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

/* 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;}

/* 공통 */
.w1200{width:1200px; margin:0 auto;}
.ovH{overflow:hidden;}
.posR{position:relative;}
#content{padding-top:101px;}

/* header */
#header{ position:fixed; height:101px; box-sizing:border-box; border-bottom:1px solid #ebebeb; background:#fff; width:100%; z-index:100;}
#header .head_con .inner:after{content:""; display:block; clear:both;}
#header .head_con .inner .left{float:left; width:235px; margin-top:40px;}
#header .head_con .inner .left a{display:block;}
#header .head_con .inner .left a img{width:100%;}
#header .head_con .inner .right{float:right;}
#header .head_con .inner .right .right_top{font-size:0; margin:25px 0 10px; text-align:right;}
#header .head_con .inner .right .right_top > a{font-size:13px; line-height:1; letter-spacing:0.025em; color:#000; font-weight:400; display:inline-block; vertical-align:top;}
#header .head_con .inner .right .right_top > a.naver{color:#04CF5C;}
#header .head_con .inner .right .right_top > span{margin:0 5px; font-size:13px; line-height:1; color:#6b6b6b; display:inline-block; vertical-align:top;}
#header .head_con .inner .right .right_top .right_top_b{display:inline-block; position:relative; vertical-align:top;}
#header .head_con .inner .right .right_top .right_top_b > a{display:block; font-size:0;}
#header .head_con .inner .right .right_top .right_top_b > a span{font-size:13px; line-height:1; letter-spacing:0.025em; color:#000;  font-weight:400;display:inline-block;}
#header .head_con .inner .right .right_top .right_top_b > a > img{width:11px; margin:4px 0 0 8px;}
#header .head_con .inner .right .right_top .right_top_b ul{display:none; top:17px; left:0; background:#fff; position:absolute; width:100%; text-align:left; margin:0; z-index:2;}
#header .head_con .inner .right .right_top .right_top_b ul li{margin-bottom:0px; border-bottom:1px solid #ebebeb; }
#header .head_con .inner .right .right_top .right_top_b ul li:last-of-type{margin-bottom:0;}
#header .head_con .inner .right .right_top .right_top_b ul li a{padding:10px 2px; font-size:13px; color:#000; font-weight:400; letter-spacing:0.025em; line-height:1; display:block; box-sizing:border-box;}
#header .head_con .inner .right .right_top .right_top_b ul li a:hover{background:#000; color:#fff;}
#header .head_con .inner .right .right_btm{font-size:0;}
#header .head_con .inner .right .right_btm .dep01{display:inline-block; vertical-align:top; font-size:0;}
#header .head_con .inner .right .right_btm .dep01 a{font-size:17px; margin-right:40px; height:52px; line-height:52px; display:inline-block; vertical-align:top; color:#000; font-weight:700; letter-spacing:0; position:relative; }
#header .head_con .inner .right .right_btm .dep01 a span{display:none;}
#header .head_con .inner .right .right_btm .dep01 a:last-of-type{margin-right:20px;}
#header .head_con .inner .right .right_btm .dep01 a:hover span{width:100%; height:5px; position:absolute; bottom:0; left:0; background:#a3d28c; display:block;}
#header .head_con .inner .right .right_btm .dep01 a.on span{width:100%; height:5px; position:absolute; bottom:0; left:0; background:#a3d28c; display:block;}
#header .head_con .inner .right .right_btm .more{margin-top:16px; width:18px; display:inline-block; vertical-align:top;padding:2px;}
#header .head_con .inner .right .right_btm .more a{display:block;}
#header .head_con .inner .right .right_btm .more a img{display:block;width:100%;}
#header .head_con .inner .right .right_btm .more a img.on{display:none;}
#header .head_con .inner .right .right_btm .more a:hover img.off{display:none;}
#header .head_con .inner .right .right_btm .more a:hover img.on{display:block;}
#header .head_con .inner .right .right_btm .more a.on img.on{display:inline;}
#header .head_con .inner .right .right_btm .more a.on img.off{display:none;}

