/* BASIC css start */
.h_title {}
.h_title h3 {font-size:2.625rem; font-weight:600;}
.h_title span {font-size:1.563rem; padding:35px 0 100px; display:block;}

/* °Ë»ö */
#search_store {text-align:center; height:80px; max-width:780px; margin:0 auto 120px; display:flex; align-items:center; gap:16px;}
#search_store #MS_search_type {width:100px; height: 100%; padding:0 5px; border:1px solid #b2b2b2; font-size:0.875rem; appearance:none; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center; background-size:14px auto; color:var(--3); margin-right:2%;}
#search_store #MS_search_country {width:100px; height: 100%; padding:0 5px; border:none; border-bottom:1px solid var(--7); font-size:0.875rem; appearance:none; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center; background-size:14px auto; color:var(--3);}
#search_store .search_txt {flex:1; height: 100%; position:relative; font-size:1.25rem;}
#search_store .search_txt input {width:100%; height: 100%; border:1px solid #b2b2b2; padding:0 24px; border-radius:15px;}
#search_store .search_txt input::placeholder {color:#b2b2b2;}
#search_store .search_txt a {position:absolute; right:32px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#search_store .search_txt a img {}
#search_store .target_btn {border:1px solid var(--7); border-radius:3px; width:65px; padding-top:10px;}
.my_location {}

/* Áöµµ */
.map_wrap {display:flex; gap:30px; max-width:1430px; margin:0 auto;}
#map_container {flex:1; height: 615px;}
#map {height: 100%;}

/* ³»¿ë */
.MS_store_list {flex:1; }
.store_list ul {border-top:1px solid #b2b2b2; height: 615px; overflow-y:auto;}
.store_list ul li {border-bottom:1px solid #b2b2b2; }
.store_list li .title {padding:20px 0; position:relative; line-height:1.8; cursor:pointer;}
.store_list li .title p {font-size: 1.1rem; font-weight:500; }
.store_list li .title p.store_name .map_search {vertical-align:middle; margin-left:10px;}
.store_list li .title p.store_name .map_search img {width:19px; border-radius:5px;}
.store_list li .title:after {content:''; display:inline-block; position:absolute; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat center; background-size:12px; right:10px; top: 50%; width: 15px; height: 15px; margin-top:-6px; transition:all .3s ease; -webkit-transition:all .3s ease;}
.store_list li .title.active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg)}
.store_list li .info {font-weight:400; padding-bottom:20px; display:none; transition:all .3s ease; -webkit-transition:all .3s ease;}
.store_list li .info.active {display:block;}
.store_list li .info p:not(.store_hours p),
.store_list li .info p:not(.store_hours p) *{
    font-size:0.9rem;
}
.store_list li .info p {margin-bottom:2px;}
.store_list li .info p.store_addr span {display:block;}
.store_list li .info p.store_addr a {display:inline-block; border-bottom:1px solid var(--3); color:var(--3); font-weight: 400; margin:3px 0 10px; font-size:0.8rem;}
.store_list li .info p.map_search {display:inline-block; cursor:pointer;}
.map_icon {width:20px;}
.no-data {text-align:center; font-weight:500; font-size:0.875rem;}

