/*base*/   
body {margin:0; padding:0; text-align:left; font-family:Dotum, Gulim, Lucida Grande, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#666; background:url(/mall/images/bg.gif) repeat-x left top;}
hr {display:none; clear:both;} 
fieldset {border:none;}      
dl,ul,ol,li {list-style: none;}      
h1,h2,h3,h4,h5,th,td, p, div, blockquote, form, fieldset, legend, dl, dt, dd {margin:0px;padding:0px;}
table {border-collapse:collapse;}
input,select,textarea {font-size:100%;}
body,th,td {font-size:12px;}
img {border:none;}
img.png24 {tmp:expression(setPng24(this));}

a:link, a:visited { text-decoration:none; color:#666;} 
a:hover, a:active {color:#4b9302; text-decoration:none;}

html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{font-size:12px; color:#666; line-height:130%;}

/* align */
.left, f_left {float:left;}
.right,f_right {float:right;}
.both, c_both {clear:both;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}

/* margin padding */
.m0 {margin:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mr10{margin-right:10px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.p0 {padding:0px !important;}
.p5 {padding:5px !important;}
.p15 {padding:15px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb30 {padding-bottom:30px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.h20 {height:20px;}

/* width */
.w331 {width:331px;}
.w375 {width:375px;}
.w419 {width:419px;}
.w360 {width:360px;}
.italic {font-family: "바탕", "바탕체";}

input, textarea {border:1px solid #aeb69f;}
input.radio {border:0px;}

img.mid {vertical-align:middle;}
img.top {vertical-align:top;}
img.bottom {vertical-align:bottom;}

/*font*/
.f_red {color:#CC0033;}
.f_green {color:#63750d;}
.f_blue {color:#333399;}

/* common */
body.main_bg {background:url(/mall/images/bg_main.jpg);}
/*logo*/
#logo {position:absolute; left:20px; top:16px;}
/* global */
#global {position:absolute; left: 270px; top:11px; width:700px;}
#global ul.topmenu {float:right; list-style:none; margin:0px; padding:0px;}
#global ul.topmenu li {float:left; padding:0px 8px 0px 7px; font-size:11px;}
#global ul.topmenu li.no_bg {background:none; padding-right:0px;}
#global ul.topmenu li a {font-size:11px; color:#777;}
#global ul.topmenu li a:link, .global ul.menu li a:visited {text-decoration:none;}
#global ul.topmenu li a:hover, .global ul.menu li a:active {color:#64a338;}
/*menu*/
#menu {position:absolute; left:370px; top:50px; width:630px; z-index:10;}
#menu ul {padding:0px; margin:0px;}
#gnavigation {float:left; height:60px; overflow:hidden; padding:0px;}
#gnavigation li {float:left; padding:0px 27px; width:auto; display:block;}
#gnavigation li.menu1 {padding-left:0px;}
#gnavigation li.menu5 {padding-right:0px;}
#gnavigation li ul {position:absolute; top:40px; display:none;}
#gnavigation li ul li a {padding:0px}
#gnavigation li ul li{padding:0px;}
#gnavigation li.menu1 ul {left:-24px; width:386px;}
#gnavigation li.menu2 ul {left:94px; width:270px;}
#gnavigation li.menu3 ul {left:226px; width:215px;}
#gnavigation li.menu4 ul {left:349px; width:213px;}
#gnavigation li.menu5 ul {left:112px; width:466px;}
.gnavigation_etc{position:absolute;top:7px;left:491px;}
.gnavigation_etc ul li{float:left; width:auto;}
.gnavigation_etc ul li.menu_potal{padding:0 19px 0 25px;}

/*main*/
#wrap {width:100%; margin:0; padding:0; text-align:center;}
#main_warp {position:relative; width:970px; height:790px; margin:0px auto; text-align:left; background:url(/mall/images/main/bg.jpg) no-repeat center top;}
#topWrap {width:990px; height:90px; margin:0px auto;}
#copyWrap {clear:both; width:100%; text-align:center; padding-top:150px; background:url(/mall/images/footer_bg.gif) no-repeat center top;}
#main_img {position:absolute; left:120px; top:1px; width:600px; height:256px; z-index:0;}
#m_left {float:left; width:235px; padding-left:5px; z-index:5;}
#m_right {float:left; width:730px; height:700px; position:relative; z-index:5;}
#m_right_left {float:left; width:580px; position:relative; z-index:5;}
#m_right_right {float:right; width:120px; padding-top:255px; z-index:5;}
h3.main_title {padding:0px; margin:0px;}
#main_notice {width:235px; height:110px; margin-top:90px; z-index:10;}
#main_free {width:235px; height:110px; margin-top:45px; z-index:10;}
#main_photo {width:235px; height:100px; margin-top:45px; z-index:10;}
#main_quick {width:235px; padding-top:35px;}
#main_quick ul {float:left; margin:10px 0px 0px 0px; padding:0px; font-size:0px; line-height:0px;}
#main_quick ul li {float:left; padding:0px; margin:0px; width:58px; height:60px;}
#main_center {width:369px; height:217px; position:absolute; left:345px; top:83px; z-index:9;}
#main_text {margin:270px 0px 0px 98px; width:315px; height:122px;} 
#main_brand {position:absolute; z-index:10px; left:440px; top:336px; width:130px; height:127px;}
#main_best {width:488px; height:200px; padding:84px 0px 0px 74px;}
.main_best_list {width:464px; padding:27px 0px 0px 12px;}
.main_best_link a {font-weight:normal;}
.main_best_link a:link, .main_best a:active, .main_best a:visited { text-decoration: none;}
.main_best_link a:hover {text-decoration: none; color: #69b003;}
td.mb_product {border:2px solid #d0d0d0; background:#fff;}
#main_cafe {width:120px; height:65px; margin:0px; z-index:10;}
#banner_product {width:100px; height:315px; margin-top:33px; padding-left:20px;}
#banner_product ul {margin:0px; padding:0px;}
#banner_product ul li {width:100px; height:100px; padding-top:6px; font-size:0px;}
#footerWrap {clear:both; width:970px; margin:0px auto; padding-bottom:30px; text-align:left;}
#footerWrap .copy_logo {float:left; width:220px; text-align:center; padding:4px 0px; border-right:1px solid #eeeeee;}
#footerWrap .copy_info {float:left; padding:0px 0px 0px 32px;}

/* lately skin */
dl.main_lately {padding:0px; margin:10px 0px 0px 0px; height:85px; }
dl.main_lately dt {float:left; width:155px; line-height:160%; background:url(/mall/skin/latest/skin1/icon_dot.gif) no-repeat left 7px; padding-left:7px; height:23px;}
dl.main_lately dd {float:right; width:70px; padding:0px; margin:0px; text-align:right;}
dl.main_lately dt.no_data {text-align:center; padding:20px 0px; background-image:none;}
/*#main_free dl dd {float:right; width:80px; padding:0px; margin:0px; text-align:right;}*/
#main_free dl dt.no_data {text-align:center; padding:20px 0px; background-image:none;}

/*sub*/
#wrap_sub {position:relative; width:970px; height:autopx; margin:0px auto; text-align:left; background:url(/mall/images/sub/bg.jpg) no-repeat left top;}
#conWrap_sub {clear:both; position:relative; width:970px; margin:0px auto; text-align:left; padding-top:147px; padding-bottom:20px;}
#sub_img {clear:both; position:absolute; left:0px; top:91px;}
#sub_left {width:240px; float:left; padding-bottom:25px; position:relative;}
h2.menu_title {position:absolute; left:10px; top:-78px; z-index:10;}
#leftmenu {padding:30px 0px 0px 63px; width:134px; min-height:174px; _height:174px; height:auto !importan;}
.sub_leftmenu {}
#sb_center {clear:both; padding:50px 0px 0px 5px;}
#sub_right {float:right; width:730px; min-height:350px; _height:350px;}
#sub_loction {width:730px; height:60px;}
h3.sub_title {float:left; color:#3c5a27; font-weight:bold; font-size:14px; padding-top:31px;}
h3.sub_title div {color:#3c5a27; font-weight:bold; font-size:14px;}
#sub_loction .navi {float:right; text-align:right; padding:15px 0px 0px 0px; font-size:11px;}
span.navi_page {color:#d37e48; font-weight:bold;}
#sub_con {padding-top:30px; text-align:left; width:730px;} 
.sub_leftmenu_t {padding:30px 0px 0px 63px; width:134px;}
.sub_leftmenu_t a {font-size:12px; font-weight: bold; height:25px; width:134px; display:block; line-height:25px; border-bottom:1px solid #ddd; padding-left:25px;}
.sub_leftmenu_t a:link, .sub_leftmenu_t a:visited {text-decoration: none;}
.sub_leftmenu_t a:hover, .sub_leftmenu_t a:active {text-decoration: none; color: #fff; background:#69b003;}
#footerWrap_sub {clear:both; position:relative; width:100%; background:url(/mall/images/sub_copy_bg.jpg) no-repeat center top; padding-top:117px; height:91px;}
#copyWrap_sub {width:990px; margin:0px auto; position:relative;} 
#copyWrap_sub .copy_logo {float:left; width:220px; text-align:center; padding:8px 0px; border-right:1px solid #eeeeee;}
#copyWrap_sub .copy_info {float:left; padding:17px 0px 0px 35px;}
#sub_quick {background:url(/mall/skin/layout/skin1/images/sub/quickmenu_bg.gif) no-repeat left top; width:65px; height:389px; position:absolute; left:1006px; top:243px; text-align:center;}
#sub_quick h5 {margin-top:7px; text-align:center; height:37px;}
#sub_quick ul {margin:0px; padding:0px;}
#sub_quick li {margin:0px; padding:0px 0px 11px 0px; font-size:0px;}

/* sitemap*/
table.sitemap td {padding:0px 10px; width:230px;}

/* bbs_skin */
.th {text-align:center; padding:0px 4px; border-top:2px solid #63750d; border-bottom:1px solid #bbb; font-weight:bold;}
.td {text-align:center; padding:4px; border-bottom:1px solid #ccc;}

table.form {border-top:2px solid #63750d; border-bottom:2px solid #ccc; background:#f5f5f5;}
table.form th {background:#eee; color:#5d564d; text-align:left; padding:4px 10px;}
table.form td {text-align:left; padding:4px;}/*10px;*/
table.form td span.red {color:#FF0000;}

table.view {border-top:2px solid #63750d; border-bottom:1px solid #ccc;}
table.view th {border-bottom:1px solid #ccc;}
td.b_line {border-bottom:1px solid #ccc;}
td.t_line {border-top:1px solid #ccc;}
td.bg_th {background-color:none; border-right:1px solid #ccc;}
td.bg_td {}

table.photo {border-bottom:2px solid #ccc; border-top:2px solid #63750d;}

/* menu3 */
td.list_photo {background:#fff; border:1px solid #ccc; text-align:center; vertical-align:middle; padding:10px;}
td.gallery a img {text-align:center;}

h4.list_ex {color:#63750d; font-size:14px; padding-bottom:5px; border-bottom:2px solid #63750d; text-align:left;}
dl.list_ex {padding:0px; margin:5px 0px 0px 0px; text-align:left;}
dl.list_ex dt {float:left; width:100px; line-height:150%; font-weight:bold; background:url(/mall/images/icon_dot.gif) no-repeat left 3px; padding-left:18px;}
dl.list_ex dd {float:left; padding:0px; margin:0px; width:200px; line-height:150%;}
dl.list_ex_2 {padding:0px; margin:5px 0px 0px 0px; width:340px;}
dl.list_ex_2 dt {float:left; width:105px; line-height:150%; font-weight:bold; background:url(/mall/images/icon_dot.gif) no-repeat -5px 3px; padding-left:10px;}
dl.list_ex_2 dd {float:left; padding:0px; margin:0px; width:220px; line-height:150%;}

table.board {border-top:2px solid #63750d;}
table.board th {color:#555; text-align:center; padding:5px; border-bottom:1px solid #bbb; font-weight:bold;}
table.board td {text-align:center; padding:4px; border-bottom:1px solid #ccc;}
table.board td .left {text-align:left;}
table.board td.left {text-align:left;}

table.board_re {border-top:2px solid #63750d;}
table.board_re th {background:#ebe0c8; color:#5d564d; text-align:center; padding:4px; border-bottom:1px solid #63750d;}
table.board_re td {text-align:left; padding:4px; border-bottom:1px solid #63750d; background:#f7f4ec;}

table.board_2 {}
table.board_2 th {background:url(/mall/images/common/th_bg.gif); color:#5d564d; text-align:center; padding:4px; border-bottom:1px solid #beb198;}
table.board_2 td {text-align:center; padding:4px; border-bottom:1px solid #63750d;}
table.board_2 td .left {text-align:left;}

img.border_photo {border:1px solid #beb198;}

div.con {width:710px;}
div.con_detail {width:710px; margin:15px auto; text-align:left;}

table.board_form {border-top:2px solid #63750d; border-bottom:2px solid #ccc;}
table.board_form th {background:#f1eee8; color:#5d564d; text-align:left; padding:4px 10px;}
table.board_form td {text-align:left; padding:4px 10px; background:#fbfaf8;}
th.right_line {border-right:1px solid #ccc;}
td.right_line {border-right:1px solid #ccc;}
th.th_bg {background:#ebe0c8 url(/mall/images/th_bg.gif);}

.price {color:#FF3300; font-weight:bold;}
.price_red {color:#FF0000; font-weight:bold;}

/* con */
h4.img {padding:0px; margin:0px; padding-bottom:15px;}
h5.con { background:url(/mall/images/icon_h5.gif) no-repeat left 21px; padding-left:12px; color:#555; padding-top:20px; padding-bottom:10px; font-size:12px;}
h5.con_mt0 { background:url(/mall/images/icon_h5.gif) no-repeat left 2px; padding-left:12px; color:#555; padding-top:0px; padding-bottom:20px; font-size:12px;}
h5.con_basic { background:url(/mall/images/icon_h5_b.gif) no-repeat left 2px; padding-left:12px; color:#555; font-size:12px;}
h4.con { background:url(/mall/images/icon_h4.gif) no-repeat left -1px; padding-left:22px; padding-top:2px; color:#15130d; padding-bottom:10px; font-size:14px;}

ul.list {list-style:none; margin:5px 0px 0px 0px; padding:0px;}
ul.list li {background:url(/mall/images/icon_dot.gif) no-repeat left 1px; padding-left:15px;}

ul.basic {list-style:none; margin:0px; padding:0px;}
ul.basic li {margin:0px; padding:0px; text-align:justify;}
ul.basic li.pt10 {padding-top:10px;}

ul.dot {list-style:none; margin:0px; padding:0px;}
ul.dot li {background:url(/mall/images/icon_dot.gif) no-repeat left 1px; margin:0px; padding:0px 0px 0px 15px; text-align:justify; font-weight:normal;}
ul.dot li.pt10 {padding-top:6px; background:url(/mall/images/icon_dot.gif) no-repeat left 7px;}

.tab {background:url(/mall/images/contents/tab_bg.gif) bottom repeat-x; height:30px;}

table.wallpaper {border:3px solid #69b003; background:#f5f5f5; text-align:center;}
table.wallpaper td {padding:10px 3px;}

/* market */
.list_product {width:150px; height:150px; float:left; border:1px solid #ccc; background:#fff; margin-right:10px;}
.amount {font-weight:bold; color:#a2c304;}

/* login */
.con_login {width:440px; margin:0px auto; text-align:left;}
table.login {border:0px solid #63750d; background:#eee; text-align:left;}
table.login td {padding:10px;}
table.login table td {padding:2px 10px;}
div.login {border:5px solid #63750d; text-align:center; padding:10px;}
table.board_login {text-align:left;}
table.board_login th, table.board_login td {padding:2px 4px; text-align:left;}
#joinus {margin-top:30px;}
#joinus .l_join {float:left; width:50%; background:url(/mall/skin/member/skin1/img/bg_line.gif) repeat-y right top;}
#joinus .l_join p {padding:10px 0px 10px 60px; margin:0px 45px; background:url(/mall/skin/member/skin1/img/bg_l_join.gif) no-repeat left bottom;}
#joinus .r_find {float:left; width:50%;}
#joinus .r_find p {padding:10px 0px 10px 60px; margin:0px 45px; background:url(/mall/skin/member/skin1/img/bg_r_find.gif) no-repeat left bottom;}

/* mypage */
h4.mypage {color:#15130d; padding-bottom:10px; font-size:14px;}

table.board_mypage {border:3px solid #63750d;}
table.board_mypage th {text-align:left; padding:4px;}
table.board_mypage td {text-align:left; padding:4px 6px;}
.bold {font-weight:bold;}

/*member*/
table.board_member {border-top:2px solid #63750d;}
table.board_member th {background:#f5f5f5; text-align:left; padding:4px 10px; border-bottom:1px solid #ccc;}
table.board_member td {text-align:left; padding:4px 10px; border-bottom:1px solid #ccc;}

/* cart */
.category {border:5px solid #63750d; padding:10px 20px; line-height:200%;}
.category a:link, .category a:visited { text-decoration:none; color:#63750d; font-weight: bold; }
.category a:hover, .category a:active { text-decoration:underline; color:#a2c304; font-weight: bold;}

.border_top {border-top:2px solid #63750d;}
.border_bottom {border-bottom:1px solid #63750d;}

.sale {padding-top:10px; text-align:left; color:#333; line-height:160%;}
.sale .b {font-weight:bold; color:#84492b; text-decoration:underline;}

/* menu5_sub1 */
.explain {border:2px solid #63750d; padding:20px; background:url(/mall/images/common/login_bg.gif);}
.help_banner {text-align:center; margin-top:20px; padding:20px;}
.help_banner img {border:1px solid #ccc; margin:0px 10px;}

/* menu5_sub6 */
img.border {border:1px solid #ccc;}
.bg_down {padding-top:10px; text-align:center;}
/* link */
.product a:link, .product a:visited {text-decoration: none; color:#4b9302;}
.product a:hover, .product a:active {text-decoration: underline; color:#ff0000;}
.amount a:link, .amount a:visited {text-decoration: none; color:#df3224;}
.amount a:hover, .amount a:active {text-decoration: none; color:#4b9302;}

/* qna */
.qna_search {border:2px solid #beb198; padding:15px; background:#f4eddd;}

/* pop_page */
.popup {width:100%; height:100%; background:#fff;}
.pop_title {color:#d9ddeb; background:#001d7a; text-align:left; padding:10px 15px; font-size:16px; font-weight:bold;}
table.pop {border-top:2px solid #001d7a;}
table.pop th {border:1px solid #001d7a; background:#536bb2; padding:3px; text-align:center; font-weight:normal; color:#FFFFFF}
table.pop td {border:1px solid #001d7a; background:#fff; padding:3px; text-align:left;}
table.pop td.center {text-align:center;}


/* contents_greeting */
#greeting {width:100%;}
#greeting .left {float:left; width:264px; height:200px;}
#greeting .right {float:right; width:434px; height:200px;}

#rl_center {width:600px; height:auto; margin:10px auto 0px auto;}

.intro_img {width:100%; height:280px;}
.photo_left {float:left; width:360px; text-align:center;}
.photo_right {float:right; width:360px; text-align:center;}

/*center*/
.center_guide {clear:both; margin-top:10px;}
.center_guide p {float:left; width:200px; height:150px; padding:0 10px 0 0;}
.center_guide div.ex_right {float:left; width:520px; height:150px;}

/*cafe*/
ul.cafe {margin:0; padding:0;} 
ul.cafe li {float:left; width:240px; margin-left:3px; text-align:center;}
ul.cafe li a {display:block; width:240px; background:#e0e5c9; color:#708314; line-height:25px; height:25px;}
ul.cafe li a:hover {background:#8aa73d; font-weight:bold; color:#fff;}
ul.cafe li a.on {background:#8aa73d; font-weight:bold; color:#fff;}

/* bbs_view_comment */
.comment_list {border-bottom:1px solid #ddd; padding:10px 15px;}
.comment_list .comment_info {border-bottom:1px dotted #ddd; padding-bottom:5px;}
.comment_list .comment_con {padding-top:10px; line-height:150%;}

table.comment {}
table.comment td {border-bottom:1px solid #ddd; padding:5px; text-align:center;}
table.comment td.info {background:#f9f9f9; padding:5px 10px;}
table.comment td.info dl dt {float:left; width:70px;}
table.comment td.info dl dd {float:left; width:100px;}
table.comment td textarea {border:1px solid #ddd; width:100%; line-height:130%;}