/* design common*/
.lora { font-family: 'Lora', serif; }
.pagination { justify-content: center; margin: 10px 0; gap: 20px; align-items: center;}
.lh-1 { line-height: 1; }
.lh-11 { line-height: 1.1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.5; }
.under_line_sm{position: relative; opacity:0;}
.under_line_sm::before { content: ''; display: block; width: 25.5px; height: 2px; background-color: #B2BBC8; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

.square2{
    display: block; width:100%; position:relative; height:auto;
}
.square2::after{
    content: ''; display: block; padding-top: 44.44%;
}
.square2>img{
    position:absolute; left:0; width:100%; height:100%; object-fit: cover;
}

.fc_7E93A8{color: #7E93A8;}
.oultline-0{outline: 0;}

/* 말줄임 */
.text-hidden {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.text-hidden2 {
    /* 특정 단위로 텍스트를 자르기 위한 구문 */
 white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 2줄 */
 -webkit-box-orient: vertical; overflow: hidden;
}

/* h2 */
.h2.period{
    position:relative; margin-right: 4rem; margin-bottom: 3rem;
}
.h2.period::after{
    content: ''; position:absolute; right:-8px; bottom:3px; width:5px; height:5px;
    background-color: #20B7EC;
}
.square{
    /* display: block; flex-shrink: 0; width:100%; position:relative; height:auto; */
        display: block; flex-shrink: 0; width:100%; position:relative; height:70%;

}
.square::after{
    content: ''; display: block; padding-top: 100%;
}
.square.rectangle::after{
    padding-top: calc(50% - 15px);
}
.square>img{
    position:absolute; 
    left:0; 
    width:100%; 
    height:100%; 
    /* object-fit: cover;  */
    object-position: center; 
    image-rendering: -webkit-optimize-contrast; 
    border-radius: 6px;
}
/* list */
.list_style1{
    padding:20px 0;
    border-top: 1px solid #E8ECF5; border-bottom: 1px solid #E8ECF5;
}
.list_style1 li{
    display: flex; align-items: center; padding: 7.5px 0;
}

.list_style1 li span{
    display: inline-block; min-width: 100px; margin-right: 1.5rem;
}
.list_style2 li{
	position:relative; margin-bottom:8px; padding-left:10px; line-height:1.4;
	font-size:1.4rem;
}
.list_style2 li:last-child{
	margin-bottom:0;
}
.list_style2 li::before{
	content:'-'; position:absolute; top:0; left:0;
}

/* modal */
.modal-footer .btn_wrap {
    width:100%;
}
.modal-footer .btn_wrap button{
    width:100%;
}
#modal_review_detail .modal-content{
    padding:0rem;
    background:transparent;
}
#modal_review_detail .modal-header{
    padding:2rem 2rem 0 2rem;
}
#modal_review_detail .modal-dialog-lg{
    max-width:700px;
}
/* option */
.option_box{
    border-bottom: 1px solid #E8ECF5;
}
.option_box .form-group{
    margin-bottom: 20px;
}
.select-total-box{max-height: 210px; overflow-y: auto;}
.selected_option_box{
    position:relative; margin-bottom: 5px; padding:15px;
    background-color: #F1F4F9;
}
.option_name{margin-bottom: 10px; padding-right: 40px;  word-break:break-all; font-size: 15px; font-weight: 300; color: #333;}
.btn_close{
    position:absolute; top:0; right:0;
}
.order_quantity{
    display: flex; max-width: 125px;
}
.order_quantity .btn{
    padding:2px 8px;
    border:1px solid #D2DCE8; background-color: #fff;
    color:#B2BBC8;
}
.order_quantity .btn.quantity_minus{
    border-right: none;
}
.order_quantity .btn.quantity_add{
    border-left: none;
}
/* 모달 쿠폰 */
.coupon_discount .item_info .square{
    width:60px; height:60px;
}
.coupon_discount .list_item .item_info{
    width:40%;
}
.coupon_discount .list_item_right{
    flex-shrink: 0;
    width:15%;
}
.coupon_discount .coupon_discount_price{
    width:15%;
    font-size: 1.3rem; border-left: 1px solid #E8ECF5;
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    border-left: 1px solid #E8ECF5;
}

.coupon_discount .item_price{
    width:20%; flex-grow:0!important;
    font-size: 1.3rem; border-left: 1px solid #E8ECF5;
}
.coupon_discount .list_item{
    margin-bottom: 0;
}
.coupon_discount .list_item:last-child{
    border-bottom: 1px solid #E8ECF5;
}
.coupon_discount .list_item > section{
    border-bottom: none;
}
.coupon_discount .list_item .item_info .item_name{
    width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.applicable_coupon .coupon_list>li{
    padding:2rem 0;
}
/* 모달 인플루언서 리스트 */
.modal_influencer_list li .square{
    width:54px; margin-right: 15px;
    border-radius: 50%;
}
.modal_influencer_list li .square img{
    border-radius: 50%;
}
.modal_influencer_list li{
    display: flex; align-items: center; margin-bottom: 18px;
}
.modal_influencer_list li a{
    margin-left: auto;
}
#modal_influencer_list .modal-footer{
    justify-content: center;
}
.item_side_info{
    padding-left: 47px;
}
.item_side_info .btn-lg {
    padding-left:0; padding-right: 0;
}
/* 카드 card*/
.item_card_list .card{
    margin-bottom: 5rem;
}
.item_card_list .price .original_price{ color: #707070;  font-size: 14px;  font-weight: 300;  text-decoration: line-through;}
.card .item_title{
    margin: 5px 0 5px;
}
.card .item_title span{
    font-weight:700;
}
.review_num span{color:#707070; font-size:14px; font-weight:300;}
.experience_swiper ul li img{width: 100%; margin-bottom:35px; border-radius:6px;}
.experience_swiper ul li h3{font-size:22px; font-weight:700;margin-bottom:15px;}
.experience_swiper ul li p{font-size:15px; font-weight:300; color: #707070;}
/* 카드 이미지 영역 변경-250916 */
.card .card-img-div{
    margin-bottom: -45px;
}
/* Dash ul */
.dash_ul{
    display: flex; flex-wrap: wrap; width:100%;
    border-bottom: 1px solid #D2DCE8; border-left: 1px solid #D2DCE8;
}
.dash_ul li{
    width:25%; border-top: 1px solid #D2DCE8;
}
.dash_ul li a{
    display: flex; justify-content: space-between; align-items: center; height:100%; padding:20px;
    border-right: 1px solid #D2DCE8; 
}
.dash_ul li:last-child{
    width:25%;
}
.store_info_wrap{
    display: flex; justify-content: space-between; padding:16px 24px;
    background-color: #F1F4F9;
    font-size: 1.5rem;
}
.store_info_wrap .store_name{
    color:#5F6F81;
}
.store_info_wrap .store_number{
    font-weight: 600;
}
.store_info_wrap .store_inquiry{
    font-weight: 600;
}
.store_info_wrap .receipt{
    color:#5F6F81;
    text-decoration: underline;
}
/*design hs*/


/* 탑 인플루언서 */
.infl_left>div {
    position: sticky; left: 0; top: 0; height: 100vh;
}
.infl_left>div img {
    object-position: center top; object-fit: cover; height: 100%;
}
.infl_right {
    margin-top: 50px;
}
.infl_tit {
    padding: 0 45px;
}
.infl_tit h2 {
    font-size: 44px; color: #222; font-family: 'Lora', serif; position: relative; font-weight: lighter; padding-bottom: 10px; margin-bottom: 10px;
}
.infl_tit h2::before {
    content: ''; display: block; width: 25.5px; height: 1px; background-color: #B2BBC8; position: absolute; bottom: 0; left: 0;
}
.infl_tit p {
    color: #5F6F81; margin-bottom: 35px;
}
.top_influencer {
    column-count: 2; column-gap: 90px; position: relative; padding: 0 45px;
}
.top_influencer::before {
    content: ''; width: 1px; height: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #D2DCE8;
}
.top_influencer .card {
    border: 0;
}
.top_influencer .card-title {
    font-family: 'Lora','pretendard', serif; font-size: 40px; color: #222; font-weight: 100; margin: 30px 0 0; height: auto;
}
.top_influencer .card-title>span {
    color: #756EF0; font-weight: 500;
}
.card-body ul {
    margin-bottom: 60px;
}
.item_li {padding: 30px 0; border-bottom: 1px solid #D2DCE8;
}
.item_li > a{
    display: flex;
}
.item_li > a:hover {
    text-decoration: none;
}
.item_li .row {
    flex-wrap: nowrap;
}
.item_img {
    max-width: 105px; max-height: 105px; overflow: hidden; flex-shrink: 0;
}
.item_body {
    padding: 5px 0 5px 20px; font-size: 15px; display: flex; flex-flow: column; justify-content: space-between;
}
.item_body p {
    padding: 0; margin: 0;
}
.item_body em {
    font-size: 0.68em; font-style: normal; margin-left: 2px;
}
.item_title {
    margin-bottom: 8px; margin-top:8px;
    font-weight: 400; font-size: 15px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    line-height: 1.4;
}
.discount {
    color: #FF4A4A; font-size: 22px;
}
.discount em {
    margin-left: 0;
}
.bf_discount {
    text-decoration: line-through; color: #B2BBC8;
}
.total_price {
    line-height: 1; margin: 0; padding: 0; font-size: 22px; font-weight: 500;
}

/* 인플루언서 리스트 */
.influencer_list {
    margin-top: 40px; margin-bottom: 150px;
}
.infl_card_tit {
    width: 1360px; margin: 0 auto; overflow-x: hidden;}
.infl_card_tit2{padding: 0 20px;}
.infl_list_form {
    display: flex; justify-content: space-between; align-items: center; padding: 20px 0 25px;
}
.infl_list_form_l {
    width: auto; height: 45px; background: #F1F4F9; border-radius: 25px; display: flex; align-items: center; padding: 5px;
}
.infl_list_form_l_sel {
    width: auto; height: 100%; padding-left: 15px; flex: 1 1 auto; display: flex; align-items: center; margin-right: 10px; position: relative;
}
.infl_list_form_l_sel::before {
    content: ''; display: block; width: 1px; height: 60%; background: #8E9AA7; position: absolute; top: 50%; transform: translateY(-50%); right: -10px;
}
.infl_list_form_l_sel i {
    font-size: 5px;
}
.infl_list_form_l select {
    width: 60px; font-weight: 500; color: #222; background: none; border: 0;
}
.infl_list_form_l select:focus-visible {
    border: 0; outline: none;
}
.infl_list_form_l_input {
    flex: 1 1 auto; display: flex; align-items: center;
}
.infl_list_form_l_input input {
    width: 100%; background: none; border:0; padding-left: 15px;
}
.infl_list_form_l_input input::placeholder {
    color: #B2BBC8;
}
.infl_list_form_l_input input::-webkit-input-placeholder {
    color: #B2BBC8;
}
.infl_list_form_l_input input:focus-visible {
    outline: none;
}
.infl_x_btn {
    color: #D2DCE8; font-size: 12px; padding: 5px; display: flex; justify-content: center; align-items: center;
}
.infl_sch_btn {
    color: #fff; font-size: 20px; background: #756EF0; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center;
}
.infl_list_form_r {

}
.infl_list_form_r .btn {
    padding: 0 12.5px;
}
.infl_list_form_r .btn i {
    margin-left: 5px;
}
.infl_list_form_r select {
    margin-left: 12.5px; width: auto; padding: 12.5px 45px 12.5px 20px; border-color: #D2DCE8; background: url('../img/ic_down.png')no-repeat right 20px center;
}
.infl_list_form_r select:focus-visible {
    outline: none;
}

.infl_profile {
    max-width:150px; max-height: 150px; border-radius: 50% !important; overflow: hidden; margin: 0 auto;
}
.infl_card_wrap {
    width: 1400px; margin: 0 auto;
}
.infl_card {
    margin-bottom: 40px; padding: 0 20px !important;
}
.influencer_list .card {
    text-align: center; padding: 40px 20px;
}
.influencer_list .card a:hover{
	text-decoration:none;
}
.influencer_list .card a:hover .card-title{
	text-decoration:underline;
}
.influencer_list .card-body {
    padding: 0;
}
.influencer_list .card-title {
    font-size: 20px; margin: 20px 0; font-weight: 500;
}
.influencer_list .card-text {
    margin-bottom: 20px; font-size: 15px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.influencer_list .card-follower {
    font-size: 15px; color: #756EF0; display: flex; align-items: center; justify-content: center;
}
.influencer_list .card-follower i {
    margin-right: 5px; font-size: 20px;
}

/* 채팅하기 */
.chat_menu {
    display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D2DCE8; padding: 0 20px; height: 50px; position: relative;
}
.chat_menu p {
    margin-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #756EF0; font-size: 15px; font-weight: 500;
}
.chat_menu .btn {
    padding: 0; color: #5F6F81; font-size: 14px; font-weight: 400;
}
.chat_menu .chat_menu_btn {
    color: #4D6782; font-size: 15px; font-weight: 300;
}
.chat_menu_btn_wrap {
    width: 160px; height: 48px; background: #fff; position: absolute; top: calc(100% + 2px); right: 0; z-index: 2; display: flex; align-items: center; display: none; z-index: 999; box-shadow: 0 3px 13px rgba(17,103,130,0.14);}
.chat_menu_btn_wrap.on {
    display: block;
}
.chat_menu_btn_wrap .btn {
    padding: 0 15px; color: #5F6F81; font-size: 15px; width: 100%; height: 100%; text-align: left; background: #fff; font-weight: 400;}
.chatting {
    height: calc(100vh - 70px); position: relative; background: #F1F4F9; overflow: hidden;
}
.chat_menu_btn_wrap2{right: auto; left: 20px; top: 65px; width: 110px; height: 80px;}
.chat_menu_btn_wrap2 .btn{height: 50%;}
.chat_in {
    height:calc(100% - 80px); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding: 0 20px 110px; display: flex; flex-flow: column;
}
.chat_in::-webkit-scrollbar {
    display: none;
}
.chat_in p {
    margin-bottom: 0; white-space: nowrap;
}
.chat_in span {
    padding: 15px 20px; border-radius: 20px; word-break: keep-all; font-size: 14px; display: block; z-index: 3;
}
.chat_in>div {
    margin: 5px 0 0 0;
}
.chat_in .you {max-width: 55%; align-self: flex-start;
}
.chat_in .me {
    display: flex; align-items: flex-end; max-width: 55%; align-self: flex-end;
}
.chat_in .you span {
    border-top-left-radius: 0; margin-right: 5px;
}
.chat_in .me span {
    border-top-right-radius: 0; background: #756EF0; color: #fff; margin-left: 5px;
}
.chat_in .chat_line {
    position: relative;
}
.chat_line::before {
    width: 100%; height: 1px; display: block; content: ''; background: #D2DCE8; top: 50%; left: 0; transform: translate(0, -50%); position: absolute; z-index: 1;
}
.chat_line p {
    color: #8E9AA7; font-size: 12px;
}
.chatting .you .bubble{
    display: flex; flex-wrap: wrap; align-items: flex-end;
}
.chatting .you .bubble .bg-white{
    border:1px solid #E8ECF5;
}
.chat_your_name{
    font-size: 1.4rem;
}
.chatting .you > .bubble{
    margin-left: 65px; margin-top: 10px;
}

.chatting .me .bubble{
    display: flex; align-items:flex-end;
}
.chat_line span {
    position: relative;
}
.chat_line span::after {
    width: 100%; height: 100%; display: block; content: ''; background: #F1F4F9; top: 0; right: 0; position: absolute; z-index: -1;
}
.chat_time {
    font-size: 12px; color: #8E9AA7;
}
.chat_profile {
    border-radius: 50%; width: 55px !important; height: 55px !important; margin-right: 10px; overflow: hidden;
}
.chat_profile .square{
    border-radius: 50%; width: 55px !important; height: 55px !important; margin-right: 10px; overflow: hidden;
}
.chat_profile img {
    width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast;
}
.infl_badge {
    position: absolute; width: auto; height: auto; top: 40px; left: 40px; image-rendering: -webkit-optimize-contrast; z-index:1;
}

.chat_input_wrap {
    position: absolute; bottom: 0; left: 0; background: #fff; padding: 20px 15px; width: 100%; z-index: 4; border-top:1px solid #D2DCE8;
}
.chat_input {
    width: 100%; display: flex; justify-content: space-between; align-items: flex-start; background: #fff;
}
.chat_input textarea {
    border: none; width: 100%; height: 58px; padding:4px 8px; resize: none; background: #fff; margin: 0 20px;
}
.chat_input textarea:focus {
    outline:0;
    border-color: #42E695;
    box-shadow: 0 0 0 0.2rem rgb(0 201 136 / 25%);
}
.chat_send_btn {
    background: #756EF0; color: #fff; font-size: 14px;
}

/* .chatting.end .chat_input_wrap .btn {
    opacity: 0.5; }
    */

/* 메인페이지 */
.total-more button{margin: auto; font-size: 17px;  font-weight: 700;  gap: 15px;}
/* .like-btn{position: absolute;  z-index: 1;   bottom: 10px;  right: 10px;   background: url(../img/ic_like_off.svg) no-repeat;  width: 34px;  height: 34px;  border: 0;} */
.like-btn{position: absolute;  z-index: 1;   top: 1px;  left: 3px; border: 0;     display: flex;}
/* .btn_good2 img {
  width: 65%;
} */
/* .like-btn.active{background: url(../img/ic_like_on.svg) no-repeat;} */
.slide1{position: relative;}
.slide1 .swiper-slide {
    width: 100%; height: auto; overflow: hidden; 
}
.slide1 .swiper-slide>div {
    width: 100%; height: 100%;
}
.slide1 .swiper-slide img {
    width: 100%; height: 100%; object-fit: cover;
}
.slide1 .sld_pc {


}
.slide1 .sld_mb {
    display: none;
}
.event_detail_banner img{
    width:100%;
}
.event_detail_banner .event_mb{
    display: none;
}
.event_list_title h5, .event_list_title p{
  width: 100%; line-height: 24px;
}
.pag_wrap {position: absolute;  left: 50%;  transform: translateX(-50%);  bottom: 30px;  z-index: 99;  padding: 6px 15px; border-radius: 500px; background: rgba(51, 51, 51, 0.15);}
.sld_num {width: auto;  color: #ffffff80;  font-size: 16px; font-weight: 500; display: flex; gap: 10px; align-items: center; } 
.sld_num .swiper-pagination-current { color: #fff; font-weight: 600;}
.play_btn {
    padding:12.5px 15px;
    cursor: pointer; font-size: 25px; color:#222;
}
.play_btn i {
    display: flex;
}
.play_btn div.btn_pause {
    display: flex; align-items: center;
}
.play_btn.pause div.btn_pause {
    display: none;
}
.play_btn div.btn_start {
    display: none; font-size: 20px;
}
.play_btn.pause div.btn_start {
    display: flex; align-items: center;
}
.next1, .prev1{
    display: flex; justify-content: center; align-items: center; position: absolute; top:calc(50% - 26px); width:52px; height:52px; border-radius: 50%; background-color: rgba(51, 51 ,51, 0.15);  box-shadow: 1px 0px 2px #A7A5A529; font-size: 2.6rem;  z-index: 99;}
.prev1{
    left: 50%; margin-left: calc(-700px + 26px);
}
.prev1 i{
    margin-left: -0.1em;
}
.next1{
    right: 50%;  margin-right: calc(-700px + 26px);
}
.next1 i{
    margin-right: -0.1em;
}
.sld_nav_wrap2{
    display: flex; align-items: center;
}
.sld_num2{
    width: auto; font-size: 20px; margin: 0 25px; color: rgba(34, 34, 34, 0.4);
}
.sld_num2 .swiper-pagination-current{
    color: #222;
}

.slide3_profile{
    overflow: hidden;
}
.slide3_r{
    margin-top: 20px;
}
.infl_rank{
    display: flex; justify-content: center; align-items: center; position: absolute; top: 16px; left: 0; width: 50px; height: 50px;
    background: #222; color: #fff; border-radius: 50%;
    font-size: 16px; font-weight: 400;
}
.ban_mb{
    display: none;
}
.sec2, .sec3, .sec4, .sec5, .sec6{
    margin-top: 90px;
}
.sec2 .prev1, .sec2 .next1{
    top: calc(35% - 26px);
}
.sec2 .prev1{
    margin-left: calc(-700px - 0px);
}
.sec2 .next1{
    margin-right: calc(-700px - 0px);
}
.sec3 .card_body{
    height:100px;
}
.item_menu_btn_wrap{
    background: #222; position: relative; max-height: 35px;
}
.infl_seller{
    left: 15px; top: -15px; overflow: hidden; max-width: 45px;
}
.btn_like .good_btn{
    margin-bottom: -2px;
}
.btn_like .btn_good1{
    display: block;
}
.btn_like .btn_good2{
    display: none;
}
.btn_like.on .btn_good1{
    display: none;
}
.btn_like.on .btn_good2{
    display: block;
}



.card_body{
    position:relative; height: 118px; display: flex; flex-direction: column; justify-content: space-between;
}

.light-text {
    /* color: #aaa; 연한 회색 */
    font-size: 14px; /* 원하는 크기 */
}
.right-text {
    font-weight: bold;
}
.pt-info-text
{
    font-weight: 300;
    font-size: 13px; /* 원하는 크기 */
}
/* 이벤트 페이지 */
.slide1_1 .swiper-slide{
    max-height: 500px;
}


/* 카테고리 리스트 */
	.filter_btn{gap:8px;}
	.filter_btn li.on{ color: #333; font-weight: 600;}
	.filter_btn li{color:#707070;}
	.category-list{text-align:center;}
	.category-list ul{text-align: left; display: flex;  flex-wrap: wrap;  border: 1px solid #e3e3e3;   border-radius: 6px;  padding: 23px 30px;  gap: 16px 0;}
	.category-list ul li{width: 25%;}
	.category-list ul li.on a{color:#333; font-weight:600;}
	.category-list ul li a{font-size:15px; color:#707070; }
	.category-list ul li a:hover{color:#663399; font-weight:700}

/* 판매자 스토어 */
.seller_store_ban{
    overflow: hidden; position: relative;
    /*background: url('../img/seller_store_bright.jpg') no-repeat; background-size: cover; background-position: center;*/ height: 360px;
}
.seller_store_ban::before{
    /*content: '';*/ position: absolute; left:0; top:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.3);
}
.seller_store_img_pc{
    position:absolute; top:0; left:0; width:100%; height:100%;
    z-index: -999;
}
.seller_store_img_pc img{
    width:100%; height:100%; object-fit: cover; object-position: center;
}
.seller_store_img_mb{
    display: none; position:absolute; top:0; left:0; width:100%; height:100%;
    z-index: -999;
}
.seller_store_img_mb img{
    width:100%; height:100%; object-fit: cover; object-position: center;
}
.seller_store_text{
    margin-top: 40px;
    color: #343a40;
}

.seller_store_text .btn_likeStore{
    display: flex; align-items: center; top:0px;
    font-size: 1.3rem;
}
.seller_store_text .btn_likeStore_ic{
    margin-right: 5px;
    background-image:url(../img/bg_storelike2.png);
}
.seller_store_text_left .btn_likeStore{
    justify-content: right;
}
.seller_store_text_left{
    margin-bottom: 20px;
}
.seller_store_text_right .store_success_rate{
    text-align: right;
}
.seller_store_text .hr{
    margin-top: 30px;

}
/* 스토어 리스트 */
.store_list .card_store{    
    padding:3rem;
    border:1px solid #D2DCE8;
}
.card_store a{
    display: flex;    
}
.card_store .square{
    overflow: hidden; width:80px; height:80px; margin-right: 24px;
    border-radius: 50%; 
}
.card_store_name{
    margin-bottom: 8px;
    font-size: 2rem; font-weight: 600;
}
.card_store_name .store_category{
    font-size: 1.4rem; font-weight: 400;
    color:#B2BBC8;
}
.card_store a:hover{
    text-decoration: none;
}
.card_store a .square>img{
    transition: all 0.2s ease-in-out;
}
.card_store a:hover .square>img{
    transform: scale(1.1);
}
.store_list .btn_likeStore{
    position:absolute; top:10px; right:30px; padding:10px;
    cursor: pointer;    
}
.btn_likeStore_ic{
    background:url(../img/bg_storelike.png) no-repeat 0 0; width:20px; height:17px;
    background-size: 100% auto;
}
.btn_likeStore_ic.on{
    background-position: 0 100%;
}

/* 홍보회원 - 소개 */

.pr_member em {
font-size: 0.68em; font-style: normal; margin-left: 3px;
}
.pr_member_tit{display: block; text-align: center; font-size: 32px; font-weight: 100;}
.pr_member_row .pr_member_tit{
    font-size: 2.4rem;
}
.pr_member_row_box {
    display: flex; justify-content: center; align-items: center; margin-bottom: 30px;
}
.pr_member_row_box .square{
    width:80px; height:80px;
}
.pr_member_row_box .row{
    position:relative; margin-right: 30px;
}
.pr_member_row_box h2{
    font-size: 2rem;
}
.pr_member_row_box p{
    font-size: 1.5rem;
}
.infl_rating{
    position:absolute; top:-12px; right:-14px; width:13px;
}
.infl_rating img{
    width:100%;
}
/* 검색 모달 */
#sch_modal{background: rgba(255,255,255,0.96);}
#sch_modal .modal-dialog{max-width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center;}


/* design jm*/
.login_pg {
    display: flex; align-items: center; justify-content: center;
}
.login_cont {
    width: 474px; padding: 5rem;
}
.loing_logo {
    display: block; width: 33px; margin-bottom: 2rem;
}
.login_cont #frm_login{
	padding-top:0!important;
}
.sns_tit {
    position: relative; margin-bottom: 2rem;
    font-size: 1.3rem; color: #555555; text-align: center;
}
.sns_tit::before {
    content: ''; display: block; position: absolute; top: 50%; left: 0; height: 1px; width: calc(50% - 107px);
    background-color: #CCCCCC;
}
.sns_tit::after {
    content: ''; display: block; position: absolute; top: 50%; right: 0; height: 1px; width: calc(50% - 107px);
    background-color: #CCCCCC;
}
.sns_link {
    display: flex; justify-content: center;
}
.sns_link img {
    width: 50px;
}
.agree {
    padding: 2rem; margin-top: 1.5rem;
    border: 1px solid #E8ECF5;
}
.input-group:not(.has-validation)>.form-control.certified:not(:last-child) {
     margin-right: 0;
}
.certified {
     position: relative;
}
.certified_time {
    font-size: 1.4rem; color: #663399; font-weight: 400;
}
.complete {
     display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0;
}
.complete img {
     width: 100px;
     transform: translate(-2px, 0px);
}
.w_180 {
     width: 180px !important;
}
.w_240 {
     width: 240px !important;
}
.w_280 {
     width: 280px !important;
}
.notice header {
    display: flex; align-items: center; justify-content: space-between; padding: 2.2rem 2rem;
    border-top: 2px solid #D2DFE8; border-bottom: 1px solid #E4E7EB;
}
.notice article {
     padding:3rem 2rem
}
.notice article p {
     font-size: 1.5rem;
}
.notice footer {
     border-top: 1px solid #B2BFC8; border-bottom: 1px solid #B2BFC8;
}
.notice footer small {
    flex-shrink: 1; width: 7rem; margin-left: 2rem;
}
.notice footer >a:nth-child(2) {
     border-top: 1px solid #D2DCE8;
}
.pg_tit {
    display: flex; align-items: center; width: calc(100% - 9rem);
}
.qa-tit {
     flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.6rem 2rem;
     border-bottom: 1px solid #E4E7EB;
     font-weight: 600; cursor: pointer;
}
.qa {
    display: flex; width: calc(100% - 5rem);
}
.qa_cont {
     display: none; padding: 2rem;
     background-color: #F1F4F9;
}
.qa_cont::after {
     content: ''; display: block; clear: both;
}
.qa_cont small, .qa small {
     float: left;
}
.qa_cont p {
    float: left; display: inline-block; width: calc(100% - 30px);
}
.qa_list {
    border-top: 2px solid #D2DFE8;
}
.expand {
    width: 25px; height: 25px; margin-left: 2rem;
    background: url(./../img/qa_open.png) no-repeat; background-size: cover;
}
.expand.turn {
    width: 25px; height: 25px;
    background: url(./../img/qa_close.png) no-repeat; background-size: cover;
}
.my_page {
     background-color: #F7F8FA;
}
.profile {
    overflow: hidden;  position: relative; width: 90px; height: 90px;
    border-radius:50%; background-color: rgba(0,201,136,0.29);
}
.profile img {
    position: relative; width: 90px;
}
.profile_step {
    content: ''; display: flex; align-items: center; justify-content: center;  position: absolute; width: 84px; height: 22px; bottom: 0; left: 50%;
    background-color: #8E9AA7;
    color: #fff; font-size: 1.1rem; line-height: 22px;
    transform: translateX(-50%);
}
.profile_step .bi {
     margin-right: 3px;
}
.step_gold {
     background-color: #F6A416;
}
.step_royal {
     background-color: #F6163C;
}
.step_vip {
     background-color:#756EF0;
}
.step_vvip {
     background-color: #756EF0;
}
.bg_primary {
     background-color: #00C988 !important;
}
.user_info {
    display: flex; justify-content: center; width: 100%; height: 100%; padding: 2.5rem 0 4.8rem;
    text-align: center; background-color: #fff;
}
.user_info_wrap {
    display: flex; flex-direction: column; align-items: center; justify-content: center; width: 280px;
}
.benefits {
    width: 100%; margin-top: 2.5rem; margin-bottom: 2rem;
}
.benefits img {
    width: 20px;
}
.benefits a {
    display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;
}
.benefits a:first-child {
    border-right: 1px solid #D2DFE8;
}
.benefits p {
     font-weight: 600;
}
.benefits p span {
    font-weight: 400; font-size: 1.4rem;
}
.influencer_my_info {
    width: 100%; margin-top: 2.5rem; margin-bottom: 2rem;
}
.influencer_my_info > div:first-child {
     border-right: 1px solid #D2DFE8;
}
.my_page_menu {
     width: 100%; padding: 0 2rem;
}
.my_page_menu strong {
     padding-top: 2px;
}
.my_page_menu li img {
     width: 25px;
     transform:translateY(-2px)
}
.menu_tit > li {
    display: flex; align-items: flex-start; padding-top: 2rem;
    border-bottom: 1px solid #D2DCE8;
}
.menu_tit > li:last-child {
     border-bottom:0
}
.menu_list {
     padding: 1rem 0 2rem;
}
.menu_list li {
     margin-bottom: 8px; padding-right: 5px; padding-left: 10px;
}
.menu_list li.on{
    color:#756EF0; font-weight: 700;
}
.point_circle {
    flex-shrink: 0; width: 6.2rem; height: 6.2rem; margin-right: 1.5rem;
    border: 1px solid #756EF0; border-radius: 50%; color: #756EF0; line-height: 6.2rem;
    font-size: 2.1rem; text-align: center;
}
.point_circle.extinction {
    border:1px solid #8E9AA7; color: #8E9AA7;
}
.point_circle.use {
    border:1px solid #756EF0; color: #756EF0;
}
.point > li {
    margin-bottom: 2.5rem;
}
/* no data */
.no_data{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 400px;
}
.no_data .no_data_title{
    margin-top: 10px;
    color: #5F6F81;
}

.history {
    margin-top: 1.5rem;
    border-top: 2px solid #D2DFE8;
}
.history li {
    display: flex; align-items: center; padding: 2rem;
    border-bottom: 1px solid #D2DFE8;
}
.membership .infl_profile {
     max-width: 120px; max-height: 120px; margin:2rem;
}
.membership {
     width: 100%;
     border-top: 2px solid #D2DFE8;
}
.membership_info {
    display: flex; align-items: center; width: calc(100% - 120px);
}
.membership li {
     display: flex; align-items: center; justify-content: space-between;
     border-bottom: 1px solid #E8ECF5;
}
.membership .cont {
     width: calc(100% - 261px); padding-right: 2rem;
}
.membership .cont:hover{
    text-decoration: none;
}
.membership .cont:hover .one-line{
    text-decoration: underline;
}
.membership .cancle {
     display: flex; align-items: center;  height: 160px; padding: 0 3rem;
     border-left: 1px solid #F1F4F9;
}
.coupon_list {
     width: 100%; margin-top: 2rem;
}
.coupon_list>li {
     display: flex; align-items: center; justify-content: space-between; padding: 2rem;
     border-bottom: 1px solid #D2DFE8;
}
.coupon_list>li>div:last-child{
    text-align: right;
}
.inquiry_service {
     width: 100%;
}
.inquiry_service li {
    margin-bottom: 4rem; padding-top: 2rem;
    border-top: 2px solid #D2DFE8; border-bottom: 1px solid #D2DFE8;
}
.inquiry_service li.answer {
     border-bottom: 0;
}
.inquiry_service li:last-child {
     margin-bottom: 0;
}
.inquiry_service .cont {
     padding-bottom: 2rem; margin-top: 1.5rem
}
.edit {
     display: flex; flex-direction: column; justify-content: center; width: 112px;
}
.edit .infl_profile {
     max-width: 112px; max-height: 112px; margin: 0; margin-bottom: 1rem;
}
.item_info .square {
     width: 120px; aspect-ratio: 1 / 1;
}
.item_info {
    padding: 2rem; display: flex; padding: 2rem; display: flex;
    border-top: 1px solid #D2DFE8; border-bottom: 1px solid #D2DFE8;
}
.sales_member_list {
     border-top: 1px solid #E4E7EB;
}
.sales_member_list .info {
     display: flex; justify-content: space-between; align-items: center; padding: 2rem 0 1.6rem;
}
.sales_member_list li {
     margin-bottom: 2rem;
}
.sales_member_list .element {
     display: flex;
}
.sales_member_list .element > div {
     width: 11rem; padding-left: 2rem;
}
.sales_member_list .option {
    padding: 2rem 2rem 0.8rem;
    background-color: #F1F4F9;
}
.sales_member_list .option .row > div {
     display: flex; align-items: center; margin-bottom: 1.2rem;
}
.sales_member_list .option .row > div::before {
     content: ''; display: block; width: 2px; height: 13px; margin-right: 1rem;
     background-color: #8E9AA7;
}
.my_modal .item_info {
    padding: 0;
    border-top:0; border-bottom: 0;
}
.quantity li {
     display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;
}
.quantity li:last-child {
     margin-bottom: 0;
}
.w_100 {
     width: 100px;
}
.quantity_info li {
    display: flex; align-items: center; margin-bottom: 0.8rem;
}
.quantity_info li:last-child {
    margin-bottom: 0;
}




/* 공통 스타일 */
.line_h4 {
    line-height: 1.4em;
}
.link {
    text-decoration-line:underline
}
.a_link a {
    text-decoration-line:underline
}
.wh-pre {
    white-space: pre-line;
}
.one-line {
    display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.border-none {
    border: none;
}
.fc_primary {
    color: #00C988
}
.fc_purple {
    color: #756EF0
}
.h3_tit {
    font-size: 3.2rem; font-weight: 700;
}
.h4_tit {
    font-size: 2.4rem; font-weight: 600;
}
.container-xl {
    padding: 0 2rem;
}
.container-md {
    max-width: 580px;
}
.mr-12 {
    margin-right: 1.2rem;
}
.fw_400 {
    font-weight: 400 !important;
}
.fw_700 {
    font-weight: 700 !important;
}
.my_left {
    width: 320px; padding-top: 0.5rem;
}
.my_wrap {
    width: calc(100% - 320px); padding-left:3%; margin: 5rem 0;
}
.semi_blue {
    color:#7E93A8
}
.deco_none {
    text-decoration: none !important;
}
.bg_ligntblue {
    background-color: #F1F4F9;
}
.my_modal .btn_style02 {
    width: 100%;
}


/* 인풋 스타일 */
.ip_wr {
    margin-bottom: 1rem;
}
.input-group {
    margin-bottom: 1rem;
}
.id .input-group{margin-bottom: 0rem;}
.ip_tit {
    margin-bottom: 2px; font-weight: 400;
}
.ip_tit h5 {
    font-size: 1.4rem; color: #333;
}
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    margin-right: 1rem; resize: none;
}
.input-group-append, .input-group-prepend {
    flex-wrap: inherit;
}
.successText {
    color: #756EF0; font-size: 1.4rem;
}
.errText {
    color:#F6163C; font-size: 1.4rem;
}
.successText::before {
    content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px;
    background: url(./../img/success.png) no-repeat center; background-size: cover;
    transform: translateY(2px);
}
.errText::before {
    content: ''; display: inline-block;width: 16px; height: 16px; margin-right: 5px;
    background: url(./../img/err.png) no-repeat center; background-size: cover;
    transform: translateY(2px);
}
.sns_adress label {
    display: flex; align-items: center; position: absolute; top: 50%; left: 20px;
    font-weight: 600;
    transform: translateY(-50%); z-index: 5;
}
.sns_adress input {
    position: relative
}
.sns_adress input.sns_instar {
    padding-left: 165px;
}
.sns_adress input.sns_facebook {
    padding-left: 160px;
}
.sns_adress input.sns_youtube {
    padding-left: 215px;
}
.form-check-group {
    display: flex; flex-wrap: wrap;
}
.form-check-group .form-check {
    width: 118px; margin-bottom: 0.8rem;
}

/* 추가 버튼 스타일 */
.btn_style01 {
    width: 10rem; padding: auto 0 !important;
} /* 인풋 버튼 */
.btn_style02 {
    width: 277px;
} /* lg - 모달창 */
.btn-sm {
    font-weight: 500; /*padding: 1rem 2.5rem; height: 4.3rem !important;*/
}

/*셀렉트 옵션*/
.check_select_wrap{
    position:relative; width: 100%;
}
.check_select_box{
    height: calc(1.5em + 2.6rem + 2px); padding:0 15px; line-height: calc(1.5em + 2.6rem + 2px);
    border:1px solid #D2DCE8; background: url(../img/bg_select.png) no-repeat right 10px top 50%; background-size: 14px 8px;
    color: #222222; font-size: 1.6rem;    
    cursor: pointer;border-radius: 6px; font-weight: 300;
}
.check_select{
    display: none; position:absolute; overflow-y: scroll; width:100%; max-height: 300px;
    border:1px solid #D2DCE8; background-color: #F6F8FB;    
    z-index: 1020;
}
.check_select.on{
    display: block;
}
.check_select::-webkit-scrollbar {
    width: 4px;
}
.check_select::-webkit-scrollbar-track {
    background: #eee;
}
.check_select::-webkit-scrollbar-thumb {
    border-radius: 40px; background: #B2BBC8;    
}

.check_select::-webkit-scrollbar-thumb:hover {
    background: #5F6F81;
}

.check_select_list {    
    border-bottom: 1px solid #D2DCE8;
}
.check_select_list:hover{
    background-color: #EDEFF3;
}
.check_select_list:last-child{
    border:none;
}
.check_select_list .form-check-label{
    width:100%; padding:16px 20px;
}

/* 모달 공통 스타일 */
.my_modal .modal-content {
    padding: 5rem 4rem;
    border-radius: 12px;
}
.my_modal .modal-content.no-pd{padding: 0rem;}

.my_modal .modal-header {
    padding: 0; padding-bottom: 3rem;
}
.my_modal .modal-content.no-pd .modal-header{padding:2rem 3rem; border-bottom:1px solid #EAEAEA}
.my_modal .modal-content.no-pd .modal-header .close{opacity: 1;}
.my_modal .modal-body {
    padding:0;
}
.my_modal .modal-content.no-pd .modal-con {
    width: calc(100% - 60px);  margin: 3rem auto;  height: 100%;  overflow-y: auto;
}
.my_modal .modal-content.no-pd .modal-con .modal-body{
    padding:1.5rem; background-color:#f5f5f5; border-radius:6px;
}
.my_modal .modal-footer {
    padding-top: 3rem;
}
.my_modal .modal-title {
    font-size: 2.0rem; font-weight: 700; color: #222;
}



/* 테이블 공통 스타일 */
.my_table {
    text-align: center; table-layout: fixed;
}
.my_table td {
    overflow:hidden;
}
.my_table thead {
    font-size: 1.3rem; color: #999999; font-weight: 400;
}
.my_table tbody {
    border-bottom: 1px solid #B2BFC8;
    font-size: 1.4rem; font-weight: 400; color: #333;;
}
.table.my_table thead th {
    padding: 1.9rem 1.25rem;
    border-top: 2px solid #D2DFE8;
}
.table.my_table td {
    padding: 1.7rem 1.25rem; border-top: 0; border-top: 1px solid #E4E7EB;
}
.table_txt {
    overflow:hidden; text-overflow:ellipsis; margin-bottom: 0; width: 100%;
    text-align: left; font-size: 1.6rem; font-weight: 600; white-space:nowrap;
}
.table.my_table .one-line {
    transform: translateY(4px);
}
.w_900 {
    min-width: 900px;
}
.w_700 {
    min-width: 700px;
}



/* 좋아요 */
.card_body .btn_like{
    position:absolute; top:-33px; right:12px; width:46px; height:46px; z-index: 999;    
    border:1px solid #D2DCE8!important; border-radius: 50%; background-color: #fff;    
}
.ic_like{
    width:30px; height: 24px; padding:0;
    background: url(../img/bg_heart.png) no-repeat 0 0;
    background-size: 100% auto;
}
.btn_like.on .ic_like{
    background-position: 0 100%;
}
.ani_modal{
    display: none; position:fixed; top:calc(50% - 83px); left:calc(50% - 83px); z-index: 1050; justify-content: center; align-items: center; flex-direction: column; width:166px; height: 166px; padding-top:22px;
    border:1px solid #756EF0; border-radius: 50%; background-color: #fff;
    font-size: 1.5rem; text-align: center; box-shadow:0px 0px 12px rgba(52,56,72,0.16);
    vertical-align: middle;
}
.ani_modal img{
    margin-bottom: 10px;
}
/* 장바구니 토스트*/
.btn_cart_toast_wrap{
    position:relative;
}
.cart_toast_box{
    display: none; position:absolute; width:272px; top:-140px; left:0; padding:30px 20px 20px;
    background-color: #fff;
    box-shadow:0px 3px 6px rgba(53,58,71,0.16);
}
.cart_toast_box p{
    margin-bottom: 13px;
    font-size: 1.6rem; color:#222; font-weight: 400; text-align: left;
}
.cart_toast_box .btn{
    width:100%;
}
.cart_toast_box .btn_close{
    position:absolute; top:15px; right:10px;
    color:#8E9AA7;
    cursor: pointer;
}
/* 아이템 인포 레이아웃*/
.item_info_sm{
    padding-left: 0; padding-right: 0;
    border:none;
}
.item_info_sm .square{
    width:100px; margin-right: 2rem;
}
/* 장바구니 */
.item_box .chkbox{
    border-radius: 50%; margin-right: 15px;
}
.cart_allChk{
    padding-bottom: 15px;
    background-color: #fff;
}
.item_list > li{
    margin-bottom: 40px; border: 1px solid #eaeaea;  border-radius: 10px;
}
.item_list_header{
    padding:15px 15px 10px;
    border-bottom: 1px solid #eaeaea;
}
.list_item{ width:100%;}
.list_item .item_info{
    flex-shrink: 0; width: 64%; max-width: 100%;  padding: 0;  border: 0;  align-items: center; gap: 20px;
}
.item_price_wrap{
    display: flex; width:100%;
}
.list_item .item_info .item_name{width:100%;}
.list_item > section{display: flex; width:100%; align-items: center; justify-content: space-between;  padding: 20px;}
.list_item .form-check-label{
    display: flex;
}
.list_item .item_price{display: flex; align-items: center; gap: 13px;}
.list_item .item_price del{color: #707070;  font-size: 15px; font-weight: 300;}
.list_item .item_price p{font-weight: 600;}
.item_list_price{padding: 0 20px 20px; background-color: #ffffff00;}
.item_list_price small{
    color: #5F6F81; margin-right: 3px;
}
.delivery_fee{
    display: flex; flex-grow: 1; justify-content: center; align-items: center; flex-direction: column; padding:0 15px;
    border-left: 1px solid #E8ECF5;
}
.delivery_fee i{
    color:#B2BFC8;
}
.list_item .btn_delete{ padding: 0;  width: 24px;  height: 24px;}
.item_wrap .item_order_right{
    z-index: 1029;
}
.item_order_right .check_select{
    max-height: 240px;
}
.item_list_price_total i{
    display: none;
}
/* 주문 */
.input_phoneNum{
    display: flex; max-width: 340px;
}
/* 리뷰 */
.item_box_oneBtn .list_item{
    margin-bottom: 0;
}
.item_box_oneBtn .list_item > section{
    border:none;
}
.item_box_oneBtn .list_item:last-child{
    border-bottom: 1px solid #E8ECF5;
}
.review_star_lg i{
    font-size: 3.4rem; margin-right: 0.8rem;
}
.input_review_star i{
    cursor: pointer;
}
.file_attachment_wrap{
    display: flex; flex-wrap: wrap; margin-top: 20px;
}
.file_attachment_wrap .square{
    width:calc(20% - 24px); margin-right: 30px; margin-bottom: 30px;
}
.file_attachment_wrap .square:nth-child(5n){
    margin-right: 0;
}
.file_attachment_wrap .square .attachment-delete{
    position:absolute; top:0; right:0; padding:10px;
}
.inquiry_product_list_a{
    margin-top: 30px; padding: 30px 20px;
    background-color: #F1F4F9;
}
/* input Range */
.custom-range::-webkit-slider-thumb {
    background: gray;
}

.custom-range::-moz-range-thumb {
    background: gray;
}

.custom-range::-ms-thumb {
    background: gray;
}
-webkit-slider-thumb:active {
    background-color: red;
}
-webkit-slider-thumb,
.custom-range:focus::-webkit-slider-thumb,
.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
    box-shadow: red;
}
.item_box_right .item_info{
    width:100%; flex-shrink: 1;
}
.list_item_right{
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    width:25%;
    padding: 0 15px;
    border-left: 1px solid #E8ECF5;
}
.order_state_wrap .list_item_right{
    flex-direction: column; padding:15px 20px;
}
.order_state_wrap .list_item_right .btn{
    width:100%; margin: 5px 0;
}
/* Delivery State */
.delivery_state_wrap{
    margin-left:-64px; margin-right: -24px; padding-top:30px; 
}
.delivery_state{
    display: flex; justify-content: space-between;
}
.delivery_state > li{
    display: flex; position: relative; justify-content:flex-start; align-items: center; flex-direction: column; width:25%;
    text-align: center; font-size: 1.6rem; font-weight: 600; color: #B2BBC8;    
}
.delivery_state > li::before{
    content: ''; position:absolute; width: calc(100% - 14px); top:6px; right: calc(50% + 7px);
    border-top: 2px dotted #B2BBC8;

}
.delivery_state > li:first-child::before{
    content: unset;
}
.delivery_state > li.on{
    color:#756EF0;
}
.delivery_state > li.on.current_state .delivery_state_text{
    margin-top: 10px; padding:2px 6px;
    border-radius: 4px; background-color: #756EF0;
    color: #fff;
}
.delivery_state > li.on.current_state .delivery_state_text::before{    
    content: ''; position:absolute; width:14px; height:14px; top:10px; left:calc(50% - 10px);
    border:10px solid transparent; border-bottom: 10px solid #756EF0;
}
.delivery_state > li.on .circle{
    border-color: #756EF0;
}
.delivery_state > li.on::before{
    border-color: #756EF0;
}
.delivery_state > li .circle{
    width:14px; height:14px; margin-bottom: 4px;
    border:2px solid #B2BBC8; border-radius: 50%;
}
.delivery_state > li::before{
    content: '';    
}
.order_state_wrap .list_item_right .btn_more{
    display: none;
}

/* Period */
.btn_period_wrap{
    margin-bottom: 15px;
}
.btn_period_wrap .btn{
    padding:5px 15px;
    border:1px solid #D2DCE8; border-radius: 50px;
    font-size: 1.5rem; font-weight: 500; color:#5F6F81;
}
.btn_period_wrap .btn.on{
    border-color: #756EF0; background-color: #756EF0;
    color:#fff;
}

/* Calendar */
.calendar_wrap{
    display: flex; align-items: center; margin-bottom: 30px;
}
.form-group.calendar{
    max-width: 345px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    width:38%;
    border-color: #D2DCE8; background-color: #fff;
}
.ui-widget{
    font-family: 'Pretendard';
}
.ui-datepicker-month{
    text-align: center!important;
}
.ui-widget-header{
    background: #fff;
    border:1px solid #fff;
}
.ui-widget.ui-widget-content{
    border-color: #D2DCE8;
}
.ui-datepicker td span, .ui-datepicker td a{
    margin:0.1em 0; padding:0.35em 0.2em;
    border-radius: 50%;
    text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border:1px solid #fff;
    background: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 1px solid #756EF0;
    background: #756EF0;
    font-weight: normal;
    color: #ffffff;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'Pretendard';
}

/* Item Slide*/
.swiper-button-next, .swiper-button-prev{
    color: #fff !important;
}
.item_slide .swiper-thumbs .swiper-slide{

}
/* .item_slide .swiper-thumbs{
    margin-top:10px;
} */
.item_slide .swiper-slide-thumb-active img{
    border:3px solid #2AB0CF;
    box-sizing: border-box;
}
.item_slide .swiper-free-mode>.swiper-wrapper{
    padding-left: 1px;
}
.item_influencer_list_wrap{
    display: flex; margin-top: 25px; justify-content: space-between; align-items: center; padding:0 30px; height:108px;
    background-color: #F1F4F9;
}

.item_influencer_list{
    position:relative; display: flex;
    background-color: transparent; border:none;
}
.item_influencer_list .square{
    width:54px; height: 54px; margin-left: -15px;
}

.item_influencer_list .square img{
    border-radius: 50%;
}
.dimmed{
    background-color: rgba(51,51,51,0.6);
}
/* 상품 목록 가격 오른쪽 정렬 */
.price{
    text-align: right;
}
.price em{
    margin-left: 0.05em;
    font-size: 0.68em; font-weight: 400; font-style: normal;
}
.price .bf_discount{
    font-weight: 300;
}
.price .total_price{
    font-weight: 600;
}
.item_side_info .total_price{
    font-size: 3.2rem;
}
.item_side_info .discount , .item_side_info .bf_discount{
    font-size: 2.2rem;
}
.review_detail_slide .swiper-pagination-fraction{
    bottom:0px;
    color:#fff;
}
.swiper.review_detail_slide{
    padding-bottom: 30px;
}

/*dropdown_list*/
.circle_title{display: flex; justify-content: center; flex-shrink: 0; align-items: center; width:70px; height:70px; border:1px solid #eaeaea; border-radius: 50%; color:#b1b1b1; font-size: 1.2rem; font-weight: 500; line-height: 1.2;}
.dropdown_list_q{ display: flex; align-items: center; padding: 20px 0;  gap: 15px; border-bottom: 1px solid #eaeaea; cursor: pointer; position: relative;}
.inquiry-writer{position:relative; line-height: 34px;}
.inquiry-writer .id-day{padding-right: 82px;}
.dropdown_edit_delete{position: absolute; right: 0; bottom: 30px;}
.dropdown_list_q .inquiry-writer .id-day span{color: #707070;}
.dropdown_list_q .dropdown_edit_delete button{color: #707070;} 
.dropdown_list_a{display: none; padding:20px; background-color: #FAFBFD;}
.dropdown_list_a .answer-con{padding-top: 2rem; margin-top: 2rem;  border-top: 1px solid #e3e3e3}
.dropdown_list_a .answer-con .answer-top{display: flex; gap: 10px; margin-bottom: 10px;}

/* item_detail_wrap */
.item_detail_wrap{ gap:40px; flex-wrap: nowrap;position: relative;  align-items: self-start; padding-top: 80px;}
.item_detail_left_wrap{width: 100%;}
.tab_menu{ display: flex;}
.tab_menu li{display: flex; justify-content: center; align-items: center; width:25%; text-align: center;  border:1px solid #eaeaea; border-right: none;  font-size: 1.6rem; cursor: pointer; color: #b1b1b1; background-color: #f5f5f5; font-weight: 600;}
.tab_menu li a{width:100%; padding:18px 0;}
.tab_menu li:last-child{ border-right: 1px solid #eaeaea;}
.tab_menu li.on{background-color: #fff; border: 1px solid #eaeaea; border-bottom:1px solid #fff; border-right: 0; color:#663399; font-weight: 700;}
.tab_menu li.on:last-child{border: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.tab_menu li small{ font-style: 1.3rem; color:#B2BBC8;}
.item-detail-con{overflow:hidden; max-height:1200px; max-width: 600px; width:100%; margin: auto;}
.item-con-box .item-detail-more{width: 220px;  border-radius: 6px;  padding: 15px 0;  font-size: 15px;  font-weight: 500;}
.item_detail_01, .item_detail_02, .item_detail_03{margin-bottom:5rem;}
.review-grade{display: flex;   justify-content: center;   align-items: center; gap: 15px; border: 1px solid #e3e3e3;  border-radius: 6px;  padding: 3rem 0;}
.review-grade .rv-star-box{display: flex; align-items: center;  gap: 10px;}
.review-grade .rv-star-box .rv-star{background-color: #e1e1e1; position: relative; line-height: normal;}
.review-grade .rv-star-box .rv-star img{position: relative; z-index: 2;}
.review-grade .rv-star-box .score-fill{position: absolute; background-color: #663399; height: 100%;  top: 0;  left: 0;  z-index: 1}
.review-grade .rv-score-box{display: flex; align-items: center;  gap: 10px;}
.review-filter{display: flex; align-items: center;  justify-content: flex-end;  gap: 8px; margin-top:30px; margin-bottom:20px;}
.review-filter button{border: 0;  background-color: #ffffff00;  font-size: 13px;  color: #707070;}
.review-filter button.on{color:#333;}
.review-filter button:focus, .dropdown_edit_delete button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgb(102 51 153 / 22%);}
.text-g-box{padding: 2rem; background: #f9f9f9;  margin-bottom: 3rem; margin-top: 1.5rem; color: #333;}


/*store*/
.store-box{display: flex;  flex-wrap: wrap;  gap: 20px; align-items: stretch; margin-bottom: 40px;}
.store-list{padding: 30px 20px;  border: 1px solid #eaeaea;  border-radius: 6px;  display: flex; align-items: flex-start;  gap: 15px; width: calc((100% / 3) - 14px);}
.store-list .store-logo{max-width: 80px; min-width: 80px; height: 80px;  background-color: #f5f5f5;  border-radius: 50%; overflow: hidden; border: 1px solid #f5f5f5;}
.store-logo img{aspect-ratio: 1 / 1; width: 100%; object-fit: cover;}
.store-con{}
.store-con p:nth-child(2){font-size: 14px; line-height: 20px;}
.store-con .store-tit{font-size: 16px; font-weight: 700;}
.heart_delivery_wrap{ display: flex; align-items: center; gap:10px}
.heart_delivery_wrap .review_heart{font-size:14px; display: flex;  gap: 2px;  align-items: center;}
.review_heart{color:#222;}
.heart_delivery_wrap .review_heart span{font-weight:500;}
.item_num span{color: #707070;  font-size: 14px; font-weight: 300;}
.store-box .like-btn2 .like-btn{position: unset; background: url(../img/ic_like_off2.svg) no-repeat;}
.store-box .like-btn2 .like-btn.active{background: url(../img/ic_like_on.svg) no-repeat}
.no-search{white-space: pre-line; text-align: center; padding: 80px 0;}
.item_side_info{}
.item_side_info .store-name{color: #707070; }
.detail_price{}
.select-option-container{padding: 1rem 0; max-height: 440px;  overflow: auto;  margin-top: -10px;}
.form-group select{border-radius: 6px;}
.detail_price .original_price{font-size: 18px; color: #707070; font-weight: 300;  text-decoration: line-through;}
.detail_price .discount{font-size: 25px; font-weight: 700;}
.detail_price .total_price{font-size: 25px; font-weight: 700;}
.coupon-down{font-size: 12px; border-radius: 5px;   border: 1px solid #ccc;  background-color: #fff;  padding: 7px 10px;}
.item_side_info .option_box .form-group{display: flex; gap: 10px;  border-top: 1px solid #e3e3e3; padding: 20px 0;}
.item_side_info .option_box .form-group p:nth-child(1){font-size: 14px; color: #707070; text-wrap-mode: nowrap; min-width: 90px;}
.selected_option_box .order_quantity{border: 1px solid #eaeaea; border-radius: 6px; overflow: hidden; display: flex; align-items: stretch;}
.order_quantity .quantity_minus{background-color: #fff;  border: 0;  padding: 0 15px; height: 34px;}
.order_quantity .current_quantity{height: 34px;; border: 0;  border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.order_quantity .quantity_add{background-color: #fff;  border: 0;  padding: 0 15px; height: 34px;}
.selected_option_box .btn_close{background-color: #fff;  position: unset;  border-radius: 50%;  padding: 5px;  width: 24px;  height: 24px;  border: 1px solid #eaeaea; line-height: 10px;}
.selected_option_box .option_tit{display: flex; align-items: center;  justify-content: space-between; margin-bottom: 10px; gap: 10px;}
.selected_option_box .option_tit .option_name{margin-bottom: 0px;}
.item-button-box .like-btn2{width:20%; text-align: center;}
.item-button-box .like-btn2 .like-btn{position: unset; background: url(../img/ic_like_off2.svg) no-repeat;}
.item-button-box .like-btn2 .like-btn.active{background: url(../img/ic_like_on.svg) no-repeat}
.item-button-box{display: flex; gap: 8px; align-items: center;}
.item-button-box .btn_cart_toast_wrap button{padding: 16px 0; font-size: 16px;  color: #333; border-radius:6px;  border: 1px solid #ccc;  background-color:#fff; width:100%;}
.item-button-box .btn_cart_toast_wrap button:hover{color: #2AB0CF;  border: 1px solid #2AB0CF;}
.item-button-box .btn_order, .item-button-box .btn_cart_toast_wrap{width:40%;}
.item-button-box .btn_order button{padding: 16px 0; font-size: 16px;  color: #fff;  border: 1px solid #2AB0CF; border-radius:6px;  background-color:#2AB0CF; width:100%;}
.review-top{display: flex; align-items: center; justify-content: space-between; margin-bottom:1rem;}
.review-top-con{display: flex; align-items: center; gap:10px;} 
.item_detail_03 .inquiry-top{display: flex;  justify-content: space-between;  gap: 10px;  align-items: center;}
.modal-body .form-control{border:1px solid #e3e3e3; border-radius: 6px;}
.dropdown_list_toggle > p{padding-right: 60px;}
textarea.form-control:focus { outline: 0;  border-color: #2AB0CF; box-shadow: 0 0 0 0.2rem rgb(102 51 153 / 25%);}
.modal-dialog-sm{max-width: 340px; margin:1rem auto;}
.coupon-list{display: flex; flex-wrap: wrap;  gap: 15px;}
.coupon-list li{width: 100%; border: 1px solid #e3e3e3;  border-radius: 6px; padding: 25px 20px;}
.coupon-list li h3{font-size: 20px;}
.coupon-list li h3 span{color: #2AB0CF;}
.coupon-list li .cp-bottom{display: flex; align-items: center; justify-content: space-between; padding-top: 1rem;  margin-top: 1rem; border-top: 1px solid #e3e3e3;}
.coupon-list li .cp-bottom p{font-size: 14px; font-weight: 300; color: #595959;}
.coupon-list li .cp-bottom .download-button{font-size: 14px; border: 1px solid #ccc;  background-color: #fff;  border-radius: 50px; padding: 1rem 2rem;}
.coupon-list li .cp-bottom .download-button:hover{background-color: #2AB0CF; color:#fff}
.coupon-list li .cp-bottom .download-button:disabled {color: #707070; background-color: #E1E1E1; border:1px solid #E1E1E1;}

/*cart*/
.cart_item_wrap{display: flex; gap: 40px;}
.cart-left-top{display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 18px;}
.choice-delete button{font-size: 12px;  padding: 6px 9px;  border-radius: 6px;  border: 1px solid #ccc;  background-color: #fff;}
.option-change{ border-radius: 6px; font-size: 12px; padding: 6px 9px;}
.item-amount{width: calc(20% - 12px);}
.item_list_price_detail{display: flex; justify-content: center;  align-items: center; gap:10px; width: 100%; padding: 2rem; background-color: #f5f5f5; border-radius: 6px;}
.item_order_right.cart{width: 100%;  max-width: 320px;}
.order-box{padding: 2rem; border: 1px solid #eaeaea; border-radius: 10px;}
.cart-btn-wrap{display: flex;  flex-wrap: wrap; gap: 10px;}
.btn_item_order{width: 100%;  border-radius: 6px;  background-color: #663399;  border: 1px solid #663399;   color: #fff;  font-weight: 600;  padding: 15px;}
.btn_item_order2{width: 100%; border-radius: 6px;   background-color: #fff;  border: 1px solid #eaeaea;   color: #333;  font-weight: 600;  padding: 15px;}
.modal_item_info .option_box .form-group { display: flex;  gap: 10px;  border-top: 1px solid #e3e3e3;  padding: 20px 0; margin-bottom: 0;}
.modal_item_info .option_box .form-group p:nth-child(1){min-width:100px;}
.modal_item_info .option_box .check_select_list{border-bottom: 1px solid #e3e3e3;}
.modal_item_info .option_box .check_select_list .checks label{padding: 1.5rem 1rem;}
.modal_item_info .option_box .check_select{overflow-y: auto; background-color: #f5f5f5; border: 1px solid #eaeaea;}
.modal-body .order_quantity .current_quantity { height: 34px;  border: 0;  border-left: 1px solid #eaeaea;  border-right: 1px solid #eaeaea; border-radius: 0;}
.modal-body .total-amount{padding:18px 0 0}
.modal-body .total-amount .text-box{display: flex; justify-content: space-between; align-items: center;}
.modal-dialog-big .modal-footer{padding: 0 3rem 3rem;}
.modal-dialog-big .modal-footer button{max-width: 120px;}
.modal-dialog-big .modal-footer .btn_wrap{justify-content: center;}
.modal_item_info .item-con{display: flex; align-items: center;  gap: 10px; margin-bottom: 2rem;}
.modal_item_info .item-con .square{max-width: 90px;  aspect-ratio: 1 / 1;}
.modal_item_info .item-con .item-info .mo-item-amount{display: flex; align-items: center;  gap: 10px;}
.modal_item_info .item-con .item-info .mo-item-amount p:nth-child(1){text-decoration: line-through; color: #707070;}

/*star*/
.star_delivery_wrap{display: flex; align-items: center;}
.star_delivery_wrap .review_star{ margin-right: 1rem; font-size: 1.4rem;}
.review_star i{ color:#e1e1e1;}
.review_star i.on{color:#2AB0CF;}
.review .square{ width:168px;}
.review-item-ul{border-top:1px solid #eaeaea}
.review_item{ padding:30px 20px;  border-bottom: 1px solid #eaeaea;}
.review_item .review_text{margin-bottom:1rem;}
.review_item .square .dimmed{ position:absolute; right:0; bottom: 0; padding:1rem; color:#fff; font-size: 1.5rem; border-radius: 6px 0;}
.item_detail_01 img{ width:100%;}
.item_detail_04 .table_theme1 tr td:nth-child(2n-1){ width:35%;}
.item_order_right{  position: sticky;   right: 0;  top: 80px; width:360px; margin-right: 0;  background-color: #fff; z-index: 12; height: 80vh;  max-height: 630px;  overflow-y: auto;  padding: 1rem 1rem;}
.item_order_right .btn-lg{ padding:1.75rem 1rem;}
.order-btn-wrap{position:relative; align-items: center; gap: 15px;}
.order-btn-wrap button{width: 50%; padding: 15px 0;  border-radius: 6px; font-size: 15px;}
.btn-bg-color{background-color: #2AB0CF;  border: 1px solid #2AB0CF;  color: #fff; font-weight: 700;}
.btn-line-color{background-color: #fff;  border: 1px solid #ccc;}
.btn-bg-color:hover{background-color: #2AB0CF;}
.btn-line-color:hover{ border: 1px solid #2AB0CF;  color: #2AB0CF;}
.btn-line-p-color{background-color: #fff;  border: 1px solid #2AB0CF;  color: #2AB0CF;}
.btn-line-p-color:hover{background-color: #2AB0CF;  color: #fff;}
.btn_order_hide{ display: none;}
.item_order_btn{ display: none;}
.order_state_wrap .item_info{ flex-direction: column;}
.order_state{ margin-bottom: 10px;  font-size: 1.8rem; font-weight: 600;}

/* Table */
.table_theme1 tr{width:100%;}
.table_theme1 tr:last-child td{ border-bottom:1px solid #EAEAEA;}
.table_theme1 tr td{ font-weight:300;}
.table_theme1 tr td:nth-child(2n-1){ width:30%; background-color: #F9F9F9;    color:#333;	text-align: center;	font-weight:500;}
.table_theme1 tr td:nth-child(2n-1){ font-weight: bold;}
.commission_num{ width:50px;}

/* rolling hotkeyword */
.rolling_hotkeyword_wrap{ display: flex; align-items: flex-start;}
.rolling_hotkeyword_box{ overflow: hidden; position:relative; width:100%; height:23px;}
.rolling_hotkeyword{ position:absolute; margin-top: -4px;  transition: all ease-in-out;}
.rolling_hotkeyword li{ padding:5px 0; width:100%; font-size: 1.4rem; color:#5F6F81;}
.rolling_hotkeyword li a{ width:100%;}
.btn_expandDown{ position:absolute; right:0; top:0px;  cursor: pointer;}
.btn_expandDown i{ padding:5px; font-size: 1.5rem;}
.rolling_hotkeyword_box.on{ overflow: visible; height: auto;}
.rolling_hotkeyword_box.on .rolling_hotkeyword{ position:relative; }
.rolling_hotkeyword_box.on .btn_expandDown{ transform: rotate(180deg);}

/* order */
.payment_method{display: flex;}
.payment_method_item{ display: flex; justify-content: center; align-items: center; width:100%; height: 66px; margin-right: 20px; padding:0 20px; border:1px solid #D2DCE8;  color:#333333; font-size: 1.9rem; font-weight: 600;}
.payment_method_item:last-child{ margin-right: 0;}
.payment_method_item figure{margin-right: 10px;  background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.payment_method_item.on{ border-color: #756EF0; background-color: #F7F6FF;}
.payment_method_item.on figure{ flex-shrink: 0;    background-position: 0 100%;}
.payment_method_card figure{ width:28px; height:21px;    background-image: url(../img/bg_payment_card.png);}
.payment_method_cash figure{ width:27px; height:20px;    background-image: url(../img/bg_payment_cash.png);}
.payment_method_npay figure{ width:62px; height:24px;    background-image: url(../img/bg_payment_npay.png);}
.payment_method_kpay figure{ width:60px; height:24px; background-image: url(../img/bg_payment_kpay.png);}
.addressList_content li{ display: flex; justify-content: space-between; align-items: center; padding:20px 0;    border-bottom: 1px solid #E8ECF5;}
.addressList_content li h6.h6{ display: inline-block; margin-bottom: 1rem;  font-size: 1.8rem; font-weight: 600;}
.addressList_content li p{ line-height: 1.6;  font-size: 1.4rem; color:#555555;}
.default_address{ margin-left: 10px;    color:#756EF0;}
.my_wrap .pr_member .square{ max-width:180px;}
.my_wrap .influencer_list{ margin-bottom: 0;}
.item_wrap.order{display: flex;  gap: 40px; padding-top: 5rem;}
.order-top{display: flex; align-items: center;  justify-content: space-between; margin-bottom: 1rem;}
.order-top button{ font-size: 14px;  font-weight: 500; padding: 10px 20px;  border-radius: 6px;}
.order-address{padding: 2rem;  border: 1px solid #eaeaea;  border-radius: 6px;}
.delivery-start{display: flex; align-items: center;  justify-content: space-between; margin-top: 4rem;}
.delivery-start > div{width:100%;}
.delivery-start input{max-width: 150px;  width: 100%;   border: 1px solid #e1e1e1;   border-radius: 6px;   color: #333;  font-weight: 300; font-size: 15px;}
.coupon-use input{max-width: 300px; border-radius: 6px !important;}
.coupon-use button{min-width: 100px; border-radius: 6px !important;}
.payment_agreement{padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #eaeaea;}
.payment_agreement button{font-size: 15px;  font-weight: 300;  background-color: #fff;  border: 0;  color: #707070;}
.payment_agreement .checks label{align-items: flex-start; line-height: normal;}
.item_order_right.order{max-width: 330px; width: 100%; }
.item_order_right.order .order-box{width: 100%;  padding: 2rem;  border: 1px solid #eaeaea; border-radius: 10px;}
.order-coupon .modal_item_info .item-con{margin-bottom:0;}
.order-coupon .modal_item_info .option_box .form-group, .order-coupon .modal_item_info .option_box{border: 0;}
.order-coupon .item_list_price_detail .amount{ display: flex; align-items: center; gap: 10px;}
.order-coupon .modal_item_info{display: flex; flex-wrap: wrap;  gap: 30px; margin-bottom:40px;}
.order-coupon .modal_item_info li{width:100%;}
.address-popup .new-address{font-size: 15px; font-weight: 500;   width: 100%;  padding: 15px 0; border-radius: 6px; margin-bottom: 20px;}
.address-popup ul{display: flex; flex-wrap: wrap;  gap: 15px;  width:100%;}
.address-popup ul li{display: block; width:100%; padding: 25px 20px;  border: 1px solid #eaeaea; border-radius: 6px;}
.address-popup .btn-box{ display: flex; align-items: center;  justify-content: space-between; margin-top: 5px;}
.address-popup .btn-box > button{font-size: 13px;  font-weight: 600; padding: 10px 20px;}
.address-popup .btn-box .left-btn{display: flex; align-items: center;  gap: 8px;} 
.address-popup .btn-box .left-btn .delete{font-size: 12px; padding: 7px 10px;  border-radius: 6px;  border: 1px solid #eaeaea;  background-color: #fff;}
.address-popup .btn-box .left-btn .modify{font-size: 12px; padding: 7px 10px;  border-radius: 6px;  border: 1px solid #663399; color:#663399; background-color: #fff;}
.add-load{font-size:15px; font-weight:500; padding:10px; border-radius:6px;}
.order-success-top{text-align: center;  padding: 5rem 0; line-height: normal;}
.order-success-top button{max-width: 300px; width: 100%;  padding: 18px 0;  border-radius: 6px;}
.order-success-body .list_item .item_info .item_name { margin-top: 0;}

/*스토어*/
.form_search.store_list_search button{padding: 0.9rem 0.7rem; right: 5px;}
.form_search.store_list_search input{max-width: 380px;  background-color: #fff;  border: 1px solid #e1e1e1;  border-radius: 6px;}

.form_search p {
  font-size: 30px;       /* 기본 폰트 크기 */
  font-weight: 900;      /* 기본 두께 */
  color: #333;           /* 기본 색상 */
  text-align: center;
}


/* delivery memo*/
.input_self{
    display: none;
}
.ex_btn_popup{
    display: none; position:fixed; top:0; left:0; width:100vw; height: 100vh;    
    z-index: 1030;
}
.ex_btn_popup .dimmed{
    position:absolute; top:0; left:0; width:100%; height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: -999;
}
.ex_btn_li{
    position:absolute; bottom:-100%; width:100%; padding:60px 30px 35px; 
    border-top: 1px solid #E8ECF5; border-top-left-radius:2.5em; border-top-right-radius:2.5em ;
    background-color: #fff;
}
.ex_btn_popup .btn_close{
    padding:10px 10px 0;
}
.ex_btn_li .square{
    width:40px; height: 40px;
}
.ex_btn_popup .btn_close{
    position:absolute; right:0; top:0;
    z-index: 1031; font-size: 4rem; color:#555
}
.ex_btn_li li> a{
    display: block; padding:14px 0;
    border-bottom: 1px solid #E8ECF5;
}
.ex_btn_li li:first-of-type a{
    margin-top: 20px;
    border-top: 1px solid #E8ECF5;
}
.ex_btn_li li> a:hover{
    padding:14px 12px; 
    background-color: #F6F8FB;
    text-decoration: none;    
    transition: padding 0.2s ease-in;
}
.item_info .item_title{
    margin-top: 0;
}

/* calculate */
.current_withdrawable{
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding:30px 40px;
    background-color: #F0FDF7;    
}
.current_withdrawable .withdrawable_amount{
    font-size: 2.4rem; font-weight: 700; color:#756EF0;
}
.current_withdrawable > span{
    font-size: 1.8rem;
}

/* account info wrap */
.account_info_wrap{
    display: flex; justify-content: space-between; padding:24px;
    background-color: #F1F4F9;
}
.account_info_wrap .account_holder{
    display: block; margin-bottom: 5px;
    font-size: 1.8rem; font-weight: 700;
}
.account_info_wrap .account_num{
    font-size: 1.5rem; opacity: 0.8;
}
.account_info_wrap .account_edit{    
    flex-shrink: 0; position: relative; bottom: -1px; margin-left: -10px; margin-right: -10px;
    color:#888888; font-size: 1.4rem;
}
.account_info_wrap .account_edit .btn{
    padding:0px 10px;
    color:inherit; font-size: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      -webkit-appearance: none;
      background-color: #E8ECF5;
      border-radius: 30px;
    }

    input[type='range']::-webkit-slider-runnable-track {
      height: 20px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }

    input[type='range']::-webkit-slider-thumb {
      position:relative; top:1px; width: 19px; height: 19px; -webkit-appearance: none;
      cursor: pointer;
      border-radius: 50%; background: #2f2a94;
      box-shadow: -20em 0 0 19.5em  #756EF0;
      position:relative;
    }

}
/* Input Range */
input[type="range"]::-moz-range-progress {
  background-color: #2f2a94;
}
input[type="range"]::-moz-range-track {
  background-color: #756EF0;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #2f2a94;

}
input[type="range"]::-ms-fill-upper {
  background-color: #756EF0;
}



/* Responsive*/
@media (min-width:1921px) {
    .sld_btn_wrap{
        margin-left: -700px;
    }
    .prev1{
        left:20px; margin-left: 0;
    }
    .next1{
        right:20px; margin-right: 0;
    }
}

@media (max-width: 1440px){
    .infl_card_tit {
       width: 100%; padding: 0 45px;
   }
    .top_influencer .card-title {
       margin: 15px 0;
   }
    .item_li {
       padding: 20px 0;
   }
    .infl_card_wrap {
       width: 100%; padding: 0 25px;
    }
    .item_order_right.fixed_top{
        width:280px;
    }
    .store_list .card_store{
        padding:2rem;
    }
    .card_store .square{
        width:60px; height: 60px; margin-right: 16px;
    }
    .check_select_list .form-check-label{
        width:100%; padding:16px 20px;
        font-size: 1.5rem;
    }
    .dash_ul .dash_ic{
        display: none;
    }
    .pag_wrap {
        bottom:16%;
    }
    .delivery_state_wrap{
        margin-left:-44px; margin-right: -24px; padding-top:30px; 
    }
    .sld_btn_wrap {
        bottom:30px;
    }
    .next1{
        right: 20px; margin-right:0;
    }
    .prev1{
        left: 20px; margin-left:0;
    }
    
}
@media (max-width: 1199.98px) {
	.slide1{aspect-ratio: 2 / 0.8;}
    .play_btn{
        padding:11px 15px;
    }
    .sec2 .sec3, .sec4, .sec5{
        margin-top: 60px;
    }
    .sec3 .card_body{
        height:90px;
    }
    .top_influencer {
        column-gap: 9%; padding: 0 4.5%;
    }
    .top_influencer .card-title {
        margin: 4% 0; font-size: 26px;
    }
    .infl_tit {
        padding: 0 4.5%; margin-top: 30px;
    }
    .infl_right {
        margin-top: 3%;
    }
    .infl_tit p {
        margin-bottom: 4.5%;
    }
    .item_li {
        padding: 4% 0;
    }
    .card-body ul {
        margin-bottom: 6%;
    }
    .item_img {
        width: 35%; height: 35%; max-width: 105px; max-height: 105px;
    }
    .infl_card_tit {
        padding: 0 4.5%;
    }
    .infl_card_wrap {
        padding: 0 2.5%;
    }
    .infl_card {
        margin-bottom: 4%; padding: 0 2% !important;
    }
    .influencer_list .card-title {
        margin: 4% 0;
    }
    .influencer_list .card-text {
        margin-bottom: 3%;
    }
    .influencer_list .card {
        padding: 6% 2%;
    }

    .item_li .square{
        width:70px; height:70px;
    }    
    .discount{
        font-size: 1.8rem;
    }
    .total_price{
        font-size: 1.8rem;
    }
    /* 마이 대쉬보드 */        
    .membership_info {
        display: block;
    }
    .membership .infl_profile {
        max-width: 90px; max-height: 90px;
    }
    .membership .cancle {
        padding: 0; border-left:none; height: auto; padding-top: 1.5rem;
    }
    .membership .cont {
        width: 100%;
    }
    .membership_info {
        width: calc(100% - 130px); margin: 2rem 0;
    }
    .membership li {
        align-items: start;
    }
    .item_order_right{
        width:260px;
    }
    .item_order_right.fixed_top{
        width:235px;
    }
    .item_name .fs_18{
        font-size: 1.5rem;
    }
    .item_price{
        font-size: 1.5rem;
    }
    .delivery_fee{
        font-size: 1.5rem;
    }
    .payment_method{
        flex-wrap: wrap;
    }
    .payment_method_item{
        width:calc(50% - 10px); margin-right: 20px; margin-bottom: 20px;
    }
    .payment_method_item:nth-child(2n){
        margin-right: 0;
    }
    .item_order_right .border-top .price{
        font-size: 2.4rem;
    }
	.item_order_right.cart {
		width: 100%;
		max-width: 260px;
	}
}
@media (max-width: 991.98px) {        
    .next1, .prev1{
        display: none;
    }
  
    .sec2, .sec3, .sec4, .sec5{
        margin-top: 60px;
    }
    .play_btn{
        padding:10px 12px;
    }
    .my_left {
        display: none;
    }
    .my_wrap .login_pg {
        height: auto; align-items: flex-start
    }
    .my_wrap {
        width: 100%; padding-left: 0;
    }
    .my_wrap .login_cont {
        padding: 0;
    }
    .my_wrap {
        padding: 8rem 0 5rem;
    }
    .h3_tit {
        font-size: 3.0rem;
    }
    .history li {
        display: block; padding: 1.8rem 0;
    }
    .infl_list_form {
        flex-flow: column; align-items: flex-start;
    }
    .infl_list_form_r {
        margin-top: 2%; width: 100%; display: flex; justify-content: flex-end; align-items: center;
    }
    .infl_list_form_l {
        width: 100%;
    }
    .infl_list_form_l_sel {
        flex-grow: 0;
    }
    
    /* 메인 페이지 */

    .sec3{
        margin: 45px auto 50px;
    }

    /* 판매자 스토어 */
    .seller_store_text .fs_40{
        font-size: 25px;
        }
    .seller_store_text .fs_28{
        font-size: 25px;
        }
    .seller_store_text h2{
        display: inline-block;
    }
    .infl_profile{
        max-width:100px; max-height: 100px;
    }
    .my_wrap {
        padding: 3rem 0 0; }
    .point_circle {
        display: inline-block; width: auto; padding: 0.3rem 0.8rem; margin-bottom: 0.5rem; height: auto; line-height: 1em; margin-right: 0;
        border-radius: 0;
        font-size: 1.4rem;
    }
    .item_side_info {
        padding-left: 15px;
    }
    /* .item_side_info{
        margin-top: 20px;
    } */
    .item_detail_left_wrap{
        padding-right: 0px; width: 100%;

    }
    .item_order_right{
        position:fixed; display: none; width:100%; left:0; top:auto; bottom:0;
        box-shadow: 0 -3px 12px rgba(52,56,72,0.09);
    }
	.item_order_right.cart {position:fixed; display: block;max-width: 100%;height: auto;  padding: 0;  border-radius: 10px 0 0 10px;}
	.cart-btn-wrap{flex-wrap: nowrap;}
	.btn_item_order, .btn_item_order2{padding: 12px; font-size: 14px;}
    .item_order_right.fixed_top{
        width:100%;
    }
    .item_wrap .item_order_right{
        position:relative; display: block; width:100%; left:0; top:auto; bottom:0;
        box-shadow: 0 -3px 12px rgba(52,56,72,0.09);
        box-shadow:none
    }
    
    .btn_order_hide{
        display: flex; justify-content: center;
    }
    .btn_order_hide i{
        padding:6px 100px;
        color:#B2BBC8; font-size: 3.1rem;
        text-align: center; cursor: pointer;
    }
    .item_order_btn{
        display: flex; position: fixed; bottom: 0; left:0; width:100%;
        background-color: #fff;
        z-index: 1031;
    }
    .item_order_btn .btn_like{
        border:none;
    }
	.store-list{width: calc((100% / 2) - 10px);}
	

    /* 쿠폰 */
    #coupon_discount .modal-dialog{
        max-width:90%;
    }
    .applicable_coupon .coupon_list li{
        padding:2rem 0;
    }
    .item_order_right .border-top{
        flex-direction: row;
    }
    .seller_store_text .btn_likeStore{
        top:-14px;
    }
	.item_wrap.order {flex-wrap: wrap;}
	.item_order_right.order{max-width:100%; height: auto;}

}
@media (max-width: 767.98px) {
    .sec2 .sec3, .sec4, .sec5{     margin-top: 50px;    }
    .sec3 .h2{    text-align: center;    }    
    .sld_nav_wrap3{   justify-content: center;        font-size: 1.2rem;    }
    .sec3 .h2{        margin-top: 16px;    }
    .sales_member_list .info {  display: block;  }
    .sales_member_list .info .btn { margin-left: 2rem; margin-top: 1rem;   }
    .complete { height: calc(100vh - 110px);    }
    .login_pg { height: calc(100vh - 50px); align-items: start;    }
    .login_cont { margin-bottom: 7rem; border:none; }
    .my_page_menu { margin-bottom: 60px; }
    .top_influencer::before { display: none; }
    .top_influencer { column-count: 1; }
    .top_influencer .card-title { font-size: 28px; margin: 4% 0 0;    }
    .influencer_list .h2 { font-size: 22px; }
    .influencer_list .btn { font-size: 14px; }
    .influencer_list select {  font-size: 14px; }
    .infl_list_form_r select {  padding: 1% 9% 1% 4.5%; background: url(../img/ic_down.png) no-repeat right 18% center; display: flex; background-size: 13%;    }
    .infl_list_form_r .btn {   display: flex; }
    .item_title{  font-size: 1.4rem; }
    .total_price{ font-size: 1.8rem; }
    .infl_rank{  width:40px; height:40px; font-size: 0.8em; }

    /* 채팅창 */
    .chatting { height:calc(100vh - 60px); }
    .chat_in {padding: 0 10px; }
    .chat_in span {   padding: 5px 10px; border-radius: 10px; }
    .chat_in .you {  max-width: 70%; }
    .chat_in .me {   max-width: 70%;  }
    .chat_input textarea {   margin: 0 10px; margin-top: 1px; }
    .chat_input_wrap { padding: 0;}

    /* 메인페이지 */
    .sld_num{
        font-size: 15px;
    }
    .play_btn{
        font-size: 20px;
    }
    .play_btn div.btn_start{
        font-size: 15px;
    }
    .sld_btn_wrap{
        bottom: 20px;
    }

    /* 이벤트 리스트 */
    .event_row .fs_20{
        font-size: 16px;
    }
    .event_row .fs_15{
        font-size: 13px;
		line-height: 18px;
    }

    /* 판매자 스토어 */
    .seller_store_text .fs_40{
        font-size: 18px;
    }
    .seller_store_text .fs_28{
        font-size: 18px; text-align: left;
    }
    .seller_store_text p{
        font-size: 14px;
    }

    /* 홍보회원 프로필 */

    .pr_member_tit{font-size: 28px;}
    .item_influencer_list_wrap{ height: 70px; padding:0 20px;}
    .item_influencer_list .square{width: 40px; height: 40px; font-size: 1.5rem;}
    .item_detail_wrap{margin-top: 0px; padding-top: 30px;}
	.tab_menu{flex-wrap: wrap;}
    .tab_menu li{ font-size: 1.5rem; width: 50%;}
	.tab_menu li:nth-child(2){border-bottom:0; border-right:1px solid #e3e3e3;}
    .tab_menu li a{ padding:10px 0;}
    .btn_like{ padding: 10px 18px; flex-shrink: 0; }
    .ic_like{ width:20px; height:16px;}
	.item_detail_01 .table_theme1{display: block; width: 100%;}
	.item_detail_01 .table_theme1 tbody{display: block; width: 100%; border-bottom: 1px solid #e3e3e3;}
	.item_detail_01 .table_theme1 tr { width: 100%;  display: flex;  flex-wrap: wrap;}
	.item_detail_01 .table_theme1 tr td:nth-child(1), .item_detail_01 .table_theme1 tr td:nth-child(3){width:30%}
	.item_detail_01 .table_theme1 tr td:nth-child(2), .item_detail_01 .table_theme1 tr td:nth-child(4){width:70%}
	.item_detail_01 .table_theme1 tr:last-child td{border-bottom:0;}
	.item_side_info .item_name{font-size: 20px;}
	.inquiry-writer .id-day {padding-right: 0px;}
	.dropdown_edit_delete {position: unset; width: 140px;}


    /* 쿠폰 */
    .coupon_discount .list_item .item_info{width:100%;}
    .coupon_discount .list_item .item_price{ width:100%; padding-bottom: 10px; flex-direction: row;}
    .coupon_discount .list_item .item_price b{margin-left: 4px; }
	.coupon_discount .list_item_right{width:100%; order:4;  border-left: none; padding:0; padding-bottom: 16px;}
    .coupon_discount .coupon_discount_price{width:100%; order:3;  border-left: none; padding:4px 0 16px; }
    .applicable_coupon label{margin-bottom: 0;}

    /*장바구니*/
    .list_item > section{ flex-wrap: wrap; position:relative; border-bottom: 1px solid #eaeaea;}
	.list_item > section:last-child{border-bottom: 0;}
    .list_item .item_info{ width:100%; padding:20px 0 15px; gap: 10px;}
	.item-amount{width:50%; border-top: 1px dashed #f5f5f5;  line-height: normal; padding-top: 1.5rem;}
    .list_item .item_price{ border-left: none;}
	.list_item .btn_delete{ position:absolute;right: 10px; top: 0px; font-size: 2.4rem; }
    .list_item .item_name a{ display: inline-block; padding-right: 0; }
    .list_item .item_info .item_name{  padding-right: 0; }
    .delivery_fee{ border-left: none;}
    .item_price_wrap{ padding-bottom: 10px;}
	.item_price_wrap .item_price{ order: 1; align-items: flex-end; padding-right: 0;    text-align: left; }
    .item_price_wrap .delivery_fee{  order: 0; align-items: flex-start; padding-left: 0px;  text-align: right; }
    .item_info .form-check{   flex-shrink: 0; }
    .item_info .form-check-label{    position:relative;    }
    .item_info .chkbox{        position:absolute; top:10px; left:10px; margin-right: 0;        z-index: 1;    }
    .item_list_price{        padding:15px 15px;    }
    .item_list_price_total{        text-align: right;    }
    .order_list .list_item > section .list_item_right{        padding: 10px 0;        border-top:1px solid #E8ECF5;    }
    .list_item_right {        padding:0 10px;        font-size: 1.5rem;    }
    .order_state_wrap .list_item_right{        width:100%; flex-direction: row; padding:0 0 15px 0;        border-left: none;    }
    .order_state_wrap .list_item_right .btn{        margin-right: 10px;    }
    .order_state_wrap .list_item_right .btn{        display: none;    }    
    .order_state_wrap .list_item_right .btn:first-child, .order_state_wrap .list_item_right .btn:nth-child(2), .order_state_wrap .list_item_right .btn:nth-child(3), .order_state_wrap .list_item_right .btn_more{        display: block;    }    
    .order_state_wrap .list_item_right .btn_more{        flex-shrink: 0; width:42px; height:42px; margin-right: 0!important; padding:0;        text-align: center;    }
	.item_box_oneBtn .list_item_right{   width:100%; padding:0; margin-bottom: 20px;    }
    



	/* 리뷰 작성 */
	.file_attachment_wrap .square{     width: calc(20% - 16px); margin-right: 20px; margin-bottom: 20px;    }
    .store_success_rate{        margin-top: 20px;    }    
	.store_info_wrap{        display: none;    }
    .ex_btn_li{ padding:50px 24px 30px;  }
	.ban_pc {display: none;}
	.ban_mb {display: block;}
	.experience_swiper ul li img{margin-bottom:20px;}
	.experience_swiper ul li h3{font-size:17px;}
	.experience_swiper ul li p{font-size:13px;}
	
	

	/*새로작성*/
	.filter{flex-wrap: wrap; justify-content: flex-end !important;}
	.filter p{width: 100%; text-align: right; font-size:14px;}
	.filter_btn { gap: 5px;}
	.filter_btn li a{font-size:12px;}
	.category-list > h2{font-size:24px; margin-top:30px;}
	.category-list ul{flex-wrap: nowrap;  gap: 20px; overflow: auto; padding: 10px 15px;}
	.category-list ul li { width: auto;  text-wrap-mode: nowrap;}
	.category-list ul li a {font-size: 14px;}
	.store-list { padding: 10px 20px; flex-wrap: wrap; position: relative;}
	.store-box .like-btn2{position: absolute; top: 10px; right: 10px;}
    }
@media (max-width: 575.98px) {
	.slide1 {
        aspect-ratio: 2 / 1;
		max-height: 500px;
    }
    .pag_wrap {
         bottom:12px;
    }
    .play_btn{
        padding:4px 8px;
    }
    #coupon_discount .modal-dialog{
        max-width:100%;
    }
    .sec2, .sec3, .sec4, .sec5, .sec6{
        margin-top: 40px;
    }
    .ban_pc{
        display: none;
    }
    .ban_mb{
        display: block;
    }
    .sld_nav_wrap3 .sld_num3, .sld_nav_wrap3 i{
        font-size: 1.3rem;
    }
    /* mobile flex wrap */
    .mobile-flex-wrap{
        flex-wrap: wrap;
    }
    .sales_member_list .info .btn {
    width:100%; margin-left:0;
    }
    .sales_member_list .element {
        flex-wrap: wrap;
    }
    /* my page */
    .my_wrap {
        padding: 3rem 0 0;
    }
    .my_wrap .infl_card_wrap{
        padding: 0px;
    }
    .my_wrap .infl_card{
        padding:0 0!important;
    }
    .sales_member_list .element > div {
        width: 50%; padding-right: 2rem; margin-bottom: 1rem;
    }
    .sns_adress input.sns_youtube {
        padding-left: 208px;
    }
    .sns_adress input.sns_facebook {
        padding-left: 155px;
    }
    .sns_adress input.sns_instar {
        padding-left: 160px;
    }
    .edit {
        margin: 0 auto;
    }
    .inquiry_service li {
        margin-bottom: 2.5rem;
    }
    .notice header {
        display: block;
    }
    .complete img {
        width: 92px;
    }
    .login_cont {
        width: 100%; padding: 2rem;
    }
    .my_modal .modal-content {
        padding: 3rem 2rem;
    }
    .modal.my_modal {
        top: 5%; left: 5%; width: 90%; height: 90%;
    }
    .table_num thead th:first-child {
        display: none;
    }
    .table_num tbody td:first-child {
        display: none;
    }
    .table_txt {
        font-size: 1.5rem;
    }
    .expand {
        width: 18px; height: 18px;
    }
    .expand.turn {
        width: 18px; height: 18px; margin-left: 1rem;
    }
    .qa-tit {
        padding: 1.6rem 0;
    }
    .qa {
        width: calc(100% - 3.9rem);
    }
    .qa_cont p {
        font-size: 1.5rem; width: calc(100% - 30px);
    }
    .h3_tit {
        font-size: 2.6rem;
    }
    .my_wrap .fs_18 {
        font-size: 1.7rem;
    }
    .my_wrap .login_cont {
        padding: 0;
    }
    .menu_list {
        padding: 1.3rem 0;
    }
    .btn_tab .btn-lg {
        font-size: 1.7rem;
    }
    .coupon_list li {
        padding: 2rem 0;
    }
    .item_info .square {
        width: 90px; height: 90px;
    }
    .item_info {
        padding: 2rem 0;
    }
    .notice header {
        padding: 1.8rem 0rem;
    }
    .notice article {
        padding: 2.5rem 0rem;
    }
    .infl_list_form_l.w_240 {
        width: 100% !important;
    }
    .infl_list_form_l.w_240 form{
		width:100%;
	}
    .infl_left>div {
        height: auto;
    }
    .infl_list_form_r {
        margin-top: 4%;
    }
    .infl_list_form_r .btn {
        padding: 0 5px;
    }
    .influencer_list {
        margin-top: 2%;
    }
    .influencer_list .h2_title {
        padding-bottom: 10px;
    }
    .infl_list_form {
        padding: 2% 0 4.5%;
    }

    /* 메인페이지 */
    .slide1 .swiper-slide img {
        object-position: top;
    }
    .slide1 .sld_pc {
        display: none;
    }
    .slide1 .sld_mb {
        display: block;
    }
    .infl_rank{
        top:0; left:0; width:30px; height:30px; font-size: 0.5em;
    }
    .infl_seller{
        max-width:40px;
    }
    .infl_tit h2{
        font-size: 2.8rem;
    }
    .sec5_new .col{display: none;}
    .sec5_new .col:nth-child(1), .sec5_new .col:nth-child(2){display: block;}
    .total_price{
        font-size: 18px;
    }
    .sld_btn_wrap{
        bottom: 0; left:-20px;
        transform: translate(0);

    }
    .sld_btn_wrap .pag_wrap{
        padding: 8px 12px 8px 24px;
        border-radius: 0;
    }

    .chat_in span{
        font-size: 1.3rem;
    }
    .event_detail_banner .event_mb{
    display: block;
    }
    .event_detail_banner .event_pc{
        display: none;
    }

    .list_style1{
        padding:10px 0;
    }
    .list_style1 li{
        padding:6px 0;
        font-size: 1.4rem;
    }
    .list_style1 li span{
        min-width:90px;
    }
    .ani_modal{
        top:calc(50% - 65px); left:calc(50% - 65px); z-index: 1050; justify-content: center; align-items: center; flex-direction: column; width:130px; height: 130px; padding-top:22px;
    }
    .ani_modal img{
        width:35px; margin-bottom:5px;
    }
    .item_slide{
        padding:0;
    }
    .item_side_info .item_name{
        font-size: 2.0rem;
    }
    .item_side_info .price .total_price{
        font-size: 2.2rem;
    }
    .item_side_info .discount, .item_side_info .bf_discount{
        font-size: 1.4rem;
    }
    .review_item{
        padding:15px 0;
    }
    .review_item .review_star i{
        font-size: 1.5rem;
    }
    .item_order_right .border-top .price{
        font-size:2rem;
    }
    .item_influencer_list_wrap > span{
        font-size: 1.6rem;
    }
    .sec3 .card_body {
        height: 70px;
    }
    .total_price{
        font-size: 1.5rem;
    }
    /* .card_body{
        height: 100px;
    } */

    /*dropdown*/
	.dropdown_list ul{border-top: 1px solid #eaeaea; margin-top: 2rem;}
    .dropdown_list_q{flex-wrap: wrap; gap: 8px;}
    .dropdown_list_a{ padding-left: 20px;}
    .circle_title{ margin-bottom: 0; height: 25px;  border-radius: 0;}
	.inquiry-writer {position: relative;line-height: normal;}
	.dropdown_edit_delete{width:100%;}
	.dropdown_edit_delete button{padding: 0 10px !important;}
	.dropdown_list_toggle{padding: 0 10px;}
	.item_detail_01, .item_detail_02, .item_detail_03, .item_detail_04{margin-top:3rem !important}
    .modal_influencer_list li .square{
        width:40px
    }
    .selected_option_box{
        padding:15px;
    }
    .calendar_wrap{
        flex-wrap: wrap;
    }
    .form-group.calendar{
        width:100%; margin-bottom: 10px!important;
    }
    .calendar_wrap .btn-primary{
        width:100%; margin-left: 0!important;
    }
    .calendar_wrap .form-group.calendar:nth-child(2){
        max-width: 100%;
    }
    .item_influencer_list .square{
        width: 30px; height: 30px; margin-left: -12px; font-size: 1.5rem;
    }
    .review .square{
        width:110px;
    }
    .review_text{
        font-size: 1.5rem;
    }
    .text_more{
        font-size: 1.4rem;
    }

    /* cart */
    .item_list > li{
        margin-bottom: 30px;
    }
    .order_quantity{
        max-width: 115px;
    }
    .item_wrap .chkbox{
        margin-right: 5px;
    }
    .item_list_price{
        flex-direction: column; padding:10px 15px;
    }
    .item_list_price_detail{
        display: none; order:1; margin-top: 15px; font-size: 0;
    }
	.order-coupon .item_list_price_detail{display: flex; margin-top: 0; font-size: 15px;         text-align: center;}
	.order-coupon .item_list_price_detail .amount {gap: 5px; flex-wrap: wrap; justify-content: center; }
	.order-coupon .item_list_price_detail .amount p{width:100%;}
	
    .item_list_price_detail small{
        display: inline-block; width:50%; margin-right: 0; margin-top: 5px;
        font-size: 1.4rem;
    }
    .item_list_price_detail strong{
        display: inline-block; width:50%; text-align: right;
        font-size: 1.5rem;
    }
    .item_list_price_total{
        display: flex; justify-content: space-between; align-items: center; order:0; width:100%;
        text-align: right;
    }
    .item_list_price_total i{
        display: inline-block; vertical-align: middle;
        /*transition: all 0.2s ease-in 0;*/
    }
    .item_list_price_total i.on{
        transform: rotate(180deg) translate(-5px, 3px);
    }
    .item_list_price .price_operator{
        display: none;
    }
	.modal-dialog-big .modal-body {padding: 1.5rem;}
    /* order */
    .payment_method_item{
        width:100%; height: 52px; margin-right: 0; margin-bottom: 10px;
        font-size: 1.5rem;
    }
    .payment_method_card figure{
        width:22px; height:17px;
    }
    .payment_method_cash figure{
        width:22px; height:17px;
    }
    .payment_method_npay figure{
        width:43px; height:17px;
    }
    .payment_method_kpay figure{
        width:44px; height:17px;
    }
    .delivery_info .form-check-label{
        font-size: 1.5rem;
    }
    .order_state_wrap .list_item_right{        
        padding:0 0 15px 0;
    }

    /*리뷰*/
    .file_attachment_wrap .square{
        width: calc(25% - 9px); margin-right: 12px; margin-bottom: 12px;
    }
    .file_attachment_wrap .square:nth-child(5n){
        margin-right:12px;
    }
    .file_attachment_wrap .square:nth-child(4n){
        margin-right:0;
    }
    .file_attachment_wrap .square .attachment-delete{
        width:35px; top:5px; right:5px; padding:0;
    }
    .file_attachment_wrap .square .attachment-delete img{
        width:100%;
    }
    .tab_menu{
        padding-top:0px;
    }
    .pr_member_row_box .square{
        width:76px; height:76px;
    }
    .pr_member_row_box h2{
        font-size: 1.8rem;
    }
    .pr_member_row_box p{
        font-size: 1.2rem;
    }
    .seller_store_img_pc{
        display: none;
    }
    .seller_store_img_mb{
        display: block;
    }
    .card_body .btn_like{
        right:10px; top:-28px; width:40px; height:40px;
    }    
    .dash_ul li a{
        padding:12px;
    }
    .dash_ul li{
        width: 33.3333% !important;
    }
    .dash_ul li:last-child p{
        font-size: 1.3rem; letter-spacing: -0.05em;
    }
    .dash_ul a p{
        font-size: 1.4rem;
    }
    .delivery_state_wrap{
        padding-top: 20px; margin-left: -24px; margin-right: -24px;
    }
    .delivery_state_wrap li{
        font-size: 1.4rem;
    }
    .delivery_state_wrap li .circle{
        width:10px; height:10px;
    }
    .delivery_state > li::before{
        top:4px;
    }
    .delivery_state > li.on.current_state .delivery_state_text{
        top:6px; margin-top: 6px;
    }
    .delivery_state > li.on.current_state .delivery_state_text::before{
        top:6px;
    }
    .store_info_wrap *{
        font-size: 1.4rem;
    }
    .store_contact_info{                
        margin-bottom: 4px;
    }
    .order_state_wrap .list_item_right .btn_more{
        width:37.5px; height:37.5px;
    }
    .account_info_wrap{
        padding:20px;
    }
    .account_info_wrap .account_edit{
        margin-top: 12px;
    }
    .account_info_wrap .account_holder{        
        margin-bottom: 3px;
        font-size: 1.6rem;
    }
    .current_withdrawable{
        padding:20px;
    }
    .current_withdrawable > span{
        font-size: 1.6rem;
    }
    .current_withdrawable .withdrawable_amount{
        font-size: 1.8rem;
    }
	.event_row .m-w100{width: 100%;  max-width: 100%; flex: 100%;}
	.item-amount{background-color: #f5f5f5; padding: 1rem 0;}
}
@media (max-width: 460px){
    .membership .infl_profile {margin-bottom: 0; max-width: 120px; max-height: 120px;}
    .membership .cancle { justify-content: center;}
    .membership .cont { padding-right: 0;}
    .membership .cont .d-flex {display: block !important; }
    .membership .semi_blue { display: block; margin-top:2px; margin-bottom: 10px;}
    .membership_info { width: 100%; margin: 1.5rem 0 2.2rem;}
    .membership li { text-align: center; flex-direction: column; align-items: center; justify-content: center; padding: 0 2rem;}
    .coupon_list li { display: block;}
    .coupon_list li .ml-1 { margin-left: 0 !important; }
    .coupon_list>li>div:last-child{ display: flex; justify-content: space-between; align-items: baseline; margin-top: 12px;  text-align: left; }
    .coupon_list>li>div:last-child .fs_18{ font-size: 2.0rem; }
    .coupon_list>li>div:last-child .fs_14{font-size: 1.3rem; }
    .applicable_coupon .coupon_list>li>label:last-child{ display: flex; justify-content: space-between; align-items: baseline; margin-top: 8px; padding-left: 32px;  text-align: left;}
    .order_state_wrap .list_item_right .btn{ margin-right: 8px; padding-right:0.5rem; padding-left:0.5rem;}
	.list_item > section{padding: 20px 15px;}
	.list_item .item_info {width: 100%; padding: 0; align-items: flex-start; padding-bottom: 1.5rem;}
	.list_item .checks label{display: block;}
	.checks .ic_box{margin-bottom:1rem;}
	.list_item .item_info .item_name{margin-top: 28px;}
	.list_item .btn_delete{right: 15px; top: 0px;}
	.option-change{padding:2px 5px;}
	.order-box span{font-size:14px;}
	.modal_item_info .item-con .item-info > p span{display:block;}
	.delivery-start{flex-wrap: wrap;  gap: 10px;}
}

@media (max-width: 420px){
    .chat_in .you { max-width: 95%;}
    .chat_in .me { max-width: 95%;}
    .filter_btn{ font-size: 14px;}    
    .delivery_state_wrap{margin-left: -16px; margin-right: -16px;}
	.store-box{gap: 10px;}
	.store-list {width: 100%;}
	.inquiry-top-tit p{font-size: 1.3rem; line-height: 18px;}
	.modal_item_info .option_box .form-group{flex-wrap: wrap;}
}
@media (max-width: 380px) {
.item_detail_01 .table_theme1 tr td:nth-child(1), .item_detail_01 .table_theme1 tr td:nth-child(3), .item_detail_04 .table_theme1 tr td:nth-child(1), .item_detail_04 .table_theme1 tr td:nth-child(3){width: 100%;text-align: left;   font-size: 13px;}
.item_detail_01 .table_theme1 tr td:nth-child(2), .item_detail_01 .table_theme1 tr td:nth-child(4), .item_detail_04 .table_theme1 tr td:nth-child(2), .item_detail_04 .table_theme1 tr td:nth-child(4) {width: 100%;}
.item_detail_04 .table_theme1 {display: block; width: 100%;}
.item_detail_04 .table_theme1 tr {width: 100%;  display: flex;   flex-wrap: wrap;}
.item_detail_04 .table_theme1 tbody {display: block; width: 100%; border-bottom: 1px solid #e3e3e3;}
.item_detail_04 .table_theme1 tr:last-child td{border-bottom:0;}
}
@media (max-width: 360px) {
    .item_info .square{
        width:70px; height: 70px;
    }
    .file_attachment_wrap .square .attachment-delete{
        width:28px; top:5px; right:5px; padding:0;
    }
    .pr_member_row_box .square{
        width:60px; height: 60px;
    }
    .pr_member_row_box .row{
        margin-right: 15px;
    }
    .card .star_delivery_wrap .review_star{
        font-size: 1.4rem;
    }
    .account_info_wrap{
        flex-direction: column;
    }
	.list_item .item_info{flex-wrap: wrap;}
	.list_item .item_info .item_name { margin-top: 0; }
	.modal_item_info .item-con{flex-wrap: wrap;}
	.modal_item_info .item-info{width:100%;}
	.order-coupon .item_list_price_detail{display: none;}
	.order-coupon .modal_item_info{    margin-bottom: 20px;}
}

@media (min-width: 768px) {
    .square {
        height: 75%;  /* PC 이상 */
    }
}