@import url("common.css");

/* 퀵메뉴 */
.left-wrap{position:relative;}
.left-pos{position:absolute; width:89px; right:50%; margin-right:-600px;  top:10px; z-index:999; }
.left-pos ul{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; padding-bottom:3px}
.left-pos ul:after{display:block; position:absolute;  content:""; left:-1px; z-index:10; bottom:0px; width:87px; height:3px; background-color:#f0f0f0; border-top:1px solid #ddd; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0;}
.left-pos li.r_quick01{background:url('/img/r_quick_bn01.gif') center 12px no-repeat;}
.left-pos li.r_quick02{background:url('/img/r_quick_bn02.gif') center 14px no-repeat;}
.left-pos li.r_quick03{background:url('/img/r_quick_bn03.gif') center 14px no-repeat;}
.left-pos li a:link, .left-pos li a:visited{display:block; border-bottom:1px dotted #ddd; text-align:center; font-size:12px; letter-spacing:-0.7pt; padding:45px 0 10px 0; font-weight:600}
.left-pos li a:hover{text-decoration:none; color:#1b60a1}
.left-pos p.top{text-align:center}


#visual{position:relative; width:100%; height:380px; clear:both; overflow:hidden; background:url('/img/visual_bg.gif') repeat-x; border-bottom:1px solid #ddd;}
	.visual_in{position:relative; overflow:hidden; width:980px; height:380px; margin:0 auto; background-color:#fff; }
	.clsBannerButton {position:absolute; z-index:40; left:48%; overflow:hidden;}
	.clsBannerButton li {float:left; margin:340px 2px 0 2px; list-style:none}
	.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}
	.clsBannerButton li.labelOverClass {font-weight:bold;}

	.clsBannerScreen {overflow:hidden; position:absolute; float:left;height:380px; width:980px; z-index:1;}
	.clsBannerScreen .images {display:none; }


#contents{position:relative; overflow:hidden; width:980px; margin:0 auto; clear:both; padding:40px 0}
	.con01{position:relative; overflow:hidden; padding-bottom:30px;}
	.con01 .board{position:relative; overflow:hidden; float:left; width:291px; margin-right:32px}
			.board_tab{position:relative; overflow:hidden; }
			.board_tab li{float:left; margin-right:1px;}
			.board_tab li a:link, .board_tab li a:visited{display:block; text-align:center; width:101px; height:29px; padding-top:6px; font-size:14px; color:#949494; font-weight:700; letter-spacing:-0.7pt; background-color:#e2e5e7;}
			.board_tab li a:hover{text-decoration:none}
			.noti_up{color:#fff !important; background-color:#1b60a1 !important;}
			span.more_btn{position:absolute; right:0; bottom:5px;}
			.board dl{position:relative; overflow:hidden; padding-top:20px;}
			.board dd{height:24px; background:url('/img/dot.gif') 0 8px no-repeat; padding-left:8px}
			.board span.date{position:absolute; right:0; font-family:Calibri; font-size:12px; color:#999; height:24px;}
	
	.con01 .proList{position:relative; overflow:hidden; float:left; width:657px;}
		.proList h2{position:relative; font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:8px 25px 20px 22px;}
		.proList h2 span.more_btn{position:absolute; right:25px; bottom:20px;}
		.proList .proList_in{position:relative; overflow:hidden;}
			.proList_in dl{position:relative; overflow:hidden; float:left; width:120px; margin-right:2px;}
			.proList_in dd.img{}
			.proList_in dd.img img{border:1px solid #ddd;}
			.proList_in dt{ text-align:center; padding:3px 0 0 0; line-height:17px}
			.proList_in dt a:link, .proList_in dt a:visited{font-size:12px; color:#333; font-weight:600; letter-spacing:-0.5pt; line-height:17px}
			.proList_in dd.txt{font-size:12px; text-align:center; line-height:17px}
		
			.gallery_rolling {position:relative; z-index:100 !important; width:657px; height:130px; }
			.gallery_rolling .arrow_prev {position:absolute;top:40px; left:0;width:15px;height:20px;cursor:pointer;}
			.gallery_rolling .arrow_next {position:absolute;top:40px; right:0;width:15px;height:20px;cursor:pointer;}
			 
			.gallery_rolling div.carrousel_box {position:absolute; top:0; left:22px; overflow:hidden; width:585px;height:130px;}
			.gallery_rolling div.carrousel_box ul{position:absolute;top:0px;margin-left:0px;overflow:hidden; }
			.gallery_rolling li {float:left; width:122px; height:130px;}
	
	.con02{position:relative; overflow:hidden;}
		.quality{position:relative; overflow:hidden; float:left; width:238px; height:182px; background:url('/img/quality_bg_221102_2.gif') 0 0 no-repeat; margin-right:9px}
		.quality h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:30px 0 0 20px;}
		.quality p.stit{font-size:12px; color:#888; line-height:16px; padding:13px 0 0 20px;}
		.quality p.more_btn{padding:20px 0 0 20px;}

		.support{position:relative; overflow:hidden; float:left; width:239px; height:182px; background:url('/img/support_bg.gif') 0 0 no-repeat; margin-right:9px}
		.support h2{font-size:14px; color:#fff; font-weight:700; letter-spacing:-0.7pt; padding:30px 0 20px 20px; line-height:17px;}
		.support ul{position:relative; overflow:hidden; padding:0 0 0 20px;}
		.support li a:link, .support li a:visited{display:block; width:106px; height:32px; padding:6px 0 0 12px; background:url('/img/support_btn.gif') 0 0 no-repeat; font-size:12px; font-weight:700; color:#333; letter-spacing:-0.7pt}
		.support li a:hover{text-decoration:none; color:#1b60a1}

		.quick{position:relative; overflow:hidden; float:left; width:238px; height:177px; padding-top:15px; background:url('/img/quick_bg.gif') 0 0 no-repeat; margin-right:9px}
		.quick dl{position:relative; overflow:hidden; padding:0 0 6px 18px;}
		.quick dd{float:left;}
		.quick dd.bn01{background:url('/img/quick_bn01.gif') center 8px no-repeat;}
		.quick dd.bn02{background:url('/img/quick_bn02.gif') 40px 5px no-repeat;}
		.quick dd.bn03{background:url('/img/quick_bn03.gif') 40px 8px no-repeat;}
		.quick dd.bn04{background:url('/img/quick_bn04.gif') 33px 10px no-repeat;}
		.quick dd a:link, .quick dd a:visited{display:block; width:98px; height:31px; margin-right:7px; padding:45px 0 0 0; text-align:center; color:#edeef0; font-size:12px; font-weight:600}
		.quick dd a:hover{text-decoration:none; color:#fff}

		.cs{position:relative; overflow:hidden; float:left; width:236px; height:180px; border:1px solid #ddd}
		.cs h2{font-size:14px; color:#333; font-weight:700; letter-spacing:-0.7pt; padding:29px 0 0 20px;}
		.cs p.num{padding:13px 0 0 20px;}
		.cs p.email{padding:13px 0 0 20px;}