/*
* 호반인천청라
* STYLE SHEET
* CSS Auteur - Grayblue
*/

body.visuback{background:#302b25 url('../../images/comm/body_bg.jpg') repeat-x left top;}

div#warpper{width:100%;}
div#toplayout{
	position:relative; 
	width:100%; 
}
div.header{
	position:relative; 
	width:990px; 
	margin:0 auto;
}
div.header span.shadowbg{
	position:absolute;
	z-index:2;
	top:0;
	right:172px;
	width:10px;
	height:136px;
	background: url('../../images/comm/top_shadow.png') repeat-y top right;
}
div.header div.box{
	position:absolute;
	z-index:3;
	top:0;
	right:0;
	width:155px;
}
div.header div.box h1{padding:24px 0 0 0;}
div.header div.box h1 img{display:block;}
div.header div.box ul.util{clear:both;padding:20px 0 0 3px;}
div.header div.box ul.util li{float:left;}

div.header div.box ul.skipnav {
	position:absolute;
	top:-1000px;
	visibility:hidden;
	width:0;height:0;
	font-size:0;
	line-height:0;
}
div.header span.shadowback{
	display:inline-block;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	width:182px;
	height:136px;
	color:#fff;
	background: url('../../images/comm/top_header_bg.gif') repeat-y top right;
}

div.header div.globalwarp{
	position:absolute;
	z-index:2;
	top:204px;
	right:0;
	width:182px;
}
div.visual_depth1, div.visual_depth2, div.visual_depth3,
div.visual_depth4, div.visual_depth5, div.visual_depth6, div.visual_depth7{
	width:100%;
	min-width:1000px;
	height:281px;
	margin:0 auto;
}
div.visual_depth1{background: url('../../images/comm/visual_depth1.gif') no-repeat top center;}
div.visual_depth2{background: url('../../images/comm/visual_depth2.gif') no-repeat top center;}
div.visual_depth3{background: url('../../images/comm/visual_depth3.gif') no-repeat top center;}
div.visual_depth4{background: url('../../images/comm/visual_depth4.gif') no-repeat top center;}
div.visual_depth5{background: url('../../images/comm/visual_depth5.gif') no-repeat top center;}
div.visual_depth6{background: url('../../images/comm/visual_depth6.gif') no-repeat top center;}
div.visual_depth7{background: url('../../images/comm/visual_depth7.gif') no-repeat top center;}

div#container{
	position:relative;
	width:990px;
	margin:0 auto;
	padding:0 0 100px 0;
}
div#container div.pagelocation{
	position:absolute;
	top:-30px;
	right:208px;
	font-size:11px;
	color:#b2ada5;
}
div#container div.pagelocation span{
	padding:0 0 0 8px;
	background: url('../../images/comm/icon_location.gif') no-repeat 0 2px;
}
div#container div.pagelocation span a{color:#b2ada5;}
div#container div.contents {width:808px;overflow:hidden;}
div#container div.contents div.titlewarp {width:100%;height:69px;}
div#container div.contents div.titlewarp h2 {float:left;padding:0 12px 0 0;}
div#container div.contents div.titlewarp div.stitw{float:left;}
div#container div.contents div.titlewarp div.stitw p.dtit {height:19px;padding:31px 0 0 0;}


div.contboxwarp{
	clear:both;
	width:792px;
	background: url('../../images/comm/box_cont_bg.gif') repeat-y top right;
}
div.contboxwarp div.boxtop{
	width:100%;
	height:51px;
	background: url('../../images/comm/box_cont_topbg.gif') no-repeat;
}
div.contboxwarp div.boxbottom{
	clear:both;
	width:100%;
	height:60px;
	background: url('../../images/comm/box_cont_btbg.gif') no-repeat bottom right;
}
div.contboxwarp div.contbox{width:742px;margin:0 0 0 25px;}

div#footer{
	clear:both;
	position:relative;
	width:100%;
	max-width:1280px;
	min-width:1000px;
	margin: 0 auto;
	height:112px;
}
div#footer div.fleftwarp{
	width:994px;
	margin:0 auto;
}
div#footer div.fleftwarp span.cont{
	float:left;
	width:994px;
	height:66px;
	background: url('../../images/comm/footer_line_bg1.gif') no-repeat;
}
div#footer div.fleftwarp span.cont img{margin:17px 0 0 0;}
div#footer div.fadr{
	position:absolute;
	top:0;
	right:0;
	height:50px;
	padding:16px 20px 0 0;
	background: url('../../images/comm/footer_line_bg2.gif') repeat-x;
}