/***********************************************
* 웅진 IR 레이아웃 css
* STYLE SHEET
* CSS author - Grayblue 
***********************************************/

@import "en_base.css";
@import "en_ircontent.css";
@import "en_company.css";
@import "en_ie.css";

div#wrapper{
	position:relative;
	width:960px;
	/*width:1000px;*/
	margin:0 auto;
	overflow:hidden;
	background: url('../img/comm/bg_lnb_guide.gif') no-repeat 184px 0;
}
div#wrapper2{
	position:relative;
	width:100%;
	min-width:1000px;
	background: url('../img/comm/bg_lnb_guide.gif') no-repeat 184px 0;
}
div#header{
	width:100%;
}
div#header h1{
	position:absolute;
	left:22px;
	top:22px;
	z-index:10;
	width:215px;
}
div#header ul.util{
	position:absolute;
	/* right:67px; */
	right:17px;
	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:0px;
	top:57px;
	z-index:10;
	width:613px;
	overflow:hidden;
}
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:50px;padding:20px 0 0 0;}
div.contentwrap div.title p{height:0px;line-height:0;font-size:0;}
div.contentwrap div.title p img{display:none;}
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:60px;
	background: url('../../english/img/comm/bg_footer_logo.gif') no-repeat 685px 35px;
}
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:40px 123px 0 0;
}

div#footer2{
	width:100%;
	height:110px;
	margin-top:-20px;
	background:url('../../english/img/comm/bg_footer.gif') repeat-x 0 20px;
}

div#footer2 div.footerview2{
	margin:0 auto;
	width:900px;
	height:60px;
}
div#footer2 div.footerview2 ul{
	float:right;
	height:16px;
	padding:21px 123px 0 0;
}
div#footer2 div.footerview2 ul li{
	float:left;
	padding:0 0 0 11px;
	font-size:0;
	line-height:0;
}
div#footer2 div.footerview2 p{float:right;
	width:394px;
	text-align:right;
	padding-top:40px;
}
div#footer2 div.footerview2 p img {vertical-align:middle;}

div#affiliate{
	position:relative;
	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#affiliate2{
	position:relative;
	width:924px;
	margin:0 auto;
	text-align:right;
}
div#affiliate2 img{
	vertical-align:bottom;
}
div#affiliate2 div.slide{
	position:absolute;
	z-index:100;
	left:0;
	bottom:0;
	width:100%;
	text-align:left;
	background:#fff;
}
div#affiliate2 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:519px;
	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:177px;height:189px;}
div.fasit_cont ul li.fasit_cont2 ul li{
	width:177px;
	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;height:189px;}
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;}

/* CEO 메시지 */
div.ceomessage ul.message {
	float:left;
	width:770px;
	overflow:hidden;
	margin-top:39px;
}
div.ceomessage ul.message ul {float:left;}
div.ceomessage ul.message li {padding-right:62px;}

/* 버전, 또또사랑 */

div.totolove {text-align:center;}
div.totolove ul {float:left;}


/* 조직개요 */
div.organ{width:100%;}
div.organ h3{height:43px;}
div.organ p.txt{}
div.organ ol li img{display:block;vertical-align:top;}

/* 연혁 */
ul.history_vis{height:165px;}
ul.history_vis li{float:left;line-height:0;font-size:0;}
div.history{}
div.history h3{padding:0 0 0 20px;}
div.history span.hisimg {display:block;background: url('../../english/img/ir/bg_history.gif') no-repeat;}
div.history span.hisimg img{display:block;padding:48px 0 0 64px;}

/* sitemap */
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:603px;
	padding:7px 0 0 0;
	background:url('../../english/img/comm/bg_sitemap.gif') no-repeat;
}
div.cont{
	width:920px;
	height:574px;
	padding: 0 0 0 12px;
	overflow:hidden;
	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.cont h3.tit{
	float:left;
	width:856px;
	height:40px;
	padding:14px 0 0 0;
}
div.cont span.btn{
	float:left;
	padding:14px 0 0 0;
}
div.cont div.view{
	clear:both;
	width:100%;
}

div.depthwrap2{
	position:relative;
	width:939px;
	height:510px;
	margin:140px auto 0;
	z-index:220;
	padding:7px 0 0 0;
	background:url('../../english/img/comm/bg_sitemap.gif') no-repeat;
}

div.depthwrap3{
	position:relative;
	width:939px;
	height:510px;
	margin:100px auto 0;
	z-index:220;
	padding:7px 0 0 0;
	background:url('../../english/img/comm/bg_sitemap.gif') no-repeat;
}

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.cont h3.tit{
	float:left;
	width:856px;
	height:40px;
	padding:14px 0 0 0;
}
div.depthwrap2 div.cont span.btn{
	float:left;
	padding:14px 0 0 0;
}
div.cont div.view{
	clear:both;
	width:100%;
}

div.site_menu{display:inline-block;margin:0 0 50px 0;}
div.site_menu ul li{float:left;}