@charset "utf-8";

@import url('default.css');
@import url('sub.css');

div#wrapper {width:100%; min-width:1200px;  overflow:hidden;}
#container {width:100%; padding:0; overflow:hidden;}


#header {float:left; width:190px; overflow:hidden; z-index:999999;}
	#header  .global {clear:both; padding:24px 0 0 24px; height:40px;}
	#header  .global li {float:left;}
	#header  .global li a {float:left; font-size:11px; color:#a6a6a9; padding-right:8px;}
	#header  .global li a:hover {color:#ffffff;}
	#header  .global li.kor a {float:left;  color:#a6a6a9; padding-left:20px;padding-right:0px; background:url(/eng/images/common/icon_kor.gif) 0 4px no-repeat; letter-spacing:-1px;}
	#header  .global li.kor a:hover {color:#ffffff; background:url(/eng/images/common/icon_kor_on.gif) 0 4px no-repeat;}
	#header h1 {clear:both; height:78px;}
	#header h1 a {display:block; height:69px; width:152px; background:url(/eng/images/common/kor_logo.png) no-repeat; margin-left:20px;}
	#header  .gnb {clear:both; width:190px; overflow:hidden;}
	#header  .gnb li {clear:both;}
	#header  .gnb li a {display:block; padding:13px 0 0 23px; height:33px; font-size:17px; font-weight:600; color:#babbbb;}
	#header  .gnb li a:hover {color:#ffffff; background-color:#dc3913;}
	#header  .gnb li.on {color:#ffffff; background-color:#dc3913;}
	#header  .gnb li.on a {color:#ffffff;}
	
	
#footer {clear:both; overflow:hidden; width:146px; z-index:999999; padding:0 22px 0 22px;}	
	#footer li {font-size:10px; color:#a6a6a9; clear:both; padding-bottom:15px; line-height:120%;}		
	#footer li a {font-size:11px; color:#ffffff;}	
	#footer li a:hover {color:#ffffff;}

#gotop {position: fixed; bottom:97px; left:1180px; width:29px; z-index:999999;}	
	



#mainSection { width:990px; margin-left:190px;}
#mainSection .parallax { position:relative; float:left; width:990px; }

/* 비주얼 부분 */
#mainSection .parallax>div { position:relative;  width:990px; overflow:hidden;}
#mainSection .parallax .sample { position:relative; width:990px; height:897px; overflow-y:hidden; overflow-x:hidden;}

#visual { width:990px; height:3176px; position:relative;}
#visual .main1 { position:relative; height:932px; overflow:hidden; background:url(/eng/images/common/kor_visual1.jpg) top left no-repeat;}
#visual .main2 { position:relative;height:1129px; overflow:hidden; background:url(/eng/images/common/kor_visual2.jpg) top left no-repeat;}
#visual .main3 { position:relative; height:1115px; overflow:hidden; background:url(/eng/images/common/kor_visual3.jpg) top left no-repeat;}

#visualNav { position:absolute; top:30px; left:880px; z-index:200; width:95px;}
#visualNav #nav li {height:15px; margin-right:4px; float:left;}
#visualNav #nav li a { display:inline-block; width:15px; height:15px; overflow:hidden;}
#visualNav #nav li img { vertical-align:top;}

#visualNav .playStop a { display:block;}
#visualNav .playStop a.play { display:none;}
	


	
#visualBBS {position:absolute; top:632px; left:190px; width:990px; height:126px; z-index:999999; background:url(/eng/images/common/bg_visualbbs.gif) no-repeat;}	
	#visualBBS .news {padding:21px 0 0 33px; margin-right:154px; float:left; width:265px; height:105px;}
	#visualBBS .mresult {padding:21px 0 0 0; margin-right:155px; float:left; width:175px; height:105px;}
	#visualBBS .business {padding:21px 0 0 0; float:left; width:175px; height:105px;}
	
	#visualBBS ul {clear:both; margin-bottom:10px; overflow:hidden;}
	#visualBBS .tit {float:left; font-size:16px; font-weight:600; color:#ffffff;}
	#visualBBS .more {float:right;}
	#visualBBS .more a {display:block; width:14px; height:15px; background:url(/eng/images/common/icon_more.png) 0 2px no-repeat;}
	#visualBBS .more a:hover {background:url(/eng/images/common/icon_more_on.png) 0 2px no-repeat;}
	#visualBBS ul.list li {clear:both; height:18px;}
	#visualBBS ul.list li a {font-size:12px; color:#8787c3;}
	#visualBBS ul.list li a:hover {color:#ffffff;}
	#visualBBS p {font-size:12px; color:#8787c3; line-height:120%;}
	
#lnb {float:left; width:160px; overflow:hidden; border-top:1px solid #acacac; margin-top:142px;}	
	#lnb li {clear:both;}
	#lnb li a {display:block; padding:14px 0 0 25px; height:30px; border-bottom:1px solid #acacac; font-size:13px; color:#171717; font-weight:600;}
	#lnb li a:hover {color:#ffffff; font-weight:600; background:url(/images/common/icon_lnb_on.gif) no-repeat;}
	#lnb li a.on {display:block; padding:14px 0 0 25px; height:30px; border-bottom:1px solid #acacac; font-size:13px; color:#ffffff; font-weight:600; background:url(/images/common/icon_lnb_on.gif) no-repeat;}