@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0;padding:0;}
* html {height: 1px;}
html,body {height:100%; color: #444444; font-family:Nanum Gothic,'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim, Sans-serif; text-decoration:none;}


h1,h2,h3,h4,h5,h6{text-align:left;}
ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
ul,li,dd{list-style:none;}
dl,dt,dd {margin:0;}
img{border:none;}
hr{display:none;}
fieldset {border: 0;}
caption {display: none;}
legend{display: none;}
form { margin : 0; }
em {font-style:normal;}
table {border-collapse: collapse; border-spacing:0; border: 0;}
img.btn{cursor:pointer;}
div.hide { display:none;}

a:link,a:visited{text-decoration: none;}
a:hover,a:active{text-decoration: none;}

.button{ height:20px; border-style:ridge; border-color:#d0d0d0; background-color:#dfdfdf; cursor: pointer;}
.noline { border-width:0; }
.none {display:none;}
input, select, textarea {font-family:Nanum Gothic,'나눔고딕',NanumGothic;}


/* form */
/* input {background-color:#fff; border:solid 1px #BDBDBD;	height:15px; }*/
input.none {border:none; }

textarea {overflow-x:hidden; overflow-y:auto; width:100%; margin-top:0; margin-bottom:0; padding-left:4px; background-color:#fff; border:solid 1px #BDBDBD; color:#616161; font-size:13px; line-height:125%;}
select {height:21px;  margin-top:0; margin-bottom:0; padding-left:4px; background-color:#fff; border:solid 1px #BDBDBD; color:#616161; font-size:13px; line-height:125%;}


/* Layout */
body {background:url(../images/bg.png) 0 0 repeat-x;}
#Header {position:relative; width:998px; margin:0 auto 15px; height:147px;}
#Container { clear:both; position:relative; width:998px; margin:0 auto;}
#Footer {clear:both; width:100%; height:110px; border-top:1px solid #d6d6d6; background:#f5f5f5;}
#Snb {float:left; width:190px; margin:0 11px 0 5px;}
#Content {float:left; width:783px; margin:0 9px 0 0;}

.gnb {position:absolute; top:10px; right:18px;}
.gnb ul {}
.gnb li {display:inline;margin:0; padding:0 0 0 10px; background:url(../images/tip.png) left 1px no-repeat; color:#0e0706; font-size:12px; }
.gnb li:first-child{background:none;}
.gnb li.ttbr {color:#89391c; font-weight:bold;}

.logo {position:absolute; top:35px; left:3px;}
.tel {position:absolute; top:53px; left:277px;}
.delivery {position:absolute; top:42px; right:11px;}

.lnb {position:absolute; top:110px; left:0;}
.lnb ul {background:#ff0000;}
.lnb li {float:left; margin:4px 0 0 0;}



.outlogin {border:1px solid #d6d6d6; border-radius:8px;  margin:0 0 12px 0; padding:7px 10px 7px 10px; position:relative;}
.outlogin p.tt {font-size:12px; font-weight:bold; margin:4px 0 7px 2px;}
.outlogin input.inbox {background:#f5f5f5; border:1px solid #c2c2c2; height:22px; margin:0 0 6px 0; width:95px;}
.outlogin input.login {position:absolute; top:30px; right:12px;}
.outlogin p.mb_f {font-size:12px; margin:10px 0 0 7px; letter-spacing:-0.5px;}
.outlogin p.idf {margin:12px 0 13px 0;}
.outlogin p.cash {vertical-align:middle; margin:0 0 12px 0;}
.outlogin p.cash img {vertical-align:middle;}
.outlogin p.btns {margin:0 0 7px 0;}

.snb {}
.snb h2 {margin:0 0 7px 0; padding:5px 0 7px 10px; background:#cae291 url(../images/ar_g.png) 95% 50% no-repeat; font-size:15px; font-weight:bold; color:#000000; letter-spacing:-0.5pt;}
.snb h2.bm15 {margin:0 0 15px 0;}
.snb ul {margin:0 0 15px 0;}
.snb li {font-size:13px; margin:0 0 7px 7px; font-weight:bold;}

.customer {margin:0 0 10px 0;}
.customer img {display:block;}

.notice {}
.notice h2 {margin:0 0 7px 0; padding:0 0 3px 3px; border-bottom:1px solid #787878;}
.notice ul {}
.notice li {padding:3px 0 3px 10px; background:url(../images/dot.png) 0 50% no-repeat; font-size:13px; color:#444444;}

.exchange {margin:14px 0 10px 0;}


.event {float:left; margin:0 11px 0 0;}
.event_s {}
.event_s img {}
.events01 {margin:0 0 11px 0;}

.searchbox {clear:both; margin:10px 0 10px 0; border:1px solid #d6d6d6; background:#f5f5f5; overflow:hidden;}
.search {float:left; margin:15px 0 13px 15px;}
.search input {vertical-align:middle;}
.search_input {height:23px; border:1px solid #d6d6d6; background:#ffffff; width:250px; margin:0 3px 0 0;}
.keyword {margin:21px 15px 13px 355px; font-size:13px; width:415px;}
.keyword span {background:url(../images/s_tip.png) right 0 no-repeat; padding:0 12px 0 0; color:#000000; font-weight:bold; margin:0 3px 0 0;}
.keyword a {margin:0 7px 0 0;}

.goods {margin:0 0 15px 0;}
.goods ul {margin:0 0 0 1px;}
.goods li {display:inline-block; margin:0 1px 3px 0;}
.goods li img {}

.g_special {border-bottom:2px solid #4DA033; padding:0 0 15px 0; overflow:hidden; margin:0 5px 17px 5px;}
.g_special h2 {margin:0 0 15px 8px;}
.g-special ul {margin:0 0 0 -10px;}
.g_special li {float:left; width:138px; margin:0 11px 0 11px;}
.g_special span {display:block; text-align:center;}

.g_new {clear:both; padding:0 0 15px 0; overflow:hidden; margin:0 5px 10px 5px;}
.g_new h2 {margin:0 0 7px 8px;}
.g_new ul {margin:0; border:1px solid #d6d6d6; overflow:hidden; padding:15px 0 7px 0;}
.g_new li {float:left; width:138px; margin:0 11px 0 11px;}
.g_new span {display:block; text-align:center;}

.g_best {clear:both; padding:0 0 15px 0; overflow:hidden; margin:0 5px 5px 5px;}
.g_best h2 {margin:0 0 12px 8px;}
.g_best ul {margin:0; border:1px dashed #999999; overflow:hidden; padding:15px 0 7px 0;}
.g_best li {float:left; width:138px; margin:0 10px 0 10px;}
.g_best span {display:block; text-align:center;}


.g_img {margin:0 0 4px 0;}
.g_pay {color:#ED382D; letter-spacing:-0.5px; margin:0 0 7px 0; font-size:14px; font-weight:bold;}
.g_tt {font-size:13px; color:#313131;}

.famliy {clear:both; margin:0 0 15px 0;}
.famliy a {margin:0 9px 0 10px;}
.famliy img {}


.quick {position:absolute; top:-1px; left:1000px;  width:95px; border:1px solid #d6d6d6; z-index:10;}
.quick h2 { height:20px; margin:0; padding:5px 0 2px 0; background:#313131; border-bottom:1px solid #d6d6d6; font-weight:bold; text-align:center; color:#ffffff;}
.quick ul {margin:10px 0 10px 0;}
.quick li {text-align:center;}
.quick li img {}
.quick p {padding:7px 0 7px 0; border-top:1px solid #d6d6d6; font-size:12px; text-align:center;}
.quick .top {padding:7px 0 7px 0; background:#000000; text-align:center;}


.bottom {position:relative; width:998px; margin:0 auto; background:#ff0000;}
.blogo {position:absolute; top:30px; left:20px;}
.chk {position:absolute; top:35px; left:190px; font-size:13px;}
.chk span {font-weight:bold; color:#000000; margin:0 3px 0 7px;}
.copy {position:absolute; top:55px; left:190px; color:#787878; font-size:11px;}


.stt {margin:0 0 10px 5px;}
.btn04 {padding:4px 8px; background:#999999; border:1px solid #888888; color:#ffffff;}
.btn05 {padding:4px 8px; background:#999999; border:1px solid #888888; color:#ffffff;}
.btn06 {padding:4px 8px; border:1px solid #d6d6d6;}
.btn07 {padding:4px 8px; border:1px solid #7c973c; background:#ADCA68; color:#ffffff; font-weight:bold;}

.item_f_btn {margin:0; padding:0; border:0; background:transparent;}
.item_f_btn img {vertical-align:middle; outline:0; border:0;}
.item_f_btn span {position:absolute; font-size:0; line-height:0; overflow:hidden;}