@charset "utf-8";

/********* Reset ***********/
* { -webkit-text-size-adjust:none;}
html{-ms-touch-action:none;overflow-x:hidden;font-size:18px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a,span {margin:0;padding:0}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox'] {background-color:#2b2b2b; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
body {font-size:18px;font-size:1rem;font-weight:400;line-height:1;font-family:'맑은고딕','Malgun Gothic', sans-serif;color:#2b2b2b;letter-spacing:0px;}
a {color:#2b2b2b;text-decoration:none;border:0;vertical-align:middle;}
a:active, a:hover, a:focus {text-decoration:none; color:inherit;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
img {vertical-align:top;max-width:100%;}
img.max {width:100%;}
img[usemap] {border:none;width:auto;height:auto;max-width:100%;}

/********* Common Class ***********/
.fl-l {float:left;}
.fl-r {float:right;}
.cl-b {width:0;height:0;font-size:0;line-height:0;clear:both;}
.show {display:block;}
.hide {display:none;}
.ta-c {text-align:center;}
.ta-l {text-align:left;}
.ta-r {text-align:right;}
.tbl {border-collapse:collapse;border-spacing:0;} /* 테이블 초기화 */
.clear {display:block;overflow:visible;width:auto;clear:both;*zoom:1;}
.clear:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:'';}
.of-hi {overflow:hidden;}
.bg-fff {background:#ffffff;}
.blind{ width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0px; position:absolute; left:-99999px; }
.h100 { height:100%;}

.mt10 {margin-top:10px;margin-top:0.625rem;}
.mt20 {margin-top:20px;margin-top:1.25rem;}
.mt30 {margin-top:30px;margin-top:1.875rem;}
.mt40 {margin-top:40px;margin-top:2.5rem;}
.mt50 {margin-top:50px;margin-top:3.125rem;}
.mt60 {margin-top:60px;margin-top:3.75rem;}
.mt70 {margin-top:70px;margin-top:4.375rem;}
.mt80 {margin-top:80px;margin-top:5rem;}
.mt90 {margin-top:90px;margin-top:5.625rem;}
.mt100 {margin-top:100px;margin-top:6.25rem;}

.mb10 {margin-bottom:10px;margin-bottom:0.625rem;}
.mb20 {margin-bottom:20px;margin-bottom:1.25rem;}
.mb30 {margin-bottom:30px;margin-bottom:1.875rem;}
.mb40 {margin-bottom:40px;margin-bottom:2.5rem;}
.mb50 {margin-bottom:50px;margin-bottom:3.125rem;}
.mb60 {margin-bottom:60px;margin-bottom:3.75rem;}
.mb70 {margin-bottom:70px;margin-bottom:4.375rem;}
.mb80 {margin-bottom:80px;margin-bottom:5rem;}
.mb90 {margin-bottom:90px;margin-bottom:5.625rem;}
.mb100 {margin-bottom:100px;margin-bottom:6.25rem;}

.pt10 {padding-top:10px;padding-top:0.625rem;}
.pt20 {padding-top:20px;padding-top:1.25rem;}
.pt30 {padding-top:30px;padding-top:1.875rem;}
.pt40 {padding-top:40px;padding-top:2.5rem;}
.pt50 {padding-top:50px;padding-top:3.125rem;}
.pt60 {padding-top:60px;padding-top:3.75rem;}
.pt70 {padding-top:70px;padding-top:4.375rem;}
.pt80 {padding-top:80px;padding-top:5rem;}
.pt90 {padding-top:90px;padding-top:5.625rem;}
.pt100 {padding-top:100px;padding-top:6.25rem;}

.pb10 {padding-bottom:10px;padding-bottom:0.625rem;}
.pb20 {padding-bottom:20px;padding-bottom:1.25rem;}
.pb30 {padding-bottom:30px;padding-bottom:1.875rem;}
.pb40 {padding-bottom:40px;padding-bottom:2.5rem;}
.pb50 {padding-bottom:50px;padding-bottom:3.125rem;}
.pb60 {padding-bottom:60px;padding-bottom:3.75rem;}
.pb70 {padding-bottom:70px;padding-bottom:4.375rem;}
.pb80 {padding-bottom:80px;padding-bottom:5rem;}
.pb90 {padding-bottom:90px;padding-bottom:5.625rem;}
.pb100 {padding-bottom:100px;padding-bottom:6.25rem;}

/********** radio, checkbox custom style ***********/
.check,.radio {padding:0px;}
.radio {background:url(images/btn_radio_off.gif) no-repeat center left;background-size:24px 24px;color:#2b2b2b;}
.check {background:url(images/btn_checkbox_off.gif) no-repeat center left;background-size:24px 24px;}
label.c-on {background:url(images/btn_checkbox_on.gif) no-repeat center left;background-size:24px 24px;}
label.r-on {background:url(images/btn_radio_on.gif) no-repeat center left;background-size:24px 24px;color:#2b2b2b;}
label{margin:0;}
.check input,.radio input{position:absolute;left:-9999px;}

/********** selectbox *************/
.select-wrap{position:relative;display:inline-block;}
.selectbox{font-size:18px;font-size:1rem;color:#2b2b2b;padding:0;height:auto;line-height:auto;display:block;cursor:pointer;border:none;border-bottom:2px solid #2b2b2b;background:#fff url(images/btn_selectBox.gif) no-repeat right 5px center;background-size:9px 6px;}
div.selectbox-wrapper{position:absolute;background-color:#fff;border:1px solid #2b2b2b;margin:0;padding:0;text-align:left;height:60;*height:60;/*IE6 fix */ overflow-y:auto;z-index:10;max-height:300px;}
div.selectbox-wrapper ul li.selected{background-color:#fff;}
div.selectbox-wrapper ul li.current{background-color:#ddd;}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:2px 5px 2px 10px;cursor:pointer;font-size:18px;font-size:1rem;line-height:28px;}
html:first-child select{padding-right:6px;height:20;} /* Opera 9 & Below Fix */
select:not(.no-style) {
    font-family: inherit;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}
input[type="tel"]{border-radius:0px;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display:none;}
/********** input *********/
input[type="text"],
input[type="password"],
input[type="tel"] {
  height: auto;  /* 높이 초기화 */
  line-height: inherit;  /* line-height 초기화 */
  padding:0;  /* 여백 설정 */
  border:none;
  font-family:'맑은고딕','Malgun Gothic', sans-serif;color:#2b2b2b;letter-spacing:-0.75px;
  outline: none;
}
/******** textarea *********/
textarea {width:100%; border:1px solid #2b2b2b;}

/********** common ************/
#wrap { position:relative; background:#fff;}
#header { overflow:hidden; border-bottom:1px solid #e8e8e8;}
#header .dep1 { padding:25px 0; position:relative; overflow:hidden; background:#fff;}
#header .dep1 h1 { float:left; width:15%; text-align:center; font-size:0;}
#header .dep1 ul { float:left; width:85%;}
#header .dep1 ul li { float:left; width:25%; text-align:right; margin-top:0.4%;}
#header .dep1 ul li.on a,#header .dep1 ul li a:hover { color:#ae2825;}
#header .dep1 ul li a { font-size:18px; font-weight:bold; letter-spacing:3px;}
#header .dep1 .btn-mo { display:none;}
#header .dep2-wrap { display:none; position:relative; width:100%; background:#fff; text-align:right; border-top:1px solid #e8e8e8; height:50px;}
#header .dep2-wrap .dep2 { padding:18px 10px; position:relative; overflow:hidden; margin:auto; height:50px;}
#header .dep2-wrap .dep2 ul { display:none; position:absolute; background:#fff; width:100%; right:10px;}
#header .dep2-wrap .dep2 ul.on { display:inline-block;}
#header .dep2-wrap .dep2 ul li { display:inline-block;; margin-left:5%;}
#header .dep2-wrap .dep2 ul li:first-child { margin-left:0;}
#header .dep2-wrap .dep2 ul li a { font-weight:normal; color:#666; display:block;}
#header .dep2-wrap .dep2 ul li.on a,#header .dep2-wrap .dep2 ul li a:hover { color:#ae2825; border-bottom:1px solid #ae2825; padding-bottom:12px;}
#footer { background:#333; padding:30px 0; margin-top:100px;}
#footer p { font-size:20px; font-size:1.25rem; color:#9f9f9f; line-height:1.3;}


/******* media **********/
/* IE8 only */
@media \0screen {

}

@media (min-width: 768px) {
    #header .dep2-wrap .dep2 { width: 750px;}
}
@media (min-width: 992px) {
    #header .dep2-wrap .dep2 { width: 970px;}
}
@media (min-width: 1200px) {
    #header .dep2-wrap .dep2 { width: 1024px;}
}
@media (min-width: 1280px) {
    #header .dep2-wrap .dep2 { width: 1280px;}
}

@media (max-width:768px){
    html {font-size:16px;}
    #header .dep1 { padding:20px 0; padding:1.25rem 0;}
    #header .dep1 .btn-mo { display:inline-block; width:8%; float:right;}
    #header .dep1 h1 { width:28%;}
    #header .dep1 ul { display:none;}
    #header .dep1 ul.mo-menu { display:block; position:fixed; z-index:10000; background:#fff; height:auto; width:100%; left:0; overflow:hidden;}
    #header .dep1 ul.mo-menu li { float:none; width:100%; text-align:center; margin-top:0; border-bottom:1px solid #e8e8e8;}
    #header .dep1 ul.mo-menu li a { font-size:24px; padding:5% 0; display:inline-block;}
    #header .dep1 ul.mo-menu li ul { width:100%; float:none;}
    #header .dep1 ul.mo-menu li ul li { border-bottom:none;}
    #header .dep1 ul.mo-menu li ul li:last-child { padding-bottom:5%;}
    #header .dep1 ul.mo-menu li ul li a { font-size:18px; font-weight:normal; padding:10px 0; letter-spacing:0;}
}