/* 헤더 변경 */
.hd_sub_menu li a { font-weight: 500; }
.hd_stxt {
    display: flex;
    align-items: center;
    max-width: 1200px;
    justify-content: flex-end !important;
}
.hd_stxt li { padding: 0 5px !important; border-right: none !important; }
.hd_stxt li a { font-size: 1.2rem; color: #464C52; }
.hd_stxt .right_border::after {
    content: "";
    display: inline-flex;
    height: 9px;
    border-right: 1px solid #cfd3da;
    padding: 0 5px;
}
.input_search_wp { width: 450px; }
.sch_ip { border: 2px solid #00B0EC; }
.sch_ip input::placeholder { color: #747F8A;}
.hd_m #sch_ip_mo { border: 2px solid #00B0EC !important; }
.hd_pc .hd_top_wp .cartprd_num { right: -0.2rem; }

/* 고객센터 */
.sub_pg { min-height: 960px; }
.cs_box { padding: 2.4rem; margin-bottom: 1.5rem ;}
.cs_box .icon_menu > li { padding: 0.5rem 0; }
.cs_box .icon_menu .tit_text img { width: auto; margin-right: 1.2rem; }
.cs_box .icon_menu { padding: 1.8rem 2.2rem !important; }
.cs_tit { margin: 0 0 2.3rem 0.8rem; }
.cs_tit2 {
    margin: 1.2rem 1.7rem 1.2rem .8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.cs_tit2 img { width: 70px; height: 59px; }
.cs_info { margin-left: 0.8rem; color: #717171; font-size: 1.4rem; }
.cs_info p { margin-bottom: .5rem; }
.cs_info p:last-child { margin-top: 1.5rem; }
.cs_info .cs_tel { color: #00B0EC; font-size: 2.4rem; font-weight: 800; margin-bottom: 1rem; }
.mp_left { margin-right: 5rem; }
.cs_right_tit { margin: 0 0 3rem 0; }
.cscenter_pg { padding-top: 5rem;}
.notice-detail { padding-top: 0 !important; }

/* 신상품 배너 */
.new_prd { padding-top: 50px; }
.sub-top-new { height: auto; }

/* 퀵메뉴 */
.quick { position: fixed; bottom: 70px; right: 20px; width: 120px; z-index: 2; }
.quick a { font-size: 1.6rem; color: #464C52; line-height: normal; }
.quick_cs { margin-bottom: .5rem; }
.quick_cs li {
    border: 1px solid #D7DCE2;
    border-radius: 7px;
    margin-top: .5rem;
    background: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 2rem;

}
.quick_cs img { width: 22px; margin-right: 1rem; margin-top: -0.1rem; }
.quick_cs .ico_faq { width: 20px; }
.quick_cs .quick_top { background: #00B0EC; color: #fff; font-weight: 600; justify-content: center; border: none; }
.quick_cs .quick_top a { line-height: 5.2rem; }
.quick_brand { background: #F8F8F8; border: 1px solid #D7DCE2; border-radius: 7px; }
.quick_brand ul { display: flex; flex-direction: column; }
.quick_brand ul li { border-bottom: 1px solid #D7DCE2; display: flex; padding: 1rem; justify-content: center; }
.quick_brand .utub a {font-size: 1.5rem; }
.quick_brand .utub img { margin-right: 0.3rem; }
.quick_brand .quick_sns { display: flex; justify-content: space-around; align-items: center; border-bottom: none; }
.quick_brand .quick_sns a::after { border-right: 1px solid #747F8A; }
.quick_ban { width: 120px; margin-top: .5rem;}

/* 신규회원 탑배너 */
.top-ban-box { display: none; }
.top-banner {
    position: fixed;
    top: 0;
    height: 45px;
    width: 100%;
    background: #CCEBFF;
    padding: 12px 40px 12px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    transition: transform 0.3s ease;
}

/* 닫기 버튼 */
.btn-close {
    position: absolute;
    right: 16px;
    cursor: pointer;
    font-size: 16px;
    opacity: 0.7;
}
.btn-close:hover { opacity: 1; }
.header-pc {
    width: 100%;
    top:45px;
    transition: top 0.3s ease;
}
#topBannerClose:checked + .top-banner {
    display: none;
    transform: translateY(-100%);
}
#bannerClose:checked + .top-banner + .hd_pc { top: 0; }

/* 신규 이벤트 */
.new_m_only { display: none; }
.cnt_center { text-align: center; }
.event_new { margin: auto; text-align: center; letter-spacing: -0.1rem; }
.new_member { padding-top: 16rem; }
.cont_link { width: 100%; background: #3466f5; }
.cont_link .bl_line {
    padding: 2.3rem;
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    margin: auto;
}
.cont_link .bl_line a { color: #fff; font-size: 2rem; }
.tab_section { scroll-behavior: smooth; scroll-margin-top: 15rem; }

/* 신규회원 쿠폰팩 */
.new_thanks { padding: 10rem 3rem 8rem 3rem; }
.eng_txt { color: #3466F5; font-size: 2.6rem; font-weight: 600;  text-transform: uppercase; }
.event_tit { font-size: 5.5rem; margin-top: 3.5rem; font-weight: 700; letter-spacing: -0.1rem; }
.new_thanks img { margin: 5rem 0; }
.thanks_detail { font-size: 1.8rem; color: #464C52; line-height: 3rem; }
.welcome_pack { padding: 8.5rem 2rem 8rem 2rem; background: #E1EFF8; }
.welcome_pack .event_tit { margin-top: 2rem; }
.welcome_detail {
    font-size: 3rem;
    padding: 0 2.5rem;
    color: #656565;
    margin-top: 3rem;
    letter-spacing: -0.18rem;
}
.cupon_area {
    background: #fff;
    padding: 6rem;
    max-width: 900px;
    border-radius: 20px;
    margin: auto;
    margin-top: 5rem;
}
.cupon_area .cupon_img_area { display: block; }
.cupon_area .cupon_img_area img { margin-bottom: 1rem; }
.cupon_detail { color: #656565; margin: 2rem 0 3.5rem 0; line-height: 2.5rem; }
.cupon_detail span { font-weight: 600; margin-right: .5rem; }
.btn_member {
    padding: 2.5rem;
    width: 65%;
    color: #fff;
    background: #000;
    border-radius: 1rem;
    margin: 2rem 0 6rem 0;
    font-size: 2.4rem;
    font-weight: 700;
    border: none;
}
.btn_member img { margin-top: -5px; }
.caution_detail {
    border-top: 1px solid transparent;
    border-image: repeating-linear-gradient(to right, #ccc 0 4px, transparent 4px 8px) 1;
    text-align: left;
}
.caution_detail h5 { font-size: 1.8rem; color: #000; margin: 1.8rem 0; }
.caution_detail ul { margin-left: 2.5rem; }
.caution_detail ul li { list-style: disc; line-height: 1.8rem; margin-bottom: 1.8rem; color: #656565; }

/* 신규회원 쿠폰팩  - 친구초대 */
.fren_invite { padding: 8.5rem 2rem 8rem 2rem; }
.fren_invite .fr_copy { margin-bottom: 4rem;}
.fren_invite .fr_copy p:first-child { color: #656565; font-size: 5rem; }
.fr_area { background: #EAF7FF; margin-top: -2.4rem; padding-top: 10rem; }
.fr_area .cupon_img_area { margin-bottom: 4rem; }

/* 66시간 타임딜 - 시계*/
.time-sale-container {
    width: 100%;
    padding: 20px 0;
    background-color: #ffffff;
    text-align: center;
    font-family: 'Pretendard', -apple-system, sans-serif;
    box-sizing: border-box;
}
.main-title { font-size: 1.2rem; font-weight: 800; color: #ff3b30; margin-bottom: 15px; letter-spacing: -0.5px; }
.timer-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 750px;
    left: 50%;
    right: 50%;
}
.time-unit { display: flex; flex-direction: column; align-items: center; }

/* [PC 버전 숫자 크기] */
.time-unit .number {
    background: #000;
    color: #32EFFF;
    font-size: 40px;
    font-weight: 900;
    min-width: 65px;
    padding: 30px 20px;
    border-radius: 8px;
    line-height: 1;
    transition: all 0.3s ease;
}
.time-unit .label { margin-top: 8px; font-size: 12px; font-weight: bold; color: #777; }
.divider { font-size: 55px; font-weight: bold; color: #7171DE; margin-top: -15px; }
.day { font-size: 30px; margin-top: -3px; color: #32EFFF; }
.idx_pg {padding-bottom: 0px;}

.idx_pg1 {padding-bottom: 0px;}

/* 66시간 타임딜 */
.product-bot2 { letter-spacing: -1px; }
.event-benner2 {
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* height: 1850px; */
}
/* .ev_img_cont { max-width: 1100px; margin: auto; padding-top: 80px; } */
.ev_img_cont {
    max-width: 860px;
    margin: auto;
   
}
.ev_img_cont img {
    width: 100%;
    display: block;
}

.time_explain { background: #EEEEEE; padding: 10rem; }
.time_cont {
    max-width: 1200px;
    text-align: center;
    margin: auto;
}
.time_cont p:first-child { font-size: 4.2rem; color: #254B9C; margin-bottom: 1.8rem;}
.time_cont h3 { color: #0050FE; font-size: 6rem; font-weight: 700; }
.time_cont .exp_detail { font-size: 2.4rem; color: #555; margin: 4rem 0 6rem 0; line-height: 3rem; }
.product-bot2 .items { background: #0050FE; padding: 10rem; }
.product-bot2 .items .time_cont p:first-child { color: #32EFFF; }
.product-bot2 .items .time_cont h3 { color: #fff; margin-bottom: 6rem;}
.product-bot2 .items .item_list { display: block; }
/* .product-bot2 .time_caution { background: #162E61;  padding: 5rem; } */

/* .product-bot2 .time_caution {
    background-image: url("../img/bg01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    padding: 5rem;
} */
.product-bot2 .time_caution {
    background: transparent;

}



.product-bot2 .time_caution .time_caution_detail {
    color: #DDDDDD;
    max-width: 860px;
    margin: auto;
    background-image: url("../img/bg01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2rem;
    box-sizing: border-box;
}
.product-bot2 .time_caution .time_caution_detail p { font-size: 2.4rem; }
.product-bot2 .time_caution .time_caution_detail ul { margin-left: 8rem; }
.product-bot2 .time_caution .time_caution_detail ul li {
    list-style: disc;
    font-size: 1.6rem;
    color: #000000;
    font-weight: 300;
    /* margin-bottom: 1.5rem; */
}
.product-list2 { max-width: 1200px; margin: auto; padding: 0 16px; }

/* 반응형 */
@media screen and (max-width: 991.98px){
    .hd_m.main { height: 15rem !important; }
    .hd_stxt { margin-top: -0.5rem; }

    /* 신상품 배너 */
    .sub-top-new { padding-top: 5rem; display: block !important; }

    /* 고객센터 반응형 */
    .m_cs_top { background: #f5f6f8 !important; min-height: 100px; }
    .m_cs_tel { padding-top: 50px; margin-bottom: 15px; }
    .m_cs_tit { color: #050000 !important;}
    .m_cs_num { color: #00B0EC; font-size: 2.5rem; font-weight: 700; }
    .cscenter_pg { padding-top: 2rem; }
    .cs_list { flex-wrap: nowrap; gap: 5px; }
    .cs_list ul { flex-wrap: nowrap !important; gap: 5px !important; }
    .cs_list ul li { background-color: #fff !important; }
    .cs_list a { color: #464C52 !important; padding: 15px !important; justify-content: center !important; }
    .cs_left { display: none !important; }
    .cs_right { display: block !important; padding-top: 0 !important; }
    .noice-box {padding-top: 0 !important; }
    .cs_list .cs_on { background-color: #00B0EC !important; }
    .cs_list .cs_on p {  color: #fff !important; }

    /* 타임특가 반응형 */
    .event-benner2 { height: 650px; }
    .ev_img_cont { width: 68%; padding-top: 10%; }
    .timer-grid { top: 550px; }
    .product-bot .time_caution .time_caution_detail { max-width: 700px; flex-direction: column; }
    .product-bot .time_caution .time_caution_detail p { font-size: 2rem; }
    .product-bot .time_caution .time_caution_detail ul { margin: 1.5rem 0 0 2rem;}
}
@media screen and (max-width: 885px){
    .timer-grid { top: 480px; }
}

/*반응형 max 767px md*/
@media (max-width: 769px) {
    /* 신규이벤트 반응형 */
    .cupon_area { max-width: 600px; padding: 6rem 4rem; }
    .new_member { padding-top: 15rem; }

    /* 타임특가 반응형 */
    .event-benner2 { height: 500px; }
    .ev_img_cont { padding-top: 13%; }
    .time-unit .number { font-size: 30px; min-width: 50px; padding: 8px; }
    .divider { font-size: 24px; margin-top: -18px; }
    .main-title { font-size: 1.1rem; }
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {

    /* 신상품 배너 */
    .sub-top-new { padding-top: 0rem !important; padding-bottom: 0 !important; }
    .new_prd { padding-top: 20px; }

    /* 신규이벤트 반응형 */
    .new_pc_only { display: none; }
    .new_m_only { display: block; }
    .m_img { width: 100%; }
    .cont_link .bl_line { padding: 1.5rem; }
    .cont_link .bl_line a { font-size: 1.6rem; }
    .new_thanks { padding: 5rem 2rem; }
    .eng_txt { font-size: 1.8rem; }
    .event_tit { font-size: 3rem; margin-top: 1.5rem; }
    .new_thanks img { margin: 4rem 0; max-width: 80%; }
    .thanks_detail { font-size: 1.6rem; line-height: 2.5rem; }
    .welcome_pack { padding: 5rem 1rem; }
    .welcome_detail { font-size: 1.8rem; }
    .cupon_area { padding: 4rem 2.5rem; }
    .cupon_area .cupon_img_area img { margin-bottom: .5rem; }
    .cupon_detail { text-align: left; }
    .cupon_detail p { margin-bottom: 1rem; }
    .cupon_detail span { display: block; line-height: 1.8rem; }
    .btn_member { padding: 2rem; font-size: 2rem; width: 90%; }
    .caution_detail ul { margin-left: 1.5rem; margin-top: -1rem; }
    .caution_detail ul li { font-size: 1.4rem; line-height: 2rem; margin-bottom: 1.2rem; }
    .fren_invite .fr_copy p:first-child { font-size: 3rem; }
    .fren_invite .fr_img { width: 80% !important; }

    /* 타임특가 반응형 */
    .event-benner2 { height: 440px; }
    .ev_img_cont { padding-top: 18%; width: 80%; }
    .divider { margin-top: -4px; }
    .timer-grid { top: 430px; }
    .time_explain { padding: 6rem 1rem; }
    .time_cont p:first-child { font-size: 2rem; }
    .time_cont h3 { font-size: 3.5rem; }
    .time_cont .exp_detail { font-size: 1.8rem; margin: 1.5rem 0 4rem 0; line-height: 2.5rem; }
    .product-bot .items { padding: 6rem 1rem; }
    .product-bot .items .time_cont h3 { margin-bottom: 4rem;}
    .product-bot .time_caution { padding: 3rem 2rem 1rem 2rem; }
    .product-bot .time_caution .time_caution_detail p { font-size: 1.6rem; }
    .product-bot .time_caution .time_caution_detail ul li { font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 1rem; }


}

/* [반응형 2단계: 모바일 (480px 이하)] */
@media (max-width: 480px) {
    .time-sale-container { padding: 15px 0; }
    .time-unit .number { font-size: 24px; min-width: 42px; padding: 6px; border-radius: 5px; }
    .divider { font-size: 18px; margin-top: -3px; margin-left: -2px; margin-right: -2px; }
    .main-title { font-size: 0.95rem; margin-bottom: 10px; }
    .time-unit .label { font-size: 10px; margin-top: 5px; }
    .event-benner2 { height: 340px; }
    .timer-grid { top: 390px; }
}



/* 퀵메뉴 반응형 */
@media screen and (max-width: 1540px){
    .quick {
        right: calc(50% - 720px);
    }
}
/* 코드제로 이벤트 모바일 이미지 깨짐 보정 */
@media (max-width: 991.98px) {
    .event-benner2 {
        height: auto !important;
    }

    .ev_img_cont {
        width: 100% !important;
        max-width: 860px !important;
        padding-top: 0 !important;
        margin: 0 auto !important;
    }

    .ev_img_cont img,
    .event-main-bg {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .event-coupon-wrap {
        position: relative;
        width: 100% !important;
    }

    .coupon-link {
        width: 36% !important;
    }

    .coupon-20000 {
        left: 12% !important;
        top: 57% !important;
    }

    .coupon-15000 {
        right: 12% !important;
        top: 57% !important;
    }

    .coupon-10000 {
        left: 12% !important;
        top: 69% !important;
    }

    .coupon-5000 {
        right: 12% !important;
        top: 69% !important;
    }

    .product-bot2 .time_caution {
        padding: 0 !important;
    }

    .product-bot2 .time_caution .time_caution_detail {
        max-width: 860px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 1.8rem !important;
        box-sizing: border-box !important;
    }
    /* 하단 오른쪽 */
.coupon-all{
    right:35%;
    bottom:5%;
}
.idx_pg {
    padding-top: 0px !important;
}

.idx_pg1 {
    padding-top: 0px !important;
}
}

@media (max-width: 575.98px) {
    .coupon-link {
        width: 38% !important;
    }

    .coupon-20000 {
        left: 12% !important;
        top: 57% !important;
    }

    .coupon-15000 {
        right: 12% !important;
        top: 57% !important;
    }

    .coupon-10000 {
        left: 12% !important;
        top: 69% !important;
    }

    .coupon-5000 {
        right: 12% !important;
        top: 69% !important;
    }

    .product-bot2 .time_caution .time_caution_detail ul {
        margin-left: 1.5rem !important;
    }
    /* 하단 오른쪽 */
.coupon-all{
    right:48%;
    bottom:5%;
}
.idx_pg {
    padding-top: 135px !important;
}
.idx_pg1 {
    padding-top: 0px !important;
}
}