@CHARSET "UTF-8";


/**** 장바구니 ****/
.cart-section{margin-bottom:50px;}
.cart-section .product-card{border-top:1px solid #d7d7d7}
.cart-section .product-card:first-child{border-top:0}
.cart-section .product-card .cart-info{padding-top:15px}
.cart-section .product-card .cart-info dl{width:100%;margin-bottom:15px;display:table;table-layout:fixed;}
.cart-section .product-card .cart-info dl:last-child{margin-bottom:0}
.cart-section .product-card .cart-info dl dt{float:none;display:table-cell;height:auto;width:130px;font-size:14px;line-height:20px;font-weight:600;vertical-align:middle;}
.cart-section .product-card .cart-info dl dt.top{vertical-align:top;}
.cart-section .product-card .cart-info dl dd{float:none;display:table-cell;text-align:right;width:100%;font-size:14px;line-height:20px;vertical-align:middle;}
.cart-section .product-card .cart-info dl dd em{font-size:15px;font-weight:600}
.cart-section .product-card .cart-info dl dd em.price{font-size:18px;}
.cart-section span.regular_price{display:inline-block;font-size:16px;font-weight:700;vertical-align:middle;}
.cart-section span.regular_price em{display:block; float:right; font-size:14px;line-height:1.2em;margin-left:1px;}
.cart-section span.origin_price{display:inline-block;font-size:13px;line-height:16px;padding-left:5px;color:#b1b1b1;text-decoration:line-through;vertical-align:middle;}

.total-section{border-top:2px solid #8fb283;border-bottom:1px solid #d7d7d7}
.total-section dl{margin-bottom:15px;display:table;width:100%;border-collapse:collapse;}
.total-section dl:last-child{margin-bottom:0}
.total-section dl dt{display:table-cell;font-size:14px;font-weight:600;line-height:20px;vertical-align:middle;}
.total-section dl dd{display:table-cell;font-size:16px;font-weight:600;line-height:20px;text-align:right;vertical-align:middle;}
.total-section dl dd.account{line-height:22px;color:#8fb283;}
.total-section .sum-section{padding:15px 10px;}
.total-section .result-section{padding:15px 10px;background:#e8efe6;}
.total-section .result-section dl dd{font-size:18px;}
.total-section .first-month{padding:15px 10px;background:#f2f7f1;}
.total-section .first-month dl dd{font-size:18px;color:#e5735c}

/**** 주문하기 ****/
.order-section .order-info{margin-bottom:70px;}
.order-section .order-info.mb0{margin-bottom:0}
.order-list{margin-bottom:40px;border-top:2px solid #8fb283}
.order-list .period{display:block;margin-bottom:10px;width:90px;height:30px;font-size:13px;line-height:30px;font-weight:600;text-align:center;background:#e8efe6;border-radius:5px;}
.order-section .social-pay{position:relative;padding:20px 0;text-align:right;}
.order-section .social-pay .btn-npay{display:inline-block;width:30px;height:30px;padding:0;font-size:0;background:url(/m/images/common/icon_npay.png) no-repeat 0 0;background-size:contain;border:0;vertical-align:middle;}
.order-section .social-pay .btn-npay.active{width:110px;background-image:url(/m/images/common/icon_npay_on.png)}
.order-section .social-pay .btn-help{display:inline-block;margin-left:3px;width:18px;height:18px;background:url(/m/images/common/icon_help.png) no-repeat center center;background-size:contain;vertical-align:middle;border:0;}
.order-section .social-pay .tip-box{display:none;position:absolute;right:0px;top:70px;width:300px;padding:15px 20px;text-align:left;border:1px solid #8fb283;background:#fff;box-sizing:border-box;z-index:999}
.order-section .social-pay .tip-box.active{display:block;}
.order-section .social-pay .tip-box .btn-close{position:absolute;right:0;top:0;display:block;width:34px;height:34px;font-size:0;background:url(/m/images/common/icon_close.png) no-repeat center center #f4f4f4;background-size:14px 14px;border:0;border-left:1px solid #8fb283;border-bottom:1px solid #8fb283;box-sizing:border-box;}
.order-section .social-pay .tip-box dl{margin:0;}
.order-section .social-pay .tip-box dl dt{float:none;width:100%;padding-top:0;margin-bottom:20px;}
.order-section .social-pay .tip-box dl dt img{display:inline-block;width:99px;margin-right:5px;vertical-align:middle;}
.order-section .social-pay .tip-box dl dd{float:none;width:100%;font-size:14px;line-height:24px;font-weight:300}

.order-section .tbl-data{margin-bottom:5px;padding:10px 0;border-top:2px solid #8fb283;border-bottom:1px solid #d7d7d7}
.order-section .tbl-data:last-child{margin-bottom:0;}
.order-section .tbl-data dl{width:100%;padding:15px 0}
.order-section .tbl-data dl dt{position:relative;margin-bottom:5px;font-size:14px;line-height:18px;font-weight:600;}
.order-section .tbl-data dl dt .btn-sub{position:absolute;right:0;top:-10px;display:inline-block;min-width:100px;padding:0 10px;height:25px;line-height:25px;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#b1b1b1;border:0;border-radius:5px;box-sizing:border-box;vertical-align:top;}
.order-section .tbl-data dl dd{font-size:15px;line-height:18px;}
.order-section .tbl-data dl.inline{width:100%;display:table;padding-top:0;table-layout:fixed;border-collapse:collapse;}
.order-section .tbl-data dl.inline dt{display:table-cell;margin:0;width:105px;padding:10px 0 10px 10px;font-size:14px;line-height:18px;font-weight:600;vertical-align:top;box-sizing:border-box;}
.order-section .tbl-data dl.inline dd{display:table-cell;padding:10px;font-size:15px;line-height:18px;vertical-align:middle;box-sizing:border-box;}
.order-section .tbl-data dl dd.point{position:relative;}
.order-section .tbl-data dl dd.point .append{position:relative;padding:10px 190px 10px 0;}
.order-section .tbl-data dl dd.point .btn-sub{position:absolute;right:0;top:10px;display:block;width:90px;padding:0;height:40px;line-height:40px;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#b1b1b1;border:0;border-radius:5px;vertical-align:top;}
.order-section .tbl-data dl dd.point em{font-weight:600;}
.order-section .tbl-data dl dd .select-card{position:relative;padding-left:85px;}
.order-section .tbl-data dl dd .select-card p{position:absolute;left:0;top:0;line-height:40px;}
.order-section .tbl-data dl dd .select-card .select-box{margin-bottom:10px;}
.order-section .tbl-data dl dd .deposit{position:relative;padding-left:85px;}
.order-section .tbl-data dl dd .deposit p{position:absolute;left:0;top:0;line-height:40px;}
.order-section .tbl-data.radio dl dt .radio-section{padding:0;}
.order-section .tbl-data.radio dl dd{padding-left:30px;}

.order-section .check-next{padding:10px 0;border-bottom:1px solid #d7d7d7}
.coupon-list{position:relative;display:block;width:100%;vertical-align:top;border:1px solid #d7d7d7;text-align:left;background:#fff;border-radius:5px;box-sizing:border-box;}
.coupon-list > button{display:block;width:100%;padding:0 20px;height:38px;font-size:15px;line-height:36px;text-align:left;border:0;background:url(/m/images/common/icon_selectbox.png) no-repeat right 15px center #fff;background-size:12px auto;box-sizing:border-box;border-radius:5px;}
.coupon-list > ul{position:absolute;top:37px;left:-1px;display:none;width:calc(100% + 2px);background:#fff;border:1px solid #d7d7d7;border-top:0;border-radius:0 0 5px 5px;box-sizing:border-box;z-index:99}
.coupon-list > ul > li{position:relative;padding:20px;padding-left:50px;border-top:1px solid #d7d7d7;cursor:pointer}
.coupon-list > ul > li:before{content:"";position:absolute;left:20px;top:20px;display:block;width:20px;height:20px;background:url(/m/images/common/icon_checkbox.png) no-repeat 0 0;box-sizing:border-box;border-radius:50%;}
.coupon-list > ul > li.active:before{background-image:url(/m/images/common/icon_checkbox_on.png)}
.coupon-list > ul > li .title{font-size:15px;line-height:20px;font-weight:600;}
.coupon-list > ul > li .date{padding-top:10px;font-size:15px;line-height:20px;}
.coupon-list > ul > li .status{position:absolute;right:20px;top:20px;display:block;width:65px;height:20px;font-size:14px;font-weight:600;line-height:20px;text-align:center;color:#fff;background:#8fb283;border-radius:10px;}
.coupon-list > ul > li.disabled .status{color:#b1b1b1;background:#f4f4f4}
.coupon-list.active > button{border-radius:5px 5px 0 0}
.coupon-list.active > ul{display:block;}
.agree-section{padding:10px 0 35px;border-top:2px solid #8fb283;border-bottom:1px solid #d7d7d7}
.agree-section .check-one{margin-bottom:10px;}
.agree-section .check-one .check-section label{font-size:17px;}
.agree-section .all-check{padding:20px;background:#f4f4f4;border-radius:5px;box-sizing:border-box;}
.agree-section .all-check input[type=checkbox]{display:none}
.agree-section .all-check label{position:relative;display:block;padding-left:30px;line-height:20px;}
.agree-section .all-check label em{display:block;margin-bottom:15px;font-size:17px;}
.agree-section .all-check label span{font-size:13px;}
.agree-section .all-check label:before{content:"";position:absolute;left:0;top:0;display:block;width:20px;height:20px;background:url(/m/images/common/icon_checkbox.png) no-repeat 0 0;box-sizing:border-box;border-radius:50%;}
.agree-section .all-check input[type=checkbox]:checked + label:before{background-image:url(/m/images/common/icon_checkbox_on.png)}
.agree-section .term-list{margin-left:30px;border-top:1px solid #efefef;}
.agree-section .term-list.regular{margin-left:15px;border:0;}
.agree-section .term-list > li{position:relative;padding:5px 0;border-bottom:1px solid #efefef}
.agree-section .term-list > li p{position:relative;padding:10px 0;font-size:15px;line-height:20px;}
.agree-section .term-list > li .btn-term{position:absolute;right:0;top:15px;display:block;padding:0;width:60px;height:24px;line-height:24px;font-size:13px;color:#fff;text-align:center;background:#b1b1b1;border:0;border-radius:5px;}


.order-section .order-no{margin-bottom:25px;padding:25px 20px;background:#f2f7f1;border-radius:5px;}
.order-section .order-no ul li{margin-bottom:10px;font-size:15px;font-weight:600;}
.order-section .order-no ul li:last-child{margin-bottom:0}
.order-section .order-no ul li em{display:inline-block;padding-right:5px;vertical-align:middle;}
.order-section .order-no ul li a{color:#8fb283}


/**** 이용안내 팝업 ****/
.lypopup.regular{width:300px;height:450px;border-color:#8fb283;}
.regular-info .bg-calendar{padding:30px 0;height:345px;box-sizing:border-box;background:url(/m/images/page/popup_regular_info.png) no-repeat center top;background-size:300px auto}
.regular-info .title{margin-bottom:15px;font-family: 'Noto Serif KR', serif;font-size:18px;font-weight:600;text-align:center}
.regular-info .text{font-family: 'Noto Serif KR', serif;font-size:15px;line-height:26px;font-weight:600;text-align:center}
.regular-info .btm-section{height:103px;padding-top:15px;text-align:center;background:#f4f4f4;box-sizing:border-box;}
.regular-info .btm-section p{font-size:14px;line-height:22px;}
.regular-info .btm-section p em{color:#e5735c;font-weight:600}
.regular-info .btm-section p:first-child{margin-bottom:8px;}
.regular-info .pay-info{padding:30px 20px;}
.regular-info .pay-info ul{padding-top:35px}
.regular-info .pay-info ul li{border-bottom:1px solid #d7d7d7;}
.regular-info .pay-info ul li:last-child{border-bottom:0}
.regular-info .pay-info dl{position:relative;padding:20px 0 20px 110px;}
.regular-info .pay-info dl:before{content:"";display:block;position:absolute;left:0;top:0;width:100px;height:100%;background:no-repeat center center}
.regular-info .pay-info dl.item1:before{background-image:url(/m/images/page/popup_regular_pay1.png);background-size:65px auto;}
.regular-info .pay-info dl.item2:before{background-image:url(/m/images/page/popup_regular_pay2.png);background-size:75.5px auto;}
.regular-info .pay-info dl.item3:before{background-image:url(/m/images/page/popup_regular_pay3.png);background-size:80px auto;}
.regular-info .pay-info dl dt{margin-bottom:5px;font-size:15px;color:#e5735c;font-weight:600}
.regular-info .pay-info dl dd{font-size:14px;line-height:22px;}