@charset "utf-8";

/*
------------------------------------------------------------------------------------
.파일명      :  main.css
.작업시작    :  2008/08/01
.최종수정일  :  2008/08/02
.작업자      :  장성민
.내용        :  main
------------------------------------------------------------------------------------
*/

/* Common Style
------------------------------------------------------------------------------------ */
html {margin:0; padding:0; _overflow:scroll; _overflow-x:auto;}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul, li {list-style:none; padding:0; margin:0;}
form, fieldset, img, abbr,acronym {border:0;}
select, input, option, textarea {vertical-align:middle; font:12px gulim, dotum, 굴림, 돋움, arial, sans-serif;}
label {cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
em {font-style:normal;}
img {vertical-align:top;}
legend, hr, .skip {display:none;}
.clear {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.png {_behavior:url(/common/png/iepngfix.htc);}


/* Common Font/ Anchor
------------------------------------------------------------------------------------ */
body {font:12px gulim, dotum, 굴림, 돋움, arial, sans-serif; color:#888176; _text-align:center; background:url(/images/common/body_bg_top_all.gif) repeat-x left top;}
#event {position:relative; width:900px; margin:0 auto; _text-align:left; _height:1%; left:-50px;}

#ally {position:relative; width:900px; margin:0 auto; _text-align:left; _height:0%; left:-50px;}

#wrap {position:relative; width:900px; margin:0 auto; _text-align:left; _height:1%; left:-50px;}


/* Normal Anchor */
a {color:#888176; text-decoration:none }
a:link, a:visited {color:#888176; text-decoration:none;}
a:hover, a:active {color:#888176; text-decoration:underline;}


/* Header
------------------------------------------------------------------------------------ */
#header {position:relative; height:95px;}
#header h1 {padding:34px 0 0 3px;}
#header .lnb {position:absolute; top:18px; right:210px;}
#header .lnb li {float:left; padding:0 10px 0 10px; background:url(/images/common/line_01.gif) no-repeat right 1px;}
#header .lnb li.end {background:none;}
#header fieldset {position:absolute; top:13px; right:0;}
#header fieldset input {width:145px; height:15px; padding:5px 0 0 20px; border:1px solid #cadc36; background:#edf388 url(/images/common/icon_zoom_01.gif) no-repeat 4px 3px; font:11px dotum; color:#a9a713;}
#header .gnb {position:absolute; top:40px; right:0;}
#header .event {position:absolute; top:0px; right:0;}


/* Point
------------------------------------------------------------------------------------ */
#point {position:relative; height:355px; z-index:10;}
#point p {position:absolute; top:0; right:0;}

/* Notice */
.notice {position:absolute; top:310px; right:0; width:322px; height:55px;}
.notice .box {width:322px; height:55px; background:url(/images/main/top_notice_bg_all.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/main/top_notice_bg_all.png', sizingMethod='crop'); _position:static;}
.notice h3 {padding:28px 0 0 12px;}
.notice ul {position:absolute; top:27px; left:72px; height:17px; overflow:hidden;}
.notice ul li a {font-weight:bold; color:#fff !important; line-height:2; position:relative; letter-spacing:-1px;}


/* Container
------------------------------------------------------------------------------------ */
#container {position:relative; width:900px; background:url(/images/main/container_bg_top.gif) repeat-x left top; z-index:20;}
#content {}

/* Side Contents Wrap
------------------------------------------------------------------------------------ */
#content .scw {float:left; width:195px; height:467px; padding:15px 0 0 15px; background:url(/images/main/scw_bg_left_2.gif) no-repeat left top;}
#content .scw h3 {}
#content .scw p {margin-bottom:15px;}

/* Content
------------------------------------------------------------------------------------ */
#content .scr {float:right; width:680px;}
#content .scr .event {position:relative; width:385px; height:149px; padding:18px 30px; margin-top:15px; background:url(/images/main/event_all_bg.gif) no-repeat;}
#content .scr .event h3 {margin-bottom:7px;}
#content .scr .event dl {width:140px; text-align:center;}
#content .scr .event dl dd {font:11px dotum,"돋움"; margin-top:7px; line-height:1.4;}
#content .scr .event ul {position:absolute; top:30px; right:0; width:255px;}
#content .scr .event ul li {line-height:1.6; padding-left:8px; background:url(/images/common/icon_arrow_02.gif) no-repeat left 6px;}
#content .scr .event ul li a.new {padding-right:13px; background:url(/images/common/icon_new_02.gif) no-repeat right 0px;}

/* Best Review */
#content .scr .review {position:absolute; top:5px; right:0; width:220px; height:205px; background:url(/images/main/best_review_bg_bottom.gif) no-repeat left bottom;}
#content .scr .review dl {width:190px; height:68px; margin:0 15px 10px 15px; padding-top:2px; background:url(/images/common/dotline_01.gif) repeat-x left bottom; position:relative;}
#content .scr .review dl.end {background:none; _height:55px;}
#content .scr .review dl dt {padding:0 0 3px 70px;}
#content .scr .review dl dt a {font:bold 11px dotum; color:#72581e;}
#content .scr .review dl dd {padding:0 0 0 70px; font:11px/1.3 dotum;}
#content .scr .review dl dd.photo {padding:0; position:absolute; top:0; left:0;}

/* Best Product */
#content .scr .bestProduct {width:680px; padding:15px 0 0px 0; overflow:hidden;}
#content .scr .bestProduct h3 {padding-bottom:10px; border-bottom:1px solid #ecebe7;}
#content .scr .bestProduct dl {float:left; width:160px; padding:10px 5px 0 5px;}
#content .scr .bestProduct dl dt {margin-bottom:10px;}
#content .scr .bestProduct dl dd.title {margin-bottom:10px; line-height:1.4;}
#content .scr .bestProduct dl dd.price strong {margin-right:15px; color:#FE770A;}
#content .scr .bestProduct dl dd.price img {vertical-align:middle; position:relative; top:-2px;}
#content .scr .bestProduct dl dd.price em {color:#807058;}
/*#content .scr .product ul {position:absolute; top:15px; right:0;}
#content .scr .product ul li {float:left; padding:0 5px 0 4px; background:url(/images/common/line_02.gif) no-repeat right 4px;}
#content .scr .product ul li.end {padding-right:0; background:none;}
#content .scr .product ul ul {position:absolute; top:47px; left:-434px; width:645px; height:180px; padding-left:15px; background:url(/images/main/product_bg_all.gif) repeat-y left top;}
#content .scr .product ul ul li {padding:0 1px 0 0; background:url(/images/common/line_04.gif) no-repeat right 7px;}*/

/* Normal Product */
#content .nmProduct {position:relative; clear:both; padding:30px 0 18px 0; background:url(/images/main/nmproduct_bg_bottom.gif) no-repeat left top; overflow:hidden; _zoom:1;}
#content .nmProduct dl {float:left; width:160px; padding:10px 7px 0 7px;}
#content .nmProduct dl dt {margin-bottom:10px;}
#content .nmProduct dl dd.title {margin-bottom:10px; line-height:1.4;}
#content .nmProduct dl dd.price strong {margin-right:15px; color:#FE770A;}
#content .nmProduct dl dd.price img {vertical-align:middle; position:relative; top:-2px;}
#content .nmProduct dl dd.price em {color:#807058;}
#content .nmProduct ul {position:absolute; top:40px; right:15px;}


/* 하단배너 2011 11 04
------------------------------------------------------------------------------------ */
#addbanner{margin:0; width:900px; height:180px}



/* Group
------------------------------------------------------------------------------------ */
#group {clear:both; margin-top:15px; width:900px; height:180px; background:#eff5df url(/images/main/group_bg_all.gif) no-repeat left top; _float:left;}
*:first-child+html #group {float:left;}

/* 고객센터 */
.customer {float:left; width:207px; margin-left:15px; padding-right:9px; background:url(/images/main/group_bg_line_01.gif) no-repeat right 12px; _display:inline;}
.customer h3 {padding:13px 0 8px 0;}
.customer dl {width:197px; height:120px; padding:13px 0 0 10px; background:url(/images/main/customer_bg_all.gif) no-repeat left top;}
.customer dl dd {font:11px dotum; padding:7px 0 8px 14px; line-height:1.4;}

/* Hot Stuff */
.hotStuff {float:left; width:420px; margin-left:9px; padding-right:9px; background:url(/images/main/group_bg_line_01.gif) no-repeat right 12px; _display:inline;}
.hotStuff h3 {padding:13px 0 8px 0;}
.hotStuff ul li {float:left;}

/* 게시판 */
.board {float:left; width:207px; margin-left:9px; _display:inline; position:relative;}
.board ul li {float:left; padding:8px 4px 0 0; margin-right:3px; background:url(/images/common/line_05.gif) no-repeat right 12px;}
.board ul li.end {background:none;}
.board ul ul {position:absolute; top:35px; left:0; width:197px; height:120px; padding:13px 0 0 10px; background:url(/images/main/customer_bg_all.gif) no-repeat left top; overflow:hidden;}
.board ul ul li {float:none; white-space:nowrap; padding:0 0 0 6px; line-height:1.8; background:url(/images/common/bullet_01.gif) no-repeat left 9px;}
.board p.more {position:absolute; top:20px; right:0px;}
.input6    {font-size: 13px;border:1px solid #F93;background-color:#ffffff;height:20px;padding-top:3px;color:#939494;}
.input7    {font-size: 14px;border:1px solid #F90;background-color:#ffffff;height:20px; size:35; padding-top:0px;color:#939494;}
.input8    {font-size: 24px; font-weight:bold; border:2px solid #F93;background-color:#ffffff;color:#F60; height:48px}



/* Map
------------------------------------------------------------------------------------ */
#map {clear:both; width:900px; height:186px; margin-top:30px; background:url(/images/main/map_deco_1.jpg) no-repeat right top;}
#map * {font:11px dotum;}
#map dl {width:850px; margin:0 25px; _zoom:1; overflow:hidden;}
#map dl dt {float:left; width:100px; height:21px; padding-top:8px; background:url(/images/common/dotline_02.gif) repeat-x left bottom; clear:left;}
#map dl dd {float:left; width:570px; height:20px; padding-top:9px; background:url(/images/common/dotline_02.gif) repeat-x left bottom;}
#map dl dd ul li {display:inline; padding:0 8px 0 3px; _padding:0 3px 0 6px; background:url(/images/common/line_06.gif) no-repeat right 0;}
*:first-child+html #map dl dd ul li {padding:0 3px 0 6px;}
#map dl dd ul li.end {background:none; padding-right:0;}
#map dl dt.wide {clear:none; width:670px;}
#map dl dt.wide a {margin-right:65px;}
#map dl dd.wide {width:700px;}
#map dl dt.odd {clear:none;}
#map dl dd.odd {width:190px;}
#map dl dd.odd a.odd {padding-left:7px;}
#map dl dd.odd.line {width:280px;}


/* Footer
------------------------------------------------------------------------------------ */
#footer {width:900px; height:150px; background:url(/images/main/footer_bg_all.gif) no-repeat left top; position:relative;}
#footer ul.fnb {position:absolute; top:20px; left:80px;}
#footer ul.fnb li {float:left; padding:0 18px 0 17px; background:url(/images/common/line_03.gif) no-repeat right top;}
#footer ul.fnb li.end {background:none;}
#footer dl {position:absolute; top:18px; right:100px; font:11px verdana, gulim; z-index:1000;}
#footer dl dt a {display:block; width:147px; height:15px; padding:1px 20px 0 3px; border:1px solid #d7d1ca; background:#fafafa url(/images/common/select_arrow_01.gif) no-repeat right top;}
#footer dl dt a:hover {text-decoration:none;}
#footer dl ul {border:1px solid #d7d1ca; padding:4px 5px; background-color:#fff; position:relative; top:-1px;}
#footer dl ul li {line-height:1.5;}
#footer ul.odd {position:absolute; top:45px; right:30px;}
#footer ul.odd li {display:inline; margin:0 10px;}
#footer div {position:absolute; top:100px; left:80px; width:780px;}
#footer div p.mark {position:absolute; top:0; right:0;}
#footer div address {position:absolute; top:0; left:200px;}
#footer p.mTopMove {position:absolute; top:3px; right:3px;}


/* Widget
------------------------------------------------------------------------------------ */
#widget {position:absolute; top:70px; right:-120px;}
#widget * {font:11px dotum;}
#widget h3 {margin-bottom:3px;}
#widget .cart {width:84px; margin-bottom:5px; background:url(/images/common/widget_cart_bg_all.gif) repeat-y left top;}
#widget .cart ul {width:60px; padding-left:10px;}
#widget .cart ul li {border-bottom:1px solid #f1f1f1;}
#widget .cart p {padding-left:10px;}
#widget .cart p.total {width:80px; padding:5px 0 5px 0px; text-align:center;}
#widget .cart p.total strong {color:#fc8414;}
#widget .cart p.basket {padding:0 0 15px 8px; background:url(/images/common/widget_cart_bg_bottom.gif) no-repeat left bottom;}


/* Point Info
------------------------------------------------------------------------------------ */
.pointInfo {position:relative; height:43px; z-index:1000;}
.pointInfo .infoAd {position:absolute; width:480px; top:0; right:20px; padding:0 10px 1px 0; height:42px; background:url(/images/common/point_info_line_1.gif) no-repeat left bottom; text-align:right;}
.pointInfo .infoAd p {text-align:right; margin-top:8px;}
.pointInfo .infoAd dl {position:absolute; top:23px; left:10px; width:400px; text-align:left;}
.pointInfo .infoAd dl dt {float:left; margin-right:5px;}
.pointInfo .infoAd dl dd {font:11px dotum, "돋움"; letter-spacing:-1px;}

/* Category View
------------------------------------------------------------------------------------ */
.cateView .list {position:absolute; left:12px; width:174px; height:700px; padding:15px 3px 0 3px; background:url(/images/common/cate_layer_all_bg.gif) no-repeat left top; z-index:1000; font:11px dotum, "돋움";}
.cateView .list .health {}
.cateView .list .health dd {padding:5px 0 0 25px;}
.cateView .list .health dd ul li ul {padding:5px 10px 0 9px;}
.cateView .list .health dd ul li ul li {display:inline; line-height:1.4; color:#d1cbc0;}

.cateView .list .skin {margin-top:8px;}
.cateView .list .skin dl {padding:5px 0 0 12px;}
.cateView .list .skin dl dd {padding:0 0 0 13px;}

.cateView .list .living {margin-top:8px;}
.cateView .list .living dd {padding:5px 0 0 25px;}