@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {font-family:'³ª´®°íµñ','Nanum Gothic','dotum';color:#444;font-size:14px;padding:0px;margin:0px;}
html {overflow-y:scroll}
html, body {width:100%;min-width:1150px}
body{overflow-x:visible !important}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top}
ul, ol, dl, dd, dt, li {list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
img {border:0;vertical-align:top;outline:none}
input {margin:0;vertical-align:middle;color:#888}
select {margin:0;vertical-align:middle;color:#888}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}


#wrap {}
#tnb {width: 100%; height: 28px; background:#e6e4df; text-align:right; border-bottom: 1px #d6d3cb solid;}
#toplink{width:1024px; margin:auto;}
#toplink ul {float:right;}
#toplink li {float:left; padding-left: 20px; font-size: 10pt; line-height:28px;}
#toplink a:link, #toplink a:visited, #toplink a:focus ,  #toplink a:active {color:#696969;text-decoration:none; }
#toplink a:hover {font-weight:bold;}




#main_wrapper {width: 1024px; margin:auto; padding-top: 20px;}
#category {width: 196px; border: 2px #01793b solid; margin-bottom: 13px;}





/* ¸ÞÀθ޴º */

#topmenu { background:url(/images/bg_topmenu.jpg) repeat-x;}
#topmenubox {width: 1024px ; margin:auto;}
h1 {background:#fff ; padding : 0 20px 0 0; width: 280px;}


#gnb {position:relative;margin:-65px 0 0 365px ; float:left; }
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;zoom:1;font-size:1.2em;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0;height:35px;font-weight:bold;line-height:1.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
/*.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff} */
.gnb_2dul {display:none;position:absolute;top:30px;padding-top:10px; width: 500px; }
.gnb_2da {display:block;padding:10px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {color:#222}
.gnb_1dli_on .gnb_2da {color:#222}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#2955bb;font-weight: bold}
.gnb_1dli_over .gnb_2dul {display:block;left:0;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;}
.gnb_2dli { float: left;}
#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

.noview{display:none;}

#lnb {float:left; width: 200px; margin-right: 20px;}
#mainbanner {float:left;}

#categoryTit {background-color:#01793b; text-align:center; padding-top: 10px; height: 35px;}
#category ul{padding: 0 10px 0 10px;}
#category li{heigth: 44px; border-bottom:1px #ddd solid; padding-top: 8px; padding-bottom: 7px; text-align:center;}
#category a{display:block;}

#mainbanner:after {display:block;visibility:hidden;clear:both;content:""}  
#main_wrapper:after {display:block;visibility:hidden;clear:both;content:""}  

#itembox {margin-top: 30px; width: 1024px;}

#bestitem {height: 285px;}
#bestitem li {float:left; padding-left: 17px; height: 265px;}
#bestitem li:first-child {padding-left:0px;}
#bestitem:after {display:block;visibility:hidden;clear:both;content:""}  

.productName {text-align:center; padding-top: 10px;}
.productName a:link, .productName a:visited, .productName a:focus ,  .productName a:active ,.productName a:hover{color : #313131; text-decoration:none; }
.price{color: #e53325;font-weight: bold; line-height:25px;}

#newitem {margin-top: 0px;height: 285px;}
#newitem li {float:left; padding-right: 17px; height: 265px;}
#newitem li+li+li+li {padding-right:0px;}
#newitem:after {display:block;visibility:hidden;clear:both;content:""}  

#recomitem {margin-top: 0px;height: 285px;}
#recomitem li {float:left; padding-left: 17px; height: 265px;}
#recomitem li:first-child {padding-left:0px;}
#recomitem:after {display:block;visibility:hidden;clear:both;content:""}  


#bottom_bbs {width: 1024px; margin:auto; padding-top: 40px;}
#main_notice {float:left; width: 250px; padding-top:10px;}
#main_qna  {float:right; width: 250px; padding-top:10px;}
#maintel{float:left;width: 510px;}

#main_notice ul{margin:10px 10px 0 8px;}
#main_qna ul{margin:10px 10px 0 12px;}
.mainGap {position:relative;display:inline-block;height:220px;padding:0 0 0 10px;}
.haccpmark{position:absolute;bottom:0;right:0;}

#bottom_bbs:after {display:block;visibility:hidden;clear:both;content:""}  

#ft{width: 100%; background-color:#eeeeee; border-top: #ddd 1px solid; margin-top: 40px; height:180px;}
#ft_copy {width: 1024px; margin:auto; auto; }
#ft_logo {float:left; width: 240px; text-align:center; padding-top:15px;}
#addr {float:left; padding-top:20px; line-height:25px; width: 750px; }



/**/

#subimg { min-width:1150px; height:155px; position:relative; overflow:hidden;  }
#subimg img { width:1950px; margin:15px 0 0 -970px; position:absolute; top:0; left:50%; }

#container {width: 1024px; margin:auto; padding-top: 20px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}  


#insa {width: 780px; float:left; margin:30px 0 0 20px;}
#outlineBox {width: 780px; float:left; margin:30px 0 0 20px;}
#outlineBox:after {display:block;visibility:hidden;clear:both;content:""}  
#subTit {height: 50px; border-bottom: 1px #b4b4b4 solid; margin-bottom: 20px;}

.mapAddr table{border-top: 2px #7b6c64 solid; margin:30px 0 0 3px;}
.mapAddr td{line-height: 34px; border-bottom: 1px solid #dad6d2; padding-left: 20px;}
.mapAddr th{background: #f6f5f5; width: 140px; height: 34px; font-weight: bold; border-bottom: 1px solid #dad6d2; text-align: center; line-height: 34px; color: #654838;}


/* ¼îÇθô */

#shop {width: 780px; float:left; margin:0 0 0 20px; min-height:600px;}

.pic_box{ border: 1px solid #dcdcdc; width: 310px; height: 310px; background: #ffffff; text-align: center; position: relative;}
.p_tit { color: #d83023; font-size: 13pt; font-weight: bold; padding: 5px 0 10px 20px; text-align: left; background:url(/images/icon_dot2.png) 0 5px  no-repeat;}
.thum_box {border:1px solid #dcdcdc; width:80px; margin-left:5px;float : left;}
.thum_box1 {margin:auto; width: 175px;}
.point {color:#d83023; font-weight:bold;}

#shop > table .spec {width:100%; background:#ffffff; border-top:#afa296 1px solid}
#shop > table .spec td{padding:6px 10px; border-bottom:#cac1b9 1px solid; text-align:left}
#shop > table th {background:#e7e5d9; font-weight:bold; color:#564a40;  border-bottom:#cac1b9 1px solid; text-align:left; padding:6px 0 6px 0}
.big_view {padding:20px 0 10px 0; text-align:center}
.box1 {border:1px solid #d6d6d6; background:#f7f7f7; height:16px}
.box2 {border:1px solid #d6d6d6; background:#f7f7f7;}
.detail {border:1px #dcdcdc solid; padding:10px; margin:13px 20px 25px 10px; background:#ffffff; line-height:160%; text-align:left}
.detail li{background-color:#fff;}

.list {width:760px; padding:15px 15px 15px 0;}
.list .product {float:left; width:242px; text-align:center; vertical-align:top; padding-bottom:12px; margin-left: 10px;}
.list .product .subject {padding-top:6px; line-height:160%}
.list .product .subject .price {color:#e53325; font-weight:bold;}

.bgprice {background:url(/images/icon_price.gif) 2px no-repeat; padding-left: 20px;}
.productimg {border:1px #ddd solid;display:block;}


#cart {width:780px; border-top:2px solid #afa296; margin:auto;}
#cart table {width: 100%;}
#cart th {background:#e7e5d9; color:#564a40; font-weight:bold; height:33px; line-height:30px;}
#cart td {padding:4px 6px; border-bottom:1px solid #cac1b9; text-align:center}
.sum {width:720px;  height:100px; text-align:right; padding-top:20px; line-height:20px;}

#cart td {display: table-cell; vertical-align: inherit;}

.o_tit {width:720px; padding-top:10px; text-align:left}

.order {width:780px; border-top:2px solid #6d6d6d; margin-top: 5px; margin-bottom: 25px;}
.order table {width: 100%;}
.order td {border-bottom:1px solid #d6d6d6; padding:5px 8px;  vertical-align:middle;}
.order th {width: 120px; border-bottom:1px solid #d6d6d6; padding:5px 8px; text-align:right; height:30px; background-color:#f7f7f7; vertical-align:middle;}
.order .point {color:#F30;}


.list_tit {font-size:12pt; color:#3f840a; font-weight:bold; text-align:left}
.list_top{width:770px; padding:4px 6px; text-align:right; background:#e7e5d9; border-top:1px solid #afa296}

.block .join td .box2 {border:1px solid #d6d6d6; background:#f7f7f7;}
.page_num {width:780px; height:40px; text-align:center; clear:both; padding-top: 20px;}



/* ȸ¿ø°ü¸® */

.memberlogin {background:url(/images/member/bg_login1.gif) no-repeat; width: 720px; height:140px; padding: 40px 20px 20px 40px; margin-left: 40px; margin-top: 5px;}
.loginsubtit {padding-left: 40px;}
.nomemberlogin {background:url(/images/member/bg_login2.gif) no-repeat; width: 720px; height:100px; margin-left: 40px; margin-top: 5px;padding-bottom: 20px;}

.nomemberlogin td {display: table-cell; vertical-align: inherit;}

.box1 {border:1px solid #d6d6d6; background:#f7f7f7; height:16px}

#block td, #block th {display: table-cell; vertical-align: inherit;}
.block {padding:10px 0 30px 15px; text-align:left}
.block .if{width:730px; height:235px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-top:2px solid #6d6d6d; border-bottom:1px solid #6d6d6d;}
.block .agree{padding-top:6px}

.block .join{width:730px; height:235px; border-top:2px solid #6d6d6d; border-bottom:1px solid #6d6d6d;}
.block .join td {border-bottom:1px solid #d6d6d6; padding:5px 8px;  vertical-align:middle;}
.block .join th {width: 120px;}
.block th {border-bottom:1px solid #d6d6d6; padding:5px 8px; text-align:right; height:30px; background-color:#f7f7f7; vertical-align:middle;}
.block .join .left {width:130px; text-align:right; padding-right:12px; font-weight:bold; color:#5d5d5d;}
.block .join .left .point {color:#F30;}
.block .join td .box1 {border:1px solid #d6d6d6; background:#f7f7f7; height:16px}
.block .join td .box2 {border:1px solid #d6d6d6; background:#f7f7f7;}


.guide {width: 756px; padding: 12px; border-top: 2px solid #6d6d6d; border-bottom: 1px solid #6d6d6d; line-height: 160%; }
.guide h5 {color: #3a921f;font-weight: bold; font-size:14px; padding:20px 0 10px 0;}
.guide > p{background-color:#fff; }


/* °í°´¼¾ÅÍ */

#bbs_tit table {border-top:2px solid #c9c9c9; }
#bbs_tit td{text-align:center; height:30px; background-color:#f3f3f3;border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:3px 0 3px 0; font-weight:bold; }
#bbs_con td{text-align:center; height:30px; border-bottom:1px solid #c9c9c9; padding:3px 0 3px 0;}
#bbs_tit td , #bbs_con td {display: table-cell; vertical-align: inherit;}
#bbs_con a:link, #bbs_con a:visited, #bbs_con a:focus ,  #bbs_con a:active {color : #313131; text-decoration:none; }
#bbs_con a:hover{text-decoration:underline;}
#bbs_con {margin-bottom: 20px;}

.bbs_navi{height: 13px; border-collapse: collapse; margin: 0 auto;}
.bbs_navi td{padding: 5px; font-size:12px;}
.bbs_navi a:link, .bbs_navi a:visited, .bbs_navi a:focus ,  .bbs_navi a:active , .bbs_navi a:hover{text-decoration:none;}

.on {font-weight: bold; text-decoration: underline;}

#bbs_view {border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-top: 2px solid #c9c9c9;}

#bbs_view .view_tit {background-color: #f9f9fa; height: 79px; padding: 3px 26px 0; text-align: left; display: table-cell; vertical-align: inherit; }
#bbs_view .tit {display: block;margin-bottom: 7px;color: #333;font-size: 15px;line-height: 20px;}
#bbs_view .date {color: #909296; font-weight: 100; font-size:11px;}
.bbs_view_content {height: 400px; border-bottom: 1px solid #c9c9c9; padding:25px;}
.bbs_btnR { text-align:right; padding: 10px 0 10px 0; }
.bbs_btnR a{margin-left: 5px;}


#bbs_write table {border-top:2px solid #c9c9c9; }
#bbs_write th { background-color:#f3f3f3; border-bottom:1px solid #c9c9c9;  height:30px;}
#bbs_write td{text-align:left; height:30px; border-bottom:1px solid #c9c9c9; padding:3px 0 3px 10px; font-weight:bold;}
#bbs_write th ,#bbs_write td {display: table-cell; vertical-align: inherit;}

.bbscon {padding: 20px;}



#clearbox {clear:both; width:0; height:0;}
.topmargin70 {margin-top:70px;}
.topmargin40 {margin-top:40px;}
.topmargin20 {margin-top:20px;}
.topmargin10 {margin-top:10px;}
.bottommargin20 {margin-bottom:20px;}
.toppadding20 {padding-top: 20px;}
.bottompadding20 {padding-bottom: 20px;}

.txcenter {width: 750px; text-align:center; margin:auto;}