/* RNDBOX base: ported common inline CSS */

    #hashbox-js-dialog-overlay {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 100000;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        background: rgba(0, 0, 0, 0.45);
    }
    #hashbox-js-dialog-overlay.is-open {
        display: flex;
    }
    #hashbox-js-dialog {
        width: 100%;
        max-width: 32rem;
        background: #fff;
        border-radius: 0.8rem;
        box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.18);
        overflow: hidden;
    }
    #hashbox-js-dialog-message {
        padding: 2.4rem 2rem 2rem;
        font-size: 1.5rem;
        line-height: 1.6;
        color: #212529;
        white-space: pre-wrap;
        word-break: keep-all;
        text-align: center;
    }
    #hashbox-js-dialog-actions {
        display: flex;
        border-top: 1px solid #ebebeb;
    }
    #hashbox-js-dialog-actions button {
        flex: 1;
        min-height: 4.8rem;
        border: 0;
        background: #fff;
        font-size: 1.5rem;
        cursor: pointer;
    }
    #hashbox-js-dialog-cancel {
        color: #767676;
        border-right: 1px solid #ebebeb !important;
    }
    #hashbox-js-dialog-ok {
        color: #212529;
        font-weight: 600;
    }
    #hashbox-js-dialog-actions button:active {
        background: #f5f5f5;
    }




    * {
        box-sizing: border-box;
    }

    html {
        font-size: 10px;
    }

    @media all and (min-width:0px) and (max-width: 1259px) {
        html.scroll-lock {
            height: 100dvh;
            overflow: hidden;
        }
    }

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

    body {
        line-height: 1.5;
        color: #212529;
        font-weight: 400;
        font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;
    }

    button, input, optgroup, select, textarea {
        font-family: inherit;
        font-size: inherit;
    }

    img {
        vertical-align: middle;
    }

    p {
        margin-top: 0;
    }

    
    .suit_light_font{
        font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;
        font-weight: 300;
    }
    .suit_regular_font{
        font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
        font-weight: 400;
    }
    .suit_medium_font{
        font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
        font-weight: 500;
    }
    .suit_bold_font{
        font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
        font-weight: 600;
    }
    .suit_extrabold_font{
        font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
        font-weight: 700;
    }

    header, footer{
        background-color: white;
    }
    main{
        margin-bottom: 10rem;
    }

    .mypage__profile {
        margin: 0 1rem;
        font-size: 10px;
        display: flex;
        flex-direction: column;
    }

    .mypage__profile.mypage__profile--lnb {
        margin: 3em 0 0;
        padding: 2rem 1.5rem;
        border-radius: 1rem;
        background: #FAFAFA;
    }

    .mypage__name {
        position: relative;
        font-size: 2.2em;
        font-weight: 600;
        line-height: 1;
        color: #000;
    }

    .mypage__name span {
        position: absolute;
        bottom: 0px;
        padding-left: 0.2em;
        font-size: 0.75em;
        line-height: 1;
        color: #646464;
    }

    .mypage__username {
        margin-top: 0.5rem;
        font-weight: 300;
        font-size: 1.3em;
        color: #979797;
    }    

    @media all and (min-width:0px) and (max-width:1100px){
        html{
            font-size:10px;
            padding-bottom:10rem;
        }
        .mobile_hidden{
            display:none;
        }
    }
    /* PC */
    @media all and (min-width:1100px){
        html{
            font-size:10px;
        }
    }

    body{
        padding: 0;
        margin: 0;
    }

    img{
        image-rendering: -webkit-optimize-contrast;
        transform:translateZ(0);
        backface-visibility: hidden;
    }

    input[type="number"]::-webkit-outer-spin-button, 
    input[type="number"]::-webkit-inner-spin-button { 
        -webkit-appearance: none; -moz-appearance: none; appearance: none; 
    }
    input[type=number] { 
        -moz-appearance: textfield;
        appearance: textfield;
    }

    /* 모바일 */
    @media all and (min-width:0px) and (max-width: 1259px){
        .line_banner{
            z-index: 1000;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 6rem;
            background-color: black;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        .line_banner .line_banner_inner{
            width: 100%;
            max-width: 33rem;
            margin-left: 1rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .line_banner .line_banner_text{
            color: white;
            font-size: 1.35rem;
            margin-right: 1.6rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            white-space: nowrap;
        }
        .line_banner .line_banner_text .accent{
            font-weight: 500;
            margin-bottom: 0;
        }
        .line_banner .line_banner_text .accent .pretendard{
            font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;
            font-size: 1.45rem;
        }
        .line_banner .line_banner_text .fireworks{
            margin-bottom: 0;
            margin-left: .5rem;
        }
        .line_banner .line_banner_counter_prefix{
            color: #aee991;
            font-size: 1.3rem;
        }
        .line_banner .line_banner_right{
            display: flex;
            flex-direction: column;
            justify-self: center;
            align-items: center;
        }
        .line_banner .line_banner_btn {
            display: none;
        }
        .line_banner .line_banner_counter {
            display: flex;
            align-items: center;
            font-size: 1.4rem;
            font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
            font-weight: 500;
            justify-content: space-between;
        }
        .line_banner .line_banner_counter_1,
        .line_banner .line_banner_counter_2,
        .line_banner .line_banner_counter_3,
        .line_banner .line_banner_counter_4,
        .line_banner .line_banner_counter_5,
        .line_banner .line_banner_counter_6 {
            width: 1.2rem;
            height: 1.6rem;
            background-color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            margin-left: .2rem;
            box-sizing: content-box;
        }
        .line_banner .line_banner_counter_colon{
            height: .7rem;
            margin-left: .2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            color: white;
        }
        
        .nav_background{
            position: fixed;
            z-index: 999;
            width: 30rem;
            height: 100dvh;
            overflow: hidden scroll;
            font-size: 1.2rem;
            color: rgb(60, 60, 60);
            min-height: 100%;
            padding-bottom: 30rem;
            left: -40rem;
            border-bottom: 1px solid rgb(230,230,230);
            border-right: 1px solid rgb(230,230,230);
            background: white;
        }
        .gray_wrapper{
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            opacity: 0.5;
            z-index: 998;
            width: 1000rem;
            height: 1000rem;
            background-color: black;
        }
        .nav_exit_icon{
            position: absolute;
            z-index: 999;
            height: 3rem;
            width: 3rem;
            top: 1rem;
            left: 30.5rem;
            background-image:url("/img/nav_exit_icon.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 80%;
            cursor: pointer;
        }
        .nav_background .login_section{
            margin: auto;
            margin-top: 2.4rem;
            width: 26rem;
            display: flex;
            flex-direction: column;
            align-items: start;
            position: relative;
        }

        .nav_background .login_section .login_section_content{
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin: 1.5rem 0;
        }

        .nav_background .login_section .login_section_userid{
            margin-left: 0.5rem;
            width: 13rem;
            font-size:1.3rem;
            margin-right: 3rem;
        }


        .nav_background .login_section .login_section_login{
            width:9rem;
            height: 3rem;
            border-radius:0.5rem;
            display:flex;
            align-items: center;
            justify-content: center;
            margin-right: 0.5rem;
            font-size:1.3rem;
            background:#232323;
            color:white;
            
        }

        .nav_background .login_section .login_section_logout{
            width:9rem;
            height: 3rem;
            border-radius:0.5rem;
            display:flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #EBEBEB;
            margin-right: 0.5rem;
            color:black;
            font-size:1.3rem;
        }

        .nav_background .login_section .login_section_signup{
            width:9rem;
            height: 3rem;
            border-radius:.5rem;
            display:flex;
            align-items: center;
            justify-content: center;
            margin-left: auto;
            margin-right: 0.5rem;
            border:1px solid #232323;
            color:black;
            
        }
        .nav_background .login_section .global_wrapper{
            width: 15.5rem;
            height: 4rem;
            top: -2.8rem;
            left: 0;
        }
        .nav_background .login_section .global_wrapper .flag_set{
            width: 15.5rem;
            height: 3.5rem;
            border-left: 1px solid #EBEBEB;
            border-right: 1px solid #EBEBEB;
            border-bottom: 1px solid #EBEBEB;
            display: flex;
            align-items: center;
            background-color: white;
            white-space: nowrap;
            -webkit-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
            cursor: pointer;
        }
        .nav_background .login_section .global_wrapper .flag_set.main{
            border-top: 1px solid #EBEBEB;
        }
        .nav_background .login_section .global_wrapper .flag_set.sub{
            z-index: 2; position: absolute;
            display: none;
        }
        .nav_background .login_section .global_wrapper .flag_set.disable{
            background-color: #e6e6e6;
        }
        .nav_background .login_section .global_wrapper .flag_set.disable .flag_text{
            color: #a0a0a0;
        }
        .nav_background .login_section .global_wrapper .flag_set .flag_img{
            margin: 0 1rem;
        }
        .nav_background .login_section .global_wrapper .flag_set .flag_text{
            width: 8.5rem;
            text-align: left;
            font-size: 1.3rem;
            color: #555;
        }
        .nav_background .login_section .global_wrapper .flag_set .arrow{
            margin-right: .3rem;
        }

        .nav_background .mypage_section{
            margin: auto;
            width: 26rem;
            min-height: 10rem;
            border-top:1px solid #EBEBEB;
            border-bottom:1px solid #EBEBEB;
            display: flex;
            align-items: center;
            margin-bottom: 3rem;
        }
        .nav_background .mypage_section .mypage_section_func{
            width:6.5rem;
            height:7rem;
        }

        .nav_background .mypage_section .mypage_section_func .func_icon{
            width: 100%;
            height: 5rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .nav_background .mypage_section .mypage_section_func .func_icon img{
            width: 90%;
        }
        .nav_background .mypage_section .mypage_section_func .func_text{
            width: 100%;
            height: 2rem;
            text-align: center;
            font-size: 1.1rem;
            color: black;
        }

        .nav_background .menu_section{
            width: 26rem;
            margin: auto;
            margin-top: 3rem;
        }
        .nav_background .menu_section .main_menu{
            width: 25rem;
            height: 6rem;
            padding-left: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 2rem;
            border-bottom: 1px solid rgb(235, 235, 235);
        }
        .nav_background .menu_section .sub_menu{
            width: 25rem;
            margin-bottom: 3rem;
        }
        .nav_background .menu_section .sub_menu.sub_menu_inactive{
            display:none;
        }

        .nav_background .menu_section .sub_menu .sub_menu_name{
            width: 25rem;
            height: 4rem;
            padding-left: 2rem;
            font-size: 1.4rem;
            display: flex;
            align-items: center;
            color: #646464;
        }
        .nav_background .menu_section .sub_menu .sub_menu_name .sub_menu_name_active{
            border-left: 2px solid #232323;
            color: #232323;
            background: #F5F5F5;
        }

        .nav_background .cscenter_section{
            margin: auto;
            margin-top: 3rem;
            width: 26rem;
            border-top: 1px solid #EDEDED;
            padding-top: 3rem;
        }
        
        .nav_background .cscenter_section .cscenter_section_text1{
            height:2.5rem;
            display:flex;
            align-items: center;
            font-size:1.4rem;
            margin-bottom:1rem;
            color:#646464
        }
        .nav_background .cscenter_section .cscenter_section_text2{
            font-size: 2rem;
        
            margin-bottom: 4rem;
            color:#646464;
        }
        .nav_background .cscenter_section .cscenter_section_text3{
            height:7rem;
            font-size: 1.4rem;
            color:#646464
        }
        .nav_background .cscenter_section .cscenter_section_button{
            width:100%;
            height:4.5rem;
            display:flex;
            align-items: center;
            justify-content: center;
            border-radius:0.5rem;
            background:#FAE100;
            font-size:1.5rem;
            color:black;
            margin-bottom: 2.5rem;
            
        }
        .nav_background .cscenter_section .cscenter_section_button img{
            width: 2rem;
            margin-top: .2rem;
            margin-right: .6rem;
        }
        .nav_background .cscenter_section .cscenter_section_button .letdown{
            margin-top: .2rem;
        }

        .nav_background .side_menu{
            margin-top: 5rem;
        }
        .nav_background .side_menu .side_menu_data{
            width: 26rem;
            padding-left: 1rem;
            height: 4rem;
            display: flex;
            align-items: center;
            font-size: 1.5rem;
            margin: auto;
            cursor: pointer;
            color: #969696;
        }

        .topbar{
            width: 100%;
            height: 6rem;
            max-width: 126rem;
            border-bottom: 1px solid rgb(245,245,245)
        }
        .topbar .mobile_nav_icon{
            position: absolute;
            margin-top: 1.5rem;
            margin-left: 1.5rem;
            width: 2.5rem;
            height: 2.5rem;
            background-image:url("/img/mobile_nav_icon.svg");
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
        }
        .topbar .mobile_basket_icon{
            position: absolute;
            margin-right: 1.5rem;
            margin-top: 1.5rem;
            right: 0;
            width: 3rem;
            height: 3rem;
            background-image:url("/img/basket_icon.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            cursor: pointer;
            opacity: 0.8;
        }
        .topbar .mobile_basket_icon .cart_count{
            position: absolute;
            top: -0.5rem;
            left: 1.5rem;
            width: 2.5rem;
            height: 1.8rem;
            border-radius: 1rem;
            background-color: black;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.3rem;
            font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
        }
        .topbar .mobile_signup{
            position: absolute;
            margin-right: 1.5rem;
            margin-top: 1.5rem;
            right: 0;
            width: 3rem;
            height: 3rem;
            background-image:url("/img/topbar_login.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            cursor: pointer;
            opacity: 0.8;
        }


        .topbar .topbar_left{
            height: 100%;
            width: 55%;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .topbar .topbar_left .desktop_company_logo{
            display: none;
        }
        .topbar .topbar_left .mobile_company_logo{
            display: block;
            max-height: 2.5rem;
            height: auto;
            cursor: pointer;
        }
        .topbar .topbar_left .adult_division{
            margin-left: 1rem;
        }

        .topbar .topbar_center{
            height: 3rem;
            width: 100%;
            display: flex;
            align-items: center;

            
            letter-spacing: -0.5px;
            
            color:#000;
            display: none;
        }
        .topbar .topbar_center .center_button_wrapper{
            width: 100%;
            display: flex;
            /* justify-content: space-evenly; */
            justify-content: space-around;
        }

        .topbar_first{
            display: none;
        }

        .topbar_second{
            position: relative;
            width: 100%;
            display: flex;
            height: 5rem;
            border-top: 1px solid rgb(245, 245, 245);
            border-bottom: 1px solid #EBEBEB;
            gap: 1.8rem;
            justify-content: flex-start;
            overflow-x: scroll;
            white-space: nowrap;
            -webkit-user-select: all;
            -moz-user-select: all;
            -ms-user-select: all;
            user-select: all;
        }
        /* scrollbar 숨김 */
        .topbar_second::-webkit-scrollbar {
            display: none;
        }

        .topbar_second {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .topbar_second .menu{
            position: relative;
            z-index: 2;
            min-width: auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            cursor: pointer;
        }
        .topbar_second .menu .new{
            position: absolute;
            top: .8rem;
            left: -.2rem;
            height: .6rem;
            width: 1.95rem;
            background-image: url("/img/pass/new.svg");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .topbar_second .menu .hot{
            position: absolute;
            top: .8rem;
            left: -.3rem;
            height: .6rem;
            width: 1.65rem;
            background-image: url("/img/hot1.svg");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .topbar_second .menu .new2{
            position: absolute;
            top: .8rem;
            left: -.6rem;
        }
        .topbar_second .menu .collaboration{
            position: absolute;
            top: .8rem;
            left: -.2rem;
            width: 5rem;
            height: 5rem;
            background-image: url("/img/collaboration.svg");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .topbar_second .menu.half{
            min-width: auto;
        }
        .topbar_second .active_menu{
            font-weight: 500;
            color: black;
            border-bottom: 2px solid #232323;
        }

        .bottombar{
            width: 100%;
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            color: rgb(100, 100, 100);
            font-size: 1.3rem;
            padding-top: 3rem;
            border-top: 1px solid #EBEBEB;
        }
        .bottombar .bottombar_left{
            padding-left: 4%;
            padding-right: 4%;
        }
        .bottombar .bottombar_right{
            padding-left: 4%;
            padding-right: 4%;
        }

        a{
            color: #333;
            text-decoration: none; 
            outline: none;   
        }
        a:hover, a:active{
            color: #333;
            text-decoration: none;
        }
 
    }



    /* 태블릿 */
    @media all and (min-width: 501px) and (max-width: 1259px) {
        .topbar_second{
            justify-content: space-around;
        }
    }


    /* PC */
    @media all and (min-width:1260px){
        .line_banner{
            z-index: 1000;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 8rem;
            background-color: black;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        .line_banner .line_banner_inner{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 126rem;
        }
        .line_banner .line_banner_text{
            color: white;
            font-size: 2.4rem;
            margin-right: 1.6rem;
            display: flex;
        }
        .line_banner .line_banner_text .accent{
            font-weight: 500;
            margin-bottom: 0;
        }
        .line_banner .line_banner_text .accent .pretendard{
            font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;
            font-weight: 600;
            font-size: 2.6rem;
        }
        .line_banner .line_banner_text .fireworks{
            text-shadow: -1px 0px white, 0px 1px white, 1px 0px white, 0px -1px white;
            margin-bottom: 0;
            margin-left: .5rem;
        }
        .line_banner .line_banner_counter_prefix{
            color: #aee991;
            font-size: 2rem;
            margin-right: 1rem;
        }
        .line_banner .line_banner_right{
            display: flex;
            justify-self: center;
            align-items: center;
        }
        .line_banner .line_banner_btn {
            color: white;
            font-size: 1.5rem;
            padding: .5rem 1.6rem;
            margin-left: 1.5rem;
            margin-right: 6rem;
            cursor: pointer;
            border: 1px solid white;
            border-radius: 5rem;
        }
        .line_banner .line_banner_counter {
            display: flex;
            align-items: center;
            width: 9.0765vw;
            font-size: 1.5vw;
            font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif;;
            font-weight: 600;
            justify-content: space-between;
        }
        .line_banner .line_banner_counter_1,
        .line_banner .line_banner_counter_2,
        .line_banner .line_banner_counter_3,
        .line_banner .line_banner_counter_4,
        .line_banner .line_banner_counter_5,
        .line_banner .line_banner_counter_6 {
            width: 13.4%;
            height: 3rem;
            background-color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            margin: 0 .8%;
            box-sizing: content-box;
        }
        .line_banner .line_banner_counter_colon{
            width: 5%;
            height: 3rem;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            color: white;
        }

        .nav_background, .gray_wrapper, .mobile_nav_icon, .mobile_basket_icon{
            display: none;
        }
        .topbar{
            height: 9rem;
            width: 100%;
            display: flex;
            margin: auto;
            justify-content: center;
            z-index: 0;
            border-top: 1px solid #EBEBEB;
            box-shadow: 0px 1px 0px rgba(0, 0, 0, .07);
        }
        .topbar .topbar_left{
            height: 100%;
            width: 30rem;
            display: flex;
            align-items: center;
        }
        .topbar .topbar_left .desktop_company_logo{
            display: block;
            height: 100%;
            max-height: 4.5rem;
            cursor: pointer;
        }
        .topbar .topbar_left .mobile_company_logo{
            display: none;
        }
        .topbar .topbar_left .adult_division{
            margin-left: 2rem;
            cursor: pointer;
        }

        .topbar .topbar_center{
            height: 100%;
            width: 96rem;
            display: flex;
            align-items: center;
            font-size: 2.2rem;
        }
        .topbar .topbar_center .center_button_wrapper{
            width: 100%;
            display: flex;
            justify-content: flex-end;
        }

        .topbar .topbar_center .center_button_wrapper .button_menu{
            position: relative;
            font-size: 2.2rem;
            color: black;
            cursor: pointer;
            text-decoration: none;
            margin-left: 40px;
        }

        .topbar .topbar_center .center_button_wrapper .button_menu .new{
            position: absolute;
            top: -.6rem;
            left: -.8rem;
            height: .7rem;
            width: 2.25rem;
            background-image: url("/img/pass/new.svg");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .topbar .topbar_center .center_button_wrapper .button_menu .hot{
            position: absolute;
            top: -.6rem;
            left: -.8rem;
            height: .7rem;
            width: 1.7rem;
            background-image: url("/img/hot1.svg");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .topbar .topbar_center .center_button_wrapper .button_menu .collaboration{
            position: absolute;
            top: -.6rem;
            left: -.8rem;
            width: 7.5rem;
            height: 7.5rem;
            background-image: url("/img/collaboration.svg");
            background-size: contain;
            background-repeat: no-repeat;
        }
        .topbar .topbar_center .center_button_wrapper .active{
            color: black;
            position: relative;
        }
        .topbar .topbar_center .center_button_wrapper .active::before{
            width: 5px;
            height: 5px;
            content: "";
            background: black;
            position: absolute;
            border-radius: 50%;
            left: 50%;
            top: -5px;
        }
        .topbar .topbar_center .center_button_wrapper .button_menu:hover{
            color: black;
        }

        .topbar_first{
            width: 100%;
            max-width: 126rem;
            height: 4rem;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            text-align: right;
            margin: auto;
        }
        .topbar_first .left_global_wrapper{
            position: relative;
            width: 15.5rem;
            height: 4rem;
        }
        .topbar_first .left_global_wrapper .flag_set{
            width: 15.5rem;
            height: 4rem;
            border-left: 1px solid #EBEBEB;
            border-right: 1px solid #EBEBEB;
            border-bottom: 1px solid #EBEBEB;
            display: flex;
            align-items: center;
            background-color: white;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
        }
        .topbar_first .left_global_wrapper .flag_set.main{
            border-bottom: none;
        }
        .topbar_first .left_global_wrapper .flag_set.sub:nth-child(2){
            border-top: 1px solid #EBEBEB;
        }
        .topbar_first .left_global_wrapper .flag_set.sub{
            z-index: 2; position: absolute;
            display: none;
        }
        .topbar_first .left_global_wrapper .flag_set.disable{
            background-color: #e6e6e6;
        }
        .topbar_first .left_global_wrapper .flag_set.disable .flag_text{
            color: #a0a0a0;
        }
        .topbar_first .left_global_wrapper .flag_set .flag_img{
            margin: 0 1rem;
        }
        .topbar_first .left_global_wrapper .flag_set .flag_text{
            width: 8.5rem;
            text-align: left;
            font-size: 1.4rem;
            color: #555;
        }
        .topbar_first .left_global_wrapper .flag_set .arrow{
            margin-right: .3rem;
        }
        .topbar_first .right_button_wrapper{
            width: 109rem;
            height: 60%;
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
        }
        .topbar_first .right_button_wrapper .button_menu2{
            font-size: 1.4rem;
            margin-left: 3%;
            cursor: pointer;
            position: relative;
            text-decoration: none;
            color: #646464;

        }


        .topbar_first .right_icons_wrapper{
            height: 40%;
            width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
        }

        .topbar .topbar_center .center_button_wrapper .basket_icon{
            width: 4rem;
            height: 80%;
            background-image: url("/img/basket_icon.svg");
            background-position: center;
            background-size: 70%;
            background-repeat: no-repeat;
            opacity: 0.8;
            cursor: pointer;
        }

        .topbar_second{
            display: none;
        }
        
        .bottombar{
            width: 100%;
            max-width: 126rem;
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            font-size: 1.3rem;
            padding-top: 3rem;
            border-top: 1px solid #EBEBEB;
        }
        
    }

    .browser_alert{
        font-size: 1.3rem;
        background: #f8d7da;
        border-color: #f5c6cb;
        min-height: 3.5rem;
        padding-left: 1rem;
        line-height: 3.5rem;
    }

    @media all and (min-width:0px) and (max-width:500px){
        .mobile_hidden{
            display:none;
        }
    }

    .line_banner2{
        z-index: 1000;
        position: relative;
        display: none;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 8rem;
        background: linear-gradient(to bottom, #9650FC, #6C37ED);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .line_banner2 .prefix{
        color: #AAFF7E;
        font-size: 2.5rem;
        margin-right: 1.6rem;
    }
    .line_banner2 .main{
        color: white;
        font-size: 2.6rem;
        margin-right: 2rem;
    }
    .line_banner2 .line_banner2_close_btn {
        z-index: 1;
        position: absolute;
        right: 2rem;
        top: 47%;
        transform: translateY(-50%);
        color: white;
        font-size: 2rem;
        cursor: pointer;
    }
    /* 모바일 */
    @media all and (min-width:0px) and (max-width: 1259px){
        .line_banner2{
            flex-direction: column;
            height: 6.5rem;
        }
        .line_banner2 .prefix{
            font-size: 1.6rem;
            margin-bottom: -.3rem;
        }
        .line_banner2 .main{
            font-size: 1.65rem;
        }
        .line_banner2 .suffix{
            display: none;
        }
    }



    .kakaotalk_btn{
        position: fixed;
        z-index: 9997;
        overflow: visible;
        display: flex;
        flex-wrap: nowrap;
        width: auto;
        background: transparent;
        bottom: 6rem;
        right: 5.8rem;
        width: 8rem;
        cursor: pointer;
    }
    .kakaotalk_btn img{
        width: 100%;
    }
    @media screen and (max-width: 768px) {
        .kakaotalk_btn{
            width: 6.5rem;
            bottom: 3rem;
            right: 2.3rem;
        }
    }



    /* (구) 하단 탭 .abb_nav 규칙은 rb.css 의 .rb-tabbar 로 대체 — 예전에는 모든 <nav> 를 고정·숨김 처리했음 */



        .topbar_second_wrapper{
            position: relative;
            width: 100%;
        }
        .topbar_second_wrapper *{
            -webkit-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
            -webkit-tap-highlight-color: transparent;
            -webkit-user-drag: none;
            -khtml-user-drag: none;
            -moz-user-drag: none;
            -o-user-drag: none;
            user-drag: none;
        }
        .topbar_second_wrapper .scroll-hint {
            position: absolute;
            top: 0;
            width: 5rem;
            height: calc(100% - 1px);
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            opacity: 0;
            transition: opacity .2s ease;
            z-index: 5;
        }
        .topbar_second_wrapper .scroll-hint span {
            font-size: 1.6rem;
            font-weight: 600;
            color: #666;
        }
        .topbar_second_wrapper .scroll-hint.left * {
            margin-left: -1rem;
        }
        .topbar_second_wrapper .scroll-hint.right * {
            margin-right: -1rem;
        }
        .topbar_second_wrapper .scroll-hint.left {
            left: 0;
            background: linear-gradient(
                to right,
                rgba(255,255,255,1),
                rgba(255,255,255,1),
                rgba(255,255,255,0)
            );
        }
        .topbar_second_wrapper .scroll-hint.right {
            right: 0;
            background: linear-gradient(
                to left,
                rgba(255,255,255,1),
                rgba(255,255,255,1),
                rgba(255,255,255,0)
            );
        }
        .topbar_second_wrapper .scroll-hint.show {
            opacity: 1;
        }
        @media all and (max-width: 1259px) {
            .topbar_second_wrapper {
                padding: 0 1.5rem;
                box-sizing: border-box;
            }
            .topbar_second_wrapper .topbar_second {
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior-x: contain;
                touch-action: manipulation;
                cursor: grab;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }
            .topbar_second_wrapper .topbar_second::-webkit-scrollbar {
                display: none;
            }
            .topbar_second_wrapper .topbar_second.is-dragging {
                cursor: grabbing;
                scroll-behavior: auto;
            }
            .topbar_second_wrapper .topbar_second .menu {
                flex: 0 0 auto;
            }
            .topbar_second_wrapper .topbar_second.is-centered {
                justify-content: center;
            }
        }
    


    .open_soon_modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: none;
        justify-content: center;
        align-items: start;
        z-index: 1000;
    }
    .open_soon_modal .open_soon_modal_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 32rem;
        height: 20rem;
        border-radius: 0.5rem;
        background-color: white;
        box-shadow: 0 0 16px 4px rgba(0, 0, 0, .1);
        margin-top: 10rem;
    }
    .open_soon_modal .open_soon_modal_box .open_soon_modal_title {
        font-size: 2.6rem;
    }
    .open_soon_modal .open_soon_modal_box .open_soon_modal_content {
        font-size: 1.5rem;
        line-height: 1.7rem;
        text-align: center;
        margin-top: 1.2rem;
        margin-bottom: 3rem;
    }
    .open_soon_modal .open_soon_modal_box .open_soon_modal_btn {
        width: 14rem;
        height: 3.5rem;
        border-radius: 0.5rem;
        background-color: #e32d1f;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.5rem;
        cursor: pointer;
    }



    @media all and (min-width:0px) and (max-width:1259px){
        .bottombar .bottombar_left{
            width: 100%;
        }
        .bottombar .bottombar_left .company_info_bold{
            height: 3rem;
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            color: black;
        }
        .bottombar .bottombar_left .company_info_kakao{
            height: 4rem;
            width: 20rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.4rem;
            color: black;
            background-color: #FEE100;
            border-radius: .5rem;
            margin-bottom: 1.5rem;
            cursor: pointer;
        }
        .bottombar .bottombar_left .company_info_kakao img{
            width: 2rem;
            margin-right: .6rem;
            margin-top: .2rem;
        }
        .bottombar .bottombar_left .company_info_kakao .letdown{
            margin-top: .2rem;
        }
        .bottombar .bottombar_left .company_info_light{
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: #BEBEBE;
            margin-bottom: 2.2rem;
        }
        .bottombar .bottombar_left .company_info{
            margin-bottom: .5rem;
            display: block;
            align-items: start;
            font-size: 1.2rem;
            color: #646464;
        }
        .bottombar .bottombar_left .company_info_label{
            white-space: nowrap;
        }
        .bottombar .bottombar_left .company_info_value{
            min-width: 0;
            word-break: keep-all;
            overflow-wrap: break-word;
        }

        .bottombar .bottombar_left .company_info_ui{
            display: flex;
            margin-top: 1rem;
        }
        .bottombar .bottombar_left .company_info_ui .company_question{
            width: 10rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #232323;
            font-size: 1.3rem;
            color: white;
            cursor: pointer;
        }
        .bottombar .bottombar_left .company_info_ui .frequent_question{
            margin-right: 1rem;
            cursor: pointer;
        }
        .bottombar .bottombar_right{
            width: 100%;
            display: flex;
            flex-direction: column;
            margin-top: 5rem;
        }
        .bottombar .bottombar_right .bottombar_right_left{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 4rem;
        }
        .bottombar .bottombar_right .bottombar_right_left .company_menu_bold{
            width: 100%;
            height: 3rem;
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            color: black;
            margin-bottom: 1rem;
        }
        .bottombar .bottombar_right .bottombar_right_left  .company_menu{
            height:3.5rem;
            width: calc(33.3333% - 0.6666rem);
            border: 1px solid #EBEBEB;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.4rem;
            color: #646464;
            cursor: pointer;
            margin-bottom: 1rem;
        }
        .bottombar .bottombar_right .bottombar_right_left  .company_menu:hover{
            color: rgb(35,35,35);
        }

        .bottombar .bottombar_right .bottombar_right_right{
            width: 100%;
        }
        .bottombar .bottombar_right .bottombar_right_right .company_menu_bold{
            height: 3rem;
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            color: black;
        }

        .bottombar .bottombar_right .bottombar_right_right .app_download{
            width: 100%;
            max-width: 40rem;
            display: flex;
            gap: 1rem;
            margin-top: 1rem;
            margin-bottom: 2rem;
        }
        .bottombar .bottombar_right .bottombar_right_right .app_download .download_img{
            width: 50%;
            cursor:pointer;
        }
        .bottombar .bottombar_right .bottombar_right_right .app_download .android{
            margin-bottom: 1rem;
        }
        .bottombar .bottombar_right .bottombar_right_right .app_download .download_img img{
            width: 100%;
        }

        /* 2중푸터 */
        .second_bottom_bar{
            width: 100%;
            margin: auto;
            margin-top: 2rem;
            margin-bottom: 5rem;
            border-top: 1px solid #EBEBEB;
            padding-top: 3rem;
        }
        .second_bottom_bar .company_main_info{
            padding-left: 4%;
            padding-right: 4%;
            display: flex;
        }
        .second_bottom_bar .second_bottom_bar_division{
            padding-left:4%;
            padding-right:4%;
        }
        .second_bottom_bar .company_main_info .company_info_menu{
            min-width: 10rem;
            font-size: 1.3rem;
            color: black;
            cursor: pointer;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info{
            font-size: 1.2rem;
            margin-top: 3rem;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info{
            min-height: 0;
            display: block;
            align-items: start;
            color: #646464;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info_plain{
            display: block;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info_label{
            white-space: nowrap;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info_value{
            min-width: 0;
            word-break: keep-all;
            overflow-wrap: break-word;
        }

    }
    @media all and (min-width:1260px){
        .bottombar .bottombar_left{
            width: 60rem;
            
                height: 21rem;
            
        }
        .bottombar .bottombar_left .company_info_bold{
            height: 3rem;
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            
            
            color: black;
        }
        .bottombar .bottombar_left .company_info_kakao{
            height: 4rem;
            width: 22rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.4rem;
            color: black;
            border: 1px solid #EBEBEB;
            border-radius: .5rem;
            margin-bottom: 2rem;
            cursor: pointer;
        }
        .bottombar .bottombar_left .company_info_kakao img{
            width: 2rem;
            margin-right: .6rem;
            margin-top: .2rem;
        }
        .bottombar .bottombar_left .company_info_kakao .letdown{
            margin-top: .2rem;
        }
        .bottombar .bottombar_left .company_info_light{
            font-size: 1.2rem;
            line-height: 1.6rem;
            color: #BEBEBE;
            margin-right: 19rem;
            margin-bottom: 2.2rem;
        }
        .bottombar .bottombar_left .company_info{
            min-height: 2.5rem;
            display: grid;
            grid-template-columns: max-content 1fr;
            column-gap: 0.35em;
            align-items: start;
            font-size: 1.3rem;
            color: #646464;
        }
        .bottombar .bottombar_left .company_info_label{
            white-space: nowrap;
        }
        .bottombar .bottombar_left .company_info_value{
            min-width: 0;
            word-break: keep-all;
            overflow-wrap: break-word;
        }
        .bottombar .bottombar_left .company_info_ui{
            display: flex;
            margin-top: 1rem;
        }
        .bottombar .bottombar_left .company_info_ui .company_question{
            width: 10rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #232323;
            font-size: 1.3rem;
            color: white;
            cursor: pointer;
        }
        .bottombar .bottombar_left .company_info_ui .frequent_question{
            margin-right: 1rem;
            cursor: pointer;
        }

        .bottombar .bottombar_right{
            width: 66rem;
            height: 19rem;
            display: flex;
        }
        .bottombar .bottombar_right .bottombar_right_left{
            width:28rem;
            height: 18rem;
            display: flex;
            flex-wrap: wrap;
        }
        .bottombar .bottombar_right .bottombar_right_left .company_menu_bold{
            width: 100%;
            height: 3rem;
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            color: black;
        }
        .bottombar .bottombar_right .bottombar_right_left  .company_menu{
            height: 3.5rem;
            width: 10rem;
            border: 1px solid #EBEBEB;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.4rem;
            color: #646464;
            cursor: pointer;
            margin-right: 1rem;
        }
        .bottombar .bottombar_right .bottombar_right_left .company_menu:hover{
            color: rgb(35,35,35)
        }
        .bottombar .bottombar_right .bottombar_right_right{
            width:38rem;
        }
        .bottombar .bottombar_right .bottombar_right_right .company_menu_bold{
            height: 3rem;
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            color: black;
        }

        .bottombar .bottombar_right .bottombar_right_right .app_download{
            display: flex;
            flex-flow: wrap;
            margin-top: 1rem;
        }
        .bottombar .bottombar_right .bottombar_right_right .app_download .download_img{
            width: 18rem;
            cursor: pointer;
        }
        .bottombar .bottombar_right .bottombar_right_right .app_download .android{
            margin-right: 2rem;
        }
        .bottombar .bottombar_right .bottombar_right_right .app_download .download_img img{
            width: 100%;
        }

        /* 2중푸터 */
        .second_bottom_bar{
            width: 100%;
            max-width: 126rem;
            margin: auto;
            margin-top: 2rem;
            margin-bottom: 5rem;
            border-top: 1px solid #EBEBEB;
            padding-top: 3rem;
        }
        .second_bottom_bar .company_main_info{
            display: flex;
        }
        .second_bottom_bar .company_main_info .company_info_menu{
            margin-right: 4.5rem;
            font-size: 1.5rem;
            color: #646464;
            cursor: pointer;
        }
        .second_bottom_bar .company_main_info .company_info_menu.black{
            color: black;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info{
            margin-top: 3rem;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info{
            min-height: 0;
            display: grid;
            grid-template-columns: max-content 1fr;
            column-gap: 0.35em;
            align-items: start;
            font-size: 1.3rem;
            color: #646464;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info_plain{
            display: block;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info_label{
            white-space: nowrap;
        }
        .second_bottom_bar .second_bottom_bar_division .company_detail_info .detail_info_value{
            min-width: 0;
            word-break: keep-all;
            overflow-wrap: break-word;
        }
    }