@charset "utf-8";

.header .gnb-wrap .gnb li a.active {color:#2fb2ab}
.btn-pay {display: block; font-size: 20px; font-weight: 400; color: #fff; background: #2fb2ab; text-align: center; line-height: 56px; margin-top:20px; margin-bottom:20px;}

.prd-detail-option.fixed {position: fixed; top: 115px; left: 50vw; margin-left: 277px; z-index: 9}
.quick-menu.fixed {position: fixed; top: 254px; right: 30px; width: 101px; background: #fff; z-index: 1}
.quick-menu.bottom {top: auto; bottom: 600px;}

.join_agree .join_container section div {border:none;height:auto;margin:0;padding:0 0 0 40px;overflow:visible}

.member_agree input[type="checkbox"]+label .fal.fa-check-circle {font-size:1.25em; opacity:.6;}
.member_agree input[type="checkbox"]:checked+label .fal.fa-check-circle {font-size:1.25em; opacity:1; color:#444; font-weight:bolder; color:#2Fb2ab;}
.member_agree input[type="checkbox"].focus+label .fal.fa-check-circle {font-size:1.25em; opacity:.6; color:red;}


/* 이용약관, 개인정보보호방침, 이메일 무단수집거부 공용 */
.content_wrap {margin:0 auto}
.content_wrap h2 {font-size:36px;font-weight:500;color:#222;text-align:center}
.content_wrap .tos {border:1px solid #d3d3d3;margin-top:60px;padding:25px}
.tos h3 {font-size:19px;font-weight:500;color:#222}
.tos strong {font-size:17px;font-weight:400;color:#222}
.tos p {padding:5px 0;font-size:16px;font-weight:300;color:#666}
.tos div {margin:25px 0 14px;}
.tos div:nth-child(2) {margin:7px 0 3px;}

.tos ol {padding-top: 5px; margin-left:1rem;}
.tos ol.decimal li {list-style:decimal outside none; }
.tos ol li {padding-top:3px;}
.tos ol li p {margin:0; padding:3px 0 3px 7px;}
.tos ol li div {display:block; margin:20px; padding:0;}
.tos ol li div table {margin:10px 0; border-collapse: collapse;}
.tos ol li div table tr th {font-weight: normal; text-align:center;}
.tos ol li div table tr th:first-child {width:120px;}
.tos ol li div table th, .tos ol li div table td {border:1px solid; padding:10px;}

/* 2020.12.14 수정
.prd-list .img img {width:370px;}
*/
.prd-list .img img {width:270px;}


/*190724 묶음상품 이미지 추가*/
.section .pack-more {position:absolute; display:block; margin-left:1050px; margin-top:-60px; padding:0 20px; background-color:white;cursor:pointer}
.prd-list.Related-Items{}
.prd-list.Related-Items>div{display:inline-block; margin-right:38px; margin-bottom: 30px;}
.prd-list.Related-Items .img img{width:250px !important;}
.prd-list.Related-Items .name{
    width: 220px;
    padding-top:7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 3.6em;
    font-weight: 400;
    color: #222;}
.prd-list.Related-Items .info{position:relative;}

.prd-list.Related-Items .price-area{font-weight:bold;}
.prd-list.Related-Items .wish{
    position: absolute;
    top: 24px;
    right: 0;
    width: 19px;
    height: 16px;
    font-size: 0;
    text-indent: -9999px;
    background-image: url(../images/sub/product/icon_wish.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;}
.prd-list.Related-Items .wish.active{
    background-position: 100% 0;
    background-position-x: 100%;
    background-position-y: 0px;
}

.prd-list.Related-Items .purchase{
    margin-top: 21px;
    padding-top: 15px;
    font-size: 14px;
    border-top: 1px solid #d3d3d3;}

.pack-more span{font-size:16px;}

.related-show, .related-hide{}


.prd-view-box .img .slider-nav {display:block;}

.option-info {display:none}
.option-info.active {display: block;}

.price_option {position:absolute; right:0;}
.prd-detail-option .choice-calc .down {bottom: 0; background: url(../images/sub/product/icon_quantity.gif) no-repeat 0 100%;}
.prd-detail-option .choice-calc .up {top: 0; background: url(../images/sub/product/icon_quantity.gif) no-repeat 0 0; border-bottom: 1px solid #d3d3d3}

.prd-view-box .info .qty-area > div span:nth-child(1) {
    width: 106px;
    font-weight: 400;
}


.order-item-table td {border-top: 1px solid #d3d3d3}
.order-item-table tr:first-child td, .order-item-table td:first-child {border-top: 0}

.delivery_area .txt-right {height:24px; margin:0; padding:0 0 5px;color: #222;}
.delivery_area .delivery_text {font-size:0.9rem;margin-right:20px;}
.delivery_area .delivery_amout {display:inline-block;margin-left:20px;min-width:70px;font-weight: bold; font-size:1.1rem;}


.coupon_box {position:absolute; display:none; width:600px; /*padding:20px;*/ margin-left:-100px; background:white; text-align:left; z-index:100;}
.coupon_box >p {/*position:absolute; top:30px; right:30px;*/ background-color: #333; line-height: 67px;  padding-left: 20px; padding-right: 20px;}
.coupon_box p span{font-size: 20px; color:#fff;}
.coupon_box p a{float:right; top:20px; margin-top:20px;}

.coupon-div{background-color: #f7f7f7; text-align:center; font-weight:100; border-top:1px solid #444; padding:20px 0; margin-top:15px;}

.coupon_list  {margin:20px 0; /*border-top:1px #ccc solid; border-bottom:1px #ccc solid;*/  padding: 0 20px;}
.coupon_list li {display:block; margin:10px; /*width:100%;*/ padding-top: 15px; padding-bottom:15px; border-bottom:1px solid #eee;}
.coupon_list li>a {display:inline-block; float:right; margin-right:20px;
    box-sizing: border-box; width: 96px; height: 32px; line-height: 32px; font-weight: 300; font-size: 14px; text-align: center;}
.coupon_calc {position: relative; display:block; margin:10px 20px; background-color: #eee; border-bottom: 1px solid #333; border-top:1px solid; padding:30px 0;}
.coupon_calc li {position: relative; display:inline-block; width:32%; text-align: center;}
.coupon_calc li:before {content: ''; position: absolute; top: 50%; right: 0; width: 25px; height: 25px; margin: -12px -12px 0 0; background-image: url(../images/sub/order/icon_calc.png); background-repeat: no-repeat; background-position:  0 0}
.coupon_calc li:nth-child(2):before {background-position: -50px 0;}
.coupon_calc li:nth-child(3):before {display: none;}
.coupon_box .btn-pay {width:50%; margin:30px auto;}
.coupon_box .radio3 input[type="radio"] + label>i{color:#bdbdbd;}
.coupon_box .radio3 input[type="radio"] + label.on>i{color:#2fb2ab}
.coupon-value {display:inline-block;}

/*
.alert-popup-layer{display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.alert-popup-layer .alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:auto;min-width:450px;background-color:#fff;text-align:center}
.alert-popup-layer .alert .msg{padding:35px 0;font-weight:400;color:#222}
.alert-popup-layer .alert-btn{display:block;width:100%; overflow:hidden; text-align:center;margin:0 auto;}
.alert-popup-layer .alert-btn a{display:inline-block;width:30%;float:none;height:46px;line-height:46px;text-align:center;font-weight:400;margin-left:1em; margin-bottom:1em;color:#fff;}
.alert-popup-layer .alert-btn a:nth-child(3n+1) {margin-left:0;}
.alert-popup-layer .alert-btn .green{background-color:#2fb2ab; color:#fff;}
.alert-popup-layer .alert-btn .black{background-color:#333; color:#fff;}
.alert-popup-layer .alert-btn .white{background-color:#ddd; color:#333;}
*/

.alert-popup-layer{display:none;position:fixed;left:0;top:0;z-index:1002;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.alert-popup-layer .alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);box-sizing:border-box;min-width:350px;width:auto;padding:30px;background-color:#fff;text-align:center}
.alert-popup-layer .alert .msg{padding-bottom:43px;font-size:20px;font-weight:400;color:#222}
.alert-popup-layer .alert .icn{margin-bottom:13px;text-align:center}
.alert-popup-layer .alert .icn>span{display:inline-block;width:90px;height:90px;border-radius:50%;line-height:90px;background-color:#f7f7f7}
.alert-popup-layer .alert .icn i{vertical-align:middle;font-size:38px;color:#3f4553}
.alert-popup-layer .alert-btn{display:block;width:100%; text-align:center;margin:0 auto;}
.alert-popup-layer .alert-btn a{display:inline-block;float:none;box-sizing:border-box;min-width:87px;width:auto;height:46px;padding:0 10px; margin-left:1em;line-height:46px;text-align:center;font-weight:400;vertical-align:top}
.alert-popup-layer .alert-btn a:last-child{margin-left:1em;}
.alert-popup-layer .alert-btn a:nth-child(3n+1) {margin-left:0;}
.alert-popup-layer .green{background-color:#2fb2ab;;color:#fff}
.alert-popup-layer .black{background-color:#333; color:#fff;}
.alert-popup-layer .white{background-color:#ddd; color:#333;}



/* 약관 */
.privacy .ZebraDialog_Body {height:70vh !important;}
.privacy .ZebraDialog_Body > div {height:60vh !important;}
.vetoemail .ZebraDialog_Body {height:50vh !important;}
.vetoemail .ZebraDialog_Body > div {height:40vh !important;}



.loadingQty {display:inline-block; width:46px; height:30px; background:url(/layouts/gfesta/images/common/ajax-loade.gif) center no-repeat;background-size: 30px 30px;vertical-align: middle;}

.overflow_400_y {overflow-y: auto; max-height:400px;}

/*.no_cart, .no-cart-msg{width: 100%;text-align:center;line-height:300px;}*/

@media all and (max-width:1490px){
    .quick-menu.fixed {display:block; position: fixed; top: 254px; left: 50vw; margin-left:610px; width: 101px; background: #fff; z-index: 1}
}

