@charset "utf-8";

/*
 * Layout Style
 *
 */

* {margin: 0; padding: 0; outline: 0;}
html, body {width:100%;height:100%;}
/*
body{overflow-x:visible; overflow-y:auto;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0;-webkit-text-size-adjust:none;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display: block;}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top;}
ul, ol, dl, dd, dt, li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img {border:0 none; outline:none;vertical-align:top;}
.png24 {tmp:expression(setPng24(this));}
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
*/

/********************************************
	HEADER
********************************************/
#hWrap {position:  fixed;display: inline-block;width: 100%; height:120px; z-index: 999999;top: 0px;}
/* on 추가 */
#hWrap.on{background:#fff;border-bottom:1px solid #ebebeb;}
#hWrap.on #header .util li > a{color:#666;}
/* old version */
#hWrap.on .btn_theme{color:#fff; border:1px solid #888; background:#888;}
#hWrap.on .btn_theme:hover{color:#1a1a1a; border:1px solid #ddd;background:#ebebeb;}
/* old version End */
#hWrap.on .searchBox{border-bottom:1px solid #333; }
#hWrap.on .searchBox input{color:#666; }
#hWrap.on .searchBox input::placeholder {color:#666 !important;}

#hWrap.on .select{border-bottom:1px solid #333;}
#hWrap.on .select:after{border-top:8px solid #666;}
#hWrap.on .select select{color:#666;}

#hWrap.on .gnb > ul > li > a{color:#333;}
#hWrap.on .gnb > ul > li > a:hover{color:#000; border-bottom:1px solid #333;}
#hWrap.on .gnb > ul > li.on > a{color:#000; border-bottom:1px solid #333;}
#hWrap.on .searchBox .input_btn{background:url(/Home_site/Temp_header/images/i_search_black.png) right bottom no-repeat;}

/* on 추가 end*/


