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

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{font-size:100%;vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
caption {font-size:0;line-height:0;visibility:hidden}
label {cursor:pointer;vertical-align:middle;}
/* For Apple Mobile Only */
body{background-color:#fff;-webkit-text-size-adjust:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;border-radius:0}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;border-radius:0}
a {color:#010101;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
header, footer, nav, menu, article, section {display:block;margin:0;padding:0;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.3;color:#010101;font-family:'Nanum Gothic', '나눔 고딕', 'Malgun Gothic', '맑은 고딕', sans-serif;}
.clearfix:after { contnt:"."; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { display: inline-block; }



/* layout */
.hidden {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
#sub {width:100%;height:100%;min-width:320px;}
/* intro */
#intro {width:100%;min-width:320px;padding-bottom:230px;background-color: #faf3e8;}
#intro #wrapper {position:relative;width:100%;}
#intro .top {width:100%;padding-top:0%;text-align:center;}
#intro .btm {position:fixed;left:0;bottom:0;width:100%;padding-bottom:15px;text-align:center;background:url(../images/bg_btm_ptn.png) repeat;}
#intro .btm p {padding:28px 0;font-size:16px;color:#5a3e21;}
#intro .btm .bt {display:block;width:60%;margin:0 20% 15px;padding:10px 0;color:#a17553;text-align:center;background-color:#000;}
#intro h1 {font-weight:normal;color:#fff;font-size:24px;text-align:center;line-height:1.2;}
#intro h1 img {width:100%;max-width:523px;}
#intro .logo {width:100%;margin-top:40px;text-align:center;}
#intro #bg_intro {position:fixed; top:0; left:0;width: 100%; min-width: 100%; min-height: 100%;z-index: -100;}

#sub {width:100%;}

#side {position:fixed;right:-280px;top:0;overflow-x:visible;overflow-y:visible;width:280px;height:100%;background:#c6beb6;}
#side .menu {padding-top:15%;margin:0 20px;}
#side .menu li {width:100%;padding:10px 0;}
#side .menu li img {width:100%;max-width:522px;}

#container {position:relative;right:0;width:100%;max-width:720px;margin:0 auto;}

/* menu */
.bt_menu_show {position:fixed;right:7%;bottom:10%;z-index:3;}
.bt_menu_show img, .bt_menu_hide img{width:44px;}
.bt_menu_hide {display:none;position:fixed;right:270px;bottom:10%;}



/* coupon */
.sub_coupon {padding-top:20px;background:url(../images/bg_sub1.jpg) repeat;background-size:100%;}
.wrap_coupon {width:100%;height:100%;padding:20px 0;}
.sub_coupon #wrapper {padding:0;}
.wrap_coupon #header {/*position:fixed;left:0;top:0;z-index:2;width:100%;*/}
.wrap_coupon #header h1 {width:100%;text-align:center;font-size:0;line-height:0;}
.wrap_coupon #header h1 img {width:100%;}
.wrap_coupon #container {height:90%;background:url(../images/bg_contents1.png) repeat-y;background-size:100% 100%;}
.wrap_coupon #contents {position:relative;z-index:3;width:82%;height:100%;min-height:100%;margin:-15px auto 0;padding:0px 9% 0;}
.wrap_coupon h2 {width:88%;margin:20px 7% 10px;color:#5d5d5d;font-size:14px;font-weight:bold;}
.product {position:relative;width:88%;margin:0 6%;padding:10px 0 46px;overflow:hidden;}
.product h3 {float:left;width:34%;}
.product h3 img {width:100%;max-width:214px;}
.product .info {float:left;width:63%;margin-left:3%;font-size:13px;padding-top: 10px;}
.product .info .name {display:block;padding-bottom:5px;color:#5d5d5d;}
.product .info .price {display:block;padding-bottom:5px;color:#f50000;}
.product .info .date {display:block;color:#5d5d5d;}
.product .info .key {position:absolute;left:0;bottom:0;display:block;width:98%;padding:5px 0;text-align:center;color:#ad8464;font-size:14px;font-weight:bold;border:1px solid #eae7de;background-color:#faf9ef;}
.guide {position:relative;width:99.7%;}
.guide h3 {width:100%;background-color:#f7f5f4;border-top:1px solid #c6beb6;border-bottom:1px solid #c6beb6;}
.guide h3 a {display:block;width:88%;padding:8px 6% 6px;}
.guide h3 img {width:100%;max-width:504px;}
.guide h3.tip {width:100%;padding-bottom:5px;background-color:transparent;border:0 none;text-align:left;}
.guide h3.tip a {width:54%;}
.guide h3.tip img {width:100%;max-width:300px;}
.guide .inner {padding:0 0 6%;text-align:center;}
.guide .inner p , .slide_barcode_wrap{padding:5% 12% 0;font-size:0;line-height:0;border-top:0px solid #c6beb6;}
.slide_barcode_wrap {overflow: hidden;padding-top:20px;}
/*.slide_barcode {width: 100%; }*/


.guide .inner p.first {border-top:0 none;}
.guide .inner p .key {display:block;padding:2% 0 5%;font-size:13px;line-height:1.3;}
.guide div.tip {padding:0 5% 5%;text-align:left;color:#7a5b3b;font-size:12px;}
.guide div.tip li {text-indent:-7px;padding-left:7px;}
.guide .stamp img {width:100%;max-width:359px;margin:0 auto;}
.guide .barcode img {width:100%;max-width:404px;margin:0 auto;}
.ico_confirm, .ico_complete {position:absolute;left:50%;top:0%;width:170px;height:170px;margin-left:-77px;}
.ico_confirm img, .ico_complete img {width:100%;}
.coupon_list {width:92%;height:340px;overflow-x:hidden;overflow-y:auto;margin:0px auto;}
.coupon_list li {position:relative;padding:14px 0;overflow:hidden;border-bottom:1px solid #c8c8c8;background:url(../images/bg_check_off.gif) no-repeat 97.4% center;background-size:49px 49px;}
.coupon_list li.on {background:url(../images/bg_check_on.gif) no-repeat 97.4% center;background-size:49px 49px;}
.coupon_list li a {display:block;padding:0 3%;overflow:hidden;}
.coupon_list li .tmb {float:left;width:27%;margin-right:3%;}
.coupon_list li .tmb img {width:100%;max-width:210px;}
.coupon_list li p {float:left;width:70%;}
.coupon_list li .name {display:block;color:#5d5d5d;font-size:12px;}
.coupon_list li .price {display:block;color:#f50000;font-size:12px;}
.coupon_list li .date {display:block;color:#5d5d5d;font-size:12px;letter-spacing:-1px;}
.bt_order3 {position:fixed;width:82%;max-width:590px;bottom:20px;height:94px;background-color:#c6beb6;}
.bt_order3 a {display:block;padding:15px 0 0 24px;}
.bt_order3 img {width:201px;}

.inner_stamp {display: none;}
.inner_stamp.on {display: block;}
.inner_barcode {display: none;}
.inner_barcode.on {display: block;}
.inner_tip {display: none;}
.inner_tip.on {display: block;}

/* order */
.sub_order {padding:50px 0 60px;}
.sub_order #wrapper {width:100%;}
body.order2 {background-color:#f9f9f9;}
.sub_order #header {position:fixed;left:0;top:0;z-index:2;width:100%;height:35px;padding:15px 0 0;border-bottom:1px solid #ae9e8d;background-color:#fff;}
.sub_order #header h1 {width:100%;color:#7a5b3b;font-size:16px;text-align:center;}
.sub_order #header .back {position:absolute;left:0;top:0;}
.sub_order #header .back a {display:block;padding:17px 17px;}
.sub_order #header .position {position:absolute;right:0;top:0;}
.sub_order #header .position a {display:block;padding:18px 16px 0;color:#968472;font-size:13px;}
.sub_order #header .position img {display:inline-blick;margin-top:-3px;margin-right:3px;vertical-align:middle;}
.sub_order #contents {position:relative;z-index:1;background-color:transparent;}
.search {width:100%;overflow:hidden;background-color:#5c4024;}
.search input.text {float:left;width:80%;height:44px;padding:3px 0 0 16px;font-size:14px;border:0 none;color:#fff;background-color:transparent;}
.search input.image {float:right;border:0 none;background-color:transparent;}
.search_map {width:100%;}
.shop_list {}
.shop_list li {padding:16px 0;border-bottom:1px solid #c8c8c8;background:url(../images/bg_check_off.gif) no-repeat 97.4% center;background-size:49px 49px;}
.shop_list li.on {background:url(../images/bg_check_on.gif) no-repeat 97.4% center;background-size:49px 49px;}
.shop_list li a {display:block;padding:0 3%;}
.shop_list li strong {display:block;padding-bottom:3px;font-size:14px;color:#393734;}
.shop_list li span {font-size:11px;color:#a4a4a4;}
.bt_order {position:fixed;left:0;bottom:0;width:100%;height:50px;overflow:hidden;background-color:#ba9765;}
.bt_order a {display:block;padding:16px 0;color:#fff;font-size:14px;text-align:center;}
.bt_order img {display:inline-block;margin-top:-1px;margin-right:7px;vertical-align:middle;}
.bt_order .mobile {float:left;width:50%;}
.bt_order .mobile img {margin-top:-2px;}
.bt_order .online {float:left;width:100%;border-left:1px solid #cdb58f;}
.bt_order2 {background-color:#202020;}
.bt_order2 .cancel {float:left;width:50%;}
.bt_order2 .order {float:left;width:49%;border-left:1px solid #62625f;}
.selected_shop {position:relative;width:90%;padding:0 5% 15px;background:url(../images/bg_sub2.jpg) repeat;background-size:cover;}
.selected_shop h2 {position:absolute;left:5%;top:15px;}
.selected_shop p {padding:15px 0 0 64px;font-size:12px;color:#b0afad;}
.selected_shop p strong {display:block;padding-bottom:3px;color:#fff;font-size:14px;}
.input_info {width:86%;margin:0 auto;padding:40px 0 10px;background-color:transparent;}
.input_info .name {padding-bottom:12px;color:#ad8464;font-size:13px;}
.input_info .name strong {margin-left:10px;font-weight:normal;color:#9f9e9e;}
.input_info input.text {width:96%;margin-bottom:5px;padding:9px 1.5%;color:#939393;font-size:14px;background-color:#fff;border:1px solid #c8c8c8;}
.order_note {width:86%;margin:0 auto;}
.order_note h2 img {width:100%;max-width:558px;}
.order_note .desc {display:none;padding-top:6px;}
.order_note .desc li {padding:2px 0;text-indent:-8px;padding-left:8px;color:#636363;font-size:12px;}
.order_note .desc li strong {color:#795548;}
.order_note .desc li strong.line {text-decoration:underline;}
.note_on .desc {display:block;}
.complete_msg {width:100%;padding:30px 0 20px;text-align:center;background:url(../images/bg_sub3.jpg) repeat;background-size:cover;}
.complete_msg h2 {padding-bottom:7px;color:#fff;font-size:17px;}
.complete_msg p {padding-bottom:10px;color:#ad8464;font-size:12px;}
.order_info {width:90%;margin:0 auto;padding:25px 0 30px;}
.order_info li {width:100%;padding:1px 0;overflow:hidden;}
.order_info li strong {float:left;width:60px;font-size:13px;color:#000;}
.order_info li span {float:left;width:77%;font-size:13px;color:#636363;}
.mask {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.6;z-index:5;}
.pop_layer {position:fixed;left:0;top:0;width:100%;text-align:center;z-index:5;}
.pop_layer .pop_contents {position:fixed;left:50%;top:30%;z-index:6;width:280px;margin-left:-140px;background-color:#fff;}
.pop_layer h1 {padding-top:26px;font-size:16px;color:#ba9765;}
.pop_layer .bt_sec {margin-top:23px;border-top:1px solid #c4c4c4;text-align:center;}
.pop_layer .bt_sec a {display:block;padding:13px 0;color:#5b5b5b;font-size:16px;}
.pop_layer .bt2 a {float:left;width:50%;}
.pop_layer .bt2 a.line {width:49%;border-left:1px solid #c4c4c4;}
.pop_layer p{padding-top:10px;color:#939393;font-size:12px;}

/* buy */
.sub_buy {padding:50px 0 60px;background-color:#f7f5f4;}
body.buy2 {background-color:#fff;}
.sub_buy #header {position:fixed;left:0;top:0;z-index:2;width:100%;height:35px;padding:15px 0 0;border-bottom:1px solid #ae9e8d;background-color:#fff;}
.sub_buy #header h1 {width:100%;color:#7a5b3b;font-size:16px;text-align:center;}
.sub_buy #header .back {position:absolute;left:0;top:0;}
.sub_buy #header .back a {display:block;padding:17px 17px;}
.order_list {width:98%;overflow:hidden;padding:2.5% 1%;}
.order_list li {float:left;width:47%;margin:0 1.5%;padding-bottom:13px;text-align:center;}
.order_list li .select {position:relative;display:block;width:100%;max-width:328px;height:100%;margin:0 auto;font-size:0;line-height:0;text-align:center;background-color:red;}
.order_list li .tmb img {width:100%;max-width:328px;border:1px solid #c1bfbe;cursor:pointer;}
.order_list li .name {display:block;padding:8px 0 0;color:#5c4024;font-size:13px;}
.order_list li .price {display:block;color:#e30101;font-size:12px;}
.order_list li .count {display:inline-block;display:none;position:absolute;left:1px;top:1px;width:100%;height:100%;background:url(../images/bg_ptn1.png) repeat;}
.order_list li .count .num {position:absolute;left:0;top:40%;display:inline-block;width:100%;line-height:1;color:#fff;font-size:30px;font-weight:bold;text-align:center;}
.order_list li .count .plus {position:absolute;right:9%;top:40%;display:block;width:32px;height:32px;}
.order_list li .count .minus {position:absolute;left:9%;top:40%;display:block;width:32px;height:32px;}
.order_list li .count img {width:32px;}
.my_order {width:100%;background-color:#faf9ef;}
.my_order h2 {padding:10px 0 10px 12px;color:#fff;font-size:13px;background-color:#b5a696;}
.my_order li {position:relative;padding:13px 0;text-align:right;border-bottom:1px solid #cdc5b6;color:#939393;}
.my_order li strong {position:absolute;left:12px;top:13px;}
.my_order li.info1 strong {color:#5c4024;}
.my_order li.info2 {color:#e30101;}
.my_order li .contact {display:block;padding:3px 12px 0;text-align:left;font-size:12px;}
.my_order li .count {margin-right:20px;}
.my_order li .price {margin-right:12px;}
.pay_info {padding:24px 12px;}
.pay_info h2 {font-size:13px;color:#b5a696;}
.pay_info .info1 {display:block;padding:10px 0;}
.pay_info label {display:inline-block;color:#5c4024;}
.pay_info .info2 p {padding-left:37px;color:#939393;font-size:12px;}
.pay_info .info3 p {display:none;padding:10px 25px 5px;color:#939393;font-size:12px;}
.pay_info .info3 {position:relative;padding:10px 0;}
.pay_info .info3 .bt_view {position:absolute;right:0;top:10px;}
.pay_info .info3 .bt_view img {width:60px;}
.pay_info .layer_on p {display:block;}
.pay_complete {width:90%;padding:20px 5%;text-align:center;background:url(../images/bg_sub2.jpg) repeat;background-size:cover;}
.pay_complete p {color:#fff;font-size:17px;}
.pay_complete p img {margin-right:8px;vertical-align:middle;}
.pay_result {width:90%;margin:0 auto;padding:25px 0 30px;}
.pay_result li {width:100%;padding:3px 0;overflow:hidden;}
.pay_result li strong {float:left;width:60px;font-size:13px;color:#000;}
.pay_result li span {float:left;width:67%;font-size:13px;color:#636363; text-align: left;}
.pay_result.ordersheet_pop {background-color: #fff; text-align: left; padding:22px 0 17px;}
.pay_result.ordersheet_pop strong {padding-left: 5px;}
.pay_result.ordersheet_pop li span {text-indent: 10px;}
.pop_contents.ordersheet_pop_wrap {background-color: transparent;top:10%;}
div.ordersheet_top {width: 100%; padding:20px 0 10px;position: relative;}
div.ordersheet_top span {position: absolute; top:15px; left:15px; color:#5c4024; font-size: 17px; font-weight: 600;}
div.ordersheet_top a {position: absolute; top:17px; right: 15px; text-decoration: underline;color:#bf9f5b;}
.bt_order .buy {float:left;width:50%;}
.bt_order .buy img {margin-top:-2px;}
.bt_order .present {float:left;width:49%;border-left:1px solid #cdb58f;}

/* gift */
.sub_gift {padding:50px 0 60px;background-color:#f7f5f4;}
body.gift2 {background-color:#fff;}
.sub_gift #header {position:fixed;left:0;top:0;z-index:2;width:100%;height:35px;padding:15px 0 0;border-bottom:1px solid #ae9e8d;background-color:#fff;}
.sub_gift #header h1 {width:100%;color:#7a5b3b;font-size:16px;text-align:center;}
.sub_gift #header .back {position:absolute;left:0;top:0;}
.sub_gift #header .back a {display:block;padding:17px 17px;}
.tab {width:100%;padding:15px 0;text-align:center;color:#fff;background-color:#5c4024;}
.tab ul {}
.tab li {position:relative;float:left;width:50%;background-color:#5c4024;}
.tab li a {color:#78614a;}
.tab_send1 .send2 {width:49%;border-left:1px solid #7d6650;}
.tab_send2 .send1 {width:49%;border-right:1px solid #7d6650;}
.tab li .bg {position:absolute;left:50%;bottom:-28px;display:inline-block;width:12px;margin-left:-6px;}
.tab li .bg img {width:12px;}
.gift_info {width:80%;margin:0 auto;padding:30px 0 10px;}
.gift_info h2 {padding:12px 0;text-align:center;color:#fff;font-size:16px;background-color:#b5a696;border-radius:25px;}
.gift_info h3 {height:28px;padding-top:30px;font-size:13px;color:#393734;border-bottom:1px solid #ccc;}
.gift_info .input {position:relative;padding:25px 0;}
.gift_info .input input.text {width:100%;margin-bottom:6px;padding:9px 0%;color:#939393;font-size:14px;background-color:#fff;border:1px solid #c8c8c8;}
.gift_info .input .name input.text {margin-left:0px;border:1px solid #393734;box-sizing:border-box;-webkit-box-sizing:border-box;}
.gift_info .input .same {position:absolute;right:0;top:-40px;display:inline-block;padding:6px 16px;text-align:center;color:#fff;background-color:#c6c6c6;border-radius:15px;}
.gift_info .input .same img {width:12px;margin-right:8px;vertical-align:middle;}
.gift_info .input .same_on {background-color:#e30101;}

/* keep */
.sub_keep {padding:50px 0 0;background-color:#fbf4ea;background: url(../images/bg_intro.jpg) center top; background-size: cover;}
.sub_keep #header {position:fixed;left:0;top:0;z-index:2;width:100%;height:35px;padding:15px 0 0;border-bottom:1px solid #ae9e8d;background-color:#fff;}
.sub_keep #header h1 {width:100%;color:#7a5b3b;font-size:16px;text-align:center;}
.sub_keep #header .back {position:absolute;left:0;top:0;}
.sub_keep #header .back a {display:block;padding:17px 17px;}
.keep1 {width:100%;max-width:720px;margin:0 auto;text-align:center;}
.keep1 p img {width:100%;max-width:720px;}
.keep2 {width:80%;margin:0 auto;padding:20px 0 20px;text-align: center;}
.keep2 h2 {padding-bottom:3px;color:#000;font-size:14px;}
.keep2 li {color:#636363;font-size:12px;}
.keep2 .bt_keep {display:block;margin-top:20px;padding:11px 0;border-radius:20px;text-align:center;background-color:#bf9f5b;color:#fff;}

/* guide */

.guide_page {padding:50px 0 0;background-color:#c6beb6;}
.guide_page #header {position:fixed;left:0;top:0;z-index:2;width:100%;height:35px;padding:15px 0 0;border-bottom:1px solid #ae9e8d;background-color:#fff;}
.guide_page #header h1 {width:100%;color:#7a5b3b;font-size:16px;text-align:center;}
.guide_page #header .back {position:absolute;left:0;top:0;}
.guide_page #header .back a {display:block;padding:17px 17px;}

.slide_guide_wrap{/*padding:5% 12% 0;*/ width:100%;font-size:0;line-height:0;border-top:0px solid #c6beb6;overflow: hidden;padding-top:0px;}
.slide_guide img {width: 100%; }
/*.slide_guide {width: 100%; }*/

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {display:inline-block;width:27px;height:27px;margin:-1px 10px 0 0;vertical-align:middle;background:url(../images/ico_check.png) no-repeat left top;background-size:54px 27px;cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(../images/ico_check.png) no-repeat -27px top;background-size:54px 27px;}
input[type="radio"] {display:none;}
input[type="radio"] + label span {display:inline-block;width:27px;height:27px;margin:-1px 10px 0 0;vertical-align:middle;background:url(../images/ico_radio.png) no-repeat left top;background-size:54px 27px;cursor:pointer;}
input[type="radio"]:checked + label span {background:url(../images/ico_radio.png) no-repeat -27px top;background-size:54px 27px;}