@charset "euc-kr";

#Visual {display:none;}

#Main-visual {
	position:relative;
	height:186px;
	z-index:1;
}

#Hot-Issue {
	position:absolute;
	top:15px;
	left:15px;
	z-index:1000;
}

#Hot-Issue h2 {
	padding:0 0 10px 0;
}

#Hot-Issue ol {
	margin:0 0 0 6px;
}

#Hot-Issue li {
	padding:0 0 2px 0;
	width:120px;
	height:18px;
	overflow:hidden;
}

#Hot-Issue li a {
	color:#000;
	letter-spacing:-1px;
	font-size:11px;
}

#Container {
	clear:both;
	height:380px;
}

#Left {
	width:263px;
	float:left;
	margin-top:12px;
}

#PopupZone {
	position:relative;
	width:235px;
	height:158px;
	background:url(/assets/img/main/popup_bg.gif) no-repeat left top;
	margin:0 0 15px 0;
}

#PopupZone h2 {position:absolute;top:10px;left:10px;}

#Control {position:absolute;top:10px;left:50px;}

#PopupZone .num {		position:absolute;	top:11px;	right:11px;}
#PopupZone .num li{	float:left;	padding-left:2px;	font-size:0;	line-height:0;}
#PopupZone .num li p {	position:absolute;	top:22px;	right:-10px;	width:233px;	height:124px;}

/*
#Control img, #Num img {
	float:left;
	margin-right:2px;
}

#Control {position:absolute;top:10px;left:50px;}
#Num {position:absolute;top:10px;right:10px;}
#PopupZone p {position:absolute;top:33px;left:0px;}
*/

#Left .board {
	position:relative;
	width:235px;
	height:150px;
	background:url(/assets/img/main/tab_bg.gif) repeat-x left top;
}

#Left .board a.mome {
	position:absolute;
	top:3px;
	right:0px;
}

#Left .board ul li {
	float:left;
}

#Left .board ul li dl {
	position:absolute;
	top:40px;
	left:5px;
}

#Left .board ul li dl dd {
	width:295px;
	height:20px;
	text-indent:5px;
	background:url(/assets/img/common/bluet02.gif) no-repeat left 7px;
}

#Left .board ul li dl dd img {
	margin-top:-2px;
}

#Center {
	width:417px;
	height:465px;
	float:left;
	background:url(/assets/img/main/center_bg.gif) no-repeat left top;
}

#Photo {
	position:relative;
	width:353px;
	height:170px;
}

#Photo h2 {
	padding:5px 0 0 20px;
}

#Photo dl {
	position:absolute;
	top:45px;
	left:20px;
	width:353px;
}

#Photo dt {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 0 15px 0;
}

#Photo dd {
	float:left;
}

#Photo dd.date {
	width:230px;
	font-family: Tahoma, Verdana, AppleGothic, sans-serif;
	font-size:11px;
	color:#999999;
	padding:0 0 5px 0;
	margin-top:-5px;
}

#Photo dd.text {
	width:240px;
}

#Photo dd img {
	margin:0 10px 0 0;
}

#Center .board {
	position:relative;
	width:235px;
	height:125px;
}

#Center .board {
	margin:15px 0 0 25px;
}

#Center .board a.mome {
	position:absolute;
	top:3px;
	right:0px;
}

#Center .board ul li {
	float:left;
	background:url(/assets/img/main/line.gif) no-repeat right 50%;
	margin-right:15px;
	padding:0 15px 0 0;
}

#Center .board ul li.last {
	background:none;
}

#Center .board ul li dl {
	position:absolute;
	top:38px;
	left:111px;
	width:240px;
}

#Center .board ul li dl dd {
	width:240px;
	height:20px;
	text-indent:5px;
	background:url(/assets/img/common/bluet02.gif) no-repeat left 7px;
}

#Center .board ul li dl dd a {
	display:block;
	width:175px;
	float:left;
}

