@charset "utf-8";
/* 숨김처리 */
/* .... */
.hidden { display: none;}

/*장바구니,주문서*/
.aside-wrap {/* position: relative; *//* top:0; *//* right:0; *//* float: right; */width:350px;}
.aside-wrap.bot {top:auto; bottom:0;}
.aside-title {font-size:30px; font-weight:400; margin:0 0 20px; background:url('../img/line_cart.png') left bottom repeat-x; padding-bottom:20px;}
.aside-title > span {vertical-align:3px;}
.aside-title .num {vertical-align:-2px;}

.aside-contents {width:766px;}
.aside-contents .page-title {font-weight:400;}
.aside-contents .page-top {margin-bottom:40px;}
.aside-contents .order-title {padding-bottom:25px; background:url('../img/line_cart.png') left bottom repeat-x;}

.aside-wrap .n-mem-txt {width:280px; margin:0 auto 30px;}
.aside-wrap .n-mem-txt.bd-top {border-top:1px solid #111; padding-top:30px; margin-top:30px;}
.aside-wrap .n-mem-txt p {font-size:16px; line-height:1.375; word-break:keep-all;}
.aside-wrap .n-mem-txt a {display:block; text-align:right; font-size:16px; color:#fc2264;}

/*width 1320이하 일경우 fixed 사용X */
@media only screen and (min-width : 1320px) {
    .aside-wrap.fixed {position:fixed;left:calc(50% + 264px );right: auto;}
    .aside-wrap.fixed .scroll-wrap {position:relative;}
    .aside-wrap.fixed .scroll-wrap {padding-bottom: 20px;}
    .aside-wrap.fixed .scroll-wrap::after {
        content:''; position:absolute; bottom:0; left:0; width:100%; height:10px;
        background: linear-gradient(to bottom,rgba(255,255,255,0), #f5f5f5);
    }
    .aside-wrap.fixed-bottom {bottom:0;top: auto;}
    .aside-wrap.fixed .scroll-wrap {max-height:calc(100vh - 230px);}
}

.aside-wrap:not(.fixed) .mCustomScrollBox{max-height:calc(100vh - 300px) !important;}
.aside-wrap .btn.lg.primary {margin-top:20px; font-weight: 400; font-size: 22px;} /* #9698 */
.aside-wrap .btn.lg.primary strong {font-weight: 500;} /* #9698 */

/*step*/
.cart-step {font-size:0; display:inline-block;}
.cart-step > li {display:inline-block; vertical-align:top; font-size:14px; color:#999; font-weight:300;}
.cart-step > li + li::before {content:'>'; color:#999; margin:0 10px;}
.cart-step > li.on {font-weight:400; color:#666;}

/*****장바구니*****/
.cart-wrap {position:relative;display: flex;justify-content: space-between;}

.cart-nonmember{font-size:15px; margin-bottom:25px;}
.cart-nonmember a { color:#111;}
.cart-nonmember a::after {display:inline-block; content:""; background:url('../img/arrow_right.png') no-repeat; width:6px; height:11px; margin-left:16px; vertical-align:1px;}
.cart-nonmember strong {font-weight:700; text-decoration:underline;}

.cart-unit-box {position:relative; }
.cart-unit-box.c-bgf5,
.cart-unit-box.premium {padding:50px 46px;}
.cart-unit-box + .cart-unit-box {margin-top:20px;}
.cart-unit-box .unit-title {font-size:20px; font-weight: 400; margin-bottom:10px;}
.cart-unit-box .unit-text {font-size: 16px; line-height: 1.38; letter-spacing: -0.4px;}
.cart-unit-box .tx-link { text-decoration: none; position: absolute; top:50px; right:46px; font-size:16px; border-bottom:1px solid transparent;}
.cart-unit-box .tx-link.c-secondary {border-bottom-color:#fc2264 ;}
.cart-unit-box.premium {background:#99855c; color:#fff;}
.cart-unit-box.premium .unit-title {color:#fff;}
.cart-unit-box.premium .tx-link {border-bottom-color: #fff; color:#fff;}
.cart-unit-box .prd-list.cart li + li.gifts {padding-left:144px;}
.prd-list.cart li + li.gifts .prd-info { flex-direction: row; }
.prd-list.cart li + li.gifts .name .tx-ovf{ font-weight:bold;}
.prd-list.cart li + li.gifts .name .tx-ovf::before{ content: '[';}
.prd-list.cart li + li.gifts .name .tx-ovf::after{ content: ']';}
.prd-list.cart li + li.gifts .total { margin:2px 0 0 5px; color:#111;}

.cart-area .page-top {margin-bottom:20px; }
.cart-area .cart-notice .list-group li {line-height:1.42; color:#999; font-weight: 300;}
.cart-area .cart-notice .list-group li + li {margin-top:5px;}
.cart-area .cart-notice .c-secondary .btn-tx {color:#fc2264; border-color:#fc2264; line-height:1;}
.cart-area .cart-notice .c-secondary .btn-tx::after {content:''; display:inline-block; width:7px; height:12px; background:url('../img/arrow_right_se.png') no-repeat; margin-left:10px;}


.cart-area .no-data {padding-bottom:70px;}


.prd-list-top {display:flex; justify-content:space-between; align-items:center; margin-top:60px; margin-bottom:20px;}
.prd-list-top .checkbox {font-size:16px;}
.prd-list-top .checkbox strong {font-family:'Montserrat';}
.prd-list-top div > span {font-size:14px; margin-left:24px; vertical-align:middle;}
.prd-list-top .btn-txt {/*font-size:14px; color:#999;*/ padding:0; color:#999;}
.prd-list-top .btn-txt + .btn-txt {margin-left:20px;}

.prd-list.cart .reserv-msg {position:absolute; bottom:11px; left:0; width:100%; color:#fff; font-size:14px; vertical-align:bottom; text-align:center;}
.prd-list.cart .reserv-msg strong {display:block; font-weight:400; font-size:18px; margin-top:2px;}
.prd-list.cart .reserv-msg strong .num {font-size:20px; font-weight:700;}
.prd-list.cart .mem-price {position:absolute; bottom:26px; left:0; font-size:14px;}
.prd-list.cart .mem-price .price {margin-left:5px; font-weight:700;}
.prd-list.cart .total-area {padding:30px 0;}
.prd-list.cart .total-area > div {background:#f5f5f5; width:100%; padding:32px 0 28px; display:flex; justify-content:center; align-items:center;}
.prd-list.cart .total-area span {font-size:16px;}
.prd-list.cart .total-area .price {font-weight:300;}
.prd-list.cart .total-area .num {font-weight:400;}
.prd-list.cart .total-area .operator {margin:0 15px;}
.prd-list.cart .total-area .total-price {font-size:18px; font-weight:500; margin-top:-1px;}
.prd-list.cart .total-area .total-price .num {font-weight:500; font-size:18px;}
.prd-group:last-child .prd-list.cart li:last-child {padding-bottom:0;}
.prd-list.cart li + .total-area, .prd-list.cart .total-area + li {background-image:none;}

.cart-wrap + .banner-wrap{padding:60px 0;}
.banner-wrap a,
.banner-wrap img {display:block;}

.slide-prd-list .page-top {margin-bottom:50px;}
.slide-prd-list + .slide-prd-list {margin-top:70px;}
.slide-prd-list.recommend {padding-top:40px;}

.in-table{width:100%; border-top:1px solid #111;}
.in-table th {font-size:14px; font-weight:400; padding:15px 0; border-bottom:1px solid #dedede;}
.in-table td {border-bottom:1px solid #dedede; text-align: center; font-size:14px; padding:15px 0;}
.in-table tbody tr:last-child th,
.in-table tr:last-child td {border-bottom-color: #111;}
.in-table tbody th {background-color:#f5f5f5;}
.in-table tbody td {font-size:12px;}

/* 장바구니 팝업 */
#lyCart .prd-opt-box h2 {font-size:14px; color:#666; margin-bottom:10px;}
#lyCart .prd-opt-box h2 .num {font-size:15px;}
#lyCart .prd-opt-box li {position:relative; margin-bottom:10px;}
#lyCart .prd-opt-box li a {display:block; text-decoration:none; position:relative;}
#lyCart .prd-opt-box li.soldout a::before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:.4}
#lyCart .prd-opt-box ul + h2 {padding-top:12px;}
#lyCart .select li {margin-bottom:0;}
#lyCart .select > li + li {margin-top:28px;}
#lyCart .thumnail {display:flex; align-items:center; flex-wrap:wrap;}
#lyCart .thumnail li {width:80px; margin-right:8px;}
#lyCart .thumnail li:nth-child(5n) {margin-right:0;}
#lyCart .thumnail li.on::after {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow: 0 0 0 2px #111 inset; z-index:1;}
#lyCart .thumnail li a {line-height:0;}
#lyCart .size {display:flex; align-items:center; flex-wrap:wrap; }
#lyCart .size::after {content:''; position: absolute; bottom:0; left:0; width:100%; height:1px; color:#f00;}
#lyCart .size li {margin-top: 10px;margin-right:10px;}
#lyCart .size li a {font-size:15px; background:#e3e3e3; border-radius:18px; color:#999; width:60px; height:36px; text-align:center; line-height:2.4; overflow:hidden;}
#lyCart .size li.on a {background:#111; color:#fff;}
#lyCart .size li.soldout a::after {display:block; content:""; position:absolute; top:6px; left:6px; width:2px; height:53px; background:#d9d9d9; transform:rotate(60deg) translate(0, -50%);}
#lyCart .size .radio label::before{display:none;}
#lyCart .size .radio label{position:static; font-size:12px; color:#111; display:block;min-width:34px; height:34px; text-align:center; line-height:34px; background:#fff; border:1px solid #eee; border-radius:3px; padding:0 10px;}
#lyCart .size .radio :checked + label {background-color:#111; color:#fff; border-color:transparent;}
#lyCart .size .radio :disabled + label {background: #e3e3e3; border-color:transparent; color:#666;}
#lyCart .opt-title {font-size:14px; color:#111; line-height:1.5; font-weight:400;}
#lyCart .opt-title + .select {margin-top:10px;}
#lyCart .select + .opt-title {margin-top:40px;}
#lyCart .select > li .size {padding: 24px 10px 0;border-bottom:1px solid #fff;margin-bottom:-1px;}
#lyCart .price-area {position:relative; margin-top:30px;}
#lyCart .price-area dl {display:flex; align-items:center; justify-content: flex-end; font-size:16px;}
#lyCart .price-area dt {color:#666; font-weight:500;}
#lyCart .price-area dd {margin-left:10px; font-weight:500;}
#lyCart .price-area .c-secondary {position:absolute; top:0; right:0;}
#lyCart .scroll-wrap {max-height:calc(100vh - 380px);}

/*****주문서*****/
.order-wrap {position:relative;display: flex;justify-content: space-between;}
.order-wrap .order-title,
.order-wrap .order-title .page-sub-title {font-size:24px;}
.order-wrap .page-top {padding:50px 0 0;}
/* .order-form + .order-form {margin-top:70px;}  #9698 3차수정 라인 삭제 */
.order-form ~ .order-form {margin-top:70px;} /* #9698 3차수정 라인 추가 */
.order-form .form-wrap {margin-top:20px; }
.order-form .tx-total {color:#111; font-weight:500; font-size:20px;}
.order-wrap .gift-list {display:flex; align-items: stretch;}
.order-wrap .gift-list li {width:calc((100% - 40px) / 3)}
.order-wrap .gift-list li + li {margin-left:20px;}
.order-wrap .gift-list li a {display:block; height:100px; background:#eee;}
.order-wrap .pay-type {margin-bottom:20px;}
.order-wrap .tx-link {border-bottom:1px solid #111; color:#111; text-decoration: none; font-weight: 400;}
.order-wrap .tx-link.c-secondary {border-color:#fc2264;}
.order-wrap .form-label {font-size:16px; color:#999; flex:1; padding:0 10px; height:20px; line-height:20px;}
.order-wrap .inp-point {text-align:right;font-size:14px;color:#111;padding:0;font-weight:700;max-width: 195px;}
.order-wrap .tx-point {font-size:14px; color:#111; padding-left:5px; }
.order-wrap .discount {font-size:16px; color:#fc2264;}
.order-wrap .disabled .tx-point,
.order-wrap .disabled select { color:#a8a8a8;}
.order-form .btn-form {margin:0 10px; white-space:nowrap;}
.order-form .tb-info td {font-weight:300;}

.prd-order-list .prd-group {display:flex; align-items: stretch;}
.prd-order-list .prd-group + .prd-group {padding-top:2px; background:url('../img/line_cart.png') repeat-x;}
/* .prd-order-list .prd-group + .prd-group .prd-list.cart li {padding-top:30px;} #9698 3차수정 라인 삭제 */
.prd-order-list .prd-group + .prd-group .prd-list.cart li:not(:first-child) {padding-top:30px;} /* #9698 3차수정 라인 추가 */
.prd-order-list .prd-list {flex:1;}
.prd-order-list .prd-list .prd-info {padding-right:20px;}
.prd-order-list .rowspan {width:188px; background:#f5f5f5; display:flex; align-items: center; justify-content: center; /*margin-bottom:30px;*/}
.prd-order-list .prd-group + .prd-group .rowspan {padding-top:30px;}
.prd-group:last-child .rowspan {margin-bottom:0;}
.prd-order-list .prd-list.cart li:first-child {background:none; padding-top:0;} /* #9698 3차수정 라인 추가  */
.prd-order-list .prd-group .prd-list.cart li.sel-ship {background:none; padding:0 25px 30px 0; margin-top:-15px} /* #9698 */
.prd-order-list .prd-group .prd-list.cart li.sel-ship + li.sel-ship {margin-top: -30px;} /* #9698 2차 추가 */
/* #9698 [FO] 더블쿠폰 유형 추가 :S */
.prd-order-list .prd-group .prd-list.cart li.sel-ship .form-box {border-bottom: 1px solid #DDD;}
.prd-order-list .prd-group .prd-list.cart li.sel-ship select {height: 58px; font-size: 15px; line-height: 58px; color: #111;}
.prd-order-list .prd-group .prd-list.cart li.sel-ship option span {color: #999;}

.order-member-benefit {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 6px 20px; width: calc(100% - 213px); box-sizing: border-box; background: #EEE;}
.order-member-benefit input {display: none;}
.order-member-benefit label {position: relative; width: 36px; height: 22px; border-radius: 100px; background: #AAA; cursor: pointer; transition: background .3s;}
.order-member-benefit label::after {content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #FFF; transition: left .3s;}
.order-member-benefit input:checked + label {background: #111;}
.order-member-benefit input:checked + label:after {left: auto; left: calc(100% - 20px);}
.order-member-benefit p {font-size: 15px; line-height: 1; color: #555;}
.order-member-benefit input:checked ~ p {color: #111;}
.sel-ship .form-box {width: 100%;}
.order-member-benefit ~ .prd-group .prd-list {margin-top: 20px;}
.order-member-benefit ~ .prd-group .rowspan {position: relative; z-index: -1;} /* #9698 3차수정 */
.order-member-benefit ~ .prd-group .rowspan::after {content: ''; position: absolute; bottom: 100%; right: 0; margin-bottom: -6px; width: 100%; height: 40px; background: #f5f5f5;}
/* #9698 [FO] 더블쿠폰 유형 추가 :E */
/* 20220620 결제 페이지 쿠폰적용 UI 개선 */
.prd-order-list .prd-group .prd-list.cart li {flex-wrap:wrap}
.prd-order-list .prd-group .prd-list.cart .prd-sel-ship {width:100%; background:none; padding-top:0; margin-top:15px}
.prd-order-list .prd-group .prd-list.cart .prd-sel-ship:after {content:""; display:block; clear:both}
.prd-order-list .prd-group .prd-list.cart .prd-sel-ship .form-box {float:left; width:calc(50% - 30px); margin-right:30px}

.order-title .checkbox {line-height:20px; font-size:16px;}
.order-guide {margin-top:20px;}
.order-guide .acd-box {background:#f5f5f5;}
.order-guide .accordion-title {padding:20px;}
.order-guide .accordion-title::after {right:20px;}
.order-guide .acd-box + .acd-box {margin-top:10px;}
.order-guide .accordion-panel div {padding:0 20px 20px;}
.order-guide .accordion-panel {font-weight:300; color:#666; line-height:1.4283; font-size:14px;}
.order-guide .lable-line {padding-left:30px;}
.order-guide dl {color:#111; }
.order-guide dl dt {font-weight: 400;}
.order-guide dl dd + dt {margin-top:25px;}
.order-guide .link {margin-top:20px;}
.order-guide .list-group.dash li {color:#111;}
.order-guide .list-group.dash li p {margin-left:-10px;}
.order-guide .list-group.dash li + li {margin-top:10px;}

.order-guide .accordion-panel .pers-box {margin-top:40px; padding:0;}
.pers-box {padding:20px;}
.pers-box h3{font-size:16px; color:#111; font-weight:400; margin-bottom:20px;}

.terms-agree  h4 {font-size: 16px; font-weight:400; margin-bottom: 20px;}
.terms-agree .c-bgf5 {padding:20px; font-size: 14px; font-weight: 300; line-height: 1.43;}

.page-sub-title .checkbox label{line-height:1;}
.page-sub-title .checkbox label::before{margin-top:5px;}
.page-sub-title .checkbox input[type=checkbox] {top:5px;}

.guest-guide {padding-top:30px;}
.guest-guide h4 {font-size:16px; font-weight:400;}
.guest-guide dl {margin-top:20px; font-size:14px; color:#111; line-height: 1.4285;}
.guest-guide dt {font-size:16px;}
.guest-guide dd {font-size:14px; color:#666; font-weight:300; margin-top:20px;}

.form-wrap .zipcode {width:292px; margin-right:20px;}
.form-wrap .zipcode + .form-col {flex:1;}

.price-list-box {background:#f5f5f5; padding:20px;}
.price-list-box .price-list dt,
.price-list-box .price-list dd {font-size:14px; line-height:1.428;}
.price-list-box .price-list .btn-tooltip { vertical-align: top; margin-top:-2px;}

.order-end-top {padding:60px 0px;}
.order-end-top .page-top {margin-bottom:100px;}
.order-end-top .title {font-weight:300; font-size:40px;}
.order-end-top .order-date {font-size:20px; margin-top:20px;}
.order-end-top .guide-box {background:#fff; /*padding:20px;*/ font-size:14px; color:#111; margin-top:40px;}
.order-end-top .guide-box strong {font-weight:500;}
.order-end-top .guide-box .sub-tx {font-weight: 300; color:#666;  text-align:center;}
.order-end-top .guide-box strong+ .sub-tx  {margin-top:25px;}
.order-end-top .guide-box .link {color:#111; font-weight:500; text-decoration: none;}
.order-end-top .btn-group {font-size:0; text-align:center; margin-top:40px;}
.order-end-top .btn-group .btn {min-width:240px;}
.order-end-top .price-list {margin:0; width:400px;}
.order-end-top .price-list dd {font-weight:500;}
.order-end {margin-top:70px;}
.order-end .aside-wrap {padding:0;}
.order-end .aside-wrap.fixed{position: absolute; }
.order-end .aside-wrap.fixed-bottom {bottom:auto; top:0;}

.prd-order-list .rowspan.w-wide {width:240px; margin-right:20px;}
.prd-order-list .rowspan .tx-underline {display:inline-block; color:#111; margin-top:6px; }

.price-list.c-bgf5{padding:20px; margin-top:20px; }
.price-list.c-bgf5 dl {align-items: flex-start; font-size:14px;}
.price-list.c-bgf5 .pay-info  {text-align:left; max-width:190px;}
.price-list.c-bgf5 .pay-info li + li{margin-top:10px;}
.price-list.c-bgf5 .refer {padding-left:20px; line-height:1.4;}
.price-list.c-bgf5 .refer::before{content:'※'; float:left; margin-left:-20px;}

.order-form .tb-default {margin-top:30px;}
.order-form .ly-tooltip {width:300px;}
.order-form .page-sub-title {font-size:24px;}

slide-prd-list

    /* 주문서 팝업 */
.ly-ord-coupon .form-box{margin:0 0 20px;}
.ly-ord-coupon .list-group {margin:18px 0 30px;}
.ly-ord-coupon .list-group li {line-height:1.4285;}
.ly-ord-coupon .list-group li + li {margin-top:6px;}
.ly-ord-coupon .radio.black {margin:23px 0 13px;}
.ly-ord-coupon .coupon-list {margin:0 -30px -30px; padding:30px 30px 30px; /* background:#e9e9e9; */ background:#fff;}
.ly-ord-coupon .list li + li{margin-top:20px;}
.ly-ord-coupon .no-data {font-size:14px; padding:117px 0; }
.ly-ord-coupon .scroll-wrap {max-height: 420px;margin:-30px;}
.ly-ord-coupon .mCSB_container { padding:30px;}

.gifts-list  {margin-top:28px;}
.gifts-list li {width:calc((100% - 27px)/2); }
.gifts-list li:nth-child(2n){margin-left:27px;}
.gifts-list li:nth-child(n+3) {margin-top:20px;}
.gifts-list li label{display:flex; align-items: stretch;}
.gifts-list li input[type=radio] {top:5px;}
.gifts-list li label::before{background-position-x: -20px; margin-top:5px;}
.gifts-list li label .thum-img, .gifts-list.gift-only .thum-img {margin-left:10px; width:104px;}
.gifts-list li .info {padding-left:20px; flex:1;}
.gifts-list li .info .name {font-size: 14px;color:#111;word-break: keep-all;}
.gifts-list .thum-img::before,
.gifts-list .thum-img::after {display:none;}
.gifts-list .thum-img .ratio::before{padding-top:calc(157 / 104 * 100%)}
.gifts-list.gift-only, .gifts-list.gift-only li {display: flex;}

.order-form .order-title + .page-sub-desc {margin-top:20px;}
.order-form .page-sub-desc + .page-sub-msg {margin-top:16px;}

.ly-addr-area .scroll-wrap {max-height:400px; margin-top:20px;}
.ly-addr-area > .recent .no-data {margin-top:-10px;}
.ly-addr-area  h3 {font-size:22px;}
.ly-addr-area  .tag {display:inline-block; font-size:12px; padding:6px 12px; border-radius:5px; margin-left:8px; vertical-align:1px; font-weight:400; background:#111; color:#fff;}
.ly-addr-area  .basic-addr {position:relative;}
.ly-addr-area  .basic-addr ul li {padding-top:20px;}
.ly-addr-area  .basic-addr ul li + li {border-top:1px solid #eee;}
.ly-addr-area  hr {background:#f5f5f5; width:calc(100% + 60px); height:20px; margin:0 0 0 -30px; border:none;}
.ly-addr-area  hr + .basic-addr {margin-top:30px;}
.ly-addr-area .btn-group {text-align:center; }
.ly-addr-area  .txt {font-size:16px; line-height:1.375; margin:40px 0 10px;}
.ly-addr-area  .form-col:first-of-type {width:90px;}
.ly-addr-area  .form-col:last-of-type {width:calc(100% - 100px);}
.ly-addr-area .addr-info {position:relative; padding-bottom:20px; word-break:keep-all;}
.ly-addr-area .addr-info > span {display:block; font-size:16px; font-weight:500;}
.ly-addr-area .addr-info > span + span {margin-top:15px;}
.ly-addr-area .addr-info > .name {font-size:18px;}
.ly-addr-area .addr-info > .addr {font-weight:400; line-height:1.375; margin-top:10px;}
.ly-addr-area .addr-info .zipcode {font-weight:500;}
.ly-addr-area .addr-info .btn-group {margin-top:20px; text-align:right;}
.ly-addr-area .addr-info .btn-del {position:absolute; top:5px; right:0; font-size:14px; color:#999; text-decoration:none;}
.ly-addr-area .form-box .btn-form {margin-right:10px;}
.ly-addr-area .shipping-fee .scroll-y {margin-top:0;}
.ly-addr-area .shipping-fee .prd-info {width:calc(100% - 119px); padding-left:15px;}
.ly-addr-area .shipping-fee .prd-info .name {text-overflow:ellipsis; white-space:nowrap;}
.ly-addr-area .shipping-fee .prd-price div + div::before {display:inline-block; content:"/"; font-size:14px; padding-left:9px; margin-right:9px; vertical-align:middle;}
.ly-addr-area .shipping-fee .sf-area {background:#f5f5f5; border-radius:5px; padding:20px 24px; margin-top:-10px;}
.ly-addr-area .shipping-fee .sf-area > p {text-align:right;}
.ly-addr-area .shipping-fee .sf-area + .form-box {background:#fff; margin-top:20px; margin-bottom:5px;}
.ly-addr-area .shipping-fee .sf-area + .prd-list {margin-top:20px;}

/* 상품상세 */
.detail-wrap {width:1228px; margin:0 auto;}
.detail-wrap .pers-idx-guide .accordion-title {padding:0; font-size:16px;}

.detail-top {display:flex; justify-content:space-between; align-items:center; margin-top:41px;}
.detail-top .btn-group {display:flex;}
.detail-top .btn-group button {width:44px; height:44px;}
/*.detail-top .btn-group button + button {margin-left:20px;}*/
.detail-top .btn-group .btn-share {background:url('../img/btn_share_sm.png') center center no-repeat ;}
.detail-top .btn-group .btn-wish {background:url('../img/btn_wish_detail.png') no-repeat;}
.detail-top .btn-group .btn-wish.on {background-position:center -44px;}

.brd-thum {}
.brd-thum > a {display:flex; align-items:center;}
.brd-thum .img {width:42px;height:42px;display:block;border-radius:50%;overflow: hidden;}
.brd-thum p {margin-left:10px; font-size:14px; font-weight:500;}
.brd-thum p .tx-eng {display:block; font-size:10px; color:#999; font-weight:400; line-height:1.3; margin-bottom:2px;}

.gallery-top .video-wrap {display:flex; align-items:center; height:100%;}
.gallery-top .video-wrap iframe,
.gallery-top .video-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background: #000;}
.gallery-thumbs .swiper-slide {cursor:pointer;}
.gallery-thumbs .swiper-slide{}
.gallery-thumbs .swiper-slide:after{z-index: 2;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);pointer-events: none;}

.prd-wrap {display:flex; justify-content:space-between;}
.location-bar + .prd-wrap {margin-top:22px;}
.location-bar + .prd-wrap .img-area {margin-top:19px;}

.prd-wrap .img-area {width:640px;}
.prd-wrap .img-area .swiper-wrap {position:relative;}
.prd-wrap .img-area .swiper-wrap .swiper-container {padding-bottom:0;}
.prd-wrap .img-area .swiper-wrap .swiper-button-next,
.prd-wrap .img-area .swiper-wrap .swiper-button-prev {top:auto; bottom:50px; opacity:.8;}
.prd-wrap .img-area .swiper-wrap .swiper-button-disabled {opacity:.2}
.prd-wrap .big-img .swiper-slide {width:100%;  height:856px; overflow: hidden;}
.prd-wrap .thumbs-img {margin:10px 58px 0; /*height:142px;*/}
.prd-wrap .gallery-thumbs .video-thum i {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; width:40px; height:40px; background:url('../img/btn_play_sm.png') no-repeat; background-size:100%; }
.prd-wrap .info-area {width:530px;}
.prd-wrap .info-area > div {z-index:-1;}
.prd-wrap .info-area .ly-tooltip {z-index:0; height:0; overflow:hidden;}
.prd-wrap .info-area .btn-tooltip.on + .ly-tooltip {z-index:3; overflow: visible; height:auto;}
.prd-wrap .info-area .name {font-size:20px; line-height:2; margin-bottom:2px;}
.prd-wrap .info-area .name span {display:block; font-size:14px; line-height:1.43; color:#666; font-weight:300;}
.prd-wrap .info-area .ttile strong::before {display:inline-block; content:""; width:18px; height:18px; vertical-align:-3px; margin-right:10px;}
.prd-wrap .info-area .ttile strong.level1::before {background:url('../img/icon_level1.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level2::before {background:url('../img/icon_level2.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level3::before {background:url('../img/icon_level3.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level4::before {background:url('../img/icon_level4.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level5::before {background:url('../img/icon_level5.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level6::before {background:url('../img/icon_level6.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level7::before {background:url('../img/icon_level7.png') no-repeat;}
.prd-wrap .info-area .ttile strong.level8::before {background:url('../img/icon_level8.png') no-repeat;}
.prd-wrap .info-area .price-area {margin-top:30px;}
.prd-wrap .info-area .price-area dl {display:flex; justify-content:space-between; align-items:center; font-size:16px;}
.prd-wrap .info-area .price-area dd {text-align:right;}
.prd-wrap .info-area .price-area dd strong {font-size:22px; vertical-align:-1px; font-weight:500; margin-left:4px;}
.prd-wrap .info-area > .btn-group {margin-top:30px;}
.prd-wrap .info-area .btn-group .btn {min-width:260px; font-size:22px; }
.prd-wrap .info-area .btn-group .btn.disabled,
.prd-wrap .info-area .btn-group .btn:disabled {margin-left:0;}
.prd-wrap .info-area .btn-group .btn.blackline {border:1px solid #111; color:#111;}
.prd-wrap .info-area .btn-group .btn.primary {color:#fff;}
.prd-wrap .prd-price {display:flex; margin-top:29px;}
.prd-wrap .prd-price .price {font-size:18px; font-weight:500;}
.prd-wrap .prd-price .discount {font-size:18px; color:#F20084; font-weight:500;} /* #10735 */
.prd-wrap .prd-price .price-org {font-size:18px; /*text-decoration:line-through;*/  color:#a8a8a8; font-weight:400;}
.prd-wrap .prd-price div + div {margin-left:20px;}
.prd-wrap .coupon-price {display:flex; align-items:center; margin-top:13px;}
.prd-wrap .coupon-price .price {font-size:18px; font-weight:500;}
.prd-wrap .coupon-price .btn.sm {margin-left:20px; height:24px; padding:0 14px; line-height:24px; border:none;}
.prd-wrap .price-special {color:#a38853; display:flex; align-items:center; margin-top:13px;}
.prd-wrap .price-special .price {font-size:18px; font-weight:500; margin-right:20px;}
.prd-wrap .price-special .btn-tooltip {background:none; font-size:12px; width:auto; color:#a38853; text-decoration:underline; padding:0; margin-bottom:3px;}
.prd-wrap .price-special .txt {font-size:12px;}
.prd-wrap .pers-idx-guide .accordion-panel > div {padding-left:40px; padding-right:30px;}
.prd-wrap .accordion-panel > div > ul > li {display:flex; justify-content:space-between; align-items:center; position:relative; padding-left:20px; font-size:14px; color:#666; line-height:1.71;}
.prd-wrap .accordion-panel > div li span {text-align:right;}
.prd-wrap .accordion-panel > div li.v-top {align-items:flex-start;}
.prd-wrap .accordion-panel > div li::before {display:block; content:""; width:4px; height:4px; background:#111; position:absolute; top:8px; left:0;}
.prd-wrap .accordion-panel .btn-tooltip {width:16px; height:16px; background-size:100%; vertical-align:5px;}
.prd-wrap .accordion-panel .align-c {margin-top:6px; padding-top:10px;}
.prd-wrap .accordion-panel .premium {background:#b8a482;}
.prd-wrap .accordion-panel .premium p {font-size:14px; color:#fff; font-weight:700; padding:15px 0; line-height:2;}
.prd-wrap .accordion-panel .premium li {color:#fff;}
.prd-wrap .accordion-panel .premium li::before {background:#fff;}
.prd-wrap .btn-arrow {display:inline-block; text-align:center; text-decoration:underline; /*border-bottom:1px solid #111; padding-bottom:1px;*/}
.prd-wrap .btn-arrow::after {margin-left:14px;}
.prd-wrap .premium .btn-arrow {color:#fff; /*border-color:#fff;*/}
.prd-wrap .premium .btn-arrow::after {background:url('../img/arrow_right_white.png') no-repeat;}
.prd-wrap .tooltip-conts .mem-ranking + .align-c {margin-top:20px;}
.prd-wrap .tooltip-conts .premium {background:#b8a482; margin:20px -16px -16px; border-radius: 0 0 7px 7px; padding:20px 16px 20px;}

.prd-wrap .info-area .detail-top {margin:0 0 22px;}
.prd-wrap .pers-idx-benefit {border-top:1px solid #c7c7c7; padding-top:12px; margin-top:24px;}
.prd-wrap .pers-idx-benefit .row {display:flex; align-items: stretch; width:100%; padding:12px 0; color:#111;}
.prd-wrap .pers-idx-benefit .row > dt {width:120px; font-size:14px; line-height:1.42; }
.prd-wrap .pers-idx-benefit .row > dd {width:calc(100% - 120px); font-size:14px; line-height:1.42; }
.prd-wrap .pers-idx-benefit .btn-tooltip.sm{width:16px; height:16px; background-size:contain;}
.prd-wrap .pers-idx-benefit .row .price {font-size:18px; font-weight: 500;}
.prd-wrap .pers-idx-benefit .sp-price dt {line-height:25px;}
.prd-wrap .pers-idx-benefit .sp-price.premium{color: #a38853;}
.prd-wrap .pers-idx-benefit .sp-price.secret {color:#F20084;} /* #10735 */
.prd-wrap .pers-idx-benefit .sp-price.secret .price .discount {margin-left:5px; font-weight:500}
.prd-wrap .pers-idx-benefit .sp-price .btn-tooltip {width:16px; height:16px; margin:3px 0 0 0; background-size:contain}
.prd-wrap .pers-idx-benefit .sp-price .ly-tooltip {top:-5px; left:6px;}
.prd-wrap .pers-point dl {display: flex; align-self: center; justify-content: space-between;}
.prd-wrap .pers-point dl + dl {margin-top:10px;}
.prd-wrap .pers-point dt {font-size:14px; color:#111; line-height:1.28;}
.prd-wrap .pers-point dd {font-size: 16px; font-weight:500;}
.prd-wrap .pers-idx-benefit .idx-premium {
    display:flex; align-items: flex-end;  justify-content: space-between;
    font-size:14px; line-height:1.57; color:#666666; margin-top:16px;
}
.prd-wrap .pers-idx-benefit .idx-premium .btn-tx {border-bottom-color: #a38853; color:#a38853; font-size:16px; font-weight:500;}
.prd-wrap .pers-idx-benefit .idx-premium .btn-tx.c-secondary {border-bottom-color: #f20084;} /* #10735 라인 추가 */
.prd-wrap .pers-idx-benefit .title {display:inline-block; vertical-align: top; font-size: 16px; font-weight: 500;}
.prd-wrap .pers-idx-benefit .accordion-title {display:inline-block; vertical-align: top; width:auto;}
.prd-wrap .pers-idx-benefit .accordion-title::after{position: static; display:inline-block; vertical-align: top; margin:7px 0 0 10px;}
.prd-wrap .pers-idx-benefit .accordion-panel {width:calc(100% + 120px); margin-left:-120px; }
.prd-wrap .pers-idx-benefit .accordion-panel > div {position:relative;  padding:20px 0 24px 120px;}
.prd-wrap .pers-idx-benefit .open + .accordion-panel > div::after {
    content:''; display:block; width:100%; height:1px; background:#c7c7c7;
    position:absolute; bottom:0; left:0;
}

/* #9907 :S */
.orderSelectCoupon {display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding: 15px 0;}
.orderSelectCoupon dt {font-weight: 400; font-size: 15px; color: #111;}
.orderSelectCoupon button {width: 56px; height: 30px; border: 1px solid #999; box-sizing: border-box; background: #fff; font-weight: 500; font-size: 15px; line-height: 1; color: #000;}
.aside-wrap .orderSelectCoupon {margin-top: -16px;}
/* #9907 :E */

.rating {display:flex; align-items:center;}

.grade .star {width:76px; display:inline-block;}
.grade .star,
.grade .star span {display:inline-block; height:11px; overflow:hidden; background:url('../img/icon_star.png') no-repeat;}
.grade .star span {background-position:0 bottom; line-height:0; vertical-align:top;}
.grade .g-num {font-size:12px; margin-left:8px;}

.tooltip-conts .mem-ranking li {display:flex; justify-content:space-between; align-items:center; color:#ccc; font-weight:500;}
.tooltip-conts .mem-ranking li.select {color:#fd3773;}
.tooltip-conts .mem-ranking li.member {font-size:16px; margin-top:20px; color:#fff;}
.tooltip-conts .mem-ranking li + li {margin-top:10px;}
.tooltip-conts .premium li {color:#fff; font-size:16px;}
.tooltip-conts .btn-arrow {color:#fff;}
.tooltip-conts .btn-arrow::after {background:url('../img/arrow_right_white.png') no-repeat;}

.basic-info {margin-top:25px;}
.basic-info dl {display:flex; align-items:center; font-size:12px; color:#666; font-weight:300;}
.basic-info dl + dl {margin-top:5px;}
.basic-info dd {text-align:right;}
.basic-info dd button {color:#666; padding:0; text-decoration:underline; font-weight:300;}
.basic-info dt {width:121px;}
.basic-info dt .tooltip {vertical-align:2px;}
.basic-info .btn-tooltip {width:16px; height:16px; background-size:100%;}

.option-area > div {margin-top:30px;}
.option-area .tit {font-size:16px; margin-bottom:10px;}

.opt-color .opt-clist ul {display:flex; flex-wrap: wrap; margin:-5px;}
.opt-color .opt-clist li {width:80px;height: auto;flex-shrink:0;position:relative;margin:5px;}
.opt-color .opt-clist li a:before {content:""; display:block; padding-top:133%}
.opt-color .opt-clist li a:after {content:""; display:block;content:"";position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid rgba(17,17,17,0); background:rgba(0,0,0,.03); pointer-events:none}
.opt-color .opt-clist li.on a::after {border-color:rgba(17,17,17,1);}
.opt-color .opt-clist li a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
/* .opt-color .opt-clist li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);pointer-events: none;} */

.opt-title {font-weight:400; font-size:14px; color:#111; line-height:1.5;}
.opt-basic dl {display:flex; align-items:stretch;  margin-top:20px;}
.opt-basic dl + dl {margin-top:10px;}
.opt-basic dt {font-size:14px; color:#666; width:121px; line-height:34px;}
.opt-basic dd {width:calc(100% - 121px); margin:-2px -5px;}
.opt-basic dd ul {display:flex; align-items:center; flex-wrap: wrap; margin:-5px;}
.opt-basic dd li a {display:block; min-width:34px; height:34px; padding:0 10px; font-size:12px; text-align:center; border:1px solid #eee; border-radius:3px; background:#fff; line-height:2.83;}
.opt-basic dd li.on a {background:#111; color:#fff; border-color:#111;}
.opt-basic dd li {margin:5px;}
.opt-basic dd .form-box {padding:0 5px;}
.opt-basic select {cursor:pointer;}

.opt-basic dt > span {line-height:50px;}

.myfl-type .opt-basic dl:first-child dt {line-height:50px;}

.opt-add select {height:40px; line-height:40px;}

.opt-group {margin-top:20px; font-size:0;}
.opt-group + .opt-group {margin-top:20px;}
.opt-title + dl {margin-top:10px;}

.opt-group .radio {margin:2px 5px;}
.opt-group .radio label {display:inline-block; font-size:12px; min-width:34px; height:34px; padding:0 10px; text-align:center; border:1px solid #eee; border-radius:3px; background:#fff; line-height:2.83;}
.opt-group .radio :checked + label {background:#111; color:#fff; border-color:#111;}
.opt-group .radio :disabled + label {position:relative; background:#e8e8e8; color:#a8a8a8; border-color:transparent;}
.opt-group .radio :disabled + label::after {position:absolute;width: 100%;height: 100%;top: 0;left:0;content:'';display:block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 40 34'%3E%3Cpath fill='%23a8a8a8' d='M39.18 33.88l-39-33L.82.12l39 33z'/%3E%3C/svg%3E");background-repeat: no-repeat;}
.opt-group .radio label::before {display:none;}
/* 20230508 #3559 [FO] 상품상세_2차 옵션선택 버튼 디자인 추가 적용 > class="prd-opt-chk-type2" 추가 */
.opt-group .prd-opt-chk-type2 .radio :checked + label {background:#111; color:#fff; border-color:#111;}
.opt-group .prd-opt-chk-type2 .radio :disabled + label {background:#f0f0f0; color:#111; border-color:#e7e7e7;}
.opt-group .prd-opt-chk-type2 .radio :disabled + label::after {content:''; display:none}
.opt-group .prd-opt-chk-type2 .radio :disabled.soldout + label {background:#e8e8e8; color:#a8a8a8; border-color:transparent}
.opt-group .prd-opt-chk-type2 .radio :disabled.soldout + label::after {content:''; display:block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 40 34'%3E%3Cpath fill='%23a8a8a8' d='M39.18 33.88l-39-33L.82.12l39 33z'/%3E%3C/svg%3E");background-repeat: no-repeat;}
/* //20230508 #3559 [FO] 상품상세_2차 옵션선택 버튼 디자인 추가 적용 > class="prd-opt-chk-type2" 추가 */

.opt-selected li {background:#f5f5f5; padding:15px 40px 15px 20px; display:flex; justify-content:space-between; align-items:center; position:relative;}
.opt-selected li .opt-txt {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; width:240px;}
.opt-selected li .price {font-size:14px; text-align:right;}
.opt-selected li .btn-del {position:absolute; top:50%; right:20px; transform:translateY(-50%); text-indent:-9999px; background:url('../img/btn_delete.png') no-repeat; width:10px; height:10px; opacity:.5; padding:0;}
.opt-selected li + li {margin-top:5px;}


/*상품상세 swiper*/
/* .opt-clist li img {max-height: 100%;display:block;} */
.gallery-thumbs{margin:10px 60px 0;}
.gallery-thumbs .ratio::before{/* padding-top:calc(142 / 93 * 100%); */ padding-top:133%}
/* .gallery-thumbs .ratio img {min-height: 140px;} */
.gallery-thumbs .swiper-slide,
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-slide::before {
    content:''; position: absolute; top:0; left:0; z-index:3;
    width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid rgba(255,255,255,0);
}
.gallery-thumbs .swiper-slide-thumb-active::before{border-color:rgba(17,17,17,1);}
.gallery-top .swiper-slide {background: #f5f5f5;width:100%;/* height: 938px; */height: 850px; display: flex;justify-content: center;align-items: center;max-width: 100%;max-height: 100%;}
.gallery-top .swiper-slide:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);pointer-events: none;}
.gallery-top .ratio::before{/* padding-top:calc(856 / 640 * 100%); */ padding-top:133%}
/* .gallery-top .swiper-slide > div {display:block; width:100%}
.gallery-top .swiper-slide > div:before {content:""; padding-top:133%}
.gallery-top .swiper-slide > div img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover} */
.prd-wrap .img-area .gallery-thumbs .mov > i {width:40px; height:40px; background:url('../img/btn_play_sm.png') no-repeat; background-size:100%;}
.prd-wrap .img-area .swiper-button-prev,
.prd-wrap .img-area .swiper-button-next {width:40px; height:40px; margin-top:0; opacity:1;}

/*상품상세 버튼*/
.rating .btn-tx{margin:1px 0 0 14px;}
.basic-info dd button.btn-tx {text-decoration: none; font-weight:300;}


/*상품상세(하단-공통)*/
.detail-guide .accordion-title {font-size: 24px; color: #111; line-height: 1; padding:28px 0 27px; border-bottom:1px solid #eee;}
.detail-guide .accordion-title.open {border-bottom-color:#fff;}
.detail-guide .accordion-title::after {
    width:40px; height:40px; margin-top:-20px;
    background-image:url(../img/icon_detail_dropdown.png);
}
.detail-guide .accordion-panel .c-bgf5 {padding:20px;}
.detail-guide .accordion-panel .c-bgf5 h6 {font-weight:500; font-size:16px; color:#111;}
.detail-guide .accordion-panel .c-bgf5 h6 + .list-group {margin-top:20px;}
.detail-guide .accordion-panel .list-group  {line-height: 1.71; font-size:14px; font-weight:300; color:#111;}
.detail-guide .accordion-panel .list-group li.tit {margin: 20px 0 10px;}
.detail-guide .accordion-panel .list-group li.tit::before { content: '※';}
.detail-guide .accordion-panel .list-group li > mark {background:none;font-weight:400;color:#111;}

.detail-wrap .tab-container {position:relative;margin-top:40px;/*width: 1320px;*/display: flex;justify-content: space-between;}
.detail-tab {align-content: center;border-bottom:1px solid #eee;width:100%;position: relative;z-index: 2 !important;background: #fff;}
.detail-tab ul { display: flex;}
.detail-tab li {flex: 1; flex-shrink: 0;}
.detail-tab li > a {display:block; text-align:center; font-size: 20px; font-weight: 300; color: #999; line-height:1; padding:25px 0;}
.detail-tab li.on > a {font-weight: 500; color:#111;}

.detail-tab.fixed {position:fixed;top: 54px;left:calc(50% - 614px);width: 1320px;background:#fff;z-index:10;}
.detail-tab.fixed + .detail-tabcont{padding-top:110px;}
.detail-tabcont {width:820px;padding: 0 0 40px;}
.detail-tabcont .detail-guide.acd-box{ margin-top:30px;}
.detail-tabcont .detail-guide.acd-box + .acd-box { margin-top:0;}


/* 20210917 상품상세 - 탭 메뉴 구성 변경 */
.detail-wrap .detail-tabcont > div {padding-top:50px}
.detail-wrap .list-group.star li::before{content:'*';}
.detail-wrap .list-group.star li {font-size:12px; color:#666; line-height:1.17; font-weight:300;}
.detail-wrap .list-group.star li + li {margin-top:5px;}
.detail-wrap .detail-tabcont > div#prdAnc03 > div {width:calc(100% + 64px); margin-left:-32px}
.detail-wrap .detail-tabcont > div#prdAnc04 .align-items-center {border-bottom:2px solid #14161a}
.detail-wrap .detail-tabcont > div#prdAnc04 .align-items-center .unit-title {margin-bottom:15px}
.detail-wrap .detail-tabcont > div#prdAnc04 .align-items-center .btn.primary {vertical-align:top; margin-bottom:15px}


.detail-unit + .detail-unit{margin-top:70px;}
.detail-unit .unit-title + .btn-tx {font-size:12px;}
.unit-title {font-size:24px;color:#111;font-weight: 400;line-height:1.47;margin-bottom:20px;}
.detail-unit > .d-flex .unit-title{margin-bottom:0;}
.detail-unit .swiper-wrap .swiper-button-prev::after,
.detail-unit .swiper-wrap .swiper-button-next::after{margin-top:-10px;}
.detail-unit .tb-default td {color:#111;}
.detail-unit .swiper-wrap .exh-list ul {flex-wrap: nowrap;}
.detail-unit .qna-list .btn-tx {border-bottom: none;}
.detail-unit .unit-title + p ~ ul.list-group { margin-top:10px;}
.detail-unit ul.list-group li{ line-height: 1.71;}
.detail-unit .unit-title + .dt-note,
.detail-unit .prd-detail .dt-note {padding-bottom:70px; line-height:1.71;}
/* #9452 [FO/BO(PO)] 상품 상세 내 영상 영역 추가 :S */
.detail-unit .prd-detail .dt-note ~ div {line-height: 0;}
/* 상품상세 비디오영역 */
.prd-detail .video-wrap {margin-bottom: 80px; width: 100%; pointer-events: none;}
.prd-detail .video-wrap video {width: 100%; height: auto;}
.prd-detail .video-wrap + .video-wrap {margin-top: -80px;}
.prd-detail .video-wrap.hor {overflow: hidden; position: relative; aspect-ratio: 16 / 9;}
.prd-detail .video-wrap.ver {overflow: hidden; position: relative; aspect-ratio: 9 / 16;}
.prd-detail .video-wrap.hor iframe,
.prd-detail .video-wrap.ver iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
/* #9452 [FO/BO(PO)] 상품 상세 내 영상 영역 추가 :# */

.prd-size {display: flex; align-items: stretch; flex-wrap: wrap; }
.prd-size + .prd-size {margin-top: 40px;}
.prd-size .unit-sub-tit { font-size:16px; font-weight:500; margin-bottom:10px;}
.prd-size .img {width: 350px; margin-top:22px;}
.prd-size .info { width: calc(100% - 350px);}
.prd-size .tb-top {text-align:right; font-size: 12px; color:#999; margin-bottom:10px; }
.prd-size .tb-wrap {width:100%; overflow-x:auto; border-bottom:1px solid #111;}
/* .prd-size .tb-wrap th, .prd-size .tb-wrap td { white-space:nowrap;}
.prd-size .tb-wrap .tb-default tr:last-child td { border-bottom:0;}
.prd-size .tb-wrap .tb-default th, .prd-size .tb-wrap .tb-default td { padding:18px 30px;} */
.prd-size + .list-group {width:100%; margin-top:25px;}
.prd-size ul.tb-colCustom {display: flex;}
.tb-colCustom li {min-width:18%; flex-grow:1;flex-shrink:0;}
.tb-colCustom li:first-child { flex-basis:120px;}
.tb-colCustom li > span {display: block;white-space: nowrap; text-align:center;padding: 18px 20px; border-bottom: 1px solid #e3e3e3;}
.tb-colCustom li > span:last-child { border-bottom:0;}
.tb-colCustom li > span.th {font-weight: 500;color: #111;border-bottom-color: #111;border-top:1px solid #111; background-color: #f5f5f5;}

/*상품상세(상품정보)*/
.prd-info-type .top {display:flex; align-items: center; justify-content: space-between;}
.prd-info-type .title {font-size:0;}
.prd-info-type .title .flag {
    display:inline-block; border-radius: 6px; padding:11px 20px 9px; background:#111; color:#fff;
    font-size:16px; font-weight:500; line-height:1;
}
.prd-info-type .title .flag.baba {background-color:#F20084;} /* #10735 */
.prd-info-type .title .flag + .sub-tx {margin-left:20px;}
.prd-info-type .sub-tx {font-weight: 400; font-size:12px; color:#666;}
.prd-info-type .sub-tx + .sub-tx {margin-left:30px;}
.prd-info-type .time-tx {font-size:20px; font-weight:700; color:#111;}
.prd-info-type .top + .progress {margin-top:30px;}
.prd-info-type .progress {display:flex; align-items: center; }
.prd-info-type .progress .progress-bar {flex:1; position: relative; background-color:#c7c7c7; height:4px;}
.prd-info-type .progress .bar {position:absolute; top:0; left:0; height:4px; background:#111; font-size:0;}
.prd-info-type .progress .progress-tx {font-size:16px; color:#111; margin-left:20px; }
.prd-info-type .icon-live {width:8px; height:8px; background:#fff; margin:3px 0 0 6px;}
.prd-info-type .bottom {display:flex; align-items: center; justify-content: space-between;}
.prd-info-type .bottom  {margin-top:20px;}
.prd-info-type .guide-tx{font-size: 12px; color:#111; line-height:16px;}
.btn-notice {display:inline-block; vertical-align: top; width:16px; height:16px; background: url('../img/icon_notice.png') no-repeat; background-size: contain; font-size:0;}
.prd-info-type .btn-tx {font-size:16px;}
.prd-info-type .btn-tx.disabled {color:#a8a8a8; border-bottom-color:#a8a8a8;}

.detail-wrap .aside-wrap {/* padding:100px 0 20px; */z-index:1;}
.detail-wrap .aside-wrap.fixed {/* padding-top: 150px; */}


@media only screen and (min-width : 1320px) {
    .detail-wrap .aside-wrap.fixed {left:calc(50% + 264px );}
    .detail-wrap .aside-wrap.fixed .scroll-wrap {max-height:calc(100vh - 290px);}
    .detail-wrap .aside-wrap.fixed .scroll-wrap::after {background:linear-gradient(to bottom,rgba(255,255,255,0), #fff);}
}
.detail-wrap .aside-wrap .btn-group {display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; padding:30px 0;}
.detail-wrap .aside-wrap .btn-group .btn{width:calc(50% - 5px); min-width:100px; margin:0;}
.detail-wrap .aside-wrap .btn-group .btn.w-full {width:100%;}
.detail-wrap .aside-wrap .btn:disabled,
.detail-wrap .aside-wrap .btn.disabled {border:none; background-color:#e9e9e9;}
.detail-wrap .price-list dl.total dt {font-size:18px; font-weight:300; }
.detail-wrap .price-list dl.total dt > strong {font-weight: 400;}
.detail-wrap .price-list dl.total .tx-sm {font-size:16px; font-weight:300;}
.detail-wrap .aside-wrap .accordion-title {font-size:16px; color:#111; line-height: 1.38;}
.detail-wrap .aside-wrap .accordion-title::after {background-image:url('../img/icon_qna_drop.png'); margin:0; top:7px;}
.detail-wrap .aside-wrap .opt-selected {margin-top:20px;}
.detail-wrap .aside-wrap .opt-selected li {flex-wrap: wrap; padding:15px 20px 16px;}
.detail-wrap .aside-wrap .opt-selected li .opt-txt {width:100%; padding:10px 30px 10px 0; font-size:12px;  line-height: 1.4; margin-bottom:9px; }
.detail-wrap .aside-wrap .opt-selected li .btn-del {top:15px; right:10px; width:30px; height:36px; background-position: center center; transform:inherit;}
.detail-wrap .aside-wrap .opt-selected li .price > strong {font-weight:500;}
.detail-wrap .aside-wrap .opt-basic dl {display:block; }
.detail-wrap .aside-wrap .opt-basic dt {width:100%; margin-bottom:10px;}
.detail-wrap .aside-wrap .opt-basic dd {width:100%; }

.prd-notice {padding:0 30px; margin-bottom:40px;}
.prd-notice .box {padding:30px 0; text-align:center; font-size:16px; line-height: 1.38; letter-spacing: -0.4px;}
.prd-notice .box + .box {border-top:1px dashed #ccc;}
.prd-notice .delivery { font-size: 20px; color:#111; font-weight: 600; line-height:1;}
.prd-notice .notice {font-size:16px; line-height: 1.38; letter-spacing: -0.4px; color:#666;}
.prd-notice .notice > strong {color:#111; font-weight:500;}
.prd-notice .gifts {display:flex; align-items: center; justify-content: center;}
.prd-notice .gifts .ratio {width:102px;}
.prd-notice .gifts .ratio::before {padding-top:calc(150 / 102 * 100%)}
.prd-notice .gifts .info {text-align:left; padding-left:50px;}
.prd-notice .gifts .title {font-size: 22px; letter-spacing: -0.66px; color:#111; margin-bottom:16px;}
.prd-notice .gifts .name {font-size: 18px; letter-spacing: -0.45px; font-weight: 500;}
.prd-notice .gifts .txt {font-size:14px; font-weight: 300; letter-spacing: -0.35px; line-height: 1.71;}
.prd-info-type + .prd-notice {margin-top:40px;}
/* .prd-notice #contentGoodsDtlNotiInfoDelivery {padding:0}
.prd-notice #contentGoodsDtlNotiInfoDelivery .delivery {position:relative; left:-30px; width:calc(100% + 60px); font-size:0} */
.prd-notice .bnr-img {position:relative; width:calc(100% + 60px); margin-left:-30px}
.prd-notice .bnr-img img {display:block}
.prd-notice .bnr-img .bnr-img-link {position:absolute}
.prd-notice .bnr-img .bnr-img-link.oversea {top:310px; left:120px}

.order-notice {margin-bottom:85px; padding:45px 30px; background:#f5f5f5}
.order-notice .tit-notice {position:relative; display:block; margin-bottom:35px; padding-left:20px; line-height:1em; font-weight:400; font-size:18px; color:#111}
.order-notice .tit-notice:after {content:""; position:absolute; top:5px; left:0; width:9px; height:8px; background:url('../img/icon_order-notice.png') 50% 50% no-repeat}
.order-notice p {line-height:1.71em; font-weight:300; font-size:14px; color:#111; word-break:keep-all}

.prd-detail .img-box{position: relative;}
.prd-detail .img-box.more {height: 1900px;overflow: hidden;}
.prd-detail .img-box.more::after {content:''; position: absolute; bottom:0; left:0;  width:100%;  height:400px; background: linear-gradient(to bottom, rgba(255,255,255,0) 36%, rgba(255,255,255,0.74) 72%, rgba(255,255,255,1) 91%);}
.prd-detail .btn-more {display:block; width:200px; margin:14px auto 0; font-size:18px; color:#111; padding:10px 0;}
.prd-detail .btn-more::after {content:''; display:inline-block; vertical-align: top; width:12px; height:7px; background:url('../img/icon_moreview.png') no-repeat; margin:6px 0 0 10px;}

.swiper-wrap.exh-list ul {flex-wrap: nowrap;}
.swiper-wrap.exh-list li {margin-bottom:0;}
.swiper-wrap.exh-list li + li {margin-left:0;}
.swiper-wrap.exh-list  li:nth-child(n+5) {margin-top:0;}
.swiper-wrap.exh-list .swiper-button-next,
.swiper-wrap.exh-list .swiper-button-prev {top:calc((288 / 421 * 100%) / 2); }


/*상품상세(상품문의)*/
.qna-list li {border-bottom:1px solid #eee; padding:20px 0; line-height: 1.42; font-size: 14px; color:#111;}
.qna-list li a {text-decoration: none; color:#111;}
.qna-list .accordion-title {font-weight:500; }
.qna-list .accordion-title .title {max-width:750px; padding-left:20px; }
.qna-list .accordion-title::after {background-image:url('../img/icon_qna_drop.png'); margin:0; top:7px;  }
.qna-list .title-locked {min-height:24px; line-height:24px; font-weight:500;}
.qna-list .accordion-panel > div:not(.re-box) {padding:10px 0 0; }
.qna-list .flag {display:inline-block;  padding:5px 10px; font-size:12px;  font-weight:400; border-radius: 4px; line-height:1;}
.qna-list .flag.wait {color:#111;background:#eee;}
.qna-list .flag.end {color:#fff;background:#111;}
.qna-list .flag.re{color:#fff;background:#fc2264;}
.qna-list .top-info {display:flex; align-items: center; justify-content: space-between; margin-bottom:20px;}
.qna-list .btn-tx {font-size: 14px; color:#999; padding:0; line-height:1; border-bottom-color:#999; }
.qna-list .btn-tx + .btn-tx {margin-left:20px;}
.qna-list .info {display:flex; align-items: center;}
.qna-list .info .name,
.qna-list .info .date {font-size:14px; color:#666; line-height: 1.29;}
.qna-list .info .flag + .name,
.qna-list .info .name + .date {margin-left:20px;}

.qna-list .icon-locked {display: inline-block; width:18px; height:24px; vertical-align: top; font-size:0; background:url('../img/icon_locked.png') no-repeat; margin-right:10px;}
.qna-list .re-box {margin:20px -20px 0; padding:20px 40px;}
.qna-list + .paging {margin-top:60px;}
.qna-list .ico-en {float:left; margin-left:-20px; font-family: Montserrat; font-size:14px; color:#111; font-weight:500;}
.qna-list .re-cont {padding-left:20px;}

/*상품문의 팝업*/
.ly-review .scroll-wrap {max-height:calc(100vh - 300px);}
.ly-review .prd-list.list {margin-bottom:20px;}
.ly-review .prd-list.list li{display:flex; align-items: center; width:100%;}
.ly-review .prd-list.list .prd-img {width:62px;}
.ly-review .unit-box + .unit-box {margin-top:40px;}
.ly-review .alram {display:flex; align-items: center;}
.ly-review .alram dt {font-size:14px; color:#111; font-weight:500;}
.ly-review .alram .radio {margin-left:50px;}
.ly-review .alram .radio + .radio {margin-left:120px;}
.ly-review .unit-box h3 {font-size:16px; color:#111; font-weight:500; margin-bottom:16px;}
.ly-review .form-row .form-col:nth-child(1){width:208px;}
.ly-review .form-row .form-col:nth-child(2){flex:1; padding-left:30px;}
.ly-review textarea {margin:15px 0;}
.ly-review .add-file  {display:flex; align-items: flex-start;}
.ly-review .list-group li {font-size:12px; color:#666; line-height: 1.83;}

.ly-detail .ly-title{font-size:20px; letter-spacing: -0.6px; color:#111; line-height:1.45;}
.ly-detail .ly-desc {font-size: 16px; line-height: 1.5; color:#111; margin-top:10px;}
.ly-detail iframe{height:calc(100vh - 320px); margin-top:-10px;}
.ly-detail.scroll-wrap {height:500px}
.ly-detail.scroll-wrap.mCustomScrollbar .mCSB_container {padding-right:10px}
#lyDetailCard .ly-detail img {display:block}
.ly-title + .ly-funding-step{margin-top:20px;}

.ly-funding-step {display:flex; align-items: center; }
.ly-funding-step li {text-align:center; }
.ly-funding-step li + li {padding-left:64px;}
.ly-funding-step li + li::before{content:''; float:left; width:44px; height:44px; background:url('../img/arrow_right_big2.png') center center no-repeat; margin:34px 0 0 -54px;}
.ly-funding-step .ico {display:block; width:112px; height:112px; background-color:#111; border-radius: 50%; background-position: center center; background-repeat: no-repeat;}
.ly-funding-step .i-step01{background-image:url('../img/icon_md.png');}
.ly-funding-step .i-step02{background-image:url('../img/icon_funding.png');}
.ly-funding-step .i-step03{background-image:url('../img/icon_shipping.png');}
.ly-funding-step .i-step04{background-image:url('../img/icon_product.png');}
.ly-funding-step .i-step05{background-image:url('../img/icon_preorder.png');}
.ly-funding-step span {color: #999; font-size:12px; display:block; margin:20px 0 6px;}
.ly-funding-step p {line-height: 1.38; color:#111; font-size:16px; font-weight:500;}

.ly-detail .list-group {margin-top:10px;}
.ly-detail .list-group li {font-size: 12px; font-weight: 300; line-height: 1.17; color:#111; padding-left:0;}
.ly-detail .list-group li + li {margin-top:4px;}


.tb-default.card-list {margin-top:20px;}
.tb-default.card-list td.bd-left {border-left:1px solid #eee;}
.tb-default.card-list td.no-line {border-bottom:none;}


/***** 통합검색 *****/
/* .search-layer {position:absolute; top:0; left:0; width:100%; z-index:20}
.search-layer::after {content:''; position: fixed; top:0; left:0; width:100%; height:100%; z-index:19; background:rgba(0,0,0,0.5);}
.search-layer .btn-lyclose {position:absolute; top:75px; right:60px; background:url('../img/btn_search_closed.png') no-repeat; width:30px; height:30px; text-indent:-9999px; z-index:21;}
.search-layer .layer-wrap {position:relative; z-index:20; width:1320px; margin:0 auto; padding:60px 0 40px; background:#fff;}
.search-layer .layer-wrap .w-full::after {display:block; content:""; clear:both;}
.search-layer .search-wrap {width:700px; height:60px; margin:0 auto 45px; position:relative; border-bottom:1px solid #111;}
.search-layer .search-wrap input {background:none; font-size:22px; border:none; line-height:2.72; font-weight:300; width:calc(100% - 60px); padding:0 10px;}
.search-layer .search-wrap button {position:absolute; top:0; right:0; text-indent:-9999px; width:60px; height:60px; background:url('../img/icon_search.png') no-repeat center center; } */
/* 20210928 검색영역 수정 */
.search-layer {position:absolute; top:0; left:0; width:100%; z-index:20}
.search-layer::after {content:''; position: fixed; top:0; left:0; width:100%; height:100%; z-index:19; background:rgba(0,0,0,0.5);}
.search-layer .btn-lyclose {position:absolute; top:30px; right:60px; background:url('../img/btn_search_closed.png') 50% 50% no-repeat; background-size:20px 20px; width:30px; height:30px; text-indent:-9999px; z-index:21;}
.search-layer .layer-wrap {position:relative; z-index:20; /*width:1320px; margin:0 auto;*/ padding:25px 0 40px; background:#fff;}
.search-layer .layer-wrap .w-full::after {display:block; content:""; clear:both;}
.search-layer .search-wrap {width:420px; height:40px; margin:0 auto 45px; position:relative; border-bottom:1px solid #111; box-sizing:content-box}
.search-layer .search-wrap input {background:none; font-size:14px; border:none; font-weight:400; width:calc(100% - 40px); height:40px; padding:0 25px 0 10px;}
.search-layer .search-wrap button {position:absolute; top:0; right:0; text-indent:-9999px; width:40px; height:40px; padding:0; background:url('../img/icon_search_sm.png') no-repeat center center;}

.search-layer .bef,
.search-layer .aft {padding:0 46px; min-height:460px; width: 1320px; margin: 0 auto;}
.search-layer .bef .w-full > .w-half {width:500px;}
.search-layer .bef .w-full > .w-half + .w-half {width:670px; margin-left:auto;}
.search-layer .aft .w-full > .w-half {width:566px;}
.search-layer .aft .w-full > .w-half + .w-half {width:604px; margin-left:auto;}

.search-layer .sch-tit {font-size:18px; margin-bottom:20px; position:relative; line-height:1;}
.search-layer .prd-unit {display:flex; justify-content:space-between;}
.search-layer .unit-title {font-size:18px; font-weight:700; margin-bottom:15px; line-height:1.2;}

.search-layer .brand-list .brd-name {width: calc(100% - 65px);}
.search-layer .brand-list .tx-eng {font-size: 28px;}

.banner-slide {/*width: 1320px;*/margin: 60px auto 30px;}
.banner-slide a,
.banner-slide img {display:block; }
.banner-slide a + a {margin-top:10px;}
.banner-slide .swiper-container{padding-bottom:0;}
.banner-slide .swiper-pagination {left:0; bottom:14px; width:100%; font-size:12px; color:#c7c7c7;}
.banner-slide .swiper-pagination .swiper-pagination-current {font-weight:700; color:#fff;}

.brand-list li a {display:block; text-decoration: none; position:relative; }
.brand-list .brd-img::before {content:''; position: absolute; z-index:2; width:100%; height:100%; background:rgba(17,17,17,0.3);}
.brand-list .brd-name {position: absolute; top: 50%;left: 0; transform: translateY(-50%); z-index: 3; width: 100%; font-size: 16px; line-height: 1.38; text-align:center; color:#fff; word-break: keep-all;} /* #8720 */
.brand-list .ratio::before {padding-top:calc(277/433 * 100%);}
.brand-list .tx-eng {font-size: 32px;line-height: 1.15;letter-spacing: -1.2px;/* font-family: 'Montserrat'; */display:block;margin-top:7px;text-transform: uppercase;}

.search-layer .prd-slide {width:338px; margin-left:40px;}
.search-layer .brand-slide {width:292px;}
.search-layer .brand-list .ratio::before{padding-top:calc(235/292 * 100%);}
.search-layer .unit-box .swiper-container{padding-bottom:20px;}
.search-layer .unit-box .swiper-wrap .swiper-button-prev,
.search-layer .unit-box .swiper-wrap .swiper-button-next {top:calc((100% + 20px)/2);transform:translateY(-50%);}

.recent-sch {position:relative;}
.recent-sch .btn-group {position:absolute; top:2px; left:125px;}
.recent-sch .btn-group button {font-size:12px; color:#999;}
.recent-sch .rec-list {margin:-7.5px -10px;}
.recent-sch .rec-list > a,
.recent-sch .rec-list .rec {display:inline-block; position:relative; font-size:14px; color:#666; text-decoration:none; margin:7.5px 10px; padding-right:20px; font-weight:300;}
.recent-sch .rec-list > a > button,
.recent-sch .rec-list .rec > button {text-indent:-9999px; position:absolute; top:3px; right:0; background:url('../img/btn_delete.png') no-repeat; width:9px; height:9px; margin-left:10px;}

.search-wrap .sch-form {display:flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.search-wrap .sch-form .form-search {margin-left: 0; width:420px; height: 50px; border-bottom: 1px solid #c7c7c7;} /* 20250701 */
.search-wrap .sch-form .checkbox {margin-left:30px;}
.search-wrap .tab-container {margin-top:70px;}
.search-wrap .tab-container .tab-cont {padding-top:40px;}
.search-wrap .tab-container .tab-a {margin-bottom:40px;}
.search-wrap .sch-rcm {width:100%; margin-top:100px;}
.search-wrap .sch-rcm-title {font-weight:400; margin-bottom:30px;}
.search-wrap .tag-list .tag  {font-weight:400; font-size:16px; color:#111;}


.tag-list {margin:-7.5px -12.5px; font-size:0;}
.tag-list .tag {display:inline-block; font-size:14px; color:#111; margin:7.5px 12.5px; text-decoration:none; font-weight:300;}
.trend-tag .tag-list .tag {color:#666;}

.soar-kwd .sch-tit {margin-bottom:15px;}
.soar-kwd .date {font-size:12px; color:#999; font-weight:400; position:absolute; top:4px; right:0;}
.soar-kwd .list {display:flex; justify-content:space-between; margin-top:-6px;}
.soar-kwd ul {width:230px;}
.soar-kwd ul li { border-bottom:1px solid #dedede; }
.soar-kwd ul li a {display:flex; align-items:center; justify-content: space-between; height:52px; color:#111; text-decoration:none;}
.soar-kwd ul li strong {display:inline-block; width:36px; padding-left:4px;}
.soar-kwd ul li span.text {text-align:left; flex: 1;}
.soar-kwd ul li span:not(.text) {font-size:10px; color:#111; width:30px; text-align:center; opacity:0}
.soar-kwd ul li span:not(.text):before {display:inline-block; content:""; width:8px; height:1px; background:#111;}
.soar-kwd ul li span.up {color:#fc2264; top:21px;}
.soar-kwd ul li span.up:before {width:10px; height:8px; background:url('../img/icon_up.png') no-repeat; margin-right:7px;}
.soar-kwd ul li span.down {top:22px;}
.soar-kwd ul li span.down:before {width:10px; height:8px; background:url('../img/icon_down.png') no-repeat; margin-right:7px;}
.soar-kwd ul li span.new {font-weight:500; top:22px;}
.soar-kwd ul li span.new:before {display:none;}
.auto-comp .auto-list a {display:inline-block; color:#111; margin-right:15px; margin-bottom:10px; text-decoration:none; font-weight:300;}
.auto-comp .auto-list a > span {color:#fc2264;}
.recomm-category ul li + li {margin-top:15px; }
.recomm-category ul li a {color:#111; text-decoration:none; line-height: 1;}
.recomm-prd .prd-list li  {width:188px;}
.recomm-brand .recomm-brand-list a {display:inline-block; margin-right:25px; margin-bottom:10px; font-size:0}
.recomm-brand .recomm-brand-list a img {display: none; height:15px}

.sch-re {width:500px; margin:0 auto 30px; border-bottom:1px solid #111; font-size:0;}
.sch-re input {border:none; height:50px; width:calc(100% - 50px);  font-size:16px; font-weight:400; padding:0 10px;}
.sch-re ::placeholder {font-weight: 300;}
.sch-re .btn-search {display:inline-block; vertical-align: top; width:50px; height:50px; font-size:0; background:url('../img/icon_search.png') no-repeat center center;}

.tab-anchor{margin:40px 0;}
.tab-anchor li + li {margin-left:60px;}
.tab-anchor li a {display:block; font-size:24px; color:#666; text-decoration: none; line-height: 1.5; letter-spacing: -0.6px; font-weight:400;}
.tab-anchor li.on a {color:#111;}

.anchor-wrap + .anchor-wrap {margin-top:120px;}
.anchor-wrap.anchor1 {margin-top:0;}
.anchor-wrap .exh-list:not([style*=none]) ~ .exh-list:not([style*=none]) { margin-top:70px;}

.search-wrap .sch-nodata {text-align:center; font-size:16px; color:#999; padding:100px 0; /*margin-top:-60px;*/}
.search-wrap .tag-list {text-align:center; padding:0 48px;}
.sch-re-title {text-align: center; font-size:0; margin-bottom:20px;  padding:0 48px;}
.sch-re-title .sch-title {display:inline-block; vertical-align: top;  margin-bottom:0;}
.sch-re-title .sch-key {font-size: 24px; color:#111;  letter-spacing: -0.6px; line-height:1.5; margin-left:30px;}
.sch-re-title .btn-del {display:inline-block; vertical-align: top; width:18px; height:18px; margin:8px 0 0 8px; font-size:0; background:url('../img/btn_closed.png') center center no-repeat;}

.sch-rcm {width:1228px; margin-left:auto; margin-right:auto;}
.sch-rcm-title {font-size:30px; color:#111; font-weight:700; letter-spacing: -1px; margin-bottom:40px;}
.sch-rcm + .sch-rcm {margin-top:100px;}
.sch-rcm .prd-list .name {margin-top:-2px;}
.sch-title {font-size:30px; color:#111; font-weight:500; text-align:center; margin-bottom:40px;}
.sch-title .keyword {font-weight:700; }
.sch-keygroup {margin:-40px 0 40px; text-align:center; font-size:0; padding:10px 40px 23px;}
.sch-keygroup > a {display:inline-block; vertical-align:top; color:#111; font-size:14px; margin:7px 15px; text-decoration: none; }
.search-wrap .tab-a .num {margin-left:8px;}
.search-wrap .tab-a li.on .num  {font-weight:700;}
.sch-result {display:flex; align-items: flex-start; margin-top:70px;}
.sch-result .tab-container {width:100%;}
.sch-result .tab-a {margin-bottom:0;}
.lnb-filter.on + .tab-container {width:calc(100% - 262px); }
.sch-title + .tab-a ul {justify-content: center;}
.sch-brand {margin:80px 0;}
.sch-brand .title {font-size:30px; color:#111; font-weight:500; line-height: 1.33; letter-spacing: -0.9px; margin-bottom:30px;}


/***** 로그인 *****/
.login-wrap {margin:40px auto 0;}
/* 20250611 #8795 :S */
.container > .login-wrap {margin-top: 0;}
/* 20250611 #8795 :E */
.login-wrap .page-title {margin-bottom: 50px; font-weight:400;}
.login-wrap .page-title > span {display:block; font-weight:300; line-height:1.3; color:#666; margin-top:28px; letter-spacing: 0;} /* #8795 */
.login-wrap .page-title + button {margin-top:-10px;}
.login-wrap .page-title + .sns-login {margin-top:65px;}
.login-wrap > div {display:flex; justify-content:center; width:100%;}
.login-wrap > div > .w-half {width:340px;}
.login-wrap > div > .w-half + .w-half {/* width: 370px; */margin-left:120px;}
.login-wrap a.btn {width: 100%; height: 60px; font-size: 20px; line-height:60px;} /* 20250611 #8795 */
/* #8795 :S */
.login-wrap .page-title + .tab-a {margin-top: -30px;}

.login-wrap .join-step {position: relative; display: flex; justify-content: space-between; align-items: center; margin: 20px 0 -8px; width: 100%; max-width: 168px;}
.login-wrap .join-step::after {content: ''; position: absolute; top: 50%; left: 0; z-index: -1; width: 100%; height: 1px; background: #000;}
.login-wrap .join-step span {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #000; background: #fff; font-weight: 400; font-size: 18px; line-height: 1; color: #111;}
.login-wrap .join-step span.on {background: #000; color: #fff;}
.login-wrap .btn-wrap {position: relative; margin-top: 55px;}
.login-wrap .btn-wrap .join-info {position: absolute; bottom: 59px; left: 50%; transform: translateX(-50%);}
.login-wrap .btn-wrap .join-info a {display: block; padding: 0 8px; background: #111; font-weight: 400; font-size: 16px; line-height: 36px; color: #fff; white-space: nowrap;}
.login-wrap .btn-wrap .join-info a strong {font-weight: 500;}
.login-wrap .btn-wrap .join-info a::after {content: ''; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #111;}
.login-wrap .btn-wrap .join-btn {display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; box-sizing: border-box; border: 1px solid #555; background: #fff; font-size: 20px; line-height: 1; color: #111;}
/* #8795 :E */

.form-area {width:460px;}
.form-area h3 {font-size:22px; margin-bottom:30px;}
.form-area h3 .num {font-size:24px;}
.form-area h3 .sm-txt {display:inline-block; font-size:16px; vertical-align:2px; font-weight:300; margin-left:15px;}
.form-area h3 .sm-txt span {font-weight:400;}
.form-area h3 i {display:inline-block; width:16px; height:16px; background:url('../img/icon_notice.png') no-repeat; background-size:100%; margin-left:10px;}
.form-area h3.disabled {color:#a8a8a8;}
.form-area .tx-link {font-size:14px; color:#555; text-decoration:none; vertical-align:-1px;} /* #8795 */
.form-area .no-member {margin-top: 48px; text-align: center;} /* #8795 */
.form-area .no-member a {display: inline-block; padding-bottom: 1px; font-size: 16px; color: #111; border-bottom: 1px solid #111; text-decoration: none;} /* #8795 */
.form-area .no-member p {font-size:12px; font-weight:300; color:#555; line-height:1.5; margin-top:15px;} /* #8795 */
.form-area .form-msg {font-size:12px; padding-left:0; line-height:1.67;}
.form-area .form-msg::before {display:none;}
.form-area .tab-a li a {font-size:16px; font-weight:300; border-width:1px; padding-bottom:6px;}
.form-area .tab-a li.on a {font-weight:700;}
.form-area .tab-cont .font-s16 {color:#666; line-height:1.375; word-break:keep-all; padding-top:10px; margin-bottom:35px;}
.form-area .btn-row {align-items:flex-end;}
.form-area .btn-row .form-mid-txt {font-size:16px;color:#F20084;flex: .3;padding-right:10px;} /* #8795 */
.form-area .btn-row .form-col > .btn {min-width:0; width:100%;}
.form-area .pers-idx-guide {margin-top:20px;}
/*.form-area .pers-idx-guide .accordion-title::after {right:28px;} /* #8795 해당라인 삭제 */
.form-area .pers-idx-guide .accordion-panel li {position:relative; display: flex; align-items: center;} /* #8795 */
.form-area .pers-idx-guide .accordion-panel li .tx-link {position: relative; margin-left: auto; font-size: 0; width: 40px; height: 20px;} /* #8795 */
/* #8795 :S */
.form-area .pers-idx-guide .accordion-panel li .tx-link::before {content: ''; position: absolute; top: 6px; right: 0; transform: rotate(45deg); width: 6px; height: 6px; border: 1px solid #555; border-width: 1px 1px 0 0;}
/* #8795 :E */
.form-area .pers-idx-guide .accordion-panel li label > span {display:block; font-size:12px; color:#999; margin-top:5px; margin-left:30px;}
.form-area .pers-idx-guide .accordion-panel li label > span span {margin-left:5px;}
.form-area .pers-idx-guide .accordion-panel p {font-size:12px; color:#999; margin-top:15px;}
.form-area .pers-idx-guide + .btn-area {margin-top: 50px;} /* #8795 */
.form-area .pers-idx-guide + .btn-area > .btn {width: 100%;} /* #8795 */
.form-area .pers-idx-guide + .btn-wrap {text-align:center; font-size:0}
.form-area .pers-idx-guide + .btn-wrap .btn-area {margin-top: 55px; width: 100%;} /* 20250611 #8795 */
.form-area .pers-idx-guide + .btn-wrap .btn-area + .btn-area {margin-left:10px}
.form-area .pers-idx-guide + .btn-wrap .btn-area .btn {width: 100%;} /* #8795 */
.form-area .btn-area {margin-top:25px; text-align:center;}
.form-area .info-box {background:#f5f5f5; font-size:12px; color:#666; padding:18px 20px; margin-top:30px;}
.form-area .info-box span {display:block; font-size:14px; color:#111; margin-bottom:13px;}

.login-wrap .form-row + .btn.lg {width:100%; height: 60px; border-radius: 0; font-weight: 400; font-size: 20px;} /* #8795 */
.login-wrap .btn.lg {width: 100%;} /* #8795 250602 */

.passapp-box {max-width:460px}
.passapp-box .btn-group {text-align:center; margin-top:20px;}
.passapp-box .btn-group .btn {min-width:168px;}
.passapp-box .page-sub-title {font-weight:400; line-height: 1.4;}
.passapp-box .tab-e li a {height:50px; line-height:48px; padding:0}
.passapp-box .page-sub-msg {font-size:20px; color:#111;line-height: 1.4; font-weight:400; padding:35px 0 25px}


.phone-verify .form-col:nth-child(1) {flex:1;}
.phone-verify .form-col:nth-child(2) {width:130px; margin-left:20px}
.phone-verify .form-col:nth-child(2) .form-box select {padding-right:30px}

.order-form .d-flex .btn-form {width:110px; margin-left:20px; padding:0;}
.order-form .d-flex .form-box{flex:1;}

.pers-idx-guide {margin-top:30px; background-color: #f5f5f5;}
.pers-idx-guide .ttile {padding:18px 20px;}
/* #8795 :S */
.pers-idx-guide p {margin-top: 13px; font-weight: 400; font-size: 12px; line-height: 1.5; color: #999; word-break: keep-all;}
/* #8795 :E */
.pers-idx-guide .accordion-title::after {right:20px;}
.pers-idx-guide .accordion-panel > div {padding:0 20px 20px;}
.pers-idx-guide .accordion-panel ul > li + li {margin-top:10px;}

.myinfo-unit .pers-idx-guide .accordion-title::after {display:block!important; }

.sns-login {display:flex; justify-content:center; align-items:center; margin-top:40px;}
.sns-login a {display:block; width:51px; height:51px; background:rgba(227,227,227,.8); border-radius:50%; text-indent:-9999px; font-size:0; margin:0 15px;}
.sns-login a::before {display:block; content:""; margin:0 auto; height:51px;}
.sns-login a.naver::before {background:url('../img/icon_naver.png') no-repeat center; width:18px;}
.sns-login a.kakao::before {background:url('../img/icon_kakao.png') no-repeat center; width:21px;}
.sns-login a.facebook::before {background:url('../img/icon_facebook.png') no-repeat center; width:10px;}
.sns-login a.insta::before {background:url('../img/icon_instagram.png') no-repeat center; width:20px;}
.sns-login a.appstore::before {background:url('../img/icon_appstore.png') no-repeat center; width:18px;}

/* #8795 :S */
.login-sns {display: flex; flex-direction: column; gap: 20px 0; margin-top: 56px; width: 100%;}
.login-sns a {display: flex; justify-content: center; align-items: center; gap: 0 8px; width: 100%; height: 60px; font-weight: 400; font-size: 20px; line-height: 1; color: #111; text-align: center;}
.login-sns .kakao {background: #FAE100;}
.login-sns .naver {background: #03C75A; color: #fff;}
.login-sns a::before {content: ''; display: inline-flex;}
.login-sns .kakao::before {width: 20px; height: 17px; background:url('../img/login_icon_kakao.png') no-repeat center;}
.login-sns .naver::before {width: 16px; height: 16px; background:url('../img/login_icon_naver.png') no-repeat center;}
/* #8795 :E */

.login-wrap > div > .w-half + .w-half .sns-login  {margin-left:-15px; margin-right: -15px;}

.join-area {width:auto;}
.join-area .top-txt {font-size:24px; line-height:1.25;}
.join-area .form-wrap {display:flex; justify-content:space-between; width:calc(460px*2 + 60px); margin-top:40px;}
.join-area .form-wrap > div {width:460px; position:relative;}
.join-area .form-wrap > div.disabled {pointer-events:none;}
.join-area .form-wrap > div.disabled h3 {color:#a8a8a8;}
.join-area .form-wrap > div.disabled .form-box:after {display:block; content:""; background:rgba(240,240,240,.7); width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
.join-area .form-wrap > div.disabled .pers-idx-guide {position:relative;}
.join-area .form-wrap > div.disabled .pers-idx-guide::before {display:block; content:""; background:rgba(240,240,240,.7); width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
.join-area .form-wrap > div.disabled .btn.lg.primary {background:#e9e9e9; color:#a8a8a8; border-color:#e9e9e9;}

/* #8795 :S */
.view-password {position: absolute; top: 0; right: 0; width: 28px; height: 50px; font-size: 0; background: url('../img/view_password.png') no-repeat center center/28px auto;}
.on > .view-password {background: url('../img/view_password_on.png') no-repeat center center/28px auto;}
.password-tip {display: none; margin: 10px 0 0; padding: 0 10px; width: 100%; box-sizing: border-box;}
.password-tip li {display: flex; align-items: center; font-size: 12px; color: #999; text-align: left; letter-spacing: 0;}
.password-tip li + li {margin-top: 5px;}
.password-tip li.pwd-valid {color: #111;}
.password-tip li::before {content: ''; display: inline-flex; margin-right: 2px; width: 16px; height: 16px; background: url('../img/form_fail.png') no-repeat center center/16px auto;}
.password-tip li.pwd-valid::before {background: url('../img/form_confirm.png') no-repeat center center/16px auto;}
.password-tip.focus-active {display: block;}
/* #8795 :E */

.step-box {margin-bottom: 0;} /* 20250611 #8795 */
.step-box .list-group {margin-bottom:20px;}
.step-box .list-group li,
.step-box + .list-group li {font-size:12px; color:#999; margin-top:10px;}
.step-box + .list-group {margin-bottom:40px;}

.join-complete {text-align:center;}
.join-complete .page-title span {margin-top:5px;}
.join-complete .lg.primary {font-size:24px;line-height:60px;margin:0 auto;}


.login-wrap > div.join-premium {display:block;}
.join-premium {margin:100px auto 0; max-width:1228px; padding:0 36px;}
.join-premium .page-sub-title {font-size:24px; color:#111; font-weight:400; margin-bottom: 24px;}
.join-premium .list {display:flex; align-items: stretch; }
.join-premium .list li {width:calc((100% - 36px)/ 4)}
.join-premium .list li + li {margin-left:12px;}
.join-premium .benefit-card {background:#b8a482; color:#fff;}
.join-premium .benefit-card dd strong {font-weight:500; letter-spacing: -2px;}
.join-premium .btn-group{margin-top:50px; text-align: center;}

/* 로그인 팝업 */
#lyLogin .info-txt {font-size:14px; line-height:1.43; color:#666; font-weight:300; margin-bottom:17px; word-break:keep-all;}
#lyLogin .info-txt strong {display:block; font-size:20px; line-height:1.3; color:#111; margin-bottom:15px;}
#lyLogin .list-group li {font-size:12px; color:#999; margin-top:5px;}
#lyLogin .info-id {background:#f5f5f5; border-radius:11px; min-height:90px; padding:30px; text-align:center; font-size:24px; font-weight:700; overflow-wrap:break-word;}
#lyLogin .btn-bottom-group .w-half {width:calc(50% - 5px); height: 40px; font-size: 16px; line-height: 40px;} /* #8795 */
#lyLogin .banner-area {background:#dedede; text-align:center; width:100%; height:80px; margin-top:30px;}
.noti-txt {font-size:12px; letter-spacing:-0.03em; line-height:2.43em; color:#000; font-weight:300; margin-top:20px; text-align:center; background:#eaeaea}
.noti-txt + .btn-bottom-group {margin-top:25px}


/*My baba 주문/배송조회*/
.mybaba-wrap .contents {width:1228px; margin: 0 auto;}
.mybaba-wrap .lnb-wrap {width: 170px;}
.mybaba-wrap .cont-wrap {width:calc(100% - 170px); padding-left:38px;}
.mybaba-wrap .page-title {margin-bottom:30px;}


.mybaba-wrap .page-top {margin-bottom:30px;}
.mybaba-wrap .page-top .page-title {margin-bottom:0;}

.order-period { background:#f5f5f5; padding:20px; display:flex; align-items: center; justify-content: space-between;}
.order-period .period {font-size:0;}
.order-period .btn.sm {padding:0 10px; min-width:60px;}
.order-period .btn.sm + .btn {margin-left:5px;}
.order-period .btn.sm:not(.primary) {border-color: #fff;}
.order-period .btn-period,
.order-period .btn-tx {letter-spacing: -0.36px; color:#666; font-size:12px; border-bottom-color:#666;}
.order-period .period  + .period-search {margin-left:30px;}
.mybaba-wrap .btn-period {font-size:12px;}
.page-top + .order-period {justify-content: center;}


.period-search {display:flex; align-items:center; }
.period-search .btn-search {margin-left:13px;width: 84px; min-width: 30px; height: 30px; font-size: 12px; line-height: 30px;} /* 20250611 #8795 */
.period-search .tx-mid {display:inline-block; font-size:0; width:6px; height:15px; background:url('../img/period_line.png') center center no-repeat; margin:0 17px; }
.datepicker input[type=text] {border:none; background:#fff; height:30px; width:120px; text-align: center; font-size:12px; color:#111; font-weight:500;}
.datepicker .btn-calendar {display:inline-block; vertical-align: top; width:30px; height: 30px; font-size:0; background:url('../img/icon_calendar.png') center center no-repeat; margin-left:5px;}

.myorder-unit  {margin-top:65px;}
.myorder-total {font-size:16px; color:#111; font-weight:500; margin-bottom:20px;}

.myorder-top {display:flex;flex-wrap:wrap; align-items: center; justify-content: space-between; width:100%; margin-bottom:20px;}
.myorder-top .btn-more {
    display: inline-block;  font-size: 13px; color:#111; line-height: 1.46; letter-spacing: -0.39px;
    background:url('../img/arrow_right_black.png') right center no-repeat; padding-right:20px;
}
.myorder-top .title {font-size:0; font-weight: 400;}
.myorder-top .order-no {font-size:24px;letter-spacing: -0.72px; line-height: 1.67; }
.myorder-top .date {letter-spacing: -0.36px; font-size:12px; margin-left:10px; }
.myorder-top .btn-tx {letter-spacing: -0.42px;}

.tb-order {border-top:1px solid #111; width:100%; table-layout: fixed;}
.tb-order th {font-size:14px; font-weight:400; border-bottom: 1px solid transparent; }
.tb-order thead th {color:#666; padding:13px 0; border-bottom-color:#c7c7c7;}
.tb-order tbody th {color:#111; text-align:left;  border-bottom-color:#eee; padding:20px;}
.tb-order td {padding:20px 0; border-bottom:1px solid #eee; font-size:14px; color:#111; }
.tb-order td.center {text-align: center; line-height: 1.71;}
.tb-order td.td-detail {position:relative; padding:0; border-bottom:0; }
.tb-order td > .form-box {margin:0 20px; width:calc(100% - 40px);}
.tb-order .prd-list.cart li {padding:0 20px; min-height:122px; background:none;}
.tb-order .prd-list.cart li + li{background:none; padding-top:10px; border-top:1px solid #eee; margin-top:10px;}
.tb-order .prd-list.cart .prd-info{padding-left:15px;}
.tb-order .prd-list.cart .brand{padding-top:0;}
.tb-order .prd-list.cart .prd-img{width:83px;}
.tb-order .prd-list.cart .prd-img .ratio::before{padding-top:calc(122 / 83 * 100%)}
.tb-order .prd-list.cart .brand + .name {margin-top:8px;}
.tb-order .prd-list.cart .option {margin-top:6px;}
.tb-order .prd-list.cart .total{margin-top:5px;}
.tb-order .prd-list.cart .discount {color: #fc2264;}
.tb-order .btn-tx {color:#666; border-bottom-color:#666;}
.tb-order .tx-order + .btn-tx {margin-top:5px;}
.tb-order .tx-price {line-height: 1.57;}
.tb-order .tx-price .price {font-size:16px;}
.tb-order .tx-price .price > strong {font-weight: 500;}
.tb-order .tx-delivery {color: #fc2264; line-height: 1.57;}
.tb-order .tx-delivery  strong {font-weight: 500;}
.tb-order .prd-price.font-s12 {font-size:12px;}
.tb-order .btn-list .btn.primary.black:disabled {background-color:#111; color:#fff;}
.tb-order .prd-list .tx-ovf{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal;}
.tb-order tr.gift-on td{padding-bottom:0;border-bottom:0}
.gift-wrap > td{padding: 25px 10px 25px 120px;width: 100%;}
.order-re {background:url('../img/bg_order_re.png') 42px top no-repeat; padding-left:98px; line-height:1.45;}
.btn-list li + li {margin-top:5px;}

.tb-order .multi-list li {min-height:122px; display:flex; align-items: center; justify-content: center;}
.tb-order .multi-list li + li { min-height:132px; padding-top:10px; border-top:1px solid #eee; margin-top:10px;}

.myorder-info {margin-top:60px;}
.myorder-info .page-sub-title {line-height: 1.67; letter-spacing: -0.72px; margin-bottom: 20px; font-size:24px;}
.myorder-info .notice-box:not(.c-bgff){padding:20px;}
.myorder-info .notice-box dt {font-size:16px;}
.myorder-info .notice-box .list-group li {font-size:14px; line-height: 1.43; letter-spacing: -0.35px; color:#666; font-weight:400;}
.myorder-info .list-group li + li {margin-top:10px;}
.myorder-info .list-group.number > li {font-weight:400; /*color:#111;*/}
.myorder-info .acd-box + .acd-box {margin-top:30px;}
.myorder-info .accordion-panel .c-bgf5 {padding:20px; margin-top:20px;}

.myorder-info .accordion-title .title {font-size:16px; color:#111; font-weight:500;}
.myorder-info .accordion-panel > div {margin-top:20px;}

.myorder-info .accordion-title .page-sub-title {margin-bottom:0px;}
.notice-refun .list-group.number .dash {margin-top:10px;}
.notice-refun .list-group.number .dash li {padding-left:10px; font-weight:300; }

.paging + .myorder-info {margin-top:100px;}
.myorder-unit + .myorder-info {margin-top:65px;}

.myorder-step {display:flex; align-items: stretch; justify-content: space-between;}
.myorder-step dl {position: relative; width:calc((100% - 120px) / 5); padding:0 25px 25px; background:#f5f5f5;}
.myorder-step dl+ dl::after {
    content:''; display:inline-block; position:absolute; top:50%; left:-20px; transform: translateY(-50%);
    width:11px; height:18px; background:url('../img/icon_steparrow.png') no-repeat;
}
.myorder-step dl::before{content: ''; display:block; height:122px; background-position: center center; background-repeat: no-repeat;}
.myorder-step dl:nth-child(1)::before{background-image:url('../img/icon_pay.png');}
.myorder-step dl:nth-child(2)::before{background-image:url('../img/icon_card.png');}
.myorder-step dl:nth-child(3)::before{background-image:url('../img/icon_preparing.png');}
.myorder-step dl:nth-child(4)::before{background-image:url('../img/icon_delivery.png');}
.myorder-step dl:nth-child(5)::before{background-image:url('../img/icon_done.png');}
.myorder-step dt{font-size: 16px; font-weight: 500; line-height: 1.88; letter-spacing: -0.48px; color:#111;}
.myorder-step dt strong {font-weight:700;}
.myorder-step dd {line-height: 1.5;letter-spacing: -0.36px; font-size:12px; color:#666; }

.mypay-msg {padding:20px 30px; font-size: 14px; }
.mypay-msg > p,
.mypay-msg .list-group li {font-weight: 300; color:#111;}

.mypay-info {display:flex; align-items: stretch; border-top:1px solid #111; border-bottom:1px solid #eee;}
.mypay-info > .left {border-right:1px solid #eee; width:calc(100% - 396px); }
.mypay-info > .right {width:396px; display:flex; flex-direction: column;}
.mypay-info .pay-box {padding:30px; height:100%; }
/*.mypay-info .pay-box.h100 {height: 100%;}
.mypay-info .pay-box + .pay-box {border-top:1px solid #eee;}*/
.mypay-info .pay-box + .pay-box {margin-top:auto;}
.mypay-info .title {font-size: 16px; font-weight: 400; color:#111; margin-bottom:20px;}
.mypay-info .price-list dl dt {color:#111; }
.mypay-info .price-list dl.total dt {font-weight:500;}
.mypay-info .price-list dl.total dd {font-size:20px; }
.mypay-info .price-list dl.total dd  strong {font-weight:500;}
.mypay-info .price-list dl dt .refund_info {color: #111; font-size: 13px; border-bottom: 1px solid #111;}
.mypay-info .price-list .form-row.checkbox-wrap{display: flex; align-items: center; justify-content: space-between; margin-top: 20px; font-size: 13px;}
.mypay-info .price-list .form-row.checkbox-wrap label{color: #555;}
.mypay-info .price-list .form-row.checkbox-wrap a{color: #111;}
.mypay-info .sub-msg {font-size:11px; color:#999; margin-top:20px;}
.mypay-info .date {font-size:14px; color:#666; font-weight:500;}
.mypay-info .btn-group {margin-top:20px;}
.mypay-info .btn-group .btn.sm {width: 100%; font-weight:700;}
.myorder-info .tb-default tr:last-child th,
.myorder-info .tb-default tr:last-child td {border-bottom-color:#eee;}
.myorder-info .pay-notice {display: flex; justify-content: center; flex-direction: column; height:100%;}
.myorder-info .pay-notice .text {   font-size: 16px; font-weight: 500; line-height: 1.5; color: #fc2264; text-align:center;}
.myorder-info .pay-notice .text::before{content:''; display:block; margin:0 auto 10px; width:30px; height:30px; background:url('../img/iocn_noti_b.png') no-repeat;}
/* 20220620 결제 페이지 쿠폰적용 UI 개선 */
.mypay-info .price-list .acd-data-box {flex-wrap:wrap}
.mypay-info .price-list .acd-data-box .acd-data-tit {position:relative; padding-right:20px; cursor:pointer}
.mypay-info .price-list .acd-data-box .acd-data-tit:after {content:''; display:block; position:absolute; top:50%; right:2px; width:11px; height:6px; transition:0.4s; margin-top:-3px; background:url('../img/icon_dropdown.png') no-repeat; cursor:pointer; pointer-events:none}
.mypay-info .price-list .acd-data-box .acd-data-tit.on:after {transform:rotate( -180deg )}
.mypay-info .price-list .acd-data-box .acd-data-cont {display:none; width:100%; margin-top:5px; padding:15px 25px; background:#f5f5f5}
.mypay-info .price-list .acd-data-box .acd-data-cont dl dt {position:relative; padding-left:16px; color:#666}
.mypay-info .price-list .acd-data-box .acd-data-cont dl dt:after {content:""; position:absolute; top:2px; left:0; width:8px; height:8px; border-left:1px solid #aeaeae; border-bottom:1px solid #aeaeae}
.mypay-info .price-list .acd-data-box .acd-data-cont dl dd {color:#666}

.mypay-info + .mypay-info {margin-top:40px;}
.mypay-info .date + dl {margin-top:16px;}
.mypay-info dl + .date {margin-top:16px; padding-top:16px; border-top:1px solid #eee;}
.mypay-info .price-list + .form-box{margin-top:25px;}

.mypay-info .left .h100 .price-list {min-height:calc(100% - 38px); display:flex; flex-direction: column;}
.mypay-info .left .h100  dl.total {margin-top:auto;}

.mypay-info .full-size{width:100%; height:100%; display:flex; align-items: center;}
.mypay-info .full-size > p {width:100%; text-align:center; font-size:18px; color:#111;}

.myorder-btngroup {font-size:0; text-align:center; margin-top:60px;}
.myorder-btngroup .btn + .btn {margin-left:10px;}

.mypay-info .pay-box .w-full {margin-top:-2px;}
.mypay-info .pay-box .form-box + .form-box {margin-top:10px;}
.mypay-info .form-box select {min-width:240px;padding-right:40px;}
.mypay-info .pay-row {display:flex; width:100%; }
.mypay-info .pay-row .title {width:204px;}
.mypay-info .pay-row .right {width:calc(100% - 204px);}
.mypay-info .pay-row +.pay-row  { margin-top:30px; /*padding-top:30px; border-top:1px solid #eee;*/}

.myorder-detail {padding: 0 20px 20px 118px;border-bottom:1px solid #eee;border-top:1px solid #fff;margin-top:-1px;}
.myorder-detail dl{display:flex; align-items:flex-start; width:100%; }
.myorder-detail dl + dl {margin-top:20px;}
.myorder-detail dt,
.myorder-detail dd {line-height: 1.71; font-size:14px; color:#111;}
.myorder-detail dt {width:120px;}
.myorder-detail .textarea dt {font-size: 0;}
.myorder-detail dd.auto {flex:1;}
.myorder-detail dd.end {width:280px;}
.myorder-detail dd strong{font-weight:500;}
.myorder-detail .tx-cancle {margin-top:4px;}
.myorder-detail + .tb-order {border-top:none;}
.myorder-detail .exchange-opt {font-size:0;}
.myorder-detail .before {font-size:14px; color:#999;}
.myorder-detail .after {font-size:14px; background:url('../img/icon_exchange.png') no-repeat; color:#111; padding-left:20px; margin-left:12px;}
.myorder-detail dl.form {align-items:center; flex-wrap: wrap;}
.myorder-detail .form-col.col-3{width:calc((100% - 80px)/3);}
.myorder-detail .form-box.w-left {width:230px;}
.myorder-detail textarea {padding: 12px; height: 100px; box-sizing: border-box; resize: none;}
.myorder-detail textarea {color: #111;}
.myorder-detail .tb-order td {border-bottom: 0 none;}
.myorder-detail select.placeholderOn:not(.selected) {font-weight: 400;}


.myorder-detail.c-bgf5 {position:relative; padding-top:20px; padding-left:290px; border-bottom:none;}
.myorder-detail.c-bgf5 h4 {position:absolute; top:20px; left:20px; font-size:14px; color:#111; font-weight:500;}

.mybaba-header {background:#f5f5f5; margin:-20px -46px 50px; padding:40px 0; }
.mybaba-header.premium {background:#eae3d9;}
.mybaba-header .d-flex {position: relative; align-items: center; width:1320px; margin:0 auto; }
/*.mybaba-header::after{content: ''; position: absolute; left:50%; bottom:0; width:calc(100vw - 17px); height:1px; background:#999; transform: translateX(-50%);}*/
.mybaba-header .date {font-size:16px; color:#111; letter-spacing: -0.4px; margin-top:14px;}
.mybaba-header .date span {font-weight:400;}

.mybaba-util {display:flex; align-items: stretch; }
.mybaba-util dl {position:relative; text-align:center; min-width:140px;}
.mybaba-util dl .tool-tip {position:absolute; display:block; top:-30px; left:50%; font-size:12px; color:#fff; border-radius:10px; white-space:nowrap; background:#fc2264; padding:3px 8px; -webkit-transform:translate(-50%,0); transform:translate(-50%,0)}
.mybaba-util dl .tool-tip:before {content:""; position:absolute; top:100%; left:50%; border-top:5px solid #fc2264; border-left:5px solid transparent; border-right:5px solid transparent; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
.mybaba-util dl .tool-tip:after {content:""; display:inline-block; vertical-align:top; width:5px; height:5px; margin-top:6px; margin-left:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform-origin:50% 50%; transform:rotate(45deg)}
.mybaba-util dl.m-lv {width:200px;}
.mybaba-util dt {line-height: 1.5; letter-spacing: -0.48px; font-size: 16px; font-weight: 300;}
.mybaba-util dd {letter-spacing: -0.6px; font-size: 20px; font-weight: 500; color:#111; margin-top:12px; }
.mybaba-util dl::before{content:''; display:inline-block; vertical-align: top; background-repeat: no-repeat; width:42px; height:42px; margin-bottom:8px;}
.mybaba-util dl.m-total::before{background-image:url('../img/icon_mtotal.png');}
.mybaba-util dl.m-point::before{background-image:url('../img/icon_mpoint.png');}
.mybaba-util dl.m-mileage::before{background-image:url('../img/icon_mileage.png');}
.mybaba-util dl.m-coupon::before{background-image:url('../img/icon_mcoupon.png');}
.mybaba-util dl.m-gift::before {background-image:url('../img/icon_gift.png');}
.mybaba-util dl.m-lv.lv1::before{background-image:url('../img/icon_lv_family.png');}
.mybaba-util dl.m-lv.lv2::before{background-image:url('../img/icon_lv_red.png');}
.mybaba-util dl.m-lv.lv3::before{background-image:url('../img/icon_lv_silver.png');width:44px; height:44px; margin-bottom:4px;}
.mybaba-util dl.m-lv.lv4::before{background-image:url('../img/icon_lv_gold.png'); }
.mybaba-util dl.m-lv.lv5::before{background-image:url('../img/icon_lv_vip.png');}
.mybaba-util dl.m-lv.lv6::before{background-image:url('../img/icon_lv_vvip.png');}
.mybaba-util dl.m-lv.lv7::before{background-image:url('../img/icon_lv_platinum.png');}
.mybaba-util dl.m-lv.lv8::before{background-image:url('../img/icon_lv_diamond.png');}
/* 20240214 #4785 회원등급 및 혜택 변경 대응 > 등급별 아이콘 리뉴얼 */
.mybaba-util dl.m-lv::before{content:""; background-size:100% auto}
.mybaba-util dl.m-lv.lv11::before{background-image:url(../img/icon-rank-new-pink.png)}
.mybaba-util dl.m-lv.lv12::before{background-image:url(../img/icon-rank-new-red.png)}
.mybaba-util dl.m-lv.lv13::before{background-image:url(../img/icon-rank-new-gold.png)}
.mybaba-util dl.m-lv.lv14::before{background-image:url(../img/icon-rank-new-black.png)}
.mybaba-util dl.m-lv.lv15::before{background-image:url(../img/icon-rank-new-platinum.png)}


.mybaba-util dl + dl {margin-left:20px;}

.mybaba-util dl.m-sell::before {background-image:url('../img/icon_msell.png')}
.mybaba-util dl.m-mileage.plus::before {background-image:url('../img/icon_mileage_1.png')}
.mybaba-util dl.m-mileage.minus::before {background-image:url('../img/icon_mileage_2.png')}
.mybaba-util dl.m-point.plus::before {background-image:url('../img/icon_mpoint_1.png')}
.mybaba-util dl.m-point.minus::before {background-image:url('../img/icon_mpoint_2.png')}
.mybaba-util dl.m-coupon.plus dd {padding-left:0; text-align:center;}
.mybaba-util dl.m-coupon.plus::before{display:none;}
.mybaba-util dl.m-coupon.minus::before {background-image:url('../img/icon_mcoupon_2.png')}

.tb-order .fl-profile{display:inline-block; vertical-align: top;}

.mybaba-meminfo {line-height: 1.67; font-size: 24px; color:#111; font-weight: 300; letter-spacing: -0.72px;}
.mybaba-meminfo .name {font-weight:500;}
.mybaba-meminfo .fl-flag{ margin:10px 0 0 10px;}

.myinfo-unit {margin-top:70px;}
.myinfo-unit .title{font-size: 24px; line-height: 1.67; letter-spacing: -0.72px; }
.myinfo-unit .title .sub-tx {font-size: 14px; letter-spacing: -0.42px; color:#666; font-weight:400; margin-left:10px;}

.myinfo-unit .title .sub-tx.bottom {display: block;line-height: 1.3;margin: 5px 0;}
.myinfo-unit .title.sm {font-size:16px; font-weight:500;}

.myorder-top .d-flex {align-items: center; width:100%;}

.myinfo-notice {display:flex; align-items: center; justify-content: space-between; margin:-30px 0 60px;}
.myinfo-notice .title { width:300px; font-size:16px; font-weight: 300; line-height: 1.5; letter-spacing: -0.48px; color:#111;}
.myinfo-notice .tx-notice{font-size: 20px; line-height: 1.4; letter-spacing: -0.6px; margin-top:10px;}
.check-password .form-box {width:670px; }
.check-password + .btn-group .btn,
.check-password .btn-group .btn {min-width:140px; height: 40px; font-size: 20px; font-weight: 400; line-height: 40px;} /* 20250611 #8795 */

.myinfo-notice .w-full .title {width:100%; font-size: 20px; line-height: 1.4; letter-spacing: -0.6px;}

.myinfo-unit .tb-order td {line-height: 1.57;}
.myinfo-unit .tb-order .badge {display:block; width:75px; margin:4px auto 0; height:22px; line-height:22px; padding:0 5px; text-align:center;}

.myinfo-unit .list-group.dash li + li {margin-top:10px;}

.tb-util {display:flex; align-items: center;}
.tb-util .btn-group {margin-left:auto;}
.tb-util + .tb-order {margin-top:25px;}

.mypoint-box {display:flex; align-items: center; justify-content: space-between; border-top:1px solid #111; padding:20px 25px;}
.mypoint-box .tx-mid {font-size: 20px; font-weight:500; color:#111;}
.mypoint-box dl{width:200px; height:200px; border-radius: 50%; padding-top:49px;}
.mypoint-box dl + dl {margin-left:-26px;}
.mypoint-box .minus dl {background-color: rgba(252, 34, 100, 0.2);}
.mypoint-box .minus.premium dl {background-color:rgba(184, 164, 130, 0.3);}
.mypoint-box .plus dl{background-color:rgba(17, 17, 17, 0.2);}
.mypoint-box.baba-premium {border-top:none; justify-content: center; padding:0;}

.mypoint-box .mybaba-util dl::before {width:42px; height:42px;}
.mypoint-box.c-bgf5 {border-top:none; padding:0;}
.mypoint-box.c-bgf5 .mybaba-util  {display: flex; width:100%;} /* #9697 */
.mypoint-box.c-bgf5 .mybaba-util dl {flex: 1;} /* #9697 */
.mypoint-box.c-bgf5 .mybaba-util dl + dl {margin-left:0;}

.mypoint-box.dis-list .mybaba-util dl {width:20%; padding:20px 0; height:140px;}
.mypoint-box.dis-list .mybaba-util dt {font-size:14px; font-weight:400; line-height:1.4; padding-top:2px;}
.mypoint-box.dis-list .mybaba-util dd {font-weight:400; margin-top:5px; line-height:1;}

.mybaba-friends {margin-top:60px;}
.mybaba-friends .page-sub-title {display:block; text-align: center; margin-bottom:40px;}
.mybaba-friends .point-box{display:flex; align-items: stretch;  justify-content: center;}
.mybaba-friends .point-box dl {width:200px; height:200px; border-radius: 50%; background-color:rgba(17, 17, 17, 0.2); text-align:center;}
.mybaba-friends .point-box dl + dl {margin-left:-26px;}
.mybaba-friends .point-box dt { display:flex; align-items:center; justify-content: center; min-height: 48px; font-size:16px; line-height:1.5; letter-spacing: -0.48px; margin-top:52px;}
.mybaba-friends .point-box dd {font-size:20px; font-weight:500; color:#111; letter-spacing: -0.6px; margin-top:12px;}
.mybaba-friends .step-box {margin-top:60px; display:flex; align-items: stretch;  }
.mybaba-friends .step-box dl {position:relative; text-align:center; background-color: #f5f5f5; width:calc((100% - 120px) / 3); padding:30px 0;}
.mybaba-friends .step-box dl + dl {margin-left:60px;}
.mybaba-friends .step-box dl + dl::after{content:''; position:absolute; top:50%; left:-30px; display:inline-block; vertical-align: top; width:11px; height:18px; background:url('../img/icon_steparrow.png') no-repeat; transform: translate(-50%, -50%);}
.mybaba-friends .step-box dt {font-family:'Montserrat'; font-size:18px; font-weight:600; letter-spacing: -0.45px; line-height:1.67; }
.mybaba-friends .step-box dd {font-size:16px; line-height:1.5; margin-top:10px; padding:0 15px;}
.mybaba-friends .step-box .btn-sns {margin-top:20px; font-size:0; animation: blink 1.5s linear infinite; }
.mybaba-friends .step-box .i-sns {width:40px; height:40px; background-size: contain;}
.mybaba-friends .step-box .i-sns + .i-sns {margin-left:15px;}
@keyframes blink{
    25% { opacity: 1; }
    50% { opacity: 0;}
    75% { opacity: 1;}
}
.mybaba-friends .list-group li {font-size:14px; font-weight:300;}
.myinfo-unit .notice-box .list-group li {font-size: 14px; line-height: 1.43; letter-spacing: -0.35px; font-weight:400;}
.myinfo-unit .notice-box .list-group li + li {margin-top:10px;}
.myinfo-unit .notice-box .list-group li a {font-weight: 500; color: #111; text-decoration: underline;} /* #8716 */
.myinfo-unit .notice-sub-msg {color: #666; font-size: 14px; letter-spacing: -0.42px; text-align:center; margin-top:20px;}

.myinfo-unit .notice-box .notice-sub-msg {margin-top:0; color:#111; font-weight: 500;}


.myinfo-box {border-top:1px solid #111; border-bottom:1px solid #eee; padding:20px; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.myinfo-box .w400 {width:400px;}
.myinfo-box .w-auto  {flex:1;}

.member-info .w150 {display:inline-block; min-width:150px;}
.member-info .form-box.email {width:400px; margin:0;}
.member-info .join-area {width:460px;}
.member-info .btn-area {margin-top:20px; text-align:center;}
.member-info .btn-area .btn {min-width:160px;  font-size: 18px;}

.myinfo-box .info-edit {display:flex; align-items: flex-start; width:100%;}
.myinfo-box .info-edit + .info-edit {padding-top:20px; margin-top:20px; border-top:1px solid #eee;}
.myinfo-box .info-edit > div {width:25%;}
.myinfo-box .info-edit .checkbox .date {display:block; line-height: 1.25; letter-spacing: -0.36px; font-size:12px; margin-top:5px; padding-left:30px;}
.myinfo-box .sns-join .sns {display:flex; align-items: center; flex-wrap: wrap; font-size: 12px; line-height: 1.25; letter-spacing: -0.36px; color:#111; height:60px;}
.myinfo-box .sns-join .sns > p {width:calc(100% - 70px);}
.myinfo-box .sns-join .sns > p .btn-tx {margin-top:10px;}
.myinfo-box .sns-join .sns::before{content:''; display: inline-block; width:50px; height:50px; background-repeat: no-repeat; margin-right:20px; background:url('../img/icon_sns.png') no-repeat;}
.myinfo-box .sns-join .sns.naver::before {background-position: 0 0;}
.myinfo-box .sns-join .sns.kakao::before {background-position-y:-50px;}
.myinfo-box .sns-join .sns.facebook::before {background-position-y:-100px;}
.myinfo-box .sns-join .sns.instar::before {background-position-y:-150px;}
.myinfo-box .sns-join .sns.apple::before {background-position-y:-200px;}
.myinfo-box .sns-join .sns.on::before{background-position-x: -50px;}
.myinfo-box .sns-join .sns .btn-tx {border-bottom-color:#666; font-size:12px;}
.myinfo-box + .tb-util .btn-tx {color:#666; border-bottom-color:#666;}
.myinfo-box + .tb-util .btn-tx + .btn-tx {margin-left:20px;}

.myinfo-unit .btn-group {font-size:0; text-align: center;}
.myinfo-unit .btn-group .btn.sm {min-width:125px;}

.mybaba-complete {text-align:center; margin:100px 0;}
.mybaba-complete .page-title + .btn-group {margin-top:50px;}
.mybaba-complete .page-title + .btn-group .btn {font-weight:400; font-size:20px; min-width:240px;}
.mybaba-complete .page-title + .btn-group .btn + .btn {margin-left:20px;}
.mybaba-complete .btn.lg:not(.primary) {border-color:#111; color:#111;}
.mybaba-complete .page-title > strong {font-weight:500;}

.myinfo-unit .mypay-info .pay-type {padding:20px 0;}
.myinfo-unit .mypay-info .pay-type .radio {width:142px;}

.myinfo-unit .notice-box.c-bgff {background:#fff; padding:0;}
.myinfo-unit .notice-box.c-bgff dt {font-weight:500; font-size:16px;}
.myinfo-unit .tb-default + .btn-group {margin-top:-20px;}

.notice-premium{width:500px; margin:0 auto; color: #666; font-size:14px;}
.notice-premium strong {display:block; font-weight:400; font-size: 20px; letter-spacing: -0.5px; margin-bottom:20px; color:#111;}
.notice-premium strong > span {font-weight: 500;}
.mybaba-complete .page-title  + .notice-premium{margin:40px auto 50px;}

.myinfo-notice .tx-notice .c-gray1 {line-height: 1.6;}
.premium-benefits ul:not(.list-group) {display:flex; align-items: stretch; justify-content: space-between; gap: 0 20px;} /* #9697 */
.premium-benefits ul.n5 {gap: 0 15px;} /* #9697 라인추가 */
.premium-benefits ul li {flex: 1;} /* #9697 라인추가 */
.premium-benefits li.col-2 {width:calc(50% - 10px)}
.premium-benefits.list-col2 > ul {flex-wrap:wrap}
.premium-benefits.list-col2 > ul li.col-2 {position:relative; display:flex; flex-direction:column; width:calc(50% - 10px); flex: none;}
.premium-benefits.list-col2 > ul li.col-2:nth-child(n+3) {margin-top:20px}
.premium-benefits.list-col2 > ul li.col-2 .list-group {margin-top:55px}
.premium-benefits.list-col2 > ul li.col-2 .list-group li {position:relative; padding-left:8px}
.premium-benefits.list-col2 > ul li.col-2 .list-group li ~ li {margin-top:10px}
.premium-benefits.list-col2 > ul li.col-2 .list-group.reference > li::before {content:"* "; position:absolute; top:1px; left:0; margin-left:0}
.premium-benefits.list-col2 > ul li.col-2 .list-group span {display:block}
.premium-benefits.list-col2 > ul li.col-2 .list-group .btn-tx {display:inline-block; margin-top:10px}
.premium-benefits .benefit-card {position:relative;}
.premium-benefits .benefit-card dt {font-weight: 400; font-size: 16px;} /* #9697 라인추가 */
.premium-benefits .benefit-card dt strong {font-size:16px;}
.premium-benefits .benefit-used dt,
.premium-benefits .benefit-used dd:not(.used){opacity: 0.1;}
.premium-benefits .used {
    position: absolute; top:0; left:0; background:rgba(255,255,255,0); width:100%; height:100%; z-index:3;
    display:flex; align-items: center; justify-content: center; font-size:20px; color:#666;
}
.premium-benefits .list-group .d-flex {width:100%;}
.premium-benefits .col-2 .benefit-card  { padding:40px 36px; min-height:200px;}
.premium-benefits .col-5 .benefit-card {padding:15px 30px; min-height:105px;}
.premium-benefits .col-5 .benefit-card dd {font-size:24px;}
.premium-benefits .n5 .benefit-card {padding: 20px;} /* #9697 라인추가 */
.premium-benefits .n5 .benefit-card dd {font-size: 24px;} /* #9697 라인추가 */

.premium-benefits .col-4 {width:calc((100% - 72px)/4);}
.premium-benefits .col-4 + .col-4 {margin-left:24px;}
.premium-benefits .col-5 {width:calc((100% - 40px)/5);}
.premium-benefits .col-5 + .col-5 {margin-left:10px;}
.premium-benefits dl:not(.benefit-card) {position: relative; background-color:#eee; border-radius: 6px; color: #111; overflow: hidden; }
.premium-benefits dl::before,
.premium-benefits dl::after {content:''; display:inline-block; position:absolute; z-index:1; border-radius: 50%; background:#fff;  width:20px; height:20px; top:50%; }
.premium-benefits dl::before {left:0; transform: translate(-50%,-50%);}
.premium-benefits dl:not(.benefit-used)::after {right:0; transform: translate(50%,-50%);}
.premium-benefits dt {font-size: 20px; letter-spacing: -0.5px;}
.premium-benefits dt .sub-tx {display:block; letter-spacing: -0.3px; font-size: 12px; margin-top:10px;}
.premium-benefits dd {/*font-weight: 500;*/ line-height: 1.25; text-align:right;}
.premium-benefits dl.used {background-color:rgba(17,17,17,0.3); }
.premium-benefits dl.used dt::before{content:'사용완료'; width:100%; height:100%; position: absolute; top:0; left:0;font-size: 20px; font-weight: 500; text-align:center; color: #fc2264;  }
.premium-benefits dl.used dt, .premium-benefits dl.used dd {color:rgba(17,17,17,0.3);}
.premium-benefits dl.always {background-color:#b8a482; color:#fff;}
.premium-benefits .col-5 dl:not(.benefit-card) {padding:20px 30px;}
.premium-benefits .col-5 dl:not(.benefit-card) dd {margin-top:40px; font-size: 28px; }
.premium-benefits .col-4 dl {padding:30px 36px;}
.premium-benefits .col-4 dt {min-height:55px;}
.premium-benefits .col-4 dd {font-size: 32px; letter-spacing: -1.9px; margin-top:50px; }
.premium-benefits .col-4  dl.used dt::before {padding-top:110px; height:calc(100% - 110px);}
.premium-benefits .list-group {margin-top:10px;}
.premium-benefits .list-group li {color:#666; font-size: 12px; line-height: 1.17; padding-left:14px;}
.premium-benefits .list-group.reference li::before{margin-left:-14px;}
.premium-benefits .list-group .btn-tx {font-size:12px; color:#666; border-bottom-color: #666; padding-bottom: 1px;}

.ly-memberList .scroll-wrap{max-height:400px;}
.ly-memberList .tb-default.type2 td {font-size:16px;}


.myfl-total {/*border-top:1px solid #111;*/ display:flex; align-items: center; justify-content: flex-start; padding:15px 0;}
.myfl-total dl {display:flex; align-items: center; font-size: 16px;color: #111;}
.myfl-total dl + dl {margin-left:60px;}
.myfl-total dd {margin-left:20px;}

.myfl-status {padding:30px 0; margin-bottom:20px;}
.myfl-status .mybaba-util{width:100%; }
.myfl-status .mybaba-util dl {width:33.3333%;}
.myfl-status .mybaba-util dt,
.myfl-status .mybaba-util dd {padding-left:142px; text-align:left;}
.myfl-status .mybaba-util dt {font-size:14px; color:#111; line-height:1; font-weight:400;}
.myfl-status .mybaba-util dd {margin-top:5px;}
.myfl-status .mybaba-util dl::before {float:left; margin:0 0 0 80px;}

.m-offline {display:flex; align-items: center;}
.m-offline > p{margin-right:20px;}
.m-offline .btn-notice { width:30px; height:30px; background-image:url('../img/icon_notice2.png'); margin-left:10px;}

.mcoupon-box dt {font-size:20px;}
.mcoupon-box dd {font-size:14px; line-height:1.57;}

.myfl-status .mybaba-util dl.m-friend::before {background-image:url('../img/icon_mfriend.png');}
.myfl-status .mybaba-util dl.m-friend-code {padding:0 30px;}
.myfl-status .mybaba-util dl.m-friend-code::before{display:none;}
.myfl-status .mybaba-util dl.m-friend-code dt,
.myfl-status .mybaba-util dl.m-friend-code dd {padding-left:0;}
.myfl-status .mybaba-util dl.m-friend-code dt {text-align:center;}
.myfl-status .mybaba-util dl.m-friend-code [type=text] {background:transparent}

.myfl-status.friends {margin-top:20px; border-top:1px solid #111;}

.myfl-period {font-size: 16px; font-weight:500; letter-spacing: -0.48px; color:#111; margin-bottom:20px;}
/*.order-period.myfl {margin-top:-40px;}*/
.order-period .left,
.order-period .right {display:flex; align-items: center;}
.order-period select {background:#fff url('../img/form_select.png') no-repeat calc(100% - 10px) 50% ;border-color:#eee; width:120px; height:30px; padding:5px; font-size:12px;}
.order-period select + select {margin-left:20px;}
.order-period label {font-size:16px; letter-spacing: -0.48px; color:#111; }
.order-period .radio  {margin-right:20px;}

.myfl-post.btn-group {text-align:center; margin-bottom: 30px;}
.myfl-postlist {display: flex; align-items: stretch; flex-wrap: wrap;}
.myfl-postlist li {width:25%; position: relative;}
.myfl-postlist li > a {display:block; }
.myfl-postlist li > a::before {content:''; position:absolute; top:0; right:0; width:100%; height:100%; z-index:1; opacity: 0.4; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000);}
.myfl-postlist .abs-box {position:absolute; bottom:0; left:0; width:100%; z-index:2; color:#fff;padding:12px; display:flex; align-items: center; justify-content: space-between; }
.myfl-postlist .like {font-size: 14px; font-weight: 600; line-height:16px;}
.myfl-postlist .like::before{ content:''; display:inline-block; vertical-align: top; width:18px; height:16px; background:url('../img/btn_wish_white.png') 0 -16px no-repeat; background-size:18px; margin-right:6px;}
.myfl-postlist .date {font-size: 14px; color:#fff; margin-top:5px;}
.myfl-postlist .btn-play {font-size:0; display:inline-block; width:20px; height:21px; background:url('../img/icon_play.png') no-repeat;  pointer-events: none;}
.myfl-postlist .pause::after {content:''; position: absolute; top:0; left:0; width:100%; height: 100%; z-index:1; background:rgba(17,17,17,0.6);}
.myfl-postlist .btn-pause {position: absolute; z-index:4; top:50%; left:50%; transform: translate(-50%, -50%); line-height:30px;}
.myfl-postlist .img.vod::after{content:''; position:absolute; top:50%; left:50%; width:40px; height:40px; transform: translate(-50%, -50%); z-index:3; background:url('../img/btn_play_sm.png') no-repeat;  background-size:contain;}
.myfl-postlist .waiting .img img {filter: blur(5px); -webkit-filter: blur(5px);}



.post-detail { display:flex; align-items: stretch; justify-content: space-between;}
.post-detail .profile {padding:20px 0 30px;}
.post-cont .scroll-wrap {height:calc(100% - 20px);}
.post-cont {font-size: 16px; color:#111; line-height: 1.63; letter-spacing: -0.48px; height:calc(100% - 134px);}
.post-cont .hashtag-list{margin:35px 0 10px;}
.post-top {display: flex; align-items: center; justify-content: space-between; margin-bottom:20px;}
.post-top .title {font-size: 16px; font-weight: 500; color:#111; letter-spacing: -0.48px;}
.post-top .post-util {display:flex; align-items: center;}
.post-top .post-util span,
.post-top .post-util .btn { font-size:13px; color:#111;}
.post-top .post-util .btn {padding-bottom:1px; margin-left:20px;}
.post-bottom {display: flex; align-items: center; justify-content: space-between;}
.post-bottom .date {color:#666; font-size:14px;}
.post-bottom .like {font-size:14px; color:#c7c7c7; font-weight: 500; line-height:24px; padding:0;}
.post-bottom .like::before{content:''; display:inline-block; vertical-align: top; width:28px; height:24px; background:url('../img/btn_wish_black.png') no-repeat; margin-right:10px;}
.post-bottom .like.on{color:#111;}
.post-bottom .like.on::before {background-position-y: -25px;}
.post-cont .scroll-wrap .mCustomScrollBox {height:inherit;}

.post-slide .btn-vod {font-size:0; position:absolute; top:50%; left:50%; width:60px; height:60px; transform: translate(-50%, -50%); z-index:3; background:url('../img/btn_play_sm.png') no-repeat;}
.post-vod {position: relative; display:block; }
.post-vod::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(17, 17, 17, 0.2); z-index:2; }
.post-vod.on::before {opacity: 0; pointer-events: none;}
.post-vod.on .btn-vod{display:none;}
.post-vod video{width:100%;margin-top:21.87%; }
.post-vod .ratio::before{padding-top:56.26%; }

.mybaba-wrap .post-vod{height:480px;}
.channel-wrap .post-vod {height:600px;}

.baba-enter .form-area { width:840px;}
.baba-enter .page-sub-title {display:block; margin-bottom:30px;}
.baba-enter .page-sub-txt {font-size:20px; letter-spacing: -1px; margin-bottom:40px;}
.baba-enter .btn-group {margin-top:40px; font-size:0; text-align:center;}
.baba-enter .scroll-wrap {max-height:200px; line-height:1.6; padding:10px 0 10px 30px;}
.baba-enter .chk-list { margin: 20px 0 30px;}
.baba-enter .chk-list .title { font-size: 20px; font-weight: 400;}
.baba-enter .chk-list .radio + .radio { margin-left: 20px;}
.baba-enter .mg-t-20 + .form-row { margin-top: 10px;}
.baba-enter .ent-step {display: flex; align-items: stretch; gap: 48px; margin-bottom: 40px;}
.ent-step dl { position:relative; text-align:center; flex:1; padding:30px 15px; background-color:#f5f5f5;}
.ent-step dl::before { content: ''; display: block; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto 20px;}
.ent-step dl + dl::after { content: ''; position:absolute; top:50%; left:-29px; display:inline-block; width: 11px; height:18px; background:url('../img/icon_steparrow.png') no-repeat; transform:translateY(-50%);}
.ent-step dl:nth-child(1):before { background-image: url('../img/ico_affi01.png');}
.ent-step dl:nth-child(2):before { background-image: url('../img/ico_affi02.png');}
.ent-step dl:nth-child(3):before { background-image: url('../img/ico_affi03.png');}
.ent-step dt { font-size: 16px; margin-bottom:15px;}
.ent-step dt strong { display: block; margin-bottom:15px; font-weight:bold;}
.ent-step dd { color:#666; font-size: 12px; letter-spacing: -0.6px; line-height: 1.3;}

/*BEST */
.best-wrap .date {font-size:12px;}
.best-wrap .component-box {margin-bottom:0;}
.best-wrap .tab-a {margin-bottom:40px;}
/* #8720 :S */
.best-wrap .tab-a li + li {margin-left: 20px;}
.best-wrap .tab-a li a {padding: 8px 0; font-size: 18px;}
.best-wrap .tab-a li.on a {font-weight: 700;}
.best-wrap .tab-a.first_category {margin-bottom: 10px;}
.best-wrap .tab-a.first_category li a {border-bottom: 0 none;}
.best-wrap .tab-a.second_category li a {font-size: 16px;}
.best-wrap .tab-a.second_category li.on a {border-bottom-width: 3px;}
/* #8720 :E */
.best-wrap .page-title .num {font-weight: 500;}
.best-wrap .total +  .date {margin-left:30px;}

.component-box + .component-box {margin-top:120px;}
.component-box .hashtag-list .tag {font-size:18px; line-height:1; padding:13px 20px 11px}
.component-box .tab-a {margin-bottom:40px;}


.lnb-wrap .dep1-title {font-size:30px; font-weight:300; margin-bottom:20px; line-height:1.33;}
.lnb-wrap .tab-ui + .filter-wrap {margin-top:100px;}
.pos-rel .date {position:absolute; top:8px; left:0; font-size:12px; color:#666;}
.lnb-title {font-size:30px; font-weight:300; margin-bottom:20px;}

.hd-top {position:relative; margin-bottom:32px;}
.hd-top .page-title {display:inline-block;}
.hd-top .page-title + .date {position:relative; display:inline-block; margin-left:20px;}
.hd-top .btn-arrow {position:absolute; top:10px; right:0;}

.prdli-wrap .pos-rel {margin-top:25px;}
/*.prdli-wrap .tab-c {padding-bottom:21px; border-bottom:1px solid #eee; }*/
.prdli-wrap .tab-c ul {justify-content:flex-end;}
/* #8720 :S 수정 및 추가*/
.prdli-wrap .tab-c li + li {margin-left: 20px;}
.prdli-wrap .tab-c li a {font-size: 13px;}
/* #8720 :E */
.prdli-wrap div + .sort-cont {margin-top:40px;}

/* #8720 :S 기존 css 삭제 및 수정 */
.brand-list.rank {display: grid; gap: 60px 20px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.brand-list.rank li ,
.brand-list.rank li + li {margin: 0;}
.brand-list.rank li a {overflow: hidden; display: block; position: relative;}
.brand-list.rank .ratio::before {padding-top: calc(462/740 * 100%);}
.brand-list .rank {position: absolute; top: 0; left: 0; z-index: 5; width: 38px; height: 38px; background: #111; font: 700 20px/38px 'Montserrat'; color: #fff; text-align: center;} /* #8720 */
.brand-list.rank .brd-name {font-weight:500;}
.brand-list.rank .tx-eng {font-weight:400;}
/* #8720 :E */

.data-kwd ul {display:flex;}
.data-kwd ul li {width:calc(100%/6); height:100%; border-radius:50%; overflow:hidden; position:relative;}
.data-kwd ul li::before {display:block; content:""; width:100%; height:100%; padding-top:calc(218 / 218 * 100%);}
.data-kwd ul li a {display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff;}
.data-kwd ul li a::before {display:block; content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:#111; opacity:.4;}
.data-kwd ul li a span {z-index:1;}
.data-kwd ul li + li {margin-left:43px;}

/* #8720 기존 css 삭제
/* #8720 */

/* 이벤트 */
.event-wrap .tab-b {margin-bottom:20px;}
.event-wrap .tab-b li a {line-height: 54px;}
/*.event-wrap .tab-b ul li a {font-weight:300;}
.event-wrap .tab-b ul li.on a {font-weight:700;}*/
.event-wrap .page-title {margin-bottom:40px;}
.event-wrap .page-title.premium {margin-top:80px; color:#a38853;}
.event-wrap .exh-list .badge-group {top:20px; left:20px;}
.event-wrap .exh-list .badge {position:relative; top:0; left:0;}
.event-wrap .exh-list .brd-name {display:inline-block; }
.event-wrap .exh-list .brd-name::after {display:inline-block; content:""; width:2px; height:11px; background:#111; margin:0 10px; vertical-align:0px;}
.event-wrap .exh-list .title .row2 {display:-webkit-box; max-height:72px; line-height:1.5; -webkit-line-clamp:2; word-wrap:break-word; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.event-wrap .w-full .cont-wrap {width:calc(100% - 262px);}
.event-wrap .brd-thum {margin-bottom:20px;}
.event-wrap .brd-thum .img {width:60px; height:60px;}
.event-wrap .brd-thum p {font-size:24px; font-weight:500;}
.event-wrap .brd-thum .tx-eng {font-size:14px; color:#111; font-weight:400; margin-bottom:4px;}
.event-wrap .w-full {display:flex;}
.event-wrap .tab-a li.on a {font-weight:500;}
/* .event-wrap .tab-a.tab-swiper {overflow-x:hidden}
.event-wrap .tab-a.tab-swiper{overflow-x:scroll; overflow-y:hidden}
.event-wrap .tab-a.tab-swiper::-webkit-scrollbar {opacity:0} */
.event-wrap .is-sticky .tab-a.tab-swiper {z-index:10 !important; background:#fff}
.event-wrap .is-sticky .tab-a.tab-swiper:after {content:""; position:absolute; top:0; left:50%; display:block; margin-left: -50vw; width:100vw; height:50px; border-bottom:1px solid #eee; background:#fff}
.event-wrap .tab-a.tab-swiper li {width: auto; white-space:nowrap}
.event-wrap .temp-title {margin:0; padding: 40px 0}
.event-wrap .temp-box:not(:first-of-type) .temp-title {margin-top:0}
.event-wrap .temp-box .filter_area {position:relative; width:100%; margin:20px 0 20px; text-align:right}
.event-wrap .temp-box .temp-title + .filter_area {margin:-30px 0 20px}
.event-wrap .temp-box .filter_area:after {content:""; display:block; clear:both}
.event-wrap .temp-box .filter_area .prd-option {font-size:0}
.event-wrap .temp-box .filter_area .prd-option select {padding-right:20px; text-align:right; font-size:13px; border:none; background:url(https://image.babathe.com/upload/specialDisplay/htmlImage/2020/bg_pc_form_select_sm.png) 100% 50% no-repeat}
.event-wrap .temp-box .prd-list {padding-bottom:50px}

.event-wrap .exh-list.evt-time ul {gap: 80px 20px;}
.event-wrap .exh-list.evt-time .time-spacial { margin: 0; width: calc((100% - 80px )/5);}
.event-wrap .exh-list.evt-time .time-spacial:nth-child(n+5) { margin-top: 0;}

.event-wrap .exh-list + .detail-unit { margin-top:70px;}
.event-wrap .benefit-card dt > span { display:block;}

.exh-list .time-spacial .ratio::before {padding-top:133%;}
.exh-list .time-spacial:nth-child(n+5) {margin-top: 50px;}
.exh-list .time-spacial .img {position: relative;}
.exh-list .time-spacial .img::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(17, 17, 17, 0.03); z-index:2;}
.exh-list .time-spacial .img img {object-fit:cover; object-position: center top;}
.exh-list .time-spacial .abs-box {/* bottom:-57px; */width:100%;text-align:center;z-index:4;min-height:78px;position: relative;margin-top: -20px;}
.exh-list .time-spacial .abs-box .brand{margin-top:8px}
.exh-list .time-spacial .abs-box .name{margin-top:4px;font-size:20px}
.exh-list .time-spacial .abs-box .countdown {justify-content: center;line-height:1;font-size:40px;}
.exh-list .time-spacial .price {margin-top:15px; font-size:0; }
.exh-list .time-spacial .price span {font-size:20px; font-weight:500;/* display:block;*/}
.exh-list .time-spacial .price span + span {margin-left:10px;}
.exh-list .time-spacial .info {display:none;}
.exh-list .funding .abs-box {bottom:83px; width:100%; height:200px; padding:128px 20px 20px; background:linear-gradient(to bottom, rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.5) 75%);}
.exh-list .funding .abs-box .countdown {color:#fff; margin-bottom:10px; text-shadow: #Fff 1px 0 10px;}
.exh-list .funding .abs-box .countdown .day {margin-right:10px;}

/* 이벤트 혜택영역 수정예정 - 이미지코딩 */
/* #9698 :S */
.ev-benefit {margin: 0 auto; width: 100%; max-width: 1230px;}
.ev-benefit .coupon-area + .coupon-area {margin-top: 80px;}
.ev-benefit .ev-benefit-title {margin-bottom: 20px; font-weight: 500; font-size: 24px; color: #000;}
.coupon-area + .notice-box {margin-top: 80px;}
/* #9698 :E */
.ev-benefit + .ev-benefit {margin-top:120px;}
.ev-benefit .title {display: flex; justify-content: space-between; margin: 50px auto 34px; max-width:1230px;} /* #9698 */
.ev-benefit .page-title{font-weight:600; margin-bottom:5px;}
.ev-benefit .title.align-c  {margin-bottom:60px;}
.ev-benefit .title.align-c .page-title {font-size:40px; line-height: 1.5; letter-spacing: -1.2px; font-weight:300; }
.ev-benefit .title.align-c .page-title strong{display:block; font-weight: 500;}
.ev-benefit .page-sub-txt{display:block; color:#111; font-size:20px; letter-spacing: -0.6px;}
.ev-benefit .btn-group {text-align:center; margin-top:50px;}
.ev-benefit .btn-group .btn.lg {line-height:54px;}

.ev-benefit .page-sub-title{font-weight:400;}
.ev-benefit .page-sub-desc {font-size:20px; margin-left:26px;}
.ev-benefit .page-sub-msg {font-size:24px; color:#999; line-height:1; margin-bottom: 10px;}

.col3-list {display:flex;}
.col3-list > li {flex-shrink:0; width:calc((100% - 40px) / 3);}
.col3-list > li > em {display:block; font-size:30px; font-weight:700;}
.col3-list > li + li {margin-left:20px;}
.col3-list .box-list {display:block;}
.col3-list .box-list > li {background:#e9e9e9; border-radius:10px; padding-bottom:28px; height:168px; margin-left:0; width:100%;}
.col3-list .box-list > li em {margin-bottom:15px;}
.col3-list .box-list > li p {display:flex; justify-content:space-between; align-items:flex-end; height:60px;}
.col3-list .box-list > li p span:first-child {font-size:24px; line-height:1.25;}
.col3-list .box-list > li p span:last-child {font-size:40px; font-weight:500;}
.col3-list .box-list > li p span:last-child span {font-size:36px;}
.col3-list .box-list > li + li {margin-top:20px;}

.box-list {display:flex; margin-top:40px;}
.box-list > li {background:#f5f5f5; padding:40px; height:290px; position:relative; width:calc((100% - 40px) / 3);}
.box-list > li em {display:block; font-size:18px; font-weight:500; margin-bottom:10px;}
.box-list > li p {font-size:24px; line-height:1.33;}
.box-list > li + li {margin-left:20px;}

.ev-benefit .c-bgf5{ margin:-62px -46px 0;}
/*.ev-benefit .c-bgf5 .inner-cont {padding:0 46px;}*/
.ev-benefit .c-bgf5 .inner-cont ul {padding:85px 46px 20px;}
.ev-benefit .c-bgf5 .inner-cont li {margin-bottom:80px; display:flex; align-items:flex-end;}
.ev-benefit .c-bgf5 .inner-cont li .txt {height:190px; flex:1;}
.ev-benefit .c-bgf5 .inner-cont li .txt em {display:block; font-size:18px; font-weight:500; margin-bottom:5px;}
.ev-benefit .c-bgf5 .inner-cont li .txt p {font-size:24px; line-height:1.78; letter-spacing:-0.04em;}
.ev-benefit .c-bgf5 .inner-cont li .txt p span {display:block; font-size:18px;}
.ev-benefit .c-bgf5 .inner-cont li i.app {display:block; width:80px; height:80px; background:#111; border-radius:24px; font-size:15px; font-weight:500; color:#fff; font-style:normal; line-height:1.3; padding-top:22px; text-align:center; position:absolute; bottom:0; right:-40px;}
.ev-benefit .c-bgf5 .inner-cont li i.app span {display:block; font-size:10px; font-weight:400;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group {vertical-align:bottom; margin-left:70px;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group a {display:block; border:1px solid #c7c7c7; text-align:center; font-size:20px; color:#666; padding:16px 0; border-radius:6px; background:#fff; width:300px; height:60px;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group .btn-app::before {display:inline-block; content:""; margin-right:10px; vertical-align:-6px;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group .btn-app.ios::before {background:url('../img/icon_apple.png') no-repeat; width:24px; height:28px;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group .btn-app.android::before {background:url('../img/icon_google.png') no-repeat; width:28px; height:28px;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group .btn-friend {border-color:#111; font-size:22px; color:#111; padding-top:14px; line-height:1.5;}
.ev-benefit .c-bgf5 .inner-cont li .btn-group a + a {margin-top:36px;}

.ev-benefit .col3-list,
.ev-benefit .box-list,
.ev-benefit .notice-box,
.ev-benefit .swiper-wrap,
.ev-benefit .swiper-wrap,
.ev-benefit .benefit-grade-info,
.ev-benefit .c-bgf5 .inner-cont { max-width:1228px; margin-left:auto; margin-right:auto;}

.ev-benefit .col3-list {flex-wrap: wrap;}
.ev-benefit .col3-list li:nth-child(3n+1) {margin-left:0;}
.ev-benefit .col3-list li:nth-child(n+4) {margin-top:20px;}
.ev-benefit .btn.primary.black {background-color:#fff; color:#111; border-width: 1px;}
.ev-benefit .ev-box {width:100%; background-color:#e9e9e9; background-position: 124px bottom;  background-repeat: no-repeat; height:560px; display:flex; align-items: center;}
.ev-benefit .ev-box .conts {padding-left:730px;}
.ev-benefit .ev-box h3{font-size:30px; font-weight:400; line-height:1.33;}
/* #9442 :S */
.ev-benefit .ev-box h3 strong {font-weight: 700;}
.ev-benefit .ev-box p {display: inline-block; margin-top: 20px; border-bottom: 1px solid #000; font-size: 26px; color: #000;}
.ev-benefit .ev-box p + .btn-group {text-align: left;}
.ev-benefit .ev-box.event01 {padding-top: 50px; background-image:url('../img/pmg-img/img_eventBenefit_pc1.jpg');}
/* #9442 :E */
.ev-benefit .ev-box.event02 {background-image:url('../img/img_ev_benefit02.jpg');}
.ev-benefit .swiper-wrap .swiper-button-next,
.ev-benefit .swiper-wrap .swiper-button-prev{top:50%;}
.ev-benefit .swiper-wrap .swiper-button-next:not(.swiper-button-disabled),
.ev-benefit .swiper-wrap .swiper-button-prev:not(.swiper-button-disabled){opacity: 1;}

.ev-benefit .ev-box.event01 .btn.primary {width:290px; text-align:center;}
.ev-benefit .benefit-grade-info {margin-top:50px}
.ev-benefit .benefit-grade-info .page-sub-title {font-size:24px; font-weight:400; display:block; margin-bottom:30px;}

.event-wrap .notice-box dt{font-size:16px; font-weight:500;}
.event-wrap .notice-box .list-group li{font-size:14px; }

.ly-evResult {width:640px;}
.ly-evResult .page-sub-title {display:block; font-size:20px; line-height:1.5;}
.ly-evResult .list {margin-top:30px;}
.ly-evResult .list li {padding:20px 0; border-bottom:1px solid #eee;}
.ly-evResult .list li:last-child{border-bottom:none;}
.ly-evResult .opt-txt {display:flex; align-items: center; }
.ly-evResult .opt-txt .num {text-align:center; width:30px; height:30px; line-height:30px; border-radius: 50%; background:#f5f5f5; font-size: 16px; font-weight: 500; font-family: 'Montserrat'; letter-spacing: -0.4px; color:#666;}
.ly-evResult .opt-txt .txt {font-size:16px; letter-spacing: -0.4px; color:#111; margin-left:14px;}
.ly-evResult .graph-box {display: flex; align-items: center; padding-left:44px; margin-top:15px;}
.ly-evResult .graph-box .total {flex:1; text-align:right;font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color:#666;}
.ly-evResult .graph-box .g-line {width:460px;}
.ly-evResult .graph-box .line {height:6px; background:#e9e9e9; border-radius: 3px; display:block;}

.ly-evResult .list li:first-child .opt-txt .txt {font-weight: 600;}
.ly-evResult .list li:first-child .graph-box .line {background:#111;}

.full-banner {margin:0 -46px 32px;}
.full-banner li > div {line-height:0;}
.full-banner .swiper-button-next, .full-banner .swiper-button-prev {top:50%; transform:translateY(-50%);}
.full-banner .swiper-button-next { right:34px;}
.full-banner .swiper-button-prev { left:34px;}
.full-banner .swiper-button-prev::after,
.full-banner .swiper-button-next::after { width:23px;height: 43px;}
.full-banner .swiper-button-prev::after {background: url('../img/swiper_main_prev.png') no-repeat;}
.full-banner .swiper-button-next::after {background: url('../img/swiper_main_next.png') no-repeat;}
.full-banner .swiper-button-prev.white::after {background: url('../img/swiper_main_prev_wht.png') no-repeat;}
.full-banner .swiper-button-next.white::after {background: url('../img/swiper_main_next_wht.png') no-repeat;}
.full-banner.swiper-wrap .swiper-container{padding-bottom:0;}
.main-wrap .swiper-wrap.full-banner {width:calc(100% + 248px); margin:0 0 85px -124px}
/* 20220413 상단 띠배너 롤링 수정 */
.full-banner .swiper-container-horizontal >.swiper-pagination-progressbar {top:auto; left:50%; transform: translateX(-50%); bottom:80px; width:900px; height:1px;}
.full-banner .swiper-pagination-progressbar {background:#fff;}
.full-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#111;}
.full-banner .btn-main-prdall {position: absolute; bottom:71px; left:calc(50% + 466px); z-index:10;font-size:0; width:19px; height:19px; background:url('../img/btn_main_visual.png') center center no-repeat;}
/* 20230609 #3800 [FO] PC/MO > 메인/럭셔리관/아울렛/바바ZINE/바바패션관 > 상단 배너영역 수정 요청 */
.banner-h-fix.full-banner li {position:relative}
.banner-h-fix.full-banner li .imgWrap{background: #e5e5e5;display: flex;align-items: center;justify-content: center;}
.banner-h-fix.full-banner li .imgWrap:before{display:block;content:"";}
.banner-h-fix.full-banner li .imgWrap > .img > img{position:absolute;width:100%;}
.banner-h-fix.full-banner li .imgWrap img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.banner-h-fix.full-banner li .txtWrap {position:absolute; top:50%; left:50%; width:640px; height:auto; margin-left:-640px; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.banner-h-fix.full-banner li .txtWrap > .txt.align-l {text-align:left}
.banner-h-fix.full-banner li .txtWrap > .txt.align-c {text-align:center}
.banner-h-fix.full-banner li .txtWrap > .txt > * {display:block; width:100%; color:#fff; word-break:break-all; overflow:hidden; text-overflow:ellipsis}
.banner-h-fix.full-banner li .txtWrap > .txt > * ~ * {margin-top:35px}
.banner-h-fix.full-banner li .txtWrap > .txt > em,
.banner-h-fix.full-banner li .txtWrap > .txt > span {line-height:1.48em; font-weight:300; font-size:27px; white-space:nowrap}
.banner-h-fix.full-banner li .txtWrap > .txt > strong {letter-spacing:-0.02em; line-height:1.2em; font-weight:400; font-size:70px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.list-area .pos-rel .btn-arrow {position:absolute; top:50px; right:0; font-size:13px;}
.list-area .pos-rel .btn-arrow:after {background:url('../img/arrow_right_black.png') no-repeat; width:7px; height:10px; vertical-align:0; margin-left:12px;}
.list-area .help {font-size:12px; position:absolute; top:50px; right:0;}
.list-area .help .tooltip {vertical-align:1px;}
.list-area .help .btn-tooltip {width:16px; height:16px; background-size:100%;}
.list-area .help .btn-tooltip.on + .ly-tooltip {z-index:3;}
.list-area .help .ly-tooltip {left:auto; right:0; z-index:0;}
.list-area .no-data {margin-bottom:80px;}
.list-area .prd-list .name {margin-top:0;}
.list-area .page-top .btn-more {font-size:16px; line-height: 1.5; letter-spacing: -0.48px;}
.list-area .page-top .btn-more::after {margin-top:6px;}
.list-area .page-sub-title {font-size:28px; font-weight:400; margin-bottom:50px;}
.list-area .prd-top .tooltip {margin-right:20px;}
.list-area .prd-top .tooltip span{font-size:13px; line-height:1.23;}
.list-area .prd-top .tooltip .btn-tooltip {width:16px; height:16px; background-size:contain;}
.list-area .prd-top .tooltip .ly-tooltip {left:auto; right:-75px; /*top:auto; bottom:25px;*/ z-index:1;}
.tab-a + .list-area{margin-top: 40px;}

.abs-box {position:absolute;left:0;}
.abs-box .countdown {font-size:32px; font-weight:500; display:flex; align-items:center;}
.abs-box .countdown span:last-child, .abs-box .countdown span.second { min-width:54px; text-align:left; }

.bar {position:relative; display:block; width:100%; height:6px; background:rgba(17, 17, 17, 0.5);}
.bar .rate {position:absolute; top:0; left:0; height:6px; display:block; background:#fff;}

.rate-num {font-size:32px; font-weight:500; display:block; position:absolute; bottom:36px; right:20px; color:#fff;}

.premium-box {display:flex; justify-content:space-around; align-items:center; padding:67px 0; color:#fff;}
.premium-box.mem {background:#b8a482;}
.premium-box.not {background:#111;}
.premium-box.n-login {background:#666;}
.premium-box .left-txt {font-size:30px; font-weight:300; line-height:1.33;}
.premium-box .left-txt .bot-txt {margin-top:27px; font-size:20px;}
.premium-box .left-txt .bot-txt span {display:inline-block; background:#fff; border-radius:23px; height:46px; padding:7px 24px; font-size:22px; color:#a38853; text-align:center; margin-right:20px; vertical-align:middle;}
.premium-box .right-txt {font-size:22px;}
.premium-box .right-txt ul {display:flex; justify-content:space-between; align-items:center;}
.premium-box .right-txt li {background:rgba(255,255,255,.2); text-align:center; width:160px; height:160px; border-radius:50%; padding-top:31px;}
.premium-box .right-txt li span {font-size:26px; font-weight:700;}
.premium-box .right-txt li span strong {font-size:54px;}
.premium-box .right-txt li span + span {display:block; font-size:22px; font-weight:400;}
.premium-box .right-txt li + li {margin-left:25px;}
.premium-box .right-txt .link-txt {color:#fff; font-size:16px; border-bottom:1px solid #fff; display:inline-block; margin-top:15px;}
.premium-box + .premium-box {margin-top:10px;}
.premium-box + .exh-list {margin-top:80px;}

.bg-coupon {background:url('../img/coupon_bg_sm.png') no-repeat, linear-gradient(135deg, rgba(245,245,245,0) 0%, rgba(17, 17, 17, 0.12) 100%); width:234px; height:102px; position:absolute; bottom:40px; right:40px; padding:25px 0; box-shadow:16px 24px 24px 0 rgba(17, 17, 17, 0.12); border-radius:8px;}
.bg-coupon > span {display:block; font-size:14px; color:#999; letter-spacing:8.4px; text-align:center;}
.bg-coupon > p {margin-top:6px; font-size:26px; font-weight:500; text-align:center;}
.bg-coupon > p span {font-size:30px;}
.bg-coupon.big {background:url('../img/coupon_bg_mid.png') no-repeat, linear-gradient(135deg, rgba(245,245,245,0) 0%, rgba(17, 17, 17, 0.12) 100%); width:300px; height:157px; position:relative; padding:35px 0; box-shadow:16px 24px 32px 0 rgba(17, 17, 17, 0.12); border-radius:8px; bottom:0; right:0;}
.bg-coupon.big > span {font-size:18px;}
.bg-coupon.big > p {margin-top:11px; font-size:36px;}
.bg-coupon.big > p span {font-size:46px;}

.circle-list {display:flex; justify-content: center; }
.circle-list li { background:#b8a482; width:180px; height:180px; border-radius:50%; box-shadow:16px 24px 32px 0 rgba(17, 17, 17, 0.12); display:flex; align-items:center; color:#fff; padding:0 10px; word-break:keep-all;}
.circle-list li > div {text-align:center; width:100%;}
.circle-list li > div > span {font-size:20px;}
.circle-list li > div > strong {display:block; margin-top:13px; font-size:26px; font-weight:500; line-height:1.23;}
.circle-list li > div > strong span {font-size:30px;}
.circle-list li + li {margin-left:28px;}

/* CS */
.cs-wrap .lnb-wrap {width:162px;}
.cs-wrap .cont-wrap {width:calc(100% - 162px);}
.cs-wrap .page-sub-title + .cs-unit{margin-top:70px;}
.cs-wrap .page-title + .cs-unit {margin-top:40px;}
.cs-wrap .cs-unit + .cs-unit {margin-top:100px;}
.cs-wrap .cs-title {font-size:24px; font-weight:400; line-height:1.33;}
.cs-wrap .btn-arrow::after {background:url('../img/arrow_right_black.png') no-repeat; width:7px; height:10px; margin-left:12px;}
.cs-wrap .pos-rel .btn-arrow {position:absolute; bottom:0; right:0; font-size:13px;}

.baba-svc {margin-top:20px;}
.baba-svc .box-list {margin-top:0; }
.baba-svc .box-list li {width:calc((100% - 36px) / 3); height:auto; padding:20px; text-align:right;}
.baba-svc .box-list li + li {margin-left:12px;}
.baba-svc .box-list li p{font-size:18px; line-height: 1.33; letter-spacing: -0.45px; color:#111; text-align:left;}
.baba-svc .box-list li p:not(.q)::before{content:''; float:left;  width:44px; height:44px; background-repeat: no-repeat; margin:0 8px 0 0;}
.baba-svc .box-list li p.cs1::before{background-image: url('../img/icon_CS_01.png');}
.baba-svc .box-list li p.cs2::before{background-image: url('../img/icon_CS_02.png');}
.baba-svc .box-list li p.cs3::before{background-image: url('../img/icon_CS_03.png');}
.baba-svc .box-list li p.cs4::before{background-image: url('../img/icon_CS_04.png');}
.baba-svc .box-list li .btn-arrow {display:inline-block; vertical-align:top; margin-left:auto; font-size: 18px; margin-top:70px;}
.baba-svc .box-list li .btn-arrow::after {vertical-align: top; margin-top:4px;}

.cs-wrap .notice-area {display:flex; justify-content:space-between;}
.cs-wrap .notice-area > div {width:480px;}
.cs-wrap .notice-area h4 {margin-top:20px;}
.cs-wrap .notice-area h4 + .btn-more { margin-bottom: 5px;}
.cs-wrap .notice-area ul {margin-top:20px;}
.cs-wrap .notice-area li {padding:16px 0 15px; font-size:16px; border-bottom:2px solid #eee;}
.cs-wrap .notice-area li .tx-ovf {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:93%; vertical-align:middle;}
.cs-wrap .notice-area li .new {display:inline-block; margin-left:20px; font-size:14px; font-weight:700; color:#fc2264; vertical-align:1px;}
.cs-wrap .tab-e {margin-bottom:40px;}
.cs-wrap .swiper-wrap .swiper-container {padding-bottom:40px;}
.cs-wrap .swiper-wrap .swiper-button-next,
.cs-wrap .swiper-wrap .swiper-button-prev {top:50%; transform:translateY(-50%);}

.faq-sch {display:flex; justify-content:space-between;}
.faq-sch h4 {width:310px; flex-shrink: 0;}
.faq-sch .sch-form {margin-top:4px; width:710px;}
.faq-sch .sch-re {width:100%; border-color:#c7c7c7; margin-bottom:18px;}
.faq-sch .sch-re input {width:calc(100% - 30px);}
.faq-sch .sch-re .btn-search {background:url('../img/icon_search_sm.png') no-repeat; width:20px; height:21px; vertical-align:middle;}
.faq-sch .d-flex {justify-content:flex-start; align-items:center;}
.faq-sch .d-flex em {display:block;}
.faq-sch .tag-list {margin:0;}
.faq-sch .tag-list .tag {margin:0 0 0 12px; padding:9px 16px; background:#fff; border:1px solid #e3e3e3; border-radius:6px;}

.inquiry {display:flex; justify-content:space-between; padding-top:33px;}
.inquiry > div {width:480px; padding-left:96px;}
.inquiry .phone {background:url('../img/icon_cs.png') no-repeat;}
.inquiry .online {background:url('../img/icon_write.png') no-repeat;}
.inquiry dl {display:flex; align-items:center; justify-content: space-between;}
.inquiry dt {font-size:16px; line-height:1.38;}
.inquiry dd .btn {line-height:40px; min-width:202px;} /* #9984 */
.inquiry p {margin-top:13px; font-size:16px; color:#666;}

.faq-cont .tab-c {border-bottom:1px solid #c7c7c7; padding-bottom:20px;}
.faq-cont .tab-c li a {line-height:normal}
.faq-cont .sch-result {font-size:18px; /*font-weight:700;*/ line-height:1.5; padding-bottom:20px; border-bottom:1px solid #c7c7c7; padding-left:16px;}
.faq-cont .sch-result span {display:inline-block; margin-right:5px; font-weight:600;}
.faq-cont .no-data {font-size:14px;}

.board-list .title .new {display:inline-block; margin-left:20px; font-size:14px; font-weight:700; color:#fc2264; vertical-align:1px;}

/* 아울렛 */
.outlet-wrap .tab-b {margin-top:20px;}
.outlet-wrap .category-tab {margin-top:40px;}
.exh-nowrap .exh-list ul {flex-wrap:nowrap;}
.exh-nowrap .exh-list li {margin-left:0;}
.exh-nowrap .exh-list li:nth-child(n+5) {margin-top:0;}
/*아울렛 - 배너 사이즈 고정 */
.banner-h-fix .swiper-container .swiper-slide { height: 600px;}
.banner-h-fix.full-banner li > div { height: 100%;}
.banner-h-fix.full-banner li > div img {width: 100%; height: 100%; object-fit: cover;}

/*바바프리미엄*/
.premium-wrap {position: relative;}
.prd-list.gift li {display:flex; align-items: stretch; width:100%;}
.prd-list.gift .prd-img {width:100px;}
.prd-list.gift .prd-img .ratio::before {padding-top:calc(146 / 100 * 100%)}
.prd-list.gift .prd-info {flex:1; display:flex; flex-direction:column; align-content:flex-start;  padding-left:14px;}
.prd-list.gift .v-bottom {display:flex; align-items: flex-end; align-content:flex-end;margin-top:auto;}
.prd-list.gift .delivery {font-size:0;  line-height: 1.29;}
.prd-list.gift .delivery > strong {font-weight: 500; font-size:14px; color:#111;}
.prd-list.gift .d-msg {font-size:14px;  color:#666; margin-left:10px; }

.order-title + .prd-list.gift {margin-top:20px;}
.premium-wrap .terms-agree .c-bgf5 {padding:20px; }
.premium-wrap .terms-agree .scroll-wrap {max-height:260px;}
.premium-wrap .terms-agree dl{font-size: 14px; line-height: 1.43; font-weight: 400;}
.premium-wrap .terms-agree dt {color:#111; }
.premium-wrap .terms-agree dd{color: #666; font-weight: 300;}
.premium-wrap .terms-agree dd + dt {margin-top:20px;}

.premium-wrap .terms-agree .accordion-panel > div {padding-top:0;}
.premium-wrap .accordion-title.order-title::after{margin-top:-17px;}
.premium-wrap > .btn-group {margin-top:90px; text-align:center;}

.premium-wrap .aside-contents .order-title,
.premium-wrap .aside-title {background-image:url('../img/line_premium.png');}

.premium-pay {display:flex; align-items: center; margin-top:20px;}
.premium-pay .btn.lg {width:150px; min-width:auto;}
.premium-pay .info {padding-left:20px;}
.premium-pay  label {font-size:16px;}
.premium-pay .page-sub-msg {margin-top:10px;}

.premium-complete {display:flex; align-items: flex-end;}
.premium-complete .title {font-size: 40px; font-weight: 300; line-height: 1.2; color:#111;}
.premium-complete .date {font-size: 20px; font-weight: 300; color:#111; margin-left:194px; }
.premium-complete .date > strong {font-weight: 500;}

.premium-gift {display:flex; align-content: stretch; justify-content: center; margin-top:80px;}
.premium-gift .title{font-size: 24px; font-weight:400; line-height: 1.42; margin-bottom: 20px;}
.premium-gift .box {position: relative;}
.premium-gift .box + .box {margin-left: auto;}
.premium-gift .box > .btn-tx {position: absolute; top:8px; right:0; font-size:16px; letter-spacing: -0.42px;}
.premium-gift .prd-list.gift .d-msg {display:block; margin:4px 0 0;}

.coupon.premium {width:315px; height:146px; background:url('../img/coupon_bg_premium.png') no-repeat;box-shadow: none; color:#fff; padding:23px 30px; text-align:right;}
.coupon.premium .name {font-size: 18px; line-height: 1.5; letter-spacing: -0.45px; font-weight:400; text-align:left;}
.coupon.premium .btn-tx {font-weight:500; border-bottom-color: #fff; color:#fff; letter-spacing: -0.35px; margin-top:12px; padding-bottom:1px; line-height:1;}
.coupon.premium .point{font-size: 30px; font-weight: 500; margin-top:10px; }
.coupon.premium + .coupon {margin-left:8px;}

.premium-wrap .page-top { margin-bottom: 32px;}
.premium-wrap .fl-benefit ul:not(.list-group) { flex-wrap: wrap; column-gap: 20px; row-gap:10px;}
.premium-wrap .fl-benefit ul:not(.list-group) > li + li { margin: 0;}
.premium-wrap .benefit-card dt > strong { display: block; color: #999; font-weight: 400;}
.premium-wrap .benefit-card.premium dt > strong { color: #fff;}
.premium-wrap .list-group.number .btn-tx { font-size: inherit; color: inherit; border-bottom-color: #666;}
.premium-wrap .notice-box dl + dl { margin-top: 40px;}
.premium-banner { position: relative; height: 720px;}
.premium-banner .imgWrap { position: relative; height: 100%; margin: 0 -46px; display: flex; align-items: center;}
.premium-banner .imgWrap img {position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.premium-banner .txtWrap { position: absolute; bottom: 164px; left: 50%; }
.premium-banner .txtWrap strong { font-size: 52px; font-weight: 300;}
.premium-banner .txtWrap p { font-size: 18px; line-height: 1.6; margin: 40px 0 60px;}
.premium-banner .txtWrap .pr-link { background-color:#111111; border-radius: 3px;}
.premium-banner .txtWrap .pr-link a { display: block; font-size: 20px; color:#fff; padding: 14px 25px; background:url('../img/arrow_right_white.png') no-repeat calc(100% - 25px) center;}
.premium-banner + .page-title { margin:70px 0 45px; font-size: 40px; font-weight: 400px; text-align: center;}
.pr-guide { width: 1320px; margin: 0 auto;}
.pr-guide + .pr-guide{ margin-top: 80px;}
.pr-join { position: relative; display: flex; justify-content: space-between; margin-top: 50px;}
.pr-join::before { position:absolute; width: 8px; height: 8px; top: 50%; left: 50%; display: block; content: ''; border-radius: 50%; background-color: #C7C7C7; transform: translate(-50%, -50%);}
.pr-join li { width: calc(50% - 4px); font-size: 32px; font-weight: 300; text-align: center;}
.pr-join li .item { display: inline-flex; align-items: center;}
.pr-join li .item::after { width: 64px; height: 64px; display: block; margin-left:30px; content: ''; vertical-align: middle; background-image: url('../img/ico_pr_fee.png'); background-repeat: no-repeat; background-position:50% 50%;}
.pr-join li:nth-child(2) .item::after { background-image: url('../img/ico_pr_date.png');}
.pr-join .item strong {margin-left: 8px; font-weight: 400;}
/* 회원등급별 혜택 보기 팝업 */
.ly-benefit .tab-a li a {padding-bottom:5px; font-size:16px}
.ly-benefit .membership-unit {padding-top:0}

.center-wrap.w-fixed > .premium-wrap {display: flex;justify-content: space-between;}
.center-wrap.w-fixed > .premium-wrap.noFlx { display:block;}

/*브랜드*/
.brd-titlebar {display:flex; background:#f5f5f5; width:100%; height:100px; align-items:center; padding-left:46px;}
.brd-titlebar p {position:relative; width:100%;}
.brd-titlebar .btn-wish {display:inline-block; width:28px; height:24px; font-size:0; background:url('../img/btn_wish_black.png') no-repeat; vertical-align:10px; margin-left:37px;}
.brd-titlebar .btn-wish.on {background-position:0 -25px;}
.brd-titlebar.luxury {background:#111;}
.brd-titlebar.luxury .btn-wish {background:url('../img/btn_wish_white.png') no-repeat;}
.brd-titlebar.luxury .btn-wish.on {background-position:0 -26px;}

/* .brand-title  {display:flex; align-items: center; padding:10px 0; margin-bottom:60px;}
.brand-title .logo {margin-right:30px;} */
.brand-title  {display:flex;align-items: center;padding:10px 0;margin-bottom:60px;height: 57px;}
.brand-title .logo {margin-right:30px;height: 34px;}
.brand-title .logo > img{height: 34px;}
.brand-title .btn-wish {font-size:0; display:inline-block; width:28px; height:24px; background:url('../img/btn_wish_black.png') no-repeat;}
.brand-title .btn-wish.on {background-position:0 -25px;}
.brand-intro {display:flex; align-items: stretch; margin-bottom:40px;}
.brand-intro .img-wrap{flex-shrink: 0;width: 904px; height: 904px;}
.brand-intro .img-wrap > img{width:100%;height:100%;object-fit:cover}
.brand-intro .info {padding-left:80px;}
.brand-intro .info h1 {line-height:1; font-size:72px; color:#111; margin-bottom:70px; letter-spacing: -2.5px; font-weight:400;}
.brand-intro .info p {font-size:18px; color:#111; line-height:1.6; }
.brand-vod {position:relative;}
.brand-vod .btn-play{
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0;
    display:inline-block; background:url('../img/btn_play.png') no-repeat; width:86px; height:86px;
}
.brand-vod .img > img {display: block; width:100%;}
.brand-vod .time {
    position: absolute; right:30px; bottom: 30px; font-size:20px; background:rgba(17, 17, 17, 0.6);
    padding:10px; color:#fff; font-weight:400; border-radius: 3px;
}
.brand-box {margin-top:100px;}
.brand-box .page-sub-title {font-size:28px; font-weight:400; margin-bottom:50px;}

.videoWrap{position:relative; background-color:#111;}
.videoWrap video{width:100%; height:100%;vertical-align: top;}
.videoWrap .btn-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); font-size:0; display:inline-block; width:86px; height:86px; background:url('../img/btn_play.png') no-repeat;  pointer-events: none;}
.videoWrap.play .btn-play{display:none}
.videoWrap.areaFix {margin-top:60px; height:600px}
.videoWrap.areaFix video {position:absolute; top:0; left:50%; width:auto; height:100%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0)}

.brand-wrap .tab-b {margin:40px 0 50px;}
.brand-wrap .link-tab li {min-width:83px; max-width:111px;}
.brand-wrap .brand-slide {margin-top:94px;}
.brand-info {text-align:center;}
.brand-info strong {display:block; font-size:44px; line-height:1.36;}
.brand-info p {margin-top:30px; font-size:18px; line-height:1.56; font-weight:300;}
.brand-slide {position:relative; overflow:hidden;}
.brand-slide .bg-txt {position:absolute; top:50%; left:50%; width:100%; transform: translate(-50%, -50%); font-size:240px; font-weight:700; color:#999; opacity:.2; text-align:center;  z-index:0;font-size:calc(12px + 14vw);}
.brand-wrap .swiper-wrap {position:relative; /*max-width:100vw;*/ overflow:hidden; z-index:3;}
.brand-wrap .swiper-wrapper{-webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; }
.brand-wrap .swiper-slide a,
.brand-wrap .swiper-slide img {display:block;}
.brand-marquee {width: 100%;display: flex;  align-items: center; overflow: hidden;}
.brand-marquee .m-cont {animation: scroll 30s linear infinite; display:flex; align-items: stretch; }
.brand-marquee .contents:hover {animation-play-state: paused;}
.brand-marquee .tag {transition: all 0.2s ease; width:calc((100vw - 160px) / 3); max-width:524px; margin:0 40px; }
.brand-marquee .tag a {display:block;}
.brand-marquee .tag img {display:block; }
@keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}

.brand-wrap .form-search {width:560px;  background:#f5f5f5; border-radius:6px; border:none; padding:0 10px; margin-left:40px;}
.brand-wrap .form-search input[type=text] {background:transparent; height:40px;}
.brand-wrap .form-search .btn-search {height:40px; background-size:20px auto;}
.brand-wrap .form-search .btn-del {right:54px;}
.brand-wrap .form-search ::placeholder{color:#666;}
.brand-wrap .form-search + .btn-refresh { width:auto; height:40px; padding:0 10px; margin:0 0 0 10px; border-radius:4px;}

.video-area { margin-top:50px; position:relative; max-width:100%; overflow:hidden;}
.video-area img {display:block; }
.video-area .video-thum {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;  }
.video-area .video-thum a {display:block; position:relative;}
.video-area .video-thum a::before {display:block; content:""; background:url('../img/btn_play.png') no-repeat; width:86px; height:86px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}

.admin-editor {background:rgba(199,199,199,.3); width:100%; height:300px; margin-top:160px;}
.exhibition-area {padding:0 46px;}
.exhibition-area .tab-a {margin-bottom:40px;}

.brand-wrap .page-top {align-items:center; justify-content:flex-start;}
.brand-wrap .page-top .search-wrap {width:560px; height:40px; background:#f5f5f5; border-radius:6px; padding:7px 20px 9px; position:relative; margin-left:40px;}
.brand-wrap .page-top .search-wrap input {border:none; background:none; font-size:16px; color:#666; width:calc(100% - 20px); height:100%;}
.brand-wrap .page-top .search-wrap .btn-search {background:url('../img/icon_search_sm.png') no-repeat; width:20px; height:21px; font-size:0; position:absolute; top:10px; right:21px;}
.brand-wrap .tab-container .tab-a li a {font-size:16px; font-weight:400; padding-bottom:13px;}
.brand-wrap .tab-a li.on a {font-weight:500;}
.brand-wrap .ch-editorial-top .ch-toparea { width:100%;}
.brand-wrap .editorial-visual { margin:40px -46px 0;}
.brand-wrap .editorial-visual + .editorial-unit { margin-top:120px;}
.brand-wrap .editorial-unit { /*width:1228px;*/ margin:90px auto 0;}
.brand-wrap .editorial-unit .img-wrap { display: flex; align-items: stretch; justify-content: space-between; margin-top: 60px;}
.brand-wrap .editorial-unit .img-wrap .ratio { width: 100%;}
.brand-wrap .editorial-unit .img-wrap .ratio::before { padding-top: calc(50% - 10px);}
.brand-wrap .editorial-unit .swiper-wrap { margin-top: 70px;}
.brand-wrap .banner-wrap .banner-link { display: flex; align-items: stretch; margin-bottom:20px;}
.brand-wrap .banner-wrap .banner-link li + li { margin-left:20px;}
/* 기획전 > 목록 > 브랜드 선택 팝업 */
.ly-ch-brand .brand-wrap .banner-wrap .banner-link {display:block}
.ly-ch-brand .brand-wrap .banner-wrap .banner-link li + li {margin-left:0; margin-top:5px}

.like-brand {margin:40px -46px 79px; padding:0 46px; overflow:hidden;}
.like-brand .top-txt {margin-bottom:30px; }
.like-brand .top-txt h3 {font-size:20px; font-weight:400; display:inline-block;}
.like-brand .top-txt span {display:inline-block; margin-left:50px;}
.like-brand .circle-slide {overflow:initial;}
.like-brand .circle-slide .swiper-container {overflow:inherit;}
.like-brand > div + div {margin-top:30px;}

.non-login {font-size:20px;}
.non-login::after {display:inline-block; content:""; background:url('../img/arrow_right_big.png') no-repeat; width:11px; height:18px; margin-left:20px; background-size:100%; vertical-align:-1px;}
.non-login a {display:inline-block; font-weight:700;border-bottom:1px solid #111;}

.circle-slide .swiper-container {padding-bottom:0;}
.circle-slide li {width:120px;}
.circle-slide li .ratio::before {padding-top:calc(120/120 * 100%);}
.circle-slide li span {display:block;}
.circle-slide li .ratio img {border-radius:50%;}
.circle-slide li p {margin-top:18px;/* height:40px; */width:100%;font-size:14px;line-height:1.57;text-align:center;text-overflow:ellipsis;word-wrap:break-word;/* overflow:hidden; *//* -webkit-line-clamp:2; */}
.circle-slide li + li {margin-left:44px;}

.anchor-tab {margin-top:20px;}
.anchor-tab .tab-box ul {display:flex; align-items:center; border-bottom:2px solid #111; padding-bottom:20px; }
.anchor-tab .tab-box ul li { margin-right:10px;}
.anchor-tab .tab-box ul li a {display:block; text-align:center; line-height:2.285; width:32px; height:32px;}
.anchor-tab .tab-box ul li.on a {color:#fff; font-weight:700; background:#111; border-radius:4px;}
.anchor-box > div {border-bottom:1px solid #eee; padding:40px 0 30px;}
.anchor-box .tit {font-weight:700; font-size:30px;}

.tab-container.fixed .tab-a {position:fixed; z-index:5; top:54px; left: 0; background:#fff; width:100%;  }
.tab-container.fixed .tab-a ul {min-width:1320px; max-width:1920px; margin:0 auto; padding:20px 46px; }
.tab-container.fixed .anchor-tab .tab-box {position: fixed; z-index:5; top:140px; left: 0; background:#fff; width:100%; padding:0 46px;}
.tab-container.fixed .anchor-tab .tab-box ul {min-width:1228px; max-width:1828px; padding:20px 0; margin:0 auto; }
.tab-container.fixed .tab-cont > div.on {transform: unset; padding-top:78px;}
.tab-container.fixed .tab-cont > div.on .anchor-tab {padding-top:30px;}

.brd-list {display:flex; flex-wrap:wrap;}
.brd-list li {width:calc((100%/5) - (48px/5)); margin:10px 12px 0 0; }
.brd-list li a {display:block; width:100%; height:100%; padding:15px 0 16px;}
.brd-list li a strong {display:block; font-weight:500;}
.brd-list li a span {display:block; margin-top:4px; font-size:11px; color:#666;}
.brd-list li:nth-child(5n) {margin-right:0;}

.event-list {display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.event-list .ratio::before {padding-top:calc(310 / 442 * 100%)}
.event-list a {display:block; text-decoration: none;}
.event-list li {position:relative; width:calc((100% - 60px) / 4);}
.event-list li:nth-child(n+5) {margin-top:50px;}
.event-list .ev-info {padding:20px 0; line-height:1.1;}
.event-list .name {font-size:20px; color:#111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.event-list .date {font-size:18px; color:#111; font-weight:400; margin-top:10px;}
.event-list .badge {
    position:absolute; top:20px; left:20px; z-index:2;
    display:inline-block; background:#111; color:#fff; font-weight:300; font-size:12px; border-radius:6px; height:30px; line-height: 30px; padding:0 15px;
}

.plan-list {display:flex; align-items: stretch; justify-content: space-between;}
.plan-list li {position:relative; width:calc((100% - 40px) / 3);}
.plan-list li > a {display:block; color:#fff; text-decoration: none;}
.plan-list .ratio::before {padding-top:calc(418 / 596 * 100%)}
.plan-list .img-wrap::before {content:''; position: absolute; z-index:2; width:100%; height:100%; left:0; top:0; background:rgba(17,17,17,0.4);}
.plan-list .info {position: absolute; z-index:3; bottom:0; left:0; padding:40px; line-height:1.1;}
.plan-list .brand {font-size:24px; font-weight:300;}
.plan-list .name {font-size:24px; letter-spacing: -1px; margin-top:10px;}
.plan-list .date {font-size:18px; font-weight: 300; margin-top: 10px;}
.plan-list .badge {
    position:absolute; top:20px; left:20px;  z-index:3;
    display:inline-block; background:#111; color:#fff; font-weight:300; font-size:12px; border-radius:6px; height:30px; line-height: 30px; padding:0 15px;
}

.editorial-list {display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.editorial-list li {position: relative; width:calc((100% - 80px) / 3); border:2px solid #ededed; padding:38px;}
.editorial-list li > a {display:block; text-decoration: none; color:#111;}
.editorial-list .ratio::before {padding-top:calc(403 / 500 * 100%)}
.editorial-list .info {line-height:1.1;}
.editorial-list .title {font-size:24px;  font-weight: 600; margin-top:40px;}
.editorial-list .txt {font-size:1.6; line-height:1.375; margin-top:20px; }
.editorial-list .badge {
    position:absolute; top:20px; left:20px;  z-index:2;
    display:inline-block; background:#111; color:#fff; font-weight:300; font-size:12px; border-radius:6px; height:30px; line-height: 30px; padding:0 15px;
}

.pictorial-list {display:flex; align-items: stretch; justify-content: space-between;}
.pictorial-list li {position:relative; width:calc((100% - 60px) / 4);}
.pictorial-list li > a {display:block; color:#fff;}
.pictorial-list .img-wrap::before {content:''; position: absolute; z-index:2; width:100%; height:100%; left:0; top:0; background:rgba(17,17,17,0.4);}
.pictorial-list .ratio::before {padding-top:calc(614 / 442 * 100%)}
.pictorial-list .info {position: absolute; z-index:3;  bottom:0; left:0; line-height:1.1; padding:40px;}
.pictorial-list .category {font-size:16px; font-weight:300;}
.pictorial-list .name {font-size:36px; font-weight:700; margin-top:5px; letter-spacing:-2px;}
.pictorial-list .tag-group {line-height:1.3333; font-size:24px; font-weight:300; margin-top:43px; min-height:60px;}
.pictorial-list .tag { display:block;}
.pictorial-list .badge {
    position:absolute; top:20px; left:20px;  z-index:3;
    display:inline-block; background:#111; color:#fff; font-weight:300; font-size:12px; border-radius:6px; height:30px; line-height: 30px; padding:0 15px;
}

/*브랜드, 에디토리얼 List*/
.exh-list ul {display:flex;flex-wrap:wrap;align-items: stretch;}
.exh-list li {position:relative; width:calc((100% - 60px )/4);}
.exh-list li:nth-child(n+5) {margin-top:70px;}
.exh-list li + li {margin-left:20px;}
.exh-list li:nth-child(4n + 1) {margin-left:0;}
.exh-list .badge {position:absolute; bottom: 0; left: 0; z-index:4; pointer-events:none}
.exh-list .badge.type02 {top:unset; bottom:0; left:0; min-width:130px; height:44px; padding:0 8px; line-height:44px; text-align:center; font-size:20px; color:#fff; background:#000; border-radius:0}
.exh-list li > a {display:block;}
.exh-list li .img {position:relative;overflow: hidden;}
.exh-list li .img.vod::after {content:''; z-index:2; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
.exh-list li .img img {display:block;}
.exh-list li .icon-vod {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url('../img/btn_play_sm.png') no-repeat; width:60px; height:60px; z-index:4; font-size:0;}
.exh-list .info {margin-top:20px;}
.exh-list .date {display:block; font-size:14px; font-weight:500; letter-spacing: -0.35px;}
.exh-list .title {font-size:24px;  letter-spacing: -0.6px; font-weight:500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break:break-all}
.exh-list .tx-ovf {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.exh-list .funding .txt .tx-ovf {height: 22px;}
.exh-list .info .date + .title,
.exh-list .info .txt + .title,
.exh-list .info .title + .txt {margin-top:5px;}
.exh-list .info .txt {font-size:16px; margin-top:5px; font-weight:400; line-height:1.42; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.exh-list .btn-more {width:198px;}
.exh-list .btn-more::after {display:inline-block; content:""; background:url('../img/form_select_sm.png') no-repeat; width:10px; height:6px; margin-left:10px; vertical-align:3px;}

.exh-list li.swiper-slide,.exh-list li.swiper-slide:nth-child(n+5),
.exh-list li.swiper-slide:nth-child(4n + 1) { margin:0;}/* swiper 내 margin 재조정 */

/*유의사항*/
.notice-box  {padding:20px; background:#f5f5f5;}
.notice-box dt {font-size: 14px;font-weight: 400; color:#111; line-height:1.71; margin-bottom:10px;}
.notice-box .list-group li{font-size:12px; color:#666; line-height: 1.83; font-weight:300; }
.notice-box.c-bgff {background:#fff; padding:0;}
.notice-box.c-bgff .list-group li {font-size:14px;}

/*결제수단*/
.pay-type {display:flex; flex-wrap: wrap; align-items: flex-start;}
.pay-type .radio { width:calc((100% - 56px) / 5);}
.pay-type .radio + .radio {margin-left:14px;}
.pay-type .radio:nth-child(5n+1) {margin-left:0;}
.pay-type .radio:nth-child(n+6) {margin-top:10px;}
.pay-type .radio label {border:1px solid #c7c7c7; height:50px; border-radius:6px; padding:0 20px; font-size:14px; color:#666; font-weight:400;line-height:1;display:flex; align-items: center; justify-content: center; }
.pay-type .radio label::before{display:none;}
.pay-type .radio :checked + label {background:#111; color:#fff; border-color:#111;}
.pay-type .radio label span {display:block; color:#fe4b82; font-size:12px; margin-top:5px; }

/*파일첨부*/
.add-file .list {display:flex; align-items: stretch; flex-wrap: wrap;}
.add-file .list li {position:relative; width:70px; height:70px; background:#f5f5f5;}
.add-file .list li + li {margin-left:12px;}
.add-file .pre-img,
.add-file .add-img {display:none;}
.add-file .pre-img.on,
.add-file .add-img.on {display:block; height:100%;}
.add-file .btn-delete {position:absolute; font-size:0; width:14px; height:14px; background:url('../img/btn_closeonpic.png'); top:-4px; right:-4px; z-index:3;}
.add-file input[type=file] {position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0; cursor: pointer;}
.add-file .add-img {background:url('../img/icon_addedonpic.png') center center no-repeat;}
.add-file .img-front {position: absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); width:100%; padding:3px 0 4px;font-size: 12px; color:#fff; letter-spacing: -0.36px; z-index:2; text-align:center;}

.add-file .front-img {
    position: absolute; bottom:calc(-100% - 1px); left:0; width:100%; height:100%;
    background:rgba(0, 0, 0, 0.4); z-index:2; border:1px dashed #111; cursor: pointer;
    display: flex; justify-content: center; align-items: center; text-align:center;  transition:0.3s;
}
.add-file li:hover .front-img{bottom:0;}
.add-file .front-img span {font-size: 12px;line-height: 1.17; letter-spacing: -0.36px; color:#fff; padding-top:4px;}


/*이벤트 - 상세*/
.btn-share {display:inline-block; vertical-align:top; width:32px; height:32px; background:url('../img/btn_share.png') no-repeat center; /*background-size:20px 22px;*/ font-size:0;}
.ev-admin-img {position: relative; margin:0 -46px 95px;}
.ev-admin-img img {display:block;width: auto;max-width: 1920px;}
.ev-admin-img::before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; /*background:rgba(0,0,0,0.43);*/ z-index:-1;}
.ev-title-wrap {display:flex; align-items: flex-end; justify-content: space-between; margin: 0 auto 40px; width: 1228px;}
.ev-title-wrap .title {max-width:640px;  font-size: 24px; line-height: 1.5; font-weight:400; color:#111;}
.ev-title-wrap .right {display: flex; align-items: center; gap: 0 10px;}
.ev-title-wrap .right .date {font-size: 17px; color:#000;  line-height: 22px;}

.event-center {max-width:1228px; margin-left:auto; margin-right:auto;}
.event-center .comment-wrap {margin-top:100px;}
.admin-wrap + .fscret-wrap {margin-top:30px;}

.fscret-wrap .tab-a {margin-bottom:60px;}
.fscret-wrap .tab-a a {line-height: 1.2; }
.fscret-wrap .tab-a li.on a {font-weight:400;}
.fscret-unit .page-sub-title {display:block; margin-bottom: 30px; padding-top:50px}
.fscret-unit .swiper-wrap{margin-top:30px;}
.fscret-unit + .fscret-unit {margin-top:120px;}

.fscret-wrap .is-sticky .tab-a.tab-swiper {z-index:10 !important; background:#fff}
.fscret-wrap .is-sticky .tab-a.tab-swiper:after {content:""; position:absolute; top:0; left:-46px; display:block; width:calc(100% + 92px); height:50px; border-bottom:1px solid #eee; background:#fff}
.fscret-wrap .tab-a.tab-swiper li {width: auto; white-space:nowrap}
.fscret-wrap .temp-title {margin:0; padding:50px 0 40px}
.fscret-wrap .temp-box:not(:first-of-type) .temp-title {margin-top:0}
.fscret-wrap .temp-box .prd-list {padding-bottom:50px}

.fscret-index {background:#e2e4e3 url('../img/bg_fmaily_scret.jpg') center center no-repeat; padding:0 120px; height:800px;}
.fscret-index .box {width:700px;}
.fscret-index .page-title {font-family:'Montserrat'; font-size: 56px; color: #333; line-height: 1.25; letter-spacing: 18px; font-weight: 500; padding:200px 0 70px;}
.fscret-index .form-box {border-bottom:none; border-radius: 6px; background:rgba(255,255,255,0.7); padding:0 30px;}
.fscret-index .form-box [type=text] {background:transparent; padding:0; height:70px; line-height:70px;}
.fscret-index .form-box ::placeholder {color:#111;}
.fscret-index .form-box .btn-form {width:54px; height:54px; border-radius:50%; font-size:0; background:#111 url('../img/btn_code.png') center center no-repeat; box-shadow: 12px 12px 20px 0 rgba(30, 29, 28, 0.2); min-width:auto; }
.fscret-index .notice-box{background: transparent; padding:30px 0; }
.fscret-index .notice-box dl {display:flex; align-items: stretch;}
.fscret-index .notice-box dd {padding-left:30px;}

.ly-fscret-index {
    position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(17, 17, 17, 0.84); z-index:30;
    display:flex; align-items: center; justify-content: center;
}

.ly-fscret-index .box {width:980px;}
.ly-fscret-index .page-title {text-align:center; font-family:'Montserrat'; color:#fff; margin-bottom:70px;}
.ly-fscret-index .page-title strong {
    display:block;   font-size: 110px; line-height: 1.09;
    letter-spacing: 3.3px; font-weight: 500; text-shadow: 10px 20px 30px rgba(0, 0, 0, 0.3);
}
.ly-fscret-index .page-title span {display:block;  font-size: 56px; font-weight: 300; font-style: italic; letter-spacing: 16.8px; margin-top:-16px;}
.ly-fscret-index .form-box {border-bottom-width:2px; border-color:#fff;}
.ly-fscret-index .form-box [type=text] {background:transparent; padding:0; height:70px; line-height:70px; color:#fff;}
.ly-fscret-index .form-box ::placeholder {color:#fff;}
.ly-fscret-index .form-box .btn-form {width:54px; height:54px; border-radius:50%; font-size:0; background:#fff url('../img/btn_code2.png') center center no-repeat; box-shadow: 12px 12px 20px 0 rgba(30, 29, 28, 0.2); min-width:auto; }
.ly-fscret-index .notice-box{background: transparent; padding:30px 0; }
.ly-fscret-index .notice-box dl {display:flex; align-items: stretch;}
.ly-fscret-index .notice-box dt {color:rgba(255,255,255,0.8); width:84px;}
.ly-fscret-index .notice-box dd {padding-left:10px;}
.ly-fscret-index .notice-box .list-group li {display:inline-block; vertical-align: top; margin-left:10px; color:rgba(255,255,255,0.4); min-width:334px;}
.ly-fscret-index .ly-closed {position:absolute; top:26px; right:46px; width:40px; height:40px;  background:url('../img/btn_closed.png') center center no-repeat; font-size:0;}

.comment-title {font-weight: 500; line-height: 1.2; font-size:20px; /*border-bottom:1px solid #e3e3e3; padding-bottom:20px;*/ margin-bottom:40px; }
.comment-write {padding:20px; font-size:14px; background-color: #f5f5f5; }
.comment-write textarea {line-height: 1.29; color:#111; padding:0; resize: none;}
.comment-write .counter{text-align:right; font-weight:300; color:#999; line-height:1;}
.comment-write + .btn-group {font-size:0; text-align: center; margin-top: 20px;}

/* .comment-list  li {padding:20px; background:#f5f5f5;} */
.comment-list  li + li {margin-top:40px;}
.comment-list .top-info {display:flex; align-items: center; justify-content: space-between;}
.comment-list .name,
.comment-list .date {font-size: 14px; color:#111;}
.comment-list .date {margin-left:36px;}
.comment-list .btn-tx {font-size: 14px; color:#999; border-color:#999;}
.comment-list .btn-tx + .btn-tx  {margin-left:20px;}
.comment-list .top-info + .comment {margin-top:10px;}
.comment-list .comment .comment-view{ color:#111;font-size: 14px; line-height:1.43 }

.vote-title {font-size: 30px; line-height: 1.33; letter-spacing: -0.9px; font-weight:500; margin-bottom:40px;}

.ev-vote label::before{width:30px; height:30px; background-image:url('../img/form_radio_big.png');}
.ev-vote :checked +label::before {background-position-y: -30px;}

.ev-vote .radio-list li {width:calc((100% - 120px)/4);}
.ev-vote .radio-list li + li {margin-left:40px;}
.ev-vote .radio-list li:nth-child(4n+1) {margin-left:0;}
.ev-vote .radio-list li:nth-child(n+5) {margin-top:20px;}
.ev-vote .radio-list .radio {position:relative; display:block; padding-top:20px; padding-left:40px;}
.ev-vote .radio-list input[type=radio]{width:30px; height:30px;}
.ev-vote .radio-list .ratio::before{padding-top:calc(368 / 277 * 100%);}
.ev-vote .radio-list .thum-img::before,
.ev-vote .radio-list .thum-img::after {display:none;}
.ev-vote .radio-list label::before{float:left; margin-left:-40px; }
.ev-vote .radio-list label { font-size:18px; letter-spacing: -0.54px; line-height:1.5;}

.ev-vote .swiper-wrap {padding:0 60px; position: relative;}
.ev-vote .swiper-wrap .swiper-container {padding-top:20px; margin-top:-20px;}
.ev-vote .swiper-wrap .swiper-wrapper {flex-wrap: nowrap; align-items: center;}
.ev-vote .swiper-wrap .swiper-wrapper li {width:33.3333%;}
.ev-vote .swiper-wrap .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {padding:0 40px;}
.ev-vote .swiper-wrap .swiper-wrapper .swiper-slide .box {background:#f5f5f5; }
.ev-vote .swiper-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .box {background:#fff;  box-shadow:3px 20px 30px rgba(7,7,7,0.18);}
.ev-vote .swiper-pagination {bottom:0; font-size:16px; color:#666;}
.ev-vote .swiper-pagination-current {font-weight:500; font-size:16px; color:#111;}
.ev-vote .swiper-wrap .swiper-button-next,
.ev-vote .swiper-wrap .swiper-button-prev {top:50%; opacity: 1;}

.ev-vote .swiper-wrap .radio-list li + li {margin-left:0;}
.ev-vote .swiper-wrap .radio-list li:nth-child(n+5) {margin-top:0;}
.ev-vote .swiper-wrap .radio-list .swiper-slide .radio {padding:20px 70px 20px 20px; }
.ev-vote .swiper-wrap .radio-list .swiper-slide.swiper-slide-active .radio {padding:30px 70px 30px 30px;}
.ev-vote .swiper-wrap .radio-list .swiper-slide label::before{right:20px;}
.ev-vote .swiper-wrap .radio-list .swiper-slide.swiper-slide-active label::before {right:30px;}
.ev-vote .swiper-wrap .radio-list label::before{float:none; margin:0; position: absolute;  top:50%; transform: translateY(-50%);}
.ev-vote .swiper-wrap .radio-list .swiper-slide label {font-size:20px;}
.ev-vote .swiper-wrap .radio-list .swiper-slide.swiper-slide-active label{font-size:22px;}

.ev-vote .radio-group {display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.ev-vote .radio-group li{width: calc((100% - 40px)/2);}
.ev-vote .radio-group li:nth-child(n+3) {margin-top:20px;}
.ev-vote .radio-group .radio {display:block; }
.ev-vote .radio-group label {
    border-radius: 4px; border:1px solid transparent; background-color: #f5f5f5;
    font-size: 16px; line-height: 1.06; padding:20px; display:block;
}
.ev-vote .radio-group :checked + label {border-color:#111; background:#fff;}
.ev-vote .radio-group label::before{display:none;}
.ev-vote .btn-group {margin-top:50px; text-align:center;}
.ev-vote .vote-box + .vote-box {margin-top:60px;}
.ev-vote .vote-box + .notice-box {margin-top:60px;}
.ev-vote .swiper-wrap .radio-group li:nth-child(n+3) {margin-top:0;}
.ev-vote .swiper-wrap .radio-group .box {width:300px; height:300px; border-radius: 50%; margin:0 auto; display:flex; align-items: center; justify-content: center;}
.ev-vote .swiper-wrap .radio-group .swiper-slide-active .box {width:380px; height:380px;}
.ev-vote .swiper-wrap .radio-group label {position:relative; border:none; background: transparent;  padding-bottom:60px; font-size:20px; line-height:1.4; text-align:center;}
.ev-vote .swiper-wrap .radio-group .swiper-slide-active label {font-size:22px;}
.ev-vote .swiper-wrap .radio-group label::before{content:''; display:block; position:absolute; bottom: 0; left:50%; transform: translateX(-50%); }

.ev-template .like-brand {margin-top:0; margin-bottom:100px;}
.ev-template + .ev-admin-img {margin:100px 0 50px;}
.ev-admin-img + .prd-list {margin-top:60px;}
.temp-box {margin: 0 auto; max-width: 1228px;}
.temp-title {font-size: 24px; font-weight:400; line-height: 1.33; letter-spacing: -0.9px; color:#111; margin-bottom: 40px;}
.tab-a + .temp-box {margin-top:50px;}
.temp-box:not(:first-of-type) .temp-title { margin-top:50px;}
.temp-box .prd-list.thum .prd-info {padding-left: 0; padding-right: 0;}

/*CS input 수정*/
/* #9120 :S */
.faq-sch .form-search {margin-bottom:18px; border-bottom: 1px solid #c7c7c7;}
.faq-sch .form-search input[type="text"] {display: block; padding: 0 25px 0 10px; height: 50px;}
/* #9120 :E */

/*패션리더 profile*/
.profile {display:flex; align-items: center; }
.profile .profile-img {width:60px; height: 60px; border-radius: 50%; overflow: hidden;}
.profile .info {flex:1; padding:0 10px; display:flex; align-items: center; flex-wrap: wrap;}
.profile .name {font-size: 20px; font-weight:500; color:#111; letter-spacing: -0.6px; }
.profile .name  + .fl-flag {margin-left:10px;}
.profile .sns {font-size:0;}
.profile .sns li{display:inline-block; vertical-align: top;}
.profile .sns a {display:block;}
.profile .sns li + li {margin-left:10px;}

/*mybaba - 패션리더 */
.mybaba-wrap .fl-level {margin:40px 0 70px;}
.mybaba-wrap .fl-level dl { display: block;}
.mybaba-wrap .fl-level dt { margin:0 auto 30px;}
.mybaba-wrap .fl-level dd { padding: 0; text-align: center;}
.mybaba-wrap .fl-guide + .notice-box { margin-top: 60px;}
.fl-footnote { margin-top:15px; color:#666; font-size: 14px;}
.fl-footnote[class*=dash] { padding-left:10px; }
.fl-footnote[class*=dash]::before { content: '-'; float: left; margin-left: -10px;}
.myinfo-notice[class*=tx-only] { display: block; margin: 60px 0; text-align: center;}
.myinfo-notice[class*=tx-only] strong { font-weight: 400;}
.myinfo-unit.info-detail { display: flex; gap:30px; margin:0 0 60px; justify-content: space-between;}
.myinfo-unit.info-detail > div { flex: 1;}
.myinfo-unit.info-detail .notice-box .msg-gray { color: #666;}
.myinfo-unit.info-detail .notice-box dd p + p { margin-top: 30px;}
.noti-image { position: relative;}
.noti-image .blind { position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; overflow: hidden;}
.noti-image .img-wrap { width:100%; max-height: 194px; overflow: hidden;}
.noti-image .img-wrap img {width: 100%;}
.noti-image .note { font-size: 12px; position: absolute; right: 40px; top: 178px; text-align: right;}

/*mybaba - Flag*/
.fl-flag {display:inline-block; vertical-align: top; font-size:0;}
.fl-flag .flag{
    display:inline-block; vertical-align: top; font-size:10px; font-weight:700; letter-spacing: -0.25px;
    border:1px solid #999; padding:4px 6px 3px; line-height:1; color:#999;
}
.fl-flag .flag + .flag {margin-left:4px;}
.fl-flag .flag.primary{border-color:#b8a482; color:#fff; background:#b8a482;}
.fl-flag .flag.secondary  {border-color:#fc2264; background:#fc2264; color:#fff;}
.fl-flag .flag.secondary.line {border-color:#fc2264; background:#fff; color:#fc2264;}

.related-prd {margin-top:60px;}
.related-prd .swiper-wrap .swiper-button-next,
.related-prd .swiper-wrap .swiper-button-prev {top:140px;}
.post-slide .swiper-wrap .swiper-container {padding-bottom: 0;}
.post-slide .swiper-wrap .swiper-button-next,
.post-slide .swiper-wrap .swiper-button-prev {top:50%; margin-top:-20px;}

.mybaba-wrap .post-detail {height:480px;}
.mybaba-wrap .post-top + .post-detail {border-top:1px solid #111;}
.mybaba-wrap .post-detail .post-slide {width:480px;}
.mybaba-wrap .post-detail .post-aside{width:500px;}

.myinfo-unit.myfl-info {margin-top:40px;}
.myfl-info .tb-order .flag-group {margin-left:10px;}
.myfl-info .myfl-code {border-radius: 6px; background-color: #f5f5f5; border:0; text-align: center; width:200px; height:30px; line-height: 30px; margin-right:6px; font-size: 16px; font-weight: 500;}

.mysns-box {display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;}
.mysns-box .sns-box {border-radius: 6px; background-color: #f5f5f5; padding:20px; width:calc(50% - 20px);display:flex; align-items: center; }
.mysns-box .sns-box input[type=text]{ border:0; background:transparent; height:30px; line-height:30px; font-weight: 500;}
.mysns-box .sns-box input[type=text]:not(.w450):not(.w554) {flex:1;  width:100%;}
.mysns-box .sns-box ::placeholder {font-weight:400; color:#a8a8a8}
.mysns-box .sns-box label {width:32px; font-size: 16px; font-weight:700; flex-shrink: 0; margin-right:10px; }
.mysns-box .sns-box.w-full {width:100%;}
.mysns-box .sns-box .w450 {width:450px;}
.mysns-box .sns-box .w554 {width:554px;}
.mysns-box .sns-box:nth-child(n+3) {margin-top:12px;}

.mysns-box label .tx-etc {opacity: 0.3;}
.mysns-box label .tx-etc.on {opacity: 1;}

.counter {text-align:right;font-size: 12px; font-weight: 300; line-height: 1.33; letter-spacing: -0.3px; color:#666; margin-top:10px;}
.counter > strong {font-weight:500;}

.myfl-intro {display: flex; align-items: stretch; justify-content: space-between; border-top:1px solid #111; padding-top:20px; }
.myfl-intro .left {width:490px;}
.myfl-intro .right {width:490px; padding-right:20px;}
.myfl-intro .img-wrap {width:140px; position: relative; background:#f5f5f5 url('../img/icon_addedonpic2.png') center center no-repeat; min-height:140px;}
.myfl-intro input[type=file] {position: absolute; top:0; left:0; width:100%; height:100%;  z-index:1; cursor: pointer; opacity: 0;}
.myfl-intro .btn-del {font-size:0; position:absolute; top:-10px; right:-10px; width:30px; height:30px; background:url('../img/icon_delete_onpic.png') no-repeat}
.myfl-intro textarea {font-size: 16px;font-weight: 300; line-height: 1.5; color:#111;}
.myfl-intro  .list-group.number {width:320px;}
.myfl-intro  .list-group.number > li { line-height: 1.5; letter-spacing: -0.3px; font-size:12px; font-weight:300;}
.myfl-intro  .list-group.number > li + li {margin-top:8px;}
.myorder-top .page-sub-txt{font-size: 14px; letter-spacing: -0.42px; color:#666; font-weight:400;}
.myfl-type {display:flex; align-items: stretch; justify-content: space-between;}
.myfl-type > div {width:calc(50% - 20px);}
.myfl-type .box {border-top:1px solid #111; padding-top:20px;}
.opt-basic :disabled {color:#666;}
.opt-basic.disabled ul > li > a { pointer-events: none;}
.myinfo-unit .opt-basic dd li a {padding-left:5px; padding-right:5px;}

.myfl-type .part-list {display:flex; align-items: stretch;}
.myfl-type .part-list li + li {margin-left:32px;}
.myfl-type .part-list .img{width:140px; height:140px; border-radius: 50%; overflow: hidden;}
.myfl-type .part-list label span {display:block; text-align:center; font-size: 18px; line-height: 1.5; letter-spacing: -0.54px; margin-top:20px;}
.myfl-type .part-list label::before{display:none;}
.myfl-type .part-list :checked + label::before {display:block; position:absolute; top:64px; left:50%; width:31px; height:23px; transform: translateX(-50%);background:url('../img/icon_check_fashion.png') no-repeat; z-index:3;}
.myfl-type .part-list :checked + label::after{ content:''; background:rgba(0,0,0,0.5);  z-index:1;  position:absolute; top:0; left:0; width:140px; height:140px; border-radius: 50%;}
.myfl-type .part-list :disabled + label .img {opacity: 0.5;}
.myfl-type .part-list :checked:disabled + label > * {opacity:1;}
.myfl-type .part-list :checked:disabled + label {color:#111;}
.myfl-type .form-box {position: relative;}
.myfl-type .myfl-tall input[type=text] {padding-right:50px;}
.myfl-type .myfl-tall::after {content:'CM'; position:absolute; top:0; right:10px; font-size:16px; line-height:50px; }
.myfl-type .myfl-tall.disabled::after {color:#a8a8a8;}

.ly-addr-area .addr-info .btn-area  {position: absolute; top:5px; right:0; font-size:0;}
.ly-addr-area .addr-info .btn-tx { color:#666; font-size:14px; letter-spacing: -0.42px; border-bottom-color:#666;}
.ly-addr-area .addr-info .btn-tx + .btn-tx {margin-left:20px;}
.layerPop .w-880 {width:880px;}
.ly-mylf .scroll-wrap {max-height: calc(100vh - 300px)}
.ly-mylf textarea {line-height: 1.19; font-size: 16px;}
.ly-mylf .list-group li{color: #666; line-height: 1.5; letter-spacing: -0.3px; font-size: 12px;}
.ly-mylf .list-group li + li {margin-top:4px;}
.ly-mylf .ly-title{font-size: 16px; font-weight: 500; margin-bottom: 16px;}
.ly-mylf .ly-title .sub-tx {font-size: 14px; font-weight:400; color: #666; margin-left:8px;}
.ly-mylf .unit-box + .unit-box  {margin-top:40px;}
.ly-mylf .d-flex .w-half {width:calc(50% - 15px);}
.ly-mylf .form-box {margin-bottom:12px;}
.ly-mylf .form-box ::placeholder{font-weight:300;}
.ly-mylf  .sub-msg {font-size: 12px; line-height: 1.5; letter-spacing: -0.3px; color:#666; margin-bottom:15px;}
.ly-mylf .recent-sch .rec-list a,
.ly-mylf .recent-sch .rec-list .rec{color:#111; font-weight: 300;}
.ly-mylf .add-file {padding-top:5px; margin-top:-5px; height:75px; overflow:hidden;}
.ly-mylf .add-file li{height:70px;}
.ly-mylf .recent-sch .add-file {padding-top:5px; margin-top:-5px; height:auto; overflow:visible}
.ly-mylf .recent-sch .add-file li{width:65px; height:65px}
.ly-mylf .recent-sch .add-file .list li + li {margin-left:14px}
.ly-mylf .recent-sch .add-file .list li:nth-child(5n+1) {margin-left:0}
.ly-mylf .recent-sch .add-file .list li:nth-child(n+6) {margin-top:14px}
.ly-mylf .unit-box .ly-title.search_result {font-size:30px; text-align:center; margin-bottom:25px}
.ly-mylf .prd-top {margin-bottom:20px}
.ly-mylf .scroll-wrap.form-wrap {width:100%}
.ly-mylf .scroll-wrap.mCustomScrollbar .mCSB_container {padding-right:0}
.ly-mylf .unit-box .prd-list.thum.col-3 {width:100%}
.ly-mylf .unit-box .prd-list.thum.col-3 li {width:calc((100% - 40px) / 3)}
.ly-mylf .unit-box .prd-list.thum.col-3 li:nth-child(3n+1) {margin-left:0}
.ly-mylf .unit-box .prd-list.thum li label {position:relative; display:block; cursor:pointer}
.ly-mylf .unit-box .prd-list.thum li label input[type='radio'].prd-list-chk {position:absolute; z-index:5; top:15px; left:15px; width:40px; height:40px; border-radius:6px; background:rgba(0,0,0,0.1); overflow:hidden}
.ly-mylf .unit-box .prd-list.thum li label input[type='radio'].prd-list-chk:checked {background:url('../img/bg_check_40x40.jpg') 50% 50% no-repeat}
.ly-mylf .no-data {color:#999}

.myfl-terms .myorder-top .title::before{margin-top:8px;}
.myfl-terms .form-row {border-top:1px solid #111; padding-top:20px;}
.myfl-terms .form-row label::before{background-position-x: -20px;}

.channel-wrap .myfl-type .form-box.myfl-tall {width:210px;}
.myfl-info .inp-nickname {display:flex; align-items: center;}
.myfl-info .inp-nickname .form-box {position:relative; width:300px; padding-right:100px;}
.myfl-info .inp-nickname .form-box .counter {position: absolute; top:50%; right:0; margin-top:0; transform: translateY(-50%); width:100px;}
.myfl-info .inp-nickname .sub-tx {font-size:14px; color:#666; margin-left:20px;}
.myfl-info .inp-nickname .btn.sm {margin-left:20px;}

.channel-wrap .tx-ovf {display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width:100%;}

.channel-wrap .prd-top .btn.brd-select, .event-wrap .prd-top .btn.brd-select { min-width: auto; height: auto; padding:0; color:#111; font-size: 14px; line-height:1; border: none;}
.channel-wrap .prd-top .btn.brd-select::after, .event-wrap .prd-top .btn.brd-select::after { display: inline-block; width: 6px; height: 10px; margin: 2px 0 0 10px; content: ''; vertical-align: top; background: url('../img/icon_arrow_more.png') no-repeat;}
.channel .container { margin-bottom: 180px;}

.babalive {position:relative;}
.babalive .flag-group {position:absolute; top:20px; left:20px; z-index:3; font-size:0;}
.babalive .flag {display:inline-block; padding:6px 8px; line-height:1; color:#fff;  font-size: 15px; border-radius: 5px;  }
.babalive .flag.live {background-color: #fc2264;   font-weight: 500;}
.babalive .flag.end {background-color:#111;}
.babalive .flag.time {background-color: rgba(17, 17, 17, 0.6);}
.babalive .flag + .flag {margin-left:10px;}
.babalive .brand {font-size:16px; color:#111; }
.babalive .name {font-size:16px; color:#111; line-height: 1.75;}
.babalive .list-bottom {display: flex; align-items: center; justify-content: space-between;}
.babalive .img-wrap {position: relative; display: block;}
.babalive .open {position:absolute; z-index:5; text-align:center; color:#fff;  top:50%; left:50%; transform: translate(-50%,-50%); line-height:1;}
.babalive .open .date {display:block; font-size: 32px; font-weight: 500;line-height: 1.46;}
.babalive .open .time {display:block; font-size: 28px; line-height: 1.21; font-weight: 600;}
.babalive .img-wrap.vod::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(17, 17, 17, 0.2); z-index:2; }
.babalive .img-wrap.vod::after {content:''; position:absolute; top:50%; left:50%; width:60px; height:60px; transform: translate(-50%, -50%); z-index:3; background:url('../img/btn_play_sm.png') no-repeat;}
.babalive .title {font-size: 24px; line-height: 1.5; color:#111;}
.babalive .txt {font-size: 16px; line-height: 1.38; color:#111;}
.babalive .liked {display:inline-block; color: #666; font-size:12px; line-height:14px; }
.babalive .liked::before{content:''; display:inline-block; vertical-align: top; width:18px; height:14px; background:url('../img/icon_like_noclick.png') no-repeat; margin-right:6px;}
.babalive .play {display:inline-block; color: #666; font-size:12px; line-height:14px; }
.babalive .play::before{content:''; display:inline-block; vertical-align: top; width:14px; height:14px; background:url('../img/icon_view_onplay.png') no-repeat; margin-right:6px;}
.babalive .liked + .play {margin-left:20px;}

.babalive .btn-alarm {width:30px; height:30px; background:url('../img/btn_babon.png') center top no-repeat; border:none; font-size:0;}
.babalive .btn-alarm.active {background-position-y: -30px;}


.babalive-list {display:flex; align-items: stretch;}
.babalive-list li { width:calc((100% - 60px) / 4);}
.babalive-list .ratio::before{padding-top:calc(534 / 365 * 100%);}
.babalive-list li > a {display:block;}
.babalive-list .info {padding:15px 0;}
.babalive-list .brand  + .name {margin-top:6px;}

.liveshop-list {display:flex; align-items: stretch;}
.liveshop-list li { width:calc((100% - 80px) / 5);}
.liveshop-list li + li {margin-left:20px;}
.liveshop-list .ratio::before{padding-top:calc(422 / 288 * 100%);}
.liveshop-list .img-wrap::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(17, 17, 17, 0.5); z-index:4; }
.liveshop-list .list-bottom {padding-top:15px;}
.liveshop-list .name {flex:1; line-height: 1.25; padding-right:10px;}
.liveshop-list .btn{flex-shrink: 0;}

.channel-wrap .btn-alarm.active {color: #fc2264; border-color:#fc2264; }
.channel-wrap .page-title {margin-bottom:40px;}
.channel-wrap .page-top {margin-bottom:32px; flex-wrap: wrap;}
.channel-wrap .page-sub-title {font-size:30px; line-height: 1.33; font-weight:400; letter-spacing: -0.9px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.channel-wrap .page-top .page-sub-desc {width:100%; font-size: 16px; line-height: 1.38; margin-top:20px;}
.channel-wrap .page-top .page-sub-txt { display:inline-block; font-size: 20px; color: #111; margin-left:26px;}
.channel-wrap .page-top .btn-group .btn + .btn {margin-left:30px;}
.channel-wrap.w-fixed .page-top,
.channel-wrap.w-fixed .babalive-unit{max-width:1228px; margin-left:auto; margin-right:auto;}
.channel-wrap .myfl-terms .checkbox + .btn-tx { margin: 2px 0 0 10px;}
.babalive-unit + .babalive-unit {margin-top:120px;}
.channel-wrap #babaMyChannelIframe + .babalive-unit {margin-top:120px}

.live-notice { display:flex; align-items: center; justify-content: space-between; background:#111; border-radius:12px 12px 12px 0px; color:#fff; padding:15px 20px; width:400px; min-height:70px;}
.live-notice .text {flex:1; margin-left:20px; font-size: 14px; line-height: 1.43;}
.live-notice  .sub-tx {font-size: 12px; line-height: 1.67;}
.live-notice::before{content:''; float:left; margin-left:-40px; width:40px; height:40px; background:url('../img/icon_play_pink.png') no-repeat; background-size:contain;}
.live-notice .btn-tx{color:#fff; border-bottom-color:#fff;}

.title-shopping {display:flex; align-items: flex-end;}
.title-shopping .live-notice {margin-left:40px;}

.babalive-unit .d-box .left{width:calc((100% - 80px) / 3);}
.babalive-unit .d-box .right{width:calc(100% - ((100% - 80px) / 3)); padding-left:40px;}
.babalive-unit .d-box .page-sub-title {max-width:calc(100% - 60px);}
.babalive-unit .right .shopplay-list li {width:calc((100% - 40px) / 2);}

.ch-toparea .hashtag-list {margin-top:15px;}
.ch-toparea .page-title {font-size: 60px; font-weight: 500; line-height: 1.26; margin-bottom:0;}
.ch-toparea .page-sub-tit { font-size:22px; color:#666; margin-top:12px;}
.ch-toparea .page-sub-tit + .page-sub-txt {margin-top:25px;}
.ch-toparea .page-sub-txt {font-size:20px; color:#111; line-height:1.6; margin-top:20px;}
.ch-toparea .page-sub-txt.align-c {display: block;text-align: center;}
.ch-toparea .info {margin-top:20px; display:flex; align-items: center;}
.ch-toparea .info > span {display:inline-block;font-size: 14px; font-weight: 300; color:#111;}
.ch-toparea .info > span + span::before {content:''; display:inline-block;  vertical-align: top;  width:4px; height:4px; background:#111; border-radius: 50%; margin:6px 18px 0;}
.ch-toparea .info > span + .btn-share {margin-left:20px;}

.ch-pictorial {display:flex; align-items:stretch;}
.ch-pictorial .ch-toparea .page-sub-txt {line-height:1.45; margin-top:10px;}
.ch-pictorial .img-slider {width: 520px;}
.ch-pictorial .img-slider .ratio::before{padding-top:calc(760 / 520 * 100%)}
.ch-pictorial .img-slider .swiper-wrap .swiper-container {padding-bottom:0;}
.ch-pictorial .img-slider  .swiper-button-next,
.ch-pictorial .img-slider  .swiper-button-prev {top:50%;}
.ch-pictorial .info-wrap {position:relative; width:calc(100% - 520px); padding-left:40px; display: flex; flex-direction: column;}
.ch-pictorial .info-wrap .btn-share {position:absolute; top:20px; right:0; margin-left:0;}
.ch-pictorial .info-wrap .swiper-wrap {margin-top:auto;}
.ch-pictorial +  .babalive-unit{margin-top:120px}

.ch-editorial-top .ch-toparea {position: relative; /*width:1228px;*/ margin:0 auto;}
.ch-editorial-top .ch-toparea .info {position: absolute; ; top:42px; right:0; margin-top:0;}

.channel-wrap .editorial-unit {/*width:1228px;*/ margin:90px auto 0;}
.channel-wrap .editorial-unit + .editorial-unit {margin-top:120px;}
.channel-wrap .editorial-unit .page-title {font-size:42px; line-height:1.19;}
.channel-wrap .editorial-unit .img-wrap {display:flex; align-items: stretch; justify-content: space-between; margin:60px -46px 0;}
.channel-wrap .editorial-unit .img-wrap .ratio {width:100%;}
/* .channel-wrap .editorial-unit .img-wrap .ratio::before {padding-top:calc(50% - 10px);} */
.channel-wrap .editorial-unit .img-wrap .ratio > img {position:relative; left:50%; width:auto; transform:translateX(-50%)}
.channel-wrap .editorial-unit .img-wrap .event-img-slider {position:relative; left:50%; width:auto; max-width:1920px; padding-bottom:50px; transform:translateX(-50%); overflow:hidden}
.channel-wrap .editorial-unit .img-wrap .event-img-slider img {position:relative; top:50%; display:block; width:auto; margin:0 auto; transform:translateY(-50%);}
.channel-wrap .editorial-unit .img-wrap .event-img-slider.fixed {height:630px; padding-bottom:30px}
.channel-wrap .editorial-unit .img-wrap .event-img-slider.fixed .swiper-slide {text-align:center}
.channel-wrap .editorial-unit .img-wrap .event-img-slider.fixed a {display:inline-block; height:100%; }
.channel-wrap .editorial-unit .img-wrap .event-img-slider.fixed img {height:100%}
/* .channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-scrollbar {background:#c7c7c7;}
.channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-scrollbar-drag {background:#111; border-radius: 0;}
.channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-container-horizontal>.swiper-scrollbar {left:0; bottom:0; height:1px; width:100%;} */
.channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-pagination {position:absolute; top:auto; bottom:0; margin:0}
.channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-pagination-progressbar {background:#fff}
.channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#111}
.channel-wrap .editorial-unit .img-wrap .event-img-slider + * {margin-top:60px}
.channel-wrap .editorial-unit .img-wrap .event-img-slider.disabled .swiper-wrapper {transform:translate3d(0px, 0, 0) !important}
.channel-wrap .editorial-unit .img-wrap .event-img-slider.disabled .swiper-pagination {display:none}
.channel-wrap .editorial-unit .img-wrap .event-img-slider .swiper-pagination-bullet-active {background:rgba(0, 0, 0, 1)}


.channel-wrap .editorial-unit .swiper-wrap {margin-top:70px;}
.channel-wrap .editorial-unit .swiper-wrap .swiper-button-prev,
.channel-wrap .editorial-unit .swiper-wrap .swiper-button-next {/*top:138px;*/}
.channel-wrap .editorial-unit .swiper-wrap.center .swiper-container .prd-list {justify-content: center;}
.channel-wrap .editorial-visual + .editorial-unit {margin-top:120px;}


.channel-wrap .editorial-visual {margin:40px -46px 0;}
.channel-wrap .editorial-visual img{display: block; margin:0 auto}
/* crop img */
.channel-wrap .editorial-visual.crop {position: relative; margin-left:auto; margin-right:auto; width:600px;}
.channel-wrap .editorial-visual.crop::after {content:''; display: block; padding-top: 100%;}
.channel-wrap .editorial-visual.crop img {position: absolute; top:0; left:0; max-width:none; object-fit: cover; object-position: center top; width:100%; height:100%;}

.shopplay-list {display:flex; align-items: stretch;}
.shopplay-list li {width:100%;}
.shopplay-list li + li {margin-left:40px;}
.shopplay-list li > a {display:block;}
.shopplay-list .flag-group {top:auto; left:auto; bottom:20px; right:20px;}
.shopplay-list .title {margin-top:20px;}
.shopplay-list .txt {margin-top:5px;}
.shopplay-list .babalive .img-wrap.vod::before{background:rgba(17, 17, 17, 0.3);}

.lifestyle-list {display:flex; align-items: stretch; }
.lifestyle-list li {width:calc((100% - 80px) / 5);}
.lifestyle-list li+ li {margin-left:20px;}
.lifestyle-list .list-bottom{margin-top:14px;}
.lifestyle-list .thum-img {border-radius: 50%; width:40px; height:40px;}
.lifestyle-list .thum-img + .name{ margin-left:10px; }
.lifestyle-list .profile {display: flex; align-items: center;}

.liveshop-title {display:flex; align-items: flex-end;}
.liveshop-title .sub-tx {font-size: 24px; color: #fc2264; line-height: 1.67; letter-spacing: -0.72px; margin-left:40px;}
.liveshop-title .icon-live {margin:14px 0 0 10px;}

.reserved-list {display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.reserved-list li {width:calc(50% - 80px);}
.reserved-list li:nth-child(n+3){margin-top:40px;}

.babalive-reserved {position:relative; display:flex; align-items: stretch;}
.babalive-reserved .thumnails {position:relative; width:32.3%; min-width:160px;}
.babalive-reserved .thumnails .ratio::before {padding-top:calc(372 / 254 * 100%)}
.babalive-reserved .waiting{
    position:absolute; z-index:3; background-color: rgba(17, 17, 17, 0.5); width:100%; height:100%; text-align: center; line-height:0; font-size:0;
    display:flex; align-items: center; justify-content: center; flex-wrap: wrap; color:#fff;
}
.babalive-reserved .waiting .time {display:block;   font-family:'Montserrat'; font-size: 28px; font-weight: 600; line-height: 1.21; margin-top:5px;}
.babalive-reserved .waiting .date {font-size: 32px; font-weight: 500;  line-height: 1.46;}
.babalive-reserved .flag-group {position:absolute; top:20px; left:20px; z-index:3; font-size:0;}
.babalive-reserved .flag {display:inline-block; vertical-align: top; padding:6px 8px; line-height:1; background:rgba(17, 17, 17, 0.6); border-radius: 5px; color:#fff; font-size:15px;}
.babalive-reserved .box {flex:1; display:flex; flex-direction: column; padding-left:30px;}
.babalive-reserved .brand  {font-size: 12px; color: #111; line-height:1.25;}
.babalive-reserved .brand + .title {margin-top:8px;}
.babalive-reserved .title {
    font-size: 24px; line-height: 1.5; color:#111;  letter-spacing: -1px;
    display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;
}
.babalive-reserved .gifts {
    font-size:16px; color:#111; line-height: 1.5;  margin-top:10px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.babalive-reserved .prd-list {margin-top:auto;}
.babalive-reserved .prd-list li {width:100%;}
.babalive-reserved .prd-list .prd-img {width:27.5%; min-width:65px; max-width:90px;}
.babalive-reserved .prd-list .name {
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}

.babalive-reserved  .live-info{position:relative;}
.babalive-reserved  .btn-alarm {position: absolute; bottom:0; right:0; display:inline-block; width:50px; height:50px; font-size:0; background:url('../img/btn_alram.png') no-repeat; background-size:50px auto;}
.babalive-reserved  .btn-alarm.active {background-position-y: -50px;;}


/*
.babalive-reserved {display:flex; align-items: stretch; position:relative;}
.babalive-reserved .live-info .brand {font-size: 12px; color: #111; line-height:1.25;}
.babalive-reserved .live-info .title {font-size: 24px; line-height: 1.5; color:#111;  letter-spacing: -1px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.babalive-reserved .live-info .brand + .title {margin-top:8px;}
.babalive-reserved .live-info .gifts {font-size:16px; color:#111; line-height: 1.5;  margin-top:10px;}
.babalive-reserved .box {flex:1; display: flex; flex-direction: column; }
.babalive-reserved .thumnails {position: relative;}
.babalive-reserved .btn-alarm {position: absolute; top:0; right:0; display:inline-block; width:64px; height:64px; font-size:0; background:url('../img/btn_alram.png') no-repeat;}
.babalive-reserved .btn-alarm.on {background-position-y: -64px;}
.babalive-reserved .waiting {
    position:absolute; z-index:3; background-color: rgba(17, 17, 17, 0.5); width:100%; height:100%; text-align: center; line-height:0; font-size:0;
    display:flex; align-items: center; justify-content: center; flex-wrap: wrap; color:#fff;
}
.babalive-reserved .waiting .live {display:inline-block;  font-family:'Montserrat'; border-radius: 5px; background:#fc2264; font-size:15px; line-height:1.26; padding:4px 8px; min-width:50px; text-align:center;}
.babalive-reserved .waiting .time {display:block;   font-family:'Montserrat'; font-size: 28px; font-weight: 600; line-height: 1.21; margin-top:5px;}
.babalive-reserved .waiting .date {font-size: 32px; font-weight: 500;  line-height: 1.46;}
.babalive-reserved .flag-group {position:absolute; top:20px; left:20px; z-index:3; font-size:0;}
.babalive-reserved .flag {display:inline-block; padding:6px 8px; line-height:1; color:#fff;  font-size: 15px; border-radius: 5px;  }
.babalive-reserved .flag.time {background-color: rgba(17, 17, 17, 0.6);}
.babalive-reserved .prd-list {margin-top:auto;}
.babalive-reserved .prd-list .name {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
*/


.page-top + .babalive-unit {margin-top:80px;}

.ffilm-list {flex-wrap: wrap;}
.ffilm-list li {width:calc((100% - 60px) / 4);}
.ffilm-list li + li {margin-left:20px;}
.ffilm-list li:nth-child(4n+1){margin-left:0;}
.ffilm-list li:nth-child(n+5) {margin-top:70px;}
.ffilm-unit + .ffilm-unit {margin-top:60px;}
.ffilm-unit .title {font-size: 24px; color: #111; line-height:1.67; margin-bottom:20px;}

.babalive-unit .exh-list .swiper-container li + li {margin-left:0;}
.babalive-unit .exh-list .swiper-container ul {flex-wrap: nowrap;}
.babalive-unit .prd-top{border-bottom:none; padding-bottom:0; margin-bottom:32px;}
.babalive-unit .prd-top .tab-a {margin-bottom:0;}

.babalive-btngroup {margin-top:60px; text-align:center;}

.exh-list.ch-editorial li{width:calc((100% - 80px) / 3);}
.exh-list.ch-editorial li+ li {margin-left:40px;}
.exh-list.ch-editorial li:nth-child(4n + 1) {margin-left:40px;}
.exh-list.ch-editorial li:nth-child(3n + 1) {margin-left:0;}
.exh-list.ch-editorial li:nth-child(n+4) {margin-top:70px;}
/* 20230418 #3419 FO_바바ZINE(구 에디토리얼) 2차 리뉴얼 디자인 요청 > 에디토리얼 목록 레이아웃 리뉴얼 */
.exh-list.ch-editorial.type02 li {width:calc((100% - 40px) / 3); margin:0 0 60px 0}
.exh-list.ch-editorial.type02 li + li {margin-left:20px}
.exh-list.ch-editorial.type02 li:nth-child(5n+1) {width:calc((100% - 20px) / 2); margin-bottom:90px; margin-left:0}
.exh-list.ch-editorial.type02 li:nth-child(5n+2) {width:calc((100% - 20px) / 2); margin-bottom:90px}
.exh-list.ch-editorial.type02 li:nth-child(5n+3) {margin-left:0}
.exh-list.ch-editorial.type02 li:nth-child(5n+1) .title,
.exh-list.ch-editorial.type02 li:nth-child(5n+2) .title {font-size:24px}

.exh-list.ch-editorial .title{font-weight:400;}
.exh-list.ch-editorial .txt .tx-ovf {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}

.ch-editorial .hashtag-list{margin-top:20px;}
.ch-editorial .related-prd {display:flex; align-items: center; /*justify-content: space-between; */ margin-top:30px;}
.ch-editorial .list {/*width:calc(100% - 80px);*/ flex:1;}
.ch-editorial .list li {width:calc((100% - 60px) / 4);}
.ch-editorial .list li + li {margin-left:20px;}
.ch-editorial .list li > a {display:block; }
.ch-editorial .list li .ratio {border-radius: 50%; overflow: hidden;}
.ch-editorial .related-prd .btn-more {width:auto; font-size:0; width:40px; height:40px; background:url('../img/arrow_right2.png') center center no-repeat; }
.ch-editorial .related-prd .btn-more::after {display:none;}
.ch-editorial .related-prd .ratio:not(.ratio-1x1) {border-radius: 0;}
.ch-editorial .related-prd .ratio:not(.ratio-1x1)::before {padding-top: calc(155 / 105 * 100%); }
.ch-editorial .related-prd li:nth-child(4) {margin:0 0 0 20px;}




.ly-ch-profile {margin:0 -30px -30px; padding:0;}
.ly-ch-profile .myfl-postlist .like{font-size: 12px; font-weight:400;}
.ly-ch-profile .fl-profile {padding:0 30px 40px;}
.ly-ch-profile .scroll-wrap {max-height:599px;}
.ly-ch-profile .scroll-wrap .mCSB_scrollTools {right:16px;}

.ly-ch-brand .form-search{margin-bottom:50px; border-bottom-width: 2px;}
.ly-ch-brand .brd-list li{margin:0; width: calc(33.333% - 10px);}
.ly-ch-brand .brd-list li:not(:nth-child(3n+1)) {margin-left: 15px;}
.ly-ch-brand .anchor-tab {margin-top:0;}
.ly-ch-brand .anchor-tab .tab-box ul {flex-wrap: wrap; margin:-2px -5px; border-bottom:none; padding-bottom: 0;}
.ly-ch-brand .anchor-tab .tab-box ul li {margin:2px 5px;}
.ly-ch-brand .anchor-tab .tab-box ul::after {content:''; height:2px; width:calc(100% - 10px); background:#111; margin:20px 0 0 5px;}
.ly-ch-brand .tab-cont .scroll-wrap{height:calc(100vh - 370px);}
.ly-ch-brand .tab-cont .anchor-tab .scroll-wrap{height:calc(100vh - 458px); }
.ly-ch-brand .tab-a li a { font-size: 16px;}
.ly-ch-brand .d-flex .form-search{margin-bottom:0; flex:1; margin-right:20px; }
.ly-ch-brand .d-flex .btn-refresh {height:50px; line-height:50px; border-radius: 4px; margin:0; padding:0 10px;}
.ly-ch-brand .d-flex .btn-refresh::before {vertical-align: -6px;}

.mych-list li{width:calc((100% - 44px) / 3);}
.mych-list li + li {margin-left:22px;}

.babalive-unit .no-data {padding:20px 0;}
.babalive-unit .no-data .text {font-size: 20px; color:#666; line-height: 1.2; letter-spacing: -0.6px; margin-bottom:20px;}

.fl-profile .profile {width:100%;}
.fl-profile .profile .tag {font-size: 14px; color:#666; margin-top:4px; width:100%;}

.fl-profile .total {display:flex; align-items: center; margin-top:20px;}
.fl-profile .total dl {font-size:0;}
.fl-profile .total dl + dl::before{content:''; width:1px; height:14px; display:inline-block; vertical-align: top; background:#e3e3e3; margin:4px 16px 0;}
.fl-profile .total dt,
.fl-profile .total dd {display:inline-block; vertical-align: top; font-size:16px; color:#111; line-height: 1.5;}
.fl-profile .total dt {font-weight: 300; letter-spacing: -0.48px;}
.fl-profile .total dd{font-weight: 600; letter-spacing: -0.4px; padding-left:10px;}

.fl-sns {font-size:0;}
.fl-sns li {display:inline-block; vertical-align: top;}
.fl-sns li + li {margin-left:24px;}
.fl-sns a {line-height: 30px; color:#666; font-size: 14px; text-decoration: underline;}
.fl-sns a .i-sns {margin-right:6px;}

.fl-profile .fl-sns {margin-top:20px; display: flex; gap:8px 24px; flex-wrap:wrap;}
.fl-profile .fl-sns li { max-width:100%;}
.fl-profile .fl-sns li + li {margin-left: 0;}
.fl-profile .fl-sns a { display:block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
/* IE10+ 에서만 적용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fl-profile .fl-sns { margin-top:12px;}
    .fl-profile .fl-sns li { max-width:540px; margin:8px 24px 0 0;}
    .fl-profile .fl-sns li:last-child { margin-right:0;}
}

.following-list {display: flex; align-items: stretch;}
.following-list li {width:calc((100% - 252px) / 8)}
.following-list li + li {margin-left:36px;}
.following-list li > a {display: block;}
.following-list .profile-img{border-radius: 50%; overflow: hidden;}
.following-list .profile-name {font-size: 14px; color:#111; line-height:1.57; margin-top:14px; text-align:center;}

.baba-following .swiper-wrap {padding:0 60px; position: relative;}
.baba-following .swiper-container {padding-bottom:0;}
.baba-following .swiper-container .following-list li + li {margin-left:0}
.baba-following .swiper-wrap .swiper-button-next,
.baba-following .swiper-wrap .swiper-button-prev {top:calc((100% - 34px) / 2);}
.baba-following .swiper-wrap:hover .swiper-button-next:not(.swiper-button-disabled),
.baba-following .swiper-wrap:hover .swiper-button-prev:not(.swiper-button-disabled) {opacity: 1;}

.channel-wrap .post-detail {height:600px;}
.channel-wrap .post-detail .post-slide {width:600px;}
.channel-wrap .post-detail .post-aside {width:calc(100% - 600px); padding-left:30px;}
.channel-wrap .post-detail + .babalive-unit{margin-top:80px;}
.babalive-unit .related-prd.swiper-wrap {margin-top:0;}
.babalive-unit .related-prd.swiper-wrap .swiper-button-next,
.babalive-unit .related-prd.swiper-wrap .swiper-button-prev {top:140px;}

.babafl-box {display:block;}

.fl-baaner {min-height: 220px; position: relative; width:100%; overflow: hidden;}
.fl-baaner > a {display:block;}
.fl-baaner > img {display:block; width:calc(100vw - 372px); max-width:1520px; position: absolute; top:0; left:0; z-index:0;}
.fl-baaner .box {display:flex; align-items: flex-end; position:absolute; top:27px; left:215px; z-index:1;}
.fl-baaner .title {font-size: 26px; font-weight: 500; line-height: 1.38; letter-spacing: -0.65px; color:#111; margin-right:50px; min-width:452px;}
.fl-baaner .title > span {display:block; font-size: 18px; line-height: 1.89; letter-spacing: -0.45px; margin-bottom: 5px; color: #666; font-weight:400;}
.fl-baaner .btn.primary {padding:0 30px;}

.fl-list {display: flex; align-items: stretch; /*justify-content: space-between;*/ flex-wrap: wrap;}
.fl-list > li {width:calc((100% - 60px) / 4);}
.fl-list > li + li {margin-left:20px;}
.fl-list > li:nth-child(4n+1) {margin-left:0;}
.fl-list > li:nth-child(n+5) {margin-top:70px;}
.fl-list .profile{justify-content: space-between; padding:20px 0 10px;}
.fl-list .profile .name {font-size: 16px; letter-spacing: -0.48px; font-weight:400;}
.fl-list .profile .profile-img {width:40px; height:40px;}
.fl-list .profile .sns li + li{margin-left:8px;}
.fl-list .post-cont {font-size: 14px; line-height: 1.43; color:#111;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.fl-list .post-bottom {margin-top:18px;}
.fl-list .post-bottom .like {margin-left:auto;}
.fl-baaner + .fl-list.best {margin-top:40px;}
.fl-list.best > li {width:calc((100% - 80px) / 3);}
.fl-list.best > li + li {margin-left:40px;}
.fl-list.best .post-cont {-webkit-line-clamp: 2;}
.fl-list.best .profile .name {font-size: 30px; }
.fl-list.best .fl-flag .flag {font-size:18px;}
.fl-list.best .i-sns {width:30px; height:30px; background-size:30px auto;}
.fl-list.best .i-sns.on {background-position-y: -30px;}
.fl-list .btn-vod {
    position:absolute; top:50%; left:50%; width:60px; height:60px; transform: translate(-50%, -50%); z-index:3;
    background:url('../img/btn_play_sm.png') no-repeat; font-size:0; }

/*babaon (사용X)*/
.babalive-now .ratio::before{padding-top:calc(534 / 365 * 100%);}
.babalive-now {display: flex; align-items: stretch;}
.babalive-now .live-wrap {width:365px;/* width:43.6%*/}
.babalive-now .live-info {width:calc(100% - 365px); /*width:53.4%;*/ padding-left:30px; display:flex; flex-direction: column;}
.babalive-now .live-info .brand + .title {margin-top:10px;}
.babalive-now .live-info .list-bottom  {margin:15px 0;}
.babalive-now .live-prd {margin-top:auto; }
.babalive-now .prd-list .brand {color:#999; font-size:12px;}
.babalive-now .prd-list .name {line-height: 1.43;font-size: 14px; letter-spacing: -0.6px;}
/*.babalive-now .title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}*/

.babalive-now .prd-list li {max-width:138px;}
.babalive-now .prd-list .prd-img .ratio::before{padding-top:calc(202 / 138 * 100%)}

.babalive-swiper > .swiper-container {padding-bottom:0;}
.babalive-swiper .swiper-slide.outer{width:836px!important;}
.babalive-swiper .swiper-button-next.outer,
.babalive-swiper .swiper-button-prev.outer {top:50%;}
.live-prd .swiper-button-next,
.live-prd .swiper-button-prev {top:100px;}

.babatv-high {display:flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between;}
.babatv-high .babalive {width:calc((100% - 86px) / 2); }
.babatv-high .babalive:nth-child(even) {margin-left:86px;}
.babatv-high .babalive .live-info{min-width:240px;}
.babatv-high .babalive .brand {font-size:10px;}
.babatv-high .prd-list li {width:calc((100% - 14px) / 2);}
.babatv-high .prd-list.thum li + li {margin-left:14px;}

.fl-guide + .fl-guide {margin-top:120px;}
.fl-guide .page-sub-desc {font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: -0.6px; margin-bottom: 30px;}


.fl-step {display:flex; align-items: stretch;}
.fl-step dl {position:relative; text-align:center; background-color: #f5f5f5; width:calc((100% - 180px) / 4);  height:330px; }
.fl-step dt {font-family: 'Montserrat'; font-size: 18px; font-weight: bold; line-height: 1.67; letter-spacing: -0.45px; margin-bottom:10px;}
.fl-step dd {font-size: 16px; color:#111; line-height: 1.5;}
.fl-step dd span {display:block; font-size: 12px; color:#666;}
.fl-step dl + dl {margin-left:60px;}
.fl-step dl + dl::after{content:''; position:absolute; top:50%; left:-30px; display:inline-block; vertical-align: top; width:11px; height:18px; background:url('../img/icon_steparrow.png') no-repeat; transform: translate(-50%, -50%);}
.fl-step dl::before {content:''; display:inline-block; vertical-align: top; width:88px; height:88px; background-repeat: no-repeat; margin:56px 0 30px;}
.fl-step dl:nth-child(1):before {background-image:url('../img/icon_fl01.png');}
.fl-step dl:nth-child(2):before {background-image:url('../img/icon_fl02.png');}
.fl-step dl:nth-child(3):before {background-image:url('../img/icon_fl03.png');}
.fl-step dl:nth-child(4):before {background-image:url('../img/icon_fl04.png');}

.fl-benefit ul:not(.list-group){display:flex; align-items: stretch;}
.fl-benefit ul:not(.list-group) > li {width:calc((100% - 40px) / 3);}
.fl-benefit h5 {font-size: 18px; line-height: 1.78; letter-spacing: -0.54px; font-weight:400; margin-bottom:16px;}
.fl-benefit ul:not(.list-group) > li + li {margin-left:20px;}
.fl-benefit .benefit-card + .benefit-card {margin-top:20px;}

.fl-benefit + .page-sub-desc {margin-top:70px;}
.fl-benefit .benefit-card.lv1 {background-color:#111; color:#fff;}
.fl-benefit .benefit-card.lv2 {background-color:#444; color:#fff;}
.fl-benefit .benefit-card.lv3 {background-color:#999; color:#fff;}
.fl-benefit .list-group li {font-size: 12px; color: #666; line-height: 1.83; letter-spacing: -0.3px;}

.benefit-card{position:relative; display:flex; flex-direction: column;background-color:#f5f5f5; border-radius: 6px; color: #111; padding:20px 30px; min-height: 160px;}
.benefit-card::before,
.benefit-card::after {content:''; display:inline-block; position:absolute; z-index:1; border-radius: 50%; background:#fff;  width:20px; height:20px; top:50%; }
.benefit-card::before {left:0; transform: translate(-50%,-50%);}
.benefit-card::after {right:0; transform: translate(50%,-50%);}
.benefit-card dt {font-size:18px; line-height:1.5; letter-spacing: -0.45px;}
.benefit-card dt > strong {font-size:14px; font-weight:500;}
.benefit-card dd {text-align:right; font-size: 32px; /*font-weight: 500;*/ line-height:1.468; margin-top:auto;}
/* #9112 :S */
.benefit-card dd span {display: block; margin-top: -3px; font-size: 16px; color: #fff; word-break: keep-all;}
/* #9112 :E */
.benefit-card.premium {background:#b8a482; color:#fff;}

.fl-level {display:flex;}
.fl-level dl {display:flex; align-items: center; width:calc((100% - 40px) / 3);}
.fl-level dl + dl {margin-left:20px;}
.fl-level dt {width:160px; height:160px; border-radius: 50%; font-size:26px; color:#fff;  text-align:center; line-height: 1.46; letter-spacing: -0.78px;  padding-top:62px;}
.fl-level dl:nth-child(1) dt {background-color:#111;}
.fl-level dl:nth-child(2) dt {background-color:#444;}
.fl-level dl:nth-child(3) dt {background-color:#999;}
.fl-level dd {font-size: 16px; line-height:1.5; letter-spacing: -0.48px; color:#111; padding-left:16px;}


.fl-apply .page-top .page-sub-txt {font-size:12px; color:#666; font-weight:300;}
.fl-apply {display:flex; align-items: stretch; justify-content: space-between;}
.fl-apply .left {width:400px;}
.fl-apply .list-group.number li {padding-left:100px; font-size: 16px; line-height:1.5; letter-spacing: -0.48px; color:#111;}
.fl-apply .list-group.number li + li {margin-top:30px;}
.fl-apply .list-group.number li span {display:block; font-size:12px; color:#666; font-weight:400;}
.fl-apply .list-group.number .no {font-size:0; width:64px; height:58px; margin-left:-100px; background-repeat: no-repeat; margin-top:-12px;}
.fl-apply .list-group.number li:nth-child(1) .no {background-image:url('../img/01_number.png');}
.fl-apply .list-group.number li:nth-child(2) .no {background-image:url('../img/02_number.png');}

.fl-apply-step {display:flex; }
.fl-apply-step dl {position:relative; width:186px; height:186px; background:#f5f5f5; border-radius: 50%; text-align:center;}
.fl-apply-step dl + dl {margin-left:48px;}
.fl-apply-step dl + dl::after{content:''; position:absolute; top:50%; left:-24px; display:inline-block; vertical-align: top; width:11px; height:18px; background:url('../img/icon_steparrow.png') no-repeat; transform: translate(-50%, -50%);}
.fl-apply-step dt {font-size:16px; color:#111; margin-bottom:10px; }
.fl-apply-step .list-group {display:inline-block; vertical-align: top;}
.fl-apply-step .list-group li {font-size:12px; color:#666; text-align:left; line-height:1.4; font-weight:300;}
.fl-apply-step .list-group li + li {margin-top:4px;}
.fl-apply-step dl::before {content:''; display:inline-block; vertical-align: top; width: 60px; height:60px; background-repeat: no-repeat; margin:26px 0 4px;}
.fl-apply-step dl:nth-child(1)::before{background-image:url('../img/icon_apply.png');}
.fl-apply-step dl:nth-child(2)::before{background-image:url('../img/icon_conform.png');}
.fl-apply-step dl:nth-child(3)::before{background-image:url('../img/icon_leader.png');}

.admin-wrap + .channel-wrap {margin-top:100px;}
.fl-apply-bn {position:relative; height:440px; }
.fl-apply-bn img {position:absolute; top:0; left:50%; max-width:calc(100vw - 18px); transform: translateX(-50%); z-index:0;}
.fl-apply-bn h3 {font-size:30px; color:#111; font-weight:600; line-height:1.4; margin-bottom:10px;}
.fl-apply-bn .sub-tx {font-size:20px; line-height:1.5; font-weight:400; margin-bottom:40px;}
.fl-apply-bn .text {position: absolute; top:50%; left:50%; z-index:2; transform:translateY(-50%); margin-left:-200px; }

.pos-rel {position:relative;}
.bdb-n {border-bottom:none; margin-bottom:0;}

.category-tab {position:relative;}
.category-tab .btn-more {display:block; position:relative; width:33px; height:33px; background:url('../img/icon_dropdown2.png') no-repeat; /*border-radius:50%; border:1px solid #eee;*/ position:absolute; top:0; right:0; text-indent:-9999px; cursor:pointer;}
.category-tab .btn-more.on {background: url('../img/icon_dropdown_on.png') no-repeat;}
.category-tab .btn-more::before {display:block; content:""; width:20px; height:33px; position:absolute; top:0; left:-20px; background:linear-gradient(to left, #ffffff, rgb(255, 255, 255, 0)); backdrop-filter: blur(0);}


/* 카테고리 tab */
.ctgr-menu {display:flex; flex-wrap:wrap; height:33px; overflow:hidden;}
.ctgr-menu li {margin-right:10px; margin-bottom:10px;}
.ctgr-menu li a {display:inline-block; font-size:14px; line-height:33px; border:1px solid #eee; border-radius:3px; text-align:center; height:33px; padding:0 14px; background:#fff;}
.ctgr-menu li.on a {background:#111; color:#fff; border-color:#111;}

.sch-rangking {margin-top:80px;}
.sch-rangking .page-title {display:block; margin-bottom:40px; line-height:1.33;}
.sch-rangking .soar-kwd {display:flex; justify-content:space-between;}
.sch-rangking .soar-kwd .list {width:60%;}
.sch-rangking .soar-kwd ul {width:calc(50% - 10px);}
.sch-rangking > div + div {margin-top:120px;}

.new-info {position:relative; font-size:16px; border-bottom:2px solid #111; padding-bottom:12px; margin:40px -46px 0 0;}
.new-info strong {font-size:48px; line-height:0.96; font-weight:500;}
.new-info span {position:absolute; bottom:16px; /*right:0;*/ right:46px;}
.new-info + .sch-brand {margin-top:80px;}
.new-info + .sch-brand .page-title {margin-bottom:32px;}
.news-cont .sch-brand {margin-top:40px; margin-bottom:0;}

.prdli-wrap .prd-top {margin-top:40px;}

.sch-brand .swiper-wrap {margin-right:-46px;}
.sch-brand .swiper-wrap .swiper-container-horizontal>.swiper-scrollbar {width:calc(100% - 46px);}
.sch-brand.type2 .brd-img .ratio::before {padding-top:calc(599/640 * 100%)}
.sch-brand.type2 .badge-group {z-index:5; top:40px; left:40px;}
.sch-brand.type2 .badge {font-size:20px; border-radius:10px; padding:10px 20px; height:44px; line-height:1.3;}
.sch-brand.type2 .banner-txt {position:absolute; left:40px; bottom:40px; display:-webkit-box; color:#fff; font-size:40px; max-height:96px; line-height:48px; z-index:3; letter-spacing:-0.05em; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.hot-sale {margin-top:120px;}
.hot-sale .tab-a li a {font-size:30px; padding-bottom:15px; color:#111; font-weight:400;}
.hot-sale .tab-a li.on a {font-weight:700;}
.hot-sale .tab-a li + li {margin-left:60px;}
.hot-sale .tab-cont > div {margin-top:80px;}
.hot-sale .tab-cont .slide-prd-list + .slide-prd-list {margin-top:80px;}
.hot-sale .tab-cont .page-title + .prd-top {margin-top:30px;}

.time-num {position:absolute; left:0; bottom:0; width:100%; height:133px; z-index:2;}
.time-num::before {display:block; content:""; background:linear-gradient(to bottom, rgba(17, 17, 17, 0) 10%, rgba(17, 17, 17, 0.4)); width:100%; height:100%;}
.time-num span {display:block; text-align:center; position:absolute; bottom:10px; left:50%; transform:translateX(-50%); font-size:30px; color:#fff; line-height:1.1; text-align:center;}



/* templateA 수정 */
.myorder-detail dd.end {width:260px;}

.list-group.font-s14 li {font-size:14px; line-height:1.43;}
.list-group.font-s14 li + li {margin-top:10px;}

.myorder-info .price-list dl:not(.total) {font-size:14px;}
.myorder-info .price-list > p {font-weight:400;}
.myorder-info .price-list > p + dl {margin-top:12px;}

.page-sm-txt {font-size:18px;font-weight:400;/* margin-bottom:20px; *//* margin-top:50px; */}

.tb-default.type2 {margin-bottom:60px;}
.tb-default.type2 th {background:#fff; font-size:14px; color:#666; text-align:center; font-weight:400; padding:12px 20px;}
.tb-default.type2 td {font-size:20px; color:#111; text-align:center; border-color:#eee;}
.tb-default.type2 td.font-s14 {font-size:14px;}
.tb-default.type2 td strong {font-weight:500;}
.tb-default.type2 td.title {text-align:left; line-height:1.57;}
.tb-default.type2 td.title .btn-tx {margin-right:20px;}
.tb-default.type2 tr:last-child th {border-bottom-color:#c7c7c7;}
.tb-default.type2 tr:last-child td {border-bottom-color:#eee;}
.tb-default.type2 + .list-group {margin-top:-50px}

.mybaba-wrap .hd-top {margin-bottom:20px;}
.mybaba-wrap .hd-top .page-sub-title{font-size:24px;  font-weight:400;}
.mybaba-wrap .hd-top .stxt {font-size:16px; color:#666;}
.mybaba-wrap .status {border-top:1px solid #111; padding:25px 0; margin-bottom:60px;}
.mybaba-wrap .status ul:not(.list) {display:flex; align-items:stretch;}
.mybaba-wrap .status ul > li {width:170px; text-align:center;}
.mybaba-wrap .status li em {display:block; font-size:16px;  line-height:1.5; }
.mybaba-wrap .status li span {display:block; font-size:40px; margin-top:6px; line-height:1.225;}
.mybaba-wrap .status li.c-gray6 a {color:#666;}
.mybaba-wrap .status .list > li {display:flex; align-items: center; justify-content: space-between; padding:0 35px; }
.mybaba-wrap .status .list > li em {width:50px;text-align:left; }
.mybaba-wrap .status .list > li span {font-size:20px; text-align: right; line-height:1.2; margin-top:0;}
.mybaba-wrap .status .list > li + li {margin-top:4px; }
.myorder-unit .page-sub-title + .swiper-wrap {margin-top:32px;}

.mybaba-wrap .order-period + .tab-c {margin:40px 0 20px;}
.mybaba-wrap .list .d-flex {flex-wrap:wrap;}
.mybaba-wrap .list .d-flex li:nth-child(n+3) {margin-top:20px;}
.mybaba-wrap .info-txt {text-align:center; font-size:16px; color:#fc2264; padding:18px 0 16px; border-top:1px solid #111; border-bottom:1px solid #c7c7c7; margin-top:20px;}
.mybaba-wrap .info-txt strong {font-weight:500;}
.mybaba-wrap .info-txt + .tb-order {border-top:none;}

.mybaba-wrap .info-txt.c-bgf5{font-size:20px; color:#111; border:none; padding:20px 0; font-weight:300; line-height:1.45; margin-bottom:50px;}
.mybaba-wrap .info-txt.c-bgf5 strong {font-weight:500;}

.mybaba-wrap .prd-list-top {margin-top:50px; margin-bottom:20px;}
.mybaba-wrap .tb-default.type2 .form-box .btn.sm.primary {width:84px;}
.mybaba-wrap .board-wrap .no-data {border-bottom:1px solid #eee;}
.mybaba-wrap .board-top {border-top:1px solid #111; border-bottom:1px solid #c7c7c7; padding:12px 0; display:flex;}
.mybaba-wrap .board-top span {font-size:14px; color:#666; display:block; text-align:center;}
.mybaba-wrap .board-top span:first-of-type {width:150px;}
.mybaba-wrap .board-top span:nth-of-type(2) {width:150px;}
.mybaba-wrap .board-top span:nth-of-type(3) {width:calc(100% - 450px);}
.mybaba-wrap .board-top span:last-of-type {width:150px;}
.mybaba-wrap .board-list .title {padding-right:0; font-size:14px; color:#111;}
.mybaba-wrap .board-list .title .progress {width:150px; text-align:center;}
.mybaba-wrap .board-list .title label {width:150px; text-align:center; margin-right:0;}
.mybaba-wrap .board-list .title .subject {width:calc(100% - 450px);}
.mybaba-wrap .board-list .title .subject .tx-ovf {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.mybaba-wrap .board-list .title .date {width:150px; text-align:center;}
.mybaba-wrap .board-list .accordion-panel .c-bgf5 {padding:11px 0 20px; font-size:14px;}
.mybaba-wrap .accordion-title.bg.open {background:#f5f5f5;}
.mybaba-wrap .accordion-title::after {display:none;}

.mybaba-wrap .prd-list-top .left + .btn-group .btn-tx {border-bottom: none;}
.mybaba-wrap .prd-list-top .left + .btn-group .btn-tx + .btn {margin-left:20px;}

.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) {border-bottom:1px solid #eee; padding:10px 0 30px;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .prd-area {display:block; padding-left:150px;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .prd-area::before {
    content:''; display:inline-block; width:12px; height:12px; background:url('../img/icon_qna.png') no-repeat;
    position:absolute; top:11px; left:69px;
}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .inquiry-detail {margin:0 0 0 150px;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .prd-area + .inquiry-detail {margin-top:20px;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .prd-area .ord-num {width:720px; text-align:left;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .prd-area .prd-list{padding:0; width:720px;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .prd-area .prd-list li {padding:20px 0;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .btn-group {top:26px;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .reply::before {
    content:''; display:inline-block; width:12px; height:12px; background:url('../img/icon_qna.png') 0 -12px no-repeat;
    position:absolute; top:50%; left:69px; margin-left:0;  transform: translateY(-50%);
}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .reply {position:relative; background:#f5f5f5; padding:30px 0; align-items: center; margin-bottom:-30px; }
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .reply p {padding-left:150px; flex:1;}
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .reply .date {width:150px; margin-right:150px; text-align: center;}
.mybaba-wrap .accordion-wrap.oneActive .board-top span.w-150 {width:150px;}
.mybaba-wrap .accordion-wrap.oneActive .board-top span.w-300 {width:300px;}

.mybaba-wrap .board-list .title .prd-list.cart li {padding:0;}
.mybaba-wrap .board-list .title .prd-list.cart .prd-info {padding-left:15px;padding-right: 10px;}
.mybaba-wrap .oneActive.type2 .board-list .title .progress {width:150px;}
/* 20220701 문의 답변글 관련 이미지 영역 추가 */
.mybaba-wrap .board-list .accordion-panel > div:not(.c-bgf5) .reply + .inquiry-detail {position:relative; width:100%; margin:0; padding:0 0 30px 150px; background:#f5f5f5}

.mybaba-wrap .type2 .board-top span:first-of-type {width:120px;}
.mybaba-wrap .type2 .board-top span:nth-of-type(2) {width:300px;}
.mybaba-wrap .type2 .board-top span:nth-of-type(3) {width:150px;}
.mybaba-wrap .type2 .board-top span:nth-of-type(4) {width:300px;}
.mybaba-wrap .type2 .board-top span:last-of-type {width:150px;}
.mybaba-wrap .type2 .board-list .title .progress {width:120px;}
.mybaba-wrap .type2 .board-list .title .prd {width:300px;}
.mybaba-wrap .type2 .board-list .title .subject {width:300px; flex-shrink: 0;}
.mybaba-wrap .inquiry-edit .tb-order .no-data {padding:0;}
.mybaba-wrap .inquiry-edit .tb-default th {font-size:16px; font-weight:400; text-align: center;}
.mybaba-wrap .inquiry-edit .tb-default tr:last-child th,
.mybaba-wrap .inquiry-edit .tb-default tr:last-child td {border-bottom-color:#eee;}
.mybaba-wrap .inquiry-edit .radio-list .radio {width:25%; font-size:16px;}
.mybaba-wrap .inquiry-edit .radio-list .radio:nth-of-type(n+5) {margin-top:47px;}
.mybaba-wrap .inquiry-edit ::placeholder {color:#999; font-weight:300;}
.mybaba-wrap .inquiry-edit .btn-group button {width:140px;}
.mybaba-wrap .checkbox-list {display:flex; align-items:center;}
.mybaba-wrap .checkbox-list div {width:25%; font-size:16px;}


.mybaba-wrap .inquiry-edit .i-faq::before{
    content:''; display:block;width:56px; height:42px; margin:0 auto 10px;
    background-repeat: no-repeat;
}
.mybaba-wrap .inquiry-edit .faq01::before {background-image: url('../img/icon_faq1.png');}
.mybaba-wrap .inquiry-edit .faq02::before {background-image: url('../img/icon_faq2.png');}
.mybaba-wrap .inquiry-edit .faq03::before {background-image: url('../img/icon_faq3.png');}

.board-list .accordion-panel {position:relative;}
.board-list .accordion-panel .prd-area {display:flex;}
.board-list .accordion-panel .prd-area .ord-num {width:300px; text-align:center; line-height:1.21;}
.board-list .accordion-panel .prd-list {width:570px; background:#fff; padding:20px;}
.board-list .prd-list.cart li {padding-bottom:20px; background:none;}
.board-list .prd-list.cart .prd-img {width:83px;}
.board-list .prd-list.cart .prd-img .ratio::before {padding-top:calc(122 / 83 * 100%);}
.board-list .prd-list.cart .brand {padding-top:0;}
.board-list .prd-list.cart .brand + .name {margin-top:5px;}
.board-list .prd-list.cart .option {margin-top:2px;}
.board-list .prd-list.cart .total {margin-top:2px;}
.board-list .accordion-panel .reply {padding-top:30px; display:flex; position:relative;}
.board-list .accordion-panel .reply::before {display:block; content:""; background-image:linear-gradient(to right, #ccc 40%, rgba(255, 255, 255, 0) 20%); background-position: top; background-size: 6px 2px;  background-repeat: repeat-x; width:calc(100% - 80px); height:2px; margin-left:40px; position:absolute; top:0; left:0;}
.board-list .accordion-panel .reply .answer {width:300px; text-align:center;}
.board-list .accordion-panel .reply .answer span {display:block;}
.board-list .accordion-panel .reply .answer::before {display:inline-block; content:"A."; font-weight:500; margin-right:4px;}
.board-list .accordion-panel .btn-group {position:absolute; top:11px; right:0; width:150px;}
.board-list .accordion-panel .btn-group button {width:84px; display:block; margin:0 auto;}
.board-list .accordion-panel .btn-group button + button {margin-top:5px;}

.inquiry-detail {margin-left:300px;margin-top:20px;min-height: 50px;}
.inquiry-detail .d-flex {margin-top:10px; justify-content:flex-start;}
.inquiry-detail .d-flex li {line-height:0;}
.inquiry-detail .d-flex li + li {margin-left:4px;}
.inquiry-detail + .reply {margin-top:30px;}
.type2 .inquiry-detail {margin-left:120px; margin-top:0; width:750px;}

.coupon.big {background:url('../img/coupon_bg_big.png') no-repeat; width:500px; height:195px; box-shadow:none;}
.coupon.big .inner-box {padding:0 40px; height:100%;}
.coupon.big .inner-box .info {font-size:20px; margin-left:20px;}
.coupon.big .discount {width:140px; font-size:50px; font-weight:500;}
.coupon.big .discount strong {font-size:50px; font-weight:500;}
.coupon.big .discount span {font-size:16px; display:block; margin-top:5px;}
.coupon.big .name {font-weight:500;}

.wreview-list {border-top:1px solid #111; margin-top:20px;}
.wreview-list .no-data {border-bottom:1px solid #eee;}
.wreview-list .review-box {border-bottom:1px solid #eee; padding:20px 0; display:flex;}
.wreview-list .review-box .prd-img {margin-right:15px; width:83px; overflow:hidden; z-index:0; position:relative; height:100%;}
.wreview-list .review-box .prd-img .ratio {z-index:1;}
.wreview-list .review-box .prd-img .ratio::before {padding-top:calc(122 / 83 * 100%);}
.wreview-list .review-box .rev-preview {display:flex; justify-content:space-between; width:calc(100% - 83px - 15px);}
.wreview-list .review-box .left-area {width:calc(100% - 342px)}
.wreview-list .review-box .left-area .date {margin-bottom:5px; font-size:14px; display:block;}
.wreview-list .review-box .left-area .prd-name {margin-top:44px; }
.wreview-list .review-box .left-area .rev-txt {margin-top:5px; position:relative;}
.wreview-list .review-box .left-area .rev-txt span {display:block; max-width:91.5%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.wreview-list .review-box .left-area .rev-txt a {position:absolute; top:0; right:0;}
.wreview-list .review-box .right-area {width:342px;}
.wreview-list .review-box .right-area .top {text-align:right;}
.wreview-list .review-box .right-area .top span {display:inline-block; font-size:14px; font-weight:500;}
.wreview-list .review-box .right-area .top span::before {display:inline-block; content:""; margin-right:12px; vertical-align:-3px;}
.wreview-list .review-box .right-area .top span::after {display:inline-block; content:""; width:1px; height:18px; background:#e5e5e5; margin:0 20px; vertical-align:middle;}
.wreview-list .review-box .right-area .top span:last-of-type::after {display:none; margin:0;}
.wreview-list .review-box .right-area .top .reply::before {background:url('../img/icon_msg.png') no-repeat; width:18px; height:16px;}
.wreview-list .review-box .right-area .top .like::before {background:url('../img/icon_like-white.png') no-repeat; width:21px; height:17px;}
.wreview-list .review-box .right-area .rev-img {margin-top:54px;}
.wreview-list .review-box .right-area .rev-img ul {display:flex; justify-content:flex-end; align-items:flex-end;}
.wreview-list .review-box .right-area .rev-img li {line-height:0;}
.wreview-list .review-box .right-area .rev-img li + li {margin-left:4px;}

.like-list {border-top:1px solid #111; padding-top:20px;}
.like-list .btn-del {text-indent:-9999px; background:url('../img/btn_closed.png') no-repeat; width:17px; height:17px; position:absolute; top:0; right:0;}
.like-list li a {margin-top:10px;}
.like-list li a + button {width:100%; margin-top:10px;}
.like-list .prd-img + .title {display:-webkit-box; font-size:16px; line-height:1.25; margin-top:15px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; height:40px; -webkit-box-orient:vertical;}
.like-list .prd-list.col-5 li:nth-child(n+6) {margin-top:70px;}
.like-list .brand-list {display:flex; flex-wrap:wrap;}
.like-list .brand-list li {width:calc((100% - 48px) / 3); position:relative;}
.like-list .brand-list li + li {margin-left:24px;}
.like-list .brand-list li:nth-child(n+4) {margin-top:70px;}
.like-list .brand-list li:nth-child(3n+1) {margin-left:0;}

.like-list li {position:relative;}
.like-list li .checkbox.black + a {margin-top:0;}
.like-list li .checkbox.black {position:absolute; top:10px; left:10px; z-index:4;}
/* .like-list li:hover .btn-sub-group,
.like-list li a:hover .btn-sub-group,
.like-list li a:focus .btn-sub-group {bottom:0;}
.like-list li .btn-sub-group  {position:absolute; bottom:-80px; left:0; width:100%; height:80px; background:rgba(17, 17, 17, 0.5); z-index:4; text-align: center; font-size:0;  transition:all 0.3s ease-in-out; pointer-events: none;}
.like-list li .btn-sub-group .btn-del,
.like-list li .btn-sub-group .btn-cart{position:static; width:30px; height:30px; font-size:0; display:inline-block; vertical-align: top; margin-top:25px;}
.like-list li .btn-sub-group .btn-del {background:url('../img/btn_favor_del.png') no-repeat; margin-left:36px;}
.like-list li .btn-sub-group .btn-cart {background:url('../img/btn_favor_cart.png') no-repeat;} */

.like-list.alarm .btn-alram {
    display:inline-block; vertical-align: top; width:30px; height:30px; font-size:0;
    background:url('../img/btn_babaon_alram.png') center center no-repeat; margin-top:10px;
}
.like-list .btn-del.white {
    top:10px; right:10px; width:20px; height:20px; z-index:4;
    background:url('../img/btn_favor_del.png') center center no-repeat;
}
.like-list .btn-del.white + a {margin-top:0;}

.alarm li .prd-img::before {display:block; content:""; background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; top:0; left:0;}
.alarm li a {position:relative;}
.alarm li a .time {position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align: center; font-size:24px; font-weight:400; color:#fff; text-align:center; line-height: 1; margin-top:-22px;}
.alarm li a .time strong {font-size:28px; font-weight:600; display:block; margin-top:5px;}

.like-list .brand-list .tx-eng {font-size: 26px;margin-top:5px;line-height:1.21;}
/* .like-list .brand-list .tx-eng::after {
  content:''; display:inline-block; vertical-align: top; margin:9px 0 0 10px;
  width:12px; height:21px;background:url('../img/arrow_right_white2.png') no-repeat;
} */

.like-list .brand-list .brd-name {line-height: 1.38; font-weight: 500;}


.que-area {border-top:1px solid #111; border-bottom:1px solid #eee; padding:0 20px;}
.que-area textarea { resize:none; font-size:16px; margin:20px 0;}

.add-file {display:flex; align-items:flex-start;}
.add-file ul:not(.list-group) {display:flex; align-items:stretch;}
.add-file ul:not(.list-group) li {position:relative; background:#f5f5f5;}
.add-file .pre-img, .add-file .add-img {display:none;}
.add-file .pre-img.on, .add-file .add-img.on {display:block; height:100%;}
.add-file input[type=file] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.add-file .btn-delete {position:absolute; font-size:0;}

.inquiry-edit .add-file ul li {width:140px; height:140px;}
.inquiry-edit .add-file ul li + li { margin-left:20px;}
.inquiry-edit .add-file .btn-delete {background:url('../img/btn_closeonpic2.png'); background-size:100%; width:30px; height:30px; background-size:100%; top:-10px; right:-10px;}
.inquiry-edit .add-file .add-img {background:url('../img/icon_addedonpic2.png') center center no-repeat;}
.inquiry-edit .add-file + .notice-box {margin-top:20px;}
.selectInquiryType{border-top:1px solid #111;display:flex;border-bottom: 1px solid #eee;padding: 20px;}
.selectInquiryType > *{border-bottom:1px solid #c7c7c7}
.selectInquiryType > *:not(:first-child){margin-left: 40px;}

.layerPop .w-412 {width:412px;}
.layerPop .w-460 {width:460px;}
.layerPop .w-478 {width:478px;}
.layerPop .w-640 {width:640px;}

#lyMybaba .scroll-wrap.form-wrap {max-height:calc(100vh - 440px); margin-top:0;}
#lyMybaba .scroll-wrap .form-row:last-of-type {margin-bottom:8px;}
#lyMybaba .pay-type .radio {width:calc((100% - 12px)/2);}
#lyMybaba .pay-type .radio + .radio {margin:0;}
#lyMybaba .pay-type .radio:nth-child(even) {margin-left:12px;}
#lyMybaba .pay-type .radio:nth-child(n+3) {margin-top:10px;}
#lyMybaba .pay-type + .form-box {margin-top:30px;}
#lyMybaba .order-guide .accordion-title {font-weight:500;}
#lyMybaba .order-guide .accordion-panel {font-weight:400;}
#lyMybaba .info-txt {font-size:14px; line-height:1.44; color:#666; font-weight:400; word-break:keep-all;}
#lyMybaba .info-txt strong {display:block; font-size:22px; font-weight:400; line-height:1.4; color:#111; margin-bottom:5px;}
#lyMybaba .info-txt.align-c {font-weight:400; color:#111;}
#lyMybaba .info-txt + .benefit-list {margin-top:12px;}
#lyMybaba .benefit-list {background:#f5f5f5; padding:10px 40px 5px;}
#lyMybaba .benefit-list dl {display:flex; justify-content:space-between; align-items:stretch; padding-top:20px; padding-bottom:20px;}
#lyMybaba .benefit-list dl + dl {border-top:1px solid #c7c7c7;}
#lyMybaba .benefit-list dt {font-size:22px; font-weight:300;}
#lyMybaba .benefit-list dd {text-align:right; font-size:14px; }
#lyMybaba .benefit-list dd strong {display:block; font-size:22px; color:#fc2264; font-weight:500; margin-bottom:6px;}
#lyMybaba .benefit-list dd span {display:block; }
#lyMybaba .benefit-list + .info-txt {margin-top:30px;}
#lyMybaba .form-wrap {margin-top:40px;}
#lyMybaba .form-row + .myorder-unit,
#lyMybaba .myorder-unit + .myorder-unit {margin-top:40px;}
#lyMybaba .myorder-unit {margin-top:0;}
#lyMybaba .myorder-unit .scroll-wrap {max-height:calc(100vh - 500px);}
#lyMybaba .tb-order {margin-bottom:5px;}
#lyMybaba .btn-list + .txt {font-size:14px; line-height:1.57; margin-top:7px;}
#lyMybaba .order-period {flex-wrap:wrap;}
#lyMybaba .order-period > div {width:100%;}
#lyMybaba .order-period .btn.sm {width:87px;}
#lyMybaba .order-period .btn.sm + .btn {margin-left:10px;}
#lyMybaba .order-period .btn.sm.black {width:84px;}
#lyMybaba .datepicker input[type=text] {width:100px;}
#lyMybaba .period-search .btn-search {margin-left:8px;}
#lyMybaba .period-search .tx-mid {margin:0 5px;}
#lyMybaba .tb-order td.v-top {vertical-align:top;}
#lyMybaba .list-group.font-s14 li {color:#111; font-weight:400;}
#lyMybaba .url-box {margin-top:12px;}
#lyMybaba .url-box textarea {background:#f5f5f5; padding:30px; font-size:16px; border:none; resize:none; height:155px; vertical-align:middle; line-height:1.88;}
#lyMybaba .notice-box .list-group.dash li {font-weight: 400; font-size:14px;}

#lyMybaba .order-period .period + .period-search {margin-left:0;}
#lyMybaba .tb-order td .btn.sm {padding:0 10px; min-width:70px;}

/* 20210915 팝업-상세이미지 추가 */
.popup-swiper-goodsDetail .gallery-top {padding-bottom:0}
.popup-swiper-goodsDetail .gallery-top .swiper-slide {display:flex; justify-content:center; align-items:center; width:100%; height:700px; max-width: 100%; max-height:100%; background:#f5f5f5; overflow:hidden}
.popup-swiper-goodsDetail .gallery-top .swiper-slide:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.03);pointer-events: none;}
.popup-swiper-goodsDetail .gallery-top .swiper-button-prev,
.popup-swiper-goodsDetail .gallery-top .swiper-button-next {top:50%; width:40px; height:40px; margin-top:-20px; background-color:rgba(255,255,255,0.5)}

.ly-pw-change .list-group {margin-top:20px;}
.ly-pw-change .list-group li {font-size:12px; color:#666; line-height:1.5;}

.ly-membership {width:900px;}
.ly-membership .scroll-wrap{max-height:calc(100vh - 220px);}
.ly-membership .notice-box {background:#fff; padding:0; margin-top:40px;}
.ly-membership .notice-box dl {font-size: 14px;  line-height:1.42;}
.ly-membership .notice-box dt {font-weight: 500; letter-spacing: -0.35px;}
.ly-membership .list-group li {letter-spacing: -0.35px; font-size:14px; color:#666;  font-weight:400;}
.ly-membership .list-group.number > li{padding-left:10px;}
.ly-membership .list-group.number > li .no {margin-left:-10px;}
.ly-membership .list-group.number > li + li {margin-top:10px;}
.ly-membership .list-group.dash > li {margin-top:4px;}
.ly-membership .tb-default {width:460px; border-top-width:2px;}
.ly-membership .tb-default tbody tr:last-child td{border-bottom-color:#eee;}
.ly-membership .tb-default thead th {font-size: 14px; text-align:center; border-bottom-color:#eee; line-height:1.42; padding:12px 0;}
.ly-membership .tb-default tbody td {color:#111; padding:20px 8px;}
.ly-membership .tb-default tbody td.rowspan {border-bottom-color:#fff; padding-bottom:0;}
.ly-membership .benefit-box {display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;}
.ly-membership .benefit-box .benefit-card {min-height:110px; padding:20px 24px;}
.ly-membership .benefit-box .benefit-card:not(.w-full) {width:calc(50% - 5px);}
.ly-membership .benefit-box .benefit-card:nth-child(n+3) {margin-top:10px;}
.ly-membership .benefit-box .benefit-card dt {font-size:14px; line-height: 1.33; letter-spacing: -0.35px; font-weight:400;}
.ly-membership .benefit-box .benefit-card dt > span {font-size:12px; letter-spacing: -0.3px; font-weight:300;}
.ly-membership .benefit-box .benefit-card dd{font-size: 20px;}
.ly-membership .benefit-box .benefit-card dd > strong {font-size:24px; font-weight: 600;}
.ly-membership .benefit-box.premium .benefit-card {background-color:#b8a482; color:#fff;}
.ly-membership .membership-box {display: flex; align-items: stretch; justify-content: space-between;}
.ly-membership .membership-box .right {width:410px;}
.ly-membership .membership-box h4 {font-size: 16px; line-height:1.5; color:#111; font-weight: 500; margin-bottom:14px;}
.ly-membership .benefit-box + h4 {margin-top:34px;}
.ly-membership .membership-box .list-group {margin-top:20px;}
.ly-membership .membership-box .list-group li {font-size:12px; color:#111; line-height: 1.67; letter-spacing: -0.36px;}
.ly-membership .ly-mbenefit {position:relative; margin-top:40px;}
.ly-membership .ly-mbenefit .title {font-size:20px; font-weight:500; line-height:1.45; margin-bottom:30px;}
.ly-membership .tab-a {position:absolute; top:3px; right:0;}
.ly-membership .tab-a a{font-size:16px; padding-bottom:12px; line-height:1.5;}
.ly-membership .tab-a li + li {margin-left:60px;}

.mylv-top {display:flex; align-items: stretch; margin-bottom:70px;}
.mylv-top .my-lv {width:510px;}
.mylv-top .my-lv .tit {display:flex; margin-bottom:20px;}
.mylv-top .my-lv .lv {display:block; font-size:24px; color:#111; font-weight:500; line-height:1;}
.mylv-top .my-lv .tit .btn-pr { font-size: 13px; color: #666; margin-top: auto; margin-left: 20px; padding:2px 0;}
.mylv-top .my-lv .tit .btn-pr::after {content:''; display:inline-block; vertical-align: top; width:6px; height:10px; background:url('../img/arrow_right_gray.png') no-repeat; margin:2px 0 0 10px;}
.mylv-top .my-lv .price {font-size:16px; color:#111; line-height: 1.5; margin-bottom:30px;}
.mylv-top .my-lv .graph {position: relative; background:#f5f5f5; height:4px; font-size:0;}
.mylv-top .my-lv .graph span {position: absolute; height:4px; top:0; left:4px; background:#111;}
.mylv-top .next-lv {display:flex; align-items: stretch; margin-left:70px;}
.mylv-top .next-lv li {position: relative;}
.mylv-top .next-lv li + li {margin-left:120px;}
.mylv-top .next-lv li + li::before {content:''; position: absolute; top:50%; left:-66px;  width:13px; height:22px; background:url('../img/arrow_right_big.png') no-repeat; transform: translateY(-50%);}
.mylv-top .mybaba-util dt {padding-top:5px;}
.mylv-top .mybaba-util dd {margin-top:5px; font-size:16px; font-weight: 600;}

.membership-unit {padding-top:30px;}
.tab-cont + .membership-unit,
.membership-unit + .membership-unit {margin-top:70px; padding-top:0;}
.membership-unit .page-sub-title {font-size:24px; font-weight:400; display:block; margin-bottom:30px;}
.membership-unit .tb-default.type2 {margin-bottom:0;}
.membership-unit .tb-default.type2 td:first-child {font-size:16px;}
.membership-unit .tb-default.type2 td:nth-child(n+2) {font-size:14px; line-height: 1;}
.membership-unit .tb-default.type2 td.left {text-align:left;}
.membership-unit .tb-default.type2 .rowspan td:nth-child(n+2){ border-bottom:none; padding-bottom:14px;}
.membership-unit .tb-default.type2 .rowspan + tr td {padding-top:0;}
.membership-unit .benefit-box {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.membership-unit .benefit-box dl {width:calc(50% - 10px); }
.membership-unit .benefit-box dl:nth-child(n+3) {margin-top:20px;}
.membership-unit .benefit-card:not(.premium) {background:#f5f5f5; padding:30px; min-height:200px;}
.membership-unit .benefit-card dt {font-size:20px;}
.membership-unit .benefit-card dt span {display:block; font-size:16px; color:#666; padding-top:5px; font-weight:500;}
.membership-unit .benefit-card dd strong{font-weight:500;}
.membership-unit .benefit-card.premium dt span {color:#fff; font-weight:400;}
.membership-unit .list-group.number {margin-top:36px;}
.membership-unit .list-group.number .no {margin-left:-10px;}
.membership-unit .list-group.number > li {padding-left:10px;}
.membership-unit .list-group.number > li + li {margin-top:15px;}
.membership-unit .list-group.number > li .list-group {margin-top:20px;}
.membership-unit .list-group.number > li .list-group  li{line-height:1.5;}
.membership-unit .notice-box.c-bgff {background:#fff; padding:0; margin-top:50px;}
.membership-unit .notice-box dt {font-size:16px; font-weight:500;}
.membership-unit .notice-box .list-group li {font-size:14px; font-weight:400;}
/* 20240214 #4785 회원등급 및 혜택 변경 대응 */
.membership-unit .ev-benefit .col3-list {width:100%; margin:0}
.membership-unit .ev-benefit .col3-list .benefit-card:not(.premium) {width:100%; min-height:auto}
/*  #6714 [FO] 2024년 8월 프리미엄 혜택 안내 변경 및 쿠폰 번호 변경 공유 건 */
.membership-unit .notice-box.c-bgff dl:not(:first-child) {margin-top: 20px;}


/* 케어 */
.care-banner {position:relative; height:720px; margin-bottom:60px}
.care-banner .imgWrap {position:relative; height:100%; margin:0 -46px; display:flex; align-items:center}
.care-banner .imgWrap img {position: absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.care-banner .txtWrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); text-align:center}
.care-banner .txtWrap .sub_tit {display:inline-block; height:42px; line-height:42px; padding:0 30px; border-radius:30px 30px 0 30px; font-size:20px; font-weight:300; color:#fff; background:#fc2264}
.care-banner .txtWrap .main_tit {display:block; margin-top:15px; font-size:60px; line-height:60px; font-weight:200; color:#fff}
.care-banner .txtWrap .main_tit span {font-weight:700}
.care-banner .txtWrap .tit_cont {margin-top:20px; font-weight:300; font-size:22px; color:#fff}
.care-banner .txtWrap .tit_cont span,
.care-banner .txtWrap .tit_cont strong {font-weight:500}
.care-wrap .btn-setting {display:inline-block; padding:0; font-weight:500}
.care-wrap .btn-setting::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000}
.care-wrap .btn-setting::after {content:""; width:16px; height:16px; vertical-align:-2px; margin-left:5px; background:url('../img/icon_care_moresee.png') 0 0 no-repeat}
.care-wrap .no-data {padding:100px 0 30px}
.care-wrap .no-data p strong {font-weight:500}
.care-wrap .no-data p + .btn-setting {margin-top:40px}
.care-wrap .dot-list .no-data {height:34px; line-height:34px; margin-top:30px}
.care-wrap  .dot-list .no-data strong {font-weight:700; color:#fc2264}
.care-wrap .btn-refresh {height:55px; padding:0 85px; font-size:22px; border-radius:0}
.care-wrap .btn-refresh span {margin-left:0}
.care-wrap .btn-refresh::before {content:""; display:none; background:url('../img/icon_care_refresh.jpg') no-repeat center; width:23px; height:21px; margin-right:10px; vertical-align:-5px}
.care-banner + .page-title { margin:70px 0 45px; font-size: 40px; font-weight: 400; text-align: center;}
.care-wrap .page-top {position:relative; margin-bottom:30px}
.care-wrap .dot-list {padding-bottom:30px}
.care-wrap .btn-setting + .dot-list .no-data {margin-top:0}
.care-wrap .dot-list + .btn-setting {position:relative; margin-bottom:20px; white-space:nowrap}
.care-wrap .dot-list + .btn-setting span {top:17px; left:100%; width:160px; border-radius:0 13px 13px 13px}
.care-wrap .dot-list + .btn-setting.care-set:after {content:"";
    -webkit-animation: care-set 1.2s infinite;
    -ms-animation: care-set 1.2s infinite;
    -moz-animation: care-set 1.2s infinite;
    animation: care-set 1.2s infinite
}
@keyframes care-set{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes care-set{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes care-set{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-ms-keyframes care-set{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.care-wrap > .page-top:first-of-type {margin-bottom:20px;}
.care-wrap .page-top + .page-sub-title {display:block; margin-top:-20px; margin-bottom:40px;}
.care-wrap .page-title {font-weight:400; }
.care-wrap .page-title + .tab-a {margin-top:32px; margin-bottom:40px;}
.care-wrap .tab-a li.on a{font-weight:500;}
.care-wrap .unit-box .tab-a ul {font-size:0; display:block; margin:-5px -20px;}
.care-wrap .unit-box .tab-a ul li {display:inline-block; vertical-align: top; margin:5px 20px; }
.care-wrap .unit-box .tab-a li + li {margin-left:20px;}
.care-wrap .page-sub-title {font-weight:400; font-size:24px; line-height:1.6; }
.care-wrap .unit-box {margin-bottom:120px; position:relative;}
.care-wrap .unit-box > .page-sub-title {margin-bottom:20px;}
.care-wrap .unit-box .tab-ui + .tb-nxt { margin-top: 35px;}
.care-wrap .unit-box .d-flex {margin-top:60px;}
.care-wrap .unit-box .d-flex .w-half {width:50%;}
.care-wrap .unit-box .d-flex .w-half:first-of-type {padding-right:74px;}
.care-wrap .unit-box .d-flex .w-half:last-of-type {padding-left:34px;}
.care-wrap .unit-box .d-flex .w-half .page-top {margin-top:0; margin-bottom:20px;}
.care-wrap .unit-box .d-flex .w-half .page-sub-title {line-height:1.67;}
.care-wrap .unit-box .d-flex .w-half .prd-list.col-3 {width:100%; flex-wrap:nowrap;}
.care-wrap .unit-box .d-flex .w-half .prd-list.col-3 li {width:calc((100% - 40px) / 3);}
.care-wrap .unit-box .d-flex .w-half .prd-list .prd-img .ratio::before {padding-top:calc(410 / 280 * 100%)}
.care-wrap .unit-box .left {width:306px;}
.care-wrap .unit-box .left .page-sub-title {margin-top:50px; line-height:1.67;}
.care-wrap .unit-box .left .info {margin-top:28px;}
.care-wrap .unit-box .info {font-size:16px;}
.care-wrap .unit-box .info .tooltip {vertical-align:middle; margin-bottom:3px;}
.care-wrap .unit-box .right {width:calc(100% - 306px);}
.care-wrap .prd-list .brand + .name  {margin-top:10px;}
.care-wrap .prd-list .name {margin-top:0;}
.care-wrap .prd-list.thum.col-4 {width:100%}
.care-wrap .prd-list.thum.col-4 li {width:calc((100% - 60px) / 4);}
.care-wrap .prd-list.thum.col-4 li:nth-child(n+5) {margin-top:74px;}
.care-wrap .prd-list.thum.col-4 li:nth-child(4n+1) {margin-left:0;}
.care-wrap .unit-box .ly-tooltip {top:30px; left:-95px; padding:17px 15px 16px}
.care-wrap .unit-box .ly-tooltip .tooltip-conts {font-size:13.5px}
.care-wrap .unit-box .ly-tooltip .btn-closed {top:2px; right:0}
.care-wrap .perview-auto li:nth-child(3n+1) .prd-info {display:block}
.care-wrap .area_exh {width:23vw; padding-right:75px}
.care-wrap .area_exh .exh-list li {width:100%}
.care-wrap .area_prd {width:100%}
.care-wrap .area_exh + .area_prd {width:77vw; padding-left:35px}
.care-wrap .cash-code {line-height:34px; font-size:16px}
.care-wrap .cash-code .btn-share {vertical-align:middle; width:20px; height:20px; margin-top:-3px; margin-left:5px; background-size:100% auto}

.stepLocation{display:inline-flex;align-items:center; min-height:16px;}
.stepLocation > span{display:inline-flex;justify-content:center;align-items:center;width:8px;height:8px;background:#e9e9e9;font-size:0;border-radius:50%}
.stepLocation > span + span{margin-left:12px}
.stepLocation > span.on{font-size:9px; width:16px;height:16px; line-height:16px; background:#111;color:#fff; text-align:center;}
.stepLocation > span.on + span{margin-left:8px}
.stepLocation > span + span.on{margin-left:8px}
.layerPop .btn-close.btn-basicS{font-size: 11px; width:auto; color: #666; background: #fafafa;border:1px solid #eee; display:inline-block; vertical-align: top; padding:3px 10px;}

.tagEditor{overflow:hidden}
.tagEditor > ul{display:flex;flex-wrap: wrap;margin: -3px;}
.tagEditor > ul > li{position: relative;display:inline-flex;background:#111;margin: 3px;height:30px;color:#fff;font-size:12px;border-radius: 3px;align-items: center;padding: 0 10px;white-space: nowrap;box-sizing: border-box;font-weight: 300;}
.tagEditor > ul > li .del{display:inline-block;min-width: 11px;max-width: 11px;max-height: 14px;background: url(../img/del.png) no-repeat center;background-size: 7px auto;text-indent: -10000px;margin-left: 5px;}
.tagEditor.n2 > ul > li{width: calc(50% - 6px);}
.tagEditor.n2 > ul > li .del{position:absolute;right: 10px;margin-left: 0;}
.tagEditor .nodata{font-size:14px; line-height:1.5;}
* + .tagEditor{margin-top:30px}

.tagSelector{overflow:hidden}
.tagSelector > .inner{display:flex;flex-wrap: wrap;margin: -3px;}
.tagSelector label input{display:none}
.tagSelector label input + span{position: relative;display: inline-flex;border: 1px solid #eee;background: #fff;margin: 3px;height: 30px;color: #111;font-size: 12px;border-radius: 3px;align-items: center;padding: 0 10px;white-space: nowrap;box-sizing: border-box;font-weight: 300;}
.tagSelector label input:checked + span{background:#111;color:#fff}

.optionEditWrap > h3{font-size: 14px; color: #111; font-weight:500; padding:10px 0;}

.tagEditor  +  .tagViewer {margin-top:40px;}

.tagViewer{overflow:hidden}
.tagViewer > ul{display:flex;flex-wrap: wrap;margin: -3px;}
.tagViewer > ul > li > *{position: relative;display:inline-flex;border: 1px solid #eee;background: #fff;margin: 3px;height:30px;color: #111;font-size:12px;border-radius: 3px;align-items: center;padding: 0 10px;white-space: nowrap;box-sizing: border-box;font-weight: 300;}
.tagViewer.sizeL > ul > li > *{height:35px;padding:0 16px;font-size:13px}
.tagViewer.n2 > ul > li{width: calc(50% - 6px);}
.tagViewer + .title-area{margin-top:50px}
.tagEditor + .title-option{padding-top:20px;}
.title-option + .tagSelector{padding-top:10px;}

.ly-tutorials {width:450px; }
.ly-tutorials .page-sub-title {font-size:20px; font-weight:300; margin-bottom:30px; display:block;  }
.ly-tutorials .page-sub-title + .page-sub-desc {margin-top:-20px;}
.ly-tutorials .page-sub-desc {margin-bottom:50px;}
.ly-tutorials  .title-inner {font-size:20px; margin:40px 0 15px; line-height:1.5; font-weight: 300;}
.ly-tutorials  .title-tag {font-size:16px; margin:30px 0 15px; line-height:1.5;}
.ly-tutorials .accordionBox + .accordionBox {margin-top:30px;}
.ly-tutorials .accordion-title {background-color:#f5f5f5; padding:15px 40px 15px 15px; font-size:14px; font-weight:300;}
.ly-tutorials .accordion-title strong {font-weight:500;}
.ly-tutorials .accordion-title .tagEditor {margin-top:15px;}
.ly-tutorials .accordion-title::after {right:15px; top:24px;}
.ly-tutorials .accordionBox .accordion-panel > div {background-color:#f5f5f5; padding:0 15px 15px 15px; }
.ly-tutorials .scroll-wrap {max-height:calc(100vh - 400px); height:calc(100vh - 400px);}
.ly-tutorials .subMessage {font-size:14px; line-height:1.5; padding:30px 0;}

.careMain{padding: 180px 20px 0 20px; width:450px; height:calc(100vh - 160px); margin-top:-10px;}
.careMain .title > *{display:block}
.careMain .title > span{font-size:24px;font-weight:100}
.careMain .title > strong{font-size:30px;font-weight:500;margin-top:14px; letter-spacing: -1px;}
.careMain .title > em{font-size:16px;margin-top:24px; line-height:1.5;}
.careMain .title{position:relative;z-index:2}
.careMain .title > *:nth-child(1){animation:txtUp 1s ease 1.3s both;}
.careMain .title > *:nth-child(2){animation:txtUp 1s ease 1.6s both;}
.careMain .title > *:nth-child(3){animation:txtUp 1s ease 1.9s both;}
.careMain .visualMotion{position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.careMain .visualMotion .bubbles > span{position:absolute;display:inline-block;border-radius:50%;overflow: hidden;}
.careMain .visualMotion .bubbles > span > img{width:100%;}
.careMain .visualMotion .bubbles .b1{top:-4%;right:8%;width:147px;height:147px;background:#f5f5f5;animation:bubbleUp 3s ease both;}
.careMain .visualMotion .bubbles .b1 > img{animation:scaleOpa 4s ease 1.6s both;}
.careMain .visualMotion .bubbles .b2{top: 345px;left: 230px;width:60px;height:60px;background:#f5f5f5;animation:bubbleUp 2.4s ease .4s both;}
.careMain .visualMotion .bubbles .b3{top:60%;left:-10%;width:217px;height:217px;background:#f5f5f5;animation:bubbleUp 3s ease both;}
.careMain .visualMotion .bubbles .b3 > img{animation:scaleOpa 4s ease 3.0s both;}
.careMain .visualMotion .bubbles .b4{bottom:0;right:-10%;width:170px;height:170px;background:#f5f5f5;animation:bubbleUp 3.8s ease both;}
.careMain .visualMotion .bubbles .b4 > img{animation:scaleOpa 4s ease 2.8s both;}
.careMain .bottomFloating-button {text-align:left; margin-top:40px;}
.careMain .bottomFloating-button button{animation:bottomUp .8s ease 3s both;}


@keyframes txtUp {
    from {
        transform:translateY(100%);
        clip-path: inset(0 0 100% 0);
    }

    to {
        transform:translateY(0);
        clip-path: inset(0 0 0 0);
        opacity:1;
    }
}

@keyframes bubbleUp {
    from {
        transform:translateY(800%) scale(3.4);
    }

    to {
        transform:translateY(0) scale(1);
    }
}

@keyframes bottomUp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.perview-auto li {max-width:380px;}
.perview-auto li .ratio::before {padding-top:calc(556 / 380 * 100%);}
/* .perview-auto li:nth-child(3n+1) {max-width:456px;} */
.perview-auto li:nth-child(3n+1) .prd-info {display:none;}
.perview-auto li:nth-child(3n+1) .ratio::before {padding-top:calc(668 / 456 * 100%);}

/*.click-prd .prd-list li {width:365px; max-height:156px;}*/
.click-prd .prd-list a {padding:20px;border:2px solid #fff;/* opacity: 0.4; */}
.click-prd .prd-list a:hover {border-color:#111; opacity: 1;}
.click-prd .prd-list.list .prd-img {width:80px; flex-shrink: 0;}
.click-prd .prd-list.list .prd-info {width:calc(100% - 120px);}
.click-prd .prd-list .prd-img .ratio::before {padding-top:calc(116 / 80 * 100%);}

.care-cont {margin-top:60px;}

.btn-setting {font-size:16px; position:relative;}
.btn-setting span {display:block; background:#111; border-radius:13px 13px 0 13px; font-size:11px; color:#fff; position:absolute; top:-20px; left:-72px; height:26px; line-height:26px; padding:0 10px; font-weight:300; cursor:default; font-style:normal;}
.btn-setting::after {display:inline-block; content:""; width:40px; height:40px; background:url('../img/icon_setting.png') no-repeat; margin-left:10px; vertical-align:-13px;}

.btn-refresh {display:block; width:auto; height:60px; padding:0 50px; background:#fff; border:1px solid #111; border-radius:10px; font-size:16px; font-weight:400; margin:40px auto 0;}
.btn-refresh span {margin-left:10px;}
.btn-refresh::before {display:inline-block; content:""; background:url('../img/icon_refresh_big.png') no-repeat center; width:24px; height:24px; margin-right:10px; vertical-align:-5px;}

.exh-list.col-2 li {width:calc((100% - 20px) / 2);}

.dot-list {font-size:16px; font-size:0; margin:-5px;}
.dot-list span {display:inline-block; vertical-align: top; font-size:14px; color:#fff; background:#111; border-radius: 3px; padding:9px 15px; margin:5px;}
/*.dot-list span + span::before {display:inline-block; content:""; width:3px; height:3px; background:#666; border-radius:50%; margin-left:10px; margin-right:10px; vertical-align:5px;}*/
.dot-list + .tab-ui {margin-top:85px;}
.dot-list .no-data {text-align:left; padding:0 5px; font-size:16px; color:#111; margin-top:45px;}

/*이메일수집거부*/
.email-reject {width:420px; margin:0 auto;}
.email-reject .page-title strong {font-weight:500;}
.email-reject .cont {font-size:18px; color:#666; line-height:1.5; font-weight:300; margin-top:40px;}
.email-reject .cont strong {font-weight:500;}
.email-reject .btn-group {text-align:center; margin-top:40px;}
.email-reject .btn-tx {font-size:18px; font-weight:400;}
.email-reject .date {background:#f5f5f5; color:#111; font-size:24px; margin-bottom:40px; font-weight:400; padding:20px;/* text-align: center;*/}

/*공유하기*/
.ly-share {width:360px; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom:10px;}
.ly-share .btn-share{display:inline-block; vertical-align: top; width:60px; height:60px; background:url('../img/icon_share.png') no-repeat; font-size:0; margin:0 30px;}
.ly-share .btn-share:nth-child(n+4) {margin-top:30px;}
.ly-share .btn-share.url{background-position-y: 0;}
.ly-share .btn-share.kakao{background-position-y: -60px;}
.ly-share .btn-share.line{background-position-y: -120px;}
.ly-share .btn-share.fb{background-position-y: -180px;}
.ly-share .btn-share.tw{background-position-y: -240px;}
.ly-share .btn-share.pin{background-position-y: -300px;}


/*크레마리뷰*/
.rating .crema_product_reviews_score_star_wrapper {width:20px; height:20px;}
.best-wrap .crema-reviews { margin-top:30px;}

.order-notice {margin-bottom:85px; padding:45px 30px; background:#f5f5f5}
.order-notice .tit-notice {position:relative; display:block; margin-bottom:35px; padding-left:20px; line-height:1em; font-weight:400; font-size:18px; color:#111}
.order-notice .tit-notice:after {content:""; position:absolute; top:5px; left:0; width:9px; height:8px; background:url('../img/icon_order-notice.png') 50% 50% no-repeat}
.order-notice p {line-height:1.71em; font-weight:300; font-size:14px; color:#111; word-break:keep-all}

/* 20211001 MD추천 신규 메뉴 추가 */
#tab-pickProduct.tab-a.swiper{overflow:hidden}
#tab-pickProduct.tab-a.swiper > ul > li{flex:none;white-space: nowrap;display: inline-block;width: auto;}
#tab-pickProduct.tab-a.swiper > ul > li > a{/* padding: 5px 0; */box-sizing: border-box;}

/* 20211001 입점 상품 브랜드 노출 */
#lyBrandList .scroll-wrap {max-height:calc(100vh - 300px); border:1px solid #ddd; background:#f0f0f0}
#lyBrandList .scroll-wrap.mCustomScrollbar {margin-right:0}
#lyBrandList .scroll-wrap.mCustomScrollbar .mCSB_container {padding-right:7px}
.tbl-list ul {display:flex; flex-wrap:wrap; justify-content:stretch; align-items:center; text-align:center}
.tbl-list ul li {padding:30px 20px; word-break:break-all; box-sizing:border-box}
.tbl-list.col4 ul li {width:25%}

/* 20211026 서브메뉴 텍스트 크기 및 기타 수정 요청 */
/* .channel-wrap .lnb-list .depth2 > li + li {margin-top:15px} */
/* .channel-wrap .lnb-list .depth2 > li._menu3 a,
.channel-wrap .lnb-list .depth2 > li._menu4 a,
.channel-wrap .lnb-list .depth2 > li._menu5 a,
.channel-wrap .lnb-list .depth2 > li._menu6 a,
.channel-wrap .lnb-list .depth2 > li._menu7 a {line-height:1.33; font-weight:300; font-size:30px} */
/* 20220207 서브메뉴 텍스트 크기 및 기타 수정 요청 */
.channel-wrap .lnb-list .depth2 > li a {line-height:1.33; font-weight:300; font-size:30px}

/* 20220127 페스타 상품 주문 안내 문구 적용 */
.notice-festa {margin:30px 0; line-height:1.5em; font-size:16px; font-weight:500; color:#f00}
.notice-festa + .myorder-unit,
.notice-festa + #delivery_nodata + #delivery_list .myorder-unit {margin-top:30px}
.notice-festa + #delivery_nodata + #delivery_list .myorder-unit ~ .myorder-unit {margin-top:65px}

/* 20220418 아울렛, 기획전 메인비주얼 팝업 추가 */
.ly-mvisual.type2 {width:700px; margin-top:-10px;}
.ly-mvisual.type2 .scroll-wrap {max-height:calc(100vh - 200px); }
.ly-mvisual.type2 .exh-list {padding-bottom:30px;}
.ly-mvisual.type2 .exh-list ul{ flex-direction: column;}
.ly-mvisual.type2 .exh-list li {width: 100%;margin-left:0;margin-top:40px;}
.ly-mvisual.type2 .exh-list li:nth-child(n+3) {margin-top:40px;}
.ly-mvisual.type2 .exh-list li .ratio::before {padding-top: calc(45% - 10px);}

/* 20221021 본인확인 이용약관 항목 추가 */
.layerPop .tab-a ul li.terms-thrifty {display:none}
.layerPop.ly-terms05 .tab-a ul li a {font-size:13px}
.layerPop.ly-terms05 .tab-a ul li + li {margin-left:25px}
.layerPop.ly-terms05 .tab-a ul li.terms-thrifty {display:block}

/* 20230608 #3782 상품상세 이미지에 코디상품 버튼 추가 */
.detail-wrap .btn-cody {position:absolute; bottom:173px; left:20px; z-index:15; padding:0 14px}

/* 20230612 #3791 케어 페이지 내, 바바캐시 안내 추가 */
.cash-code-wrap {padding:70px 0 140px}
.cash-code-wrap ul {display:flex}
.cash-code-wrap ul li {display:flex; width:895px; height:160px; background:#f5f5f5; align-items:center; justify-content:center}
.cash-code-wrap ul li ~ li {margin-left:30px}
.cash-code-wrap ul li .cash-code-title {position:relative; font-size:24px; margin-right:30px}
.cash-code-wrap ul li .cash-code-title::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.cash-code-wrap ul li .cash-code-title.title-code {padding-left:60px}
.cash-code-wrap ul li .cash-code-title.title-code::before {width:40px; height:40px; background:url(../img/icon_cash_code.png) no-repeat}
.cash-code-wrap ul li .cash-code-title.title-benefit {padding-left:86px}
.cash-code-wrap ul li .cash-code-title.title-benefit::before {width:56px; height:34px; background:url(../img/icon_cash_benefit.png) no-repeat}
.cash-code-wrap ul li .cash-code-title ~ a {margin-left:56px}
.cash-code-wrap ul li a.arrow-white {font-size:16px; border-radius:5px; padding:0 25px}
/* 20230704 #3778 상품메인기획전 테마 탭방식 작업 요청  */
/* 탭영역 */
.main_exh_tab_area {position: sticky; top: -1px; z-index: 12; margin-top: -15px;  width: 100%; overflow:hidden}
/* .main_exh_tab_area::after {content: ''; position: absolute; top: 0; right: -30px; z-index: 2; width: 60px; height: 100%; background: linear-gradient(to right, rgba(255,255,255,.0) 0%, var(--white) 90%);} */
.main_exh_tab_area.fixed {position:fixed; top:-1px; z-index:12; max-width:1920px}
.main_exh_tab_area .main_exh_tab_list {padding: 15px 0; width:100%; background: #fff;}
.main_exh_tab_area .main_exh_tab_list ul li {width: auto;}
.main_exh_tab_area .main_exh_tab_list ul li + li {margin-left: 10px;}
.main_exh_tab_area .main_exh_tab_list ul li a {display: flex; align-items: center; padding: 0 24px; height: 40px; border-radius: 100px; border: 1px solid #ddd; font-size: 16px; line-height: 1; color: #555;} /* #9001 */
.main_exh_tab_area .main_exh_tab_list ul li.on a {border-color: #111; background: #111; color: #fff;} /* #9001 */
.main_exh_tab_area div[class*="swiper-button"] {top: 0; z-index: 2; margin-top: 0; width: 50px; height: 100%;}
.main_exh_tab_area .swiper-button-prev {left: 0; background: linear-gradient(to left, transparent 0, var(--white) 100%);}
.main_exh_tab_area .swiper-button-next {right: 0; background: linear-gradient(to right, rgba(255,255,255,.0) 0, var(--white) 100%);}
.main_exh_tab_area .swiper-button-next.swiper-button-disabled,
.main_exh_tab_area .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.main_exh_tab_area div[class*="swiper-button"]::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_exh_tab_area .swiper-button-prev:after {background: url('../img/tab_arrow_prev.png') no-repeat left center;}
.main_exh_tab_area .swiper-button-next:after {background: url('../img/tab_arrow_next.png') no-repeat right center;}

/* 체크영역 */
.fixed + .main_exh_opt_area {padding-top: 80px;}
.main_exh_opt_area .filter_area {position:relative; width:100%; padding:40px 0}
.main_exh_opt_area .filter_area:after {content:""; display:block; clear:both}
.main_exh_opt_area .check_area {float:left; width:calc(100% - 100px); text-align:left}
.main_exh_opt_area .check_area ul li {position:relative; display:inline-block; font-size:0; margin-right:40px; padding:5px 0}
.main_exh_opt_area .check_area ul li input[type="checkbox"] {position:absolute; top:50%}
.main_exh_opt_area .check_area ul li input[type="checkbox"] + label {position:relative; display:inline-block; padding-left:37px; line-height:24px; color:#000; font-size:18px; box-sizing:border-box; cursor:pointer}
.main_exh_opt_area .check_area ul li input[type="checkbox"] + label:focus {background:none; border:0}
.main_exh_opt_area .check_area ul li input[type="checkbox"] + label:after {content:""; display:none}
.main_exh_opt_area .check_area ul li input[type="checkbox"] + label:before {content:""; position:absolute; top:0; left:0; z-index:2; display:block; width:24px; height:24px; background:url(https://image.babathe.com/upload/specialDisplay/htmlImage/2020/20230202_Secret_hub_pc_bg_chk_off.png) 50% 50% no-repeat; background-size:100% auto}
.main_exh_opt_area .check_area ul li input[type="checkbox"]:checked + label:before {content:""; background:url(https://image.babathe.com/upload/specialDisplay/htmlImage/2020/20230202_Secret_hub_pc_bg_chk_on.png) 50% 50% no-repeat; background-size:100% auto}
.main_exh_opt_area .prd-option {position:absolute; top:50%; right:45px; font-size:0; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.main_exh_opt_area .prd-option select {padding-right:20px; text-align:right; font-size:13px; border:none; background:url(https://image.babathe.com/upload/specialDisplay/htmlImage/2020/bg_pc_form_select_sm.png) 100% 50% no-repeat}

/* 20230713 #3948 마이바바 내, 임직원 코드 노출 */
.mybaba-util dl.m-employee::before {background-image: url(../img/icon_employee_code.png)}
.m-employee .cash-code {display:flex; align-items:center; justify-content:center}
.m-employee .cash-code button {width:20px; height:20px; background-size:100% auto; margin-left:4px}

/* 20230720 #3997 주문서 내 카드이벤트 툴팁 추가 */
.pay-type .radio.benefit input[type="radio"] + label:after {content:"혜택"; position:absolute; display:block; top:-10px; right:10px; font-size:12px; color:#fff; border-radius:10px; white-space:nowrap; background:#fc2264; padding:5px 8px; pointer-events:none}

/* 20230608 #3782 상품상세 이미지에 코디상품 버튼 추가 */
.detail-wrap .btn-cody {position:absolute; bottom:173px; left:20px; z-index:15; padding:0 14px}

/* 20230802 #3959 [FO] 상품 상세 내 쿠폰 고도화, 쿠폰 목록 화면 신설 */
.detail-wrap .btn-down {width:180px; height:34px; line-height:34px; margin-top:-5px; font-size:12px}
/* .ly-detail-coupon {padding-top:0} */
/* #9698 :S > 수정 및 추가 */
.ly-detail-coupon .sub_tit {display:block; margin-bottom: 8px; font-weight:400; font-size:16px;}
.ly-detail-coupon .list-group {margin: 8px 0;}
.ly-detail-coupon .list-group li {line-height:1.4285; color: #111;}
.ly-detail-coupon .list-group li + li {margin-top: 4px}
.ly-detail-coupon .scroll-wrap {max-height:600px; margin:0 -30px -20px}
.ly-detail-coupon .coupon-list {margin:0 -30px; padding:0 30px 20px}
.ly-detail-coupon .list li + li{margin-top:10px}
.ly-detail-coupon .mCSB_container {padding:0 30px 20px}
.ly-detail-coupon .btn.primary.black {margin-top:10px; font-size: 15px;}
.ly-detail-coupon .btn.primary.black.all-complete {font-size:0; color:#ABABAB; border-color:#E9E9E9; background:#E9E9E9; pointer-events:none}
.ly-detail-coupon .btn.primary.black.all-complete:before {content:"쿠폰 받기 완료"; font-size:18px}
.list-area.coupon_list .ev-benefit .title:after {content:""; display:block; clear:both}
.list-area.coupon_list .ev-benefit .title .page-sub-title {float:left; margin-bottom:0}
.list-area.coupon_list .ev-benefit .title button {float:right; width:180px}
.list-area.coupon_list .col3-list + .notice-box {margin-top:40px}
.list-area.coupon_list .btn.primary.black {background-color:#000; color:#fff}
.list-area.coupon_list .btn.primary.black.all-complete {font-size:0; color:#ABABAB; border-color:#E9E9E9; background:#E9E9E9; pointer-events:none}
.list-area.coupon_list .btn.primary.black.all-complete:before {content:"쿠폰 받기 완료"; font-size:18px}
.ly-detail-coupon .coupon-area + .coupon-area {margin-top: 36px;}
.ly-detail-coupon .coupon-area ~ .list-group {margin-top: 36px;}
.ly-detail-coupon .coupon-area ~ .list-group li {color: #555;}
.ly-detail-coupon .cpn_type02 .inner-box {height: 160px;}
.ly-detail-coupon .cpn_type02 .inner-box .info .discount ,
.ly-detail-coupon .cpn_type02 .inner-box .info .discount strong {font-size: 32px;}
.ly-detail-coupon .cpn_type02 .inner-box .info {padding: 20px 35px 7px;}
.ly-detail-coupon .cpn_type02 .inner-box .info .txt,
.ly-detail-coupon .cpn_type02 .inner-box .info .date {font-size: 12px;}
/* #9698 :E */

/* 20230818 #4093 [FO]온라인 심의접수 메뉴 추가 */
.cs-unit .inquiry {flex-wrap:wrap}
.cs-unit .inquiry > div {display:flex; min-height:81px; flex-wrap:wrap; align-items:start}
.cs-unit .inquiry > div:nth-child(n+3) {margin-top:30px}
.cs-unit .inquiry dl {width:100%}
.inquiry .online-check {background:url(../img/icon_note.png) no-repeat; background-position:2px center; background-size:72px auto}

.cs-wrap .inquiry-unit {margin-top:40px}
.inquiry-progress {display:flex}
.inquiry-progress li {position:relative; display:block; width:165px; height:165px; border-radius:50%; border:1px solid #eee; text-align:center; background-repeat:no-repeat; background-size:auto 60px; background-position:center 37px}
.inquiry-progress li:nth-child(1) {background-image:url(../img/icon_accept.png); background-position-x:56px}
.inquiry-progress li:nth-child(2) {background-image:url(../img/icon_send.png)}
.inquiry-progress li:nth-child(3) {background-image:url(../img/icon_inquiry-result.png)}
.inquiry-progress li:nth-child(4) {background-image:url(../img/icon_result-mail.png)}
.inquiry-progress li:nth-child(5) {background-image:url(../img/icon_inquiry-complete.png); background-position-x:58px}
.inquiry-progress li::before {content:''; position:absolute; top:50%; left:-38px; width:24px; height:25px; background:url(../img/icon_inquiry-arrow.png) no-repeat center center; transform:translateY(-50%)}
.inquiry-progress li:first-child:before {display:none}
.inquiry-progress li > span {display:block; padding:0 38px; margin-top:118px}
.inquiry-progress li:nth-child(5) > span {color:#fc2264}
.inquiry-progress li:nth-child(4) > span {margin-top:110px}
.inquiry-progress li ~ li {margin-left:52px}
.inquiry-cont {display:flex; background:#eee; padding:40px 56px}
.inquiry-cont .inquiry-box {width:40%}
.inquiry-cont .inquiry-cont-right {margin-left:124px}
.inquiry-cont .inquiry-cont-left dl ~ dl {margin-top:40px}
.inquiry-cont .inquiry-cont-right dl ~ dl {margin-top:14px}
.inquiry-cont dt {display:inline-block; min-width:185px; text-align:center; color:#fff; font-weight:400; font-size:16px; background:#000; padding:8px 11px 5px}
.inquiry-cont dt + dd {margin-top:10px}
.inquiry-cont dd {line-height:1.5; color:#666}
.inquiry-cont dd a {text-decoration:underline}
.inquiry-cont dd span {color:#000}
.inquiry-cont dd ~ dd {margin-top:5px}
.inquiry-cont dd.style-space {padding-left:18px}
.inquiry-cont dd.style-right-space {padding-right:50px}

/* 20230822 #4037 통합검색 리뉴얼 */
/* .search-layer.search-renewal {height:100%}
.search-layer.search-renewal .layer-wrap {max-height:100%; overflow-x:hidden; overflow-y:auto; box-sizing:border-box} */
.search-layer.search-renewal .sch-tit {margin-bottom:30px}
.search-layer.search-renewal .search-wrap {width:700px}
.search-layer.search-renewal .bef,
.search-layer.search-renewal .aft {width:700px; height:503px; padding:0 30px; box-sizing:border-box}
/* before */
.search-layer.search-renewal .bef .w-full.d-flex {justify-content:center}
.search-layer.search-renewal .bef .w-full > .w-half {width:270px}
.search-layer.search-renewal .bef .w-full > .w-half:first-child {margin-right:auto}
.search-layer.search-renewal .bef .w-full > .w-half + .w-half {margin-left:0}
.search-layer.search-renewal .recent-sch .btn-group {left:unset; right:0}
.search-layer.search-renewal .recent-sch .rec-list {margin:-12px 0 0}
.search-layer.search-renewal .recent-sch .rec-list > a,
.search-layer.search-renewal .recent-sch .rec-list .rec {display:block; height:40px; line-height:40px; margin:0; padding-right:0; font-weight:400; font-size:16px}
.search-layer.search-renewal .recent-sch .rec-list .rec a {display:inline-block; vertical-align:top; max-width:calc(100% - 22px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.search-layer.search-renewal .recent-sch .rec-list > a > button,
.search-layer.search-renewal .recent-sch .rec-list .rec > button {position:relative; top:15px}
.search-layer.search-renewal .soar-kwd .list {display:block; margin-top:-12px; font-size:16px}
.search-layer.search-renewal .soar-kwd .list ul {width:100%}
.search-layer.search-renewal .soar-kwd .list ul li {border-bottom:0}
.search-layer.search-renewal .soar-kwd .list ul li strong {font-weight:400}
.search-layer.search-renewal .soar-kwd .list ul li a {height:40px}
.search-layer.search-renewal .soar-kwd .list ul li span.text {white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
/* after */
.search-layer.search-renewal .aft .w-full > .w-half {width:100%}
.search-layer.search-renewal .recomm-category ul li + li {margin-top:24px}
.search-layer.search-renewal .recomm-category ul li a {position:relative; display:block; font-size:16px}
.search-layer.search-renewal .recomm-category ul li a:after {content:""; position:absolute; top:50%; right:0; width:16px; height:16px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(../img/icon_search_shortcut.png) 50% 50% no-repeat}
.search-layer.search-renewal .recomm-category ul li a > span {color:#fc2264}
.search-layer.search-renewal .auto-comp {height:188px; overflow:hidden}
.search-layer.search-renewal .auto-comp .auto-list a {position:relative; display:block; width:640px; margin-bottom:0; margin-right:0; font-weight:400; font-size:16px}
.search-layer.search-renewal .auto-comp .auto-list a ~ a {margin-top:24px}
.search-layer.search-renewal .auto-comp .auto-list a:after {content:""; position:absolute; top:50%; right:0; width:16px; height:16px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(../img/icon_search_shortcut.png) 50% 50% no-repeat}
.search-layer.search-renewal .recomm-brand .recomm-brand-list a {position:relative; display:block; margin-right:0; margin-bottom:24px; font-size:16px}
.search-layer.search-renewal .recomm-brand .recomm-brand-list a:last-child {margin-bottom:0}
.search-layer.search-renewal .recomm-brand .recomm-brand-list a:after {content:"브랜드"; position:absolute; top:50%; right:0; width:60px; line-height:24px; text-align:center; font-size:14px; color:#888888; border:1px solid #C7C7C7; border-radius:26px; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.search-layer.search-renewal .recomm-brand .recomm-brand-list a > span{color: #fc2264;}
.search-layer.search-renewal .recomm-brand .recomm-brand-list a .round{display: inline-block; width: 74px; height: 19px; line-height: 19px; margin-left: 9px; border-radius: 13px; background-color: #f8f8f8; font-size: 13px; color: #888; text-align: center;}

/* #10328 :S */
/** 20231103 #4472 [FO/BO]간편기획전 생성 기능 추가 요청 **/
/* .ev-admin-exh {position:relative; left:50%; width:1920px; -webkit-transform:translateX(-50%); transform:translateX(-50%); overflow-x:hidden} */
.ev-admin-exh {position:relative; margin:0 -46px 40px; overflow:hidden}
.ev-admin-exh .ev-admin-exh-inner {position:relative; left:50%; width:1920px; -webkit-transform:translateX(-50%); transform:translateX(-50%); overflow-x:hidden}
.ev-admin-exh .exh-temp-main .inner-main {position:relative; width:100%; height:auto}
.ev-admin-exh .exh-temp-main .inner-main .title {z-index:2; width:1920px; /* max-width:1150px; */ text-align:center; color:#fff}
.ev-admin-exh .exh-temp-main .inner-main .title .main-tit {display:block; max-height:240px; line-height:1.09em; font-size:70px; word-break:keep-all; overflow:hidden}
.ev-admin-exh .exh-temp-main .inner-main .title .sub-tit {display:block; max-height:80px; line-height:1.42em; margin-top:20px; font-size:18px; word-break:keep-all; overflow:hidden}
.ev-admin-exh .exh-temp-main .inner-main .slide-area.normal-type .swiper-slide {overflow:hidden}
.ev-admin-exh .exh-temp-main .inner-main .slide-area.normal-type .swiper-slide img {width:100%; height:100%; object-fit:cover; object-position: center top;}
.ev-admin-exh .exh-temp-main .inner-main .slide-area.normal-type.disabled .swiper-wrapper {transform:translate3d(0px, 0, 0) !important}
.ev-admin-exh .exh-temp-main .inner-main .slide-area.normal-type.disabled .swiper-pagination {display:none}
.ev-admin-exh .exh-temp-main .inner-main.type-a:after {content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.3)}
.ev-admin-exh .exh-temp-main .inner-main.type-a .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.ev-admin-exh .exh-temp-main .inner-main.type-a .slide-area.normal-type.type-rect {width:100%; height:640px} /* #9649 */
.ev-admin-exh .exh-temp-main .inner-main.type-a .slide-area.normal-type.type-squre {width:100%; height:640px}
.ev-admin-exh .exh-temp-main .inner-main.type-b {padding:70px 0 90px} /* #9649 */
.ev-admin-exh .exh-temp-main .inner-main.type-b .bg-type-b {position:absolute; top:0; left:0; display:block; width:100%; height:100%; overflow:hidden}
.ev-admin-exh .exh-temp-main .inner-main.type-b .bg-type-b:after {content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5)}
.ev-admin-exh .exh-temp-main .inner-main.type-b .bg-type-b img {width:100%; height:100%; object-fit:cover; object-position:0 0; filter:blur(10px)}
.ev-admin-exh .exh-temp-main .inner-main.type-b .title {position:relative; top:0; left:50%; transform:translateX(-50%)}
.ev-admin-exh .exh-temp-main .inner-main.type-b .slide-area.normal-type {width:750px; margin:40px auto 0; overflow:hidden} /* #9649 */
.ev-admin-exh .exh-temp-main .inner-main.type-b .slide-area.normal-type.type-rect {width: 678px; height:456px;} /* #9649 */
.ev-admin-exh .exh-temp-main .inner-main.type-b .slide-area.normal-type.type-squre {height:360px} /* #9649 */
.ev-admin-exh .exh-temp-cont .cont-inner.type-a {padding:80px 390px}
.ev-admin-exh .exh-temp-cont .cont-inner.type-a .title {display:block; margin-bottom:20px; font-weight:600; font-size:40px}
.ev-admin-exh .exh-temp-cont .cont-inner.type-a .detail {margin-bottom:40px; line-height:1.57em; font-size:28px; word-break:keep-all}
.ev-admin-exh .exh-temp-cont .cont-inner.type-a .link {display:inline-block; height:50px; line-height:50px; padding:0 20px; font-size:16px; border:2px solid #000; border-radius:70px}
.ev-admin-exh .exh-temp-cont .cont-inner.type-a .link span {position:relative; padding-right:24px}
.ev-admin-exh .exh-temp-cont .cont-inner.type-a .link span:after {content:""; position:absolute; top:50%; right:0; width:14px; height:14px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(../img/arrow_right_black2.png) 50% 50% no-repeat; background-size: auto 13px;}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b {position:relative}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b ~ .cont-inner.type-b {margin-top:1px}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b .title {position:absolute; top:50%; left:50%; margin-left:-400px; font-weight:500; font-size:20px; color:#fff; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b .link {display:block; height:70px; padding:0 560px; line-height:70px; text-align:center; font-size:20px; color:#fff; background:#000}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b .link:after {content:""; display:block; clear:both}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b .link span {float:right; position:relative; padding-right:38px}
.ev-admin-exh .exh-temp-cont .cont-inner.type-b .link span:after {content:""; position:absolute; top:50%; right:0; width:18px; height:18px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(../img/arrow_right_white4.png) 50% 50% no-repeat; background-size:100% auto}
/* #8933 [FO/BO] 간편기획전 기능 추가(1차 - 다운로드 쿠폰) 수정 및 추가 :S */
.ev-admin-exh .exh-temp-coupon {position:relative; z-index: 2; display: flex; margin: 0 auto; padding: 60px 0; width: 1230px; background:#F1F1F1} /* #9196 */
.ev-admin-exh .exh-temp-coupon::after {content: ''; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -50vw; width: 100vw; height: 100%; background: #f1f1f1;}
.ev-admin-exh .exh-temp-coupon + .exh-temp-coupon.slide-type {background: #fff;} /* #9711 라인추가 */
.ev-admin-exh .exh-temp-coupon + .exh-temp-coupon.slide-type:after {display: none;}
.ev-admin-exh .exh-temp-coupon .cpn-scheme {position: relative; display: flex; justify-content: center; flex-direction: column; align-items: start; gap: 8px 0; margin: 0 auto; padding-left: 30px; width:358px; height:140px; background: #000 url('../img/exh_coupon_babathe.png') no-repeat right center/auto 100%; color: #fff;} /* #9909 */
.ev-admin-exh .exh-temp-coupon .cpn-scheme::before,
.ev-admin-exh .exh-temp-coupon .cpn-scheme::after {content: ''; position: absolute; right: 63px; width: 16px; height: 16px; border-radius: 50%; background: #F1F1F1;}
.ev-admin-exh .exh-temp-coupon .cpn-scheme::before {top: -8px;}
.ev-admin-exh .exh-temp-coupon .cpn-scheme::after {bottom: -8px;}
.ev-admin-exh .exh-temp-coupon .cpn-scheme {pointer-events: none;}
/* #9909 :S */
.ev-admin-exh .exh-temp-coupon .cpn-scheme .coupon-type {display: inline-flex; align-items: center; padding: 0 13px; height: 28px; border-radius: 100px; border: 1px solid #fff; box-sizing: border-box; font-weight: 500; font-size: 13px;}
/* #9909 :# */
.ev-admin-exh .exh-temp-coupon .cpn-scheme .coupon-tit {overflow: hidden; display: block; max-width: 68%; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: 10px; white-space: nowrap; text-overflow: ellipsis;} /* #9909 */
.ev-admin-exh .exh-temp-coupon .cpn-scheme .per {display:inline-flex; align-items: baseline; font-weight: 300; font-size: 40px; line-height: 1;} /* #9909 251118 */
.ev-admin-exh .exh-temp-coupon .cpn-scheme .per span {font-weight:500; font-size:54px}
.ev-admin-exh .exh-temp-coupon .cpn-scheme .won {display:block; font-weight:300; font-size:30px}
.ev-admin-exh .exh-temp-coupon .cpn-scheme .won span {font-weight:500; font-size:46px}
.ev-admin-exh .exh-temp-coupon .end .cpn-scheme {background-image: none;}
.ev-admin-exh .exh-temp-coupon.coupon_down .cpn-scheme {background: #000 url('../img/icon_exh_coupon_down.png') no-repeat right center/ auto 100%;}
.ev-admin-exh .exh-temp-coupon.coupon_down .cpn-scheme {pointer-events: initial;}
.ev-admin-exh .exh-temp-coupon.coupon_down .coupon-info {position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 70px; height: 100%; font-weight: 400; font-size: 16px; line-height: 1.3; color: #fff; white-space: pre; opacity: 0.6;}
.ev-admin-exh .exh-temp-coupon.coupon_down .end .cpn-scheme {background-image: none;}
.ev-admin-exh .exh-temp-coupon.coupon_down .cpn-scheme .coupon-tit {font-size: 0.8rem; letter-spacing: 0;}
.ev-admin-exh .exh-temp-coupon.coupon_down .end a {pointer-events: none;}
.ev-admin-exh .exh-temp-coupon.coupon_down .end .cpn-scheme {background: #000;}
.ev-admin-exh .exh-temp-coupon .cpn-cont {width:calc(100% - 358px)}
.ev-admin-exh .exh-temp-coupon .title {display:block; margin-bottom:20px; font-weight:500; font-size:40px}
.ev-admin-exh .exh-temp-coupon .date {display:block; margin-bottom:10px; font-weight:500; font-size:16px}
.ev-admin-exh .exh-temp-coupon .note {display:block; font-size:16px; line-height: 1.5; color:#888888; word-break:keep-all}
.ev-admin-exh .exh-temp-coupon .link {display:inline-block; height:70px; line-height:66px; padding:0 35px; font-size:24px; border:2px solid #000; border-radius:70px}
.ev-admin-exh .exh-temp-coupon .link span {position:relative; padding-right:55px}
.ev-admin-exh .exh-temp-coupon .link span:after {content:""; position:absolute; top:50%; right:0; width:20px; height:20px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(../img/arrow_right_black2.png); background-size:100% auto}

.ev-admin-exh .exh-temp-coupon .exh-temp-coupon-wrap {margin: 0 auto; width: 100%; max-width: 358px;} /* #9821 */
.ev-admin-exh .exh-temp-coupon .exh-temp-coupon-wrap .swiper-slide {width: 358px;}
.ev-admin-exh .exh-temp-coupon.slide-type {flex-direction: column; align-items: center;}
.ev-admin-exh .exh-temp-coupon.slide-type .cpn-cont {width: 100%; text-align: center;}
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-wrap {overflow: hidden; margin: 40px auto 0; width: 736px; max-width: 736px;}
/* #9909 :S */
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-slide-wrap {display: flex; gap: 0 20px;}
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-slide-wrap .exh-temp-coupon-list {overflow: hidden; width: 358px;}
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-slide-wrap .swiper-wrapper {height: auto;}
/* #9909 :E */
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-list .swiper-pagination {position: relative; top: auto; bottom: auto; left: auto; display: flex; justify-content: center; align-items: center; gap: 0 8px; margin: 20px auto 0;}
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-list .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 10px; height: 10px; border: 1px solid rgba(0, 0, 0, 0.6); box-sizing: border-box; background: none;}
.ev-admin-exh .exh-temp-coupon.slide-type .exh-temp-coupon-list .swiper-pagination .swiper-pagination-bullet-active {border-color: #000; background: #000;}
.ev-admin-exh .exh-temp-coupon.slide-type .coupon_download {display: flex; justify-content: center; align-items: center; margin: 40px auto 0; width: 230px; height: 46px; border-radius: 50px; border: 2px solid #000; box-sizing: border-box; font-weight: 400; font-size: 16px; line-height: 1; color: #000;}
.ev-admin-exh .exh-temp-coupon.slide-type .coupon_download.disabled {border-color: rgba(136, 136, 136, .4); color: #888; pointer-events: none;}
/* #8933 [FO/BO] 간편기획전 기능 추가(1차 - 다운로드 쿠폰) 수정 및 추가 :E */
.ev-admin-exh .exh-temp-recom-prod .exh-temp-tab-area {width:calc(100% + 92px); margin-left:-46px; text-align:center; background:#888888; overflow:hidden}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-tab-area .exh-temp-tab-list {display:inline-block; width:auto; max-width:1920px}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-tab-area .exh-temp-tab-list ul li {position:relative; width: auto; background:#888888}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-tab-area .exh-temp-tab-list ul li ~ li:after {content:""; display:block; position:absolute; top:50%; left:0; width:2px; height:18px; margin-top:-9px; background:#CACACA;}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-tab-area .exh-temp-tab-list ul li a {display:block; padding: 0 60px; width:100%; line-height:60px; text-align:center; font-size:18px; color:#CACACA}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-prod-area {padding:100px 0; background:#fafafa}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-prod-area .title {display:block; margin-bottom:60px; text-align:center; font-weight:700; font-size:40px}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-prod-area .prd_area {width:1230px; margin:0 auto;}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-prod-area .prd_area .prd-list {display: grid; gap: 40px 13.2px; grid-template-columns: repeat(6, minmax(0, 1fr));}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-prod-area .prd-list.thum li + li {margin-left: 0;}
.ev-admin-exh .exh-temp-recom-prod .exh-temp-prod-area .prd_area .prd-list.thum .prd-info {padding-left: 0; padding-right: 0;}
/* 20240115 브랜드영역 설명글 불러오는 것으로 변경 */
.ev-admin-exh .exh-temp-cont .cont-inner.type-a .brand-intro .info {padding-left:0}
/* 20240411 #5489 [FO/BO]간편기획전 기능 추가 요청 */
/* #8422 [FO,BO]간편기획전 C타입 추가 :S */
.ev-admin-exh .type-c .inner-main {display: flex; justify-content: center; align-items: center; padding: 75px 0;}
.ev-admin-exh .bg-type-c {overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.ev-admin-exh .bg-type-c::after {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.ev-admin-exh .bg-type-c img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: blur(10px);}
.ev-admin-exh .type-c .title {max-width: 847px;}
.ev-admin-exh .img-type-c {overflow: hidden; position: relative; width: 533px; height: 750px;}
.ev-admin-exh .type-squre .img-type-c {width: 500px; height: 500px;}
.ev-admin-exh .img-type-c img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.slide-type-c .swiper-wrapper {transition-timing-function: linear !important;}
.slide-type-c .swiper-slide {overflow: hidden; position: relative; aspect-ratio: 139 / 185; width: 17.5rem;}
.slide-type-c .swiper-slide img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* #8422 [FO,BO]간편기획전 C타입 추가 :E */

/** 카운트다운 영역 **/
.ev-admin-exh .exh-temp-countdown .count_area {padding:100px 0; letter-spacing:-0.02em; text-align:center; background:#fafafa}
.ev-admin-exh .exh-temp-countdown .count_area .title {display:block; margin-bottom:24px; text-align:center; font-weight:500; font-size:26px}
.ev-admin-exh .exh-temp-countdown .count_area .countdown{display:inline-block; width:auto; text-align:center}
.ev-admin-exh .exh-temp-countdown .count_area .countdown_timer {display:inline-block; margin-bottom:10px; font-family:'Montserrat', sans-serif; font-weight:500}
.ev-admin-exh .exh-temp-countdown .count_area .countdown_timer span{display:inline-block; vertical-align:middle; width:46px; height:84px; line-height:84px; font-size:60px; color:#000; text-align:center; border-radius:0}
.ev-admin-exh .exh-temp-countdown .count_area .countdown_timer span:nth-child(3),
.ev-admin-exh .exh-temp-countdown .count_area .countdown_timer span:nth-child(6),
.ev-admin-exh .exh-temp-countdown .count_area .countdown_timer span:nth-child(9){width:60px; line-height:75px; font-weight:400}
.ev-admin-exh .exh-temp-countdown .count_area .time ul {display:flex; justify-content:space-between; width:100%}
.ev-admin-exh .exh-temp-countdown .count_area .time ul li {width:152px; text-align:center; font-size:22px}
/** SPECIAL EVENT **/
.ev-admin-exh .exh-temp-special .special_area {padding:80px 400px 100px; letter-spacing:-0.02em; text-align:center}
.ev-admin-exh .exh-temp-special .special_area .title {display:block; margin-bottom:20px; font-weight:700; font-size:40px}
.ev-admin-exh .exh-temp-special .special_area .info {line-height:1.4em; text-align:center; font-weight:400; font-size:18px; color:#888; word-break:break-all}
.ev-admin-exh .exh-temp-special .special_area .img_area {width:500px; height:280px; margin:40px auto 0; border:3px solid #EBEBEB; border-radius:10px; background:rgba(0,0,0,0.05); overflow:hidden}
.ev-admin-exh .exh-temp-special .special_area .img_area img {display:block; width:100%; height:100%; object-fit:cover}

/* #8968 [FO/BO] 간편기획전 기능 추가(2차 - 베스트, 큐레이션, 동영상, 띠배너 추가) :S */
.exh-temp-prod {margin: 100px 0;}
.conts-title {display: block; margin-bottom: 50px; font-weight: 700; font-size: 40px; color: #000; text-align: center;}
.conts-title.wh {color: #fff;}
/* slide */
.exh-temp-prod .swiper-wrap {overflow: hidden; margin: 0 auto; width: 1230px;}
.exh-temp-prod .prd_area .prd-list {flex-wrap: nowrap;}
.exh-temp-prod .prd_area li + li {margin: 0;}
.exh-temp-prod .swiper-wrap .swiper-scrollbar {position: relative; margin-top: 50px; background: rgba(0, 0, 0, 0.4);}
.exh-temp-prod .swiper-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {margin-top: -1px; height: 2px; background: #000;}
/* tab */
.exh-temp-prod .exh-temp-tab-thumb {margin: 0 auto 50px; max-width: 1230px;}
.exh-temp-prod .exh-temp-tab-thumb.swiper-locked ul {justify-content: center;}
.exh-temp-prod .exh-temp-tab-thumb ul {display: flex;}
.exh-temp-prod .exh-temp-tab-thumb ul li {width: auto;}
.exh-temp-prod .exh-temp-tab-thumb ul li a {display: flex; align-items: center; gap: 0 14px; padding: 5px 22px 5px 6px; border: 1px solid #EEE; border-radius: 100px; box-sizing: border-box; font-weight: 400; font-size: 18px; color: #111;}
.exh-temp-prod .exh-temp-tab-thumb ul li .thumb {overflow: hidden; position: relative; width: 44px; height: 44px; border-radius: 50%;} /* #10328 20260202 */
.exh-temp-prod .exh-temp-tab-thumb ul li .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.exh-temp-prod .exh-temp-tab-thumb ul li.on a {border-color: #111; background: #111; color: #fff;}
/* video */
.exh-temp-video {padding: 100px 0; background: #000;}
.exh-temp-video-wrap {margin: 0 auto; width: 700px;}
.exh-temp-video-wrap .swiper-slide {pointer-events: none;} /* #9738 라인추가 */
.exh-temp-video-wrap .swiper-slide a {display: block; width: 100%;}
.exh-temp-video-wrap .video-wrap {position: relative; display: block; margin: 0 auto; aspect-ratio: 380 / 676; width: 380px;}
.exh-temp-video-wrap .video-wrap iframe , /* #9738 라인추가 */
.exh-temp-video-wrap .video-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.exh-temp-video-wrap .swiper-container .swiper-pagination {position: relative; bottom: auto; display: flex; align-items: center; justify-content: center; gap: 0 8px; margin: 50px auto 0;}
.exh-temp-video-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {margin: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,.6); background: none; opacity: 1;}
.exh-temp-video-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active {border-color: #fff; background: #fff;}
.exh-temp-video-wrap .swiper-container .swiper-button-prev {position: absolute; top: 50%; left: 0; margin-top: -30px; width: 30px; height: 60px; background: url('../img/video_arrow_prev.png') no-repeat left center;}
.exh-temp-video-wrap .swiper-container .swiper-button-next {position: absolute; top: 50%; right: 0; margin-top: -30px; width: 30px; height: 60px; background: url('../img/video_arrow_next.png') no-repeat right center;}
/* #10412 [FO/BO] 간편기획전 동영상 가로형 타입 추가 :S */
.exh-temp-video-external {overflow: hidden; position: relative; margin: 0 auto; width: 1230px; height: auto; aspect-ratio: 16/9;}
.exh-temp-video-external iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* #10412 [FO/BO] 간편기획전 동영상 가로형 타입 추가 :E */
/* banner */
.exh-event-banner {overflow: hidden; width: 100%; height: 120px;}
.exh-event-banner .swiper-slide {overflow: hidden;}
.exh-event-banner a {position: relative; display: flex; height: 100%; justify-content: center; align-items: center; flex-direction: column; gap: 12px 0; background: #F1F1F1;}
.exh-event-banner img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.exh-event-banner h3 {font-weight: 500; font-size: 24px; color: #000; word-break: keep-all;}
.exh-event-banner p {font-weight: 400; font-size: 18px; color: #000; word-break: keep-all;}
/* #8968 [FO/BO] 간편기획전 기능 추가(2차 - 베스트, 큐레이션, 동영상, 띠배너 추가) :E */
/* #10328 :E */


/* 20231120 #4449 [FO/BO]매핑한 일반기획전 메인에 정보 입력 기능 추가 */
.ev-admin-select {position:relative; margin:0 -46px 20px; overflow:hidden}
.ev-admin-select span p img {position:relative; display:block; left:50%; max-width:1920px; margin-right:-50%; transform:translateX(-50%)}
.ev-admin-select .combobox_wrap {position:absolute; top:50%; width:100%; transform:translateY(-50%)}
.ev-admin-select .title {text-align:center}
.ev-admin-select .title span {display:block; font-weight:300; font-size:60px; color:#fff}
.ev-admin-select .title span.main-tit {display:inline-block; line-height:1; font-weight:800; font-size:100px}
.ev-admin-select .title span ~ span {margin-top:20px}
/** 커스텀 셀렉트박스 영역 **/
.ev-admin-select .custom_sel_box {position:relative; left:50%; z-index:3; width:350px; height:55px; margin-top:100px; -webkit-transform:translateX(-50%); transform:translateX(-50%)}
.ev-admin-select .custom_sel_box .cs_btn {position:relative; z-index:1; display:block; width:100%; height:55px; padding:0 20px; line-height:55px; text-align:left; font-size:20px; color:#fff; border:1px solid transparent; border-radius:5px; background:transparent}
.ev-admin-select .custom_sel_box .cs_btn.on {color:#000 !important; border:1px solid #999; border-radius:5px 5px 0 0; background:#fff !important}
.ev-admin-select .custom_sel_box .cs_btn:after {content:""; position:absolute; top:50%; right:18px; display:inline-block; width:13px; height:9px; background:url(https://image.babathe.com/upload/specialDisplay/htmlImage/2020/20230403_FESTA_main_arrow_off.png) center center no-repeat; background-size:100% auto; transform:translateY(-50%)}
.ev-admin-select .custom_sel_box .cs_btn.on:after {background:url(https://image.babathe.com/upload/specialDisplay/htmlImage/2020/20230403_FESTA_main_arrow_on.png) center center no-repeat; background-size:100% auto;}
.ev-admin-select .custom_sel_box .cs_sel_area {display:none; position:absolute; top:54px; left:0; width:100%; height:auto; padding:10px 0; border:1px solid #999; border-radius:0 0 5px 5px; background:#fff; overflow-y:scroll}
.ev-admin-select .custom_sel_box .cs_sel_area::-webkit-scrollbar {width:14px}
.ev-admin-select .custom_sel_box .cs_sel_area::-webkit-scrollbar-thumb {background-clip:padding-box; border:4px solid #fff; border-radius:20px; background:#b3b3b3}
.ev-admin-select .custom_sel_box .cs_sel_area::-webkit-scrollbar-track {background:transparent}
.ev-admin-select .custom_sel_box .cs_sel_area ul li ~ li {margin-top:2px}
.ev-admin-select .custom_sel_box .cs_sel_area ul li a {display:block; height:35px; line-height:35px; text-align:left; font-size:18px; color:#000; padding:0 20px}
.ev-admin-select .custom_sel_box .cs_sel_area ul li a:hover {background:#ededed}
/* 20240117 #4875 [FO]마이바바에 출석체크 이벤트 이동 버튼 추가 */
.mybaba-wrap .banner-wrap {margin-bottom:40px}
/* 20240208 #4751 케어 개선 1.5 ver_최근본상품 그루비 API 적용 */
.care-recent-area .unit-recent .unit-title {margin-bottom:25px; line-height:1.3; font-weight:400; font-size:24px}
.care-recent-area .ly-pimg-list.swiper-wrap .swiper-container {overflow:visible}
.care-recent-area .ly-pimg-list ul > li.on::after {content:""; position:absolute; left:50%; bottom:-14px; border-top:14px solid #000; border-left:10px solid transparent; border-right:10px solid transparent; transform:translateX(-50%); -webkit-transform:translateX(-50%)}
.care-recent-area .ly-pimg-list ul > li > a {overflow:hidden}
.care-recent-area .ly-pimg-list ul > li.on > a::before {content:""; border:2px solid #000;}
.care-recent-area .ly-pimg-list .ratio::before {content:""; padding-top:calc(200 / 158 * 100%)}
.care-recent-area .ly-recent-list .swiper-slide.rec_prd:before {content:"내가 본 상품"; position:absolute; top:0; left:0; z-index:2; display:inline-block; height:30px; line-height:30px; padding:0 8px; font-weight:300; font-size:14px; color:#fff; background:#111}




/* 20240530 #6001  [FO] 바바ZINE 고정이미지 템플릿 URL 등록 시, 뱃지 추가 요청 */
.channel-wrap .editorial-unit .img-wrap .event-img-slider.fixed .swiper-wrapper .swiper-slide.slide-link-img a{position: relative;}
.channel-wrap .editorial-unit .img-wrap .event-img-slider.fixed .swiper-wrapper .swiper-slide.slide-link-img a::after{content: ''; width: 48px; height: 48px; background: url(../img/prd_icon.jpg) no-repeat center; position: absolute; top: 0; right: 0; }



/*
------------------------ 브랜드 검색 */
.brand_search {padding: 25px 0; width: 100%; box-sizing: border-box;}
/* 검색폼 */
.brand_search .brand_search_form {display: flex; align-items: center; padding-right: 12px; height: 55px; background: #F4F2F2;}
.brand_search .brand_search_form input {padding: 0 16px; width: 100%; height: 100%; border: 0 none; box-sizing: border-box; background: none; font-weight: 400; font-size: 18px; color: #111;}
.brand_search .brand_search_form input::placeholder {color: #aaa;}
.brand_search .brand_search_form .del {flex-shrink: 0; position: relative; display: flex; display: none; margin-right: 3px; width: 24px; height: 24px; border-radius: 50%; background: #aaa; font-size: 0;}
.brand_search .brand_search_form.char-on .del {display: flex;}
.brand_search .brand_search_form .del::before ,
.brand_search .brand_search_form .del::after {content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 2px; background: #fff; transform: translate(-50%, -50%) rotate(45deg);}
.brand_search .brand_search_form .del::after {transform: translate(-50%, -50%) rotate(-45deg);}

.brand_search .brand_search_form .btn_search {flex-shrink: 0; width: 48px; height: 100%; background: url('../img/popup_filtering/icon_search.png') no-repeat center center/ 30px auto; font-size: 0;}
/* 검색 결과 */
.brand_search .brand-search-result {width: 100%;}
.brand_search .brand-search-result .brand-result-item {overflow-x: hidden; margin-top: 20px; max-height: 162px;}
.brand_search .brand-search-result .brand-result-item li {display: flex; align-items: start; justify-content: center; flex-direction: column; gap:  4px 0; width: 100%; height: 54px;}
.brand_search .brand-search-result .brand-result-item li .en {font-weight: 400; font-size: 14px; color: #111;}
.brand_search .brand-search-result .brand-result-item li .ko {font-weight: 400; font-size: 11px; color: #999;}

/* 결과 없음 */
.no_content { padding: 50px 0; color: #555; font-size: 13px; line-height: 18px; text-align: center;}


/* 라운드 탭 스와이퍼 메뉴 (케어) */
.round_tab_menu {margin-bottom: 30px;}
.round_tab_menu .swiper-slide {margin-right: 6px; width: auto;}
.round_tab_menu .swiper-slide a {display: flex; align-items: center; padding: 0 12px; height: 40px; border-radius: 100px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-weight: 400; font-size: 16px; color: #555;}
.round_tab_menu .swiper-slide.on a {border-color: #111; background: #111; color: #fff;}

/* 20241210 #7840 [FO][퍼블] 케어_스크롤 다운 시 필터 영역 고정 */
.round_tab_menu.goods_filtering {position: sticky; top: 54px; margin: 0;}



/* 테마기획전 */
.event-area {margin: 0 auto; max-width: 1228px;}
.exh-full-layout .event-area {max-width: 100%;}


/* #9215 [2025 하반기 패밀리세일] (신규) 시크릿 셀링포인트 개발 검토 요청 :S  */
.family-sale .prd-wrap .info-area .selling-point::before {content: '[패밀리세일] [교환/반품 불가] '; font-weight: 300; font-size: 14px; color: #666;}
/* #9215 [2025 하반기 패밀리세일] (신규) 시크릿 셀링포인트 개발 검토 요청 :E  */




/* 20251203 #9932 [FO/BO] 신규_불량 반품 사진 첨부 필수화  */
.myorder-detail .form.textarea.photo-guide {display: flex; align-items: center; flex-wrap: wrap; margin-top: 12px;}
.myorder-detail .form.textarea.photo-guide .photo-info{font-size: 13px;}
.myorder-detail .form.textarea .photo-box {display: flex; gap: 10px;}
.myorder-detail .form.textarea .photo-box .photo-list {display: flex; gap: 10px;}
.myorder-detail .form.textarea .photo-box .photo-list .photo-img{position: relative; width: 88px; height: 110px; background-color: #F5F5F5;}
.myorder-detail .form.textarea .photo-box .photo-list .photo-img .photo-index{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.myorder-detail .form.textarea .photo-box .photo-list .photo-img .close_btn{display: block; width: 24px; height: 24px; position: absolute; top: -12px; right: -8px; font-size: 0; padding: 0; z-index: 100; background: #000; border-radius: 50%; box-sizing: border-box;}
.myorder-detail .form.textarea .photo-box .photo-list .photo-img .close_btn::before {content: ''; width: 10px; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);;  background-color: #fff;}
.myorder-detail .form.textarea .photo-box .photo-list .photo-img .close_btn::after {content: ''; width: 10px; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);;  background-color: #fff;}
.myorder-detail .form.textarea .photo-upload #uploadImage{display: none;}
.myorder-detail .form.textarea .photo-upload .upload-btn{position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 88px; height: 110px;  background-color: #F5F5F5; cursor: pointer; font-size: 15px; text-align: center;}
.myorder-detail .form.textarea .photo-upload .upload-btn img{display: block; width: 29px; height: 23px;}
.myorder-detail .form.textarea .photo-upload .upload-btn .photo-count{font-size: 12px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}