/* ¹è³Ê */
.map_banner {position:relative; margin:270px 0 120px;}
.map_banner img {width:100%;}
.map_banner .txt {position:absolute; left:171px; top:50%; transform:translateY(-50%);}
.map_banner .txt h4 {color:#fff; font-size:3.125rem; font-weight:500; margin-bottom:33px;}
.map_banner .txt p {color:#fff; font-size:1.563rem; font-weight:400; line-height:38px;}
.link_basic {padding-bottom:60px;}


/******************************* ¹ÝÀÀÇü *******************************/
@media (max-width:1440px) {
}

@media (max-width:1024px) {
    .h_title {padding:0 20px;}
    .h_title h3 {font-size:1.375rem; font-weight:500;}
    .h_title span {font-size:1rem; padding:25px 0 35px; display:block;}
    

    #search_store {margin:0 auto 35px; height:50px; gap:6px; padding:0 20px;}
    #search_store #MS_search_type {width: 20%; min-width: 90px; font-size:0.9rem; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center;}
    #search_store #MS_search_country {width: 20%; font-size:0.85rem; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center;}
    #search_store .search_txt {font-size:0.75rem;}
    #search_store .search_txt input {border-radius:7px;}
    #search_store .search_txt a {right:20px;}
    #search_store .search_txt a img {width:19px;}
    
    #map_container {height:auto; flex:auto;}
    #map {padding-top:100%; height:auto;}
    .store_list ul {height:550px;}
    .store_list li .title {padding:15px 0 16px;}
    .store_list li .info p {margin-bottom:0; font-size:0.85rem;}
    .store_list li .info p, 
    .store_list li .info p * {font-size:0.75rem;}
    .store_list li .info p.store_addr a {font-size:0.75rem;}
    #search_store .search_txt a img {width:17px;}
    
    .my_location {width:120px; height:120px; margin-left:4px;flex:0 0 64px;}
    .my_location a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
    .my_location img {width:50px;height:50px;display:block;}
    
    .map_wrap {flex-direction: column; padding: 0 20px;}
    
    .map_banner {margin:85px 0 39px;}
    .map_banner .txt {left:20px; top:42px; transform:inherit;}
    .map_banner .txt h4 {font-size:2rem; font-weight:500; line-height:50px; margin-bottom:20px;}
    .map_banner .txt p {font-size:1.12rem; font-weight:400; lline-height:30px;} 
    .link_basic {padding-bottom:0;}
    
    footer {margin-top:62px;}
}

@media (max-width:768px) {
    #search_store #MS_search_type {font-size:0.75rem; background-size: 12px auto; min-width:60px;}
    #search_store #MS_search_country {background-size: 12px auto;}
}

/* ===========================
   ºê·£µå ÆÄÆ®³Ê
=========================== */

.partner_cont {background:#F7F7F7;}
.partner_cont .area {background:#F7F7F7; padding-bottom:200px; margin-bottom:200px;}
.partner_cont .title {padding:148px 20px 100px; text-align:center;}
.partner_cont .title h2 {
    font-size:1.438rem;
    font-weight:600;
    margin-bottom:10px;
    letter-spacing:12%;
    color:#00A0E9;
    text-transform:uppercase;
}
.partner_cont .title h3 {
    font-size:2.5rem;
    font-weight:500;
    margin-bottom:35px;
}
.partner_cont .title p {
    font-size:1.37rem;
    line-height:45px;
}

.partner_cont .inner {
    max-width:1472px;
    margin:0 auto;
    display:flex;
    gap:30px 32px;
    flex-wrap:wrap;
    padding:0 20px;
}

.partner_cont .inner li {
    width:calc(50% - 16px);
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:140px;
    padding:0 50px;
    border-radius:20px;
    cursor:pointer;
    transition:all .3s ease;
}

.partner_cont .inner li h3 {
    font-size:1.875rem;
    font-weight:600;
}

.partner_cont .inner li:hover h3 {
    color:#00A0E9;
}

.partner_cont .inner li span {
    font-size:1.25rem;
    display:inline-block;
    border-bottom:1px solid #000;
}


/* ===========================
   Æ˾÷
=========================== */

.pop_wrap {
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    z-index:100;
}

.pop_wrap.active {
    display:block;
}

.pop_wrap .pop_cont {
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:1350px;
}

.pop_wrap .closed {
    position:absolute;
    right:-10px;
    top:-55px;
}

.pop_wrap .closed svg {
    cursor:pointer;
}

.pop_box {
    display:none;
    width:100%;
    max-width:1350px;
    padding:45px 50px;
    background:#fff;
    z-index:1001;
}

.pop_box .closed {
    position:absolute;
    right:24px;
    top:24px;
    cursor:pointer;
}

.pop_box.active {
    display:inline-block;
}

.pop_box .no-data {
    text-align:center;
    font-size:1.125rem;
    padding:100px 0;
}

.pop_box .pop_inner > div {
    display:inline-block;
}

.pop_box .swiper-pagination {
    display:inline-block;
    width:49px;
    line-height:22px;
    background:#fff;
    text-align:center;
    left:16px;
    bottom:12px;
    border-radius:10px;
    letter-spacing:-1px;
}

.sec1 {
    width:56%;
    float:right;
}

.sec1 .swiper-slide img {
    width:100%;
}

.sec1 .swiper-button-next:after,
.sec1 .swiper-button-prev:after {
    color:#fff;
    font-size:30px;
}

.sec2 {
    width:41%;
    font-size:0;
    margin-bottom:25px;
}

.sec2 h3 {
    font-size:1.5rem;
    font-weight:700;
    line-height:1.25;
}

.sec2 p {
    font-size:.875rem;
    padding:50px 0;
}

.sec2 dl {
    display:inline-block;
    vertical-align:top;
    width:50%;
    margin-bottom:25px;
}

.sec2 dl dt {
    font-size:.875rem;
    font-weight:700;
}

.sec2 dl dd {
    font-size:.875rem;
    word-break:keep-all;
}

#tokyo .sec2 dl {
    display:block;
    width:100%;
}

.sec3 {
    width:41%;
}

.sec3 .map_cont {
    position:relative;
    padding-top:49.5%;
}

.sec3 iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    filter:grayscale(1);
    border:none;
}


/* ===========================
   ¸ð¹ÙÀÏ
=========================== */

@media (max-width:1024px){

    .partner_cont .area{
        padding-bottom:120px;
        margin-bottom:80px;
    }

    .partner_cont .title{
        padding:75px 20px 60px;
    }

    .partner_cont .title h2{
        font-size:.938rem;
        margin-bottom:20px;
    }

    .partner_cont .title h3{
        font-size:1.7rem;
        font-weight:500;
        margin-bottom:30px;
    }

    .partner_cont .title p{
        line-height:1.9;
        font-size:1.031rem;
        word-break:keep-all;
    }

    .partner_cont .title p br{
        display:none;
    }

    .partner_cont .inner{
        gap:13px;
    }

    .partner_cont .inner li{
        width:100%;
        height:70px;
        padding:0 20px;
    }

    .partner_cont .inner li h3{
        font-size:1.063rem;
        font-weight:500;
    }

    .partner_cont .inner li span{
        font-size:.75rem;
        color:#888;
        border-color:#888;
    }

    .pop_wrap .pop_cont{
        width:90%;
    }

    .pop_wrap .closed{
        top:-45px;
    }

    .pop_wrap .closed svg{
        width:40px!important;
        height:40px!important;
    }

    .pop_box{
        max-height:80vh;
        overflow:auto;
        padding:40px 20px;
    }

    .pop_box .swiper-pagination{
        font-size:.625rem;
        line-height:18px;
    }

    .pop_box .pop_inner>div{
        display:block;
        width:100%;
        float:none;
    }

    .sec1{
        margin-bottom:20px;
    }

    .sec2 h3{
        font-size:1rem;
    }

    .sec2 p{
        padding:28px 0 35px;
        font-size:.813rem;
    }

    .sec2 dl{
        margin-bottom:17px;
    }

    .sec2 dl dt,
    .sec2 dl dd{
        font-size:.75rem;
    }
}

@media (max-height:700px){
    .pop_box{
        max-height:80vh;
        overflow:auto;
    }
}

@media (min-height:700px){
    .pop_box{
        max-height:80vh;
        overflow:auto;
    }
}


.partner_cont{
    position:relative;
    z-index:0;
}

.partner_cont::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    height:100%;
    background:#F7F7F7;
    z-index:-1;
}

.store_hours{
    margin-top:10px;
    padding:0;
    background:none;
    border-radius:0;
}

.store_hours strong{
    display:block;
    font-size:0.95rem;     
    font-weight:600;
    color:#111;
    margin-bottom:2px;
}

.store_hours p{
    margin:0;
    font-size:0.95rem;  
    font-weight:400;
    color:#111;
    line-height:1.5;
}

.store_hours dt{
    display:none !important;
}

.store_list li .info .store_hours dd{
    font-size:0.9rem !important;
    font-weight:400;
    line-height:1.5;
}



.store_list li .info{
    padding-top:0;
    padding-bottom:20px;
}

.store_list li .info > *:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
}

.store_addr,
.store_tel,
.store_hours{
    margin-left:0 !important;
    padding-left:0 !important;
}

.store_addr .addr_copy{
    font-size:0.75rem;
    color:#888;
    margin-right:8px;
}

.store_addr .map_search{
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
}

.store_addr .map_icon{
    width:18px;
}

/* ===== ¸ð¹ÙÀÏ ÅÍÄ¡ Å×½ºÆ® ===== */
@media (max-width:1024px){

    .store_list{
        position:relative;
        z-index:100;
    }

    .store_list li .title{
        position:relative;
        z-index:101;
        pointer-events:auto;
    }

    #map_container{
        position:relative;
        z-index:1;
    }

    .map_wrap{
        position:relative;
        z-index:1;
    }

}

@media (max-width:1024px){

    #map_container iframe{
        pointer-events:none;
    }

}



/* BASIC css end */