#Center .board ul li dl dd span {
	display:block;
	width:65px;
	float:left;
	font-family: Tahoma, Verdana, AppleGothic, sans-serif;
	font-size:11px;
	color:#999999;
}

#Bank-box {
	position:relative;
	width:235px;
	height:100px;
}

#Bank-box h2 {
	padding:25px 0 0 20px;
}

#Bank-box ul {
	position:absolute;
	top:56px;
	left:20px;
	width:255px;
	overflow:hidden;
}

#Bank-box ul li {
	float:left;
	width:108px;
	font-size:0px;
	line-height:0px;
	padding:0 10px 4px 0;
}

/* 2012-12-21 Ãß°¡ */

#Banner-box2 {
	position:relative;
	width:383px;
	height:85px;
}
#Banner-box2 ul {
	position:relative;
	padding-top:15px;
	width:383px;
	overflow:hidden;
}

#Banner-box2 ul li {
	float:left;
	width:auto;
	padding:0 20px 0 20px;
}
/* ---------------- */

#Right {
	width:235px;
	float:left;
	margin-top:12px;
}

#Right #Banner-box {
	width:235px;
	background:Red;
}

#Right #Banner-box li {
	font-size:0px;
	line-height:0px;
}

#Right #Product-Search {
	position:relative;
	width:235px;
	height:90px;
	background:url(/assets/img/main/search_bg.gif) no-repeat left top;
}

#Right #Product-Search h2 {
	position:absolute;
	top:15px;
	left:60px;
}


#Right #Product-Search fieldset {
	position:absolute;
	top:56px;
	left:18px;
}

/*#Right #Phone-num {
	position:relative;
	height:196px;
	background:url(/assets/img/main/phone_bg.gif) no-repeat left top;
}

#Right #Phone-num .txt01 {
	position:absolute;
	top:34px;
	left:81px;
}

#Right #Phone-num .txt02 {
	position:absolute;
	top:84px;
	left:81px;
}

#Right #Phone-num .btn {
	position:absolute;
	top:155px;
	left:43px;
}*/

/*2012-06-18 ¼öÁ¤*/
#Right #Phone-num {
	position:relative;
	height:156px;
	background:url(/assets/img/main/phone_bg.gif) no-repeat left top;
}

#Right #Phone-num .txt01 {
	position:absolute;
	top:27px;
	left:81px;
}

#Right #Phone-num .txt02 {
	position:absolute;
	top:68px;
	left:81px;
}

#Right #Phone-num .btn {
	position:absolute;
	top:115px;
	left:43px;
}



/*2012-04-18 Ãß°¡*/
#board2 {
	position:relative;
	width:235px;
	height:148px;
	margin-bottom:14px;
	background:url(/assets/img/main/board2_bg.gif) no-repeat left top;
}

#board2 h2 {position:absolute;top:10px;left:10px;}

#board2 .boardMore {position:absolute;top:10px;right:12px;}
#board2 p {position:absolute;top:33px;left:11px; width:213px; height:104px; border:1px solid #ebebeb;}

/*2013-02-28 Ãß°¡*/
#Middle-Ly-Main {
	position:relative;
	width:100%;
	padding-top:30px;
	margin:0 0 13px 0;
	z-index:10000;
}

#Middle-Ly-Main:after { content:""; clear:both; display:block; }

/*2013-03-04 Ãß°¡*/
#Rolling-banner {	position:relative;	width:235px;	height:245px;	background:url(/assets/img/main/rolling_banner_bg.gif) no-repeat left top;	padding:35px 0 0 0;}
#slider {	position:relative;	width:184px;	height:229px;	margin:0 auto;	overflow:hidden;	}
#slider .banner li {	width:184px; height:46px; float:left;}
#slider .banner li img {	border-bottom:1px solid #ebebeb; }
#Rolling-banner .control {	position:absolute;	top:15px;	right:20px;	font-size:0;}
#Rolling-banner .control img {	margin:0 0 0 3px;}