/* BASIC css start */
body.active {overflow:hidden;}
#skin_preview_wrap {display:none;}
body #contents {max-width:inherit; padding-top: 0 !important; margin-top: 0 !important;}
body footer {margin-top:0;}
.max-cont {max-width:1920px; margin-left:auto; margin-right:auto;}

/* ÅÇ */
.store-intro .store-tab {margin-bottom:100px;}

/* ŸÀÌƲ °øÅë */
.store-intro .title {text-align:center; padding:0 20px;}
.store-intro .title img {margin-bottom:10px;}
.store-intro .title h2 {font-size:1.438rem; font-weight:600; margin-bottom:10px; letter-spacing:12%; color:#00A0E9; text-transform: uppercase;}
.store-intro .title h3 {font-size:2.5rem; font-weight:500; margin-bottom:35px;}
.store-intro .title p {font-size:1.37rem; line-height:45px;}

/* ÀÎÆ®·Î ¹è³Ê */
.intro_banner {position:relative; margin-bottom:150px;}
.intro_banner img {width:100%;}
.intro_banner .txt {position:absolute; left:171px; top:50%; transform:translateY(-50%);}
.intro_banner .txt h4 {color:#fff; font-size:3rem; font-weight:500; margin-bottom:33px;}
.intro_banner .txt p {color:#fff; font-size:1.5rem; font-weight:400; line-height:45px;}

/* Á÷¿µ ¸ÅÀå */
.center_cont {overflow:hidden; margin-bottom:200px;}
.center_cont > .swiper {position:relative; margin:150px 0 100px; max-width:1920px; padding:0 40px;}
.center_cont > .swiper > .swiper-button-next {right:150px; top:37%;}
.center_cont > .swiper > .swiper-button-prev {left:150px; top:37%;}
.center_cont > .swiper > .swiper-button-next:after, 
.center_cont > .swiper > .swiper-button-prev:after {color:#7d7d7d; font-size:30px;}
.center_cont .inner {font-size:0;}
.center_cont .inner li {vertical-align:top;}
.center_cont .inner li img {width:100%; transition:all .3s ease; -webkit-transition:all .3s ease; cursor:pointer;}
.center_cont .inner li:hover img {opacity:0.7;}
.center_cont .inner li:hover h3,
.center_cont .inner li:hover h4 {color:#00a0e9;}
.center_cont .inner li h3 {font-size:1.875rem; font-weight:600; padding:30px 0 4px;}
.center_cont .inner li h4 {font-size:1.25rem; line-height:45px;}
.center_cont .inner li p {font-size:1.25rem; line-height:38px; padding:30px 0 25px;}
.center_cont .inner li span {font-size:1.25rem; display:inline-block; line-height:35px; border-bottom:1px solid #000; cursor:pointer;}

/* ¿ì¼ö Ãë±ÞÁ¡ */
.partner_cont {background:#F7F7F7;}
.partner_cont .area {background:#F7F7F7; padding-bottom:200px; }
.partner_cont .title {padding:148px 20px 100px;}
.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, 0.7); z-index: 100;}
.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-color: var(--0); z-index: 1001;}
.pop_box .closed {position:absolute; right:24px; top:24px; cursor: pointer;}
.pop_wrap.active {display: block;}
.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:var(--0); 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:0.875rem; padding:50px 0;}
.sec2 dl {display:inline-block; vertical-align:top; width:50%; margin-bottom:25px;}
.sec2 dl dt {font-size:0.875rem; font-weight:700;}
.sec2 dl dd {font-size:0.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; width: 100%; height: 100%; top: 0; filter: grayscale(1); border:none;}


/* Áöµµ */
#search_store {text-align:center; height:80px; max-width:780px; margin:100px auto 140px; display:flex; align-items:center; gap:16px;}
#search_store form {height:100%;}
#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; font-size:1.25rem;}
#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%);}
.store-map .map_wrap {display:flex; gap:30px; max-width:1430px; margin:0 auto 120px;}
.store-map .map_container {flex:1; height: 615px;}
.store-map .map_container div[style*="triangle.png"] {top: 25px !important;}
.store-map .store_list {flex:1; }
.store-map .store_list ul {height: 615px; overflow-y:auto; padding-right:32px;}
.store-map .store_list ul li {border-bottom:1px solid #b2b2b2; padding:31px 0; cursor:pointer;}
.store-map .store_list ul li:first-child {border-top:1px solid #b2b2b2;}
.store-map .store_list ul li p.store_name {font-size:1.438rem; font-weight:500; color:#000; margin-bottom:15px; line-height:1;}
.store-map .store_list ul li p.store_addr,
.store-map .store_list ul li p.store_number {font-size:1.125rem; color:#767676;}
.store-map .store_list ul li p.store_addr {display:flex; justify-content:space-between;}
.store-map .store_list ul li p.store_addr .copy_addr {font-size:1.125rem; color:#767676; border-bottom:1px solid #767676; padding-bottom:2px;}
.store-map .store_list ul li p.map_search {display:inline-block; cursor:pointer;}


@media (max-width:1024px) {
    .store-intro .store-tab {margin:0;}
    
    .store-intro .title h2 {font-size:0.938rem; margin-bottom:20px;}
    .store-intro .title h3 {font-weight:500; font-size:1.7rem; margin-bottom:30px;}
    .store-intro .title p {line-height:1.9; font-size:1.031rem; word-break:keep-all;}
    .store-intro .title p br {display:none;}

    .intro_banner {margin-bottom:60px;}
    .intro_banner .txt {left:20px; top:42px; transform:inherit; padding-right:20px; }
    .intro_banner .txt h4 {font-size:1.75rem; font-weight:500; line-height:45px; margin-bottom:20px; word-break: keep-all;}
    .intro_banner .txt p {font-size:1.125rem; line-height:32px; word-break: keep-all;}
    
    .center_cont {margin-bottom:120px;}
    .center_cont > .swiper {padding:0 20px; margin:60px 0;}
    .center_cont .inner li h3 {font-size:1.375rem; font-weight:500; padding:25px 0 10px;}
    .center_cont .inner li h4 {font-size:0.938rem; line-height:1;}
    .center_cont .inner li p {font-size:0.938rem; line-height:30px; padding:20px 0; letter-spacing:-2%;}
    .center_cont .inner li span {font-size:0.938rem; line-height:1.8; letter-spacing:-2%;}
    
    .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:0.625rem; letter-spacing: -1px; 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:0.813rem;}
    .sec2 dl {margin-bottom: 17px;}
    .sec2 dl dt,
    .sec2 dl dd {font-size:0.75rem}
    
    .partner_cont .area {padding-bottom:120px; }
    .partner_cont .title {padding:75px 20px 60px;}
    .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:0.75rem; color:#888; border-color:#888;}
    
    .store-intro .store-map .title h3 {font-size:1.375rem; margin-bottom:18px;}
    .store-intro .store-map .title p {font-size:0.906rem; line-height:26px;}
    .store-intro .store-map .map_wrap {margin:0 auto 80px;}
    #search_store {margin:30px auto 35px; height:50px; gap:6px; padding:0 20px;}
    #search_store .search_txt {font-size:0.75rem;}
    #search_store .search_txt input {border-radius:7px; font-size:0.75rem; padding: 0 20px 0 10px;}
    #search_store .search_txt a {right:20px;}
    #search_store .search_txt a img {width:19px;}
    
    .map_wrap {flex-direction: column; padding: 0 20px;}
    .store-map .map_container {height:auto; flex:auto; padding-top:100%;}
    .store-map .store_list ul {height:550px; padding:0;}
    .store-map .store_list ul li {padding:21px 0;}
    .store-map .store_list ul li p.store_name {font-size:1.094rem;}
    .store-map .store_list ul li p.store_addr, 
    .store-map .store_list ul li p.store_number {font-size:0.75rem; line-height:19px;}
}

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

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