@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}


/* 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:14px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: 'Nanum Gothic', sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: 'Nanum Gothic';}
a:link{font-size:14px; text-decoration:none;}
a:hover{font-size:14px; text-decoration:none;}
a:visited{font-size:14px;  text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}
select::-ms-expand {display: none;}


#wrap{width:100%; max-width:640px; margin:0 auto; position:relative; overflow:hidden; font-family: 'Nanum Gothic', sans-serif;}
#content{margin-top:99px;}

/* header */
#bg_black{display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:54;}
#header{position:fixed; top:0; left:50%; margin-left:-320px; width:100%; max-width:640px; height:99px; background:#fff; border-bottom:2px solid #ebebeb; box-sizing:border-box; z-index:100;}
#header .head_con{position:relative;}
#header .head_in{position:relative; padding:0 25px; box-sizing:border-box; height:97px;}
#header .head_in:after{content:"" ; display:block; clear:both;}
#header .head_in .left{float:left; width:37px; height:27px; margin-top:35px;}
#header .head_in .left a{display:block;}
#header .head_in .left a img{width:37px; height:27px;}
#header .head_in .center{position:absolute; width:278px; height:24px; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#header .head_in .center a{display:block;}
#header .head_in .center a img{width:278px; height:24px;}
#header .head_in .right{float:right; width:33px; height:33px; margin-top:32px;}
#header .head_in .right a{display:block;}
#header .head_in .right a img{width:33px; height:33px;}
#header .head_search{display:none; height:92px; background:#a3d28c; overflow:hidden; padding:0 14px 0 25px;}
#header .head_search .sear_inp{float:left; width:554px; margin:11px 15px 0 0; position:relative;}
#header .head_search .sear_inp input{font-size:22px; letter-spacing:0; color:#000; width:100%; height:70px; box-sizing:border-box; border:0; background:#fff; padding:0 17px; font-weight:500;}
#header .head_search .sear_inp a{position:absolute; top:19px; right:14px; width:32px; height:32px; display:block;}
#header .head_search .sear_inp a img{width:100%;}
#header .head_search .sear_close{float:left; width:32px; height:32px; margin-top:30px;}
#header .head_search .sear_close a{display:block;}
#header .head_search .sear_close a img{width:32px; height:32px;}

