@charset "utf-8";

/************************************************************************
 * 파일명      : main.css
 * 설명         : 메인
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2009.06.02
  * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr 
************************************************************************/

@import "base.css";
@import "table.css";
@import "layout.css";

/* contents */
.plan_keyword {float:left; width:200px; margin-right:8px;}
.plan {float:left; height:202px; width:200px; background:url('/images/main/bg_plan.gif') no-repeat; overflow:hidden;}
.plan li {display:inline; height:20px;}
.plan li.title {float:left; margin:6px 0 0 10px;}
.plan li.btn {float:right; margin:6px 10px 0 0;}
.plan dd img {width:198px; height:174px; margin:1px;}

.keyword {float:left; width:200px; height:156px; background:url('/images/main/bg_keyword.gif') no-repeat 0 0; overflow:hidden;}
.keyword ul {margin:38px 5px 10px 10px; line-height:180%;}
.keyword li a:link {text-decoration:none;}
.keyword li a:hover {color:#ffffff; background-color:#8d8d8d; text-decoration:none;}
.keyword .k_type1 {padding:0 4px; font-weight:bold; color:#ffffff; padding-top:2px; background-color:#4b70d0; text-decoration:none;}
.keyword .k_type2 {padding:0 4px; font-weight:bold; color:#104f94; font-size:15px; padding-top:2px; text-decoration:none;}
.keyword .k_type3 {padding:0 4px; font-weight:bold; color:#666666; padding-top:2px; text-decoration:none;}
.keyword .k_type4 {padding:0 4px; color:#444444; font-size:12px; padding-top:2px; background-color:#dddddc; text-decoration:none;}
.keyword .k_type5 {padding:0 4px; color:#666666; padding-top:2px; font-size:11px; text-decoration:none;}

/* add */
.add1 {float:left; width:484px; height:366px; margin-right:8px; background:url('/images/main/bg_add1.gif') no-repeat 0 34px; overflow:hidden;}
.add1 ul li {display:inline;}
.add1 ul li.group {float:left; width:121px; text-align:center; margin-top:15px;}
.add1 ul li.group dl.goods {width:105px; margin:0 auto;}
.add1 ul li.group dl.goods dd.g_name {font-family:dotum,Gulim; font-size:11px; margin-top:8px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.add1 ul li.group dl.goods dd img {width:100px; height:100px;}
.add1 ul li.tab a img.over {display:none;}
.add1 ul li.tab a:hover img {display:none;}
.add1 ul li.tab a:hover img.over {display:inline;}

.add2 {float:left; width:200px; height:367px; background:url('/images/main/bg_hit.gif') no-repeat 0 27px; overflow:hidden;}
.add2 .group {margin:0 auto; width:180px;}
.add2 .group dl {height:70px; margin-top:10px;}
.add2 .group dt {float:left; margin-right:8px; padding:1px;}
.add2 .group dt img {width:68px; height:68px; margin:1px;}
.add2 .group dd {text-align:left; font-size:11px; line-height:14px; padding-top:12px; letter-spacing:-1px;}
.add2 ul li.tab a img.over {display:none;}
.add2 ul li.tab a:hover img {display:none;}
.add2 ul li.tab a:hover img.over {display:inline;}

.review {float:left; width:200px;}
.review1 {height:200px; background:url('/images/main/bg_review_1st.gif') no-repeat 0 0; overflow:hidden;}
.review1 .area1 {position:absolute; margin-left:13px; margin-top:90px; width:70px; height:50px; font-size:11px; line-height:14px;}
.review1 .area2 {position:absolute; margin-left:92px; margin-top:40px;}
.review1 .area2 img {width:95px; height:95px;}
.review1 .area3 {position:absolute; margin-left:10px; margin-top:163px; width:180px; height:40px; font-size:11px; line-height:14px;}

.add_new {float:right; width:692px; height:200px; background:url('/images/main/bg_new2.gif') no-repeat 0 0; overflow:hidden;}
.add_new ul {margin-top:30px; margin-left:8px;}
.add_new ul li {display:inline;}
.add_new ul li.group {float:left; width:112px; text-align:center; margin-top:10px;}
.add_new ul li.group dl.goods {width:94px; margin:0 auto;}
.add_new ul li.group dl.goods dd.g_name {font-family:dotum,Gulim; font-size:11px; margin-top:8px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.add_new ul li.group dl.goods dd img {width:90px; height:90px;}

.add_best {float:left; width:900px; height:243px; background:url('/images/main/bg_best.gif') no-repeat 0 0; overflow:hidden; clear:both;}
.add_best ul {margin-top:55px; margin-left:4px;}
.add_best ul li {display:inline;}
.add_best ul li.group {float:left; width:179px; text-align:center;}
.add_best ul li.group dl.goods {width:130px; margin:0 auto;}
.add_best ul li.group dl.goods dd.g_name {font-family:dotum,Gulim; font-size:11px; margin-top:8px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.add_best ul li.group dl.goods dd img {width:130px; height:130px;}

/* callcetner */
.callcenter {width:900px; height:145px; background:url('/images/main/bg_callcenter.gif') no-repeat 0 0; overflow:hidden;}
.callcenter ul li {float:left; display:inline;}
.main_notice {float:left; width:225px;}
.main_qna {float:left; width:225px;}
.main_cus {float:left; width:245px; text-align:center; padding-top:15px;}
.main_quick {float:left; margin-left:15px; margin-top:25px;}
.callcenter_list {width:190px; margin:15px 0 0 15px;}
.callcenter_list ul li {clear:both; display:inline; width:200px;}
.callcenter_list ul li.bu_notice {height:18px; padding-left:10px; background:url('/images/common/icon/bu_arrow_blue2.gif') no-repeat 4px 45%; font-size:11px;}