@charset "utf-8";

/* skip Navi */
#skipNavi { position:absolute; top:0; left:0; z-index:5000; width:100%; height:0; }
#skipNavi a { display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:0; color:#222;  }
#skipNavi a:focus, #skipNavi a:hover { width:100%; height:15px; padding:10px 0; font-size:1em; background:#222; color:#fff; z-index:5000; }
#siteBg { display:none; position:fixed; top:38px; right:-100%; bottom:0; z-index:10000; width:100%;  background:url('../../images/base/logo.gif') center center no-repeat #fff; }

#baseLink { width:100%; height:34px; overflow:hidden; padding-bottom:4px;  text-align:center; font-size:1em;  background:url('../../images/base/bgBaseLink.gif') 0 0 repeat-x; }
#baseLink > div { position:relative; margin:0 auto; width:1024px; }
#baseLink #base { width:500px; overflow:hidden; margin-left:203px; *margin-left:-140px; }
#baseLink #base li { float:left; width:20%; max-width:110px;  }
#baseLink #base a { display:block; height:34px; line-height:34px;  text-align:center; font-family:NGBold;  color:#4d4d4d; background:url('../../images/base/bgBaseLinkList.gif') right 0 no-repeat;  }
#baseLink #base a:focus, #baseLink #base a:hover, #baseLink #base a:active, #baseLink #base a.on { color:#fff; background-color:#e60013; }
#baseLink #util { position:absolute; top:0; right:0; }
#baseLink #util li { position:relative; float:left; background:url('../../images/base/bgUtil.gif') 0 center no-repeat; }
#baseLink #util li a { display:block; padding:0 8px 0 13px; height:32px; line-height:34px; color:#747474; font-size:0.9em; }
#baseLink #util li:first-child,
#baseLink #util li.btnSearch { background:none; }
#baseLink #util li.btnSearch a { padding-right:0; }
#baseLink #util li.btnSearch a img { vertical-align:top; }
#btnSearch { display:none; position:absolute; top:-38px; right:0; z-index:1210; }

#floatLink { clear:both; position:fixed; right:0; top:0; z-index:100;  width:62px; height:100%; /*overflow:auto;*/ padding-left:5px;  text-align:center; background:url('../../images/base/bgFloatLink.png') right 0 repeat-y; }
#floatLink >div{position:relative;right:0;top:0;width:62px;height:100%;/*overflow-y:auto;overflow-x:hidden;*/}
#floatLink h1 { line-height:62px; background:#7a756c;}
#floatLink ul.mainLink { margin-top:15px;  }
#floatLink ul.mainLink li { margin:0 0 20px 0;  }
#floatLink .quickList{padding:18px 0}
#floatLink .quickList li{margin-top:14px;}
#floatLink .quickList li:first-child{margin-top:0;}
#floatLink ul.subLink li { text-align:center; line-height:32px; background:url('../../images/base/bgFloatSubList.png') 0 0 repeat-x; }

