#container { background-color: #ffffff; }
#footer .footer_address { height: auto; }

/* 서브비쥬얼 */
.sub_visual {clear:both; width:100%; height:210px;  overflow:hidden;}
.sub_visual img {margin-top:55px;}

.sub01 {background:url('../img/sub/sub_img01.jpg') center 0 no-repeat;}
.sub02 {background:url('../img/sub/sub_img02.jpg') center 0 no-repeat;}

.sub03 {background:url('../img/sub/sub_img03.jpg') center 0 no-repeat;}
.sub04 {background:url('../img/sub/sub_img04.jpg') center 0 no-repeat;}

/* 페이지 경로 */
.location_layout {height:39px; clear:both; background:#f9f9f9;  border-bottom:1px solid #e4e4e4;}
.location_layout ul {display:inline-block; border-left:1px solid #e4e4e4; position: relative;}
.location_layout ul li {position:relative; float:left; font-size:13px; height:39px; border-right:1px solid #e4e4e4; padding:0 10px; width:130px; background:url('../img/common/icon_arrow_gray.png') 130px 50% no-repeat;}
.location_layout ul li a { display:inline-block;  height:29px; padding-top:10px;  width:110px; }
.location_layout ul li.active > a {color:#fff !important;}
.location_layout ul li.active, .location_layout > div > ul > li:last-child {background:url('../img/common/icon_arrow_white.png') 90% 50% no-repeat #0070af;}
.location_layout > div > ul > li:last-child > a, .location_layout > div > ul > li:last-child > a {color: #fff !important;}

.location_layout ul li.home {width:18px;}
.location_layout ul li.home > a {font-size:0; background:url('../img/common/icon_home.png') 0 0 no-repeat; width:18px; height:18px;  padding:0;}
.location_layout ul li.home:hover a,
.location_layout ul li.home a:hover {background:url('../img/common/icon_home_over.png') 0 0 no-repeat #0070af; width:18px; }

.location_layout li.active > ul {display:block;}

.location_layout ul ul {position:absolute; left:-1px; top:39px; background:#fff ; z-index:10; display: inline-block; display:none;}
.location_layout ul ul li {background:none;  font-size:11px !important; height:100%; line-height: 100%;  border-bottom:1px solid #e4e4e4;}
.location_layout ul ul li a {width:100%; padding-top:15px; height:25px;}
.location_layout ul ul li:hover,
.location_layout ul ul li:hover a {background:#0070af; color: #fff !important;}


/* 왼쪽메뉴 */
.menu_left {float: left; width:200px;}
.menu_left h2 {height:170px; width:200px;}
.menu_left ul {border:#e3e3e3 1px solid; border-width:0 1px; width:198px; height:100%;}
.menu_left ul li {border-bottom:1px solid #c0c0c0; padding:13px 0;  font-size:16px; font-weight:normal;}
.menu_left ul a.on,
.menu_left ul li a:hover ,
.menu_left ul li a:active ,
.menu_left ul li a:focus{color:#0087c4 !important; background:url('../img/sub/left_menu_icon_on.png')0 9px no-repeat;}
.menu_left ul li a { padding:0 0 0 15px;display:inline-block; width:100%; color:#1d2a37;}

.menu_left ul li .depth2_menu {display:block}
.menu_left ul li .depth2_menu .depth2_list {margin-top:0px; border-bottom:0px solid #c0c0c0; padding:5px 0; font-size:15px;}
.menu_left ul li .depth2_menu .depth2_list:first-child {margin-top:0}
.menu_left ul li .depth2_menu .depth2_list .depth2_anchor {display:block; position:relative; padding-left:15px; color:#7b7b7b; font-size:14px; line-height:17px; transition:color 0.5s ease-in-out}
.menu_left ul li .depth2_menu .depth2_list .depth2_anchor:before { content:''; display:block; position:absolute; top:6px; left:0; width:6px; height:1px; background:#000; } 




/* 내용 */
.sub_content_layout {float: right;  width:993px;}
.sub_cont { margin: 35px 0 80px 50px; }
.sub_content {width:100%; padding-top:10px;}
.sub_content p {font-size:14px; line-height: 1.8 ;}
.sub_content p.sub_word {padding:s30px 0;}
.sub_title {color:#202020; font-size:35px; font-weight: bold;}
.link_address{ text-align:right; font-size:12px; color:#606060 !important; margin-top:30px; font-family:돋움;}
.link_address a{color:#606060;}
.link_address img{padding-bottom:4px;}


/* 웹접근성 */
.btn_web	{position:absolute; top:10px; right:2px; }
.btn_web button	{display:inline-block; vertical-align:middle; margin:0 0 0 -5px; height:31px; overflow:hidden; position:relative; border:none;}
.btn_web button:active {position:relative; top:0; left:0;} /* IE Extra Padding Fix */
@-moz-document url-prefix(){.btn_web button	{margin:0 0 0 -8px;};}
.btn_web button span	{background:url("../img/common/btn_web.gif") no-repeat 0 0; height:30px; overflow:hidden; display:block; padding:40px 0 0;}
.btn_web .print span	{width:92px; background-position:0 0;}
.btn_web .default span	{width:68px; background-position:-90px 0;}
.btn_web .zoomin span	{width:37px; background-position:-157px 0;}
.btn_web .zoomout span	{width:37px; background-position:-193px 0;}

/* 탭메뉴 */
.tab01{width:100%; overflow:hidden; margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  box-sizing: border-box;}
.tab01 li{float:left;width:25%; margin-right:1px;margin-bottom:1px; }
.tab01 li a{width:100%;float:left; margin-right:1px;margin-bottom:1px; background:#a8a8a8; padding:10px 0; text-align:center; display:block; color:#fff; font-size:15px; font-weight:bold}
.tab01 li a:hover{float:left;background:#585d79; padding:10px 0; text-align:center; display:block; color:#fff; font-size:15px; font-weight:bold}
.tab01 li a.on{background:#585d79;}

.map_w{width:100%; overflow:hidden;clear:both; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}
.cont_map{float:left; width:517px}
.cont_map dt{border:1px solid #1c66d0; padding:7px; font-weight:bold; color:#0958c2}
.cont_map dd{padding:10px 0 0 0}
.img_map{float:right}

.app{clear:both; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px}
.app li{float:left; padding-right:20px}
.app li.app_img{width:700px}

.tab-content > .tab-pane.active {
 display: block;
}
.tab-content > .tab-pane {
 display: none;
}

.table_02{width:100%; border-collapse:collapse;border-top:2px solid #658ba6; text-align:center }
.table_02 th.table_th01{background:#8f8f8f;}
.table_02 th.table_th02{background:#94b3c9;}
.table_02 th.table_th03{background:#65a5a6;}
.table_02 th{border:1px solid #658ba6;padding:8px; color:#fff;}
.table_02 td{padding:5px;border:1px solid #ddd;}
.table_td01{background:#f0f0f0;}
.table_td02{background:#ebedf4; font-weight:bold}
.table_02 td.table_td02{border-right:2px solid #ddd;}
.td_left{text-align:left}
.table_02 td.td_left02{text-align:left;padding:15px}
.table_02 td.td_left02 p{line-height:20px}

.pageDiv {width:100%;}



/* 사이트맵 */
.sitemap { }
.sitemap_in { border: 4px solid #f4f4f4; float: left; width: 22%; height: 330px; margin: 0 20px 30px 0; }
.sitemap_in h3 { text-align: center; padding:10px 0px 10px 0px; margin-top: 0; border-bottom:solid 2px #444547; font-size:20px; font-weight:bold; color:#444547;}
.sitemap_in h3 > a { color:#444547;}
.sitemap_in ul { width:auto; height:auto; margin:0; padding:0; overflow:auto;}
.sitemap_in ul > li { width:auto; height:auto; margin:0; padding:9px 10px; border-bottom:solid 1px #e4e4e4; text-align:left; font-size:15px; font-weight:normal; display:block;}
.sitemap_in ul > li:hover { border-bottom:solid 1px #4da3d2; }
.sitemap_in ul > li > a { color:#919191;}



@media all and (min-width: 1200px) {
	#container { min-height: 750px; }

}

@media all and (max-width: 1199px) {
	#container .width_1193 { width: 100%; margin:0; padding: 0;}
	#container .menu_left { display: none; }
	#container .sub_content_layout { width: auto; padding: 15px; float: none;}
	#container .sub_content_layout .link_address { padding-top: 5px; margin-top: 0;}
	#container .sub_content_layout .sub_title { font-size: 22px;}
	#container .sub_content_layout .sub_cont { margin: 15px 0;}
	#container .sub_content_layout .sub_content img { width: auto;}


	.sitemap { width: 100%; }
	.sitemap_in { width: 45%; }

}

@media all and (max-width: 767px) {
	.sitemap_in { width: 100%; margin-right: 0; }

}
