@charset "utf-8";
@import "/css/normalize.css";
@import "/css/response.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: 960px; 
}


#wrap{position:relative; width:100%;overflow:hidden; margin:0 auto;}
#header{position:relative;  width:100%; height:55px; z-index:9998; margin:0 auto; border-bottom:1px solid #dcdcdc;}
#header .header_con{position:relative;  width:100%;margin:0 auto; overflow:hidden;}
#header .logo{text-align:center; margin:12px 0 0 0;}
#header .logo img{width:152px;}


#header .top_btn .tel{position:absolute; left:10px; top:9px;}
#header .top_btn .tel img{width:37px;}
#header .top_btn .site{position:absolute; right:10px; top:9px;}
#header .top_btn .site img{width:37px;}

.sub_bottom{position:relative; width:320px; margin:0 auto; overflow:hidden;}
.sub_bottom .main_con_img02{position:relative; width:300px; margin:0 auto; overflow:hidden;}

#footer{clear:both; position:relative; width:100%; margin:0 auto; padding:25px 0;}
#footer #foot{position:relative; margin:0 auto; padding:0; padding:0 0px;}
#footer #foot address{width:248px; padding:0 10px;}
#footer #foot .foot_btn{position:absolute; right:10px; top:0;}
#footer #foot .foot_btn img{width:51px;}

/*사이트맵*/
.top_menu{position:relative; top:5px;overflow:hidden; width:100%; min-width:300px;}
.sitemap{position:relative; width:98%; min-width:300px; overflow:hidden; height:471px; /*height:696px;*/ z-index:9997; background-color:#336633; margin:0 auto; text-align:center;}
.sitemap .sitemap_cc{position:absolute; top:0; min-width:280px; width:98%;height:448px;  /*height:978px;*/ margin:1%; z-index:9998; overflow:hidden; text-align:left; background-color:#fff;}
.sitemap .scolse{position:absolute; top:0px; right:0; z-index:9999;}
.sitemap .scolse img{width:25px; height:24px;}

.sitemap .stop{height:25px; background:url(/img/sitemap_top.png) no-repeat;}
.sitemap .sbot{height:5px; background:url(/img/sitemap_bot.png) no-repeat;}

.sitemap .sitemap_cc ul .first{margin:20px 0 0 0;}
.sitemap .sitemap_cc ul li dl{overflow:hidden; border-bottom:1px dotted #616162; 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:10px 0 4px 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:13px;}
.sitemap .sitemap_cc ul li dl dd{overflow:hidden; margin:0 0 10px 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:11px;}

/*gnb*/

#body {height:37px; float:left; width:100%; position:relative; background:url(/img/gnb_bg.gif) 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/bg_location02_newnew.png) no-repeat 0 0;}
#body .location p a{float:left;display:block;position:relative;width:50%; height:36px; *width:33.3%; line-height:3; font-weight:bold; color:#fff; text-shadow:0px -1.5px 2px rgba(0,0,0,0.4);}
#body .location p a span {display:block;position:relative;width:90%;height:36px; background:url(/img/bg_location02_newnew.png) no-repeat right -121px; cursor:pointer; padding-left:10%; }
#body .location p a.on {background:url(/img/bg_location.gif) repeat-x 0 0; text-shadow:0px -1.5px 2px rgba(42,42,42,0.4); }
#body .location p a.on span {background-position:right -41px;}
#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;  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); *position:relative;*z-index:999;}
#body .location .list a {display:block; padding:0 10%;color:#cccccc; font-weight:bold; }
#body .location .list li {border-top:1px solid #7c7d81;border-bottom:1px solid #57585a;background:#6d6e71 /*url(/img/sub_depth.png) no-repeat 90% 15px*/; height:28px;  padding-top:5px;}
#body .location .list li.on {background-color:#b7a934; border-top:0; }
#body .location .list li.on a {color:#fff; /*background:url(/img/sub_depth_on.png) no-repeat 90% 10px;*/}

.idepth1{position:relative; left:15px;}
.idepth2{position:relative;}

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


#contents{position:relative; width:320px; margin:0 auto; overflow:hidden;}
#contents .con{position:relative; width:98%; min-height:500px; margin:20px 1% 0 1%; overflow:hidden;}


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

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
	.sitemap{height:472px;}
	.sitemap .sitemap_cc{ height:452px;}
}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	#body .location .container {z-index:999;padding-top:0;}
	#body .location .list {visibility:hidden;width:100%; position:absolute; left:0; top:37px; }
	#body .location .list a {display:block; padding:0 10%; color:#fff; font-weight:bold; }
	#body .location .list li {margin-right:0;}
	#body .location .list li.on {background-color:#b7a934; border-top:0;}
	#body .location .list li.on a {color:#fff; /*background:url(/img/sub_depth.png) no-repeat 90% 10px*/;}

	.sitemap{height:454px;}
	.sitemap .sitemap_cc{ height:440px;}

}

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

}