#content_wrap {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
} 
body {
    padding-bottom: 50.28px; 
    max-width: 720px;
    margin: 0 auto;
}
label {
    margin-bottom: 0px; 
}
.ly_wrap {
    height: 0; 
}
footer {
    display: none !important;
}
.m_top {
    width: 100%;
    padding: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb; 
    position: relative;
} 
.m_top img.back {
    width: 20px;
    height: 19px;
    margin-right: 10px;
}
.m_top p.title {
    margin: 0;
    font-family: var(--main-fonts);
    font-size: 16px;
    color: #191919;
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: 700;
    transform: translate(-50%,-50%);
}
.m_top_ri {
    display: flex;
}
.m_top_ri .wish {
    margin-right: 5px;
}
.m_top .m_top_ri img {
    width: 20px;
    height: 20px;
    filter: brightness(0);
}
#mypage { 
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    overflow: hidden;
}
.m_top .cart {
    position: relative;
}
.m_top .cart img {
    width: 25px;
    height: 20px;
}
.m_top .cart span {
    position: absolute;
    background: #9729c0;
    border-radius: 20px;
    color: #fff;
    display: block;
    top: -4px;
    right: -7px;
    font-size: 10px;
    padding: 1px 5px;
}
#content_wrap .image_wrap img{width:100%;}
#content_wrap .left_detail_page img,
#content_wrap .left_detail_page iframe{max-width:100%;}

#content_wrap .info_wrap .info__top {
    display: flex;
    justify-content: end;
    align-items: center;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 8px 10px;
}
#content_wrap .info_wrap .info__div {
    padding: 14px;
    padding-bottom: 0;
}
#content_wrap .info_wrap .name{font-family: var(--main-fonts);font-size:18px;color:#000;letter-spacing:0;text-align:left;margin-bottom:5px;font-weight:600;}
#content_wrap .info_wrap .price{font-family:var(--main-fonts);font-size:22px;margin-top:0px;margin-bottom:0px;font-weight:700;letter-spacing: var(--main-letter-spacing);}
#content_wrap .info_wrap .data_dc{letter-spacing:var(--main-letter-spacing);font-size:22px;font-weight:700;color:#8a27ae;padding-left:0px;font-family:var(--main-fonts);}
#detail_cont .tab_wrap {
    width: 100%;
    background: #fff;
}
#detail_cont .scroll {
    position: fixed;
    width: 100%; 
    top: 0;
    left: 0;
    z-index: 10;
}
#detail_cont {
    border-top: 1px solid #f3f3f3;
}
#content_wrap .tab_wrap ul {
    display: flex;
}
#content_wrap .tab_wrap li {
    text-align:center;
    width:25%;
    font-family: var(--main-fonts);
    font-size: 15px;
    display: block;
    list-style:none;
    height: 50px; 
    line-height: 50px; 
    font-weight: 600;
    float:left;
    color: #191919;
    border-bottom: 1px solid #f3f3f3;
}
#content_wrap .tab_wrap li.on {
    color: #ae75cc;
    border-bottom: 3px solid #ae75cc;
}

#buy_lay_wrap{
    position: fixed;
    width: calc(100% + 2px);
    bottom: 0;
    max-width: 720px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1000;
}

#buy_lay_wrap .dn{display:none}
#buy_lay_wrap.on .dn{display:block;}
#buy_lay_wrap.on .up{display:none;}

#buy_lay_wrap .arrow_wrap{text-align:center;margin-bottom:-3px;}
#buy_lay_wrap .arrow{display:inline-block;background:url(/common/front/img/option_up.svg) no-repeat;width:60px;font-size: 0;height:20px;text-indent:-1000px;border:0;cursor:default;}
#buy_lay_wrap .dn .arrow{background:url(/common/front/img/option_down2.svg) no-repeat;}



#buy_lay_wrap .button_wrap {
    display: flex;
    width: 100%;
    background: #fff;
}

