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

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

#wrapper{position:relative; width:100%; height:100%; margin:0 auto; min-width:320px;}

/*================================
	header
================================*/
#header{ position:relative;  width:100%; height:57px; z-index:9998; margin:0 auto; }
#header .header_top{position:relative;  width:96%; max-width:960px; min-width:300px;  margin:0 auto; height:57px; z-index:9998; }
#header .logo{padding:11px 0 0 0; text-align:center;}
#header .logo img{width:116px;}
.allMenuBtn{position:absolute; right:10px; top:10px;}
.allMenuBtn img{width:36px;}
.top_home{position:absolute; right:50px; top:10px;}
.top_home img{width:36px;}
.top_tel{position:absolute; left:10px; top:10px;}
.top_tel img{width:36px;}

/*사이트맵*/
.top_menu{position:relative; top:19px; overflow:hidden; width:100%; height:auto; min-width:300px;}
.sitemap{position:relative; width:99%; min-width:300px;  height:710px; z-index:999997; margin:0 auto; background-color:#fbfbfb; text-align:center; border:1px solid #d4d4d4;}
.sitemap .sitemap_cc{position:absolute; top:0; min-width:280px;  width:94%; margin:1% 3%; z-index:9998; overflow:hidden; text-align:left; background-color:#fbfbfb;}
.sitemap .sitemap_cc dl{overflow:hidden; width:100%; padding:10px 0 10px 0; background:url(/img/sitemap_line.gif) repeat-x center bottom;}
.sitemap .sitemap_cc dl.last{background:none;}
.sitemap .sitemap_cc dl dt{margin:0 0 10px 0;}
.sitemap .sitemap_cc dl dt a{color:#0c4da2; font-weight:bold; font-size:15px;}
.sitemap .sitemap_cc dl dd ul{overflow:hidden;}
.sitemap .sitemap_cc dl dd ul li{float:left; width:47%; margin:0 0 9px 0; padding:0 0 0 18px;color:#7a7a7a; font-size:12px; background:url(/img/site_dd_bullet.gif) no-repeat left center;}
.sitemap .sitemap_cc dl dd a{color:#7a7a7a; font-size:12px;  font-weight:bold;}


.sitemap .scolse{position:absolute; top:10px; right:10px; z-index:9999;}
.sitemap .scolse img{height:25px;}

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


/*================================
	contents
================================*/
/*메인*/
#mainContainer{position:relative; width:100%; min-width:300px; margin:0 auto; padding:0;}
#mainContainer #mainContent{position:relative; width:96%; max-width:600px; min-width:300px;  margin:0 auto;  padding:15px 2% 0px 2%;}

/*서브*/
#subContainer{clear:both;  position:relative; width:100%; min-width:300px; margin:0 auto; padding:0; }
#subContainer #subContent{position:relative; width:100%; max-width:960px; min-width:300px;  margin:0 auto; }
#subContainer #subContent .con{width:96%; min-height:400px; padding:30px 2% 30px 2%;}
#subContainer #subContent .con #tabmenu{margin:0 0 30px 0;}
#subContainer #subContent .con #tabmenu ul {overflow:hidden;}
#subContainer #subContent .con #tabmenu ul li{float:left; width:33.3%; }
#subContainer #subContent .con #tabmenu ul li img{width:100%;}
/*================================
	footer
================================*/
#footer{clear:both; position:relative; width:100%; height:82px; margin:30px auto 0 auto; padding:0;}
#footer #foot{position:relative; width:96%; max-width:600px; min-width:300px;  margin:0 auto;  padding:0 0 2% 0; }

#footer #foot address{width:100%;}
#footer #foot address img{width:100%;}


#footer #foot ul{overflow:hidden; width:100%; max-width:600px; min-width:300px;  margin:0 auto;}
#footer #foot ul li{float:left;}
#footer #foot ul li img{width:100%;}


/*================================
	네비
================================*/
#body {height:37px; float:left;  position:relative; width:100%; 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;}
#body .location p.local {background:#0c4da2; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#body .location p a{float:left; display:block; position:relative; width:49.9%; 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; left:15px; width:90%;height:36px; background:url(/img/bg_location02_newnew.png) no-repeat 90% 15px; background-size:17px 9px; cursor:pointer; /* padding-left:5%;  */}
#body .location p a.on {background:#465c80 ;text-shadow:0px -1.5px 2px rgba(42,42,42,0.4); }
#body .location p a.on span {background-position:90% 15px;}
#body .location p a.loc01{margin-right:1px;}
#body .location p a.loc02 span {background-position:90% 15px;}
#body .location p a.loc02.on span {background-position:90% 15px; }

#body .location .list {visibility:hidden; float:left; width:49.7%; background:#fff;  border:1px solid #7991b0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /* text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); */ *position:relative;*z-index:999;}
#body .location .depth01 {visibility:hidden; float:left; width:49.5%; background:#fff;  border:1px solid #0c4da2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /* text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); */ *position:relative;*z-index:999;}
#body .location .depth02 {visibility:hidden; float:left; width:49.5%; margin:0 0 0 1px; background:#fff;  border:1px solid #7991b0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /* text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); */ *position:relative;*z-index:999;}
#body .location .list a {display:block; padding:0 5%; color:#363636; font-weight:bold; }
#body .location .list li {margin:0 20px; padding:10px 0px 10px 0px; background:#fff; border-bottom:1px solid #bebebe;}
#body .location .list li.on {background:#fff; }
#body .location .list li.on a {color:#363636; background:#fff; }
#body .location .list li.last{border-bottom:none;}

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

#body .location p a.loc01{z-index:9999 !important; background:#0c4da2; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#body .location p a.loc02{z-index:999 !important; background:#7991b0; border-top-left-radius: 5px; border-top-right-radius: 5px;}


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

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
	#body .location p a{width:49.7%;}
	#body .location p a.loc01{margin-right:1px; margin-left:1px;}
	#body .location .depth01 {visibility:hidden; float:left; width:49.4%; margin-left:1px; background:#fff;  border:1px solid #0c4da2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  *position:relative;*z-index:999;}
	#body .location .depth02 {visibility:hidden; float:left; width:49.4%; margin-left:1px; margin:0 0 0 1px; background:#fff;  border:1px solid #7991b0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; *position:relative;*z-index:999;}

	.sitemap .sitemap_cc dl dd ul li{width:45%;}
}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	#body .location p a{width:49.5%;}
	#body .location p a.loc01{margin-right:1px; margin-left:1px;}
	#body .location .container {z-index:999;padding-top:0;}
	#body .location .list {visibility:hidden; float:left; width:49%; background:#fff;  border:1px solid #7991b0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  *position:relative;*z-index:999;}
	#body .location .depth01 {visibility:hidden; float:left; width:49%; margin-left:1px; background:#fff;  border:1px solid #0c4da2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  *position:relative;*z-index:999;}
	#body .location .depth02 {visibility:hidden; float:left; width:48.8%; margin-left:1px; margin:0 0 0 1px; background:#fff;  border:1px solid #7991b0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; *position:relative;*z-index:999;}
	#body .location .list a {display:block; padding:0 3%; color:#363636; font-weight:bold; }
	#body .location .list li {margin:0 17px; padding:10px 0px 10px 0px; background:#fff; border-bottom:1px solid #bebebe;}
	#body .location .list li.on {background:#fff; }
	#body .location .list li.on a {color:#363636; background:#fff; }
	#body .location .list li.last{border-bottom:none;}
	.sitemap .sitemap_cc dl dd ul li{width:44%;}
}

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

}