@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 400;
  src: local('Gelion'), url('../font/Gelion_Regular.ttf') format('woff');
}

@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 300;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Light Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 300;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Thin.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 500;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Medium Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 500;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Medium.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 600;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion SemiBold Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 600;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 700;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Bold Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 700;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Bold.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 900;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Black Italic.woff') format('woff');
}
@font-face {
  font-family: 'Gelion';
  font-style: normal;
  font-weight: 900;
  src: local('Gelion'), url('https://fonts.cdnfonts.com/s/72207/Gelion Black.woff') format('woff');
}

.page_w.page_global{padding-top: 260px; padding-bottom: 0; background-color: rgba(246, 242, 238, 1);}
.g_sec_1{position: relative;  margin-bottom: 160px;}
.g_sec_1_bg{position: absolute; width: calc((100% / 12) * 10); top: -64px; left: 50%; transform: translateX(-50%);}
.g_sec_1 article{display: flex; justify-content: space-between; position: relative; z-index: 1; align-items: flex-start;}
.g_sec_1 article h1{font-family:'Gelion';font-size:4.21vw;font-weight:500;line-height:120%;letter-spacing:-0.08vw;padding-left:2.63vw;}
.g_sec_1_inner{width:58.33%;}
.g_sec_1_sub{padding-bottom:2.63vw;margin-bottom:2.63vw;position:relative;}
.g_sec_1_sub::after{content:'';height:0.07vw;width:0;background-color:#000;position:absolute;left:0;bottom:0;transition:ease-out 0.8s width;transition-delay:0.3s;}
.active .g_sec_1_sub::after{width:100%;}
.g_sec_1_inner h4{font-family:'Gelion';font-size:2.63vw;font-weight:500;line-height:120%;}
.g_sec_1_inner p{font-size:0.99vw;font-weight:400;line-height:1.5;display:block;padding-right:16.67%;}


.g_sec_2{position: relative; padding-bottom: 120px;}
.g_sec_2_grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 5.26vw 2.63vw; padding: 2.63vw calc(8vw - 40px);}
.g_sec_2_grid li{padding: 20px; background-color: #FFFFFF; border-radius: 16px; font-weight: 400; transition: cubic-bezier(0.18, 0.51, 0.81, 0.95) 0.3s background-color; cursor: none;}
.g_sec_2_grid li:hover{background-color: #F2ECE6;}

.g_country{font-size: 18px; line-height: 1.5; display: block; text-align: right;}
.g_city{font-size: 32px; line-height: 1.2; font-weight: 500; font-family: 'Gelion'; padding: 12px 0; margin: 8px 0 12px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.g_name{font-size: 18px; line-height: 1.5;}
.g_img{aspect-ratio: 1 / 1; object-fit: cover; width: 100%; display: block; border-radius: 12px; margin-top: 20px;}

.gp_w{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(0 0 0 / 20%); display: flex; opacity: 0; align-items: center; justify-content: center; z-index: 99; pointer-events: none; transition: ease 0.3s opacity;}
.gp_w.active{display: flex; opacity: 1; pointer-events: unset;}
.gp_inner{background-color: #fff; border-radius: 16px;  padding:32px 40px 0px; width: calc(100% - 80px); position: relative;}
.gp_btn_close{width: 44px; height: 44px; top: 14px; right: 40px; position: absolute; cursor: pointer;}
.gp_btn_close::before, .gp_btn_close::after{content: ''; width: 130%; height: 1px; position: absolute; left:50%; top: 50%; background-color: #000;}
.gp_btn_close::before{transform: translate(-50%,-50%) rotate(45deg);} 
.gp_btn_close::after{transform: translate(-50%,-50%) rotate(315deg);}
.gp_location{display: none;}
.gp_location.active{display: block;}

.gp_country{/*font-family: 'Gelion';*/ font-size: 24px; font-weight: 400; line-height: 120%; border-bottom: 1px solid #000; display: block; padding-bottom: 12px; }
.gp_flex{display: flex;}
.gp_info{width: calc((100% / 12) * 5); padding: 40px 20px 60px 0; display: flex; flex-direction: column; justify-content: space-between;}
.gp_info_t{}
.gp_city{font-family: 'Gelion'; font-size: 40px; font-weight: 500; line-height: 120%; padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 16px;}
.gp_name{margin-bottom: 40px;}
.gp_link{color: #231F20; font-size: 14px; font-weight: 600; line-height: 140%; letter-spacing: 1.68px; text-transform: uppercase; padding-bottom: 6px; display: inline-block; position: relative;}
.gp_link::before{content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; transition: ease 0.3s height;}
.gp_info_b{}
.gp_info_b span{display: flex; align-items: center; font-size: 15px; font-weight: 400; line-height: 150%;}
.gp_info_b span img{width: 16px; height: 16px; display: block; margin-right: 8px;}
.gp_slide_w{padding: 20px 0; position: relative; height: 100%; width: calc((100% / 12) * 7);}
.gp_swiper{width: calc(100% + 40px); height: 100%; overflow: hidden; border-radius: 8px 0px 0 8px; cursor: none;}
.swiper {width: 100%; height: 100%;}
.swiper-slide { text-align: center; background: #fff; display: flex; justify-content: center; align-items: center; aspect-ratio: 360 / 475;}
.swiper-slide img {display: block; height: 100%; width: 100%; object-fit: cover; /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/ border-radius: 8px;}

.g_sec_2_b{margin-top: 5.26vw; border-radius: 0.53vw; background-color: #fff; padding: 1.05vw;}
.g_sec_2_b > a{cursor: none;}
.g_sec_2_b_inner{border: 0.07vw solid #000; padding: 2.63vw; position: relative; display: flex; cursor: none;}
.g_sec_2_b_txt{width: calc(((100% / 12) * 8) + 2vw); padding: 4.21vw 0 0 4.47vw;}
.g_sec_2_b_img{left: 2.63vw; top: 2.63vw; width: calc(((100% / 12) * 4) - 2vw); border-radius: 0.53vw;}
.g_sec_2_b_inner h1{font-family: 'Gelion'; font-weight: 500; font-size: 4.21vw; line-height: 1.1; letter-spacing: -0.08vw;}
.g_sec_2_b_inner i{font-family: 'Chronicle Display'; font-weight: 300; font-size: 2.11vw; line-height: 1.5; display: block; margin: 4.8vw 0 0.79vw;}
.g_sec_2_b_inner span{font-size: 0.99vw; font-weight: 400; line-height: 1.4; display: block;}
.g_sec_2_b_inner span b{font-weight: 700; text-decoration: underline;}
.g_sec_2_b_icon{position: absolute; right: 2.89vw; bottom: 2.63vw; height: 6.66vw;}
.g_sec_2_b_a_2{position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: none;}


.cursor {left: 0; top: 0; position: fixed; width: 0; height: 0;; pointer-events: none; z-index: 100;}
.cursor_inner{width: 120px; height: 120px; position: absolute; transform: translate(-50%, -50%); background-color: rgba(28, 38, 125, 0.70); border-radius: 100%; transition: ease 0.2s width, ease 0.2s height; display: flex; align-items: center; justify-content: center;}
.cursor:not(.cursor_hover) .cursor_inner{width: 0; height: 0;}
.cursor_inner img{width: 50%; opacity: 0;}
.cursor.cursor_hover .cursor_inner img{opacity: 1;}
.cursor.detail_view .cursor_inner{width: 120px; height: 120px; position: absolute; transform: translate(-50%, -50%); background-color: rgba(28, 38, 125, 0.70); border-radius: 100%; transition: ease 0.2s width, ease 0.2s height; display: flex; align-items: center; justify-content: center;}
.cursor.detail_view .cursor_inner::after{content: 'DETAIL VIEW'; display: block; white-space: nowrap; color: #fff;  font-size: 12px;letter-spacing: 1.44px;}
.cursor.detail_view .cursor_inner img{display: none;}

.cursor.contact_us .cursor_inner{width: 120px; height: 120px; position: absolute; transform: translate(-50%, -50%); background-color: rgba(28, 38, 125, 0.70); border-radius: 100%; transition: ease 0.2s width, ease 0.2s height; display: flex; align-items: center; justify-content: center;}
.cursor.contact_us .cursor_inner::after{content: 'CONTACT US'; display: block; white-space: nowrap; color: #fff; font-size: 12px;letter-spacing: 1.44px;}
.cursor.contact_us .cursor_inner img{display: none;}

.g_sec_3{ padding-bottom: 12px;}
.gp_b{display: flex; gap: 120px; padding: 60px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative;}
.gp_b::after{content: ''; width: 1px; height: calc(100% - 46px); left: 50%; top: 20px; position: absolute; background-color: #000;}
.gp_b > a{width: 100%; position: relative; display: block;}
.gp_b span{width: 16px; line-height: 1.4; letter-spacing: 1.28px; text-transform: uppercase;}
.gp_b h1{line-height: 1.2; font-size: 40px; font-weight: 500; font-family: 'Gelion'; letter-spacing: -0.8px; margin-top: 12px;}
.arrow_ef{filter: unset!important;}
.gp_mob_img_w{display: none;}
.footer{background-color: rgba(246, 242, 238, 1);}
@media(max-width:1024px){
  .page_w.page_global{padding: 160px 16px 0; overflow-x: hidden;}
  .g_sec_1{margin-bottom: 17.78vw;}
  .g_sec_1_bg{top: 13.89vw; width: calc(100% + 27.78vw); max-width: unset;}
  .g_sec_1 article{flex-direction: column; align-items:center;}
  .g_sec_1 article h1{padding-left: 0; text-align: center; font-size: 8.89vw; letter-spacing: -0.18vw;}
  .g_sec_1_sub{margin-bottom: 8.89vw; padding-top: 11.11vw;}
  .g_sec_1_inner{width: unset;}
  .g_sec_1_inner h4{font-size: 5.56vw; text-align: center;}
  .g_sec_1_inner p{padding-right: unset; font-size: 3.33vw; text-align: center;}
  
  .g_sec_2{padding-bottom: 22.78vw;}
  .g_sec_2_grid{grid-template-columns:repeat(1, minmax(0, 1fr)); grid-gap: 11.11vw; padding: unset;}
  .g_sec_2_grid li{padding: 3.33vw 4.44vw 4.44vw; border-radius: 3.33vw; cursor: pointer;}
  .g_country{font-size: 3.06vw;}
  .g_city{font-size: 6.67vw; position: relative; display: flex; align-items: center;}
  .g_city::after{content: ''; display: block; position: absolute; right: 3.33vw; height: 3.89vw; width: 3.89vw; background-color: #000; clip-path: polygon(43% 0%,  57% 0%,  57% 43%,100% 43%, 100% 57%, 57% 57%, 57% 100%, 43% 100%, 43% 57%, 0% 57%, 0% 43%, 43% 43%);}
  .g_name{font-size: 3.61vw;}
  .g_img{border-radius: 2.22vw;}
  
  .gp_flex{flex-direction: column;}
  .gp_info{width: 100%;}
  .gp_slide_w{width: 100%; display: none;}
  .gp_inner{width: calc(100% - 17.78vw); height: calc(100% - 25.56vw); border-radius: 3.33vw; padding: 3.33vw 2.22vw 0px 4.44vw; position: absolute; top: 16.67vw;}
  .gp_btn_close{width: 6.67vw; height: 6.67vw; right: 0; top: -11.11vw;}
  .gp_btn_close::before, .gp_btn_close::after{background-color: #fff;}
  .gp_info{padding: 3.33vw 0 5.56vw;}
  .gp_country{font-size: 3.06vw; padding-bottom: 2.22vw; text-align: right;}
  .gp_city{padding-bottom: 3.33vw; margin-bottom: 3.33vw; font-size: 6.67vw; position: relative; display: flex; align-items: center;}
  .gp_city::after{content: ''; display: block; width: 5vw; height: 0.28vw; background-color: #000; position: absolute; right: 3.33vw;}
  .gp_name{font-size: 3.61vw;}
  .gp_link{font-size: 3.33vw; letter-spacing: 0.4vw; margin-bottom: 16.67vw;}
  .gp_info_b {gap: 3.33vw; display: flex; flex-direction: column;}
  .gp_swiper{width: 100%;}
  .gp_mob_img_w{display: flex; flex-direction: column; gap: 4.44vw;}
  .gp_mob_img_w img{/*aspect-ratio: 360 / 475;*/border-radius: 2.22vw;}
  
  
  .gp_b{padding: 24px 0 0; gap: 32px;}
  .gp_b::after{height: calc(100% - 24px); top: 12px;}
  .gp_b span{font-size: 11px; letter-spacing: 0.88px;}
  .gp_b h1{font-size: 20px; letter-spacing: -0.4px; margin-top: 4px;}
  .gp_b > a{padding-bottom: 78px;}
  .cursor{display: none;}

  .gp_location{overflow-y: scroll; padding: 0 2.22vw 3.33vw 0; height: 100%;}
  .gp_location::-webkit-scrollbar {width: 6px;}
  .gp_location::-webkit-scrollbar-thumb {background: rgb(205, 205, 205); border-radius: 10px;}

  .g_sec_2_b{border-radius: 1.11vw; padding: 3.33vw;}
  .g_sec_2_b_inner{padding: 16.67vw 4.8vw 12vw; cursor: unset;}
  .g_sec_2_b_txt{width: 100%; padding: 0; text-align: center;}
  .g_sec_2_b_img{width: 100%; margin: 8.89vw 0;}
  .g_sec_2_b_inner h1{font-size: 5.56vw; line-height: 1.1;}
  .g_sec_2_b_inner i{font-size: 3.89vw; line-height: 1.4;}
  .g_sec_2_b_inner span{font-size: 3.33vw; display: block; margin: 5.56vw 0 11.11vw;}
  .g_sec_2_b_icon{position: unset; margin: 8vw auto 0; height: unset; width: 24%;}
  .g_sec_2_b_a{font-size: 3.33vw; line-height: 1.4; letter-spacing: 0.4vw; color: rgba(28, 38, 125, 1); font-weight: 600; border-bottom: 0.56vw solid rgba(28, 38, 125, 1); padding-bottom: 2.22vw; display: inline-flex;}

  .g_sec_3{ padding-bottom: 8px;}
}