/* BASIC css start */
#header {width:100%;}
#header .ms_banner{padding:10px 10px 0; box-sizing:border-box;  }
#header .ms_banner img{display:block; margin:0 auto; max-width:100%; }
#header .header_top{padding:10px; box-sizing:border-box;}
#header .header_top:after{display:table; width:100%; content:"";}
#header .header_top .logo{width:130px; overflow:hidden;}
#header .header_top .logo img{display:block; max-width:100%;}
#header .header_top .searchBox{float:left; width:100%; height:40px;}
#header .header_top .searchBox fieldset{float:left; display:block; width:calc(100% - 50px); height:40px; }
#header .header_top .searchBox fieldset input{height:40px; box-sizing:border-box; border:5px solid rgb(59, 206, 208); line-height:20px; width:100%; -webkit-appearance: none; }
#header .header_top .searchBox a.btn_search{float:right; display:block;}
#header .header_mid{padding:0 10px;}
#header .header_mid:after{display:table; width:100%; content:"";}

#header .header_mid .user_id{float:right; display:block; text-align:right; font-size:14px; font-weight:700; padding-bottom:10px;}
#header .header_mid .user_id:after{content:"´Ô"; font-weight:400; font-size:12px;}
#header .header_mid .btn_facebook_share{float:left; }

#header .header_gnb{padding:0 10px;}
#header .header_gnb:after{display:table; width:100%; content:"";}
#header .header_gnb .gnb_left{float:left; }
#header .header_gnb .gnb_right{float:right; }
#header .header_gnb ul{overflow:hidden;}
#header .header_gnb li{float:left; display:block;}
#header .header_gnb li + li{ padding-left:11px; position:relative;}
#header .header_gnb li + li:before{content:""; position:absolute; top:50%; left: 5px; width:1px; height:10px; margin-top:-5px; background:#ddd;}
#header .header_gnb li a{display:inline-block; font-size:14px; letter-spacing:-1; /* padding:5px; background:rgba(0,0,0,0.3); border-radius:5px; */}


#header .menu_nav{margin-top:10px;}
#header .menu_nav ul{background-color:#3c8d91; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #222; border-right:1px solid #222;}
#header .menu_nav ul li{display:block; float:left; height:40px; width:33%; border-top:1px solid #222; border-left:1px solid #222; box-sizing:border-box;}
#header .menu_nav ul li.st2{width:50%;}
#header .menu_nav ul li a{display:inline-block; width:100%; height:40px; line-height:40px; font-size:15px; font-weight:700; text-align:center;}


#header .search .searchBox { position:relative; width:100%; }
/* ´Ùã´Ù ÀÚµ¿¿Ï¼º*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:50%; width:80%; margin-left:-45%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 0 10px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }

#header .banner{overflow:hidden; margin-bottom:0px; margin-left:0px; margin-right:0px;}
#header .banner img{display:block; max-width:100%; margin:0 auto;}

/* BASIC css end */