@charset "utf-8";

/* ------------------------------------------
* Filename: main.css
* Description:  ̾ƿ
* Author: ELSYS
------------------------------------------ */

#container{ }
	.spot{ height:500px; background:url(image/main/main_bg1.jpg) top center no-repeat;}

	#content{ width:980px; margin:0 auto; height:200px; }
		.notice{ float:left; width:306px; height:135px; padding:30px 53px 0 0; }
		.notice h3.title{ height:30px; padding:0 0 0 5px; margin:0; }
		.notice h3.title01{ padding:0 0 0 5px; margin:0; }
		.notice h3.title span{ float:left; }
		.notice h3.title a{ float:right; }
		.notice ul{ }
		.notice ul li{ height:20px; line-height:20px; color:#7a7a7a; }
		.notice ul li a{ float:left; width:230px; padding:0 0 0 12px; color:#7a7a7a; background:url(image/main/icon_dot.gif) 6px 8px no-repeat; }
		.notice ul li a:hover{ color:#00a7df; }
		.notice ul li span{ float:right; font-size:11px; }

		.product{ float:left; width:359px; height:135px; padding:30px 0 0 0; }
		/* BannerZone */
		#bannerzone { position: relative; width:312px; min-height: 140px; height: auto !important; height: 140px; }
		#bannerzone h3.title { float:left; margin:0; padding:0; }
		#bannerzone .bzTitle span { float: right; }
		#bannerzone .bannerzone_menu {  }
		#bannerzone .bannerzone_menu ul { float: right; }
		#bannerzone .bannerzone_menu li { float: left; }
		#bannerzone .js_content { /*[script]position: absolute;*/ left: 0; top: 30px; sdisplay: none; }

		.catalogue{ float:left; width:262px; height:135px; padding:30px 0 0 0; }
		.catalogue h3.title{ height:30px; padding:0 0 0 3px; margin:0; }
		.catalogue dl{ height:102px; }
		.catalogue dl dt{ float:left; width:98px; padding:0 0 0 5px; }
		.catalogue dl dd.sTitle{ padding:5px 0 0 0; }
		.catalogue dl dd{ float:left; width:150px; color:#666; font:10px ngboeot, ngbowoff, , , dotum, sans-serif; }
		.catalogue dl dd span{ color:#363636; font:11px ngboeot, ngbowoff, , , dotum, sans-serif; line-height:24px; }
		.catalogue dl dd.img{ padding:6px 0 0 0; }

/**
 * Vmc Slider v1.0.0 
 * http://www.vomoc.com/vmc/slider/
 * vomoc@qq.com
 * 2015/06/29
 **/
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:10px;
	width:10px;
	margin:0 10px;
	padding:0;
	border:1px solid #113976;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	height:12px;
	width:12px;
	border:none;
	background-color:#C00;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	background:url(/home/layouts/kor/image/main/prev.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	background:url(/home/layouts/kor/image/main/next.gif) no-repeat;
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
/*
#content .mainbox {border:#C7C8DD solid 1px;padding:20px 20px 5px 20px;margin-bottom:30px;border-radius:10px 10px 10px 10px;}
#content .mainbox .posttop {border-bottom:#E7E7E9 solid 1px;padding:0 0 13px 0;margin:0 0 17px 0;}
#content .mainbox .posttop .p1 {float:left;width:40px;}
#content .mainbox .posttop .p1 i {font-style:normal;font-weight:bold;font-family:arial;font-size:14px;color:#3E5895;text-align:center;display:block;width:40px;height:15px;border:#dfdfdf solid 1px;background:#f9f9f9;border-radius:3px 3px 3px 3px;position:relative;top:1px;}
#content .mainbox .posttop .p2 {float:left;width:440px;padding-left:17px;}
#content .mainbox .posttop .p2 .title {display:block;font-size:18px;font-family:dotum;font-weight:bold;color:#323232;height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content .mainbox .posttop .p2 p {font-family:dotum;color:#656565;height:32px;text-overflow:ellipsis;overflow:hidden;line-height:140%;margin:10px 0 10px 0;}
#content .mainbox .posttop .p2 .info {font-family:dotum;font-size:11px;color:#8D8D8D;}
#content .mainbox .posttop .p2 a {font-family:dotum;color:#363636;}
#content .mainbox .posttop .nothumb {width:550px;}
#content .mainbox .posttop .p3 {float:right;width:110px;text-align:right;}
#content .mainbox .posttop .p3 .picbox {width:110px;height:72px;background:#efefef;overflow:hidden;}
#content .mainbox .posttop .p3 .picbox img {width:110px;}
#content .mainbox .postnone {height:170px;}

#content .mainbox .post {height:18px;margin-bottom:5px;}
#content .mainbox .post .p1 {float:left;width:40px;}
#content .mainbox .post .p1 i {font-style:normal;font-weight:bold;font-family:arial;font-size:14px;color:#3E5895;text-align:center;display:block;width:40px;height:15px;border:#dfdfdf solid 1px;background:#f9f9f9;border-radius:3px 3px 3px 3px;position:relative;top:-3px;}
#content .mainbox .post .p2 {float:left;width:370px;height:12px;padding-left:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content .mainbox .post .p2 a {font-family:dotum;color:#363636;}
#content .mainbox .post .p2 i {font-style:normal;font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .mainbox .post .p3 {float:left;width:80px;font-family:dotum;font-size:11px;color:#8D8D8D;text-align:right;}
#content .mainbox .post .p4 {float:right;width:97px;font-family:dotum;font-size:11px;color:#8F8F8F;text-align:right;border-left:#c0c0c0 dotted 1px;}
#content .mainbox .skip {text-align:right;}
#content .mainbox .skip img {cursor:pointer;}

#content .topicbox {margin-bottom:30px;}
#content .topicbox .tl {float:left;width:310px;}
#content .topicbox .tr {float:right;width:310px;}

#content .topicbox .tt {padding:0 0 8px 0;margin-bottom:15px;border-bottom:#dfdfdf dotted 1px;}
#content .topicbox .tt .ts {float:left;font-weight:bold;}
#content .topicbox .tt .tmore {float:right;}
#content .topicbox .tt .tmore a {font-family:dotum;font-size:11px;color:#c0c0c0;}

#content .topicbox .thumb {border:#BCBCBC solid 1px;height:130px;overflow:hidden;padding:1px;margin-bottom:20px;}
#content .topicbox .thumb img {width:310px;background:#efefef;margin-top:-50px;}
#content .topicbox .tsubject {line-height:140%;}
#content .topicbox .tsubject a {font-weight:bold;color:#323232;}
#content .topicbox .tdate {font-size:11px;font-family:dotum;color:#9B9B9B;padding-top:12px;}
#content .topicbox .tcont {color:#9B9B9B;line-height:140%;padding:10px 0 10px 0;border-bottom:#dfdfdf dotted 1px;margin-bottom:15px;}
#content .topicbox .tpost {line-height:140%;padding-bottom:8px;margin-bottom:8px;border-bottom:#dfdfdf dotted 1px;}
#content .topicbox .tpost a {color:#363636;}
#content .topicbox .tpost i {font-style:normal;font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .topicbox .none {height:130px;margin-bottom:20px;background:#efefef;}

#content .photobox {margin-bottom:30px;}
#content .photobox .tt {height:15px;padding:0 0 8px 0;margin-bottom:25px;border-bottom:#dfdfdf dotted 1px;}
#content .photobox .tt .ts {float:left;font-weight:bold;}
#content .photobox .tt .tmore {float:right;}
#content .photobox .tt .tmore a {font-family:dotum;font-size:11px;color:#c0c0c0;}
#content .photobox .picwrap {}
#content .photobox .picwrap .pic {float:left;width:91px;height:60px;border:#9C9C9C solid 1px;padding:1px;margin:0 15px 15px 0;overflow:hidden;}
#content .photobox .picwrap .pic img {width:91px;background:#D8D8D8;}
*/