@charset "utf-8";
/* mv */
.mv {
    position: relative;
}
/* END mv */

/* main_con_box */
.main_con_box{
    position: relative;
    z-index: 2;
    border-radius: 30px 30px 0 0;
    background-color: #fff;
    padding: 30px 20px;
}

/* 메뉴 */
.main_menu_box {
    display: flex;
    padding: 0 clamp(15px, 4.5vw, 40px);
    gap: clamp(15px, 4.5vw, 40px);
    margin-bottom: clamp(27.5px, 7.6389vw, 55px);
}
.main_menu_box li {
    flex: 1;
    text-align: center;
    font-size: clamp(10px, 3.3333vw, 24px);
    font-weight: 600;
}
.main_menu_box li img {
    margin-bottom: clamp(5px, 1.3889vw, 10px);
}
/* END 메뉴 */

/* 사용자 정보 */
.main_user_info_box {
    background: linear-gradient(to bottom, #FF8D0B, #E66F71);
    position: relative;
    border-radius: 20px;
    padding: clamp(25px, 6.9444vw, 50px);
    margin-bottom: clamp(27.5px, 7.6389vw, 55px);
}
.main_user_info_box::after {
    content: '';
    position: absolute;
    width: clamp(79px, 21.9444vw, 158px);
    height: clamp(79px, 21.9444vw, 158px);
    top: clamp(15px, 4.1667vw, 30px);
    right: clamp(15px, 4.1667vw, 30px);
    background: url('/img/main/main_mv_icon.png') no-repeat center / cover;
}
.main_user_info_box > div {
    position: relative;
}
.main_user_info_box .t_box {
    color: #fff;
}
.main_user_info_box .t_box .tit {
    font-size: clamp(13px, 3.6111vw, 26px);
    font-weight: 700;
}
.main_user_info_box .t_box .sub_tit {
    display: flex;
    align-items: center;
    gap: clamp(2px, 0.6944vw, 5px);
    margin-top: clamp(7px, 2.0833vw, 15px);
    font-size: clamp(30px, 8.3333vw, 60px);
    font-weight: 700;
}
.main_user_info_box .t_box .sub_tit img {
    height: clamp(24px, 6.8056vw, 49px);
}
.main_user_info_box .b_box {
    margin-top: clamp(25px, 6.9444vw, 50px);
    display: flex;
    gap: clamp(12px, 3.4722vw, 25px);
}
.main_user_info_box .b_box li {
    flex: 1;
}
.main_user_info_box .b_box li a {
    /* min-width: clamp(90px, 25vw, 180px); */
    width: 100%;
    aspect-ratio: 1/0.333;
    border-radius: 10px;
    font-size: clamp(12px, 3.3333vw, 24px);
    font-weight: 700;
    color: #fff;
    background-color: #FF4400;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_user_info_box .b_box li.white a {
    background-color: #fff;
    color: #FF570F;
}
/* END 사용자 정보 */

/* main_slide01 */
.main_slide01_wrap {
    position: relative;
}

.main_slide01 {
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 1/0.31;
}

.slide_page_nav_box {
    position: absolute;
    left: clamp(20px, 5.5556vw, 40px);
    bottom: clamp(15px, 4.1667vw, 30px);
    padding: 0 clamp(10px, 2.7778vw, 20px);
    aspect-ratio: 1/0.45;
    background: rgba(0, 0, 0, 0.43);
    color: #B7B7B7;
    font-size: clamp(14px, 2.7778vw, 20px);
    font-weight: 700;
    border-radius: clamp(12px, 6.6667vw, 24px);
    z-index: 11;
}

.slide_page_nav_box .current {
    color: #fff;
}
/* END main_slide01 */

/* main_slide02 */
.main_slide02_wrap {
    margin-top: clamp(15px, 3.472vw, 40px);
    position: relative;
}
.main_slide02_wrap .item {
    border-radius: 10px;
    aspect-ratio: 1/1;
    overflow: hidden;
    box-shadow: 0 0 clamp(5px, 1.389vw, 10px) rgba(0, 0, 0, 0.1);
}
.main_slide02_wrap .item a {
    display: block;
    width: 100%;
    height: 100%;
}
.main_slide02_wrap .item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_slide02 {
    padding: clamp(5px, 1.389vw, 10px) 0;
    padding-bottom: clamp(20px, 4.167vw, 30px);
}
.main_slide02_wrap .slide_page_nav_custom {
    bottom: 0;
}
.slide_page_nav_custom .swiper-pagination-bullet {
    width: clamp(18px, 3.889vw, 28px);
    height: clamp(3px, 0.694vw, 5px);
    opacity: 1;
    background-color: #ADADAD;
    border-radius: clamp(5px, 1.25vw, 9px);
}
.slide_page_nav_custom .swiper-pagination-bullet-active {
    background-color: #FFA82D;
}
/* END main_slide02 */

/* 아이템슬라이드 */
.main .item_tab_box01 {
    margin-top: clamp(40px, 8.333vw, 60px);
}
.item_tab_tit_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(22px, 4.722vw, 34px);
    font-weight: 700;
    color: #020202;
}
.item_tab_tit_box > a {
    display: flex;
    align-items: center;
}
.item_tab_tit_box > a img {
    height: clamp(25px, 5.139vw, 37px);
}
.slie_tab_box {
    display: flex;
    gap: clamp(10px, 2.778vw, 20px);
    margin: clamp(20px, 4.167vw, 30px) 0;
}
.slie_tab_box li > a {
    display: flex;
    justify-content: center;
    padding: clamp(4px, 1.389vw, 10px) clamp(15px, 4.167vw, 30px);
    font-size: clamp(13px, 3.056vw, 22px);
    font-weight: 500;
    color: #444444;
    transition: all 0.3s ease-in-out;
    border-radius: clamp(20px, 4.167vw, 30px);
    background-color: #F5F5F5;
}
.slie_tab_box li.active > a {
    background-color: #FFA82D;
    color: #fff;
}
.item_tab_box_slide01 .alt_box {
    margin-top: clamp(10px, 4.167vw, 30px);
}
.item_tab_box_slide01 .tit {
    color: #7B7B7B;
    font-size: clamp(12px, 2.5vw, 18px);
    font-weight: 500;
}
.item_tab_box_slide01 .sub_tit {
    margin: clamp(6px, 1.389vw, 10px) 0;
    color: #444;
    font-size: clamp(13px, 2.778vw, 20px);
    font-weight: 500;
}
.item_tab_box_slide01 .price {
    display: flex;
    font-size: clamp(16px, 3.611vw, 26px);
    font-weight: 700;
    color: #000;
    gap: clamp(5px, 1.111vw, 8px);
    align-items: center;
}
.item_tab_box_slide01 .price img {
    height: clamp(16px, 3.75vw, 27px);
}
.item_tab_box_slide01 .item > a > img {
    aspect-ratio: 1/1.045;
    width: 100%;
    object-fit: cover;
}
/* END 아이템슬라이드 */

