@charset "utf-8";

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Regular.woff') format('woff'),
        url('../fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Medium.woff') format('woff'),
        url('../fonts/NotoSansKR-Medium.otf') format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('../fonts/NotoSansKR-Bold.woff') format('woff'),
        url('../fonts/NotoSansKR-Bold.otf') format('opentype');
 }

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700,800');

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Nanum Square 나눔스퀘어*/
@font-face {
    font-family: 'NanumSquare';
    src: url('../fonts/NanumSquareR.eot');
    src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NanumSquareR.woff2') format('woff2'),
        url('../fonts/NanumSquareR.woff') format('woff');
		url('../fonts/NanumSquareR.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'NanumSquare-b';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanumsquareb.eot'); /* IE9 Compat Modes */
  src: url('../fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanumsquareb.woff2') format('woff2'),
       url('../fonts/nanumsquareb.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanumsquareb.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NanumSquare-e';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanumsquaree.eot'); /* IE9 Compat Modes */
  src: url('../fonts/nanumsquaree.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanumsquaree.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanumsquaree.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* 요소(element) 여백 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {margin:0;padding:0;}
a{text-decoration: none; color:#424242;}

/*기본폰트지정*/
html { font-family:'Noto Sans KR', '맑은고딕', Dotum, '돋움', sans-serif;}
body{font-size:12px; color:#424242;}
 
/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size: 12px; margin: 0;} 

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }
 
/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {border-collapse: collapse; border-spacing:0; border:0 none; }
caption {position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}
ins { text-decoration:none; }
del { text-decoration:line-through; }
 
/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }
 
/* 수평선*/
hr { display:none; }

/* 이미지 */
img {border: 0 none;}

/* textarea */
textarea {font-family:'Nanum Gothic', '나눔고딕', Dotum, '돋움', sans-serif; border:1px solid #afafaf; padding:4px;}
input, select {font-family:'Nanum Gothic', '나눔고딕', Dotum, '돋움', sans-serif;}

/* 숨김 */
.blind, .hidden, legend { display: block; left: 0; overflow: hidden; position: absolute; top: -1000em;}

/* 전체 */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* 폼 양식 - 공통 */
label { background:none; vertical-align:middle; padding:5px 12px 0 0; }
input:required, 
textarea:required { outline:none; }
input[type="text"], 
input[type="email"], 
input[type="password"],
input[type="file"],
input[type="number"],
input[type="tel"] { height:36px; line-height:36px; padding:0 7px; border:1px solid #ccc; background:#fff; color:#333; border-radius:5px; font-size:18px; }
select { text-align:center; height:40px; padding:0 5px; border:1px solid #ccc; background:#fff; border-radius:5px; font-size:18px; }
textarea { padding:10px; border:1px solid #ccc; background:#fff; border-radius:5px; font-size:18px; }

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus { font-size:18px; color:#666; border-color:#62C2E4; outline:none; }

input[type="text"]:required,
input[type="date"]:required,
input[type="time"]:required,
input[type="email"]:required, 
input[type="password"]:required,
input[type="tel"]:required,
textarea:required { background:#edf5f7 }

/* input box color */ 
input:-webkit-autofill { -webkit-box-shadow:0 0 0 0 #fff inset ; -webkit-text-fill-color:#000; } 
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s; }

/** 라디오 버튼 **/
input[type="radio"].radio1 { overflow:hidden; clip:rect(0 0 0 0); height:0px; width:0px; opacity: 0; padding:0; border:0; font-size: 0; display: none;}
input[type="radio"].radio1 + label.label1 {padding-left:30px; line-height:12px; height:22px; font-size:17px;  display:none;
display:inline-block; background-repeat:no-repeat; background-size:22px; background-position:left top; vertical-align:middle; cursor:pointer;
-webkit-tap-highlight-color:rgba(255,255,255,0); } /* 터치시 음영 없앰 */
input[type="radio"].radio1.v2 + label.label1 {padding-left:26px; line-height:12px; height:22px; font-size:17px;  display:none;
display:inline-block; background-repeat:no-repeat; background-size:22px; background-position:left top; vertical-align:middle; cursor:pointer; padding-right: 3px;
-webkit-tap-highlight-color:rgba(255,255,255,0); } /* 터치시 음영 없앰 */
input[type="radio"].radio1 + label.label1.withIn {width: 39%; line-height: unset; padding-top: 0;}
input[type="radio"].radio1:checked + label.label1 {background-position: 0 -22px;}
input[type="radio"].radio1:disabled + label.label1 {background-position: 0 -44px;}
.label1 { font-weight:400; background-image:url("/images/common/radio.png");}

/** 체크박스1 **/
input[type="checkbox"].chkbox1 { overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; padding:0; border:0; display:none;}
input[type="checkbox"].chkbox1 + label.label2 { padding-left:30px; line-height:12px; height:22px; font-size:17px; 
display:inline-block; background-repeat:no-repeat; background-size:22px; background-position:0 0; vertical-align:top; cursor:pointer;
-webkit-tap-highlight-color:rgba(255,255,255,0); } /* 터치시 음영 없앰 */

input[type="checkbox"].chkbox1:checked + label.label2 { background-position:0 -22px; }
.label2 { color:#666; font-weight:400; background-image:url("/images/common/chkbox.png");}
.label_b { font-weight:600 !important; }

/** 체크박스2 **/
input[type="checkbox"].chkbox1 + label.label3 { padding:0; line-height:12px; width:22px; height:22px; font-size:17px; 
display:inline-block; background-repeat:no-repeat; background-size:22px; background-position:0 0; vertical-align:top; cursor:pointer;
-webkit-tap-highlight-color:rgba(255,255,255,0); } /* 터치시 음영 없앰 */
input[type="checkbox"].chkbox1:checked + label.label3 { background-position:0 -22px; }
.label3 { color:#666; font-weight:400; background-image:url("/images/common/chkbox.png");}


/** placeholder 속성 **/
::-webkit-input-placeholder { color:#9e9e9e; }
:-moz-placeholder { color:#9e9e9e; }
::-moz-placeholder { color:#9e9e9e; }
:-ms-input-placeholder { color:#9e9e9e; }
::placeholder { color:#9e9e9e; }


/** etc **/
.relative {position:relative;}
.clear { clear:both }
.cen { text-align:center !important}
.none_bg{background:none !important;}
.org_txt{color: #de6026 !important;}
.red_txt{color: #e60000 !important;}
.blue_txt{color: #0051c3 !important;}
.yellow_bg{background-color: yellow !important;}

.w-auto {width:auto !important; min-width:0 !important;}

.mt0{margin-top: 0 !important;}
.mt4{margin-top: 4px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt12{margin-top: 12px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}

.mr0{margin-right: 0 !important;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}

.mb0{margin-bottom: 0 !important;}
.mb4{margin-bottom: 4px !important;}
.mb6{margin-bottom: 6px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}

.ml0{margin-left: 0 !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}

.p0{padding: 0 !important;}

.pr0{padding-right: 0 !important;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}

.pl0{padding-left: 0 !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl28{padding-left: 28px !important;}
.pr0 {padding-right:0px !important}
.pr20 {padding-right:20px !important}
.pr28 {padding-right:28px !important}

.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb30{padding-bottom: 100px !important;}

.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.btn-right {float:right;}
.float-right {float:right!important;}

.color-low {
	color:#1156d4!important;
}
.color-error {
	color:#000!important;
}
.color-warning {
	color:#ff2112!important;
}
.color-normal {
	color:#00b0b0!important;
}
.color-orange {
	color:#ff8e00!important;
}
.colorRed {
	color:#ff2112!important;
}
.colorBule {
	color:#1e35e5!important;
}
.colorYellow {
	color:#fff600!important;
}

.tem_big {
	font-size:22px!important;
}

.grey2 {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey2:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}

/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {	
	padding: 8px 12px; 
	display:block; 
	border: 1px solid #666;
	width:auto;
}

/* The styles for the red button */
.red {
	color: #ac051b;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#e62424, #ac051b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ac051b), to(#e62424));
	background-image: -webkit-linear-gradient(#e62424, #ac051b);
	background-image: -o-linear-gradient(#e62424, #ac051b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #ac051b;
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.red:active {border: 1px solid #ab3e4b;}

/* The styles for the blue button */
.blue {
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.blue:active {border: 1px solid #3b778b;}

/* The styles for the green button */
.green {
	color: #5a742d;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {border: 1px solid #506320; width:auto; height:auto;}

/* The styles for the black button */
.black {
	color: #fff;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.black:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.black:active {border: 1px solid #000;}

/* The styles for the yellow button */
.yellow {
	color: #986a39;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* The styles for the purple button */
.purple {
	color: #7e5d7c;
	border: 1px solid #cd93c6;
	background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background-image: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background-image: -o-linear-gradient(#e9c4e3, #d798d1);
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.purple:hover {
	border: 1px solid #886382;
	background-image: -moz-linear-gradient(#d798d1, #e9c4e3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background-image: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background-image: -o-linear-gradient(#d798d1, #e9c4e3);
	background-color: #e9c4e3;
}
.purple:active {border: 1px solid #6a4664;}

/* The styles for the greyblue button */
.gblue {
	color: #57646d;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.gblue:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.gblue:active {border: 1px solid #434f5a;}

.btn-color { background-color:#00b0b0; color:#fff;}
.btn{
	width:100%;
    font-size:17px;
    font-weight:500;
    letter-spacing:0.6px;
    padding:10px 18px;
	border-radius:5px;
    display:inline-block;
}
.btn-center {
	width:100%;
	max-width:768px;
	margin:30px auto;
}
.btn i { padding-top:5px; float:right;}

@media (min-width: 980px) {	
	.btn-center {
		max-width:1200px;
	}	
}

/* 배터리 */
.bg100{width:98%;}
.bg99{width:97%;}
.bg98{width:96%;}
.bg97{width:95%;}
.bg96{width:94%;}
.bg95{width:93%;}
.bg94{width:92%;}
.bg93{width:91%;}
.bg92{width:90%;}
.bg91{width:89%;}
.bg90{width:88%;}
.bg89{width:87%;}
.bg88{width:86%;}
.bg87{width:85%;}
.bg86{width:84%;}
.bg85{width:83%;}
.bg84{width:82%;}
.bg83{width:81%;}
.bg82{width:80%;}
.bg81{width:79%;}
.bg80{width:78%;}
.bg79{width:77%;}
.bg78{width:76%;}
.bg77{width:75%;}
.bg76{width:74%;}
.bg75{width:73%;}
.bg74{width:72%;}
.bg73{width:71%;}
.bg72{width:70%;}
.bg71{width:69%;}
.bg70{width:68%;}
.bg69{width:67%;} 	
.bg68{width:66%;} 	
.bg67{width:65%;} 	
.bg66{width:64%;} 	
.bg65{width:63%;} 	
.bg64{width:62%;} 	
.bg63{width:61%;} 	
.bg62{width:60%;} 	
.bg61{width:59%;} 	
.bg60{width:58%;} 	
.bg59{width:57%;}
.bg58{width:56%;}
.bg57{width:55%;}
.bg56{width:54%;}
.bg55{width:53%;}
.bg54{width:52%;}
.bg53{width:51%;}
.bg52{width:50%;}
.bg51{width:49%;}
.bg50{width:48%;}
.bg48{width:47%;}
.bg48{width:46%;}
.bg47{width:45%;}
.bg46{width:44%;}
.bg45{width:43%;}
.bg44{width:42%;}
.bg43{width:41%;}
.bg42{width:40%;}
.bg41{width:39%;}
.bg40{width:38%;}
.bg39{width:37%;}
.bg38{width:36%;}
.bg37{width:35%;}
.bg36{width:34%;}
.bg35{width:33%;}
.bg34{width:32%;}
.bg33{width:31%;}
.bg32{width:30%;}
.bg31{width:29%;}
.bg30{width:28%;}
.bg29{width:27%;}
.bg28{width:26%;}
.bg27{width:25%;}
.bg26{width:24%;}
.bg25{width:23%;}
.bg24{width:22%;}
.bg23{width:21%;}
.bg22{width:20%;}
.bg21{width:19%;}
.bg20{width:18%;}
.bg19{width:17%;}
.bg18{width:16%;}
.bg17{width:15%;}
.bg16{width:14%;}
.bg15{width:13%;}
.bg14{width:12%;}
.bg13{width:11%;}
.bg12{width:10%;}
.bg11{width:9%;}
.bg10{width:8%;}
.bg9{width:7%;}
.bg8{width:6%;}
.bg7{width:5%;}
.bg6{width:4%;}
.bg5{width:3%;}
.bg4{width:2%;}
.bg3{width:1%;}
.bg2{width:0%;}
.bg1{width:0%;}

textarea {resize: none;}

/* font-style */
.fs-15 {
	font-size:15px!important;
}
.fs-16 {
	font-size:16px!important;
}
.fs-17 {
	font-size:17px!important;
}
.fs-18 {
	font-size:18px!important;
}


.fw-400 {
	font-weight:400;
}
.fw-500 {
	font-weight:500;
}


/*모달*/
.ax5modal.danger {
	background-color: transparent;
	border: none;
	box-shadow:none;
}
.ax5modal.danger .ax-modal-header {
	background: none !important;

}
.ax5modal.danger .ax-modal-header .ax-modal-header-addon {

}
.ax5modal.danger .ax-modal-header .ax-modal-header-addon button {
	font-size: 26px;
	color:#fff;
}
.ax5modal.danger .ax-modal-body {
	border-radius: 10px;
}

table tbody td.td_juk, table tfoot td.td_juk {
	font-family: 'NanumSquare', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color:#0060df;
}
table tbody td.td_bu, table tfoot td.td_bu {
	font-family: 'NanumSquare', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color:#ff3535;
}

/* 선택형 radio */
.radioType {
	overflow: hidden;
	display: inline-block;
}
.radioType input[type="radio"] {
	display: inline;
	float: left;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
}
.radioType input[type="radio"] + label {
	min-width: 80px;
	min-width: 50px;
	height: 42px;
	line-height: 42px;
	font-size: 1.3rem;
	color: #373737;
	border: 2px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 0;
	font-weight: 100;
	text-align: center;
	padding: 0 10px;
	background: none;
	background-color: #fff;
	float: left;
	margin-bottom: 0;
	cursor: pointer;
}
.radioType.mini input[type="radio"] + label {
	min-width: 40px;
}
.radioType input[type="radio"]:first-child + label { border-radius: 5px 0 0 5px; border-left: 2px solid #ddd; }
.radioType input[type="radio"] + label:last-child { border-right: 2px solid #ddd; border-radius: 0 5px 5px 0; }

.radioType.type_color input[type="radio"] + label {
	border: 2px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 0;
}
.radioType.type_color input[type="radio"]:first-child + label { border-left: 2px solid #ddd; }
.radioType.type_color input[type="radio"] + label:last-child { border-right: 2px solid #ddd; }

.radioType input[type="radio"].no:checked + label {
	background-color: #d20000;
    color: #fff;
	line-height: 38px;
}
.radioType input[type="radio"].yes:checked + label {
	background-color: #3fc3c4;
    color: #fff;
	line-height: 38px;
}
.radioType input[type="radio"].none:checked + label {
	border-left: 0;
    background-color: #d4d4d4;
	color: #fff;
	line-height: 38px;
}
.radioType input[type="radio"].mint:checked + label {
	background-color: #3fc3c4;
	color: #fff;
}

table.font-small th {font-size: 15px !important;}
table.font-small td {font-size: 14px !important;}


.pinkC {
	color: #ff73a6!important;
	/*test*/
}
.mintC {
	color: #3fc3c4!important;
	/*test*/
}
.blue_txt {
	font-weight: bold;
}
input[type="checkbox"] {
	min-width: 22px;
	min-height: 22px;
}
.pilsu {
	position: relative;
	padding-left: 8px;
}
.pilsu::after {
	position: absolute;
	top: 24px;
	left: 0px;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: 1px;
	background: #ff1111;
	border-radius: 50%;
}