@charset 'utf-8';
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');


/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input {  -webkit-appearance: none; -webkit-border-radius: 0; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; }
html { font-size: 14px; line-height:1.35em; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: 'Neue Haas Grotesk Text 55 Roman', 'Noto Sans KR', AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; color:#383838; }

/* placeholder */
input::-webkit-input-placeholder { color:#aaa; }
input::-moz-input-placeholder { color:#aaa; }
input::-moz-placeholder { color:#aaa; }
input::-ms-input-placeholder { color:#aaa } 
textarea::-webkit-input-placeholder { color:#aaa; }
textarea::-moz-input-placeholder { color:#aaa; }
textarea::-moz-placeholder { color:#aaa; }
textarea::-ms-input-placeholder { color:#aaa }

.link {
	display:block; cursor:pointer; 
	-webkit-box-sizing:border-box;  
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	box-sizing:border-box; 
}

/* input :: text */
input[type="text"].fr_input {
	border:1px solid #dcdcdc; background-color:#fff; font-size:13px; height:34px; line-height:1.25em; color:#575757; padding:5px 10px; vertical-align:middle; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	-o-box-sizing:border-box; 
	box-sizing:border-box; 
}
/* input :: radio */
input[type="radio"].fr_radio { vertical-align:middle; display:none; }
input[type="radio"].fr_radio + label { position:relative; display:inline-block; cursor:pointer; line-height:21px; height:21px; font-size:12px; color:#333; vertical-align:middle; padding-left:27px; }
input[type="radio"].fr_radio + label:after { position:absolute; left:0; top:0; width:21px; height:21px; border:1px solid #dcdcdc; background-color:#fff; border-radius:50px; overflow:hidden; content:""; }
input[type="radio"].fr_radio:checked + label::after {border:1px solid #333; background-color:#333; }

/* input :: checkbox */
input[type="checkbox"].fr_checkbox { vertical-align:middle; display:none; }
input[type="checkbox"].fr_checkbox + label { position:relative; display:inline-block; cursor:pointer; line-height:21px; height:21px; font-size:12px; color:#333; vertical-align:middle; padding-left:27px; }
input[type="checkbox"].fr_checkbox + label::after { position:absolute; left:0; top:0; width:21px; height:21px; content:""; }
input[type="checkbox"].fr_checkbox:checked + label::after {  }

/* input :: file */
.input_file_bx { position:relative; display:block; vertical-align:middle; padding-right:82px; }
.input_file_bx:after { display:block; clear:both; height:0; content:""; }
.input_file_bx .frm_input { width:100%; }
.input_file_bx .frm_input { width:100%; vertical-align:middle; }
.input_file_bx .file_input_div { position:absolute; right:0; top:0; display:block; width:80px; height:34px; overflow: hidden; vertical-align:middle; }
.input_file_bx .file_input_button { width: 100%; position: absolute; top: 0px; display:block; height:34px; background-color: #3686cf; color: #fff; border:0; cursor:pointer; font-size:12px; }
.input_file_bx .file_input_hidden { font-size:45px; position: absolute; right: 0px; top: 0px; display:block; width:100%; height:100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; cursor:pointer; }

/* btn_area */
.button_area { text-align:center; }
.button_area:after { display:block; clear:both; width:100%; height:0; content:""; }
.button_area .left { float:left; }
.button_area .right { float:right; }

/* adign */
.ar { text-align:right !important; }
.ac { text-align:center !important; }



body { min-width:320px; background-color: #161616; }

.wrap { margin:0 auto; }

/* header */
#hd { position:relative; padding:0 0.5%; z-index:999; }
#hd .head_cnt { padding:20px 0; }
#hd h1 { text-align:left; }
#hd h1 img { width:200px; height:auto; }
#hd #nav { position:absolute; right:10px; top:25px; }
#hd #nav ul { width:100%; overflow:hidden; }
#hd #nav ul li { position:relative; float:left; margin-left:40px; font-size:13px; font-weight:500;  line-height:1.5em; text-transform:uppercase; }
#hd #nav ul li a { display:block; color:#eee; padding:5px 0; }
#hd #nav ul li a:hover { color:#aaa; }
#hd #nav ul li.current a { color:#ffef38; color:#f26a5c; }
#hd #nav ul li.current:after { position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#ffef38; background-color:#f26a5c; content:""; }

/* footer */
#ft { padding:25px 0; text-align:left; padding-left:220px; background-repeat:no-repeat; background-position:20px 50%; background-image:url('../img/logo_gray.png'); background-size:150px auto; }
#ft address,
#ft .copyright { font-style:normal; font-size:12px; color:#777; line-height:1.45em; }
#ft address { margin-bottom:5px; }
#ft address span { padding:0 5px; }
#ft .copyright { padding-left:5px; }