@charset "utf-8";

/* 사이트맵 */

#sitemapWrap { display:none; position:fixed; top:50%; right:-100%; margin:-370px -495px 0 0 ; bottom:0; z-index:50000; width:990px; height:740px; overflow:auto; overflow-x:hidden; background:#fff;}
#sitemapWrap.scroll{overflow:auto; -webkit-overflow-scrolling:touch}
#sitemapWrap>a{position: absolute;top: -1000px;left: 0;}
.scrollOff { overflow:hidden; }
#sitemap .title { padding:20px 0 15px 20px; font-size:1.8em; }
#sitemap .con { padding:20px 20px 40px 20px; }
#sitemap .tit { margin-top:27px; padding-bottom:10px; font-size:1.6em; }
.siteCon { overflow:hidden; padding:20px 0; border-bottom:1px solid #bebebe; }
.siteCon h2 { display:block; margin:0 0 10px 10px; padding-left:18px; color:#222; font-size:1.15em; line-height:150%; font-family:NGBold; background:url(../../images/component/bgBulletGray.gif) 0 4px no-repeat;}
.siteCon > li{ float:left; padding:10px 0 0 0; border-left:1px solid #d9d9d9; }
.siteCon > li:first-child { padding-left:0; border:0; }
.siteCon > li > ul { margin:0 0 5px 10px; padding-left:9px; }
.siteCon > li > ul > li > a { padding-left:8px; color:#666; font-size:1em; line-height:170%; background:url(../../images/component/bgDotGray.gif) 0 center no-repeat;}
.siteCon .size li { float:left; width:50% }
.siteCon .size2 li { float:left; }
.siteCon div.bdTop { margin:14px 10px 0 10px; padding:16px 0 0 0; width:87%; border-left:0; border-top:1px solid #d9d9d9; }
.siteCon div.bdTop h2 { margin-left:0; }
#sitemap .left { float:left; width:48%; }
#sitemap .right { float:right; width:48%}
#sitemap .gap { padding:0; }
#sitemap .gap h2 { margin-bottom:0}
#sitemap .clear { clear:both; overflow:hidden; }
#sitemap #nongshim .tit { color:#e60013; border-bottom:2px solid #d52736; }
#sitemap #nongshim .siteCon > li, #sitemap #brand .siteCon > li { width:16.5%;}
#sitemap #nongshim .siteCon > li.size { width:30%;}
#sitemap #nongshim .siteCon > li.size2 { width:50%;}
#sitemap #nongshim .siteCon > li.size2 li { width:33%;}
#sitemap #nongshim .left li { width:33%}
#sitemap #nongshim .left li ul li { width:100%}
#sitemap #brand .tit { color:#9c3bc5; border-bottom:2px solid #a75ac7; }
#sitemap #brand .left .siteCon > li, #sitemap #brand .right .siteCon > li { width:33%}
#sitemap #nongshimi .tit { color:#394264; border-bottom:2px solid #404c76; }
#sitemap #nongshimi .siteCon > li { width:19.7%;}
#sitemap #noodle .tit { color:#9a5413; border-bottom:2px solid #9a5413; }
#sitemap #noodle .siteCon > li { width:24.7%;}
#sitemap #noodle .siteCon > li.size { width:48%;}
#sitemap #noodle .siteCon > li.size ul li { width:33%}
#sitemap #recruit .tit { color:#d52736; border-bottom:2px solid #d52736; }
#sitemap #recruit .siteCon > li { width:19.7%;}
#sitemap .height > li { min-height:191px; }
#sitemap .height2 > li { min-height:85px; }
#sitemap .height3 > li { min-height:103px; }
#sitemap .height4 > li { min-height:128px; }
#sitemap .height5 > li { min-height:160px; }
#sitemap .height6 > li { min-height:64px; }
.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; }

/* tab */
.mapTab { position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf;  }
.mapTab li { float:left; width:120px; margin:0 -1px 0 0; box-sizing:border-box; }
.mapTab li a { display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-family:NGBold; font-size:1em; color:#666; }
.mapTab li a:hover, .mapTab li a:focus, .mapTab li a:active, .mapTab li a.on { font-size:1.15em; color:#fff; background:#e32222; border:1px solid #e32222; }
.mapTab.full li { width:16%; }
.mapTab.full li:first-child { width:20.5%; }
.mapTabCon{display:none}
.mapTab button.tabBtn { display:none; position:absolute; right:0; top:1px; width:40px; height:37px; overflow:hidden; text-indent:-1000px; background:url('../../images/component/bgLnbDepthOn.gif') center center no-repeat #37363c; }
.mapTab button.tabBtn.on { background-image:url('../../images/component/bgLnbDepth.gif'); }

@media screen and (max-width : 1024px) {
    #sitemapWrap { top:0%; margin:0px -50% 0 0 ; width:100%; height:100%;}
}

@media screen and (max-width : 820px) {
    .mapTab { border:0; }
    .mapTab li { width:32%; margin:0 3px 3px 0; font-size:0.9em; }
    .mapTab li a { border:1px solid #bec6cf; }
    .mapTab li :hover, .mapTab li :focus, .mapTab li :active, .mapTab li a.on { font-size:1em !important; }
}

@media screen and (max-width :750px) {
    .siteCon { padding:0; }
    .siteCon h2 { margin: 0 0 0 10px}
    .siteCon > li { float:none; margin-bottom:10px; border-left:0; border-top:1px solid #d9d9d9; }
    .siteCon > li br { display:none;}
    .siteCon > li ul li { float:left; width:50%}
    .siteCon div.bdTop { margin:10px 0 0 0; padding:10px 0 0 0; width:100%; }
    .siteCon div.bdTop h2 { margin-left:10px; }
    .siteCon > li > ul { margin-top:5px;}
    #sitemap .gap { padding:10px 0 0 0; }
    #sitemap .left, #sitemap .right { float:none; width:100%}
    #sitemap #brand li { overflow:hidden; }
    #sitemap #brand h2 { float:left; margin:0 0 5px 0; width:45%; }
    #sitemap #brand .left .siteCon > li, #sitemap #brand .right .siteCon > li,
    #sitemap #nongshim .siteCon > li, #sitemap #brand .siteCon > li,
    #sitemap #nongshim .siteCon > li.size,
    #sitemap #nongshim .siteCon > li.size2,
    #sitemap #nongshimi .siteCon > li,
    #sitemap #noodle .siteCon > li,
    #sitemap #noodle .siteCon > li.size,
    #sitemap #recruit .siteCon > li { width:100%;}

    #sitemap #nongshim .siteCon > li.size2 li { width:50%;}
    #sitemap #noodle .siteCon > li.size ul li { width:50%;}
    #sitemap .boxTab li { width:82px; }
    #sitemap .height > li, #sitemap .height2 > li, #sitemap .height3 > li, #sitemap .height4 > li, #sitemap .height5 > li, #sitemap .height6 > li { min-height:inherit; }
}


@media screen and (max-width :479px) {
    .mapTab li { width:47% !important; }
}