#buy_lay_wrap .button_wrap .btn {
    font-weight: 600;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 15px; 
    padding: 0;
    font-family: var(--main-fonts);
    outline: 0;
    border-radius: 0;
} 
.btn__right {
    display: flex;
    width: 100%;
}
.btn__right > div {
    width: 100%;
}
#buy_lay_wrap .button_wrap .btn_cart {
    background: #fff; 
    color: #191919; 
    border: 1px solid #d3d3d3;
}
#buy_lay_wrap .button_wrap .btn_buy {
    color: #fff;
    background: linear-gradient(to right, #7f1ea2, #ad35d9);
}
#buy_lay_wrap .button_wrap .gift_btn {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3d3d3;
    border-right: none !important;
}
#buy_lay_wrap .button_wrap .gift_btn img {
    width: 20px;
    height: 20px;
}
#buy_lay_wrap .option_wrap{
    width:100%; 
    background: #fff;
}
#buy_lay_wrap .option_list {
    overflow: auto;
    padding: 14px;
    padding-bottom: 0;
    max-height: 400px;
    overflow-y: auto;  
} 
#buy_lay_wrap .option_select > div {
    margin-bottom: 14px;
}
#buy_lay_wrap .option_select > div:last-child {
    margin-bottom: 0px;
}
#buy_lay_wrap .option_list .data_select select {
    font-family: var(--main-fonts);
    padding-left: 14px;
    padding-right: 35px;
    border: 1px solid #8a27ae;
    width: 100%;
    height: 40px;
    background: #fff;
    margin-bottom: 14px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/common/front/img/select_d.svg') #fff no-repeat 96% 50% / 10px!important; 
}
#buy_lay_wrap .option_box {
    position: relative;
    padding: 14px;
    border-radius: 2px;
    background: #fafafa;
}
#buy_lay_wrap .option_box .option_choice {
    padding-bottom: 5px;
    padding-right: 25px;
    font-family: var(--main-fonts);
    font-size: 15px;
}
#buy_lay_wrap .option_box .option_delete{position:absolute;top:7px;right:12px;}
#buy_lay_wrap .option_box .option-control{position:relative;padding:10px 0;border-top:1px solid #ececec;display:flex;justify-content: space-between;align-items:flex-end;}
#buy_lay_wrap .option_box .option_amount div{background:#fff;height:30px;line-height:24px;border:1px solid #d8d8d8;}
#buy_lay_wrap .option_box .option_amount a{display:inline-block;width:100%;height:100%;padding:2px 10px;color:#191919;text-decoration: none;}
#buy_lay_wrap .option_box .option-control .option_quantity{border-left:0;border-right:0;padding:2px 10px;}
#buy_lay_wrap .option_box .option-control .option_price{font-size:17px;font-family:var(--main-fonts);font-weight:700;}
#buy_lay_wrap .option_box .option-control .option_price+small {font-family: var(--main-fonts);font-weight:700;}
#buy_lay_wrap .total_prc {
    padding: 14px;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--main-fonts);
}
#buy_lay_wrap .total_prc small {font-family: var(--main-fonts);font-weight:700;}
.txt_total_price {
    font-weight: 700;
}
.add_option input,
.add_option select{width:100%;height:30px;margin-bottom:5px;}

/* re 20201008 */

