/* COLOR */
.cl-gray { color: #999999; }
.cl-red { color: #ee445f; }
.cl-blue { color: #4789e7; }
.fl-blue { fill: #4789e7; }

/* BUTTON */
.cl-s-btn-white.btn {
    width: calc(50% - 6px);
    margin-right: 6px;
    color: #222222!important;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
}
.cl-s-btn-darkgray.btn {
    width: calc(50% - 6px);
    margin-left: 6px;
    color: #ffffff;
    background-color: #000000;
    border-color: transparent;
}
.cl-s-btn-white:focus, 
.cl-s-btn-white:hover, 
.cl-s-btn-white:active { color: #000000; }
.cl-s-btn-darkgray:focus, 
.cl-s-btn-darkgray:hover, 
.cl-s-btn-darkgray:active { color: #ffffff; }
.shop-filter-header { transition: margin 0.5s; }
.shop-filter-header.open { margin-left:270px; }
@media only screen and (max-width:991px) {
    .cl-s-btn-darkgray.btn {
        width: calc(50%);
        color: #ffffff;
        margin-left:0px;
        border: 0px;
        height:55px;
    }
    .cl-s-btn-white.btn {
        width: calc(50%);
        margin-right:0px;
        color: #222222!important;
        background-color: #ffffff;
        border: 1px solid #d8d8d8;
        height:55px;
    }
}

/****************************************************************************************************************************************hyeran_20191105*/
/********************************************************************************************************************/
/* Creatorlink Shopping Page::: Prodect Detail CSS ▼ ****************************************************************/ 
/* (1) Nav                                                                                                          */
/* (2) Body(content)                                                                                                */
/* (2-1) Left wrap  :: Product Image Section                                                                        */
/* (2-2) Right wrap :: Product Data Section                                                                         */
/* (2-2-1) Top          :: Product Info                                                                             */
/* (2-2-2) Center       :: Product Option Box                                                                       */
/* (2-2-3) Center       :: Product Option Selected                                                                  */
/* (2-2-4) Center       :: Product Total Price                                                                      */
/* (2-2-5) Bottom       :: Product Button Box                                                                       */
/* (3) Bottom(Message OR Tab menu)                                                                                  */

.cl-s-product-detail {
    padding: 30px 0;
    width: 100%;
    font-family: 'Noto sans kr';
    color: #222222;
}

.cl-s-product-detail .container .row .cl-s-product-body:before, .cl-s-product-detail .container .row .cl-s-product-body:after { display: none; }

.cl-s-product-detail .container { width: 100%; }

.cl-s-product-detail .container .cl-s-product-nav,
.cl-s-product-detail .container .cl-s-product-body { margin: auto; }

@media (min-width: 768px) {
    .cl-s-product-detail .container .photo-review { max-width: 710px; margin: auto; margin-bottom: 70px !important; }
}
@media (min-width: 992px) {
    .cl-s-product-detail .container .photo-review { max-width: 940px; margin: auto; margin-bottom: 70px !important; }
}
@media (min-width: 1200px) {
    .cl-s-product-detail .container .photo-review { max-width: 1140px; margin: auto; margin-bottom: 70px !important; }
}


/* (1) Nav                                                                                                          */
.cl-s-product-nav .btn-box { display: inline-block; float: right; }
.cl-s-product-nav .data-page-back > .cl-icon { margin-bottom: 3px; color: #565656; }
.cl-s-product-nav .btn-box > span > .cl-icon { color: #9a9a9a; }
.cl-s-product-nav .btn-box > span.active > .cl-icon { color: #565656; }
.cl-s-product-nav .btn-box .data-page-prev { margin-right: 32px; }
.cl-s-product-nav .data-page-back > .cl-icon, 
.cl-s-product-nav .data-page-prev > .cl-icon, 
.cl-s-product-nav .data-page-next > .cl-icon { font-size: 16px; }

/* (2) Body(content)                                                                                                */
.cl-s-product-body { padding: 60px 0px; font-family:'Noto Sans KR', sans-serif; }

/* (2-1) Left wrap :: Product Image Section                                                                         */
.cl-s-product-body .image-section > .preview { 
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ececec;
    overflow: hidden;
}
.cl-s-product-body .image-section > .preview > img { width: 100%; position: relative; }
.cl-s-product-body .image-section > .preview > #preview-image { 
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.cl-s-product-body .m-image-section { padding: 0; display: none; }
.cl-s-product-body .m-image-section > .swiper-container {
    position: relative;
    width: 100%;
    height: 0px;
    overflow: hidden;
    padding-bottom: calc(100% - 2px);
    background-color: #fff;
    cursor:pointer;
}
.cl-s-product-body .m-image-section > .swiper-container .swiper-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.cl-s-product-body .m-image-section > .swiper-container .swiper-wrapper .swiper-slide .m-image-box {
    width: 100%;
}
.cl-s-product-body .m-image-section > .swiper-container .swiper-wrapper .swiper-slide .m-image-box img {
    width: 100%;    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cl-s-product-body .m-image-section > .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    position: relative;
    border: 1px solid rgb(0 0 0 / 7%);
    width: 10px;
    height: 10px;
}
.cl-s-product-body .m-image-section > .swiper-container .swiper-pagination { bottom: 15px; }
.cl-s-product-body .m-image-section > .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: rgb(130 130 130 / 90%); border: 1px solid rgb(0 0 0 / 0%); }

.cl-s-product-body .image-section > .image-list { margin: 36px -5px 0 -5px; display: block; }
.cl-s-product-body .image-section > .image-list > ul > li,
.cl-s-product-body .image-section > .image-list > img { 
    float: left;
    width: 20%; 
    padding: 5px; 
    cursor: pointer;
}
.cl-s-product-body .image-section > .image-list > ul > li > img { width: 100%; height: 100%; }

/* (2-2) Right wrap :: Product Data Section                                                                         */
/* (2-2-1) Top          :: Product Info                                                                             */
.cl-s-product-body > form > .input-section {font-size: 14px;}
.cl-s-product-body > form > .input-section .product-title {
    position:relative;
    font-size:24px;
    font-weight: normal;
    letter-spacing: -0.72px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.cl-s-product-body > form > .input-section .product-title > span:not(.label-sale) { display: inline; }
.cl-s-product-body > form > .input-section .product-title .label-sale {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    background-color: #ee445f;
    position: inherit;
    top: -3px;
    margin-left: 3px;
    padding: 9px;
    max-width: 50px;
    max-height: 18px;
    display: inline-block;
    letter-spacing: 0;
    border-radius: 0;
    line-height: 0;
}
.cl-s-product-body > form > .input-section .product-title .product-badge {position: inherit; display: inline-block; top: -3px; margin-left: 3px;}
.cl-s-product-body > form > .input-section .product-caption {
    margin-bottom: 30px;
    font-size: 14px;
    letter-spacing: -0.42px;
}
.cl-s-product-body > form > .input-section .product-caption > pre {
    font-family:'Noto Sans KR', sans-serif;
    font-size: 14px;
    border: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}
.cl-s-product-body > form > .input-section .product-price {
    font-family: 'Lato','Noto Sans KR';
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.75px;
    color: #4789e7;
}
.cl-s-product-body > form > .input-section .product-price-box { display: flex; flex-wrap: wrap; line-height: 1; }
.cl-s-product-body > form > .input-section .product-price-box > div { flex: 1 1 auto; }

.cl-s-product-body > form > .input-section .product-price .currency-unit {
    margin-left: 4px;
    margin-right: 7px;
}
.cl-s-product-body > form > .input-section .product-price .normal-price {
    font-family: 'Lato','Noto Sans KR';
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.45px;
    text-decoration: line-through;
    display: inline-block;
    color: rgba(0,0,0,.4);
    margin-right:15px;
}
.cl-s-product-body > form > .input-section .product-price .product-percent {
    font-weight: normal;
    letter-spacing: -0.75px;
}
.cl-s-product-body > form > .input-section .product-price .product-percent > i {
    font-family: 'Noto Sans KR',sans-serif;
}
.cl-s-product-body > form > .input-section .divider {
    margin: 30px auto;
    border: none;
    border-top: 1px solid rgba(0,0,0,.1);
}
.cl-s-product-body > form > .input-section .delivery-info {
    width: 100%;
    margin: 0 0 12px 0;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    line-height: 1.6;
    display: flex;
}
.cl-s-product-body > form > .input-section .delivery-info .price .disp-more { color: #222222; text-decoration: underline; line-height: 1; margin-bottom: 5px; display: inline-block;}
.cl-s-product-body > form > .input-section .delivery-info .price .disp-more .cm-popover-info { margin-left: 0; transform: none; }
.cl-s-product-body > form > .input-section .delivery-info .price .price-detail .btn-more-box { display: inline; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-type .delivery-info-choice {color: #999999; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-type .delivery-info-choice .price-title { color: #222222; font-size: 14px; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-type .delivery-info-choice .price-title span:nth-child(2) { border-left: 1px solid #000000; border-color: rgba(0,0,0,.15); margin-left: 10px; padding-left: 10px; line-height: 12px; display: inline-block; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type { margin-bottom: 0; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type + .delivery-info { margin-top: 12px;  }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type input[type="radio"] { display: none; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type .price { display: flex; }
.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type label {
    flex: 0 0 50%; margin-bottom: 0;
} 
.delivery-info-delivery-pay-type label div {
    border: 1px solid #dedede;
    color: #999999;
    font-size: 14px;
    background-color: transparent;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.delivery-info-delivery-pay-type label input[type="radio"]:checked + div {
    color: #222222;
    border-color: rgba(0,0,0,.6);
}

.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type label:first-child input[type="radio"]:not(:checked) + div {
    border-right: none; padding-right: 1px;
}

.cl-s-product-body > form > .input-section .delivery-info.delivery-info-delivery-pay-type label:not(:first-child) input[type="radio"]:not(:checked) + div {
    border-left: none; padding-left: 1px;
}

.cl-s-product-body > form > .input-section .delivery-info > .delivery { width: 110px; float: left; color: #676767;}
.cl-s-product-body > form > .input-section .delivery-info > .price {
    margin-left: 10px;
    width:calc(100% - 120px); 
    float:left;
    height:100%;
}

.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-padding .price { color: #4789e7; float: right;}
.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-padding { margin: 0px 0px 0px; }
.cl-s-product-body > form > .input-section .delivery-info .popover-content .p-text { color: #b4b4b4; word-break: keep-all; }

.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-padding + .point-review { padding-top: 10px; }

.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-ul .point-li {  position: relative; padding-left:10px;word-break: keep-all; }
.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-ul .point-li:nth-child(1) { margin-top: 20px; }
.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-ul .point-li:nth-child(1) .p-text { display: block; }
.cl-s-product-body > form > .input-section .delivery-info .popover-content .point-ul .point-li:before {
    position: absolute;
    content: '·';
    top: 0px; left: 0px;
}

.cl-s-product-body .delivery-info-mobile{display:none; padding-top: 15px; border-top: 1px solid #eee;}
.cl-s-product-body .delivery-info-mobile .delivery-info {
    width: 100%;
    padding: 0 0 5px 0;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    line-height: 1.6;
    display: flex;
}
.cl-s-product-body .delivery-info-mobile .delivery-info .disp-more {
    color: #222222; font-size: 12px; text-decoration: underline; display: inline-block;
}
.cl-s-product-body .delivery-info-mobile .delivery-info .disp-more .cm-popover-info { margin-left: 0; }
.cl-s-product-body .delivery-info-mobile .delivery-info > .delivery { flex: 1 1 100px; color: #676767; line-height: 32px;}
.cl-s-product-body .delivery-info-mobile .delivery-info > .price {
    margin-left: 10px;
    width:calc(100% - 110px); 
    height:100%;
}
.cl-s-product-body .delivery-info-mobile .delivery-info > .price > p {font-size: 12px; margin: 0; }
.cl-s-product-body .delivery-info-mobile .delivery-info > .price > p:first-of-type { margin-top: 5px; }
.cl-s-product-body .delivery-info-mobile .delivery-info .delivery-info-content {
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
}

/*.calendar-box {
    display:none;
    padding:15px 15px 25px;
    position: absolute;
    border: 1px solid #bcbcbc;
    border-top:none;
    width: calc(100% + 2px);
    left: -1px;
    background-color: #fff;
    height:407px;
}*/
.etc-product-date .term-calendar-box .Datepickk .d-table input + label{height: 28px; margin: 1px 0; width: calc(100% / 7);}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label:not(.hidden) {
    color: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label:not(.hidden):before {
    border-radius: 0;
    transform: unset;
    background-color: transparent;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ input:not(.inRange) + label:not(.hidden):hover:before{
    border-radius: 14px;
}

.etc-product-date .term-calendar-box .Datepickk .d-table input.inRange + label{color: #fff !important;}
.etc-product-date .term-calendar-box .Datepickk .d-table input.inRange + label:before {
    width: 100%;
    left: 0;
    border-radius: 0;
    background-color: #4789e7 !important;
    opacity: 0.4 !important;
    top: 1px;
    transform: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label {
  color: #666;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label:before,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label:before {
    transform: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label.next,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label.next,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label.prev,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label.prev {
  color: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label:before {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  transform: unset;
  background-color: transparent;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label:before {
    /*opacity: 0 !important;*/
    transform: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):not(:checked) + label {
    color: #fff;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):not(:checked) + label:before {
    /*transform: scaleX(1);*/
    transform: unset;
    opacity: 0.4;
    background-color: #4886e3;
    top: 1px;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):checked + label ~ label {
    color: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label.next,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label.prev {
    color: #d1d3d5 !important;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label.next:not(.hidden),
.etc-product-date .term-calendar-box .Datepickk .d-tables.r ange:not(.before) input:not(.single):checked + label ~ label.prev:not(.hidden),
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):not(:checked) + label.next,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):not(:checked) + label.prev,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):checked + label ~ label.next,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):checked + label ~ label.prev {
  color: #d1d3d5;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range.before input:not(.single):checked + label ~ label:before {
  /*transform: scaleX(0);*/
    opacity: 0;
    transform: unset;
    width: 100%;
    left: 0;
    border-radius: 0;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked + label {
    margin:1px 0px;
    color: #fff;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range:not(.before) input:not(.single):checked + label:before {
    transform: unset;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-start-active + label,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-end-active + label {
    color: #fff !important;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-active + label:before,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-start-active + label:before {
    content: '';
    width: calc(100% - 14px);
    top: 1px;
    background-color: #4789e7 !important;
    opacity: 0.4 !important;
    border-radius: 0;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    left: 14px;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-end-active + label:before,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-end-active + label:hover:before {
    content: '';
    width: calc(100% - 14px);
    background-color: #4789e7 !important;
    opacity: 0.4 !important;
    border-radius: 0 !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
    left: 0;
    top: 1px;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-start-active.etc-end-active + label:before {
    display: none;
}
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-active + label:after,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-start-active + label:after,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-end-active + label:after,
.etc-product-date .term-calendar-box .Datepickk .d-tables.range input.etc-start-active.etc-end-active + label:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: #4789e7;
    top: 1px;
    left: 12px;
    border: 1px solid transparent;
}
.etc-product-date .term-calendar-box .Datepickk .d-table input:disabled + label {color: #d1d3d5 !important;}
.etc-product-date .term-calendar-box .Datepickk .d-table input:disabled + label:before,
.etc-product-date .term-calendar-box .Datepickk .d-table input:disabled + label:after{display: none;}

.etc-product-date .time-interval label{width: calc(25% - 6px); max-width: 85px; height: 30px; line-height: 28px; padding: 0; margin: 0 6px 6px 0; background-color: rgba(71, 137, 231, 0.05); color: #676767; font-size: 14px; font-weight: 300; text-align: center; cursor: pointer; border: 1px solid rgba(71, 137, 231, 0.1);}
.etc-product-date .time-interval input:disabled + label {cursor: default; background-color: #f6f8f9; color: #d1d3d5; border: 1px solid transparent;}
.etc-product-date .time-interval input:not(:disabled) + label:hover {color: #4789e7; border: 1px solid #4789e7;}
.etc-product-date .time-interval input:checked + label,
.etc-product-date .time-interval input:checked + label:hover {color: #fff; border: 1px solid #4789e7; background-color: #4789e7;}


/*.option-body{border-top: 1px solid #eee; margin-top: 18px;}*/
.option-body > .option-title{margin: 15px 0 8px 0; font-size: 14px; font-weight: 300;}
.option-body > .option-title:first-child { margin-top:30px; }

/* (2-2-2) Center       :: Product Option Box                                                                       */


.cl-s-option-selector {
    position:relative;
    width: 100%;
    margin-top: 8px;
    border: 1px solid #dedede;
}

.cl-s-delivery-type-selector {
    position:relative;
    width: 100%;
    border: 1px solid #dedede;
    margin-bottom: 12px;
    border-color: rgba(0,0,0,.15);
}

.cl-s-option-text .cl-s-option-selector {margin-top: 0;}
.cl-s-option-selector > .select-box,
.cl-s-delivery-type-selector > .select-box {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.cl-s-option-selector.cl-s-addt-option-selector > .select-box {z-index: 1;}
.cl-s-option-selector > .select-box > .selected-option > .selected-option-text{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 35px;}
.cl-s-option-selector > .select-box > .selected-option > svg,
.cl-s-delivery-type-selector > .select-box > .selected-option > svg {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cl-s-option-selector > .option-box {
    display: none;
    position: absolute;
    left: 0px; top: calc(100% + 1px);
    width: calc(100% + 2px);
    height: auto;
    max-height: 240px;
    margin-left: -1px;
    overflow: auto;
    z-index: 10;
}

.cl-s-delivery-type-selector > .option-box {
    display: none;
    border-top: 0px;
    position: absolute;
    left: 0px; top: calc(100% + 1px);
    width: calc(100% + 2px);
    height: auto;
    max-height: 240px;
    margin-left: -1px;
    overflow: auto;
    z-index: 10;
}

.cl-s-option-selector > .option-box > div,
.cl-s-delivery-type-selector > .option-box > div {
    border:1px solid #eee;
    border-top: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 9px 15px;
    width:100%;
    height:auto;
    min-height: 40px;
    cursor: pointer;
    overflow: hidden;
}

.cl-s-option-selector > .option-box > div.sold-out label { 
    display: inline;
    font-size: 16px; 
    font-weight: 300;
    color: #f03f60; 
    margin-left: 7px;
}
.cl-s-option-selector > .option-box .option-name {
    float: left;
    position: relative;
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    height: auto;
}
.cl-s-option-selector > .option-box .number { float: left; margin-right: 10px; }
.cl-s-option-selector > .option-box .price { float: right; }
.cl-s-option-selector > .option-box .price > span { margin-right: 3px; }
/*.cl-s-option-selector > .option-box .price::first-letter { margin-right: 3px; } L.20210607 파이어폭스 호환성이슈*/

.etc-product-date-mobile:not(.active),
.cl-s-option-time-selector,
.etc-product-time-mobile:not(.active){display: none;}
.cl-s-option-date-selector,
.cl-s-option-time-selector {
    position:relative;
    width: 100%;
    margin: 8px 0 10px 0;
    border: 1px solid #dedede;
    z-index:10;
}
.cl-s-option-date-selector > .select-box,
.cl-s-option-time-selector > .select-box {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
    cursor: pointer;
    z-index: 99;
}
.cl-s-option-date-selector > .select-box > .selected-option > svg,
.cl-s-option-time-selector > .select-box > .selected-option > svg {
    position: absolute;
    top: 50%;
    right: 18px;
    fill: #222228;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*.cl-s-option-date-selector > .select-box > .selected-option #etc-date-text-mobile{display: none;}*/

.cl-s-option-text > p {font-size: 16px;}
.cl-s-option-text > input {
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    border: solid 1px #e9e9e9;
    font-size: 13px;
    color: inherit;
    margin-top: 12px;
    background: #fff;
}
.cl-s-option-text > input:read-only {background: #f8f8f8;}
.cl-s-option-text > input::placeholder{color: #999}
.cl-s-option-text > input:-ms-input-placeholder {color: #999}
.cl-s-option-text > input::-ms-input-placeholder {color: #999}

.text-option-btn-box {margin: 20px 0 30px;}
.text-option-btn-box .text-option-btn { width: 200px; height: 36px; padding: 8px 0; border: solid 1px #999; color: #222; border-radius: 0;}
.text-option-btn-box .text-option-btn.disabled {border: solid 1px #dedede; color: #d5d5d5;}

/* (2-2-3) Center       :: Product Option Selected                                                                  */
.option-select-box {
    position: relative;
    overflow: auto;
    empty-cells: show; 
    width: 100%;
    height: auto;
    z-index: 1;
    /*margin-top: 30px;*/
}
.option-count-box {
    position: relative;
    overflow: hidden;
    padding: 20px 15px;
    margin-bottom: 10px;
    background-color: #f6f7f8;
    font-size: 14px;
}
.box-option-row{display: flex; justify-content: space-between;}
.box-option-row:last-child{margin-top: 20px; align-items: center;}
.box-option-row .box-option-name{margin-right: 20px;}
.box-option-name.box-option-none { width: 0px; }
.box-option-count { width: 100%; height: 32px; }
.box-option-count > .form-group {
    width: 102px;
    position:relative;
    display: inline-block;
    border: 1px solid #000000;
    border-color: rgba(0,0,0,.15);
    margin-bottom: 0;
    overflow: hidden;
}
.box-option-count > .form-group > span {
    width:31px;
    height:30px;
    background-color: #fff;
    float:left;
    position: relative;
    cursor: pointer;
    font-family: 'cl_icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 30px;
    fill:#676767;
}
.box-option-count > .form-group > .min {
    border-right: solid 1px #000000;
    border-color: rgba(0,0,0,.15);
}
.box-option-count > .form-group > .plus {
    border-left: solid 1px #000000;
    border-color: rgba(0,0,0,.15);
}
.box-option-count > .form-group > .min:before,
.box-option-count > .form-group > .plus:before {
    display: inline-block;
    position: absolute;
    color: #555555;
    top: 6px; left: 6px;
}
/*.box-option-count > .form-group > .min:before { content: "\e969"; }
.box-option-count > .form-group > .plus:before { content: "\e968"; }*/
.box-option-count > .form-group > input {
    float: left;
    width: 38px;
    height: 30px;
    border: 0px;
    text-align: center;
    background-color: transparent;
}
.box-option-price {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 16px;
    order: 1;
    width: 100%;
    text-align: right;
}
.box-option-price > .option-price {
    margin-right: 5px;
}
.box-option-del { position: relative;  text-align: right; width: 13px; height: 13px; line-height: 13px;}
.box-option-del > .box-delete { cursor: pointer; vertical-align: middle;}
.box-option-del > .box-delete svg { fill: rgba(0,0,0,.6); }

.option-count-box .download-info {overflow:hidden; width:100%; margin-top:8px;}
.option-count-box .download-info .download-title {color:#4886e3;}
.option-count-box .download-info .download-size {color:#999999;}
.option-count-box .download-info + div{margin-top: 5px;}

.download-list {width:100%;font-size:14px;display:inline-block;color:#999;}
.download-list .download-title {width:155px;padding-left:35px;display:inline-block;}
.download-list .download-contents {width:calc(100% - 30px);display:inline-block;float:right;}
.download-list .download-contents span:first-child {width:calc(100% - 90px);display:inline-block;color:#4886e3;}
.download-list .download-contents span:last-child {width:90px;display:inline-block;float:right;text-align:right;}


/* (2-2-4) Center       :: Product Total Price                                                                      */
.total-price-box {
    position:relative;
    margin: 10px 0 22px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    vertical-align: text-bottom;
    z-index:1;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    justify-content: space-between;
}
.total-price-box > div { flex: 1 1 auto; display : flex; justify-content: space-between; flex-wrap: wrap; column-gap: 40%; }
.total-price-box > div > div { flex: 1 0 auto;}
.total-price-box > span {
    font-family: 'Noto Sans KR',sans-serif;
    position: relative;
    font-size: 14px;
}
.total-price-box span.panel-total-price { 
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.6px;
    color: #4789e7;
    float: right;
}
.total-price-box span.panel-total-price > .total-price {
    margin-right: 4px;
}
.total-price-box span.panel-total-title {
    color: #222228;
    font-weight: 500;
    flex: 3 0 auto;
}

.total-price-box span.panel-total-cnt { 
    padding-right: 20px;
    color: #999999; 
    vertical-align: text-top;
}
/*.total-price-box > span.panel-total-cnt:after {
    position: absolute;
    top: 9px; right: 0;
    display: inline-block;
    content: ' ';
    width: 1px; height: 12px;
    background-color: #c7c7c7;
    margin: 0 20px 0 10px;
}*/

/* (2-2-5) Bottom       :: Product Button Box                                                                       */
.product-detail-btn {
    width: 100%;
    /* overflow: hidden; */
}
.product-detail-btn > .btn {
    height: 60px;
    border-radius: 0px;
}

.product-detail-btn > .btn.active { box-shadow: none; }

.product-detail-btn .cannotby-msg.fw-n { font-weight: normal; font-size: 18px; color: #4789e7; background-color: transparent; }
.product-detail-btn .cannotby-msg .btn-upgrade { margin-top: 5px; color: #4789e7; font-weight: bold; display: inline-block; border-bottom: 1px solid #4789e7; }
.product-detail-btn > button.btn-basket:active { 
    -webkit-box-shadow: none;
    box-shadow: none;
}
.product-detail-btn > button.btn-myfav:active, .product-detail-btn > button.btn-share:active { box-shadow: none; }
.product-detail-btn > button.btn-basket,
.product-detail-btn > button.btn-order,
.product-detail-btn > button.btn-myfav,
.product-detail-btn > button.btn-share
 {
    letter-spacing: -0.6px;
    font-family:'Noto Sans KR', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-detail-btn > button.btn-basket span,
.product-detail-btn > button.btn-order span,
.product-detail-btn > button.btn-myfav span,
.product-detail-btn > button.btn-share span {
    background-color: transparent;
}

.product-detail-btn > p.cannotby-msg {
    margin-top: 39px;
    font-size: 24px;
    letter-spacing: -0.6px;
    text-align: center;
    color: #ee445f;
}

.cannotby-msg + .btn { margin-left: 0;}

.cl-s-product-body + .clearfix { margin-bottom: 30px; }


/* (3) Bottom(Message OR Tab menu)                                                                                  */
.cl-s-product-message { padding-top: 70px; padding-bottom: 50px; font-size: 16px; }


.product-detail-btn .cannotby-msg { cursor: default; }
.product-detail-btn .cannotby-msg, .m-product-btn .cannotby-msg { background-color: #c9c9c9; color: #ffffff; }
.product-detail-btn > button.btn-myfav span, .product-detail-btn > button.btn-share span { display: inline-block; }
.btn-myfav-icon svg path:first-child { fill: transparent; }
.btn-myfav-icon.on svg path:first-child { fill: inherit; }

@media only screen and (min-width: 768px) {
    .m-product-btn { display: none; }
    /*.cl-s-product-detail-tab.fixed_tab { max-width: 740px !important; }*/


    /* 네이버페이일경우 장바구니 페이지 버튼배치 수정 */
    .btn-pay-cart-container {
        text-align: left !important;
        padding-left: 0; padding-right: 0;
    }

    .btn-pay-cart-container .cl-s-btn {
        text-align: center !important;
    }

    .btn-pay-cart-container .naverpay-buy-cart { /*width: 210px;*/ float: right; padding-top: 0 !important; display: inline-block; /*background-color: transparent;*/}
    /* .btn-pay-cart-container .naverpay-buy-cart .npay_button_box {background-color: transparent !important;} */
    .btn-pay-cart-container .naverpay-buy-cart * { max-width: 100%; }


}
@media only screen and (min-width: 992px) {
    /*.cl-s-product-detail-tab.fixed_tab { max-width: 970px !important; }*/
}
@media only screen and (min-width: 1200px) {
    .cl-s-product-detail .element .container {width: 1170px}
    /*.cl-s-product-detail-tab.fixed_tab { max-width: 1170px !important; }*/
}

@media only screen and (max-width: 991px) {
    .product-detail-btn > button.btn-basket, 
    .product-detail-btn > button.btn-order { font-size: 16px; }
    /*.box-option-price {width: 25%;}*/

    .sidebar ~ .cl-s-product-detail .option-body .total-price-box > div { justify-content: flex-end; }
}

@media only screen and (max-width: 767px) {
    .cl-s-product-detail { padding: 0px 0px 30px; }
    .cl-s-product-detail .photo-review { display: none; }

    .cl-s-product-nav { display: none; }

    .cl-s-product-body { padding: 0px 0px 15px; }

    .cl-s-product-body .image-section { display: none; }
    .cl-s-product-body > .image-section > .image-list { margin-top: 15px; }
    .cl-s-product-body > .image-section > .image-list > ul { display: inline-block; padding: 0; }
    .cl-s-product-body .m-image-section { display: block; }
    .cl-s-product-body > .image-section > .preview { width: calc(100% + 30px); position: relative; left: -15px; }

    .cl-s-product-body > form { margin-top: 30px; }
    .cl-s-product-body > form > .input-section .product-title { font-size: 18px; margin-bottom: 5px; }
    .cl-s-product-body > form > .input-section .product-caption { font-size: 13px; margin-bottom: 10px; }
    .cl-s-product-body > form > .input-section .product-price { border-bottom: 0px; padding-top: 10px; font-size: 24px; }
    .cl-s-product-body > form > .input-section .product-price .normal-price { font-size:14px; }
    .cl-s-product-body > form > .input-section .divider { margin: 20px auto; }
    /*.cl-s-product-body > form > .input-section .delivery-info { padding-bottom: 8px; }*/

    .cl-s-option-selector { width: calc(100% - 30px); margin: 0px auto; position: relative; z-index: 3; }
    .cl-s-option-selector > .option-box { max-height: 250px; }

    .cl-s-option-date-selector, .cl-s-option-time-selector{margin: 8px 0 0 0;}

    .download-info {top:0px;margin-top:5px;}
    .download-info .download-title {width:50%;}
    .download-info .download-size {width:50%;}

    .cl-s-product-body + .clearfix { margin-bottom: 15px; }

    .cl-s-option-date-selector.active,
    .cl-s-option-time-selector.active {
        border: 1px solid #4789e7;
    }
    .etc-product-date-mobile{border: 1px solid #d1d3d5; padding: 15px 0;}
    .etc-product-date-mobile .term-calendar-box{margin: 0 auto; padding: 0;}
    .etc-product-date-mobile .d-month-year-picker{text-align: center; left: 0; max-width: unset;}
    .etc-product-date-mobile .d-month-year-picker .pick-header > div{margin: 0;}
    .etc-product-date-mobile .d-month-year-picker .pick-body > div > div{border-bottom: 1px solid #dfe0e2;}
    .etc-product-date-mobile .d-month-year-picker .pick-body > div > div:last-child{border-bottom: none;}
    .cl-s-option-time-selector{display: block;}
    .etc-product-time-mobile{padding: 20px 0;}
    .etc-product-time-mobile .setting-row:first-child{margin: 0 auto; border: none; padding-bottom: 14px;}
    .etc-product-time-mobile .time-interval label{height: 40px; line-height: 40px;}
    /*.cl-s-option-date-selector > .select-box > .selected-option #etc-date-text{display: none;}
    .cl-s-option-date-selector > .select-box > .selected-option #etc-date-text-mobile{display: inline-block;}*/
    
    /***************************************************product.html mobile css*/
    .m-product-btn {
        display: flex;
        width: 100%;
        height: 50px;
        position: fixed;
        left: 0px;
        bottom: 0px;
        z-index: 16;
        transition-property: all;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        background-color: #ffffff;
    }
    .m-product-btn.hide {
        max-height: 0px;
        transition-property: all;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    }
    .m-product-btn > .buy-btn, .m-product-btn > .cart-btn {
        width: 100%;
        height: 100%;
        cursor: pointer;
        word-wrap: break-word; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
        overflow: hidden; 
        font-size: 16px; 
        border-width: 1px;
    }
    .product-detail-btn > button.btn-basket, .product-detail-btn > button.btn-order { flex: 1 1 50% !important; margin: 0 !important; border-radius: 0 !important; }

    .m-product-btn > .naverpay-buy-btn svg {
        fill: #00c63b;
        background-color: #fff;
        padding: 5px;
        margin-right: 10px;
        vertical-align: bottom;
    }

    .m-product-btn > .naverpay-buy-btn {
        background-color: #00c63b !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        border: none;
        border-left: 0;
    }
    .m-product-btn .btn-myfav,
    .m-product-btn .btn-share { border: none; background-color: #ffffff; border-top: 1px solid ; flex: 0 0 50px; }
    .m-product-btn .btn-myfav svg,
    .m-product-btn .btn-share svg { vertical-align: middle; }
    .m-product-btn .btn-myfav + .btn-share { border-left: 1px solid rgba(0,0,0,.1); }

    #naverpay-buy.naverpay-buy-cart {
        background: transparent !important;
    }

    .option-body {
        position: fixed;
        opacity: 0;
        bottom: -450px;
        left: 0;
        right: 0;
        width: 100%;
        height: 80%;
        max-height: 0px;
        padding: 25px 15px 65px 15px;
        z-index: -1;
        background-color: #fff;
        border-top: 1px solid #d6d7d8;
        /*
        transition-property: all;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
    }
    .option-body.open {
        display: block;
        z-index: 998;
        bottom: 0;
        opacity: 1;
        height: 100%;
        max-height: 500px;
        overflow-y: auto;
        padding-bottom: 250px;
        /*
        transition-property: all;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
    }
    .input-section2 .option-body-closed {
        content: ' ';
        display: inline-block;
        position: fixed;
        bottom: 500px; left: 50%;
        width: 84px; height: 25px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #fff;
        border: 1px solid #d6d7d8;
        border-bottom: 1px solid #fff;
        -webkit-border-radius: 12px 12px 0px 0px;
        -moz-border-radius: 12px 12px 0px 0px;
        border-radius: 12px 12px 0px 0px;
        margin: 0 auto -1px;
        line-height: 35px;
        cursor: pointer;
        text-align: center;
        z-index: 999;
    }
    .option-body .option-body-closed i { 
        display: inline-block;
        font-size: 10px;
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .option-body .option-body-closed svg { fill: #a5a5a5; }
    .option-body > .option-title{margin: 8px 0;}
    .option-body > p:first-of-type{margin: 0 0 8px 0;}
    .option-body > .cl-s-option-selector {
        position: relative;
        width: 100%;
        margin: 0px auto;
        /*z-index: 3;
        border-color: #3c4451;
        background-color: #3c4451;
        color: #fff;*/
    }
    .etc-product-date-mobile ~ .cl-s-option-selector,
    .etc-product-time-mobile ~ .cl-s-option-selector{margin: 8px auto 0 auto;}

    /*.option-body > .cl-s-option-selector > .select-box > .selected-option > svg { fill: #fff; }*/
    /* .option-body > .cl-s-option-selector > .select-box { height: 40px; line-height: 40px; } */
    /* .option-body > .cl-s-option-selector > .option-box { top: 41px; } */
    /* .option-body > .cl-s-option-selector > .option-box > div { padding: 6px 19px; min-height: auto; } */
    .option-body > .option-select-box {
        position: relative;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
        overflow-y: auto;
        display: block;
        z-index: 1;
    }
    /*.cl-s-option-date-selector ~ .cl-s-option-selector {margin-top:20px;}*/
    .text-option-btn-box {margin:15px 0 25px 0;}

    .cl-s-product-body .delivery-info-mobile{display:block;}
    .cl-s-delivery-type-selector > .option-box { z-index: 11; }
    .cl-s-delivery-type-selector > .option-box > div {  min-height: 32px; line-height: 1.6; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content { background-color: transparent; padding: 0; margin-bottom: 10px; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content.delivery-info-delivery-pay-type { display: flex; margin-bottom: 15px; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content.delivery-info-delivery-pay-type label { flex: 0 0 50%; margin-bottom: 0; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content.delivery-info-delivery-pay-type label input { display: none; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content.delivery-info-delivery-pay-type label div { font-weight: normal; font-size: 14px; text-align: center; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content.delivery-info-delivery-pay-type label:first-child input[type="radio"]:not(:checked) + div { border-right:none; padding-right: 1px; }
    .cl-s-product-body .delivery-info-mobile .delivery-info.delivery-info-delivery-type .delivery-info-content.delivery-info-delivery-pay-type label:not(:first-child) input[type="radio"]:not(:checked) + div { border-left: none; padding-left: 1px; }
    
    .cl-s-delivery-type-selector > .select-box > .selected-option > svg { width: 10px; }

    .box-option-row:last-child {margin-top: 10px;}

    .calendar-box {height:360px;padding:0px 15px 25px;}
    .option-count-box {padding: 15px;}
    .option-count-box .download-info{margin-top: 5px;}
    .option-count-box .download-info + div{margin-top: 0;}

    .option-body > .total-price-box {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .option-body .total-price-box > div { justify-content : flex-end; }
    .option-body > .total-price-box > span.panel-total-title, 
    .option-body > .total-price-box > span.panel-total-cnt { padding-top: 0; }
    .option-body > .total-price-box > span.panel-total-title { margin-right: 0; }
    .option-body > .total-price-box > span.panel-total-price { font-size: 18px; }
    .option-body > .total-price-box > span.panel-total-cnt { padding-right: 10px; }

    .option-body + .product-detail-btn { 
        position: fixed;
        bottom: 0; left: 0; right: 0;
        width: 100%;
        z-index: -1;
        display: none;
    }
    .option-body.open + .product-detail-btn { z-index: 999; flex-wrap: wrap; column-gap : 0; display: flex; }
    .option-body + .product-detail-btn > .btn-white,
    .option-body + .product-detail-btn > .btn-darkgray {
        width: calc(50%);
        float: left;
        margin: 0px;
        border-radius: 0px;
        font-size: 16px;
        font-weight: normal;
        height: 62px;
    }
    .product-detail-btn > .btn {height: 50px;}
    /* .option-body + .product-detail-btn > .btn-basket { border: none !important; border-bottom: 1px solid #d8d8d8 !important; } */
    .option-body + .product-detail-btn > .btn-basket.cartonly { display: block; width:100%; }

    .product-detail-btn .btn-myfav, .product-detail-btn .btn-share { display :none !important;}
    .cl-s-product-body > form > .input-section .product-detail-btn .btn-basket { order: 0;}

    .cl-s-product-detail ~ .fnav-mobile-fnav,
    .cl-s-product-detail ~ .mobilepc_ch { display: none; }

    .basket_formbox ~ .fnav-mobile-fnav,
    .basket_formbox ~ .mobilepc_ch { display: none; }

    .cl-s-product-body > form .input-section1 .delivery-info.delivery-info-delivery-type .cl-s-delivery-type-selector,
    .cl-s-product-body > form .input-section1 .delivery-info.delivery-info-delivery-pay-type,
    .cl-s-product-body > form .input-section1 .delivery-info.delivery-info-choice { display: none !important; }
    .cl-s-product-body > form > .input-section .delivery-info .price .price-detail .btn-more-box { display: block; margin-bottom: 6px; margin-top: -5px; }
    .cl-s-product-body > form > .input-section .delivery-info .price .price-detail .btn-more { margin-left: 0;} 
    .cl-s-cart .cart-table .delivery-td .popover, .cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover, .delivery-info-choice .popover, .cl-s-order-cancel .popover.top { min-width: auto !important; }

    .cl-s-product-detail ~ .el-footer { padding-bottom: 50px;}
}

/* Creatorlink Shopping Page::: Prodect Detail & Review & QnA Tab menu CSS ▼ ****************************************/ 
.cl-s-product-detail-tab { position: relative; width: 100%; padding:0; }
.cl-s-product-detail-tab.fixed_tab { position: fixed; z-index: 19;  }
.cl-s-product-detail-tab > ul { display: table; table-layout: fixed; width: 100%; max-width: 1170px; margin:auto;padding:0px 15px; }
.cl-s-product-detail-tab > ul > li {
    position: relative;
    display: table-cell;
    height: 52px;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    white-space: nowrap;
    color: #999999;
    border-bottom: 1px solid #222222;
    background-color: #f5f5f5;
    cursor: pointer;
    font-family: 'Noto Sans KR', sans-serif;
}
.cl-s-product-detail-tab > ul > li.active {
    border: 1px solid #222222;
    border-bottom : 0px;
    background-color: #ffffff;
    color: #222222;
}
.cl-s-product-detail-tab > ul > li:not(.active) + li:not(.active):before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 19px; left: 0;
    width: 1px; height: 15px;
    background-color: #b6b6b6;
}
.cl-s-product-detail-tab > ul > li > a {
    display: inline-block;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .cl-s-product-detail-tab > ul > li { line-height: 34px; height: 34px; }
    .cl-s-product-detail-tab > ul > li:not(.active) + li:not(.active):before { top: 11px; }
}
.dsgn-body.mode-config:not(.sidebar) .cl-s-product-detail-tab.fixed_tab { padding-left: 15px; }
@media (min-width: 768px) {
    .cl-s-product-detail-tab > ul { max-width: 740px !important; }
}
@media (min-width: 992px) {
    .cl-s-product-detail-tab > ul { max-width: 970px !important; }
}
@media (min-width: 1200px) {
    .cl-s-product-detail-tab > ul { max-width: 1170px !important; }
}

/* Creatorlink Shopping Page::: 더보기 버튼 CSS ▼     **********************************************************/
.shopping-wrap {
    position: relative;
}
.shopping-wrap.open:after {
    background:none;
    pointer-events: none;
}
.shopping-wrap:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 250px;
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    content: '';
}

.shopping-more-wrap {
    width:100%;
    background-color: #fff;
    padding-top:45px;
}
.shopping-more {
    font-size: 13px;
    max-width: 180px;
    opacity: 1;
    color: #5d5d5d;
    border: 1px solid #5d5d5d;
    background-color: transparent;
    margin: auto;
    text-align: center;
    padding:10px 0px;
    cursor: pointer;
}


/* Creatorlink Shopping Page::: 상품정보제공표시 CSS ▼     **********************************************************/ 
.cl-s-product-info-notice { font-family: Noto Sans KR;padding:100px 0px;color:#222222;  }
.cl-s-product-info-notice .prod-info-notice { font-size: 14px;line-height: 1.36;padding:0px 0px 15px 10px;display: inline-block; }
.cl-s-product-info-notice .prod-info-title { width: 230px; background-color:#f9f9f9;letter-spacing: -1.2px;color:#222222; }
.cl-s-product-info-notice table { width:100%;background-color: #fff; }
.cl-s-product-info-notice td { padding:8px 10px 7px;font-size: 12px;line-height: 1.42;border-bottom: solid 1px #e8e8e8;color:#676767; }
@media only screen and (max-width: 767px) {
    .cl-s-product-info-notice .prod-info-title { width: 130px; }
}


/* Creatorlink Shopping Page::: Prodect Review & QnA CSS ▼ **********************************************************/ 
/* (1) Prodect Review & Prodect QnA Common CSS                                                                      */
.cl-s-product-qna,
.cl-s-product-review {
    padding: 55px 0;
    font-family: 'Noto Sans KR';
    color: #222222;
}
.cl-s-product-qna .s-title,
.cl-s-product-review .s-title {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.45px;
}
.cl-s-product-qna .s-title > span,
.cl-s-product-review .s-title > span { 
    margin-left: 20px; 
    display: inline; 
}
.cl-s-product-qna .qna-footer,
.cl-s-product-review .review-footer { text-align: center; margin-top: 23px; margin-bottom: 40px; }
.cl-s-pagination { display: inline-block; }
.cl-s-pagination ul li {
    padding: 5px 10px;
    display: inline-block;
    color: #b4b4b4;
    cursor: pointer;
    font-size: 13px;
}
.cl-s-pagination ul li.go-prev{padding-right: 20px;}
.cl-s-pagination ul li.go-next{padding-left: 20px;}
.cl-s-pagination ul li.angle svg{fill: #676767;}
.cl-s-pagination ul li.active { color: #222222; }
.cl-s-loadmore { 
    display: none;
    padding: 12px 5px;
    font-size: 13px;
    border-bottom: 1px solid #222222;
    cursor: pointer;
}
.cl-s-loadmore>span{margin-right: 10px;}

/* (2) Prodect Review CSS                                                                                           */
.cl-s-product-review .product-review-image { margin-top: 15px; width: 100%; display: inline-block; }
.cl-s-product-review .product-review-image > img { width: 100px; height: 100px; float: left; margin: 0 14px 10px 0; cursor: pointer; }
.cl-s-product-review .product-review-image > img:last-child {margin: 0 0 10px 0;}
.cl-s-product-review .review-slide { padding-top: 14px; color: #222222; cursor: pointer; }
.cl-s-product-review .review-slide > svg { fill: #222428; margin-right: 5px; }

.cl-s-product-review .cl-s-product-btn-wrap { text-align: right; }
.cl-s-product-review .cl-s-product-btn {
    width: 107px;
    height: 37px;
    background-color: #3c4450;
    color: #ffffff;
    -webkit-text-shadow: 0px 1px 1px rgba(118, 127, 127, 0.49);
    text-shadow: 0px 1px 1px rgba(118, 127, 127, 0.49);
    letter-spacing: 0.91px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.cl-s-product-review .review-meta{display: none; font-size: 12px; color: #b4b4b4; padding-bottom: 5px;}
.cl-s-product-review .review-meta span{padding: 0 10px;}
.cl-s-product-qna .qna-meta{display: none; font-size: 12px; color: #b4b4b4; float: right;}
.cl-s-product-qna .qna-meta span{margin-right: 15px;}

/* (1) Prodect QnA CSS                                                                                              */
.cl-s-product-qna .s-table > tbody > tr > td:nth-child(1),
.cl-s-product-qna .s-table > tbody > tr > td:nth-child(2) {
    font-size: 13px;
}
.cl-s-product-qna .s-table > tbody > tr > td:nth-child(2) > div {
    cursor: pointer;
    word-wrap: break-word; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    /*display: inline-block;*/
    max-width: 100%;
}
.cl-s-product-qna .s-table > tbody > tr > td:nth-child(2) > div svg{fill: #676767; vertical-align: middle;}
.cl-s-product-qna .cl-s-product-btn-wrap { text-align: right; }
.cl-s-product-qna .cl-s-product-btn {
    width: 107px;
    height: 37px;
    background-color: #3c4450;
    color: #ffffff;
    -webkit-text-shadow: 0px 1px 1px rgba(118, 127, 127, 0.49);
    text-shadow: 0px 1px 1px rgba(118, 127, 127, 0.49);
    letter-spacing: 0.91px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*.paging {width:100%;margin-top:35px;position:relative;font-family:'Noto sans kr';}
.paging > .page {width:100%;position:relative;}
.paging > .page > ul {display:inline-block;position:relative;left:50%;transform:translateX(-50%);}
.paging > .page > ul > li {float:left;padding:5px 10px;cursor:pointer;color:rgb(150,150,150);}
.paging > .page > ul > li.active {color:rgb(60,60,60);}
.section-qna .paging { margin-bottom: 140px;}
.paging > .review-write {position:absolute;right:0px;top:-5px;}
.write-btn {width:107px;height:38px;border:0px;background-color:rgb(60,60,60);color:rgb(255,255,255);border-radius:0px;}
.write-btn:hover {color:rgb(255,255,255);}*/

@media only screen and (min-width: 768px) {
    .cl-s-product-qna .s-table,
    .cl-s-product-review .s-table { 
        table-layout: fixed;
        empty-cells: show; 
        width: 100%;
    }
    .cl-s-product-qna .s-table > thead > tr > th,
    .cl-s-product-qna .s-table > tbody > tr > td,
    .cl-s-product-review .s-table > thead > tr > th,
    .cl-s-product-review .s-table > tbody > tr > td {
        letter-spacing: -0.33px;
        line-height: 1.3;
        vertical-align: top;
        text-align: center;
    }
    .cl-s-product-qna .s-table > thead > tr > th{ 
        padding: 12px 5px;
        color: #222222; 
        border-top: 1px solid #222222;
        font-weight: normal;
    }
    .cl-s-product-qna .s-table > tbody > tr:first-child > td,
    .cl-s-product-review .s-table > tbody > tr:first-child > td { border-top: 1px solid #222222; }
    .cl-s-product-qna .s-table > tbody > tr:last-child > td,
    .cl-s-product-review .s-table > tbody > tr:last-child > td { border-bottom: 1px solid #222222; }
    .cl-s-product-qna .s-table > tbody > tr.more_data,
    .cl-s-product-review .s-table > tbody > tr.more_data { display: none; }

    .cl-s-product-qna .s-table > tbody > tr > td,
    .cl-s-product-review .s-table > tbody > tr > td { 
        padding: 22px 5px;
        color: #676767; 
        border-top: 1px solid #d8d8d8;
    }
    .cl-s-product-review .s-table > tbody > tr > td:first-child { padding: 22px 65px 22px 30px; text-align: left;}
    .cl-s-product-review .s-table > tbody > tr > td[colspan="4"] { padding: 40px 15px; text-align: center; }
    .cl-s-product-review .s-table > tbody > tr > td > div.review-content > svg { display: none; }

    .cl-s-product-qna .s-table > thead > tr > th { border-bottom: 1px solid #d8d8d8; }
    .cl-s-product-qna .s-table > tbody > tr > td { padding: 30px 5px; color: #676767; }
    .cl-s-product-qna .s-table > tbody > tr > td:first-child{padding: 30px 25px 30px;}
    .cl-s-product-review .s-table > tbody > tr > td:last-child,
    .cl-s-product-qna .s-table > tbody > tr > td:last-child{padding-right: 30px;}
    .cl-s-product-qna .s-table > tbody > tr > td:nth-child(2) { text-align: left; padding-right: 40px;}
    .cl-s-product-qna .s-table > tbody > tr > td[colspan="4"] { padding: 40px 15px; text-align: center; }
    .cl-s-product-qna .cl-s-product-btn-wrap { position: absolute; right: 15px; top: 0; }
    .cl-s-product-review .cl-s-product-btn-wrap { position: absolute; right: 15px; top: 0; }

    .cl-s-product-review .product-review-image > img{width: 64px; height: 64px; margin: 0 10px 10px 0;}

}

@media only screen and (max-width: 991px) {
    .cl-s-product-review .s-table > colgroup > col:nth-child(2) { width: 15%; }
}
@media only screen and (max-width: 767px) {
    .cl-s-pagination { display: none; }
    .cl-s-loadmore { display: block; }

    .cl-s-product-qna,
    .cl-s-product-review { padding: 22.5px 0; }
    .cl-s-product-qna .s-title,
    .cl-s-product-review .s-title { margin-bottom: 10px; font-size: 16px; }
    .cl-s-product-qna .s-title > span,
    .cl-s-product-review .s-title > span { margin-left: 10px; }

    .cl-s-product-review .s-table,
    .cl-s-product-review .s-table > tbody,
    .cl-s-product-review .s-table > tbody > tr,
    .cl-s-product-review .s-table > tbody > tr > td,
    .cl-s-product-qna .s-table,
    .cl-s-product-qna .s-table > tbody,
    .cl-s-product-qna .s-table > tbody > tr,
    .cl-s-product-qna .s-table > tbody > tr > td {
        display: block;
        line-height: 1.3;
        color: #676767;
    }
    .cl-s-product-review .s-table > colgroup,
    .cl-s-product-review .s-table > thead,
    .cl-s-product-qna .s-table > colgroup,
    .cl-s-product-qna .s-table > thead { display: none; }

    .cl-s-product-review .s-table > tbody,
    .cl-s-product-qna .s-table > tbody { border-top: 1px solid #222222; border-bottom: 1px solid #222222; }
    .cl-s-product-review .s-table > tbody > tr,
    .cl-s-product-qna .s-table > tbody > tr { position: relative; padding: 15px 0; }
    .cl-s-product-review .s-table > tbody > tr + tr,
    .cl-s-product-review .s-table > tbody > tr + .review-detail + tr,
    .cl-s-product-qna .s-table > tbody > tr + tr { border-top: 1px solid #d8d8d8; }
    .cl-s-product-review .s-table > tbody > tr > td:first-child > div > br,
    .cl-s-product-review .s-table > tbody > tr > td:first-child > div > .review-slide,
    .cl-s-product-review .s-table > tbody > tr > td:nth-child(4),
    
    .cl-s-product-qna .s-table > tbody > tr > td:nth-child(3),
    .cl-s-product-qna .s-table > tbody > tr > td:nth-child(4){ display: none; }
    .cl-s-product-qna .qna-footer,
    .cl-s-product-review .review-footer { margin-top: 0; margin-bottom: 20px; }


    .cl-s-product-review .s-table > tbody > tr > td:first-child > .review-content { 
        /*word-wrap: break-word; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
        overflow: hidden; 
        display: inline-block; 
        width: 74%;
        max-width:  74%; */
        margin-top: 5px;
        cursor: pointer; 
    }

    .cl-s-product-review .s-table > tbody > tr > td > div.review-content > svg { margin-right: 5px; }
    .cl-s-product-review .s-table > tbody > tr > td:nth-child(2),
    .cl-s-product-review .s-table > tbody > tr > td:nth-child(3) { display: none; }
    .cl-s-product-review .product-review-image > img{ width: 62px; height: 62px; margin: 0 4px 5px 0;}
    .cl-s-product-review .product-review-image > img:last-child{margin: 0 0 5px 0;}
    .cl-s-product-review .review-detail { padding-bottom: 10px; }
    .cl-s-product-review .review-detail > div > img { width: 45px; height: 45px; }
    .cl-s-product-review .review-detail > div > img + img { margin-left: 10px; }

    .cl-s-product-qna .s-table > tbody > tr:before,
    .cl-s-product-qna .s-table > tbody > tr:after { content: ' '; display: table; clear: both; }
    .cl-s-product-qna .s-table > tbody > tr > td:nth-child(2) { float: left; width: 100%; }
    .cl-s-product-qna .s-table > tbody > tr > td:nth-child(3) { float: right; width: 25%; padding-right: 5px; text-align: right; }
    .cl-s-product-qna .cl-s-product-btn-wrap { margin-top: 10px; }
    .cl-s-product-qna .qna-meta{display: inline-block;}
    .cl-s-product-qna .qna-meta .ico-naverpay { margin-right: 5px; }
    .cl-s-product-review .cl-s-product-btn-wrap { margin-top: 10px; }
    .cl-s-product-review .review-meta{display: block;}
    .cl-s-product-review .review-meta .ico-naverpay { margin-right: 5px; }
    .cl-s-product-qna .s-table > tbody > tr > td.qna-status{padding-bottom: 5px;}
}

/*.buy-review {width:100%;position:relative;font-family: 'Noto sans kr';}
.review-title {width:100%;font-size:18px;padding:10px 5px 0px;margin:45px 0px 10px;display:inline-block;}
.review-title > span {float:left;margin-right:13px;}
.buy-review > table {width:100%;border-top:2px solid rgb(0,0,0);border-bottom:2px solid rgb(0,0,0);font-size:13px;}
.buy-review > table > thead > tr > th {height:39px;vertical-align:middle;text-align:center;color:#222428;border-bottom:1px solid #d6d7d8;}
.buy-review > table > tbody > tr > td {height:50px;vertical-align:middle;text-align:center;border-bottom:1px solid rgb(200,200,200);}
.buy-review > table > tbody > tr > td:nth-child(1) {text-align:left;padding-left:28px;padding-top:22px;}
.buy-review > table > tbody > tr > td:nth-child(1) > div {padding-bottom:18px;}
.buy-review > table > tbody > tr > td:nth-child(2) > div {display:inline-block;}
.buy-review > table > tbody > tr > td:nth-child(2) > div > img {width:15px;height:15px;float:left;margin-right:2px;}
*/
    


/* Creatorlink Shopping Page::: Prodect QnA CSS ▼ *******************************************************************/ 



@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
}
/********************************************************************************************************************/
/********************************************************************************************************************/







/****************************************************************************************************************************************hyeran_20191104*/
/********************************************************************************************************************/
/* Creatorlink Shopping Page::: Common CSS ▼ ************************************************************************/ 

.cl-s-page {
    font-family: 'Noto Sans KR';
    padding: 63px 15px;
    background-color: #f9f9f9;
    /* min-height: 90%; */
    /* display: block; */

    /* margin-top: 0px; 위아래 가운데정렬
    display: flex;
    flex-direction: row;
    align-items: center; */
    min-height: 100vh;
}
.cl-s-page .cl-s-header { 
    text-align: center;
    margin-bottom: 63px; 
}
.cl-s-page .cl-s-header h1.cl-s-title {
    margin-top: 0;
    margin-bottom: 60px;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -1.08px;
    line-height: 1.2;
    color: #222222;
}
.cl-s-page .cl-s-header p.cl-s-description { color: #676767; margin-bottom: 0; }
.cl-s-page .cl-s-body h3.cl-s-heading { 
    margin-top: 0; 
    margin-bottom: 0; 
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.66px;
    line-height: 1.2;
    color: #222222;
}

.cl-s-heading > span { 
    float: right;
    font-size: 14px;
    color: #999;
    position: relative;
    top: 4px;
}

.cl-s-heading > span > span { 
    font-size: 14px;
    color: #4789e7;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
}

.coupon-cont { 
    display: inline-block;
    width: 100%;
}

.coupon-cont > h3.cl-s-heading { margin-bottom: 20px !important;  }
.coupon-cont .coupon-code-discount { padding: 10px 20px; font-size: 14px; color: #696c71; font-weight: 300; flex: 1 1 100%; }

.coupon-btn > button {
    background-color: #3c4450; min-height: 50px; color: #ffffff; font-size: 14px; font-weight: 300; width: 100%; border: none;
}

.coupon-input-box { display: flex; margin-top: 10px; column-gap: 10px; }
.coupon-input-box .coupon-code-control { flex: 1 1; margin-top: 0; }
.coupon-input-box .coupon-code-control .cl-s-form-group { padding: 14px 20px 10px; height: 100%; }
.coupon-input-box .coupon-code-control .cl-s-form-group svg { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; cursor: pointer; }
.coupon-input-box .coupon-code-btn { flex: 0 0 76px; }
.coupon-input-box .coupon-code-btn > button { width: 100%; background-color: #3c4450; min-height: 50px; color: #ffffff; font-size: 14px; font-weight: 300; border: none;}

.point-cont {
    display: inline-block;
    width: 100%;
}

.point-cont > div {display: flex; justify-content: space-between;}

.point-control {
    width: calc(100% - 100px);
    float: left;
    color: #000;
}

.point-cont h3.cl-s-heading {
    margin-bottom: 20px !important;
}

.point-cont ul{font-size: 14px; font-weight: 300; color: #999;}
.point-cont ul li{margin-top: 8px;}

.point-control input {
    width: calc(100% - 20px) !important;
    float: left;
    margin-right: 5px;
    text-align: right;
    font-size: 14px;
}

.point-control.cl-s-form-wrap { margin-top: 0px; }

.point-control .cl-s-form-group {
    padding: 12px 20px 10px;
}

.point-btn button {
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    background-color: #fff;
    font-size: 14px;
    color: #676767;
    height: 46px;
    width: 90px;
}

.cl-s-page .cl-s-body .cl-s-caption {
    clear: both;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.42px;
    line-height: 1.2;
    color: #222222;
} 
.cl-s-page .cl-s-footer {
    clear: both;
    margin-top: 45px;
    margin-bottom: 55px;
    text-align: center;
}
.cl-s-page .cl-s-footer .cl-s-btn {
    padding: 17px 15px 18px;
    font-size: 14px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
}
.cl-s-page .cl-s-footer .cl-s-btn-default {
    color: #222222;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
}
.cl-s-page .cl-s-footer .cl-s-btn-primary {
    color: #ffffff;
    border: 1px solid #3c4450;
    background-color: #3c4450;
}
.cl-s-page .cl-s-footer .cl-s-btn-full { min-width: 100%; position: relative;}
.cl-s-page .cl-s-footer .cl-s-btn-12 { min-width: 300px; }
.cl-s-page .cl-s-footer .cl-s-btn-6 {
    width: 212px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}
.cl-s-page .cl-s-footer .cl-s-btn-6 + .cl-s-btn-6 {
    margin-left: 20px;
}



/* common element */
.cl-s-page .cl-s-help-bar {
    margin-top: 10px;
    display: block;
    text-align: right;
}
.cl-s-page .cl-s-help-bar > li { display: inline-block; }
.cl-s-page .cl-s-help-bar > li > a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    border-bottom: 1px solid #676767;
}
.cl-s-page .cl-s-help-bar > li:not(:empty) + li:not(:empty):before {
    content: ' ';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 14px;
    border-left: 1px solid #676767;
    margin: 0 10px 0 8px;
    line-height: 1.4;
    vertical-align: middle;
}
.cl-s-page .cl-s-help-bar > li > a,
.cl-s-page .cl-s-help-bar > li > a:focus,
.cl-s-page .cl-s-help-bar > li > a:hover,
.cl-s-page .cl-s-help-bar > li > a:active { color: #676767; }


.cl-s-page .cl-s-btn-group-toggle { width: 100%; margin: 10px 0; }
.cl-s-page .cl-s-btn-group-toggle .btn {
    padding: 18px 15px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: -0.36px;
    border-color: #d8d8d8;
    background-color: #ffffff;
    color: #82888d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cl-s-page .cl-s-btn-group-toggle .btn.active { 
    border-color: #3c4450;
    background-color: #3c4450;
    color: #ffffff;
}
.cl-s-page .cl-s-btn-group-toggle[data-layer="2"] .btn { width: 50%; }
.cl-s-page .cl-s-btn-group-toggle[data-layer="3"] .btn { width: 33.3333%; }


.cl-s-page .cl-s-product-jumbotron {
    text-align: left;
    color: #222222;
    padding-bottom: 20px;
}
.cl-s-page .cl-s-product-jumbotron h5 { margin-top: 0; margin-bottom: 2px; line-height: 1.43;font-size: 14px; }
.cl-s-page .cl-s-product-jumbotron .cl-s-product-thumb {
    position: relative;
    display: inline-block;
    float: left;
    width: 84px; 
    height: 84px;
    overflow: hidden;
    border: solid 1px #e6e6e6;
}
.cl-s-page .cl-s-product-jumbotron .cl-s-product-thumb img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cl-s-page .cl-s-product-jumbotron .cl-s-product-thumb img.vertical {
    height: auto;
    width: 100%;
}
.cl-s-page .cl-s-product-jumbotron .cl-s-product-info {
    display: block;
    margin-left: 84px;
    padding-left: 15px;
    width: auto;
}
.cl-s-page .cl-s-product-jumbotron .option-str { 
    color: #999999; 
    font-size: 14px; 
    line-height: 1.43;
    letter-spacing: -0.42px;
    margin-bottom: 0; 
}
.cl-s-page .cl-s-product-jumbotron .option-str span,
.cl-s-page .cl-s-product-jumbotron .option-str > div { 
    position: relative;
    display: inline;
}
.cl-s-page .cl-s-product-jumbotron .option-str > span + div:before,
.cl-s-page .cl-s-product-jumbotron .option-str > span + span:before {
    content: ' ';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 10px -2px;
    background-color: #999999;
}
.cl-s-page .cl-s-product-jumbotron .option-str > span.option-price { color: #222222;font-weight: 500; }
.cl-s-page .cl-s-product-jumbotron .option-str > div > div.etc-date { margin-top: 3px; }
.cl-s-page .cl-s-product-jumbotron .option-str > div > div.date { margin-top: 12px; }
.cl-s-page .cl-s-product-jumbotron .status-str { color: #4789e7;font-size: 14px;font-weight: 300;line-height: 1.43;letter-spacing: -0.42px;margin-top: 8px; }
.cl-s-page .cl-s-product-jumbotron .status-str.point { color: #ee445f; }
.cl-s-page .cl-s-product-jumbotron .download-str {
    margin-top: 8px;
    line-height: 1.43;
    letter-spacing: -0.42px;
    font-size: 14px;
    font-weight: 300;
    color: #999999;
}

.cl-s-form-description {
    color: #999999;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
}

.cl-s-form-wrap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}
.cl-s-form-wrap.empty { border-color: #ee445f; }
.cl-s-form-wrap.active { border-color: #4789e7; }
.cl-s-form-wrap.error { border-color: #ee445f; }
.cl-s-form-wrap.error + .cl-s-control-label.error { line-height: 1.4; margin-top: 5px; margin-bottom: 15px; }
.cl-s-form-wrap.error + .cl-s-control-label.error .cl-icon { 
    margin-right: 3px; 
    font-size: 12px; 
    display: inline-block; 
    -webkit-transform: translateY(1px); 
    -moz-transform: translateY(1px); 
    -ms-transform: translateY(1px); 
    -o-transform: translateY(1px); 
    transform: translateY(1px); 
}

.cl-s-form-wrap { margin-top: 10px; }
.cl-s-form-wrap + #captcha,
.cl-s-form-wrap + .kcaptcha-wrap,
.cl-s-join-box .kcaptcha-wrap { margin-top: 15px; }

/* input style1(.cl-s-form-group) */
.cl-s-form-group { 
    padding: 22px 20px 6px 20px;
    margin-bottom: 0;
    position: relative;
    margin-bottom: 0;
    background-color:#fff;
    text-align: left;
}
.cl-s-form-wrap.returnDisabled .cl-s-form-group {background-color:#f3f4f5;}
.cl-s-form-group .cl-s-control-label {
    position: absolute;
    top: 13px;
    margin-bottom: 0;
    pointer-events: none;
    padding-left: 0px;
    z-index: 1;
    color: transparent;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.42px;
    -webkit-transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -ms-transition: all 0.28s ease-in-out;
    -o-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    line-height: initial;
}
.cl-s-form-group .cl-s-control-label.error { color: #ee445f!important; background-color: #fff; }
.cl-s-form-group .cl-s-control-label.error + .cl-s-control-label:not(.error) { display: none; }
.cl-s-form-group input,
.cl-s-form-group textarea {
    display: block;
    background: none;
    padding: 1px;
    font-size: 14px;
    border-width: 0;
    border-color: transparent;
    border: none;
    line-height: 1.3;
    font-weight: 300;
    width: 100%;
    color: #676767;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}
.cl-s-form-group textarea { resize: none; }
.cl-s-form-group input:empty,
.cl-s-form-group textarea:empty {
    color: transparent;
}
.cl-s-form-group input:empty ~ .cl-s-control-label,
.cl-s-form-group textarea:empty ~ .cl-s-control-label {
    color: #b4b4b4;
}

.cl-s-form-group input.text-uppercase { text-transform : uppercase; }
.cl-s-form-group input[type="file"] { line-height: 1; }
.cl-s-form-group
.cl-s-form-group select, 
.cl-s-form-group input:focus, 
.cl-s-form-group input:valid, 
.cl-s-form-group input.form-file, 
.cl-s-form-group input.has-value, 
.cl-s-form-group textarea:focus, 
.cl-s-form-group textarea:valid, 
.cl-s-form-group textarea.form-file, 
.cl-s-form-group textarea.has-value { color: #676767; }
.cl-s-form-group select ~ .cl-s-control-label, 
.cl-s-form-group input:focus ~ .cl-s-control-label,
.cl-s-form-group input:valid ~ .cl-s-control-label, 
.cl-s-form-group input.form-file ~ .cl-s-control-label, 
.cl-s-form-group input.has-value ~ .cl-s-control-label, 
.cl-s-form-group textarea:focus ~ .cl-s-control-label, 
.cl-s-form-group textarea:valid ~ .cl-s-control-label, 
.cl-s-form-group textarea.form-file ~ .cl-s-control-label, 
.cl-s-form-group textarea.has-value ~ .cl-s-control-label,
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .textarea-active.cl-s-etc,
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .etc-mouseEnter.cl-s-etc {
    font-size: 12px;
    letter-spacing: -0.36px;
    color: #b4b4b4;
    top: 0;
    left: 20px;
    margin-top: 4px;
    -webkit-transition: all 0.28s ease-in-out;
    -moz-transition: all 0.28s ease-in-out;
    -ms-transition: all 0.28s ease-in-out;
    -o-transition: all 0.28s ease-in-out;
    transition: all 0.28s ease-in-out;
    transform: rotate(0.04deg);
 }
 .cl-s-join-collections-etcwrap[data-jcoltype="memo"] .textarea-active.cl-s-etc,
 .cl-s-join-collections-etcwrap[data-jcoltype="memo"] .etc-mouseEnter.cl-s-etc {
    padding:0;
}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .textarea-active.cl-s-etc .cl-s-etc-description,
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .etc-mouseEnter.cl-s-etc .cl-s-etc-name,
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .etc-mouseEnter.cl-s-etc .cl-s-etc-description,
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .textarea-active.cl-s-etc .cl-s-etc-name {
    font-size: 12px;
    color: #4789e7; 
    letter-spacing: -0.36px; 
}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .textarea-active.cl-s-etc .cl-s-etc-name {color: #b4b4b4;}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .textarea-active.cl-s-etc.etc-mouseEnter .cl-s-etc-name {color: #4789e7;}
.cl-s-form-group select:focus,
.cl-s-form-group input:focus,
.cl-s-form-group textarea:focus { outline:none; }
.cl-s-form-group select:focus ~ .cl-s-control-label,
.cl-s-form-group input:focus ~ .cl-s-control-label,
.cl-s-form-group textarea:focus ~ .cl-s-control-label { color: #4789e7; }

.cl-s-form-group #point[disabled] {color: #999;}
.point-control .cl-s-form-group.disabled {background: #f5f5f5; color: #999;}
.point-btn button[disabled] {border: 1px solid #dfdfdf; color: #b4b4b4; background: #ededed;}

.cl-s-form-wrap.returnDisabled .cl-s-form-group select:focus ~ .cl-s-control-label,
.cl-s-form-wrap.returnDisabled .cl-s-form-group input:focus ~ .cl-s-control-label,
.cl-s-form-wrap.returnDisabled .cl-s-form-group textarea:focus ~ .cl-s-control-label { color: #b4b4b4; }

.cl-s-form-wrap.error .cl-s-form-group select ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group input:focus ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error),
.cl-s-form-wrap.error .cl-s-form-group input:valid ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group input.form-file ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group input.has-value ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group textarea:focus ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group textarea:valid ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group textarea:invalid ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group textarea.form-file ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error), 
.cl-s-form-wrap.error .cl-s-form-group textarea.has-value ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error),
.cl-s-form-wrap.error .cl-s-form-group select:focus ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error),
.cl-s-form-wrap.error .cl-s-form-group input:focus ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error),
.cl-s-form-wrap.error .cl-s-form-group textarea:focus ~ .cl-s-control-label.error ~ .cl-s-control-label:not(.error) { color: transparent; }

.cl-s-form-group select {
    width: 100%;
    font-size: 14px;
    height: 34px;
    padding: 0.125rem 0.125rem 0.0625rem;
    background: none;
    border: none;
    line-height: 1.6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* input style2(.cl-s-form-group2) */
.cl-s-form-group2 .input,
.cl-s-form-group2 input,
.cl-s-form-group2 textarea {
    padding: 10px 10px 9px 14px;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.39px;
    line-height: 1.3;
    color: #676767;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
}
.cl-s-form-group2 .input:empty:before {
    content: attr(placeholder);
    display: block;
    color: #b4b4b4;
}
.cl-s-form-group2 input::-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-form-group2 input:-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-form-group2 input::-moz-placeholder { color: #b4b4b4; }
.cl-s-form-group2 input:-moz-placeholder { color: #b4b4b4; }
.cl-s-form-group2 input:-ms-input-placeholder { color: #b4b4b4; }


.cl-s-checkbox { 
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 2px; 
    margin-bottom: 2px;
    vertical-align: middle;
}
.cl-s-checkbox label {
    cursor: pointer;
    position: relative;
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1;
    color: #8c8c8c;
    vertical-align: middle;
}
.cl-s-checkbox label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: absolute;
    float: left;
    left: 0;
    margin: 0 0 0 -20px;
    line-height: normal;
    opacity: 0.00000001;
}
.cl-s-checkbox label svg {
    cursor: pointer;
    fill: #8c8c8c;
    position: absolute;
    top: 3px;
    left: -20px;
    -webkit-transition: opacity 0.18s ease;
    -moz-transition: opacity 0.18s ease;
    -ms-transition: opacity 0.18s ease;
    -o-transition: opacity 0.18s ease;
    transition: opacity 0.18s ease;
}
.cl-s-checkbox label svg.active { opacity: 0; fill: #4789e7; }
.cl-s-checkbox label input:checked ~ svg:not(.active) { opacity: 0; }
.cl-s-checkbox label input:checked ~ svg.active { opacity: 1; }
.cl-s-checkbox label input[type="checkbox"].error:not(:checked) ~ svg:not(.active) { fill: #ee445f; }



@media only screen and (max-width: 991px) {

}
@media only screen and (max-width: 767px) {
    .cl-s-page .cl-s-header { margin-bottom: 38px; }
    .cl-s-page .cl-s-header h1.cl-s-title { font-size: 28px; margin-bottom: 10px; }
    .cl-s-page .cl-s-footer { margin-top: 22.5px; margin-bottom: 27.5px; }
    .cl-s-page .cl-s-footer .cl-s-btn-6 { max-width: 48%; padding: 16px 5px; font-size: 15px; }
    .cl-s-page .cl-s-footer .cl-s-btn-6 + .cl-s-btn-6 { margin-left: 3%; }
    
    .cl-s-page .cl-s-btn-group-toggle .btn { padding: 12px 5px; }

    .cl-s-page .cl-s-product-jumbotron .cl-s-product-thumb { /*width: 74px; height: 74px;*/ }
    .cl-s-page .cl-s-product-jumbotron .cl-s-product-info { /*margin-left: 74px; padding-left: 10px;*/ }
    .cl-s-page .cl-s-product-jumbotron h5 { /*font-size: 15px;*/ }

    .cl-s-page .cl-s-product-jumbotron .option-str {
        /*font-size: 13px;
        margin-top: 8px;
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        -webkit-box-orient: vertical; 
        -webkit-box-direction: reverse; 
        -ms-flex-direction: column-reverse; 
        flex-direction: column-reverse; */
    }
    .cl-s-page .cl-s-product-jumbotron .option-str > span.option-price,
    .cl-s-page .cl-s-product-jumbotron .option-str > div { width: 100%; }
    .cl-s-page .cl-s-product-jumbotron .option-str > span.option-price { /*padding-top: 10px; text-align: right; font-size: 1.47em;*/ }
    .cl-s-page .cl-s-product-jumbotron .option-str > span + div:before { display: none; }
}



/* Creatorlink Shopping Page::: 회원가입 & 마이페이지 > 개인정보 변경 CSS ▼ ***********************************************/ 
.cl-s-join { overflow: hidden; }
.cl-s-join .cl-s-header > h1.cl-s-title + p.pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.cl-s-join .cl-s-header > h1.cl-s-title + p.pre:empty { display: none; }
.cl-s-join .cl-s-header > h1.cl-s-title + p.pre:not(:empty) {
    margin-bottom: 0;
    color: #676767;
}

.cl-s-join .cl-s-form-wrap { border-color: #cccccc/*#dfdfdf*/; }
.cl-s-join .cl-s-form-wrap.empty { border-color: #ee445f; }
.cl-s-join .cl-s-form-wrap.active { border-color: #4789e7; }
.cl-s-join .cl-s-form-wrap.error { border-color: #ee445f; }
.cl-s-join .cl-s-form-group input[readonly][name="email"] { cursor: default; }
.cl-s-join .cl-s-form-group input[readonly][name="email"]:focus ~ .cl-s-control-label { color: #b4b4b4; }

.cl-s-join .input-star {
    /*position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
    margin-left: 3px;
    vertical-align: middle;
    color: #ee445f;
}
.cl-s-join .cl-s-join-box {
    max-width: 100%;
    width: 320px;
    display: block;
    margin: 0 auto;
}
.cl-s-join .cl-s-join-box .kcaptcha-box { overflow: hidden; }
.cl-s-join .cl-s-join-box .kcaptcha-box img { margin-left: -10px; }
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap { padding-right: 0; }
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap input {
    border-color: #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap input::-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap input:-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap input::-moz-placeholder { color: #b4b4b4; }
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap input:-moz-placeholder { color: #b4b4b4; }
.cl-s-join .cl-s-join-box .kcaptcha-key-wrap input:-ms-input-placeholder { color: #b4b4b4; }
.cl-s-join .cl-s-join-box a.small { 
    display: inline-block; 
    border-bottom: 1px solid #676767;
    color: #676767; 
    line-height: 1.3; 
    padding-top: 9px;
}
.cl-s-join .cl-s-form-group{min-height: 48px;}
.cl-s-join #input-gender::-ms-expand {display: none;}
.cl-s-join #input-gender,
.cl-s-join [id^=input-etc] {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 26px;
    color: #676767;
    position: absolute;
    left: 0;
    padding: 0 20px;
}
.cl-s-join-collections-etcwrap .cl-s-form-group.cl-s-form-group-select [id^=input-etc] { padding-right: 50px; text-overflow: ellipsis; }
.cl-s-join .cl-s-join-collections-etcwrap  [id^=input-etc] ~ svg {
    top: 50%;
    transform: translateY(-50%);
}
.cl-s-join-collections-etcwrap .cl-s-etc-val .cl-s-control-label {
    left: 0;
    top: -4px;
    margin: 0;;
}
.cl-s-join-collections-etcwrap .cl-s-etc-val textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 60px;
    max-height: 240px;
    line-height: 1.4;
    padding: 0 20px;
    font-size:14px;
    color: #676767;
    border: none;
    font-weight: 400;
}
.cl-s-join #input-gender ~ svg,
.cl-s-join [id^=input-etc] ~ svg {position: absolute; fill: #676767; right: 20px; top: 22px;}
.cl-s-join .cl-s-footer { margin-top: 50px; }
/*.cl-s-join .line {
    border-color: #cbcbcb;
    margin: 38px -44px;
    width: auto;
}*/
.cl-s-join .cl-s-login-box,
.cl-s-join .cl-s-register-more { color: #676767; text-align: center; font-size: 13px; margin-bottom: 50px;}
.cl-s-join .cl-s-register-more textarea {
    display: block;
    width: 100%;
    height: 140px;
    max-height: 140px;
    resize: none;
    cursor: default;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px 9px 14px;
    font-size: 13px;
    letter-spacing: -0.39px;
    line-height: 1.3;
    color: #676767;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
}
.cl-s-join .cl-s-login-box > span + span {
    color: #4789e7;
    border-bottom: 1px solid #4789e7;
}
.cl-s-join.mode-adult-only .text{margin-bottom: 40px;}
.cl-s-join.mode-adult-only .text p{font-size: 14px; color: #676767; margin: 8px 0;}
.cl-s-join.mode-adult-only .text p.title { font-family: SourceHanSansKR; font-size: 28px; font-weight: normal; color: #222; margin: 25px 0;}

.cl-s-myinfo .cl-s-form-wrap[disabled] { pointer-events: none; }
.cl-s-myinfo .cl-s-form-wrap[disabled] > .cl-s-form-group { background-color: #f2f2f2; }
.cl-s-myinfo .cl-s-form-wrap[disabled] .input-star  { display: none; }



.cl-s-myinfo .profile-wrap { text-align: center; }
.cl-s-myinfo .profile-image-wrap { display: inline-block; width: 130px; height: 130px; cursor: pointer; position: relative; }
.cl-s-myinfo .profile-image-wrap svg + span + input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    left: 0;
    bottom: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 20px;
    direction: ltr;
    cursor: pointer;
    width: 100%;
}
.cl-s-myinfo .profile-image-wrap + p { 
    text-align: center; 
    margin-top: 20px; 
    margin-bottom: 40px; 
    font-family: 'Noto Sans KR'; 
    font-size: 14px; 
    font-weight: 300; 
    letter-spacing: -0.42px; 
    color: #676767; 
}
.cl-s-myinfo .profile-image-wrap .profile-image-icon { 
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: inline-block; 
    width: 40px;
    height: 40px; 
    padding: 9px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.cl-s-myinfo .profile-image-wrap .profile-image-icon svg { fill: #676767; }


/*개인정보 수정 200929*/

.cl-s-body-wrap { width: 100%; float: left; }

.cl-s-from { /*width: 100%;*/ float: left; margin-top: 10px; }

/*.cl-s-titles { padding-left: 10px; }*/

/*.cl-s-contents-box.cl-s-from-box { padding-right: 10px; }*/


.cl-s-join .cl-s-form-wrap.cl-s-info-id { border: none; margin-bottom: 25px; }
.cl-s-join .cl-s-form-wrap.cl-s-info-id > .id-text { font-size: 16px; color: #676767; }
.cl-s-join .btn-cert{width: 100%; margin-top: 8px; border: solid 1px #dedede;}
.cl-s-myinfo .cl-s-info-id.cl-s-form-wrap[disabled] > .cl-s-form-group { background-color: transparent; padding: 0px 0px 25px 0px; color: #676767;  font-size: 16px; }
.cl-s-info-box .cl-s-info label.btn-cert{width: 28px; height: 28px; border: none; fill: #4789e7; margin: 0; text-align: center;}
.cl-s-info-box .cl-s-info label.btn-cert svg{vertical-align: middle;}
.cl-s-info-box .cl-s-info-title:not(.account-info) {margin-top:40px}
.cl-s-info-box .cl-s-info-title:not(.account-info) .cl-s-cert-btn label.btn-cert{line-height: 60px; margin-top: 10px; color: #222;}
.cl-s-info-box p{color: #999; margin: 0 0 15px;}
.profile-text-wrap { text-align: center; padding-left: 0px; }
.profile-text-wrap label { 
    display: inline-block; 
    padding: 6px 19px;
    width: 160px;
    height: 34px;
    color: #4789e7; 
    font-size: 14px;
    font-weight: 300;
    line-height: normal; 
    vertical-align: middle; 
    background-color: #ffffff; 
    cursor: pointer; 
    border: 1px solid #4789e7; 
    border-radius: 3px; 
}

.profile-text-wrap input[type="file"] {
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip:rect(0,0,0,0); 
    border: 0; 
}

.cl-s-image-size { color: #999999; font-size: 13px; margin: 0 0 0px;}

.cl-s-myinfo .profile-wrap.cl-s-profile-box { width: 100%; float: left; }
.cl-s-myinfo .profile-wrap.cl-s-profile-box .profile-image-wrap.profile-image-box { width: 110px; height: 110px; cursor: default; }

/*.cl-s-myinfo .profile-wrap.cl-s-profile-box .profile-text-wrap .profile-image-icon.profile-change {  
    width: 150px;
    height: 34px; 
    padding: 5px 0;
    color: #4789e7;
    border: 1px solid #4789e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}*/

.cl-s-password-box,
.cl-s-info-box { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e6e6e6; }
.cl-s-info-box { border-bottom: 1px solid #e6e6e6; }

/*.cl-s-password-box { padding-right: 0px; padding-left: 0px; }*/

.cl-s-password-box .cl-s-password {font-size: 15px; color: #222222; margin-bottom: 10px;}
.cl-s-info{font-size: 15px; color: #222222; margin-bottom: 6px;}

.cl-s-page .cl-s-password-box, .cl-s-info-box, .cl-s-contents-box { float: right; padding-left: 0px; padding-right: 0px; }

.cl-s-page.cl-s-myinfo.cl-s-join .cl-s-footer-box { margin-top: 0px; }
.cl-s-page.cl-s-myinfo.cl-s-join .cl-s-footer-box .cl-s-btn-full { min-width: 240px; min-height: 50px; border: none; }

.cl-s-cert{text-align: center; width: 100%; margin: 0 auto;}
.cl-s-cert .btn-cert,
.cl-s-cert-btn .btn-cert{width: 100%; margin-bottom: 8px; padding: 0; height: 68px; line-height: 68px; background-color: #fff; font-size: 16px}
.cl-s-cert .btn-cert span,
.cl-s-cert-btn .btn-cert span{color: #222; font-size: 16px;}
.cl-s-cert .btn-cert svg,
.cl-s-cert-btn .btn-cert svg{fill: #757575; vertical-align: middle; margin-right: 8px;}
.cl-s-login .cl-s-footer .cl-s-btn.btn-register{padding: 0; height: 48px; line-height: 48px; background-color: #efefef; color: #676767; font-size: 14px;}
.cl-s-login .cl-s-footer .btn-register svg{fill: #676767; position: absolute; top: 12px; left: 12px;}
.register_form-wrap .cl-s-join-box,
.register_form-wrap .certified-info,
.register_form-wrap p{text-align: left;}
.cl-s-join .certified-info{width: 100%; padding: 20px; margin-bottom: 30px; border-radius: 3px; border: solid 1px #e9e9e9; background-color: #fff; font-size: 14px;}
.cl-s-info-box .certified-info{margin-bottom: 0;}
.cl-s-join .certified-info>div{display: flex;}
.cl-s-join .certified-info>div>span{padding-bottom: 10px; color: #999;}
.cl-s-join .certified-info>div:last-child span{padding-bottom: 0;}
.cl-s-join .certified-info>div>span:nth-child(1){width: 110px;}
.cl-s-join .certified-info>div>span:nth-child(2){color: #474747;}
.cl-s-join .certified-info .cert-complete-info {display: block; margin-top: 5px;}
.cl-s-join .certified-info .cert-complete-info label.btn{width: 100%;}
.cl-s-join .certified-info .cert-complete-info .complete{
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #f8f8f8;
    color: #676767;
}
.cl-s-join .certified-info .cert-complete-info .complete p {margin: 0; color: #676767;}
.cl-s-join .certified-info .cert-complete-info .complete .cert_adult_date{font-size: 12px; color: #999;}
.cl-s-join .certified-info .cert-complete-info .complete .cert_adult_date svg{fill: #4789e7; margin-left: 5px;}
.cl-s-join .certified-info .popover p{margin: 0 0 5px 0; padding: 0 0 0 10px; position: relative;}
.cl-s-join .certified-info .popover p>span{position: absolute; left: 0;}
.cl-s-register .cl-s-body p{color: #676767; font-size: 14px;}
.cl-s-login .cl-s-body .user-info-title,
.cl-s-register .cl-s-body .user-info-title{font-size: 15px; color: #222;}
.cl-s-login .cl-s-register-btn {margin-top: 10px;}
.cl-s-login.mode-adult-only,
.cl-s-join.mode-adult-only,
.cl-s-forgot.mode-adult-only{min-height: 100vh;}
.cl-s-login.mode-adult-only .adult-only-info{margin: 15px 0; font-size: 18px; color: #222;}
.cl-s-login.mode-adult-only .adult-only-btn{width: 147px; height: 36px; border-radius: 3px; border: solid 1px #d8d8d8; background: #fff; color: #676767;}

.cl-s-login.mode-user-only,
.cl-s-join.mode-user-only,
.cl-s-forgot.mode-user-only{min-height: 100vh;}
.cl-s-login.mode-user-only .user-only-info{margin: 15px 0; font-size: 18px; color: #222;}
.cl-s-login.mode-user-only .user-only-btn{width: 147px; height: 36px; border-radius: 3px; border: solid 1px #d8d8d8; background: #fff; color: #676767;}

.cl-s-register-more p{font-size: 13px;}
.cl-s-register .btn-cert{margin-top: 15px;}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] {padding:0; position:relative;}
.cl-s-join-collections-etcwrap[data-jcoltype="check"],
.cl-s-join-collections-etcwrap[data-jcoltype="radio"],
.cl-s-join-collections-etcwrap[data-jcoltype="select"] {
    padding: 5px 20px 15px 20px;
}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .cl-s-etc {
    top: 15px;
    left: 0;
    position: absolute;
    margin-bottom: 0;
    pointer-events: none;
    z-index: 1;
    padding: 0 20px;
}
.cl-s-join-collections-etcwrap[data-jcoltype="check"] .cl-s-etc,
.cl-s-join-collections-etcwrap[data-jcoltype="radio"] .cl-s-etc,
.cl-s-join-collections-etcwrap[data-jcoltype="select"] .cl-s-etc {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
} 
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .cl-s-etc-val {padding: 25px 0 0 0;}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .cl-s-etc-val.use_descr {
    padding: 60px 0 0 0;
}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .cl-s-etc-name {font-size: 14px;}
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .cl-s-etc-name,
.cl-s-join-collections-etcwrap[data-jcoltype="memo"] .cl-s-etc-val {
    width: 100%;
    float:left;
}
.cl-s-join-collections-etcwrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 22px 20px 6px 20px;
}
.cl-s-join-collections-etcwrap .cl-s-etc { padding-bottom: 10px; }
.cl-s-join-collections-etcwrap .cl-s-etc-name { font-size: 15px; }
.cl-s-join-collections-etcwrap .cl-s-etc-val {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.cl-s-join-collections-etcwrap .cl-s-etc-val .cl-s-form-group {padding-top: 6px; min-height: 38px;}
.cl-s-join-collections-etcwrap[data-jcoltype="select"] {padding:0;}
.cl-s-join-collections-etcwrap[data-jcoltype="select"] .cl-s-etc {padding: 5px 20px 0 20px;}
.cl-s-join-collections-etcwrap .cl-s-etc-name,
.cl-s-join-collections-etcwrap .cl-s-etc-description { font-size: 12px; color: #b4b4b4; line-height: normal;}
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox:last-child {margin-bottom:0;}
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox {
    margin-bottom: 10px;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox label .newcheckboxSvg {
    width: 100%;
    max-width: 18px;
    margin-top: 2px;
}
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox label {
    color: #676767;
    font-size: 14px;
    letter-spacing: -0.28px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox .newcheckboxSvgRadio { 
    margin-right: 5px; 
    max-width: 18px; 
    width: 100%; 
    margin-top:2px;
}
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox .newcheckboxSvgRadio + span,
.cl-s-join-collections-etcwrap .cl-s-etc-val .newcheckbox .newcheckboxSvg + span {line-height: 1.4;}


@media only screen and (max-width: 767px) {
    .cl-s-page.cl-s-mypage.cl-s-join .cl-s-body h3.cl-s-heading-title { padding-left: 0px; padding-right: 0px; border: 1px solid #dedede;}

    .cl-s-contents-box.cl-s-from-box { padding-right: 0px; }

    .cl-s-row-padding { padding-left: 15px; padding-right: 15px; }

    .cl-s-password-title,
    .cl-s-info-title {
        padding-bottom: 0px;
    }

    .cl-s-basic { display: none; }

    .profile-text-wrap { text-align: center; padding-left: 0px; }

    .cl-s-join .cl-s-form-wrap.cl-s-info-id { margin-bottom: 20px; }
    .cl-s-join .cl-s-form-wrap.cl-s-info-id .cl-s-form-group > input { text-align: center; }

    .element p.cl-s-image-size { color: #999999; font-size: 13px; }

    .cl-s-titles { padding-left: 0px; }

}

/*여기까지*/


@media only screen and (max-width: 767px) {
    .cl-s-join { padding: 40px 30px; }
    .cl-s-join .line { margin: 30px -15px; }
}


/* Creatorlink Shopping Page::: 로그인 CSS ▼ **************************************************************************/ 
.cl-s-login { 
    overflow: hidden; 
    /* z-index: 1000; */
}
.default-nav._admin ~ .cl-s-login {
    position: absolute!important;
    top: 55px; right: 0; left: 0; bottom: 0px;
    width: 100%;
}
.cl-s-page.cl-s-login.element.mode-shopping {overflow: unset;}
.cl-s-page.cl-s-login.element.mode-adult-only,
.cl-s-page.cl-s-forgot.element.mode-adult-only{position: absolute; left: 0; right: 0;}
.cl-s-page.cl-s-login.element.mode-adult-only[data-preview="true"]{top:0; z-index: 100;}
.cl-s-login .cl-s-header { width: 100%; max-width: 314px; margin: 0 auto 50px auto; }
.cl-s-login .cl-s-header > h1.cl-s-title { margin-bottom: 15px; }
.cl-s-login p.cl-s-title{font-size: 18px; color: #222;}
.cl-s-login .cl-s-header ul.cl-s-login-switch {
    display: inline-block;
    clear: both;
    border-bottom: 1px solid #cccccc;
}
.cl-s-login .cl-s-header ul.cl-s-login-switch > li {
    display: inline-block;
    float: left;
    width: 50%;
    border-bottom: 2px solid transparent;
    text-align: center;
}
.cl-s-login .cl-s-header ul.cl-s-login-switch > li > .cl-s-title { font-size: 26px; cursor: pointer; color: #cccccc; margin-bottom: 23px; }
.cl-s-login .cl-s-header ul.cl-s-login-switch > li.active { border-color: #222222; }
.cl-s-login .cl-s-header ul.cl-s-login-switch > li.active > .cl-s-title { color: #222222; }

.cl-s-login .cl-s-footer,
.cl-s-register .cl-s-footer { margin-top: 0; }
.cl-s-login .cl-s-footer .cl-s-btn {
    font-size: 14px;
    font-weight: normal;
    color: #676767;
}
.cl-s-login .cl-s-footer .cl-s-btn-primary { color: #fff; position: relative; margin-top: 40px;}
.cl-s-login .cl-s-footer .cl-s-btn-gray { background-color: #b7b9bb; border: 1px solid #b7b9bb; color: #ffffff; }
.cl-s-login .cl-s-footer .cl-s-btn-full + .cl-s-btn-full { margin-top: 11px; }
.cl-s-login .cl-s-footer .cl-s-btn.btn-cert{color: #222; font-size: 16px;}
.cl-s-register.mode-adult-only .cl-s-footer .btn.back{margin: 50px auto 0 auto; padding: 0; width: 314px; height: 50px; line-height: 50px; background-color: #f1f1f1; color: #676767; border-radius: 3px; border: none; font-size: 14px; display: block;}
.cl-s-join.mode-adult-only .cl-s-footer .cl-s-btn.btn-cert{margin: 0;}
.cl-s-login .cl-s-form-wrap { border-color: #cccccc; }
.cl-s-login .cl-s-form-wrap.empty { border-color: #ee445f; }
.cl-s-login .cl-s-form-wrap.active { border-color: #4789e7; }
.cl-s-login .cl-s-form-wrap.error { border-color: #ee445f; }
.cl-s-login .cl-s-login-box {
    max-width: 314px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.cl-s-login .cl-s-login-box .keep-box { margin-top: 10px; height: 20px; line-height:20px; display:flex; }
.cl-s-login .cl-s-login-box .keep-box > svg { fill: #4789e7; margin-left: 5px; margin-top: 4px;}
.cl-s-login .cl-s-login-box .keep-box .newcheckbox { margin: 0; display: inline-block; }
.cl-s-login .cl-s-login-box .keep-box .newcheckboxSvg { margin-top: 2px; }
.cl-s-login .cl-s-login-box .keep-box .newcheckboxSvg + span { line-height: 20px; }
.cl-s-login .cl-s-login-box .keep-box .forgot-id { flex: 1 1 auto; text-align:right; }
.cl-s-login .cl-s-login-box .keep-box .forgot-id a { border-bottom: 1px solid #676767; font-size: 14px; color: #8c8c8c; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] { display: none; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-box { overflow: hidden; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-box img { margin-left: -10px; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap { padding-right: 0; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap input {
    border-color: #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap input::-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap input:-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap input::-moz-placeholder { color: #b4b4b4; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap input:-moz-placeholder { color: #b4b4b4; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] .kcaptcha-key-wrap input:-ms-input-placeholder { color: #b4b4b4; }
.cl-s-login .cl-s-login-box[data-mode="nonmem"] a.small { 
    display: inline-block; 
    border-bottom: 1px solid #676767;
    color: #676767; 
    line-height: 1.3; 
    padding-top: 9px;
}

.cl-s-login .line { 
    border-color: #ececec;
    margin: 40px 0;
    width: auto; 
}
.cl-s-login .line + .line { display: none; }
.cl-s-login .cl-s-login-sns > li + li { margin-top: 11px; }
.cl-s-login .cl-s-login-sns .cl-s-btn { 
    position: relative; 
    overflow:  hidden; 
    padding: 16px 15px 15px;
}
.cl-s-login .cl-s-login-sns .cl-s-btn .icon {
    position: absolute;
    top: 50%; left: 17px;
    width: 24px; height: 30px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cl-s-login .cl-s-login-sns .cl-s-btn .icon > img { display: inline-block; }
.cl-s-login .cl-s-login-sns .cl-s-btn-blue { background-color: #4365af; border: 1px solid #1b44a4; color: #ffffff; }
.cl-s-login .cl-s-login-sns .cl-s-btn-green { background-color: rgb(1,199,60); border: 1px solid #0ea500; color: #ffffff; }
.cl-s-login .cl-s-login-sns .cl-s-btn-yellow { background-color: rgb(255,235,50); border: 1px solid #e8d847; color: #452c2a; }

.cl-s-login .cl-s-login-sns .cl-s-btn-green .n_logo { 
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.cl-s-login .cl-s-login-sns .f-btn .icon { height: 30px; }
.cl-s-login .cl-s-login-sns .f-btn .icon > img { max-height: 100%; }
.cl-s-login .cl-s-login-sns .n-btn #naver_id_login {
    position: absolute;
    top: -1px; left: 0;
    width: 100%;
    text-align: left;
    padding-left: 5px;
}
.cl-s-login .cl-s-login-sns .n-btn #naver_id_login:before,
.cl-s-login .cl-s-login-sns .n-btn #naver_id_login:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    left: 5px;
    top: -1px;
    width: 4px;
    height: 48px;
    background-color: rgb(1,199,60);
}
.cl-s-login .cl-s-login-sns .n-btn #naver_id_login:after { left: 53px; }
.cl-s-login .cl-s-login-sns .k-btn .icon {
    overflow: hidden;
    display: inline-block;
    left: -5px;
    height: 48px;
    width: 50px;
    max-width: 50px;
}
.cl-s-login .cl-s-login-sns .k-btn .icon > img { width: 300px; }
.cl-s-login .cl-s-login-sns .g-btn .icon { height: auto; }
.cl-s-login .cl-s-login-sns .g-btn > .g-signin2 > .abcRioButton {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    display: inline-block;
    opacity: 0;
    z-index: 0;
}

.cl-s-login .cert-adult-box,
.cl-s-login .cert-user-box {width: 100%; max-width: 314px; margin: 0 auto;}

/* _cllogin : creatorlink login page */
.cl-s-login.mode-default .cl-s-header ul.cl-s-login-switch > li > .cl-s-title { font-size: 19px; display: table-cell; vertical-align: middle; }
/*.cl-s-login.mode-default[data-status="comment"] .cl-s-header .cl-s-login-box,
.cl-s-login.mode-default:not([data-plan="free"]) .cl-s-header .cl-s-login-box { width: 33.33333333%; }*/
/*.cl-s-login.mode-default:not([data-status="comment"]):not([data-plan="basic"]):not([data-plan="business"]) .cl-s-header ul.cl-s-login-switch > li,
.cl-s-login.mode-default[data-status="comment"] .cl-s-login-box,
.cl-s-login.mode-default:not([data-plan="free"]) .cl-s-login-box { width: 100%; }*/
.cl-s-login.mode-default .cl-s-header .cl-s-title {font-size: 26px; margin-bottom: 50px;}
.cl-s-login.mode-default .cl-s-header { margin-bottom: 10px; }
.cl-s-login.mode-default .cl-s-header .cl-s-login-switch2 > li { text-align: right; color: #676767; cursor: pointer; }
.cl-s-login.mode-default .cl-s-header .cl-s-login-switch2 > li svg { fill: #676767; margin-left: 5px; }
.cl-s-login.mode-default .cl-s-header ul.cl-s-login-switch {border :none;}
.cl-s-login.mode-default .cl-s-header ul.cl-s-login-switch > li {border-bottom: 1px solid #cccccc; height: 75px; display: table;}
.cl-s-login.mode-default .cl-s-header ul.cl-s-login-switch > li.active {border-bottom: 2px solid #222222;}
/*.cl-s-login.mode-default .cl-s-header ul.cl-s-login-switch > li[data-mode="nonmem"] > .cl-s-title {
    margin: 14px 0 32px 0;
}*/
/*.cl-s-login.mode-default .cl-s-login-box .bottom-box { margin-top: 17px; margin-bottom: 25px; }
.cl-s-login.mode-default .cl-s-login-box .bottom-box > span { margin-right: 5px; }
.cl-s-login.mode-default .cl-s-login-box .bottom-box svg { margin-left: 3px; }*/


@media only screen and (min-width: 768px) and (max-width: 991px){
    .sidebar .m-product-btn > .buy-btn[data-mode="Y"] {
        font-size: 16px;
        background-color: #3c4451;
        font-weight: normal;
        border-radius: 0;
        border: 0;
    }

    .sidebar .m-product-btn > .naverpay-buy-btn svg {
        fill: #00c63b;
        background-color: #fff;
        padding: 5px;
        margin-right: 10px;
        vertical-align: bottom;
    }

    .sidebar .m-product-btn > .naverpay-buy-btn {
        background-color: #00c63b !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        border: 1px solid #d8d8d8;
        border-left: 0;
    }
    .sidebar #naverpay-buy.naverpay-buy-cart { padding-top: 15px !important; }
    .sidebar #naverpay-buy.naverpay-buy-cart {
        background: transparent !important;
    }    
    .sidebar #naverpay-buy {text-align: center; padding-bottom: 20px; background-color: #fff;}

    .sidebar .btn-pay-cart-container {
        display: flex;
        flex-wrap: wrap;
    }

    .sidebar .btn-pay-cart-container .cl-s-btn {
        flex: 1 1 40%;
        width: auto;
        margin: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .sidebar .btn-pay-cart-container .cl-s-btn + .cl-s-btn {
        margin-left: 15px !important;
    }

    .sidebar .btn-pay-cart-container .naverpay-buy-cart { padding-top: 20px; max-width: 100%; width: 100%;}
    .sidebar .btn-pay-cart-container .naverpay-buy-cart * {max-width: 100%;}
    .sidebar .btn-pay-cart-container .naverpay-buy-cart > * { margin: 0 !important; float: right !important;}
}
@media only screen and (min-width: 992px) {
}


@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .cl-s-login { padding: 40px 30px; }
    .cl-s-login .line { margin: 30px -15px; }

    .cl-s-login.mode-default[data-status="comment"] .cl-s-header .cl-s-login-box,
    .cl-s-login.mode-default:not([data-plan="free"]) .cl-s-header .cl-s-login-box { width: 100%; }

    .cl-s-login.mode-adult-only {height: auto; padding: 40px 30px 202.5px 30px;}
}


/* Creatorlink Shopping Page::: 계정 찾기 CSS ▼ *************************************************************************/
.cl-s-forgot .cl-s-help-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 50px 0;
}
.cl-s-forgot .cl-s-help-bar > li { display: block; width: 50%; text-align: center;}
.cl-s-forgot .cl-s-help-bar > li > a {
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    color: #999;
    border-bottom: 1px solid #d8d8d8;
}
.cl-s-forgot .cl-s-help-bar > li > a.active{
    color: #222;
    border-bottom: 2px solid #222;
}
.cl-s-page .cl-s-help-bar > li:not(:empty) + li:not(:empty):before{display: none;}
.cl-s-forgot .cl-s-form-wrap .input-star {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ee445f;
}
.cl-s-forgot .cl-s-body,
.cl-s-forgot .cl-s-forgot-box {
    width: 100%; max-width: 400px; margin: 0 auto;
}
.cl-s-forgot .cl-s-forgot-box{width: 100%; max-width: 320px; text-align: center;}
.cl-s-forgot-box button {
    width: 314px;
    height: 72px;
    border-radius: 3px;
    border: solid 1px #dedede;
    background-color: #fff;
    margin-bottom: 10px;
}

.cl-s-forgot-box .cl-s-btn-full{
    width: 314px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    background-color: #fff;
    color: #676767;
    padding: 0;
    font-size: 14px;
    border: solid 1px #d8d8d8;
}
.cl-s-forgot-box .cl-s-btn-full.cl-s-btn-primary{color: #fff; background-color: #3c4450; border: none; margin: 40px 0 10px 0;}
.cl-s-forgot-box .btn-cert,
.cl-s-forgot-box .btn-find-email{
    fill: #757575;
    height: 72px;
    line-height: 70px;
}
.cl-s-forgot-box .btn-cert svg,
.cl-s-forgot-box .btn-find-email svg{
    vertical-align: middle;
    margin-right: 15px;
}
.cl-s-forgot .cl-s-forgot-box .login{text-align: right; margin: 10px 0}
.cl-s-forgot .cl-s-forgot-box .login a{color: #4789e7; text-decoration: underline;}
.cl-s-forgot .cl-s-forgot-box p{margin-bottom: 15px; font-size: 14px; color: #676767;}
/*.cl-s-forgot .cl-s-forgot-box .forgot-result{
    position: absolute;
    top: -22px; left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 314px;
    max-width: 100%;
    padding: 32px 15px 33px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: -0.48px;
    line-height: 1.3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    color: #222222;
    z-index: 1;
}
*/
.cl-s-forgot .cl-s-footer { margin-top: 25px; }
.cl-s-forgot .forgot-result .btn{margin-bottom: 10px;}
.cl-s-forgot .forgot-result .user-id{ width: 314px; height: 54px; border-radius: 3px; border: solid 1px #e9e9e9; color: #222; background-color: #fff; margin: 15px auto 0 auto; line-height: 52px; font-size: 16px;}
.cl-s-forgot .cl-s-form-wrap{border: 1px solid #ccc;}

@media only screen and (max-width: 991px) {
    .cl-s-forgot .cl-s-forgot-box .forgot-result { top: 0; padding: 18px 15px; }
}
@media only screen and (max-width: 767px) {
    .cl-s-forgot { padding: 40px 30px; }
    .cl-s-forgot .line { margin: 30px -15px; }
    .cl-s-forgot .cl-s-forgot-box .forgot-result { top: -12px; padding: 24px 15px; }

    .btn-pay-cart-container, .btn-cart-container {
        display: flex;
        flex-wrap: wrap;
    }

    .btn-pay-cart-container .cl-s-btn, .btn-cart-container .cl-s-btn {
        flex: 1 1 40%;
        height: 44px;
        width: auto;
        margin: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .btn-pay-cart-container .cl-s-btn + .cl-s-btn, .btn-cart-container .cl-s-btn + .cl-s-btn {
        margin-left: 15px !important;
    }

    .btn-pay-cart-container .naverpay-buy-cart { padding-top: 20px; max-width: 100%; width: 100%;}
    .btn-pay-cart-container .naverpay-buy-cart * {max-width: 100%;}
    .btn-pay-cart-container .naverpay-buy-cart > * { margin: 0 !important; float: right !important;}

    .cl-s-cart .cl-s-btn.cl-s-btn-default.cl-s-btn-6 { order: 2; }
    .cl-s-cart .cl-s-btn.cl-s-btn-primary.cl-s-btn-6 { order: 1; margin-left: 0 !important; margin-bottom: 10px !important; }
}






/* Creatorlink Shopping Page::: 비회원 주문조회 CSS ▼ ****************************************************************/ 
.cl-s-nonmember-login .cl-s-other-links {
    margin-top: 10px;
    display: block;
    text-align: right;
}
.cl-s-nonmember-login .cl-s-other-links > li {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    border-bottom: 1px solid #676767;
    
}
.cl-s-nonmember-login .cl-s-other-links > li > a,
.cl-s-nonmember-login .cl-s-other-links > li > a:focus,
.cl-s-nonmember-login .cl-s-other-links > li > a:hover,
.cl-s-nonmember-login .cl-s-other-links > li > a:active { color: #676767; }


/* Creatorlink Shopping Page::: 비회원&회원 상세내역 CSS ▼ **************************************************************/ 
.cl-s-page.cl-s-mypayment { padding: 63px 0px; }
.cl-s-page.cl-s-mypayment .cl-s-header { margin-bottom: 0px; }
.cl-s-page.cl-s-mypayment .cl-s-header h1.cl-s-title { margin-bottom: 30px; }
.cl-s-page.cl-s-mypayment .cl-s-header > ul > li { color: #222222; font-size: 15px; font-weight: 300; letter-spacing: -0.45px; }
.cl-s-page.cl-s-mypayment .cl-s-header > ul > li > span + span { margin-left: 3px; }
.cl-s-page.cl-s-mypayment .cl-s-body h3.cl-s-heading { margin: 40px 0px 20px; }
.cl-s-page.cl-s-mypayment .cl-s-footer .cl-s-btn { min-width: 260px;font-size: 14px;font-weight: 300;line-height: 1.43;letter-spacing: -0.42px;padding: 14px 15px; }

.cl-s-mypayment .cl-s-product-jumbotron { position: relative; padding: 30px; font-size:14px;font-weight: 300;line-height: 1.43;letter-spacing: -0.42px; }
.cl-s-mypayment .cl-s-product-jumbotron .cl-s-product-title { font-weight: 300;color: #222222;margin-bottom: 2px}
.cl-s-mypayment .cl-s-product-jumbotron .cl-s-product-info .option-price { font-weight: 500;color: #222222; }
.cl-s-mypayment .cl-s-product-jumbotron .cl-s-product-info .download-str { margin-top: 8px; }
.cl-s-mypayment .cl-s-product-jumbotron .cl-s-product-price {
    color: #222222;
    font-size: 14px;
    text-align: right;
}
.cl-s-mypayment .cl-s-product-jumbotron .status-str { margin-top: 8px; }

.cl-s-mypayment .cl-s-product-jumbotron .option-str > span + div:before,
.cl-s-mypayment .cl-s-product-jumbotron .option-str span.option-price:before,
.cl-s-mypayment .cl-s-product-jumbotron .option-str > span + span:before { display: none; }
.cl-s-mypayment .cl-s-product-jumbotron .option-str > div > span:before{
    content: ' ';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 8px -2px;
    background-color: #999999;
}

.cl-s-mypayment .mp-delivery-info svg,
.cl-s-order-cancel .delivery-price .price svg { fill: #999999; }

.cl-s-mypayment .mp-btns-box { text-align: right; }
.cl-s-mypayment .mp-btns-box button {
    width: 110px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.42px;
    padding: 5px 0px;
    border: 1px solid #d8d8d8;
    color: #676767;
}
.cl-s-mypayment .mp-btns-box button,
.cl-s-mypayment .mp-btns-box button:hover,
.cl-s-mypayment .mp-btns-box button:focus,
.cl-s-mypayment .mp-btns-box button:active { 
    background-color: #fff; 
    border-color: #d8d8d8;
    color: #676767;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cl-s-mypayment .mp-btns-box button.mypayment-btn.disabled {
    color: #d5d5d5;
    border-color: #eaeaea;
}

.modal-delivery-tracking .product-info { display: flex; }
.modal-delivery-tracking .product-img { width: 60px; height: 60px; border: 1px solid #e6e6e6; flex: 0 0 60px;}
.modal-delivery-tracking .product-img img { width: 100%; }
.modal-delivery-tracking .product-content { margin-left: 10px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 9px 0; }
.modal-delivery-tracking .product-content .product-name { color: #222222; font-size: 14px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modal-delivery-tracking .product-content .product-option { color: #999999; font-size: 14px; font-weight:  normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.modal-delivery-tracking .more-text { flex: 1 1 auto;white-space: nowrap; text-align: right; color: #999999; font-size: 14px; font-weight: normal; padding: 9px 0; }
.modal-delivery-tracking .divider { border-top: 1px solid #f2f2f2; margin-top: 25px; padding-bottom: 20px; }
.modal-delivery-tracking .delivery-info { display: flex; text-align: left; line-height: 28px; }
.modal-delivery-tracking .delivery-info .delivery-company-title,
.modal-delivery-tracking .delivery-info .delivery-number-title { flex: 1 1 100px; color: #999999; font-size: 14px; font-weight: normal;  }

.modal-delivery-tracking .delivery-info .delivery-company,
.modal-delivery-tracking .delivery-info .delivery-number { flex: 1 1 310px; margin-left: 10px; color: #222222; font-size: 14px; font-weight: normal; }

.modal-delivery-tracking .btn-delivery-tracking { min-width: 72px; height: 28px; border: 1px solid #d8d8d8; background-color: #ffffff; color: #676767; font-size: 13px; font-weight: normal; float: right; text-align: center; line-height: 26px; cursor: pointer; }
.modal-delivery-tracking .delivery-tracking-desc { line-height: 1.4; color: #999999; font-size: 13px; font-weight: normal; }
.modal-delivery-tracking .delivery-tracking-desc svg { position: relative; fill: #4789e7; top: 2px; margin-right: 5px; }
.modal-delivery-tracking .modal-footer { max-width: 420px !important; }

.cl-s-mypayment .mydelivery-wrap,
.cl-s-mypayment .mypayinfo-wrap { 
    color: #222222; 
    padding: 30px; 
    background-color: #fff; 
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.42px;

}
.cl-s-mypayment .mydelivery-wrap > li { clear: both; }
.cl-s-mypayment .mydelivery-wrap > li + li { margin-top: 10px; }
.cl-s-mypayment .mydelivery-wrap > li > label { 
    font-weight: 300;
    width: 120px;
    float: left;
    margin-bottom: 0;
}
.cl-s-mypayment .mydelivery-wrap > li > span { 
    display: block;
    width: 100%;
    min-height: 23px; 
    padding-left: 130px;
    color: #676767;
}
.cl-s-mypayment .mydelivery-wrap .memo-group { margin-left: 130px; }
.cl-s-mypayment .mydelivery-wrap .memo-group + .memo-group { margin-top: 15px; border-top: 1px solid #f1f1f1; padding-top : 15px; }
.cl-s-mypayment .mydelivery-wrap .memo-group span { 
    display: block;
    width: 100%; }
.cl-s-mypayment .mydelivery-wrap .memo-group span.memo-product-name { color: #222428; font-size: 14px; line-height: 1.4; }
.cl-s-mypayment .mydelivery-wrap .memo-group span.memo-option-name { color: #999999; font-size: 13px; line-height: 1.2; }
.cl-s-mypayment .mydelivery-wrap .memo-group span.memo-content { font-size: 14px; color: #676767; margin-top: 5px; line-height: 1.4; }

.cl-s-mypayment .mypayinfo-wrap > li + li { margin-top: 10px; }
.cl-s-mypayment .mydelivery-wrap > li.line,
.cl-s-mypayment .mypayinfo-wrap > li.line { border-top: 1px solid #e6e6e6; margin-top: 30px; padding-top: 30px; min-height: 50px; }
.cl-s-mypayment .mypayinfo-wrap > li > label {
    font-weight: 300;
    width: 123px;
    float: left;
    margin-bottom: 0;
}
.cl-s-mypayment .mypayinfo-wrap > li > span { 
    display: block;
    width: 100%;
    text-align: right;
    font-size: 18px;
    letter-spacing: -0.54px;
    line-height: 1.3;
    min-height: 23px; 
    padding-left: 123px; 
}
.cl-s-mypayment .mypayinfo-wrap > li > span.gray-box {
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 1.5;
    color: #999999;
}
.cl-s-mypayment .mypayinfo-wrap > li > span.mypayment-btn {
    color: #4789e7;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: 1;
    border-bottom: 1px solid #4789e7;
    width: auto;
    padding: 0;
}

.modal-cart-option-change .modal-footer { max-width: 420px !important; }

@media only screen and (min-width: 768px) {
    .cl-s-page.cl-s-mypayment .cl-s-header > ul > li { display: inline-block; }
    .cl-s-page.cl-s-mypayment .cl-s-header > ul > li + li { margin-left: 20px; }
    .cl-s-mypayment .mypayments-wrap { margin-bottom: 13px; }
    .cl-s-mypayment .mp-grid { 
        position: relative;
        padding: 0 30px; 
        background-color: #ffffff; 
        width: 100%;
    }
    /*.cl-s-mypayment .mp-table { padding: 30px 0; display: table; width: 100%; }*/
    .cl-s-mypayment .mp-table td { border: 1px solid #f2f2f2; }
    .cl-s-mypayment .mp-table + .mp-table {}
    .cl-s-mypayment .cl-s-product-jumbotron .cl-s-product-info { padding-right: 10px; }
    .cl-s-mypayment .cl-s-product-jumbotron .cl-s-product-price { position: absolute; top: 0; right: 0; display: inline-block; }
    .cl-s-mypayment .mp-delivery-info { color: #222222; text-align: center; line-height: 1.4; }
    .cl-s-mypayment .mp-mobile-table { display: none; }
    .cl-s-mypayment .mp-delivery-info .mp-delivery-txt { font-size: 12px; }
    .cl-s-mypayment .mp-delivery-info .mp-delivery-price { font-size: 13px; display: inline-block; font-weight: bold;}
    .cl-s-mypayment .mp-delivery-info .disp-free-condition { font-size: 12px; color: #8e9095; font-weight: normal; }
    .cl-s-mypayment .mp-btns-box { text-align: center; padding: 30px; font-weight: bold;}
    .cl-s-mypayment .mp-btns-box button + button { /*margin-left: 10px;*/margin-top: 8px; }
    .cl-s-mypayment .pc-p-l-10 { padding-left: 10px; }
    .cl-s-mypayment .pc-p-r-10 { padding-right: 10px; }
    .cl-s-mypayment .col-sm-6 .mydelivery-wrap,
    .cl-s-mypayment .col-sm-6 .mypayinfo-wrap { min-height: 290px; }
}
@media only screen and (min-width: 992px) {
    .cl-s-mypayment .container { width: 678px; }
}
@media only screen and (min-width: 1200px) {
    .cl-s-mypayment .container { width: 750px; }
}
@media only screen and (max-width: 767px) {
    .cl-s-page.cl-s-mypayment { padding: 50px 0; }
    .cl-s-page.cl-s-mypayment .cl-s-header { padding-left: 15px; padding-right: 15px;margin-bottom: 50px; }
    .cl-s-page.cl-s-mypayment .cl-s-header h1.cl-s-title { margin-bottom: 20px; }
    .cl-s-page.cl-s-mypayment .cl-s-body h3.cl-s-heading { margin: 30px 0px 15px; padding-left: 15px; padding-right: 15px; }
    .cl-s-page.cl-s-mypayment .cl-s-footer { padding-left: 25px; padding-right: 25px; margin-top: 50px; }
    .cl-s-page.cl-s-mypayment .cl-s-footer .cl-s-btn { /*width: 100%;*/ }
    .cl-s-mypayment .cl-s-product-jumbotron { padding: 0 15px; }
    .cl-s-mypayment .mp-grid { padding: 0 15px;background-color: #ffffff; width: 100%; }
    .cl-s-mypayment .mp-grid colgroup col { display: none; }
    .cl-s-mypayment .mp-table { background-color: #ffffff; padding: 20px 0px; display: flex; flex-wrap: wrap;}
    .cl-s-mypayment .mp-table .mp-info { width: 100%; }
    .cl-s-mypayment .mp-table .mp-delivery-info { display: none; }
    .cl-s-mypayment .mp-mobile-table { margin: 0 15px; display: block; border-top: 1px solid #e2e2e2; padding-top: 15px; }
    .cl-s-mypayment .mp-mobile-table .mp-delivery-info { color: #222222; text-align: right; display: block; width: 100%; }
    .cl-s-mypayment .mp-mobile-table .mp-delivery-info svg { position: relative; top: -2px; margin-right: 5px; }
    .cl-s-mypayment .mp-mobile-table .mp-delivery-info .mp-delivery-txt { font-size: 14px; color:#222222; float: left; font-weight: bold; }
    .cl-s-mypayment .mp-mobile-table .mp-delivery-info .mp-delivery-price { font-size: 14px; font-weight:bold; color: #222222; display: inline-block; }
    .cl-s-mypayment .mp-mobile-table .mp-delivery-info .disp-free-condition { font-size: 12px; color: #999999; font-weight: normal; line-height: 1; }
    .cl-s-mypayment .mp-mobile-table .mp-delivery-info:after { content: ' '; display: block; height: 15px; background-color: #f9f9f9; margin: 0 -16px 12px -16px;/* border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; */position:relative; top: 15px; }
    .cl-s-mypayment .mp-table + .mp-table { border-top: 1px solid #e6e6e6; }
    .cl-s-mypayment .mp-btns-box { width:100%; display: flex; flex-wrap: wrap; margin: 0px;margin-top: 20px; padding: 0 15px; }
    .cl-s-mypayment .mp-btns-box > button { flex: 1; padding: 8px 0; margin: 0 2px; height: 36px; line-height: 1; }
    .cl-s-mypayment .mp-btns-box > button:first-child { margin-left: 0px; }
    .cl-s-mypayment .mp-btns-box > button:last-child { margin-right: 0px; }
    /*.cl-s-mypayment .mp-btns-box > button { width: 48%; padding: 10px 0; }
    .cl-s-mypayment .mp-btns-box > button:nth-child(even) { margin-left: 3vmin; }
    .cl-s-mypayment .mp-btns-box > button:nth-child(n+2) { margin-top: 3vmin; }*/

    .cl-s-page.cl-s-mypayment .cl-s-product-jumbotron .option-str { font-size: 14px;margin-top: 0px; }
    .cl-s-mypayment .mydelivery-wrap > li > label { width: 90px;}
    .cl-s-mypayment .mydelivery-wrap > li > span { padding-left: 100px; }
    .cl-s-mypayment .mydelivery-wrap .memo-group { padding-left: 0; margin-left: 100px; }
    .cl-s-mypayment .mydelivery-wrap, .cl-s-mypayment .mypayinfo-wrap { padding: 20px 15px;  }
    .cl-s-mypayment .mydelivery-wrap > li.line,
    .cl-s-mypayment .mypayinfo-wrap > li.line { margin-top: 20px; padding-top: 20px; }

}



/* Creatorlink Shopping Page::: 회원 - 마이페이지 CSS ▼ **************************************************************/ 
.cl-s-page.cl-s-mypage { padding: 70px 0px 63px; font-weight: 300; }
.cl-s-page.cl-s-mypage .cl-s-header { margin-bottom: 0px; }
.cl-s-page.cl-s-mypage .cl-s-body h3.cl-s-heading { margin: 50px 0px 25px; }
.cl-s-page.cl-s-mypage .cl-s-product-jumbotron h5 { font-weight: 300; }

.cl-s-mypage .mp-grid.empty { padding: 40px 15px; text-align: center; color: #999;}
.cl-s-mypage .mp-table button {
    font-size: 14px;
    font-weight: 300;
    padding: 4px 0px;
    border: 1px solid #d8d8d8;
    line-height: 1.43;
    letter-spacing: -0.42px;
}
.cl-s-mypage .mp-table button,
.cl-s-mypage .mp-table button:hover,
.cl-s-mypage .mp-table button:focus,
.cl-s-mypage .mp-table button:active { 
    background-color: #fff; 
    border-color: #d8d8d8;
    color: #676767;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cl-s-mypage .mp-table button.mypayment-btn[data-fn="noBankInfo"] { display: none;}
.cl-s-mypage .mp-table button.mypayment-btn.disabled {
    color: #d5d5d5;
    border-color: #eaeaea;
}
.cl-s-mypage .mp-table .oi-price { display: block; }
.cl-s-mypage .cl-s-product-price {
    margin-top: 5px;
    text-align: right;
    font-size: 1.47em;
    color: #222222;
}

.cl-s-mypage .cl-s-product-jumbotron .cl-s-product-info { padding-right: 15px; }
/*.cl-s-mypage .cl-s-product-jumbotron .option-str span { word-break: keep-all; } L.20210608 옵션명 영역밖으로 나가는 이슈 */
.cl-s-mypage .cl-s-product-jumbotron .option-str span.option-price { font-weight:500;color:#222; }
.cl-s-mypage .cl-s-product-jumbotron .option-str > span + div:before,
.cl-s-mypage .cl-s-product-jumbotron .option-str span.option-price:before,
.cl-s-mypage .cl-s-product-jumbotron .option-str > span + span:before { display: none; }
.cl-s-mypage .cl-s-product-jumbotron .option-str > div > span:before{
    content: ' ';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 8px -2px;
    background-color: #999999;
}

.cl-s-mypage .mp-list-more {
    margin-top: 15px;
    text-align: center;
    padding: 21px 15px;
    font-size: 14px;
    line-height: 1.3;
    color: #999999;
    background-color: #ffffff;
    cursor: pointer;
}

.cl-s-mypage .myinfo-wrap {
    padding: 43px 15px 44px;
    background-color: #fff;
    text-align: center;
}
.cl-s-mypage .myinfo-wrap > ul { display: inline-block; }
.cl-s-mypage .myinfo-wrap > ul > li { 
    display: inline-block;
    line-height: 1.3;
    font-size: 13.5px;
    color: #222222;
    cursor: pointer;
}
.cl-s-mypage .myinfo-wrap > ul > li + li { margin-left: 54px; color: #999999; }

.cl-s-mypage .mp-grid + .mp-grid:before { 
    content: ' '; 
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; 
    width: 100%; height: 1px;
    padding: 0 20px;
    background-color: #f2f2f2; 
    background-clip: content-box;
}
.mypayments-wrap .payment_info { border-bottom:1px solid #e6e6e6; padding:15px 30px; background-color: #fff; letter-spacing: -0.42px; line-height: 1.43;height: 50px;}
.mypayments-wrap .payment_info > div { display: inline-block;font-size: 14px; }
.mypayments-wrap .payment_info .payment_date { font-weight: 500; color:#222; padding-right:15px;}
.mypayments-wrap .payment_info .payment_group { color:#999;}
.mypayments-wrap .payment_info .payment_link { float:right; font-size:14px; position: relative; /*padding-right:20px;*/color: #676767;}
.mypayments-wrap .payment_info .payment_link svg { fill: #676767; transform: translateY(-1px); margin-left: 5px; }
.mypayments-wrap .payment_info .payment_link:after {
    /*position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    top:0px;
    right:6px; 
    font-size: 17px;*/
}
.mypayments-wrap .payment_total_empty { display:table; width:100%; margin-bottom:30px; background-color: #fff; }
.mypayments-wrap .payment_total { display:table; width:100%; margin-bottom:25px; background-color: #fff; padding:20px; border-top: 1px solid #e6e6e6; font-size: 14px; color:#676767; letter-spacing: -0.42px;}
.mypayments-wrap .payment_total > div { display: table-cell; width:100px; text-align: center; color:#676767; vertical-align: middle;line-height: 18px;}
.mypayments-wrap .payment_total .price_info { font-size:12px; color:#999; font-weight: 300;}
.mypayments-wrap .payment_total .price_total { font-weight: 600;}
.mypayments-wrap .payment_total .price_symbol { width:50px; }
.mypayments-wrap .payment_total .price_symbol .minus svg { fill:#bdbdbd;}
.mypayments-wrap .payment_total .price_symbol .equal svg { fill:#7a7a7a;}
.mypayments-wrap .payment_total .bank-info { width:135px; }
.mypayments-wrap .payment_total .bank-info button { width:110px; text-align:center; border:1px solid #7eacee; color:#4789e7; border-radius: 0; background-color: #fff; padding:5px 0px; font-weight: 300;letter-spacing: -0.42px; }

.mypost-top-nav{margin: 40px 0 20px 0;}
.mypost-top-nav li{margin-right: 5px;}
.mypost-top-nav li a{padding: 8px 15px; height: 40px; line-height: 40px; color: #999; font-size: 14px;}
.mypost-top-nav li.active a{border-bottom: 2px solid #222; color: #222;}

.mypost-wrap{background-color: #fff; padding: 0 30px; font-size: 14px;}
.cl-s-mypage .mypost-wrap .mp-grid.empty,
.cl-s-mypage .review-wrap .mp-grid.empty{font-size: 12px; color: #b4b4b4; height: 259px;}
.mypost-wrap .mypost-row{padding: 20px 0; border-bottom: 1px solid #f2f2f2;}
.mypost-wrap .mypost-row .mypost-title-box{display: flex; line-height: 20px; cursor: pointer;}
.mypost-wrap .mypost-row .mypost-title-box .mypost-status{width:52px; color: #b4b4b4; margin-right: 40px; font-size: 14px;}
.mypost-wrap .mypost-row .mypost-title-box .mypost-status.qna_Replied{color: #4789e7;}
.mypost-wrap .mypost-row .mypost-title-box .mypost-title{flex: 1; color: #676767; max-height: 40px; display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mypost-wrap .mypost-row .mypost-title-box .mypost-title a{word-break: break-all;}
.mypost-wrap .mypost-row .mypost-title-box .mypost-title span{margin-right: 7px; fill:#999; vertical-align: middle;}
.mypost-wrap .mypost-row .mypost-title-box .mypost-date,
.mypost-wrap .mypost-row .mypost-answer-date{width: 62px; font-size: 13px; color: #b4b4b4; margin-left: 40px; flex-shrink: 0; white-space: nowrap;}
.mypost-wrap .mypost-row .mypost-title-box .angle{margin-left: 30px;}
.mypost-wrap .mypost-row .mypost-title-box .angle.on{display: block;}
.mypost-wrap .mypost-row .mypost-title-box .angle.off{display: none;}
.mypost-wrap .mypost-row .mypost-content{padding: 20px 0 20px 92px; color: #676767;}
.mypost-wrap .mypost-row .mypost-content .qna-image{overflow: hidden; margin-top: 15px;}
.mypost-wrap .mypost-row .mypost-content .qna-image img{width: 68px; height: 68px; margin-right: 10px;}
.mypost-wrap .mypost-row .mypost-content .qna-image>a:last-child img{margin-right: 0;}
.mypost-wrap .mypost-row .mypost-content .product-data{border: 1px solid #e6e6e6; padding: 15px; margin: 20px 146px 0 0; color: #222428;}
.mypost-wrap .mypost-row .mypost-content .product-data>a{display: flex;}
.mypost-wrap .mypost-row .mypost-content .product-data img{width: 60px; height: 60px; border: 1px solid #e6e6e6;}
.mypost-wrap .mypost-row .mypost-content .product-data .post-title-box .empty-img img{display: none;}
.mypost-wrap .mypost-row .mypost-content .product-data .post-title{margin-left: 20px; width: calc(100% - 80px);}
.mypost-wrap .mypost-row .mypost-content .product-data .post-title>p{color: #222; font-size: 13px; margin: 0 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mypost-wrap .mypost-row .mypost-content .product-data .post-title .product-price{color: #676767;}
.mypost-wrap .mypost-row .mypost-content .product-data .post-title .product_sale_price{color: #b1b3b7; margin-right: 10px; text-decoration: line-through;}
.mypost-wrap .mypost-row .mypost-content .product-data .product-removed {color: #b1b3b7; margin: 0;}
.mypost-wrap .mypost-row .mypost-content .order-data{margin-bottom: 10px;}
.mypost-wrap .mypost-row .mypost-content .order-data p{font-size: 13px; color: #b1b3b7; margin: 0 0 5px 0;}
.mypost-wrap .mypost-row .mypost-content .qna-btn-wrap{margin: 20px 146px 0 0; text-align: right;}
.mypost-wrap .mypost-row .mypost-content .qna-btn-wrap>div{margin-left: 10px; display: inline-block; font-size: 13px; cursor: pointer; text-align: center; width: 80px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #eaeaea; color: #676767;}
.mypost-wrap .mypost-row .mypost-content .content{ margin-bottom: 10px; padding-right: 146px; color: #676767; font-size: 14px;}

.mypost-wrap .mypost-row .mypost-answer{display: flex; padding: 20px 0 20px 92px;}
.mypost-wrap .mypost-row .mypost-answer-content{flex-grow: 1;}
.mypost-wrap .mypost-row .mypost-answer-content h5{margin: 0 0 15px 0; color: #222222; font-weight: 500; font-size: 14px;}
.mypost-wrap .mypost-row .mypost-answer-date{margin-right: 44px;}
.mypost-paging{padding: 30px 0 50px;}
.mypost-paging ul {display: flex; align-items: center; margin: 0 auto; justify-content: center;}
.mypost-paging ul li{width: 30px; height: 30px; color: #b4b4b4; text-align: center; line-height: 30px; cursor: pointer; font-size: 13px;}
.mypost-paging ul li.go-prev{margin-right: 10px;}
.mypost-paging ul li.go-next{margin-left: 10px;}
.mypost-paging ul li.active{color: #222222;}
.mypost-wrap .mypost-content-wrap{display: none;}

.mypost-wrap .mypost-row.show .mypost-content-wrap{display: block;}
.mypost-wrap .mypost-row .mypost-title-box .angle svg{fill: #676767;}
.mypost-wrap .mypost-row.show .mypost-title-box .angle.on{display: none;}
.mypost-wrap .mypost-row.show .mypost-title-box .angle.off{display: block;}

.review-wrap .review-row {font-family: "NotoSansCJKkr", 'Noto sans Kr'; color: #b4b4b4; padding: 30px 40px; background-color: #fff; margin-bottom: 20px; font-size: 14px; font-weight: 300; cursor: pointer;}
.review-wrap .review-row:last-child {margin-bottom: 0;}
.review-wrap .review-row .review-image {margin-right: 30px;}
.review-wrap .review-row .review-image img,
.review-wrap .review-row .review-image .empty-img {display: inline-block; width: 150px; height: 150px;}
.review-wrap .review-row .review-title-box {width: 100%;}
.review-wrap .review-row .review-title-box .product-title {margin-bottom: 9px;}
.review-wrap .review-row .review-title-box .product-title h4 {color: #676767; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.review-wrap .review-row .review-title-box .mypost-date{text-align: right;}
.review-wrap .review-row .review-content-box{margin: 10px 0; width: calc(100% - 180px);}
.review-wrap .review-row .review-content-box .order-data{width: 100%; max-width: calc(100% - 69px);}
.review-wrap .review-row .review-content-box .order-data > p {margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.review-wrap .review-row .review-score {padding: 18px 0 6px 0;}
.review-wrap .review-row .review-score > span {display: inline-block; margin-right: 2px; fill: #e7e8e9;}
.review-wrap .review-row .review-score > span.star_on {fill: #fd788e;}
.review-wrap .review-row .review-score > span > svg{width: 13px; height: 13px;}
.review-wrap .review-row .mobile-mypost-date {display: none; font-size: 13px; padding: 12px 0 0 0; text-align: right;}

@media only screen and (min-width: 768px) {
    .cl-s-mypage .mp-grid { 
        position: relative;
        padding: 0 30px; 
        background-color: #ffffff; 
    }
    .cl-s-mypage .mp-grid:first-child:not(.empty) { padding-top: 20px; }
    /*.cl-s-mypage .mp-grid.last { padding-bottom: 20px; }*/
    .cl-s-mypage .mp-grid + .mp-grid:before { 
        content: ' '; 
        display: block;
        position: absolute;
        top: 0; left: 0; right: 0; 
        width: 100%; height: 1px;
        padding: 0 20px;
        background-clip: content-box;
    }
    .cl-s-mypage .mp-table { display: table; width: 100%; border-bottom:1px solid #f2f2f2;}
    .cl-s-mypage .mp-table:last-child { border-bottom: none;}

    .cl-s-mypage .mp-table > div { /*display: table-cell; vertical-align: middle;*/ padding: 30px 0px; }
    .cl-s-mypage .mp-table .mp-btns-box { text-align: center; display: table-cell; vertical-align: top; }
    .cl-s-mypage .mp-table .mp-btns-box.small { width: 105px; }
    .cl-s-mypage .mp-table .mp-btns-box.small > button { width: 70px; }
    .cl-s-mypage .mp-table .mp-btns-box:not(.small) { width: 110px; }
    .cl-s-mypage .mp-table .mp-btns-box:not(.small) > button { width: 110px; }
    .cl-s-mypage .mp-table .mp-btns-box > button { margin-bottom: 8px; }

    .cl-s-page.cl-s-mypage .cl-s-product-jumbotron { padding-bottom: 0; }
    .cl-s-mypage .cl-s-product-price { display: none; }

    .mypage-wrap .mp-table { display: block; }
}
@media only screen and (min-width: 992px) {
    .cl-s-mypage .container { width: 678px; }
}
@media only screen and (min-width: 1200px) {
    .cl-s-mypage .container { width: 678px; }
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .mypost-top-nav{margin: 30px 0 20px 0;}
    .cl-s-page.cl-s-mypage { padding: 50px 0 40px; }
    .cl-s-page.cl-s-mypage .cl-s-header { padding-left: 15px; padding-right: 15px; }
    .cl-s-page.cl-s-mypage .cl-s-header h1.cl-s-title { margin-bottom: 50px; }
    .cl-s-page.cl-s-mypage .cl-s-body h3.cl-s-heading { margin: 50px 0px 15px; padding-left: 15px; padding-right: 15px; }
    .cl-s-page.cl-s-mypage .cl-s-product-jumbotron { /*padding-bottom: 5px;*/ }
    .cl-s-page.cl-s-mypage .cl-s-product-jumbotron .option-str > .option-price { /*display: none;*/ }

    .cl-s-mypage .mp-table { padding: 20px 0px; background-color: #ffffff; }
    .cl-s-mypage .mp-table + .mp-table { border-top: 1px solid #f2f2f2; }
    .cl-s-mypage .mp-wrap { padding: 0px 15px; }
    .cl-s-mypage .mp-grid { padding:0px 15px; background-color: #ffffff; }
    .cl-s-mypage .mp-grid + .mp-grid { margin-top: 10px; }
    .mypayments-wrap .payment_info { padding:15px; }
    .cl-s-mypage .mp-table .mp-btns-box{display: flex; flex-wrap: wrap; /*margin: 0 -2px;*/}
    .cl-s-mypage .mp-table .mp-btns-box > button {flex: 1; padding: 8px 0; margin: 0 4px 0 0; height: 36px; line-height: 1;}
    .cl-s-mypage .mp-table .mp-btns-box > button:first-child { margin-left:0px; }
    .cl-s-mypage .mp-table .mp-btns-box > button:last-child { margin-right:0px; }
    /*.cl-s-mypage .container .row .mypage-wrap { margin: 0px 15px 0px 15px; }*/
    .cl-s-mypage .cl-s-product-jumbotron .cl-s-product-info { padding-right: 0px; }
    .mypayments-wrap .payment_total { padding: 20px 15px; letter-spacing: -0.42px;margin-bottom: 15px; }
    .mypayments-wrap .payment_total > div {display: block; width: 100%;text-align: right; margin-top: 2px; line-height: 1.43;}
    .mypayments-wrap .payment_total > div:first-child,.mypayments-wrap .payment_total > div.bank-info { margin-top:0px; }
    .mypayments-wrap .payment_total .price_info {float: left; font-size: 14px;}
    .mypayments-wrap .payment_total .price_total {margin-top:10px;}
    .mypayments-wrap .payment_total .price_total .price_info{ color:#676767; font-weight: 500;}
    .mypayments-wrap .payment_total .price_symbol {display: none;}
    .mypayments-wrap .payment_total .bank-info button { width: 100%; margin-top: 15px; height: 36px; }
    .mypayments-wrap .payment_total .bank-info {width:100%; }
    .mypayments-wrap .payment_total .price_discount:before { content: '(-)'; margin-right: 3px; }
    .mypayments-wrap .payment_total .price_coupon:before { content: '(-)'; margin-right: 3px; }
    .mypayments-wrap .payment_total .price_point:before { content: '(-)'; margin-right: 3px; }
    /*.cl-s-mypage .mp-table button.mypayment-btn[data-fn="noBankInfo"] + .mypayment-btn {margin-left: 0; margin-right: 3vmin;}*/

    .mypost-wrap{padding: 0 20px;}
    .mypost-wrap .mypost-row .mypost-content{padding: 20px 0;}
    .mypost-wrap .mypost-row .mypost-answer{position: relative;}
    .mypost-wrap .mypost-row .mypost-answer-date{margin: 0; padding: 0 0 0 18px; position: absolute; left: 39px; top: 20px;}
    .mypost-wrap .mypost-row .mypost-answer-date:after{content: ''; width: 2px; height: 2px; background-color: #b4b4b4; display: block; position: absolute; top: 10px; left: 8px;}
    .mypost-wrap .mypost-row .mypost-title-box{flex-wrap: wrap; flex-direction: column;}
    .mypost-wrap .mypost-row .mypost-title-box .mypost-status{position: relative; margin: 5px 0 0 0; padding: 0 18px 0 0; order: 3; width: auto;}
    .mypost-wrap .mypost-row .mypost-title-box .mypost-status:after{content: ''; width: 2px; height: 2px; background-color: #b4b4b4; display: block; position: absolute; top: 10px; right: 8px;}
    .mypost-wrap .mypost-row .mypost-title-box .mypost-date{margin: 5px 0 0 0;}
    .cl-s-myqna .mypost-wrap .mypost-row .mypost-title-box .mypost-title{flex: none;}
    .mypost-wrap .mypost-row .mypost-title-box .mypost-title span{margin-right: 0;}
    .mypost-wrap .mypost-row .mypost-title-box .angle{margin-left:0; order: 2; width: 24px; text-align: right;}
    .mypost-wrap .mypost-row .mypost-content .content{padding-right: 0;}
    .mypost-wrap .mypost-row .mypost-content .product-data{margin: 20px 0 0 0;}
    .mypost-wrap .mypost-row .mypost-content .qna-image img{width: 50px; height: 50px; margin-right: 5px;}
    .mypost-wrap .mypost-row .mypost-content .qna-btn-wrap{margin: 20px 0 0 0; text-align: right;}
    .mypost-top-nav{padding: 0 15px;}
    .cl-s-mypage .mypost-wrap .mp-grid.empty{height: 299px;}
    .cl-s-myqna .mypost-wrap .mypost-row .mypost-title-box{flex-direction: row;}
    .cl-s-myqna .mypost-wrap .mypost-row .mypost-title-box .mypost-date{order: 4;}
    .cl-s-myqna .mypost-wrap .mypost-row .mypost-title-box .mypost-title{order: 1; width: calc(100% - 24px);}

    .review-wrap .review-row {padding: 15px 15px 20px 15px; margin-bottom: 10px;}
    .review-wrap .review-row .review-image {margin-right: 15px;}
    .review-wrap .review-row .review-image img,
    .review-wrap .review-row .review-image .empty-img {display: inline-block; width: 80px; height: 80px;}
    .review-wrap .review-row .review-title-box .product-title {margin-bottom: 4px;}
    .review-wrap .review-row .review-title-box .mypost-date{display: none;}
    .review-wrap .review-row .review-content-box{margin: 0; width: calc(100% - 95px);}
    .review-wrap .review-row .review-content-box .order-data{max-width: 100%;}
    .review-wrap .review-row .mobile-mypost-date {display: block;}
}

/* Creatorlink Shopping Page::: 장바구니 CSS ▼ ***********************************************************************/ 
.cl-s-page.cl-s-cart { padding: 70px 0px; font-weight: 300; }
.cl-s-page.cl-s-cart .cl-s-body h3.cl-s-heading { font-size: 18px; margin-top: 7px; margin-bottom: 15px; }
.cl-s-page.cl-s-cart .cart-table + h3.cl-s-heading { margin-top: 60px; }

.cl-s-cart .cart-table { width: 100%; }
.cl-s-cart .cart-table .cart-func-row { height: 50px; line-height: 30px; }
.cl-s-cart .cart-table .cart-func-row th:first-child { text-align: right; }
.cl-s-cart .cart-table .popover-content { line-height: 1.6; }
.cl-s-cart .cart-table:last-child{border-bottom: 1px solid #222;}
.cl-s-cart .cart-table thead {border-bottom: 1px solid #e6e6e6;}
.cl-s-cart .cart-table thead tr > th {
    padding: 9px 15px 6px 0;
    font-weight: normal;
    letter-spacing: -0.39px;
    color: #222;
    font-size: 15px;
    vertical-align: top;
    /*text-align: center;*/
}
.cl-s-cart .cart-table tr > th:first-child { color: #676767;  padding: 9px 15px 6px 15px;}
.cl-s-cart .cart-table tr > th:nth-child(2) > span:first-child {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #e6e6e6;
    margin-right: 15px;
}
/*.cl-s-cart .cart-table tr {border-top: 1px solid #f1f1f1;}*/

table.cart-table tr td:first-child { padding-left: 30px; padding-right:15px; }

.cl-s-cart .cart-table .cart-count-td { padding: 0; min-width: 110px; }
.cl-s-cart .cart-table .current-delivery-price { display: block; font-size: 12px; color: #999999; line-height: 1; margin-top: 8px; }
.cl-s-cart .cart-table tr > td.price-td { color: #222222;  line-height: 1.4; font-size: 14px;}
.cl-s-cart .cart-table tr > td.price-td .product-price-txt {font-size: 12px; display: block;}
.cl-s-cart .cart-table tr > td.price-td .cart-product-price { font-size: 15px; font-weight: bold; }
.cl-s-cart .cart-table .newcheckbox{display: inline-block; width: 16px; height: 16px;}
/*.cl-s-cart .cart-table tr > th > .newcheckbox{margin-right: 10px;}*/
.cl-s-cart .cart-table tr > td:not(:nth-child(3)) { text-align: center; }
.cl-s-cart .cart-table thead,
.cl-s-cart .cart-table tbody{background-color: #fff;}
.cl-s-cart .cart-table tfoot tr > td {padding: 14px 0 0 0;}
.cl-s-cart .cart-table tfoot tr {background-color: transparent;}
.cl-s-cart .cart-table tfoot tr > td:nth-child(1) span{display: none;}
.cl-s-cart .cart-table tr.cart-title > td{padding: 18px 0 2px 0; text-align: left; font-size: 16px; font-weight: normal; color: #222;}
.cl-s-cart .cart-table .delivery-td { color: #222222; line-height: 1.4; font-size: 14px; border-left: 1px solid #f1f1f1;}
.cl-s-cart .cart-table .delivery-td .delivery-txt {font-size: 12px; display: block;}
.cl-s-cart .cart-table .delivery-td .delivery-txt.delivery-txt-mobile { display: none; }
.cl-s-cart .cart-table .delivery-td .disp-delivery-price { font-size: 14px; font-weight: bold; }
.cl-s-cart .cart-table .delivery-td .disp-free-condition { display: block; font-size: 12px; color: #999999; margin-top: 8px; }
.cl-s-cart .cart-table .delivery-td svg { position:relative; top: -2px; fill: #999999; }

/*.cl-s-cart .cart-table .delivery-td .popover, 
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover,
.delivery-info-choice .popover,
.cl-s-order-cancel .popover.top { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); border:none; min-width: 220px; }
.cl-s-cart .cart-table .delivery-td .popover .arrow,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .arrow,
.delivery-info-choice .popover .arrow,
.cl-s-order-cancel .popover.top .arrow { border: none !important; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08); }*/
.cl-s-cart .cart-table .delivery-td .popover .delivery-tooltip .title,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .delivery-tooltip .title,
.delivery-info-choice .popover .delivery-tooltip .title,
.cl-s-order-cancel .popover .delivery-tooltip .title { font-size: 12px; color: #222222; font-weight: bold; }
.cl-s-cart .cart-table .delivery-td .popover .delivery-tooltip .title + .item,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .delivery-tooltip .title + .item,
.delivery-info-choice .popover .delivery-tooltip .title + .item,
.cl-s-order-cancel .popover .delivery-tooltip .title + .item { margin-top: 10px; }
.cl-s-cart .cart-table .delivery-td .popover .delivery-tooltip .item,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .delivery-tooltip .item,
.delivery-info-choice .popover .delivery-tooltip .item,
.cl-s-order-cancel .popover .delivery-tooltip .item { padding-left: 12px; font-size: 12px; color: #676767; white-space: nowrap; }
.cl-s-cart .cart-table .delivery-td .popover .delivery-tooltip .item:before,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .delivery-tooltip .item:before,
.delivery-info-choice .popover .delivery-tooltip .item:before,
.cl-s-order-cancel .popover .delivery-tooltip .item:before { content: '·'; position: absolute; left: 15px; text-align: center; width: 7px; }
.cl-s-cart .cart-table .delivery-td .popover .delivery-tooltip .item + .item,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .delivery-tooltip .item + .item,
.delivery-info-choice .popover .delivery-tooltip .item + .item,
.cl-s-order-cancel .popover .delivery-tooltip .item + .item { margin-top: 5px; }
.cl-s-cart .cart-table .delivery-td .popover .delivery-tooltip .desc,
.cl-s-mypayment .mypayments-wrap .mp-delivery-info .popover .delivery-tooltip .desc,
.delivery-info-choice .popover .delivery-tooltip .desc,
.cl-s-order-cancel .popover .delivery-tooltip .desc { font-size: 12px; color: #999999; margin-top: 10px; word-break: keep-all; }
.popover .delivery-tooltip .title.product-weight:before { content: ' '; height: 1px; display: block; background-color: #f1f1f1; margin-top: 10px; margin-bottom: 10px; }
.cl-s-cart .cart-table.empty {background: transparent; border-top: 1px solid #222222;}
.cl-s-cart .cart-table.empty tr > td {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    height: 246px; 
    font-size: 16px;
    color: #999999;
    vertical-align: middle;
    padding: 120px 0;
}
.cl-s-cart .cart-table.empty .cl-s-footer{
    margin: 40px 0 0 0;
}
.cl-s-cart .cart-table.empty .cl-s-footer .cl-s-btn-primary{width: 200px; height: 44px; font-size: 16px; padding: 0; line-height: 44px;}

.cl-s-cart .cart-product-thumb {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}
.cl-s-cart .cart-product-thumb > a > img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cl-s-cart .cart-product-info > .cart-product-title { 
    color: #222222;
    font-size: 14px;
    line-height: 1.3;
    display: block;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 20px;
    margin-bottom: 4px;
}

.cl-s-cart .cart-product-info > .cart-product-title .badge {
    padding: 2px 8px 2px;
    height: 20px;
    background-color: #f1f1f1;
    border-radius: 10px;
    line-height: 1.3;
    font-weight: normal;
    color: #676767;
    margin-right: 5px;
}

.cl-s-cart .cart-product-info > .cart-product-option { display: block; line-height: 1.3; font-size: 12px;}
.cl-s-cart .cart-product-info > .btn-cart-product-option-change { display: inline-block; font-size: 12px; color: #676767; min-width: 72px; height: 28px; line-height: 26px; border: 1px solid #d5d5d5; cursor: pointer; text-align: center; margin-top: 10px; }
.cl-s-cart .cart-product-info > .cart-product-option,
.cl-s-cart .cart-product-info > .cart-product-etc-date,
.cl-s-cart .cart-product-info > .cart-product-download { color: #999999; margin-bottom: 2px; }
.cl-s-cart .cart-product-info > .cart-product-download { line-height: 1.3; margin-top: 0; margin-bottom: 0; }
.cl-s-cart .cart-product-info > .cart-product-download > span { display: inline; max-width: 100%; }
.cl-s-cart .cart-product-info > .cart-product-download > span + span:before { 
    content: ' '; 
    position: relative; 
    display: inline-block; 
    width: 1px; height: 11px; 
    margin: 0 7px;
    background-color: #999999; 
}
.cl-s-cart .cart-box-count { display: inline-block; text-align: center; }
.cl-s-cart .cart-box-count > span {
    float: left;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    cursor: pointer;
}
.cl-s-cart .cart-box-count > span > svg { fill: #888888; }
.cl-s-cart .cart-box-count > input {
    float: left;
    text-align: center;
    background-color: #ffffff;
    border: none;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
}
.cl-s-cart .cart-product-del > svg { cursor: pointer; fill: #898989; }
.cl-s-cart .cart-product-off-label { color: #ee445f; display: block; }
.cl-s-cart .cart-product-info .cart-product-off-label { line-height: 1; }

.cl-s-cart .cart-bottom { text-align: right; }
.cl-s-cart .cart-bottom > li { padding: 5px 15px; }
.cl-s-cart .cart-bottom > li.line { border-top: 1px solid #e6e6e6; margin-top: 10px; padding-top: 20px; }
.cl-s-cart .cart-bottom > li > label {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.48px;
    text-align: left;
    margin-bottom: 0;
    color: #999999;
}
.cl-s-cart .cart-bottom > li > div {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #222222;
    font-weight: normal;
}
.cl-s-cart .cart-bottom > li.line > div { font-size: 22px; font-weight: bold;}


.cl-s-cart .cart-table[data-mode="download"] .cart-box-count,
.cl-s-cart .cpof .cart-box-count { pointer-events: none; }
.cl-s-cart .cpof .cart-box-count > span,
.cl-s-cart .cpof .cart-box-count > input { /*border-color: transparent; background-color: transparent;*/ opacity: 0.4; }
.cl-s-cart .cart-table[data-mode="download"] .cart-box-count * { opacity: 0; } 

.cl-s-cart .cart-table .delivery-pay-type-selector { position: relative; min-width: 80px; border: 1px solid #dedede; margin-top: 8px; display: inline-block;}
.cl-s-cart .cart-table .delivery-pay-type-selector.open { border-color: #bcbcbc; }
.cl-s-cart .cart-table .delivery-pay-type-selector .select-box { width:100%; height: 28px; line-height: 28px; font-size: 13px; color:#676767; font-weight: normal; padding-left: 10px; position: relative; cursor: pointer; z-index: 2; }
.cl-s-cart .cart-table .delivery-pay-type-selector .select-box .selected-option { text-align: left; }
.cl-s-cart .cart-table .delivery-pay-type-selector .select-box svg { position: absolute; top: 50%; right: 10px; fill: #222222; transform: translateY(-50%); }
.cl-s-cart .cart-table .delivery-pay-type-selector .option-box { background-color: #ffffff; border: 1px solid #bcbcbc; border-top: 0; position: absolute; left: 0; top: 29px; width: calc(100% + 2px); height: auto; margin-left: -1px; overflow: auto; z-index: 10; }
.cl-s-cart .cart-table .delivery-pay-type-selector .option-box > div { background-color: #ffffff; border-bottom: 1px solid #eee; color: #676767; font-size:13px; font-weight: normal; width: 100%; height: auto; cursor: pointer; min-height:28px; overflow:hidden; padding:5px 10px; text-align: left; }
.cl-s-cart .cart-table .cart-product-info .culture-benefit-bullet { font-size: 12px; color : #333333; margin-bottom: 10px; font-weight: 500; position: relative;  }
.cl-s-cart .cart-table .cart-product-info .culture-benefit-bullet img { margin-right: 5px; margin-top: -3px; }

 /* 옵션 변경 모달 */
.modal-cart-option-change .product-info { display: flex; }
.modal-cart-option-change .product-img { width: 60px; height: 60px; border: 1px solid #e6e6e6; }
.modal-cart-option-change .product-img img { width: 100%; height: 100%; }
.modal-cart-option-change .product-content { margin-left: 15px; text-align: left; font-size:16px; color:#222222; flex: 1 1 calc(100% - 75px); }
.modal-cart-option-change .product-content .product-name { margin-bottom: 5px; font-size:14px; color: #222222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow: hidden; }
.modal-cart-option-change .product-content .product-price { display: inline-block; font-size:16px; color: #222222; font-weight: bold; }
.modal-cart-option-change .divider { border-top: 1px solid #eaeaea; margin-top: 25px; margin-bottom: 20px; }
.modal-cart-option-change .option-change-title { font-size: 14px; color: #999999; text-align: left;  }
.modal-cart-option-change .option-change-selector,
.modal-cart-option-change .option-date-selector { position: relative; width: 100%; border: 1px solid #dedede; margin-top: 8px; display: inline-block;}
.modal-cart-option-change .option-change-selector.option-disabled { background-color: #f8f8f8; color: #9fa09f; pointer-events: none; }
.modal-cart-option-change .option-change-selector.open,
.modal-cart-option-change .option-date-selector.open { border-color: #bcbcbc; }
.modal-cart-option-change .option-change-selector .select-box,
.modal-cart-option-change .option-date-selector .select-box { width:100%; height: 40px; line-height: 40px; font-size: 14px; color:#222222; font-weight: normal; padding-left: 15px; position: relative; cursor: pointer; z-index: 2; }
.modal-cart-option-change .option-change-selector .select-box .selected-option,
.modal-cart-option-change .option-date-selector .select-box .selected-option { text-align: left; }
.modal-cart-option-change .option-change-selector .select-box svg,
.modal-cart-option-change .option-date-selector .select-box svg { position: absolute; top: 50%; right: 10px; fill: #222222; transform: translateY(-50%); }
.modal-cart-option-change .option-change-selector .option-box { background-color: #ffffff; border: 1px solid #bcbcbc; border-top: 0; position: absolute; left: 0; top: 41px; width: calc(100% + 2px); height: auto; margin-left: -1px; overflow: auto; z-index: 10; }
.modal-cart-option-change .option-change-selector .option-box > div { background-color: #ffffff; border-bottom: 1px solid #eee; color: #676767; font-size:14px; font-weight: normal; width: 100%; height: auto; cursor: pointer; min-height:40px; overflow:hidden; padding:8px 15px; text-align: left; }
.modal-cart-option-change .option-change-selector .option-box > div.disabled,
.modal-cart-option-change .option-change-selector .option-box > div.sold-out { color: #999999; pointer-events: none; opacity: .5; }
.modal-cart-option-change .option-change-selector .option-box > div.sold-out label { color: #f03f60; margin-left: 8px; font-size: 16px; font-weight: normal; }
.modal-cart-option-change .option-change-selector .option-box > div .number,
.modal-cart-option-change .option-change-selector .option-box > div .option-name,
.modal-cart-option-change .option-change-selector .option-box > div .price { display: inline-block; }
.modal-cart-option-change .option-change-selector .option-box > div .number { color:#222228; font-size: 14px; font-weight: 300; margin-right: 10px; }
.modal-cart-option-change .option-change-selector .option-box > div .price { float: right; }
.modal-cart-option-change .cur-option-box { border: 1px solid #dedede; padding: 15px; text-align: left; display: flex; flex-wrap: wrap; }
.modal-cart-option-change .cur-option-box .cur-option-title { font-size: 14px; color: #999999; flex: 1 1 100%; margin-bottom: 7px; }
.modal-cart-option-change .cur-option-box .cur-option-name { flex: 1 1 62%; color: #222222; font-size: 14px; word-break: break-all; }
.modal-cart-option-change .cur-option-box .cur-option-price { flex: 1 1 38%; text-align: right; align-self: end;color: #222222; font-size: 16px; font-weight: normal; }
.modal-cart-option-change .cur-option-box .cur-option-price .cur-option-price-txt { color: #222222; font-size: 16px; font-weight: bold; }
.modal-cart-option-change .cur-option-box .cur-download-list .download-contents { width: 100%; }
.modal-cart-option-change .text-option-input { width: 100%; border: 1px solid #e9e9e9; height: 40px; padding: 10px; }
.modal-cart-option-change .text-option-input + .text-option-input,.modal-cart-option-change .option-change-selector  + .text-option-input,.modal-cart-option-change .option-date-selector + .text-option-input { margin-top: 8px; }
.modal-cart-option-change .text-option-input:read-only { background-color: #f8f8f8; }
.modal-cart-option-change .btn-option-change-confirm { border: 1px solid #dedede; min-width: 200px; display: inline-block; margin: 20px 0 30px; padding: 8px 0; cursor: pointer; }
.modal-cart-option-change .btn-option-change-confirm.disabled { pointer-events: none; opacity: .65; }
.modal-cart-option-change .calendar-box { z-index: 5; }

.cart-select-del {min-width: 72px; line-height: 30px; font-size: 13px; background-color: #fff; border: 1px solid #d5d5d5; text-align: center; color: #474747; display: inline-block; float: right; margin-right: 15px;}

.mobile-thead {display: none;}
.mobile-thead .newcheckbox{display: inline-block;}
.mobile-thead span{padding-left: 26px; font-size: 15px; color: #222222;}
/*.cl-s-cart .cpof .cart-box-count > span > svg { opacity: 0; } */
#naverpay-buy {padding-top: 15px; order: 4;}

/* .cl-s-cart .cart-table { table-layout: fixed; } */
.cl-s-cart .cart-table .cart-mobile-tr { display: none; }


@media only screen and (min-width: 768px) {
    .cl-s-cart .cart-table .col-responsive-768 { display: table-column; visibility: visible; }
    .cl-s-cart .cart-table .col-responsive-992 { display: none; visibility: hidden; }
    .cl-s-page.cl-s-cart .cl-s-footer { margin-top: 65px; }
    .cl-s-cart .cart-table tr > td {padding-top: 20px; padding-bottom: 20px; vertical-align: middle; font-weight: normal; border-top: 1px solid #f1f1f1; line-height: 1;}
    .cl-s-cart .cart-table tr.cart-title {border-top: 1px solid #e6e6e6;}
    .cl-s-cart .cart-table tr > td:nth-child(1),
    .cl-s-cart .cart-table thead tr > td,
    .cl-s-cart .cart-table tfoot tr > td,
    .cl-s-cart .cart-table tr.cart-title td {border-top: none;}
    .cl-s-cart .cart-table thead tr,
    .cl-s-cart .cart-table tfoot tr{border-top: 1px solid #222;}
    /*.cl-s-cart .cart-table tr > td:nth-child(2) { vertical-align: top; }*/
    .cl-s-cart .cart-product-info { padding-left: 18px; }
    .cl-s-cart .cart-box-count > span { width: 36px; height: 36px; line-height: 36px; }
    .cl-s-cart .cart-box-count > input { width: 38px; height: 36px; line-height: 36px; }
    .cl-s-cart .cart-product-info > .cart-product-title { margin: 0 0 4px 0; }
    .cl-s-cart .cart-bottom { float: right; margin: 30px auto 5px; padding-right: 30px; }
    .cl-s-cart .cart-bottom > li > label { width: 60px; }
    .cl-s-cart .cart-bottom > li > div { width: 166px; }

    .cl-s-cart .cl-s-body form { border-bottom: 1px solid #222222; }
}
@media only screen and (min-width: 992px) {
    .cl-s-cart .container { width: 962px; }
    .cl-s-cart .cart-table .col-responsive-768 { display: none; visibility: hidden; }
    .cl-s-cart .cart-table .col-responsive-992 { display: table-column;  visibility: visible; }
}
@media only screen and (max-width: 991px) {
    .cl-s-cart table.cart-table tr td:first-child { padding-left: 15px; }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar ~ .cl-s-cart .cart-table,
    .sidebar ~ .cl-s-cart .cart-table tbody,
    .sidebar ~ .cl-s-cart .cart-table tr { display: block;}
    .sidebar ~ .cl-s-cart .cart-table tr.cart-title {border-top: 1px solid #e6e6e6;}
    .sidebar ~ .cl-s-cart .cart-table td { display: inline-block; border: none; padding: 0; }
    .sidebar ~ .cl-s-cart .cart-table {padding: 0; }
    .sidebar ~ .cl-s-cart .cart-table thead,
    .sidebar ~ .cl-s-cart .cart-table tfoot {display: block; border-bottom: none;}
    .sidebar ~ .cl-s-cart .cart-table thead {display: none;}
    .mobile-thead,
    .cl-s-cart .cart-table tfoot tr {
        padding: 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 13px;
        color: #474747;
        line-height: 26px;
    }
    .sidebar ~ .cl-s-cart .cart-select-del { margin-right: 0; height: 28px; line-height: 26px; }
    .sidebar ~ .cl-s-cart .cart-table thead tr th:nth-child(2),
    .sidebar ~ .cl-s-cart .cart-table thead tr th:nth-child(3),
    .sidebar ~ .cl-s-cart .cart-table thead tr th:nth-child(4) {display: none;}
    .sidebar ~ .cl-s-cart .cart-table tbody {background-color: #fff; border-top: 1px solid #e2e2e2;}
    .sidebar ~ .cl-s-cart .cart-table.empty tbody {border-top: 1px solid #e6e6e6;}
    .sidebar ~ .cl-s-cart .cart-table tbody tr { position: relative; padding: 12px 0px 0px 0px; display: flex; flex-wrap: wrap; margin: 0 15px; border-top: 1px solid #f1f1f1;}
    /*.cl-s-cart .cart-table tbody tr:nth-child(2) {border-top: none;}*/
    .sidebar ~ .cl-s-cart .cart-table.t-0 tr.cart-title,
    .sidebar ~ .cl-s-cart .cart-table tfoot {border-top: 1px solid #222;}
    
    .sidebar ~ .cl-s-cart .cart-table .checkbox-td { padding: 0 !important; order: 1; flex: 0 0 100%; margin-right: 10px; text-align: left !important; line-height: 1;}
    .sidebar ~ .cl-s-cart .cart-table .cart-product-info { order: 4; flex: 0 0 calc(100% - 100px); overflow: hidden; line-height: 1; margin-top: 28px; }
    .sidebar ~ .cl-s-cart .cart-table .thumb-td { order: 3; padding: 0; margin-top: 28px; flex: 0 0 90px; margin-right: 10px; }
    .sidebar ~ .cl-s-cart .cart-table .cart-count-td { order: 5; flex: 0 0 94px; position: absolute; right: 0; top: 90px; min-width: unset; }
    .sidebar ~ .cl-s-cart .cart-table .price-td { order: 6; flex: 1 1 100%; text-align: right !important; padding-bottom: 20px; margin-top: 5px; }
    .sidebar ~ .cl-s-cart .cart-table .cart-product-del { order: 2; }
    .sidebar ~ .cl-s-cart .cart-table .delivery-td { order: 7; flex: 0 0 100%; margin-top: 15px; border-left: 0; text-align: right !important; }
    .sidebar ~ .cl-s-cart .cart-table .delivery-td { order: 7; flex: 0 0 100%; margin-top: 15px; border-left: 0; text-align: right !important; }

    .sidebar ~ .cl-s-cart .cart-table[data-mode="download"] .delivery-td,
    .sidebar ~ .cl-s-cart .cart-table[data-mode="etc"] .delivery-td { display: none; }

    .sidebar ~ .cl-s-cart .cart-table .delivery-td:after { content : ' '; display: block; height: 15px; background-color: #f9f9f9; margin: 0 -16px 12px -16px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; position: relative; top: 15px;  }
    .sidebar ~ .cl-s-cart .cart-table .delivery-td .delivery-txt.delivery-txt-pc { display: none; }
    .sidebar ~ .cl-s-cart .cart-table .delivery-td .delivery-txt.delivery-txt-mobile { display: block; float: left; font-size: 14px; color: #222222; font-weight: bold; }
    .sidebar ~ .cl-s-cart .cart-table .delivery-td .delivery-pay-type-selector { width: 100%; }
    .sidebar ~ .cl-s-cart .cart-table .delivery-td .popover { min-width: auto; }
    .sidebar ~ .cl-s-cart .cart-table[data-mode="normal"]:last-of-type .cart-mobile-tr:last-child .delivery-td:after { height:0px; top: 13px; border-top: none; }

    .sidebar ~ .cl-s-cart .cart-table .cart-product-info .cart-product-title { position: absolute; top: 12px; left: 25px; font-size: 14px; max-width: 90%; }
    .sidebar ~ .cl-s-cart .cart-table .cart-product-info .cart-product-title a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: inline-block; }
    .sidebar ~ .cl-s-cart .cart-table .checkbox-td .newcheckbox { margin: 0; min-height: auto; padding: 0; display: inline; }
    .sidebar ~ .cl-s-cart .cart-table .cart-product-info .btn-cart-product-option-change { font-size: 12px; color: #676767; text-decoration: underline; padding: 0; border: none; min-width: unset; margin-top: 5px; height: 17px; line-height: 1; }
    .sidebar ~ .cl-s-cart .cart-table .price-td .product-price-txt { float: left; font-size: 15px !important; color: #222222; font-weight: bold; }
    .sidebar ~ .cl-s-cart .cart-table .price-td .current-delivery-price { margin-top: 5px !important; font-size: 14px; color: #676767; }
    .sidebar ~ .cl-s-cart .cart-table .price-td .current-delivery-price-txt { font-size: 14px; color: #676767; float: left; }

    .sidebar ~ .cl-s-cart .cart-table .cart-mobile-tr { display: block; padding: 0; padding-top: 15px;}
    .sidebar ~ .cl-s-cart .cart-table .cart-mobile-tr td.delivery-td { width: 100%; padding: 0 !important; margin: 0 !important; }
    .sidebar ~ .cl-s-cart .cart-table .cart-mobile-tr td.delivery-td svg { margin-right: 3px; }
    .sidebar ~ .cl-s-cart .cart-table .cart-mobile-tr + tr { border-top: none; }
    .sidebar ~ .cl-s-cart .cart-table .cart-pc-td { display: none; }

    .sidebar ~ .cl-s-cart .cart-table.empty{border-bottom: none; border-top: none;}
    .sidebar ~ .cl-s-cart .cart-table tfoot tr > td{padding: 0; margin-left: 0; border-top: none;}
    .sidebar ~ .cl-s-cart .cart-table tfoot tr > td:nth-child(1),
    .sidebar ~ .cl-s-cart .cart-table tfoot tr > td:nth-child(2) {width: auto; text-align: center;}
    .sidebar ~ .cl-s-cart .cart-table tfoot tr > td:nth-child(1) span{display: inline-block; padding-left: 10px;}
    
    .sidebar ~ .cl-s-cart .cart-table tr:first-child { border-top: none; }

    .sidebar ~ .cl-s-cart .cart-table.empty tbody tr{padding: 0; margin-left: 0; width: 100%; }
    .sidebar ~ .cl-s-cart .cart-table.empty tr > td { width: 100%; float: unset; text-align: center; height: auto; font-size: 14px; position: static; border-top: none;}
    .sidebar ~ .cl-s-cart .cart-table.empty .cl-s-footer{margin: 30px 0 0 0;}
    .sidebar ~ .cl-s-cart .cart-table.empty .cl-s-footer .cl-s-btn-primary{width: 160px; height: 44px; font-size: 15px; padding: 0; line-height: 44px;}
    .sidebar ~ .cl-s-cart .cart-product-info > .cart-product-title { margin: 0; }
    .sidebar ~ .cl-s-cart .cart-box-count { margin-top: 10px; }
    .sidebar ~ .cl-s-cart .cart-box-count.more-margin { margin-top: 20px; }
    .sidebar ~ .cl-s-cart .cart-box-count > span { width: 30px; height: 30px; line-height: 30px; }
    .sidebar ~ .cl-s-cart .cart-box-count > input { width: 32px; height: 30px; line-height: 30px; }
    .sidebar ~ .cl-s-cart .cart-product-del { position: absolute; top: 15px; right: 0; line-height: 1; }
    .sidebar ~ .cl-s-cart .cart-product-thumb { width: 90px; height: 90px; }

    .sidebar ~ .cl-s-cart .cart-bottom { padding: 25px 15px 0 15px; margin: 0; float: unset; }
    .sidebar ~ .cl-s-cart .cart-table[data-mode="download"] + .cart-bottom,
    .sidebar ~ .cl-s-cart .cart-table[data-mode="etc"] + .cart-bottom { border-top: 1px solid #e2e2e2; }
    .sidebar ~ .cl-s-cart .cart-bottom > li {padding: 5px 0;}
    .sidebar ~ .cl-s-cart .cart-bottom > li > label { width: 20%; }
    .sidebar ~ .cl-s-cart .cart-bottom > li > div { width: 80%; }

    .sidebar ~ .cl-s-cart .cart-table .cart-product-info .culture-benefit-bullet { position: absolute; top: 100px; transform: translateY(50%); }
    .sidebar ~ .cl-s-cart .cart-bottom > li.line {
        border-top: 1px solid #e6e6e6;
        margin-top: 10px;
        padding-top: 20px;
    }
    .sidebar ~ .cl-s-cart .cl-s-body form { border-bottom: none;}
}

@media only screen and (max-width: 767px) {
    .cl-s-page.cl-s-cart { padding: 50px 0; }
    .cl-s-page.cl-s-cart .cl-s-body h3.cl-s-heading { margin: 18.5px 0px 15px; padding-left: 15px; padding-right: 15px; }
    .cl-s-page.cl-s-cart .cart-table + h3.cl-s-heading { margin-top: 50px; }
    .cl-s-page.cl-s-cart .cl-s-footer .cl-s-btn-6 { padding: 11.5px 5px 13px; flex: 1 1 100%; }
    .cl-s-page.cl-s-cart .cl-s-footer { margin-top: 32.5px; }

    .cl-s-cart .cart-table,
    .cl-s-cart .cart-table tbody,
    .cl-s-cart .cart-table tr { display: block;}
    .cl-s-cart .cart-table tr.cart-title {border-top: 1px solid #e6e6e6;}
    .cl-s-cart .cart-table td { display: inline-block; }
    .cl-s-cart .cart-table {padding: 0; }
    .cl-s-cart .cart-table thead,
    .cl-s-cart .cart-table tfoot {display: block; border-bottom: none;}
    .cl-s-cart .cart-table thead {display: none;}
    .mobile-thead,
    .cl-s-cart .cart-table tfoot tr {
        padding: 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 13px;
        color: #474747;
        line-height: 26px;
    }
    .cl-s-cart .cart-select-del { margin-right: 0; height: 28px; line-height: 26px; }
    .cl-s-cart .cart-table thead tr th:nth-child(2),
    .cl-s-cart .cart-table thead tr th:nth-child(3),
    .cl-s-cart .cart-table thead tr th:nth-child(4) {display: none;}
    .cl-s-cart .cart-table tbody {background-color: #fff; border-top: 1px solid #e2e2e2;}
    .cl-s-cart .cart-table.empty tbody {border-top: 1px solid #e6e6e6;}
    .cl-s-cart .cart-table tbody tr { position: relative; padding: 12px 0px 0px 0px; display: flex; flex-wrap: wrap; margin: 0 15px; border-top: 1px solid #f1f1f1;}
    /*.cl-s-cart .cart-table tbody tr:nth-child(2) {border-top: none;}*/
    .cl-s-cart .cart-table.t-0 tr.cart-title,
    .cl-s-cart .cart-table tfoot {border-top: 1px solid #222;}
    
    .cl-s-cart .cart-table .checkbox-td { padding: 0 !important; order: 1; flex: 0 0 100%; margin-right: 10px; text-align: left !important; line-height: 1;}
    .cl-s-cart .cart-table .cart-product-info { order: 4; flex: 0 0 calc(100% - 100px); overflow: hidden; line-height: 1; margin-top: 28px; }
    .cl-s-cart .cart-table .thumb-td { order: 3; padding: 0; margin-top: 28px; flex: 0 0 90px; margin-right: 10px; }
    .cl-s-cart .cart-table .cart-count-td { order: 5; flex: 0 0 94px; position: absolute; right: 0; top: 90px; min-width: unset; }
    .cl-s-cart .cart-table .price-td { order: 6; flex: 1 1 100%; text-align: right !important; padding-bottom: 20px; }
    .cl-s-cart .cart-table .cart-product-del { order: 2; }
    .cl-s-cart .cart-table .delivery-td { order: 7; flex: 0 0 100%; margin-top: 15px; border-left: 0; text-align: right !important; }
    .cl-s-cart .cart-table .delivery-td { order: 7; flex: 0 0 100%; margin-top: 15px; border-left: 0; text-align: right !important; }

    .cl-s-cart .cart-table[data-mode="download"] .delivery-td,
    .cl-s-cart .cart-table[data-mode="etc"] .delivery-td { display: none; }

    .cl-s-cart .cart-table .delivery-td:after { content : ' '; display: block; height: 15px; background-color: #f9f9f9; margin: 0 -16px 12px -16px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; position: relative; top: 15px;  }
    .cl-s-cart .cart-table .delivery-td .delivery-txt.delivery-txt-pc { display: none; }
    .cl-s-cart .cart-table .delivery-td .delivery-txt.delivery-txt-mobile { display: block; float: left; font-size: 14px; color: #222222; font-weight: bold; }
    .cl-s-cart .cart-table .delivery-td .delivery-pay-type-selector { width: 100%; }
    .cl-s-cart .cart-table .delivery-td .popover { min-width: auto; }
    .cl-s-cart .cart-table[data-mode="normal"]:last-of-type .cart-mobile-tr:last-child .delivery-td:after { height:0px; top: 13px; border-top: none; }

    .cl-s-cart .cart-table .cart-product-info .cart-product-title { position: absolute; top: 12px; left: 25px; font-size: 14px; max-width: 90%; }
    .cl-s-cart .cart-table .cart-product-info .cart-product-title a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; display: inline-block; }
    .cl-s-cart .cart-table .checkbox-td .newcheckbox { margin: 0; min-height: auto; padding: 0; display: inline; }
    .cl-s-cart .cart-table .cart-product-info .btn-cart-product-option-change { font-size: 12px; color: #676767; text-decoration: underline; padding: 0; border: none; min-width: unset; margin-top: 5px; height: 17px; line-height: 1; }
    .cl-s-cart .cart-table .price-td .product-price-txt { float: left; font-size: 15px !important; color: #222222; font-weight: bold; }
    .cl-s-cart .cart-table .price-td .current-delivery-price { margin-top: 5px !important; font-size: 14px; color: #676767; }
    .cl-s-cart .cart-table .price-td .current-delivery-price-txt { font-size: 14px; color: #676767; float: left; }

    .cl-s-cart .cart-table .cart-mobile-tr { display: block; padding: 0; padding-top: 15px;}
    .cl-s-cart .cart-table .cart-mobile-tr td.delivery-td { width: 100%; padding: 0 !important; margin: 0 !important; }
    .cl-s-cart .cart-table .cart-mobile-tr td.delivery-td svg { margin-right: 3px; }
    .cl-s-cart .cart-table .cart-mobile-tr + tr { border-top: none; }
    .cl-s-cart .cart-table .cart-pc-td { display: none; }

    .cl-s-cart .cart-table.empty{border-bottom: none; border-top: none;}
    .cl-s-cart .cart-table tfoot tr > td{padding: 0; margin-left: 0; border-top: none;}
    .cl-s-cart .cart-table tfoot tr > td:nth-child(1),
    .cl-s-cart .cart-table tfoot tr > td:nth-child(2) {width: auto; text-align: center;}
    .cl-s-cart .cart-table tfoot tr > td:nth-child(1) span{display: inline-block; padding-left: 10px;}
    
    .cl-s-cart .cart-table tr:first-child { border-top: none; }

    .cl-s-cart .cart-table.empty tbody tr{padding: 0; margin-left: 0; width: 100%; }
    .cl-s-cart .cart-table.empty tr > td { width: 100%; float: unset; text-align: center; height: auto; font-size: 14px; position: static; border-top: none;}
    .cl-s-cart .cart-table.empty .cl-s-footer{margin: 30px 0 0 0;}
    .cl-s-cart .cart-table.empty .cl-s-footer .cl-s-btn-primary{width: 160px; height: 44px; font-size: 15px; padding: 0; line-height: 44px;}
    .cl-s-cart .cart-product-info > .cart-product-title { margin: 0; }
    .cl-s-cart .cart-box-count { margin-top: 10px; }
    .cl-s-cart .cart-box-count.more-margin { margin-top: 20px; }
    .cl-s-cart .cart-box-count > span { width: 30px; height: 30px; line-height: 30px; }
    .cl-s-cart .cart-box-count > input { width: 32px; height: 30px; line-height: 30px; }
    .cl-s-cart .cart-product-del { position: absolute; top: 15px; right: 0; line-height: 1; }
    .cl-s-cart .cart-product-thumb { width: 90px; height: 90px; }

    .cl-s-cart .cart-bottom { padding: 25px 15px 0 15px;}
    .cl-s-cart .cart-table[data-mode="download"] + .cart-bottom,
    .cl-s-cart .cart-table[data-mode="etc"] + .cart-bottom { border-top: 1px solid #e2e2e2; }
    .cl-s-cart .cart-bottom > li {padding: 5px 0;}
    .cl-s-cart .cart-bottom > li > label { width: 20%; }
    .cl-s-cart .cart-bottom > li > div { width: 80%; }

    .cl-s-cart .cart-table .cart-product-info .culture-benefit-bullet { position: absolute; top: 100px; transform: translateY(50%); }

    #naverpay-buy {text-align: center; padding-bottom: 20px; background-color: #fff;}
    .product-bot #naverpay-buy { width: 100%; }
}


/* Creatorlink Shopping Page::: 결제 CSS ▼ **************************************************************************/ 
.cl-s-payment .cl-s-header { margin-bottom: 32px; }

.cl-s-payment .cl-s-body h3.cl-s-heading { margin-top: 50px; }
.cl-s-payment .cl-s-body h3.cl-s-heading:not(:first-child) { margin-bottom: 27px; }
.cl-s-payment .cl-s-body .cl-s-caption { margin-top: 24px; }

.cl-s-payment .cl-s-body .cl-s-caption.memo-title .checkbox-group { margin-top: -3px; }
.cl-s-payment .cl-s-memo-particular { display: none; }
.cl-s-payment .cl-s-memo-particular + .cl-s-memo-particular { margin-top: 15px; }
.cl-s-payment .cl-s-memo-particular .memo-product-name { color: #676767; font-size: 13px; font-weight: normal; }
.cl-s-payment .cl-s-memo-particular .memo-option-name { color: #b4b4b4; font-size: 13px; font-weight: normal; }
.cl-s-payment .cl-s-memo-particular .cl-s-payment-selector { margin-top: 10px; }

.cl-s-payment .checkbox-group label { 
    font-size: 13px; 
    font-weight: 300; 
    letter-spacing: -0.39px; 
    color: #222222; 
}
.cl-s-payment .checkbox-group > input[type="checkbox"] { 
    margin: 0 4px 0 0;
    line-height: 1;
    vertical-align: middle;
}
.cl-s-payment .samedata-wrap { margin-top: -34px; }

.cl-s-payment .p-l-5 { padding-left: 5px; }
.cl-s-payment .p-r-5 { padding-right: 5px; }
.cl-s-payment .p-l-5 + .no-padding { clear: both; padding:8px 0;}
.cl-s-payment .cl-s-form-group2 textarea.cl-s-form-control { resize: none; }
.cl-s-payment .cl-s-form-group2 textarea.cl-s-form-control[readonly] { 
    height: 125px; 
    cursor: default;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cl-s-payment .cl-s-form-wrap { border-color: #dfdfdf; }
.cl-s-payment .cl-s-form-wrap.empty { border-color: #ee445f; }
.cl-s-payment .cl-s-form-wrap.active { border-color: #4789e7; }

.cl-s-payment .cl-s-payment-selector.empty { border-color: #ee445f; }

.cl-s-payment .pccc-desc { font-size: 12px; color: #b4b4b4; margin-top: 10px; font-weight: 300; }
.cl-s-payment .pccc-desc-link { margin-top: 8px; color: #4789e7; display: inline-block;  }

.cl-s-payment .cl-s-payment-selector { 
    position:relative;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    background-color: #ffffff;
}
.cl-s-payment .cl-s-payment-selector > .select-box {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 19px;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > input {
    background-color: transparent;
    border: none;
    width: 90%;
    line-height: 1;
}
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > input::-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > input:-webkit-input-placeholder { color: #b4b4b4; }
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > input::-moz-placeholder { color: #b4b4b4; }
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > input:-moz-placeholder { color: #b4b4b4; }
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > input:-ms-input-placeholder { color: #b4b4b4; }
.cl-s-payment .cl-s-payment-selector > .select-box > .selected-option > svg {
    position: absolute;
    top: 50%;
    right: 18px;
    fill: #222228;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cl-s-payment .cl-s-payment-selector > .option-box {
    display: none;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    position: absolute;
    left: 0px; top: 49px;
    width: calc(100% + 2px);
    height: auto;
    max-height: 240px;
    margin-left: -1px;
    overflow: auto;
    z-index: 11;
}
.cl-s-payment .cl-s-payment-selector > .option-box > div {
    color: #222228;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 5px 18px;
    width: 100%;
    height: auto;
    cursor: pointer;
    overflow: hidden;
    z-index: inherit;
}
.cl-s-payment .cl-s-payment-selector > .option-box > div:hover { 
    border-color: #d6d7d8;
    background-color: #f7f7f7;
}
.cl-s-payment .cl-s-payment-selector.error > label.error {
    position: absolute;
    top: 0;
    float: none;
    margin-top: 0;
    left: 19px;
}
.cl-s-payment .cl-s-payment-selector.error .select-box > .selected-option { padding-top: 21px; line-height: 1; }
.cl-s-payment .cl-s-payment-selector.error .select-box > .selected-option { padding-top: 21px; line-height: 1; }


.cl-s-payment .cl-s-payment-selector2 { position: relative; }
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select > .dropdown-toggle { padding: 13px 19px; }
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .dropdown-toggle .bs-caret { display: none; }
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .btn.btn-default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .btn.btn-default,
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .btn.btn-default:hover,
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .btn.btn-default:active,
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .btn.btn-default.active {
    border-color: #dfdfdf;
    background-color: #ffffff;
    color: #222228;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none!important;
}
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select > .dropdown-menu {
    padding: 0;
    margin: 0;
    height: auto;
    max-height: 240px;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: auto !important;
}

.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select > .dropdown-menu > .inner {
    min-height: auto !important;
}
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .dropdown-menu > li > a {
    color: #222228;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 5px 18px;
    width: 100%;
    height:auto;
    cursor: pointer;
    overflow: hidden;

} 
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .dropdown-menu > .active > a,
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .dropdown-menu > .active > a:hover, 
.cl-s-payment .cl-s-payment-selector2 > .bootstrap-select .dropdown-menu > .active > a:focus {
    border-color: #d6d7d8;
    background-color: #f7f7f7;
}
.cl-s-payment .cl-s-payment-selector2 > svg { 
    position: absolute;
    top: 50%;
    right: 18px;
    fill: #222228;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cl-s-payment .cl-s-payment-pay > li { display: none; }
.cl-s-payment .cl-s-payment-pay > li + li { margin-top: 8px; }
.cl-s-payment .cl-s-payment-pay > li > .cl-s-payment-selector2 { margin-bottom: 8px; }

.cl-s-payment .product-table {
    margin-top: 27px;
    letter-spacing: -0.39px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
}
.cl-s-payment .product-table > .pitem {
    padding: 20px;
}
.cl-s-payment .product-table > .line {
    position: relative;
    display: block;
    width: auto;
    margin: 0 20px;
    border-top: 1px solid #d5d5d5;
}
.cl-s-payment .product-table > .pitem > .thumb,
.cl-s-payment .product-table > .pitem > .info {
    display: inline-block;
    float: left;
    line-height: 1.2;
    vertical-align: text-top;
}
.cl-s-payment .product-table > .pitem > .thumb { width: 23%; }
.cl-s-payment .product-table > .pitem > .info { width: 77%; }
.cl-s-payment .product-table > .pitem > .thumb > img { width: 60px; margin: 0 auto 0 0; }
.cl-s-payment .product-table > .pitem > .info > span { display: block; color: #676767 }
.cl-s-payment .product-table > .pitem > .info > span:first-child { margin-bottom: 6px; }
.cl-s-payment .product-table > .pitem > .info > .option,
.cl-s-payment .product-table > .pitem > .info > .etc-date { color: #b4b4b4; line-height: 1.3; }
.cl-s-payment .product-table > .pitem > .price { clear: both; text-align: right; color: #676767; }
.cl-s-payment .product-table > .pitem > .price > span + span { margin-left: 32px; }

.cl-s-payment .total-price {
    margin-top: 20px;
    color: #222222;
    background-color: #ffffff;
    border: 2px solid #3c4450;
    padding: 23px 31px 18px;
    vertical-align: middle;
    line-height: 1.2;
}
.cl-s-payment .total-price > div + div:not(:empty) {
    margin-top: 14px;
}

.cl-s-payment .total-price > div > label {
    float: left;
    width: 35%;
    display: inline-block;
    clear: left;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.42px;
    line-height: 1.5;
    margin-bottom: 0;
}
.cl-s-payment .total-price > div > span {
    float: left;
    width: 65%;
    display: inline-block;
    font-size: 18px;
    letter-spacing: -0.54px;
    text-align: right;
}

.cl-s-payment .total-price > div#coupon-check > span + label + span { margin-top : 10px; }
.cl-s-payment .total-price > div#coupon-check > span span { font-size: 14px; color: #4789e7; font-weight: 300; vertical-align: top; line-height: 20px; margin-right: 10px; }

.cl-s-payment .total-price > .line {
    width: auto;
    margin: 16px 0px 17px;
    border-top: 1px solid #d5d5d5;
}
.cl-s-payment .total-price > .total-price-sum > span { 
    font-size: 22px; 
    letter-spacing: -0.66px; 
    color: #ee445f; 
}
.cl-s-payment .total-price > .total-price-point > span.pre-point { color: #676767; }
.cl-s-payment .total-price > .total-price-point > .price-point-wrap { 
    width: 35%; 
    float: left; 
    display: inline-block;
    clear: left;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.42px;
    line-height: 1.5;
    margin-bottom: 0;
}

.cl-s-payment .total-price > .total-price-point > .price-point-wrap > .point-title { font-weight: normal; }

.cl-s-payment .total-price .price-point-wrap .point-ul .point-li .p-text { color: #b4b4b4; } 


.cl-s-payment .total-price-point svg.cm-popover-info.hand.p-popover { transform: translateY(2px); fill: #b4b4b4; }
.cl-s-payment .total-price .point-ul .point-li {  position: relative; padding-left:10px; }
.cl-s-payment .total-price .point-ul .point-li:nth-child(1) .p-text { display: block; }
.cl-s-payment .total-price .point-ul .point-li:before {
    position: absolute;
    content: '·';
    top: 0px; left: 0px;
}

.delivery-info .popover-content .point-padding { margin: 0px 0px 0px; }
.delivery-info .popover-content { max-width: 240px; }

.cl-s-payment .payment-btn-group > .btn {
    margin-top: 30px;
    padding: 18px 15px 17px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}
.cl-s-payment .payment-btn-group > .btn.payment-btn,
.cl-s-payment .payment-btn-group > .btn.payment-btn:hover
.cl-s-payment .payment-btn-group > .btn.payment-btn:focus,
.cl-s-payment .payment-btn-group > .btn.payment-btn:active {
    background-color: #3c4450;
    color: #fff;
}

/** 결제 페이지 쿠폰 **/
.payment-coupon-modal .order-list { width: 500px; margin: 0 auto; }
.payment-coupon-modal .order-list .list-group { border: 1px solid #dbdcdf; margin-bottom: 0; border-radius: 3px; }
.payment-coupon-modal .order-list .list-group:empty { display: none; }
.payment-coupon-modal .order-list .list-group .item:first-child .item-head { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.payment-coupon-modal .order-list .list-group + .list-group { margin-top: 30px; }
.payment-coupon-modal .item { display: flex; flex-direction: column; flex-wrap: wrap; }
.payment-coupon-modal .item.delivery-item {  border-top: none !important; }
.payment-coupon-modal .item.only-delivery:first-child + .item.delivery-item .item-head { border-top : none; padding-top: 10px; }
.payment-coupon-modal .item.only-delivery:not(.single, :last-child) { display: none; }
.payment-coupon-modal .item.only-delivery + .item:not(.only-delivery, .delivery-item) > .item-head { border-top: none; }
.payment-coupon-modal .item:last-child { padding-bottom: 0;}
.payment-coupon-modal .item + .item .item-head { border-top: 1px solid #dbdcdf; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.payment-coupon-modal .item .item-head { background-color: #f3f4f5; padding: 10px 20px; font-size: 14px; color: #222428; font-weight: 500; display: flex; justify-content: space-between; }
.payment-coupon-modal .item .item-head .product-name { max-width: 350px; text-align: left; word-break: break-word;}
.payment-coupon-modal .item.delivery-item .item-head { background-color: #fff; margin: 10px 20px 0px; padding: 30px 0px 0px; border-top: 1px solid #dbdcdf; color: #696c71; }
.payment-coupon-modal .item .item-body { padding: 20px; display: flex; flex-direction: column; }
.payment-coupon-modal .item .item-body .selected-coupon { display: flex; justify-content: space-between; margin-top: 10px; }
.payment-coupon-modal .item .item-body .common-selectbox { max-width: 300px; }
.payment-coupon-modal .item.delivery-item .item-body { padding: 10px 20px 20px; }
.payment-coupon-modal .item .total-line { display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px; line-height: 26px; }
.payment-coupon-modal .item .total-line .discount-price { color: #ee445f; font-size: 18px; }
.payment-coupon-modal .item .selected-coupon .coupon-name { padding: 10px 20px; background-color: #f3f4f5; border-radius: 3px; line-height: 20px; text-align: center; position: relative; text-align: left; font-size: 13px; max-width: 300px; flex: 1 1; font-weight: 300; word-wrap: anywhere; }
.payment-coupon-modal .item .selected-coupon .coupon-name > div { max-width : calc(100% - 10px); }
.payment-coupon-modal .item .selected-coupon .coupon-name svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.payment-coupon-modal .item .selected-coupon .discount-price { line-height: 40px; }
.payment-coupon-modal .modal-body { max-width: 500px !important; }
.payment-coupon-modal .modal-footer { max-width: 240px !important; } 
.payment-coupon-modal .bootstrap-select { max-width: unset !important; height: 40px !important; }
.payment-coupon-modal .bootstrap-select > button { 
    height: 40px; 
    max-width: 300px; 
    padding: 11px 12px 10px 20px; 
    border-radius: 3px; 
    border: 1px solid #dbdcdf; 
    background-color: #ffffff; 
    color: #696c71;
    font-weight: 300;
    font-size: 14px;
}

.payment-coupon-modal .bootstrap-select > button:focus { outline: none !important; }
.payment-coupon-modal .bootstrap-select > button ~ ul { border: 1px solid #dbdcdf !important; border-radius: 4px; box-shadow: 0 6px 15px 0 rgba(0,0,0,.17) !important; margin-top: 2px; padding-top: 5px; scrollbar-width: thin; overflow-y: auto; max-height: 334px !important; }
.payment-coupon-modal .bootstrap-select > button ~ ul::-webkit-scrollbar { width: 10px; }
.payment-coupon-modal .bootstrap-select > button ~ ul::-webkit-scrollbar-thumb { background-color: #d1d3d5; }
.payment-coupon-modal .bootstrap-select > button ~ ul::-webkit-scrollbar-track { background-color: #f3f4f5; }
.payment-coupon-modal .bootstrap-select > button ~ ul li { min-height: 20px; padding: 10px 20px; font-size: 11px; color: #9ca3a9; font-weight: 300; cursor:pointer;  }
.payment-coupon-modal .bootstrap-select > button ~ ul li:hover { background-color: #f1f6fc; }
.payment-coupon-modal .bootstrap-select > button ~ ul li.disabled { background-color: #f3f4f5;}
.payment-coupon-modal .bootstrap-select > button ~ ul li + li { border-top: 1px solid #dbdcdf; }
.payment-coupon-modal .bootstrap-select > button ~ ul li .coupon-name { font-size: 14px; color: #696c71; line-height: 20px; }
.payment-coupon-modal .bootstrap-select > button ~ ul li .coupon-name + div { margin-top: 9px; }

.payment-coupon-item-box { padding: 15px 40px; color: #696c71; background-color: #dbdcdf; font-size: 14px; font-weight: 300; border-radius: 3px; margin-top: 10px; text-align: center; position: relative; }
.payment-coupon-item-box svg { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; cursor: pointer; }

/** 결제 페이지 쿠폰 **/
.paymentValid_ing {color: #fff; font-size:14px;}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .cl-s-payment .cl-s-section { padding: 0 120px; }
}
@media only screen and (min-width: 992px) {
    .cl-s-payment .cl-s-body { width: 812px; margin: 0 auto; }
    .cl-s-payment .cl-s-section.left { padding-right: 40px; }
    .cl-s-payment .cl-s-section.right { padding-left: 40px; }
}


@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .cl-s-payment .product-table > .pitem { padding: 15px; }
    .cl-s-payment .product-table > .pitem > .thumb { width: 70px; }
    .cl-s-payment .product-table > .pitem > .thumb > img { margin-right: 10px; }
    .cl-s-payment .product-table > .pitem > .info { width: calc(100% - 75px); }
    .cl-s-payment .total-price { padding: 15px 13px 13px; }

    .payment-coupon-modal .order-list { max-width: 320px; }
    .payment-coupon-modal .bootstrap-select > button { max-width: 200px; }
    .payment-coupon-modal .bootstrap-select > button + ul li { padding: 11px 14px; }
    .payment-coupon-modal .bootstrap-select > button + ul li .coupon-name { font-size: 13px; }
    .payment-coupon-modal .item .item-head { padding: 10px 15px; }
    .payment-coupon-modal .item .item-head .product-name { max-width: 200px; }
    .payment-coupon-modal .item .item-body { padding: 20px 15px; }
    .payment-coupon-modal .item .item-body .common-selectbox { max-width: 200px; }
    .payment-coupon-modal .item .selected-coupon .coupon-name { max-width: 200px; }
}


/* Creatorlink Shopping Page::: 결제진행 CSS ▼ **********************************************************************/ 
.cl-s-payment-loading {
    background-color: #fff;
    z-index: 15;
    position: fixed;
}
.cl-s-payment-loading p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 25pt;
}
.cl-s-page.cl-s-payment-loading.mode-shopping {
    position: relative;
}


@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
}

/* Creatorlink Shopping Page::: 결제완료/대기 CSS ▼ ******************************************************************/ 
.cl-s-payment-fin {
    text-align: center;
}
.cl-s-payment-fin .cl-s-header > p.cl-s-description {
    font-size: 20px;
    color: #999999;
}
.cl-s-payment-fin .cl-s-body > .cl-s-card {
    margin: 0 auto;
    padding: 30px 15px 34px;
    font-size: 20px;
    letter-spacing: -0.6px;
    line-height: 2;
    color: #222222;
    background-color: #ffffff;
    display: inline-block;
    width: 100%;
}
.cl-s-payment-fin .cl-s-body > .cl-s-card > p {
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 1.4;
    color: #999999;
    margin-top: 20px;
    margin-bottom: 0;
}
.cl-s-payment-fin .cl-s-body > .cl-s-card > p.cl-s-point { color: #4789e7; }
.delivery-info svg { fill: #999999; }

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .cl-s-payment-fin .cl-s-header > p.cl-s-description { font-size: 18px; }
    .cl-s-payment-fin .cl-s-body > .cl-s-card { padding: 20px 8px 27.2px; font-size: 17px; }
    .cl-s-payment-fin .cl-s-body > .cl-s-card > p { font-size: 13px; margin-top: 15px; }
}

/********************************************************************************************************************/
/********************************************************************************************************************/






/* Creatorlink Shopping Page::: Common CSS ▼ ************************************************************************/ 


@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
/********************************************************************************************************************/
/********************************************************************************************************************/





/* Creatorlink Shopping Page::: Common CSS ▼ ************************************************************************/ 


@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
/********************************************************************************************************************/
/********************************************************************************************************************/






/*****************************************************************************************************************************************hyeran_20191104*/
/********************************************************************************************************************/
/* Creatorlink Shopping Modal::: Common CSS ▼ ***********************************************************************/
/*body.cl-s-modal-show::-webkit-scrollbar { display: none; }*/ /*스크롤 가능..*/
body.cl-s-modal-show { overflow: hidden; }

.cl-s-modal { 
    font-family: 'Noto Sans KR';
    letter-spacing: -0.42px;
    color: #676767;
}
.cl-s-modal:not(.cl-s-modal-backdrop) { padding: 38px 30px; } 
.cl-s-modal .cl-s-modal-close { text-align: right; line-height: 1; }
.cl-s-modal .cl-s-modal-close > span { color: #898989; display: inline-block; cursor: pointer; }
.cl-s-modal .cl-s-modal-close > span > svg { width: 16px; height: 16px; }
.cl-s-modal h1.cl-s-title { 
    margin-top: 15px; 
    margin-bottom: 50px; 
    font-size: 24px;
    letter-spacing: -0.72px;
    line-height: 1.4;
    text-align: center;
    color: #222222;
}
.cl-s-modal .cl-s-modal-footer {
    margin-top: 60px;
    margin-bottom: 50px;
    text-align: center;
}
.cl-s-modal .cl-s-modal-footer > .cl-s-btn {
    padding: 24px 15px 22px;
    font-size: 14px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cl-s-modal .cl-s-modal-footer > .cl-s-btn-12 {
    min-width: 300px;
    max-width: 100%;
}
.cl-s-modal .cl-s-modal-footer > .cl-s-btn-primary,
.cl-s-modal .cl-s-modal-footer > .cl-s-btn-primary:focus,
.cl-s-modal .cl-s-modal-footer > .cl-s-btn-primary:active,
.cl-s-modal .cl-s-modal-footer > .cl-s-btn-primary:hover {
    color: #fff;
    border: 1px solid #3c4450;
    background-color: #3c4450;
}


.cl-s-modal.cl-s-modal-backdrop {
    display: none;
    overflow: auto;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0; 
    width: 100%; height: 100%;
    z-index: 1201;
    background-color: rgba(238, 239, 243, 0.9);
}
.cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container {
    position: relative;
    background-color: #fff;
    width: 700px;
    height: auto;
    max-width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 20px 36px;
    z-index: 1300;
}
.cl-s-modal.cl-s-modal-backdrop.w620 > .cl-s-modal-container { width: 620px; min-height: unset; }
.cl-s-modal.cl-s-modal-backdrop h1.cl-s-title { margin-top: 34px; }



.cl-modal .cl-s-btn-group-toggle { width: 100%; margin-bottom: 40px; }
.cl-modal .cl-s-btn-group-toggle > label.btn {
    color: #b5b5b5;
    border: 1px solid #eaeaea;
    width: 50%;
    font-size: 14px;
    letter-spacing: -0.42px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 1.3;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 15px;
}
.cl-modal .cl-s-btn-group-toggle > label.btn.active,
.cl-modal .cl-s-btn-group-toggle > label.btn.active:hover {
    color: #4789e7;
    border-color: #4789e7;
}
.cl-modal .cl-s-btn-group-toggle > label.btn + label.btn {
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.cl-modal .cl-s-btn-group-toggle > label.btn.active + label.btn:hover { border-left-color: transparent; }

.cl-modal .cl-s-form-selector { position: relative; margin-bottom: 10px; }
.cl-modal .cl-s-form-selector > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
.cl-modal .cl-s-form-selector > .bootstrap-select > .dropdown-toggle { padding: 13px 19px; }
.cl-modal .cl-s-form-selector > .bootstrap-select .dropdown-toggle .bs-caret { display: none; }
.cl-modal .cl-s-form-selector > .bootstrap-select .btn.btn-default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    width: 100%;
    min-width: unset;
    font-size: 14px;
    line-height: 1.3;
}
.cl-modal .cl-s-form-selector.empty > .bootstrap-select .btn.btn-default,
.cl-modal .cl-s-form-selector.empty > .bootstrap-select .btn.btn-default:hover { border-color: #ee445f; }
.cl-modal .cl-s-form-selector > .bootstrap-select .btn.btn-default,
.cl-modal .cl-s-form-selector > .bootstrap-select .btn.btn-default:hover,
.cl-modal .cl-s-form-selector > .bootstrap-select .btn.btn-default:active,
.cl-modal .cl-s-form-selector > .bootstrap-select .btn.btn-default.active {
    border-color: #eaeaea;
    background-color: #ffffff!important;
    color: #676767;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: none!important;
}
.cl-modal .cl-s-form-selector.active > .bootstrap-select .btn.btn-default,
.cl-modal .cl-s-form-selector.active > .bootstrap-select .btn.btn-default:hover { border-color: #4789e7; }
.cl-modal .cl-s-form-selector.error > .bootstrap-select .btn.btn-default,
.cl-modal .cl-s-form-selector.error > .bootstrap-select .btn.btn-default:hover { border-color: #ee445f; }
.cl-modal .cl-s-form-selector > .bootstrap-select > .dropdown-menu {
    padding: 0;
    margin: 0;
    height: auto;
    max-height: 240px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
}
.cl-modal .cl-s-form-selector.empty > .bootstrap-select > .dropdown-menu.open { border-color: #ee445f; }
.cl-modal .cl-s-form-selector.active > .bootstrap-select > .dropdown-menu.open { border-color: #4789e7; }
.cl-modal .cl-s-form-selector.error > .bootstrap-select > .dropdown-menu.open { border-color: #ee445f; }
.cl-modal .cl-s-form-selector > .bootstrap-select .dropdown-menu > li > a {
    color: #676767;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 5px 18px;
    width: 100%;
    height:auto;
    cursor: pointer;
    overflow: hidden;

} 
.cl-modal .cl-s-form-selector > .bootstrap-select .dropdown-menu > .active > a,
.cl-modal .cl-s-form-selector > .bootstrap-select .dropdown-menu > .active > a:hover, 
.cl-modal .cl-s-form-selector > .bootstrap-select .dropdown-menu > .active > a:focus {
    border-color: #d6d7d8;
    background-color: #f7f7f7;
}
.cl-modal .cl-s-form-selector > svg { 
    position: absolute;
    top: 50%;
    right: 18px;
    fill: #676767;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


.cl-modal .cl-s-form-group.input-label-hide { padding: 0 0 0 20px; }
.cl-modal .cl-s-form-group.input-label-hide textarea { 
    height: 104px; 
    padding: 15px 11px 0 0;
    -ms-scrollbar-width: 8px;
    -ms-scrollbar-face-color: #d3d3d3;
    -ms-scrollbar-track-color: #f4f4f4;
    -ms-scrollbar-highlight-color: #d3d3d3;
    -ms-scrollbar-shadow-color: #d3d3d3;
    scrollbar-width: 8px;
    scrollbar-face-color: #d3d3d3;
    scrollbar-track-color: #f4f4f4;
    scrollbar-highlight-color: #d3d3d3;
    scrollbar-shadow-color: #d3d3d3;
}
.cl-modal .cl-s-form-wrap.error .cl-s-form-group.input-label-hide textarea { padding-top: 22px; }
.cl-modal .cl-s-form-group.input-label-hide textarea::-webkit-scrollbar { width: 8px; }
.cl-modal .cl-s-form-group.input-label-hide textarea::-webkit-scrollbar-track-piece { background-color: #f4f4f4; }
.cl-modal .cl-s-form-group.input-label-hide textarea::-webkit-scrollbar-thumb { 
    cursor: pointer; 
    border-radius: 8px; 
    background-color: #d3d3d3; 
}
.cl-modal .cl-s-form-group.input-label-hide textarea::-webkit-scrollbar-button:start { display: none; }
.cl-modal .cl-s-form-group.input-label-hide textarea::-webkit-scrollbar-button:end { display: none; }
.cl-modal .cl-s-form-group.input-label-hide textarea:valid ~ .cl-s-control-label,
.cl-modal .cl-s-form-group.input-label-hide textarea:focus ~ .cl-s-control-label { color: transparent; }



.cl-modal .cl-s-product-jumbotron {
    text-align: left;
    padding-bottom: 20px;
}
.cl-modal .cl-s-product-jumbotron h5 { margin-top: 0; margin-bottom: 10px; line-height: 1.3; }
.cl-modal .cl-s-product-jumbotron .option-str { 
    color: #b4b4b4; 
    font-size: 13px; 
    line-height: 1.3; 
    margin-bottom: 0; 
    word-break: normal;
}
.cl-modal .cl-s-product-jumbotron .option-str > span { 
    position: relative;
    display: inline;
}
.cl-modal .cl-s-product-jumbotron .option-str > span + span:before {
    content: ' ';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 8px -2px;
    background-color: #b4b4b4;
}
.cl-modal .cl-s-product-jumbotron .option-str .option-name { display: block; }
.cl-modal .cl-s-product-jumbotron .option-str .option-name + .etc-date:before { display: none; }
.cl-modal .cl-s-product-jumbotron .cl-s-product-thumb {
    position: relative;
    display: inline-block;
    float: left;
    width: 60px; 
    height: 60px;
    overflow: hidden;
}
.cl-modal .cl-s-product-jumbotron .cl-s-product-thumb > img.horizontal,
.cl-modal .cl-s-product-jumbotron .cl-s-product-thumb > img.vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cl-modal .cl-s-product-jumbotron .cl-s-product-thumb > img.horizontal {
    height: 100%;
    width: auto;
}
.cl-modal .cl-s-product-jumbotron .cl-s-product-thumb > img.vertical {
    height: auto;
    width: 100%;
}
.cl-modal .cl-s-product-jumbotron .cl-s-product-info {
    display: block;
    margin-left: 60px;
    padding-left: 15px;
    width: auto;
}

.cl-modal .cl-s-product-jumbotron .cl-s-product-info .cl-s-product-option {
    color: #b4b4b4;
}

.cl-modal .cl-s-files { 
    position: relative;
    margin-top: 10px; 
    text-align: center; 
}
.cl-modal .cl-s-files > input[type="file"] { display: none; }
.cl-modal .cl-s-files > label { 
    display: block;
    height: 40px;
    margin: 0 auto;
    border-radius: 3px;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    color: #676767;
    cursor: pointer;
}
.cl-modal .cl-s-files > label > * { float: left; }
.cl-modal .cl-s-files > label > svg { fill: #676767; }
.cl-modal .cl-s-files > label > span { 
    margin-left: 6px;
    font-size: 14px;
    line-height: 20px; 
    vertical-align: middle; 
    font-weight: normal;
    /*color: #676767;*/
}
.cl-modal .cl-s-files > .cl-s-files-list { display : -webkit-flex; display: flex; width: 100%; margin-bottom: 10px; overflow: hidden;}
.cl-modal .cl-s-files > .cl-s-files-list > li {display: inline-block; position: relative; width: 76px; margin: 20px 10px 0 0;}
.cl-modal .cl-s-files > .cl-s-files-list > li:last-child{margin-right: 0;}
.cl-modal .cl-s-files > .cl-s-files-list > li > .cl-s-files-img-close {position: absolute; top: 0; right: 0;  width: 24px; height: 24px; background-color: rgba(0,0,0,0.5); cursor: pointer;}
.cl-modal .cl-s-files > .cl-s-files-list > li > .cl-s-files-img-close > svg { 
    fill: #ffffff; 
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cl-modal .cl-s-files > label.review-file-update {display: -webkit-flex; display: -ms-flexbox; display: flex; border: solid 1px #8f9092;}
.cl-modal .cl-s-files > label.review-file-update > * {float: none;}

@media only screen and (min-width: 768px) {
    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container .cl-s-modal-close > .cl-s-modal-close-str { display: none; }
}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 767px) {
    .cl-s-modal:not(.cl-s-modal-backdrop) { padding: 30px; }
    .cl-s-modal h1.cl-s-title { margin-top: 7px; margin-bottom: 25px; }
    .cl-s-modal .cl-s-modal-footer { margin-top: 30px; margin-bottom: 25px; }
    .cl-s-modal .cl-s-modal-footer > .cl-s-btn { padding: 15px 15px 16px; }
    .cl-s-modal .cl-s-modal-footer > .cl-s-btn-12 { min-width: 50%; }

    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container { padding: 20px 15px 84px; background-color: #f9f9f9; }
    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container .cl-s-modal-close {
        position: fixed;
        bottom: 0; left: 0;
        width: 50%;
        display: inline-block;
        font-size: 14pt;
        font-weight: lighter;
        line-height: 64px;
        letter-spacing: -1.44px;
        text-align: center;
        border: none;
        background-color: #ffffff;
        cursor: pointer;
        z-index: 1301;
    }
    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container .cl-s-modal-close > span:not(.cl-s-modal-close-str) { display: none; }
    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container .cl-s-modal-close > .cl-s-modal-close-str { color: #3c4451; display: inline-block; }
    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container .cl-s-modal-footer {
        position: fixed;
        bottom: 0; right: 0;
        width: 50%;
        display: inline-block;
        margin: 0;
    }
    .cl-s-modal.cl-s-modal-backdrop > .cl-s-modal-container .cl-s-modal-footer > .cl-s-btn.cl-s-btn-12 {
        width: 100%;
        font-size: 14pt;
        font-weight: lighter;
        line-height: 64px;
        letter-spacing: -1.44px;
        border: none;
        background-color: #3c4451;
        color: #ffffff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 0;
        z-index: 1301;
    }
    .cl-s-modal.cl-s-modal-backdrop h1.cl-s-title { margin-top: 15px; }
    .cl-modal .cl-s-product-jumbotron h5 { margin-bottom: 5px; }
    /*.cl-modal .cl-s-files > label{float: left;}*/
    .cl-modal .cl-s-files > .cl-s-files-list > li {width: 62px; margin: 15px 5px 0 0;}
}


/* Creatorlink Shopping Modal::: Product QnA View CSS ▼ **************************************************************/ 

/*.cl-modal.cl-s-product-pw .cl-s-form-group:not(.error) { padding: 14px 20px 14px 20px; }
.cl-modal.cl-s-product-pw .cl-s-form-group input:valid ~ .cl-s-control-label:not(.error),
.cl-modal.cl-s-product-pw .cl-s-form-group input:focus ~ .cl-s-control-label:not(.error) { color: transparent; }*/
.cl-modal.cl-s-product-pw .cl-s-form-group.error input:valid ~ .cl-s-control-label:not(.error),
.cl-modal.cl-s-product-pw .cl-s-form-group:not(.error) input:valid ~ .cl-s-control-label.error { display: none; }

.cl-modal.cl-s-product-qna-view .qna-body { text-align: left; padding-bottom: 20px;}
.cl-modal.cl-s-product-qna-view h5.product-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 14px;
}

.cl-modal.cl-s-product-qna-view ul.qna-info { font-size: 14px; display: block; }
.cl-modal.cl-s-product-qna-view ul.qna-info > li { display: inline-block; float: left; }
.cl-modal.cl-s-product-qna-view ul.qna-info > li + li { margin-left: 15px; }
.cl-modal.cl-s-product-qna-view ul.qna-info > .qna-date { color: #b4b4b4; }
.cl-modal.cl-s-product-qna-view ul.qna-info .ico-naverpay { vertical-align: middle; margin-top: 0; margin-right: 5px; }

.cl-modal.cl-s-product-qna-view .qna-caption > div > label { 
    padding: 4px 6px;
    margin-bottom: 0;
    display: inline-block; 
    font-size: 12px;
    font-weight: normal; 
    letter-spacing: -0.36px;
    line-height: 1;
    color: #ffffff;
    background-color: #898989; 
}
.cl-modal.cl-s-product-qna-view .qna-caption > div > label.primary { background-color: #4789e7; }
.cl-modal.cl-s-product-qna-view .qna-caption > div > p { 
    display: inline;
    padding-left: 8px;
    margin-bottom: 0;
    vertical-align: text-bottom;
 }
.cl-modal.cl-s-product-qna-view .qna-caption > ul { margin-top: 5px; display: inline-block; }
.cl-modal.cl-s-product-qna-view .qna-caption > ul.qna-btn-wrap { float: right; }
.cl-modal.cl-s-product-qna-view .qna-caption > ul.qna-btn-wrap > li { display: inline-block; float: left; }
.cl-modal.cl-s-product-qna-view .qna-caption > ul.qna-btn-wrap > li > span {display: inline-block; cursor: pointer; text-align: center; width: 44px; height: 24px; line-height: 20px; background: #fff; border: 1px solid #eaeaea; color: #676767; font-size: 12px; }
.cl-modal.cl-s-product-qna-view .qna-caption > ul.qna-btn-wrap > li + li { margin-left: 10px; }

.cl-modal.cl-s-product-qna-view .qna-question,
.cl-modal.cl-s-product-qna-view .qna-answer { position: relative; padding: 25px 8px 15px 30px; }
.cl-modal.cl-s-product-qna-view .qna-question > span.qna-q,
.cl-modal.cl-s-product-qna-view .qna-answer > span.qna-a { 
    position: absolute; 
    top: 25px; left: 0;
    width: 30px;
    font-size: 15px;
    font-family: 'Arial';
    font-weight: bold;
    display: inline-block;
}

/*.cl-modal.cl-s-product-qna-view .qna-question > p,
.cl-modal.cl-s-product-qna-view .qna-answer > p {
    line-height: 1.54;
    letter-spacing: -0.39px;
}*/
/*.cl-modal.cl-s-product-qna-view .qna-question pre,
.cl-modal.cl-s-product-qna-view .qna-answer pre {
    background-color: transparent;
    border: none;
    padding: 0;
    color: inherit;
    line-height: 1.54;
    letter-spacing: -0.39px;
}*/

.cl-modal.cl-s-product-qna-view .qna-question { margin-top: 25px; border-top: 1px solid #eaeaea; }
.cl-modal.cl-s-product-qna-view .qna-question > ul.qna-thumb-list { margin-top: 20px; }
.cl-modal.cl-s-product-qna-view .qna-question > ul.qna-thumb-list > li {
    display: inline-block;
    float: left;
    width: 30px; height: 30px;
}
.cl-modal.cl-s-product-qna-view .qna-question > ul.qna-thumb-list > li > .qna-img-close { display: none; }
.cl-modal.cl-s-product-qna-view .qna-question > ul.qna-thumb-list:empty { margin-top: 0; height: 0; }
.cl-modal.cl-s-product-qna-view .qna-question > ul.qna-thumb-list > li + li { margin-left: 10px; }
.cl-modal.cl-s-product-qna-view .qna-question > ul.qna-thumb-list > li > img { cursor: pointer; }
.cl-modal.cl-s-product-qna-view .qna-answer{display: none;}
.cl-modal.cl-s-product-qna-view .qna-answer.primary {display: block;}
.cl-modal.cl-s-product-qna-view .qna-answer > span.qna-a,
.cl-modal.cl-s-product-qna-view .qna-answer > ul.qna-info { margin-bottom: 15px; }
.cl-modal.cl-s-product-qna-view .qna-answer > p { color: #b4b4b4; }
.cl-modal.cl-s-product-qna-view .qna-answer.primary > span.qna-a,
.cl-modal.cl-s-product-qna-view .qna-answer.primary > p { color: #676767; }
.cl-modal.cl-s-product-qna-view .qna-answer .qna-answer-content{margin-bottom: 20px;}
.cl-modal.cl-s-product-qna-view .qna-answer .qna-info .qna-name{font-weight: bold; color: #222}
.cl-modal.cl-s-product-qna-view .qna-answer-info{margin-bottom: 10px; font-weight: bold; color: #222; font-size: 14px;}
.modal-default .modal-dialog.cl-modal.cl-s-product-qna-view .modal-footer .btn-default.close-button-dialog{display: block; width: 100%; max-width: 300px; height: 50px; margin: 0 auto; padding: 0; line-height: 50px; color: #676767 !important;}

.cl-modal.cl-s-product-qna-edit .modal-body { margin-bottom: 60px; }
.cl-modal.cl-s-product-qna-edit h5.product-title { margin-top: 0; margin-bottom: 30px; font-size: 14px; font-weight: normal; text-align: left;}
.cl-modal.cl-s-product-qna-edit .qna-writer {
    display: block;
    width: auto;
    margin-left: -5px; 
    margin-right: -5px;
}
.cl-modal.cl-s-product-qna-edit .qna-body .cl-s-form-wrap {margin-top: 10px;}
.cl-modal.cl-s-product-qna-edit .qna-writer > li { display: inline-block; float: left; }
.cl-modal.cl-s-product-qna-edit .qna-writer > li:nth-child(1),
.cl-modal.cl-s-product-qna-edit .qna-writer > li:nth-child(2) { width: 50%; }
.cl-modal.cl-s-product-qna-edit .qna-writer > li:nth-child(3) { width: 100%; clear: both; }
.cl-modal.cl-s-product-qna-edit .qna-writer > li { padding-left: 5px; padding-right: 5px; }

.cl-s-order-cancel .modal-body { padding: 0 80px !important; }
.cl-s-order-cancel .qna-writer > li { display: inline-block; float: left; }
.cl-s-order-cancel .qna-writer > li:nth-child(1),
.cl-s-order-cancel .qna-writer > li:nth-child(2) { width: 50%; }
.cl-s-order-cancel .qna-writer > li:nth-child(1) {padding-right:5px;}
.cl-s-order-cancel .qna-writer > li:nth-child(2) {padding-left:5px;}
.cl-s-order-cancel .qna-writer > li:nth-child(3) { width: 100%; clear: both; padding-top: 10px;}
.cl-s-order-cancel .newcheckbox {float: left;margin-right: 31px;}
.cl-s-order-cancel .product-table { margin-bottom: 0; }
.cl-s-order-cancel .product-table td { padding: 20px 15px; border-top: 1px solid #f2f2f2; }
.cl-s-order-cancel .product-table .price { color: #222222; font-size: 14px; font-weight: normal; margin-top: 5px; }
.cl-s-order-cancel .product-table .price span { font-weight: bold; }
.cl-s-order-cancel .product-table .delivery-price { vertical-align: middle; text-align: center; border-left: 1px solid #f2f2f2; min-width: 140px; font-size: 12px; }
.cl-s-order-cancel .product-table .delivery-price-mobile { display: none; }
.cl-s-order-cancel .product-table .delivery-price .price { font-size: 13px; margin-top: 0; }
.cl-s-order-cancel .product-table .delivery-price .price .price-desc { font-size: 12px; color: #8e9095; }
.cl-s-order-cancel .cl-s-product-jumbotron h5 { margin-top: 0; margin-bottom: 0; line-height: 1.3; font-weight: normal; color: #222222; }

.cl-s-order-cancel .cancel-product-title {
    text-align: left;
    font-size: 14px;
    padding: 10px 15px;
    border-top: 1px solid #222222;
    color: #222222;
}

.cl-s-order-cancel .cl-s-product-jumbotron {
    border-top: 1px solid #eaeaea;
    padding: 22px 15px;
}

.cl-s-order-cancel .cl-s-product-jumbotron .newcheckbox {
    top: 20px;
}

.cl-s-order-cancel .cl-s-product-jumbotron .cl-s-product-info {
    margin-left: 90px;
}

.cancel-info-box {
    width: 100%;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

.extra-info .cancel-info-box {
    border-color:#ee445f; text-align: left;
}

.cancel-info-box > div {
    width: 100%;
    overflow: hidden;
}

.cancel-total-info {
    font-size: 14px;
    color: #676767;
}

.cancel-info-title {
    float: left;
}

.cancel-info-price {
    float: right;
}

.cancel-info {
    font-size: 14px;
    color: #676767;
    margin-bottom: 15px;
}

.cancel-info-line {
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
    margin: 0 0 15px 0;
}
.cancel-coupon-title .coupon-name { padding-left:10px; font-size:13px; color:#999; display: table; }
.cancel-info-price .coupon-price { font-size:13px; color:#999; display: table; }
.coupon-detail-info { color:#999; }
.cancel-coupon-title .coupon-name:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px 6px 0 0;
    border: 2px solid #ddd;
    border-width: 0 0 2px 2px;
    vertical-align: top;
    content: '';
}
.return-total-info {
    font-size: 16px;
    color: #222222;
}

.return-total-info .cancel-info-title,
.return-total-info #return-total-price { font-weight: bold; }

.modal-sub-title {width:100%;color:#676767;font-size:14px;text-align:left;margin-bottom:8px;}
.modal-comment {color:#b4b4b4;font-size:14px;text-align:left;letter-spacing:-0.42px;margin-bottom:25px;}

.cl-modal .modal-comment:last-child {margin-bottom:60px;}

.cl-modal.cl-s-product-qna-edit .qna-content > li.last { 
    position: relative;
    margin-top: 15px; 
    min-height: 30px;
    text-align: left; 
}
.cl-modal.cl-s-product-qna-edit .qna-content > li.last > div { display: inline-block; }
.cl-modal.cl-s-product-qna-edit .qna-content > li.last .qna-secret { position: absolute; top: 2px; right: 0; width: 60px; z-index: 10; }
.cl-modal.cl-s-product-qna-edit .qna-content > li.last .qna-secret > .secret { margin-top: 0; overflow: visible; }
.cl-modal.cl-s-product-qna-edit .qna-content > li.last .qna-secret > .secret > label {vertical-align: top; font-size: 13px; color: #696c71;}
.cl-modal.cl-s-product-qna-edit .qna-content > li.last .qna-files { margin-top: 0; }

.cl-modal.cl-s-product-qna-edit .line { margin: 25px 0 40px; border-top-color: #eaeaea; }
.cl-modal.cl-s-product-qna-edit .cl-s-files > label > span {font-size: 13px; color: #696c71;}
.cl-modal.cl-s-product-qna-edit .cl-s-checkbox label{font-weight: 300;}
.cl-modal.cl-s-product-qna-edit .cl-s-checkbox label svg {fill:#dbdcdf;}
.cl-modal.cl-s-product-qna-edit .cl-s-checkbox label svg.active {fill: #4789e7;}
.cl-modal.cl-s-product-qna-edit .cl-s-form-group .cl-s-control-label {font-size: 14px; font-weight: 300; color: #b1b3b7;}

.cl-modal.cl-s-product-qna-edit .qna-privacy { text-align: left; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .cl-s-checkbox { margin-top: 0; margin-bottom: 11px; display: block; cursor: pointer; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .cl-s-checkbox label {color: #8c8c8c;}
.cl-modal.cl-s-product-qna-edit .qna-privacy > .cl-s-checkbox .qna-view-privacy { display: inline-block; border-bottom: 1px solid #8c8c8c; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea {
    height: 104px; 
    max-height: 134px;
    overflow: auto;
    padding: 15px 11px 0 20px;
    -ms-scrollbar-width: 8px;
    -ms-scrollbar-face-color: #d3d3d3;
    -ms-scrollbar-track-color: #f4f4f4;
    -ms-scrollbar-highlight-color: #d3d3d3;
    -ms-scrollbar-shadow-color: #d3d3d3;
    scrollbar-width: 8px;
    scrollbar-face-color: #d3d3d3;
    scrollbar-track-color: #f4f4f4;
    scrollbar-highlight-color: #d3d3d3;
    scrollbar-shadow-color: #d3d3d3;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.42px;
    text-align: left;
    color: #8c8c8c;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea::-webkit-scrollbar { width: 8px; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea::-webkit-scrollbar-track-piece { background-color: #f4f4f4; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea::-webkit-scrollbar-thumb { 
    cursor: pointer; 
    border-radius: 8px; 
    background-color: #d3d3d3; 
}
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea::-webkit-scrollbar-button:start { display: none; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea::-webkit-scrollbar-button:end { display: none; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea > table { margin-top: 10px; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea > table tr > th { font-weight: normal; }
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea > table tr > th,
.cl-modal.cl-s-product-qna-edit .qna-privacy > .qna-privacy-textarea > table tr > td { padding: 5px 10px; border: 1px solid #eaeaea; }
.cl-modal.cl-s-product-qna-edit .qna-privacy .cl-s-form-wrap {margin: 0 0 15px;}
.cl-modal.cl-s-product-qna-edit .qna-privacy .cl-s-form-wrap .cl-s-form-group {height: 46px;}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .cl-modal.cl-s-product-qna-view .modal-body .qna-answer > p { min-height: 50px; }
    .modal-default .modal-dialog.cl-modal.cl-s-product-qna-view .modal-footer { padding: 0!important; }
    .modal-default .modal-dialog.cl-modal.cl-s-product-qna-view .modal-footer .btn.btn-default { width: 100%!important; color: #fff!important; background-color: #3c4450!important;}
    
    .modal-default .modal-dialog.cl-modal.cl-s-product-qna-edit .modal-content { padding-bottom: 0; }
    .cl-modal.cl-s-product-qna-edit h5.product-title { margin-bottom: 20px; text-align: center; }
    .cl-modal.cl-s-product-qna-edit .line { margin: 15px 0 20px; }

    .cl-s-order-cancel .cl-s-product-jumbotron h5 { margin-bottom: 2px;  }
    .cl-s-order-cancel .product-table .newcheckbox { margin-top: 0; top: 0; }
    .cl-s-order-cancel .product-table td { border-top: none; }
    .cl-s-order-cancel .product-table .delivery-price { border-left: none; }
    .cl-s-order-cancel .product-table .delivery-price:not(.delivery-price-mobile) { display: none; }
    .cl-s-order-cancel .product-table .delivery-price-mobile { text-align: right; font-size: 14px; color: #222222; border-bottom: 1px solid #cfcfcf; display: table-row; }
    .cl-s-order-cancel .product-table .delivery-price-mobile td { padding: 10px 10px 10px 45px; }
    .cl-s-order-cancel .product-table .delivery-price-mobile .delivery-title { font-size: 14px; color: #222222; float: left; }
    .cl-s-order-cancel .product-table .delivery-price-mobile span { font-weight: bold; }
    .cl-s-order-cancel .product-table .delivery-price-mobile .price-desc { font-size: 12px; color: #8e9095; }
    .cl-s-order-cancel .product-table .delivery-price-mobile svg { margin-right: 5px; fill: #999999; position: relative; top: -2px; }
}

/* Creatorlink Shopping Modal::: 미입금 내역 CSS ▼ ******************************************************************/
.cl-s-nobank-info ul {
    margin-top: 20px;
    margin-bottom: 64px;
    font-size: 14px;
    text-align: left; 
    border-top: 1px solid #ededed;
    width: 100%;
}
.cl-s-nobank-info ul > li > span { display: block; color: #8c8c8c; line-height: 1.3; }
.cl-s-nobank-info ul > li > span.caption { color: #676767; }
@media only screen and (min-width: 768px) {
    .cl-s-nobank-info ul { display: table; width: 100%; }
    .cl-s-nobank-info ul > li { display: table-cell; padding-top: 20px; width: 20%; }
    .cl-s-nobank-info ul > li:nth-child(3) { width: 40%; }
    .cl-s-nobank-info ul > li > span + span { margin-top: 15px; }
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .cl-s-nobank-info ul { margin-bottom: 30px; }
    .cl-s-nobank-info ul { display: block; padding-top: 10px; }
    .cl-s-nobank-info ul > li { padding: 5px 0; }
    .cl-s-nobank-info ul > li > span.caption { display: inline-block; width: 75px; float: left; }
    .cl-s-nobank-info ul > li > span + span { padding-left: 90px; }
}



/* Creatorlink Shopping Modal::: 후기 작성 CSS ▼ ********************************************************************/ 
.modal-default .modal-dialog.cl-modal.cl-s-product-review-write .modal-content { padding-bottom: 20px; }
/*.cl-modal.cl-s-product-review-write .modal-content .modal-description { }*/
/*.cl-modal.cl-s-product-review-write .review-body { text-align: left; }*/
.cl-modal.cl-s-product-review-write .review-point {
    width: 100%;
    border: none;
    border-radius: 20px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #3c5372;
    line-height: 40px;
    margin-bottom: 20px;
}
.cl-modal.cl-s-product-review-write .review-point span {
    color: #fff95c;
}
.cl-s-order-meta{margin-bottom: 10px;}
.cl-s-order-meta span{margin-left: 15px; color: #b4b4b4; font-size: 13px;}
.cl-modal.cl-s-product-review-write .modal-content button.close{padding: 3px;}
.cl-modal.cl-s-product-review-write .review-body h5 { font-size: 15px; margin-top: 0; margin-bottom: 30px; color: #222428; font-weight: normal;}
/*.cl-modal.cl-s-product-review-write .review-body > div { padding: 40px 0; border-top: 1px solid #eaeaea; }*/
.cl-modal.cl-s-product-review-write .review-body > div.cl-s-product-jumbotron {
    border-top: none; 
    padding-top: 0; 
    padding-bottom: 20px; 
}
.cl-modal.cl-s-product-review-write .review-write-body > div.cl-s-product-jumbotron,
.cl-modal.cl-s-product-review-write .review-write-body > .review-star{border-bottom: 1px solid #e6e6e6; margin-bottom: 40px;}
.cl-modal.cl-s-product-review-write .review-write-body > .review-star{padding-bottom: 40px;}
.cl-modal.cl-s-product-review-write .review-view-list .review-body > div.cl-s-product-jumbotron .cl-s-product-thumb{width: 80px; height: 80px; border: 1px solid #e6e6e6;}
.cl-modal.cl-s-product-review-write .review-body > div.cl-s-product-jumbotron .cl-s-product-thumb{width: 60px; height: 60px; border: 1px solid #e6e6e6;}
.cl-modal.cl-s-product-review-write .review-body > div.cl-s-product-jumbotron h5 { color: #676767; font-size: 14px; margin-bottom: 5px; }

.cl-modal.cl-s-product-review-write .review-star > .star > span {
    background-image: url(//storage.googleapis.com/i.addblock.net/shopping_mall/cl_icon_star_off.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 46px;
    height: 44px;
    display: inline-block;
    cursor: pointer;
    margin: 0 7px;
}
.cl-modal.cl-s-product-review-write .review-star > .star > span.active {
    background-image: url(//storage.googleapis.com/i.addblock.net/shopping_mall/cl_icon_star_on.png);
}
.cl-s-ps { text-align: left; font-size: 14px; color: #999999; }
.cl-s-ps > span { color: #676767; font-weight: bold; }
.cl-s-ps > svg { margin-right: 6px; fill: #999999; transform: translateY(1px); }

.review-icon > svg {
    fill: #c5cfde;
    margin-left: 6px;
}

.cl-modal .cl-s-files.file-center > label > * { float: inherit; vertical-align: middle; }
.cl-modal .cl-s-files.file-center > label { margin: 0 0 5px 0; padding: 12px 0px 11px; border: 1px solid #8f9092; border-radius: 3px; text-align: center;}

/*.cl-modal .cl-s-files.file-center > .cl-s-files-list.files-list-wrap { margin: 0 0 0; }*/


.cl-modal.cl-s-product-review-write .review-point.review-icon { line-height: inherit; padding: 10px 0; margin-bottom: 30px; }
.cl-modal.cl-s-product-review-write .review-point.review-icon p { color: #999999; }



@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}





/* Creatorlink Shopping Modal::: 취소요청 CSS ▼ ********************************************************************/ 
.cl-modal.cl-s-order-cancel .order-cancel-content { margin-bottom: 40px; padding-top: 30px; border-top: 1px solid #222222; }
.cl-modal.cl-s-order-cancel .order-cancel-content + .order-cancel-content { padding-top: 0; border-top: none; }

.cl-s-order-cancel .noneAll ~ svg {
    opacity: .4 !important;
}

.escrow-warring {
    width: 100%;
    color: #4789e7;
    position: relative;
    text-align: left;
}

.top-escrow {
    padding: 0px 0px 15px 20px;
}

.bottom-escrow {
    padding: 10px 0px 0px 20px;
}

.top-escrow svg {
    position: absolute;
    left: 0;
    top: 2px;
}

.bottom-escrow svg {
    position: absolute;
    left: 0;
    top: 12px;
}

.escrow-warring .escrow-return-info {
    font-size: 13px;
    color: #999;
}

.cl-s-escrow-info .order-cancel-content:last-child {
    margin-bottom: 50px !important;
}

.cl-s-escrow-info .modal-footer button:first-child {
    margin-bottom: 10px !important;
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .cl-modal.cl-s-order-cancel .order-cancel-content { margin-bottom: 30px; }
    .cl-s-order-cancel .modal-body { padding: 0 !important; }
}


/* Creatorlink Shopping Modal::: 반품/교환요청 CSS ▼ ********************************************************************/ 
.cl-modal.cl-s-order-returnexchange .order-cancel-content { margin-bottom: 40px; }

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .cl-modal.cl-s-order-returnexchange .order-cancel-content { margin-bottom: 30px; }
}


/* CreatorLink Shopping Modal::: 취소/반품/교환 상세정보 CSS ▼ ********************************************************************/ 
.cl-modal.cl-s-order-status-details .osd-body { text-align: left; letter-spacing: -0.39px; font-size: 13px; }
.cl-modal.cl-s-order-status-details .osd-title {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.39px;
    color: #222222;
    margin:  0 0 12px 0;
}
.cl-modal.cl-s-order-status-details .osd-table + .osd-title {
    margin-top: 40px;
}

.cl-modal.cl-s-order-status-details .osd-table { width: 100%; }
.cl-modal.cl-s-order-status-details .osd-table tr:first-child > td { border-top: 1px solid #e5e5e5; }
.cl-modal.cl-s-order-status-details .osd-table tr > td {
    padding: 14px 5px 14px 16px;
    color: #676767;
    border-bottom: 1px solid #e5e5e5;
}
.cl-modal.cl-s-order-status-details .osd-table tr > td.label { 
    display: table-cell;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    line-height: inherit;
    background-color: #f9f9f9; 
    width: 120px;
}
.cl-modal.cl-s-order-status-details .osd-table tr > td > .osd-gray { color: #b5b5b5; }

.modal-default .modal-dialog.cl-modal.cl-s-order-status-details .modal-footer { margin-top: 60px; }
.modal-default .modal-dialog.cl-modal.cl-s-order-status-details .modal-footer .btn-default.close-button-dialog {
    display: inline-block;
    background-color: #3c4450!important;
    color: #fff!important;
    padding: 21px 15px;
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 1;
    width: 100%;
}

@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .cl-modal.cl-s-order-status-details .osd-table tr > td { padding: 10px 5px 9px 10px; }
    .modal-default .modal-dialog.cl-modal.cl-s-order-status-details .modal-footer { margin-top: 40px; margin-bottom: 20px; }
}


/* Creatorlink Shopping Modal::: 영수증 발급내역 CSS ▼ ****************************************************************/ 
.modal-default .modal-dialog.cl-modal.cl-modal.cl-s-receipt .modal-content .modal-body { font-size: 14px; }
.modal-default .modal-dialog.cl-modal.cl-s-receipt .modal-body p.description { 
    margin-top: 30px; 
    margin-bottom: 45px; 
    text-align: left;
    color: #b5b5b5;
    letter-spacing: -0.7px;
    line-height: 1.3;
}
.cl-modal.cl-s-receipt .receipt-wrap > table { width: 100%; }
.cl-modal.cl-s-receipt .receipt-wrap > table tbody { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.cl-modal.cl-s-receipt .receipt-wrap > table th { 
    text-align: center; 
    color: #676767;
    font-weight: normal;
    padding-bottom: 20px;
}
.cl-modal.cl-s-receipt .receipt-wrap > table tr > th:first-child { text-align: left; }
.cl-modal.cl-s-receipt .receipt-wrap > table tr > td { text-align: center; padding: 15px 0; vertical-align: middle; }
.cl-modal.cl-s-receipt .receipt-wrap > table tr > td[rowspan] { background-color: #f5f5f5; }

.cl-modal.cl-s-receipt .cl-s-product-jumbotron { position: relative; padding-bottom: 0; }
.cl-modal.cl-s-receipt .cl-s-product-jumbotron .cl-s-product-thumb { position: relative; }
.cl-modal.cl-s-receipt .cl-s-product-jumbotron .cl-s-product-thumb > img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cl-modal.cl-s-receipt .cl-s-product-jumbotron .option-str > div > span + span:before {
    content: ' ';
    position: relative;
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 8px -2px;
    background-color: #d8d8d8;
}

.cl-modal.cl-s-receipt .cl-s-btn {
    padding: 17px 15px 18px;
    font-size: 14px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
}
.cl-modal.cl-s-receipt .cl-s-btn + .cl-s-btn,
.cl-modal.cl-s-receipt .cl-s-btn.btn-order-receipt-close { margin-top: 15px; }
.cl-modal.cl-s-receipt .cl-s-btn.cl-s-btn-12 { width: 100%; }
.cl-modal.cl-s-receipt .cl-s-btn.cl-s-btn-primary {
    color: #ffffff;
    border: 1px solid #3c4450;
    background-color: #3c4450;
}
.cl-modal.cl-s-receipt .cl-s-btn.cl-s-btn-default {
    color: #222222;
    border: 1px solid transparent;
    background-color: transparent;
}

@media only screen and (min-width: 768px) {
    .modal-default .modal-dialog.cl-modal.cl-modal.cl-s-receipt .modal-content .modal-body { padding: 0 80px; }
    .cl-modal.cl-s-receipt .cl-s-product-jumbotron .option-str > div > span.option-price + span:before { display: none; }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
    .modal-default .modal-dialog.cl-modal.cl-s-receipt .modal-footer { margin-bottom: 0; }
    .modal-default .modal-dialog.cl-modal.cl-s-receipt .modal-body p.description { margin-top: 20px; margin-bottom: 30px; }
    .cl-modal.cl-s-receipt .receipt-wrap > table,
    .cl-modal.cl-s-receipt .receipt-wrap > table thead,
    .cl-modal.cl-s-receipt .receipt-wrap > table tbody,
    .cl-modal.cl-s-receipt .receipt-wrap > table tr,
    .cl-modal.cl-s-receipt .receipt-wrap > table th,
    .cl-modal.cl-s-receipt .receipt-wrap > table td { display: block; }
    .cl-modal.cl-s-receipt .receipt-wrap > table tr > th:nth-child(2),
    .cl-modal.cl-s-receipt .receipt-wrap > table tr > td:not(.mp-info) { display: none; }
    .cl-modal.cl-s-receipt .receipt-wrap > table tr > th:nth-child(1) { float: left; }
    .cl-modal.cl-s-receipt .receipt-wrap > table tr > th:nth-child(3) { float: right; text-align: right; }
    .cl-modal.cl-s-receipt .receipt-wrap > table thead:before,
    .cl-modal.cl-s-receipt .receipt-wrap > table thead:after { content: ' '; display: table; clear: both; }
    .cl-modal.cl-s-receipt .receipt-wrap > table tr > th > span.visible-xs { display: inline!important; }

    .cl-modal.cl-s-receipt .cl-s-product-jumbotron .option-str span { 
        position: relative;
        display: inline!important;
    }
    .cl-modal.cl-s-receipt .cl-s-product-jumbotron .option-str span + span:before {
        content: ' ';
        position: relative;
        display: inline-block;
        width: 1px;
        height: 15px;
        margin: 0 8px -2px;
        background-color: #d8d8d8;
    }
    .cl-modal.cl-s-receipt .cl-s-product-jumbotron .option-str > div > span.option-price { color: #676767; }
    .cl-modal.cl-s-receipt .cl-s-btn + .cl-s-btn,
    .cl-modal.cl-s-receipt .cl-s-btn.btn-order-receipt-close { margin-top: 10px; }
}

/* Creatorlink Shopping Modal::: 구매영수증 CSS ▼ ********************************************************************/ 
.modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-content .modal-body { padding: 0; }
.modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-content .modal-title { margin-bottom: 50px; }
.modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-footer { padding: 0px 180px; }
.modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-footer .btn { padding: 23px 15px; }
.cl-modal.cl-s-receipt-view .receipt-wrap { 
    width: 100%; 
    padding: 0 71px 19px; 
}
.cl-modal.cl-s-receipt-view .receipt-wrap > table {
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    margin: auto;
    vertical-align: middle;
    text-align: left;
}
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr:first-child > td { border-top: 1px solid #e6e6e6; }
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td { 
    border-bottom: 1px solid #e6e6e6; 
    line-height: 1;
}
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:first-child { 
    padding: 14px 15px 17px 21px; 
    background-color: #f5f5f5;
    color: #999999;
    font-size: 12px;
    letter-spacing: -0.36px;
}
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:nth-child(2) { padding: 5px 28px; }
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:first-child > span { 
    padding-bottom: 6px;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: #222222; 
    display: block;
}
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:nth-child(2) > span { 
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.9px;
    color: #4789e7;
}
.cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:nth-child(2).f-s-14 { font-size: 14px; }
.cl-modal.cl-s-receipt-view .receipt-wrap > .additional-box {
    margin-top: 19px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.39px;
    text-align: center;
    color: #b4b4b4;
}


@media only screen and (max-width: 991px) {

}
@media only screen and (max-width: 767px) {
    .modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-content .modal-title { margin-bottom: 30px; }
    .modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-footer { padding: 0; }
    .modal-default .modal-dialog.cl-modal.cl-s-receipt-view .modal-footer .btn { padding: 16px 15px; }
    .cl-modal.cl-s-receipt-view .receipt-wrap { padding: 0 0 15px; }
    .cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:first-child { padding: 10px 15px 12px; }
    .cl-modal.cl-s-receipt-view .receipt-wrap > table tr > td:nth-child(2) { padding: 5px 20px; }
    .cl-modal.cl-s-receipt-view .receipt-wrap > .additional-box { margin-top: 15px; font-size: 12px; }
}


/* Creatorlink Shopping Modal::: 고정블럭 관련 CSS ▼ ********************************************************************/ 
.modal-default .modal-dialog.cl-modal.cl-s-fixedblock .modal-content .modal-title { display: none; }
.modal-default .modal-dialog.cl-modal.cl-s-fixedblock .modal-content .modal-body { margin-top: 20px; padding: 30px 15px 35px; }
.modal-default .modal-dialog.cl-modal.cl-s-fixedblock .modal-footer { padding: 0 100px; margin-bottom: 30px; }
.modal-default .modal-dialog.cl-modal.cl-s-fixedblock .modal-footer .btn { padding: 18px 15px; }
.modal-default .modal-dialog.cl-modal.cl-s-fixedblock .modal-footer .btn + .btn { margin-top: 10px; }
.modal-default .modal-dialog.cl-modal.cl-s-fixedblock .modal-footer .btn.btn-primary { background-color: #4789e7!important; }
.cl-s-fixedblock .modal-body svg { fill: #4789e7; }
.cl-s-fixedblock .modal-body h3 { 
    color: #222428; 
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.72px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.cl-s-fixedblock .modal-body p { 
    color: #222428; 
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.42px;
    margin-bottom: 0; 
}


/* view review */
.review-member-info {text-align: left;padding: 0 0 20px !important;border-top:none !important; font-size: 12px;}
.review-member-info .ico-naverpay { margin-top: 4px; margin-right: 5px; }
.review-member-info .view-review-date {margin-left: 15px;color:#b4b4b4;}
.review-edit-box {float: right;}
.review-edit-box svg {cursor: pointer;margin: 0px 5px;}
.review-score { display: inline-block; line-height:13px; }
.review-score > img { width: 15px; height: 15px; float: left; margin-right: 2px; }
.view-review-box {display: flex; flex-direction: column; text-align: left;padding:30px 0 35px; border-top: 1px solid #eaeaea;}
.review-box-content {width: 100%;word-wrap: break-word;padding-top:10px;}
.review-box-content pre {width: 100%; background-color: transparent; border-radius: 0px; padding: 0; margin: 0; border: none;font-family: 'Noto Sans KR', sans-serif;}
.review-box-content .review_text iframe { max-width: 100%; }
.review-box-image {width: 100%; margin-top: 20px;}
.cl-s-product-review-view .review-answer-info{margin-bottom: 10px; font-size: 14px; font-weight: normal; color: #222428;}
.cl-s-product-review-view .review-answer-info .view-review-date{font-size: 13px; font-weight: normal;}
.review-answer .review-content {margin-bottom: 20px;}
.modal-default .modal-dialog.cl-modal.cl-s-product-review-view .modal-footer .btn-default.close-button-dialog{display: block; width: 100%; max-width: 300px; height: 50px; margin: 0 auto; padding: 0; line-height: 50px; color: #676767 !important;}
.answer-editor{margin-top: 30px;}
.answer-editor.answer_Y{display: none;}
.answer-editor textarea{width: 100%; height: 140px; margin-bottom: 10px; padding: 10px 20px; border: 1px solid #dbdcdf; color: #b4b4b4;}
.answer-editor-button{text-align: right;}
.answer-editor-button .btn{font-size: 13px; border: 1px solid #dbdcdf; height: 30px; width: 80px; margin-left: 10px; background-color: #fff; color: #676767; padding: 0; min-width: unset; border-radius: 0;}
.answer-editor-button .btn.answer-submit-btn{border: solid 1px #4789e7; color:#4789e7;}

/* photo review */
.cl-s-product-detail .photo-review {
    margin: 0px 15px;
    padding: 30px 60px;
    width: calc(100% - 30px);
    border: 1px solid #e6e6e6;
    margin-bottom: 70px;
    font-family: 'Noto Sans KR', sans-serif;
}

.cl-s-product-detail .photo-review .photo-info {
    position: relative;
    width: 100%;
    font-size: 14px;
}

.cl-s-product-detail .photo-review .photo-info .photo-count,
.cl-s-product-detail .photo-review .photo-info .photo-score {
    color: #676767;
    margin-right: 20px;
}

.cl-s-product-detail .photo-review .photo-info .photo-count span,
.cl-s-product-detail .photo-review .photo-info .photo-score span  {
    color: #222;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

.photo-more {
    float: right;
}

.photo-more span {
    float: left;
    display: inline-block;
    margin-right: 15px;
    color: #676767;
    font-size: 14px;
    cursor: pointer;
    height: 19px;
}

.photo-more span:hover {
    border-bottom: 1px solid #676767;
}

.photo-more div {
    width: 24px;
    height: 24px;
    border: 1px solid #e6e6e6;
    float: left;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #e6e6e6;
}

.photo-more div:last-child {
    border-left: none;
}

.photo-more div:hover {
    background-color: #f5f5f5; 
}

.photo-more svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 10px;
}

.photo-list-box {
    width: 100%;
    overflow: hidden;
    font-family: 'Noto Sans KR', sans-serif;
}

.photo-list-box .photo-list {
    width: calc(50% - 40px);
    margin-top: 40px;
    margin-right: 40px;
    height: 100px;
    line-height: 155%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: top;
    float: left;
}



.photo-list-box .photo-list:nth-child(2n) {
    margin-left: 40px;
    margin-right: 0px;
}
.s-table-review .review-content{max-height: 60px; overflow: hidden;}
.s-table-review .review-content,
.s-table-review .review-answer-content {
    font-size: 13px;
    line-height: 20px;
}
.s-table-review .review-score {margin-bottom: 10px;}
.s-table-review .review-prd-option {margin-bottom: 5px; font-size: 12px; color: #b4b4b4;}
.s-table-review .review-answer-content {margin-top: 10px;}
.s-table-review .review-writer { text-align: left !important; }
.s-table-review .review-writer .ico-naverpay { margin-top: 1px; margin-right: 5px; }
.photo-review-info .ico-naverpay { margin-top: 3px; margin-right: 5px; }

.s-table-qna .qna-writer { text-align: left !important; }
.s-table-qna .qna-writer .ico-naverpay { margin-top: 1px; margin-right: 5px; }

.review-content {overflow: hidden;}

.review-content-box {
    width: calc(100% - 130px);
    margin-right: 30px;
}

.review-answer {
    background: #f6f6f6;
    padding: 15px;
    margin-top: 20px;
}

.review-answer-info {
    color: #222;
    font-size: 13px;
}

.review-answer-info .view-review-date {color: #b4b4b4; font-size: 12px; padding-left: 15px;}

.photo-list > img {
    width: 100px;
    height: 100px;
}

.photo-review-info {
    font-size: 13px;
    margin: 10px 0px;
    color: #b4b4b4;
}

.photo-review-info .line {
    width: 1px;
    height: 15px;
    display: inline-block;
    background-color: #b4b4b4;
    position: relative;
    top: 3px;
    margin: 0px 5px;
}

.review-content-box pre {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0px;
    margin: 0px;
    color: #676767;
    line-height: 150%;
}

.review-type {
    float: right;
    font-size: 13px;
    padding-top: 5px;
    position: relative;
}

.review-type span {
    position: relative;
    margin-left: 30px;
    cursor: pointer;
    color: #b4b4b4;
    font-weight: 400;
    display: inline-block;
    height: 18px;
}

.review-type span.active {
    color: #676767;
}

.review-type span:hover {
    border-bottom: 1px solid #b4b4b4;
}
.review-type span.active:hover {
    border-bottom: 1px solid #676767;
}

.review-type span.line {
    position: absolute;
    width: 1px;
    height: 15px;
    top: 3px;
    background-color: #b4b4b4;
    cursor: auto;
    margin-left: 15px;
    margin-top: 4px;
}

.review-view-list {
    border-top: 1px solid #eaeaea;
}

.cl-s-review-view-info .review-body {
    padding: 30px 15px;
    border-bottom: 1px solid #eaeaea;
}

.cl-s-review-view-info .cl-s-product-jumbotron .cl-s-product-info {
    float: left;
    width: calc(100% - 80px);
    margin-left: 0;
}

.cl-s-review-view-info .cl-s-product-jumbotron .review-btn-box {
    width: 80px;
    height: 32px;
    float: right;
    position: relative;
    top: 15px;
}

.cl-s-review-view-info .review-write-btn {
    width: 100%;
    height: 35px;
    border: 1px solid #4789e7;
    background-color: #fff;
    color: #4789e7;
    font-size: 13px;
}
.modal-default .modal-dialog.cl-modal.cl-s-review-view-info .modal-footer{margin-top: 44px; margin-bottom: 76px;}
.modal-default .modal-dialog.cl-modal.cl-s-review-view-info .modal-footer .btn-default.close-button-dialog{display: block; color: #676767 !important;}

#review-loop tr,
.photo-list {
    cursor: pointer;
}

#review-loop tr.none {
    cursor: unset;
}

.review-body {font-family: "NotoSansCJKkr", 'Noto sans Kr'; font-size: 13px; color: #676767; line-height: 22px; font-weight: 300;}
.review-edit-box button {width: 44px; height:24px; line-height: 12px; cursor: pointer; margin-left:10px; background: #fff; border: 1px solid #eaeaea; color:#676767; font-size: 12px;}
.cl-s-product-detail .review-score > span,
.s-table-review .review-score > span,
.cl-s-product-review-write .review-score > span{display: inline-block; margin-right: 2px; fill: #e7e8e9;}
.cl-s-product-detail .review-score > span.star_on,
.s-table-review .review-score > span.star_on,
.cl-s-product-review-write .review-score > span.star_on{fill: #ff748d;}
.cl-s-product-detail .review-score > span > svg,
.s-table-review .review-score > span > svg,
.cl-s-product-review-write .review-score > span > svg {width: 13px; height: 13px;}

.review-box-content img {width: 100%; height: auto;}
.review-box-image { width: 100%; margin-top: 15px;}
.review-box-image img {width: 100%; margin-bottom: 10px;}

.qna-box-image { width: 100%; margin-top: 15px;}
.qna-box-image img {width: 100%; margin-bottom: 10px;}

.n-bold {
    font-weight: normal !important;
    margin-left: 0px !important;
    top: -1px !important;
}

.flat-modal + .modal-backdrop.fade.in {
    /*z-index: 1039 !important;*/
}
.cl-category-modal-backdrop + .cl-flat-modal .modal { z-index: 10002; }
.cl-category-modal-backdrop ~ .modal-backdrop.fade.in { z-index: 10001 !important; }
.modal-backdrop.fade.in + .cl-alert-modal .modal { z-index: 1043; }
.cl-alert-modal + .modal-backdrop.fade.in { z-index: 1042 !important; }

.cl-s-nobank-info,
.cl-s-nobank-info .modal-title,
.cl-s-nobank-info button {font-family: 'Noto Sans KR';font-weight: 500;}
.cl-s-nobank-info .nobank-container {width:100%;font-family: 'Noto Sans KR';font-weight: 500;}
.cl-s-nobank-info .nobank-container .contents-warring {
    width:100%;
    color:#4789e7;
    padding:0px 0px 30px 20px;
    position:relative;
    text-align:left;
    border-bottom:1px solid #eeeff0;
}
.cl-s-nobank-info .nobank-container .contents-warring svg {position:absolute;left:0px;top:2px;}
.cl-s-nobank-info .nobank-container .contents {padding-top:23px;}
.cl-s-nobank-info .nobank-container .contents table {
    width:100%;
    font-size:14px;
    color:#696c71;
    letter-spacing:-0.42px;
}
.cl-s-nobank-info .nobank-container .contents table tr:last-child td {padding-bottom: 0;}
.cl-s-nobank-info .nobank-container .contents table td {text-align:left;padding:7.5px 0px;}
.cl-s-nobank-info .nobank-container .contents table td:last-child {text-align:right;}
.cl-s-nobank-info .nobank-container .popup-primary-btn {width:100%;height:50px;color:#fff;border-radius:3px;background-color: #4789e7;font-size:14px;}
.cl-s-nobank-info .nobank-container .cancel-btn {width:100%;height:50px;color:#696c71;border-radius:3px;background-color:transparent;border:none;font-size:14px;}

.order-re-content {margin-bottom: 40px; padding-top: 30px; border-top: 1px solid #222222; }
.mypage-tab {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e2e2e2;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.42px;
}

.mypage-tab div {
    flex: 1;
    background-color: #fff;
    color: #676767;
    border-right: 1px solid #e2e2e2;
}

.mypage-tab div.active {
    background-color: #3c4450;
    color: #fff;
}

.mypage-tab div a {
    width: 100%;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
}

.mypage-tab div:last-child {border-right: none;}

.mp-table .point-container {
    overflow: hidden;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.point-container > div {
    float: left;
}

.point-container .point-status {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 46px;
    margin: 0px 10px 0px 0px;
}

.mp-wrap .point-container .point-status.point-left {
    margin: 0 20px 0px 0px;
}

.mp-grid .mp-wrap .point-container .point-info.point-mid {
    width: calc(100% - 200px);
    margin-right: 20px;
}

.point-container .point-info {
    width: calc(100% - 228px);
}

.info-status {
    width: 100%;
    font-size: 18px;
    color: #676767;
    /*margin-bottom: 5px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}

.info-status-content {
    width: 100%;
    color: #b4b4b4;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}
.info-status-content span {
    display: inline-block;
}

.point-info .point-info-date {
    font-size: 13px;
    color: #b4b4b4;
    letter-spacing: -0.39px;
    line-height: normal;
    display:  inline-block;
}
.point-info .point-info-content {
    font-size: 18px;
    color: #676767;
    letter-spacing: -0.54px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.point-info .point-orderno {
    color: #999999;
    font-size: 13px;
    text-decoration: underline;
    display: inline-block;
}
.point-info .point-info-etc {
    margin-top: 8px;
}
.point-info .point-info-etc .point-bar {
    display: inline-block;
    margin: 0px 10px;
    width: 1px;
    height: 15px;
    background-color: #b4b4b4;
    position: relative;
    top: 2px;
}
.point-info .point-info-etc .point-option {
    width: 245px;
    color: #b4b4b4;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    top: 0;
}

.point-option {
    width: 245px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    top: 5px;
}

.mp-table .mobile-point-text.point-option {
    width: 100%;
}

.mp-table .point-container .point-info .point-option.point-text {
    width: auto;
    color: #b4b4b4;
    display: block;
    line-height: 1.5;
}

.mobile-info-status {
    display: none;
    font-size: 14px;
}

.info-status-content .point-bar {
    display: inline-block;
    margin: 0px 10px;
    width: 1px;
    height: 15px;
    background-color: #b4b4b4;
    position: relative;
    top: 2px;
}

.point-container .point-price {
    font-size: 18px;
    width: 120px;
    text-align: right;
}
.point-container .point-price p.mp_enddate {
    font-size: 13px;
    letter-spacing: -0.39px;
    line-height: normal;
    margin-top: 9px;
    margin-bottom:0px;
    color:#b4b4b4;
}

.point-container .point-price p:first-child { margin-top: 8px; }

.point-container.point-gray .point-status {
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
}

.point-container.point-gray .point-price {
    color: #b4b4b4;
}

.point-container.point-blue .point-status {
    border: 1px solid #4789e7;
    color: #4789e7;
}

.point-container.point-blue .point-price {
    color: #4789e7;
}

.point-container.point-red .point-status {
    border: 1px solid #ee445f;
    color: #ee445f;
}

.point-container.point-red .point-price {
    color: #ee445f;
}

.point-setting-box {
    width: 100%;
    padding: 30px 50px;
    background-color: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: top;
    justify-content: center;
}

.my-point {
    flex: 2 0 0;
    width: 30%;
}

.my-point-title {
    font-size: 14px;
    color: #676767;
    margin-bottom: 15px;
}

.my-point-check {
    color: #4789e7;
    font-size: 24px;
}

.my-point-check span {
    font-size: 36px; line-height: 28px;
}
.my-point-check .point-red,
.my-point-check.point-red { color:#ee445f; }

.search-point .sub-order-title,
.cl-cmmodal .sub-order-title,
.search-point .change-date-box .input-group input,
.search-point .change-date-box .input-group .site-visit-datetext,
.search-point .cl-s-popup-selectbox * {font-family: 'Noto Sans KR',sans-serif;}

.search-point .input-group { 
    border: 1px solid #dbdcdf;
    padding: 2px 20px 2px 2px;
    max-width: 120px;
    border-radius: 0px;
    float: left;
    height: 34px;
}
.search-point .change-date-box {
    position: relative; 
    display: inline-block; 
    width: 100%;
    margin-bottom: 5px;
}
.search-point .change-date-box .input-group input{
    /*padding: 0;
    line-height: 1;
    height: auto;  
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    text-align: center;
    border: none;
    position: relative;
    z-index: 11;
    cursor: pointer;
    font-size: 14px; 
    color: #696c71;*/
    padding: 0;
    line-height: 1;
    height: auto;
    width: 100%;
    opacity: 0;
    position: relative;
    z-index: 11;
    cursor: pointer;
    font-size: 14px;
    color: #696c71;
}
.search-point .change-date-box .input-group .shopping-visit-datetext {
    position: absolute;
    width: 80px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 14px;
    color: #696c71;
}
.search-point .change-date-box .input-group svg {
    fill: #676767;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.search-point .change-date-box .input-group + .fa {
    content: '';
    float: left;
    display: inline-block;
    width: 8px;
    height: 1px;
    background-color: #696c71;
    margin: 17px 6px 0;
}
.search-point .change-date-box .input-group .site-visit-datetext {
    position: absolute;
    width: 90px;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 14px; 
    color: #696c71;
}
.search-point .change-date-box .input-group .site-visit-datetext + svg {
    fill:#4789e7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.search-point .change-date-box .bootstrap-datetimepicker-widget,
.search-coupon .change-date-box .bootstrap-datetimepicker-widget {
    position: absolute;
    top: 38px !important;
    left: 0px !important;
    max-width: 218px;
    min-width: 218px;
    padding: 5px 10px;
    font-size: 12px !important;
    text-align: center;
    word-break: break-word;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: 218px;
    min-width: 218px;
}

/** cl-s-productSearch datetimepicker **/
.search-point .bootstrap-datetimepicker-widget table thead th:hover,
.search-point .bootstrap-datetimepicker-widget table thead th:hover,
.search-point .bootstrap-datetimepicker-widget table thead th:hover,
.search-point .bootstrap-datetimepicker-widget table thead th:hover {
    background: #eeeeee;
    color:#333333 !important;
    padding:3px 5px;
    width:auto;
}
.search-point .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.search-point .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.search-point .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover,
.search-point .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover {
    background: #fff;
    color:#333333 !important;
}   
.search-point .bootstrap-datetimepicker-widget table td.active ,
.search-point .bootstrap-datetimepicker-widget table td.active,
.search-point .bootstrap-datetimepicker-widget table td.active ,
.search-point .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }

.search-point .bootstrap-datetimepicker-widget table,
.search-point .bootstrap-datetimepicker-widget table,
.search-point .bootstrap-datetimepicker-widget table,
.search-point .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}

.search-point .bootstrap-datetimepicker-widget table th.picker-switch,
.search-point .bootstrap-datetimepicker-widget table th.picker-switch,
.search-point .bootstrap-datetimepicker-widget table th.picker-switch,
.search-point .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }

.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}

.search-point .bootstrap-datetimepicker-widget table td.day,
.search-point .bootstrap-datetimepicker-widget table td.day,
.search-point .bootstrap-datetimepicker-widget table td.day,
.search-point .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}

.search-point .bootstrap-datetimepicker-widget table span,
.search-point .bootstrap-datetimepicker-widget table span,
.search-point .bootstrap-datetimepicker-widget table span,
.search-point .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.search-point .bootstrap-datetimepicker-widget table thead th {text-align: center;}
.search-point .bootstrap-datetimepicker-widget table thead th:hover {
    background: #eeeeee;
    color:#333333 !important;
    padding:3px 5px;
    width:auto;
}
.search-point .bootstrap-datetimepicker-widget table thead th:nth-child(2):hover{
    background: #fff;
    color:#333333 !important;
}
.search-point .bootstrap-datetimepicker-widget table td.active { background-color: #4789e7; color: #fff; }
.search-point .bootstrap-datetimepicker-widget table { width: 100%; text-align: center;}
.search-point .bootstrap-datetimepicker-widget table th.picker-switch { text-align: center; cursor: pointer; }
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Year"],
.search-point .bootstrap-datetimepicker-widget table th.picker-switch[title="Select Decade"] { width: 73%;}
.search-point .bootstrap-datetimepicker-widget table td.day { line-height: 15px; cursor: pointer;}
.search-point .bootstrap-datetimepicker-widget table span { padding: 5px 0; float: left; width: 25%; line-height: 1.2; cursor: pointer;}

.search-point .cl-s-popup-selectbox {position: relative; float: left; width: 100%;}
.search-point .change-date-box + ul {border-radius: 3px; overflow: hidden; margin-bottom: 30px;}
.search-point .change-date-box + ul * {font-family: 'Noto Sans KR',sans-serif;}
.search-point .check-button:first-child:not(.check-button-active) {border-radius: 3px 0 0 3px; border-left:1px solid #dbdcdf;}
.search-point .check-button:last-child {border-radius: 0 3px 3px 0;}
.search-point .check-button:first-child {border-radius: 3px 0 0 3px;}
.search-point .check-button {
    padding: 8px 0;
    text-align:center;
    border-top: 1px solid #dbdcdf;
    border-bottom: 1px solid #dbdcdf;
    border-right: 1px solid #dbdcdf;
    float:left;
    font-size:14px;
    color:#b1b3b7;
    width: 69.6px;
    height: 40px;
    cursor:pointer;
}
.search-point .check-button .check-label-click {width: 100%; display: block; height: 100%;}
.search-point .check-none-borderR {border-right-color: #4789e7;}
.search-point .check-button:first-child.check-button-active {border-left: 1px solid #4789e7;}
.search-point .check-button-active {border-color: #4789e7;color:#4789e7;}
.search-point .cl-s-popup-selectboxWrap.common-selectbox {max-width: 150px;}
.search-point .cl-s-popup-selectboxWrap.common-selectbox,
.cl-s-popup-selectboxWrap.common-selectbox.cl-s-popupDetail-selectbox {float:left;}
.cl-s-popup-selectbox.cl-s-popup-selectboxWrap .common-selectbox .dropdown {height: 48px;}
.search-point .search_text {
    width: calc(100% - 160px);
    height: 48px; 
    float: left; 
    margin : 0 0 0 10px;
    border-radius: 3px;
    border: 1px solid #dbdcdf;
}

.shopping-visit-btn {
    margin-left: 10px;
    background-color: #3c4450;
    color: #fff;
    font-size: 14px;
    border: none;
    width: 60px;
    height: 34px;
}

.cl-s-mypage .mp-grid.point-grid {
    padding: 0px 30px;
}

.cl-s-mypage .mp-grid.point-grid .mp-table {
    cursor: default;
}


/*.cl-s-mypage .mp-grid.point-grid:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    padding: 0 30px;
    background-color: #f2f2f2;
    background-clip: content-box;
}*/

.cl-s-mypage .point-grid .mp-table > div {
    padding: 30px 20px;
}

.cl-s-product-title .ico-naverpay { position: absolute; margin-top: 3px; margin-left: 5px; fill: #1ec800; }

.point-used-desc, .deposit-cancel-desc { text-align: center; }
.point-used-desc .desc-box,
.deposit-cancel-desc .desc-box { 
    border: 1px solid #d5d5d5;
    padding: 20px;
    border-radius: 3px;
    font-size: 13px;
    color: #676767;
    font-weight: 300;
    text-align: left;
}

.point-used-desc .desc-title,
.deposit-cancel-desc .desc-title { 
    color: #222222;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}

.point-used-desc .point-color { color: #4789e7; }

.point-used-desc .newcheckbox { float: none; width: auto; display: inline-block; margin: 0; margin-top: 20px; }
.point-used-desc .newcheckbox label { color: #676767; font-weight: 300; }
.point-used-desc .newcheckbox svg:not(.active) { fill: #999999; }

.point-used-desc .section { padding-left: 10px; position: relative; }
.point-used-desc .section + .section { margin-top: 5px; }

.point-used-desc .section::before { content: '-'; left: 0px; position: absolute; }

.point-used-desc .point-used-cancel-agree-desc { color: #f2677d; font-size: 13px; font-weight: 300; position: relative; padding-left: 15px; display: none; }
.point-used-desc .point-used-cancel-agree-desc svg { fill: #f2677d; position: absolute; margin-top: 4px; margin-left: -20px; }

.ico-naverpay { fill: #1ec800; margin-top: 1px; vertical-align: top;}



/** 찜한 상품 */

.cl-s-mypage .cl-s-heading .list_counter { color: #676767; font-size: 14px; font-weight: normal; margin-left: 5px; display: inline-block; }
.cl-s-mypage .wishlist-top { border-top: 1px solid #222222; background-color: #ffffff; border-bottom: 1px solid #f1f1f1; }
.cl-s-mypage .wishlist-top table { table-layout: fixed; margin-bottom: 0; }
.cl-s-mypage .wishlist-top th { padding: 15px 30px; border-bottom: none; line-height: 1.6; }
.cl-s-mypage .wishlist-top th label { color: #222222; font-size: 15px; font-weight: normal; margin-bottom: 0; user-select: none;}
.cl-s-mypage .wishlist-top th label span { margin-left: 15px; }
.cl-s-mypage .wishlist-top .btn-sel-del { height: 28px; min-width: 72px; background-color: #ffffff; border: 1px solid #d5d5d5; font-size: 13px; color: #474747; padding: 5px; line-height: 1;}
.cl-s-mypage .btn-del-wishlist svg { fill : #898989; vertical-align: middle;}
.cl-s-mypage .hidden-checkbox + svg, .cl-s-mypage .hidden-checkbox + svg + svg { display: none; position: relative; top: 3px; cursor: pointer; user-select: none; }
.cl-s-mypage .hidden-checkbox:not(:checked) + svg { display: inline-block; fill: #dfdfdf; }
.cl-s-mypage .hidden-checkbox:checked + svg + svg { display: inline-block; fill: #4789e7; }
.cl-s-mypage .wishlist-body { border-bottom: 1px solid #222222; background-color: #ffffff; }
.cl-s-mypage .wishlist-body td { padding-top: 20px; padding-bottom: 20px; border-bottom-color: #f2f2f2; }
.cl-s-mypage .wishlist-body td.check-td { padding-left: 0px; padding-right: 15px; }
.cl-s-mypage .wishlist-body .thumb-td { padding-left: 0; padding-right: 0;}
.cl-s-mypage .wishlist-body .thumb-td img { width: 80px; height: 80px; border: 1px solid #e6e6e6; }
.cl-s-mypage .wishlist-body .content-td { padding-left: 15px; }
.cl-s-mypage .wishlist-body tr:first-child td { border-top: none;}
.cl-s-mypage .wishlist-body .del-td { padding-right: 0; text-align: right; }
.cl-s-mypage .wishlist-body .product-title { color: #676767; font-size: 14px; font-weight: normal; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; }
.cl-s-mypage .wishlist-body .product-price { color: #222222; font-size: 16px; font-weight: bold; }
.cl-s-mypage .wishlist-body .product-price-unit { color: #222222; font-size: 15px; font-weight: normal; }
.cl-s-mypage .wishlist-body .opa { opacity: .4; }
.cl-s-mypage .wishlist-body .btn-del-wishlist { cursor: pointer; width: 24px; height: 24px; text-align: center; display: inline-block; }
.cl-s-mypage .wishlist-body .product-status-bullet { border-radius: 10.5px; font-size: 12px; display: inline-block; padding: 2px 12px; margin-bottom: 5px; }
.cl-s-mypage .wishlist-body .product-status-bullet.soldout { background-color: #ffffff; color: #676767; border: 1px solid #b4b4b4; }
.cl-s-mypage .wishlist-body .product-status-bullet.cannotbuy { background-color: #ffffff; color: #676767; border: 1px solid #b4b4b4; }
.cl-s-mypage .wishlist-body .product-status-bullet.removed { background-color: #7a7a7a; color: #ffffff; }
.cl-s-mypage .wishlist-body table { margin: 0 30px; width: calc(100% - 60px); }
.cl-s-mypage .wishlist-body.empty-list td { color: #b4b4b4; font-size: 13px; height: 259px; text-align: center; vertical-align: middle !important; }
.cl-s-mypage .wishlist-body.empty-list table { margin: 0 !important; width: 100%; }
.wishlist-paging { margin-top: 30px; width: 100%; text-align: center; }
.wishlist-paging strong, .wishlist-paging span, .wishlist-paging a { width: 30px; font-size: 13px; display: inline-block; }
.wishlist-paging strong { color: #222222; font-weight: normal; text-align: center; }
.wishlist-paging span.page-num { color: #b4b4b4; }
.wishlist-paging span[disabled] { fill: #b4b4b4; visibility: hidden; }
a.removed-popup { cursor: pointer; }


@media only screen and (min-width: 768px) {
    .col-max-width-767 { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .cl-s-mypage .wishlist-top th { padding: 15px; }
    .cl-s-mypage .wishlist-body table { margin: 0 15px; width: calc(100% - 30px); }
    .cl-s-mypage .wishlist-body .thumb-td img { width: 60px; height: 60px; }
    .col-min-width-768 { display: none !important; }
}

/** 찜한상품 */

@media only screen and (max-width: 991px) {
    .photo-review {
        padding: 30px;
    }

    .photo-list-box .photo-list:nth-child(2n) {
        margin-left: 25px;
        margin-right: 0px;
    }
    .review-content-box {
        margin-right: 15px;
        width: calc(100% - 100px);
    }

    .photo-list-box .photo-list {
        width: calc(50% - 25px);
        margin-right: 25px;
    }

    .point-setting-box {
        display: flex;
        flex-direction: column;
    }

    .point-setting-box .my-point {
        width: 100%;
        justify-content: center;
        display: flex;  
        align-items: center;
    }

    .point-setting-box .my-point .mobile-info-status {
        display: block;
    }

    .point-setting-box .my-point .mobile-info-status .my-point-check {
        margin-left: 20px;
        margin-right: 6px;
        font-size: 28px;
    }

    .point-setting-box .my-point .mobile-info-status .my-point-check + .money-unit {
        font-size: 18px;
        color: #4789e7;
    }

    .point-setting-box .my-point .my-point-title.mobile-my-point-title, .point-setting-box .my-point .my-point-check.mobile-my-point-title {
        display: none;
    }

    .point-setting-box .search-point {
        width: 100%;
        justify-content: center;
        display: flex;   
        margin-top: 20px;
    }

    .point-setting-box .search-point .my-point-title.mobile-my-point-title {
        display: none;
    }

    .my-point-title{margin: 0 20px 0 0;}
    .my-point-check>span>span{margin-left: 6px; font-size: 18px; position: relative; top: -4px; }
    .mp-wrap .point-container .point-status.point-left {display: none;}
    .mp-table .point-container { justify-content: space-between; }
    .mp-grid .mp-wrap .point-container .point-info.point-mid { flex: 1 1; }
}

@media only screen and (max-width: 767px) {
    .point-setting-box {
        display: block;
        text-align: center;
        padding: 30px 15px;
    }
    .mobile-my-point-title {
        display: none;
    }
    .search-point .input-group {
        width: calc(50% - 45px);
        max-width: calc(50% - 45px);
        padding: 4px 0px;
        height: 34px;
    }
    .search-point .change-date-box .input-group .shopping-visit-datetext {
        left: 5px;
    }
    .my-point {
        width: 100%;
        margin-bottom: 30px;
    }
    .info-status {
        font-size: 16px;
    }
    .info-status-content {
        display: none;
    }
    .mobile-info-status {
        display: block;
    }
    .shopping-visit-btn {
        float: right;
    }
    .cl-s-mypage .mp-grid.point-grid + .mp-grid.point-grid {
        margin-top: 0px;
        position: relative;
    }
    .cl-s-mypage .mp-grid.point-grid {
        padding: 0px;
    }
    .point-container .point-info {
        width: calc(100% - 188px);
    }
    .point-container .point-price {
        width: auto;
        flex: 1 1 120px;
    }
    .search-point {
        width: 100%;
    }
    .mp-grid .mp-table .point-container.point-size {
        justify-content: space-between;
    }
    .mp-table .point-container .point-price.point-last{
        width: 100px;
    }
    .mp-wrap .point-container .point-status.point-left {
    margin: 0px 15px 0px 0px;
    }
    .mp-grid .mp-wrap .point-container .point-info.point-mid {
        width: auto; flex: 1 1 auto; margin-right: 20px; max-width: calc(100% - 140px);
    }
    .mp-table .point-container .point-info .point-option.point-text { width: 100%; }

    .point-info .point-info-etc { display: flex; flex-wrap: wrap; flex-direction: row; line-height: 1.4; }
    .point-info .point-orderno,
    .point-info .point-info-etc .point-option { display: inline-block; }
    /*.point-info .point-info-etc .point-bar    { display: none; }*/

    .s-table-review .review-score{margin-bottom: 6px;}

    .mypage-tab{flex-wrap: wrap;padding:0px 15px;border:none; justify-content: flex-start;}
    .mypage-tab div{ border: 1px solid #e2e2e2; flex: 0 0 calc(50% - 3px); }
    .mypage-tab div:nth-child(even) { margin-left: 6px; }
    .mypage-tab div:nth-child(n+3) { margin-top: 6px; }
    .mypage-tab div:first-child { border-left: 1px solid #e2e2e2; }
    .mypage-tab div:last-child { border-right: 1px solid #e2e2e2; }
    /*.mypage-tab div:nth-child(1),
    .mypage-tab div:nth-child(2) {border-bottom: 1px solid #e2e2e2;  margin-bottom: 5px;}
    .mypage-tab div:nth-child(3),
    .mypage-tab div:nth-child(4) {border-top: 1px solid #e2e2e2;}*/

    .cl-s-mypage .point-grid .mp-table > div {
        padding:20px 0px;
    }
    .point-grid .point-status { display: none; }

    .point-used-desc .desc-box { padding: 20px 15px; }
}

@media only screen and (max-width: 360px) {
    .cl-s-mypage .mp-grid.point-grid:before {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        padding: 0 15px;
        background-color: #f2f2f2;
        background-clip: content-box;
    }
}

.allProducts-sort-wrap {padding: 20px 0 20px 0; background-color: var(--gcate-background); }
.allProducts-sort-wrap.nosticky { background-color: transparent; }
.allProducts-sort-wrap .allProducts-sort-list {padding: 0 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.allProducts-sort-wrap .allProducts-sort-list li a {padding: 0 8px; color: #b4b4b4;}
.allProducts-sort-wrap .allProducts-sort-list li:last-child a { padding: 0 0 0 10px; }
.allProducts-sort-wrap .allProducts-sort-list li:first-child a { padding: 0 10px 0 0; }
.allProducts-sort-wrap .allProducts-sort-list li.active a{color: #878787;}
.allProducts-sort-wrap .allProducts-sort-mobile{display: none; padding: 0 15px 0 9px}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-toggle {display: block; padding: 6px 10px; color: #878787; font-size: 13px;}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-toggle svg{margin-left: 10px; fill: #696c71; vertical-align: middle;}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown.open .dropdown-toggle svg{transform: rotate(180deg);}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu {padding: 10px !important; margin: 0; min-width: 90px; width: 90px; border-radius: 0; box-shadow: none;}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu a {display: block; padding: 0; font-size: 13px; color: #696c71;}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu > li > a:hover,
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu > li > a:focus {color: #b4b4b4; background-color: #fff;}
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu > .active > a,
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu > .active > a:hover,
.allProducts-sort-wrap .allProducts-sort-mobile .dropdown .dropdown-menu > .active > a:focus{background-color: #fff; color: #4789e7;}

.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="0"] + .container .allProducts-sort-wrap { margin: 0 0px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="1"] + .container .allProducts-sort-wrap { margin: 0 1px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="2"] + .container .allProducts-sort-wrap { margin: 0 2px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="3"] + .container .allProducts-sort-wrap { margin: 0 3px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="4"] + .container .allProducts-sort-wrap { margin: 0 4px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="5"] + .container .allProducts-sort-wrap { margin: 0 5px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="6"] + .container .allProducts-sort-wrap { margin: 0 6px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="7"] + .container .allProducts-sort-wrap { margin: 0 7px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="8"] + .container .allProducts-sort-wrap { margin: 0 8px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="9"] + .container .allProducts-sort-wrap { margin: 0 9px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="10"] + .container .allProducts-sort-wrap { margin: 0 10px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="11"] + .container .allProducts-sort-wrap { margin: 0 11px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="12"] + .container .allProducts-sort-wrap { margin: 0 12px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="13"] + .container .allProducts-sort-wrap { margin: 0 13px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="14"] + .container .allProducts-sort-wrap { margin: 0 14px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="15"] + .container .allProducts-sort-wrap { margin: 0 15px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="16"] + .container .allProducts-sort-wrap { margin: 0 16px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="17"] + .container .allProducts-sort-wrap { margin: 0 17px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="18"] + .container .allProducts-sort-wrap { margin: 0 18px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="19"] + .container .allProducts-sort-wrap { margin: 0 19px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="10"] + .container .allProducts-sort-wrap { margin: 0 20px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="21"] + .container .allProducts-sort-wrap { margin: 0 21px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="22"] + .container .allProducts-sort-wrap { margin: 0 22px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="23"] + .container .allProducts-sort-wrap { margin: 0 23px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="24"] + .container .allProducts-sort-wrap { margin: 0 24px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="25"] + .container .allProducts-sort-wrap { margin: 0 25px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="26"] + .container .allProducts-sort-wrap { margin: 0 26px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="27"] + .container .allProducts-sort-wrap { margin: 0 27px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="28"] + .container .allProducts-sort-wrap { margin: 0 28px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="29"] + .container .allProducts-sort-wrap { margin: 0 29px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="30"] + .container .allProducts-sort-wrap { margin: 0 30px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="31"] + .container .allProducts-sort-wrap { margin: 0 31px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="32"] + .container .allProducts-sort-wrap { margin: 0 32px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="33"] + .container .allProducts-sort-wrap { margin: 0 33px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="34"] + .container .allProducts-sort-wrap { margin: 0 34px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="35"] + .container .allProducts-sort-wrap { margin: 0 35px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="36"] + .container .allProducts-sort-wrap { margin: 0 36px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="37"] + .container .allProducts-sort-wrap { margin: 0 37px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="38"] + .container .allProducts-sort-wrap { margin: 0 38px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="39"] + .container .allProducts-sort-wrap { margin: 0 39px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="40"] + .container .allProducts-sort-wrap { margin: 0 40px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="41"] + .container .allProducts-sort-wrap { margin: 0 41px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="42"] + .container .allProducts-sort-wrap { margin: 0 42px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="43"] + .container .allProducts-sort-wrap { margin: 0 43px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="44"] + .container .allProducts-sort-wrap { margin: 0 44px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="45"] + .container .allProducts-sort-wrap { margin: 0 45px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="46"] + .container .allProducts-sort-wrap { margin: 0 46px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="47"] + .container .allProducts-sort-wrap { margin: 0 47px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="48"] + .container .allProducts-sort-wrap { margin: 0 48px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="49"] + .container .allProducts-sort-wrap { margin: 0 49px; }
.userELallProducts[data-type="gallery"][data-id="all_products"] .goption[data-gpd="50"] + .container .allProducts-sort-wrap { margin: 0 50px; }


@media only screen and (max-width: 767px) {
    .allProducts-sort-wrap{padding: 15px 0;}
}
@media only screen and (max-width: 455px) {
    .allProducts-sort-wrap .allProducts-sort-mobile{display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center;}
    .allProducts-sort-wrap .allProducts-sort-list {display: none;}
}
/********************************************************************************************************************/
/********************************************************************************************************************/
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 10%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #3C4450;
  animation: spinner .9s linear infinite;
}
.gallery-items-loadmore.spinner:before { left: 43.5%; }
body > .overlay{position: fixed; width: 100%; height: 100vh; background: #fff; opacity: 0.7; z-index: 99;}
body > .overlay.spinner:before {left: 50%;}




/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/**[ LUX Gallery ] .shop-filter-header ****************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/** common **/
.shop-filter-header .sub-category-list li,
.shop-filter-header .dropdown-menu li { cursor: pointer; }
.shop-filter-header .dropdown-menu li.active { color: #4789E7; }

.shop-filter-header .prod-search-brand .ui-helper-hidden-accessible { display: none; }

.ui-autocomplete { position: absolute; z-index:9999; border:1px solid #ccc; min-width:250px; background-color:#fff; max-height:200px; overflow-y: auto; overflow-x: hidden; font-family: 'Pretendard';} 
.ui-autocomplete > li { padding:5px 15px; }
.ui-autocomplete > li.active,
.ui-autocomplete > li:hover { color:#fff; background-color:#4789e7; }
.ui-autocomplete > li > a { white-space: nowrap;}

/** default **/
.shop-filter-header:not([data-skin]) .sub-category-list { margin: 20px 0px 0px; }
.shop-filter-header:not([data-skin]) .sub-category-list li {
    display: inline-block;
    padding: 2px 15px 2px 0px;
    border: 0px solid #424242;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 20px;
    font-family: "Pretendard";
    font-weight: 400;
}

.shop-filter-header:not([data-skin]) .sub-category-list li.active { color: #4789E7; font-weight: 700; }
.shop-filter-header:not([data-skin]) .sub-category-list .sub-category { color: #999; font-weight: 400; }
.shop-filter-header:not([data-skin]) .selected-category-list {
    list-style: none;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-items: flex-start;
    flex-direction: row;
    height: 32px;
    margin: 0 0 20px;
    padding: 10px 20px 0px;
}
.shop-filter-header:not([data-skin]) .selected-category-list li.search-product { margin-left:auto; }
.shop-filter-header:not([data-skin]) .selected-category-item {
    position: relative;
    padding-left: 52px;
    height: 32px;
    display: flex;
    align-items: center;
    font-family: 'Pretendard', 'Nanum Gothic';
    font-size: 25px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
}
.shop-filter-header:not([data-skin]) .selected-category-item:first-child { padding-left: 0px; }
.shop-filter-header:not([data-skin]) .selected-category-item:first-child:before { width: 0px; background-image: none; }
.shop-filter-header:not([data-skin]) .selected-category-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 32px;
    height: 32px;
    background-image: url(https://www.trenbe.com/arrow_big.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
.shop-filter-header:not([data-skin]) .filter-wrap {
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 6px;
    border-bottom: 3px solid #000;
    min-height: 54px;
}
.shop-filter-header:not([data-skin]) .filter-wrap button.recommend-filter {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    font-family: "Pretendard";
    color: #777;
    background-color: #f9f9f9;
    height: 30px;
    margin: 0 5px 10px 0;
    padding: 0px 12px;
    font-size: 13px;
    font-weight: normal;
    border: none;
    border-radius: 17.5px;
}

.shop-filter-header:not([data-skin]) .filter-wrap button.recommend-filter.dropdown-button {
    border: 1px solid #4789E7;
    color: #4789E7;
    box-shadow: none;
}
.shop-filter-header:not([data-skin]) .filter-wrap button.recommend-filter.dropdown-button svg { vertical-align: middle; }
.shop-filter-header:not([data-skin]) .filter-wrap .btn-group.right { float: right; }
.shop-filter-header:not([data-skin]) .filter-wrap .btn-group.right .dropdown-menu {
    left: auto;
    right: 0;
}
.shop-filter-header:not([data-skin]) .filter-wrap button.recommend-filter.item-filter { border-radius: 0px; }
.shop-filter-header:not([data-skin]) .filter-wrap.hashtag button.recommend-filter {
    background-color: #fff;
    padding: 0px 5px;
}
.shop-filter-header:not([data-skin]) .filter-wrap .filter-buttons { display:inline-block; float:right; }
.shop-filter-header:not([data-skin]) .filter-wrap .filter-buttons button.recommend-filter { margin:0 0px 10px 5px; }
.shop-filter-header:not([data-skin]) .filter-wrap .prod-search-brand { 
    display: inline-block;
    position: relative;
    top: -4px;
    margin-right: 10px;    
}
.shop-filter-header:not([data-skin]) .filter-wrap .prod-search-brand svg {
    position: absolute;
    top: 7px;
    left: 10px;
}
.shop-filter-header:not([data-skin]) .filter-wrap .prod-search-brand .search-brand-input {
    background-color: #f9f9f9;
    border: 1px;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    width: 220px;
    font-family: "Pretendard";
}
.shop-filter-header:not([data-skin]) .filter-wrap .dropdown-menu {
    padding: 0px;
    min-width: 100px;
    left: calc(50% + 2.5px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.shop-filter-header:not([data-skin]) .filter-wrap .dropdown-menu li {
    font-family: "Pretendard";
    padding: 10px 27px;
    position: relative;
    white-space: nowrap;
}
.shop-filter-header:not([data-skin]) .filter-wrap .dropdown-menu li.active {
    font-weight: 600;
    color: #4789E7;
}
.shop-filter-header:not([data-skin]) .filter-wrap .dropdown-menu li.disabled { color:#ddd; }
.shop-filter-header:not([data-skin]) .filter-wrap .dropdown-menu li.active:before {
    content: '\f00c';
    position: absolute;
    font-family: 'FontAwesome';
    color: #4789E7;
    left: 10px;
}
.shop-filter-header:not([data-skin]) .checked-filters { padding:0px 15px 5px; min-height:50px; }
.shop-filter-header:not([data-skin]) .checked-filters > li {
    position: relative;
    display: inline-block;
    padding: 2px 6px 2px 12px;
    border: 0px solid #424242;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 20px;
    background-color: #4789E7;
    color: #fff;
    text-align: center;
    font-family: "Pretendard";
    font-weight: 200;
}
.shop-filter-header:not([data-skin]) .checked-filters > li > svg {
    position: relative;
    top: 4px;
    fill: #ddd;
    cursor: pointer;
}

.shop-filter-header:not([data-skin]) .search-product { position:relative;}
.shop-filter-header:not([data-skin]) .search-product-cancel { position:absolute; top:9px; right:10px; cursor: pointer;}
.shop-filter-header:not([data-skin]) .search-product-cancel svg { fill: #9b9b9b;}

.shop-filter-header:not([data-skin]) .checked-filters .list-filter { float:right; }
.shop-filter-header:not([data-skin]) .checked-filters .list-filter button.recommend-filter { 
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    font-family: "Pretendard";
    color: #777;
    background-color: transparent;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 1px 0 12px;
    font-size: 13px;
    font-weight: normal;
    border: none;
    border-radius: 17.5px;
    margin-left: 3px;
}
.shop-filter-header:not([data-skin]) .checked-filters .list-filter button.recommend-filter svg { position:relative; top:2px; left:2px;}
.shop-filter-header:not([data-skin]) .checked-filters .list-filter.btn-group.open .dropdown-toggle { box-shadow: none;}
.shop-filter-header:not([data-skin]) .checked-filters .list-filter.btn-group.open .dropdown-menu li {
    font-family: "Pretendard";
    padding:3px 15px;
    font-size:13px;
}
.shop-filter-header:not([data-skin]) .checked-filters .list-filter .dropdown-menu { width:80px; min-width: auto;}
.shop-filter-header:not([data-skin]) .product-name-input { 
    border-radius: 15px;
    border: 0px;
    background-color: #f9f9f9;
    font-family: "Pretendard";
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 20px;
}
.shop-filter-header:not([data-skin]) .product-name-search {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;    
}

@media only screen and (max-width: 991px) {
    .shop-filter-header:not([data-skin]) .selected-category-list {
        position: relative;
        padding-top: 50px;
        height: 82px;
    }
    .shop-filter-header:not([data-skin]) .selected-category-list li.search-product { position: absolute; top: 5px; right: 5px; }
    .shop-filter-header:not([data-skin]) .filter-wrap { padding-top: 15px; }
    .shop-filter-header:not([data-skin]) .filter-wrap .prod-search-brand { display: block; }
    .shop-filter-header:not([data-skin]) .filter-wrap .filter-buttons { float: none; }
}



/** [data-skin="001"] **/
.shop-filter-header[data-skin="001"] { font-family: 'Noto Sans KR'; }

.shop-filter-header[data-skin="001"] .search-product { padding-top: 20px; }
.shop-filter-header[data-skin="001"] .search-product .product-name-input { 
    display: inline-block;
    width: 55px; 
    height: auto;
    padding: 0;
    border: none; 
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    color: #6d6d6d;
}
.shop-filter-header[data-skin="001"] .search-product .product-name-input:focus { -webkit-box-shadow: none; box-shadow: none; }
.shop-filter-header[data-skin="001"] .search-product .product-name-input:-webkit-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="001"] .search-product .product-name-input:-moz-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="001"] .search-product .product-name-input:-ms-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="001"] .search-product .search-product-btn { display: inline-block; float: right; height: 1; padding-top: 3px; margin-right: 10px; pointer-events: none; }

.shop-filter-header[data-skin="001"] .selected-category-list {
    margin-top: 40px;
    margin-bottom: 40px;
    list-style: none;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: 'Spoqa Han Sans';
    font-size: 34px;
    font-weight: 400;
    line-height: 1.26;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}
.shop-filter-header[data-skin="001"] .selected-category-list > li { position: relative; }
.shop-filter-header[data-skin="001"] .selected-category-list > li + li:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px; height: 18px;
    border: 2px solid #000000;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate(-4px,19px);
    transform-origin: 25% 25%;
    opacity: 0.7;
}
.shop-filter-header[data-skin="001"] .selected-category-list > li + li { padding-left: 48px; }



.shop-filter-header[data-skin="001"] .sub-category-list {
    margin-top: 40px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.shop-filter-header[data-skin="001"] .sub-category-list > li > .sub-category-name {
    display: inline-block;  
    min-width: 120px;
    height: 42px;
    padding: 10px 10px 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: solid 1px #f5f5f5;
    background-color: #fafafa;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal;
    color: #6d6d6d;
}
.shop-filter-header[data-skin="001"] .sub-category-list > li.active > .sub-category-name { background-color: #000000; border-color: #000000; color: #ffffff; }
.shop-filter-header[data-skin="001"] .sub-category-list > li { padding-bottom: 10px; }
.shop-filter-header[data-skin="001"] .sub-category-list > li + li { padding-left: 10px; }
.shop-filter-header[data-skin="001"] .line-wrap { position: relative; margin: 60px 0 40px; }
.shop-filter-header[data-skin="001"] .line-wrap hr.line { position: relative; display: block; width: 100%; height: 1px; border: 0; border-bottom: 1px solid #000000; pointer-events: none; margin: 0; }

.shop-filter-header[data-skin="001"] .filter-wrap {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.shop-filter-header[data-skin="001"] .prod-search-brand { position: relative; display: inline-block; margin-top: 10px; margin-right: 30px; }
.shop-filter-header[data-skin="001"] .prod-search-brand > svg { position: absolute; top: 10px; left: 7px; pointer-events: none; }
.shop-filter-header[data-skin="001"] .search-brand-input { 
    padding: 0px 6px 0px 33px; 
    max-width: 100%;
    width: 320px;
    height: 32px;
    -webkit-border-radius: 30px; 
    border-radius: 30px; 
    border: 1px solid #f5f5f5; 
    background-color: #fafafa;
    color: #6d6d6d;
    font-size: 14px; 
    font-weight: 300; 
}
.shop-filter-header[data-skin="001"] .search-brand-input:-webkit-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="001"] .search-brand-input:-moz-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="001"] .search-brand-input:-ms-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="001"] .filter-buttons { position: relative; display: inline-block; flex: 2; }
.shop-filter-header[data-skin="001"] .filter-buttons > .btn-group { margin-top: 10px; }
.shop-filter-header[data-skin="001"] .filter-buttons > .btn-group + .btn-group { margin-left: 10px; }
.shop-filter-header[data-skin="001"] .list-filter:not(.item-filter) {
    min-width: 80px;
    height: 32px;
    padding: 0 15px;
    -webkit-border-radius: 30px; 
    border-radius: 30px; 
    border: 1px solid #ececec; 
    background-color: #ffffff;
    color: #000000;
    font-size: 13px; 
    font-weight: 300;
    line-height: 1;
    text-align: center;
    -webkit-box-shadow: none!important; 
    box-shadow: none!important;
}
.shop-filter-header[data-skin="001"] .list-filter:not(.item-filter) > svg { vertical-align: middle; margin-left: 3px; fill: #000000; }
.shop-filter-header[data-skin="001"] .list-filter.item-filter {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none; 
    box-shadow: none;
    color: #707070;
    font-size: 13px; 
    font-weight: 300;
    margin-top: 13px;
}
.shop-filter-header[data-skin="001"] .list-filter.item-filter > svg { vertical-align: middle; margin-left: 10px; fill: #707070; }
.shop-filter-header[data-skin="001"] .list-filter.item-filter + .dropdown-menu { -webkit-border-radius: 20px; border-radius: 20px; }
.shop-filter-header[data-skin="001"] .list-filter + .dropdown-menu {
    padding: 0px;
    min-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #ececec; 
}
.shop-filter-header[data-skin="001"] .list-filter + .dropdown-menu li {
    padding: 8px 15px;
    position: relative;
    white-space: nowrap;
    font-size: 13px; 
    font-weight: 300;
}
.shop-filter-header[data-skin="001"] .checked-filters { padding-top: 10px; }
.shop-filter-header[data-skin="001"] .checked-filters .user-checked {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 9px 0px 15px;
    cursor: pointer;
    margin-bottom: 10px;
}
.shop-filter-header[data-skin="001"] .checked-filters .user-checked + .user-checked { margin-left: 10px; }
.shop-filter-header[data-skin="001"] .checked-filters .user-checked > svg { fill: #fff; transform: translate(-3px, 3px); }
.shop-filter-header[data-skin="001"] .goption-row.last { margin-top: 30px; margin-bottom: 24px; }
.shop-filter-header[data-skin="001"] .result-summary { display: inline-block; max-width: 70%; color: #000000; }
.shop-filter-header[data-skin="001"] .result-summary > h1 { margin: 0px 20px 0px 0px; display: inline-block; font-size: 30px; font-weight: 300;  line-height: 1; }
.shop-filter-header[data-skin="001"] .result-summary > span { font-size: 16px; font-weight: 300; }



@media only screen and (max-width: 991px) {
    .shop-filter-header[data-skin="001"] .list-filter:not(.item-filter) { padding: 0 7px 0 10px; }
}
@media only screen and (max-width: 767px) {
    .shop-filter-header[data-skin="001"] .search-product { margin-top: 0; }
    .shop-filter-header[data-skin="001"] .selected-category-list { margin-top: 30px; margin-bottom: 25px; font-size: 28px; }
    .shop-filter-header[data-skin="001"] .sub-category-list { margin-top: 25px; }
    .shop-filter-header[data-skin="001"] .sub-category-list > li > .sub-category-name { min-width: auto; height: 35px; padding: 7px 17px 0; }
    .shop-filter-header[data-skin="001"] .line-wrap { margin: 30px 0 20px; }
    .shop-filter-header[data-skin="001"] .filter-wrap { flex-direction: column; margin-bottom: 10px; }
    .shop-filter-header[data-skin="001"] .prod-search-brand { margin-top: 0; margin-right: 0; }
    .shop-filter-header[data-skin="001"] .filter-buttons { display: block; flex: initial; }
    .shop-filter-header[data-skin="001"] .filter-buttons > .btn-group + .btn-group { margin-left: 5px; }
    .shop-filter-header[data-skin="001"] .filter-wrap { margin-bottom: 10px; }
    .shop-filter-header[data-skin="001"] .goption-row.last { margin-top: 20px; margin-bottom: 10px; }
    .shop-filter-header[data-skin="001"] .result-summary > h1 { font-size: 22px; margin-right: 10px; }
    .shop-filter-header[data-skin="001"] .result-summary > span { font-size: 14px; }
    .shop-filter-header[data-skin="001"] .list-filter.item-filter { margin-top: 2px; }
    .shop-filter-header[data-skin="001"] .list-filter.item-filter > svg { margin-left: 3px; }
}



/** [data-skin="002"] **/
.shop-filter-header[data-skin="002"] { font-family: 'Noto Sans KR'; }

.shop-filter-header[data-skin="002"] .selected-category-list {
    display: inline-block;
    float: left;
    max-width: 80%;
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #b2b1b0;
}
.shop-filter-header[data-skin="002"] .selected-category-list > li { position: relative; float: left; }
.shop-filter-header[data-skin="002"] .selected-category-list > li.active { color: #222428; }
.shop-filter-header[data-skin="002"] .selected-category-list > li + li:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 19px;
    width: 7px; height: 7px;
    border: 1px solid #b2b1b0;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate(-13px,-2px);
    transform-origin: 25% 25%;
}
.shop-filter-header[data-skin="002"] .selected-category-list > li + li { padding-left: 27px; }
.shop-filter-header[data-skin="002"] .selected-category-h1 { margin-top: 0; margin-bottom: 40px; text-align: center; color: #222428; font-size: 26px; font-weight: 400; line-height: 1.46; cursor: default; }



.shop-filter-header[data-skin="002"] .search-product { display: inline-block; float: right; }
.shop-filter-header[data-skin="002"] .search-product .product-name-input { 
    display: inline-block;
    width: 55px; 
    height: auto;
    padding: 0;
    border: none; 
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    color: #6d6d6d;
}
.shop-filter-header[data-skin="002"] .search-product .product-name-input:focus { -webkit-box-shadow: none; box-shadow: none; }
.shop-filter-header[data-skin="002"] .search-product .product-name-input:-webkit-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="002"] .search-product .product-name-input:-moz-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="002"] .search-product .product-name-input:-ms-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="002"] .search-product .search-product-btn { display: inline-block; float: right; height: 1; padding-top: 3px; margin-right: 10px; pointer-events: none; }



.shop-filter-header[data-skin="002"] .sub-category-list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.shop-filter-header[data-skin="002"] .sub-category-list > li > .sub-category-name {
    display: inline-block;  
    min-width: 89px;
    height: 37px;
    padding: 8px 15px 0;
    border: solid 1px #ececec;
    background-color: #ffffff;
    text-align: center;
    font-family: 'Spoqa Han Sans';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.31;
    letter-spacing: normal;
    color: #000000;
}
.shop-filter-header[data-skin="002"] .sub-category-list > li.active > .sub-category-name { font-weight: 500; border-color: #000000; }
.shop-filter-header[data-skin="002"] .sub-category-list > li { padding-bottom: 20px; }
.shop-filter-header[data-skin="002"] .sub-category-list > li + li { padding-left: 20px; }
.shop-filter-header[data-skin="002"] .line-wrap { position: relative; margin: 35px 0px; }
.shop-filter-header[data-skin="002"] .line-wrap hr.line { position: relative; display: block; width: 100%; height: 1px; border: 0; border-bottom: 1px solid #dcdcdc; pointer-events: none; margin: 0; }

.shop-filter-header[data-skin="002"] .filter-wrap {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.shop-filter-header[data-skin="002"] .prod-search-brand { position: relative; display: inline-block; margin-right: 30px; }
.shop-filter-header[data-skin="002"] .prod-search-brand > svg { position: absolute; top: 7px; left: 9px; pointer-events: none; fill: #000000; }
.shop-filter-header[data-skin="002"] .search-brand-input { 
    padding: 0px 10px 0px 33px; 
    max-width: 100%;
    width: 244px;
    height: 30px;
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
    border: 1px solid #f5f5f5; 
    background-color: #f7f8f9;
    color: #000000;
    font-size: 14px; 
    font-weight: 300; 
}
.shop-filter-header[data-skin="002"] .search-brand-input:-webkit-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="002"] .search-brand-input:-moz-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="002"] .search-brand-input:-ms-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="002"] .filter-buttons { position: relative; display: inline-block; flex: 2; }
.shop-filter-header[data-skin="002"] .filter-buttons > .btn-group + .btn-group { margin-left: 5px; }
.shop-filter-header[data-skin="002"] .list-filter:not(.item-filter) {
    min-width: 83px;
    height: 30px;
    padding: 0 15px;
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
    border: 1px solid #ececec; 
    background-color: #ffffff;
    color: #000000;
    font-size: 13px; 
    font-weight: 300;
    line-height: 1;
    text-align: center;
    -webkit-box-shadow: none!important; 
    box-shadow: none!important;
}
.shop-filter-header[data-skin="002"] .list-filter:not(.item-filter) > svg { vertical-align: middle; margin-left: 3px; fill: #000000; }
.shop-filter-header[data-skin="002"] .list-filter.item-filter {
    min-width: 102px;
    height: 32px;
    -webkit-box-shadow: none; 
    box-shadow: none;
    border: 1px solid #dadada;
    background-color: #ffffff;
    color: #707070;
    font-size: 13px; 
    font-weight: 400;
    text-align: left;
    padding: 1px 11px;
}
.shop-filter-header[data-skin="002"] .list-filter.item-filter > svg { vertical-align: middle; margin: 10px 0px 0px auto; float: right; fill: #707070; }
.shop-filter-header[data-skin="002"] .list-filter.item-filter ~ .dropdown-menu { -webkit-border-radius: 0px; border-radius: 0px; border-color: #dadada;}
.shop-filter-header[data-skin="002"] .list-filter ~ .dropdown-menu {
    padding: 0px;
    min-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);op-=
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #ececec; 
}
.shop-filter-header[data-skin="002"] .list-filter ~ .dropdown-menu li {
    padding: 6px 11px;
    position: relative;
    white-space: nowrap;
    font-size: 13px; 
    font-weight: 300;
}
.shop-filter-header[data-skin="002"] .checked-filters:empty { display: none; }
.shop-filter-header[data-skin="002"] .checked-filters .user-checked {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 9px 0px 15px;
    cursor: pointer;
    margin-bottom: 10px;
}
.shop-filter-header[data-skin="002"] .checked-filters .user-checked + .user-checked { margin-left: 10px; }
.shop-filter-header[data-skin="002"] .checked-filters .user-checked > svg { fill: #fff; transform: translate(-3px, 3px); }
.shop-filter-header[data-skin="002"] .goption-row.last { position: relative; margin-top: 40px; margin-bottom: 18px; }
.shop-filter-header[data-skin="002"] .result-summary { display: inline-block; max-width: 70%; color: #000000; float: left; }
.shop-filter-header[data-skin="002"] .result-summary > h1 { margin: 0px 15px 0px 0px; display: inline-block; font-size: 30px; font-weight: 300; line-height: 1.2; }
.shop-filter-header[data-skin="002"] .result-summary > span { font-size: 16px; font-weight: 300; line-height: 1.5; }
.shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last { margin-top: 0px; margin-bottom: 10px; }
.shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last > div { position: absolute; top: -51px; right: 0px; }
.shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last .result-summary { top: -47px; right: 132px; }
.shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last .result-summary > h1 { display: none; }
.shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last .result-summary > span { font-size: 13px; font-weight: 400; line-height: 1.46; }


@media only screen and (max-width: 991px) {
    .shop-filter-header[data-skin="002"] .sub-category-list { justify-content: flex-start; }
    .shop-filter-header[data-skin="002"] .sub-category-list > li { padding-bottom: 15px; }
    .shop-filter-header[data-skin="002"] .sub-category-list > li + li { padding-left: 15px; }
    .shop-filter-header[data-skin="002"] .sub-category-list > li > .sub-category-name { min-width: auto; font-size: 15px; }
    .shop-filter-header[data-skin="002"] .line-wrap { margin: 25px 0px; }
    .shop-filter-header[data-skin="002"] .filter-wrap { flex-direction: column; margin-bottom: 15px; }
    .shop-filter-header[data-skin="002"] .filter-buttons { display: block; flex: initial; }
    .shop-filter-header[data-skin="002"] .filter-buttons > .btn-group { margin-top: 15px; }
    .shop-filter-header[data-skin="002"] .goption-row.last { margin-top: 20px; margin-bottom: 0px; }
    .shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last { margin-bottom: 0px; }
    .shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last > div { top: -46px; }
    .shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last .result-summary { top: -41px; right: 125px; }
}
@media only screen and (max-width: 767px) {
    .shop-filter-header[data-skin="002"] .selected-category-h1 { margin-bottom: 26px; font-size: 23px }
    .shop-filter-header[data-skin="002"] .sub-category-list > li { padding-bottom: 10px; }
    .shop-filter-header[data-skin="002"] .sub-category-list > li + li { padding-left: 10px; }
    .shop-filter-header[data-skin="002"] .sub-category-list > li > .sub-category-name { height: 30px; padding: 5px 10px 0px; font-size: 13px; }
    .shop-filter-header[data-skin="002"] .line-wrap { margin: 15px 0px; }
    .shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last > div,
    .shop-filter-header[data-skin="002"] .checked-filters:empty ~ .last .result-summary { position: relative; top: initial; right: inherit; margin-right: 0!important; }
    .shop-filter-header[data-skin="002"] .list-filter:not(.item-filter) { min-width: auto; padding: 0 8px; }
    .shop-filter-header[data-skin="002"] .list-filter:not(.item-filter) > svg { margin-bottom: 0; width: 9px; }
}


/** [data-skin="003"] **/
.shop-filter-header[data-skin="003"] { font-family: 'Noto Sans KR'; }
.shop-filter-header[data-skin="003"] .selected-category-list {
    display: inline-block;
    float: left;
    max-width: 80%;
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #b2b1b0;
}
.shop-filter-header[data-skin="003"] .selected-category-list > li { position: relative; float: left; }
.shop-filter-header[data-skin="003"] .selected-category-list > li.active { color: #222428; }
.shop-filter-header[data-skin="003"] .selected-category-list > li + li:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 19px;
    width: 7px; height: 7px;
    border: 1px solid #b2b1b0;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate(-13px,-2px);
    transform-origin: 25% 25%;
}
.shop-filter-header[data-skin="003"] .selected-category-list > li + li { padding-left: 27px; }
.shop-filter-header[data-skin="003"] .selected-category-h1 {
    color: #222428;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.48;
    cursor: default;
    margin-bottom:16px;
}
.shop-filter-header[data-skin="003"] .selected-category-h1:after {
    content:''; background-color: #000; height:2px; width:100%; display: block; margin-top:10px;
}



.shop-filter-header[data-skin="003"] .search-product { display: inline-block; float: right; transform: translateY(30px); }
.shop-filter-header[data-skin="003"] .search-product .product-name-input { 
    display: inline-block;
    width: 55px; 
    height: auto;
    padding: 0;
    border: none; 
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    color: #acb5bd;
}
.shop-filter-header[data-skin="003"] .search-product .product-name-input:focus { -webkit-box-shadow: none; box-shadow: none; }
.shop-filter-header[data-skin="003"] .search-product .product-name-input:-webkit-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="003"] .search-product .product-name-input:-moz-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="003"] .search-product .product-name-input:-ms-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="003"] .search-product .search-product-btn { display: inline-block; float: right; height: 1; padding-top: 3px; margin-right: 10px; pointer-events: none; }



.shop-filter-header[data-skin="003"] .sub-category-list {
    
}
.shop-filter-header[data-skin="003"] .sub-category-list > li { display: inline-block; }
.shop-filter-header[data-skin="003"] .sub-category-list > li > .sub-category-name {
    display: inline-block;
    font-family: 'Spoqa Han Sans';
    color: #767676;
    padding-right:20px;
}
.shop-filter-header[data-skin="003"] .sub-category-list > li.active > .sub-category-name { font-weight: 500; color: #222428; }
.shop-filter-header[data-skin="003"] .line-wrap { position: relative; margin: 16px 0px 38px; }
.shop-filter-header[data-skin="003"] .line-wrap hr.line { position: relative; display: block; width: 100%; height: 1px; border: 0; border-bottom: 1px solid #dcdcdc; pointer-events: none; margin: 0; }

.shop-filter-header[data-skin="003"] .filter-wrap {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.shop-filter-header[data-skin="003"] .prod-search-brand { position: relative; display: inline-block; margin-right: 30px; }
.shop-filter-header[data-skin="003"] .prod-search-brand > svg { position: absolute; top: 7px; left: 9px; pointer-events: none; fill: #000000; }
.shop-filter-header[data-skin="003"] .search-brand-input { 
    padding: 0px 10px 0px 33px; 
    max-width: 100%;
    width: 244px;
    height: 30px;
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
    border: 1px solid #f5f5f5; 
    background-color: #f7f8f9;
    color: #000000;
    font-size: 14px; 
    font-weight: 300; 
}
.shop-filter-header[data-skin="003"] .search-brand-input:-webkit-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="003"] .search-brand-input:-moz-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="003"] .search-brand-input:-ms-input-placeholder { color: #acb5bd; }
.shop-filter-header[data-skin="003"] .filter-buttons { position: relative; display: inline-block; flex: 2; }
.shop-filter-header[data-skin="003"] .filter-buttons > .btn-group + .btn-group { margin-left: 5px; }
.shop-filter-header[data-skin="003"] .list-filter:not(.item-filter) {
    min-width: 83px;
    height: 30px;
    padding: 0 15px;
    border: 1px solid #ececec; 
    background-color: #ffffff;
    color: #000000;
    font-size: 13px; 
    font-weight: 300;
    line-height: 1;
    text-align: center;
    -webkit-box-shadow: none!important; 
    box-shadow: none!important;
}
.shop-filter-header[data-skin="003"] .list-filter:not(.item-filter) > svg { vertical-align: middle; margin-left: 3px; fill: #000000; }
.shop-filter-header[data-skin="003"] .list-filter.item-filter {
    min-width: 102px;
    height: 32px;
    -webkit-box-shadow: none; 
    box-shadow: none;
    border:none;
    background-color: #ffffff;
    color: #707070;
    font-size: 13px; 
    font-weight: 400;
    text-align: left;
    padding: 1px 11px;
}
.shop-filter-header[data-skin="003"] .list-filter.item-filter > svg { vertical-align: middle; margin: 10px 0px 0px auto; float: right; fill: #707070; }
.shop-filter-header[data-skin="003"] .list-filter.item-filter ~ .dropdown-menu { -webkit-border-radius: 0px; border-radius: 0px; border-color: #dadada;}
.shop-filter-header[data-skin="003"] .list-filter ~ .dropdown-menu {
    padding: 0px;
    min-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);op-=
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #ececec; 
}
.shop-filter-header[data-skin="003"] .list-filter ~ .dropdown-menu li {
    padding: 6px 11px;
    position: relative;
    white-space: nowrap;
    font-size: 13px; 
    font-weight: 300;
}
.shop-filter-header[data-skin="003"] .checked-filters:empty { display: none; }
.shop-filter-header[data-skin="003"] .checked-filters .user-checked {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 9px 0px 15px;
    cursor: pointer;
    margin-bottom: 10px;
}
.shop-filter-header[data-skin="003"] .checked-filters .user-checked + .user-checked { margin-left: 10px; }
.shop-filter-header[data-skin="003"] .checked-filters .user-checked > svg { fill: #fff; transform: translate(-3px, 3px); }
.shop-filter-header[data-skin="003"] .goption-row.last { position: relative; margin-top: 40px; margin-bottom: 0px; }
.shop-filter-header[data-skin="003"] .result-summary { display: inline-block; max-width: 70%; color: #000000; }
.shop-filter-header[data-skin="003"] .selected-category-h1 .result-summary { margin-left:20px; }
.shop-filter-header[data-skin="003"] .selected-category-h1 .result-summary > h1 { display:none; }
.shop-filter-header[data-skin="003"] .selected-category-h1 .result-summary > span { font-size: 16px; font-weight: 500; line-height: 1.5; }
.shop-filter-header[data-skin="003"] .last .result-summary > h1 { margin: 0px 15px 0px 0px; display: inline-block; font-size: 30px; font-weight: 300; line-height: 1.2; }
.shop-filter-header[data-skin="003"] .last .result-summary > span { font-size: 16px; font-weight: 300; line-height: 1.5; }
.shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last { margin-top: 0px; margin-bottom: 10px; }
.shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last > div { position: absolute; top: -51px; right: 0px; }
.shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last .result-summary { top: -47px; right: 132px; }
.shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last .result-summary { display: none; }
.shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last .result-summary > span { font-size: 13px; font-weight: 400; line-height: 1.46; }


@media only screen and (max-width: 991px) {
    .shop-filter-header[data-skin="003"] .sub-category-list { justify-content: flex-start; }
    /*.shop-filter-header[data-skin="003"] .sub-category-list > li { padding-bottom: 15px; }
    .shop-filter-header[data-skin="003"] .sub-category-list > li + li { padding-left: 15px; }*/
    .shop-filter-header[data-skin="003"] .sub-category-list > li > .sub-category-name { min-width: auto; font-size: 15px; }
    /*.shop-filter-header[data-skin="003"] .line-wrap { margin: 25px 0px; }*/
    .shop-filter-header[data-skin="003"] .filter-wrap { flex-direction: column; margin-bottom: 15px; }
    .shop-filter-header[data-skin="003"] .filter-buttons { display: block; flex: initial; }
    .shop-filter-header[data-skin="003"] .filter-buttons > .btn-group { margin-top: 15px; }
    .shop-filter-header[data-skin="003"] .goption-row.last { margin-top: 20px; margin-bottom: 0px; }
    .shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last { margin-bottom: 0px; }
    .shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last > div { top: -46px; }
    .shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last .result-summary { top: -41px; right: 125px; }
}
@media only screen and (max-width: 767px) {
    .shop-filter-header[data-skin="003"] .search-product { transform: translateY(10px); }
    .shop-filter-header[data-skin="003"] .selected-category-h1 { font-size: 23px }
    .shop-filter-header[data-skin="003"] .selected-category-h1 .result-summary > span,
    .shop-filter-header[data-skin="003"] .last .result-summary > span { font-size:13px; }
    .shop-filter-header[data-skin="003"] .last .result-summary > h1 { font-size:20px; }
    /*.shop-filter-header[data-skin="003"] .sub-category-list > li { padding-bottom: 10px; }
    .shop-filter-header[data-skin="003"] .sub-category-list > li + li { padding-left: 10px; }*/
    .shop-filter-header[data-skin="003"] .sub-category-list > li > .sub-category-name { height: 30px; padding: 5px 10px 0px; font-size: 13px; }
    .shop-filter-header[data-skin="003"] .line-wrap { margin: 15px 0px; }
    .shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last > div,
    .shop-filter-header[data-skin="003"] .checked-filters:empty ~ .last .result-summary { position: relative; top: initial; right: inherit; margin-right: 0!important; }
    .shop-filter-header[data-skin="003"] .list-filter:not(.item-filter) { min-width: auto; padding: 0 8px; }
    .shop-filter-header[data-skin="003"] .list-filter:not(.item-filter) > svg { margin-bottom: 0; width: 9px; }
}

/*gembrosgioro*/
#sid[value="gembrosgioro__zh"] ~ .input-section .input-section1,
#sid[value="gembrosgioro__zh"] ~ .input-section .option-body,
#sid[value="gembrosgioro__zh"] ~ .input-section > hr,
#sid[value="gembrosgioro__en"] ~ .input-section .input-section1,
#sid[value="gembrosgioro__en"] ~ .input-section .option-body,
#sid[value="gembrosgioro__en"] ~ .input-section > hr,
#sid[value="gembrosgioro__jp"] ~ .input-section .input-section1,
#sid[value="gembrosgioro__jp"] ~ .input-section .option-body,
#sid[value="gembrosgioro__jp"] ~ .input-section > hr{display: none;}
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************