@CHARSET "utf-8";
@import url('default.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');

/********** 02_쇼핑 **********/
/* 리스트 */
.visual {margin-bottom:60px;}
.pdtTabArea {position:relative; margin:60px 0 20px; font-size:0;}
.pdtTabArea th {font-size:28px; font-weight:700; color:#59621d; padding-right:60px; vertical-align:top; white-space:nowrap;}
.pdtTabArea .pdtTab {overflow:hidden; padding-top:4px; padding-left:90px; text-indent:-90px; vertical-align:top; font-size:0;}
.pdtTabArea .pdtTab li {display:inline-block; margin:0 35px 20px 0; font-size:16px; vertical-align:top; text-indent:0; }
.pdtTabArea .pdtTab li a {color:#666;}
.pdtTabArea .pdtTab li.on a {position:relative; font-weight:700; color:#59621d;}
.pdtTabArea .pdtTab li.on a:before {content:""; position:absolute; left:0; right:0; bottom:-5px; height:2px; background:#59621d;}
.pdtTabArea .pdtTab li:first-child {width:90px; margin-right:0;}
.pdtListHead {height:40px; margin-top:20px; text-align:right;}
.pdtListHead .text {float:left; padding:10px 0 0 2px; font-size:15px;}
.pdtListHead .text .fontTypeA {font-weight:700;}
.pdtListHead select {height:32px;}
.pdtListHead:after {content:""; display:block; clear:both;}
.pdtList {overflow:hidden;}
.pdtList li {position:relative; float:left; width:256px; margin:0 25px 40px 0; background:#fff;}
.pdtList li>a {color:#666;}
.pdtList li:nth-child(4n) {margin-right:0;}
.pdtList li .thumb {position:relative; overflow:hidden; border-radius:12px;}
.pdtList li .thumb img {width:256px; height:275px;}
.pdtList li .thumb .soldOut {background:rgba(0,0,0,.34); position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; box-sizing:border-box;}
.pdtList li .thumb .soldOut div {display:inline; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:64px;  color:#fff; font-size:24px; line-height:32px; font-weight:700;}
.pdtList li .btn {margin-top:20px;}
.pdtList li .btn .cart, .pdtList li .btn .soldout {display:block; height:48px; border:1px solid #ddd; border-radius:10px; text-align:center; font-size:18px; line-height:48px;}
.pdtList li .btn .cart:before {content:""; display:inline-block; width:19px; height:20px; margin:-2px 8px 0 0; vertical-align:middle; background:url(/images/btn/btn_cart2.svg) no-repeat;}
.pdtList li .tit {margin-top:15px; font-weight:700; font-size:18px; line-height:1.5em; color:#333; word-break:keep-all;}
.pdtList li .cont {margin-top:8px; font-size:15px; line-height:1.5em; color:#888; word-break:keep-all;}
.pdtList li .discount {margin-top:8px; color:#666;}
.pdtList li .discount span {font-size:20px; color:#a8ad00;}
.pdtList li .price {margin-top:5px; font-size:16px; color:#333;}
.pdtList li .price strong {font-size:20px;}
.pdtList li .icon {position:absolute; left:6px; top:6px; overflow:hidden;}
.pdtList li .icon img {float:left; margin-right:2px;}
.pdtList li .icon span {float:left; padding:0 6px; margin-right:4px; line-height:20px; font-size:12px; color:#fff; background:#59621d;}
.pdtList li.none {padding:100px 0 0 !important;}
.pdtList +.paging {margin-top:80px;}
/* 상세 */
.pdtHead {overflow:hidden; padding:40px 0; margin-top:50px; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.pdtHead .thumbArea {position:relative; float:left; width:400px;}
.pdtHead .thumbArea .thumb {width:400px;}
.pdtHead .thumbArea .thumb img {width:100%;}
.pdtHead .thumbArea .icon {position:absolute; left:10px; top:10px;}
.pdtHead .thumbArea .icon span {float:left; padding:0 6px; margin-right:4px; line-height:20px; font-size:12px; color:#fff; background:#59621d;}
.pdtHead .thumbArea ul {overflow:hidden;}
.pdtHead .thumbArea li {float:left; width:70px; margin:2px 2px 0 0;}
.pdtHead .thumbArea li img {width:100%;}
.pdtHead .pdtInfo {position:relative; float:right; width:640px;}
.pdtHead .pdtInfo .sns {position:absolute; right:10px; top:0;}
.pdtHead .pdtInfo h1 {margin-right:100px; padding-left:20px; font-size:24px; color:#332f21;}
.pdtHead .pdtInfo .summary {margin-top:8px; padding-left:20px; color:#828282;}
.pdtHead .pdtInfo .price {margin-top:15px; padding-left:20px; color:#333; font-size:18px;}
.pdtHead .pdtInfo .price strong {font-size:24px;}
.pdtHead .pdtInfo .price .discount {color:#a8ad00;}
.pdtHead .pdtInfo .original {margin-top:8px; padding-left:20px; font-size:18px; color:#999;}
.pdtInfo .btnCoupon {margin:10px 0 30px 20px;}
.pdtInfo .btnCoupon .couponDown {position:relative; display:inline-block; min-width:140px; border:1px solid #A8AD00; border-radius:8px; padding:10px 110px 10px 15px; color:#8c8c8c; font-size:12px; line-height:1.5em; background:#fff;}
.pdtInfo .btnCoupon .couponDown b {font-size:14px; color:#444; font-weight:700; font-family:ns; line-height:1.5em;}
.pdtInfo .btnCoupon .couponDown:after {content:""; position:absolute; right:18px; top:calc(50% - 11px); width:20px; height:22px; background:url(/images/btn/btn_download4.svg) repeat-y 100% 50%;}
.pdtInfo dl {position:relative; margin-top:10px;}
.pdtInfo dt {position:absolute; left:0; width:100px; min-height:19px; padding:16px 0 15px 20px; font-size:14px; line-height:18px; color:#332f21;}
.pdtInfo dd {min-height:18px; padding:16px 20px 15px 120px; border-top:1px dotted #d9d9d9; font-size:14px; line-height:18px;}
.pdtInfo dt:first-of-type, .pdtInfo dd:first-of-type {border-top:0;}
.pdtInfo dd select {width:100%; height:36px; line-height:34px; border-color:#828282;}
.pdtInfo dt.option {padding-top:26px;}
.pdtInfo dd.option li {overflow:hidden; margin:10px 6px 0 10px; text-align:right;}
.pdtInfo dd.option li:first-child {margin-top:15px;}
.pdtInfo dd.option li .tit {float:left; width:285px; padding-top:3px; color:#828282; text-align:left;}
.pdtInfo dd.option li .countNum {margin-right:10px;}
.pdtInfo dd.option li .btn {display:inline-block; padding-top:3px;}
.pdtInfo dd.count {padding-top:13px; padding-bottom:12px;}
.pdtInfo dd.count .countNum:has(~.caution) {display:inline-block; vertical-align:middle;}
.pdtInfo dd.count .countNum~.caution {display:inline-block; padding-left:22px; margin-left:10px; line-height:18px; vertical-align:middle; color:#332f21; font-size:13px; font-weight:600; background:url(/images/common/ico_warning.png) no-repeat 0 0;}
.pdtInfo dd.count .countNum~.caution:before {display:none;}
.pdtInfo dt.total {padding-top:23px;}
.pdtInfo dd.total {min-height:25px; padding-top:18px; paddig-bottom:16px; border-top-color:#828282; border-bottom:1px dotted #828282; text-align:right; font-size:12px; line-height:25px;}
.pdtInfo dd.total strong {font-size:25px; color:#59621d;}
.pdtInfo .noMinors {margin:20px 0 -20px; padding:20px 0; text-align:center; background:#f5f5f5;}
.pdtInfo .noMinors img {width:65px;}
.pdtInfo .noMinors p {display:inline-block; margin-left:14px; font-size:14px; text-align:left; line-height:18px; vertical-align:middle;}
.pdtInfo .noMinors strong {display:block; margin-bottom:8px; font-size:18px;}
.routineBenefit {position:relative; height:140px; padding:0 30px 0 260px; margin-top:20px; border:2px solid #f5f5f5;}
.routineBenefit h2 {position:absolute; left:0; top:0; bottom:0; width:230px; text-align:center; line-height:140px; font-size:20px; font-weight:700; color:#332F21; background:#f5f5f5;}
.routineBenefit h2 img {vertical-align:middle;}
.routineBenefit .benefitLayer {display:none; position:absolute; left:-62px; top:-23px; z-index:1; padding:10px 50px 10px 20px; border:1px solid #666; color:#000; line-height:1.5em; background:#fff;}
.routineBenefit .benefitLayer img {position:absolute; right:20px; top:10px; width:15px;}
.routineBenefit ul {padding-top:24px;}
.routineBenefit li {position:relative; overflow:hidden; padding:8px 0 8px 14px; font-size:14px;}
.routineBenefit li:before {content:""; position:absolute; left:5px; top:calc(50% - 2px); width:3px; height:3px; border-radius:50%; background:#666;}
.routineBenefit li+li {border-top:1px solid #d9d9d9;}
.routineBenefit li em {color:#D70000; font-weight:700;}
.routineBenefit +.btnArea {margin-top:15px;}
.pdtInfo .btnArea+.btnArea {margin-top:6px;}
.pdtInfo .btnArea {display:table; table-layout:fixed; width:100%; margin-top:40px;}
.pdtInfo .btnArea span {display:table-cell; width:180px; padding-right:6px; vertical-align:top;}
.pdtInfo .btnArea a {height:60px; line-height:60px;}
.pdtInfo .btnArea span em, .pdtInfo .btnArea span a {width:100%; min-width:1px; margin:0;}
.pdtInfo .btnArea span.pdtBtn {width:89px; padding-right:0;}
.pdtInfo .btnArea .btnTypeC {position:relative; min-width:89px; height:60px; padding:34px 0 0; font-family:'ns'; font-size:12px; line-height:13px; color:#828282 !important;}
.pdtInfo .btnArea .btnTypeC:before {content:""; position:absolute; left:50%; top:12px; background:url(/images/common/ico_product.png) no-repeat 0 0;}
.pdtInfo .btnArea .btnTypeC.on:before {content:""; position:absolute; left:50%; top:12px; background:url(/images/common/ico_product.png) no-repeat 0 -20px;}
.pdtInfo .btnArea .wish:before {width:18px; height:16px; margin-left:-9px; }
.pdtInfo .btnArea .restock:before {top:9px; width:16px; height:18px; margin-left:-8px; background-position-x:-18px;}
.pdtInfo .btnArea .restock.dimmed {color:#939393 !important;}
.pdtInfo .btnArea .restock.dimmed:before {background-position-y:-18px;}
.pdtInfo .btnArea .regularBtn {padding-top:6px; font-size:12px; font-family:'ns'; color:#e5ded8 !important; line-height:20px;}
.pdtInfo .btnArea .regularBtn strong {display:block;font-size:20px; color:#fff;}
.pdtInfo .naverPayArea {padding-top:10px; margin-top:20px; text-align:center; border-top:1px solid #ccc;}
.pdtInfo .early {position:relative; padding:20px 0 20px 110px; margin-top:40px; background:#f5f5f5 url(/images/common/ico_early3.png) no-repeat 30px 50%}
.pdtInfo .early .tit {font-size:20px; font-weight:600; color:#332f21;}
.pdtInfo .early .text {margin-top:10px; color:#666;}
.pdtInfo .early .text+.text {margin-top:5px;}
.pdtInfo .early .btn {position:absolute; right:30px; top:calc(50% - 15px); height:30px; padding:0 12px 0 10px; color:#fff; font-size:13px; line-height:30px; background:#59621d;}
.pdtInfo .early .btn:after {content:""; overflow:hidden; display:inline-block; width:6px; height:11px; margin:-2px 0 0 4px; vertical-align:middle; background:url(/images/common/ico_common.png) no-repeat -48px 0;}
.popEarly {position:fixed; left:calc(50% - 315px); top:calc(50% - 315px); overflow:hidden; border-radius:8px;}
.popEarly h2 {height:95px; padding:45px 0 0 25px; color:#fff; font-size:20px; line-height:30px; background:url(/images/product/bg_early.jpg) no-repeat 0 0;}
.popEarly .popCont {padding:30px;}
.popEarly .close {width:37px; height:37px; border-radius:50%; background:#fff;}
.popEarly .close a {padding:27px 10px 10px; white-space:nowrap; text-indent:200%; background-position:50% 50%;}
.popEarly h3 {padding-top:30px; border-top:1px dashed #d9d9d9; color:#000; font-size:20px; font-weight:600; line-height:60px;}
.popEarly h3 img {margin-right:20px; vertical-align:middle;}
.popEarly dl {position:relative; margin-top:20px;}
.popEarly dt {position:absolute; left:0; font-weight:500; color:#332f21;}
.popEarly dd {padding-left:95px; margin-bottom:30px;}
.popEarly h3.first {padding-top:0; border-top:0;}
.relativePdt {padding:40px 0 40px 50px; border-bottom:1px solid #b7b7b7; background:#f5f5f5;}
.relativePdt h2 {font-size:16px;}
.relativePdt ul {overflow:hidden;}
.relativePdt li {float:left; width:176px; margin:15px 30px 0 0;}
.relativePdt li .thumb {width:174px; border:1px solid #e5e5e5;}
.relativePdt li .thumb img {width:100%;}
.relativePdt li .tit {margin-top:8px; font-weight:700; font-size:14px; line-height:20px; color:#332f21; word-break:keep-all;}
.tabTypeB.fix +.pdtDetail {margin-top:126px;}
.pdtDetail {padding:30px 0; line-height:20px;}
.pdtDetail h3 {margin-top:0;}
.pdtDetail .bbsForm.typeC {margin-top:30px;}
.pdtDetail .text {margin-bottom:30px; text-align:center; font-size:14px; line-height:22px; color:#332f21;}
.pdtDetail .bbsList .tit {font-size:14px;}
.pdtDetail .btnArea {margin-top:10px;}
.pdtDetail .paging {margin-top:40px;}
.pdtDetail .bbsList tbody td.tit {padding-left:30px;}
.pdtDetail .bbsList tbody .qnaCont td, .pdtDetail .bbsList tbody .reviewCont td {padding-left:200px; padding-right:210px; text-align:left; color:#939393; font-size:14px; line-height:20px;}
.pdtDetail .bbsList tbody .reviewCont td {padding-left:240px;}
.pdtDetail .bbsList tbody .qnaCont td .answer, .pdtDetail .bbsList tbody .reviewCont td .answer {margin-top:20px; position:relative; padding-left:13px;}
.pdtDetail .bbsList tbody .qnaCont td .answer:before, .pdtDetail .bbsList tbody .reviewCont td .answer:before {content:""; position:absolute; left:1px; top:3px; width:6px; height:6px; border-left:1px dotted #59621d; border-bottom:1px dotted #59621d;}
.pdtDetail .bbsList tbody .reviewCont td img {max-width:100%;}
.pdtDetail .bbsList span.icon {display:inline-block; width:50px; height:20px; margin-right:6px; text-align:center; color:#fff; font-size:11px; line-height:20px; vertical-align:middle;}
.pdtDetail .bbsList span.icon.best {background:#f29a00;}
.pdtDetail .bbsList span.icon.recommend {background:#a8ad00;}
.photoReview {position:relative; overflow:hidden; padding-bottom:20px;}
.photoReview ul {overflow:hidden; padding-left:1px;}
.photoReview li {float:left; overflow:hidden; width:132px; height:132px;}
.photoReview li img {width:100%;}
.photoReview li +li {margin-left:6px;}
.photoReview .more {position:absolute; right:1px; top:0;}
.photoReview .more a {display:block; width:132px; height:82px; padding-top:50px; text-align:center; font-weight:700; color:#fff; background:rgba(0,0,0,.6);}
.photoReview .more a strong {font-size:36px;}
.deleveryInfo {overflow:hidden; padding:40px 80px; margin-top:50px; background:#f7f7f7;}
.deleveryInfo h4 {padding-top:60px; margin-top:60px; border-top:1px solid #7b7b7b;  font-weight:700; font-size:27px; line-height:1em; color:#333; letter-spacing:-1px;}
.deleveryInfo h4:first-child {padding-top:0; margin-top:0; border-top:0;}
.deleveryInfo .srmy {padding:20px 0 30px; border-bottom:1px solid #d9d9d9; font-weight:700; font-size:15px; line-height:22px; color:#a8a8a8; word-break:keep-all;}
.deleveryInfo .fl, .deleveryInfo .fr {width:460px;}
.deleveryInfo h5 {padding-top:30px; font-weight:700; font-size:20px; line-height:1em; color:#333; letter-spacing:-1px;}
.deleveryInfo h5~p {margin-top:25px; color:#828282; letter-spacing:-1px; font-size:15px; line-height:25px; word-break:keep-all;}
.deleveryInfo h5~p+p {margin-top:15px;}
.deleveryInfo h6 {margin-top:25px; font-weight:700; font-size:15px; letter-spacing:-1px; line-height:1em; color:#333;}
.deleveryInfo h6 a {color:#333;}
.deleveryInfo .caution {margin-top:5px;}
.deleveryInfo .caution li {font-size:15px; color:#828282; }
.deleveryInfo .caution li ul {margin-left:4px; margin-bottom:4px;}
.deleveryInfo .caution li ul li {position:relative; padding-left:8px; font-size:13px; line-height:20px; word-break:keep-all;}
.deleveryInfo .caution li ul li:before {content:""; position:absolute; left:0; top:10px; width:2px; height:1px; background:#59621d;}
.deleveryInfo .sec {padding:30px; margin-top:50px; background:#fff;}
.deleveryInfo .sec h5 {margin-top:0;}
.popup .noMinors {text-align:center;}
.popup .noMinors p {margin:35px 0 15px; font-size:24px; color:#111111; line-height:28px;}
.popup .noMinors p span {color:#cc3333;}
.popup .noMinors .caution {margin-bottom:30px;}
.popup .noMinors .caution > li {margin:0 auto; width:265px; text-align:left; font-size:15px;}
.couponDownLayer {overflow:hidden; width:360px; height:190px; border-radius:10px; text-align:center; background:#fff; transform:translate(-50%, -50%)}
.couponDownLayer .text {margin-top:42px; font-size:18px; font-weight:700; font-family:ns; line-height:1.5em; color:#444;}
.couponDownLayer .date {margin-top:5px; font-size:12px; color:#8c8c8c; line-height:1.5em;}
.couponDownLayer .btn {position:absolute; left:0; bottom:0; right:0; height:60px; line-height:60px; font-size:18px; color:#fff; background:#A8AD00;}
/* 검색결과 */
.pdtSrch {padding:60px 0; margin:60px 0 70px; border-top:1px solid #b7b7b7; text-align:center; background:#f5f5f5;}
.pdtSrch label {margin-right:16px; font-weight:700; font-size:16px; color:#332f21; line-height:43px; vertical-align:middle;}
.pdtSrch input {width:390px; height:40px; line-height:40px; border-right:0; vertical-align:middle;}
.pdtSrch button {box-sizing:content-box; height:40px; padding-right:10px; margin-left:-4px; border:1px solid #c4c4c4; border-left:0; vertical-align:middle; background:#fff;}
/* 주문서 */
.orderTit {margin-bottom:60px; border-bottom:3px solid #e5e5e5;}
.orderTit h1 {height:50px; text-align:center; font-size:32px; line-height:33px; color:#332f21;}
.orderTit h1:before {content:""; display:inline-block; width:44px; height:36px; margin:-5px 10px 0 0; vertical-align:middle; background:url(/images/common/ico_order.png) no-repeat 0 0;}
.orderTit h1.step2:before {width:33px; height:34px; background-position-x:-44px;}
.orderTit h1.step3:before {width:30px; height:34px; background-position-x:-77px;}
.orderTit .step {text-align:right;}
.orderTit .step li {display:inline-block; height:30px; margin-bottom:-3px; font-size:16px;}
.orderTit .step li:before {content:""; display:inline-block; width:8px; height:13px; margin:0 4px 0 10px; vertical-align:middle; background:url(/images/common/ico_order.png) no-repeat -15px -100px;}
.orderTit .step li span {display:inline-block; height:27px; padding:0 12px;}
.orderTit .step li.on {font-weight:700; color:#332f21;}
.orderTit .step li.on span {border-bottom:3px solid #59621d;}
.orderTit .step li:first-child:before {display:none;}
.bbsList .thumb img {border:1px solid #e5e5e5;}
.bbsList .name {margin-bottom:5px; font-weight:700; font-size:15px; color:#332f21;}
.bbsList .price {color:#59621d; font-size:12px;}
.bbsList .price strong {font-size:18px;}
.bbsList .delivery:before {content:""; display:block; width:58px; /*height:58px; margin:0 auto 5px; background:url(/images/common/ico_order.png) no-repeat 0 -40px;*/}
.bbsList .delivery .fontTypeB {display:inline-block; margin-top:3px;}
.bbsList .delivery .free {display:block; margin-top:10px; color:#a8ad00; font-size:12px;}
.bbsList .delivery .free strong {font-size:13px;}
/*.bbsList .regular th, .bbsList .regular td, .bbsList .regular +tr th, .bbsList .regular +tr td {border-top:2px solid #828282;}*/
.bbsList .regular+.regular th, .bbsList .regular+.regular td {border-top:1px solid #d9d9d9;}
.bbsList .regular .delivery:before {background-position-x:-58px;}
.bbsList .cycle {display:inline-block; height:26px; padding-right:13px; margin-top:13px; border-radius:13px; line-height:26px; font-weight:700; color:#725d4d; font-size:12px; background:#e9e6e2;}
.bbsList .cycle strong {display:inline-block; padding:0 10px; margin-right:5px; border-radius:13px; color:#fff; font-weight:bold; background:#59621d;}
.bbsList .cycle strong:before {content:""; display:inline-block; width:15px; height:15px; margin:-1px 2px 0 0; vertical-align:middle; background:url(/images/common/ico_order.png) no-repeat 0 -100px;}
.bbsList .deliveryDateCart {display:inline-block; height:26px; margin-top:13px; border-radius:13px; line-height:26px; font-weight:700; color:#725d4d; font-size:12px;}
.bbsList .deliveryDateCart strong {position:relative; display:inline-block; padding:0 10px; margin-right:5px; border-radius:13px; color:#fff; font-weight:bold; background:#59621d;}
.bbsList .deliveryDateCart strong:before {content:""; display:inline-block; width:15px; height:15px; margin:-1px 2px 0 0; vertical-align:middle; background:url(/images/common/ico_order.png) no-repeat 0 -100px;}
.bbsList .deliveryDateCart select {height:26px; font-size:12px; line-height:26px;}
.bbsList .deliveryDateCart span {display:inline-block; padding:0 13px 0 18px; margin-left:-22px; border-radius:0 13px 13px 0; background:#e9e6e2;}
.bbsList .countNum {vertical-align:middle;}
.bbsList .countNum +.btnTypeD {min-width:auto; height:24px; line-height:24px; font-size:11px;}
.bbsList .soldout .thumb a {position:relative; display:inline-block;}
.bbsList .soldout .thumb a:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.34);}
.bbsList .soldout .thumb a:after {content:"상품 준비 중입니다"; position:absolute; left:0; right:0; top:0; bottom:0; color:#fff; line-height:126px;}
.bbsList .soldout .pName a, .bbsList .soldout .pName .opt {color:#e0e0e0;}
.bbsList .soldout .pName .opt:before {border-color:#e0e0e0;}
.bbsList .pName .btn {margin-top:15px;}
.bbsList .pName .btn .btnTypeE {color:#332F21 !important;}
.cartFoot {margin-top:20px; line-height:26px;}
.cartFoot a:first-child {margin-left:6px;}
.cartFoot~h2,.cartFoot~* h2 {margin-top:80px;}
.totalPrice {padding:35px 0; margin:60px 0; border:3px solid #59621d; text-align:center; font-weight:700; font-size:15px; line-height:28px;}
.totalPrice span {vertical-align:middle;}
.totalPrice span.math {margin:0 25px; font-size:30px; color:#c4c4c4;}
.totalPrice em {color:#332f21; font-size:12px;}
.totalPrice strong {font-size:22px;}
.totalPrice .total {color:#332f21;}
.totalPrice .total em.fontTypeA strong {font-size:28px;}
.totalPrice.typeB {margin:30px 0;}
.totalPrice2 {border:none; border-top:2px solid #828282;  border-bottom:2px solid #59621d;}
.totalPrice2 span {display:inline-block;}
.totalPrice span.math {margin:0 15px; width:15px; height:15px; color:#fff; background:#c4c4c4; text-align:center; font-family:'ns'; font-size:15px; line-height:16px; font-weight:700; border-radius:50%;}
.totalPrice2 em {display:block;}
.otherCont {padding:20px; border-top:2px solid #828282; border-bottom:1px solid #d9d9d9; font-size:13px; background:#f7f7f7; min-height:45px; line-height:20px; color:#332f21;}
.agreeChk {position:relative; *zoom:1;}
.agreeChk:after {content:""; display:block; clear:both;}
.agreeChk .allCheck {position:absolute; right:0; top:-25px;}
.agreeChk .section {float:left; width:340px; margin-left:40px;}
.agreeChk .section.first,
.agreeChk .section:first-child {margin-left:0;}
.agreeChk .section h3 {height:27px; padding:2px 0 7px 10px; line-height:34px; font-weight:700; font-size:14px; color:#333; background:#817366;}
/*.agreeChk .section h3 input[type=checkbox] {width:22px; height:21px; margin-right:3px; background-image:url(/images/common/ico_check2.png);}*/
.agreeChk .section h3 input[type=checkbox] {display:none;}
.agreeChk .section h3 input[type=checkbox] +label {display:inline-block; padding-left:28px; line-height:21px; margin:0; background:url(/images/common/ico_check2.png) no-repeat 0 0;}
.agreeChk .section h3 input[type=checkbox]:checked +label {background-position-y:100%;}
.agreeChk .section .cont {padding:20px 0; border:1px solid #d9d9d9;}
.agreeChk .section .cont .scr {height:100px; padding:0 20px; line-height:20px; color:#828282;}
	.agreeArea h4, .agreeChk h4 {margin:15px 0 5px; font-weight:700; color:#303030; font-size:14px;}
	.agreeArea h4:first-child, .agreeChk h4:first-child {margin-top:0;}
	.agreeArea ul, .agreeChk ul {margin-bottom:5px;}
	.agreeArea ul li, .agreeChk ul li {position:relative; padding-left:10px; line-height:20px;}
	.agreeArea ul li:before, .agreeChk ul li:before {content:"-"; position:absolute; left:0; top:0;}
	.agreeArea h5, .agreeChk h5 {margin:10px 0 5px; font-weight:700; font-size:13px; color:#303030;}
	.agreeArea h6, .agreeChk h6 {font-weight:700; font-size:13px;}
	.agreeArea ol li, .agreeChk ol li {padding-left:14px; text-indent:-14px; line-height:20px;}
	.agreeArea .bbsList, .agreeChk .bbsList {border-top-width:1px;}
	.agreeArea .bbsList thead th, .agreeChk .bbsList thead th {height:auto; padding:5px 0; border-left:1px solid #d9d9d9; text-indent:0; font-size:11px; line-height:16px; font-family:'ns'; word-break:break-all;}
	.agreeArea .bbsList tbody td, .agreeChk .bbsList tbody td {height:auto; padding:5px; border-left:1px solid #d9d9d9; text-indent:0; font-size:11px; line-height:16px; word-break:break-all;}
	.agreeArea .bbsList thead th:first-child, .agreeArea .bbsList tbody td:first-child, .agreeChk .bbsList thead th:first-child, .agreeChk .bbsList tbody td:first-child {border-left:0;}
.agreeChk .agreeCheck { margin-top:18px; float:left; }

.discountInfo {height:30px; margin-top:-30px; text-align:right; font-weight:700; line-height:16px;}
.discountInfo a:after {content:""; display:inline-block; width:16px; height:16px; margin:-1px 0 0 4px; vertical-align:middle; background:url(/images/common/ico_order.png) no-repeat -24px -100px;}
.payment2 >li+li {margin-top:30px;}
.payment2 >li .tit {margin-bottom:15px; font-size:16px;}
.payment2 >li .tit label {position:relative; overflow:hidden; cursor:pointer;}
.payment2 >li .tit label input {position:absolute; opacity:0;}
.payment2 >li .tit span {display:inline-block; padding-left:30px; cursor:pointer; line-height:21px; background:url(/images/brand/booking/blt1_off.svg) no-repeat 0 50% / 20px;}
.payment2 >li .tit span img {height:27px; margin-top:2px;}
.payment2 >li .tit label~a img.vm {margin:2px 0 -6px;}
.payment2 >li.on .tit span {cursor:default; background-image:url(/images/brand/booking/blt1.svg);}
.payment2 .maeilpay {display:inline-block; padding:32px 42px; margin-left:30px; border-radius:10px; text-align:center; background:#F9FBD8;}
.payment2 .maeilpay .text {margin-top:8px; font-size:16px; line-height:1.5em;}
.payment2 .maeilpay button {display:inline-block; width:225px; margin-top:20px; line-height:40px; border-radius:20px; font-size:16px; font-weight:500; color:#fff; background:#a5c000;}
.payment2 ul {display:flex; margin-left:36px; margin-right:-377px; flex-wrap:wrap;}
.payment2 ul li {width:145px;}
.payment2 ul li +li {margin-left:8px;}
.payment2 ul li label {position:relative; overflow:hidden; cursor:pointer;}
.payment2 ul li label input {position:absolute; opacity:0;}
.payment2 ul li label span {display:block; padding:24px 0; border:1px solid #eee; border-radius:10px; text-align:center; font-size:18px;}
.payment2 ul li label span img {margin-bottom:8px;}
.payment2 ul li label input:checked +span {border-color:#a5c000;}

.payWay {padding:15px 0 15px 60px; border:1px solid #828282;/*  text-align:center; */ font-size:14px; font-weight:700;}
.payWay>div {padding-top:10px;}
.payWay>div.payType {margin-top:15px; padding-left:84px; text-align:left;}
.payWay>div.payType input[type=text] {margin-right:5px;width:47px; height:20px; line-height:20px;vertical-align:middle;}
.payWay>div.payType input[type=radio] +label {margin-right:15px;}
.payWay input[type=radio] {margin-left:15px;}
.payWay input[type=radio] +label {margin-right:15px;}
.payWay .tossBallon {position:absolute; left:-11px; top:-31px; height:21px; line-height:21px; border-radius:11px; padding:0 13px; color:#fff; font-size:10px; background:#0064ff;}
.payWay .tossBallon:before {content:""; position:absolute; left:28px; bottom:-7px; width:0; height:0; border-top:7px solid #0064ff; border-left:5px solid transparent; border-right:5px solid transparent;}
.payment {margin:60px 0;}
.payment.member {position:relative; overflow:hidden; min-height:475px; padding:0 377px 60px 0; border-bottom:1px solid #ddd;}
.payment.member h2.typeA {margin-top:40px;}
.payment.member .titArea {overflow:hidden; margin-bottom:10px;}
.payment.member .titArea h2.typeA {float:left;}
.payment.member .titArea .text {float:left; margin:38px 0 0 20px; line-height:1.4em;}
.payment.member .totalPrice {position:absolute; right:0; top:0; width:252px; min-height:379px; padding:20px 30px 70px; margin:0; text-align:left;}
.payment.member .totalPrice >span {position:relative; display:block; padding:10px 0;}
.payment.member .totalPrice >span .couponSelect {display:block; font-size:13px;}
.payment.member .totalPrice >span em {position:absolute; right:0; top:10px;}
.payment.member .totalPrice ul {margin-top:5px;}
.payment.member .totalPrice li {position:relative; padding:0 80px 10px 0; margin:0 10px; font-size:13px; line-height:16px;}
.payment.member .totalPrice li:before {content:"-"; dipslay:inline-block; margin-right:6px; color:#59621d; vertical-align:middle;}
.payment.member .totalPrice li .fontTypeA,
.payment.member .totalPrice li .fontTypeE {position:absolute; right:0; top:0; width:80px; text-align:right; font-size:12px;}
.payment.member .totalPrice li .fontTypeA strong,
.payment.member .totalPrice li .fontTypeE strong {font-size:13px;}
.payment.member .totalPrice li:first-child {padding-top:20px; border-top:1px dotted #d9d9d9;}
.payment.member .totalPrice li:first-child .fontTypeA,
.payment.member .totalPrice li:first-child .fontTypeE {top:20px;}
.payment.member .totalPrice li:last-child {padding-bottom:20px;}
.payment.member .totalPrice .total {position:absolute; left:0; bottom:0; box-sizing:border-box; width:100%; padding:20px; height:69px; border-top:1px dotted #828282;}
.payment.member .totalPrice .total em {right:20px; top:20px;}
.payment.member .totalPrice +h2.typeA {margin-top:0;}
.couponForm {width:100%; table-layout:fixed; border-top:1px dotted #d9d9d9;}
.couponForm tr {border-bottom:1px dotted #d9d9d9;}
.couponForm th {padding:16px 0 16px 20px; font-weight:700; font-size:15px; color:#59621d; line-height:18px; vertical-align:top; text-align:left;}
.couponForm th .text {font-size:12px; color:#666; font-family:'ns';}
.couponForm td {height:30px; padding:10px 0; font-size:12px;}
.couponForm td >* {vertical-align:middle;}
.couponForm td input[type=text] {text-align:right;}
.couponForm td label {font-weight:700; font-size:13px;}
.couponForm td .infoTxt {padding-top:5px;}
.payment.member .agreeChk .cont .scr {height:66px;}
.deliType {padding:20px; border-top:2px solid #828282; border-bottom:1px dotted #d9d9d9;}
.deliType label {position:relative; display:block; width:575px; min-height:60px; padding:15px 20px 15px 130px; border:1px solid #c4c4c4; line-height:1.5em; background:url(/images/common/ico_early3.png) no-repeat 54px 50%;}
.deliType label input {position:absolute; left:20px; top:calc(50% - 8px);}
.deliType label .tit {margin-bottom:5px; font-weight:600; color:#332f21;}
.deliType label.early {background-image:url(/images/common/ico_early2.png)}
.deliType label+label {margin-top:20px;}
.deliType label.on {padding:14px 19px 14px 129px; border:2px solid #817366; background-color:#f1edea; background-position-x:53px;}
.deliType label.on input {left:19px;}
.earlyText {width:370px; margin-top:10px; height:43px; padding-left:53px; line-height:43px; background:#f1edea url(/images/common/ico_early4.png) no-repeat 20px 50%;}

.payLayer {background:#fff; transform:translate(-50%, -50%);}
.payLayer .close {right:22px; top:22px;}
.payLayer h2 {height:60px; border-bottom:1px solid #444; line-height:59px; text-align:center;}
.payLayer h2 img {vertical-align:middle;}
.payLayer .content {padding:20px;}

.routinePayment h2 .btn {position:absolute; right:0; top:0; padding:0 15px; border-radius:13px; font-size:13px; line-height:26px; color:#fff; font-weight:700; background:#59621D;}
.routinePayment h2 .btn:after {content:""; display:inline-block; width:12px; height:12px; margin:-2px 0 0 4px; vertical-align:middle; background:url(/images/common/ico_detail2.png) no-repeat;}
.routinePayment .bbsList, .routinePayment .bbsForm {border-color:#828282; border-bottom:2px solid #828282;}
.routinePayment .bbsForm td .colorA {color:#A8AD00; text-decoration:underline; vertical-align:initial;}
.routinePayment .bbsForm td .addr {margin-top:10px;}
.routinePayment .bbsForm td .btnTypeA, .routinePayment .bbsList td .btnTypeA {background:#725D4D;}
.routinePayment .routineInfo+.bbsList {margin-top:50px;}
.routineInfo {overflow:hidden; border-bottom:2px solid #828282;}
.routineInfo dt {float:left; width:180px; height:36px; border-right:2px solid #828282; line-height:36px; text-align:center; font-weight:700; color:#332F21; background:#f5f5f5;}
.routineInfo dd {float:left; width:calc(50% - 203px); height:36px; padding-left:20px; line-height:36px;}
.routineInfo dd+dt {border-left:2px solid #828282;}
.routinePayment .payment {min-height:373px; margin:80px 0 0; padding:0 370px 0 0; border-bottom:0;}
.routinePayment .payment .coupon {padding:16px 0 16px 30px; margin-bottom:15px; border-top:2px solid #828282; border-bottom:2px solid #828282; background:#f5f5f5;}
.routinePayment .payment .coupon p {color:#332F21; font-weight:700;}
.routinePayment .payment .coupon p input {margin:-2px 6px 0 0;}
.routinePayment .payment .coupon p+p {margin-top:12px;}
.routinePayment .payment .agreeChk .section h3 {height:51px; line-height:51px; padding:0; color:#fff; text-align:center; background:#725D4D;}
.routinePayment .payment .agreeChk .cont .scr {height:115px;}
.routinePayment .payment .agreeChk .section {width:355px;}
.routinePayment .payment .agreeChk .section+.section {margin-left:20px;}
.routinePayment .payment .agreeCheck {width:calc(100% - 30px); height:30px; padding:10px 0 0 30px; color:#332F21; font-weight:700; background:#f5f5f5;}
.routinePayment .payment .totalPrice {width:276px; min-height:1px; padding:20px 20px 15px; border:2px solid #828282;}
.routinePayment .payment .totalPrice span {padding:0; color:#332F21; font-size:13px;}
.routinePayment .payment .totalPrice span img {margin-top:-2px; vertical-align:middle;}
.routinePayment .payment .totalPrice span em {top:0; font-size:12px;}
.routinePayment .payment .totalPrice span em strong {margin:0 4px; font-size:15px;}
.routinePayment .payment .totalPrice span+span {margin-top:8px;}
.routinePayment .payment .totalPrice .point {padding:5px 10px; margin:10px -10px; border-radius:5px; background:#f5f5f5;}
.routinePayment .payment .totalPrice .point h3 {margin-bottom:10px; border-bottom:1px solid #D8D8D8; color:#332F21; font-weight:700; font-size:13px;}
.routinePayment .payment .totalPrice .point h3 img {margin-top:-2px; vertical-align:middle;}
.routinePayment .payment .totalPrice .point >span {position:relative; display:block; font-weight:700;}
.routinePayment .payment .totalPrice .point >span em {position:absolute; right:0; top:0;}
.routinePayment .payment .totalPrice .point >span .fs {display:block; margin-top:3px; text-align:right; color:#888; line-height:1em; font-weight:500;}
.routinePayment .payment .totalPrice .total {position:relative; width:auto; height:auto; line-height:35px; padding:0 10px; margin:10px -10px 0; border:0; border-radius:5px; color:#111; font-size:15px; background:#F9FBD8;}
.routinePayment .payment .totalPrice .total em {right:10px; top:0; font-size:12px;}
.routinePayment .payment .totalPrice .total em strong {font-size:17px;}
.routinePayment .payType {padding:50px 0; border-top:2px solid #828282; border-bottom:2px solid #828282; text-align:center;}
.routinePayment .payType .text {font-size:13px; font-weight:700; line-height:1.5em;}
.routinePayment .payType .text em {color:#F29A00;}
.routinePayment .payType .regist {display:inline-block; width:169px; height:95px; padding-top:58px; box-sizing:border-box; margin-top:20px; border:1px solid #ddd; border-radius:10px; text-align:center; background:url(/images/common/ico_card.png) no-repeat 50% 8px;}
.routinePayment .payType .regist span {display:inline-block; width:75px; line-height:20px; border-radius:10px; text-align:center; color:#fff; font-size:14px; background:#F29A00;}
.routinePayment .payType .card {display:inline-block; width:240px; padding:18px 0; margin:20px auto 0; border:1px solid #ddd; border-radius:10px;}
.routinePayment .payType .card .info {position:relative; width:160px; height:103px; margin:0 auto; text-align:left; background:url(/images/common/bg_card.png) no-repeat;}
.routinePayment .payType .card .info p {position:absolute; left:11px; bottom:8px; font-size:11px; line-height:1.6em; color:#111;}
.routinePayment .payType .card .info p span+span {margin-left:6px;}
.routinePayment .payType .card .btn {display:inline-block; padding:0 12px; margin:6px auto 0; border-radius:9px; line-height:18px; color:#EEF589; font-size:11px; background:#494949;}
.routinePayment .btnArea .sizeXL {width:280px;}
.routinePayment .btnArea {margin-top:80px;}

.routineLayer {width:320px; transform:translate(-50%, -50%);}
.routineLayer .close {right:10px; top:14px;}
.routineLayer h2 {border-bottom:1px solid #666; text-align:center; line-height:39px; font-size:13px; font-weight:600; color:#000;}
.routineLayer .content {padding-top:13px;}
.routineLayer .content .info {margin:0 0 15px 40px;}
.routineLayer .content .info li {position:relative; height:40px; padding:4px 0 0 54px; color:#000; line-height:1.4em; background:url(/images/common/ico_routine1.png) no-repeat 0 0;}
.routineLayer .content .info li+li {margin-top:10px;}
.routineLayer .content .info li:nth-child(2) {background-image:url(/images/common/ico_routine2.png);}
.routineLayer .content .info li:nth-child(3) {background-image:url(/images/common/ico_routine3.png);}
.routineLayer .content .caution {padding:10px 15px; background:#f5f5f5;}
.routineLayer .content .caution li {font-size:11px; line-height:1.5em; word-break:normal;}
.routineLayer .content .caution li:before {top:6px; border-radius:50%; background:#666;}

.discountLayer {width:260px; padding:15px 40px 15px 20px; text-align:left; transform:translate(-50%, -50%);}
.discountLayer .close {position:absolute; right:20px; top:10px;}
.discountLayer h2 {margin-bottom:15px; font-weight:600; color:#000; font-size:13px;}
.discountLayer .content {color:#000; line-height:1.5em;}

.pointBenefitLayer {width:280px; padding:15px 20px 30px; margin:-227px 0 0 -175px;}
.pointBenefitLayer .close {right:20px; top:10px;}
.pointBenefitLayer h2 {font-weight:600; color:#000; font-size:13px;}
.pointBenefitLayer .content {margin-top:20px; text-align:center;}
.pointBenefitLayer .colorA {color:#A8AD00;}
.pointBenefitLayer .cont1 {padding-top:110px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #d9d9d9; text-align:center; font-size:13px; line-height:1.3em; background:url(/images/common/thumb_pointBenefit.png) no-repeat calc(50% - 10px) 0 / 149px;}
.pointBenefitLayer .cont1 .fs {font-size:10px !important;}
.pointBenefitLayer .content img {width:189px;}
.pointBenefitLayer .text {margin-top:14px; font-size:13px;}

/* 이벤트기획전 */
.eventList {overflow:hidden; width:1100px; margin:80px auto 0;}
.eventList li {position:relative; float:left; width:351px; height:522px; margin-left:20px; border:1px solid #e6e6e6;}
.eventList li:nth-child(3n+1) {margin-left:0;}
.eventList li .thumb {overflow:hidden; width:353px; height:419px; margin:-1px -1px 0;}
.eventList li .ico {position:absolute; left:15px; bottom:20px; overflow:hidden; width:64px; height:64px;}
.eventList li .ico2 img {margin-top:-64px;}
.eventList li .ico3 img {margin-top:-128px;}
.eventList li .tit {overflow:hidden; max-height:44px; margin:30px 10px 0 93px; font-weight:700; font-size:18px; line-height:22px; color:#332f21;}
.eventList li .date {margin:10px 0 0 93px; font-size:14px; color:#666;}
.eventList li .winner {position:absolute; right:-1px; top:346px;}
.eventList li .winner a {display:block; width:54px; height:54px; padding:18px 0 0 18px; font-weight:700; color:#fff; font-size:14px; line-height:20px; background:#7c5a40;}
.eventList li .winner a:after {content:""; display:inline-block; width:5px; height:9px; margin-left:6px; background:url(/images/common/ico_common.png) no-repeat 0 0;}
.main .mainBanner {margin-top:80px;}
.viewArea {border-bottom:1px solid #b7b7b7;}
.viewArea .head {position:relative; padding:0 20px 15px 100px;}
.viewArea .head .ico {position:absolute; left:0; top:0; width:80px; height:26px; line-height:26px; text-align:center; font-weight:700; color:#fff; background:#59621d;}
.viewArea .head .ico2 {background-color:#817366;}
.viewArea .head .ico3 {background-color:#a3a831;}
.viewArea .head .tit {font-weight:700; font-size:26px; line-height:30px; color:#332f21;}
.viewArea .head .date {margin-top:10px; color:#828282;}
.viewArea .content {padding:40px 0; border-top:1px solid #b7b7b7;}
.pdtList.bn li {margin-top:0; margin-bottom:22px;}
/* 레시피 */
.recipeList {overflow:hidden; width:1100px; margin:30px auto 0;}
.recipeList li {position:relative; float:left; width:353px; margin:50px 0 0 20px;}
.recipeList li:nth-child(3n+1) {margin-left:0;}
.recipeList li .thumb {overflow:hidden; height:524px;}
.recipeList li .thumb:after {content:""; position:absolute; left:10px; top:10px; width:331px; height:502px; border:1px solid #fff;}
.recipeList li .cont {padding:20px 10px; text-align:center; word-break:keep-all;}
.recipeList li .cont .tit {position:relative; font-weight:700; font-size:18px; line-height:22px; color:#111;}
.recipeList li .cont .text {position:relative; margin-top:10px; line-height:18px; color:#a8ad00;}
.recipeView {width:1100px; margin:0 auto;}
.recipeView .head {padding-bottom:20px; border-bottom:1px solid #b7b7b7; text-align:center;}
.recipeView .head h1 {font-weight:700; font-size:26px; color:#332f21;}
.recipeView .head .text {margin-top:5px; color:#828282;}
.recipeView .content {padding:40px 0 140px;}
.relativeArea {padding-top:30px; margin-bottom:60px; border-top:1px dotted #d9d9d9; border-bottom:1px dotted #d9d9d9;}
.relativeArea h2 {position:relative; padding-top:18px; text-align:center; font-weight:700; font-size:18px; color:#332f21;}
.relativeArea h2:before {content:""; position:absolute; left:50%; top:0; width:24px; height:3px; margin-left:-12px; background:#59621d;}
.relativeArea .list {position:relative; min-height:235px; margin:50px auto 30px;}
.relativeArea .list .slideCont {overflow:hidden; width:794px; margin:0 auto;}
.relativeArea .list .slideCont ul {width:20000px;}
.relativeArea .list .slideCont li {float:left; width:176px; margin-right:30px;}
.relativeArea .list .slideCont li .thumb {border:1px solid #e5e5e5;}
.relativeArea .list .slideCont li .thumb img {width:174px; height:184px;}
.relativeArea .list .slideCont li .tit {margin-top:8px; text-align:center; font-weight:700; font-size:14px; line-height:20px; color:#332f21; word-break:keep-all;}
.relativeArea .list .prev {position:absolute; left:50%; top:50px; margin-left:-550px;}
.relativeArea .list .next {position:absolute; right:50%; top:50px; margin-right:-550px;}


/********** 03_마이페이지 **********/
/* 인덱스 */
span.couponTxt {position:relative; display:block; margin-bottom:15px; text-align:center; color:#332f21;}
span.couponTxt em {color:#522b1c; font-weight:600;}
.myIndex {position:relative;}
.myIndex h1 {position:relative; font-size:18px; color:#828282;}
.myIndex h1 img {vertical-align:middle;}
.myIndex h1 span {position:relative; padding-top:11px; margin-left:12px; top:6px;}
.myIndex h1 span:before {content:""; position:absolute; left:0; top:0; width:20px; height:2px; background:#59621d;}
.myIndex h1 span .fontTypeB {margin-left:8px; font-size:33px;}
.myIndex h2 {position:absolute; top:-22px; font-weight:700; font-size:14px; color:#332f21;}
.myIndex .couponWrap {background:#f7f7f7; margin-top:17px; padding:37px 0 15px;}
.myIndex .couponWrap:after {content:""; display:block; clear:both;}
.myIndex .couponWrap > div {position:relative; float:left; width:25%; text-align: center;}
.myIndex .couponWrap > div .cont {position:relative; margin:0 auto; display:inline-block; min-width:100px; height:69px; padding-right:55px; background:url(/images/mypage/bg_coupon.png) no-repeat 100% 0/ auto; text-align:center;}
.myIndex .couponWrap > div .cont:after {position:absolute; top:0; bottom:0; right:-30px; width:54px; color:#a89b94; font-size:12px; transform: rotate(-90deg);}
.myIndex .couponWrap > div:nth-of-type(1) .cont:hover, .myIndex .couponWrap > div:nth-of-type(2) .cont:hover {background-image:url(/images/mypage/bg_coupon_over.png);}
.myIndex .couponWrap > div:nth-of-type(1) .cont:hover .info, .myIndex .couponWrap > div:nth-of-type(2) .cont:hover .info {border:1px solid #106e4a; border-right:none;}
.myIndex .couponWrap > div:nth-of-type(1) .cont:after, .myIndex .couponWrap > div:nth-of-type(2) .cont:after {content:'COUPON'}
.myIndex .couponWrap > div:nth-of-type(3) .cont:after {content:'POINT'}
.myIndex .couponWrap > div:nth-of-type(4) .cont:after {content:'GIFTCARD'}
.myIndex .couponWrap > div .cont .info {height:100%; padding:0 5px; padding-top:17px; background:#fff; border:1px solid #dad5ce; box-sizing:border-box; border-right:none; font-size:16px; vertical-align:middle;}
.myIndex .couponWrap > div .cont .info.line_2 {padding-top:8px;}
.myIndex .couponWrap > div .cont .info > strong {font-size:28px; font-weight:600; color:#522b1c;}
.myIndex .couponWrap > div .cont .info .able {display:block; font-size:13px;}
.myIndex .couponWrap > div .cont .info .able em {color:#016740; font-weight:800;}
/* .myIndex .onlineCoupon {float:left;  width:207px; padding-left:7px;} */
/* .myIndex .onlineCoupon .cont, .myIndex .offlineCoupon .cont, .myIndex .point .cont {position:relative; width:207px; height:118px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background:url(/images/mypage/ico_couponIndex2.png) no-repeat right -1px;} */
/* .myIndex .onlineCoupon .cont:before, .myIndex .offlineCoupon .cont:before, .myIndex .point .cont:before {content:""; position:absolute; left:0; top:0; width:207px; height:118px; background:url(/images/mypage/ico_couponIndex.png) no-repeat 0 -1px;} */
/* .myIndex .onlineCoupon .cont:after {content:""; position:absolute; right:10px; top:10px; width:24px; height:10px; background:url(/images/mypage/ico_couponIndex.png) no-repeat -52px -118px;} */
/* .myIndex .onlineCoupon .num {font-size:18px; text-align:center;}
.myIndex .onlineCoupon .num strong {font-weight:700; color:#59621d; font-size:28px; line-height:20px;}
.myIndex .onlineCoupon .able {position:relative; padding:8px 0 0 8px; margin:0 29px; border-top:1px dotted #d9d9d9;}
.myIndex .onlineCoupon .able em {position:absolute; right:8px; top:8px;} */

/* .myIndex .offlineCoupon {float:left; width:207px; padding-left:0;} */
/* .myIndex .offlineCoupon .cont a,
.myIndex .onlineCoupon .cont a {display:block; position:absolute;left: 50%;top:0; margin-left: -103px; width: 207px;height:120px;} */
/* .myIndex .offlineCoupon .cont:after {content:""; position:absolute; right:10px; top:10px; width:24px; height:10px; background:url(/images/mypage/ico_couponIndex.png) no-repeat -52px -118px;} */
/* .myIndex .point {float:left; width:207px; padding-left:7px;} */
/* .myIndex .point .num {padding-top:48px; text-align:center; font-size:18px;}
.myIndex .point .num strong {font-weight:700; color:#01adef; font-size:28px; line-height:20px;} */
.orderSrmy a.noClick {pointer-events:none !important;}
.orderSrmy .reserNav {text-align:right; margin:25px 0 10px; }
.orderSrmy .reserNav a {position:relative; display:inline-block; padding:0 15px; color:#332f21; font-size:16px; font-weight:700; line-height:20px;}
.orderSrmy .reserNav a:not(:first-child):before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e5e5e5;}
.orderSrmy .reserNav a span {width:20px; height:20px; display:inline-block; vertical-align:middle; background:#817366; text-align:center; border-radius:50%; font-size:14px; color:#fff;}
.orderSrmy > div .cont {position:relative; width:100%; height:122px; background:#f9f7f1; border-top:2px solid #828282;}
.orderSrmy > div .cont h2 {width:140px; height:100%; float:left; font-weight:700; font-size:20px; color:#fff;}
.orderSrmy > div h2 span {position:absolute; top:20px; left:20px;}
.orderSrmy > div.farmersMarket h2 {background:url(/images/mypage/reserBg1.jpg?ver=1) no-repeat;}
.orderSrmy > div.sanghaFarm h2 {background:url(/images/mypage/reserBg2.jpg?ver=1) no-repeat;}
.orderSrmy > div.farmersVillage h2 {background:url(/images/mypage/reserBg3.jpg?ver=1) no-repeat;}
.orderSrmy > div.farmersMarket .cont {border-top:2px solid #5A621C;}
.orderSrmy > div.sanghaFarm .cont {border-top:2px solid #ffba00;}
.orderSrmy > div.farmersVillage .cont {border-top:2px solid #744f28;}
.orderSrmy .step {margin-top:16px; overflow:hidden;}
.orderSrmy .step li {position:relative; float:left; width:20%; text-align:center; font-weight:700; font-size:16px; color:#332f21;}
.orderSrmy .step li:not(:first-child):before {content:""; position:absolute; left:-5px; top:50%; margin-top:-20px; border:10px solid transparent; border-left-color:#e9e6e2;}
.orderSrmy .step li a {width:60px; height:60px; display:block; margin:0 auto; margin-bottom:9px; text-align:center; border-radius:50%; background:#fff; line-height:60px; font-size:30px; color:#522b1c;}
.orderSrmy > div.farmersMarket .step li:last-child a {background:#5A621C; color:#fff;}
.orderSrmy > div.sanghaFarm  .step li:last-child a {background:#ffba00; color:#fff;}
.orderSrmy > div.farmersVillage .step li:last-child a {background:#744f28; color:#fff;}
.bbsList .pName {font-weight:700; font-size:14px; color:#332f21;}
.bbsList .pName a {color:#332f21;}
.bbsList .pName.vt {padding-top:21px;}
.bbsList .pName .opt select {height:23px;}
.myPageNavWrap {font-size:0; margin-top:50px;}
.myPageNavWrap h2 {color:#332f21; font-size:20px; font-weight:700; margin-bottom:10px; padding-left:24px;}
.myPageNavWrap > div {position:relative; float:left; width:47%;}
.myPageNavWrap > div:nth-child(2) {float:right;}
.myPageNavWrap > div:nth-child(1) h2 {background:url(/images/mypage/ico_tel.png) no-repeat 0 1px /auto;}
.myPageNavWrap > div:nth-child(2) h2 {background:url(/images/mypage/ico_member.png) no-repeat 0 1px /auto;}
.myPageNavWrap > div li {display:inline-block; width:50%;}
.myPageNavWrap > div li a {display:block; padding:10px 0; font-weight:700; font-size:14px; color:#332f21; text-align:center; border-right:1px solid #dad5ce;  border-bottom:1px solid #dad5ce;}
.myPageNavWrap > div li a:hover {background:#f7f7f7;}
.myPageNavWrap > div li:nth-child(2n-1) a {border-left:1px solid #dad5ce;}
.myPageNavWrap > div li:nth-child(-n+2) a{border-top:1px solid #dad5ce;}

/* 주문배송조회 */
.dateSrch {height:100px; padding:30px 0 0 168px; margin-bottom:40px; background:#eeebe8 url(/images/mypage/ico_order.gif) no-repeat 0 0;}
.dateSrch fieldset {position:relative; display:block; width:652px;}
.dateSrch .cal {float:left; width:340px;}
.dateSrch .cal strong {float:left; width:47px; font-weight:700; font-size:14px; color:#332f21; line-height:30px;}
.dateSrch .cal input[type=text] {float:left; width:73px; border-right:0;}
.dateSrch .cal img {float:left;}
.dateSrch .cal span {float:left; width:22px; text-align:center; line-height:30px;}
.dateSrch .monthly {float:left;}
.dateSrch .monthly strong {float:left; width:35px; font-weight:700; font-size:14px; color:#332f21; line-height:30px;}
.dateSrch .monthly a {float:left; min-width:50px; height:30px; padding:0; margin-right:1px; line-height:30px; font-size:12px; background-color:#a59c94;}
.dateSrch .name {clear:both; padding-top:10px;}
.dateSrch .name label {float:left; width:47px; font-weight:700; font-size:14px; color:#332f21; line-height:30px;}
.dateSrch .name input[type=text] {float:left; width:460px;}
.dateSrch .btn {position:absolute; right:0; top:0;}
.dateSrch .btn a {min-width:103px; height:70px; line-height:70px; font-size:15px;}
.dateSrch.cancel {background-image:url(/images/mypage/ico_cancel.gif);}
.tabTypeC+.dateSrch {margin-top:20px;}
.orderDetailHead {position:relative; margin-bottom:20px; font-size:14px; color:#828282;}
.orderDetailHead strong {color:#332f21; text-decoration:underline;}
.orderDetailHead .rightArea {position:absolute; right:0; top:-8px;}
.orderDetailHead .rightArea a {margin-left:10px;}
h2.typeB +.totalPrice {margin:0;}

/* 정기배송내역 */
.myRoutine h2 {margin-bottom:15px; line-height:1em; color:#332F21; font-weight:700; font-size:24px;}
.myRoutine .listHead {position:relative; margin-bottom:10px;}
.myRoutine .listHead select {position:absolute; right:0; bottom:3px;}
.myRoutine .bbsList thead th {height:51px; line-height:1.3em;}
.myRoutine .bbsList td {padding:13px 10px;}
.myRoutine .bbsList .colorA  {color:#332F21;}
.myRoutine .bbsList .btn {text-align:right;}
.myRoutine .bbsList .sizeXS {padding:0 15px;}
.myRoutine .bbsList .sizeXS+.sizeXS {margin-top:3px;}
.myRoutine .bbsList td.thumb {padding:10px 0;}
.myRoutine .bbsList td.thumb .thumb {overflow:hidden; width:60px; border-radius:10px;}
.myRoutine .bbsList td.thumb+td {border-left:0;}
.myRoutine .bbsList td .percent {color:#A8AD00; font-size:13px; font-weight:600;}
.myRoutine .bbsList td .original {font-size:11px; text-decoration:line-through;}
.myRoutine .bbsList td .discount {display:block; font-size:13px; font-weight:600;}
.myRoutine .paging +h2 {margin-top:80px;}
.myRoutine .paymentType {position:relative; padding:20px 0 20px 120px; border-top:2px solid #828282; border-bottom:1px solid #d8d8d8;}
.myRoutine .paymentType dt {position:absolute; left:0; padding-top:5px; font-weight:700; color:#332F21;}
.myRoutine .paymentType dd {overflow:hidden;}
.myRoutine .paymentType dd .type {color:#A8AD00; font-weight:700;}
.myRoutine .paymentType dd .type em {display:inline-block; padding:0 15px; margin-right:10px; border-radius:5px; color:#666; line-height:23px; background:#D8D8D8;}
.myRoutine .paymentType dd .name {float:left; min-width:250px; margin:15px 40px 0 0; font-weight:700;}
.myRoutine .paymentType dd .btn {float:left; margin-top:5px;}
.myRoutine .paymentType dd .btn a {padding:0 20px;}
.myRoutine .btnTypeE {color:#332F21 !important;}
.cancelRoutineLayer {width:320px; padding:15px 20px 10px; transform:translate(-50%, -50%);}
.cancelRoutineLayer .text {font-size:14px; color:#000;}
.cancelRoutineLayer .btnArea {margin-top:30px; text-align:right;}
.cancelRoutineLayer .btnArea .btnTypeE {color:#332F21 !important;}
.myRoutine h3.typeA {margin-top:50px;}
.myRoutine h3.typeA:first-of-type {margin-top:40px;}
.myRoutine h3.typeA+.bbsList {border-top-width:1px;}
.myRoutine .bbsForm.typeC {border-top-width:1px; border-bottom:1px solid #828282;}
.myRoutine .bbsForm.typeC th {padding:0; text-align:center; vertical-align:middle;}
.myRoutine .bbsForm.typeC tr {border-bottom-style:solid;}
.myRoutine .bbsForm.typeC tr:last-child {border-bottom:0;}

.reviewInfo {overflow:hidden; height:80px; padding-left:40px; margin:10px 0 20px; background:#FFFCE9;}
.reviewInfo h2 {float:left; padding-left:20px; margin-top:32px; color:#332F21; font-size:13px; line-height:14px; font-weight:700; background:url(/images/common/ico_review.png) no-repeat 0 0;}
.reviewInfo h2 .btn {position:relative; top:-1px; display:inline-block; height:16px; margin-left:6px; padding:0 10px; border-radius:8px; font-weight:500; font-size:10px; line-height:16px; color:#fff; background:#332F21;}
.reviewInfo ul {float:right; margin-top:20px;}
.reviewInfo li {position:relative; float:left; padding:0 40px; text-align:center; font-size:14px; line-height:1.3em; color:#332F21;}
.reviewInfo li em {display:block; margin-bottom:4px; color:#59621E; font-weight:700; font-size:16px;}
.reviewInfo li em strong {font-size:22px;}
.reviewInfo li+li:before {content:""; position:absolute; left:0; top:calc(50% - 27px); width:1px; height:48px; background:#332F21; opacity:.5;}
/* 나의쿠폰 */
.couponSrmy {overflow:hidden; width:705px; margin:0 auto; background:#eeebe8;}
.couponSrmy .mine {float:left; width:205px; height:125px; padding-top:25px; font-size:18px; color:#939393; background:url(/images/mypage/bg_coupon2.gif) no-repeat 0 0;}
.couponSrmy .mine h2 {height:35px; text-align:center; font-weight:700; font-size:16px; line-height:17px; color:#332f21;}
.couponSrmy .mine:not(.down) .num {height:42px; padding:12px 0 0 80px; margin-left:45px; background:url(/images/mypage/ico_coupon2.gif) no-repeat 0 0;}
.couponSrmy .mine .num strong {color:#59621d; font-size:28px;}
.couponSrmy .down .num {display:inline-block; margin:13px 0 0 20px; line-height:29px; vertical-align:top;}
.couponSrmy .down .btn {display:inline-block; overflow:hidden; width:29px; height:29px; margin:13px 0 0 55px; vertical-align:top;}
.couponSrmy .down .btn img {margin-top:-29px;}
.couponSrmy .regist {padding:0 30px;}
.couponSrmy .regist legend {width:auto; height:42px; margin:0 auto; text-align:center; font-weight:700; font-size:16px; line-height:17px; color:#332f21;}
.couponSrmy .regist {overflow:hidden; padding-top:25px;}
.couponSrmy .regist input[type=text] {float:left; width:calc(100% - 91px); border-right:0;}
.couponSrmy .regist a {float:right; min-width:70px; height:30px; padding:0; line-height:30px;}
.couponHead {height:37px; margin-top:40px; text-align:center; font-weight:700; font-size:18px; color:#332f21;}
.couponList tbody th {padding-left:20px; padding-right:10px; text-align:left; font-weight:700; font-size:14px; color:#332f21;}
.couponList tbody .tit {padding-left:20px;}
.couponList td {height:29px;}

/*오프라인쿠폰*/
.offlineSrmy {overflow:hidden; width:850px;background:#eeebe8;}
.offlineSrmy .num {float:left; width:132px; height:130px; font-size:18px; color:#939393; background:url(/images/mypage/bg_couponNum2.gif) no-repeat 0 0;}
.offlineSrmy>ul {padding:32px 0 0 157px;}
.offlineSrmy>ul li {position:relative; line-height:22px;}
.offlineSrmy>ul li:before {content:""; position:absolute; left:-10px; top:10px; width:2px; height:2px; background:#f28300;}

/* 쿠폰다운로드 */
.downHead {height:87px; padding:43px 0 0 150px; background:#eeebe8 url(/images/mypage/ico_coupon.gif) no-repeat 0 0;}
.couponAll {margin:50px 0; text-align:center; font-weight:700; color:#332f21; font-size:18px; line-height:29px;}
.downBtn {display:inline-block; overflow:hidden; width:29px; height:29px; vertical-align:middle;}
.downBtn img {margin-top:-29px;}
.downBtn.all img {margin-top:0;}
.downBtn.disabled img {margin-top:-58px;}

/* 나의 고유주소 복사 */
.urlAddress{position:absolute; top:13px; right:0;}
.urlAddress .tit{display:inline-block; margin-right:10px; font-size:13px; color:#817366; font-weight:bold; line-height:20px;}
.urlAddress .tit a{margin-right:5px;}
.urlAddress input {width:320px; height:20px; border:1px solid #c4c4c4; background:#fff;}
.urlAddress button {display:inline-block; padding:6px 10px 7px; font-size:12px; color:#fff; background:#817366}

/*혜택확인하기*/
.benefitArea {margin:30px 0;}
.benefitArea .txt {position:relative; margin:0 auto; text-align:center;}
.benefitArea .txt a.btnTypeB {}
.benefitArea .txt a.btnTypeB:after {content:""; display:block; clear:both; position:absolute; right:10px; top:11px; width:14px; height:8px; background:url("/images/mypage/blt_benefit.png") no-repeat 0 0;z-index:10;}
.benefitArea .txt a.btnTypeB.on:after {background-position-y:100%}
.benefitArea .cont {display:none; padding:20px 0;}
.benefitArea .cont img {widtH:100%;}
.familyTxt 	{margin:10px auto; width:550px; text-align:left;}

/* 나의 고유주소 복사popup */
.urlAddressCopy>p {font-size:14px; color:#332f21; text-align:center; font-weight:bold; line-height:24px;}
.urlAddressCopy>p span {color:#59621d;}

/* 예약현황 */
.reserHead {height:97px; padding:33px 0 0 140px; margin-bottom:40px; background:#eeebe8 url(/images/mypage/ico_reservation.gif) no-repeat 0 0;}
.reserHead .caution {}
.reserHead .caution li {position:relative;}
.reserHead .caution li .tit {position:absolute; left:0; top:0;}
.reserHead .caution >li li ul {padding-left:110px;}
.reserHead2 {height:158px; padding:7px 0 0 150px; background:#f7f7f7 url(/images/mypage/ico_reservation2.jpg) no-repeat 0 0;}
.reserHead.cancel {background-image:url(/images/mypage/ico_reserCancel.gif);}
.reserHead3 {position:relative; height:auto; padding:10px 0 10px 150px; background:#f7f7f7;}
.reserHead3:before {content:""; position:absolute; left:3px; bottom:4px; top:3px; width:129px; background:#fff url(/images/mypage/ico_reservation3.jpg) no-repeat 0 50%;}
.reserHead4 {height:75px; padding-top:55px; margin-bottom:40px; border-radius:10px; font-size:20px; text-align:center; background:#eeebe8;}
.reserHead.nonmember {height:108px; padding-top:22px;}

/*예약내역조회*/
.bbsForm td.reserInfoCheck div {margin-bottom:20px;}
.bbsForm td.reserInfoCheck div p {color:#666666; margin-top:5px;}

/* 1:1문의내역 */
.bbsList .counselCont td {padding:0 15px 20px 140px; text-align:left;}
.bbsList .counselCont th, .bbsList .counselCont td {border-top:0;}
.bbsList .myQnaCont td {padding:0 15px 20px 290px; text-align:left;}
.bbsList .myQnaCont th, .bbsList .myQnaCont td {border-top:0;}
.qa {position:relative; padding:15px 50px 15px 15px; font-size:14px; line-height:22px; color:#939393; background:#f5f5f5;}
.qa .question {position:relative; padding-left:34px; padding-top:2px;}
.qa .question:before {content:""; position:absolute; left:0; top:0; width:28px; height:27px; background:url(/images/common/ico_qa.png) no-repeat -45px 0;}
.qa .question img {width:100%;}
.qa .answer {position:relative; padding-left:34px; padding-top:2px; margin-top:25px;}
.qa .answer:before {content:""; position:absolute; left:0; top:0; width:28px; height:27px; background:url(/images/common/ico_qa.png) no-repeat -45px -27px;}
.qa .btn {position:absolute; right:20px; top:20px;}
.qa .btn a {display:block; overflow:hidden; width:12px; height:0; padding-top:6px; background:url(/images/common/ico_qa.png) no-repeat -30px 0;}
/* 상품평관리 */
.myReview {padding:10px 20px 10px 0; text-align:left;}
.myReview .head {position:relative; padding:0 100px 10px 0; border-bottom:1px dotted #d9d9d9;}
.myReview .head .tit {font-weight:700; color:#332f21; font-size:16px; line-height:22px;}
.myReview .head .assess {position:absolute; right:0; top:3px;}
.myReview .content {padding-top:10px; color:#939393; font-size:14px; line-height:20px;}
.myReview .btn {margin-top:20px;}
/* 베스트후기 */
.bestReview .head {position:relative; padding:0 20px 15px 0;}
.bestReview .head .tit {font-weight:700; font-size:26px; line-height:30px; color:#332f21;}
.bestReview .head .txt {margin-top:10px; color:#828282;}
.bestReview .head .search {position:absolute; right:0; top:7px;}
.bestReview .content {padding:25px 0;}
.bestReview .content .bbsList  td.productTit>a {position:relative; display:table; min-height:60px; padding-left:70px; text-align:left;word-break: break-all;}
.bestReview .content .bbsList  td.productTit>a>img {position:absolute; left:0; top:0;width:60px;}
.bestReview .content .bbsList  td.productTit>a span {display:table-cell; padding-left:70px; margin:5px 10px 0 0; height:55px; vertical-align:middle; overflow:hidden;}

/********** 04_고객센터 **********/
/* 자주하는질문 */
.bbsList .faqArea {height:27px; padding:11px 0; padding-left:30px; text-align:left;}
.bbsList .faqArea .question {position:relative; padding:3px 0 2px 38px; font-size:14px; line-height:22px;}
.bbsList .faqArea .question:before {content:""; position:absolute; left:0; top:0; width:28px; height:27px; background:url(/images/common/ico_qa.png) no-repeat 0 0;}
.bbsList .faqArea .answer {display:none; position:relative; padding:18px 35px 17px 53px; margin-top:11px; color:#939393; font-size:14px; line-height:22px; background:#f5f5f5;}
.bbsList .faqArea .answer:before {content:""; position:absolute; left:15px; top:15px; width:28px; height:27px; background:url(/images/common/ico_qa.png) no-repeat 0 -27px;}
.bbsList .faqArea .answer .btn {position:absolute; right:20px; top:20px;}
.bbsList .faqArea .answer .btn a {display:block; overflow:hidden; width:12px; height:0; padding-top:6px; background:url(/images/common/ico_qa.png) no-repeat -30px 0;}
.bbsList .faqArea .answer table {width:100% !important;}
.faqTabArea {text-align:center; font-size:0; margin-top:-10px; margin-bottom:30px;}
.faqTabArea a {display:inline-block; width:140px; padding:10px 0; font-size:15px; color:#666666; border:1px solid #c4c4c4; border-left:0;}
.faqTabArea a:first-child {border-left:1px solid #c4c4c4;}
.faqTabArea a.on {border:1px solid #817366; background:#817366; color:#fff;}
/* 상하배송안내 */
.deleveryWrap #container {width:100%; height:2722px; margin-top:10px; background:url(/images/customer/cont_delevery.jpg) no-repeat 50% 0;}
.deleveryWrap .ac {width:1100px; margin:0 auto;}
/* 약관 */
.tn_box .parna {margin-bottom:25px;}
.tn_box h1 {font-size:17px; line-height: 22px; font-weight:700; margin-bottom:10px;}
.tn_box h2 { font-weight:700; font-size:13px; line-height:23px;}
.tn_box p {line-height:22px; font-size:13px; margin-bottom: 10px; position: relative;}
.tn_box p.pl{padding-left:30px;}
.tn_box p .num{position: absolute; left: 0; top: 0;}
.tn_box ul {padding-left:10px;}
.tn_box ul li{line-height:20px; font-size:13px;}
.tn_box .num_list {margin:5px 0; padding-left:20px; font-size:13px; margin-bottom: 20px;}
.tn_box .num_list li {line-height:20px; position: relative; padding-left: 25px;}
.tn_box .num_list li .num{position: absolute; left: 0; top: 0;}
.tn_box ol.num_list2 {}
.tn_box ol.num_list2 li {font-size:13px; line-height:20px;}
.tn_box ol.num_list2 li ol.inner_list li {padding-left:20px; margin:3px 0;}
.table_normal{margin-bottom: 30px;}
.table_normal table{width: 100%;}
.table_normal table th{background-color: #ebebeb;}
.table_normal table th,.table_normal table td{border: 1px solid #ddd; padding: 10px; }
/* 인스타그램 */
.instaVisual {overflow:hidden; height:0; padding-top:427px; margin-bottom:60px; background:url(/images/customer/visual_insta_170818.jpg) no-repeat 50% 0;}
.instaList {width:1100px; margin:0 auto;}

/*파머스빌리지 상담*/
.calInput {position:relative; display:inline-block;}
.calInput .ui-datepicker-trigger {position:absolute; top:0; bottom:0; right:6px; margin:auto; cursor:pointer;}
.calInput input {padding-right:25px;}
#hotelCounselForm input + span {margin-left:8px;}
#hotelCounselForm input[name="name"] {margin-right:10px;}
#hotelCounselForm input[type="radio"]:nth-of-type(2n) {margin-left:10px;}
#hotelCounselForm .formC {}
#hotelCounselForm .availableDates > .inputWrap:first-child {margin-bottom:10px;}
#hotelCounselForm .availableDates .calInput {vertical-align:middle; margin-right:5px;}
#hotelCounselForm .availableDates strong {margin-right:5px; font-family:'ns'; font-weight:400;}
#hotelCounselForm .fileBox {margin-bottom:8px;}
#hotelCounselForm .fileBox a {margin-right:10px;}
#hotelCounselForm .fileBox ~ span {color:#939393; display:block;}
#hotelCounselForm .agreeWrap {margin:0 auto; margin-top:20px; width:93%;}
#hotelCounselForm .agreeWrap .txtArea { height:100px; margin:10px 0; padding:15px; overflow-y:auto; border: 1px solid #c4c4c4;}
#hotelCounselForm .agreeWrap label {color:#332f21; font-weight:700;}
#hotelCounselForm .agreeWrap label em {color:#59621d}
.agreeWrap .txtArea p {padding-bottom:10px; font-size:13px; color:#5c5c5c; line-height:18px;}
.agreeWrap .txtArea h3,
.agreeWrap .txtArea h4,
.agreeWrap .txtArea h5 {padding:10px 0; font-size:13px; color:#000;}
.agreeWrap .txtArea li {padding:0 0 10px 10px; font-size:13px; color:#5c5c5c; line-height:18px;}
.agreeWrap .txtArea ul li span {display:inline-block; width:220px;}
.agreeWrap .txtArea li ol {padding-top:10px}
.agreeWrap .txtArea li ol li {padding-bottom:5px;}
.agreeWrap .txtArea .bbsList {border-top: 1px solid #000 !important;margin-top: 15px;}
.agreeWrap .txtArea table thead th {padding:5px; font-size:13px; color:#000; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; line-height:16px; text-align:left; background:#fff;}
.agreeWrap .txtArea table tbody td {padding:5px; border-left:1px solid #d9d9d9; font-size:13px; line-height:16px;text-align:left; }
.agreeWrap .txtArea table thead th:first-child, .infoAgree .txtArea table tbody td:first-child {border-left:0;}

/********** 05_팝업 **********/
/* 회원,비회원 주문선택 */
.goLogin {padding-top:20px; margin-top:20px; text-align:center; border-top:1px dotted #d9d9d9;}
.goLogin a {margin-left:6px;}
/* 장바구니 */
.scrTable {position:relative; overflow-y:auto; max-height:245px; border-bottom:1px solid #d9d9d9;}
.scrTable .bbsList {border-top:0; border-bottom:0;}
.deliveryDate {position:relative; padding-left:140px; margin-top:30px; text-align:right;}
.deliveryDate strong {position:absolute; left:0; top:0; font-size:20px; line-height:30px; font-weight:700; color:#111;}
.deliveryDate select {width:100%; height:30px;}
.cartDetail {padding:50px !important;}
.cartDetail .pdt {display:flex; align-items:center;}
.cartDetail .pdt .thumb {overflow:hidden; width:150px; height:150px; border-radius:10px; margin-right:20px; flex-shrink:0;}
.cartDetail .pdt .thumb img {width:100%;}
.cartDetail .pdt .name {font-size:25px; line-height:1.5em; font-weight:700; color:#111;}
.cartDetail .list {overflow-y:auto; max-height:184px; margin-top:35px;}
.cartDetail .list.isScroll {padding-right:10px;}
.cartDetail .list li {position:relative; padding:0 100px 13px 0; border-bottom:1px solid #888;}
.cartDetail .list li+li {margin-top:30px;}
.cartDetail .list li .name {font-size:20px; line-height:1.5em; font-weight:700; color:#111;}
.cartDetail .list li .price {margin-top:10px; font-size:20px; color:#111;}
.cartDetail .list li .price .original {margin-left:15px; font-size:16px; color:#888; text-decoration:line-through;}
.cartDetail .list li .countNum {position:absolute; right:0; top:calc(50% - 19px);}
.cartDetail .total {position:relative; margin-top:30px; font-size:24px; font-weight:700; color:#111;}
.cartDetail .total strong {position:absolute; right:0; top:0; color:#A8AD00; font-size:26px;}
.cartDetail .btnArea {margin-top:30px;}
.cartTopText {padding-left:10px; margin-top:15px; font-size:14px; font-weight:600; line-height:45px; background:#F9FBD8;}
.cartContent {position:relative; padding-right:335px; margin-top:30px;}
.cartContent .cartHead {position:relative; text-align:right;}
.cartContent .cartHead * {vertical-align:middle;}
.cartContent h2.typeA {margin-top:40px; line-height:22px;}
.cartContent h2.typeA:before {content:""; display:inline-block; width:20px; height:22px; margin:-2px 4px 0 0; vertical-align:middle; background:url(/images/common/ico_standard.png) no-repeat 0 50%;}
.cartContent h2.direct:before {background-image:url(/images/common/ico_direct.png);}
.cartContent h2.regular:before {background-image:url(/images/common/ico_routine.png);}
.cartContent h2.scheduled:before {background-image:url(/images/common/ico_scheduled.png);}
.cartContent h2.soldout:before {width:17px; background-image:url(/images/common/ico_soldout.png);}
.cartContent h2.typeA+.total {height:32px; margin-top:-32px; text-align:right; font-size:14px; color:#332F21;}
.cartContent .cartTotalPrice {position:absolute; right:0; top:0; width:320px;}
.cartContent .cartTotalPrice .cont {padding:20px 20px 10px; margin-bottom:5px; border:2px solid #59621D; background:#fff;}
.cartContent .cartTotalPrice .cont p:not(.text) {position:relative; margin-bottom:10px; line-height:30px; font-size:15px; font-weight:600; color:#332F21;}
.cartContent .cartTotalPrice .cont p:not(.text) em {position:absolute; right:0; top:0; font-size:12px;}
.cartContent .cartTotalPrice .cont p:not(.text) em strong {font-size:22px; font-weight:700;}
.cartContent .cartTotalPrice .cont p.total {margin-top:20px; padding-top:20px; border-top:1px dashed #332F21;}
.cartContent .cartTotalPrice .cont p.total em {top:20px;}
.cartContent .cartTotalPrice .cont .text {text-align:right; font-size:12px; font-weight:600;}
.cartContent .cartTotalPrice .btnTypeH {width:100%; height:35px; line-height:35px; font-size:15px;}
.cartContent .cartTotalPrice.floating {position:fixed; left:calc(50% + 230px); top:161px;}
.cartContent .delivery {margin-top:5px; text-align:center; font-size:14px; font-weight:600; line-height:35px; background:#F5F5F5;}
.cartContent .delivery .free {color:#A8AD00;}
.cartContent .delivery+.bbsList {margin-top:30px;}
.cartContent .bbsList.regular {border-bottom:0;}
.cartContent tr.deliveryArea td {border-top:2px solid #828282; padding:5px 0 30px !important;}
.cartContent tr.deliveryArea .delivery {margin:0;}
.cartContent tr.deliveryArea .delivery:before {display:none;}
.cartContent tr.deliveryArea:last-child td {padding-bottom:0 !important;}
.bundleLayer {display:none; position:absolute; right:0; top:30px; padding:15px 40px 15px 20px; border:1px solid #666; text-align:left; background:#fff;}
.bundleLayer .close {position:absolute; right:10px; top:10px;}
.bundleLayer h2 {margin-bottom:15px; font-weight:600; color:#000; font-size:13px;}
.bundleLayer .content {color:#000; line-height:1.5em;}
	/* 장바구니완료 */
.cartComplete {text-align:center; font-weight:700; font-size:16px; color:#332f21;}
.cartComplete p {margin-bottom:30px;}
/*.cartComplete:after {content:""; display:block; width:94px; height:94px; margin:0 auto; background:url(/images/common/ico_order.png) no-repeat 0 -120px;}*/
/* 정기배송 옵션선택 */
.bbsForm.optionForm {border-bottom:2px solid #888; border-top:2px solid #888 !important; border-collapse:initial;}
.bbsForm.optionForm th {padding:13px 0 11px 10px !important; border-right:1px solid #d9d9d9; color:#666;}
.bbsForm.optionForm td {padding:7px 0 7px 20px !important; border-left:1px solid #d9d9d9;}
.bbsForm.optionForm tr.divide th, .bbsForm.optionForm tr.divide td {border-bottom:2px solid #d9d9d9;}
.bbsForm.optionForm tr:not(.divide) th, .bbsForm.optionForm tr:not(.divide) td {border-bottom:1px dotted #d9d9d9;}
.bbsForm.optionForm tr:last-child th, .bbsForm.optionForm tr:last-child td {border-bottom:0;}
.bbsForm.optionForm select {height:24px;}
.bbsForm.optionForm .dib {margin:2px 0;}
.bbsForm.optionForm .addr {position:relative; padding-right:70px;}
.bbsForm.optionForm .addr a {position:absolute; right:0; top:calc(50% - 15px); width:60px; min-width:60px;}
.bbsForm.optionForm td .countNum:has(~.caution) {display:inline-block; vertical-align:middle;}
.bbsForm.optionForm td .countNum~.caution {display:inline-block; padding-left:18px; margin-left:10px; line-height:15px; vertical-align:middle; color:#332f21; font-size:12px; font-weight:600; background:url(/images/common/ico_warning.png) no-repeat 0 0 / auto 15px;}
.bbsForm.optionForm td .countNum~.caution:before {display:none;}
.caution+.optionForm {margin-top:10px;}
.regularSrmy {position:relative; padding:15px 20px 14px; margin-top:20px; border:1px solid #59621d; text-align:right; font-weight:700; font-size:14px; line-height:15px; color:#332f21;}
.regularSrmy dt {position:absolute; left:20px; padding:5px 0;}
.regularSrmy dd {padding:5px 0;}
#popWrap.MODIFY h1 {height:54px; padding:0; border-bottom:1px solid #444; line-height:54px; text-align:center;}
.MODIFY .bbsForm tr {border-bottom-width:1px;}
.MODIFY .bbsForm th {height:51px; text-align:center; padding:0 !important; vertical-align:middle; background:#E8E6E2;}
.MODIFY .bbsForm td {padding:10px !important;}
.beforeInfo {margin-top:30px;}
.beforeInfo h2 {text-align:center; font-size:13px; font-weight:700; color:#111; text-decoration:underline;}
.beforeInfo ul {margin-top:10px; padding:25px 15px; background:#f5f5f5;}
.beforeInfo li {position:relative; padding-left:12px; line-height:1.6em; word-break:keep-all;}
.beforeInfo li:before {content:""; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:#666;}
.popup .routineBenefit {height:100px; padding:0 30px 0 200px;}
.popup .routineBenefit h2 {width:170px; line-height:100px; font-size:13px;}
.popup .routineBenefit ul {padding-top:10px;}
.popup .routineBenefit li {padding:6px 0 6px 14px; font-size:13px;}
	/* 재입고알림 */
.restockForm fieldset {padding:10px 0 20px; border-bottom:1px dotted #d9d9d9;}
.restockForm fieldset p {position:relative; padding-left:100px; margin-top:10px;}
.restockForm fieldset label {position:absolute; left:10px; height:22px; padding-top:8px; font-weight:700; color:#332f21;}
.restockForm fieldset input[type=text] {width:140px;}
.popup .agreeArea {height:80px; margin-top:10px;}
/* 나의배송주소록 */
.addressList {max-height:336px;}
.addressList .tit {color:#828282; font-size:12px; line-height:20px;}
.addressList .tit strong {color:#332f21; font-size:14px;}
.addressList .btnA {display:inline-block; height:26px; padding:0 17px; margin:1px 0; text-align:center; line-height:26px; color:#fff !important; font-size:12px; font-weight:700; background:#a59c94;}
.addressList .btnB {display:inline-block; height:24px; padding:0 16px; margin:1px 0; border:1px solid #a59c94; text-align:center; line-height:24px; color:#8d8781 !important; font-size:12px; font-weight:700; background:#fff;}
/* 나의쿠폰 */
.myCoupon .head {overflow:hidden; margin-top:30px; border-bottom:1px solid #828282; text-align:right;}
.myCoupon .head:first-child {margin-top:0;}
.myCoupon .head h2.typeB {float:left; margin-top:0;}
.myCoupon .head h2.typeB .num {display:inline-block; min-width:15px; height:18px; line-height:18px; padding:0 8px; margin-left:5px; text-align:center; font-weight:normal; font-size:13px; color:#fff; border-radius:9px; vertical-align:middle; background:#59621d;}
.myCoupon .head .price {display:inline-block; font-size:16px; line-height:17px; font-weight:700; color:#332f21;}
.myCoupon .coupon +.coupon {border-top:1px dotted #d9d9d9;}
.myCoupon .coupon:after {content:""; display:block; clear:both;}
.myCoupon .coupon .tit {float:left; width:245px; padding:17px 0; font-weight:700; font-size:14px; color:#332f21;}
.myCoupon .coupon .tit .opt {display:inline-block; margin-top:10px; font-family:'ns';}
.myCoupon .coupon .cont {float:right; width:305px; padding:12px 0;}
.myCoupon .coupon .cont select {width:100%;}
.myCoupon .coupon .cont select +select {margin-top:5px;}
.myCoupon .all {overflow:hidden; padding:20px 20px 19px; margin-top:10px; border:1px solid #59621d; font-weight:700; font-size:14px; line-height:15px; color:#332f21;}
.myCoupon .all .num {float:left;}
.myCoupon .all .num span {text-decoration:underline;}
.myCoupon .all .price {float:right;}


/********** 00_메인 **********/
.main #quick {top:785px;}
.main #container {width:100%;}
.main .slideCont {overflow:hidden;}
.mainVisual {position:relative; width:100%; height:400px; text-align:center;}
.mainVisual .list {width:100% !important;}
.mainVisual .list li {position:absolute; left:0; top:0; width:100%; background-repeat:no-repeat; background-position:50% 0;}
.mainVisual .list li img {width:1100px; height:400px; margin:0 auto;}
.mainVisual .prev {opacity:0; position:absolute; left:50%; top:50%; z-index:20; margin:-49px 0 0 -615px; transition:all .2s;}
.mainVisual .next {opacity:0; position:absolute; right:50%; top:50%; z-index:20; margin:-49px -615px 0 0; transition:all .2s;}
.mainVisual .control {display:none; position:relative; z-index:20; height:43px; margin-top:-43px; text-align:center;}
.mainVisual .control .nav {display:inline-block; vertical-align:middle;}
.mainVisual .control .nav li {display:inline-block; margin:1px 5px -1px; vertical-align:middle;}
.mainVisual .control .nav li a {display:inline-block; overflow:hidden; width:14px; height:0px; padding-top:14px; border-radius:14px; background:#fff;}
.mainVisual .control .nav li.on a {background-color:#358720;}
.mainVisual .control .pause {display:inline-block; margin-left:6px; vertical-align:middle;}
.mainVisual .control .play {display:none; margin-left:6px; vertical-align:middle;}
.mainVisual:hover .prev, .mainVisual:hover .next, .mainVisual:focus .prev, .mainVisual:focus .next {opacity:1;}
.mainSecB {overflow:hidden; padding-bottom:80px; background:#fff;}
.mainSecA {overflow:hidden; padding-bottom:80px; background:#f7f7f7;}
.mainSecA .wrap, .mainSecB .wrap {width:1100px; margin:0 auto;}
.mainSecA .wrap:after, .mainSecB .wrap:after {content:""; display:block; clear:both;}
.main h2.typeA {margin:80px 0 40px; text-align:center; font-size:28px; line-height:1em; color:#1a1811;}
.main h2.typeA +.more {height:68px; margin-top:-68px; text-align:right;}
.main h2.typeA +.more .icoMore {overflow:hidden; display:inline-block; height:20px; text-indent:200%; white-space:nowrap;}
.main .recommendTab {text-align:center; margin-bottom:60px;}
.main .recommendTab .swiper-wrapper {display:block; text-align:center}
.main .recommendTab li {display:inline-block; width:auto !important;}
.main .recommendTab li button {height:30px; padding:0 20px; margin:0 10px; border-radius:15px; font-size:18px; line-height:30px; color:#999; font-family:'ns'; background:#f2f2f2;}
.main .recommendTab li.on button {color:#fff; background:#59621D;}
.main .recommendPdtArea {width:1100px; overflow:hidden;}
.main .recommendPdtArea .recommendProductList {width:1100px; padding-bottom:0;}
.main .pdtList {width:10000px; border-top:0;}
.main .pdtList li {margin-bottom:0; margin-top:0; background:none;}
.main .pdtList li a:hover {color:#666;}
.main .pdtList +h2.typeA {margin-top:0;}
	.maker {overflow:hidden; min-height:34px; padding:13px 15px; margin:18px -15px 0; border-top:1px solid #e5e5e5; text-align:left;}
	.maker .fl {position:relative; width:102px; padding-left:54px;}
	.maker .photo {position:absolute; left:0; top:-4px; overflow:hidden; width:42px; height:42px; border-radius:42px;}
	.maker .num {margin-top:5px; color:#939393;}
	.maker .name {float:right; padding-top:0; width:70px; text-align:right; font-size:16px; line-height:17px; color:#817366;}
.specialSrmy {position:relative; overflow:hidden; width:1100px; height:300px;}
.specialSrmy .list li {position:absolute; left:0; top:0;}
.specialSrmy .list li.on {z-index:1;}
.specialSrmy .list li img {width:1100px; height:300px;}
.specialSrmy .nav {position:relative; z-index:10; height:43px; margin-top:-43px; text-align:center;}
.specialSrmy .nav li {display:inline-block; margin:1px 5px -1px; vertical-align:middle;}
.specialSrmy .nav li a {display:inline-block; overflow:hidden; width:14px; height:0px; padding-top:14px; border-radius:14px; background:#fff;}
.specialSrmy .nav li.on a {background-color:#358720;}
.mainBanner {overflow:hidden; width:100%; text-align:center;}
.mainBanner img {margin:0 -450px;}
.swiper-container  {overflow:visible !important;}
.swiper-container .slideCont {overflow:hidden;}
.swiper-container .prev {position:absolute; left:-26px; top:110px; z-index:20;}
.swiper-container .next {position:absolute; right:-26px; top:110px; z-index:20;}
.swiper-button-disabled{display:none;}
.recipe +.mainBanner {padding-top:80px !important;}
.recipe .prev, .recipe .next {top:72px;}
.recipeMainList li {float:left; width:334px; margin-right:47px;}
.recipeMainList li .thumb {overflow:hidden; width:334px; height:204px; overflow:hidden; border-radius:12px;}
.recipeMainList li .thumb img {width:100%; height:100%;}
.recipeMainList li .tit {margin-top:18px; font-size:14px; color:#888; line-height:1.5em;}
.recipeMainList li .tit span {display:block; font-size:18px; color:#333; line-height:1.5em;}
.recipeMainList li .tag {margin-top:20px;}
.recipeMainList li .tag a {font-size:14px; color:#888; line-height:1.5em;}
.main .eventMainList {overflow:hidden;}
.main .eventMainList li {float:left; width:256px; margin-right:25px;}
.main .eventMainList li .thumb {overflow:hidden; border-radius:12px;}
.main .eventMainList li .thumb img {width:100%;}
.main .eventMainList li .tit {margin-top:15px; font-weight:700; font-size:18px; line-height:1.5em; color:#333; word-break:keep-all;}
.main .eventMainList li .date {margin-top:5px; font-size:16px; color:#333;}
.main .eventMainList li .date strong {font-size:20px;}
.main .eventMainList li:nth-child(4) {margin-right:0;}

@media only screen and (max-width:1230px){
	.mainVisual .prev {margin-left:-535px;}
	.mainVisual .next {margin-right:-535px;}
}

/* 가족 가입안내 */
.familyJoin .bannerArea>.txt {margin-top:50px;}
.familyJoin .bannerArea>.txt p {margin-bottom:20px;font-size:14px; color:#000; line-height:20px;}

.familyJoin {position:relative; padding-bottom:170px;  text-align:center;}
/* .familyJoinIndex:before {position:absolute; left:-78px; bottom:0; content:""; display:block; clear:both; width:270px; height:170px; background:url("/images/familyJoin/familyJoinBg01.jpg") no-repeat 0 0;z-index:1;}
.familyJoinIndex:after {position:absolute; right:-15px; bottom:0; content:""; display:block; clear:both; width:160px; height:170px; background:url("/images/familyJoin/familyJoinBg02.jpg") no-repeat 0 0;z-index:1;} */
.familyJoinIndex .top ul	{border-bottom:2px solid #5b6215;}
.familyJoinIndex .top ul:after	{content:""; display:block; clear:both;}
.familyJoinIndex .top ul li	{float:left; width:25%; height:115px; border-left:1px solid #768014; background:#5b6215; box-sizing:border-box;}
.familyJoinIndex .top ul li.on	{background:#919e14;}
.familyJoinIndex .top ul li a	{display:block; padding:32px 0; font-size:20px; color:#fff; line-height:24px;}
.familyJoinIndex .top ul li:first-child	{border-left:none;}
.familyJoinIndex .top ul li:first-child a	{padding:0; font-size:30px; color:#fff; font-weight:bold; line-height:115px;}
.familyJoinIndex .top ul li a span	{display:block; margin-bottom:4px; font-size:23px; color:#fff; font-weight:bold;}
.familyJoin a.joinBtn {display:inline-block; /* position:absolute; left:160px; bottom:0;margin:105px 10px 0 10px; */ margin-top:70px; z-index:10;}
.familyJoin a +a {left:595px !important; }
.familyJoin .joinTit {display:inline-block; padding:45px 0 0 43px; font-size:32px; color:#332f21; background:url("/images/familyJoin/blt_agree.gif") no-repeat 0 45px;}
.familyJoin .joinStep {position:relative; padding-bottom:10px; height:30px; border-bottom:3px solid #e5e5e5; text-align:right;}
.familyJoin .joinStep ul {position:absolute; right:0; top:0;}
.familyJoin .joinStep ul:after {content:""; display:block; clear:both;}
.familyJoin .joinStep ul li {float:left; padding-left:15px;color:#d9d9d9;}
.familyJoin .joinStep ul li span {margin-right:15px; padding:0 5px; font-size:16px; color:#666; font-weight:bold;}
.familyJoin .joinStep ul li.on span {display:inline-block; color:#332f21; padding-bottom:22px; border-bottom:3px solid #08269f;}

.familyAgree .agreeCont {margin-top:30px;}
.familyAgree .agreeCont .tit {padding:14px 0 14px 30px; font-size:16px; color:#fff; background:#817366; text-align:left;}
.familyAgree .agreeCont .cont {padding:20px 30px; height:350px; font-size:13px; color:#828282; line-height:18px; text-align:left; border:1px solid #d9d9d9; overflow-y:scroll;}
.familyAgree .agreeCont .cont h3 {padding-bottom:10px;font-size:14px;}
.familyAgree .agreeCont .cont h4 {padding-bottom:5px; font-size:13px;}
.familyAgree .agreeCont .cont ol {padding-bottom:15px;}
.familyAgree .agreeCont .cont li {padding:0 0 3px 14px; text-indent:-14px; line-height:20px;}
.familyAgree .agreeCont .cont li span {display:block;}
.familyAgree .agreeCont .cont>p {padding-bottom:10px;}
.familyAgree .agreeChk {position:relative;padding-top:30px;}
.familyAgree .agreeChk>p {}
.familyAgree .agreeChk>p input {marign:0; padding:0; width:32px; height:32px; border:none;  vertical-align:top; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/ico_check9.png) no-repeat 0 0;z-index:10;}
.familyAgree .agreeChk>p input[type=radio]:checked, .familyAgree .agreeChk input[type=checkbox]:checked {background-position-y:100%;}
.familyAgree .agreeChk>p label {margin-left:10px; font-size:25px; color:#333; font-weight:bold;}
.familyJoin .agreeChk .btnArea {margin-top:60px;}
.familyJoin .agreeChk .btnArea a {display:inline-block; padding:24px; width:179px; font-size:26px; color:#acacac; font-weight:bold; border:5px solid #acacac;}
.familyJoin .agreeChk .btnArea a + a {margin-left:25px; color:#09279f; border:5px solid #09279f;}

.familyPayment{position:relative; padding-top:50px; text-align:left;}
/* .familyPayment>ul {margin-top:40px; height:273px;}
.familyPayment>ul:after{padding: 15px 20px; position: absolute;left: 50%;top:250px; margin-left:-50px;content:"or"; display:block; clear:both; font-size:50px; color:#2e40a6; font-weight:bold; border:7px solid #09279f; border-radius: 50px;}
.familyPayment>ul li {float:left;  width:481px; }
.familyPayment>ul li + li {margin-left:138px;}
.familyPayment>ul li >div {margin-bottom:20px; padding:45px 0 45px 37px; border:7px solid #f2f2f2; background:#f2f2f2 url("/images/familyJoin/coupon01_off.png") no-repeat 283px 50%;border-radius:30px;}
.familyPayment>ul li + li>div { background:#f2f2f2 url("/images/familyJoin/coupon02_off.png") no-repeat 283px 50%; border-radius:30px;}
.familyPayment>ul li >div .couponTxt {width:225px; font-size:30px; color:#797979; letter-spacing:-1px;}
.familyPayment>ul li >div .couponTxt strong {display:block; font-size:40px;}
.familyPayment>ul li >div.on {border:7px solid #ccc;  background:#f2f2f2 url("/images/familyJoin/coupon01_on.png") no-repeat 283px 50%;}
.familyPayment>ul li + li >div.on {border:7px solid #ccc;  background:#f2f2f2 url("/images/familyJoin/coupon02_on.png") no-repeat 283px 50%;}
.familyPayment>ul li >div.on .couponTxt {color:#09279f;}
.familyPayment>ul li input {margin-left:43px; padding:0; width:24px; height:24px; border:0;  vertical-align:top; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/ico_check7.png) no-repeat 0 0;}
.familyPayment>ul li input[type=radio]:checked, .familyPayment>ul li input[type=checkbox]:checked {background-position-y:100%;}
.familyPayment>ul li label {margin-left:10px; font-size:21px; color:#666; font-weight:bold;} */
.familyPayment>ul li {font-size:14px; color:#332f21; line-height:20px;}

.familyJoin .payment {margin-top:50px; padding-top:50px; padding-bottom:0; min-height:200px; border-top:2px solid #e5e5e5; border-bottom:none;}
.familyJoin .payment.member .totalPrice {top:50px !important; min-height:168px; border:3px solid #09279f;}
.familyJoin .payment.member .totalPrice .total em.fontTypeA strong {color:#09279f;}
.familyJoin .agreeChk .section h3 {padding:0px 0 7px 10px}
.familyJoin .payWay input[type=radio] +label {margin-right:62px;}
.familyJoin .agreeChk .section h3 input {display:none;}
.familyJoin .agreeChk .section h3 input[type=checkbox] +label {display:inline-block;padding-left:28px;line-height:21px;margin:0;background:url(/images/common/ico_check8.png) no-repeat 0 0;}
.familyJoin .agreeChk .section h3 input[type=checkbox]:checked +label {background-position-y:100%;}
.familyJoin .payment .payWay input[type=radio] {width:16px; height:16px; padding:0; margin:-1px 0 0; border:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/ico_radio3.png) no-repeat 0 0;}
.familyJoin .payment .payWay input[type=radio]:checked, input[type=checkbox]:checked {background-position-y:100%;}

.familyComplete {padding-top:105px;}
.familyComplete:before {position:absolute; left:91px; bottom:0; content:""; display:block; clear:both; width:270px; height:173px; background:url("/images/familyJoin/familyJoinBg01.jpg") no-repeat 0 0;}
.familyComplete:after {position:absolute; right:227px; bottom:0; content:""; display:block; clear:both; width:64px; height:174px; background:url("/images/familyJoin/familyJoinBg02.jpg") no-repeat 0 0;}
.familyComplete>strong {font-size:50px; color:#08269f;}
.familyComplete>p {padding-top:35px; font-size:22px; color:#332f21; line-height:30px; letter-spacing:-1px;}
.familyJoin .familyComplete .agreeChk a {width:255px; color: #09279f; border:5px solid #09279f;}

/* 상하가족 선물하기 popup */
.giftArea {text-align:center;}
.giftArea .tit {font-size:14px; color:#332f21; font-weight:bold;}
.giftArea .idSearch {margin:20px 0 30px 0; padding:10px 0; border-top:1px solid #828282; border-bottom:1px dotted #d9d9d9;}
.giftArea .idSearch input {border:1px solid #c4c4c4;}
.giftArea .btnTypeA {margin-left:10px;}
.giftArea .result {font-size:14px; color:#f28300;font-weight:bold;}
.giftArea .txt {margin-top:40px; padding:20px; font-size:13px; color:#828282; text-align:left; background:#eeebe8;}
.giftArea .txt li {position:relative; padding-left:10px; line-height:20px; font-weight:bold;}
.giftArea .txt li:before {content:""; display:block; clear:both; position:absolute; left:0; top:10px; width:2px; height:2px; background:#f28300;}

/* 현대카드 결제 팝업 */
.cardPop{position:fixed; left:50%; top:50%; margin:-224px 0 0 -204px;width:408px; height:448px; background:#fff; z-index:52; border-radius:15px;}
.cardPop p{text-align:center;}
.cardPop strong{display:block; padding:60px 0 35px 0; font-size:35px; color:#000;}
.cardPop p.popTxt{margin:0 78px; font-size:22px; color:#000; line-height:35px; text-align:justify}
.cardPop .popBtn{padding-top:35px; text-align:center;}
.cardPop .popBtn a{display:block; margin:0 auto; padding:20px 0;width:162px; font-size:25px; color:#fff;background:#4c4c4c; border-radius:10px;}
.cardPop .btnClose{position:absolute; right:30px; top:30px;}
.bgLayer2	{position:fixed; left:0; top:0; width:100%; height:100%;opacity:0.5; filter:alpha(opacity=50); background:#000; z-index:51}


/* 기프트 카드  */
.myGiftCard .head {overflow:hidden; margin-top:30px; border-bottom:1px solid #828282; text-align:right;}
.myGiftCard .head:first-child {margin-top:0;}
.myGiftCard .head h2.typeB {float:left; margin-top:0;}
.myGiftCard .head h2.typeB .num {display:inline-block; min-width:15px; height:18px; line-height:18px; padding:0 8px; margin-left:5px; text-align:center; font-weight:normal; font-size:13px; color:#fff; border-radius:9px; vertical-align:middle; background:#59621d;}
.myGiftCard .scr {max-height:177px;}
.myGiftCard .bbsList {border-top:none;}
.myGiftCard .bbsList input {margin-right:4px;}
.myGiftCard .bbsList td {padding-left:15px; padding-right:15px;}
.myGiftCard .couponForm,
.myGiftCard .couponForm tr {border:none;}
#receiptArea {position:relative; margin-top:10px;}
#receiptArea input,
#receiptArea select {vertical-align:top; width:100%; box-sizing:border-box;}
#receiptArea input {height:30px;}
#receiptArea .receiptSection {padding-top:8px; display:none;}
#receiptArea .receiptSection:after {content:""; display:block; clear:both;}
#receiptArea .receiptSubSection {display:none;}
#receiptArea .receiptSubSection:after {content:""; display:block; clear:both;}
#receiptSubSelect {position:absolute; right:0; top:0}
#receiptArea .inputArea > span {position:relative; float:left; display:block; width:31%; margin-left:3.5%;}
#receiptArea .inputArea > span:before {content:"-"; position:absolute; left:-10px; top:8px;}
#receiptArea .inputArea > span:first-child {margin-left:0;}
#receiptArea .inputArea > span:first-child:before {content:""; left:0; top:0;}
#receiptArea .inputArea.num4 > span {width:22.75%; margin-left:3%;}
#receiptArea .inputArea.num4 > span:first-child {margin-left:0;}

/*hotel*/
.hotel #container {overflow:hidden;}
.hotel #container > * {position:relative;}
.hotel #container {width: 100%; text-align: center; padding-bottom: 0;}
.hotel #container .header {position:relative; height: 1000px; overflow: auto; text-align: center; overflow: hidden;}
.hotel #container .header > img {position: fixed; top: 0; left: 50%; margin-left:-1000px;}
.moveText {position: relative; width: 1100px; margin: 0 auto; overflow: hidden;}
.hotel #container .header .moveText li {width: 100%; height: 1000px; color:blue; font-size: 30px;}
.hotel #container .adArea {relative; width: 100%; height: 1000px; background: url(../images/hotel/adImg.jpg) no-repeat 50% 50%; background-attachment: fixed; background-size: cover;}
.hotel #container .adArea > img {position: absolute; left: 50%; margin-left:-1000px; margin-top: 140px;}
.hotel #container .contArea {width: 100%;}
.hotel #container .contArea > div {position:relative; width: 100%; background-color: #fff; text-align: center;}
.hotel #container .contArea > div:nth-child(2) {width: 100%; background-color: #f3efe3;}
.hotel #footer {position: relative;}
.hotel .priceGuideBtn {position: absolute; display: block; bottom: 36px; left: 0; right: -810px; margin: auto; width: 200px; height: 30px; background: url(/images/hotel/btn_guide.png) no-repeat 0 0/ 100% auto; cursor:pointer;}
.hotel .popup {position: fixed; width: 100%; height:100%;  z-index: 51; top:0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); text-align: center;}
.hotel .popup.on {display: block;}
.hotel .popup .popCont {position: relative; width: 914px; top: 50%; margin: 0 auto;}
.hotel .popup .close {position: absolute; width: 34px; height: 34px; top: 0; right: 0; background: url(/images/hotel/btn_close.png) no-repeat 0 0/ 100% auto; cursor: pointer;}
.not_scroll {position: fixed; overflow: hidden; width: 100%; height: 100%}
.headerTxtWrap {position:absolute; left:0; top:0; width:100%; height:100%;}
.headerTxtWrap .headerTxt {opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:1100px; height:816px;}
#headerTxt2 {opacity: 0;}

.zipcodeLayer {position:fixed; left:50%; top:50%; z-index:101; width:400px; height:470px; margin:-265px 0 0 -210px; padding:60px 10px 0;  overflow:hidden; border-radius:8px; background:#fff; }
.zipcodeLayer h2 {position:absolute; left:0; top:0; right:0; height:59px; padding-left:20px; border-bottom:1px solid #ddd; font-size:20px; font-weight:600; line-height:59px; color:#111;}
.zipcodeLayer #btnCloseLayer {position:absolute; right:20px; top:21px; width:17px;}

/* 포토리뷰팝업 */
.photoReviewList .icoFold {padding-right:20px;}
.photoReviewList .icoFold:before, .photoReviewList .icoFold:after {width:8px; margin-top:-3px; background:#fff;}
.photoReviewList .icoFold:before {right:3px;}
.photoReviewList .total {height:30px;}
.photoList {overflow:hidden; margin-left:-6px;}
.photoList li {position:relative; float:left; overflow:hidden; width:132px; height:132px; margin:6px 0 0 6px;}
.photoList li.on:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #a8ad00;}
.photoList li img {width:100%;}
.photoList li.reviewContent {display:none; position:relative; width:calc(100% - 48px); height:auto; padding:30px 20px 40px; background:#eee;}
.reviewContent .user {height:30px;}
.reviewContent .close {position:absolute; right:20px; top:20px;}
.reviewContent .thumbArea {position:relative; padding:0 100px;}
.reviewContent .thumb {opacity:0; width:582px; height:582px; margin:0 auto; text-align:center;}
.reviewContent .thumb img {width:100%;}
.reviewContent .prev {position:absolute; left:20px; top:305px;}
.reviewContent .next {position:absolute; right:20px; top:305px;}
.reviewContent .list {opacity:0; overflow:hidden; margin-top:20px; margin-left:-3px;}
.reviewContent .list li {position:relative; float:left; overflow:hidden; width:76px; height:76px; margin:3px 0 0 3px;}
.reviewContent .list li img {width:100%;}
.reviewContent .list li.on:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:3px solid #a8ad00;}
.reviewContent .tit {margin-top:20px; font-size:16px; font-weight:600; color:#111; word-break:keep-all;}
.reviewContent .cont {margin-top:20px; line-height:1.4em; word-break:keep-all;}
.reviewContent.show .thumb, .reviewContent.show .list {opacity:1; transition:all .2s;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.nonmemberLogin {padding:20px 100px 100px; border:1px solid #eee; border-radius:10px;}
.nonmemberLogin .fieldArea .field .tit {margin:34px 0 8px; color:#666; font-size:18px;}
.nonmemberLogin .fieldArea .field .tit em {color:#EB1717;}
.nonmemberLogin .fieldArea .field input[type=text], .nonmemberLogin .fieldArea .field input[type=tel], .nonmemberLogin .fieldArea .field input[type=number], .nonmemberLogin .fieldArea .field select {width:100%; height:60px; padding:0 20px; border:1px solid #eee; border-radius:10px; font-size:20px; box-sizing:border-box; text-align:left; outline:none; appearance:none;}
.nonmemberLogin .fieldArea .field .phone {position:relative; padding-right:128px; padding-bottom:68px;}
.nonmemberLogin .fieldArea .field .phone .btn {position:absolute; right:0; top:0; width:120px; height:60px; border-radius:10px; text-align:center; font-size:20px; line-height:60px; color:#fff; background:#a5c000;}
.nonmemberLogin .fieldArea .field .phone .btn:disabled {color:#666; background:#eee;}
.nonmemberLogin .fieldArea .field .phone input {float:left; width:calc((100% - 161px) / 2)}
.nonmemberLogin .fieldArea .field .phone select {float:left; width:105px;}
.nonmemberLogin .fieldArea .field .phone span {float:left; width:28px; text-align:center; font-size:16px; line-height:60px; color:#c2c2c2;}
.nonmemberLogin .fieldArea .field .phone:after {content:""; display:block; clear:both;}
.nonmemberLogin .fieldArea .field .phone .after {position:absolute; left:0; top:68px; right:0;}
.nonmemberLogin .fieldArea .field .phone .after .txt {font-size:16px; color:#a5c000; font-weight:500;}
.nonmemberLogin .fieldArea .field .phone .after .txt2 {color:#FC5E5E;}
.nonmemberLogin .fieldArea .field .phone .after .ip {position:relative; height:60px; padding:0 20px; margin-bottom:8px; border:1px solid #eee; border-radius:10px;}
.nonmemberLogin .fieldArea .field .phone .after .txt+.ip {margin-top:16px;}
.nonmemberLogin .fieldArea .field .phone .after .ip input {width:80%; height:58px; padding:0; border:0;}
.nonmemberLogin .fieldArea .field .phone .after .ip button {position:absolute; right:20px; top:14px; font-size:20px; font-weight:600; color:#a5c000;}
.nonmemberLogin .btnArea {margin-top:100px !important;}
.nonmemberLogin .btnTypeA {min-width:180px; height:52px; margin:0 3px; line-height:52px; border-radius:10px; font-size:18px; background:#a5c000;}

.staffIndex {overflow:hidden; width:1100px; margin:45px auto 0;}
.staffIndex .logo {float:left; margin:86px 0 0 197px;}
.staffIndex .cont {float:right; width:260px; margin:75px 198px 0 0; text-align:center;}
.staffIndex .tit {margin-bottom:20px; font-size:40px; font-weight:700; color:#56602B;}
.staffIndex .btn {display:block; width:100%; height:52px; border-radius:10px; color:#fff; font-size:20px; font-weight:500; line-height:52px; background:#A5C000;}

.staffLayer {position:fixed; left:calc(50% - 240px); top:50%; width:480px; padding:40px 40px 35px; border:1px solid #A8AD00; transform:translateY(-50%); box-sizing:border-box; font-family:'Pretendard', 'Noto', Tahoma, Arial, sans-serif; background:#fff;}
.staffLayer * {box-sizing:border-box;}
.staffLayer .text {margin-right:-5px; font-size:16px; color:#000; word-break:keep-all; line-height:1.5em;}
.staffLayer .text strong {font-family:'Pretendard', 'Noto', Tahoma, Arial, sans-serif; font-weight:600;}
.staffLayer fieldset {width:270px; margin:12px 0 30px;}
.staffLayer fieldset input {box-sizing:border-box; float:left; width:calc((100% - 25px) / 2); color:#000; border-color:#eee; font-size:16px;}
.staffLayer fieldset span {float:left; width:25px; font-size:16px; line-height:28px; text-align:center; color:#000;}
.staffLayer fieldset:after {content:""; display:block; clear:both;}
.staffLayer .btns {text-align:right;}
.staffLayer .btns button {display:inline-block; width:100px; height:38px; border-radius:6px; font-weight:500; line-height:38px; font-size:16px;}
.staffLayer .btns .btnA {color:#fff; background:#A5C000;}
.staffLayer .btns .btnB {color:#000; background:#eee;}
.staffLayer .btns button+button {margin-left:3px;}