/* gnb */
.gnb{position:absolute; top:0; left:-2000px; width:100%;max-width:640px; height:100vh; background:#fff; z-index:300 !important; overflow-y:auto;}
.gnb .gnb_wrap .gnb_T{height:99px; padding-top:37px; text-align:center; background:#a3d28c; position:relative; box-sizing:border-box;}
.gnb .gnb_wrap .gnb_T > img{width:278px; height:24px;}
.gnb .gnb_wrap .gnb_T a{position:absolute; top:32px; right:25px; width:33px; height:33px; display:block;}
.gnb .gnb_wrap .gnb_T a img{width:100%;}
.gnb .gnb_wrap .depth{padding:0 25px; box-sizing:border-box; background:#fff;}
.gnb .gnb_wrap .depth .dep01{margin:0;}
.gnb .gnb_wrap .depth .dep01 > li{box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.gnb .gnb_wrap .depth .dep01 > li a{padding:18px 0;}
.gnb .gnb_wrap .depth .dep01 > li > a{display:block; font-size:30px; line-height:122px; letter-spacing:-0.01em; color:#000; font-weight:600; text-align:center;}
.gnb .gnb_wrap .depth .dep01 li .dep02{display:none; margin:0;  background:#f6f4f5; /*padding:30px 0;*/}
.gnb .gnb_wrap .depth .dep01 li .dep02 li{text-align:center;/*margin-bottom:35px;*/}
.gnb .gnb_wrap .depth .dep01 li .dep02 li:last-of-type{margin-bottom:0;}
.gnb .gnb_wrap .depth .dep01 li .dep02 li a{display:block; font-size:27px; line-height:1; letter-spacing:-0.01em; color:#000; font-weight:600;/*padding:5px 0;*/}
.gnb .gnb_wrap .depth .dep01 li .dep03{display:none;background:#fff;}
.gnb .gnb_wrap .depth .dep01 li .dep03 li a{font-weight:500;}

.gnb .head_foot{margin:13px 23px 0 24px; padding-bottom:135px;}
.gnb .head_foot .banner{width:593px; height:105px; margin-bottom:17px;}
.gnb .head_foot .banner a{display:block;}
.gnb .head_foot .banner a img{width:593px; height:105px;}
.gnb .head_foot .head_foot_in:after{content:""; display:block; clear:both;}
.gnb .head_foot .head_foot_in .left{float:left; width:240px; margin-right:10px; position:relative;}
.gnb .head_foot .head_foot_in .left > a{font-size:22px; letter-spacing:-0.01em; line-height:72px; color:#2f2f2f; font-weight:bold; display:block; height:73px; box-sizing:border-box; border-bottom:1px solid #000; overflow:hidden; padding:0 10px 0 13px;}
.gnb .head_foot .head_foot_in .left > a span{float:right; margin-top:33px;}
.gnb .head_foot .head_foot_in .left > a span img{width:17px; height:9px;}
.gnb .head_foot .head_foot_in .left ul{display:none; position:absolute; bottom:73px; left:0; width:100%; margin:0; box-sizing:border-box; background:#fff; padding:15px 0;}
.gnb .head_foot .head_foot_in .left ul li a{display:block; font-size:22px; height:70px;line-height:70px; padding:0 13px; color:#2f2f2f; font-weight:bold;}
.gnb .head_foot .head_foot_in .right{float:left; width:340px; font-size:0;}
.gnb .head_foot .head_foot_in .right a{display:inline-block; vertical-align:top; width:107px; height:71px; margin-right:7px;}
.gnb .head_foot .head_foot_in .right a:last-of-type{width:107px; height:71px; margin-right:0;}
.gnb .head_foot .head_foot_in .right a img{width:100%;}

/* quick */
#quick{position:fixed; bottom:50px; left:50%; margin-left:215px; width:80px; height:80px; z-index:99;}
#quick a{display:block;}
#quick a img{width:100%;}
#quick.consul{position:absolute;bottom:235px;}


/* footer */
#footer{width:100%; max-width:640px; margin:0 auto; position:relative; box-sizing:border-box; border-top:2px solid #ebebeb;/* position:relative;z-index:100;background-color:#fff; */}
#footer .foot{width:590px; margin:0 auto; padding:55px 0 40px; text-align:center;}
#footer .foot > img{width:278px; height:24px;}
#footer .foot > p{font-size:17px; line-height:24px; letter-spacing:-0.01em; color:#000; font-weight:300; padding:40px 0 50px;}
#footer .foot > p i{font-style:normal;}
#footer .foot > p span{display:block; margin-top:10px;}
#footer .foot .inner:after{content:""; display:block; clear:both;}
#footer .foot .inner .left{float:left; width:355px; margin-right:12px; font-size:0; text-align:left;}
#footer .foot .inner .left .left_in{width:165px;  position:relative; display:inline-block; vertical-align:top; margin-right:12px;}
#footer .foot .inner .left .left_in > a{height:51px; line-height:50px; display:block; border-bottom:1px solid #000; box-sizing:border-box; overflow:hidden; text-align:left; font-size:20px; letter-spacing:-0.01em; color:#2f2f2f; font-weight:700; padding:0 10px 0 13px;}
#footer .foot .inner .left .left_in > a span{float:right; margin-top:20px;}
#footer .foot .inner .left .left_in ul{display:none; position:absolute; bottom:51px; padding:10px 0; margin:0; background:#fff; width:100%; box-sizing:border-box; text-align:left;  font-weight:700;}
#footer .foot .inner .left .left_in ul li{margin-bottom:10px;}
#footer .foot .inner .left .left_in ul li:last-of-type{margin-bottom:0;}
#footer .foot .inner .left .left_in ul li a{font-size:20px; letter-spacing:-0.01em; color:#2f2f2f; display:block; line-height:3.5; box-sizing:border-box; padding:0 10px 0 13px; height:70px;}
#footer .foot .inner .left > a{display:inline-block; width:176px; height:51px; line-height:49px; box-sizing:border-box; border:1px solid #5e5e5e; text-align:center; font-size:18px; letter-spacing:-0.01em; color:#2f2f2f; font-weight:700;}
#footer .foot .inner .right{float:left; width:223px; font-size:0;}
#footer .foot .inner .right a{display:inline-block; width:71px; height:47px; margin:3px 5px 0 0;}
#footer .foot .inner .right a:last-of-type{margin-right:0;}
#footer .foot .inner .right a img{width:100%;}