#header{position: absolute; left:50%; margin-left:-600px; top:0; width:1200px;height:80px;/* position:fixed; border-bottom:1px solid #ddd; background:#fff; */ z-index:10; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
#header .logo{position: absolute; width:200px;text-align:left; padding:5px 0px 0px 0;}
#header .logo img{max-width:200px; max-height: 75px;}
/*#header .logo h1{text-indent: -9999px;width:0; height:0; line-height:0;} */
#header .util{position: absolute; right:0; text-align:right; padding:20px 0px 0px 0; font-size:0;}
#header .util ul{display:inline-block;width:100%;text-align:right;}
#header .util li{display:inline-block;text-align:left;}
#header .util li > a{display:inline-block; font-family:'Nanum Gothic Bold';font-size:13px; letter-spacing:-0.03em; color:#fff; padding-top:3px; margin:0 8px;}
#header .util li.searchArea{display:inline-block;text-align:left;margin-right:150px;}
/* old version */
.btn_theme{display:inline-block;border-radius:24px;font-family:'Nanum Gothic Bold';font-size:16px; letter-spacing:-0.03em;color:#fff; border:1px solid #fff;background-color: transparent;padding:5px 18px; margin-right:10px; cursor:pointer;}
.btn_theme:hover{color:#fff; border:1px solid #1a1a1a;background:#1a1a1a;}
/* old version End */

/* 20200616 현재 사용 hWrap.on인경우는 - 컬러별 맞추기위해 컬러별css로 이동 */
.btn_searchType1{position:relative;display:inline-block;width:135px;height:25px;line-height:25px; text-align:left;font-family:'Nanum Gothic Bold';font-size:16px; letter-spacing:-0.03em;color:#fff; border-bottom:1px solid #fff !important;background-color: transparent;margin-right:40px;padding-left:5px;box-sizing: border-box;cursor:pointer;}
.btn_searchType1:after{content:'';display:block;width:0;height:0;border-top:8px solid #fff;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}
.btn_searchType1:hover{background-color: transparent !important;color:rgba(255, 255, 255, .8); border-bottom:1px solid rgba(255, 255, 255, .8);}
.btn_searchType1:hover:after{border-top:8px solid rgba(255, 255, 255, .8);}


#header .searchZone{position: absolute; left:50%; text-align:center; transform:translateX(-50%); padding:20px 0px 0px 0;}
#header .searchZone button{padding:0 !important; border:0;}

.searchBox{display:inline-block;width:250px;height:30px;margin:0px auto; border-bottom:1px solid #fff; background-color: transparent;font-size:0;border-radius:0px;box-sizing: border-box; position:relative;}
.searchBox input{display:inline-block;width:100%;border:0px solid #d1d1d1;background-color: transparent ; height:28px;vertical-align:middle; font-family:'Nanum Gothic Bold';font-size:13px; color:#fff; padding:0px 30px 0px 5px;border-radius:0px; box-sizing: border-box;}
.searchBox input:focus {outline: none;background-color: transparent;}
.searchBox .input_btn{position:absolute; right:5px; top:2px; border:0;width:20px; height:20px; background:url(/Home_site/Temp_header/images/i_search.png) right bottom no-repeat;}
.searchBox input[type=text] {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none; border-radius: 0px; }

.select{display:inline-block;width:150px; height:30px; margin-right:10px; position:relative;border-bottom:1px solid #fff;background-color: transparent ;border-radius:0px;box-sizing:border-box;}
.select:after{content:'';display:block;width:0;height:0;border-top:8px solid #fff;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}
.select select{height:28px;padding:0px 15px 0px 5px;box-sizing:border-box;width:100%;line-height:28px;cursor: pointer;color:#fff;border:0px solid #d1d1d1;}
.select select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;outline-width:0;font-size:13px;background-color: transparent ;}
.select select:focus {color:#666;}
.select select::-ms-expand { display: none;}
.select select[multiple]{vertical-align:top;}


nav{position: absolute; width:1200px;left:50%;margin-left:-600px; text-align:center; margin-top:80px;z-index:10;}
.gnb{width:100%; margin:0px auto;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb > ul{display:inline-block;text-align:center;}
.gnb > ul > li{display:inline-block;text-align:center;padding:0px 20px; position:relative;}
.gnb > ul > li:first-child{}
.gnb > ul > li > a{display:block; height:40px;font-family:'Nanum Gothic Bold';font-size:18px; letter-spacing:-0.03em; color:#fff; text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.gnb > ul > li > a:hover{color:#fff; border-bottom:1px solid #fff;padding-top:5px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb > ul > li.on > a{color:#fff; border-bottom:1px solid #fff;padding-top:5px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.fixed{background-color:rgba(29,32,36,.8); border-bottom:0px solid #ebebeb; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:2; background:#000;  -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}

.sMenu {display:none; position: fixed; top:-1000px;width:1300px; left:50%;margin-left:-650px;margin-top:0px;min-height:600px; padding:0px; background-color:rgba(255, 255,255,1);  z-index:999999; -webkit-overflow-scrolling: touch;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.sMenu .mclose { position:absolute;  top:20px;right:20px; }
.sMenu .mcont {position:relative; display:block;width:100%;margin:0px auto 0px;/* background-color:rgba(0,0,0,.9); */border-top:1px solid rgba(255,255,255,.2); padding:20px;border-bottom:0px solid #e4e3e3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sMenu .mcont img{max-width:100%;}

.mMenu {display:none; position: fixed; top:-1000px; width:100%; left:0; /*margin-left:-500px; */min-height:600px; padding:0px; background-color:rgba(0,0,0,.8);  z-index:999999; -webkit-overflow-scrolling: touch;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.mMenu .mclose { position:absolute;  top:20px;right:20px; }
.mMenu .mcont {position:relative; display:block;width:1240px;margin:119px auto 0px;/* background-color:rgba(0,0,0,.9); */border-top:1px solid rgba(255,255,255,.2); padding:30px 20px 20px;border-bottom:0px solid #e4e3e3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mMenu .mcont img{max-width:100%;}

.f-left{float:left;}

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}


.searchBox_type6{display:inline-block;width:250px;height:30px;margin:0px auto; border-bottom:1px solid #fff; background-color: transparent;font-size:0;border-radius:0px;box-sizing: border-box; position:relative;}
.searchBox_type6 input{display:inline-block;width:100%;border:0px solid #d1d1d1;background-color: transparent ; height:28px;vertical-align:middle; font-family:'Nanum Gothic Bold';font-size:13px; color:#fff; padding:0px 30px 0px 5px;border-radius:0px; box-sizing: border-box;}
.searchBox_type6 input:focus {outline: none;background-color: transparent;}
.searchBox_type6 .input_btn{position:absolute; right:5px; top:2px; border:0;width:20px; height:20px; background:url(/images/i_search.png) right bottom no-repeat;text-indent: -9999px;}
.searchBox_type6 input[type=text] {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none; border-radius: 0px; }

.select_type6{display:inline-block;width:150px; height:30px; margin-right:10px; position:relative;border-bottom:1px solid #fff;background-color: transparent ;border-radius:0px;box-sizing:border-box;}
.select_type6:after{content:'';display:block;width:0;height:0;border-top:8px solid #fff;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}
.select_type6 select{height:28px;padding:0px 15px 0px 5px;box-sizing:border-box;width:100%;line-height:28px;cursor: pointer;color:#fff;border:0px solid #d1d1d1;}
.select_type6 select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;outline-width:0;font-size:13px;background-color: transparent  !important; background:none  !important;}
.select_type6 select:focus {color:#666;}
.select_type6 select::-ms-expand { display: none;}
.select_type6 select[multiple]{vertical-align:top;}

#subHD { display: none; }