@charset "utf-8";
@import url(base.css);

/* Layout */
body{background:url('../images/main/bg_main.gif') repeat-x left top; /*daehabehavior:url("/css/csshover3.htc");*/}
#wrap{position:relative; z-index:1; width:100%; margin:0 auto;}
#wrap2{z-index:1; width:1000px; margin:0 auto;}

#header{width:100%;}
#container{clear:both; width:100%;}
.leftWrap{width:210px; float:left;}
#content{width:714px; float:left; background:url('../images/common/contents_bgM.gif') repeat-y left top;}
.quick{width:63px; float:right;}
#footer{width:100%;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Header */
#header{ clear:both; position:relative; z-index:1; height:226px; margin:0 auto; } 

.logo{ float:left; padding:0 0 0 15px; width:243px; height:65px;}
.util{ float:right; width:700px;}/*버튼갯수에 따른 가로사이즈 조정*/
	.util ul{ float:right; margin:0; padding-top:5px; text-align:right;}
		.util li{ float:left; padding:0 5px; line-height:1em; background:none;}


* html .gnb{ float:right; width:800px; height:80px; margin-top:11px;}

.gnb{ float:right; width:740px; height:55px; margin-top:13px;}
	.gnb ul.dpt1{ float:right; margin:0;}
	.gnb .dline{background:url('../images/common/gnb_line.gif') no-repeat right 13px;}
		.gnb ul.dpt1 li{position:relative; float:left; padding:11px 15px;}
		.gnb a{ height:20px;}			
		.gnb a.menu1{ display:block; width:81px; background:url('../images/common/gnb_menu1_of.gif') no-repeat left top;}
		.gnb a.menu1:hover, .gnb a.menu1:focus{ background:url('../images/common/gnb_menu1_ov.gif') no-repeat left top;}
		.gnb a.menu2{ display:block; width:71px; background:url('../images/common/gnb_menu2_of.gif') no-repeat left top;}
		.gnb a.menu2:hover, .gnb a.menu2:focus{ background:url('../images/common/gnb_menu2_ov.gif') no-repeat left top;}
		.gnb a.menu3{ display:block; width:71px; background:url('../images/common/gnb_menu3_of.gif') no-repeat left top;}
		.gnb a.menu3:hover, .gnb a.menu3:focus{ background:url('../images/common/gnb_menu3_ov.gif') no-repeat left top;}
		.gnb a.menu4{ display:block; width:71px; background:url('../images/common/gnb_menu4_of.gif') no-repeat left top;}
		.gnb a.menu4:hover, .gnb a.menu4:focus{ background:url('../images/common/gnb_menu4_ov.gif') no-repeat left top;}
		.gnb a.menu5{ display:block; width:71px; background:url('../images/common/gnb_menu5_of.gif') no-repeat left top;}
		.gnb a.menu5:hover, .gnb a.menu5:focus{ background:url('../images/common/gnb_menu5_ov.gif') no-repeat left top;}
		.gnb a.menu6{ display:block; width:75px; background:url('../images/common/gnb_menu6_of.gif') no-repeat left top;}
		.gnb a.menu6:hover, .gnb a.menu6:focus{ background:url('../images/common/gnb_menu6_ov.gif') no-repeat left top;}
		.gnb a.menu7{ display:block; width:81px; background:url('../images/common/gnb_menu7_of.gif') no-repeat left top;}
		.gnb a.menu7:hover, .gnb a.menu7:focus{ background:url('../images/common/gnb_menu7_ov.gif') no-repeat left top;}
	#topmenu li:hover ul, #topmenu li:focus ul{display:block;}
	.gnb ul.dpt1 li ul{ position:absolute; z-index:11; top:39px; height:295px; margin-top:5px; border-left: 1px solid #ccc; margin-left: -1px; padding-top: 15px;}

        .gnb ul.dpt1 li ul.menu11{width:130px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul.menu22{width:130px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul.menu33{width:130px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul.menu44{width:120px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul.menu55{width:120px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul.menu66{width:104px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul.menu77{width:131px; left: 0px; display:none;}
		.gnb ul.dpt1 li ul li{width:100%; display:block; padding: 0px;}
		.gnb ul.dpt1 li ul li a{ font-size:0.95em; color:#383232; display: block; padding: 0px 10px 3px; width: 65%; letter-spacing:-0.02em}
		.gnb ul.dpt1 li ul li a:hover, .gnb ul.dpt1 li ul li a:focus{background: #f5f5f5; font-weight:bold; text-decoration: none; font-size:0.95em;}
		#header{ clear:both; position:relative; z-index:50; width:1050px; height:118px; margin:0 auto; background: url('../images/common/bg_header1.gif') no-repeat left top;} 
		#menuBackground{ position: absolute; width: 100%; background: #fff; height: 315px; top:74px; left: 0px; z-index: 50;display:none; border-bottom: 2px solid #004685;} /*		 box-shadow: 0px 4px 5px #f2f2f2 inset; -moz-box-shadow: 0px 4px 5px #f2f2f2 inset; -webkit-box-shadow: 0px 4px 5px #f2f2f2 inset; */
        .gnb ul li div.menu11V{position: absolute; top: 60px; left: -291px; display:none; }
        .gnb ul li div.menu22V{position: absolute; top: 60px; left: -432px; display:none; }
        .gnb ul li div.menu33V{position: absolute; top: 60px; left: -525px; display:none; }
        .gnb ul li div.menu44V{position: absolute; top: 60px; left: -640px; display:none; }
        .gnb ul li div.menu55V{position: absolute; top: 60px; left: -750px; display:none; }
        .gnb ul li div.menu66V{position: absolute; top: 60px; left: -810px; display:none; }
        .gnb ul li div.menu77V{position: absolute; top: 60px; left: -920px; display:none; }
        .gnb ul li div img{width: 290px; height: 230px;}
        
.visual{clear:both;  position:relative; z-index: 1; margin: 0 auto; width:1000px; height:135px;}
 

/* Side Navigation Bar */
.snb{ padding-bottom:30px; background:url('../images/common/submenu_lineB.gif') no-repeat 5px bottom;}

	.snb h1{ display:block; padding:20px 0 20px 22px; background:url('../images/common/submenu_lineT.gif') no-repeat 2px bottom;}
	.snb h1{ overflow:hidden;}
	.snb ul.dpt1 {width:210px; text-align:left; overflow:hidden;}
	.snb ul.dpt1 li{ margin:0 9px; background:url('../images/common/submenu_line.gif') no-repeat left bottom;}
	* html .snb ul.dpt1 li{/*daehazoom: 1;*/}/* IE hack */
		.snb ul.dpt1 a{ display:block; padding:7px 20px; font-weight:bold; line-height:1.3em; color:#767676; background:url('../images/common/submenu_dpt1_of.gif') no-repeat 1px 6px;}
		.snb ul.dpt1 a:hover, .snb ul.dpt1 a.on, .snb ul.dpt1 a:focus{ display:block; color:#095bab; background:url('../images/common/submenu_dpt1_ov.gif') no-repeat left 6px;}
		.snb ul.dpt1 .ls{letter-spacing:-0.05em;}
	.snb ul.dpt1 li ul.dpt2{padding:0;}
		.snb ul.dpt1 li ul.dpt2 li{ margin:0 9px; background:none;}
		.snb ul.dpt1 li ul.dpt2 a{ display:block; padding:2px 10px; font-weight:bold; color:#767676; background:url('../images/common/submenu_dpt2_of.gif') no-repeat 8px 7px;}
		.snb ul.dpt1 li ul.dpt2 a:hover, .snb ul.dpt1 li ul.dpt2 a.on, .snb ul.dpt1 li ul.dpt2 a:focus{ display:block; color:#35accd; background:url('../images/common/submenu_dpt2_ov.gif') no-repeat 8px 7px;}

.search{ width:190px; height:53px; padding:30px 10px; text-align:left; overflow:hidden; background:none;}
	.search h1{ display:block; height:20px; padding-left:5px;}
	.search ul{ height:29px; background:url('../images/common/search_bg.gif') no-repeat center bottom;}
		.search ul li{ display:inline; float:left; padding:4px 4px 4px 5px;}
		.search ul li input.sch{ width:140px; height:16px; border:0 none; border-right:1px solid #ddd;}
		.search ul li.btn{padding-top:5px;}
		
#content { padding:0; min-height:600px; position: relative;} 
	#content h1.h1_tit {float:left; padding-left:30px; margin:22px 0 40px 5px; width:675px; height:34px; font-family:"나눔고딕", "Malgun Gothic"; font-size:1.6em; font-weight:bold; letter-spacing:-0.1em; color:#767676;
						  border-bottom:1px solid #d9d9d9; background:url('../images/common/h1_icon_contents.gif') no-repeat 7px 5px;}
	* html #content h1.h1_tit{margin:0 0 5px 2px;}
	#content .location {position:absolute; right:20px; top:20px; text-align:right; font-size:1em; margin:0; padding:0 0 0 24px; color:#000;}
	#content .location a {text-decoration:none; color:#000;}
	#content .location a.home {padding-left:13px; background:url('../images/common/navi_home.gif') no-repeat 0 2px;}
	#content .location a.current {font-weight:bold;}
	#content .location a:hover{text-decoration:underline;}
	#content .contensBtn {position:absolute; right:15px; top:65px; z-index:10; height:15px; text-align:right; margin:0; padding:0;}
	#content .contensBtn ul li{display:inline; padding:0 2px;}
	#content .contensBtn .r_line{padding:0 5px; background:url('../images/common/contens_btn_line.gif') no-repeat right top;}
#content .content-area {clear:both; padding:0 10px 20px 25px; position:relative;}
	#content .content-area h2 { padding:0 0 8px 18px;}
	#content .content-area h3 { padding:2px 0 0 18px;}
	#content .content-area h2 img { vertical-align:middle;}
#content .service {clear:both; margin:50px 25px; width:658px; height:78px; background:url('../images/common/bg_service.gif') no-repeat left top;}
	#content .service h2 { display:inline; float:left; height:15px; padding:15px 0 10px 35px;}
	#content .service div.star { display:inline; float:left; padding:10px 0 10px 15px;}
	#content .service ul.charge { clear:both; width:615px; padding:10px 10px 0 33px; border-top:1px solid #ddd; color:#767676;}
	#content .service ul.charge li{ display:inline; float:left; padding-right:40px;}
.quick { padding-bottom:0;} 
	.quick ul { margin:0; padding-bottom:8px; background:url('../images/common/quick_bg.gif') repeat-y left 0; }
	.quick ul li { padding:15px 0; text-align:center; background:url('../images/common/quick_line.gif') no-repeat 8px bottom;}
	.quick ul li a { text-decoration:none;}
	.quick .end { background:none; margin-top:-1px; font-size:0; height:0; padding:0;}

/* Footer */
#footer {clear:both; text-align:left; margin:0 auto; padding-top:10px; position:relative; overflow:hidden; background-color:#f4f4f4; border-top:1px solid #ddd;}/*  height:80px;  */ 
	#footer .foot{width:1000px; margin:0 auto;}
	#footer h1 { display:inline; float:left; padding:10px 20px;}
	#footer dl.guide { float:left; margin-top:10px; margin-bottom:5px;}
		#footer dl.guide dt { font-size:0; height:0; position:absolute; visibility:hidden;}
		#footer dl.guide dd { float:left; padding:0 15px; background:url('../images/common/footer_line.gif') no-repeat 0 50%;}
		#footer dl.guide dd.first-child { background:none; padding-left:0;}
	#footer dl.sns { float:right; width:355px; }	
		#footer dl.sns dt { font-size:0; height:0; position:absolute; visibility:hidden;}
		#footer dl.sns dd { float:left; padding-left:5px; }
		#footer dl.sns dd.first-child { background:none; padding-left:0;}
	#footer div.txt {float:left;  width:465px;}
		#footer address { display:block; margin:5px 0;}
		#footer p.copyright {height:20px; margin:0; padding:0;}
	#footer ul.mark { float:left; width:225px; margin-left:7px;}
		#footer ul.mark li { float:left; padding-left:5px;}
	#footer dl.visit { float:left; width:130px;}
		#footer dl.visit dt{display:block; width:79px; float:left;}
		#footer dl.visit dd{ float:left; width:40px; font-weight:normal;}
/*
@media print {
#skipToContent, #header, .gnb, .snb, .quick, #footer dl, #footer div.txt address {display:none;}
body,body #wrap #content,#footer {background:none;}
#wrap {margin:0;}
#content {float:none; left:0; padding:0 0 30px 0; margin:0 0 0 -210px;}
.location {position:relative; top:0; right:0; margin:0;}
#footer {text-align:left; width:100%; border-top:1px solid #CCC;}
#footer div.txt p.copyright {float:none; margin:0; text-align:left;}
}
*/
 
 
	
/* skip */
#skipToContent { position:absolute; z-index:20; visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}
#skipToContent li{ float:left; height:0;}
#skipToContent li a{ display:block; }
#skipToContent a:hover, #skipToContent a:focus, #skipToContent a:active{ height:auto; overflow:auto; display:block; font-size:12px; color:#000;}

.day { color: #555!important;}