/* main_guide */
.main_guide {
    margin-top: clamp(50px, 13.8889vw, 100px);
}
/* END main_guide */

/* main_news */
.main_news_box {
    margin-top: clamp(25px, 4.8611vw, 35px);
    padding: clamp(30px, 6.25vw, 45px) clamp(20px, 4.1667vw, 30px) clamp(35px, 6.9444vw, 50px);
    text-align: center;
    border-radius: clamp(12px, 2.7778vw, 20px);
    background-color: #FFA82D;
    color: #fff;
}
.main_news_box .tit {
    font-size: clamp(20px, 4.7222vw, 34px);
    font-weight: 700;
}
.main_news_box .sub_tit {
    font-size: clamp(15px, 3.3333vw, 24px);
    font-weight: 400;
    margin: clamp(20px, 4.1667vw, 30px) 0;
}

.com_label_box_wrap {
    display: flex;
    justify-content: center;
    gap: clamp(20px, 5.5556vw, 40px);
}
.com_label_box {
    display: flex;
    align-items: center;
    gap: clamp(10px, 2.0833vw, 15px);
    font-size: clamp(12px, 3.0556vw, 22px);
    font-weight: 400;
}
.com_label_box input {
    display: none;
}
.com_label_box .com_label_btn {
    position: relative;
    border-radius: clamp(12px, 2.7778vw, 20px);
    width: clamp(70px, 15.2778vw, 110px);
    height: clamp(26px, 5.5556vw, 40px);
    background-color: #CBCBCB;
    transition: all 0.3s ease-in-out;
}
.com_label_box .com_label_btn span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: clamp(3px, 0.6944vw, 5px);
    width: clamp(22px, 4.7222vw, 34px);
    height: clamp(22px, 4.7222vw, 34px);
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.com_label_box input:checked + .com_label_btn {
    background-color: #F56660;
}
.com_label_box input:checked + .com_label_btn span {    
    left: clamp(46px, 10vw, 72px);
}
/* END main_news */
/* END main_con_box */