@charset "utf-8";
/* CSS Document */

@import url('font/nanumsquareround.css');
@import url('font/nanumgothic.css');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');
@font-face {
  font-family: 'Gotham book';
  font-style: normal;
  font-weight: 300;
  src: url(font/gotham-light-webfont.eot);
  src: url(font/gotham-light-webfont.eot?#iefix) format('embedded-opentype'),
       url(font/gotham-light-webfont.ttf) format('truetype');
}

@font-face {
  font-family: 'Gotham book';
  font-style: normal;
  font-weight: 400;
  src: url(font/gotham-book-webfont.eot);
  src: url(font/gotham-book-webfont.eot?#iefix) format('embedded-opentype'),
       url(font/gotham-book-webfont.woff) format('woff'),
       url(font/gotham-book-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'Gotham book';
  font-style: normal;
  font-weight: 500;
  src: url(font/gotham-medium-webfont.eot);
  src: url(font/gotham-medium-webfont.eot?#iefix) format('embedded-opentype'),
       url(font/gotham-medium-webfont.woff) format('woff'),
       url(font/gotham-medium-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 700;
  src: url(font/Gotham.eot);
  src: url(font/Gotham.eot?#iefix) format('embedded-opentype'),
       url(font/Gotham.woff) format('woff'),
       url(font/Gotham.ttf) format('truetype');
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary, form,fieldset { display: block;}
fieldset { min-width: 100%; }
audio,canvas,progress,video {display: inline-block;vertical-align: top;}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
body {}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a {color:inherit;}
a, a:hover, a:active, a:focus {text-decoration: none;}
abbr[title] {border-bottom: 1px dotted}
em, address { font-style: normal;}
b,strong {font-weight: 500}
small {font-size: 80%}
img {vertical-align: top; max-width:100%;}
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
button {padding:0; border:0; cursor: pointer;overflow: visible; background:transparent;}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0;}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:0;}
button[disabled],html input[disabled] {cursor: default}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}

table {border-collapse: collapse;border-spacing: 0}
td,th {padding: 0}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height:100%;} /* -webkit-tap-highlight-color:transparent; */
*{-webkit-tap-highlight-color:transparent;}
html, body {font-family: 'Nanum Gothic','Roboto','sans-serif','맑은 고딕','돋움','굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:18px; color:#666666; line-height:1.4; font-weight:400; word-break:keep-all; letter-spacing:-0.03em;}
* {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
*:before,*:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
a:tel {text-decoration:none;}
* {outline:none;}

img {max-width:100%;}

.blind, caption, legend{padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.d_none {display:none;}

.t_center { text-align: center !important; }
.t_left { text-align: left !important; }
.t_right { text-align: right !important; }
.v_top { vertical-align: top !important }
.v_middle { vertical-align: middle !important; }
.f_left { float: left !important }
.f_right { float: right !important }
.clear_b { clear: both; }
.clearfix{*zoom:1}.clearfix:after{content:""; display:block; clear:both}
.relative {position:relative;}



#skip_nav {position: fixed; left: 0; top: -50px; width: 100%; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 17px; z-index: 10000; transition: top 0.3s;}
#skip_nav:focus {top: 0;}



/* input */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:40px; margin:0; padding:0 10px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
input[type="file"] {height:40px; font-size:16px;}
select {height:40px; padding-left:10px; padding-right:20px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
textarea {padding:10px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}
select::-ms-expand {display: none;}
select{	
	/* background: #fff url('../images/icon/icon_sel_arr02.jpg') 100% 50% no-repeat !important;	 */

}
label {font-size:16px; color:#151515;}


input::-webkit-input-placeholder {color:#888888;}
input:-moz-placeholder {color:#888888; opacity: 1;}
input::-moz-placeholder {color:#888888; opacity: 1;}
input::-ms-input-placeholder {color:#888888;}
input:-ms-input-placeholder {color:#888888;}
input::input-placeholder {color:#888888;}

textarea::-webkit-input-placeholder {color:#888888;}
textarea:-moz-placeholder {color:#888888; opacity: 1;}
textarea::-moz-placeholder {color:#888888; opacity: 1;}
textarea::-ms-input-placeholder {color:#888888;}
textarea:-ms-input-placeholder {color:#888888;}
textarea::input-placeholder {color:#888888;}



.filebox {overflow:hidden; position:relative; height:40px; padding-right:93px;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:0; right:0px; width:85px; height:40px; color:#fff !important; text-align:center; font-size:16px; line-height:40px; background:#666666; cursor:pointer;}
.filebox .upload_name {float:left; width:100%; border:1px solid #d2d2d2; color:#000000; background:#ffffff;}
.filebox .btn_add {position:absolute; top:0; right:0; width:100px; height:40px; color:#fff; background:#6b6d6f;}

/*
.checkbox {display:inline-block; overflow:hidden; position:relative; font-size:20px; color:#222222; line-height:32px;}
.checkbox * {vertical-align:middle;}
.checkbox input {position:absolute; top:-100px; left:0;}
.checkbox label {display:inline-block; position:relative; padding-left:44px;}
.checkbox label em {color:#999999;}
.checkbox label:before {position:absolute; top:0px; left:0; width:30px; height:30px; border:2px solid #e2e2e2; content:'';}
.checkbox input:checked+label:before {background:url('../images/icon/icon_checkbox.jpg') no-repeat 0 0; background-size:100% 100%;}
*/

.checkbox {display:inline-block; overflow:hidden; position:relative; font-size:16px; line-height:22px;}
.checkbox * {vertical-align:middle;}
.checkbox input {position:absolute; top:-100px; left:0;}
.checkbox label {display:inline-block; position:relative; padding-left:30px; padding-top:8px;}
.checkbox label em {color:#999999;}
.checkbox label:before {position:absolute; top:7px; left:0; width:22px; height:22px; border:1px solid #cbcbcb; background:url('../images/icon/ico_checkbox.png') no-repeat 0 0 #fff; background-size:auto 20px; content:'';}
.checkbox input:checked+label:before {background-position:right center;}
.checkbox+.checkbox {margin-left:20px;}

.radio {display:inline-block; overflow:hidden; height:40px; position:relative; margin-right:16px; font-size:17px; color:#222222; line-height:40px; text-align:left;}
.radio * {vertical-align:middle;}
.radio input {position:absolute; top:-100px; left:0; width:0 !important;}
.radio label {display:inline-block; position:relative; padding-left:24px;}
.radio label em {color:#999999;}
.radio label:before {position:absolute; top:11px; left:0; width:17px; height:17px; border:1px solid #dedede; border-radius:50%; content:'';}
.radio input:checked+label:after {position:absolute; top:16px; left:5px; width:7px; height:7px; border-radius:50%; background:#333333; content:'';}
.radio.txt_none {margin-right:0;}
.radio.txt_none label {width:18px; padding:0; text-indent:-99999px;}




/* color */
.fc_black {color:#000 !important;}
.fc_blue {color:#1d5b99 !important;}
.fc_red {color:#c9161e !important;}
.fc_wine {color:#a70737 !important;}
.fc_gray01 {color:#151515 !important;}
.fc_gray02 {color:#888888 !important;}


/* font-size */
.fs17 {font-size:17px;}

/* form size */



/* common */
.block {display:block;}
.underline {text-decoration:underline;}
.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.icon {display:inline-block; overflow:hidden; text-indent:-999px; vertical-align:middle; background:no-repeat center;}

/* button */


/* size */
.full {width:100% !important;}
.half {width:50% !important;}
.quarter {width:25% !important;}
.fauto {width:auto !important;}
.fsize01 {display:inline-block; width:100%; max-width:340px;}
.fsize02 {width:100%; max-width:470px;}
.fsize03 {width:100%; max-width:150px;}

.t_visible {display:none;}

.inline_block {display:inline-block;}


.img_full {display:block; width:100%;}


.wow {visibility: hidden;}
.load .wow {visibility: visible;}


.mg_t0 {margin-top:0 !important;}
.pd_t0 {padding-top:0 !important;}
.pd0 {padding:0 !important;}


/*
메인
992 기준으로 태블릿 (형태변화)
768 기준으로 모바일 (폰트사이즈변화)

서브 
*/
/*

1199.9px 기준으로 태블릿으로 , 767.9 기준으로 모바일로

기본폰트 사용함,
pc(padding:100px 0) -> 태브릿 (padding:80px 0) -> 모바일 (padding:40px 0);

폰트변화
pc(pc디자인대로) -> 형태만 모바일로 변경(pc사이즈) -> 모바일 디자인의 반


.ctxt 기본텍스트 센터




*/

@media all and (max-width:767.9px){
	body {font-size:14px;}

	
	.checkbox {font-size:14px; line-height:30px;}
	.checkbox label {padding-left:30px; padding-top:3px; font-size:14px;}
	.checkbox label:before {top:5px; width:20px; height:20px; background-size:auto 100%;}

	.radio {height:25px; margin-right:10px; font-size:14px; line-height:25px;}
	.radio label {font-size:14px;}
	.radio label:before {top:4px;}
	.radio input:checked+label:after {top:9px;}
}