@charset "UTF-8";


/*로그인*/
.login_pg {
    padding: 7rem 0;
    width: 100%;
    background: #ffffff;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sign_cont{width:100%;max-width:48rem;margin:0 auto;background:#fff;border-radius:2.0rem;padding:4.0rem 4.0rem 4.0rem;}
.sign_cont.sdw_box{box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.05);}

.sns_login li{width:6.4rem;overflow:hidden;}

.sns_title {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    font-size: 14px;
    margin: 8px 0px;
}
.sns_title::before,
.sns_title::after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    margin: 0px 16px;
}

/*회원가입*/
.sign_pg {
    padding: 7rem 0 10rem;
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 80vh;
}
.sign_step {
    width: 90%;
    max-width: 380px;
    margin-bottom:5.0rem;
}
.sign_step .step_body {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
.sign_step .step_body .elmnt{display: flex;align-items: center;flex-direction: column;position: relative;}
.sign_step .step_body .elmnt .ico {
    width: 5.6rem;
    height: 5.6rem;
    background-color: #E3E3E3;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 700;
}
.sign_step .step_body .elmnt.active .ico {
    border: 1px solid #e3e3e3;
    background: var(--primary);
    color: #fff;
}
.sign_step .step_body .elmnt.active .ico img{brightness(0) invert(0.6); filter: brightness(0) invert(0.6);}
.sign_step .step_body .elmnt p{color:#A2A2A2;margin-top:1.0rem;font-weight:500;}
.sign_step .step_body .elmnt.active p{color:#333;}
.sign_step .step_body .elmnt:after {
    content: '';
    display: block;
    width: 100%;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    right: 50%;
    position: absolute;
    top: 2.8rem;
}
.sign_step .step_body .elmnt:first-child:after{display:none;}
.sign_step .step_body .elmnt.active:after{background:#e3e3e3;}

.terms_cont{height:20rem;overflow:auto;}

/*에디터스타일*/
.edit_style{}
.edit_style .h1, .edit_style h1{font-weight:700;font-size:3.5rem;margin-bottom:0.5rem;}
.edit_style .h2, .edit_style h2{font-weight:700;font-size:2.5rem;margin-bottom:0.5rem;}
.edit_style .h3, .edit_style h3{font-weight:700;font-size:1.8rem;margin-bottom:0.5rem;}
.edit_style .h4, .edit_style h4{font-weight:700;font-size:1.5rem;margin-bottom:0.5rem;}
.edit_style img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    display: inline-block;
}
.edit_style p{white-space: pre-line;line-height: 160%;}
.edit_style ol, .edit_style ul{padding-left: 1.4rem;line-height: 160%;}


@media (max-width: 991.98px) {
    .sign_cont {padding: 0rem 1.6rem 0;background: transparent;}
    .sign_cont.sdw_box{box-shadow:none;}

    .sign_pg {background:#fff;justify-content: start;min-height: auto;padding:6.0rem 0 8.0rem;}
    .sign_step {margin-bottom: 3rem;}
    .sign_step .step_body .elmnt .ico {width: 4.6rem;height: 4.6rem;font-size: 1.6rem;}
    .sign_step .step_body .elmnt:after {top: 2.3rem;}

    .sticky_right {
        padding: 3rem 0 0;
        border: 0;
    }

    .sticky_right .fixed_btn {
        border-top: 1px solid #111;
        padding: 0.95rem 2rem;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .remain-time{font-weight: 600; font-size: 1.46rem !important; color: #043A9D}
}


/* bar */
.bar {
    height: 0.8rem;
    background-color: #F8F8F8;
    border-top: 1px solid #e3e3e3;
}



.go_top2 {
    width: 6rem;
    height: 6rem;
    background: url(../img/go_top2.png)no-repeat center;
    background-color: #fff;
    background-size: 1.8rem auto;
    z-index: 1000;
    border-radius: 50%;
    display: block;
    position: fixed;
    right: 1.6rem;
    bottom: 3.0rem;
    border:1px solid var(--border);
	opacity:1;
	transition:all .1s ease-out .05s;
	-webkit-transition:all .1s ease-out .05s;
	-moz-transition:all .1s ease-out .05s;
	-ms-transition:all .1s ease-out .05s;
	-o-transition:all .1s ease-out .05s;

}

.ft_q_wrap{position: fixed;right: 1.6rem;bottom: 9.0rem;z-index: 1000;display:flex;flex-direction: column;}
.ft_q_wrap li{position:relative;}
.ft_q_wrap .q_menu {
    display: flex;
    width: 6rem;
    height: 6rem;
    background-color: #fff;
    background-size: cover;
    border-radius: 50%;
    
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
	border:1px solid var(--border);
}
.ft_q_menu{bottom: -11rem;position: relative;
	opacity:0;
	transition:all .1s ease-out .05s;
	-webkit-transition:all .1s ease-out .05s;
	-moz-transition:all .1s ease-out .05s;
	-ms-transition:all .1s ease-out .05s;
	-o-transition:all .1s ease-out .05s;
}
.ft_q_wrap.show .ft_q_menu{bottom: 0rem;opacity:1;
	transition:all .1s ease-out .05s;
	-webkit-transition:all .1s ease-out .05s;
	-moz-transition:all .1s ease-out .05s;
	-ms-transition:all .1s ease-out .05s;
	-o-transition:all .1s ease-out .05s;
}
.ft_q_wrap .q_menu_open{position: relative;z-index: 10;}
.ft_q_wrap .q_menu_open .open{display:flex;}
.ft_q_wrap .q_menu_open .close_btn{display:none;}
.ft_q_wrap.show .q_menu_open .open{display:none;}
.ft_q_wrap.show .q_menu_open .close_btn{display:flex;}

.ft_q_wrap .q_menu div{word-break: keep-all;font-size:1.2rem;display:block;}
.ft_q_wrap .q_menu:hover div{display:none;}
.ft_q_wrap .q_menu img{width:2.6rem;display:none;}
.ft_q_wrap .q_menu.q_menu2:hover img, .ft_q_wrap .q_menu.q_menu3:hover img{display:block;}
.ft_q_wrap .q_menu.q_menu2{background: linear-gradient(to right, #043A9B, #01AAA4);color:#fff;border:0;}
.ft_q_wrap .q_menu.q_menu3{background: #FAE300;color:#3B1D1A;border:0;}
.ft_q_wrap .q_menu.q_menu4 img{width:1.9rem;}



/*띠배너*/
.topban{position: sticky; left: 0; top: 0; width: 100%;background: linear-gradient(to right, #043A9B, #01AAA4);z-index: 1000;}
.topban .item {
    color: #fff;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 700;
}


/*PC헤더 스타일*/
.logo{display:flex;align-items:center;flex-shrink: 0;}
.logo img{height: 100%; width: auto;}
.tnb_pc{position: sticky; left: 0; top: 0; width: 100%;background: #fff;padding-top:3.0rem;padding-bottom:0rem;}
.tnb_pc .container{max-width: 1320px;}
.tnb a{color:#999;display:block;padding:0 1.5rem;border-right:1px solid #E3E3E3;}
.tnb a:last-child{border-right:0;padding-right:0;}

.hd_pc{position: sticky; left: 0; top: 4.5rem; width: 100%;z-index:1030;background: #fff;border-bottom:1px solid var(--border);}
.hd_pc .logo img{width:12rem;}
.hd_pc .container{ display: flex; align-items: center; justify-content: space-between; height: var(--hd_height);max-width: 1320px;}
.hd_pc .nav_ul{display:flex;font-size:1.8rem;font-weight:600;margin-right:2.0rem;}
.hd_pc .nav_ul .nav_li{position:relative;}
.hd_pc .nav_ul .nav_li > a{padding:0 2.0rem;display:flex;align-items: center;height: 6rem;}
.hd_pc .nav_ul .nav_li:nth-child(1) > a{padding-left:0;}
.hd_pc .nav_ul .nav_li:hover > a{color:var(--primary);}
.hd_pc .nav_ul .nav_li:hover .dropdown-menu{display:block;}



.hd_pc .nav_ul2 {
    display: none;
    min-width: 15rem;
    font-size: 1.5rem;
    background: #fff;
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0 0.3rem 1rem rgba(0,0,0,0.16);
}
.hd_pc .nav_li:hover .nav_ul2{display: block; position: absolute; background: var(--bg); top: 100%; left: 0; transform: translateX(-1rem);z-index: 9999;}
.hd_pc .nav_ul2 a{display: block;    background: #fff; padding: 1.4rem 2rem; white-space: nowrap;}
.hd_pc .nav_ul2 a:hover{color:var(--primary);background:#F7F8F9;}
.hd_pc .nav_ul2 li:last-child a{border-bottom:0;}
.hd_pc .nav_ul2 a span{display:none;}
.hd_pc .nav_a img{margin-right:0.5rem;}

.hd_pc .btn-icon .rect{border:1px solid rgba(0,0,0,0.16);}

.hd_pc .sch_ip{max-width:28rem;}
.hd_pc .sch_ip .form-control{height: 4.4rem;}

.hd_mo{display:none;height:7.2rem;border-bottom:1px solid #e3e3e3;position: sticky; top: 0; z-index: 1000; background: #fff;}
.hd_mo .logo{width:8.4rem;}
.hd_mo .sch_ip .form-control{height:4.0rem;} 
.hd_mo .sch_ip .btn-icon{width:2.0rem;}

/* 헤더 */
.hd_m {
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 6.0rem;
    width: 100%;
    max-width: 100%;
    background: #fff;
    padding: 0 1.6rem;
    z-index: 1000;
	position: sticky;
    top: 0;
}
.hd_m .logo img{width:8.4rem;display:flex;}
.hd_m .log_txt{font-size:1.4rem;padding-left:0.5rem;}
.hd_m .log_txt span {padding: 0 0.5rem;}
.hd_m button{border:0; background: transparent;width:3.0rem;}

.hd_m .sch_ip .form-control{height:4.0rem;} 
.hd_m .sch_ip .btn-icon{width:2.0rem;}


.hd_m .page_tit{}
.hd_m .hd_btn, .modal-header .hd_btn {
    min-width: 7rem;
    display: flex;
    align-items: center;
}

.hd_m button.top_cart, .hd_m button.top_noti{position:relative;}
.hd_m button.top_cart span, .hd_m button.top_noti span {
    color: #fff;
    background: var(--primary);
    display: inline-block;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    border-radius: 0.8rem;
	width:0.5rem;
	height:0.5rem;
}

.hd_m button.top_cart span{
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    text-align: center;
    line-height: 1.5rem;
    border-radius: 50%;
    right: -0.7rem;
    top: -0.4rem;
    font-size: 1rem;
}


/* 헴버거메뉴 */
.hd_menu_btn {}
.hd_menu_btn a{display:block;}
.m_menu_wr{visibility: hidden; opacity: 0;  position: fixed; top: 0; left: -200%; width: 100%; height: 100%; z-index: 1010; transition: all 0.5s ease-in-out; display: flex; justify-content: start;max-width:412px;}
.m_nav .nav_a img{width:2.0rem;}
.m_nav .nav_ul2{display: none;}

/* x버튼 */
.menu_hd{display: none; opacity: 0;height:var(--hd_height_m);}
.m_nav .menu_hd{color:#fff;display: flex; justify-content: space-between; align-items: center;background: linear-gradient(to right, #043A9B, #01AAA4);padding:0 1.6rem;opacity: 0;}
.menu_on .m_nav .menu_hd {opacity: 1;}
.close_btn{width: 3.0rem;}


/* 메뉴 열렸을때 외부 */
body.menu_on{overflow: hidden;}
.menu_on .m_menu_wr{visibility: visible; opacity: 1;left: 0%;}
.m_nav{position: relative; width: 100%; height: 100%; z-index: 99999;  background: #fff; max-width: 0; transform: translateX(0%); visibility: hidden; opacity: 0;}
.menu_on .m_nav{transform: translateX(0%); visibility: visible; opacity: 1; max-width: 90%;overflow-y: auto;}
.m_nav .nav_ul{padding:1.0rem 1.6rem;}
.m_nav .nav_ul .nav_a {
    color: var(--text);
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 1.45rem 0;
    font-size: 1.6rem;
    font-weight: 500;
}
.m_nav .nav_ul .nav_ul2 {
    background: #f5f6f8;
    margin: 0;
    padding: 1rem 2rem;
    border-radius: 1.5rem;
    font-size: 1.4rem;
}
.m_nav .nav_ul .nav_ul2 a {
    color: var(--text);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.7rem 0;
}
.m_nav .nav_ul .nav_ul2 a span{margin-right:0.5rem;}
.menu_on .nav_log .btn-link{color:var(--gray);padding-bottom:2.0rem;}
.menu_bg{position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); transition: all 0.4s ease-in-out; width: 100%; height: 100%; z-index: 99998; visibility: hidden; opacity: 0;}
.menu_on .menu_bg{visibility: visible; opacity: 1;}
.m_nav .logo{display: inline-block;}


.m_nav_menu > ul > li{border-bottom:1px solid var(--border);margin-bottom:2.2rem;}
.m_nav_menu > ul > li:last-child{border-bottom:0;}
.menu_tit{color:#AAB1B7;font-weight:600;}
.menu_link li a{display:flex;justify-content: space-between;padding:1.15rem 0;color:#313131;}



.cate_menu .col{padding:0;}
.cate_menu .ico {
    width: 3rem;
    display: block;
    margin: 0 auto 0.8rem;
}



/*검색*/
.sch_ip {display: flex;border:1px solid var(--border);background: #fff;padding: 0 1.5rem 0 1.5rem;border-radius: 0.8rem;}
.sch_ip .form-control{height:4.8rem;padding: 0.5rem 0;color:#7F7F7F;}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip .form-control::placeholder {color: #CBC9D1;opacity: 1;}
.sch_ip button{width:2.2rem;height:2.2rem;border:0;background: transparent;}

/*회색 검색*/
.sch_gray.sch_ip{background: #F5F6F8;border:0;}


.ul_list{}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}


/*노데이터*/
.no_data{display:flex;align-items: center;justify-content: center;    flex-direction: column;}



.item_opt_counter {
    position: relative;
    width: 8.7rem;
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: 3.6rem;
    border: 1px solid #CBCFD3;
    flex-shrink: 0;
    display: flex;
    align-items: center;
	background: #fff;
}
.item_opt_counter_btn {
    width: 26%;
    height: 3rem;
    vertical-align: top;
    padding: 0;
}
.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;
    background: transparent;
    border-color: transparent;
}
.item_opt_counter .quantity{
    width: 48%;
    height: 100%;
    vertical-align: top;
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 4.4rem;
    text-align: center;
    border: unset;
}


.collapse_cate{position: relative;}
.collapse_cate .btn-group-toggle .btn,
.collapse_cate .btn-group .btn{margin-right:0.6rem;margin-bottom:0.6rem;}



/*하단메뉴*/
.bt_menu {
    width: calc(100% + 2px);
    max-width: 767px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    margin-left: -1px;
}
.bt_menu ul{display: flex;justify-content: space-between;align-items: center;text-align:center;padding:0 5.0rem; height:6.4rem;box-shadow: 0 -0.4rem 0.8rem rgba(0,0,0,0.06);}
.bt_menu ul li{width: 20%;}
.bt_menu ul li a {
    display: inline-block;
	color:#222;
	font-weight:500;
	font-size:1.2rem;
}
.bt_menu ul li .ico {
    width: 3.0rem;
    display: block;
    margin: 0 auto;
}
.bt_menu ul li.ico_mall{transform: translateY(-1.5rem);}
.bt_menu ul li.ico_mall .ico {
    width: 5.6rem;
    box-shadow: 0 -0.4rem 0.8rem rgba(0,0,0,0.16);
    border-radius: 50%;
}
.bt_menu ul li p{margin-top:0.4rem;}

/*메인*/
.main_bn{position:relative;}
.main_banner .pc_banner{height:42rem;width:100%;background-size: auto 100%; background-position: center;background-repeat: no-repeat;}
.swiper_control {
    width: 12rem;
    background: rgba(0,0,0,0.4);
    color: #fff;
    padding: 0.42rem 0.4rem;
    border-radius: 5rem;
    font-weight: 400;
    border: 0;
    position: absolute;
    right: 50%;
    bottom: 3rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 3.4rem;
	transform: translateX(60rem);
}
.swiper_control .swiper-pagination{position: static;width:6rem;padding:0 1.0rem;}
.swiper_control .swiper-pagination .swiper-pagination-total{opacity: 0.6;}
.swiper_control .swiper-button-prev, .swiper_control .swiper-button-next{width:1.4rem;height:1.4rem;position: static;margin: 0;margin-left: -1px;}
.swiper_control .swiper-button-prev:after{content: "";background-image:url(../img/bn_prev.png);}
.swiper_control .swiper-button-next:after{content: "";background-image:url(../img/bn_next.png);}
.swiper_control .swiper-button-prev:after, .swiper_control .swiper-button-next:after {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1.4rem;
    width: 1.4rem;
}

.mo_daco {
    height: 6rem;
    border-radius: 2.5rem 2.5rem 0 0;
    background: #fff;
    position: absolute;
    bottom: -3.5rem;
    lefT: 0;
    display: none;
    z-index: 10;
    width: 100%;
}

.sns_wr{display:flex;align-items:center;justify-content: space-between;}
.sns_wr .rect{margin-right:0.5rem;width:2.5rem;}
.sns_wr .sns_cont{display:flex;align-items:center;}

.point_sp {
    border: 1px solid #e3e3e3;
    border-radius: 0.4rem;
    
    display: inline-block;
    padding: 0.5rem 1.2rem;
	background:#fff;
    font-weight: 600;
}

.point_sp2 {
    border: 1px solid #e3e3e3;
    border-radius: 0.4rem;
    font-size: 1.3rem;
    display: inline-block;
    padding: 0.5rem 1.2rem;
    background:#fff;
    font-weight: 400;
}

.mod_sp {
    border: 1px solid #e3e3e3;
    border-radius: 0.4rem;
    display: inline-block;
    padding: 0.4rem 1.2rem 0.2rem 1.2rem;
    background: #fff;
    font-weight: 500;
    font-size: 1.3rem;
}

/*상품리스트 스타일1*/
.pr_list .row{margin-left:-1.0rem;margin-right:-1.0rem;}
.pr_list .col{padding-left:1.0rem;padding-right:1.0rem;margin-bottom: 2rem;margin-bottom:3.0rem;}
.pr_list .item{display:flex;flex-direction: column;}
.pr_list .item_link{position:absolute;top:0;bottom:0;left:0;right:0;z-index: 1;}
.pr_list .thum {margin-bottom:1.5rem;}
.pr_list .thum .rect{border-radius:2.5rem;border:1px solid rgba(0,0,0,0.06);}
.pr_list .item_body .time{font-size:1.6rem;margin-bottom:1.4rem;font-weight:300;text-decoration: underline;text-underline-offset: 0.3em; text-decoration-color: #043A9D; }
.pr_list .item_body .name{font-size:1.7rem;margin-bottom:2.0rem;font-weight:500;}
.pr_list .item_body .before_price{font-size:1.9rem;color:#7F7F7F;text-decoration: line-through;font-weight:400;}
.pr_list .item_body .price{font-weight:700;font-size:2.5rem;margin-bottom: 0.4rem;}
.pr_list .item_body .price .dsc{color:#01AAA4;font-size:2.5rem;}
.pr_list .item_body .sel_price {font-size:1.25rem; font-weight:400; color: #777;}
.pr_list .item_body .sns_wr{font-size:1.4rem;margin-bottom:1.0rem;}
.pr_list .item_body .point_sp{margin-top: 1.4rem;font-size: 1.3rem;padding: 0.3rem 0.5rem;}
.pr_list .btn{position: relative;z-index:3;}

/*메인 타임세일*/
.sec01{margin-top:13rem;}
.sec01 .col_left {max-width: 30%; width: 100%;padding-left:1.6rem;padding-right:0;}
.sec01 .col_right{width: 100%;max-width: 70%;padding-left:0.8rem;padding-right:1.6rem; }
.sec01 .col_right .swiper01{transform: translateX(4rem);}
.swiper01_btn{position:absolute;left:0;bottom:0;}
.main_time li{padding:0 4.0rem;border-left:1px solid #e3e3e3;}
.main_time li.swiper-slide-active{border-left:0;}
.main_time li:nth-child(even) .item{    flex-direction: column-reverse;}
.main_time li:nth-child(even) .item .thum {margin-bottom:0;}
.main_time li:nth-child(even) .item .item_body {margin-bottom:1.0rem;}


.swiper_wrap{position:relative;} 
.swiper_btn_default{display:flex;}
.swiper_btn_default .swiper-button-prev, .swiper_btn_default .swiper-button-next {
    width: 6.0rem;
    height: 6.0rem;
    border: 1px solid var(--border);
    border-radius: 50%;
	background: #fff;
	position: static;
	margin-top: 0;

}
.swiper_btn_default .swiper-button-prev{}
.swiper_btn_default .swiper-button-next{}
.swiper_btn_default .swiper-button-prev:after{content: "";background-image:url(../img/slide_prev.png);}
.swiper_btn_default .swiper-button-next:after{content: "";background-image:url(../img/slide_next.png);}
.swiper_btn_default .swiper-button-prev:after, .swiper_btn_default .swiper-button-next:after {
    display: block;
    background-size: 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
}
.swiper_btn_default .swiper-button-prev:hover, .swiper_btn_default .swiper-button-next:hover {border-color:#c4cbcf;}




/*서브*/
.sub_top{padding:6.0rem 0;}

.like_btn {
    border: 0;
    background-image: url(../img/like_off.png);
    width: 2.4rem;
    height: 2.4rem;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    position: relative;
    z-index: 1;
}
.like_btn[aria-pressed="true"]{background-image: url(../img/like_on.png);}

.area_select .swiper-slide{padding:0.5rem 1.0rem 0;}
.area_select .swiper-slide.active .cate_item .cate_img{background:#fff;    box-shadow: 0 0.3rem 1.5rem rgba(0,0,0,0.16);}
.area_select .cate_item .cate_img{max-width:10.7rem;display:block;margin:0 auto 1.2rem;border-radius:50%;background:#F5F5F5;}
.area_select .swiper_btn_default .swiper-button-prev, .area_select .swiper_btn_default .swiper-button-next{position: absolute;top: 70%;transform: translateY(-50%);}
.area_select .swiper_btn_default .swiper-button-prev{left: -7rem;}
.area_select .swiper_btn_default .swiper-button-next{right: -7rem;}
.area_select .swiper_btn_default .swiper-button-next.swiper-button-disabled, .area_select .swiper_btn_default .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.area_select .swiper-slide .wh_label {width : 10rem;}

.cate_select .swiper-slide{padding:0.5rem 1.0rem 0;}
.cate_select .swiper-slide.active .cate_item .cate_img{background:#fff;    box-shadow: 0 0.3rem 1.5rem rgba(0,0,0,0.16);}
.cate_select .cate_item .cate_img{max-width:10.7rem;display:block;margin:0 auto 1.2rem;border-radius:50%;background:#F5F5F5;}
.cate_select .swiper_btn_default .swiper-button-prev, .cate_select .swiper_btn_default .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);}
.cate_select .swiper_btn_default .swiper-button-prev{left: -7rem;}
.cate_select .swiper_btn_default .swiper-button-next{right: -7rem;}
.cate_select .swiper_btn_default .swiper-button-next.swiper-button-disabled, .cate_select .swiper_btn_default .swiper-button-prev.swiper-button-disabled{opacity: 0;}

.progress_wrap {
    padding: 2.0rem;
}
.progress_wrap .progress {
    background-color: #F5F5F5;
	height: 1.7rem;
}
.progress_wrap .progress-bar {
    border-radius: 3.6rem;
	background: linear-gradient(to left, #043A9B, #01AAA4);
}


/*레이아웃*/
@media (min-width: 992px){
	.details_top .col-lg-5 {flex: 0 0 44.666667%;max-width: 44.666667%;}
	.details_top .col-lg-7{flex: 0 0 55.333333%;max-width: 55.333333%;}

	
	.details_bottom .col-lg-4 {flex: 0 0 34.666667%;max-width: 34.666667%;}
	.details_bottom .col-lg-8{flex: 0 0 65.333333%;max-width: 65.333333%;}

	
	.cart_cont .col-lg-4 {flex: 0 0 34.666667%;max-width: 34.666667%;}
	.cart_cont .col-lg-8{flex: 0 0 65.333333%;max-width: 65.333333%;}

	/*
	.my_page .col-lg-4 {flex: 0 0 30.666667%;max-width: 30.666667%;}
	.my_page .col-lg-8{flex: 0 0 69.333333%;max-width: 69.333333%;}
    */
    .my_page .col-lg-4 {flex: 0 0 26.666667%;max-width: 26.666667%;}
    .my_page .col-lg-8{flex: 0 0 73.333333%;max-width: 73.333333%;}

}

/*상세*/
.details_top{padding-top:6.0rem;}
.details_img .details_img_swiper{border: 1px solid rgba(0, 0, 0, 0.06);}
.details_img .swiper_btn_default .swiper-button-prev, .details_img .swiper_btn_default .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);}
.details_img .swiper_btn_default .swiper-button-prev{left: -3.0rem;}
.details_img .swiper_btn_default .swiper-button-next{right: -3.0rem;}
.details_img .swiper_btn_default .swiper-button-next.swiper-button-disabled, .details_img .swiper_btn_default .swiper-button-prev.swiper-button-disabled{opacity: 0;}

.like_lg_btn{width:6.0rem;}
.like_lg_btn span{display:block;width:3.0rem;height:3.0rem;
	background-image: url(../img/like_off2.png);
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.like_lg_btn[aria-pressed="true"], .like_lg_btn:not(:disabled):not(.disabled).active[aria-pressed="true"]{background:#fff;color:var(--primary) !important;border-color:#cbcfd3;}
.like_lg_btn[aria-pressed="true"] span{background-image: url(../img/like_on2.png);}

.ic_share2 {
    width: 4.5rem;
    padding: 0;
    height: auto;
    border-radius: 50%;
    flex-shrink: 0;
}

.details_bottom{padding-top:7.0rem;}

.detail_cont {height: 800px;overflow: hidden;}
.detail_cont .edit_style p{line-height: 150%}
.detail_cont .edit_style p img{padding-top: 2rem}
.detail_cont_wr .hide_cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 5rem;
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 80%);
}
.detail_cont.show { height: auto;overflow: hidden;padding-bottom:3.0rem !important;}
.detail_cont.show ~ .hide_cont{position:static;padding-top:0rem;}

.detail_info{border:1px solid var(--border);}
.detail_info li{border-bottom:1px solid var(--border);padding:3.0rem;}
.detail_info li:last-child{border-bottom:0;}

.cont_box{border:1px solid var(--border);border-radius:2.5rem;padding:3.0rem;z-index: 1;}
.cont_box2{border:1px solid var(--border);border-radius:2.5rem;padding:2.5rem;z-index: 1;}

.user_list li{margin-bottom:1.5rem;}
.user_list li .user_item{display:flex;align-items: center;}
.user_list li .user_item .user_img .rect{width:4.6rem;margin-right:1.2rem;border-radius:50%;border:1px solid rgba(0,0,0,0.16);}
.user_list li .user_item p{font-size:1.7rem;font-weight:600;flex:1 1 auto;}


.customer_list{border-top:1px solid var(--border);}
.customer_list .media{padding:2.0rem 0;border-bottom:1px solid var(--border);flex-direction: column;}



.best_review li {
    max-width: 37rem;
    padding: 1.5rem;
    color: #666;
    flex-direction: row;
    align-items: start;
    flex-shrink: 0;
    display: flex;
	cursor: pointer;
}
.best_review  li .btn-link{position:relative;z-index:10;}
.picture_num {
    background: #111;
    color: #fff;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    line-height: 2.4rem;
    text-align: center;
}


.review_list li {
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
    color: #666;
	cursor: pointer;
	border:0;
	border-bottom:1px solid #e3e3e3;
}
.review_list li .btn-link{position:relative;z-index:10;}
.review_list li .rect{width:4.6rem;border:1px solid rgba(0,0,0,0.16);}

.star_grade{position:relative;}
.star_grade .star_on{display:block;overflow: hidden;position: absolute;}
.star_grade .star_off{display:block;}
.star_grade .star_on img, .star_grade .star_off img {
    width: 79.01px;
    max-width: 79.01px;
	display: block;
}

.review_img .rect{}
.review_img img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.select_op_list li{margin-bottom:1.0rem;}
.select_op_list li:last-child{margin-bottom:0;}
.select_op_list .op_box{background:#F5F5F5;border-radius:1.5rem;padding:2.0rem 1.6rem;display:flex;}
.select_op_list .op_box .name{color:#999999;font-size:1.4rem;margin-bottom:0.5rem;    line-height: 1.3;}



/*장바구니*/
.cart_cont{margin-top:4.0rem;}


.cart_list > ul > li{border-radius:1.5rem;border:1px solid #e3e3e3; overflow: hidden;margin-bottom:1.5rem;}
.cart_list > ul > li:last-child{margin-bottom:0;}
.cart_list .shop_name{padding:1.5rem 2.5rem;}
.cart_pr_list{border-top:1px solid #e3e3e3;padding:0 3.0rem;}
.cart_pr_list li{border-bottom:1px solid #e3e3e3;}
.cart_pr_list li:last-child{border-bottom:0;}
.cart_pr_list .item{display:flex;padding:2.0rem 0;}
.cart_pr_list .item .thum{margin-right:1.5rem;}
.cart_pr_list .item .thum .rect{width:9.0rem;border:1px solid rgba(0,0,0,0.16);border-radius:1.5rem;}
.cart_pr_list .item .item_body{justify-content: space-between;align-items: flex-start;}
.cart_pr_list .item .name{font-size:1.7rem;font-weight:600;   line-height: 1.3;}
.cart_pr_list .item .price_wr {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	align-items: center;
}
.cart_pr_list .item .price {
    color: #000;
    font-size: 1.7rem;
    font-weight: 700;
    flex-shrink: 0;
    padding-left: 1rem;
}
.cart_pr_list .item .text-gray{word-break: keep-all;}
.cart_pr_list .item .option{color:#999;font-size:1.4rem;}


.cart_list .shop_price{padding:1.5rem 2.5rem;background:#F5F5F5;font-size:1.4rem;text-align: center;}
.cart_list .shop_price span{display:inline-block;padding: 0.2rem;word-break: keep-all;}


/*마이페이지*/
.my_page{padding-top:6.0rem;}
.my_menu_top .rect{width:6.0rem;border:1px solid rgba(0,0,0,0.16);border-radius:50%;margin-right:1.5rem;}
.my_menu > ul{padding:2.5rem;border:1px solid var(--border);border-radius:2.5rem;}
.my_menu > ul > li{margin-bottom:3.5rem;}
.my_menu > ul > li:last-child{margin-bottom:0;}
.my_menu > ul > li .my_mn_tit{padding-bottom:1.5rem;border-bottom:1px solid var(--border-line);font-weight:700;margin-bottom:1.3rem;}
.my_link li {border-bottom: 1px solid #ececec}
.my_link li a {display: flex;justify-content: space-between;align-items: center;padding:1.5rem 0;}
.my_link li:last-child a {padding-bottom:1.5rem;}
.my_link li a img{width:1.8rem;}


.my_main_top .col{padding:0;border-right:1px solid var(--border);}
.my_main_top .col:last-child{border-right:0;}
.my_main_top .ico {
    width: 3rem;
    display: block;
    margin: 0 auto 1.0rem;
}
.my_main_top .col b {display: inline-block;}

/*푸터*/
.ft{padding:4.0rem 0 8.7rem;}
.ft .ft_customer .btn{padding-left:1.2rem;padding-right:1.2rem;height:4.2rem;font-size: 1.4rem;font-weight:400;}
.ft .fnb a{
    display: inline-block;
	color:#999;
	padding:0 1.5rem;
	border-right:1px solid #E3E3E3;
	line-height:100%;
}
.ft .fnb a:nth-child(1){padding-left:0;}
.ft .fnb a:last-child{border-right:0;}
.ft span.line{margin:0 2.0rem;}
.sns_kakao{background:#F7D700;}

.board_list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding: 2rem 0;
}

.detail_box {
    padding: 2rem;
    border-radius: 1.2rem;
    background-color: #F5F6F8;
}

/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}
 /* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}


/*반응형 max 1400 xl*/
@media (max-width: 1400px) {
	.main_banner .pc_banner {height: 32rem;}
	
	.sec01 .col_right .swiper01 {
		transform: translateX(1rem);
	}

	.cate_select .swiper_btn_default .swiper-button-prev{left: -1.6rem;}
	.cate_select .swiper_btn_default .swiper-button-next{right: -1.6rem;}

    .area_select .swiper_btn_default .swiper-button-prev{left: -1.6rem;}
    .area_select .swiper_btn_default .swiper-button-next{right: -1.6rem;}

}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
	.tnb_pc .logo {width: 9rem;}
	.tnb_pc {padding-top: 1.5rem;padding-bottom: 0.2rem;}
	.hd_pc .btn-icon.ml_20{margin-left:1.5rem;}
	.hd_pc .nav_ul {}
	.hd_pc .nav_ul .nav_li > a {padding: 0 1.0rem;}


	.swiper_control {
		right: 1.6rem;
		transform: translateX(0);
	}

	

} 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) {

	.topban .item {height: 4rem;font-size: 1.4rem;}
	.hd_pc {top: 4rem;}

	.swiper_control{bottom: 4rem;}
	.mo_daco{display:block;}


	.pr_list .row{margin-left:-0.6rem;margin-right:-0.6rem;}
	.pr_list .col{padding-left:0.6rem;padding-right:0.6rem;margin-bottom: 2rem;margin-bottom:2.6rem;}
	.pr_list .thum { margin-bottom: 1.5rem;}
	.pr_list .thum .rect {border-radius: 2rem;}
	.pr_list .item_body .time { font-size: 1.3rem;margin-bottom: 0.7rem;}
	.pr_list .item_body .name {font-size: 1.5rem;margin-bottom: 1.0rem;}
	.pr_list .item_body .price {font-size: 1.7rem;}
	.pr_list .item_body .price .dsc {font-size: 1.7rem;}
	.pr_list .item_body .before_price {font-size: 1.4rem;}

	.main_time li {padding: 0 2.5rem;width: 25rem;}
	.main_time li .item .item_body {margin-bottom: 2.0rem;}
	.main_time li:nth-child(even) .item .item_body {margin-bottom: 2.0rem;}
	.sec01{position:relative;z-index:10;margin-top:1.0rem;}
	.sec01 .col_left {max-width: 100%; width: 100%;padding-left:1.6rem;padding-right:10.6rem;}
	.sec01 .col_right{width: 100%;max-width: 100%;padding-left:1.6rem;padding-right:1.6rem;}
	.sec01 .col_right .swiper01 {
		transform: translateX(0);
		margin-left: -2.5rem;
		margin-right: -1.6rem;
	}
	.swiper01_btn {
		position: absolute;
		left: unset;
		bottom: unset;
		right: 0;
		top: 0;
	}
	.swiper_btn_default .swiper-button-prev, .swiper_btn_default .swiper-button-next {
		width: 4.5rem;
		height: 4.5rem;
	}
	.section .tit_h2 .fs_20{font-size:1.6rem;}

	/*서브*/
	.sub_top {padding: 2.5rem 0;}

	
	/*서브*/
	.cate_select .swiper-slide{padding:0.5rem 0.5rem 0;max-width:8.0rem;}
    .area_select .swiper-slide{padding:0.5rem 0.5rem 0;max-width:10.0rem;}
    .area_select .swiper-slide .wh_label {width : 8rem;}

	/*상세*/	
	.details_top{padding-top:3.0rem;}
	.details_img .swiper_btn_default .swiper-button-prev{left: 1.6rem;}
	.details_img .swiper_btn_default .swiper-button-next{right: 1.6rem;}
	.pr_right .fs_30{font-size:2.0rem;}
	.progress_wrap .progress {height: 1rem;}
	.like_lg_btn{width:5.0rem;}
	.ic_share2 {width: 3.5rem;}
	.details_bottom{padding-top:4.0rem;}
	.detail_info li { padding: 2rem 2.0rem;}


	.user_list li {margin-bottom: 2.5rem;}
	.user_list li .user_item {flex-direction: column;}
	.user_list li .user_item .user_img .rect {margin-right: 0;margin-bottom: 0.8rem;}
	.user_list li .user_item p {font-size: 1.5rem;}

	.cont_box .fs_24{font-size:2.0rem;}




	/*장바구니*/
	.cart_cont{margin-top:2.0rem;}

	.cart_list > ul > li{border-radius:1.0rem;}
	.cart_list .shop_name{padding:1.0rem 1.0rem;}
	.cart_pr_list{padding:0 1.5rem 0 1.0rem;}
	.cart_pr_list .item{display:flex;padding:1.5rem 0;}
	.cart_pr_list .item .thum{margin-right:1.0rem;}
	.cart_pr_list .item .thum .rect{width:8.5rem;border-radius:1.0rem;}
	.cart_pr_list .item .name{font-size:1.5rem;}
	.cart_pr_list .item .price_wr {height: auto;flex-direction: row-reverse;margin-top: 0.8rem;text-align: left;}
	.cart_pr_list .item .price_wr .d-flex {
		flex-direction: row-reverse;
		flex: 1 1 auto;
		justify-content: space-between;
		align-items: center;
		padding-right: 1rem;
	}
	.cart_pr_list .item .option{font-size:1.3rem;}
	.cart_cont .cont_box{padding:0;border:0;margin-top:3.0rem;position: static;}



	/*마이페이지*/
	.my_page{padding-top:3.0rem;}
	.my_menu > ul {padding: 2.5rem 2rem; border-radius: 1.5rem;}

	/*푸터*/
	.ft {
		padding: 4rem 0;
		margin: 0 auto;
	}
	.ft_logo{width: 9rem;}
	.mo_ft_sec{border-top:1px solid #e3e3e3;}


	.go_top2 {width: 4.6rem;height: 4.6rem;}
	.ft_q_wrap{bottom: 12.5rem;}
	.ft_q_wrap .q_menu{width: 4.6rem;height: 4.6rem;margin-bottom: 0.6rem;}
	.ft_q_wrap.show .ft_q_menu {bottom: 0;}
	.ft_q_wrap .q_menu img {width: 2rem;}
	.ft_q_menu .q_menu.q_menu2 {font-size: 1.2rem;padding-top: 0.4rem;}

    .ft_q_wrap .q_menu div {
        word-break: keep-all;
        font-size: 1.1rem;
        display: block;
    }

}


.item.review{
    border-radius: 2.5rem;
    box-shadow: 0 5px 15px rgba(33, 37, 41, 0.08);
}
.item_body.item_info{
    margin : 0 10px;
}
.item_body.item_info p {
    letter-spacing: 0.03em;
    line-height: 1.6;
    height: 70px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #eaeaea;
    padding: 10px 0;
    margin-top: 20px;
}
.blog-profile .image-profile {
    position: relative;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
}
.blog-profile .image-name {
    margin-left: 15px;
}
.blog-profile .image-name span{
    display: flex;
}
.badge-gray-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #e87316;*/
    border: 1px solid #545454;
    color: #545454;
    text-align: center;
}
.badge-shop-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #e87316;*/
    border: 1px solid #e87316;
    color: #e87316;
    text-align: center;
}
.badge-naver-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #2DB400;*/
    border: 1px solid #2DB400;
    color: #2DB400;
    text-align: center;
}
.badge-blog-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #2DB400;*/
    border: 1px solid #2DB400;
    color: #2DB400;
    text-align: center;
}
.badge-youtube-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #c4302b;*/
    border: 1px solid #c4302b;
    color: #c4302b;
    text-align: center;
}

.badge-insta-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #833AB4;*/
    border: 1px solid #833AB4;
    color: #833AB4;
    text-align: center;
}

.badge-instagram-color {
    padding: 6px 11px;
    font-size: 12px;
    /*background: #833AB4;*/
    border: 1px solid #833AB4;
    color: #833AB4;
    text-align: center;
}

/*반응형 max 767px md*/
@media (max-width: 767.98px) {

	.hd_mo{display:block;}
	.hd_m {display:flex;}
	.bt_menu ul{padding:0 1.6rem;}

	/*메인*/
	.select_shop .dropdown-menu{max-width:100%;}


}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 
	.go_top2 {transform: translateX(0);}


	/*상세*/
	.details_top{padding-top:0rem;}
	.details_img .details_img_swiper {
		border: 1px solid rgba(0, 0, 0, 0.06);
		border-radius: 0 !important;
	}


    
} 

@media (max-width:380px) {

	/*서브*/
	.cate_select .swiper-slide{max-width:6.7rem;}
    .area_select .swiper-slide{max-width:9rem;}
    .area_select .swiper-slide .wh_label {width : 8rem;}
	.bt_menu ul li .ico {width: 2.4rem;}

}

.remain-time{font-weight: 600; font-size: 1.6rem; color: #043A9D}
.select_op_list li{margin-bottom:1.0rem;}
.select_op_list li:last-child{margin-bottom:0;}
.select_op_list .op_box{background:#F5F5F5;border-radius:1.5rem;padding:2.0rem 1.6rem;display:flex;}
.select_op_list .op_box .name{color:#999999;font-size:1.4rem;margin-bottom:0.5rem;    line-height: 1.3;}

.box {
    position: relative;
    max-width: 600px;
    width: 90%;
    height: 400px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.ribbon-bottom-left::before {
    bottom: 0;
    right: 0;
}
.ribbon-bottom-left::after {
    top: 0;
    left: 0;
}
.ribbon-bottom-left span {
    right: -25px;
    bottom: 30px;
    transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ribbon-bottom-right::before {
    bottom: 0;
    left: 0;
}
.ribbon-bottom-right::after {
    top: 0;
    right: 0;
}
.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-225deg);
}

/*포인트*/
/*.point_list li{padding:2.0rem 1.0rem;border-bottom:1px solid #e3e3e3;}*/
.point_list li{padding:1.0rem 1.0rem;border-bottom:0px solid #e3e3e3;}
.point_list li > div{margin-bottom:0.5rem;}


/*쿠폰*/
.coupon_list ul.row{margin-left:-0.5rem;margin-right:-0.5rem;}
.coupon_list li {
    display: flex;
    padding: 0.5rem 0.5rem;
}
.coupon_list li .coupon_left{border:1px solid #111;border-radius:1.0rem;padding:2.5rem 2.0rem;}
.coupon_list li .coupon_right {
    border: 1px solid #111;
    border-radius: 1rem;
    padding: 2rem;
    display: flex;
    align-items: center;
    margin-left: -1px;
}

.coupon_list_disable div{color:#999 !important;border-color:#e3e3e3 !important;}
.coupon_list_disable .text-secondary{color:#999 !important;}

.modal .coupon_list li .coupon_left {
    border: 1px solid #e3e3e3;
    border-radius: 1.0rem;
    padding: 1.0rem 2.0rem;
}
.modal .coupon_list li .coupon_right {
    border: 1px solid #e3e3e3;
    border-radius: 1rem;
    padding: 1.75rem;
    display: flex;
    align-items: center;
    margin-left: -1px;
}

.coupon_list .btn{
    padding: 1.2rem 0rem !important;
}
.coupon_down_btn {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 4.5rem;
    background-color: #FFEAE5;
}
.coupon_down_btn svg path {
    stroke: #FF6C3E;
}

/*쿠폰 체크박스*/
.checks_coupon {width: fit-content;}
.checks_coupon input:checked + .ic_box{background-image:url(../img/check01_on.png);}
.checks_coupon .ic_box {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(../img/check01_off.png);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border: unset !important;
    background-color: unset !important;
}

.checks_coupon .chk_right .ic_box{margin-right: 0; margin-left: 0.5rem;}
.checks_coupon .checks input:checked ~ .chk_p{}
.checks_coupon .chk_p{padding-top:0.1rem;}


/*당일배송*/
.sameday .sameday_profile{
    overflow: hidden;
}
.sameday .rounded-circle {
    border-radius: 50% !important;
    border:1px solid rgba(0, 0, 0, 0.125)
}

/*결제*/
.sticky_right {
    padding: 3rem 0 0;
    border: 0;
}


.sticky_right{padding:4.0rem;border:1px solid #111;border-radius: 0.3rem;}
.sticky_right1{padding:3.0rem;border:1px solid #111;border-radius: 0.3rem;}
.sticky_right2{padding:2.0rem;border:1px solid #dee2e6;border-radius: 0.3rem;}

.tit_border {
    border-bottom: 1px solid #111;
    margin-bottom: 2rem;
    padding-bottom: 1.0rem;
}

.info_tbl{width:100%;}
.info_tbl th{font-weight:400;color:#999;padding:0.75rem 0;}
.info_tbl td{font-weight:400;color:#666;padding:0.75rem 0;}

.info_side{width:100%;}
.info_side th{font-weight:400;color:#999;padding:0.25rem 0;}
.info_side td{font-weight:400;color:#666;padding:0.25rem 0;text-align:right;}

.info_side02 th{padding:0.5rem 0;}
.info_side02 td{padding:0.5rem 0;}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);  /* 30% 불투명도의 검은색 오버레이 */
    z-index: 1;
}
.price-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 65%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 5px;
}

.profit-row {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}

.profit-type {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.profit-amount {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

/* 모바일 해상도에서 폰트 크기 조정 */
@media screen and (max-width: 768px) {

    .custom-select, .custom-select2 {
        font-size: 1.3rem;
    }

    .pr_list .item_body .sns_wr {
        font-size: 1.2rem;
    }

    .pr_list .item_body .name {
        font-size: 1.2rem;
    }

    .profit-type {
        font-size: 12px;
    }

    .profit-amount {
        font-size: 12px;
        font-weight: 400;
    }

    .price-container {
        width: 80%;
    }
}