@charset "euc-kr";



/* content layout */
#content .contentView {padding:0 0 0 0;}
.lcGroup {float:left; width:920px;}
.ccGroup {float:left; width:70px;}


.topMain {background:url('../../imgs/main/visualBg.jpg') no-repeat 0 0; height:270px; zoom:1;}
.topMain:after{content:""; display:block; clear:both;}

/* mdProduct */
.mdProduct {position:relative; float:left; width:265px; margin:30px 0 0 0; height:235px;}
.mdProduct h2 {position:absolute; left:154px; top:26px;}
.mdProduct .control {position:absolute; right:11px; top:191px;}
.mdProduct .control li {float:left; padding:0 3px 0 0; line-height:0; font-size:0;}
.mdProduct .list {line-height:0; font-size:0;}

.mainVisual {float:left; padding:24px 27px 0 16px;}

.mainCategory {float:left; padding:37px 0 0 0;}
.mainCategory ul li {line-height:0; font-size:0;}
.topBnr {padding:16px 0 0 0;}


/* mainBoard */
.mainBoard {float:left; width:240px; padding:6px 30px 0 0; _padding:6px 20px 0 0;}
.mainBoard1 {position:relative; padding:5px 0 0 10px; width:240px; height:105px; background:url('../../imgs/main/noticeBg.gif') no-repeat 10px 26px;}
.mainBoard1 h2 {padding:0 0 0 0;}
.mainBoard1 .more {position:absolute; right:0; top:5px}
.mainBoard1 ul {padding:17px 0 0 0;}
.mainBoard1 ul li a {display:block; background:url('../../imgs/main/noticeDot.gif') no-repeat 5px 7px; padding:0 0 0 13px; height:20px; font-family:Gulim; color:#666666;}

.mainBoard2 {position:relative; padding:5px 0 0 10px; width:240px; height:95px;  background:url('../../imgs/main/noticeBg.gif') no-repeat 10px 26px;}
.mainBoard2 h2 {padding:0 0 0 0;}
.mainBoard2 .more {position:absolute; right:0; top:5px}
.mainBoard2 ul {padding:17px 0 0 0;}
.mainBoard2 ul li a {display:block; background:url('../../imgs/main/noticeDot.gif') no-repeat 5px 7px; padding:0 0 0 13px; height:20px; font-family:Gulim; color:#666666;}



/* bestProduct */
.bestProduct {position:relative; float:left; height:215px; width:650px; overflow:hidden;}
.bestProduct h2 {position:absolute; left:13px; top:7px;}
.bestProduct ul.list {zoom:1; padding:32px 0 0 0;}
.bestProduct ul.list:after{content:""; display:block; clear:both;}
.bestProduct ul.list li {float:left; padding:0 9px; text-align:center; line-height:18px; _line-height:22px;}
.bestProduct ul.list li a {display:block; width:144px; height:183px; background:url('../../imgs/main/bestProductBg1.gif') no-repeat 2px 0;}
.bestProduct ul.list li a:hover {background:url('../../imgs/main/bestProductBg2.gif') no-repeat 2px 0;}
.bestProduct ul.list li span {font-weight:bold; color:#cc232a;}


.bestProduct ul.list2 {zoom:1; padding:32px 0 0 0; display:none;}
.bestProduct ul.list2:after{content:""; display:block; clear:both;}
.bestProduct ul.list2 li {float:left; padding:0 9px; text-align:center; line-height:18px; _line-height:22px;}
.bestProduct ul.list2 li a {display:block; width:144px; height:183px; background:url('../../imgs/main/bestProductBg1.gif') no-repeat 2px 0;}
.bestProduct ul.list2 li a:hover {background:url('../../imgs/main/bestProductBg2.gif') no-repeat 2px 0;}
.bestProduct ul.list2 li span {font-weight:bold; color:#cc232a;}


.bestProduct .btn {position:absolute; left:536px; top:5px;}
.bestProduct .btn ul {zoom:1;}
.bestProduct .btn ul:after{content:""; display:block; clear:both;}
.bestProduct .btn ul li {float:left; padding:0 0 0 6px;}
.bestProduct .btn ul li.next {padding:0 0 0 870px;}

.mainCateList {padding:28px 0 27px 6px; _padding:28px 0 5px 6px;}

.mainCate {position:relative; float:left; background:url('../../imgs/main/mainCateBg.gif') no-repeat 0 0; width:450px; height:390px; overflow:hidden;}
.mainCate h2 {padding:0 0 0 5px;}
.mainCate .imgs {position:absolute; left:5px; top:43px;}
.mainCate .more {position:absolute; right:12px; top:6px}
.mainCate ul {zoom:1; padding:0 0 0 17px;}
.mainCate ul:after{content:""; display:block; clear:both;}
.mainCate ul li {position:relative; float:left; padding:10px 12px 0 12px; text-align:center; line-height:18px; _line-height:22px; width:110px;}
.mainCate ul li.first {padding:0 0 14px 270px;}
.mainCate ul li.first img {border:none;}
.mainCate ul li .cateImg {width:108px; height:105px; border:1px solid #e1e1e1; margin:0 0 4px 0;}
.mainCate ul li span {font-weight:bold; color:#cc232a;}


.notice {float:left; position:relative; margin:5px 0 0 10px; _margin:5px 0 0 5px; width:240px; height:110px; background:url('../../imgs/main/noticeBg.gif') repeat-x 0 23px;}
.notice h2 {padding:0 0 0 0;}
.notice .more {position:absolute; right:2px; top:3px}
.notice ul {padding:18px 0 0 0;}
.notice ul li a {display:block; background:url('../../imgs/main/noticeDot.gif') no-repeat 5px 5px; padding:0 0 0 13px; height:20px; font-family:Gulim; color:#666666;}


.footBnr {float:left; padding:6px 0 0 51px; width:340px;}
.footBnr ul {zoom:1;}
.footBnr ul:after{content:""; display:block; clear:both;}
.footBnr ul li {float:left; padding:0 5px 0 0;}

.customer {float:left; padding:0 0 0 40px;}
.customer ul li.list1 {padding:0 0 7px 0; height:46px; width:230px; border-bottom:1px solid #8f8f8f; background:url('../../imgs/main/customer1.gif') no-repeat 0 0;}
.customer ul li.list2 {border:none; padding:7px 0 0 0; height:46px; width:218px; background:url('../../imgs/main/customer2.gif') no-repeat 0 7px;}
.customer ul li .tel a {display:block; padding:4px 0 0 55px; color:#ffffcc; font-size:16px; font-family:tahoma; font-weight:bold; letter-spacing:1px;}
.customer ul li .time a {display:block; padding:0 0 0 55px; color:#dedede; font-size:12px; font-family:tahoma; font-weight:bold;}

.customer ul li .num a {display:block; padding:4px 0 2px 55px; color:#ffffff; font-size:13px; font-family:tahoma; font-weight:bold; letter-spacing:-0.8px;}
.customer ul li .num a span {font-family:dotum;}
.customer ul li .company a {display:block; padding:0 0 0 55px; color:#dedede; font-size:12px; font-family:tahoma; font-weight:bold;}