.swiper-pagination-bullet {background:#d6d6d6;border:1px solid #d6d6d6;}
.image_wrap .swiper-pagination-bullet-active {background:#fff;}
#content_wrap {width:100%;}
#content_wrap .swiper-button-next {background-image: url('/common/front/img/main_slider/arrow_right.svg');width:27px;}
#content_wrap .swiper-button-prev {background-image: url('/common/front/img/main_slider/arrow_left.svg');width:27px;}
 
.detail_top {position:relative;width:100%;padding:15px 20px;display:flex;justify-content: space-between;align-items:center;background:#fff;color:#989898;}
.detail_top p {font-size:4vw;font-family: var(--main-fonts);margin:0;color:#131313;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.detail_top .detail_ui {display:flex;justify-content:space-between;width:16%;}
.detail_top .detail_ui > div {width:45%;}
.detail_top .detail_ui .share {width:36%;} 
.d_cart {position:relative;}  
.d_cart img {width:100%;}
.d_cart span {display:block;padding:5% 22%;position:absolute;top:-15%;right:-30%;background:#9729c0;color:#fff;font-family:'Roboto',sans-serif; font-size:2.5vw;border-radius:25px;}
.info_wrap {}
.info_wrap *{font-family: var(--main-fonts);}
.info_wrap .icon_list {width:100%;display:flex;margin-bottom:5px;}
.info_wrap .icon_list img {width:45px;margin-right:5px;}
.info_wrap .sub_title_txt {color:#616161;font-size:15px;margin-bottom:5px;font-family:var(--main-fonts);font-weight:600;} 
.info_wrap .table>tbody>tr>th {vertical-align:middle;}
.price small {font-size:18px;font-family:var(--main-fonts);font-weight: 700;} 
.price del {margin-left:0px;color:#a2a0a0;font-size:14px;font-family:var(--main-fonts);font-weight:500;display: block;}
.price del small {font-size:13px;font-family:var(--main-fonts);font-weight:500;}
.info_wrap .table>tbody>tr>td {border:none;padding:4px;vertical-align: middle;}
.info_wrap .table>tbody>tr>th {border:none;}
.price_name {color:#8a27ae;font-family: 'Dotum';font-size:13px;margin-right:10px;}
.delivery_info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-family: var(--main-fonts);
    font-size: 14px;
    border-top: 1px solid #f3f3f3;
    color: #999999;
    width: 100%;
    padding: 12px 0;
    margin-bottom: 30px;
} 
.delivery_info > div:first-child {
    min-width: 70px;
    font-size: 15px;
    color: #8d8d8d;
} 
.info__card {
    color: #191919;
    font-size: 15px; 
    display: flex;
    align-items: center;
}
.delivery_info > div:last-child {color:#111111;font-size: 15px;} 
.delivery_info.tw {border-bottom:none;}
.delivery_info.pp {margin-bottom:0px;}
.delivery_info.pp span {font-family:var(--main-fonts);}
.sale_percent {font-size:20px;margin-right:10px;color:#8a27ae;padding-left:0px;font-family: var(--main-fonts);}
.option_amount {display:flex;align-items:center;}
.option_quantity input {font-family: var(--main-fonts);}

.return_info {width:100%;padding:20px;font-size:12px;font-family:var(--main-fonts);padding-top: 0;}
.return_info table {border-collapse:collapse;} 
.return_info table th, .return_info table td {font-size:13px;vertical-align:top;border:1px solid #e6e6e6;text-align:center;padding:5px;font-family:var(--main-fonts);font-weight:500;}
.return_info table th {width:20%;}
.return_info table td {text-align:left;}
.p_alert {
    margin-right: 6px;
    position: relative;
}
.p_alert img {
    width:100%;
    max-width: 200px;
}
.p_alert .p_alert_more {position: absolute;top: 120%;left: 0;right: 0;border: 1px solid #3fc910;border-radius: 50px;overflow: hidden;}
.p_alert .alert_more_inner {
    background-color: #ffffffca;
    text-align: center;
    border-radius: 50px;
    white-space: nowrap;
    font-size: 12px;
    padding: 6px 8px;
}
.p_alert .p_alert_more a {color: #191919;}
#back_color {position:fixed;width:100%;height:100%;max-width:720px;background:rgba(0,0,0,.5);top:0;z-index:999;}
  
.detail_share {display:none;width:100%;max-width:720px;position:fixed;top:0;background:#fff;height:100vh;z-index:9999;}
.detail_share .share_c {position:absolute;top:20px;right:20px;width:16px;}
.detail_share .share_div {padding:20px;}
.detail_share .share_div > div {margin-bottom:15px;display:flex;align-items:center;}
.detail_share .share_div > div span {font-family:var(--main-fonts);font-size:15px;font-weight: 600;}
.detail_share .share_div button {width:44px;height:44px;margin-right:20px;outline:0;}
.detail_share .share_div .js-share-kakaotalk {border:none;background:url(/common/front/img/detail/kakao.svg) no-repeat;font-size:0px;}
.detail_share .share_div .js-share-sms {border:none;background:url(/common/front/img/detail/sms.svg) no-repeat;font-size:0px;}
.detail_share .share_div .js-copy-url {border:none;background:url(/common/front/img/detail/url.svg) no-repeat;font-size:0px;}
 
.detail_share .share_info {width:100%;background:rgba(0,0,0,0.7);padding-bottom:40px;}
.detail_share .share_info .si_img {width:100%;padding-top:10%;text-align:center;}
.detail_share .share_info .si_img img {width:70%;}
.detail_share .share_info .si_txt {width:100%;text-align:center;}
.detail_share .share_info .si_txt .name {
    width: 65%;
    color: #fff;
    font-family: var(--main-fonts);
    font-size: 15px;
    font-weight: 600;
    margin: 15px auto; 
}
.detail_share .share_c2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #f5f5f5;
    border-top: 1px solid #e6e6e6;
    text-align: center;
    padding: 12px; 
    font-family: var(--main-fonts);
    font-size: 15px;
    font-weight: 600;
}

.banner_wrap {width:100%;padding:5px 0;background:#f5f5f5;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#main_banner .swiper-slide img {width:100%;}

.left_detail_page img{width: 100%; height: 100%;}
#fnb_menu_wrap {display:none !important;}
.delivery_info {margin-bottom:0;}
.icon_list {
    margin-top: 0px;
    margin-bottom: 4px;
} 
.dlvSticker { 
    display: inline;
    margin-right: 5px;
    padding: 2px 10px;
    background: #f9f9f9;
    color: #727272;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    letter-spacing: -.3px;
    font-size: 12px;
    font-family: var(--main-fonts);
} 

.price_normal_div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 8px;
}
.detailShare {
    display: flex; 
    justify-content: flex-end;
    align-items: center;
    margin-right: 0px;
}
.detailShare > div {cursor:pointer;}
.detailShare > div > img {
    width: 20px;
    height: 20px;
}
.searchNaver {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background: #3fc910;
    display: flex;
    color: #fff !important;
    justify-content: center;
    align-items: center; 
    font-family: var(--main-fonts);;
    font-weight: 800;
    font-size: 20px;
    margin-top: 0;
}
.searchNaver:focus, .searchNaver:hover {
    color: #fff;
}
.detailShare .share {
    position: relative;
    height: 100%; 
    padding-top: 5px; 
    padding-left: 7px;
    width: 36px;
    height: 36px;
    margin-left: 8px;
} 


 
 
.jjim { 
    width: 36px;
    height: 36px;
    margin-left: 8px;
}
.jjim {
    background:url(/common/front/img/detail/jjim.svg) no-repeat center/24px 24px;
}
.jjim.clicked {
    background:url(/common/front/img/detail/jjim_on.svg) no-repeat center/24px 24px;
}
 
 .jshare {
     width: 100%;
     display: flex;
 }
 .jshare li {
    width: 50%;
    padding: 14px 0;
    text-align: center;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: none;
    border-bottom: none;
    font-family: var(--main-fonts);
    font-size: 14px;
    color: #191919;
 }
 .jshare li:first-child {
     border-left: none;
 }
 .jshare .heart {
    width: 16px;
    height: 16px;
    background:url(/common/front/img/detail/jjim.svg) no-repeat center/24px 24px;
    margin-right: 5px;
 }
 .jshare .jjims.clicked .heart {
    background:url(/common/front/img/detail/jjim_on.svg) no-repeat center/24px 24px;
}
 .jshare li img {
     width: 18px;
     height: 18px;
     margin-right: 10px;
 }
 .jjimBar {
     width: 40px;
     height: 40px;
     margin-right: 5px;
     border: 1px solid #e4e4e4;
     border-radius: 5px;
     background:url(/common/front/img/detail/jjim.svg) no-repeat center/25px 25px;
 }
 .jjimBar.clicked {
    background:url(/common/front/img/detail/jjim_on.svg) no-repeat center/25px 25px;
}  





 
/* REVIEW */
#review-tab {
    margin-bottom: 50px;
    width: calc(100% - 28px);
    margin: 0 auto;
}
.boardTop {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.boardTop .qnaTitle {
    font-family: var(--main-fonts);
    font-size: 18px;
    font-weight: 600;
    color: #191919;
    margin: 0;
    display: flex;
    align-items: baseline;
} 
.boardTop .qnaTitle span {
    font-family: var(--main-fonts);
    font-size: 14px;
    margin-left: 10px;
    color: #ae75cc;
}
.starAverage {
    border: 1px solid #f6f6f6;
    border-radius: 10px;
    padding: 14px;
}
.starAverage .starNum {
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}
.starAverage .starNum > div {
    display: flex; 
    justify-content: center;
    align-items: center;
}
.starAverage .starNum > div p {
    font-family: var(--main-fonts);
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-right: 14px;
}
.starAverage .starNum p {
    margin: 0;
}
.starAverage .starNum p.aver {
    font-family: var(--main-fonts);
    font-size: 15px;
    margin-bottom: 10px;
}
.starAverage .totalReview {
    color: #969696;
    font-family: var(--main-fonts);
    font-size: 15px;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}
.starAverage .starNum p:nth-of-type(2) {
    font-family: var(--main-fonts);
    font-size: 45px;
}
.starAverage .starRate {
    margin-top: 0px;
}
.starAverage .rating-group {
    display: inline-flex;
    pointer-events: none;
  }
.starAverage .rating__icon {
    pointer-events: none; 
}
.starAverage .rating__input {
    display: none;
}
.starAverage .rating__label {
cursor: pointer;
}
.starAverage .rating__label--half {
    padding-right: 0;
    margin-right: -15.1px; 
    z-index: 2; 
}  
.starAverage .stFull {
    fill: #FFD34F;
    stroke: #F9C34B;
    stroke-miterlimit: 10;
}
.starAverage .stHalf {
    fill: #FFD34F;
    stroke: #F9C34B;
    stroke-miterlimit: 10;
}
.starAverage .stEmpty {
    fill: #FFFFFF;
    stroke: #D8D8D8;
} 
.starAverage .rating__input:checked ~ .rating__label .stFull {
    fill: #FFF;
    stroke: #d8d8d8; 
}
.starAverage .rating__input:checked ~ .rating__label .stHalf {
    fill: #FFF;
    stroke: #d8d8d8;
}
.starAverage svg {
    width: 30px;
    height: 30px; 
}
.starAverage #wrapper { 
    width: 1066px;
    margin:0 auto;
    padding: 200px 0;
}
.starAverage .starHalf {
    width: 15px;
    height: 30px;
}
.starAverage .star {
    margin-right: 2px;
}
 
.starProcess {
    padding-top: 14px;
    text-align: center;
}
.starProcess .proBars {
    display: flex;
    justify-content: center;
}
.starProcess .proBar {
    text-align: center;
}
.starProcess .proFull {
    background: #f4f4f4;
    width: 12px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin: 10px;

}
.starProcess .proFull .proFill {
    position: absolute;
    background: #ffd34f;
    bottom: 0;
    left: 0;
    width: 12px;
    border-radius: 6px;
    height: 0px;
    transition: all .3s;
}

.starProcess .proBar span {
    font-family: var(--main-fonts);
    font-size: 12px;
    color: #969696;
}

.reviewAll .selectOpt {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin: 14px 0;
    margin-bottom: 0;
}
.reviewAll .selectOpt select {
    outline: 0;
    border: 1px solid #e4e4e4;
    background: #fff;
    height: 30px;
    font-family: var(--main-fonts);
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-left: 0px; 
    line-height: 30px;
    margin-right: 5px;
    background: url(/common/image/arrow/down_icon_dark.svg) no-repeat #fff 90% 50% / 10px 6px;
    padding: 0 25px 0 5px;
    display: grid;
}
.reviewAll .selectOpt > div {
    display: flex;
}
.reviewAll .empty {
    margin-top: 14px;
}
#reviewAll label.searchPhoto {margin-left: 35px;}
#reviewAll input[type=checkbox] {display:none;}  
#reviewAll input[type="checkbox"] + .spanover {
    position: relative;
    font-family: var(--main-fonts);
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;

}
#reviewAll input[type="checkbox"] + .spanover:before {
    content: '';
    position: absolute;
    top: -7px; 
    left: -36px; 
    width: 30px;
    height: 30px;
    background: url(/common/image/arrow/uncheckbox.svg) no-repeat center;
    cursor: pointer;
    border-radius: 0px;
    float: right;
}
#reviewAll input[type="checkbox"]:checked + .spanover:before {background:url('/common/image/arrow/checkbox.svg') no-repeat center center; float: right} 

/* 상품 정보 고시 란 */
.boardTop {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 14px 0;
    border-bottom: 1px solid #f1f1f1;
}
.boardTop .notiTitle {
    font-family: var(--main-fonts);
    font-size: 18px;
    font-weight: 600;
    color: #191919;
    margin: 0;
}  
#info_noti {
    width: calc(100% - 28px);
    margin: 0 auto;
    position: relative;
    margin-bottom: 10px;
}
#info_noti ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 13px;
    color: rgb(51, 51, 51);
    line-height: 18px;
    letter-spacing: -0.5px;
}
#info_noti ul li {
   border-bottom: 1px solid #f1f1f1;
   font-size: 14px;
   padding: 15px 5px;
   line-height: 20px;
   font-weight: 500; 
   font-family: var(--main-fonts);
   color: #0e0e0e;
}
#info_noti .noti__title { 
    width: 40%;
    background-color: rgb(247, 247, 247);
    word-break: break-all;
    box-sizing: border-box;
    display: flex;
    align-items: center;
} 
#info_noti .noti__detail {
    display: flex;
    width: 60%;  
    box-sizing: border-box;
}
#info_noti .noti__more {
    width: 100%; 
    box-shadow: 0 0 0 0 #000, inset 0 0 0 0 #000, inset 0 0 0 1px #e6e6e6;
    background: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
    color: #ae75cc;
    font-family: var(--main-fonts);
    text-align: center;
    border-top: none;
    margin-top: -1px;
}
 

.drink_caution {
    border: 1px solid #f1f1f1;
    padding: 20px;
    border-radius: 5px;
    width: calc(100% - 28px);
    margin: 0 auto 10px;
    padding: 10px 10px 15px;
    margin-top: 10px;
}
.drink_caution > div {
    text-align: center;
    font-size: 14px; 
    line-height: 20px;
    color: #ff5151;
}
.drink_caution .caution_top {
    letter-spacing: var(--main-letter-spacing);
    font-family: var(--main-fonts);
    padding: 10px 0;
    background: #f7f7f7;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 600;
}    


/*리뉴얼 용*/
#btnCardInfo {font-size:14px; font-weight:500;font-family:var(--main-fonts);}
.mumore {
    vertical-align: middle;
    font-family: var(--main-fonts);
    margin-left: 10px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    color: #9a9a9a;
    text-align: center;
    font-size: 14px;
    width: 24px;
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: center;
}
 

.card_info{
    width:100%;
    background:#fff;
    border: 1px solid #e6e6e6;
}
.data_card_wrap {position:relative;} 
.data_card_wrap .card_info {z-index:2;padding:10px;position:absolute;top:55px;left:0;width:100%; height:auto; border:1px solid #dddddd; background-color:#fff;}
.notice * {box-sizing:border-box;}
.notice {position : relative; padding : 10px; box-sizing: border-box;height:600px;}
.notice > ul {width:100%;}
.notice > ul > li.lilist {font-size: 15px;border:1px solid #999999;;color:#b4b4b4;float : left; cursor:pointer;width:50%;text-align:center; padding:10px 0;}
.notice > ul > li > a {display : block;padding : 5px;}
.notice > ul > li > ul {position : absolute; top : 100px; left: 0; width : 100%; height :500px;overflow-y: scroll;}
.notice h4 {font-weight:500;font-size: 15px;color:#111111;margin:0; margin-top:5px;margin-bottom:15px;}
.notice > ul > .lilist.active  {border:0;color : white; background-color : #8a27ae;border:1px solid #8a27ae;}
.notice > ul > .lilist.active > small>  .mu {color:white;}
.notice > ul > li.lilist .mu {color:#8a27ae;}
.depth > li {color:black;}

.notice > ul > .lilist:last-child.active .notice{height:700px;}

.depthspan {color:#8a27ae;margin-right:10px;font-weight:bold;}
.depth li:nth-of-type(2n) {background-color: #fafafa; padding:14px 10px; border-top: 2px dotted #dcdcdc;}
.depth li {line-height:20px;padding: 5px 6px; font-size:14px; font-weight:400;}
.depth {text-align: left; height:500px;overflow-y: scroll;}
.cardsub_txt {padding-left:80px; color:#999999;}
.data_price_wrap {padding:0;}
.cfdata {border-bottom:none;}
.compare {border-bottom:1px solid #e8e8e8;padding-bottom:10px;}

.product_select {width:100%; height:60px; background-color:#f8f8f8; color:#939393; padding:22px; font-size: 15px;}
.product_name {font-size:18px;font-weight:500;width:100%; padding:22px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;}

.data_right del {
    font-size: 20px;
    text-decoration: line-through;  
    text-decoration-thickness: from-font;  
    color: #999999;
    font-family: var(--main-fonts);}
.data_right small {font-family:var(--main-fonts);font-weight:400;color:#999999;}
.data_dc {font-size:30px;font-family: var(--main-fonts); letter-spacing: -.3px;color:#8a27ae;font-weight:700;display:inline-block;}
.data_dc small {font-family: var(--main-fonts); letter-spacing: -.3px;color:#8a27ae;font-weight:700;font-size: 22px;}
.data_price {font-family: var(--main-fonts); letter-spacing: -.3px;}
.data_price small{font-family: var(--main-fonts);color:#191919;font-weight:700; letter-spacing: -.3px;margin-left:2px;font-size:22px;}
.txt_total_price {font-family: var(--main-fonts); letter-spacing: -.3px;}
.total_price small {font-family: var(--main-fonts); letter-spacing: -.3px;font-size:65%;}
.option_price {font-family: var(--main-fonts); letter-spacing: -.3px;}
.option_price small{font-family: var(--main-fonts); letter-spacing: -.3px;}
.right_option_price {font-family: var(--main-fonts); letter-spacing: -.3px;}
.data_size{font-weight:500;font-family:var(--main-fonts);}
.data_delivery {font-size:18px;font-family:var(--main-fonts);}
.detail_image ul {display:flex;}

#detail_image_small ul li a.on .small_img {box-sizing:border-box;border:2px solid #8a27ae;}
@media(max-width:720px){
    .notice h4 {font-size: 15px;}
    .depth li {font-size:14px;}
    .notice > ul > li.lilist {font-size: 14px;}
    .card_info>div>img{width:15px;}
}