@charset "utf-8";

/*******************************
*	팝업
********************************/
.popWrap .infoBox {padding-top:20px}
.popWrap .infoBox .ttl {display:block;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--color-df);font-weight:800}
.popWrap .infoBox .grp .item {display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:10px}
.popWrap .infoBox .grp .title {flex-shrink:0;width:83px;color:var(--color-sct)}
.popWrap .infoBox .grp .desc {flex:1}
.popWrap .infoBox .emphasis {color:var(--color-pc)}
.popWrap .infoBox .selectArea {margin-top:0}
.popWrap .flexBox {display:flex;margin-top:20px;border-top:1px solid var(--color-ct)}
.popWrap .flexBox .infoBox {flex:1}
.popWrap .flexBox .infoBox + .infoBox {margin-left:30px}
.popWrap .flexBox .infoBox .grp {justify-content:flex-end}
.popWrap .flexBox .infoBox .title {width:auto}
.popWrap .flexBox .infoBox .desc {text-align:right}
.popWrap .flexBox .infoBox .desc + .desc {flex:1 0 100%;margin-top:10px}

/* 첫 진입 시 팝업 */
.popMainFirst .popInner {width:396px;background:transparent}
.popMainFirst .popInner .popBox {padding:0}
.popMainFirst .popBtn {height:50px;border-top:1px solid rgba(204,204,204,.2);background:#fff;font-size:12px;line-height:50px}
.popMainFirst .popBtn .closeDay {color:#666}
.popMainFirst .popBtn .popClose {flex-shrink:0;width:130px;color:var(--color-df)}
.popMainFirst .popBtn .popClose::before {content:'';display:block;position:absolute;top:10px;left:0;width:1px;height:30px;background:var(--color-cl)}
.popMainFirst .paging {position:absolute;bottom:26px;text-align:center;box-sizing:border-box;z-index:2}
.popMainFirst .paging .swiper-pagination-bullet {width:8px;height:8px;margin:0 3px;background:rgba(255,255,255,.6);transition:all .2s ease;opacity:1}
.popMainFirst .paging .swiper-pagination-bullet-active {width:20px;border-radius:25px;background:var(--color-wt)}
.popMainFirst .swiper-arrow {display:none;top:50%;width:40px;height:60px;margin-top:-30px;padding:16px 0;background:rgba(0,0,0,.3);box-sizing:border-box}
.popMainFirst .swiper-arrow::before {content:'';display:block;width:15px;height:28px;margin:0 auto;background:url('../images/common/icon_sprites.png') no-repeat}
.popMainFirst .swiper-arrow.prev::before {background-position:-264px -218px}
.popMainFirst .swiper-arrow.next::before {background-position:-284px -218px}
.popMainFirst .swiper-arrow.prev {left:0}
.popMainFirst .swiper-arrow.next {right:0}

/* 비밀번호 재설정 안내 */
.popRenewGuide .popInner {width:420px}
.popRenewGuide .popInner .popBox {padding:50px 30px 30px 30px;text-align:center}
.popRenewGuide .popInner .popBox .popHeader {padding:25px 0 8px 0;border-bottom:0;font-size:16px}
.popRenewGuide .popInner .alert {padding:15px 0;border-bottom:1px solid var(--color-lg);font-size:15px;text-align:center}
.popRenewGuide .popInner .alert::before {content:'';display:inline-block;width:0;height:0;margin:4px 6px 0 0;border-bottom:10px solid var(--color-df);border-left:5px solid transparent;border-right:5px solid transparent;vertical-align:top}
.popRenewGuide .popInner .notice {font-weight:600;font-size:22px}
.popRenewGuide .popInner .text {margin-top:16px;font-size:16px;line-height:22px;color:var(--color-st)}
.popRenewGuide .popInner .text .emphasis {color:var(--color-pc)}
.popRenewGuide .popInner .btn {font-size:16px;line-height:46px}
.popRenewGuide .popInner .btn .btnStyle-8 {color:var(--color-st)}

/* 비밀번호 재설정 */
.popWrap .popInner .popBox .popHeader .notice {padding-top:10px;font-weight:400;font-size:16px;line-height:22px;color:var(--color-st)}
.popResetPw .popInner .popBox {padding-top:100px}
.popBox .popBtnTop {display:flex;position:absolute;top:0;left:0;width:100%;background:var(--color-hg)}
.popBox .popBtnTop a {position:relative;padding:16px 50px;font-size:14px;text-align:center}
.popBox .popBtnTop .popTodayClose {flex-grow:1}
.popBox .popBtnTop .popClose::before {content:'';display:block;position:absolute;top:11px;left:0;width:1px;height:30px;background:var(--color-cl)}
#popResetPw .infoFind {padding-left:28px;padding-right:27px}
#popResetPw .formArea label {width:105px}
#popResetPw .formArea .errorMsg {padding-left:120px}

/* 회원가입 */
.popJoin .popInner {width:520px}
.popJoin .popBox .popBody {padding:50px 0}
.popJoin .btn {margin-bottom:40px}
.popJoin .loginSns {margin:0 0 60px 0}
.popJoin .loginSns::before {content:'';display:block;position:absolute;top:10px;left:0;width:100%;height:1px;background:var(--color-ct)}
.popJoin .loginSns .title {display:inline-block;position:relative;margin-bottom:26px;padding:0 10px;background:var(--color-wt);font-size:18px;color:#666;vertical-align:top;box-sizing:border-box;z-index:1}
.popJoin .loginSns .snsList .apple {background:#000}
.popJoin .txtBottom {padding-top:10px;text-align:center}
.popJoin .txtBottom .linkText {display:inline-block;color:var(--color-st);vertical-align:top}
.popJoin .txtBottom .btnLogin {display:inline-block;padding-left:6px;color:var(--color-pc);text-decoration:underline;vertical-align:top}
/* 이벤트 안내 문구 */
.popJoin .eventGuide {padding-top:29px !important;text-align:center;}
.popJoin .eventGuide .title {display:inline-block;position:relative;margin-bottom:26px;padding:0 10px;background:var(--color-wt);font-size:18px;color:#666;vertical-align:top;box-sizing:border-box;z-index:1;}

/* 회원가입::이용약관 동의 */
.popAgree .popInner {width:850px}
.popAgree .popInner .popBox .popBody {padding-bottom:60px}
.popAgree .popBox .popBody {margin-bottom:50px;border-bottom:1px solid var(--color-cl)}
.popAgree .popBox .popBody .agreeCont {overflow-y:auto;max-height:461px;padding-top:30px;padding-bottom:18px;font-size:16px;line-height:24px;color:var(--color-sct);box-sizing:border-box;overscroll-behavior:contain}

/* 아이디찾기 */
.popFindId .popBody {padding-bottom:10px}
.popFindId .certifyArea {padding:30px 0;border-bottom:1px solid var(--color-cl);text-align:center}
.popFindId .certifyArea .check + .check {margin-left:26px}
.popFindId .infoFind {margin-bottom:30px;padding:30px 36px;border-bottom:1px solid var(--color-cl)}
.popFindId .formArea label {width:97px;margin-right:0}
.popFindId .formArea .innerFormArea {padding-left:86px}
.popFindId .formArea .ip_txt {width:350px}
.popFindId .formArea.formBtn .ip_txt {width:250px}
.popFindId .infoArea {margin-bottom:14px}
.popFindId .infoArea .formLabel {display:inline-block;width:76px;margin-right:6px;line-height:46px;vertical-align:top}
.popFindId .infoArea .selectArea {width:349px}
.popFindId .infoArea .selectArea .sltCurrent {padding-left:20px}
.popFindId .bottomLink {padding-bottom:30px;text-align:center}
.popFindId .bottomLink .text {color:var(--color-st)}
.popFindId .bottomLink .btnJoin {display:inline-block;margin-top:10px;color:var(--color-pc);text-decoration:underline}

/* 아이디찾기::결과 */
.popResultId .popInner {width:500px}
.popResultId .popInner .popBody {padding-bottom:60px}
.popResultId .btnFindPw {display:block;padding-top:50px;font-size:16px;line-height:21px;color:var(--color-st);text-align:center;text-decoration:underline}

/* 비밀번호 재발급::결과 */
#popResultPw .infoFind {padding-left:28px;padding-right:27px}
#popResultPw .formArea label {width:105px}
#popResultPw .formArea .errorMsg {padding-left:120px}

/* 장바구니 */
.popCart .popInner {width:540px}
.popCart .popInner .popBox .popHeader {margin-bottom:20px;padding-bottom:19px;border-bottom-color:var(--color-ct);font-size:18px;text-align:left}
.popCart .popInner .popBox .popBody {padding-bottom:40px;overflow:revert}
.popCart .popInner .infoArea {margin-bottom:20px}
.popCart .popInner .infoArea .formLabel {display:inline-block;width:100px;margin-right:4px;line-height:46px;color:var(--color-st);vertical-align:top}
.popCart .popInner .infoArea .selectArea {width:351px}
.popCart .popInner .priceArea .sltItem .item {padding:22px 0}
.popCart .popInner .priceArea .sltItem .item + .item {border-top:1px solid var(--color-ct)}
.popCart .popInner .priceArea .sltItem .item .info {width:195px}
.popCart .popInner .priceArea .totalPrice {border-color:var(--color-ct)}
.popCart .popInner .priceArea .sltItem .item .btnDel {right:118px;padding-left:7px;padding-right:7px}

/* 구매안내 */
.popExchange .popInner {width:760px}
.popExchange .popInner .popBody {padding-bottom:45px}
.popBox .guideBox .guideTitle {padding-top:30px;font-size:20px}
.popBox .guideBox .depth1 {margin-top:9px}
.popBox .guideBox .depth1 + .guideTitle {margin-top:2px}
.popBox .guideBox ol > li {margin-left:18px;list-style:decimal}
.popBox .guideBox .depth1 li {line-height:28px;word-break:keep-all}

.popBox .guideBox .infoArea {display:flex;flex-wrap:wrap;line-height:28px}
.popBox .guideBox .infoArea dt {flex-shrink:0;width:80px;color:var(--color-st)}
.popBox .guideBox .infoArea dd {width:calc(100% - 80px)}
.popBox .guideBox .noMarker li {margin-left:0;list-style:none}
.popBox .guideBox .depth1 .emphasis {color:var(--color-pc)}
.popBox .guideBox .bullet > li {padding-left:11px;}
.popBox .guideBox .bullet > li::before {content:'-';display:inline-block;margin:0 4px 0 -11px;vertical-align:top} 

/* 상품문의 */
.popQna .popInner .popBody {padding-bottom:62px}
.popQna .productTitle {display:block;margin-top:30px;font-weight:600;font-size:18px}
.popQna .selectArea {width:100%;margin-top:20px}
.popQna .formArea .ip_txt {width:100%;margin-top:20px}
.popQna .textarea {height:220px;margin-top:15px;padding:20px 20px 40px 20px}
.popQna .maxlength {font-size:14px}
.popQna .checkArea {display:flex;justify-content:space-between;padding-top:10px}
.popQna .checkArea .check {font-size:14px}
.popQna .guideArea {padding-top:40px}
.popQna .loginWrap .contents {padding:50px;background:#fff}/* 문의하기 > 로그인 팝엄 */
.popQna .loginWrap .btnCloseLogin {display:block}
.popQna header, .popQna footer {display:none}

/* 반품/교환 신청 */
.popReturn .notice {padding:20px 0;color:var(--color-st)}
.popReturn .popBox .orderList {margin-top:48px;padding-bottom:20px;border-bottom:1px solid var(--color-ct)}
.popReturn .popBox .orderList .cartList li {padding:14px 0 0 0;border:0;border-top:1px solid var(--color-ct)}
.popReturn .popBox .orderList .cartList .total {line-height:20px}
.popReturn .popBox .orderList .cartList .total .price {margin-left:0}
.popReturn .textarea {height:130px;margin-top:10px}
.popReturn .qnaTtl {display:block;padding:20px 0 10px 0}
.popReturn .qnaSection {padding-bottom:20px;border-bottom:1px solid var(--color-ct)}
.popReturn .qnaSection .guideArea {padding-top:10px}
.popReturn .innerBox > .guideArea {margin-top:50px;padding-top:20px;border-top:1px solid var(--color-ct)}

/* 1:1문의 */
#popQuestion .textarea {margin-top:20px}
#popQuestion .qnaSection {padding-top:28px}
#popQuestion .qnaTtl {display:block;padding-bottom:10px}
#popQuestion .guideArea {padding-top:30px}
.photoList {display:flex}
.photoList .photoBox {flex-shrink:0;position:relative;width:90px;padding-top:90px}
.photoList .photoBox label {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border:1px solid var(--color-ml);cursor:pointer;box-sizing:border-box}
.photoList .photoBox label::before {content:'\ff0b';display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--color-cl);font-weight:300;font-size:26px;line-height:30px;text-align:center;z-index:-1}
.photoList .photoBox .btnDel {display:block;position:absolute;top:0;right:0;width:26px;height:26px;background:rgba(0,0,0,.6);line-height:26px;text-align:center}
.photoList .photoBox .btnDel::before {content:'\2573';display:block;font-weight:400;font-size:12px;color:var(--color-wt)}
.photoList .photoBox + .photoBox {margin-left:10px}

/* 정기배송 설정 */
.popRdSetting .popInner .popBody {padding-bottom:40px}
.regularSetting .btnArea {display:flex;height:50px;margin:45px 0 4px 0;font-weight:400;font-size:13px;line-height:50px}
.regularSetting .btnArea a {flex-grow:1;font-weight:600;font-size:18px;text-align:center}
.regularSetting .btnArea a + a {margin-left:10px}
.regularSetting .settingBox {margin-top:20px;padding:30px 30px 30px 27px;border:1px solid var(--color-cl)}
.regularSetting .settingBox .toggleCheck label {font-size:18px}
.regularSetting .settingBox .version {display:block;padding-top:10px;font-size:15px;color:var(--color-st)}
.regularSetting .guideArea {margin-top:10px}
.regularSetting .guideArea.bg {padding:15px;background:var(--color-hg)}
.regularSetting .guideArea.bg li + li {margin-top:9px}
.regularSetting .guideArea.bg + .settingBox {margin-top:25px}
.regularSetting .check {word-break:keep-all}
.regularSetting .settingBox .onlyText {position:relative;padding:8px 0}
.regularSetting .settingBox .onlyText .posR {position:absolute;top:0;right:0;line-height:35px;border:0;background:0;text-align:right}

/* 배송지 목록 */
/* .popDeliveryList .popHeader {width:580px;margin:0 auto} */
/* .popDeliveryList .popInner .popBox {padding-left:0;padding-right:0} */
.popDeliveryList .popBody .noText {padding:120px 40px;font-size:20px;line-height:30px;text-align:center}
/* .popDeliveryList .popBody .deliveryList {overflow-y:auto;max-height:599px;padding:11px 40px 23px 40px;box-sizing:border-box;overscroll-behavior:contain} */
.popDeliveryList .popBody .deliveryList {padding-bottom:25px}
.popDeliveryList .popBody .deliveryList .set {position:relative;padding:30px 0;border-bottom:1px solid var(--color-ct)}
.popDeliveryList .popBody .deliveryList .set .radio .badge {display:inline-block;height:26px;margin:-1px 0 0 8px;padding:0 12px;border-radius:80px;background:var(--color-lg);font-size:12px;line-height:26px;color:Var(--color-sct);vertical-align:top}
.popDeliveryList .popBody .deliveryList .set .info {font-size:14px}
.popDeliveryList .popBody .deliveryList .set .info dd {padding-top:10px}
.popDeliveryList .popBody .deliveryList .set .info dd:first-of-type {padding-top:14px}
.popDeliveryList .popBody .deliveryList .set .info .name {padding-right:8px}
.popDeliveryList .popBody .deliveryList .set .btnGroup {position:absolute;bottom:30px;right:0}
.popDeliveryList .popBody .deliveryList .set .btnGroup .edit::before {width:20px;height:21px;background-position:-248px 0}
.popDeliveryList .popBody .deliveryList .set .btnGroup .edit::after {content:'';display:inline-block;width:1px;height:22px;margin-left:16px;background:var(--color-ct);vertical-align:top}
.popDeliveryList .popBody .deliveryList .set .btnGroup .del {height:22px;padding-left:16px;vertical-align:top}
.popDeliveryList .popBody .deliveryList .set .btnGroup .del::before {width:16px;height:17px;background-position:-146px -180px}

/* 배송지 등록 */
.popDeliveryRegist .popBody {padding:20px 0 40px 0}
.popDeliveryRegist .formArea label {width:100%;margin:10px 0 7px 0}
.popDeliveryRegist .formArea .ip_txt {width:100%}
.popDeliveryRegist .formArea .btnDel {top:35px}
.popDeliveryRegist .formArea .innerFormArea {flex-shrink:0;width:100%;padding:0}
.popDeliveryRegist .formArea.address > .ip_txt {width:220px}
.popDeliveryRegist .check {margin-top:20px}

/* 지도로 보기 */
.popMap .popInner  .popBox {padding-bottom:40px}

/* 레스토랑 메뉴 */
.popMenu .menuImg {margin-bottom:50px}

/* 뉴스레터 구독 개인정보 동의 */
.popSubscription .popBody {padding-top:50px;padding-bottom:150px;line-height:26px}
.popSubscription .agreeList .notice {margin-top:20px}
.popSubscription .check {margin-top:40px}

/* 90일 비밀번호 변경, 휴면계정 */
.popAccount .popBody {position:relative;min-height:444px;margin-bottom:40px;padding:40px 70px 55px 70px;border-bottom:1px solid var(--color-ct);box-sizing:border-box}
.popAccount .popBody.iconS::before {display:block;width:26px;height:33px;margin:17px auto 32px auto;background-position:-474px -212px}
.popAccount .popBody.iconS::after {content:'';display:block;position:absolute;top:38px;left:0;right:0;width:68px;height:68px;margin:0 auto;border-radius:50%;background:var(--color-hg);z-index:-1}
.popAccount .popBody .noticeTxt {position:relative;margin-bottom:30px;padding-top:17px;font-size:18px;line-height:26px;text-align:center}
.popAccount .popBody .noticeTxt::before {content:'******';display:block;margin-bottom:11px;font-size:19px;line-height:22px;color:var(--color-pc);text-align:center}
.popAccount .popBody .noticeTxt .emphasis {color:var(--color-pc)}
.popAccount .popBody.iconS.type2::before {margin-bottom:8px}
.popAccount .popBody .formArea {justify-content:center}
.popAccount .popBody .formArea + .formArea {margin-top:10px}
.popAccount .popBody .formArea .ip_txt {width:350px}
.popAccount .popBody .innerBox {margin-top:40px;padding:30px 50px;border-radius:10px;background:var(--color-hg);box-sizing:border-box}
.popAccount .popBody .innerBox .obj + .obj {margin-top:14px}
.popAccount .popBody .innerBox .title {color:var(--color-st)}

/* 예치금 현금 환불 요청 */
.popRefundRequest .popBody {padding-top:40px;padding-bottom:40px}
.popRefundRequest .infoBox {margin-bottom:30px;padding:22px 30px;border:1px solid var(--color-ct);background:var(--color-hg);box-sizing:border-box}
.popRefundRequest .infoBox .item {display:flex;align-items:center;justify-content:space-between}
.popRefundRequest .infoBox .item + .item {margin-top:15px}
.popRefundRequest .infoBox .item dt {flex-grow:1;color:var(--color-sct)}
.popRefundRequest .infoBox .item dd {flex-shrink:0;width:290px;margin-top:5px;font-size:20px;text-align:right}
.popRefundRequest .infoBox .item dd .emphasis {font-weight:600;font-size:24px}
.popRefundRequest .infoBox .item .formArea .ip_txt {width:100%}
.popRefundRequest .infoBox .item .formArea.formBtn::before {content:'원';position:absolute;top:13px;right:110px;font-size:16px;z-index:1}
.popRefundRequest .infoBox .item .formArea.formBtn .ip_txt {width:200px;padding-right:34px;text-align:right}
.popRefundRequest .infoBox .item .formArea.formBtn .btnAll {width:90px;height:46px}

/* 매장 점주용 안내 */
.popStoreWwner .popBtn {height:50px;line-height:50px;font-size:12px;background:var(--color-hg)}
.popStoreWwner .popBtn .closeDay {color:#666}
.popStoreWwner .popBtn .popClose {flex-shrink:0;width:225px;color:var(--color-df)}
.popStoreWwner .popBtn .popClose::before {content:'';display:block;position:absolute;top:10px;left:0;width:1px;height:30px;background:var(--color-ct)}

/* 배송조회 */
.popDeliveryTrace .popBody {padding:18px 0 63px 0}
.popDeliveryTrace .trackInfo {padding-top:20px;box-sizing:border-box}
.popDeliveryTrace .trackInfo .title {display:block;padding-bottom:12px;font-weight:600;font-size:18px}
.popDeliveryTrace .trackInfo .trackBox {display:flex;flex-wrap:wrap;padding:37px 40px 21px 40px;border:1px solid var(--color-ml);background:#f9f9f9;box-sizing:border-box}
.popDeliveryTrace .trackInfo .trackBox dt {flex-shrink:0;width:73px;margin-right:5px;padding-bottom:18px}
.popDeliveryTrace .trackInfo .trackBox dd {flex-shrink:0;width:calc(100% - 78px);padding-bottom:18px;word-break:keep-all}
.popDeliveryTrace .trackInfo .trackTable {border-top:1px solid var(--color-pc);text-align:center}
.popDeliveryTrace .trackInfo .trackTable th {padding:14px 0;border-bottom:1px solid var(--color-ml);background:#f9f9f9;font-weight:400;color:#666;box-sizing:border-box}
.popDeliveryTrace .trackInfo .trackTable td {padding:14px 5px;border-bottom:1px solid var(--color-cl);line-height:22px;box-sizing:border-box}

/* 카드선택 */
.popSelectCard .popInner {width:500px}
.popSelectCard .payList {padding:50px 0 80px 0}
.popSelectCard .listSet {display:block}
.popSelectCard .listSet + .listSet {margin:20px 0 0 0}
.popSelectCard .listSet label {display:flex;align-items:center}
.popSelectCard .listSet label::before {flex-shrink:0;margin-right:20px}
.popSelectCard .listSet label::after {top:50%;margin-top:-6px}
.popSelectCard .listSet label .imgArea {flex-shrink:0;overflow:hidden;width:150px;margin-right:18px;border-radius:6px}
.popSelectCard .listSet label .imgArea .thumbImg {padding-top:100px}
.popSelectCard .listSet label .title {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:42px;margin-bottom:10px;font-size:18px;line-height:21px;color:var(--color-sct)}
.popSelectCard .listSet label .price {display:inline-block;font-size:18px;line-height:21px;vertical-align:top}
.popSelectCard .listSet label .errorTxt {display:inline-block;padding-left:20px;line-height:21px;color:var(--color-pc);vertical-align:top}
.popSelectCard .notice {margin-top:30px;color:var(--color-pc)}

/* 회원탈퇴 */
.popDropUser .popBody {padding:20px 0 60px 0}
.popDropUser .statusBox {margin-bottom:30px;padding:40px 20px;background:var(--color-hg);text-align:center}
.popDropUser .statusBox .date {padding-bottom:14px;font-weight:700;font-size:20px;line-height:30px}
.popDropUser .statusBox .service {display:block;padding-top:6px;font-size:18px}
.popDropUser .cardList {padding-bottom:20px}
.popDropUser .cardList .totalArea {display:flex;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--color-cl)}
.popDropUser .cardList .totalArea .title {margin-right:12px;font-weight:600}
.popDropUser .cardList .listWrap {padding-top:20px}
.popDropUser .cardList .listSet {display:flex;align-items:center}
.popDropUser .cardList .listSet + .listSet {margin-top:10px}
.popDropUser .cardList .listSet .imgArea {overflow:hidden;flex-shrink:0;width:154px;margin-right:12px;border-radius:6px}
.popDropUser .cardList .listSet .imgArea .thumbImg {padding-top:103px}
.popDropUser .cardList .listSet .infoArea {flex-grow:1}
.popDropUser .cardList .listSet .infoArea .title {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;height:17px}
.popDropUser .cardList .listSet .infoArea .price {display:block;padding-top:6px;font-size:14px;color:var(--color-sct)}
.popDropUser .cardList .listSet .infoArea .date {display:block;padding-top:4px;font-size:14px;color:var(--color-sct)}
.popDropUser .guideArea {padding-top:22px;border-top:1px solid var(--color-cl)}
.popDropUser .check {margin-top:15px;padding-top:15px;border-top:1px solid var(--color-cl);font-size:14px}
.popDropUser .btnDrop {margin-top:15px}

/* 메뉴 */
.popMenu .popInner {width:1000px}

/* 멤버십 가입 로그인 */
.popMembershipJoin .popInner.onlyText .popBody {min-height:340px}

/* 도매::회원가입 신청 완료 */
.popWholeSaleJoin .resultText {padding:89px 0 146px 0}
.popWholeSaleJoin .resultText .text {font-weight:600;font-size:34px;line-height:46px}
.popWholeSaleJoin .resultText .subText {padding-top:30px;font-size:18px;line-height:26px;color:var(--color-st)}

/* 현금영수증 */
.popReceiptInfo .popInner {width:500px}
.popReceiptInfo .receiptArea {padding:60px 0 80px 0}

/* 세금계산서 */
.popTaxInvoice .popBody {padding:10px 0 30px 0}
.tableTtl {display:block;padding:20px 0 10px 0;font-weight:700;font-size:16px}
.popTable {border-bottom:1px solid var(--color-ct)}
.popTable tr {border-top:1px solid var(--color-ct)}
.popTable th {padding:19px 10px 10px 10px;background:var(--color-hg);font-weight:400;font-size:16px;text-align:left;vertical-align:top;box-sizing:border-box}
.popTable td {padding:10px 10px;border-left:1px solid var(--color-ct);box-sizing:border-box}
.popTable .formArea {row-gap:6px;width:260px}
.popTable .formArea.formBtn {width:100%}
.popTable .formArea.formBtn .btnInput {height:38px;margin-left:6px;line-height:36px}
.popTable .formArea.formBtn .ip_txt:first-child {width:160px}
.popTable .formArea.formBtn .ip_txt:nth-child(n+2) {width:100%}
.popTable .ip_txt {width:100%;height:38px;padding-left:10px}
.popTable .bgWt:read-only {background:var(--color-wt);color:#BBBBBB}
.popTable .btnDel {right:0;height:100%;padding:7px 0}
.popTable .radioArea {padding:16px 15px}
.popTable .radio + .radio {margin-left:16px}
.popTable ~ .check {margin-top:20px}
.popTable ~ .check label {padding-left:35px}
.popTable ~ .check label::before {margin-left:-35px}
.popTaxInvoice .guideArea {margin-top:21px}

/* 현금영수증 */
.popBody .flexGroup {padding-bottom:32px}
.popBody .flexList .ttl {flex-shrink:0;padding-right:10px}
.popBody .flexList .txt {margin-left:auto}
.popBody .flexHeader {display:flex;align-items:center;padding:40px 0 12px 0;border-bottom:1px solid var(--color-ct)}
.popBody .flexHeader .ttl {font-weight:600;font-size:18px}
.popBody .flexItem {display:flex;padding:20px 0;border-bottom:1px solid var(--color-ct)}
.popBody .flexItem .txt {font-weight:600}
.popBody .flexNoti {margin-top:30px;font-size:14px;line-height:20px;color:var(--color-en);word-break:keep-all}
.popBody .flexNoti + .flexNoti {margin-top:20px}

/* 쿠폰 등록 */
.popRegistCoupon .popInner {width:660px}
.popRegistCoupon .popInner .popBox .popHeader {font-size:30px}
.popRegistCoupon .resultText {padding-top:99px}
.popRegistCoupon .resultText .subText {padding-top:20px}


#wrap {min-width:1200px;min-height:calc(100vh - 434px)}

/*******************************
*	메인
********************************/
.tSwiper {overflow:hidden;position:relative}
.tSwiper .swiper-arrow {position:absolute;cursor:pointer;z-index:2}
.tSwiper .swiper-fraction {position:absolute;bottom:20px;left:auto;right:30px;width:80px;border-radius:50px;background:rgba(51,51,51,.3);line-height:30px;color:var(--color-wt);text-align:center;z-index:1}
.tSwiper .swiper-fraction .swiper-pagination-current {font-weight:700}

.mainVisual {position:relative;width:100%;height:600px}
.mainVisual img {height:100%;object-fit:cover}
.mainVisual .visualPagination {position:absolute;left:0;right:0;bottom:40px;width:auto;margin:0 auto;text-align:center;box-sizing:border-box;z-index:2}
.mainVisual .visualPagination .swiper-pagination-bullet {width:12px;height:12px;margin:0 6px;background:var(--color-wt);transition:all .2s ease;opacity:1}
.mainVisual .visualPagination .swiper-pagination-bullet-active {width:40px;border-radius:100px;background:var(--color-pc)}
.mainVisual .swiper-fraction {bottom:36px;left:0;right:0;margin:0 auto}
.mainVisual .swiperNav {position:absolute;top:50%;width:18px;height:34px;margin-top:-17px;background:url('../images/common/icon_sprites.png') no-repeat;z-index:2;cursor:pointer}
.mainVisual .swiperNav.prev {left:100px;background-position:-74px -96px}
.mainVisual .swiperNav.next {right:100px;background-position:-96px -96px}
.mainContents .section {max-width:1200px;margin:0 auto;padding:110px 0 120px 0}
.mainContents .section + .section {padding-top:0}
.mainContents .section .mainTitle {margin-bottom:50px;padding-top:20px;font-weight:400;font-size:30px;text-align:center}
/* .mainContents .section.type4 .mainTitle::before {content:'';display:block;width:45px;height:45px;margin:0 auto 4px auto;background:url('../images/common/icon_sprites.png') no-repeat -180px -202px} */
.mainContents .section.type4 .snsList {padding:32px 0 10px 0;text-align:center}
.mainContents .section.type4 .snsList .link {display:inline-block;margin:0 27px;font-size:18px;line-height:28px;color:var(--color-en);vertical-align:top;box-sizing:border-box}
.mainContents .section.type4 .snsList .link.insta {font-family:'Roboto'}
.mainContents .section.type4 .snsList .link::before {width:28px;height:28px;margin-right:8px;border-radius:50%;transition:all .2s}
.mainContents .section.type4 .snsList .link.insta::before {background-position:-302px -238px}
.mainContents .section.type4 .snsList .link.youtube::before {background-position:-334px -238px}
.mainContents .section.type4 .snsList .link.kakao::before {background-position:-366px -238px}
.mainContents .section.type4 .snsList .link:hover::before {transform:scale(1.1)}
.mainContents .section.type4 .snsImg .imgList {display:grid;grid-template-columns:repeat(5, 1fr);gap:2px}
.mainContents .section.type4 .snsImg .imgList .thumbImg:hover img {transform:scale(1.05)}
/* .mainContents .section.type4 .snsImg .imgList .imgArea {margin:2px 0 0 2px} */
.mainContents .bannerArea {max-width:1200px;margin:0 auto}

.shortcutArea {max-width:1200px;margin:0 auto;padding:80px 0;background:var(--color-hg)}
.shortcutArea .shortcutList {display:flex;justify-content:center}
.shortcutArea .item {flex-shrink:0;width:180px;font-size:26px;text-align:center}
.shortcutArea .item + .item {margin-left:70px}
.shortcutArea .item a {display:block}
.shortcutArea .item a::before {content:'';display:block;width:180px;height:180px;margin:0 auto 16px auto;border-radius:50%;background:no-repeat}
.shortcutArea .dripbag a::before {background-image:url('../images/img/bg_minCat_1.png')}
.shortcutArea .regular a::before {background-image:url('../images/img/bg_minCat_2.png')}
.shortcutArea .wholesale a::before {background-image:url('../images/img/bg_minCat_3.png')}
.shortcutArea .bean a::before {background-image:url('../images/img/bg_minCat_4.png')}

.section.type2 .inner {display:flex;max-width:1200px;margin:0 auto}
.section.type2 .inner .banner {flex-shrink:0;width:588px;height:440px}
.section.type2 .inner .banner img {width:100%;height:100%;object-fit:cover}
.section.type2 .inner .listStyle {flex-grow:1;display:flex;align-items:center;padding-left:39px;border-top:1px solid var(--color-cl);border-bottom:1px solid var(--color-cl)}
.section.type2 .listStyle .listWrap {margin:0}
.section.type2 .listStyle .listWrap .listSet {display:flex;width:100%;margin-left:0}
.section.type2 .listStyle .listWrap .listSet + .listSet {margin-top:39px}
.section.type2 .listStyle .listWrap .listSet .imgArea {flex-shrink:0;width:136px;margin-right:16px}
.section.type2 .listStyle .listWrap .listSet .infoArea {flex-grow:1;padding:0 5px 0 0}
.section.type2 .listStyle .listWrap .listSet .infoArea .title {font-weight:400;-webkit-line-clamp:1}
.section.type2 .listStyle .listWrap .listSet .infoArea .subScript {padding-top:0}
.section.type2 .listStyle .listWrap .listSet .infoArea .price {margin-top:6px}

.section.type3 {}
.section.type3 .timesList {position:relative;padding:50px 100px;background:#f7f7f7}
/* .section.type3 .timesList .item {width:320px} */
.section.type3 .timesList .item .imgArea .thumbImg {padding-top:467px}
.section.type3 .timesList .item a {position:relative}
.section.type3 .timesList .item a .number {position:absolute;top:1px;right:1px;min-width:80px;padding:0 5px;background:#f2f2f2;line-height:36px;color:#666;text-align:center;z-index:1}
.section.type3 .timesList .imgArea {border:1px solid var(--color-ml);box-sizing:border-box}
.section.type3 .timesList .infoArea {padding-top:18px;text-align:center}
.section.type3 .timesList .infoArea .title {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:24px;font-weight:600;font-size:20px;line-height:24px}
.section.type3 .timesList .infoArea .subscript {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:20px;margin-top:5px;font-size:16px;line-height:20px;color:#666}
.section.type3 .timesList .swiper-arrow {position:absolute;top:263px}
.section.type3 .swiper-arrow.prev {left:40px}
.section.type3 .swiper-arrow.next {right:40px}
.section.type3 .swiper-arrow::before {content:'';display:block;width:23px;height:43px;background:url('../images/common/icon_sprites.png') no-repeat 0 -257px}
.section.type3 .swiper-arrow.next::before {background-position-x:-28px}
.section.type3 .swiper-button-disabled {opacity:.3}
.section.type3 .btnLink {margin-top:40px;text-align:center}
.section.type3 .btnLink a {display:inline-block;min-width:260px;padding:11px 20px;border-radius:80px;font-size:18px;transition:all .1s;box-sizing:border-box;vertical-align:top}
.section.type3 .btnLink a:hover {border-color:var(--color-pc);color:var(--color-pc)}

/*******************************
*	서브 공통
********************************/
.subWrap {padding-bottom:120px}
.noHistory {padding:100px 0;border-bottom:1px solid var(--color-ct);box-sizing:border-box}
.noHistory .text {font-size:16px;text-align:center}
.noHistory .btn {width:180px;height:40px;margin:40px auto 0 auto;font-weight:400;line-height:40px}
.noHistory .btn a {border-radius:50px}
.noHistory.icon::before {content:'';display:block;margin:0 auto 15px auto;background:url('../images/common/icon_sprites.png') no-repeat 0/250px auto}
.menuSlide + .noHistory {padding-top:60px}
.periodSet + .noHistory {padding-top:100px}
.brdTop {padding:0 20px;border-top:7px solid var(--color-lg)}
.brdTopLt {margin-top:15px;padding-top:15px;border-top:1px solid var(--color-cl)}
/* .section {overflow:hidden;position:relative;padding:25px 20px;border-top:7px solid var(--color-lg);box-sizing:border-box} */
/* .section:first-of-type {border-top:0} */
/* .section:last-child {padding-bottom:0} */
/* .section .sectionTitle {display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:12px;font-weight:600;font-size:15px;line-height:18px} */
.periodSet {padding:20px 20px 15px 20px;border-bottom:1px solid var(--color-ml);box-sizing:border-box}
.periodSet .squareRadio {display:table;table-layout:fixed;width:100%;min-width:0;margin:0}
.periodSet .squareRadio .radio + .radio label {border-left:0}
.periodSet .squareRadio .radio {display:table-cell}
.periodSet .squareRadio .radio label {width:100%;height:36px;line-height:34px}
.periodSet .periodSelect {display:none}
.periodSet .periodSelect .selectArea {display:inline-block;width:calc((100% - 14px) / 2);margin-top:15px;vertical-align:top}
.periodSet .periodSelect .selectArea + .selectArea {margin-left:10px}
.periodSet .guideBox {margin-top:10px;padding:15px;background:var(--color-hg)}
.periodSet .guideBox .text {font-size:12px;line-height:17px;color:var(--color-st);word-break:keep-all}
.sortArea {text-align:right}
.sortArea .emphasis {display:inline-block;font-weight:600;color:var(--color-pc)}
.sortArea .desc {padding:7px 0 3px 0;font-size:12px;color:var(--color-st)}
.sortArea .btnSort a {display:inline-block;margin-left:7px;padding:0 10px;border-radius:2px;font-size:12px;line-height:20px;vertical-align:top;box-sizing:border-box}
.sortBtn {position:relative;padding-bottom:20px}
.sortBtn .togBtn {display:block}
.sortBtn .togBtn::after {content:'';display:inline-block;width:19px;height:16px;margin:0 0 0 6px;background:url('../images/common/icon_sprites.png') no-repeat -262px -50px;vertical-align:top}
.sortBtn .sortList {display:none;position:absolute;top:30px;right:0;width:120px;padding:4px 0;border:1px solid var(--color-ct);background:var(--color-wt);z-index:2;box-sizing:border-box}
.sortBtn .sortList::before {content:'';display:block;position:absolute;top:-10px;right:10px;width:0;height:0;border-top:10px solid none;border-bottom:10px solid var(--color-ph);border-left:4px solid transparent;border-right:4px solid transparent;z-index:1}
.sortBtn .sortList::after {content:'';display:block;position:absolute;top:-8px;right:10px;width:0;height:0;border-top:10px solid none;border-bottom:10px solid var(--color-wt);border-left:4px solid transparent;border-right:4px solid transparent;z-index:2}
.sortBtn .sortList a {display:block;padding:6px 15px;box-sizing:border-box}
.sortBtn.on .sortList {display:block}
.resultCounting {position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:18px;border-bottom:1px solid var(--color-sct)}
.resultCounting .emphasis {color:var(--color-pc)}
.count {display:inline-block;position:relative;width:108px;vertical-align:top}
.count .number {display:block;width:100%;padding:0 34px;border:0;background:0;line-height:26px;text-align:center;box-sizing:border-box}
.count .number:read-only {color:var(--color-df)}
.count .minus, .count .plus {position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px}
.count .plus {left:auto;right:0}
.count .minus::before, .count .plus::before {content:'\2212';display:block;width:100%;height:100%;border-radius:50%;background:var(--color-cl);font-weight:300;font-size:20px;line-height:22px;color:var(--color-sct);text-align:center}
.count .plus::before {content:'\002b'}
.count.ipCount {width:140px;height:40px}
.count.ipCount input {width:100%;padding:0 40px;border:1px solid var(--color-ml);line-height:38px}
.count.ipCount .minus, .count.ipCount .plus {width:40px;height:40px;margin-top:-20px;border:1px solid var(--color-ml);box-sizing:border-box}
.count.ipCount .minus::before, .count.ipCount .plus::before {border-radius:0;background:var(--color-wt);line-height:36px}
.count.ipCount .plus {right:0}
.guideArea .guideTitle {display:block;padding-bottom:10px;font-size:14px}
.guideArea .guideTitle.iconS::before {width:16px;height:16px;margin-right:9px;background-position:-304px -218px}
.guideArea .guideList li {padding-left:11px;font-size:14px;line-height:20px;color:var(--color-sct);word-break:keep-all}
.guideArea .guideList li::before {content:'';display:inline-block;width:4px;height:4px;margin:8px 5px 0 -11px;border-radius:50%;background:var(--color-en);vertical-align:top}
.guideArea .guideList li .item {color:var(--color-df)}
.guideArea .guideList li.emphasis {color:var(--color-pc)}
.guideArea .guideList li.emphasis::before {background-color:var(--color-pc)}
.guideArea .guideList .depth2 li::before {width:5px;height:1px;margin-top:9px;border-radius:0}
.guideArea .guideLink {display:inline-block;margin-left:4px;font-size:14px;line-height:20px;color:var(--color-df);text-decoration:underline;vertical-align:top}
.btnViewAll {top:0;left:0;width:100%;height:100%;z-index:2}
.btnViewDetail {top:0;left:0;width:100%;height:100%;z-index:5}

.bannerMid {width:100%;margin-top:45px}
.bannerMid a {display:block}


/*******************************
*	검색
********************************/
/* 검색결과 */
.searchKwd .kwdResult {/* font-weight:600; */font-size:36px;text-align:center}
.searchKwd .kwdResult .kwd {color:var(--color-pc)}
.searchKwd .kwdResult.noResult {padding-bottom:453px}
.searchResultWrap .searchKwd {margin-top:120px;margin-bottom:80px}
.searchResultWrap .listStyle .listWrap {margin-top:0}

/*******************************
*	로그인
********************************/
/* 로그인 */
.loginWrap .contents {position:relative;width:388px;margin:0 auto}
.loginWrap .ip_big {outline:none}
.loginArea {width:100%;padding-top:16px;box-sizing:border-box}
.loginArea .logo a {display:block;width:100%;height:100%}
.loginArea .logo a::before {content:'';display:block;width:103px;height:17px;margin:0 auto 21px auto;background:url('../images/logo/logo_b.png') no-repeat center center/100% auto}
.loginArea .formArea + .formArea {margin-top:-1px}
.loginArea .errorMsg {display:none;padding:10px 0 0 0}
.loginArea .btnLogin {margin-top:24px}
.loginArea .savdId {margin-top:12px}
.loginArea .check label {font-size:14px}
.loginSearch {display:flex;align-items:center;justify-content:center;padding-top:11px}
.loginSearch .findAccount a {display:inline-block;font-size:14px;line-height:24px;color:var(--color-st);vertical-align:top}
.loginSearch .findAccount a + a::before {content:'';display:inline-block;width:1px;height:17px;margin:3px 10px 0 6px;background:var(--color-cl);vertical-align:top}
.loginSns {position:relative;margin-top:25px;text-align:center;box-sizing:border-box}
.loginSns .snsList .sns {overflow:hidden;display:inline-block;width:58px;height:58px;border-radius:50%;vertical-align:top;box-sizing:border-box}
.loginSns .snsList .sns + .sns {margin-left:15px}
.loginSns .snsList .sns a {display:block;width:100%;height:100%;padding:15px 0;box-sizing:border-box}
.loginSns .snsList .kakao {background-color:#F4DB36}
.loginSns .snsList .naver {background-color:#19CE60}
.loginSns .snsList .apple {background-color:#000}
.loginSns .snsList .google {border:1px solid var(--color-ml);background-color:var(--color-wt)}
.loginSns .snsList a.iconS::before {width:23px;height:28px}
.loginSns .snsList .kakao .iconS::before {background-position:0 -32px}
.loginSns .snsList .naver .iconS::before {background-position:-27px -64px}
.loginSns .snsList .apple .iconS::before {background-position:-27px -32px}
.loginSns .snsList .google .iconS::before {background-position:0 -64px}
.loginWrap {padding:130px 0 160px 0;box-sizing:border-box}
.loginWrap .loginTitle {padding:0 0 14px 0;text-align:center}
.loginWrap .btnCloseLogin {display:none;position:absolute;top:20px;right:20px}
.loginWrap .btnCloseLogin::before {width:21px;height:21px;background-position:-180px -132px}
.loginWrap .guide {width:100%;margin-top:60px;padding:34px 0 35px 0;border-top:1px solid var(--color-cl);background:var(--color-wt);text-align:center}
.loginWrap .guide .guidetext {font-size:14px;color:var(--color-st)}
.loginWrap .guide .btnJoin {display:block;font-size:14px;color:var(--color-st)}
.loginWrap .sml {margin-top:60px}
.loginWrap .sml a {width:300px;}
.loginWrap .sml a + a {margin-left:20px}
.loginWrap .btnBottom {margin-top:30px}
.loginWrap .btnBottom a {display:block;width:100%;border-radius:5px;height:50px;font-weight:600;line-height:48px;text-align:center;box-sizing:border-box}
.loginWrap .btnBottom a + a {margin-top:10px}
.loginWrap .btnBottom .btnStyle-13 {color:var(--color-df)}
.loginWrap .btnBottom .btnReset {height:66px;padding-top:11px;font-size:14px;line-height:22px}
.loginWrap .btnLink {display:flex;align-items:center;justify-content:center;padding-top:20px}
.loginWrap .btnLink a {font-size:14px;color:var(--color-st);text-decoration:underline;text-underline-position:under}

/* 아이디찾기/비밀번호재발급 */
.accountWrap {padding:130px 0 160px 0;box-sizing:border-box}
.accountWrap .contents {width:440px}
.accountWrap .loginTitle {letter-spacing:-1px;text-align:center}
.accountWrap .loginTitle .sub {display:block;margin-top:8px;font-weight:400;font-size:22px}
.accountWrap .subscript {margin-top:16px;line-height:22px;color:var(--color-st);text-align:center}
.accountWrap .tabMenu {margin-top:40px;margin-bottom:-10px}
.accountWrap .tabContArea {margin-top:40px}
.accountWrap .formArea + .formArea {margin-top:10px}
.accountWrap .formArea .ip_txt {flex-grow:1;width:auto;width:338px}
.accountWrap .hr {margin-top:40px;border-top:1px solid var(--color-df)}
.accountWrap .note {display:block;margin-top:20px;font-size:14px;color:var(--color-st);text-align:center}
.accountWrap .note a {color:var(--color-st)}

/* 아이디찾기::결과 */
.resultText {padding:60px 0 10px 0;text-align:center}
.resultText .item {font-weight:600;font-size:18px;line-height:30px}
.resultText .item.userId {font-size:20px}

/* 비밀번호 재발급 */
.findPwWrap .tabMenu {margin-top:10px}
.findPwWrap .tabCont {padding:18px 20px 0 20px}
.findPwChangeWrap .contents {padding-top:28px}

/* 비밀번호 90일 경과 */
.loginGuide {position:relative;margin-top:36px;font-size:18px;line-height:26px;color:var(--color-sct);text-align:center}
.loginGuide::before {position:relative;width:26px;height:33px;margin-bottom:36px;background-position:-474px -212px;z-index:1}
.loginGuide::after {content:'';display:block;position:absolute;top:-18px;left:0;right:0;width:68px;height:68px;margin:0 auto;border-radius:50%;background:var(--color-hg)}
.infoInput {margin-top:40px}
.infoInput .ip_txt {width:100%}

/* 완료 */
.accountWrap .completeText {padding-top:114px;text-align:center}
.accountWrap .completeText .text {font-weight:600;font-size:34px;line-height:46px}
.accountWrap .completeText .name {display:block}
.accountWrap .completeText .subText {padding:30px 0 40px 0;font-size:18px;color:var(--color-st)}
.accountWrap .completeText .date {display:block;margin-top:13px}
.accountWrap .checkAgree {padding-top:40px;border-top-color:var(--color-cl);text-align:left}
.accountWrap .checkEach {width:388px;margin:0 auto}
.accountWrap .choiceOption {padding-left:31px}
.accountWrap .choiceOption .check {display:inline-block;margin-top:10px}
.accountWrap .choiceOption .check + .check {margin-left:2px}
.accountWrap .choiceOption .check label::before,
.accountWrap .choiceOption .check label::after {display:none}
.accountWrap .choiceOption .check label {display:inline-block;width:82px;height:30px;padding-left:0;background:var(--color-lg);font-size:14px;line-height:30px;color:var(--color-bt);text-align:center}
.accountWrap .choiceOption .check input[type]:checked + label {border:1px solid var(--color-df);background:var(--color-wt);line-height:28px;color:var(--color-dc);box-sizing:border-box}
.accountWrap.complete .contents {width:670px}
.accountWrap.complete .btn.sml {width:388px;margin-left:auto;margin-right:auto}


/*******************************
*	회원가입
********************************/
.signUpWrap .contents {width:840px;padding-bottom:120px}
.signUpWrap .contents .areaTitle {margin-bottom:30px}
.signUpWrap .formArea {width:570px;margin-left:auto;margin-right:auto}
.joinWrap .ip_txt {width:450px}
.joinWrap .infoArea {display:flex;align-items:center;flex-wrap:wrap;width:570px;margin-left:auto;margin-right:auto}
.joinWrap .infoArea + .infoArea {margin-top:20px}
.joinWrap .infoArea + .formArea {margin-top:20px}
.joinWrap .infoArea .formLabel {display:inline-block;width:110px;margin-right:10px;vertical-align:top}
.joinWrap .infoArea .radio + .dateInput {margin-top:8px}
.joinWrap .infoArea .dateInput {display:inline-block;width:220px;height:46px;padding:0 20px;border:1px solid var(--color-ml);vertical-align:top;box-sizing:border-box}
.joinWrap .infoArea .dateInput .ip_date {display:inline-block;width:42px;height:100%;border:0;text-align:center;vertical-align:top}
.joinWrap .infoArea .dateInput .ip_date.year {width:52px}
.joinWrap .infoArea .dateInput .slash {display:inline-block;margin-top:13px;color:var(--color-pg);vertical-align:top}
.joinWrap .infoArea .selectArea {width:220px}
.joinWrap .infoArea .selectArea.wd100 {width:auto}
.joinWrap .infoArea .selectArea.wd100 .sltCurrent {display:inline-block;width:100px;margin-right:1px;vertical-align:top}
.joinWrap .infoArea.type2 .formLabel {align-self:flex-start;margin-top:3px}
.joinWrap .infoArea.type2 .selectArea.wd100 {padding:10px 0 0 120px}
.joinWrap .infoArea.type2 .dateInput {display:block;margin-left:120px}
.joinWrap .check .open {display:block;position:absolute;top:0;right:0;width:20px;height:22px;padding-top:4px;box-sizing:border-box}
.joinWrap .check .open .icon_img {display:block;width:8px;height:13px;margin-left:auto;background-position:-177px -48px}
.joinWrap .btn.sml {width:388px;margin-top:73px}
.joinWrap .btn.sml::before {content:'';display:block;position:absolute;top:-43px;left:-226px;width:840px;height:1px;background:var(--color-df)}
.infoArea .checkAgree {display:inline-block;width:446px;vertical-align:top}
.infoArea .checkAgree .checkEach {margin-top:8px;padding:22px 30px 30px 30px;background:var(--color-hg)}
.infoArea .checkAgree .checkEach > .check {display:block;width:100%;margin-top:10px}
.infoArea .checkAgree .checkEach .chkChoice {margin-top:10px}
.infoArea .checkAgree .checkEach .choiceOption {padding-left:30px}
.infoArea .checkAgree .checkEach .choiceOption .check {margin:13px 40px 0 0}
.infoArea .checkAgree .checkEach .popOpen {position:absolute;top:0;right:0;font-size:15px;line-height:24px;text-decoration:underline}

/* 가입완료 */
.joinCompleteWrap {padding-bottom:120px}
.joinCompleteWrap .resultText {padding-top:120px}
.joinCompleteWrap .resultText .text {font-size:34px;line-height:46px}
.joinCompleteWrap .btn {width:388px;height:58px;margin:80px auto 0 auto;line-height:58px}

/* 도매가입 */
.wholesaleJoin .areaTitle {padding-bottom:25px}
.wholesaleJoin .areaTitle .subScript {margin-top:6px;font-weight:400;font-size:16px;color:var(--color-st)}
.wholesaleJoin .guideArea {margin-top:70px}

/*******************************
*	마이페이지
********************************/
.mypageWrap .userInfo {width:100%;padding:50px 0;background:var(--color-hg)}
.mypageWrap .innerInfo {display:flex;width:1200px;margin:0 auto}
.mypageWrap .innerInfo .innerBox {width:200px;height:220px;background:var(--color-wt)}
.mypageWrap .innerInfo .innerBox:not(.info) {display:table;text-align:center}
.mypageWrap .innerInfo .innerBox + .innerBox {margin-left:10px}
.mypageWrap .innerInfo .innerBox.info {flex-grow:1;padding:30px;box-sizing:border-box}
.mypageWrap .innerInfo .innerBox:not(.info) .iconS {display:table-cell;width:100%;height:100%;vertical-align:middle}
.mypageWrap .innerInfo .innerBox:not(.info) .iconS::before {display:block;margin:0 auto 9px auto}
.mypageWrap .innerInfo .innerBox.coupon .iconS::before {width:44px;height:38px;background-position:-214px -61px}
.mypageWrap .innerInfo .innerBox.order .iconS::before {width:42px;height:38px;background-position:-168px -61px}
.mypageWrap .innerInfo .innerBox.qna .iconS::before {width:40px;height:38px;background-position:-124px -61px}
.mypageWrap .innerInfo .innerBox .infoTop {display:block;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-cl);font-size:20px;line-height:24px}
.mypageWrap .innerInfo .innerBox .infoTop a {display:inline-block;position:relative;padding-right:18px;vertical-align:top}
.mypageWrap .innerInfo .innerBox .infoTop a::before {content:'';display:block;position:absolute;top:3px;right:0;width:10px;height:18px;background:url('../images/common/icon_sprites.png') no-repeat -162px -156px}
.mypageWrap .innerInfo .innerBox .infoTop.membership a::after {content:'\271B \000A0 PLUS';display:inline-block;margin:4px 2px 0 4px;padding:0 7px;border-radius:3px;background:var(--color-pc);font-size:11px;line-height:17px;color:var(--color-wt);vertical-align:top}
.mypageWrap .innerInfo .innerBox .infoBot {display:table;table-layout:fixed;width:100%}
.mypageWrap .innerInfo .innerBox .infoBot .set {display:table-cell;position:relative}
.mypageWrap .innerInfo .innerBox .infoBot .set + .set {padding:0 10px 0 20px}
.mypageWrap .innerInfo .innerBox .infoBot .set + .set::before {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:80px;background:var(--color-cl)}
.mypageWrap .innerInfo .innerBox .infoBot .set .title {display:block;line-height:20px}
.mypageWrap .innerInfo .innerBox .infoBot .set .value {display:block;padding-top:10px;font-weight:600;font-size:22px;line-height:28px}
.mypageWrap .innerInfo .innerBox .infoBot .set .btnBenefit {display:inline-block;margin-top:12px;font-size:14px;text-decoration:underline;vertical-align:top}
.mypageWrap .innerInfo .innerBox .infoBot .set .title .payHover {display:inline-block;position:relative;cursor:pointer;vertical-align:top}
.mypageWrap .innerInfo .innerBox .infoBot .set .title .payHover .hoverArea {display:none;position:absolute;top:23px;left:-27px;width:280px;padding:30px 10px;border:1px solid var(--color-ct);background:var(--color-wt);font-size:14px;color:var(--color-sct);text-align:center;z-index:2;box-sizing:border-box}
.mypageWrap .innerInfo .innerBox .infoBot .set .title .payHover:hover .hoverArea {display:block}
.mypageWrap .innerInfo .innerBox .infoBot .set .title .payHover .hoverArea::before {content:'';display:block;position:absolute;top:-10px;left:33px;width:0;height:0;border-top:10px solid none;border-bottom:10px solid var(--color-ct);border-left:5px solid transparent;border-right:5px solid transparent}
.mypageWrap .innerInfo .innerBox .infoBot .set .title .payHover .hoverArea::after {content:'';display:block;position:absolute;top:-8px;left:35px;width:0;height:0;border-top:8px solid none;border-bottom:8px solid var(--color-wt);border-left:3px solid transparent;border-right:3px solid transparent}
.mypageWrap .innerInfo .innerBox .infoBot .set .title .payHover::before {width:20px;height:20px;margin-left:2px;background-position:-240px -29px}
.mypageWrap .innerInfo .innerBox .number {display:block;padding-top:18px;font-weight:600;font-size:28px;line-height:33px;color:var(--color-pc)}
.mypageCol {display:flex;width:1200px;margin:0 auto;padding-top:52px}
.mypageCol .userMenu {flex-shrink:0;width:220px;margin-right:40px}
.mypageCol .userMenu .menuTit a {display:block;padding-bottom:16px;font-weight:700;font-size:20px;line-height:24px}
.mypageCol .userMenu .depth1 {border:1px solid var(--color-ct);box-sizing:border-box}
/* .mypageCol .userMenu .depth1 li.on {background:var(--color-hg)} */
.mypageCol .userMenu .depth1 li.on:not(.togAct) a:not(.togBtn) {color:var(--color-pc)}
.mypageCol .userMenu .depth1 li a {display:block;width:100%;padding:16px 20px 15px 24px;box-sizing:border-box}
.mypageCol .userMenu .depth1 > li + li {border-top:1px solid var(--color-ct)}
.mypageCol .userMenu .depth1 > li.togAct.on {padding-bottom:20px}
.mypageCol .userMenu .depth1 > li.togAct.on .togBtn {padding-bottom:10px}
.mypageCol .userMenu .depth2 {display:none}
.mypageCol .userMenu .depth2 li a {padding-top:10px;padding-bottom:10px}
.mypageCol .userMenu .depth2 li a::before {content:'-';margin-right:6px}
.mypageCol .userMenu .depth1 > li.togAct.on .depth2 {display:block}
.mypageCol .userCont {flex-grow:1;max-width:940px}
.mypageCol .userCont .btnMore {margin-top:40px}
.mypageCol .userCont .btnMore a {font-weight:400;font-size:16px}
.mypageCol .contBox {position:relative}
.mypageCol .contBox:nth-of-type(n+2) {margin-top:60px} 
.mypageCol .contBox .colTitle {display:block;position:relative;padding-bottom:16px;border-bottom:1px solid var(--color-df)}
.mypageCol .contBox .colTitle .title {display:inline-block;font-weight:400;font-size:20px;line-height:24px;vertical-align:top}
.mypageCol .contBox .colTitle .sub {display:inline-block;margin-left:7px;padding-top:6px;font-size:14px;line-height:16px;color:var(--color-st);vertical-align:top}
.mypageCol .contBox .colTitle .desc {display:inline-block;margin-left:7px;padding-top:6px;font-size:16px;line-height:18px;vertical-align:top}
.mypageCol .contBox .colTitle .desc .emphasis {color:var(--color-pc)}
.mypageCol .contBox .colTitle .link {position:absolute;bottom:16px;right:0;font-size:16px;color:var(--color-st)}
.mypageCol .contBox .colTitle .link::after {content:'';display:inline-block;width:7px;height:12px;margin:3px 0 0 5px;background:url('../images/common/icon_sprites.png') no-repeat -196px -116px;vertical-align:top}
.mypageCol .contBox .colTitle .link:hover {color:var(--color-pc)}
.mypageCol .contBox .colTitle .link:hover::after {background-position:-250px -238px}
.mypageCol .contBox .colTitle .guideArea {padding-top:13px}
.mypageCol .contBox .editorArea {padding:30px 0 0 0}
.mypageCol .contBox .editorArea .status {display:block;margin-bottom:10px;font-weight:700}
.mypageCol .contBox .editorArea .txt {line-height:22px}
.mypageCol .contBox .editorArea img {display:inline-block;max-width:225px;margin:20px 20px 0 0;vertical-align:top}
.mypageCol .noHistory {padding-top:120px;padding-bottom:50px;border-bottom:0}
.mypageCol .noHistory .text {color:var(--color-st)}
.mypageCol.nonmember {justify-content:center}/* 비회원 주문상세 */
.mypageCol.nonmember .areaTitle {padding-bottom:20px;border-bottom:0}
.mainArea .contBox:nth-of-type(n+2) {margin-top:80px} 
.contBox .stepBox {margin:16px 0 20px 0;padding:20px 30px 40px 30px;border:1px solid var(--color-ct);box-sizing:border-box}
.contBox .stepBox .stepInfo {display:flex;align-items:center;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid var(--color-ct);line-height:30px;color:var(--color-st)}
.contBox .stepBox .stepInfo .regularInfo {flex-grow:1}
.contBox .stepBox .stepInfo .receiveInfo {}
.contBox .stepBox .stepInfo .orderNumber {flex-grow:1;margin-left:10px}
.contBox .stepBox .stepInfo .btnInquiry {flex-shrink:0;margin-left:12px}
.contBox .stepBox .stepInfo .btnInquiry a {display:block;width:140px;height:36px;font-size:14px;line-height:36px;text-align:center}
.contBox .stepBox .stepList {overflow:hidden;display:flex;flex-wrap:wrap;padding:28px 0 0 0}
.contBox .stepBox .stepList .step {flex-shrink:0;position:relative;width:25%;padding-top:24px;color:var(--color-st);text-align:center}
.contBox .stepBox .stepList .step::before {content:'';display:block;position:absolute;top:5px;left:50%;width:100%;height:2px;background:var(--color-lg)}
.contBox .stepBox .stepList .step:last-child::before {display:none}
.contBox .stepBox .stepList .step::after {content:'';display:block;position:absolute;top:0px;left:50%;width:12px;height:12px;margin-left:-4px;border:2px solid var(--color-lg);border-radius:50%;background:var(--color-wt);z-index:2;box-sizing:border-box}
.contBox .stepBox .stepList .step.on::before {background-color:var(--color-pc)}
.contBox .stepBox .stepList .step.on::after {border-color:var(--color-pc)}
.contBox .stepBox.type2 {margin:36px 0 0 0;padding:0;border:0}
.contBox .stepBox.type2 .stepInfo {margin-bottom:0}
.contBox .listStyle .listWrap {margin-top:30px;margin-left:-29px}
.contBox .listStyle .listWrap .listSet {width:210px;margin-left:29px}
.contBox .listStyle .listWrap .listSet .infoArea .title {font-weight:400;font-size:16px;max-height:38px}
.contBox .listStyle .listWrap .listSet .infoArea .price {margin-top:6px;font-size:16px}
.contBox .floatGroup {border-bottom:1px solid var(--color-ct)}
.contBox .floatGroup .msg {padding:30px}
.contBox .floatGroup ul {padding:30px}
.contBox .floatGroup ul li + li {margin-top:18px}
.contBox .floatGroup li::after {content:'';display:block;clear:both}
.contBox .floatGroup .title {float:left;width:133px;padding-right:10px;color:var(--color-sct);box-sizing:border-box}
.contBox .floatGroup .desc {display:block;padding-left:133px;box-sizing:border-box}
.contBox .floatGroup .desc.emphasis {margin-top:18px;color:var(--color-pc)}
.contBox .floatGroup .desc [class^=btnStyle] {display:inline-block;margin:-8px 0 0 14px;padding:0 20px;background-color:var(--color-hg);font-size:14px;line-height:34px;vertical-align:top}
.contBox .floatGroup .desc [class^=btnStyle] + [class^=btnStyle] {margin-left:1px}
.contBox .floatGroup li.total {line-height:24px}
.contBox .floatGroup li.total .desc {font-size:20px;color:var(--color-pc)}
.contBox .floatGroup .additional::after {content:'';display:block;clear:both}
.contBox .floatGroup .additional {padding:20px 30px;border-top:1px solid var(--color-ct)}
.contBox .floatGroup .additional li + li {margin-top:14px}
.contBox .floatGroup .msgTxt {padding:30px;line-height:22px}
.contBox .floatGroup .amountSet .btnLink {display:inline-block;margin:-3px 0 0 6px;padding:0 8px;font-size:14px;line-height:24px;vertical-align:top}
.mypageCol .contBox .btnView {display:inline-block;position:absolute;bottom:15px;right:0;height:20px;padding:0 0 0 13px;color:var(--color-st)}
.mypageCol .contBox .btnView::after {content:'';display:inline-block;width:7px;height:12px;margin:3px 0 0 5px;background:url('../images/common/icon_sprites.png') no-repeat -196px -116px;vertical-align:top}
.mypageCol .contBox .btnView:hover {color:var(--color-pc)}
.mypageCol .contBox .btnView:hover::after {background-position:-250px -238px}
.contBox .orderList .checkAll {padding-top:30px}
.contBox .orderList .cartList li {padding:30px 0}
.contBox .orderList > .cartList li .infoArea .title {font-size:18px;color:var(--color-sct)}
.contBox .orderList .cartList li .infoArea .title .date {display:inline-block;color:var(--color-df);vertical-align:top}
.contBox .orderList .cartList li .infoArea .title .number {display:inline-block;margin-left:16px;color:var(--color-df);vertical-align:top}
.contBox .orderList .cartList li .infoArea .price {display:block;padding-top:10px;font-size:16px}
.contBox .orderList .cartList li .infoArea .price em {font-size:20px}
.contBox .orderList .cartList li .status {flex-shrink:0;min-width:104px;text-align:center}
.contBox .orderList .cartList li.on .status {color:var(--color-pc)}
.contBox .orderList .cartList li .btnArea {width:140px;padding-left:90px}
.contBox .orderList .cartList li .btnArea * {display:inline-block;width:140px;height:36px;font-size:14px;line-height:34px;text-align:center;vertical-align:top;box-sizing:border-box}
.contBox .orderList .cartList li .btnArea * + * {margin-top:5px}
.contBox .orderList .cartList li .badge {padding-bottom:10px}
.contBox .orderList .cartList li .badge .type {display:inline-block;border-radius:4px;min-width:76px;padding:0 14px;font-weight:300;font-size:14px;color:var(--color-wt);line-height:26px;text-align:center;vertical-align:top;box-sizing:border-box}
.contBox .orderList .cartList li .badge .type-1 {background-color:var(--color-st)}/* 결제완료 */
.contBox .orderList .cartList li .badge .type-2 {background-color:var(--color-nm)}/* 예약접수 */
.contBox .orderList .cartList li .badge .type-3 {background-color:var(--color-pc)}/* 예약취소 */
.contBox .orderList .cartList li .badge .type-4 {background-color:var(--color-st)}/* 예약완료 */
.contBox .orderList .cartList li .badge .type-5 {background-color:#000}/* 방문완료 */
.contBox .orderList .btnSelect {padding-top:20px;text-align:center}
.contBox .orderList .btnSelect a {display:inline-block;width:260px;height:50px;line-height:50px;font-weight:600;font-size:18px;text-align:center;vertical-align:top}
.contBox .orderList .btnSelect a + a {margin-left:16px}
.contBox .period {display:flex;justify-content:space-between;margin:16px 0 30px 0;padding:26px 30px;border:1px solid var(--color-ct);background:var(--color-hg);box-sizing:border-box}
.contBox .colTitle .priceBox {margin:20px 0 10px 0}
.contBox .colTitle .period {margin:10px 0 14px 0}
.contBox .squareRadio {display:inline-block;vertical-align:top}
.contBox .squareRadio .radio label {width:100px;height:46px;line-height:46px}
.contBox .selectArea {display:inline-block;width:210px;vertical-align:top}
.contBox.history .btnView {top:20px}
.contBox.history .orderList .cartList li {display:block;margin-top:20px;padding:0}
.contBox.history .orderList .cartList li .orderInfo {flex-shrink:0;position:relative;width:100%;padding:20px 0 16px 0;color:var(--color-st)}
.contBox.history .orderList .cartList li .orderInfo .number {margin-left:8px}
.contBox.history .orderList .cartList li .orderBox {display:flex;align-items:center;width:100%;padding:30px;border:1px solid var(--color-ct);border-bottom:0px solid var(--color-cl);box-sizing:border-box}
.contBox.history .orderList .cartList li .status .date {display:block;padding:0 10px 10px 10px;color:var(--color-st)}
.contBox .orderList.giftList li .imgArea {overflow:hidden;border-radius:50%}
.contBox .orderList.giftList li .imgArea .thumbImg::before {border-radius:50%}
.contBox .orderList.giftList .cartList .total {width:220px;padding:0 60px 0 6px}
.contBox.history .orderList .btnMore {margin-top:60px}
.contBox + .guideArea {padding-top:60px}

/* 주문내역::정기배송 */
.regularArea .contBox .orderList .cartList li .orderBox {flex-wrap:wrap;padding-top:15px}
.regularArea .selectArea {position:absolute;top:38px;right:0;width:210px}
.regularInfo {flex-shrink:0;font-size:14px;line-height:30px}
.regularInfo .periodBox {display:inline-block;width:120px;height:30px;margin-right:12px;border-radius:80px;background:var(--color-pc);color:var(--color-wt);text-align:center;vertical-align:top}
.regularInfo .name {font-size:14px;color:var(--color-st)}
.regularInfo .name + .status::before {content:'';display:inline-block;width:1px;height:14px;margin:8px 10px 0 7px;background:var(--color-cl);vertical-align:top}
.regularArea .contBox .orderList .cartList .regularInfo {width:100%;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--color-cl)}
.regularArea .contBox .orderList .cartList li .infoArea {flex-shrink:0;width:424px}
.regularArea .contBox .orderList .cartList .end .regularInfo .periodBox {background:var(--color-ph)}/* 해지 */

/* 주문상세::정기배송 */
.stepBox.stepRegular .stepList {overflow:hidden;width:660px;margin:0 auto}
.stepBox.stepRegular .stepList .step {width:102px;margin-left:84px}
.stepBox.stepRegular .stepList .step:nth-of-type(4n+1) {margin-left:0}
.stepBox.stepRegular .stepList .step::before {width:185px}
.stepBox.stepRegular .stepList .step:first-of-type::before {left:0;width:234px}
.stepBox.stepRegular .stepList .step:first-of-type::after {left:0;margin-left:0}
.stepBox.stepRegular .stepList .step.on + .step:not(.on) {color:var(--color-df)}
.stepBox.stepRegular .stepList .step:nth-of-type(4n) ~ .step:nth-of-type(4n+4)::before {display:block;left:-690px}
.stepBox.stepRegular .stepList .step:nth-of-type(4n).on ~ .step:nth-of-type(4n+4)::before {background:var(--color-pc)}
.stepBox.stepRegular .stepList .step:nth-of-type(n+5) {margin-top:50px}
.stepBox.stepRegular .stepList .step:nth-last-of-type(2)::before {width:236px}
.stepBox.stepRegular .stepList .step:last-of-type::after {left:auto;right:0}
.stepBox.stepRegular.end .regularInfo .periodBox {background-color:var(--color-ph)}/* 해지 */
.stepBox.stepRegular.end .regularInfo .name {color:var(--color-st)}

/* 테이블 공통 */
.myTable {position:relative}
.myTable .formArea {position:absolute;top:-56px;right:0;width:auto}
.myTable .formArea .formArea.formBtn .ip_txt {width:320px}
.myTable .selectArea {position:absolute;top:-76px;right:0;width:210px}
.myTable .selectArea:has(+.registBtn) {right:109px}
.myTable .registBtn {position:absolute;top:-76px;right:0;height:46px;padding:0 25px;font-size:14px}
.myTable table thead th {padding:20px 0;border-bottom:1px solid var(--color-ct);font-weight:400;color:var(--color-sct);text-align:center}
.myTable table tbody td {padding:26px 0;border-bottom:1px solid var(--color-ct);font-size:14px;line-height:22px;text-align:center}
.myTable table tbody .fs16 {font-size:16px}
.myTable table tbody td.alignLeft {text-align:left}
.myTable table tbody td.sml {color:var(--color-st)}
.myTable table tbody td a {display:block}
.myTable table tbody td .innerText {display:block}
.myTable table tbody td .innerText + .innerText {margin-top:5px}
.myTable table tbody td .badge {display:block;width:80px;height:26px;margin-bottom:5px;border-radius:80px;background:var(--color-lg);font-size:12px;color:var(--color-sct);line-height:26px;text-align:center}
.myTable table tbody td.imgTd {vertical-align:top}
.myTable table tbody td.btnDel {line-height:1}
.myTable table tbody td.btnDel .iconS {display:inline-block;vertical-align:top}
.myTable table tbody td.btnDel .del::before {width:13px;height:13px;background-position:-170px -104px}
.myTable table tbody td.btnDel .delete {padding-top:3px}
.myTable table tbody td.btnDel .delete::before {width:16px;height:17px;background-position:-146px -180px}
.myTable table tbody td.btnDel .edit::before {width:20px;height:21px;background-position:-248px 0}
.myTable table tbody td.btnDel .edit::after {content:'';display:inline-block;width:1px;height:22px;margin:0 18px 0 20px;background:var(--color-ct);vertical-align:top}
.myTable table tbody .btnUse {display:inline-flex;align-items:center;justify-content:center;width:100px;height:36px;font-size:14px;vertical-align:top}
.myTable table tbody td:has(.btnUse) {padding:0 20px}
.myTable table tbody .togAct .togBtn {display:block}
.myTable table tbody .togAct.on + tr {display:table-row;/* opacity:1;visibility:visible */}

.period + .myTable {border-top:1px solid var(--color-df)}

/* 쿠폰 */
.couponTable td.fs16 {text-align:left}
/* 쿠폰등록 */
.registArea {display:none;padding:90px 0;border-bottom:1px solid var(--color-ct)}
.registArea .registText {font-size:18px;text-align:center}
.registArea .registForm {display:flex;width:420px;height:46px;margin:0 auto;padding-top:30px}
.registArea .registForm_ip {flex:1;height:100%;border-right:0;padding:0 16px;box-sizing:border-box}
.registArea .registForm_btn {flex-shrink:0;width:80px;height:100%;font-weight:500;font-size:15px}


/* 적립금 */
.pointTable tr.plus td:last-of-type {color:var(--color-pc)}
/* .pointTable tr.minus td:last-of-type {color:#5E8FB5} */

/* 기존 사이트 주문 내역 */
.oldOrderTable .link a {color:var(--color-st)}
.oldOrderTable .link a::after {content:'';display:inline-block;width:7px;height:12px;margin:5px 0 0 5px;background:url('../images/common/icon_sprites.png') no-repeat -196px -116px;vertical-align:top}
.oldOrderTable .link a:hover {color:var(--color-pc)}
.oldOrderTable .link a:hover::after {background-position:-250px -238px}

.userCont.oldOrder .orderList .cartList .infoArea {flex:0 0 440px;padding-right:20px}

/* 선물하기 */
.userCont.gift .orderList .cartList .imgArea {overflow:hidden;border-radius:50%}
.userCont.gift .imgArea .thumbImg::before {border-radius:50%}
.userCont.gift .orderList .cartList li .status {width:240px}
.userCont.gift .giftCard .orderList .cartList .imgArea {width:140px;border-radius:7px}
.userCont.gift .giftCard .orderList .cartList .imgArea .thumbImg {padding-top:88px}
.userCont.gift .giftCard .orderList .cartList .imgArea .thumbImg::before {border-radius:7px}
.userCont.gift .cartList li.use .imgArea::before,
.userCont.gift .cartList li.before .imgArea::before,
.userCont.gift .cartList li.cancel .imgArea::before,
.userCont.gift .cartList li.fail .imgArea::before {content:'';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(162,162,162,.6);font-weight:600;color:var(--color-wt);z-index:1}
.userCont.gift .cartList li.use .imgArea::before {content:'사용완료'}
.userCont.gift .cartList.typeA li.use .imgArea::before {content:'등록완료'}
.userCont.gift .cartList li.before .imgArea::before {content:'미수락'}
.userCont.gift .cartList li.cancel .imgArea::before {content:'취소완료'}
.userCont.gift .cartList li.fail .imgArea::before {content:'전송실패'}
.userCont .guideArea + .guideArea {margin-top:30px}

/* 문의 공통 */
.qnaTable .productName {display:block;margin-bottom:7px;font-size:12px;color:var(--color-st)}
.qnaTable .qPrd {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;max-height:22px;margin-bottom:4px}
.qnaTable .qText {display:inline-block;position:relative;padding-right:32px;font-size:14px;line-height:22px;vertical-align:top}
.qnaTable .qImg {margin-top:10px}
.qnaTable .qImg img {max-width:47%;margin:0 10px 10px 0}
.qnaTable .lock .qText::after {content:'';display:block;position:absolute;top:3px;right:0;width:13px;height:15px;background:url('../images/common/icon_sprites.png') no-repeat -166px -176px}
.qnaTable td:first-of-type {padding-left:30px}
.qnaTable .imgThumb {width:80px;height:80px;margin-right:20px}
.qnaTable .btnDel a {width:100%;height:100%}
.qnaTable .answer {display:none;/* opacity:0;visibility:collapse;*/transition:all .2s ease}
.qnaTable .answer td {padding-left:130px;padding-right:100px;background:var(--color-hg);line-height:22px;text-align:left}
.qnaTable .end .status {color:var(--color-pc)}

/* 상품문의내역 */
.qnaTable.type1 thead th, .qnaTable.type1 tbody td {padding-top:20px;padding-bottom:20px}
.qnaTable.type1 tbody .togAct .togBtn {pointer-events:none}
.qnaTable.type1 tbody .togAct.end .togBtn {pointer-events:auto}

/* 1:1문의내역 */
.contBox .myTable .btnRight {position:absolute;top:-46px;right:0}
.contBox .myTable .btnRight a {display:inline-block;height:36px;padding:0 18px;border-radius:80px;font-size:14px;line-height:34px;box-sizing:border-box}
.contBox .myTable .btnRight a.icon::before {content:'\ff0b';display:inline-block;margin-right:3px;font-weight:600;font-size:20px;line-height:34px;color:var(--color-st);vertical-align:top}
.qnaTable.type2 .qText {display:none}
.qnaTable.type2 .togAct.on .qText {display:block;padding-top:30px}
.qnaTable.type2 .answer td {padding-left:30px}
.qnaTable.type2 .question.on td {vertical-align:top}

/* 개인정보수정 */
.checkPw {margin-bottom:40px;padding:30px;border-bottom:1px solid var(--color-ct)}
.checkPw .ip_txt {width:450px}
.checkPw + .btn {width:388px}
.userCont.joinWrap .contSection {padding-left:30px}
.userCont.joinWrap .contBox .colTitle {margin-bottom:30px}
.userCont.joinWrap .formArea {width:570px}
.userCont.joinWrap .formArea .btnInput {margin-left:6px}
.userCont.joinWrap .formArea.formBtn .ip_txt {width:354px}
.userCont.joinWrap .infoArea {margin-left:0;margin-right:0}
.userCont.joinWrap .infoArea .radio + .dateInput {margin:0 0 0 30px}
.userCont.joinWrap .infoArea .subText {display:inline-block;margin-left:10px;font-size:14px;color:var(--color-st);vertical-align:top}
.userCont.joinWrap .infoArea .btnInner a {display:inline-block;min-width:90px;padding:0 16px;height:36px;line-height:36px;text-align:center;box-sizing:border-box;vertical-align:top}
.userCont.joinWrap .infoArea .subText + .btnInner {margin-top:10px}
.userCont.joinWrap .checkEach {width:450px;margin-top:8px;padding:20px 33px;background:var(--color-hg);box-sizing:border-box}
.userCont.joinWrap .checkEach li {display:inline-block;margin-right:40px;vertical-align:top}
.userCont.joinWrap .guideText {padding:10px 0 0 120px;font-size:14px;line-height:20px;color:var(--color-en);word-break:keep-all;box-sizing:border-box}
.userCont.joinWrap .receiptArea .guideText {padding:0 0 20px 0}
.userCont.joinWrap .formArea.address .innerFormArea .ip_txt {width:360px}
/* .userCont.joinWrap .formArea .innerFormArea .btnInput {margin-left:1px} */
.userCont.joinWrap .btn.sml::before {left:-276px;width:940px}

/* 회원혜택 */
.gradeWrap {word-break:keep-all}
.gradeWrap .areaTitle {padding-bottom:40px;border-bottom:0}
.gradeWrap .bannerTop {margin-bottom:50px}
.gradeWrap .instruction {display:block;font-size:20px;line-height:26px}
.gradeWrap .subScript {padding-top:15px;color:var(--color-st)}
.gradeWrap .subScript .emphasis {display:block;padding-top:10px;color:var(--color-pc)}
.gradeCont .guideArea {padding-top:20px}
.gradeCont .guideArea .guideList li {color:var(--color-en)}
.gradeCont .guideArea .guideList li + li {padding-top:7px}
.gradeCont .gradeTable {margin-top:30px;border-top:1px solid var(--color-df)}
.gradeCont .gradeTable tr th, .gradeWrap .gradeTable tr td {height:80px;padding:16px 20px;border-left:1px solid var(--color-ct);border-bottom:1px solid var(--color-ct);line-height:24px;box-sizing:border-box}
.gradeCont .gradeTable tr th:first-of-type {border-left:0}
.gradeCont .gradeTable tr th {background:var(--color-hg);font-weight:400;text-align:center}
.gradeCont .gradeTable tr th .sub {color:var(--color-st)}
.gradeCont .gradeTable tr td {color:var(--color-sct);text-align:center}

/*******************************
*	고객센터
********************************/
/* 메인 */
.csWrap .contBox .colTitle .sub {display:block;margin-left:0}
.csWrap .contBox .colTitle .btnView {bottom:20px}
.csWrap .frequency .colInfo {overflow:hidden;position:relative;padding:30px 55px 30px 55px;background:var(--color-hg)}
.csWrap .frequency .tSwiper {overflow:hidden}
.csWrap .frequency .innerBox {position:relative;width:200px;height:120px;padding:18px 20px 25px 20px;border:1px solid var(--color-ct);background:var(--color-wt);box-sizing:border-box}
.csWrap .frequency .innerBox .rank {display:inline-block;padding-bottom:7px;font-weight:700;font-size:20px;line-height:24px;color:var(--color-pc);vertical-align:top}
.csWrap .frequency .innerBox .question {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:44px;line-height:22px;word-break:keep-all}
.csWrap .frequency .innerBox .linkBox {display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.csWrap .frequency .colInfo .swiper-arrow {position:absolute;top:50%;margin-top:-14px;cursor:pointer}
.csWrap .frequency .colInfo .swiper-arrow.prev {left:20px;width:15px;height:28px}
.csWrap .frequency .colInfo .swiper-arrow.prev::before {content:'';opacity:1;display:block;width:15px;height:28px;background:url('../images/common/icon_sprites.png') no-repeat -78px -180px}
.csWrap .frequency .colInfo .swiper-arrow.next {right:20px;width:15px;height:28px}
.csWrap .frequency .colInfo .swiper-arrow.next::before {content:'';opacity:1;display:block;width:15px;height:28px;background:url('../images/common/icon_sprites.png') no-repeat -98px -180px}
.csWrap .frequency .colInfo .swiper-arrow.swiper-button-disabled::before {opacity:.4}
.csWrap .notice .set {display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--color-ct)}
.csWrap .notice .title {flex-grow:1;max-width:calc(100% - 80px);padding-right:20px;box-sizing:border-box}
.csWrap .notice .title a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:30px 0}
.csWrap .notice .date {flex-shrink:0;width:80px;font-size:14px;color:var(--color-st);text-align:right}
.csWrap .innerInfo {position:relative;box-sizing:border-box}
/* .csWrap .innerInfo::before {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:100%;background:var(--color-ct)} */
.csWrap .innerInfo:nth-child(3n+1) {padding-left:0}
.csWrap .innerInfo:nth-child(3n+1)::before {display:none}
.csWrap .innerInfo .title {display:block;font-size:18px;padding-bottom:6px}
.csWrap .innerInfo .desc {display:block;font-size:14px;line-height:22px;color:var(--color-st)}
.csWrap .innerInfo .desc.tel {display:block;padding:16px 0 9px 0;font-size:24px;line-height:29px;color:#021212}
.csWrap .innerInfo .desc.tel .sub {font-weight:400;font-size:16px}
.csWrap .innerInfo .desc a {color:var(--color-st)}
.csWrap .innerInfo .btnInner {margin:15px 0 18px 0}
.csWrap .innerInfo .btnInner a {display:inline-block;width:140px;height:36px;margin-right:6px;font-size:14px;line-height:34px;text-align:center;box-sizing:border-box}
.csWrap .qna .colTitle {border-bottom:0}
.csWrap .qna .colInfo {display:flex;flex-wrap:wrap;padding:28px 51px;border:4px solid var(--color-ct);box-sizing:border-box}
.csWrap .qna .innerInfo {width:50%;padding:8px 0 8px 0;box-sizing:border-box}
.csWrap .qna .innerInfo:nth-child(n+3) {padding-top:30px;border-top:1px solid var(--color-ct)}
.csWrap .qna .innerInfo:nth-child(even) {padding-left:55px;border-left:1px solid var(--color-ct)}
.csWrap .qna .innerInfo .infoLi {line-height:20px}
.csWrap .qna .innerInfo .infoLi li + li {margin-top:11px}
/* .csWrap .contact .colInfo::after {content:'';display:block;clear:both} */
.csWrap .contact .innerInfo {width:calc(100% / 3);padding:50px 0 50px 20px}
.csWrap .contact .innerInfo::before {top:40px}
.csWrap .contact .innerInfo:nth-child(-n+3) {border-bottom:1px solid var(--color-ct)}
.csWrap .contact .infoLi {padding-top:20px}
.csWrap .contact .infoLi li {margin-top:10px;font-size:18px}
.csWrap .contact .infoLi .ttl {margin-right:6px}

/* 공지사항::리스트 */
.csTable td {padding:19px 0}

/* 게시판 공통::상세 */
.boardViewWrap .areaTitle {padding-bottom:12px;border-bottom:0}
.boardViewWrap .subScript {font-size:16px;line-height:20px;color:var(--color-st);text-align:center}
.boardHead {padding:50px 50px;border-bottom:1px solid var(--color-ct)}
.boardHead .title {display:block;font-size:26px;line-height:30px}
.boardHead .info {display:flex;align-items:center;width:100%;padding-top:20px;color:var(--color-st)}
.boardHead .subScript {flex-grow:1;padding-right:50px;font-size:18px}
.boardHead .date {font-size:14px}
.boardDesc {padding:60px 130px;font-size:18px;line-height:32px;word-break:keep-all}
.boardDesc img {display:block;width:auto;max-width:100%;margin:0 auto}
.boardNav {border-top:1px solid var(--color-ct)}
.boardNav .arrow {display:flex;align-items:center;width:100%;height:80px}
.boardNav .arrow + .arrow {border-top:1px solid var(--color-ct)}
.boardNav .arrow.disabled {pointer-events:none}
.boardNav .arrow.disabled .label {opacity:.5}
.boardNav .arrow.disabled .title {opacity:.5}
.boardNav .arrow .label {padding:0 50px;font-weight:700;font-size:18px;text-align:center}
.boardNav .arrow .label.iconS::before {width:15px;height:8px;margin:6px 12px 0 0;background-position-x:-124px}
.boardNav .arrow.prev .label.iconS::before {background-position-y:-180px}
.boardNav .arrow.next .label.iconS::before {background-position-y:-192px}
.boardNav .arrow .title {overflow:hidden;flex-grow:1;font-size:18px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.boardNav .arrow .date {padding:0 50px;font-size:14px;color:var(--color-st);text-align:center}
.boardBtn {width:388px;margin-top:60px}

/* 자주 하는 질문 */
.csGuideWrap .myTable table tbody .question td {padding-top:20px;padding-bottom:20px}
.csGuideWrap .myTable table tbody .answer td {position:relative;padding:28px 86px 23px 98px}
.csGuideWrap .myTable table tbody td .togBtn {line-height:24px}
.csGuideWrap .myTable table tbody td .togBtn::before {content:'Q';display:inline-block;width:24px;height:24px;margin-right:7px;border-radius:50%;background:#a7866a;font-family:"Roboto";font-weight:600;font-size:14px;line-height:24px;color:var(--color-wt);text-align:center;vertical-align:top}
.csGuideWrap .myTable table tbody .answer td::before {content:'A';display:block;position:absolute;top:28px;left:63px;width:24px;height:24px;border-radius:50%;background:var(--color-pc);font-family:"Roboto";font-weight:600;font-size:14px;line-height:24px;color:var(--color-wt);text-align:center}

/* 상품구매 안내 */
.guideDesc .title {display:block;padding-top:50px;font-weight:600;font-size:20px;line-height:24px}
.guideDesc .depth1 {margin-left:18px;padding:20px 0 30px 0;line-height:28px;list-style:decimal;word-break:keep-all}
.guideDesc .depth2 li {padding-left:11px}
.guideDesc .depth2 li::before {content:'-';margin:0 4px 0 -11px}
.guideDesc .noMarker {margin-left:0}
.guideDesc .noMarker li {padding-left:0;list-style:none}
.guideDesc .noMarker li::before {display:none}
.guideDesc .infoArea {display:flex;flex-wrap:wrap;margin-left:0}
.guideDesc .infoArea dt {flex-shrink:0;width:80px;color:var(--color-st)}
.guideDesc .infoArea dd {width:calc(100% - 80px)}

/*******************************
*	매장
********************************/
/* 리스트 */
.storeList .store {display:inline-block;position:relative;width:386px;margin-top:60px;margin-left:16px;vertical-align:top}
.storeList .store:nth-of-type(3n+1) {margin-left:0}
/* .storeList .store:nth-of-type(-n+3) {margin-top:30px} */
.storeList .store:nth-of-type(-n+3) {margin-top:30px}
.storeList .store .imgArea .thumbImg {padding-top:100%}
.storeList .store .infoArea {padding-top:20px}
.storeList .store .infoArea .name {display:block;padding-bottom:3px;font-weight:500;font-size:24px;line-height:30px}
.storeList .store .infoArea .addr {display:block;padding-bottom:12px;font-size:18px;color:var(--color-st)}
.storeList .store .infoArea .time {display:block;font-family:'Roboto';font-size:16px;line-height:20px;color:var(--color-st)}
.storeList .store .infoArea .time b {display:inline-block;padding-right:10px;font-family:'Roboto';font-weight:600;vertical-align:top}
.storeList .store .infoArea .time .sort {display:inline-block;padding-right:10px;font-weight:600;vertical-align:top}
.storeList .store .infoArea .time + .time {margin-top:5px}
.storeList .store .btnViewDetail {position:absolute}

/* 상세 */
.boardDesc.store {padding-top:30px;padding-left:0;padding-right:0}
.boardDesc .storeImg {margin-bottom:40px;padding:0 84px}
.boardDesc .storeDesc {padding:0 84px}
.boardDesc .storeDesc .title {display:block;padding-bottom:20px;font-family:'Roboto';font-weight:300;font-size:40px;line-height:50px;color:var(--color-mc)}
.boardDesc .storeDesc .text {line-height:28px;color:var(--color-st)}
.boardDesc .storeInfo {display:flex;padding:20px 84px 0 84px}
.boardDesc .storeInfo .col {flex-grow:1;width:100%}
.boardDesc .storeInfo .col > dt {display:block;padding-bottom:8px;font-weight:600;font-size:16px;line-height:20px}
.boardDesc .storeInfo .col > dt .popOpen {display:inline-block;margin-left:6px;font-weight:400;font-size:14px;color:var(--color-pc);text-decoration:underline;vertical-align:top}
.boardDesc .storeInfo .col > dd {display:block;font-size:14px;line-height:20px;color:var(--color-sct)}
.boardDesc .storeInfo .col > dd .popOpen {display:inline-block;font-weight:400;font-size:14px;line-height:16px;color:var(--color-pc);text-decoration:underline;vertical-align:top}
.boardDesc .storeInfo .col > dd + dt {margin-top:27px}
.boardDesc .storeInfo .col .directions + .directions {margin-top:15px}
.boardDesc .storeInfo .col .directionsTitle {display:block;padding:3px 0 4px 0;color:var(--color-df)}
.boardDesc .storeInfo .col .station {display:block;padding-bottom:5px;color:var(--color-df)}
.boardDesc .storeInfo .col .depth1 li:first-child {margin-top:5px}
.boardDesc .storeInfo .col .depth1 li + li {margin-top:13px}
.boardDesc .storeInfo .col dl {line-height:25px}
.facilityList .iconS {display:inline-block;width:33px;height:33px;margin-right:2px;padding:7px 0;border-radius:50%;background:var(--color-cs);text-align:center;vertical-align:top;box-sizing:border-box}
.facilityList .iconS::before {width:19px;height:19px}
.facilityList .iconS.reserve::before {background-position:-120px -157px}/* 예약 가능 */
.facilityList .iconS.drivethrough::before {background-position:-97px -134px}/* 드라이브스루 가능 */
.facilityList .iconS.delivery::before {background-position:-120px -134px}/* 딜리버리 가능 */
.facilityList .iconS.restaurant::before {background-position:-74px -157px}/* 식사 가능(레스토랑) */
.facilityList .iconS.toilet::before {background-position:-97px -157px}/* 화장실 있음 */
.facilityList .iconS.parking::before {background-position:-74px -134px}/* 주차 가능 */
.facilityList .iconS.wifi::before {background-position:-143px -157px}/* 와이파이 가능 */

/*******************************
*	이벤트
********************************/
.eventList {margin-top:50px}
.eventList .event {position:relative;display:inline-block;width:388px;margin-left:13px;vertical-align:top}
.eventList .event.end .infoArea .d-day {background:var(--color-ph)}/* 종료 */
.eventList .event:nth-of-type(3n+1) {margin-left:0}
.eventList .event:nth-of-type(n+4) {margin-top:60px}
.eventList .event .btnViewDetail {position:absolute}
.eventList .event .thumbImg {padding-top:69%}
.eventList .event .infoArea {position:relative;padding-top:22px}
.eventList .event .infoArea .name {font-weight:600;font-size:24px;line-height:29px}
.eventList .event .infoArea .subScript {display:block;padding-top:8px;color:var(--color-sct)}
.eventList .event .infoArea .date {display:block;padding-top:20px;font-size:14px;color:var(--color-sct)}
.eventList .event .infoArea .d-day {position:absolute;top:-36px;left:0;background:#e9a900;padding:0 14px;font-weight:600;color:var(--color-wt);line-height:36px}

/*******************************
*	상세페이지
********************************/
.marketDetailWrap .detailCont {width:1200px;margin:0 auto}
/* 경로 */
.currentPath {padding:40px 0 30px 0}
.currentPath a {display:inline-block;font-size:13px;line-height:18px;color:var(--color-en);vertical-align:top}
.currentPath a:last-of-type {color:var(--color-sct)}
.currentPath a.iconS::before {width:18px;height:18px;margin-top:-1px;background-position-x:-204px}
.currentPath a:not(.iconS)::before {content:'';display:inline-block;width:7px;height:12px;margin:3px 9px 0 5px;background:url('../images/common/icon_sprites.png') no-repeat -188px -116px;vertical-align:top}

/* 이미지 */
.rowTop {padding-bottom:100px}
.rowTop::after {content:'';display:block;clear:both}
.rowTop .zoomSection {float:left;overflow:hidden;width:500px}
.rowTop .zoomSection .out {display:flex;position:relative;margin-top:10px}
.rowTop .zoomSection .out .gallery {flex-grow:1}
.rowTop .zoomSection .out .swiper-arrow {position:absolute;top:55px}
/* .rowTop .zoomSection .out .gallery + .gallery {margin-left:10px} */
.rowTop .detailSection {float:right;width:640px}

/* 기본 정보 */
.detailSection .infoArea {position:relative}
.detailSection .infoArea .badgeArea {padding-bottom:5px}
.detailSection .infoArea .badgeArea .badge {display:inline-block;padding:0 14px;border-radius:100px;font-weight:300;font-size:14px;line-height:26px;vertical-align:top}
.detailSection .infoArea .badgeArea .badge + .badge {margin-left:4px}
.detailSection .infoArea .title {display:block;padding-right:50px;font-weight:600;font-size:28px;line-height:33px}
.detailSection .infoArea .enTitle {display:block;padding-right:50px;font-size:16px}
.detailSection .infoArea .subScript {display:block;padding-top:5px;font-size:13px;line-height:18px;color:var(--color-sct);word-break:keep-all}
.detailSection .infoArea .notes {display:block;padding-top:20px;color:var(--color-sct)}
.detailSection .infoArea .notes .noteTit {display:inline-block;margin-right:10px;color:var(--color-df);vertical-align:top}
.detailSection .infoArea .price {display:block;padding-top:30px;font-size:28px}
.detailSection .infoArea .infoBtn {display:flex;margin-top:15px}
.detailSection .infoArea .infoBtn a {width:100%;height:45px;line-height:45px;text-align:center;box-sizing:border-box}
.detailSection .infoArea .infoBtn a + a {margin-left:10px}

.infoArea .shareBtn {position:absolute;top:0;right:0;width:42px;height:42px;background:var(--color-wt);border:1px solid var(--color-ct);border-radius:50%}
.infoArea .shareBtn .togBtn.iconS::before {width:20px;height:20px;background-position:-216px -29px}
.infoArea .shareBtn .togBtn {display:block;padding:12px 10px 10px 12px}
.infoArea .shareBtn .togBtn::after {content:'';display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:7}
.shareBtn .shareList {opacity:0;visibility:hidden;display:flex;position:absolute;top:56px;right:-20px;padding:17px 20px 14px 20px;border:1px solid var(--color-ct);background:var(--color-wt);transition:all .1s ease;box-sizing:border-box;z-index:8}
.shareBtn .shareList::before {content:'';display:block;position:absolute;top:-23px;right:28px;width:0;height:0;border-top:23px solid none;border-bottom:23px solid var(--color-ct);border-left:12px solid transparent;border-right:12px solid transparent;z-index:1}
.shareBtn .shareList::after {content:'';display:block;position:absolute;top:-20px;right:28px;width:0;height:0;border-top:23px solid none;border-bottom:23px solid var(--color-wt);border-left:12px solid transparent;border-right:12px solid transparent;z-index:2}
.shareBtn .shareList .icon {display:inline-block;width:43px;height:43px;vertical-align:top}
.shareBtn .shareList .icon + .icon {margin-left:6px}
.shareBtn .shareList .icon .iconS::before {width:43px;height:43px;background-position-y:-166px}
.shareBtn .shareList .icon.kakao .iconS::before {background-position-x:-324px}/* 카카오톡 */
.shareBtn .shareList .icon.facebook .iconS::before {background-position-x:-368px}/* 페이스북 */
.shareBtn .shareList .icon.naver .iconS::before {background-position-x:-412px}/* 네이버 */
.shareBtn .shareList .icon.url .iconS::before {background-position-x:-456px}/* URL */
.shareBtn.on .shareList {opacity:1;visibility:visible}
.shareBtn.on .togBtn::after {display:block}

.detailSection .subInfo {margin-top:40px;border-top:1px solid var(--color-ct)}
.subInfo .infoList {line-height:22px}
.subInfo .infoList::after {content:'';display:block;clear:both}
.subInfo .infoList dt {float:left;width:100px;margin:18px 20px 0 0;color:var(--color-st);box-sizing:border-box}
.subInfo .infoList dt:first-of-type {margin-top:0}
.subInfo .infoList dd {display:block;margin-left:120px;box-sizing:border-box}
.subInfo .infoList dt + dd {margin-top:20px}
.subInfo .infoList .optionList dt:first-of-type {margin-top:12px !important;}
.subInfo .infoList dd.emphasis {color:var(--color-pc)}
.subInfo .infoList dd .fs {font-size:14px}
.subInfo .infoList dt.sltTitle {margin-top:31px}
.subInfo .infoList dt.sltTitle + dd {margin-top:20px}
.subInfo .infoList dt.box {margin-top:32px}
.subInfo .infoList dd.box .inner {display:inline-block;padding:0 20px;border:1px solid var(--color-pc);line-height:44px;color:var(--color-pc);vertical-align:top}
.priceArea .sltItem {margin-top:20px;border-bottom:1px solid var(--color-df)}
.priceArea .sltItem .item {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;position:relative;padding:20px 0}
.priceArea .sltItem .item + .item {border-top:1px solid var(--color-cl)}
.priceArea .sltItem .item:first-child {border-top:1px solid var(--color-df)}
.priceArea .sltItem .item .info {flex-shrink:0;width:318px;padding-right:10px;color:var(--color-sct);box-sizing:border-box}
.priceArea .sltItem .item .info .name {display:block;padding-bottom:5px;font-weight:600;color:var(--color-df)}
.priceArea .sltItem .item .info .option + .option::before {content:'/';display:inline-block;margin:0 4px 0 0;vertical-align:top}
.priceArea .sltItem .item .price {flex-grow:1;padding-left:60px;line-height:26px;text-align:right;box-sizing:border-box}
.priceArea .sltItem .item .price .num {font-size:20px}
.priceArea .sltItem .item .btnDel {position:absolute;top:50%;right:164px;transform:translateY(-50%);height:26px;padding:7px 20px;box-sizing:border-box;z-index:2}
.priceArea .sltItem .item .btnDel::before {width:13px;height:13px;background-position:-170px -104px}
.priceArea .sltItem .item .ipCount ~ .btnDel {right:128px}
.priceArea .totalPrice {display:flex;align-items:center;justify-content:space-between;padding-top:20px;text-align:right}
.priceArea .totalPrice .fr {flex-grow:1}
.priceArea .totalPrice .tit {display:inline-block;margin-top:10px;padding-right:24px;font-size:18px;vertical-align:top}
.priceArea .totalPrice .num {font-weight:700;font-size:28px}
.priceArea .totalPrice .unit {margin-top:8px}
.detailSection .btnArea {flex-direction:row-reverse;margin:40px 0 0 0}
.detailSection .btnArea * {margin:0 8px 0 0}
.detailSection .btnArea *:first-child {margin-right:0}
.detailSection .btnArea button {flex-shrink:0;width:60px;height:60px;padding:15px 0;border:1px solid var(--color-pg);box-sizing:border-box}
.detailSection .btnArea .zzim::before {width:29px;height:28px;background-position:-124px -29px}
.detailSection .btnArea .zzim.on::before {background-position:-234px -158px}
.detailSection .btnArea .gift {flex-shrink:0;width:60px;height:60px}
.detailSection .btnArea .gift .iconS::before {width:26px;height:25px;background-position:-158px -29px}
.detailSection .btnArea .soldout {border-color:var(--color-bt);background-color:var(--color-bt);pointer-events:none;cursor:default}

.popover .togBtn {display:block;width:100%;height:100%;padding:17px 0;border:1px solid var(--color-pg);box-sizing:border-box}
.popover .togBtn::after {content:'';display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:7}
.popover .popoverArea {opacity:0;visibility:hidden;display:flex;position:absolute;top:66px;right:-16px;padding:12px 10px;border:1px solid var(--color-ct);background:var(--color-wt);transition:all .1s ease;line-height:50px;box-sizing:border-box;z-index:8}
.popover .popoverArea::before {content:'';display:block;position:absolute;top:-23px;right:22px;width:0;height:0;border-top:23px solid none;border-bottom:23px solid var(--color-ct);border-left:12px solid transparent;border-right:12px solid transparent;z-index:1}
.popover .popoverArea::after {content:'';display:block;position:absolute;top:-20px;right:22px;width:0;height:0;border-top:23px solid none;border-bottom:23px solid var(--color-wt);border-left:12px solid transparent;border-right:12px solid transparent;z-index:2}
.popover .popoverArea a {width:120px;margin:0}
.popover .popoverArea a + a {margin-left:10px}
.popover.on .popoverArea {opacity:1;visibility:visible}
.popover.on .togBtn::after {display:block}

.anchorMenu .anchorInner {display:table;table-layout:fixed;width:1200px;margin:0 auto}
.anchorMenu .anchorInner a {display:table-cell;position:relative;border-top:1px solid var(--color-ml);border-left:1px solid var(--color-ml);border-bottom:1px solid var(--color-df);background:var(--color-wt);font-size:18px;line-height:60px;text-align:center}
.anchorMenu .anchorInner a:last-of-type {border-right:1px solid var(--color-ml)}
.anchorMenu .anchorInner a span {display:inline-block;position:relative;height:100%}
.anchorMenu .anchorInner a.on {border-top-color:var(--color-df);border-left-color:var(--color-df);border-bottom-color:var(--color-wt);background:var(--color-wt);font-weight:600}
.anchorMenu .anchorInner a.on + a {border-left-color:var(--color-df)}
.anchorMenu .anchorInner a.on:last-of-type {border-right-color:var(--color-df)}
.anchorMenu.scroll .anchorInner {position:fixed;top:135px;left:50%;transform:translateX(-50%);padding-top:45px;background:var(--color-wt);z-index:2}
.anchorCont .section {padding:80px 100px}
.anchorCont .section + .section {border-top:1px solid var(--color-ct)}
.anchorCont .section.infoBox {padding-top:50px}
.anchorCont .section.infoBox img {display:block;width:auto;max-width:100%;margin:0 auto}

/* 상세정보 */
.detailArea .menuSlide .depth1::after {display:none}
.detailArea .infoBox .infoImg {margin-bottom:30px}
.detailArea .infoBox .introText {margin-top:7px;line-height:28px;word-break:keep-all}
.detailArea .infoBox .innerList::after {content:'';display:block;clear:both}
.detailArea .infoBox .innerList dt {float:left;width:50px;padding-bottom:10px;color:var(--color-st)}
.detailArea .infoBox .innerList dd {padding-left:60px;padding-bottom:13px}
.detailArea .infoBox .innerBox {margin-top:82px}
.detailArea .innerBox {position:relative}
.detailArea .innerBox .innerTitle {display:block;padding-bottom:20px;font-weight:600;font-size:22px}
.detailArea .innerBox .innerTitle .sub {color:var(--color-en)}
.detailArea .innerBox .optionList {color:var(--color-st)}
.detailArea .innerBox .optionList .opt {display:inline-block;margin-right:20px;text-align:center;vertical-align:top}
.detailArea .innerBox .optionList .opt::before {content:'';display:block;width:122px;height:123px;margin:0 auto 12px auto;background:url('../images/common/bg_grindOption.png') no-repeat}
.detailArea .innerBox .optionList .opt.type-2::before {background-position-x:-126px}/* 프렌치프레스 */
.detailArea .innerBox .optionList .opt.type-3::before {background-position-x:-252px}/* 드립&커피메이커 */
.detailArea .innerBox .optionList .opt.type-4::before {background-position-x:-378px}/* 모카포트&더치 */
.detailArea .innerBox .optionList .opt.type-5::before {background-position-x:-504px}/* 에스프레소 */
.detailArea .innerBox .innerList dt {width:164px}
.detailArea .innerBox .innerList dd {padding-left:174px}
.detailArea .innerBox .notesList .notePer {margin-top:26px}
.detailArea .innerBox .notesList .notePer .type {display:inline-block;width:80px;margin-right:10px;line-height:14px;color:var(--color-st);vertical-align:top}
.detailArea .innerBox .notesList .notePer .progressbar {display:inline-block;position:relative;width:470px;height:14px;vertical-align:top}
.detailArea .innerBox .notesList .notePer .progressbar::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:14px;border-radius:30px;background:var(--color-lg)}
.detailArea .innerBox .notesList .notePer .progressbar .bar {display:block;position:absolute;top:0;left:0;height:100%;border-radius:30px;background:#A7866A;z-index:1}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w10 {width:10%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w20 {width:20%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w30 {width:30%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w40 {width:40%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w50 {width:50%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w60 {width:60%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w70 {width:70%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w80 {width:80%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w90 {width:90%}
.detailArea .innerBox .notesList .notePer .progressbar .bar.w100 {width:100%}

.detailArea .guideBox .guideTitle {padding-top:10px;font-size:20px}
.detailArea .guideBox .depth1 {margin-top:20px}
.detailArea .guideBox .depth1 + .guideTitle {margin-top:70px}
.detailArea .guideBox .infoArea {display:flex;flex-wrap:wrap;line-height:28px}
.detailArea .guideBox .infoArea dt {flex-shrink:0;width:80px;color:var(--color-st)}
.detailArea .guideBox .infoArea dd {width:calc(100% - 80px)}
.detailArea .guideBox ol > li {margin-left:18px;list-style:decimal}
.detailArea .guideBox .depth1 li {line-height:28px;word-break:keep-all}
.detailArea .guideBox .depth1 .emphasis {color:var(--color-pc)}
.detailArea .guideBox .noMarker li {margin-left:0;list-style:none}
.detailArea .guideBox .bullet > li {padding-left:11px;}
.detailArea .guideBox .bullet > li::before {content:'-';display:inline-block;margin:0 4px 0 -11px;vertical-align:top}

.detailArea .productBox {padding-left:0;padding-right:0;padding-bottom:0}
.detailArea .productBox .listStyle {overflow:hidden;width:100%}
.detailArea .productBox .listStyle .listWrap {margin-top:10px;margin-left:0}
.detailArea .productBox .listStyle .listWrap .listSet {margin-left:0}
.detailArea .productBox .listStyle .listWrap .listSet:nth-of-type(n+5) {margin-top:0}
.detailArea .productBox .listStyle .listWrap .listSet .subScript {display:none}

.detailArea .swiper-arrow.prev, .detailArea .swiper-arrow.next {top:110px;transform:none;width:50px;height:50px;padding:13px 0;background:rgba(0,0,0,.4);z-index:1;box-sizing:border-box}
.detailArea .swiper-arrow.prev::before, .detailArea .swiper-arrow.next::before {display:none}
.detailArea .swiper-arrow.prev::after, .detailArea .swiper-arrow.next::after {content:'';display:block;width:16px;height:16px;margin:4px 0 0 21px;border:solid var(--color-wt);border-width:0 2px 2px 0;transform:rotate(135deg)}
.detailArea .swiper-arrow.next::after {margin-left:auto;margin-right:21px;transform:rotate(-45deg)}
.detailArea .swiper-arrow.swiper-button-disabled {display:none}
/* .detailArea .swiper-arrow.swiper-button-disabled::after {opacity:.6} */
.detailArea .swiper-arrow.prev {left:0}
.detailArea .swiper-arrow.next {right:0}

/* 상품문의 */
.detailArea .qnaArea .btnQna {position:absolute;top:-10px;right:0}
.detailArea .qnaArea .btnQna a {display:block;width:130px;height:40px;line-height:40px;text-align:center;box-sizing:border-box}
.detailQnaList {border-top:1px solid var(--color-df)}
.detailQnaList .badge {display:table-cell;width:80px;font-size:15px;color:#A7866A;line-height:32px;text-align:center;vertical-align:middle;box-sizing:border-box}
.detailQnaList .badge em {display:inline-block;width:100%;height:32px;border-radius:25px;background:#F9F8F5;vertical-align:top;box-sizing:border-box}
.detailQnaList .qustionInfo {margin-top:14px}
.detailQnaList .qustionInfo span {display:inline-block;font-size:15px;line-height:18px;color:var(--color-en);vertical-align:top}
.detailQnaList .qustionInfo span + span::before {content:'';display:inline-block;width:1px;height:16px;margin:1px 10px 0 7px;background:var(--color-ct);vertical-align:top}
.detailQnaList li {padding:25px 40px 26px 40px;border-bottom:1px solid var(--color-cl);word-break:keep-all}
.detailQnaList li .question {display:table;position:relative;width:100%;padding-right:80px;line-height:24px;box-sizing:border-box}
.detailQnaList li .question .qBody {padding-left:30px;box-sizing:border-box}
.detailQnaList li .question .lock {line-height:21px}
.detailQnaList li .question .lock::after {content:'';display:inline-block;width:18px;height:21px;margin-left:3px;background:url('../images/common/icon_sprites.png') no-repeat -226px 0;vertical-align:top}
.detailQnaList li .question .togBtn {display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.detailQnaList li .answer {opacity:0;visibility:hidden;position:relative;height:0;margin:0 -40px;padding:0 46px;background:#F9F8F5;font-size:15px;line-height:24px;color:var(--color-sct);transition:all .3s ease}
.detailQnaList li.icon .question .togBtn::after {content:'';display:block;position:absolute;top:50%;right:0;width:26px;height:14px;margin-top:-7px;background:url('../images/common/icon_sprites.png') no-repeat -204px -176px}
.detailQnaList li.on {padding-bottom:0}
.detailQnaList li.on .answer {opacity:1;visibility:visible;height:auto;margin-top:15px;padding-top:30px;padding-bottom:30px}
.detailQnaList li.on .question .togBtn::after {background-position-y:-158px}
.detailQnaList li .answer .answerInfo {padding-top:15px}
.detailQnaList li .answer .answerInfo span {color:var(--color-en)}
.detailQnaList li .answer .answerInfo span + span::before {content:'';display:inline-block;width:1px;height:16px;margin:4px 10px 0 7px;background:var(--color-ct);vertical-align:top}
.detailQnaList .pagination {margin-top:0;border-top:0}

/* 상세::박물관 */
.museumDetailArea .currentPath {padding-top:30px}

/*******************************
*	장바구니
********************************/
.orderArea .areaTitle {padding-bottom:16px;border-bottom:0}
.orderArea .tabMenu {padding-top:50px}
.orderArea .step {display:block;color:var(--color-st);text-align:center}
.orderArea .step a {display:inline-block;line-height:17px;color:var(--color-st);cursor:auto;vertical-align:top}
.orderArea .step a + a::before {content:'';display:inline-block;width:10px;height:17px;margin:0 7px 0 5px;background:url('../images/common/icon_sprites.png') no-repeat -174px -156px;vertical-align:top}
.orderArea .step a.on {color:var(--color-pc)}
.layoutCol {position:relative}
.orderList .checkAll {padding-bottom:16px}
.orderList .checkAll label {color:var(--color-sct)}
.orderList .checkAll .btnDel {display:inline-block;line-height:24px;vertical-align:top}
.orderList .checkAll .btnDel a {color:var(--color-sct)}
.orderList .checkAll .btnDel a::before {content:'';display:inline-block;width:1px;height:16px;margin:4px 12px 0 9px;background:var(--color-ct);vertical-align:top}
.orderList .checkEach .cartList {padding-bottom:20px;border-top:1px solid var(--color-ct)}
.orderList .cartList li {display:flex;align-items:center;position:relative;width:100%;padding:24px 0 30px 0;border-bottom:1px solid var(--color-ct)}
.orderList .cartList li .btnViewDetail {position:absolute;left:44px;width:420px}
.orderList .cartList .check label::before {margin-right:20px}
.orderList .cartList .imgArea {flex-shrink:0;width:120px}
.orderList .cartList .imgArea .badgeArea {position:absolute;top:0;left:0;z-index:1}
.orderList .cartList .imgArea .badgeArea .badge {display:inline-block;padding:0 9px;background:#CB5440;font-weight:300;font-size:12px;line-height:24px;color:var(--color-wt);vertical-align:top}
.orderList .cartList .infoArea {flex-grow:1;margin-top:0;padding:0 20px;box-sizing:border-box}
.orderList .cartList .infoArea .title {display:block;font-size:18px}
.orderList .cartList .infoArea .option {display:block;padding-top:6px;color:var(--color-sct)}
.orderList .cartList .infoArea .optionSet span + span::before {content:'';display:inline-block;width:1px;height:13px;margin:3px 8px 0 5px;background:var(--color-sct);vertical-align:top}
.orderList .cartList .infoArea .btnOpt {margin-top:16px}
.orderList .cartList .infoArea .btnOpt a {display:inline-block;width:90px;height:30px;line-height:30px;text-align:center;vertical-align:top;box-sizing:border-box}
.orderList .cartList .total {flex-shrink:0;width:147px;padding-left:10px;font-size:20px;text-align:right;box-sizing:border-box}
.orderList .cartList .btnDel {flex-shrink:0;width:74px;padding-left:16px;box-sizing:border-box}
.orderList .cartList .btnDel a {display:block;width:58px;height:58px;padding-top:22px;text-align:center;box-sizing:border-box}
.orderList .cartList .btnDel a::before {width:13px;height:13px;background-position:-170px -104px}

.orderList.type2 .checkEach .cartList {padding-bottom:0}
.orderList.type2 .cartList li {padding:14px 0}
.orderList.type2 .cartList .check label::before {margin-right:10px}
.orderList.type2 .cartList .imgArea {width:80px}
.orderList.type2 .cartList .infoArea {padding:0 12px}
.orderList.type2 .cartList .infoArea .title {font-size:16px}
.orderList.type2 .cartList .infoArea .option {padding-top:4px}
.orderList.type2 .cartList .total {width:100%;margin-top:7px;padding-left:0;line-height:40px;text-align:left}
.orderList.type2 .cartList .total .price {margin-left:20px;font-weight:600}

.layoutTd .orderList .cartList li {padding:24px 0 30px 0}
.layoutTd .orderStore .name {display:block;position:relative;line-height:26px;color:var(--color-sct)}
.layoutTd .orderStore .name .badge {display:inline-block;/* position:absolute; */top:-4px;left:52px;width:80px;height:26px;border-radius:80px;background:var(--color-lg);font-size:12px;line-height:26px;text-align:center}
.layoutTd .orderStore .location {display:block;padding-top:7px;line-height:22px}
.layoutTd .orderStore .btnChangeDv {display:block;height:40px;margin-top:28px;line-height:40px;text-align:center}
.layoutTd .orderPrice .amountSet {line-height:24px}
.layoutTd .orderPrice .amountSet::after {content:'';display:block;clear:both}
.layoutTd .orderPrice .title {float:left;color:var(--color-sct)}
.layoutTd .orderPrice .price {float:right}
.layoutTd .orderPrice .emphasis {float:right;width:100%;text-align:right}
.layoutTd .orderPrice .amountSet + .amountSet {margin-top:16px}
.layoutTd .orderPrice .amountSet .price {font-size:20px}
.layoutTd .orderPrice .amountSet .emphasis {padding-top:1px;font-size:12px;color:var(--color-pc)}
.layoutTd .orderPrice .sumPrice {margin-top:20px;padding-top:20px;border-top:1px solid var(--color-ct)}
.layoutTd .orderPrice .sumPrice::after {content:'';display:block;clear:both}
.layoutTd .orderPrice .sumPrice .title {line-height:29px}
.layoutTd .orderPrice .sumPrice .price {font-weight:600;font-size:24px;line-height:29px}
.layoutTd .orderPrice .sumPrice .emphasis {padding-top:10px;font-size:12px;color:var(--color-sct)}
.layoutTd .orderPrice .sumPrice .emphasis .num {color:var(--color-pc)}
.layoutTd .btnOrder {margin-bottom:20px}
.layoutTd .btnOrder * {margin-left:0}
.layoutTd .section {padding:30px;border:1px solid var(--color-ct);border-bottom:0px solid var(--color-ct);background:var(--color-wt);box-sizing:border-box}
.layoutTd .orderPrice {background:var(--color-hg)}
.layoutCol .layoutTd.tdRgt.scrollTop {position:fixed;top:160px;left:50%;margin-left:300px}
.layoutCol .layoutTd.tdRgt.scrollBot {position:absolute;top:auto;bottom:0;left:50%;margin-left:300px}
.layoutTd {position:relative}
.layoutTd * + .formArea, .layoutTd * + .infoArea {margin-top:20px}
.layoutTd .subTitle + .formArea, .layoutTd .subTitle + .infoArea {margin-top:30px}
.layoutTd .formArea label, .layoutTd .infoArea .formLabel {display:inline-block;width:130px;word-break:keep-all;vertical-align:top}
.layoutTd .formArea .guideList {flex-shrink:0;width:100%;padding:12px 0 0 140px;font-size:14px;line-height:20px;color:var(--color-en)}
.layoutTd .infoArea {position:relative}
.layoutTd .infoArea .formLabel {margin-right:6px;padding-top:14px}
.layoutTd .infoArea .selectArea {width:350px}
.layoutTd .infoArea .textarea {width:600px;height:90px}
.layoutTd .infoArea .selectArea + .textarea {margin-top:10px}
.layoutTd .infoArea .formText {display:inline-block;position:relative;max-width:calc(100% - 180px);padding-top:14px;padding-right:200px;box-sizing:border-box;vertical-align:top}
.layoutTd .infoArea .formText .badge {display:inline-block;height:26px;margin:-4px 0 0 12px;padding:0 13px;border-radius:80px;background:var(--color-lg);font-size:12px;color:var(--color-sct);line-height:26px;vertical-align:top}
.layoutTd .infoArea .formText .badge_dbchk {}
.layoutTd .infoArea .formText .badge_dbchk {opacity:0;display:block;position:absolute;top:-33px;left:0;width:136px;border-radius:50px;background:var(--color-pc);font-size:13px;line-height:35px;color:var(--color-wt);text-align:center}
.layoutTd .infoArea .formText .badge_dbchk b {font-weight:600}
.layoutTd .infoArea .formText .badge_dbchk::after {content:'';display:block;position:absolute;bottom:-9px;left:0;right:0;width:0;height:0;margin:0 auto;border-top:9px solid var(--color-pc);border-left:6px solid transparent;border-right:6px solid transparent}
body.scroll .layoutTd .infoArea .formText .badge_dbchk {animation:slideUp .5s ease-in-out forwards}
@keyframes slideUp {
    from {opacity:0;top:-33px}
    to {opacity:1;top:-55px}
}
.layoutTd .formDb {display:inline-block;/* max-width:calc(100% - 180px); */max-width:600px;/* padding-right:200px; */padding-right:0;box-sizing:border-box;vertical-align:top}
.layoutTd .formDb .ip_txt {display:block}
.layoutTd .formDb .ip_txt + .ip_txt {margin-top:10px}
.layoutTd .infoArea:first-of-type .formLabel, 
.layoutTd .infoArea:first-of-type .formText {padding-top:0}
.layoutTd .btnPos {display:block;position:absolute;top:71px;right:0;width:140px;height:36px;font-size:14px;line-height:36px;text-align:center;box-sizing:border-box}
.layoutTd .btnSelect {display:flex;align-items:center;justify-content:center;height:50px;padding-top:20px;font-weight:600;font-size:18px}
.layoutTd .btnSelect [class*="btnStyle-"] {width:260px;height:100%;margin:0 10px;line-height:50px;text-align:center;box-sizing:border-box}
/* .layoutTd:not(.method) .squareRadio {margin-top:30px} */
.layoutTd:not(.method) .squareRadio .radio label {width:120px;height:60px;line-height:60px}

.cartListWrap .layoutCol .tdLft {width:870px;min-height:742px;margin-top:34px;padding-bottom:40px}
.cartListWrap .layoutCol .tdRgt {position:absolute;top:0%;right:0;width:300px;padding-top:40px}
/* .cartListWrap .layoutCol .tdRgt.scrollTop {position:fixed;top:80px} */
/* .cartListWrap .layoutCol .tdRgt.scrollBot {top:auto;bottom:0} */
.cartListWrap .layoutCol .tdRgt .guideArea .guideList li {color:var(--color-en)}
.orderList .noHistory {border-top:1px solid var(--color-ct)}
/* 품절 */
.cartList .imgArea .soldOutBadge {display:flex;flex-flow:column wrap;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);color:var(--color-wt);text-align:center}
.cartList .imgArea .soldOutBadge .title {width:100%;font-weight:500;font-size:16px;line-height:18px}
.cartList .imgArea .soldOutBadge .date {width:100%;margin-top:7px;font-size:12px;line-height:16px}
.cartList .soldOut .title a,
.cartList .soldOut .infoArea .price,
.cartList .soldOut .infoArea .count .number,
.cartList .soldOut .infoArea .option,
.cartList .soldOut .count .minus::before,
.cartList .soldOut .count .plus::before {color:var(--color-en)}
.cartList .soldOut .count .minus,
.cartList .soldOut .count .plus {pointer-events:none}

/*******************************
*	주문/결제
********************************/
.layoutTd .subTitle {display:block;width:100%;padding-bottom:16px;border-bottom:1px solid var(--color-df);font-weight:400;font-size:20px}
.layoutTd .subTitle .togBtn {display:block;position:relative;width:100%;height:100%}
.layoutTd .subTitle .togBtn::after {content:'';display:block;position:absolute;top:7px;right:0;width:17px;height:9px;background:url('../images/common/icon_sprites.png') no-repeat -184px -186px}
.layoutTd .subTitle .subscript {display:inline-block;padding:4px 0 0 6px;font-size:16px;color:var(--color-st);vertical-align:top}
.layoutTd .check.right {position:absolute;top:0;right:0}
.layoutTd .formArea .innerFormArea {padding-left:180px}
.layoutTd .formArea .innerFormArea .type1 {width:350px}
.layoutTd .formArea .innerFormArea .type2 {width:320px;margin-left:6px}
.layoutTd.on .subTitle .togBtn::after {background-position-y:-174px}
.paymentWrap .layoutTd:not(.tdRgt) {margin-top:80px}
.paymentWrap .step + .layoutTd {margin-top:62px}
.paymentWrap .tdLft {width:860px}
.paymentWrap .layoutCol .tdRgt {position:absolute;top:0%;right:0;width:300px}
.paymentWrap .layoutTd.history .summary {display:block;padding:40px 0;border-bottom:1px solid var(--color-ct);text-align:center}
.paymentWrap .layoutTd.history .summary .smyText .option + .option::before {content:'/';margin:0 4px}
.paymentWrap .layoutTd.history .orderList {display:none}
.paymentWrap .layoutTd.history.on .summary {display:none}
.paymentWrap .layoutTd.history.on .orderList {display:block}
.paymentWrap .layoutTd.history .orderList .cartList li {padding-top:30px}
.paymentWrap .layoutTd.history .orderList .cartList .infoArea {width:794px;margin-top:0}
.paymentWrap .layoutTd.history .orderList .cartList .number {flex-shrink:0;min-width:64px;font-size:18px;text-align:center}
.paymentWrap .layoutTd.history .orderList .cartList .number .opt {display:inline-block}
.paymentWrap .layoutTd.history .orderList .cartList .number .opt + .opt::before {content:'/';margin:0 4px}
.paymentWrap .layoutTd.history .orderList .cartList .total {width:222px}
.paymentWrap .layoutTd.history .orderList .cartList .ttl {display:block;margin-bottom:10px;color:var(--color-pc)}
.paymentWrap .layoutTd.history .orderList .cartList .prd {display:block;margin-bottom:6px}
.paymentWrap .layoutTd.history .orderList .cartList .txt {font-size:15px;line-height:20px;word-break:keep-all}
.paymentWrap .layoutTd.method .squareRadio {margin:0;padding:20px 38px 40px 22px;border:1px solid var(--color-cl);border-top:0px solid var(--color-cl)}
.paymentWrap .layoutTd.method .squareRadio .radio {margin:20px 0 0 16px}
.paymentWrap .layoutTd.method .squareRadio .radio .iconS::before {display:block;width:70px;height:26px;margin:27px auto 0 auto}
.paymentWrap .layoutTd.method .squareRadio .radio.naver .iconS::before {background-position:-102px -258px}/* 네이버 */
.paymentWrap .layoutTd.method .squareRadio .radio.kakao .iconS::before {background-position-y:-92px}/* 카카오톡 */
.paymentWrap .layoutTd.method .squareRadio .radio.payco .iconS::before {background-position-y:-148px}/* 페이코 */
/* .paymentWrap .layoutTd.method .squareRadio .radio.naver input:checked + .iconS::before {background-position-y:-176px} *//* 네이버 checked */
/* .paymentWrap .layoutTd.method .squareRadio .radio.kakao input:checked + .iconS::before {background-position-y:-204px} *//* 카카오 checked */
/* .paymentWrap .layoutTd.method .squareRadio .radio.payco input:checked + .iconS::before {background-position-y:-232px} *//* 페이코 checked */
.paymentWrap .layoutTd.method .squareRadio .radio.teracard {box-sizing:border-box}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label {display:flex;align-items:center;width:380px;padding:8px 10px;line-height:22px}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label .imgArea {flex-shrink:0;overflow:hidden;width:96px;margin-right:12px;border-radius:6px}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label .imgArea .thumbImg {padding-top:64px}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label .infoArea {display:flex;flex-wrap:wrap;width:100%;margin-top:0}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label .name {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;max-width:calc(100% - 136px);height:22px;padding-right:10px;text-align:left;box-sizing:border-box}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label .price {flex-shrink:0;max-width:110px}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard label .errorTxt {width:100%;font-size:14px;color:var(--color-pc);text-align:left}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard .popOpen {display:flex;align-items:center;position:absolute;top:0;right:13px;height:100%;padding:0 18px;z-index:1}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard .popOpen::before {content:'';display:block;width:10px;height:17px;background:url('../images/common/icon_sprites.png') no-repeat -174px -156px}
.paymentWrap .layoutTd.method .squareRadio .radio.teracard input:checked ~ .popOpen::before {background-position:-250px -218px}
/* .paymentWrap .layoutTd.method .squareRadio .radio:nth-child(n+4) {margin-top:20px} */
.paymentWrap .layoutTd.total {margin-top:60px}
.paymentWrap .layoutTd.total .totalBox {display:flex;align-items:center;padding:50px 70px;border:1px solid var(--color-cl);border-top:0px solid vaR(--color-cl);color:var(--color-sct);text-align:center}
.paymentWrap .layoutTd.total .totalBox > * {flex-grow:1}
.paymentWrap .layoutTd.total .totalBox .num {display:block;margin-top:10px;font-weight:600;font-size:28px;line-height:33px;color:var(--color-df)}
.paymentWrap .layoutTd.total .totalBox .minus {height:2px}
.paymentWrap .layoutTd.total .totalBox .sum {height:10px}
.paymentWrap .layoutTd.total .totalBox .plus::before {width:20px;height:20px;background-position:-206px -118px}
.paymentWrap .layoutTd.total .totalBox .minus::before {width:20px;height:2px;background-position:-230px -148px}
.paymentWrap .layoutTd.total .totalBox .sum::before {width:20px;height:10px;background-position:-206px -144px}
.paymentWrap .layoutTd.guideArea {margin-top:60px}
.paymentWrap .layoutTd.guideArea .guideTitle {padding-bottom:8px;font-weight:700;font-size:16px}
.paymentWrap .layoutTd.guideArea .guideList li {font-size:16px;line-height:26px}
.paymentWrap .layoutTd.guideArea .guideList li::before {margin-top:10px}
.paymentWrap .layoutTd .guideList {margin-top:28px}
.paymentWrap .layoutTd .guideList li {font-size:16px;line-height:26px;color:var(--color-en)}
.paymentWrap .btn.sml {width:388px;margin-top:60px}
.paymentWrap .checkEach {display:block;padding-top:16px}
.paymentWrap .checkEach .check {display:block;margin-top:8px}
.paymentWrap .checkEach .check .block {display:block;padding-top:5px;line-height:22px}
.paymentWrap .checkEach .check .btnView {display:inline-block;padding-left:20px;font-size:15px;text-decoration:underline;vertical-align:top}
.layoutTd .agreeArea {margin-bottom:20px;padding:20px 20px 30px 20px;border:1px solid var(--color-cl);background:var(--color-hg);word-break:keep-all}
.layoutTd .agreeArea .checkAll {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-ct)}
.layoutTd .agreeArea .checkAll .sub {color:var(--color-en)}
.layoutTd .agreeArea label {font-weight:700}
.layoutTd .agreeArea label::before {margin-right:10px}
.layoutTd .agreeArea .checkEach {padding-top:0}
.layoutTd .agreeArea .checkEach .check {margin-top:14px}
.layoutTd .agreeArea .block {margin-top:10px;line-height:22px}
.layoutTd .agreeArea .sub {margin-top:7px;font-size:14px;line-height:20px}
.layoutTd .agreeArea.checkAgree label {font-weight:400}
.layoutTd .agreeArea .btnAgree {display:inline-block;margin-top:10px;padding-left:31px;font-size:14px;color:var(--color-en);vertical-align:top}

/* 현금영수증/세금계산서 */
.infoArea.receiptArea {display:flex;align-items:flex-start;width:100%}
.receiptArea .formLabel {flex-shrink:0;width:222px}
.receiptArea .formCont {flex-grow:1}
.receiptArea .squareRadio.type2 {margin:0;padding:0 0 0 4px;border:0}
.receiptArea .squareRadio.type2 .radio.tab {width:auto;margin-top:0;margin-left:-4px}/* 검정배경/희색라인+흰배경 */
.receiptArea .squareRadio.type2 .radio.tab:nth-child(n+2) {margin-left:-5px}
.receiptArea .squareRadio.type2 .radio label {width:198px;height:36px;line-height:36px}
.receiptArea.disabled {}

.paymentWrap .layoutTd.method .squareRadio.type2 {padding:0 0 0 4px;border:0}
.paymentWrap .layoutTd.method .receiptArea .formLabel {flex-shrink:0;width:216px;padding-top:0}

/* 정기배송 */
.layoutTd .bigBox .formLabel {padding-top:20px}
.layoutTd .chkBox .formLabel {padding-top:2px}
.rdCalendar .hasDatepicker {display:inline-block;position:relative;width:350px;height:46px;padding:0 20px;border:1px solid var(--color-ml);vertical-align:top;box-sizing:border-box;cursor:pointer}
.rdCalendar .hasDatepicker .datePicker {width:114px;height:100%;padding:0;border:0;outline:none}
.rdCalendar .hasDatepicker .rmDate {line-height:44px}
.rdCalendar .hasDatepicker::after {content:'';display:block;position:absolute;top:15px;right:20px;width:8px;height:15px;background:url('../images/common/icon_sprites.png') no-repeat -156px -104px;z-index:1}
.rdCalendar + .notice {padding:10px 0 6px 0;font-size:14px;color:var(--color-en);line-height:20px}
.reservationDate {/* display:none; */margin-top:10px;padding:18px 20px;background:var(--color-hg);font-size:14px;line-height:20px;box-sizing:border-box}
.reservationDate dt {clear:both;float:left;width:160px}
.reservationDate dd {margin-left:160px;text-align:right}
.reservationDate .liNext {margin-top:10px;color:var(--color-en)}
.reservationDate .liNext dt::before {content:'';display:inline-block;width:4px;height:4px;margin:0 7px 4px 0;border:1px solid #828282;border-width:0 0 1px 1px;vertical-align:middle}


/* 결제완료 */
.orderResultText {margin-top:60px;padding:60px 20px 70px 20px;border-top:1px solid var(--color-df);border-bottom:1px solid var(--color-df)}
.orderResultText .checkSvg {display:block;width:42px;height:42px;margin:0 auto 30px auto}
.orderResultText .line {fill:transparent;stroke:var(--color-pc);animation:.4s linear both}
.orderResultText .line-1 {stroke-dasharray:200;animation-name:check-1}
.orderResultText .line-2 {stroke-dasharray:154;animation-name:check-2;animation-delay:.2s}
@keyframes check-1 {0% {stroke-dashoffset:200} 100% {stroke-dashoffset:400}}
@keyframes check-2 {0% {stroke-dashoffset:154} 100% {stroke-dashoffset:308}}
.orderResultText .completeText {display:block;font-size:26px;line-height:36px;text-align:center}
.orderResultText .completeText .name {display:block}
.orderResultText .completeText .emphasis {font-weight:700;color:var(--color-pc)}
.orderResultText .info {display:block;margin-top:30px;line-height:26px;text-align:center}
.orderResultText .info .badge {display:inline-block;margin-right:2px;padding:0 12px;border-radius:80px;background:var(--color-pc);color:var(--color-wt);vertical-align:top}
.orderResultText .notice {margin-top:30px;font-size:14px;color:var(--color-sct);line-height:20px;text-align:center}
.orderResultText .orderInfo {margin-top:50px;text-align:center}
.orderResultText .orderInfo li + li {padding-top:10px}
.orderResultText .orderInfo .title {display:inline-block;padding-right:20px;font-size:16px;line-height:33px;color:var(--color-st);text-align:left;box-sizing:border-box;vertical-align:top}
.orderResultText .orderInfo .text {display:inline-block;font-size:20px;line-height:33px;color:var(--color-st);text-align:left;vertical-align:top}
.orderResultText .orderInfo .total .text {font-weight:600;font-size:28px;color:var(--color-pc)}
.orderResultText .buyBenefit {display:flex;align-items:center;width:500px;margin:30px auto -20px auto;padding:20px 74px 0 74px;border-top:1px solid var(--color-ct);text-align:left}
.orderResultText .buyBenefit .imgArea {flex-shrink:0;overflow:hidden;width:100px;margin-right:16px;border-radius:50%}
.orderResultText .buyBenefit .txtArea {flex:1}
.orderResultText .buyBenefit .txtArea .ttl {color:var(--color-pc);line-height:20px}
.orderResultText .buyBenefit .txtArea .txt {margin-top:10px;color:var(--color-st);line-height:22px}
.paymentCompleteWrap .sml {margin-top:60px}
.paymentCompleteWrap .sml a {width:300px;margin-left:20px}

/*******************************
*	테라로사 플러스
********************************/
.membershipWrap .bannerArea {padding:20px;box-sizing:border-box}

/* 이용안내 */
.membershipGuideWrap .visualArea {padding-top:41px}
.membershipGuideWrap .benefitArea {padding:120px 315px;background:var(--color-hg);text-align:center;word-break:keep-all}
.membershipGuideWrap .benefitArea .title {display:block;padding-bottom:40px;font-weight:600;font-size:34px}
.membershipGuideWrap .benefitArea .text {font-size:26px;line-height:34px;color:var(--color-sct)}
.membershipGuideWrap .guideBox {padding:60px 90px;border-bottom:1px solid var(--color-ct)}
.membershipGuideWrap .guideBox .innerBox dt {display:block;padding-bottom:16px;font-weight:600;font-size:20px}
.membershipGuideWrap .guideBox .innerBox dd {display:block;padding-left:22px;font-size:18px;color:var(--color-sct);word-break:keep-all}
.membershipGuideWrap .guideBox .innerBox dd::before {content:'\002B';display:inline-block;margin:-4px 10px 0 -23px;font-weight:300;font-size:22px;color:var(--color-pc);vertical-align:top}
.membershipGuideWrap .guideBox .innerBox dd + dd {padding-top:10px}
.membershipGuideWrap .guideBox .innerBox dd + dt {margin-top:50px}
.membershipGuideWrap .btnArea {width:680px;margin:0 auto;padding-top:40px}
/* .membershipGuideWrap .btnArea .btn {height:80px;font-weight:600;font-size:26px;line-height:80px} */
.membershipGuideWrap .btnArea .check {margin-top:20px}
/* .membershipGuideWrap .btnArea .check label {font-size:20px;line-height:30px;color:var(--color-st)}
.membershipGuideWrap .btnArea .check label::before {width:30px;height:30px}
.membershipGuideWrap .btnArea .check label::after {top:10px;left:6px;width:18px;height:13px;background-position:-268px -144px}
.membershipGuideWrap .btnArea .check input:checked + label::after {background-position-y:-160px} */
.membershipGuideWrap .btnArea .check .popOpen {display:inline-block;margin-left:10px;font-size:15px;line-height:24px;text-decoration:underline;vertical-align:top}

/*******************************
*	브랜드스토리/테라타임즈/박물관
********************************/
/* .infoMainWrap {max-width:1400px;margin:0 auto;word-break:keep-all} */
.infoMainWrap .infoCont {width:100%}
.infoMainWrap .menuSlide .innerSlide {margin-bottom:0}
.infoMainWrap .imgArea {background:var(--color-wt);color:var(--color-df);text-align:center}
.infoMainWrap .bannerArea {margin-bottom:140px}
.infoMainWrap .mainTitle {display:block;margin-bottom:50px;font-weight:700;font-family:'Roboto';font-size:50px;line-height:63px}
.infoMainWrap .subTitle {display:block;font-size:23px;line-height:30px;color:var(--color-nm)}
.infoMainWrap .subScript {/* font-family:'NanumMyeongjo'; */font-size:36px;line-height:56px;/* color:var(--color-nm) */}
.infoMainWrap .desc {padding:0 20px;font-size:15px;line-height:22px;color:var(--color-sct)}
.infoMainWrap .thumb {margin-top:50px}
.infoMainWrap .thumb + * {margin-top:50px}
.infoMainWrap .line-t::before {content:'';display:block;width:1px;height:80px;margin:0 auto 50px auto;background:var(--color-bt)}
.infoMainWrap .line-b::after {content:'';display:block;width:1px;height:80px;margin:50px auto 0 auto;background:var(--color-bt)}
.infoMainWrap .infoArea {display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-df)}
.infoMainWrap .infoArea .thumb {flex-grow:1;margin:0}
.infoMainWrap .infoArea .thumb img {height:100%;object-fit:cover}
.infoMainWrap .infoArea .infoList {flex-shrink:0;width:50%;margin:0;color:var(--color-wt);vertical-align:top}
.infoMainWrap .infoArea .infoList dl {flex-shrink:0;width:100%}
.infoMainWrap .infoArea .infoList .set {width:460px;margin:0 auto;line-height:30px}
.infoMainWrap .infoArea .infoList .set::after {content:'';display:block;clear:both}
.infoMainWrap .infoArea .infoList .set dt {float:left;width:133px;font-weight:600;font-size:24px}
.infoMainWrap .infoArea .infoList .set dd {padding-left:133px;font-size:18px}
.infoMainWrap .infoArea .infoList .set dd.fs {font-size:20px}
.infoMainWrap .infoArea .infoList .set.time dd.fs {padding-bottom:5px;font-size:24px;font-weight:600}
.infoMainWrap .infoArea .infoList .set.time dd a {color:var(--color-wt)}
.infoMainWrap .infoArea .infoList .set.age {max-width:460px}
.infoMainWrap .infoArea .infoList .set.age dd::after {content:'';display:block;clear:both}
.infoMainWrap .infoArea .infoList .set.age dd + dd {margin-top:4px}
.infoMainWrap .infoArea .infoList .set.age dd .rgt {float:right}
.infoMainWrap .infoArea .infoList .set + .set {margin-top:30px}
.infoMainWrap .infoArea .subScript {color:var(--color-wt);text-align:center}
.infoMainWrap .infoArea .infoList > .btn {width:460px;height:74px;margin:55px auto 0 auto;font-size:24px;line-height:74px}
.infoMainWrap.museum .infoArea .infoList::before {content:'';display:block;width:460px;height:66px;margin:0 auto 45px auto;background:url('../images/img/img_museum_icon.jpg') no-repeat left}
.infoMainWrap.wholeSale .infoArea .infoList::before {content:'';display:block;width:460px;height:65px;margin:0 auto 47px auto;background:url('../images/img/img_wholeSale_icon.jpg') no-repeat left}
.infoMainWrap.wholeSale .infoArea .infoList .set.time dd.fs {white-space:nowrap}
.infoMainWrap.wholeSale .infoArea .infoList .set dd a {color:var(--color-wt)}
.infoMainWrap.wholeSale .infoList .btn {height:auto;line-height:64px}
.infoMainWrap.about {background:#060910}
.infoMainWrap.about .contents {padding-bottom:31px}
.infoMainWrap.about .infoArea {padding-top:30px}
.infoMainWrap.about .mainTitle {margin-bottom:25px}
.infoMainWrap.about .subTitle {margin-bottom:18px}
.infoMainWrap.about .imgArea .subScript {font-size:18px;line-height:28px}
.infoMainWrap.about .thumb {margin-top:50px}
.infoMainWrap.about .thumb + * {margin-top:50px}

/*******************************
*	커피로드/커피가이드/푸드로드/ETC/뉴스레터
********************************/
.menuLine .depth1 li a {padding:0 23px}
.menuLine .depth1 li.last a::before {content:'';display:inline-block;width:1px;height:26px;margin:17px 46px 0 0;background:var(--color-cl);vertical-align:top}
.contentWrap .newsletterArea {margin-top:80px}
.contentWrap .article {margin-top:120px;border-top:1px solid var(--color-cl)}
.article .section {max-width:1200px;margin:0 auto;padding-top:120px}
.article .section .contHeader {position:relative;margin-bottom:40px;text-align:center}
.article .section .contHeader .title {font-size:36px}
.article .section .contHeader .text {display:block;padding-top:4px;font-size:22px;color:var(--color-st)}
.article .section .contHeader .btnAll {position:absolute;bottom:0;right:0;display:inline-block;font-weight:600;font-size:18px;color:var(--color-pc)}
.article .section .contHeader .btnAll::after {content:'';display:inline-block;width:10px;height:17px;margin:3px 0 0 6px;background:url('../images/common/icon_sprites.png') no-repeat -250px -218px;vertical-align:top}
.article .section .innerBox {display:inline-block;width:580px;vertical-align:top}
.article .section .innerBox:nth-child(even) {margin-left:36px}
.article .section .innerBox:nth-child(n+3) {margin-top:80px}
.article .section .innerBox .imgArea .thumbImg {padding-top:400px}
.article .section .innerBox .infoArea {padding-top:20px}
.article .section .innerBox .infoArea .name {font-weight:700;font-size:26px;word-break:keep-all}
.article .section .innerBox .infoArea .subScript {display:block;padding-top:8px;font-size:18px;line-height:24px;color:var(--color-st);word-break:keep-all}
/* .article .section .pagination {margin-top:80px;padding-top:40px;border-top:1px solid var(--color-cl)} */
.contentBanner {position:relative;height:300px;background:no-repeat 0/cover;box-sizing:border-box}
.contentBanner::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.21)}
.contentBanner .textArea {position:absolute;top:50%;left:50%;transform:translateY(-50%);width:1200px;margin-left:-600px}
.contentBanner .textArea .title {opacity:0;position:relative;transform:translateX(70px);font-size:50px;line-height:60px;color:var(--color-wt);animation:motionT .7s .1s ease forwards}
.contentBanner .textArea .subScript {opacity:0;flex-shrink:0;position:relative;transform:translateX(70px);width:100%;padding-top:14px;font-size:24px;color:var(--color-wt);animation:motionB .7s .1s ease forwards}
@keyframes motionT {0% {opacity:0;transform:translateX(70px)} 100% {opacity:1;transform:translateX(0)}}
@keyframes motionB {0% {opacity:0;transform:translateX(90px)} 100% {opacity:1;transform:translateX(0)}}
.coffeeRoadWrap .contentBanner {background-image:url('../images/banner/banner_coffeeroad.jpg') }
.coffeeGuideWrap .contentBanner {background-image:url('../images/banner/banner_coffeeguide.jpg') }
.foodRoadWrap .contentBanner {background-image:url('../images/banner/banner_foodroad.jpg') }
.etcWrap .contentBanner {background-image:url('../images/banner/banner_etc.jpg') }
.newsLetterWrap .contentBanner {background-image:url('../images/banner/banner_newsletter.jpg') }

.newsLetterWrap .section {max-width:1200px;margin:0 auto}
.newsLetterWrap .section .bannerArea {margin-top:40px}
.newsLetterWrap .section .applyBox {display:flex;align-items:center;padding:30px 50px;border:1px solid var(--color-cl);background:var(--color-hg);box-sizing:border-box}
.newsLetterWrap .section .applyBox .title {flex-grow:1;font-weight:700;font-size:26px}
.newsLetterWrap .section .applyBox .text {flex-grow:1;font-size:20px}
.newsLetterWrap .section .applyBox .formArea {flex-shrink:0;width:480px}
.newsLetterWrap .section .applyBox .formArea .ip_txt {width:100%;height:60px;padding:0 20px;font-weight:300;font-size:20px;line-height:60px;color:var(--color-pg)}
.newsLetterWrap .section .applyBox .btn {flex-shrink:0;width:200px;height:60px;margin-left:10px;font-size:20px;line-height:60px}
.newsLetterWrap .section .contTop {margin:40px 0 -10px 0}
.newsLetterWrap .section .contTop .subTitle {font-size:26px}
.newsLetterWrap .section .contTop .notice {margin-top:10px;font-size:14px;line-height:20px;color:var(--color-st)}
.newsLetterWrap .newsList {padding-top:40px}
.newsLetterWrap .newsList .obj {display:inline-block;width:270px;margin-left:35px;vertical-align:top}
.newsLetterWrap .newsList .obj:nth-of-type(4n+1) {margin-left:0}
.newsLetterWrap .newsList .obj:nth-of-type(n+5) {margin-top:60px}
.newsLetterWrap .newsList .obj .imgArea {border:1px solid var(--color-ml);box-sizing:border-box}
.newsLetterWrap .newsList .obj .imgArea .thumbImg {padding-top:394px}
.newsLetterWrap .newsList .obj .imgArea .thumbImg::before {display:none}
.newsLetterWrap .newsList .obj .infoArea {display:block;padding-top:16px}
.newsLetterWrap .newsList .obj .infoArea .number {display:block;font-weight:600;font-size:20px}
.newsLetterWrap .newsList .obj .infoArea .title {display:block;padding-top:4px;color:#666}

.boardView {max-width:1200px;margin:0 auto;border-bottom:1px solid var(--color-ct)}
.timesDetail {max-width:1032px;margin:0 auto;padding-bottom:100px}
.timesDetail .visualArea {position:relative}
.timesDetail .visualArea::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat;opacity:.4;z-index:1}
.timesDetail .visualArea .visualImg {position:relative;margin-top:80px}
.timesDetail .visualArea .textArea {display:block;position:absolute;bottom:0px;left:0;width:100%;padding:40px 60px 130px 60px;word-break:keep-all;box-sizing:border-box;z-index:2}
.timesDetail .visualArea .textArea .title {display:block;font-weight:700;font-size:52px;line-height:66px;color:var(--color-wt)}
.timesDetail .visualArea .textArea .date {display:block;padding-top:40px;font-weight:500;font-size:24px;color:var(--color-wt)}
.timesDetail .visualArea .shareBtn {display:block;position:absolute;bottom:-34px;right:30px;width:68px;height:68px;border-radius:50%;background:#433E39;text-align:center;box-sizing:border-box;z-index:2}
.timesDetail .visualArea .shareBtn > .iconS {display:block;width:100%;height:100%;padding:21px 0;box-sizing:border-box}
.timesDetail .visualArea .shareBtn > .iconS::before {width:28px;height:28px;background-position:-294px -166px}
.timesDetail .visualArea .shareBtn .shareList {top:76px;right:0}
.timesDetail .visualArea .shareBtn .shareList::before {right:21px}
.timesDetail .visualArea .shareBtn .shareList::after {right:21px}
.timesDetail .dataArea .title {display:block;padding-top:80px;font-weight:700;font-size:30px}
.timesDetail .dataArea .title:first-child {padding-top:60px}
.timesDetail .dataArea .text {display:block;padding-top:80px;font-size:20px;line-height:36px}
.timesDetail .dataArea .img {padding-top:80px}
.timesDetail .dataArea .title + * {padding-top:30px}
.timesDetail .mainSection {margin-top:60px}
.timesDetail + .mainSection .mainText {font-weight:700}

.newsletterDetail {overflow:hidden;min-width:280px!important;padding-bottom:100px}
.newsletterDetail .newsletterSlide {overflow:visible}
.newsletterDetail .newsletterSlide .swiper-slide {padding:0 20px;box-sizing:border-box}
.newsletterDetail .newsletterSlide .swiper-wrapper {height:auto}
.newsletterDetail .swiper-fraction {bottom:-40px;left:0;right:0;margin:0 auto;border:1px solid rgba(204,204,204,.4);background:rgba(255,255,255,.4);color:#666}
.newsletterDetail .newsletterSlide .swiper-arrow {top:50%;width:60px;height:60px;margin-top:-30px;padding:13px 0;border-radius:50%;background:rgba(255,255,255,.7);transition:all .2s;box-sizing:border-box}
.newsletterDetail .newsletterSlide .swiper-arrow:hover {box-shadow:3px 3px 10px rgba(0,0,0,.16)}
.newsletterDetail .newsletterSlide .swiper-arrow.swiper-button-disabled {opacity:.4}
.newsletterDetail .newsletterSlide .swiper-arrow.swiper-button-disabled:hover {box-shadow:none}
.newsletterDetail .newsletterSlide .swiper-arrow::before {content:'';display:block;width:19px;height:36px;margin:0 auto;background:url('../images/common/icon_sprites.png') no-repeat -56px -258px}
.newsletterDetail .newsletterSlide .swiper-arrow.next::before {background-position-x:-78px}
.newsletterDetail .newsletterSlide .swiper-arrow.prev {left:0}
.newsletterDetail .newsletterSlide .swiper-arrow.next {right:0}

/*******************************
*	약관
********************************/
.clauseWrap .areaTitle {padding-bottom:40px;border-bottom:0}
.clauseWrap .subTab {display:table;table-layout:fixed;width:100%;border:1px solid var(--color-ct)}
.clauseWrap .subTab a {display:table-cell;padding:28px 10px;font-size:20px;text-align:center}
.clauseWrap .subTab a + a {border-left:1px solid var(--color-ct)}
.clauseWrap .subTab a.on {background:var(--color-pc);color:var(--color-wt)}
.clauseWrap .clauseDesc {padding:65px 60px;font-size:16px;line-height:26px;word-break:keep-all}
.clauseWrap .selectArea {margin-left:60px}

/*******************************
*	오류
********************************/
.errorWrap {display:flex;align-items:center;text-align:center}
.errorWrap svg {width:50px;height:52px;margin-bottom:20px}
.errorWrap svg path {fill:none;stroke:#666;stroke-width:2}
.errorWrap svg .line {stroke-miterlimit:10;stroke-dasharray:20;stroke-dashoffset:20;animation:cup 1s linear both infinite}
@keyframes cup {
    0% {stroke-dashoffset:20}
    50% {stroke-dashoffset:40;opacity:1}
    100% {stroke-dashoffset:60;opacity:0}
}
.errorWrap .title {display:block;font-size:20px;line-height:24px;color:var(--color-sct)}
.errorWrap .desc {margin-top:14px;color:var(--color-st)}


/*******************************
*	도매
********************************/
/* 회원가입 */
.storePhotoFile, .businessLicenseFile {transition:none}

/* 상품리스트 */
.listTitle {margin-top:80px;text-align:center}

/* 회원혜택 */
.gradeWrap .wholesale .gradeCont .gradeTable tbody th, .gradeWrap .wholesale .gradeCont .gradeTable tbody td {height:72px;padding:19px 0;text-align:center;box-sizing:border-box}
.gradeWrap .wholesale .gradeCont .guideArea {padding-top:30px}
.colTitle .priceBox {position:relative;margin:30px 0 60px 0;padding:25px;border:1px solid var(--color-ct);text-align:center;box-sizing:border-box}
.colTitle .priceBox .obj {display:inline-block;position:relative;padding:5px 55px;vertical-align:top}
.colTitle .priceBox .obj .item {display:block}
.colTitle .priceBox .obj .price {display:block;margin-top:6px;font-weight:600;font-size:20px}
.colTitle .priceBox .obj.type1 .price {color:var(--color-pc)}
/* .colTitle .priceBox .obj.type2 .price {color:#5E8FB5} */
.colTitle .priceBox .obj + .obj::before {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:60px;background:var(--color-cl)}

/* 마이페이지::예치금내역 */
.colTitle .priceBox .btnRefund {display:inline-block;position:absolute;top:-66px;right:0;height:36px;padding:0 19px;border:1px solid var(--color-pg);border-radius:80px;font-size:14px;line-height:34px;box-sizing:border-box}
.myTable table tbody td .cancel {height:28px;margin-left:4px;padding:0 15px;border:1px solid var(--color-pg);border-radius:5px;font-size:14px}

/*******************************
*	ABOUT
********************************/
.aboutWrap .menuSlide .innerSlide {margin-bottom:0}
.aboutWrap .contTop {position:relative;margin-bottom:180px}
.aboutWrap .contTop .aboutTitle {opacity:0;position:absolute;top:50%;left:0;right:0;margin:-80px auto 0 auto;font-weight:300;font-size:60px;line-height:80px;color:#fff;text-align:center;animation:1s .5s fadeUp forwards, .5s .5s speed forwards}
.aboutWrap .contMid {/* width:1400px; */margin:0 auto 180px auto}
.aboutWrap .contMid .col {opacity:0}
.aboutWrap .contMid .col.fadeUp {animation:1s fadeUp forwards, .5s speed forwards}
@keyframes fadeUp {from {opacity:0}to {opacity:1}}
@keyframes speed {from {transform:translateY(80px)}to {transform:translateY(0)}}
.aboutWrap .contMid .col.flt::after {content:'';display:block;clear:both}
.aboutWrap .contMid .col.flt .fl {float:left}
.aboutWrap .contMid .col.flt .fr {float:right}
.aboutWrap .contMid .col.col-3 {margin-top:-50px}
.aboutWrap .contMid .col.col-2 {margin-top:180px}
.aboutWrap .contMid .col.col-2 .fr {width:49%;margin-right:5px}
.aboutWrap .contMid .col.col-4 {margin-top:277px}
.aboutWrap .contMid .col .calling {font-size:30px;line-height:60px}
.aboutWrap .contMid .col .calling::before {content:'';display:block;width:1px;height:134px;margin:45px 0 40px 0;background:#707070}
.aboutWrap .contMid .col .calling .line {display:block}
.aboutWrap .contMid .col .textArea .title {font-family:'Roboto';font-weight:700;font-size:60px;line-height:75px}
.aboutWrap .contMid .col .textArea .text {font-size:30px;line-height:46px}
.aboutWrap .contMid .col .bgArea {display:block;position:relative}
.aboutWrap .contMid .col.col-1 .textArea {padding-top:103px;padding-left:100px}
.aboutWrap .contMid .col.col-2 .textArea .text {margin-top:56px;padding-left:42px;box-sizing:border-box}
.aboutWrap .contMid .col.col-1 .textArea .text {margin-top:35px}
.aboutWrap .contMid .col.col-4 .textArea .text{margin-top:180px;font-size:36px;line-height:56px;text-align:center}
.aboutWrap .contMid .col.col-1 .bgArea {width:650px}
.aboutWrap .contMid .col.col-2 .bgArea {width:670px;margin-left:38px}
.aboutWrap .contMid .col.col-3 .bgArea {width:616px}
.aboutWrap .contMid .col.col-4 .bgArea {width:1400px;margin:0 auto}
.aboutWrap .contMid .col .bgArea::before {content:'';display:block;position:absolute;background:#E9E6E3;z-index:-1}
.aboutWrap .contMid .col.col-1 .bgArea::before {bottom:-49px;left:-43px;width:83px;height:692px}
.aboutWrap .contMid .col.col-2 .bgArea::before {top:38px;left:-38px;width:670px;height:560px}
.aboutWrap .contMid .col.col-3 .bgArea::before {top:-132px;right:-32px;width:260px;height:692px}
.aboutWrap .contMid .col.col-4 .bgArea::before {top:-50px;right:50%;width:100%;height:790px;margin-right:160px}
.aboutWrap .accorList {min-width:1400px}
.aboutWrap {/* max-width:1400px;margin:0 auto; */padding:0}
.accorList {display:flex;justify-content:center;white-space:nowrap}
.accorList .item {overflow:hidden;flex:1;position:relative;width:33%;height:750px;padding:620px 40px 0 40px;background:no-repeat top center;transition:flex .3s ease;box-sizing:border-box;z-index:1}
.accorList .item::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}
.accorList .item + .item {margin-left:2px}
.accorList .item.item-1 {background-image:url('../images/img/img_about_bakery.jpg')}
.accorList .item.item-2 {background-image:url('../images/img/img_about_restaurant.jpg')}
.accorList .item.item-3 {background-image:url('../images/img/img_about_pizzaria.jpg')}
.accorList .item.item-4 {background-image:url('../images/img/img_about_chocolate.jpg')}
.accorList .item .btn {width:140px;height:36px;margin:26px 0 0 0;line-height:36px}
.accorList .item .title {font-weight:700;font-size:50px;color:var(--color-hg);line-height:60px}
.accorList .item .title::after {content:'';display:inline-block;width:51px;height:21px;margin:24px 0 0 9px;background:url('../images/common/icon_sprites.png') no-repeat -388px -212px;vertical-align:top}
.accorList .item .subScript {opacity:0;visibility:hidden;margin-top:22px;font-size:32px;line-height:38px;color:var(--color-wt)}
.accorList .item .note {opacity:0;visibility:hidden;margin-top:19px;font-size:20px;line-height:30px;color:var(--color-wt)}
.accorList .item .store {display:inline-block;opacity:0;visibility:hidden;width:470px;margin-top:26px;font-size:20px;line-height:32px;color:var(--color-wt);box-sizing:border-box;vertical-align:top}
.accorList .item .store .btn {margin-top:8px}
/* .accorList .item .store + .store {padding-left:64px} */
.accorList .item.on {flex:5;padding:209px 58px 0 58px}
.accorList .item.on .title {font-size:60px;line-height:77px;color:var(--color-wt)}
.accorList .item.on .title::after {display:none}
.accorList .item.on .subScript {opacity:1;visibility:visible;transition:all .1s ease}
.accorList .item.on .note {opacity:1;visibility:visible;transition:all .1s ease}
.accorList .item.on .store {opacity:1;visibility:visible;transition:all .1s ease}

/*******************************
*	휴면계정
********************************/
/* 안내 */
.inactiveWrap .contents {width:440px;margin:0 auto;padding:130px 20px 50px 20px}
.inactiveWrap .accountTitle {display:block;padding-bottom:30px;font-weight:600;font-size:30px;text-align:center}
.inactiveWrap .accountGuide {position:relative;font-size:18px;line-height:26px;text-align:center;word-break:keep-all}
.inactiveWrap .accountGuide .emphasis {color:var(--color-pc)}
.inactiveWrap .infoBox {margin-top:40px;padding:23px 50px;border-radius:10px;background:var(--color-hg)}
.inactiveWrap .infoBox::after {content:'';display:block;clear:both}
.inactiveWrap .infoBox dt {clear:both;float:left;padding:7px 0;color:var(--color-sct)}
.inactiveWrap .infoBox dd {float:left;padding:7px 0 5px 4px}
.inactiveWrap .btn {margin-top:50px}

/* 완료 */
.inactiveWrap .iconS {display:block;position:relative;width:68px;height:68px;margin:0 auto 39px auto;padding:18px 0;border-radius:50%;background:var(--color-hg);text-align:center;box-sizing:border-box}
.inactiveWrap .iconS::before {width:26px;height:33px;background-position:-444px -212px}
.inactiveWrap .iconS::after {content:'******';display:block;position:absolute;top:76px;left:0;right:0;margin:0 auto;color:var(--color-pc);text-align:center}