@charset "utf-8";
@import "/css/normalize.css";
@import "/css/response.css";
@import "/css/basic.css";
@import "/css/content.css";
/* layout.css - 기본 스타일 문서, 20130916
---------------------------------------------------------------- */

/* 데스크톱 */
/*body {
  font: 14px/1.5 Georgia Serief;
}*/

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");  
body{font:13px/1.5 '나눔고딕', NanumGothic, 'Nanum Gothic'; color:#6a6d6f;}

body .row {
  max-width: 640px; 
}


#wrap{position:relative; width:100%; min-width:320px; margin:0 auto; background:url(/img/header_bg.gif) repeat-x 0 0;}
#header{position:relative; width:100%; height:52px; z-index:9998; margin:0 auto;}
#header .logo{position:absolute; top:10px; left:50%; margin:0 0 0 -46px;}
#header .logo img{height:28px;}

.top_right_left{position:absolute; left:10px; top:13px;}
.top_right_left img{height:23px;}
.top_right_right{position:absolute; right:10px; top:13px;}
.top_right_right img{height:24px;}

#contents{position:relative; width:100%; min-width:320px; margin:0 auto; overflow:hidden;}
#contents .cc{position:relative; width:96%; min-width:300px; min-height:300px; margin:0 2%; overflow:hidden; padding:20px 0;}

.main_tab{clear:both; position:relative; width:100%; overflow:hidden; margin:0 auto;}
.main_tab .main_bottom_ul{position:relative; width:96%; overflow:hidden; margin:0 auto 4% auto; padding:0 2%;}
.main_tab .main_bottom_ul li{float:left; width:24.25%; margin:0 1% 0 0;}
.main_tab .main_bottom_ul li.last{margin:0;}
.main_tab .main_bottom_ul li img{width:100%; vertical-align:top;}

#footer{clear:both; position:relative; width:100%; overflow:hidden; margin:0 auto; padding:0;  background:#f3f3f3;}
#footer #foot{position:relative; overflow:hidden; margin:0 auto; padding:0; }
#footer #foot .foot_menu{position:relative; width:300px; overflow:hidden; margin:2% auto;}
#footer #foot .foot_menu li{float:left; width:49.5%; margin:0 1% 0 0;}
#footer #foot .foot_menu li a{display:block;}
#footer #foot .foot_menu li img{height:18px;}
#footer #foot .foot_menu li.last{text-align:center; margin:0 75px 0 75px;}
/*#footer #foot .foot_menu li.last{margin:0;}*/

#footer #foot address{text-align:center; padding:0 0 25px 0;}
#footer #foot address img{height:65px;}

/*sub lnb*/
#body {height:37px; float:left; width:100%; position:relative; background:url(/img/gnb_bg.png) repeat-x 0 0; margin:0 auto;}
#body .location {position:relative;width:100%;height:37px; z-index:999;margin:0 auto;text-align:left;}
#body.main .location {z-index:999;}
#body .location p {height:36px; background:url(/img/gnb.png) no-repeat 0 0;}
#body .location p a{float:left;display:block;position:relative;width:50%; height:37px; line-height:3; font-weight:bold; color:#fff;}
#body .location p a span {display:block;position:relative;width:100%;height:37px; background:url(/img/gnb.png) no-repeat right -121px; cursor:pointer; text-indent:32px;}
#body .location p a.loc01 span {background-position:right -165px;}
#body .location p a.loc01.on span {background-position:right -80px;}
#body .location p a.loc02 span {background-position:right -165px;}
#body .location p a.loc02.on span {background-position:right -80px;}
#body .location .container {z-index:999;padding-top:0;}
#body .location .list {visibility:hidden;width:50%;float:left;*z-index:999;}
#body .location .list a {display:block; padding:5px 10% 8px 10%; color:#564a3a; font-weight:bold; }
#body .location .list li {background:#c5b59f;}
#body .location .list li.on {background:#b09b7e; border-top:0; }
#body .location .list li.on a {color:#fff;}

.idepth1{position:relative;}
.idepth2{position:relative;}

#body .location p a.loc01{z-index:9999 !important;}
#body .location p a.loc02{z-index:999 !important;}

/*sitemap*/
.top_menu{position:relative; top:52px; overflow:hidden; width:100%; height:auto; min-width:300px;}
.sitemap{position:relative; width:98%; min-width:300px;  height:652px; z-index:9997; background:#f79100; margin:0 auto; text-align:center;}
.sitemap .sitemap_cc{position:absolute; top:0; min-width:292px;  width:98%; height:640px; margin:1%; z-index:9998; overflow:hidden; text-align:left; background:#fff;}
.sitemap .scolse{position:absolute; top:0; right:0; z-index:9999;}
.sitemap .scolse img{height:25px;}

.sitemap .sitemap_cc ul li dl{overflow:hidden; border-bottom:1px dotted #cccccc; width:96%; margin:0 auto;}
.sitemap .sitemap_cc ul li .last{overflow:hidden; width:96%; margin:0 auto; border-bottom:0;}
.sitemap .sitemap_cc ul li dl dt{margin:22px 0 7px 0; width:89%; text-align:left; padding-left:11%;}
.sitemap .sitemap_cc ul li dl .dt_ch_dd{margin:15px 0 7px 0; width:39%; text-align:left; padding-left:11%; float:left;}
.sitemap .sitemap_cc ul li dl .dt_margin{margin:15px 0 7px 0; width:89%; text-align:left; padding-left:11%;}
.sitemap .sitemap_cc ul li dl dt img{height:15px;}
.sitemap .sitemap_cc ul li dl dd{overflow:hidden; margin:0 0 15px 0;}
.sitemap .sitemap_cc ul li dl dd ul li{float:left; width:39%; text-align:left; padding-left:11%;}
.sitemap .sitemap_cc ul li dl dd ul li img{height:12px;}

/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
	.sitemap .sitemap_cc{ height:640px;}
}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	#body .location .list {visibility:hidden;width:100%; position:absolute; left:0; top:37px; }
	.sitemap .sitemap_cc{ height:644px;}
}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}