@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css");
body{text-size-adjust:none !important;}
/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family:"Nanum Gothic", sans-serif;}
a {text-decoration:none; font-family:"Nanum Gothic";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap {position:relative; width:100%; height:100%; margin:0 auto; max-width:640px; float:none; display:block; overflow:hidden;}
#header {position:fixed; top:0; z-index:80; width:100%; height:90px; background:#fff; overflow:hidden;}
#footer {position:relative; width:100%; padding:53px 20px; background:#b7b0a5; box-sizing:border-box;}


.pd20 {padding:0 20px;}

/*header*/
#header .all_menu,#header h1 {float:left;}
#header .all_menu {cursor:pointer;}
#header h1 {margin:24px 0 0 134px;}
#header .right_wrap {float:right; margin:28px 20px 0 0;}
#header .right_wrap a {margin-left:40px;}


/*nav*/
.nav {position:fixed; top:90px; left:-100%; width:100%; height:100%; z-index:99; background:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; overflow-y:scroll;}
.nav.view {left:0;}
.nav .tit_wrap {width:100%; background-color:#f5f5f3; padding-top:36px; text-align:center; border-bottom:1px solid #d4d4d4;}
.nav .tit_wrap .tit_img {margin-bottom:15px;}
.nav .tit_wrap .name_wrap {font-size:28px; color:#2c2c2c; font-family:"Noto Sans KR";}
.nav .tit_wrap .btn_wrap {margin-top:28px; font-size:0;}
.nav .tit_wrap .btn_wrap input[type="button"] {width:167px; height:57px; color:#fff; font-size:20px; font-weight:300; font-family:"Noto Sans KR"; border:0; background:#a7a8a6;}
.nav .tit_wrap .btn_wrap input[type="button"]:nth-of-type(2) {background:#727271;}


.gnb_con {padding:15px 20px;}
.gnb_con a {font-family:"Noto Sans KR";}
.gnb_con .de_gnb {width:100%; border-bottom:1px solid #d4d4d4;}
.gnb_con .de_gnb a.depth01 {display:block; width:100%; padding:35px 0 20px; font-size:30px; font-weight:300; color:#2d2d2d; background:url('/m/img/de_gnb_bg.png') no-repeat 95% 60%;}
.gnb_con .de_gnb a.depth01.on {background:url('/m/img/de_gnb_bg_on.png') no-repeat 95% 60%;}

.gnb_con .de_gnb ul {display:none; padding:35px 25px; border-top:1px solid #d4d4d4;}
.gnb_con .de_gnb ul li a {display:block; width:100%; padding:8px 0; font-size:22px; color:#848484;}
.gnb_con .de_gnb ul li a span {display:inline-block; width:3px; height:3px; margin:0 9px 1px 0; background:#848484; vertical-align:middle;}


/*footer*/
#footer .up_btn {position:absolute; top:0; right:70px; cursor:pointer;}
#footer .text_wrap {text-align:center;} 
#footer .link_wrap {margin-top:35px; text-align:center;}
#footer .link_wrap a {font-size:18px; color:#3a3937;}
#footer .link_wrap span {display:inline-block; width:1px; height:14px; margin:0 15px 0 17px; background:#78746e;}
#footer .adress {margin-top:12px; margin-bottom:15px; text-align:center; font-size:18px; color:#615f5c; line-height:1.6em;}
#footer .copy {text-align:center; font-size:17px; color:#807e7b;}
#footer .sns_wrap {margin-top:37px; text-align:center; font-size:0;}
#footer .sns_wrap a {margin:0 8px;}


/*sub_title*/
.sub_visual {margin-top:90px;}
.sub_title {height:140px; padding-top:50px; box-sizing:border-box;}
.sub_title h2 {font-size:38px; font-weight:300; color:#2d2d2d; font-family:"Noto Sans KR"; text-align:center;}
.sub_depth {margin-bottom:50px;}
.sub_depth ul {font-size:0; text-align:center;}
.sub_depth ul li {display:inline-block;}
.sub_depth ul li a {display:block; width:160px; height:64px; padding-top:21px; box-sizing:border-box; text-align:center; font-size:17px; color:#222; font-family:"Noto Sans KR"; border:1px solid #d0d0d0; border-right:0;}
.sub_depth ul li:nth-of-type(4n) a {border-right:1px solid #d0d0d0;}
.sub_depth ul li:last-of-type a {border-right:1px solid #d0d0d0;}
.sub_depth ul li a.on {background:#668a8a; color:#fff;}
.sub_depth ul li:nth-of-type(5) a,
.sub_depth ul li:nth-of-type(6) a,
.sub_depth ul li:nth-of-type(7) a,
.sub_depth ul li:nth-of-type(8) a {border-top:0;}
.sub_depth ul li:nth-of-type(7) a {width:161px;}
.sbdnone .sub_depth {display:none;}

.sub_depth.post ul {overflow:hidden;}
.sub_depth.post ul li {float:left; display:block;}
.sub_depth.post ul li:nth-of-type(7) a {width:160px;}

/*sub_common*/
.sub_common {width:100%; padding-top:100px; background:url('/m/img/sub_common_bg.png') no-repeat center top;}
.sub_common ul li {position:relative;}
.sub_common a.sc_btn {position:absolute; top:181px; z-index:10; right:85px;}
.sub_common a.sc_btn.no02 {left:85px;}

.sub_common .quick_consult {margin-top:53px; background:#fff; padding:35px 30px;}
.sub_common .quick_consult .form_wrap {margin:19px 0 0;}
.sub_common .quick_consult .form_wrap dl {overflow:hidden; margin-bottom:7px;}
.sub_common .quick_consult .form_wrap dl dd {float:left;}
.sub_common .quick_consult .form_wrap dl dd input[type="text"] {width:172px; height:31px; border:1px solid #dedede;}
.sub_common .quick_consult .form_wrap dl dd.f_tit {width:57px; padding-top:7px;}
.sub_common .quick_consult .form_wrap dl dd.f_tit.no02 {width:70px; margin-left:64px;}
.sub_common .quick_consult .form_wrap dl dd textarea {width:355px; height:96px; border:1px solid #dedede; margin-right:7px; resize:none;}
.sub_common .quick_consult .agree_wrap {margin-top:12px; padding-left:57px;}
.sub_common .quick_consult .agree_wrap input[type="checkbox"] {width:20px; height:20px; margin-right:7px; vertical-align:middle;} 
.sub_common .quick_consult .agree_wrap label {margin-right:11px;}
.sub_common .quick_consult .agree_wrap img {vertical-align:middle;}

.sns_con {margin-top:30px;}
.sns_con ul {font-size:0; text-align:center;}
.sns_con ul li {display:inline-block; margin:0 5px;}