body{
    max-width: 450px; margin: 0 auto;;
}  
input:focus {
    outline: none;
    box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
}
input {
    outline: none;
}
 
a,
a:focus,
a:active,
a:hover {
    outline: none !important;
}
a {
    -webkit-tap-highlight-color: transparent;
}

.foot_nav a img{ width: 27px; }
.drawer_procut_list li img { width: 16px; }


.top_section{padding: 140px 0 30px;}
.top_section.top_big{padding-top: 160px;}
.top_section.nosub_nav{padding-top: 106px;}
.in_warp{padding: 0 15px;;}
 
 
 .error_page_wrap{ display: inline-block; width: 100%; text-align: center; padding: 250px 0;  }
 
 
.common_btn{
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E4283E;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
}

.common_btn.small{display: inline-flex; min-width: 90px; padding: 0 10px;}

.common_btn.red{
    background: #E4283E;
    color: #fff;
    border-color: #E4283E;
}

.common_btn.red + .white{margin-top: 10px;}

.common_btn.white{
    background: transparent;
    color: #fff;
    border-color: #fff; 
}

.login{
    background: url(/res/img/member/login.png);
    background-size: cover;
    background-position: center;
    height: 105vh;
    overflow: hidden;
    padding: 6rem 0;;
}

.login.sms{
    background-image: url(/res/img/member/login2.png);
}

.login .in_warp{display: flex; flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%; ;}

.login .login_title{text-align: center;}
.login .login_title h1{font-size: 30px; font-weight: 700; line-height: 140%; word-break: keep-all;
    color: #fff;}
.login .login_title p{margin-top: 12px; font-size: 16px; font-weight: 500; color: #7d7d7d;}

.login_bottom{ text-align: center; width: 100%;}
.login_btn{}
.login_btn .common_btn{width: 100%;}
.login_btn .common_btn + .common_btn{margin-top: 10px;;}

.sns_login{margin-top: 45px; display: flex; align-items: center; justify-content: center; gap:14px;}

.dim-layer { position: relative; z-index: 999999;  }
.pop-layer .pop-container {
  position: absolute;
  padding: 25px 15px;
  border-radius: 12px;
  top: 50%;
  left: 50%;
  max-width: 96%;
  width: 100%;
  background: #fff;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.pop-layer .pop-container.bottom{
    border-radius: 20px 20px 0 0;
    top: auto;
    bottom: 0;
    max-width: 100%;
    transform: translate(-50%, 0%);
}

.pop-layer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  z-index: 9998;
  max-width: 450px; 
  transform: translateX(-50%);      z-index: 999999;
}


.dimBg {   position: fixed;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); 
  transform: translateX(-50%); display: none;   }

.agree_input{}

.agree_input .all_agree input[type="checkbox"] + label{
    background-size: 24px auto;
    font-size: 18px; font-weight: bold;
    min-height: 26px;
    padding-left: 32px;
}

.agree_input .all_agree{margin-bottom: 25px;}
.agree_list{}
.agree_list li{display: flex; justify-content: space-between; align-items: center;}

.agree_list li + li{margin-top: 15px;;}


.agree_input + .btn_are{margin-top: 50px;;}


.common_header{background: #fff; position: fixed; width: 100%;
    max-width: 450px; top: 0; left: 50%; transform: translateX(-50%); z-index: 9992;}
.common_header .in_warp{display: flex; align-items: center; 
    justify-content: space-between; height: 55px;;}

.common_header.index_title{
    background: transparent;
}

