/* header */
#header { position: fixed; width: 100%; max-width: 640px; height: 100px; display: flex; align-items: center;  justify-content: center;  z-index: 9999; transition: var(--tran_6s);top: 0;}
#header.down { backdrop-filter: blur(5px); background: rgba(0,0,0,0.25);}
#header .h_inner {  width: 90%; max-width: 1730px; display: flex;  align-items: center; justify-content: space-between; gap: 1rem;}
#header .h_logo { width: 50%; max-width: 225px;}
#header .h_logo a {display: inline-block; position: relative;}
#header .h_menu .menu_link { display: flex; align-items: center;  justify-content: center;}
#header .h_menu .menu_link .menu_icon { position: relative; width: 2rem;  display: flex; align-items: center; justify-content: center;}
#header .h_menu .menu_link .menu_icon > img {transition: var(--tran_6s);}
#header .h_menu .menu_link .menu_icon > img:nth-child(2) {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;}

#header.open { border-color: transparent;}
#header.open .h_menu .menu_link .menu_icon > img:nth-child(1) {opacity: 0;}
#header.open .h_menu .menu_link .menu_icon > img:nth-child(2) {opacity: 1;}



/* navbox */ 
.navbox_wrap { position: fixed; left: 50%; top: 0; transform: translateX(-50%);  width: 100%; max-width: 640px; height: 100%; z-index: 99; overflow: hidden; pointer-events: none;}
.navbox_wrap.open {pointer-events: auto;}
.navbox {position: fixed; right: -100%; top: 0; width: 100%; height: 100%; z-index: 99;  overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: none; background-color: #000; visibility: hidden; transition: var(--tran_6s); display: flex; flex-direction: column;justify-content: space-between;}
.navbox_wrap.open .navbox { right: 0; visibility: visible;}
.navbox .nav { width: 85%; max-width: 1500px; flex: 1; margin: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 1.85rem; padding: calc(100px + 5vh) 0 12rem; box-sizing: border-box;}
.navbox .nav > li { position: relative;}
.navbox .nav > li .tit { font-size: 5.625rem; color: #393939; font-weight: 700;  line-height: 1.25em; cursor: pointer; background: linear-gradient(to top,currentColor 3px,transparent 3px) no-repeat 100% 0 /0 100%; transition: background-size .35s cubic-bezier(.16,.48,.36,1),color .2s ease-out;}
.navbox .nav > li.show .tit {color: #fff;background-size: 100% 100%;  background-position-x: 0;}
.navbox .nav > li .tit .tit_link { position: relative; display: inline-block;  color: inherit; font-weight: inherit;}
.navbox .nav > li .nav_ul { display: none; margin-top: 2rem; padding: 0 0.85rem;}
.navbox .nav > li .nav_ul > li { display: block;}
.navbox .nav > li .nav_ul > li + li {margin-top: 2rem;}
.navbox .nav > li .nav_ul > li .nav_link { display: inline-block; font-size: 1.5rem;  font-weight: 400; color: #fff; transition: var(--tran_4s);}
.navbox .nav > li .nav_ul > li .nav_link:hover { font-weight: 700;}
.navbox .side_area { width: 85%; margin-left: 7.5%; padding-bottom: 5rem; max-width: 410px; border-top: 1px solid #595959; padding-top: 1.5rem;}
.navbox .side_area .infobox { display: flex; flex-direction: column;  gap: 0.5rem;}
.navbox .side_area .infobox .info_txt { font-size: 1rem; color: #fff;}



/* #footer */
#footer { position: relative; width: 100%; background: #111111; padding: 3.125rem 0; border-top: 1px solid rgba(255,255,255,0.2);}
#footer .f_inner { width: 90%; max-width: 1730px; margin: auto; display: flex;  flex-direction: column; gap: 5rem;}
#footer .leftbox { display: flex; flex-direction: column; gap: 2.5rem;}
#footer .leftbox .f_logo { display: flex; max-width: 215px;}
#footer .leftbox .f_info { font-size: 1.063rem; letter-spacing: -0.025em; color: #fff; line-height: 1.7; margin-bottom: 0.75rem;}
#footer .rightbox { display: flex; flex-direction: column; gap: 2.25rem;}
#footer .rightbox .f_familysite { position: relative; width: 100%; border: 1px solid #ddd;}
#footer .rightbox .f_familysite .site_box { position: relative; width: 100%;}
#footer .rightbox .f_familysite .site_box .site_tit { position: relative;  font-size: 0.938rem; color: #fff; letter-spacing: -0.025em; padding: 1.063rem 1.625rem;  cursor: pointer; display: flex; align-items: center;  justify-content: space-between; }
#footer .rightbox .f_familysite .site_box .site_tit::after { content: "";  width: 0.75rem; aspect-ratio: 1/1; background: url(../img/select_arrow.png) no-repeat center / 100% auto; transition: var(--tran_4s); transform: rotate(0deg);}
#footer .rightbox .f_familysite .site_box.hover .site_tit::after { transform: rotate(180deg);}
#footer .rightbox .f_familysite .site_box.show .site_tit::after { transform: rotate(180deg);  }
#footer .rightbox .f_familysite .site_box .site_select { position: absolute; left: -1px; bottom: 100%; width: calc(100% + 2px); border-radius: 0; padding: 1.063rem 1.625rem;  border: 1px solid #ddd; background: #111111; box-sizing: border-box; z-index: 10; display: none;}
#footer .rightbox .f_familysite .site_box .site_select > li { position: relative;  width: 100%;}
#footer .rightbox .f_familysite .site_box .site_select > li + li { margin-top: 1rem; }
#footer .rightbox .f_familysite .site_box .site_select > li a { display: block;  font-size: 0.938rem; color: #fff; letter-spacing: -0.025em; transition: var(--tran_4s);}
#footer .rightbox .f_familysite .site_box .site_select > li a:hover {text-decoration: underline;}
#footer .rightbox .f_copyright { font-size: 0.938rem; color: #767676; line-height: 1.7;}



/* main */
.main_section { position: relative; width: 100%; height: 100%; }
.m_more_btnbox { position: relative;}
.m_more_btnbox .more_btn { display: inline-flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #fff; padding: 0.8rem 1rem; border: 1px solid #fff; min-width: 275px; transition: var(--tran_6s);}
.m_more_btnbox .more_btn:hover { background: #fff; color: #000;}
.m_more_btnbox .more_btn.white{background: #fff; color: #000;}
.m_more_btnbox .more_btn.white:hover{ background: transparent; color: #fff;}



/* main1 */
.main1 {height: 100vh;}
.main1 .ms1_bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: url(../img/ms1_bg.png)no-repeat center/cover;}
.main1 .ms1_bg > video { position: absolute;  left: 50%;  top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.main1 .ms1_txtbox { width: 90%; max-width: 1400px; position: absolute; left: 50%;  top: calc((100% - 100px)/2 + 100px); transform: translate(-50%,-50%); display: flex; flex-direction: column;  align-items: center; text-align: center;}
.main1 .ms1_txtbox .sub { font-size: 1.125rem; letter-spacing: 0.4em;  color: #fff; font-weight: 700; margin-bottom: 3.5rem;}
.main1 .ms1_txtbox .tit {font-size: 2.75rem; line-height: 1.5; font-weight: 200; color: #fff;}
.main1 .ms1_txtbox .tit .bold {font-weight: 600;}
.main1 .ms1_txtbox .m_more_btnbox { margin-top: 6.25rem;}



/* main2 */
.main2 { padding: 8.2rem 0;}
.main2 .ms2_title { font-size: 3.125rem; font-weight: 500; color: #fff; text-transform: uppercase;}
.main2 .ms2_slider { width: 100%; max-width: 1280px; margin: 4.375rem auto 0;}
.main2 .ms2_slider .swiper-slide .slidebox { display: flex; flex-direction: column;  gap: 5rem;}
.main2 .ms2_slider .swiper-slide .slideitem { display: flex; align-items: center;  gap: 2.5rem;}
.main2 .ms2_slider .swiper-slide .imgbox { display: block; width: 216px; aspect-ratio: 1/1; background: no-repeat center/100% 100%;}
.main2 .ms2_slider .swiper-slide .txtbox { flex: 1; position: relative;}
.main2 .ms2_slider .swiper-slide .txtbox .tit { font-size: 2.125rem; font-weight: 500;  color: #fff; margin-bottom: 1.2rem;}
.main2 .ms2_slider .swiper-slide .txtbox .sub { font-size: 1.25rem; color: #fff; margin-bottom: 0.5rem;}
.main2 .ms2_slider .swiper-slide .txtbox .desc { font-size: 0.938rem; color: #fff;  letter-spacing: -0.025em; opacity: 0.3;}
.main2 .ms2_slider .ms2_pag { position: relative; left: auto; top: auto; bottom: auto;  margin-top: 5rem;}
.main2 .ms2_slider .ms2_pag .swiper-pagination-bullet { width: 15px; height: 15px;  background: #fff;  opacity: 1; border-radius: 100px;  transition: all 0.35s ease-in-out;}
.main2 .ms2_slider .ms2_pag .swiper-pagination-bullet-active { width: 47px;}



/* main3 */
.main3 {padding: 2rem 0 0;}
.main3 .ms3_msg { text-align: center; margin: 0 auto 12rem; display: flex; flex-wrap: wrap; align-items: center;}
.main3 .ms3_msg .item { font-size: 5rem; font-weight: 600;  line-height: 1.2; color: #fff; letter-spacing: -0.025em; margin-bottom: -0.25rem; text-transform: uppercase;  display: flex; align-items: center;}
.main3 .ms3_msg .light { font-size: 1.5rem; line-height: 1.5; color: #fff; text-align: left; margin-top: 4rem;}
.main3 .ms3_msg span { display:inline-block; vertical-align:middle; }
.main3 .ms3_msg img { height: 0.85em; margin-right: 0.5rem;}
.main3 .ms3_msg .item.aos-animate:nth-child(2) {transition-delay: 0.2s;}
.main3 .ms3_msg .item.aos-animate:nth-child(3) {transition-delay: 0.4s;}
.main3 .ms3_msg .item.aos-animate:nth-child(4) {transition-delay: 0.6s;}
.main3 .ms3_msg .item.aos-animate:nth-child(5) {transition-delay: 0.8s;}
.main3 .ms3_msg .light.aos-animate {transition-delay: 1s;}

.main3 .ms3_vid_wrap { max-width: 1300px;  margin: 0 auto;}
.main3 .ms3_vid_wrap .ms3_vid { width: 100%; aspect-ratio: 1/0.5617; display: flex;}
.main3 .ms3_vid_wrap .ms3_vid iframe {width: 100% !important; height: 100% !important;}
.main3 .ms3_vid_wrap .ms3_vid_txtbox { margin-top: 3.7rem; display: flex;  flex-direction: column; align-items: flex-end; gap: 1.25rem; text-align: right;}
.main3 .ms3_vid_wrap .ms3_vid_txtbox .txt { font-size: 1.125rem; color: #fff;  letter-spacing: -0.025em; line-height: 1.8;}
.main3 .ms3_vid_wrap .ms3_vid_txtbox .txt .bold { font-weight: 700;}
.main3 .ms3_vid_wrap .ms3_vid_txtbox .add_txt { font-size: 1.063rem; color: #fff; opacity: 0.3;}
.main3 .ms3_bottom { font-size: 1.75rem; letter-spacing: -0.025em; color: #fff;  font-weight: 200; line-height: 1.6; margin-top: 12.5rem;}
.main3 .ms3_bottom .bold {font-weight: 700;}



/* main4 */
.main4 { height: 350vh; margin-top: -9.5rem;}
.main4 .ms4_sequence { position: sticky;  top: 0; left: 0; width: 100%; height: 100vh;  overflow: hidden;}
.main4 .ms4_sequence > .inner { position: relative; width: 100%; height: 100%;  display: flex; flex-direction: column; align-items: center; justify-content: center;  padding-top: 100px;}
.main4 .ms4_sequence .big_titbox { position: relative; width: 100%; height: 5rem;  aspect-ratio: 821 / 287; margin: 0px auto; text-align: center; transform: scale(3.5);}
.main4 .ms4_sequence .big_titbox > span { font-size: 5rem; font-weight: 900;  letter-spacing: -0.025em; line-height: 1;}
.main4 .ms4_sequence .big_titbox .bit_tit1 { position: absolute;  color: #fff;}
.main4 .ms4_sequence .big_titbox .bit_tit2 { -webkit-text-stroke: 1px #fff; opacity: 0;}
.main4 .ms4_sequence .small_titbox { position: relative; margin-top: 4rem;}
.main4 .ms4_sequence .small_titbox .txtbox { display: flex; flex-direction: column;  align-items: center; gap: 2rem; text-align: center;}
.main4 .ms4_sequence .small_titbox .txtbox .tit { font-size: 2.375rem; font-weight: 700;  color: #fff;}
.main4 .ms4_sequence .small_titbox .txtbox .desc { font-size: 1.5rem; font-weight: 300;  letter-spacing: -0.025em; color: #fff; line-height: 1.7;}

.main4 .ms4_sequence .big_titbox { animation: s3_shot_01 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.main4 .ms4_sequence .big_titbox .bit_tit1 { animation: s3_shot_02 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.main4 .ms4_sequence .big_titbox .bit_tit2 { animation: s3_shot_03 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.main4 .ms4_sequence .small_titbox { animation: s3_shot_04 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s); transform: translate(0, 37.5rem) scale(0.5);}

@keyframes s3_shot_01 {
    21.7% {transform: scale(3.5);}
    60%, 100% {transform: scale(1);}
}

@keyframes s3_shot_02 {
    50% { opacity: 1; }
    70%, 100% { opacity: 0; }
}

@keyframes s3_shot_03 {
    70% { opacity: 0; }    
    85%, 100% { opacity: 1; }
}

@keyframes s3_shot_04 {
    70% { transform: translate(0, 37.5rem) scale(0.5); opacity: 0; }
    100% { transform: translate(0, 0) scale(1); opacity: 1; }
}



/* main5 */
.main5 { margin-top: -12rem;}
.main5 .ms5_gallery { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0 0.5rem;}
.main5 .ms5_gallery .item { width: calc((100% - 0.5rem)/2); aspect-ratio: 1/1;  background: #4e4e4e;}
.main5 .ms5_gallery .item .img { display: block; width: 100%; height: 100%;   background: no-repeat center/cover;}



/* main6 */
.main6 { padding: 10rem 0 0;}
.main6 .ms6_titbox { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2.813rem; text-align: center; margin-bottom: 4.688rem;}
.main6 .ms6_titbox .tit {font-size: 3rem;font-weight: 500;color: #fff;}
.main6 .ms6_titbox .desc {font-size: 1.125rem; color: #fff;}
.main6 .ms6_titbox .desc .bold {font-weight: 700;}
.main6 .ms6_tbl_wrap { max-width: 1200px; margin: auto;}
.main6 .ms6_tbl_wrap .ms6_tbl { width: 100%; border-collapse: collapse; font-size: 0.875rem;}
.main6 .ms6_tbl_wrap .ms6_tbl thead tr {background: #efefef;}
.main6 .ms6_tbl_wrap .ms6_tbl thead tr th { height: 40px; padding: 0.25rem 0.5rem;  color: #262523; font-weight: 700; vertical-align: middle; text-align: center;}
.main6 .ms6_tbl_wrap .ms6_tbl thead tr th .sub { display: block; font-size: 0.625rem;  font-weight: 400; color: #fff; margin-top: 0.05rem;}
.main6 .ms6_tbl_wrap .ms6_tbl thead tr th .small {font-size: 0.75rem;}
.main6 .ms6_tbl_wrap .ms6_tbl tbody tr { border-bottom: 1px solid #fff;}
.main6 .ms6_tbl_wrap .ms6_tbl tbody tr td.person,
.main6 .ms6_tbl_wrap .ms6_tbl tbody tr td.citizen { width: 31%;}
.main6 .ms6_tbl_wrap .ms6_tbl tbody tr td { height: 50px; padding: 0.25rem 0.5rem; color: #fff; font-weight: 700; vertical-align: middle; text-align: center; border-right: 1px solid #fff;}
.main6 .ms6_tbl_wrap .ms6_tbl tbody tr td:nth-child(1) {border-left: 1px solid #fff;}
.main6 .ms6_tbl_wrap .ms6_tbl tbody tr td .sub { display: block; font-size: 0.625rem;  font-weight: 400; color: #fff; margin-top: 0.05rem;}
.main6 .ms6_tbl_desc { margin-top: 4.75rem; text-align: center; font-size: 1.063rem;  color: #fff; padding-bottom: 4.75rem; background: url(../img/ms6_line.png) no-repeat center bottom/100% 1px;}



/* main7 */
.main7 { padding: 8rem 0 14rem}
.main7 .ms7_titbox { position: relative; display: flex; flex-direction: column;  align-items: center; justify-content: center; text-align: center; gap: 1.5rem;}
.main7 .ms7_titbox .desc {font-size: 1.073rem; letter-spacing: 0.05em; color: #fff;}
.main7 .ms7_titbox .tit { font-size: 2.453rem; letter-spacing: 0.01em; color: #fff;  font-weight: 500;}
.main7 .couponbox { display: flex; flex-direction: column; align-items: center;  justify-content: center; gap: 1.85rem; margin: 4rem 0;}
.main7 .couponbox .item { display: flex; align-items: center; justify-content: center;  max-width: 320px;}
.main7 .couponbox .plus { display: flex; align-items: center; justify-content: center;  max-width: 35px;}
.main7 .infobox { display: flex; flex-direction: column; align-items: center;  text-align: center; gap: 0.85rem; margin: 6.25rem 0;}
.main7 .infobox .txt { font-size: 1.063rem; color: #fff;}
.main7 .m_more_btnbox { display: flex; justify-content: center;}
.main7 .m_more_btnbox .more_btn {width: 340px;}



/* main8 */
.main8 { display: flex; flex-direction: column; }
.main8 .ms8_imgbox .ms8_img {display: block; width: 100%; height: 260px; background: url(../img/ms8_img.png) no-repeat center/cover; clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%); transition: var(--tran_6s);}
.main8 .ms8_imgbox.aos-animate .ms8_img { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.main8 .ms8_contact { display: flex; align-items: flex-start;  justify-content: space-between; padding: 0 5%; margin: 2.3rem 0 3.8rem;}
.main8 .ms8_contact .left {position: relative;}
.main8 .ms8_contact .left .title { font-size: 4.063rem; font-weight: 500; line-height: 1; color: #fff;}
.main8 .ms8_contact .right { display: flex; flex-direction: column-reverse;  align-items: flex-end; gap: 2.25rem;}
.main8 .ms8_contact .right .infotxt { font-size: 1.125rem; letter-spacing: -0.025em;  line-height: 1.7;  color: #fff; text-align: right;}
.main8 .ms8_contact .right .ms8_more .icon {display: block; width: 64px; aspect-ratio: 1/1; border: 1px solid #fff; border-radius: 50%;  background: url(../img/i-go-w.svg) center center no-repeat; transition: var(--tran_6s);}
.main8 .ms8_contact .right .ms8_more:hover .icon { background-color: #fff;  background-image: url(../img/i-go.svg);}
.main8 .ms8_notice {width: 100%; height: 100px; display: flex; gap: 2rem; align-items: center; padding: 0 5%; border-top: 1px solid rgba(255,255,255,0.2);}
.main8 .ms8_notice .sub, .main8 .ms8_notice .tit, 
.main8 .ms8_notice .date {font-size: 1.125rem; letter-spacing: -0.025em; color: #fff;}
.main8 .ms8_notice .tit { flex: 1; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; transition: var(--tran_4s);}
.main8 .ms8_notice .tit:hover {opacity: 0.5;}



/* sub */
.sub_section { position: relative; width: 100%; height: 100%; }
.page_titbox { position: relative; text-align: center; margin-bottom: 6rem;}
.page_tit { font-size: 3rem; font-weight: 700; letter-spacing: 0.075em; color: #fff;}
.page_desc { font-size: 1.063rem; color: #fff; line-height: 1.5; margin-top: 2.813rem;}
.tab_wrap {position: relative;}
.tab_navbox { display: flex; flex-wrap: wrap; align-items: center;  justify-content: center; gap: 1rem 3rem; margin-bottom: 9.75rem;}
.tab_navbox .tab_nav { cursor: pointer; font-size: 1.25rem; letter-spacing: 0.025em; color: #fff; opacity: 0.5; padding: 1rem 0; border-bottom: 4px solid transparent; transition: var(--tran_6s); text-align: center;}
.tab_navbox .tab_nav:hover { opacity: 1;}
.tab_navbox .tab_nav.on { border-color: #fff; opacity: 1;}
.tab_navbox .tab_link { cursor: pointer; font-size: 1.25rem; letter-spacing: 0.025em; color: #fff; opacity: 0.5; padding: 1rem 0; border-bottom: 4px solid transparent; transition: var(--tran_6s); text-align: center;}
.tab_navbox .tab_link:hover { opacity: 1;}
.tab_navbox .tab_link.on { border-color: #fff; opacity: 1;}
.tab_navbox .tab_link.link {display: inline-block;}
.tab_contbox { position: relative; width: 100%;}
.tab_contbox .tab_cont { display: none; animation: 1.2s ease 0s fadeIn;}
.tab_contbox .tab_cont.on {display: block;}

@keyframes fadeIn {
	0% {opacity:0}
	100% {opacity:1;}
}



/* about */
.about_wrap .sub1 .ss1_bg_sequence { position: sticky; top: 0; left: 0; width: 100%;  height: 100vh; overflow: hidden;}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%) scale(1); margin-top: 0; overflow: hidden;}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg .ss1_vid { width: 100%; height: 100%;  object-fit: cover;}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg .logo { position: absolute; left: 50%;  top: 50%; max-width: 75%; transform: translate(-50%,-50%); opacity: 0;}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg .scroll_icon { position: absolute; left: 50%;  bottom: 5%; transform: translateX(-50%); display: flex; align-items: center;  justify-content: center;}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg .scroll_icon > img { animation: scroll_down 1.85s ease-in-out infinite;}
.about_wrap .sub1 .ss1_txt_sequence { margin-top: -100vh; padding-top: 100vh; position: relative; z-index: 10;}
.about_wrap .sub1 .ss1_txt_sequence .ss1_txtbox { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.about_wrap .sub1 .ss1_txt_sequence .ss1_txtbox .txt_item{ width: 100%; height: 100vh; font-size: 2.813rem;    line-height: 1.45; font-weight: 700; color: #fff; opacity: 0; word-break: keep-all; }

.about_wrap .sub1 .ss1_bg_sequence .ss1_bg { animation: about_s1_bg 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg .logo { animation: about_s1_logo 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub1 .ss1_bg_sequence .ss1_bg .scroll_icon { animation: about_s1_icon 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub1 .ss1_txt_sequence .ss1_txtbox .txt_item.txt1 { animation: about_s1_txt_01 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub1 .ss1_txt_sequence .ss1_txtbox .txt_item.txt2 { animation: about_s1_txt_02 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub1 .ss1_txt_sequence .ss1_txtbox .txt_item.txt3 { animation: about_s1_txt_03 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub1 .ss1_txt_sequence .ss1_txtbox .txt_item.txt4 { animation: about_s1_txt_04 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s); height: 200vh;}

@keyframes scroll_down {
   0% { transform: translateY(-1em); opacity: .2;}   
   50% { transform: translateY(0); opacity: 1;}    
   100% { transform: translateY(-1rem); opacity: .2;}
}

@keyframes about_s1_txt_01 {
    10.5% {opacity: 1;}
    30.5%, 100% {opacity: 0;}
}

@keyframes about_s1_txt_02 {
    31.15% {opacity: 1;}
    61.15%, 100%  {opacity: 0;}
}

@keyframes about_s1_txt_03 {
    50.75% { opacity: 1; }
    80.75%, 100% { opacity: 0; }
}

@keyframes about_s1_bg {
    55% {transform: translate(-50%,-50%) scale(1); margin-top: 0;}
    75%, 100% {transform: translate(-50%,-50%) scale(0.8);
        margin-top: 50px;border-radius: 1.563rem; }
}

@keyframes about_s1_icon {
    55% {opacity: 1;}
    75%, 100% { opacity: 0; }
}

@keyframes about_s1_logo {
    75% { top: calc(50% + 2rem); opacity: 0; }
    90%, 100% {top: 50%; opacity: 1; }
}


.about_wrap .sub2 { padding: 14rem 0; overflow: hidden;}
.about_wrap .sub2 .ss2_titbox { display: flex; flex-direction: column; gap: 1.2rem;}
.about_wrap .sub2 .ss2_titbox .txt { font-size: 3rem; font-weight: 700;  letter-spacing: -0.05em; color: #fff; text-align: center;}
.about_wrap .sub2 .ss2_titbox .txt.txt1 { color: #4f4f4f; margin-left: -2.9rem;  transform: translateX(-100%);}
.about_wrap .sub2 .ss2_titbox .txt.txt2 {margin-right: -7rem; transform: translateX(100%);}
.about_wrap .sub2 .ss2_descobox {display: flex; margin-top: 5.25rem; padding: 0 0.5rem;}
.about_wrap .sub2 .ss2_descobox .desc { font-size: 1.25rem; letter-spacing: -0.025em;  color: #fff; line-height: 1.7;}
.about_wrap .sub2 .ss2_descobox .desc .bold{font-weight: 700;}

.about_wrap .sub2 .ss2_titbox .txt.txt1 { animation: about_s2_txt01 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub2 .ss2_titbox .txt.txt2 { animation: about_s2_txt02 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}

@keyframes about_s2_txt01 {
    0% { transform: translateX(-100%);}    
    97.5%, 100% {transform: translateX(0);}
}

@keyframes about_s2_txt02 {
    0% { transform: translateX(100%);}    
    97.5%, 100% {transform: translateX(0);}
}


.about_wrap .sub3 {height: 200vh;}
.about_wrap .sub3 .ss3_sequence { position: sticky; top: 0; left: 0; width: 100%;  height: 100vh; overflow: hidden;}
.about_wrap .sub3 .ss3_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.about_wrap .sub3 .ss3_bg .bg_item { position: absolute; top: 0; width: 50%;  height: 100%; overflow: hidden; background-color: #000;}
.about_wrap .sub3 .ss3_bg .left {left: -50%; border-top-right-radius: 10rem;  border-bottom-right-radius: 10rem;}
.about_wrap .sub3 .ss3_bg .right {right: -50%; border-top-left-radius: 10rem; border-bottom-left-radius: 10rem;}
.about_wrap .sub3 .ss3_bg .bg_item .imgbox { position: absolute; left: 0; top: 0;  width: 200%; height: 100%; background: no-repeat center/cover;}
.about_wrap .sub3 .ss3_bg .bg_item.right .imgbox { left: -100%;}
.about_wrap .sub3 .ss3_txtbox { position: relative;  width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; text-align: center;   background: rgba(0, 0, 0, .2); opacity: 0;}
.about_wrap .sub3 .ss3_txtbox .txt { font-size: 3.125rem; font-weight: 700; color: #fff;}

.about_wrap .sub3 .ss3_bg .left { animation: about_s3_bg01 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub3 .ss3_bg .right { animation: about_s3_bg02 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub3 .ss3_txtbox { animation: about_s3_txt01 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}

@keyframes about_s3_bg01 {
    0% {left: -50%; border-top-right-radius: 10rem; border-bottom-right-radius: 510remrem; }
    50%, 100% { left: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
}

@keyframes about_s3_bg02 {
    0% { right: -50%;border-top-left-radius: 10rem; border-bottom-left-radius: 10rem; }
    50%, 100% { right: 0; border-top-left-radius: 0;border-bottom-left-radius: 0; }
}

@keyframes about_s3_txt01 {
    60% { opacity: 0; }    
    90%, 100% {opacity: 1; }
}


.about_wrap .sub4 { padding: 17rem 0 12rem; overflow: hidden;}
.about_wrap .sub4 > .inner { max-width: inherit; margin: 0 5%;}
.about_wrap .sub4 .ss4_titbox { display: flex; flex-direction: column;  align-items: center; text-align: center;}
.about_wrap .sub4 .ss4_titbox .sub { font-size: 1.6rem; font-weight: 700; letter-spacing: 0.7em; color: #fff;}
.about_wrap .sub4 .ss4_titbox .tit { font-size: 3rem; color: #fff; margin: 2rem 0 3rem;}
.about_wrap .sub4 .ss4_titbox .tit .bold { font-weight: 700;}
.about_wrap .sub4 .ss4_titbox .desc { font-size: 1.3rem; font-weight: 500;  line-height: 1.7; color: #fff;}
.about_wrap .sub4 .ss4_sequence { width: 100%;  display: flex; justify-content: center;  margin-top: 10rem;}
.about_wrap .sub4 .ss4_gallery{display: flex; flex-direction: column; gap: 1rem;}
.about_wrap .sub4 .ss4_gallery_group {position: relative; display: flex;  justify-content: center; gap: 1rem;}
.about_wrap .sub4 .ss4_gallery_left {display: flex; flex-flow: column; gap: 1rem;  align-items: end; justify-content: end;}
.about_wrap .sub4 .ss4_gallery_center { display: flex; flex-flow: row wrap; gap: 1rem;  align-items: start; justify-content: space-between; align-content: start;}
.about_wrap .sub4 .ss4_gallery_right { display: flex;flex-flow: column; gap: 1rem;  justify-content: end;}
.about_wrap .sub4 .ss4_gallery_bottom { display: flex; flex-flow: row nowrap;  gap: 1rem; justify-content: center;}

.about_wrap .sub4 .ss4_gallery_left .ss4_gallery_item:nth-child(1) { width: 13rem; }
.about_wrap .sub4 .ss4_gallery_left .ss4_gallery_item:nth-child(1) .ss4_img { padding-top: 146.35%; }
.about_wrap .sub4 .ss4_gallery_left .ss4_gallery_item:nth-child(2) { width: 20rem; }
.about_wrap .sub4 .ss4_gallery_left .ss4_gallery_item:nth-child(2) .ss4_img { padding-top: 60.88%; }
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(1) { width: 26rem; z-index: 1; }
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(1) .ss4_img { padding-top: 66.45%; }
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(2) { width: 26rem; }
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(2) .ss4_img { padding-top:  60.88%; }
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(3) { width: 12.5rem; }
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(3) .ss4_img { padding-top: 146.35%; } 
.about_wrap .sub4 .ss4_gallery_right .ss4_gallery_item:nth-child(1) { width: 13rem; }
.about_wrap .sub4 .ss4_gallery_right .ss4_gallery_item:nth-child(1) .ss4_img { padding-top: 146.35%; }
.about_wrap .sub4 .ss4_gallery_right .ss4_gallery_item:nth-child(2) { width: 20rem; }
.about_wrap .sub4 .ss4_gallery_right .ss4_gallery_item:nth-child(2) .ss4_img { padding-top: 60.88%; }
.about_wrap .sub4 .ss4_gallery_bottom .ss4_gallery_item { width: 19.5rem; }
.about_wrap .sub4 .ss4_gallery_bottom .ss4_gallery_item .ss4_img { padding-top: 60.88%; }

.about_wrap .sub4 .ss4_gallery_item > div { position: relative; width: 100%; height: 100%;}
.about_wrap .sub4 .ss4_gallery_item .ss4_img { background: no-repeat center /cover #585858;  border-radius: 1.25rem;}

.about_wrap .sub4 .ss4_gallery_left .ss4_gallery_item:nth-child(1) {opacity: 0;   transform: translate(-18.75rem, -6.25rem);  animation: about_s4_img01 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_left .ss4_gallery_item:nth-child(2) {opacity: 0;   transform: translate(-18.75rem, 6.25rem);  animation: about_s4_img02 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(1) { transform: scale(1.6, 1.6);  animation: about_s4_img03 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(2) {opacity: 0;   transform: translate(0px, 24.825rem);  animation: about_s4_img04 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_center .ss4_gallery_item:nth-child(3) {opacity: 0;  transform: translate(0px, 24.825rem);  animation: about_s4_img05 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_right .ss4_gallery_item:nth-child(1) {opacity: 0;   transform: translate(18.75rem, -6.25rem);  animation: about_s4_img06 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_right .ss4_gallery_item:nth-child(2) {opacity: 0;   transform: translate(18.75rem, 6.25rem);  animation: about_s4_img07 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_bottom .ss4_gallery_item:nth-child(1) {opacity: 0; transform: translate(-28.125rem, 43.575rem);  animation: about_s4_img08 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_bottom .ss4_gallery_item:nth-child(2) {opacity: 0;   transform: translate(0, 43.575rem);  animation: about_s4_img09 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}
.about_wrap .sub4 .ss4_gallery_bottom .ss4_gallery_item:nth-child(3) {opacity: 0;   transform: translate(28.125rem, 43.575rem);  animation: about_s4_img10 1s ease forwards paused; animation-delay: calc(var(--progress) * -1s);}


@keyframes about_s4_img01 {  
    60% {opacity: 0; transform: translate(-18.75rem, -6.25rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img02 {  
    60% {opacity: 0;  transform: translate(-18.75rem, 6.25rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img03 {  
    60% { transform: scale(1.6, 1.6);}
    100% {transform: translate(0, 0); }
}

@keyframes about_s4_img04 {  
    60% {opacity: 0; transform: translate(0px, 24.825rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img05 {  
    60% {opacity: 0; transform: translate(0px, 24.825rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img06 {  
    60% {opacity: 0; transform: translate(18.75rem, -6.25rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img07 {  
    60% {opacity: 0; transform: translate(18.75rem, 6.25rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img08 {  
    60% {opacity: 0; transform: translate(-28.125rem, 43.575rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img09 {  
    60% {opacity: 0;  transform: translate(0, 43.575rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}

@keyframes about_s4_img10 {  
    60% {opacity: 0; transform: translate(28.125rem, 43.575rem);}
    100% {opacity: 1; transform: translate(0, 0); }
}


/* guide */
.guide_wrap .sub1 { margin-bottom: 10rem;}
.guide_wrap .sub1 .ss1_contbox {position: relative;}
.guide_wrap .sub1 .ss1_contbox .title { font-size: 2.125rem; color: #fff;  letter-spacing: 0.025em; font-weight: 700; text-align: center; margin-bottom: 5.375rem;}
.guide_wrap .sub1 .ss1_contbox .imgbox { display: flex; align-items: center;  justify-content: center;}


/* special list */
.special_list_wrap { padding-bottom: 8.5rem;}
.special_list_wrap .special_infotxt { font-size: 1.063rem; color: #fff; margin-bottom: 4rem;}
.special_list_wrap .special_infotxt .icon { display: inline-flex; align-items: center;  justify-content: center; vertical-align: middle; margin: 0 0.25rem;}
.special_list_wrap .special_list { display: flex; flex-wrap: wrap;  gap: 3rem 1.5rem;}
.special_list_wrap .special_list .item { width: calc((100% - 1.5rem*3)/4);  aspect-ratio: 1/1; position: relative;  border-radius: 0.625rem;  overflow: hidden;    cursor: pointer;}
.special_list_wrap .special_list .item .imgbox { position: relative; width: 100%;  height: 100%; background: no-repeat center/cover;}
.special_list_wrap .special_list .item .imgbox::before { content: ""; position: absolute;  left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, transparent, #000); opacity: 0.8; transition: var(--tran_4s);}
.special_list_wrap .special_list .item:hover .imgbox::before { opacity: 0;}
.special_list_wrap .special_list .item .imgbox .title { font-size: 1.063rem;  font-weight: 600; color: #fff; position: absolute; left: 0.75rem; bottom: 0.75rem;  transition: var(--tran_4s);}
.special_list_wrap .special_list .item:hover .imgbox .title { opacity: 0;}
.special_list_wrap .special_list .item .txtbox { position: absolute; left: 50%;  top: 50%;  transform: translate(-50%,-50%);  width: 100%; height: 100%;  background: rgba(140,46,228,0.85); display: flex; flex-direction: column; align-items: center;  justify-content: center; gap: 1rem; opacity: 0; transition: var(--tran_4s);}
.special_list_wrap .special_list .item:hover .txtbox{opacity: 1;}
.special_list_wrap .special_list .item .txtbox .plus { display: flex; align-items: center; justify-content: center; width: 20%;}
.special_list_wrap .special_list .item .txtbox .txt { font-size: 0.938rem;  font-weight: 600; color: #fff;}

.special_detail_popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(17,17,17,0.85); transition: var(--tran_4s); z-index: 105;  opacity: 0;  pointer-events: none;}
.special_detail_popup.show { opacity: 1; pointer-events: auto;}
.special_detail_popup .popup_inner { position: absolute; left: 50%; top: 50%;  transform: translate(-50%,-50%); width: 95%;  max-width: calc(640px - 2rem);  max-height: 90%;  background: #fff; padding: 3.375rem 1.25rem 1.75rem;  display: flex; flex-direction: column;}
.special_detail_popup .popup_close { position: absolute; right: -0.5rem; top: -0.85rem;  display: flex; align-items: center; justify-content: center; width: 2.125rem;  aspect-ratio: 1/1; cursor: pointer; transition: var(--tran_4s);}
.special_detail_popup .popup_close:hover {transform: rotate(180deg);}
.special_detail_popup .popup_title { font-size: 1.35rem;  font-weight: 700; color: #222222; margin-bottom: 0.35rem;}
.special_detail_popup .popup_cont { flex: 1; display: flex; gap: 0.5rem;}
.special_detail_popup .popup_cont .leftbox { flex: 1; max-width: calc(67% - 1rem);}
.special_detail_popup .popup_cont .leftbox .slidebox { position: relative; width: 100%;  margin-bottom: 1.65rem; padding-right: 1rem;}
.special_detail_popup .popup_cont .special_popup_slider { width: 100%;}
.special_detail_popup .popup_cont .special_popup_slider .swiper-slide { width: 100%;  aspect-ratio: 1/0.565;}
.special_detail_popup .popup_cont .special_popup_slider .swiper-slide .imgbox {  width: 100%; height: 100%; background: no-repeat center/cover;}
.special_detail_popup .popup_cont .slidebox .prev_arrow_btn, 
.special_detail_popup .popup_cont .slidebox .next_arrow_btn { width: 0.85rem;}
.special_detail_popup .popup_cont .slidebox .prev_arrow_btn {left: 1rem;}
.special_detail_popup .popup_cont .slidebox .next_arrow_btn { right: 2rem;}
.special_detail_popup .popup_cont .leftbox .desctxt { font-size: 0.875rem; letter-spacing: -0.025em; color: #242424; line-height: 1.7;}
.special_detail_popup .popup_cont .rightbox { width: 33%; border-left: 1px solid #cacaca; display: flex; flex-direction: column; justify-content: flex-end;  padding: 0.1rem 0 0.25rem 1rem;}
.special_detail_popup .popup_cont .rightbox .floor { font-size: 2rem; font-weight: 700; color: #000; margin-bottom: 0.35rem;}
.special_detail_popup .popup_cont .rightbox > .tit { font-size: 1.2rem; font-weight: 700; color: #767676; line-height: 1.1; margin-bottom: 2.4rem;}
.special_detail_popup .popup_cont .rightbox .infobox { display: flex; flex-direction: column; gap: 1rem;}
.special_detail_popup .popup_cont .rightbox .infobox .infoitem { font-size: 0.875rem;  font-weight: 500; letter-spacing: -0.025em; color: #222222; display: flex;  flex-direction: column; gap: 0.15rem;}
.special_detail_popup .popup_cont .rightbox .infobox .infoitem .desc { position: relative; padding-left: 0.75em;}
.special_detail_popup .popup_cont .rightbox .infobox .infoitem .desc::before { content: "-"; position: absolute; left: 0; top: 0;}


/* exhibit */
.exhibit_wrap { padding-bottom: 5rem;}
.exhibit_wrap .sub1 .tab_navbox { margin-bottom: 7.5rem;}
.exhibit_wrap .sub1 .exhibit_img { margin-bottom:3rem; opacity: 1;}
.exhibit_wrap .sub1 .exhibit_img .img{ width: 90%; margin: auto; height: 22.422rem; background: no-repeat center/cover; clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);   transition: var(--tran_6s);}
.exhibit_wrap .sub1 .exhibit_img.aos-animate .img { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.exhibit_wrap .sub1 .ss1_contbox { display: flex; flex-direction: column; gap: 7rem;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox { position: relative;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox > .title { font-size: 3.625rem;  font-weight: 700;  color: #fff;  margin-bottom: 1rem;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox > .desc { font-size: 2rem; letter-spacing: 0.025em; color: #fff;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox .info_box { display: flex;  align-items: flex-start;  flex-direction: column; gap: 1rem;  margin-top: 4.75rem;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox .info_box > .tit { font-size: 2rem;  font-weight: 700; letter-spacing: 0.025em; color: #fff;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox .info_listbox {display: flex; flex-direction: column; gap: 3.25rem;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox .info_listbox .item { display: flex;  flex-direction: column; gap: 0.5rem;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox .info_listbox .item .tit { font-size: 1.25rem; font-weight: 700; letter-spacing: 0.025em; color: #fff;}
.exhibit_wrap .sub1 .ss1_contbox .txtbox .info_listbox .item .desc { font-size: 1.25rem;  color: #fff;}
.exhibit_wrap .sub1 .ss1_contbox .imgbox {display: flex; flex-direction: column; gap: 0.5rem; overflow: hidden;}
.exhibit_wrap .sub1 .ss1_contbox .imgbox .box.left { width: 100%; height: 326px;}
.exhibit_wrap .sub1 .ss1_contbox .imgbox .box.right { width: 100%;  height: 162px;  display: flex; gap: 0.5rem;}
.exhibit_wrap .sub1 .ss1_contbox .imgbox .box .img {width: 100%; height: 100%;  background: no-repeat center/cover;}



.exhibit_wrap .sub2 { height: 445px; margin: 8.125rem 0;}
.exhibit_wrap .sub2 .exhibit_slider { width: 100%; height: 100%;}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide .bg { width: 100%; height: 100%;  background: no-repeat center/cover;}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide .txtbox { position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 70%;}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide .txtbox > p { opacity: 0;  transform: translate(0, 2.5rem); transition: all 0.6s ease 0.2s;}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide-active .txtbox.aos-animate > p {  opacity: 1; transform: translate(0, 0);}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide .txtbox .tit { font-size: 1.856rem;  font-weight: 700; letter-spacing: 0.025em;color: #fff; margin-bottom: 1rem;}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide .txtbox .sub { font-size: 0.75rem;  color: #fff; text-transform: uppercase; margin-bottom: 2.75rem;}
.exhibit_wrap .sub2 .exhibit_slider .swiper-slide .txtbox .desc { font-size: 0.875rem;  font-weight: 500; letter-spacing: 0.025em; color: #fff; line-height: 1.7;}
.exhibit_wrap .sub2 .exhibit_slider .prev_btn, 
.exhibit_wrap .sub2 .exhibit_slider .next_btn { width: 2.75rem; height: 2.75rem;}
.exhibit_wrap .sub2 .exhibit_slider .prev_btn {left: 6%;}
.exhibit_wrap .sub2 .exhibit_slider .next_btn {right: 6%;}


.exhibit_wrap .sub3 { padding: 0 0 8rem;  overflow: hidden;}
.exhibit_wrap .sub3 > .inner { border-bottom: 1px solid #fff; width: 100%;  padding: 0 5% 8rem;}
.exhibit_wrap .sub3 .ss3_contbox { display: flex; align-items: center; flex-direction: column;}
.exhibit_wrap .sub3 .ss3_contbox .title { font-size: 3.125rem;  font-weight: 700;  letter-spacing: 0.025em;  color: #fff; margin-bottom: 3.5rem;}
.exhibit_wrap .sub3 .ss3_contbox .imgbox { display: flex;  align-items: center;  justify-content: center; padding: 0 1rem; margin-bottom: 5.313rem;}
.exhibit_wrap .sub3 .ss3_contbox .txtbox .descbox { display: flex;  flex-direction: column; gap: 2rem;}
.exhibit_wrap .sub3 .ss3_contbox .txtbox .descitem { display: flex; flex-direction: column; gap: 0.5rem; word-break: keep-all;}
.exhibit_wrap .sub3 .ss3_contbox .txtbox .descitem .txt { position: relative; font-size: 1.063rem;  font-weight: 700; color: #fff; padding-left: 0.85rem; letter-spacing: -0.02em;}
.exhibit_wrap .sub3 .ss3_contbox .txtbox .descitem .txt::before { content: "-";  position: absolute; left: 0; top: 0;}
.exhibit_wrap .sub3 .ss3_contbox .txtbox .descitem .add { font-size: 0.813rem;  font-weight: 500; color: #808080; padding-left: 0.85rem;line-height: 1.5;}



/* information */
.information_wrap .sub1 { margin-bottom: 14rem;}
.information_wrap .sub1 .page_titbox { margin-bottom: 7.5rem;}
.information_wrap .sub1 .info_contbox_wrap { max-width: 1200px; margin: 0 auto;  display: flex; flex-direction: column;  gap: 5.313rem;}
.information_wrap .sub1 .info_contbox_wrap + .info_contbox_wrap { margin-top: 12rem;}
.information_wrap .sub1 .info_contbox { width: 100%; max-width: 545px; margin: auto;}
.information_wrap .sub1 .info_contbox.w-100 { width: 100%; max-width: 100%;}
.information_wrap .sub1 .info_contbox .titbox { display: flex; align-items: center;  gap: 0.85rem; border-bottom: 2px solid #ffffff; padding-bottom: 1rem;}
.information_wrap .sub1 .info_contbox .titbox.border-0 { border-bottom: none;  padding-bottom: 0; max-width: 545px; margin: 0 auto 2.75rem;}
.information_wrap .sub1 .info_contbox .titbox .icon {display: flex; align-items: center; justify-content: center;}
.information_wrap .sub1 .info_contbox .titbox .txt { font-size: 1.5rem; color: #fff;  text-transform: uppercase; flex: 1;}
.information_wrap .sub1 .info_contbox .contbox { display: flex; align-items: center;  padding: 1rem 0;}
.information_wrap .sub1 .info_contbox .contbox .item { position: relative; width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; text-align: center;}
.information_wrap .sub1 .info_contbox .contbox .item + .item::before { content: "";  position: absolute; left: 0; top: 0; width: 1px; height: 50px; background: #fff;}
.information_wrap .sub1 .info_contbox .contbox .item .txt { font-size: 1rem; color: #fff; line-height: 1.8;}
.information_wrap .sub1 .info_contbox .descbox { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 5.25rem;}
.information_wrap .sub1 .info_contbox .descbox .desc{font-size: 1rem; color: #fff; position: relative; padding-left: 0.85rem;} 
.information_wrap .sub1 .info_contbox .descbox .desc::before{content: "-"; position: absolute; left: 0; top: 0;} 
.information_wrap .sub1 .info_contbox .info_tbl_wrap { position: relative;  width: 100%;  margin-top: 1rem;}
.information_wrap .sub1 .info_contbox .info_tbl { width: 100%; border-collapse: collapse;}
.information_wrap .sub1 .info_contbox .info_tbl thead tr { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.information_wrap .sub1 .info_contbox .info_tbl thead tr th { font-size: 1rem;  font-weight: 700;color: #fff; height: 55px;}
.information_wrap .sub1 .info_contbox .info_tbl tbody tr td { font-size: 0.875rem;  font-weight: 700;  color: #fff; text-align: center; height: 55px;}
.information_wrap .sub1 .info_contbox .info_tbl tbody tr td .sub { font-size: 0.875rem;  font-weight: 400; color: #9b9b9b; margin-left: 0.2rem; text-transform: uppercase;}
.information_wrap .sub1 .info_contbox .info_tbl tbody tr td.person, 
.information_wrap .sub1 .info_contbox .info_tbl tbody tr td.citizen { width: 30%;}


.information_wrap .sub2 { margin-bottom: 12rem;}
.information_wrap .sub2 .ss2_img .img{ width: 100%; height: 400px; background: no-repeat center/cover; clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);   transition: var(--tran_6s);}
.information_wrap .sub2 .ss2_img.aos-animate .img { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}


.information_wrap .sub3 { padding-bottom: 14rem;}
.information_wrap .sub3 .ss3_titbox { position: relative; text-align: center;  margin-bottom: 5.75rem;}
.information_wrap .sub3 .ss3_titbox .tit { font-size: 2.5rem;  font-weight: 700;  color: #fff; margin-bottom: 2.5rem;}
.information_wrap .sub3 .ss3_titbox .desc {font-size: 1.125rem; color: #fff;}
.information_wrap .sub3 .ss3_contbox { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5.5rem 3.33%;}
.information_wrap .sub3 .ss3_contbox .item { width: 20%; display: flex;  flex-direction: column; align-items: center; gap: 1.5rem;}
.information_wrap .sub3 .ss3_contbox .item .imgbox { width: 44px; height: 44px;  aspect-ratio: 1/1; display: flex;  align-items: center; justify-content: center;}
.information_wrap .sub3 .ss3_contbox .item .imgbox > img { width: 100%; height: 100%;  object-fit: contain;}
.information_wrap .sub3 .ss3_contbox .item .txt { font-size: 1rem; color: #fff;}

.information_wrap .sub3 .ss3_btnbox { position: relative;}
.information_wrap .sub3 .ss3_btnbox .more_btn { display:flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #fff; padding: 0.8rem 1rem; border: 1px solid #fff; width: 275px;margin:150px auto 0; transition: var(--tran_6s);}
.information_wrap .sub3 .ss3_btnbox .more_btn:hover { background: #fff; color: #000;}
.information_wrap .sub3 .ss3_btnbox .more_btn.white{background: #fff; color: #000;}
.information_wrap .sub3 .ss3_btnbox .more_btn.white:hover{ background: transparent; color: #fff;}




/* location */
.location_wrap .sub1 {}
.location_wrap .sub1 .ss1_contbox {position: relative;}
.location_wrap .sub1 .ss1_contbox .title { font-size: 2.125rem; color: #fff;  letter-spacing: 0.025em; font-weight: 700; text-align: center; margin-bottom: 5.375rem;}
.location_wrap .sub1 .ss1_contbox .imgbox { display: flex; align-items: center;  justify-content: center;}
.location_wrap .location_info{width: 85%; margin:100px auto 0px; color: #fff;}
.location_wrap .location_info .info h5{font-size: 26px; margin-bottom: 40px;}
.location_wrap .location_info .info p{font-size: 17px; line-height: 32px; padding-bottom: 50px;}
.location_wrap .location_info .top{border-bottom:1px solid #eee;}
.location_wrap .location_info .bot h5{font-size: 26px; margin: 40px 0;}
.location_wrap .location_info .bot p{padding: 0px 0 80px 0;}


/* special */
.special_cont_wrap { position: relative; margin: 8.75rem 0 0; padding-top: 4.625rem;  padding-bottom: 6.875rem; border-top: 1px solid rgba(68,68,68,0.7);}
.special_cont_wrap .special_cont { display: flex;  flex-direction: column;  gap:6.3rem;}
.special_cont_wrap .special_cont > .item { width: 100%; display: flex; flex-direction: column; gap: 2.5rem; cursor: pointer;}
.special_cont_wrap .special_cont > .item .imgbox { position: relative; width: 100%;  aspect-ratio: 1/0.64;  overflow: hidden; transition: 0.4s cubic-bezier(0.45, 0.12, 0.15, 1.01);clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.special_cont_wrap .special_cont > .item .imgbox .img { position: absolute;  left: 0;  top: 0; width: 100%;  height: 100%; background: no-repeat center/cover;  overflow: hidden; transition: 0.4s cubic-bezier(0.45, 0.12, 0.15, 1.01); }
.special_cont_wrap .special_cont > .item .imgbox .more {position: absolute; top: 0.9rem; right: -0.25rem; font-size: 1.375rem; font-weight: 800; color: #fff; transform: rotate(45deg); text-transform: uppercase; opacity: 0; transition: 0.4s; z-index: -1;}
.special_cont_wrap .special_cont > .item .txtbox{transition: 0.4s cubic-bezier(0.45, 0.12, 0.15, 1.01);clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%);}
.special_cont_wrap .special_cont > .item .txtbox .name {font-size: 1.75rem;  color: #ffffff; display: flex; gap: 1rem; margin-bottom: 1.25rem;}
.special_cont_wrap .special_cont > .item .txtbox .name .en { font-weight: 800;}
.special_cont_wrap .special_cont > .item .txtbox .desc { font-size: 1.25rem; color: #fff; line-height: 1.5; margin-bottom: 2.813rem;}
.special_cont_wrap .special_cont > .item .txtbox .viewmore { font-size: 1.125rem;   color: #fff; font-weight: 700; text-transform: uppercase; display: flex; align-items: flex-end; gap: 0.85rem;}
.special_cont_wrap .special_cont > .item .txtbox .viewmore .icon { width: 0.625rem;  aspect-ratio: 1/1; background: url(../img/special_more_icon.png) no-repeat center /contain;}
.special_cont_wrap .special_cont > .item.aos-animate .imgbox,
.special_cont_wrap .special_cont > .item.aos-animate .txtbox { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.special_cont_wrap .special_cont > .item:hover .imgbox .img { border-top-right-radius: 9.375rem;}
.special_cont_wrap .special_cont > .item:hover .imgbox .more{ opacity: 1;}

.special_cont_popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(17,17,17,0.85); transition: var(--tran_4s); z-index: 105;  opacity: 0;  pointer-events: none; min-width: 1200px;}
.special_cont_popup.show { opacity: 1; pointer-events: auto;}
.special_cont_popup .popup_inner { position: absolute; width: 100%; height: 100%;  max-width: 640px; max-height: 100vh; padding: 8rem 1.5rem 5rem; margin: 0 auto;  background-color: #111111; overflow: auto;}
.special_cont_popup .popup_close { cursor: pointer; transition: var(--tran_4s);  position: absolute; top: 1.5rem; right: 1.5rem; display: flex; justify-content: center;  align-items: center; border-radius: 100%; width: 3.75rem; aspect-ratio: 1/1;}
.special_cont_popup .popup_close:hover { transform: rotate(180deg);}
.special_cont_popup .popup_title { font-size: 2.655rem;  line-height: 1;  color: #fff; display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.813rem;}
.special_cont_popup .popup_title .en { display: block; font-size: 3.484rem;  font-weight: 900;}
.special_cont_popup .popup_cont { flex: 1; display: flex; flex-direction: column; gap: 3.125rem;}
.special_cont_popup .popup_cont .leftbox { width: 100%;}
.special_cont_popup .popup_cont .leftbox .slidebox { position: relative; width: 100%;}
.special_cont_popup .popup_cont .special_popup2_slider { width: 100%;}
.special_cont_popup .popup_cont .special_popup2_slider .swiper-slide { width: 100%;  aspect-ratio: 1/0.5645;}
.special_cont_popup .popup_cont .special_popup2_slider .swiper-slide .imgbox {  width: 100%; height: 100%; background: no-repeat center/cover;}
.special_cont_popup .popup_cont .slidebox .prev_arrow_btn, .special_cont_popup .popup_cont .slidebox .next_arrow_btn { width: 2.5rem; height: 2.5rem;}
.special_cont_popup .popup_cont .slidebox .prev_arrow_btn { left: 2.5%;}
.special_cont_popup .popup_cont .slidebox .next_arrow_btn { right: 2.5%;}
.special_cont_popup .popup_cont .rightbox { width: 100%; padding: 0 0.5rem;}
.special_cont_popup .popup_cont .rightbox .desctxt { font-size: 1.5rem; font-weight: 300; line-height: 1.5; color: #fff; margin-bottom: 4.688rem; word-break: keep-all;}
.special_cont_popup .popup_cont .rightbox .infobox { display: flex; flex-direction: column; gap: 2.5rem;}
.special_cont_popup .popup_cont .rightbox .infobox .infoitem { font-size: 1.5rem;  color: #ffffff; display: flex; flex-direction: column; gap: 0.5rem;}
.special_cont_popup .popup_cont .rightbox .infobox .infoitem .tit { font-weight: 800;}
.special_cont_popup .popup_cont .rightbox .infobox .infoitem .desc { position: relative; padding-left: 0.75em;}
.special_cont_popup .popup_cont .rightbox .infobox .infoitem .desc::before { content: "-"; position: absolute; left: 0; top: 0;}



/* ------------------------------------------------------------------------------- */
/* table */
.promotion {padding-top: 150px;background-color: #111;}
.promotion .cont {width:100%;}
.promotion .iframe {width:95%;margin:50px auto 0;}
.promotion > h3 {font-size:25px;color:#f8f8f8;margin:0 auto 80px;position:relative;margin-left: 5%;line-height: 1.5;}
.promotion .tab {width: 100%;padding: 40px 0;background-color: #181818;}
.promotion .tab ul {width: 88%;margin: 0 auto;display: flex;justify-content: flex-start;}
.promotion .tab ul li {margin-right: 50px;}
.promotion .tab ul li a {font-size: 20px;color: #7e7e7e;}
.promotion .tab ul li.active a {color: #d8d8d8;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}

.promotion .content> h3 {font-size:25px;color:#f8f8f8;margin:100px auto 80px;position:relative;margin-left: 10%;line-height: 1.5;}
.promotion .content .tab {width: 100%;padding: 40px 0;background-color: #f8f8f9;margin-bottom: 70px;}
.promotion .content .tab ul {width: 95%;margin: 0 auto;display: flex;justify-content: space-evenly;}
.promotion .content .tab ul li {margin-right: 0;}
.promotion .content .tab ul li a {font-size: 20px;color: #7e7e7e;}
.promotion .content .tab ul li.active a {color: #d8d8d8;text-decoration: underline;text-underline-offset: 15px;font-weight: bold;}