.siteBtn { position:relative; background:#5f5749; }
.siteBtn button { display:block; padding:0 0 2px 0; width:100%; line-height:62px; }
.siteBtn button.on { top:0; left:0; right:0; bottom:0; border:2px solid #534c3f; border-width:2px 2px 2px 0; line-height:58px; }
.siteBtn button.on img { margin:-2px -2px -2px 0; }
.siteBtn div { display:none; position:absolute; bottom:0; margin-left:-129px; width:129px; text-align:left;}
#floatLink .siteBtn div .tit { margin:0; padding:0 0 0 15px; background:#676259; color:#fff; text-align:left; line-height:30px; }
.siteBtn div ul { background:url('../../images/base/bgSiteBtnList.gif') repeat-y right 0 #7a756c; }
.siteBtn div ul li { padding-left:15px; border-top:1px solid #88837b; background:url('../../images/base/bulletSiteBtn.gif') no-repeat 15px center; }
.siteBtn div ul li:first-child { border:0; }
.siteBtn div ul li a { display:block; padding-top:2px; padding-left:10px; line-height:28px; color:#fff; font-size:0.85em; }
.siteBtn .btnClose { position:absolute; right:10px; top:7px; }

.siteBtn.language { background:url('../../images/base/bgSiteBtn.gif') 0 0 #91897d repeat-x; }
.siteBtn.family { background:#b1aba2; }
.siteBtn.brand { background:#9d968b; }


#footerWrap { width:100%; overflow:visible; padding:23px 0;  border-top:1px solid #d9d9d9; background:#fff; }
#footer { position:relative; width:794px; margin:0 auto; padding-left:156px;  color:#707070; }
#footer h1 { position:absolute; left:0; top:15px; }
#footer div.info { margin:10px 0; line-height:160%; color:#707070; font-size:0.96em; }
#footer div.info strong { font-family:NGNormal; font-weight:normal; }
#footer address { display:inline-block; font-style:normal; font-size:0.96em;  }
#footer p {  font-size:0.95em;  }
#footLink li, /* #footer address, */ #footer span { padding-left:10px; margin:0 10px 0 0; letter-spacing:-1px; background:url('../../images/base/bgFootLink.gif') 0 center no-repeat;  }
#footer div span.br { background:none; padding:0;  }

.footBtnWrap { height:30px; overflow:visible; margin-top:15px; }
.footBtn { float:left; position:relative; width:150px; overflow:visible; margin:0 5px 5px 0;  border:1px solid #ccd1da; border-radius:3px; }
.footBtn button { width:150px; height:30px; overflow:hidden; background:#f7f7f7; color:#404040; text-align:center;   }
.footBtn ul { display:none; position:absolute; bottom:30px; left:-1px; z-index:10000; width:150px; background:#fff;  border:1px solid #ccd1da; border-radius:3px 3px 0 0; border-bottom:0; }
.footBtn ul li { border-bottom:1px dashed #dedede; }
.footBtn ul li:last-child { border:0; }
.footBtn ul li.subLine { border-bottom:3px double #dedede; }
.footBtn ul li a { display:block; overflow:hidden; padding:7px 5px; color:#404040; background:#fff; font-size:0.9em; }
.footBtn ul li a:hover,
.footBtn ul li a:focus,
.footBtn ul li a:active { color:#fff; background:#404040; }

#footLink ul {  }
#footLink button { display:none; }
#footLink li { float:left; font-size:0.97em; }
#footLink li:first-child { background:none; padding:0;}
#footLink li a { color:#333; font-family:'NGBold';}
#footLink li a.f_bold {color:#926fff;}
.footSns { float:left; margin-left:48px;}
.footSns li { float:left; margin-left:5px;}

/*이메일주소무단수집거부*/
#emailCollect {display:none; margin:-95px 0 0 -210px; position: fixed;top: 50%;left: 50%;width:420px; height:190px; border-top: 5px solid #d93030;background: #fff;box-shadow: 2px 2px 2px #555;z-index:1100}
#emailCollect .title { padding:11px 0; margin:0 20px; font-size: 1.65em;color: #333;border-bottom: 1px solid #fe1818;}
#emailCollect .con { padding:20px; line-height:25px; }
#emailCollect .layerOff {position: absolute;top: 15px;right: 20px;width: 23px;height: 23px;overflow: hidden;text-indent: -1000px;background: url('../../images/component/btnLayerClose.gif') 0 0 no-repeat;}

#sitemapWrap { display:none; position:fixed; top:50%; right:-100%;margin:-370px -495px 0 0 ; bottom:0; z-index:50000; width:990px; height:740px; background:#fff;}
#sitemapWrap.scroll{overflow:auto; -webkit-overflow-scrolling:touch}
#sitemapWrap>a{position: absolute;top: -1000px;left: 0;}
#sitemapWrap iframe {width: 100%;height: 100%;}
.sitemapOff {position: absolute;top: 15px;right: 30px;width: 23px;height: 23px;overflow: hidden;text-indent: -1000px;background: url('../../images/component/btnLayerClose.gif') 0 0 no-repeat;}
.scrollOff { overflow:hidden; }

#webMark { position:absolute; bottom:0; right:0px; }

@media screen and (max-width :1066px) {
    #baseLink > div { width:100%; }
    #baseLink #base { margin:0 auto; }
    #baseLink #util { display:none; }
}

@media screen and (max-width : 1024px) {
    #sitemapWrap { top:0%; margin:0px -50% 0 0 ; width:100%; height:100%;}
    #floatLink { right:-62px; padding-left:0;background-position:right top;}
    #btnSearch { display:block; }
}

@media screen and (max-width : 1023px) {
    #footerWrap { width:96%; padding:10px 2% 20px 2%;   }
    #footer { width:98%; padding:0 1%;  }
    #footer h1 { display:none; }
}

@media screen and (max-width : 850px) {
    .footSns { margin-left:0; }
    #webMark { right:0; }
}

@media screen and (max-width : 750px) {
    #footerWrap { overflow:visible; }
    #footer { padding-top:30px; }
    #footer address, #footer span { padding:0; margin:0; background:none;  }
    #footLink { position:absolute; top:0; left:0; width:100%; margin:0; border:0; border-bottom:1px solid #ccd1da; border-radius:0; }
    #footLink button { display:block; width:100%; height:30px; text-align:center; overflow:hidden; background: url('../../images/component/bgLnbDepth.gif') 95% center no-repeat #37363c; color:#ffa811; border-radius:3px;  }
    #footLink ul { display:none; position:absolute; bottom:30px; width:100%; left:0; box-sizing:border-box; opacity:0.9; border-radius:3px 3px 0 0; }
    #footLink ul li { float:none; padding:0; margin:0; letter-spacing:0; border-bottom:1px solid #000; }
    #footLink ul li a { display:block; padding:7px 5px; font-size:0.9em; font-family:dotum; background:#333; color:#fff;  }
    #footLink ul li a:hover,
    #footLink ul li a:focus,
    #footLink ul li a:active { background:#000; color:#ffa811;}
    #footer div.info { padding:5px 0;  border:1px dashed #dedede; border-left:0; border-right:0; font-size:0.9em; }
    #footer div.info strong { display:block; margin:0 0 5px 0; font-size:1.3em; color:#333; }
    #footer p { font-size:0.8em; }
    .footSns { margin-left:0; }
    #webMark { display:none; }
}

@media screen and (max-width : 640px) {
    #floatLink >div{overflow:auto}
    .siteBtn { display:none; }
    #floatLink ul.subLink { background:url('../../images/base/bgFloatSubList.png') 0 bottom repeat-x; }
}

/* ****************** ie ***************** */