.common_header.white{background: #fff; border-bottom: 1px solid #ededed;}


/* 기본상태 (white 클래스 없음) */
.common_header .icon_black,
.common_header .logo_black { 
    display: none;
}

/* white 클래스 붙었을 때 */
.common_header.white .icon_white,
.common_header.white .logo_white {
    display: none;
}

.common_header.white .icon_black,
.common_header.white .logo_black {
    display: inline-block;
}

.sub_header{background: #fff; border-bottom: 1px solid #ddd;
position: fixed; width: 100%;
    max-width: 450px; top: 55px; left: 50%; transform: translateX(-50%); z-index: 9992;}

.sub_header .in_warp{display: flex; align-items: center; 
    justify-content: flex-start; height: 50px; gap: 20px;}

.sub_header .in_warp .subject h2{color: #111; word-break: keep-all; font-size: 20px; font-weight: 600;}


.sub_header .in_warp.if_head_flex{
    justify-content: space-between;
}

.sub_header .in_warp.if_head_flex .left{
    display: flex; align-items: center; 
    justify-content: flex-start; gap: 20px;
}

.sub_header .in_warp.if_head_flex a.right_btn{
    color: #111; font-size: 13px; ;
}






.all_btn{display: flex; align-items: center; gap:10px} 
.all_btn img,
.all_btn a{display: block;}


.site_map{position: fixed; 
width: 100%; top: 0; background: rgba(0,0,0,0.5); 
height: 100%;
z-index: 9997;   transition-duration: 0.5s;
 opacity: 0;
    visibility: hidden;
    pointer-events: none;   /* 🔥 클릭 차단 */

    transition: opacity 0.3s ease;}

.site_map.open{ right: 0;
 opacity: 1;
    visibility: visible;
    pointer-events: auto;   /* 🔥 열렸을 때만 클릭 가능 */ }
.site_map .site_map_content{position: absolute;  top: 0;
    height: 100%; width: 90%; background: #fff; max-width: 420px;
right: -100%; transition-duration: 0.5s;

}

.site_map.open .site_map_content{right: 0;}

 
.site_map .site_map_content .top_user{
    padding: 20px 15px; 
    background: #E4283E;
    display: flex; align-items: center; justify-content: space-between;
}

.site_map .site_map_content .top_user .left{display: flex; gap:15px; 
    align-items: center;;}
.site_map .site_map_content .top_user .left .thum{
    width: 60px; height: 60px; overflow: hidden;
    border: 1px solid #ddd; border-radius: 60px;;
}

.site_map .site_map_content .top_user .left .thum img{display: block; width: 100%;
    height: 100%; object-fit: cover; aspect-ratio: 1; background: #fff;  }

.site_map .site_map_content .top_user .left .user_info *{color: #fff;}
.site_map .site_map_content .top_user .left .user_info p{font-size: 12px; margin-bottom: 6px;;}
.site_map .site_map_content .top_user .left .user_info h3{font-size: 18px;}

.site_map .site_map_content .top_user .right{display: flex; gap:10px;}
.site_map .site_map_content .top_user .right a{width: 30px; height: 30px; background: #fff;
    border-radius: 30px; display: inline-flex; align-items: center; justify-content: center;}

.site_map .my_point{padding: 25px 15px; display: flex; background: #F9F9F9; gap:12px; flex-wrap: wrap;}
.site_map .my_point a{ border-radius: 10px;
     border: 1px solid #ddd; background: #fff; padding: 20px; position: relative; /* width: calc(50% - 6px); */ width: 100%; }
.site_map .my_point a p{color: #666; font-size: 12px; margin-bottom: 8px;}
.site_map .my_point a h3{font-size: 18px; color: #E4283E;}
.site_map .my_point a h4{font-size: 18px; color: #111;}
.site_map .my_point a i{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

.site_map .my_point a:last-child{display: flex; align-items: center; justify-content: space-between;
width: 100%;}

.my_nav_list{
    padding: 25px 15px;
}

.my_nav_list li a{border-bottom: 1px solid #ddd; display: flex; align-items: center;
    justify-content: space-between; padding: 16px 0; }
 
.my_nav_list li a p{font-size: 15px; counter-reset: #000; font-weight: 500; 
    display: inline-flex; gap:10px; align-items: center;}



.login_info{height: 100vh;}
.login_info .in_warp{display: flex; flex-direction: column; 
    align-items: center;
    justify-content: space-between; height: 100%;}

.login_info .in_warp > div{width: 100%;}

.input_list li + li{margin-top: 10px;;}

.input_list .flex{display: flex; gap:10px;;}
.input_list .flex input{flex:1}
.input_list p.caption{display: block; margin-bottom: 6px; font-size: 14px; color: #000; font-weight: 500;}
.input_list p.caption span{color: #E4283E;}

.input_list p.arr{display: block; margin-top: 6px; font-size: 14px; color: #E4283E; font-weight: 500}
 
.input_list + .btn_are{margin-top: 40px;}

.input_list a.sub_txt{
    margin-top: 15px; 
    color: #7D7D7D;
    font-size: 14px; 
    display: block;
} 




.other_pw{display: flex; gap:10px; align-items: center; justify-content: center;
margin-top: 25px;}
.other_pw a{color: #444; font-size: 14px; ;}
.other_pw i{width: 1px; height: 10px; background: #ddd;}

.join_btn{font-size: 14px; color: #444;}
.join_btn b{color: #E4283E;} 


.success_title{margin-bottom: 50px;}
.success_title h1{
    color: #FFF;
text-align: center;
font-size: 24px;
font-weight: 500;
line-height: 150%; /* 36px */
}
.success_title h1 b{font-weight: 700;}

.main_section{}
.main_top{padding: 90px 15px 130px;
    background: url(/res/img/main/main_top.png);
background-size: cover;}

.main_top h1{color: #fff; font-size: 24px; font-weight: 700; line-height: 140%;}

.main_event{position: relative; padding: 0 15px; margin-top: -100px;
    z-index: 2; }

.main_event_slide{
    overflow: hidden; border-radius: 20px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
backdrop-filter: blur(20px);
}

.main_event img{width: 100%; display: block;}

.main_event .counter{position: absolute; left: 40px; bottom: 20px; 
    display: inline-flex; padding: 6px 14px; 
    border-radius: 100px;
background: rgba(0, 0, 0, 0.07); font-size: 12px; color: #666; gap:5px;
z-index: 2;}

.main_event .counter .total{opacity: .6;}

.main_cate{background: #F9F9F9; padding: 30px 0px 30px 15px; overflow: hidden;;}

.category_slider {
  padding: 0px 0;
}

.category_slider .swiper-wrapper{display: flex;}

.category_slider .swiper-slide {
  width: auto; /* 자연스럽게 아이템 크기 유지 */
  text-align: center;
}

.category_slider a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;

}

.icon_box {
  width: 70px;
  height: 70px;
  border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);

  display: flex;
  align-items: center;
  justify-content: center;
}

.icon_box img {
  
} 

.category_slider p {
  font-size: 14px;
  font-weight: 500;
  color: #111;
}


.black_title{display: flex; padding: 15px; background: #111 ;
align-items: center; justify-content: space-between;}

.black_title.red{background: #E4283E;}

.black_title h3{color: #fff; font-size: 20px; font-weight: bold;}
.black_title span{display: inline-flex; align-items: center; font-size: 14px; 
    color: #fff; gap:5px}
.black_title span img{display: block;}

.sub_nav_bottom{
    position: sticky;
    bottom: 84px;;
    display: flex; ;
    background: #F9F9F9;
    border-top: 1px solid #ededed;
    padding: 8px 0;
    z-index: 9994;
}

.sub_nav_bottom.nobottom{bottom: 0;}

.sub_nav_bottom a{flex:1; display: flex; align-items: center;justify-content: center;}
.sub_nav_bottom a span{display: inline-flex; align-items: center; justify-content: center;
    padding: 6px 20px; border-radius: 100px; color: #E4283E;
    background: #fff; font-size: 14px; font-weight: 600; z-index: 4; border: 1px solid #EDEDED;}
.sub_nav_bottom a.on span{background: #E4283E; border-color: #E4283E; color: #fff;}



.sub_nav_bottom > span {flex:1; display: flex; align-items: center;justify-content: center;}
.sub_nav_bottom > span span{display: inline-flex; align-items: center; justify-content: center;
    padding: 6px 20px; border-radius: 100px; color: #E4283E;
    background: #fff; font-size: 14px; font-weight: 600; z-index: 4; border: 1px solid #EDEDED;}
.sub_nav_bottom span.on span{background: #E4283E; border-color: #E4283E; color: #fff;}





.foot_nav{
    display: flex; position: fixed; left: 50%; bottom: 0; width: 100%;
    max-width: 450px; transform: translateX(-50%);
    display: flex;;
    height: 86px;
    width: 100%; 
    z-index: 9996;
    border-top: 1px solid #EDEDED;
}

.foot_nav a{flex: 1; text-align: center; display: flex; flex-direction: column;
    align-items: center; justify-content: center; background: #fff; position: relative;}
.foot_nav a img{display: block; margin: 0 auto;}
.foot_nav a p{font-size: 12px; color: #111; margin-top: 8px;;}

.foot_nav a .round{
    border-radius: 100px;
background: #FFF;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
width: 70px; height: 70px; 
display: flex;
align-items: center; justify-content: center;
margin-top: -30px;
}

.foot_nav a.on::after{
    content: '';
    background: #E4283E;
    position: absolute; 
    width: 20px; height: 20px; border-radius: 20px;
    bottom: -10px;
    left: 50%; transform: translateX(-50%);
}
.foot_nav a.on p{color: #fff;}

.foot_nav a:nth-child(3).on::after{display: none;}
.foot_nav a:nth-child(3).on .round{
    background: #E4283E;
}


.sub_nav{
    display: flex; 
    position: sticky; 
    top: 125px;
    margin-bottom: 15px;
    z-index: 9991;
    background: #fff;
    padding: 15px 0; 
}

.sub_nav a{flex:1; text-align: center; padding: 12px 10px;
color: #666; font-size: 15px; font-weight: 400;  background: #fff; 
border-left: 1px solid #ededed; border-top: 1px solid #ededed; ; border-bottom: 1px solid #ededed;}
.sub_nav a + a{border-right: 1px solid #ededed;}
.sub_nav a.on{
    background: #E4283E;
    color: #fff; font-weight: 600;
}

.big_title{margin-bottom: 30px;}
.big_title h2{
    color: #000;
font-size: 24px;
font-weight: 700;
line-height: 140%; /* 33.6px */
}

.section{min-height: 94vh;}  

.section.bottom{padding-bottom: 15px;}
.section.bottombig{padding-bottom: 150px;}
.section.nobottom{padding-bottom: 0px;}


.product_list_slide_are{
    padding: 15px 0;
}

.slick-dots{display: flex; align-items: center; justify-content: center; gap:4px; margin-top: 25px;}
.slick-dots li{width: 5px; height: 5px; background: #D9D9D9; border-radius: 5px;}
.slick-dots li *{font-size: 0;}
.slick-dots li.slick-active{background: #E4283E;}


.product_list_style{}
.product_list_style li{ }
.product_list_style li a{display: flex; justify-content: space-between ; padding: 16px 0;;
border-bottom: 1px solid #EDEDED; align-items: center; gap: 15px; position: relative;}
.product_list_style li a .thum{
    border-radius: 12px;
background: #F9F9F9;
width: 100px; height: 100px; overflow: hidden;;
}

.product_list_style li a .thum img{display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1;}

.product_list_style.big a .thum{width: 130px; height: 130px;}

.product_list_style li a .left{flex:1}
.product_list_style li a .left .cate{
    display: inline-flex;
    border-radius: 2px;
border: 1px solid #F7C3C9;
background: #FDEEF0;
padding: 3px 6px;
font-size: 11px; color: #E4283E;
margin-bottom: 10px;;
}

.product_list_style li a .left .state{color: #E4283E; font-size: 12px; margin-bottom: 10px;
display: flex; justify-content: space-between;}

.product_list_style li a .left .p_name{margin-bottom: 6px; font-size: 14px; color: #111; font-weight: 500; display: block;}
.product_list_style li a .left .price1{display: flex; gap:8px; font-size: 12px; color: #666; margin-bottom: 6px;}
.product_list_style li a .left .price1 em{font-style: normal; text-decoration: line-through;}
.product_list_style li a .left .price2{font-size: 16px; color: #111; font-weight: 700; display: block;}

.product_list_style li a .left .price2 + .p_name{margin-top: 6px;}
.product_list_style li a .left .date{margin-top: 8px; color: #A9A9A9; font-size: 12px; font-weight: 500;}
.product_list_style li a .left .date2{ color: #A9A9A9; font-size: 12px; font-weight: 500;}


.product_list_style li a .left .rating{
    font-size: 12px; color: #666; margin-top: 8px; display: flex; align-items: center; gap:2px;;
}


.least_choice{background: #E4283E; padding: 60px 0 0;;} 
.least_choice_title{text-align: center; margin-bottom: 25px; ;}
.least_choice_title h2{
    color: #FFF;
font-size: 24px;
font-weight: 700;
}

.winner_vertical {
  width: 100%;
  height: 420px;   /* ✅ 무조건 고정 높이 */
  overflow: hidden;
}

/* 기본 흐린 카드 */
.winner_vertical .swiper-slide {
  opacity: 0.15;
  transform: scale(0.85);
  filter: blur(1px);
}

/* 가운데 카드 강조 */
.winner_vertical .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  z-index: 10;
  filter: blur(0);
  position: relative;
  margin: -30px 0;
}

/* 겹침 느낌은 margin이 아니라 spacing으로 */
.winner_vertical .swiper-wrapper {
  padding: 0;
} 
 
/* 카드 디자인 */
.card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  height: 150px;
}

/* 상단 알림 바 */
.card .top {
  display: flex;
  justify-content: space-between;
  padding: 4px 10px;
  border: 1px solid #F7C3C9;
  border-radius: 2px;
  font-weight: 500;
  color: #E4283E;
  font-size: 12px;
  background: #FDEEF0;
}

/* 카드 내부 */
.card .content {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  align-items: center;
}

.card .content .thumb {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  background: #F9F9F9;
}

.card .content .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}

.card .content .info h4 {
  margin: 0;
  font-size: 14px;
}

.card .content .info strong {
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}

.today_main{
    background: #111;
    padding: 60px 0;
}

.today_main_title{text-align: center; margin-bottom: 25px; ;}
.today_main_title h2{
    color: #FFF;
font-size: 24px;
font-weight: 700;
}

.today_main_flex{display: flex; gap:12px; margin-bottom: 25px;}

.today_main_flex .box{cursor: pointer; position: relative;
    border-radius: 12px; background: #fff; text-align: center; flex:1; padding-top: 30px;
overflow: hidden;}
.today_main_flex .box img{display: block; margin: 20px auto 0;;}
.today_main_flex .box p{font-size: 12px; color: #E4283E; font-weight: 400;}
.today_main_flex .box h3{
    color: #111;
font-size: 15px;
font-weight: 700;
}

.today_main_flex .box .open_per{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
background: #E4283E; transition-duration: .5s; opacity: 0; visibility: hidden;}

.today_main_flex .box .open_per p,
.today_main_flex .box .open_per h3{color: #fff;}


.today_main_flex .box.open_box .open_per{opacity: 1; visibility: visible; z-index: 2;;}

.event_slide_are{padding: 60px 0;}
.event_slide a{display: block; border-radius: 12px; overflow: hidden;;}
.event_slide a img{display: block; width: 100%;}

.product_main_slide_are{padding: 60px 0;
background: #F9F9F9; padding-left: 15px;;}

.product_main_slide .slick-list{padding-right: 10rem;}
 
.product_main_slide .slick-slide{padding: 5px;} 

.product_main_slide .box{display: block;
border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
padding: 20px;;}

.product_main_slide .box .thum{position: relative;
border-radius: 12px;
background: #F9F9F9; display: block; margin-bottom: 12px;}

.product_main_slide .box .thum img{width: 100%; display: block; aspect-ratio: 1; height: 100%;
    object-fit: cover;}

.product_main_slide .box .thum .care{
    display: inline-flex;
    border-radius: 2px;
border: 1px solid #F7C3C9;
background: #FDEEF0;
padding: 3px 6px;
font-size: 11px; color: #E4283E;
margin-bottom: 15px;;
position: absolute; left: 15px; top: 15px; ;
}

.product_main_slide .box .p_name{display: block; font-size: 14px; color: #111;}
.product_main_slide .box .price{margin-top: 8px; font-size: 16px; font-weight: 700;}

.progress {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 0px;
  overflow: hidden;
  
  background-color: rgba(228, 40, 62, 0.13);
  background-image: linear-gradient(to right, #E4283E, #E4283E);
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
  margin-top: 20px;;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}



/*메인 팝*/

/* 전체 dim 배경 */
.main_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* 팝업 박스 */
.main_popup_content {
  width: 90%;
  max-width: 430px; ;
}



/* 이미지 */

.popup_img{
  background: #fff;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  width: 100%;
}

.popup_img img {
  width: 100%;
  display: block;
}

/* 확인 버튼 */
.close_btn {
  display: block;
  width: 100%;
  text-align: center;
  background: #E4283E;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 0;
  text-decoration: none;
  border-radius: 0 0 20px 20px;
}

/* 하단 링크 */
.today_not {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
  font-size: 14px;
  color: #fff;
}

/* 버튼 스타일 제거 */
.today_not button {
  background: none;
  border: none;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}


.best_slide_are{
    background: linear-gradient(180deg, #FF5266 0%, #B71B2D 100%);
    padding: 60px 0;
}

.best_slide_box{
    padding: 40px 30px;border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}

.best_slide_box h2{text-align: center; margin-bottom: 25px; font-size: 24px; color: #111;}

.best_slide .thum{
    border-radius: 12px;
border: 1px solid #EDEDED;
background: #FFF;
overflow: ;
position: relative;
}

.best_slide .thum img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1;}

.best_slide .thum .rank_num{position: absolute; left: 20px; top: 0;
background: #E4283E; width: 30px; height: 30px; display: inline-flex;
align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: 700;
text-align: center;}

.best_slide .info .top {
  display: flex;
  justify-content: space-between;
  padding: 4px 10px;
  border: 1px solid #F7C3C9;
  border-radius: 2px;
  font-weight: 500;
  color: #E4283E;
  font-size: 12px; 
  margin-top: 12px;;
  background: #FDEEF0;
}

.best_slide .info .bottom{
    margin-top: 12px; display: flex; justify-content: space-between;
    align-items: center; 
}

.best_slide .info .bottom h4 {
  margin: 0;
  font-size: 16px;
}
.best_slide .info .bottom strong {
  font-size: 18px;
  font-weight: 700;
  display: block;
} 


.in_warp2 .sub_nav{padding: 15px 15px ;} 



.least_open{
    background: #F9F9F9;
    padding: 40px 0;
}

.event_list.bottom{ background: #F9F9F9; }


.least_open_list li{padding: 15px 20px; 
    border-radius: 10px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
display: flex;
gap: 10px;
align-items: center
;}

.least_open_list li .thum{
    border-radius: 10px;
background: #F9F9F9;
width: 70px; height: 70px; overflow: hidden;;
border: 1px solid #ededed;
}

.least_open_list li .thum img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1;}

.least_open_list li .info{flex:1; }
.least_open_list li .info .top {
  display: flex;
  justify-content: space-between;
  padding: 4px 10px;
  border: 1px solid #F7C3C9;
  border-radius: 2px;
  font-weight: 500;
  color: #E4283E;
  font-size: 12px; 
  background: #FDEEF0;
}

.least_open_list li .info .bottom{
    margin-top: 10px; display: flex; justify-content: space-between;
    align-items: center; 
}


.least_open_list li .info .bottom strong {
  font-size: 16px;
  font-weight: 700; 
  display: block;
} 

.least_open_list li + li{margin-top: 16px;}


.product_thum_style{display: flex; 
    gap:16px 12px; flex-wrap: wrap;}

.product_thum_style li{width: calc(50% - 8px);}
.product_thum_style li a{display: block; 
    border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
padding: 16px;}


.product_thum_style li a .thum{position: relative; 
border-radius: 12px;
background: #F9F9F9; aspect-ratio: 1; overflow: hidden;
border: 1px solid #ededed; display: block;}

.product_thum_style li a .thum img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1;}

.product_thum_style li a .thum .cate{
    display: inline-flex;
    border-radius: 2px;
border: 1px solid #F7C3C9;
background: #FDEEF0;
padding: 3px 6px;
font-size: 11px; color: #E4283E;
position: absolute; left: 10px; top: 10px;
z-index: 2;
}


.product_thum_style li a .bottom{margin-top: 12px; display: block;;}
.product_thum_style li a .bottom .p_name{color: #111; font-size: 14px; font-weight: 500 ; display: block;}
.product_thum_style li a .bottom .price2{margin-top: 8px; font-size: 16px; font-weight: 700; color: #111; display: block;}



.event_list_style{}
.event_list_style li + li{margin-top: 24px;;}
.event_list_style li .thum{display: block; border-radius: 12px; position: relative ; 
    overflow: hidden; background: #000;;}
.event_list_style li .thum .tag{position: absolute; right: 15px; top: 15px; padding: 0 10px; 
height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px;
; background: #E4283E;  border-radius: 60px; z-index: 2; z-index: 2;}

.event_list_style li .thum img{width: 100%; display: block; ;}

.event_list_style li.close .thum img{opacity: 0.5;}

.event_list_style li .info{margin-top: 12px; display: block;}
.event_list_style li .info h3{font-size: 16px; color: #111;}
.event_list_style li .info p.date{margin-top: 4px; font-size: 12px; color: #666;}

.event_img_top{}
.event_img_top img{display: block; width: 100%;}


.event_detail_top{
    padding: 20px 15px;
    border-bottom: 1px solid  #EDEDED;
}

.event_detail_top h1{color: #111; font-size: 18px; font-weight: 600;}
.event_detail_top p.date{margin-top: 10px; font-size: 12px; color: #666;}

.event_detail_content{padding: 20px 15px;   }

.event_detail_content p{
    color: #111;
font-size: 14px;
font-weight: 400;
line-height: 140%; /* 19.6px */
}


.rank_detail_list{
    background: #F9F9F9;
    padding: 30px 0;
}

.rank_detail_list .my_rank{text-align: center; padding: 20px; border-radius: 12px; 
    background: #E4283E; margin-bottom: 12px;;}

.rank_detail_list .my_rank h3{font-size: 18px; font-weight: 600; color: #fff;}
.rank_detail_list .my_rank p{color: #fff; font-size: 16px; margin-top: 5px;;}


.rank_list_style{}
.rank_list_style li + li{margin-top: 12px;;}

.rank_list_style li{
    border-radius: 10px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
display: flex; align-items: center; gap:10px;;
padding: 18px 20px;
}

.rank_list_style li p.num{font-size: 16px; color: #111; width: 20px; text-align: left; font-weight: 600;}
.rank_list_style li .user_thum{width: 38px; height: 38px; border: 1px solid #EDEDED; border-radius: 38px;
overflow: hidden;}
.rank_list_style li .user_thum img{width: 100%; height: 100%; display: block; object-fit: cover;}

.rank_list_style li .user_info{flex:1}
.rank_list_style li .user_info *{color: #111;}
.rank_list_style li .user_info h3{font-size: 17px; font-weight: 600; }
.rank_list_style li .user_info p{font-size: 15px; margin-top: 2px;;}

.rank_list_style li:nth-child(1),
.rank_list_style li:nth-child(2),
.rank_list_style li:nth-child(3){background: #E0C463;}


.rank_list_style li:nth-child(1) p.num,
.rank_list_style li:nth-child(2) p.num,
.rank_list_style li:nth-child(3) p.num{color: #fff;}

 
.rank_list_style li:nth-child(1) .user_info *,
.rank_list_style li:nth-child(2) .user_info *,
.rank_list_style li:nth-child(3) .user_info *{color: #fff;}




.mixture_list{}
.mixture_list li + li{margin-top: 12px;}
.mixture_list li{
    border-radius: 12px;
background: #000;
padding: 20px;
position: relative;
padding-top: 50px; 
}


.more_product_btn{
    display: inline-flex;  padding: 0 10px; 
height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px;
; background: #E4283E;  border-radius: 60px; z-index: 2; z-index: 2; gap:5px; }

.mixture_list li .more_product_btn{position: absolute; top: 20px; left: 20px;
 }


.mixture_list li .mixture_list_icon{ position: absolute; z-index: 2; ;top: 40px; right: 40px;}

.mixture_list li .info{
    border-radius: 12px;
background: #FFF;
padding: 20px;;
}


.mixture_list li .info .common_btn{width: 100%; margin-top: 30px;}
.mixture_list li .info .txt h2{color: #111; font-size: 16px; font-weight: 700;}
.mixture_list li .info .mixture_sort{margin-top: 12px; padding-top: 12px; border-top: 1px solid #EDEDED;}
.mixture_list li .info .mixture_sort p{font-size: 13px; color: #666; display: flex; justify-content: space-between;}
.mixture_list li .info .mixture_sort p b{font-weight: 600; color: #E4283E;}
.mixture_list li .info .mixture_sort p + p{margin-top: 6px;;}

#logout .nomal_pop_top{ padding:4px 0px 24px 0px; }


.nomal_pop_top{display: flex; padding:4px 20px 24px 20px; justify-content: space-between;
border-bottom: 1px solid #EDEDED;}
.nomal_pop_top h3{font-size: 18px; font-weight: 600; color: #111;;}
.nomal_pop_top img{display: block;}

.nomal_pop_content{padding: 20px; max-height: 60vh; overflow-y: auto;}
.nomal_pop_content.nopaaing{padding: 0;}

.nomal_pop_content .center_txt{text-align: center;}
.nomal_pop_content .center_txt{font-size: 16px; color: #A9A9A9;}

.pop_in_txt{
    padding:20px;
    border-bottom: 1px solid #EDEDED;
}

.pop_in_txt h3{font-size: 16px; font-weight: 600;;}
.pop_in_txt p{font-size: 14px; color: #666; line-height: 140%; font-weight: 400; word-break: keep-all;}
.pop_in_txt h3 + p{margin-top: 10px;;}




.product_list_box_style{display: flex; flex-wrap: wrap; gap:12px}
.product_list_box_style li{width: calc(50% - 6px);
border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); padding: 20px; transition-duration: .5s;}

.product_list_box_style li .thum{display: block; width: 100%; aspect-ratio: 1; overflow: hidden;
border: 1px solid #F9F9F9; border-radius: 12px;}

.product_list_box_style li .thum img{width: 100%; height: 100%; object-fit: cover; display: block;}

.product_list_box_style li .txt{display: block; margin-top: 12px;;}
.product_list_box_style li .txt h3{color: #111; font-size: 14px; font-weight: 500; transition-duration: .5s;}
.product_list_box_style li .txt p.price{margin-top: 6px; font-size: 16px; font-weight: 700; color: #111; transition-duration: .5s;}

.product_list_box_style li p.product_point{
    border-radius: 2px;
border: 1px solid #F7C3C9;
background: #FDEEF0;
padding: 4px 10px;
align-items: center;
display: inline-flex;
margin-bottom: 12px;;
color: #E4283E; font-size: 12px;
}

.product_list_box_style li.on_mix{
    background: #E4283E;
}


.product_list_box_style li.on_mix .txt h3,
.product_list_box_style li.on_mix .txt p.price{
    color: #fff;
}


/*합성 디테일*/

.mixture_detail_top{
    padding: 30px 15px;
    background: #F9F9F9;
}

.mixture_detail_top h3{font-size: 16px; color: #111; font-weight: 700;}

.mixture_detail_top_in{display: flex; gap:40px;  margin-top: 20px;}

.mixture_detail_top_in .mixbar_are{flex:1; position: relative;
padding: 20px;
border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); position: relative;
display: flex; gap: 6px;
justify-content: center;}

.mixture_detail_top_in .mixbar_are .mixbar{
    position: relative;
    border-radius: 4px;
background: #E9E9E9; 
width: 18px; 
overflow: hidden;
}

.mixture_detail_top_in .mixbar_are .mixbar .mixbar_in{position: absolute; left: 0;
    bottom: 0; width: 100%; height: 50%;
border-radius: 4px;
background: #E4283E;}


.mixture_detail_top_in .mixbar_are .mainbar_num{position: relative; height: 100%;}
.mixture_detail_top_in .mixbar_are .mainbar_num p{position: absolute; left: 0; bottom: calc(50% - 13px);
color: #E4283E; font-size: 13px; font-weight: 600;}


.mixture_detail_top_in .mix_info_are{
    width: 50%;
}


.mixture_detail_top_in .mix_info_are .mix_info_list{
    margin-top: 20px;
}

.mixture_detail_top_in .mix_info_are .mix_info_list li{padding: 10px 0;
border-bottom: 1px solid #EDEDED;
display: flex; justify-content: space-between;
}

.mixture_detail_top_in .mix_info_are .mix_info_list li p{
    color: #666; font-size: 13px; font-weight: 400;
}

.mixture_detail_top_in .mix_info_are .mix_info_list li p b{font-weight: 600; color: #111;}
.mixture_detail_top_in .mix_info_are .mix_info_list li p b.red{color: #E4283E;}




.black_title select{
    color: #fff; height: auto; border: 0; border-radius: 0; 
    width: auto;
    background-position: right center;
}


.product_list_sub{padding: 30px 0;}


.list_top_content{margin-bottom: 15px;}
.list_top_content p.total_ea{color: #111; font-size: 13px; font-weight: 500;}
.list_top_content p.total_ea b{font-weight: 700; color: #E4283E;}

.list_top_content.border{
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 15px;
}
.list_top_content.flex{display: flex; justify-content: space-between; align-items: center; }
.list_top_content p.cate_name{font-size: 14px; font-weight: 500;}

/*box order*/

.order_box{padding: 5px 15px;}

.order_box .box{
    border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
padding: 30px 25px;
}

.order_box .box_subject{
    display: flex; align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;;
}

.order_box .box_subject .txt{display: flex; flex-direction: column; gap:6px;}

.order_box .box_subject .txt h3{color: #111; font-size: 16px; font-weight: 600; }
.box_subject .txt p{font-size: 13px; color: #666;;}

.order_box .count_btn_flex{display: flex; gap:5px;}
.order_box .count_btn_flex button, .order_box .count_btn_flex input{
    display: inline-flex;
height: 24px;
padding: 0px 10px;
align-items: center;
gap: 10px;
color: #E4283E;
font-size: 12px;
font-weight: 600;
border-radius: 5px;
background: #FDEEF0;
line-height: 24px;
}

.order_box .count_num_ct{display: flex; align-items: center; justify-content: center;

height: 44px;
padding: 14px 16px;
border-radius: 25px;
background: #F8F8F8;
}
.order_box .count_num_ct button{border: 0; text-align: center; width: 12px; font-size: 13px; color: #111;}
.order_box .count_num_ct input{border: 0; height: auto; border-radius: 0; text-align: center; font-size: 13px; color: #111;
background: transparent;}

.order_box .inbox_red{margin-top: 12px;
    border-radius: 10px;
background: #FDEEF0;padding: 20px 16px;;}


.order_box .inbox_red .inbox_red_flex{
    display: flex; align-items: center; justify-content: space-between;
}


.order_box .inbox_red .txt_flex{display: flex;
align-items: flex-start;
gap: 10px;}


.order_box .inbox_red .inbox_red_flex .txt{}
.order_box .inbox_red .inbox_red_flex .txt h3{color: #111; font-size: 15px; font-weight: 600;}
.order_box .inbox_red .inbox_red_flex .txt h3 b{color: #E4283E;}
.order_box .inbox_red .inbox_red_flex .txt p{margin-top: 3px; font-size: 13px; color: #666; font-weight: 400;}

.order_box .inbox_red input[type='text']{border-radius: 60px;}


.order_box .total_info{
    padding-top: 24px; margin-top: 24px; 
    border-top: 1px solid #EDEDED;
}

.order_box .total_info li{display: flex; justify-content: space-between;}
.order_box .total_info li + li{margin-top: 15px;}
.order_box .total_info li p{
    font-size: 15px; font-weight: 500; color: #111;
}
.order_box .total_info li p b{font-weight: 600;}

.order_box .total_info li.price_total p{
    color: #E4283E;
}


.sub_mid_title{
    margin-top: 30px;margin-bottom: 20px;
}

.sub_mid_title h3{display: flex; font-size: 16px; font-weight: 600; gap:8px; align-items: center; }

.sub_mid_title h3 .how_btn img{display: block;}

.pay_are{display: flex;gap:16px}
.pay_are label{flex:1}

.pay_are + .agree_list{margin-top: 20px;;}


.order_box .btn_are{margin-top: 30px;;}




/*mypage*/

.user_adit_are{
    padding: 30px 0;
}

.user_adit_top{text-align: center;}
.user_adit_top .thum{
    width: 100px; height: 100px; border-radius: 100px;
    display: block; margin: 0 auto 15px; aspect-ratio: 1;
    border: 1px solid #EDEDED; overflow: hidden; }
.user_adit_top .thum img{width: 100%; display: block; height: 100%; object-fit: cover;}


.line_30{
    width: 100%;
    background: #EDEDED; height: 1px ;
    margin: 30px 0;
}



.last_btn_are{
    text-align: center;
}
.sub_flex_btn{
    display: inline-flex;
    padding: 8px 20px;
    align-items: center;
    gap: 8px;
    border: 1px solid #EDEDED;
    background: #FFF;
    font-size: 13px; color: #000; font-weight: 500;
}


.bel_list_style{}
.bel_list_style li{padding-bottom: 16px;
border-bottom: 1px solid #EDEDED;}

.bel_list_style li + li{padding-top: 16px;;}


.bel_list_style.qna li{display: flex; justify-content: space-between; align-items: center;}

.bel_list_style .tag{
    border-radius: 2px;
border: 1px solid #F7C3C9;
background: #FDEEF0;
padding: 2px 8px; display: inline-flex;
font-size: 12px; color: #E4283E;
margin-bottom: 10px;
}

.bel_list_style .tag.off{
    color: #666;;
    background: #F9F9F9;
    border-color: #ededed;
}

.bel_list_style h3{font-size: 16px; font-weight: 600;}
.bel_list_style p.date{margin-top: 5px; font-size: 14px; color: #666; font-weight: 500;}



.coupone_list{}
.coupone_list li .in_box{height: 140px; background: url(/res/img/mypage/coupone_list.png);
 background-size: 100% 140px;
 background-repeat: no-repeat;
 text-align: center;
display: flex;
flex-direction: column;
align-items: center; justify-content: center;
}

.coupone_list li + li{margin-top: 14px;;}

.coupone_list li .d_day{
    height: 28px; padding: 0 10px;
    border-radius: 50px; background: #E4283E;
    color: #fff; font-size: 13px; margin-bottom: 10px;
    display: inline-flex; align-items: center; justify-content: center; 
}

 .coupone_list li h3{font-size: 16px; font-weight: 600;}
 .coupone_list li p{margin-top: 5px; font-size: 14px; color: #666; font-weight: 500;}



.coupone_list li .coupone_down_btn{
    display: flex; align-items: center; justify-content: center;
    gap:7px; font-size: 13px; color: #E4283E;
    background: url(/res/img/mypage/coupone_list_btn.png);
 background-size: 100% 50px; 
 background-repeat: no-repeat;
width: 100%; 
height: 50px;;
}


.my_point_top{
    padding: 30px 15px;
    background: #F9F9F9;
    margin-bottom: 30px;
}

.my_point_top h3{
    padding-bottom: 15px; 
    border-bottom: 1px solid #EDEDED;
    display: flex; align-items: center; justify-content: space-between;
    font-size: 18px; font-weight: 700;
}

.my_point_top h3 b{color: #E4283E;}

.my_point_top p{
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 15px;;
    color: #666; font-size: 16px;;
}

.select_flex{display: flex; gap:6px; margin-bottom: 20px;;}
.select_flex .custom_select{
    background: #E4283E  url('../img/common/select.png') no-repeat right 5px center;; 
    height: 28px; 
    border-radius: 50px; padding: 0 30px 0 10px;
    color: #fff; font-size: 13px;
    width: auto; line-height: normal; 
    border-color: #E4283E;
}



.point_list_style{margin-top: 15px;}
.point_list_style li{padding: 15px 0; border-bottom: 1px solid #E9E9E9;}
.point_list_style p.date{color: #A9A9A9; font-size: 12px; font-weight: 500;}
.point_list_style h3{display: flex; align-items: center; justify-content: space-between;
font-weight: 600; color: #111; margin-top: 8px;}

.point_list_style h3 .up{color: #E4283E;}
.point_list_style h3 .down{color: #111;}


.bell_adit_list{}
.bell_adit_list li{display: flex; padding: 16px 0;
align-items: center; justify-content: space-between;}

.bell_adit_list li p{
    font-size: 16px; font-weight: 500;
}

.adit_puss{
    height: 22px; width: 34px;
    position: relative;
    display: inline-block;
}

.adit_puss::after{
    content: '';
    height: 14px;
    background: #dfdfdf;
    border-radius: 30px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.adit_puss span{width: 22px; height: 22px; border-radius: 22px; background: #949494;
position: absolute; left: 0; top: 0; transition-duration: .5s; z-index: 2;}

.adit_puss.on span{background: #E4283E; left: 12px;}





.friend_list{}
.friend_list li{display: flex;  align-items: center; justify-content: space-between;
align-self: stretch;
padding: 16px 0;
border-bottom: 1px solid #EDEDED;
gap:10px
}

.friedn_btn{
    display: flex;
align-items: center;
gap: 8px;
}
.friedn_btn a, .friedn_btn span{
    display: flex;
width: 30px;
height: 30px;
padding: 10px;
justify-content: center;
align-items: center;
border-radius: 30px;
background: #FDEEF0;
}

.friedn_btn a.cencle, .friedn_btn span.cencle {
    background: transparent;
    border-radius: 0; height: auto; width: auto;
    padding: 0;
    color: #E4283E;
font-size: 14px;
font-weight: 700;
text-decoration-line: underline;
}


.friend_list li .left{
    display: flex;
align-items: center;
gap: 17px;
flex:1
}

.friend_list li .left .thum{
    width: 60px;
height: 60px;
aspect-ratio: 1/1;
overflow: hidden; border-radius: 60px;
}

.friend_list li .left .thum img{width: 100%; height: 100%; object-fit: cover; display: block;}
.friend_list li .left .info h3{
    font-size: 16px; font-weight: 600;
}

.friend_list li .left .info p{
    display: flex; align-items: center; gap:6px;;
    font-size: 12px; color: #666;
}
.friend_list li .left .info p i{
    width: 1px; height: 8px; background: #D5D5D5;
}

.friend_list li .left .info h3 + p{
    margin-top: 8px;;
}

.search_style{display: flex; gap:12px;;}
.search_style .basic{
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    padding-right: 10px;
    flex: 1; 
}

.search_style input{border: 0;}

.search_style .market_search{
    display: flex;
    align-items: center;
    padding-right: 20px;
    flex: 1; 
    border-radius: 50px;
    background: #F8F8F8;
}

.search_style .market_search input{background: transparent;}





.gift_list_style{}
.gift_list_style li{display: flex; gap:10px;}
.gift_list_style li + li{margin-top: 14px;}

.ck_left{width: 20px;}
.gift_list_style li .box{
        border-radius: 10px;
background: #F9F9F9;
display: flex;
padding: 16px 20px;
align-items:center;
gap: 10px;
flex: 1 0 0;
}
.gift_list_style li .box .thum{
width: 70px;
height: 70px;
aspect-ratio: 1/1;
border-radius: 10px;
background: #FFF;
overflow: hidden;
}

.gift_list_style li .box .thum img{width: 100%; height: 100%; object-fit: cover; display: block;}


.gift_list_style li .box .info{
 flex:1
}

.gift_list_style li .box .info p.price{
    font-size: 16px; font-weight: 700;margin-top: 10px;;
}



.gift_list_style li .box .info .top {
  display: flex;
  justify-content: space-between;
  padding: 4px 10px;
  border: 1px solid #F7C3C9;
  border-radius: 2px;
  font-weight: 500;
  color: #E4283E;
  font-size: 12px;
  background: #FDEEF0;
}


.gift_thum_style{display: flex; gap:12px; flex-wrap: wrap;}
.gift_thum_style li{width: calc(50% - 6px);}
.gift_thum_style li .box{
    border-radius: 12px;
background: #F9F9F9;
padding: 16px;
}


.gift_thum_style li .box .friden_user{margin-bottom: 10px;}
.gift_thum_style li .box .friden_user p{font-size: 12px; color: #E4283E;
    font-weight: 500; display: flex; gap:5px; align-items: center;}

.gift_thum_style li .box .thum{
width: 100%;
aspect-ratio: 1/1;
border-radius: 10px;
background: #FFF;
overflow: hidden;
}

.gift_thum_style li .box .thum img{width: 100%; height: 100%; object-fit: cover; display: block;}
.gift_thum_style li .box .info{margin-top: 15px;}
.gift_thum_style li .box .info p{
   font-size: 12px; color: #666;
}

.gift_thum_style li .box .info p.price{
    font-size: 16px; font-weight: 700;margin-top: 10px; color: #111;
}


.faq li{padding: 16px 0; border-bottom: 1px solid #EDEDED;}
.faq li h3{display: flex; font-weight: 600;}
.faq li h3 span{flex:1}
.faq li h3 i{width: 12px; height: 12px; align-items: center; justify-content: center; display: inline-flex;}
.faq li h3 i img{display: block; transition-duration: .5s;}

.faq li.on h3 i img{
  transform: rotate(180deg);
}


.faq_content {
  display: none;
}
.faq li.on .faq_content{
    padding: 16px 12px;;
    background: #F9F9F9;
    margin-top: 10px;;
}

.faq li.on .faq_content *{
    font-size: 14px; color: #666; word-break: keep-all;
}

.faq li .tag{
    border-radius: 2px;
border: 1px solid #F7C3C9;
background: #FDEEF0;
padding: 2px 8px; display: inline-flex;
font-size: 12px; color: #E4283E;
margin-bottom: 10px;
}

.board_detail{}
.board_detail .board_title{text-align: center;}
.board_detail .board_title h3{font-size: 16px; font-weight: 700;}
.board_detail .board_title p.date{margin-top: 8px; font-size: 12px; color: #A9A9A9; font-weight: 500;}

.board_detail_content{margin-top: 20px; padding-top: 20px; border-top: 1px solid #ededed;}
.board_detail_content *{font-size: 14px; word-break: keep-all; color: #444;}







/*shop*/

.shop_cate{padding: 30px 15px; background: #F9F9F9;;}

.shop_cate_list{
    display: flex; flex-wrap: wrap;
    gap:20px 12px;
}

.shop_cate_list li{width: calc(20% - 9.6px); text-align: center;}
.shop_cate_list li i{display: flex; align-items: center; justify-content: center; aspect-ratio: 1; width: 100%;
border-radius: 12px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); transition-duration: .5s;}

.shop_cate_list li i img, .icon_box img { height: 30px;  }

.shop_cate_list li p{font-size: 12px; margin-top: 8px; font-weight: 600;}

.shop_cate_list li.on p{color: #E4283E;}
.shop_cate_list li.on i{border: 1px solid #E4283E;}


.product_img_top{ aspect-ratio: 1; overflow: hidden;;}
.product_img_top img{width: 100%; display: block; ;}


.product_info{padding: 30px 0; position: relative;}
.product_info .product_like{position: absolute; right: 0; top: 30px;;}
.product_info .product_like img{display: block;}

.product_info h1{font-size: 18px; font-weight: 500;}
.product_info .price{margin-top: 8px; font-size: 22px; font-weight: 700;}
.product_info
.product_info .rating{
    font-size: 14px; color: #666; margin-top: 8px; display: flex; align-items: center; gap:2px;
    margin-top: 8px;;
}


.product_info_list{border-top: 1px solid #ededed;}
.product_info_list li{padding: 20px 0; border-bottom: 1px solid #ededed;
display: flex;;}

.product_info_list li p{font-size: 14px; font-weight: 500; flex: 1;}
.product_info_list li p.left{color: #666; width: 80px;  flex: none;}

.product_detail_content{margin-top: 30px;} 
.product_detail_content img{width: 100%; display: block;}


.floeading_bottom_btn{position: fixed; left: 50%; transform: translateX(-50%); width: 100%; background: #fff; padding: 15px;
     z-index: 3; bottom: 0; max-width: 450px;
    
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
    }

.floeading_bottom_btn a{flex:1}

.floeading_bottom_btn .flex{display: flex; gap:10px;}



.floeading_bottom_btn .bottom_price{margin-bottom: 15px;;}
.floeading_bottom_btn .bottom_price li{display: flex; justify-content: space-between; font-size: 15px; font-weight: 400;}
.floeading_bottom_btn .bottom_price li b{font-weight: 600; font-size: 16px;;}



.delv_top{
    padding: 30px 15px; ;
    background: #F9F9F9;
}

.delv_top .p_are{display: flex; gap: 10px;}
.delv_top .p_are .thum{
    border-radius: 10px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
width: 70px; height: 70px; overflow: hidden;;
aspect-ratio: 1;
}

.delv_top .p_are .thum img{width: 100%; height: 100%; display: block; object-fit: cover;}
.delv_top .p_are .txt{flex:1}

.delv_top .p_are .txt p{font-size: 14px; line-height: 140%; word-break: keep-all;;}
.delv_top .p_are .txt ul{margin-top: 12px; padding-top: 12px; border-top: 1px solid #ededed;}
.delv_top .p_are .txt ul li{font-size: 13px; line-height: 140%; font-weight: 400; display: flex; justify-content: space-between;}
.delv_top .p_are .txt ul li:last-child b{
    color: #111; font-size: 14px; font-weight: 700;
}

.delv_top .p_are .txt ul li + li{margin-top: 6px;}
.delv_top .order_count{margin-top: 20px; padding-top: 20px; border-top: 1px solid #ededed;
display: flex; justify-content: space-between;}

.delv_top .order_count p{font-size: 15px; font-weight: 500;}


.delv_top .order_count .count_num_ct{display: flex; ;}
.delv_top .order_count .count_num_ct button{
    background: #FFF;
    width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;
    border: 0;
    font-size: 13px;
}

.delv_top .order_count .count_num_ct input{border: 0; height: 25px; line-height: 25px; text-align: center; 
    width: 80px; background: transparent; color: #111; padding: 0;}


.radio_are{display: flex; flex-direction: column; gap:6px; padding-top: 5px;}




.tab {
  display: flex;
  align-items: center;
}
.tab__item {
  flex:1;
  text-align: center;
  border-bottom: 1px solid #EDEDED;
  font-size: 15px; font-weight: 400; color: #666;
}

.tab__item a{
    display: block;
     padding: 12px 10px;;
}


.tab__item.active {
  border-color: #E4283E;
  color: #E4283E;
}
.tab__item.active a{font-weight: 600;}


.tab__content-wrapper {
  margin-top: 30px;
}
.tab__content {
  display: none;
}
.tab__content.active {
  display: block;
}


.delv_price_are{
    background: #F9F9F9;
    padding: 30px 15px;
}
.delv_price_are .delv_price{}
.delv_price_are .delv_price li + li{margin-top: 15px;}
.delv_price_are .delv_price li{font-size: 15px; font-weight: 500; display: flex; justify-content: space-between;}

.delv_use{}
.delv_use .top{display: flex; justify-content: space-between;}
.delv_use .top h3{font-size: 18px; font-weight: 700;}
.set_btn{display: inline-flex; gap:6px; align-items: center; font-size: 15px;;}
.delv_use li{display: flex; gap:6px; font-size: 16px; align-items: center;}
.delv_use ul{margin-top: 15px; }
.delv_use li i{width: 1px; height: 8px; background: #d5d5d5; }



.adress_list{}
.adress_list li{
    border-radius: 12px;
border: 1px solid  #EDEDED;
 overflow: hidden;
}

.adress_list li .top{
    padding: 10px 20px;
    display: flex; justify-content: space-between;
    align-items: center;
    background: #F9F9F9;
}


.adress_list li .friedn_btn a, .adress_list li .friedn_btn span {
    background: #E4283E;
}

.adress_list li .top input[type="checkbox"] + label{
    line-height: 22px; 
    background-position:0 1px;
    font-size: 16px;
    font-weight: 600;
}

.adress_list li .info{padding: 20px;}

.adress_list li .info p{display: flex; align-items: center; gap:6px; font-size: 14px;;}

.adress_list li .info p i{width: 1px; height: 8px; background: #d5d5d5; }
.adress_list li .info p.meno{color: #A9A9A9;}
.adress_list li + li{margin-top: 14px;}


.open_box_ct{padding: 20px 15px; background: #FDEEF0;; display: flex; justify-content: space-between; align-items: center;}
.open_box_ct p{font-size: 16px; font-weight: 600;}
.open_box_ct p b{color: #E4283E;}
.open_box_ct .count_num_ct{display: flex; background: #fff; border-radius: 60px; padding: 0 15px;;}
.count_num_ct button{width: 10px; ;}
.count_num_ct input{text-align: center; flex:1;}

.drawer_bg{padding: 50px 15px; background: #111; text-align: center;}
.drawer_bg img{margin: 0 auto 20px; ;}
.drawer_bg h3{margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #fff ;}
.drawer_bg h3 b{color: #E4283E;}


.drawer_bg_detail{padding: 50px 15px; background: url(/res/img/drawer/drawer_bg_detail.png);  ; 
background-size: cover; height: calc(100vh - 105px); display: flex; align-items: center; flex-direction: column; align-items: center; justify-content: center;} 
.drawer_bg_detail img{margin: 0 auto 50px; ;}
.drawer_bg_detail h3{margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #fff ; text-align: center; ; width: 100%}
.drawer_bg_detail h3 b{color: #E4283E;}



 .drawer_bg_detail2 .btn_are{width: 100%; display: flex; gap:10px; }
 
 
 .drawer_bg_detail .btn_are { width: 100%;  }
 .drawer_bg_detail .btn_are a { width: 100%;  }
 
 .drawer_bg_detail2 .btn_are.hw a + a { margin-top: 0;  }
.drawer_bg_detail2 .btn_are a { margin-top: 0; width: 50%;  }

.drawer_bg_detail #btnGoStorage{ align-items: center; justify-content: center;
    padding: 6px 20px; border-radius: 100px; color: #E4283E;
    background: #fff; font-size: 14px; font-weight: 600; z-index: 4; border: 1px solid #EDEDED;}
.drawer_bg_detail2 a.on span{background: #E4283E; border-color: #E4283E; color: #fff }


.drawer_bg_detail .drawer_bg_detail_info { margin-top:20px; width: 100%; }
.drawer_bg_detail_info p { margin-top: 5px; }


.drawer_bg_detail p{
    color: #939393;
font-size: 12px;
font-weight: 400;
line-height: 140%; /* 16.8px */; width: 100%;}



.btn_are.hw{}
.btn_are.hw a + a{margin-top: 6px;}

.box_open_list_style{display: flex; gap:9px; flex-wrap: wrap; max-height: 60vh; overflow-y: auto; margin-bottom: 30px;
width: 100%; justify-content: center; }


.box_open_list_style li{width: calc(50% - 5px);
border-radius: 12px;
background: #FFF; padding: 12px; text-align: center;}


.drawer_bg_detail p{  display: -webkit-box;
    -webkit-line-clamp: 2;   /* 2줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.box_open_list_style li .thum{
    width: 70px;
height: 70px; border: 1px solid #ededed;
border-radius: 10px; overflow: hidden;;
margin: 0 auto 10px;
display: block;
}

.box_open_list_style li .thum img{width: 100%; height: 100%; display: block; object-fit: cover;}
.box_open_list_style li p{font-size: 12px;}
.box_open_list_style li p.price{font-size: 13px; color: #666; margin-top: 3px;;}





.drawer_procut_list li{
    background: #F9F9F9;
    padding: 30px 15px;
    display: flex; ;
    gap: 12px;
    flex-wrap: wrap;
}

.drawer_procut_list li + li{margin-top: 12px;;}


.drawer_procut_list li .ck_left{width: 20px; ;}

.drawer_procut_list li .info{flex:1}
.drawer_procut_list li .info .top{display: flex; gap:20px;}
.drawer_procut_list li .info .top .thum{
    border-radius: 10px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
width: 70px; height: 70px;
}
.drawer_procut_list li .info .top .thum img{width: 100%; height: 100%; display: block; object-fit: cover;}
.drawer_procut_list li .info .top .txt{flex:1}
.drawer_procut_list li .info .top .txt  h3{font-size: 14px; line-height: 140%; word-break: keep-all;}
.drawer_procut_list li .info .top .txt .product_spec{margin-top: 10px; padding-top: 10px;
    border-top: 1px solid #EDEDED;}
.drawer_procut_list li .info .top .txt .product_spec p{display: flex; justify-content: space-between;
font-size: 13px; font-weight: 400; color: #666;}
.drawer_procut_list li .info .top .txt .product_spec p + p{margin-top: 6px;;}
.drawer_procut_list li .info .top .txt .product_spec p.last{font-weight: 600; color: #111; font-size: 14px; ;}

.drawer_procut_list li .bottom{display: flex; gap:10px; width: 100%;
margin-top: 10px; padding-top: 10px; border-top: 1px solid #EDEDED;
}
.drawer_procut_list li .bottom a, .drawer_procut_list li .bottom > span {flex:1; display: flex; gap:6px;
padding: 6px 6px; border: 1px solid #EDEDED; border-radius: 50px;
color: #E4283E; font-size: 13px; font-weight: 600; align-items: center; justify-content: center;
background: #fff; }





.drawer_check_top{display: flex;
border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.drawer_check_top .in_are{flex:1; text-align: center; padding: 20px 0;}
.drawer_check_top .in_are + .in_are{border-left: 1px solid #ededed;}
.drawer_check_top .in_are p{font-size: 15px; color: #666; font-weight: 500;}
.drawer_check_top .in_are h2{font-size: 24px; font-weight: 600; line-height: 150%;}

.drawer_check_detail_top h2{font-size: 16px; font-weight: 600; line-height: 140%;}

.drawer_check_detail_product{
    padding: 25px 15px;
    background: #F9F9F9;;
}

.drawer_check_detail_product .product_list_style li a{padding: 0; border: 0;}
.drawer_check_detail_product .product_list_style li a .thum{
    background: #fff; border: 1px solid #ededed;
}

.drawer_check_detail_product .product_list_style li + li{margin-top: 10px;}

.drawer_order_info li{display: flex; gap:10px; font-size: 16px; line-height: 140%;;}
.drawer_order_info li b{width: 80px;;font-weight: 600;}
.drawer_order_info li span{flex: 1;}
.drawer_order_info li + li{margin-top: 10px;}





.join_list p.error { display: none;  }





.site_map.open .site_map_content { height: 100%; overflow: auto; }




.product_list_slide_are .slick-dots { margin-top: 5px;}

.top_section.bottom { padding-bottom: 130px;  }

.product_main_slide .box .p_name { display: -webkit-box;
  -webkit-line-clamp: 1;     /* ⭐ 몇 줄인지 */
  -webkit-box-orient: vertical;
  overflow: hidden; }
  
  
.side_menu_logo{ text-align: center; }
.side_menu_logo img{ width: 150px;  }  

.side_menu_logo a { display: inline-block; width: 100%; padding: 150px 0; height: 100%;  }
.side_menu_logo p { margin-top: 30px; font-size: 20px; font-weight: bold;   }
.side_menu_logo span { padding: 10px 80px; border-radius: 50px; display: inline-block; margin-top: 30px; 
border: 1px solid #000;  }



.login .login_title h1{ font-size: 25px; }
  
  
  
.login_error { font-size: 13px; margin: 10px 0;  }
  
  

  
  
  
.nodata , .nodata p{ text-align: center; font-size: 12px; width: 100%; display: inline-block; padding: 100px 0;  }  
  
  
  
  #friend_add_list{ width: 100%;  }
 .friedn_add_btn input {display: inline-flex; align-items: center; justify-content: center;
    padding: 0 20px; border-radius: 100px; color: #E4283E;
    background: #fff; font-size: 14px; font-weight: 600; z-index: 4; border: 1px solid #EDEDED;
    cursor: pointer;}
  
  .friedn_add_btn{ display: flex; gap:10px;  }
  .friedn_add_btn span {display: inline-flex; align-items: center; justify-content: center;
    padding: 5px 10px; border-radius: 100px; color: #E4283E;
    background: #fff; font-size: 13px; font-weight: 600; z-index: 4; border: 1px solid #E4283E;
    cursor: pointer;}
  
  
 .friend_list_w1, .friend_list_w2 { margin-top: 20px;  } 
  
  
  
  
  
  
  
.pop_title{display: flex;    justify-content: space-between;
        align-items: center; }
.pop_title h2{font-size: 16px; color: var(--mainfont-color)}

.pop-conts  p { font-size: 13px;  }
  
  
.pop_btn2{display: flex; gap:10px; width: 100%; margin-top: 20px;  } 
   
.pop_btn2 span, .pop_btn2 a, .pop_btn2 input, .pop_btn2 button  {
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E4283E;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    width: 100%;
}
 

.pop_btn2 a, .pop_btn2 .point_btn, .pop_btn2 button {
    background: #E4283E;
    color: #fff;
    border-color: #E4283E;
}
  
  
  
  .delv_top ul li { margin-top: 10px; }
  .delv_top ul li:first-child { margin-top: 0px; }
  
  
  
  
.addr_radio_list { margin: 0; padding: 0; list-style: none; }
.addr_item { margin: 10px 0; }
.addr_radio { display: block; cursor: pointer; }
.addr_radio input[type="radio"] { display: none; }
.addr_radio_ui {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 14px;
}
.addr_radio input[type="radio"]:checked + .addr_radio_ui {
  border-color: #111;
}
.addr_radio_ui .t1 { font-weight: 700; margin-bottom: 6px; }
.addr_radio_ui .t2 { font-size: 13px; opacity: .85; margin-bottom: 4px; }
.addr_radio_ui .t3 { font-size: 13px; opacity: .75; }


  
 .order_ok_w { margin-top: 110px; padding-top: 30px;  }  
	
.order_ok_w table{ width: 100%; margin: 50px auto;  border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);}

.order_ok_w table th, .order_ok_w table td { padding: 10px; font-size: 13px; text-align: left;  }

.order_ok_w table th { color:rgb(170, 170, 170);  font-weight: 300;  }

.input_flex .point_all{ width: 90px; flex:none;  }
	
	
	
.order_ok_li li { display: flex; align-items: center; flex-wrap: wrap; padding: 5px 0; border-top:1px solid #eee;  }	
.order_ok_li li:first-child { border-top:0; }	
	
.order_ok_li li span { max-width: 60%;  }
.order_ok_li li strong { margin-left: auto;  }	
	
	
	
.order_box .inbox_red .txt_flex	.point_all { width: 100px;  
background: #E4283E; color: #fff; border-color: #E4283E; border-radius: 50px; }
	
	
	
	
.open_box_ct .r .count_btn_flex { margin-top: 10px;  }
	
.drawer_bg button { width: 100%; margin-bottom: 10px;   }	
	
 .drawer_bg_detail2{ display: none; } 
 
 
 
 
 .best_slide .info .bottom h4, .product_thum_style li a .bottom .p_name,
 .drawer_procut_list li .info .top .txt h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* ✅ 2줄 */
  overflow: hidden;
  text-overflow: ellipsis;
 
}
 

 .common_btn { margin-top: 10px;  }
 
 
 .refund_pop { margin-bottom: 10px;  }
 
 .tems_wrap .content { padding: 150px 15px; }
 
 
 

#addr_layer {  background: #eee !important; position: absolute;      padding: 15px 15px;
z-index:9999999;-webkit-overflow-scrolling:touch; width: 100%; height: 100%; left: 0px; top:  0px; width: 100%;
background: #fff; overflow: auto;  }    
#addr_layer iframe { width: 100%; height: 100%;  }

#addr_layer #addr_wrap div { width: 100% !important; padding: 0px !important; height: 100% !important; background: #eee !important; }
#addr_layer div iframe { width: 100% !important;  height: 100% !important;  }
     
#addr_layer > div.btnCloseLayer{ position: absolute; top:0; left: 0; background: #393b3f !important; width: 100%; height: 50px !important; padding: 0 !important;  }    
#addr_layer > div.btnCloseLayer img { float: right; padding: 16px; display: inline-block;  }
     
#addr_layer > div.btnCloseLayer span { padding: 10px 15px; display: inline-block; font-size: 18px; color:#fff; }   
#member_addr_pop2 .popup_content { overflow: hidden; }


#addr_layer .title { display: inline-block; width: 100%; padding: 20px 30px; } 


#addr_layer .close_pop { right: 25px;  }

#addr_wrap{ height: calc(100% - 50px); margin-top: 10px;  }
#addr_wrap iframe { width: 100%;  } 




.addr_title h2 { width: 100%;  }
.addr_title a{ margin-left:auto; display: inline-block; 
 border: 1px solid #ccc; padding: 5px 11px; border-radius: 100px; font-size: 12px; margin-top: 2px; font-weight: normal;  } 
 
 
 .input_list p.arr { display: none; }
 
 
 .no_data p{ text-align: center; padding: 100px 0;  }
 
 
 .order_state_badge {
    display:inline-block;
    padding:4px 10px;
    border-radius:20px;
    font-size:12px;
    line-height:1;
}

.order_state_badge.st1 { background:#f3f3f3; color:#666; }
.order_state_badge.st2 { background:#fff4e5; color:#e07a00; }
.order_state_badge.st3 { background:#eaf4ff; color:#2b6edc; }
.order_state_badge.st4 { background:#edf8ed; color:#2f8f2f; }

.invoice_row2 {
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    font-size:13px;
    color:#666;
    flex-wrap:wrap;
}

.btn-copy-invoice2 {
    border:1px solid #ddd;
    background:#fff;
    border-radius:4px;
    padding:3px 8px;
    font-size:12px;
}

.state_desc {
    display:block;
    margin-top:8px;
    font-size:12px;
    color:#888;
}

.p_name em {
    font-style:normal;
    margin-right:4px;
}




.order_box .inbox_red .inbox_red_flex, .order_box .inbox_red .txt_flex { width: 100%;  }
.order_box .inbox_red .inbox_red_flex .txt{ width: calc(100% - 35px); display: flex; align-items: center;  }
.order_box .inbox_red .inbox_red_flex .txt p { display: inline-block; margin-left: auto; margin-top: 0;  }
.order_box .inbox_red .inbox_red_flex .txt h3 { display: inline-block;  }

.product_info{ padding-right: 35px;  }
  
  
  
  
  .delv_top .p_are .txt { position: relative; }
 #cart_list .trash{ position: absolute; right: 0; top: -5px; padding: 3px 10px; background: #fff; border: 1px solid #000;  }
  
 .total_del_gauge { text-align: center; padding: 20px 0;  } 
 .addr_radio{ width: 100%;  } 
  
  
.flex_point{ display: flex;  }
.flex_point .point_all { background: #111; color:#fff; }

.delv_price_are .delv_price li { align-items: center;  }

.order_point_info p { width: 100%; display: flex;  }
.order_point_info b{ margin-left: auto;  }

  
  
#gift_box_pop .tab__content-wrapper { height: 390px; overflow: auto; margin-bottom: 75px;  }
  
  #gift_box_pop .select_all_bar{display:flex;align-items:center;gap:0px;padding:10px 0; justify-content: left; margin-bottom: 20px }
  #gift_box_pop .select_all_bar .txt{display:flex;align-items:center;gap:8px;}
  #gift_box_pop .select_all_bar .sel_count{font-size:12px;opacity:.7;}
 
 
 

#gift_box_pop .bottom_btn { position: absolute; bottom:0; width: 100%; padding: 15px 15px; background: #fff; z-index: 999999;
display: flex; gap:10px;  }
#gift_box_pop .bottom_btn input { height: 50px;  line-height: 0; margin: 0;  }
  
#gift_box_pop .close_btn {  
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E4283E;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer; }
  
  
.gift_list_style li.gift_done .box .info .top { color: #616161; background: #ececec;  }
  
.gift_section .btn_are { position: fixed; bottom:80px; width: calc(100% - 30px); max-width: 420px; }
.gift_section  { padding-bottom: 100px; }


.no-data{ text-align: center; font-size: 13px;  }




.section.bottom.rank_detail_wrap{     padding-bottom: 80px; }
.rank_detail_wrap .bottom_btn { margin-top: 30px; margin-bottom: 20px;   }


  
  
  
  .mixture_list li.nodata { background: #fff;  }
  
  
  
  
.product_list_box_style li .txt h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
  
  
.boxbix_bottom_btn { padding: 15px;  }
.boxbix_bottom_btn a{ position: fixed; bottom: 150px; width: calc(100% - 30px); max-width: 420px; }
  

#btnSkipVideo{ color:#fff;  }  
  
 
 
 
.order_msg_wrap{
    border:1px solid #e5e5e5;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
}

.order_msg_wrap .list_top{
    padding:16px 18px;
    border-bottom:1px solid #f0f0f0;
    background:#fafafa;
}

.order_msg_wrap .list_top .total{
    margin:0;
    font-size:14px;
    color:#666;
}

.order_msg_wrap .list_top .total b{
    color:#111;
    font-weight:700;
}

.order_msg_wrap .order_msg_input{
    display:flex;
    gap:10px;
    padding:16px 18px;
    border-bottom:1px solid #f0f0f0;
    background:#fff;
}

.order_msg_wrap .order_msg_input input[type="text"]{
    flex:1;
    height:48px;
    border:1px solid #dcdcdc;
    border-radius:10px;
    padding:0 14px;
    font-size:14px;
    box-sizing:border-box;
}

.order_msg_wrap .order_msg_input input[type="text"]:focus{
    outline:none;
    border-color:#111;
}

.order_msg_wrap .order_msg_input input[type="button"]{
    min-width:88px;
    height:48px;
    margin-top:0 !important;
    border-radius:100px;
    width: 90px
}

.order_msg_wrap .order_msg_list{
    padding:18px;
    background:#fff;
}

.order_msg_wrap .order_msg_list ul{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.order_msg_wrap .order_msg_list li{
    border:1px solid #ececec;
    border-radius:12px;
    padding:16px;
    background:#fff;
}

.order_msg_wrap .order_msg_list li.answer_item{
    background:#fcfcfc;
}

.order_msg_wrap .order_msg_list .msg_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.order_msg_wrap .order_msg_list .msg_head strong{
    font-size:14px;
    color:#111;
    font-weight:700;
}

.order_msg_wrap .order_msg_list .msg_state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:70px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:600;
    box-sizing:border-box;
}

.order_msg_wrap .order_msg_list .msg_state.wait{
    background:#f3f3f3;
    color:#666;
}

.order_msg_wrap .order_msg_list .msg_state.done{
    background:#111;
    color:#fff;
}

.order_msg_wrap .order_msg_list .msg_body{
    font-size:14px;
    line-height:1.6;
    color:#333;
    word-break:break-word;
    white-space:pre-wrap;
}

.order_msg_wrap .order_msg_list .msg_date{
    display:block;
    margin-top:12px;
    font-size:12px;
    color:#999;
}

.order_msg_wrap .order_msg_list li.empty_msg{
    padding:32px 20px;
    text-align:center;
    background:#fafafa;
}

.order_msg_wrap .order_msg_list li.empty_msg p{
    margin:0 0 6px;
    font-size:15px;
    font-weight:600;
    color:#222;
}

.order_msg_wrap .order_msg_list li.empty_msg span{
    font-size:13px;
    color:#888;
}
 
 
 
.id_find_wrap .common_btn { margin-top: 0; } 
 
 .site-footer {
    background: #111;
    padding: 32px 20px 126px;
    margin-top: 50px;
}

.site-footer .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.site-footer .footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.site-footer .footer-menu a {
    color: rgba(255,255,255,0.88);
    font-size: 13px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.site-footer .footer-menu a:hover {
    opacity: 0.7;
}

.site-footer .footer-menu .divider {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.3);
}

.site-footer .footer-info {
    color: rgba(255,255,255,0.55);
    font-size: 12px;
    line-height: 1.9;
}

.site-footer .footer-info p {
    margin: 0;
}


.event_slide_are img{ width: 100%;  } 
 
 #found_id_view{     border-radius: 10px;
    background: #FDEEF0;
    color: #E4283E; }
 
 
 
 .product_detail_content .card { height: auto; padding: 0; }
 
 
 .product_list_box_style li.no-data { width: 100%; }
 
 
 
 
 
 
 .mix_product_list li .txt p.price { font-size: 12px; margin-bottom: 10px; font-weight: normal; color:#999999;  }
 
 
 
 
 
 
 
@media (max-width: 450px){
  .icon_box{width: 60px; height: 60px;}
  .category_slider p{ font-size: 12px; line-height: 1.3  }
  .sub_header .in_warp .subject h2, .success_title h1 { font-size: 17px; }
  .order_box .box{ padding: 20px 10px; }
  .black_title h3{ font-size: 15px;  }
  select{ line-height: 38px;  }
  .product_list_box_style li{ padding: 15px;  }
}