.gnb{display:none; padding-bottom:50px !important; position:absolute; top:101px; left:0; width:100%; background:#fff; z-index:100 !important;}
.gnb .gnb_con{padding-top:38px; font-size:0; position:relative;}
.gnb .gnb_con > div{display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 40px;}
.gnb .gnb_con > div > p{font-size:17px; line-height:1; letter-spacing:0; color:#000; font-weight:600;}
.gnb .gnb_con > div > ul{margin-top:20px; display:inline-block; vertical-align:top; width:130px;}
.gnb .gnb_con > div > ul li{height:30px; font-size:15px; line-height:30px; letter-spacing:0; color:#000; font-weight:400; display:block; box-sizing:border-box; margin-bottom:5px;}
.gnb .gnb_con > div > ul li a,span{font-size:15px; line-height:20px; letter-spacing:0; color:#000; font-weight:400; display:inline-block; box-sizing:border-box; }
.gnb .gnb_con > div > ul li span.bdon{ border-bottom:1px solid #000;}
.gnb .gnb_con > div > ul li a:hover{ border-bottom:1px solid #000;}
.gnb .gnb_con > div.gnb_banner{position:absolute; bottom:-40px; right:0; width:483px; padding:0;}
.gnb .gnb_con > div.gnb_banner a{display:block;}
.gnb .gnb_con > div.gnb_banner a img{width:100%;}

/* search */
.search{display:none; height:90px; position:absolute; top:101px; left:0; width:100%; background:#fff; z-index:100;}
.search .search_box .search_txt{padding:7px; width:360px; height:52px; background:#a3d28c; margin:19px auto 0; box-sizing:border-box; font-size:0;}
.search .search_box .search_txt .input{display:inline-block; vertical-align:top; margin-right:12px;}
.search .search_box .search_txt .input input{padding:0 26px 0 12px; font-size:15px; width:311px; height:38px; box-sizing:border-box; border:0; background:#fff; color:#000;  font-weight:400;}  
.search .search_box .search_txt .input a{position:absolute; top:10px; right:8px; width:18px; display:block;}
.search .search_box .search_txt .input a img{width:100%;}
.search .search_box .search_txt .search_close{display:inline-block; vertical-align:top; margin-top:10px;}
.search .search_box .search_txt .search_close a{display:block; width:18px;}
.search .search_box .search_txt .search_close a img{width:100%;}


/* quick */
#quick{position:fixed; top:730px; left:50%; margin-left:630px; width:48px; z-index:5;}
#quick .quick_con{width:48px; overflow:hidden;}
#quick .quick_con a{display:block; width:48px; height:48px; margin-bottom:5px;}
#quick .quick_con a:last-of-type{margin-bottom:0;}
#quick .quick_con a img{width:100%; height:100%; display:block;}
#quick .quick_con a img.on{display:none;}
#quick .quick_con a:hover img.off{display:none;}
#quick .quick_con a:hover img.on{display:block;}


/* quick_point */
#quick_point {position:fixed; top:460px; left:50%; margin-left:630px; width:12px; z-index:5;}
#quick_point .quick_point_con{width:12px;}
#quick_point .quick_point_con a{display:block; width:12px; height:12px; border-radius:50%; background:#aaacb0; margin-bottom:5px;}
#quick_point .quick_point_con a:last-of-type{margin-bottom:0;}
#quick_point .quick_point_con a.on{background:#494a4b;}





/* footer */
#footer{ height:166px; box-sizing:border-box; border-top:1px solid #ebebeb; width:100%; position:relative; }
#footer .foot .inner:after{content:""; display:block; clear:both;}
#footer .foot .inner .left{float:left; margin-top:41px;}
#footer .foot .inner .left a > img{width:207px; margin-bottom:30px; display:block;}
#footer .foot .inner .left p{font-size:12px; line-height:20px; letter-spacing:0; color:#000; font-weight:200;}
#footer .foot .inner .left p span{margin:0 10px; display:inline-block; }
#footer .foot .inner .right{float:right; margin-top:37px; text-align:right;}
#footer .foot .inner .right .nara{margin-bottom:23px; font-size:0;}
#footer .foot .inner .right .nara > div{display:inline-block;}
#footer .foot .inner .right .nara > div.korea{width:39px;  margin-right:12px; vertical-align:top;}
#footer .foot .inner .right .nara > div.usa{width:39px; margin-right:12px; vertical-align:top;}
#footer .foot .inner .right .nara > div.vie{width:39px; vertical-align:top;}
#footer .foot .inner .right .nara > div span{display:none; width:39px; height:26px; line-height:26px; text-align:center; font-size:15px; background:#212121; color:#fff; font-weight:700; }
#footer .foot .inner .right .nara img{width:100%; display:block;}
#footer .foot .inner .right .nara > div:hover img{display:none;}
#footer .foot .inner .right .nara > div:hover span{display:block;}
#footer .foot .inner .right .foot_btn{font-size:0;}
#footer .foot .inner .right .foot_btn .foot_sel{margin-right:12px; display:inline-block; vertical-align:top; text-align:left; position:relative;}
#footer .foot .inner .right .foot_btn .foot_sel > a{font-size:15px; display:block; width:153px; height:37px; line-height:36px; border-bottom:1px solid #333; padding:0 4px 0 8px; box-sizing:border-box; font-weight:300; color:#2f2f2f; }
#footer .foot .inner .right .foot_btn .foot_sel > a:after{content:""; display:block; clear:both;}
#footer .foot .inner .right .foot_btn .foot_sel > a img{width:17px; float:right; margin-top:14px;}
#footer .foot .inner .right .foot_btn .foot_sel ul{display:none; position:absolute; bottom:37px; left:0; width:100%; margin:0;}
#footer .foot .inner .right .foot_btn .foot_sel ul li a{display:block; font-size:15px; height:37px; line-height:36px; padding:0 4px 0 8px; box-sizing:border-box; font-weight:300; color:#2f2f2f;  background:#fff;}
#footer .foot .inner .right .foot_btn .foot_sel ul li a:hover{color:#fff;  background:#000;}
#footer .foot .inner .right .foot_btn > a{font-size:15px; width:143px; height:37px; line-height:35px; text-align:center; box-sizing:border-box; border:1px solid #5e5e5e; color:#2f2f2f; display:inline-block; vertical-align:top; letter-spacing:0; font-weight:300;}