/***********************************************

* 웅진 IR 레이아웃 css

* STYLE SHEET

* CSS author - Grayblue 

***********************************************/


@import "cp_base.css";
@import "cp_company.css";
@import "cp_business.css";
@import "cp_ir.css";
@import "cp_pr.css";
@import "cp_recruit.css";
@import "cp_sustainability.css";
@import "cp_etc.css";


div#wrapper{
	position:relative;
	width:1000px;
	margin:0 auto;
	background: url('../img/comm/bg_lnb_guide.gif') no-repeat 184px 0;
}
div#header{
	width:100%;
}
div#header h1{
	position:absolute;
	left:13px;
	top:25px;
	z-index:10;
	width:215px;
}
div#header ul.util{
	position:absolute;
	right:67px;
	top:22px;
	z-index:11;
}
div#header ul.util li{
	float:left;
	font-size:0;
	line-height:0;
	padding:0 9px 0 11px;
	background: url('../img/comm/util_line.gif') no-repeat;
}
div#header ul.util li.first{padding:0 9px 0 0;background:none;}

div#header div.globalmenu{
	position:absolute;
	right:54px;
	top:57px;
	z-index:10;
}
div#quickbanner{
	float:right;
	width:63px;
}
div#quickbanner div.quick{
	position:fixed;
	top:236px;
	padding:0;
}
div#container{
	width:924px;
	padding:0;
	overflow:hidden;
}
div#container div.visual{
	position:absolute;
	left:14px;
	top:0;
	z-index:5;
}
div.lnbwrap{
	float:left;
	width:216px;
	height:600px;
	padding:187px 0 0 0;

}
div.lnbwrap div.lnb{
	position:relative;
	left:0;
	z-index:6;}


div.contentwrap{
	float:left;
	width:708px;
}
div.contentwrap div.title{
	width:100%;
	height:93px;
	text-align:right;
	padding:123px 0 0 0;
	background: url('../img/comm/bg_header_line.gif') no-repeat left bottom;
}
div.contentwrap div.title h2{height:38px;}
div.contentwrap div.title p{height:35px;}
div.contentwrap div.title ul.location{
	float:right;
	padding:0 0 0 17px;
	background: url('../img/comm/bg_location_home.gif') no-repeat 0 2px;
}
div.contentwrap div.title ul.location li{
	display:inline;
	float:left;
	font-size:11px;
	padding:0 0 0 8px;
}
div.contentwrap div.title ul.location li.first{padding:0;}
div.contentwrap div.contents{
	width:100%;
	padding:40px 0 100px 0;
	overflow:hidden;
}

div#footer{
	width:924px;
	height:100px;
}
div#footer div.footerview{
	float:right;
	width:800px;
	height:55px;
	background: url('../img/comm/bg_footer_logo.gif') no-repeat right 14px;
}
div#footer div.footerview ul{
	float:right;
	height:16px;
	padding:21px 123px 0 0;
}
div#footer div.footerview ul li{
	float:left;
	padding:0 0 0 11px;
	font-size:0;
	line-height:0;
}
div#footer div.footerview p{
	float:right;
	padding:0 123px 0 0;
}
div#affiliate{
	position:relative;
	z-index:99;
	width:100%;
	text-align:right;
	border-bottom:1px solid #e6e6e6;
}
div#affiliate img{
	vertical-align:bottom;
}
div#affiliate div.slide{
	position:absolute;
	z-index:100;
	left:0;
	bottom:0;
	width:100%;
	text-align:left;
	background:#fff;
}
div#affiliate div.slide p.btn img{vertical-align:middle;}
div.fa_sitopbg{width:100%;height:23px;background:#fff url('../img/comm/fa_sitetopbg.gif') no-repeat;}
div.fa_sitopbg p{float:right;padding:6px 32px 0 0;}
div.fasit_contwrap{
	position:relative;
	overflow:hidden;
	margin:23px 0 0 33px;
	background:#fff;
}
div.fasit_title{float:left;width:302px;}
div.fasit_title p{padding:9px 0 0 2px;}
div.fasit_cont{
	float:right;
	width:460px;
	overflow:hidden;
	display:inline-block;
	margin:0 0 24px 0;
}
div.fasit_cont ul li{
	float:left;
	width:148px;
	background:url('../img/comm/fa_siteline.gif') no-repeat 5px 23px;
}
div.fasit_cont ul li.fasit_cont2{overflow:hidden;width:150px;height:189px;}
div.fasit_cont ul li.fasit_cont2 ul li{
	width:106px;
	padding:2px 0 3px 5px;
	font-size:0;
	line-height:0;
}
div.fasit_cont ul li h5{height:23px;}
div.fasit_cont ul.fasit_cont1{overflow:hidden;width:158px;}
div.fasit_cont ul.fasit_cont1 li{
	width:122px;
	padding:2px 0 3px 5px;
	font-size:0;
	line-height:0;
}

div.irqmenu{padding:0 0 0 20px;}
div.irqmenu img{display:block;}

div.sitewrap{
	position:fixed;
	top:100px;
	z-index:200;
}
div.sitewrap div.depthwrap{
	position:absolute;
	left:20px;
	top:0;
	z-index:220;
	width:939px;
	height:510px;
	padding:7px 0 0 0;
	background:url('../img/comm/bg_sitemap.gif') no-repeat;
}
div.sitewrap div.depthwrap div.cont{
	width:920px;
	height:495px;
	padding: 0 0 0 12px;
	overflow:hidden;
	overflow-y:scroll;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #ede09b; 
	scrollbar-highlight-color: #ede09b;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #f2f2f2;
	scrollbar-arrow-color: #ede09b;
}
div.sitewrap div.depthwrap div.cont h3.tit{
	float:left;
	width:856px;
	height:70px;
	padding:14px 0 0 0;
}
div.sitewrap div.depthwrap div.cont span.btn{
	float:left;
	padding:14px 0 0 0;
}
div.sitewrap div.depthwrap div.cont div.view{
	clear:both;
	width:100%;
}

