@charset "utf-8";

/* FED */



.head_lang_list {padding:15px; margin-top:5px !important; margin-left:-60px !important; border-radius:10px; background:#FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }

.head_lang_list li {margin-top:10px; }

.head_lang_list li:first-child {margin-top:0; }

.head_lang_list li button {background-color:transparent; padding:0; }

.head_lang_list li button img {margin-right:8px; vertical-align:top;}

.head_lang_list li button span {color:#555 !important; line-height:24px; font-size:14px; font-weight:500; vertical-align:top; }

.head_lang_list li button:hover,

.head_lang_list li button.active {background-color:transparent; }

.head_lang_list li button:hover span,

.head_lang_list li button.active span {font-weight:800; }

.head_money span {color:#979797; font-size:14px; font-weight:600; vertical-align:middle; }

.lang-backdrop {display: none;position: fixed;top: 0;left: 0;z-index: 1050;width: 100vw;height: 100vh;background-color: #000; }

.popup_lang {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 12px);max-width: 400px;background: #fff;border: 1px solid #CFD4D9;border-radius: 6px;z-index: 1057; }

.popup_lang .popup_tit {display: flex;justify-content: space-between;border-bottom: 1px solid #CFD4D9;padding: 13px 12px 13px 20px;}

.popup_lang .popup_tit span {color: #4A5055;font-size: 20px;font-weight: 600;line-height: 170%; }

.popup_lang .popup_tit .close_btn {width: 32px;height: 32px;}

.popup_lang .popup_con {padding: 20px; }

.popup_lang .popup_con .popup_con_tit {color: #353A3F;font-size: 13px;font-weight: 500;line-height: 150%; margin-bottom: 4px;}

.select2,
.select2 .selection {width: 100% !important;}

.select2-container {z-index: 1058; }

.select2-container .select2-selection--single {height: 60px;border-radius: 4px !important;border: 1px solid #CFD4D9 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {color: #212529;line-height: 60px;padding: 0 15px; }

.select2-results__option {padding: 12px 15px; }

.select-image {margin-right: 4px; }

.select2-dropdown {border: 1px solid #CFD4D9 !important;border-radius: 4px !important;margin-top: -8px;}

.select2-container--default .select2-results > .select2-results__options {max-height: none; }

.select2-container--default .select2-results__option[aria-selected=true] {background-color: transparent; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #EAECF0; color: #212529; }

.select2-container .select2-selection--single .select2-selection__arrow {top: 27px;right: 15px;background: url(../assets/images/custom_select_arr.svg) center center no-repeat;width: 13px;height: 8px;}

.select2-container .select2-selection--single .select2-selection__arrow b {display: none; }



.popup_wrap {position: fixed;top: 10%;left: 50%;transform: translate(-50%, 0);z-index: 1057;overflow-x: hidden;overflow-y: auto;width: 400px;outline: 0;background: transparent;border-radius: 15px;}

.popup_wrap .img_area {width: 100%; position: relative; }

.popup_wrap .img_area .popup_img {display: block; width: 100%; }

.popup_wrap .img_area .popup_slide a img {width: 100%; }

.popup_wrap .img_area .popup_slide .swiper-pagination {display: flex;justify-content: flex-start;top: auto;bottom: 25px;margin: 0;width: auto;left: 50%;transform: translateX(-50%);}

.popup_wrap .img_area .popup_slide .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0;border: none;background: rgba(255,255,255,.5);border-radius: 50%;transition: .3s;}

.popup_wrap .img_area .popup_slide .swiper-pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet {margin-left: 10px; }

.popup_wrap .img_area .popup_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 30px; background: rgba(255,255,255,1); border-radius: 10px;  }

.popup_wrap .img_area .popup_slide .swiper-button-prev, .popup_wrap .img_area .popup_slide .swiper-button-next {top: 50%;transform: translateY(-50%);width: 60px;height: 60px;margin-top: 0;opacity: 1;background-color: rgba(0,0,0,0.3);background-size: 11.32px 23.61px;background-position: 50% 50%;background-repeat: no-repeat;}

.popup_wrap .img_area .popup_slide .swiper-button-prev::after,.popup_wrap .img_area .popup_slide .swiper-button-next::after {content: none;}

.popup_wrap .img_area .popup_slide .swiper-button-prev:hover,
.popup_wrap .img_area .popup_slide .swiper-button-next:hover {background-color: rgba(0,0,0,0.5); transition: .4s; }

.popup_wrap .img_area .popup_slide .swiper-button-prev {left: 0; background-image: url(../assets/icon/icon-arrow-left-white.svg); }

.popup_wrap .img_area .popup_slide .swiper-button-next {right: 0; background-image: url(../assets/icon/icon-arrow-right-white.svg); }

.popup_wrap .btn_wrap {height: 50px; }

.popup_wrap .btn_wrap button {position: relative;width: calc(50% - 1px);font-size: 14px;font-family: 'Pretendard Variable';font-weight: 400;color: #333;display: flex;justify-content: center;align-items: center; }

.popup_wrap .btn_wrap button ~ button:before {content: '';position: absolute;top: 50%;left: -2px;width: 2px;height: 20px;background-color: #d9d9d9;transform: translateY(-50%); }


.sort-area a {font-size: 14px;color: #4A5154; }

.sort-area a.active {color: #353A3F;font-weight: 600; }

a.link_page {display: flex; justify-content: flex-start; align-items: center; height: 36px; border-radius: 100px; color: #fff; font-size: 14px;font-weight: 700; font-style: normal;}

a.link_page.mobile {display: none;}

a.link_page::before {content: ''; background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat;}

/* tokyo [S] */


.tokyo main section.section-content {margin-top: 80px;}

.tokyo figure.home {height: 250px;}

.tokyo figure.home.mobile {display:none;}

.tokyo .section-content .search-area {padding-top: 0; margin-bottom: 0; align-items: center; height: 250px;}

.tokyo .search-wrapper {margin-top: 58px; align-self:flex-start;}

.tokyo .app_link_top {align-items: flex-start; display:flex;}

.tokyo .app_link_top h2 {margin-bottom: 20px;}

.tokyo a.link_page {padding: 0 17px; background-color: rgba(15, 110, 58,.7);}

.tokyo a.link_page::before {width: 14px; height: 20px; margin-right: 5px; background-image: url(../assets/images/logo_tokyo.svg);}

.tokyo .field-list-area {padding-top: 1.5rem;}



@media (max-width: 1059px) {

    a.link_page.mobile {display: inline-flex;}

    

    .tokyo figure.home {height: 55vw;}

    .tokyo figure.home.mobile-none {display:none;}

    .tokyo figure.home.mobile {display:block;}

    .tokyo .section-content .search-area {margin-bottom: .5rem; height: 45vw; padding: 0 1.5rem;}

    .tokyo .section-content .search-area .h3 {margin-bottom: 3px;}

     main.tokyo section.section-content {margin-top: calc(-40vw - 41px);}

    .tokyo .search-wrapper {margin-top: 0; padding: 12px 0 32px;}

    .tokyo .field-list-area {padding-top: 2.7rem;}

}



@media all and (min-width: 576px) and (max-width: 1059px) and (min-aspect-ratio: 10/16) {

    /* 태블릿 기종 */

    .tokyo figure.home {

        height: 56vw;

    }



    .tokyo main section.section-content {

        margin-top: calc(-20vw - 29px);

    }




}

@media (max-width: 768px) {

    .custom-text {
        display: none;
    }
}



    /* tokyo [E] */


    @media (max-width: 1059px) {

        #langModal .modal-content {
            width: 280px;
            border-radius: 10px;
        }

            #langModal .modal-content .modal-body {
                padding: 15px;
            }

        #langModal .langModalClose {
            position: absolute;
            top: -26px;
            right: 0;
        }

        #langModal .langModalList {
            padding-left: 0;
            margin-bottom: 0;
        }

            #langModal .langModalList li {
                margin-top: 10px;
            }

                #langModal .langModalList li:first-child {
                    margin-top: 0;
                }

                #langModal .langModalList li button {
                    vertical-align: top;
                }

                    #langModal .langModalList li button span {
                        line-height: 24px;
                        font-size: 14px;
                        color: #555;
                        margin-left: 8px;
                        vertical-align: top;
                    }

                    #langModal .langModalList li button.active span {
                        font-weight: 800;
                    }

                    #langModal .langModalList li button img {
                        vertical-align: top;
                    }

        .head_money span {
            font-size: 12px;
        }

        .popup_wrap {
            top: 50%;
            width: calc(100% - 50px);
            max-width: 400px;
            transform: translate(-50%,-50%);
        }

            .popup_wrap .img_area {
                width: 100%;
                overflow: auto;
                max-height: calc(90vh - 40px);
                -ms-overflow-style: none; /* 인터넷 익스플로러 */
                scrollbar-width: none; /* 파이어폭스 */
            }

                .popup_wrap .img_area::-webkit-scrollbar {
                    display: none;
                }

                .popup_wrap .img_area .popup_m_img {
                    display: inline-block;
                    width: 100%;
                }

                .popup_wrap .img_area .popup_pc_img {
                    display: none;
                }

                .popup_wrap .img_area .popup_slide .swiper-pagination {
                    bottom: 20px;
                }

                    .popup_wrap .img_area .popup_slide .swiper-pagination .swiper-pagination-bullet {
                        width: 8px;
                        height: 8px;
                    }

                        .popup_wrap .img_area .popup_slide .swiper-pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet {
                            margin-left: 5px;
                        }

                        .popup_wrap .img_area .popup_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                            width: 30px;
                            background-color: rgba(255,255,255,1);
                            border-radius: 10px;
                        }

                .popup_wrap .img_area .popup_slide .swiper-button-prev,
                .popup_wrap .img_area .popup_slide .swiper-button-next {
                    top: 50%;
                    transform: translateY(-50%);
                    width: 40px;
                    height: 40px;
                    opacity: 1;
                    background-size: 7.55px 15.74px;
                }

            .popup_wrap .btn_wrap {
                height: 40px;
            }

                .popup_wrap .btn_wrap button {
                    font-size: 12px;
                }

                    .popup_wrap .btn_wrap button ~ button:before {
                        height: 16px;
                    }

            .popup_wrap.popup01 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .popup_wrap.popup02 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .popup_wrap.popup03 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

        .popup_app {
            display: block;
        }

        a.link_page {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            height: 36px;
            border-radius: 100px;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            font-style: normal;
        }

            a.link_page.mobile {
                display: none;
            }

            a.link_page::before {
                content: '';
                background-size: 100% 100%;
                background-position: 50% 50%;
                background-repeat: no-repeat;
            }

        .app_link_top {
            display: none;
        }
    }