@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Katuri';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/Katuri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 기본 리셋 */
* {margin: 0; padding: 0;}
li {list-style: none;}
a {font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; text-decoration: none; color: inherit; cursor: pointer;}
html {line-height: 1; color: #111111; font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; background: #fff; height: 100%; /* font-size: 62.5%; */}
html {font-size: min(1.6rem, calc(100vw * 10 / 1920));}
html::-webkit-scrollbar {display: none;}
body {font-size: 1.6rem; font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;}
button {font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; border: 0; cursor: pointer;}
input {font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; font-size: 1.6rem; font-weight: 400;}
textarea {font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; font-size: 1.6rem; font-weight: 400;}
input[type="checkbox"]{display: none;}
input[type="checkbox"] + label{cursor:pointer; vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;; margin: 0; line-height: 1;}
table {font-family:  "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; border-spacing: 0px;}
select::-ms-expand {display: none;}
figure {margin: 0;}
.sr_only {display: none;}


/* button */
.basic_btn {padding: 1.6rem; box-sizing: border-box; border-radius: 2.5rem; color: #fff; background-color: #00A651; box-shadow: -3px -5px 1px 0px rgba(0, 0, 0, 0.16) inset; font-weight: 500; font-size: 1.6rem;}
.basic_btn.etf_btn {width: 16rem; height: 5rem; cursor: pointer; text-align: center;}
.basic_btn.etf_btn:hover {transform: translateY(-5px); transition: transform 0.3s ease;}
.basic_btn.etf_btn:hover span {display: inline-block; transform: rotate(180deg); transition: transform 0.3s ease;}
.mo_nav_btn {width: 6rem; height: 6rem; background-color: transparent; cursor: pointer;}
.mo_nav_btn.searchBtn {display: none}

.btn_web {display: flex; align-items: center; gap: 2rem; background-color: #fff; border-radius: 4rem; border: 1px solid #DDDDDD; padding: 2.5rem 4.8rem; box-sizing: border-box; height: 10rem;}
.btn_web span {font-size: 1.8rem; font-weight: 700; color: #212121;}
.btn_web:hover {border: 2px solid #009247;}
.btn_web:hover span {color: #009247;}
.btn_web:hover figure {background: #4AC183; box-shadow: 0px 0px 10px 0px #2BE384; backdrop-filter: blur(2.5px);}
.btn_web figure {border-radius: 100%; padding: 1.5rem; box-sizing: border-box; background: rgba(0, 146, 71, 0.30); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.16); backdrop-filter: blur(2.5px); width: 5rem; height: 5rem; display: flex; justify-content: center;}
.btn_web img {width: 2rem; height: 2rem; object-fit: fill;}


/* header */
.sub_header {position: fixed; z-index: 103; top: 0; left: 0;}
.sub_header .inner {width: 100vw; display: flex; padding: 0 10rem; box-sizing: border-box; background-color: #212121; color: #fff; font-family: 'Paperlogy-3Light'; justify-content: space-between; align-items: center;}
.sub_header .weather_wrap {display: flex; align-items: center; gap: 3.3rem;}
.sub_header .weather_wrap > span {font-family: 'Paperlogy-6SemiBold'; font-size: 1.6rem;}
.sub_header .weather_wrap .weather_box {display: flex; align-items: center; gap: 1.5rem; font-size: 1.6rem;}
.sub_header .weather_wrap .weather_box .weather01 {display: flex; align-items: center; gap: 1rem; padding-right: 1.5rem; position: relative;}
.sub_header .weather_wrap .weather_box .weather01::after {content: ''; height: 1.6rem; background-color: rgba(255, 255, 255, 0.5); width: 1px; position: absolute; right: 0;}
.sub_header .weather_wrap .weather_box .weather01 figure {width: 3rem; height: 3rem;}
.sub_header .weather_wrap .weather_box .weather01 figure img {width: 100%; height: 100%; object-fit: contain;}
.sub_header .sns_wrap {display: flex; align-items: center; gap: 1rem;}
.sub_header .sns_wrap .sns_box {display: flex; align-items: center; gap: 1rem;}
.sub_header .sns_wrap .sns_box li a figure {width: 3rem; height: 3rem;}
.sub_header .sns_wrap .sns_box li a figure img {width: 100%; height: 100%; object-fit: fill;}

.language_box {width: 100%; height: 5rem; cursor: pointer;}
.select {width: 100%; height: 100%; color: rgba(255, 255, 255, 0.70); font-size: 1.4rem; position: relative; display: flex; align-items: center;}
.select .selected {position: relative; padding-left: 1.6rem; padding-right: 3.2rem; box-sizing: border-box; display: flex; align-items: center; height: 3rem;}
.select .selected::after {content: '▼'; position: absolute; top: 50%; transform: translateY(-50%); right: 1.6rem; color: rgba(255, 255, 255, 0.70);}
.select .select_option {display: none; position: absolute; top: 5rem; right: 0; width: 100%; height: fit-content; border-radius: 0.5rem; background-color: rgba(32, 52, 72, 0.7); padding: 1rem; box-sizing: border-box; cursor: pointer; z-index: 10;}
.select .select_option li {padding: 1.2rem 0; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.9); text-align: center; color: #162534; margin-bottom: 0.3rem;}
.select .select_option li:last-child {margin-bottom: 0;}
.language_box:hover .select_option {display: block;}
.select:hover .select_option {display: block;}
.select_option:hover {display: block;}
.language_box .select:hover .selected {border-radius: 2rem; background-color: rgba(255, 255, 255, 0.1);}

.header {position: fixed; width: 100%; z-index: 102; top: 5rem;}
.header .inner {width: 100%; display: flex; justify-content: space-between; padding: 0 10rem; box-sizing: border-box; position: relative; border-bottom: 1px solid #EFEFEF; background-color: #fff;}
.header h1 {padding: 2.5rem 0; box-sizing: border-box; margin: 0}
.header h1 figure {width: 15rem; height: 3rem;}
.header h1 figure img {width: 100%; height: 100%; object-fit: contain;}

.header .main_nav .main_menu {display: flex; gap: 4.5rem; align-items: center;}
.header .main_nav .main_menu .menu_item .menu_item_title {display: block; padding: 3rem 0; box-sizing: border-box; cursor: pointer; margin-right: 5rem; position: relative; font-size: 1.8rem; text-align: center;}
.header .main_nav .main_menu .menu_item .menu_item_title::after {content: ''; width: 0.4rem; height: 0.4rem; border-radius: 1rem; background-color: #CCC; position: absolute; top: 50%; transform: translateY(-50%); right: -5rem;}
.header .main_nav .main_menu .menu_item:last-child .menu_item_title {margin-right: 0;}
.header .main_nav .main_menu .menu_item:last-child .menu_item_title::after {display: none;}
.header .main_nav .main_menu .menu_item .menu_item_title:hover,
.header .main_nav .main_menu .menu_item .menu_item_title.active,
.header .main_nav .main_menu .menu_item .menu_item_title.now {color: #009247; border-bottom: 0.3rem solid #009247; padding-bottom: 2.7rem;}

.header .main_search {cursor: pointer; display: block; padding: 2.8rem 0; box-sizing: border-box; position: relative;}
.header .main_search figure {width: 2.4rem; height: 2.4rem;}
.header .main_search figure img {width: 100%; height: 100%; object-fit: fill;}
.header .main_search .point {position: absolute; bottom: -0.3rem; width: 2.4rem; height: 1.7rem;}

.nav_menu {display: block; width: 100%; position: absolute; left: 0; padding: 0 41.5rem; box-sizing: border-box; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); z-index: 11; background-color: #fff; opacity: 0; max-height: 0; overflow: hidden;transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease;}
.nav_menu.open {opacity: 1; max-height: 50rem; padding: 4rem 41.5rem;}

.nav_menu .submenu {display: flex; gap: 2rem; width: 100%; flex-wrap: wrap; row-gap: 4rem; opacity: 0; transition: opacity 0.5s ease;}
.nav_menu .submenu.active {opacity: 1;}
.nav_menu .submenu.submenu_one {height: 26rem;}
.nav_menu .submenu .submenu_item {display: flex; flex-direction: column;}
.nav_menu .submenu .submenu_item .submenu_item_title {padding: 1.9rem 2rem; box-sizing: border-box; border-radius: 3rem; border: 1px solid #DDDDDD; width: 35rem; font-size: 1.8rem; position: relative; overflow: hidden; z-index: 1; transition: color 0.3s ease;}
.nav_menu .submenu .submenu_item .submenu_item_title::before {content: ""; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background-color: #5BAB82; z-index: -1; transition: left 0.5s ease;}
.nav_menu .submenu .submenu_item .submenu_item_title.active::before {left: 0;}
.nav_menu .submenu .submenu_item .submenu_item_title.active {color: #fff;}


.nav_menu .submenu .submenu_item .submenu_item_title .arrow {width: 3rem; height: 3rem; border-radius: 100px; background-color: #97CCB1; position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem; display: flex; justify-content: center; align-items: center;}
.nav_menu .submenu .submenu_item .submenu_item_title.active .arrow {background-color: #fff;}
.nav_menu .submenu .submenu_item .submenu_item_title .arrow figure {width: 1rem; height: 0.5rem; display: flex;}
.nav_menu .submenu .submenu_item .submenu_item_title .arrow figure img {width: 100%; height: 100%; object-fit: fill;}
.nav_menu .submenu .submenu_item .thirdmenu {display: flex; flex-direction: column; margin-top: 1rem;}
.nav_menu .submenu .submenu_item .thirdmenu .thirdmenu_item {padding: 1rem 3.6rem; box-sizing: border-box; position: relative; color: #797979; font-size: 1.6rem;}
.nav_menu .submenu .submenu_item .thirdmenu .thirdmenu_item.active {color: #5BAB82; text-decoration: underline;}
.nav_menu .submenu .submenu_item .thirdmenu .thirdmenu_item::before {position: absolute; top: 50%; transform: translateY(-50%); left: 2rem; content: ''; width: 0.3rem; height: 0.3rem; border-radius: 1rem; background-color: rgba(33, 33, 33, 0.50);}
.nav_menu .submenu .submenu_item .thirdmenu .thirdmenu_item.active::before {background-color: #5BAB82;}

.nav_menu .illust_box {display: flex; align-items: flex-end; position: absolute; bottom: 4rem; right: 4rem;}
.nav_menu .illust_box .illust_01 {width: 12rem; height: 18rem;}
.nav_menu .illust_box .illust_01 img {width: 100%; height: 100%; object-fit: contain;}
.nav_menu .illust_box .illust_02 {width: 21rem; height: 19rem;}
.nav_menu .illust_box .illust_02 img {width: 100%; height: 100%; object-fit: contain;}

.nav_menu .image_box {position: absolute; top: 4.5rem; left: 8rem; display: none;}
.nav_menu .image_box .image_bg {border-radius: 2rem; background-color: rgba(0, 146, 71, 0.15); width: 25rem; height: 25rem;}
.nav_menu .image_box .image_area {width: 25rem; height: 25rem; border-radius: 2rem; border: 3px solid #91C9AC; overflow: hidden; position: absolute; top: 2rem; left: 2rem;}
.nav_menu .image_box .image_area img {width: 100%; height: 100%; object-fit: cover;}


/* quick menu */
.pc_ver.quick_menu {position: fixed; top: 32rem; right: 3rem; z-index: 100; display: flex; justify-content: flex-end;}
.pc_ver.quick_menu .quick_menu_list {display: flex; flex-direction: column; row-gap: 0.5rem; position: relative; width: 100%; align-items: flex-end;}
.pc_ver.quick_menu .quick_menu_list > li {display: flex; justify-content: flex-end; align-items: center; padding: 0.5rem; width: 8rem; position: relative; border-radius: 5rem; background-color: transparent; transition: width 0.5s ease, background-color 0.5s ease;}
.pc_ver.quick_menu .quick_menu_list > li.active.green {background-color: #00A651; width: 22rem;}
.pc_ver.quick_menu .quick_menu_list > li.active.yellow {background-color: #ECA500; width: 20rem;}
.pc_ver.quick_menu .quick_menu_list > li.active.red {background-color: #CB373D; width: 26rem;}
.pc_ver.quick_menu .quick_menu_list > li.active.blue {background-color: #005AAB; width: 18rem;}

.pc_ver.quick_menu .quick_menu_list > li::before {content: ""; opacity: 0; visibility: hidden;}
.pc_ver.quick_menu .quick_menu_list > li.active::before {color: #fff; position: absolute; right: 10rem; padding: 0.5rem 1rem; border-radius: 1rem; white-space: nowrap; text-align: right; opacity: 0; visibility: hidden; transition: opacity 0.3s ease 0.2s, visibility 0s linear 0.2s;}
.pc_ver.quick_menu .quick_menu_list > li.active.green::before {content: "ツアーガイド"; opacity: 1; visibility: visible;}
.pc_ver.quick_menu .quick_menu_list > li.active.yellow::before {content: "バス情報"; opacity: 1; visibility: visible;}
.pc_ver.quick_menu .quick_menu_list > li.active.red::before {content: "ホットライン1330"; opacity: 1; visibility: visible;}
.pc_ver.quick_menu .quick_menu_list > li.active.blue::before {content: "上へ"; opacity: 1; visibility: visible;}

.pc_ver.quick_menu .quick_menu_list > li a {background-color: #fff; border-radius: 2rem; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; padding: 1.5rem; box-sizing: border-box; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); transition: border-radius 0.5s ease, background-color 0.3s ease;}
.pc_ver.quick_menu .quick_menu_list > li a:hover {border-radius: 50%;}
.pc_ver.quick_menu .quick_menu_list > li a img {width: 100%; height: 100%; object-fit: contain;}

.mo_ver.quick_menu {position: fixed; right: 3rem; z-index: 101; bottom: 10%; top: auto;}
.mo_ver.quick_menu.act {z-index: 200}
.mo_ver.quick_menu .quick_menu_list {display: flex; flex-direction: column; row-gap: 0.5rem; position: relative;}
.mo_ver.quick_menu .quick_menu_list > li {background-color: #fff; border-radius: 2rem; padding: 1.5rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.mo_ver.quick_menu .quick_menu_list > li a {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem;}
.mo_ver.quick_menu .quick_menu_list > li a img {width: 100%; height: 100%; object-fit: contain;}
.mo_ver.quick_menu .quick_menu_list > li:last-child a {width: 3.3rem; height: 3.6rem;}

/* main */
main {margin-top: 13rem;}
main.sub_main {margin-top: 18rem;}
.main {overflow: hidden;}
.main_section {background: linear-gradient(180deg, #A5E7FF 0%, #FFF 100%); position: relative;}
.main_visual {position: relative;}
.main_visual .mySwiper {width: 100vw; height: 100rem;}
.main_visual .mySwiper .swiper-wrapper {width: 100vw; height: 100%;}
.main_visual .mySwiper .swiper-wrapper .swiper-slide {width: 100vw; height: 100%;}
.main_visual .mySwiper .swiper-wrapper .swiper-slide figure {width: 100vw; height: 100%; mask-image: url('img/mask.png'); mask-repeat: no-repeat; mask-size: 100vw;}
.main_visual .mySwiper .swiper-wrapper .swiper-slide figure img {width: 100%; height: 100%; object-fit: cover;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}
.main_visual .mySwiper .swiper-controls {display: flex; position: absolute; bottom: 27rem; left: 50%; transform: translateX(-50%); z-index: 1; align-items: center; height: fit-content; gap: 2rem;}
.main_visual .mySwiper .swiper-controls .swiper-button-play-pause {position: relative; z-index: 2; width: fit-content; height: fit-content; cursor: pointer;}
.main_visual .mySwiper .swiper-controls .swiper-button-play-pause figure {width: 6rem; height: 6rem;}
.main_visual .mySwiper .swiper-controls .swiper-button-play-pause figure img {width: 100%; height: 100%; object-fit: contain;}
.main_visual .mySwiper .swiper-controls .swiper-pagination {position: relative; font-size: 1.6rem; color: rgba(255, 255, 255, 0.6); padding-top: 1.6rem; font-weight: 700; width: fit-content;}
.main_visual .mySwiper .swiper-controls .swiper-pagination .swiper-pagination-current {font-size: 2.4rem; font-weight: 700; color: #fff;}
.main_visual .mySwiper .swiper-controls .swiper-progress {width: 15rem; height: 0.2rem; background-color: rgba(255, 255, 255, 0.4); position: relative; z-index: 2;}
.main_visual .mySwiper .swiper-controls .swiper-progress .progress-fill {background-color: #fff; height: 100%;}

/* .main_visual .mySwiper .swiper-button-next {width: 8.5rem; height: 5rem; background-image: url('icon/slide_next.png'); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; right: 20.5rem;}
.main_visual .mySwiper .swiper-button-next::before {content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background-image: url('icon/slide_next_hover.png'); background-size: contain; background-repeat: no-repeat; right: -1rem; opacity: 0; transition: opacity 0.5s ease;}
.main_visual .mySwiper .swiper-button-next:hover::before {opacity: 1; transition: opacity 0.5s ease;}
.main_visual .mySwiper .swiper-button-next:hover {background-image: none; transition: background-image 0.5s ease;} */

.main_visual .mySwiper .swiper-button-prev {width: 8.5rem; height: 6rem; left: 19.5rem;}
.main_visual .mySwiper .swiper-button-prev .circle {width: 5rem; height: 5rem; transition: transform 0.5s ease;}
.main_visual .mySwiper .swiper-button-prev .arrow {position: absolute; top: 2rem; left: 3.8rem; width: 6rem; height: 1.6rem; transition: left 0.5s ease;}
.main_visual .mySwiper .swiper-button-prev:hover .circle {transform: scale(1.1);}
.main_visual .mySwiper .swiper-button-prev:hover .arrow {left: 3rem;}

.main_visual .mySwiper .swiper-button-next {width: 8.5rem; height: 6rem; right: 20.5rem;}
.main_visual .mySwiper .swiper-button-next .circle {width: 5rem; height: 5rem; transition: transform 0.5s ease;}
.main_visual .mySwiper .swiper-button-next .arrow {position: absolute; top: 2rem; right: 3.8rem; width: 6rem; height: 1.6rem; transition: right 0.5s ease;}
.main_visual .mySwiper .swiper-button-next:hover .circle {transform: scale(1.1);}
.main_visual .mySwiper .swiper-button-next:hover .arrow {right: 3rem;}

.swiper-search-box {width: 100%; display: flex; flex-direction: column; row-gap: 9.7rem; justify-content: center; align-items: center; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.swiper-search-box .swiper-text {display: flex; flex-direction: column; row-gap: 2.8rem; justify-content: center; align-items: center;}
.swiper-search-box .swiper-text h2 {font-family: 'Katuri'; font-size: 6rem; color: #fff; line-height: 120%;}
.swiper-search-box .swiper-text p {font-size: 2.4rem; font-weight: 300; line-height: 120%; color: #fff;}

.swiper-search {width: fit-content; position: relative;}
.swiper-search .main_search_input {background-color: rgba(255, 255, 255, 0.60); backdrop-filter: blur(3px); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 3rem; width: 60rem; height: 6rem; border: none; padding: 1.8rem 5.8rem 1.8rem 2.9rem; box-sizing: border-box; font-size: 2rem; transition: background-color 0.3s ease, color 0.3s ease;}
.swiper-search .main_search_input::placeholder {color: #000; font-weight: 500; transition: opacity 0.3s ease; opacity: 1;}
.swiper-search .main_search_input:focus {background-color: #fff; outline: none;}
.swiper-search .main_search_input:focus::placeholder {opacity: 0;}
.swiper-search .search_btn {background-color: transparent; width: 2.2rem; height: 2.2rem; position: absolute; top: 50%; transform: translateY(-50%); right: 2.9rem;}
.swiper-search .search_btn img {width: 100%; height: 100%; object-fit: fill;}

.bg_svg {position: absolute; bottom: -0.4rem; left: 0; z-index: 1;}

.ani {position: relative; z-index: 0;}
.main_illust {position: absolute; z-index: 0;}
.main_illust.cloud01 {bottom: 0; left: 0; animation: cloudMove01 20s linear infinite;}
.main_illust.cloud01 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.cloud02 {bottom: -16rem; right: -16rem; animation: cloudMove03 20s linear infinite;}
.main_illust.cloud02 figure img {width: 100%; height: 100%; object-fit: contain;}

.visual_menu {position: absolute; bottom: -13rem; left: 50%; transform: translateX(-50%); z-index: 3;}
.visual_menu ul {display: flex; align-items: center; gap: 1rem;}
.visual_menu ul li a {width: 30rem; height: 30rem; background-color: rgba(255, 255, 255, 0.95); box-shadow: 3px 10px 1px 0px rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 1000px; row-gap: 3.7rem; position: relative;}
.visual_menu ul li a span {text-align: center; font-size: 2.4rem; font-weight: 700;}
.visual_menu ul li a figure {width: 11.5rem; height: 12rem; overflow: hidden;}
.visual_menu ul li a figure img {width: 100%; height: 100%; object-fit: contain; transition: transform 0.5s ease, opacity 0.5s ease;}
.visual_menu ul li a figure img.original {transform: translateY(0);}
.visual_menu ul li a figure img.hover {transform: translateY(-200%); opacity: 0;}
.visual_menu ul li:hover a figure img.original {transform: translateY(100%); opacity: 0;}
.visual_menu ul li:hover a figure img.hover {transform: translateY(-100%); opacity: 1;}
.visual_menu ul li:hover:first-child a span {color: #34688D;}
.visual_menu ul li:hover:nth-child(2) a span {color: #2C7E38;}
.visual_menu ul li:hover:nth-child(3) a span {color: #D8522F;}
.visual_menu ul li:hover:last-child a span {color: #C3A60A;}

.ptc_container {display: flex; flex-direction: column; width: 100%; padding-top: 30rem; align-items: center; position: relative; z-index: 4;}
.ptc_container .ptc_title {text-align: center; display: flex; flex-direction: column; row-gap: 2rem;}
.ptc_container .ptc_title h3 {font-family: 'Katuri'; font-size: 6rem; line-height: 120%; position: relative; z-index: 1;}
.ptc_container .ptc_title p {font-size: 2.4rem; line-height: 120%; font-weight: 400; position: relative; z-index: 1;}

.ptc_container .ptc_swiper_pagination {margin-top: 5.5rem; margin-bottom: 10rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.ptc_container .ptc_swiper_pagination ul {display: flex; gap: 0.5rem; align-items: center; justify-content: center;}
.ptc_container .ptc_swiper_pagination ul li {padding: 1.6rem; box-sizing: border-box; border-radius: 2.5rem; background-color: #A6C5B5; color: #fff; font-weight: 500; cursor: pointer;}
.ptc_container .ptc_swiper_pagination ul li.active {background-color: #00A651; box-shadow: -3px -5px 1px 0px rgba(0, 0, 0, 0.16) inset;}
.ptc_container .ptc_swiper {width: 54.6875vw;/* 105rem */ height: 65rem; display: flex; justify-content: center;}
.ptc_container .ptc_swiper .swiper-wrapper {width: 44.78167vw;/* 86rem */ height: 100%;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide {width: 100%; height: 100%; display: flex; justify-content: center; position: relative;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide figure {width: 100%; height: 100%; mask-image: url('img/mask3.png'); mask-repeat: no-repeat; mask-size: 44.78167vw;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide figure img {width: 100%; height: 100%; object-fit: cover;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .bg_img {background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 70%, #000 100%); mask-image: url('img/mask3.png'); mask-repeat: no-repeat; mask-size: 44.78167vw; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text {position: absolute; bottom: 5rem; left: 45%; transform: translateX(-50%); z-index: 3; display: flex; width: 100%; justify-content: center;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text span {font-family: 'Katuri'; font-size: 4.2rem; color: #fff;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text a {display: flex; align-items: flex-end;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text .img_wrapper {width: 7rem; height: 7rem; background-color: rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 1.7rem 1.8rem 2.6rem 2.5rem; box-sizing: border-box; transition: background-color 0.3s ease; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(15px); margin-bottom: 1.5rem;}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text img {width: 100%; height: 100%; object-fit: fill; transition: transform 0.3s ease; }
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text:hover .img_wrapper {background-color: rgba(44, 126, 56, 0.3);}
.ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text:hover img {transform: translate(5px, -5px);}

.ptc_container .ptc_swiper .swiper-button-next {width: 7rem; height: 7rem; background-color: rgba(255, 255, 255, 0.6); border-radius: 100%; right: 0; transition: background-color 0.5s ease;}
.ptc_container .ptc_swiper .swiper-button-next .ptc_arrow_next {width: 1.7rem; height: 2.9rem; right: 2.5rem; position: absolute; transition: right 0.4s ease;}
.ptc_container .ptc_swiper .swiper-button-next .ptc_hover_line {width: 3rem; opacity: 0; position: absolute; right: 3rem; transition: opacity 0.3s ease, left 0.3s ease;}
.ptc_container .ptc_swiper .swiper-button-next:hover {background-color: #fff;}
.ptc_container .ptc_swiper .swiper-button-next:hover .ptc_arrow_next {right: 2rem;}
/* .ptc_container .ptc_swiper .swiper-button-next:hover .ptc_hover_line {opacity: 1; right: 2rem;} */

.ptc_container .ptc_swiper .swiper-button-prev {width: 7rem; height: 7rem; background-color: rgba(255, 255, 255, 0.6); border-radius: 100%; left: 0; transition: background-color 0.5s ease;}
.ptc_container .ptc_swiper .swiper-button-prev .ptc_arrow_prev {width: 1.7rem; height: 2.9rem; left: 2.5rem; position: absolute; transition: left 0.4s ease;}
.ptc_container .ptc_swiper .swiper-button-prev .ptc_hover_line {width: 3rem; opacity: 0; position: absolute; left: 3rem; transition: opacity 0.3s ease, left 0.3s ease;}
.ptc_container .ptc_swiper .swiper-button-prev:hover {background-color: #fff;}
.ptc_container .ptc_swiper .swiper-button-prev:hover .ptc_arrow_prev {left: 2rem;}
/* .ptc_container .ptc_swiper .swiper-button-prev:hover .ptc_hover_line {opacity: 1; left: 2rem;} */

.main_illust.ground02 {bottom: 7.5rem; left: 0;}
.main_illust.ground02 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.cloud03 {top: 23rem; right: 0rem; z-index: 0; animation: cloudMove02 20s linear infinite;}
.main_illust.cloud03 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.cloud04 {top: 50rem; left: -8rem; z-index: 0; animation: cloudMove02 20s linear infinite;}
.main_illust.cloud04 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.couple {bottom: 0; left: 10rem; animation-direction: alternate; animation-name: person-left-right-01; animation-duration: 1200ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.main_illust.couple figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.family {bottom: 16rem; right: 10rem; animation-direction: alternate-reverse; animation-name: person-left-right-01; animation-duration: 1400ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.main_illust.family figure img {width: 100%; height: 100%; object-fit: contain;}

/* section 02 */
.section02 {position: relative; margin-bottom: 20.6rem; z-index: 3;}
.etf_container {display: flex; padding-top: 20rem; position: relative; z-index: 3;}
.etf_container .etf_text_box {width: 50%; padding-left: 24rem; padding-right: 5.4rem; padding-top: 8rem; box-sizing: border-box; display: flex; flex-direction: column; row-gap: 6rem; position: relative; z-index: 1;}
.etf_container .etf_text_box .etf_txt {display: flex; flex-direction: column; row-gap: 2rem;}
.etf_container .etf_text_box .etf_txt h3 {font-family: 'Katuri'; font-size: 6rem; line-height: 120%;}
.etf_container .etf_text_box .etf_txt p {font-size: 2.4rem; line-height: 120%;}

.etf_container .etf_slide_box {width: 50%; padding-left: 1.4rem; box-sizing: border-box; overflow: hidden;}
.etf_slide_box .etf_swiper {width: 50vw; overflow: hidden; position: relative; z-index: 3; padding-left: 4rem; }
.etf_slide_box .etf_swiper .swiper-wrapper {width: 50vw; align-items: center;} /* .swiper-slide-active */
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide {width: 31rem; height: 26rem; border-radius: 2rem; overflow: hidden; box-shadow: 7px 10px 1px 0px rgba(0, 0, 0, 0.07); position: relative;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide figure {width: 100%; height: 100%;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide figure img {width: 100%; height: 100%; object-fit: cover;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide.swiper-slide-active {width: 45rem !important; height: 40rem;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .etf_swiper_text{opacity: 1;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text {opacity: 0; width: 100%; position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; justify-content: center;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text a {display: flex; align-items: flex-end;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text span {font-family: 'Katuri'; font-size: 2.4rem; color: #fff; position: relative; z-index: 10; text-align: center;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text .img_wrapper {position: absolute; right: 3rem; width: 6rem; height: 6rem; background-color: rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 1rem 1rem 2rem 2rem; box-sizing: border-box; transition: background-color 0.3s ease; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(15px); margin-bottom: 5.5rem;}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text .img_wrapper img {width: 100%; height: 100%; object-fit: fill; transition: transform 0.3s ease; }
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text:hover .img_wrapper {background-color: rgba(44, 126, 56, 0.3);}
.etf_slide_box .etf_swiper .swiper-wrapper .swiper-slide .etf_swiper_text:hover img {transform: translate(3px, -3px);}
.etf_slide_box .etf_swiper .etf_swiper_controls {display: flex; margin-top: 2.5rem; gap: 2rem; align-items: center; position: relative; z-index: 1;}
.etf_slide_box .etf_swiper .etf_swiper_controls .swiper-button-play-pause figure {width: 0.9rem; height: 1.2rem;}
.etf_slide_box .etf_swiper .etf_swiper_controls .swiper-button-play-pause figure img {width: 100%; height: 100%; object-fit: contain;}
.etf_slide_box .etf_swiper .etf_swiper_controls .swiper-button-play-pause figure.mo_ver {width: 6rem; height: 6rem;}
.etf_slide_box .etf_swiper .etf_swiper_controls .etf_pagination {width: fit-content;}
.etf_slide_box .etf_swiper .etf_swiper_controls .etf_pagination .swiper-pagination-current {font-size: 1.8rem; font-weight: 700;}
.etf_slide_box .etf_swiper .etf_swiper_controls .progress-bar {width: 10rem; background-color: rgba(33, 33, 33, 0.3); height: 0.3rem;}
.etf_slide_box .etf_swiper .etf_swiper_controls .progress-bar .progress-fill {background-color: #353535; height: 100%;}

.etf_slide_box .etf_swiper .swiper-button-next {width: 7rem; height: 7rem; background-color: rgba(255, 255, 255, 0.6); border-radius: 100%; right: 24.5834vw; transition: background-color 0.5s ease; top: 43% !important;}
.etf_slide_box .etf_swiper .swiper-button-next .ptc_arrow_next {width: 2rem; height: 4.4rem; right: 2.5rem; position: absolute; transition: right 0.4s ease;}
.etf_slide_box .etf_swiper .swiper-button-next .ptc_hover_line {width: 4rem; opacity: 0; transition: opacity 0.3s ease;}
.etf_slide_box .etf_swiper .swiper-button-next:hover {background-color: #fff;}
.etf_slide_box .etf_swiper .swiper-button-next:hover .ptc_arrow_next {right: 2rem;}
/* .etf_slide_box .etf_swiper .swiper-button-next:hover .ptc_hover_line {opacity: 1;} */

.etf_slide_box .etf_swiper .swiper-button-prev {width: 7rem; height: 7rem; background-color: rgba(255, 255, 255, 0.6); border-radius: 100%; left: 0.6rem; transition: background-color 0.5s ease; top: 43% !important;}
.etf_slide_box .etf_swiper .swiper-button-prev .ptc_arrow_prev {width: 2rem; height: 4.4rem; left: 2.5rem; position: absolute; transition: left 0.4s ease;}
.etf_slide_box .etf_swiper .swiper-button-prev .ptc_hover_line {width: 4rem; opacity: 0; transition: opacity 0.3s ease;}
.etf_slide_box .etf_swiper .swiper-button-prev:hover {background-color: #fff;}
.etf_slide_box .etf_swiper .swiper-button-prev:hover .ptc_arrow_prev {left: 2rem;}
/* .etf_slide_box .etf_swiper .swiper-button-prev:hover .ptc_hover_line {opacity: 1;} */

.main_illust.party01 {top: -7rem; left: -3rem; z-index: 0;}
.main_illust.party01 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.party02 {top: -7rem; right: 0; z-index: 0;}
.main_illust.party02 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.fireworks01 {top: 7rem; left: 24rem; animation: fireworks 4000ms 0ms linear infinite;}
.main_illust.fireworks01 figure {width: 11rem; height: 12rem;}
.main_illust.fireworks01 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.fireworks02 {left: 46%; transform: translateX(-50%); top: 7rem;}
.main_illust.fireworks02 figure {width: 22rem; height: 24rem; animation: fireworks 4000ms 0ms linear infinite;}
.main_illust.fireworks02 figure img {width: 100%; height: 100%; object-fit: contain;}

.illust_area {height: 39rem; position: relative;}
.illust_area > div {position: relative; z-index: 2;}
.illust_area .tree01 {position: absolute; z-index: 1; top: -11.6145834vw; left: 2.03125vw;}
.illust_area .tree01 figure {width: 10.4167vw; height: 17.1875vw;}
.illust_area .tree01 figure img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .tree02 {position: absolute; z-index: 1; top: -10.4167vw; right: 7.29167vw;}
.illust_area .tree02 figure {width: 6.25vw; height: 15.104167vw;}
.illust_area .tree02 figure img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .fireworks03 {position: absolute; z-index: 1; top: -11.979167vw; left: 21.875vw;}
.illust_area .fireworks03 figure {width: 7rem; height: 6.8rem; animation: fireworks 4000ms 0ms linear infinite;}
.illust_area .fireworks03 figure img {width: 100%; height: 100%; object-fit: contain;}
.illust_area .redman01 {position: absolute; z-index: 1; left: 16.770834vw; top: -6.25vw;}
.illust_area .redman01 .redman {width: 7.5vw; height: 9.9479167vw; position: relative; z-index: 1; animation-direction: alternate; animation-name: viewer-01; animation-duration: 1000ms; animation-timing-function: cubic-bezier(.52, .08, .04, 3); animation-iteration-count: infinite;}
.illust_area .redman01 .redman img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .redman01 .shadow {width: 16rem; height: 6rem; position: absolute; bottom: -1.04167vw; left: -0.520834vw; z-index: 0;}
.illust_area .redman01 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .redman02 {position: absolute; z-index: 1; left: 13.54167vw; top: 0.520834vw;}
.illust_area .redman02 .redman {width: 11.8rem; height: 16.3rem; position: relative; z-index: 1; animation-direction: alternate-reverse; animation-name: viewer-01; animation-duration: 1200ms; animation-timing-function: cubic-bezier(1, 2, .04, 1); animation-iteration-count: infinite;}
.illust_area .redman02 .redman img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .redman02 .shadow {width: 14rem; height: 4.7rem; position: absolute; bottom: -0.78125vw; left: -0.104167vw; z-index: 0;}
.illust_area .redman02 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .saja01 {position: absolute; z-index: 1; left: 27.0834vw; top: -5.729167vw;}
.illust_area .saja01 .saja {width: 20rem; height: 18.7rem; position: relative; z-index: 1; animation-direction: alternate; animation-name: person-left-right-01; animation-duration: 1200ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.illust_area .saja01 .saja img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .saja01 .shadow {width: 22.2rem; height: 4.7rem; position: absolute; bottom: -1.3rem; left: -1rem; z-index: 0;}
.illust_area .saja01 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .blueman01 {position: absolute; z-index: 1; left: 51rem; top: 1rem;}
.illust_area .blueman01 .blueman {width: 15.8rem; height: 16.2rem; position: relative; z-index: 1; animation-direction: alternate; animation-name: viewer-02; animation-duration: 800ms; animation-timing-function: cubic-bezier(.52, .08, .04, 1.18); animation-iteration-count: infinite;}
.illust_area .blueman01 .blueman img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .blueman01 .shadow {width: 16.1rem; height: 4.7rem; position: absolute; bottom: -0.78125vw; z-index: 0;}
.illust_area .blueman01 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .greenman01 {position: absolute; z-index: 1; left: 39.58vw; top: -5.2vw;}
.illust_area .greenman01 .greenman {width: 16.1rem; height: 16.1rem; position: relative; z-index: 1; animation-direction: alternate; animation-name: viewer-02; animation-duration: 900ms; animation-timing-function: cubic-bezier(.72, .1, .1, 1.5); animation-iteration-count: infinite;}
.illust_area .greenman01 .greenman img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .greenman01 .shadow {width: 12.2rem; height: 4.7rem; position: absolute; z-index: 0; bottom: -0.78125vw; left: 2.8645834vw;}
.illust_area .greenman01 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .greenman02 {position: absolute; z-index: 1; left: 38.54167vw; top: 1.04167vw;}
.illust_area .greenman02 .greenman {width: 16.1rem; height: 16.1rem; position: relative; z-index: 1; animation-direction: alternate-reverse; animation-name: viewer-02; animation-duration: 1200ms; animation-timing-function: cubic-bezier(.52, .08, .04, 2); animation-iteration-count: infinite;}
.illust_area .greenman02 .greenman img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .greenman02 .shadow {width: 12.2rem; height: 4.7rem; position: absolute; z-index: 0; bottom: -0.78125vw; left: 2.8645834vw;}
.illust_area .greenman02 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .people01 {position: absolute; top: 10.4167vw; left: 15.625vw; z-index: 1;}
.illust_area .people01 .people {width: 19.6rem; height: 14.5rem; /* animation-direction: alternate; animation-name: viewer-01; animation-duration: 1000ms; animation-delay: 0ms; animation-timing-function: ease; animation-iteration-count: infinite; */}
.illust_area .people01 .people img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .people02 {position: absolute; top: 10.4167vw; left: 32.8125vw; z-index: 1;}
.illust_area .people02 .people {width: 13.6rem; height: 19.6rem; /* animation-direction: alternate; animation-name: viewer-02; animation-duration: 1000ms; animation-timing-function: cubic-bezier(.52, .08, .04, 1.18); animation-iteration-count: infinite; */}
.illust_area .people02 .people img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .camera01 {position: absolute; top: 2.0834vw; right: 18.34vw; z-index: 1;}
.illust_area .camera01 .camera {width: 21.2rem; height: 23.7rem; /* animation-direction: alternate-reverse; animation-name: viewer-01; animation-duration: 1000ms; animation-delay: 0ms; animation-timing-function: ease; animation-iteration-count: infinite; */}
.illust_area .camera01 .camera img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .balloon01 {position: absolute; top: 11.45834vw; right: 30.20834vw; z-index: 1;}
.illust_area .balloon01 .balloon {width: 12.7rem; height: 17.8rem; position: relative; z-index: 1; animation-direction: alternate; animation-name: person-left-right-01; animation-duration: 1200ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.illust_area .balloon01 .balloon img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .balloon01 .shadow {width: 4.6875vw; height: 1.67vw; position: absolute; z-index: 0; bottom: -0.5rem; left: 0.520834vw;}
.illust_area .balloon01 .shadow img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .balloon02 {position: absolute; top: 5.20834vw; right: 41.67vw; z-index: 1;}
.illust_area .balloon02 .balloon {width: 12.7rem; height: 17.8rem; position: relative; z-index: 1; animation-direction: alternate; animation-name: person-left-right-01; animation-duration: 1200ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.illust_area .balloon02 .balloon img {width: 100%; height: 100%; object-fit: fill;}
.illust_area .balloon02 .shadow {width: 9rem; height: 3.2rem; position: absolute; z-index: 0; bottom: -0.5rem; left: 0.520834vw;}
.illust_area .balloon02 .shadow img {width: 100%; height: 100%; object-fit: fill;}

.st_container {display: flex; padding-left: 26rem; padding-bottom: 12.8rem; box-sizing: border-box; position: relative;}
.st_box {position: relative; z-index: 10;}
.st_box ul {display: flex; gap: 5rem;}
.st_box ul li {width: 25rem; position: relative; z-index: 1; cursor: pointer;}
.st_box ul li figure {width: 100%; height: 44.7rem; border-radius: 13.1rem; overflow: hidden; box-shadow: 7px 10px 1px 0px rgba(0, 0, 0, 0.16);}
.st_box ul li figure img {width: 100%; height: 100%; object-fit: cover;}
.st_box ul li:hover figure img {transform: scale(1.1); transition: transform 0.3s ease;}
.st_box ul li .st_number_text {position: absolute; bottom: 18rem; z-index: 1;}
.st_box ul li .st_number_text a span {font-size: 10.6rem; font-weight: 700; line-height: 122%; color: rgba(255, 255, 255, 0.75);}
.st_box ul li .st_number_text a {display: flex;}
.st_box ul li .st_number_text a .img_wrapper {width: 7rem; height: 7rem; background-color: rgba(255, 255, 255, 0.4); border-radius: 100px; padding: 1.7rem 1.8rem 2.6rem 2.5rem; box-sizing: border-box; transition: background-color 0.3s ease; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position: absolute; right: -5rem; top: -2rem;}
.st_box ul li .st_number_text a .img_wrapper img {width: 100%; height: 100%; object-fit: fill; transition: transform 0.3s ease;}
.st_box ul li:hover .st_number_text a .img_wrapper {background-color: rgba(0, 166, 81, 0.3);}
.st_box ul li:hover .st_number_text.no2 a .img_wrapper {background-color: rgba(237, 28, 36, 0.3);}
.st_box ul li:hover .st_number_text.no3 a .img_wrapper {background-color: rgba(0, 126, 255, 0.3);}
.st_box ul li:hover .st_number_text a .img_wrapper img {transform: translate(5px, -5px);}
.st_box ul li .bg_img {background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 70%, #000 100%); border-radius: 13.1rem; width: 100%; height: 60%; position: absolute; bottom: 18.2rem; z-index: 0;}
.st_box ul li .st_explain_text {margin-top: 3.4rem; display: flex; flex-direction: column; row-gap: 1.6rem;}
.st_box ul li .st_explain_text h6 {font-size: 2rem; font-weight: 700; line-height: 120%; color: #fff;}
.st_box ul li .st_explain_text p {font-size: 1.6rem; font-weight: 400; line-height: 120%; color: rgba(255, 255, 255, 0.70);}
.st_box ul li:nth-child(2) {padding-top: 7rem;}
.st_box ul li:nth-child(2) .st_number_text {bottom: 11rem;}
.st_box ul li:nth-child(2) .bg_img {bottom: 11.2rem;}
.st_main_text {padding-top: 20.5rem; padding-left: 14.6rem; display: flex; flex-direction: column; row-gap: 1.8rem; position: relative; z-index: 1;}
.st_main_text h3 {font-family: 'Katuri'; font-size: 6rem; line-height: 120%; color: #fff; position: relative;}
.st_main_text h3::before {content: ''; width: 11rem; height: 1px; background-color: #fff; position: absolute; top: 3.4rem; left: -14.5rem;}
.st_main_text p {font-size: 2.4rem; font-weight: 400; line-height: 120%; color: #fff;}

.main_illust.ground03 {bottom: 30rem; z-index: 0;}
.main_illust.ground03 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.ground04 {bottom: 0; z-index: 0;}
.main_illust.ground04 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.picture_couple {bottom: -23rem; z-index: 1; left: 14rem;}
.main_illust.picture_couple figure {width: 34.3rem; height: 40rem;}
.main_illust.picture_couple figure img {width: 100%; height: 100%; object-fit: fill;}
.main_illust.hanok {bottom: -10rem; right: 0; z-index: 1;}
.main_illust.hanok figure {width: 63.7rem; height: 47.9rem;}
.main_illust.hanok figure img {width: 100%; height: 100%; object-fit: contain;}

/* section 03 */
.section03 {position: relative; padding-bottom: 20rem;}
.hah_container {display: flex; flex-direction: column; row-gap: 8rem;}
.hah_title {display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2rem;}
.hah_title h3 {font-family: 'Katuri'; font-size: 6rem; line-height: 120%;}
.hah_title p {font-size: 2.4rem; line-height: 120%; font-weight: 400; text-align: center;}

.hah_list {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.hah_list li {width: 46.6rem; height: 60rem; border-radius: 5rem; overflow: hidden; position: relative;}
.hah_list li .bg_img {background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 70%, #000 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.hah_list li figure {width: 100%; height: 100%;}
.hah_list li figure img {width: 100%; height: 100%; object-fit: cover;}
.hah_list li:hover figure img {transform: scale(1.1); transition: transform 0.3s ease;}
.hah_list li .hah_txt {position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%);}
.hah_list li .hah_txt span {font-family: 'Katuri'; font-size: 2.8rem; line-height: 142%; color: #fff; position: relative; z-index: 1;}
/* .hah_list li .hah_txt img {width: 6rem; height: 6rem; padding: 1.3rem 1.4rem 2rem 1.9rem; box-sizing: border-box; border-radius: 100px; object-fit: fill; background-color: rgba(255, 255, 255, 0.3); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.16); backdrop-filter: blur(3px); position: absolute; top: -3rem; right: -5rem; z-index: 0;} */

.hah_list li .hah_txt .img_wrapper {width: 6rem; height: 6rem; background-color: rgba(255, 255, 255, 0.3); border-radius: 100px; padding: 1.3rem 1.4rem 2rem 1.9rem; box-sizing: border-box; transition: background-color 0.3s ease; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(15px); position: absolute; top: -3rem; right: -5rem; z-index: 0;}
.hah_list li .hah_txt img {width: 100%; height: 100%; object-fit: fill; transition: transform 0.3s ease; }
.hah_list li:hover .hah_txt .img_wrapper {background-color: rgba(44, 126, 56, 0.3);}
.hah_list li:hover .hah_txt img {transform: translate(5px, -5px);}

.main_illust.tree03 {top: 14rem; left: -1rem;}
.main_illust.tree03 figure {width: 41rem; height: 15rem;}
.main_illust.tree03 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.tree04 {bottom: 10rem; right: -1rem;}
.main_illust.tree04 figure {width: 41rem; height: 15rem;}
.main_illust.tree04 figure img {width: 100%; height: 100%; object-fit: contain;}


/* section04 */
.section04 {background-color: #65A168; position: relative;}
.s04_list {display: flex; justify-content: center; align-items: center;}
.s04_list li {padding: 4rem 3rem 3rem 3rem; box-sizing: border-box; display: flex; flex-direction: column; position: relative; width: 35rem; height: 27.6rem; background-color: #65A168;}
.s04_list li::after {content: ''; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 0; right: 0;}
.s04_list li:last-child::after {display: none;}
.s04_list li .icon {width: 5rem; height: 5rem;}
.s04_list li .icon img {width: 100%; height: 100%; object-fit: contain;}
.s04_list li h6 {margin-top: 2.5rem; margin-bottom: 1.5rem; font-size: 2.4rem; font-weight: 700; line-height: 120%; color: #fff;}
.s04_list li p {font-size: 1.6rem; font-weight: 400; line-height: 120%; color: #fff;}
.s04_list li .plus {position: absolute; top: 3rem; right: 3rem;}
.s04_list li:hover .plus img {transform: rotate(180deg); transition: transform 0.3s ease;}
.s04_list li::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: 1;}
.s04_list li:hover::before {transform: scaleX(1);}

.main_illust.mask01 {top: -5rem; left: 5rem; z-index: 1;}
.main_illust.mask01 figure {width: 13.6rem; height: 18rem;}
.main_illust.mask01 figure img {width: 100%; height: 100%; object-fit: contain;}
.main_illust.mask02 {bottom: -5rem; right: 5rem; z-index: 1;}
.main_illust.mask02 figure {width: 13.6rem; height: 18rem;}
.main_illust.mask02 figure img {width: 100%; height: 100%; object-fit: contain;}

/* footer */
.footer {background-color: #212121; display: flex; padding: 4.4rem 0; justify-content: center; align-items: stretch; gap: 54rem; position: relative;}
.footer .info_box {display: flex; flex-direction: column; row-gap: 2.3rem;}
.footer .info_box ul {display: flex; flex-direction: column; row-gap: 1.2rem;}
.footer .info_box ul li {display: flex; align-items: center; color: rgba(255, 255, 255, 0.6); gap: 2.2rem;}
.footer .info_box ul li .tit {font-family: 'Paperlogy-5Medium'; font-size: 1.4rem; line-height: 1.2;}
.footer .info_box ul li:nth-child(2) .tit {margin-right: 4.1rem;}
.footer .info_box ul li:nth-child(3) .tit {margin-right: 4.1rem;}
.footer .info_box ul li .cont {font-family: 'Paperlogy-3Light'; font-size: 1.4rem; line-height: 1.2;}
.footer .info_box .copyright {font-family: 'Paperlogy-3Light'; font-size: 1.4rem; line-height: 1.2; color: rgba(255, 255, 255, 0.6);}

.footer .logo_box {opacity: 0.5; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.footer .logo_box figure{filter: grayscale(100%);}
.footer .logo_box .txt {display: flex; align-items: flex-end;}
.footer .logo_box .txt .tit {font-family: 'Paperlogy-5Medium'; font-size: 1.4rem; color: #fff; line-height: 1.2;}
.footer .logo_box .txt .cont {font-family: 'Paperlogy-8ExtraBold'; font-size: 4rem; color: #fff; line-height: 100%;}


/* 모바일 메뉴 */
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 100;}
.menu_container_open .overlay {display: block;}
.menu_container {position: fixed; top: 0; right: -100%; width: 56rem; height: calc(100vh - 6rem); background-color: #fff; transition: right 0.3s ease; z-index: 101; padding-top: 6rem;}
.menu_container_open {right: 0;}
.mo_nav_menu {display: flex; flex-direction: column; justify-content: space-between;}
.mo_nav_menu .mo_main_menu {overflow: auto}
.mo_menu_item {border-bottom: 1px solid #ccc;}
.mo_menu_item_title {display: flex; justify-content: space-between; font-size: 3rem; font-weight: 600; align-items: center; padding: 2.2rem 4rem; box-sizing: border-box;}
.mo_menu_item_title.active {color: #009247;}
.mo_menu_item_title .mo_arrow figure {width: 4rem; height: 4rem;}
.mo_menu_item_title .mo_arrow figure img {width: 100%; height: 100%; object-fit: contain;}
.mo_submenu {max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.5s ease; opacity: 0;}
.mo_submenu.active {max-height: 500px; opacity: 1;}
.mo_submenu_item {border-bottom: 1px solid #DDDDDD;}
.mo_submenu_item_title {display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 1.8rem 4rem 1.8rem 4rem; box-sizing: border-box; background-color: #009247; font-size: 2.8rem;}
.mo_thirdmenu {max-height: 0; overflow: hidden; flex-direction: column; transition: max-height 0.4s ease, opacity 0.5s ease; opacity: 0;}
.mo_thirdmenu.active {max-height: 500px; opacity: 1;}
.mo_thirdmenu li {padding: 2.1rem 7rem; font-size: 2.4rem; border-bottom: 1px solid #ccc;}
.mo_thirdmenu li:last-child {border-bottom: none;}
.mo_close_btn {background-color: transparent; width: 6rem; height: 6rem; border-radius: 0.5rem; background-color: #fff; border: 1px solid #000; opacity: 0.9; position: absolute; top: 7rem; left: -8rem; display: flex; justify-content: center; align-items: center;}
.mo_close_btn img {width: 2.6rem; height: 2.6rem; object-fit: contain;}
.mo_menu_bottom {background-color: #212121;}
.mo_menu_bottom .inner {display: flex; align-items: flex-end; padding: 5.5rem 4rem; justify-content: space-between;}
.mo_menu_bottom .inner {opacity: 0.5;}
.mo_menu_bottom figure {filter: grayscale(100%); width: 15.6rem; height: 2.8rem;}
.mo_menu_bottom figure img {width: 100%; height: 100%; object-fit: contain;}
.mo_menu_bottom .txt {color: #fff; font-family: 'Paperlogy-5Medium';}
.mo_menu_bottom .txt .tit {font-size: 1.4rem;}
.mo_menu_bottom .txt .cont {font-size: 4rem;}
.mo_quick_menu {display: flex; transform: scaleY(0); transform-origin: bottom; transition: transform 0.5s ease, opacity 0.5s ease; opacity: 0; flex-direction: column; row-gap: 2rem; position: absolute; top: -27rem;}
.mo_quick_menu.open {transform: scaleY(1); opacity: 1;}
.mo_quick_last {position: relative;}
.mo_quick_menu > li {background-color: #fff; border-radius: 2rem; padding: 1.5rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 7rem; height: 7rem;}
.mo_quick_menu > li a {display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; position: relative; text-align: right;}
.mo_quick_menu > li a span {position: absolute; top: 50%; transform: translateY(-50%); left: -24rem; text-align: right; width: 20rem; font-size: 2.4rem; color: #fff;  font-family: 'Paperlogy-5Medium';}
.mo_quick_menu > li a img {width: 100%; height: 100%; object-fit: contain;}
.mo_quick_menu > li:last-child a {width: 3.3rem; height: 3.6rem;}


/* search popup */
/* 팝업 기본 스타일 */
.popup {position: fixed; top: 13.1rem; left: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 10;}
.popup_content {background: white; text-align: center; width: 100%; height: 100vh; overflow-y: auto;}
.hidden {display: none;}

.search_main {background-color: #F7F8F9; display: flex; flex-direction: column; row-gap: 6.5rem; padding-bottom: 15rem;}
.search_container {display: flex; flex-direction: column; row-gap: 5rem; width: 100%; height: 100%;}
.search_txt_box {display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 6.4rem; box-sizing: border-box; row-gap: 2.8rem;}
.search_txt_box h3 {font-family: 'Katuri'; font-size: 4.2rem; line-height: 1.5;}
.swiper-search.search_style .main_search_input {background-color: #fff; box-shadow: none;}
.search_tag_box ul {display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; justify-content: center;}
.search_tag_box ul li {border: 1px solid #555555; border-radius: 2.5rem; padding: 1.5rem 2.5rem; box-sizing: border-box; color: #555555;}
.search_tag_box ul li.active {color: #009247; border: 1px solid #009247;}
.search_tag_box ul li a {display: block; font-size: 1.8rem; line-height: 1.2;}
.search_result_box {padding: 0 31.2rem; box-sizing: border-box;}
.search_result_box ul {display: flex; flex-wrap: wrap; gap: 1rem; row-gap: 2.3rem;}
.search_result_box ul li {width: calc((100% - 2rem) / 3);}
.search_result_box ul li:nth-child(3n+2) {padding-top: 6rem;}
.search_result_box ul li a {width: 100%; display: flex; flex-direction: column; row-gap: 1.5rem;}
.search_result_box ul li a figure {width: 100%; height: 100%;}
.search_result_box ul li a figure img {width: 100%; height: 100%;}
.search_result_box ul li a span {font-size: 1.6rem; line-height: 1.1;}


/* sub pages 시작 */
/* 공통 - 버튼 */
.sub_cont_icon {display: flex; gap: 1rem; justify-content: flex-end; align-items: center; position: relative;}
.sub_cont_icon.style_2 {width: calc(100% - 26rem);}
.sub_btn {background-color: #fff; border: 1px solid #ddd; border-radius: 1rem; padding: 0.7rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.07); position: relative;}
.sub_btn:hover {border: 1px solid transparent;}
.sub_btn:hover::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 2px solid #42A873; border-radius: 1rem}
.sub_btn img {width: 2.5rem; height: 2.5rem; object-fit: fill;}

/* 공통 - sub header 시작 */
.sub_title_box {margin-top: 5rem; margin-left: 10rem; padding-top: 5rem; padding-left: 16rem; padding-bottom: 4rem; box-sizing: border-box; border-radius: 8rem 0 0 8rem; display: flex; flex-direction: column; row-gap: 22rem;}
.sub_title_box.hahoe {background-image: url('img/sub_pages_img/ourpicks/visual/01.HahoeVillageArea.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.dosan {background-image: url('img/sub_pages_img/ourpicks/visual/02.DosanseowonArea.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.bongjeongsa {background-image: url('img/sub_pages_img/ourpicks/visual/03.BongjeongsaArea.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.south {background-image: url('img/sub_pages_img/ourpicks/visual/04.SouthEastArea.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.downtown {background-image: url('img/sub_pages_img/ourpicks/visual/05.DowntownArea.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.museum {background-image: url('img/sub_pages_img/ourpicks/visual/06.TheCityofMuseum.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.untact {background-image: url('img/sub_pages_img/ourpicks/visual/07.untact.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.scholar {background-image: url('img/sub_pages_img/ourpicks/visual/08.scholar.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.stamp {background-image: url('img/sub_pages_img/ourpicks/visual/09.stamp.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.maskdance {background-image: url('img/sub_pages_img/discover/visual/01.maskdance.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.moon {background-image: url('img/sub_pages_img/discover/visual/02.moon.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.amsan {background-image: url('img/sub_pages_img/discover/visual/03.amsan.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.cherry {background-image: url('img/sub_pages_img/discover/visual/04.cherry.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.water {background-image: url('img/sub_pages_img/discover/visual/08.water.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.stay {background-image: url('img/sub_pages_img/discover/visual/09.stay.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.local {background-image: url('img/sub_pages_img/discover/visual/05.local.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.street {background-image: url('img/sub_pages_img/discover/visual/06.street.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.shopping {background-image: url('img/sub_pages_img/discover/visual/07.shopping.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.fee {background-image: url('img/sub_pages_img/plan/visual/1.fee.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.car {background-image: url('img/sub_pages_img/plan/visual/2.car.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.bus {background-image: url('img/sub_pages_img/plan/visual/3.bus.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.train {background-image: url('img/sub_pages_img/plan/visual/4.train.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.center {background-image: url('img/sub_pages_img/plan/visual/5.center.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.hotline {background-image: url('img/sub_pages_img/plan/visual/6.hotline.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.cultural {background-image: url('img/sub_pages_img/plan/visual/7.cultural.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box.story {background-image: url('img/sub_pages_img/about/visual/1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_title_box .sub_title_txt {display: flex; flex-direction: column; row-gap: 1.9rem; color: #fff;}
.sub_title_box .sub_title_txt p {font-size: 2.4rem; font-weight: 300;}
.sub_title_box .sub_title_txt h2 {font-family: 'Katuri'; font-size: 4.8rem; line-height: 1.2;}

.floating_menu_box {height: 0; opacity: 0; transition: opacity 0.2s ease; position: fixed; top: 13rem; z-index: 99; width: 100%;}
.floating_menu_box.show {opacity: 1; height: 6rem;}
.floating_menu_box .sub_menu_box .sub_menu {width: 100%; display: flex; background-color: rgba(255, 255, 255, 0.70); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(35px); justify-content: flex-start; padding-left: 28rem; height: 6rem; align-items: center;}
.floating_menu_box .sub_menu_box .sub_menu .home {width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s ease;}
.floating_menu_box .sub_menu_box .sub_menu .home:hover {background-color: #fff; border-radius: 1.5rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.floating_menu_box .sub_menu_box .sub_menu .home figure {width: 2rem; height: 2rem;}
.floating_menu_box .sub_menu_box .sub_menu .home figure img {width: 100%; height: 100%;}
.floating_menu_box .sub_menu_box .sub_menu .select_li {width: 40rem; position: relative; height: 6rem;}
.floating_menu_box .sub_menu_box .sub_menu .select_li::before {content: ''; width: 1px; height: 3rem; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.sub_title_box .sub_menu_box {position: relative; z-index: 9;}
.sub_title_box .sub_menu_box .sub_menu {display: flex; background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(3px); border-radius: 1rem; width: 140rem;}
.sub_title_box .sub_menu_box .sub_menu > li {padding: 1.5rem; box-sizing: border-box;}
.sub_title_box .sub_menu_box .sub_menu > li:first-child {width: 10rem; height: 10rem; display: flex; align-items: center; justify-content: center;}
.sub_title_box .sub_menu_box .sub_menu > li .home {padding: 2.5rem; box-sizing: border-box;}
.sub_title_box .sub_menu_box .sub_menu > li .home:hover {background-color: #fff; border-radius: 1.5rem; transition: background-color 0.3s ease;}
.sub_title_box .sub_menu_box .sub_menu > li .home figure {width: 2rem; height: 2rem;}
.sub_title_box .sub_menu_box .sub_menu > li .home figure img {width: 100%; height: 100%; object-fit: fill;}

.sub_title_box .sub_menu_box .sub_menu .select_li {width: 40rem; padding: 2rem 0; box-sizing: border-box; position: relative;}
.sub_title_box .sub_menu_box .sub_menu .select_li::before {content: ''; width: 1px; height: 3rem; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.select_menu {width: 100%; height: 100%; color: rgba(255, 255, 255, 0.70); font-size: 1.4rem; position: relative; display: flex;}
.select_menu .selected {width: 100%; cursor: pointer; position: relative; padding-right: 1.6rem; border-radius: 1.5rem; display: flex; align-items: center; background-color: transparent; transition: background-color 0.5s ease;}
.select_menu .selected::after {content: ''; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url('icon/sub_page_icon/arrow_down.png') calc(100% - 1.6rem) center no-repeat; background-size: 2rem;}

.select_menu.active .selected::after {background: url('icon/sub_page_icon/arrow_up_green.png') calc(100% - 1.6rem) center no-repeat; background-size: 2rem;}
.select_menu.active .selected {background-color: #fff; border-radius: 1.5rem;}
.select_menu.active .selected .selected_value {color: #009247;}
.select_menu.style_2.active .selected .selected_value {color: #CD0014;}
.select_menu.style_2.active .selected::after {background: url('icon/sub_page_icon/arrow_up_red.png') calc(100% - 1.6rem) center no-repeat; background-size: 2rem;}
.select_menu.style_3.active .selected .selected_value {color: #005BAB;}
.select_menu.style_3.active .selected::after {background: url('icon/sub_page_icon/arrow_up_blue.png') calc(100% - 1.6rem) center no-repeat; background-size: 2rem;}

.select_menu .selected_value {padding-left: 2rem; box-sizing: border-box; font-size: 2rem; color: #000;}
/* .select_menu .select_option {display: none; position: absolute; top: 7rem; right: 0; width: 100%; height: fit-content; background-color: #fff; padding: 1rem; box-sizing: border-box; cursor: pointer; z-index: 10; color: #212121; border-radius: 2rem; flex-direction: column; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); transition: max-height 0.5s ease, opacity 0.5s ease; max-height: 0; opacity: 0;}
.select_menu.active .select_option {display: flex; max-height: fit-content; opacity: 1;} */
.select_menu .select_option {display: flex; position: absolute; top: 7rem; right: 0; width: 100%; height: auto; background-color: #fff; padding: 1rem; box-sizing: border-box; cursor: pointer; z-index: 10; color: #212121; border-radius: 2rem; flex-direction: column; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); transition: max-height 0.5s ease, opacity 0.5s ease; max-height: 0; opacity: 0; overflow: hidden;}
.select_menu.active .select_option {max-height: 40rem; opacity: 1;}

.select_menu .select_option li {padding: 1rem 3rem; box-sizing: border-box; font-size: 1.6rem; position: relative; transition: padding-left 0.5s ease;}
.select_menu .select_option li.checked {background-color: #F7F8F9; border-radius: 1rem; color: #009247;}
.select_menu .select_option li:hover {background-color: #F7F8F9; border-radius: 1rem; color: #009247; padding-left: 4.5rem;}
.select_menu .select_option li::before {content: ''; position: absolute; left: 1rem; top: 2.4rem; transform: translateY(-50%) translateX(-100%); width: 2rem; height: 2rem; background-image: url('icon/sub_page_icon/option_hover.png'); background-repeat: no-repeat; background-size: contain; transition: transform 0.5s ease, opacity 0.3s ease; opacity: 0;}
.select_menu .select_option li:hover::before {transform: translateY(-50%) translateX(0); opacity: 1;}
.select_menu .select_option li a {display: block;}

.select_menu.style_2 .select_option li:hover {color: #CD0014; padding-left: 4.5rem;}
.select_menu.style_2 .select_option li::before {background-image: url('icon/sub_page_icon/option_hover_red.png');}
.select_menu.style_2 .select_option li.checked {background-color: #F7F8F9; color: #CD0014;}

.select_menu.style_3 .select_option li:hover {color: #005BAB; padding-left: 4.5rem;}
.select_menu.style_3 .select_option li::before {background-image: url('icon/sub_page_icon/option_hover_blue.png');}
.select_menu.style_3 .select_option li.checked {background-color: #F7F8F9; color: #005BAB;}
/* 공통 - sub header 끝 */

/* 공통 - content 영역 시작 */
.sub_content_container {width: calc(100% - 52rem); margin: 4rem auto; margin-bottom: 10rem; display: flex; flex-direction: column; row-gap: 5rem;}
.sub_cont_area {width: 100%; display: flex; flex-direction: column;}
/* 공통 - content 영역 끝 */

/* 공통 - sub 일러스트 영역 시작 */
.sub_illust_container {width: 100%; height: 60rem; position: relative; overflow: hidden;}
.sub_illust {position: absolute;}
.sub_illust.ground01 {z-index: 1;}
.sub_illust.ground01 figure {width: 100%; height: 100%;}
.sub_illust.ground01 figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_illust.wall {bottom: 0; z-index: 2;}
.sub_illust.wall figure {width: 100%; height: 100%;}
.sub_illust.wall figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_illust.cloud01 {z-index: 0; right: 19rem; animation: cloudMove01 20s linear infinite;}
.sub_illust.cloud01 figure {width: 100%; height: 100%;}
.sub_illust.cloud01 figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_illust.cloud02 {z-index: 0; top: 11rem; left: 34rem; animation: cloudMove03 20s linear infinite;}
.sub_illust.cloud02 figure {width: 100%; height: 100%;}
.sub_illust.cloud02 figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_illust.grass01 {z-index: 1; left: -8rem; top: 21rem; animation-direction: alternate; animation-name: grass-left-right-01; animation-duration: 1200ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.sub_illust.grass01 figure {width: 100%; height: 100%;}
.sub_illust.grass01 figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_illust.grass02 {z-index: 1; right: -6rem; top: 21rem; animation-direction: alternate; animation-name: grass-left-right-01; animation-duration: 1200ms; animation-delay: 0ms; animation-iteration-count: infinite; animation-timing-function: linear;}
.sub_illust.grass02 figure {width: 100%; height: 100%;}
.sub_illust.grass02 figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_illust.family {z-index: 3; left: 50%; transform: translateX(-50%); top: 13rem;}
.sub_illust.bird {z-index: 3; top: 26rem; right: 40rem; animation: bounceMove 3s infinite ease-in-out;}
.sub_illust.mask01 {z-index: -1; top: 13rem; left: 0;}
.sub_illust.mask01 figure {width: 16.2rem; height: 21.5rem;}
.sub_illust.mask01 figure img {width: 100%; height: 100%; object-fit: fill;}
/* 공통 - sub 일러스트 영역 끝 */

/* pagination */
.sub_pagination_box {display: flex; align-items: center; gap: 3rem; margin: 5rem auto; margin-bottom: 0;}
.sub_pagination_box .page_arrow {display: flex; align-items: center; gap: 0.3rem;}
.sub_pagination_box .page_arrow a {width: 4rem; height: 4rem; border-radius: 100%; border: 1px solid rgba(121, 121, 121, 0.6); background-color: #fff; display: flex; justify-content: center; align-items: center;}
.sub_pagination_box .page_arrow a.disabled {opacity: 0.6; pointer-events: none;}
.sub_pagination_box .page_arrow a.first figure,
.sub_pagination_box .page_arrow a.last figure {width: 1rem;}
.sub_pagination_box .page_arrow a.prev figure,
.sub_pagination_box .page_arrow a.next figure {width: 0.4rem;}
.sub_pagination_box .page_arrow a.first figure img,
.sub_pagination_box .page_arrow a.last figure img,
.sub_pagination_box .page_arrow a.prev figure img,
.sub_pagination_box .page_arrow a.next figure img {width: 100%; height: 100%; object-fit: fill;}
.sub_pagination_box .page_cnt {display: flex; align-items: center; gap: 0.3rem;}
.sub_pagination_box .page_cnt a {width: 4rem; height: 4rem; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center;}
.sub_pagination_box .page_cnt a.now {background-color: #353535; color: #fff;}
/* pagination 끝 */

/* tab 시작 */
.tab_container {display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 4rem;}
.tab_menu {display: flex; align-items: center; gap: 0.5rem;}
.tab_menu .tab_item {border-radius: 3.6rem; background-color: #F1F2F3; font-size: 1.8rem; font-weight: 500; color: #797979; padding: 2.4rem 2rem; width: auto; box-sizing: border-box; display: flex; justify-content: center; cursor: pointer; text-align: center; width: 27.6rem;}
.tab_menu .tab_item.active {background-color: #42A873; color: #fff; box-shadow: -5px -7px 1px 0px rgba(0, 0, 0, 0.16) inset;}
.tab_content {width: 100%;}
.tab_panel {opacity: 0; transition: opacity 0.5s ease; height: 0; overflow: hidden;}
.tab_panel.active {opacity: 1; height: auto;}
.tab_panel_box {padding: 6rem 4rem 4rem 4rem; box-sizing: border-box; border-radius: 3.5rem; border: 2px solid #42A873; display: flex; flex-direction: column;}
.tab_panel_box .tab_panel_title {display: flex; flex-direction: column; row-gap: 2rem; border-bottom: 1px dashed #CCCCCC; padding-bottom: 5rem; margin-bottom: 4rem;}
.tab_panel_box .tab_panel_title .bubble {position: relative; width: 12rem; height: 6rem;}
.tab_panel_box .tab_panel_title .bubble figure {width: 100%; height: 100%;}
.tab_panel_box .tab_panel_title .bubble figure img {width: 100%; height: 100%; object-fit: fill;}
.tab_panel_box .tab_panel_title .bubble span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.8rem; font-weight: 700; letter-spacing: -0.2px; width: 100%; text-align: center; color: #65A168; line-height: 1.5;}
.tab_panel_box .tab_panel_title h6 {font-size: 3.2rem; font-weight: 700; line-height: 1.2;}
.tab_panel_box .tab_panel_title p {font-size: 1.8rem; line-height: 1.2;}
.tab_panel_box .tab_panel_title p.en {font-style: italic;}
.tab_panel_content .panel_list {display: flex; flex-direction: column;}
.panel_list .panel_item {display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 4rem; border-bottom: 1px dashed #CCCCCC; margin-bottom: 4rem;}
.panel_list .panel_item:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.panel_list .panel_item .panel_img_box {width: 19.79167vw; height: 29rem; position: relative;}
.panel_list .panel_item .panel_img_box figure {width: 100%; height: 100%; mask-image: url('img/sub_pages_img/ourpicks/specialTheme/mask.png'); mask-repeat: no-repeat; mask-size: contain; mask-position: center;}
.panel_list .panel_item .panel_img_box figure img {width: 100%; height: 100%; object-fit: cover;}
.panel_list .panel_item .panel_img_box .panel_number {position: absolute; bottom: 0.8rem; right: 1rem; width: 5rem; height: 5rem; background-color: #42A873; border-radius: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 2.4rem; font-weight: 700;}
.panel_list .panel_item .panel_info_box {width: 88rem; display: flex; flex-direction: column; row-gap: 3rem;}
.panel_list .panel_item .panel_info_box .panel_info_title {font-size: 2.4rem; font-weight: 700;}
.panel_list .panel_item .panel_info_box .panel_location {display: flex; gap: 1rem; align-items: center;}
.panel_list .panel_item .panel_info_box .panel_location figure {width: 2rem; height: 2rem;}
.panel_list .panel_item .panel_info_box .panel_location figure img {width: 100%; height: 100%; object-fit: fill;}
.panel_list .panel_item .panel_info_box .panel_location .panel_text_01 {font-weight: 700; color: #212121;}
.panel_list .panel_item .panel_info_box .panel_location .panel_text_02 {font-weight: 500; color: #555555;}
.panel_list .panel_item .panel_info_box p {line-height: 1.4; color: #555; font-weight:500;}

.tab_menu.sp {width: 100%}
.tab_menu.sp .tab_item {width: 100%}
.tab_menu .tab_item.sp {padding: 1.5rem 0; text-align: center;}
/* tab 끝 */

/* 통합검색 search.html */
.sub_cont_area.search {display: flex; flex-direction: column; row-gap: 4rem;}
.result_title {border-bottom: 2px solid #212121; padding-bottom: 2rem;}
.result_title p {font-size: 1.6rem; line-height: 1.3;}
.result_title p .keyword {font-weight: 700;}
.result_title p .ret_cnt {font-weight: 700; color: #009247;}
.result_container {display: flex; flex-direction: column;}
.result_img {display: flex; align-items: center; gap: 10rem; padding-bottom: 4rem; border-bottom: 1px solid #ccc; margin-bottom: 4rem;}
.result_container > div:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.result_img figure {width: 54rem; height: 40rem; border-radius: 3.5rem; overflow: hidden;}
.result_img figure img {width: 100%; height: 100%; object-fit: cover;}
.result_img .img_txt {width: 76rem; display: flex; flex-direction: column; row-gap: 2rem;}
.result_img .img_txt1 {width: 100%; display: flex; flex-direction: column; row-gap: 2rem;}
.result_txt_title {font-size: 2.8rem; font-weight: 700;}
.result_img .img_txt p {font-size: 1.6rem; font-weight: 500; line-height: 1.4; color: #555555;}
.result_img .img_txt1 p {font-size: 1.6rem; font-weight: 500; line-height: 1.4; color: #555555;}
.result_txt {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 4rem; margin-bottom: 4rem; display: flex; flex-direction: column; row-gap: 2rem;}
.result_txt p {font-size: 1.6rem; font-weight: 500; line-height: 1.4; color: #555555;}

/* 1-1 tour courses */
.sub_cont_search {width: 100%; background-color: #F7F8F9; border-radius: 1rem; border: 1px solid #DDDDDD;}
.sub_cont_search .inner {display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 3rem 0; box-sizing: border-box;}

.select_filter {font-size: 1.6rem; position: relative; display: flex; width: 20rem; height: 6rem;}
.select_filter .selected {width: 100%; cursor: pointer; position: relative; padding: 2rem; box-sizing: border-box; display: flex; align-items: center; background-color: #fff; border-radius: 3rem; border: 1px solid #DDDDDD;}
.select_filter .selected::after {content: ''; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url('icon/sub_page_icon/arrow_down_mini.png') calc(100% - 1.6rem) center no-repeat;}
.select_filter.active .selected {border: 1px solid #999999; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);}
.select_filter.active .selected::after {transform: translateY(-50%) scaleY(-1);}

/* .select_filter .select_option {display: none; position: absolute; top: 7rem; left: 0; width: 100%; height: fit-content; background-color: #fff; padding: 1rem; box-sizing: border-box; cursor: pointer; z-index: 10; color: #212121; border-radius: 2rem; flex-direction: column; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border: 1px solid #999999; color: #797979;}
.select_filter.active .select_option {display: flex;} */
.select_filter .select_option {position: absolute; top: 7rem; left: 0; width: 100%; height: auto; background-color: #fff; padding: 1rem; box-sizing: border-box; cursor: pointer; z-index: 10; color: #212121; border-radius: 2rem; flex-direction: column; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border: 1px solid #999999; color: #797979; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.5s ease, opacity 0.5s ease;}
.select_filter.active .select_option {max-height: max-content; opacity: 1;}

.select_filter .select_option li {padding: 1rem; box-sizing: border-box; font-size: 1.6rem; position: relative;}
.select_filter .select_option li.checked {background-color: #F7F8F9; border-radius: 1rem; color: #212121; font-weight: 700;}
.select_filter .select_option li:hover {background-color: #F7F8F9; border-radius: 1rem; color: #212121;}

.sub_search_box {position: relative; width: 80rem;}
.sub_search_input {border-radius: 3rem; background-color: #fff; border: 1px solid #DDDDDD; padding: 2rem 3rem; box-sizing: border-box; width: 100%;}
.sub_search_input::placeholder {font-size: 1.6rem; color: #AAAAAA; line-height: 1.1;}
.sub_search_box .search_btn {background-color: transparent; width: 2.5rem; height: 2.5rem; position: absolute; top: 50%; transform: translateY(-50%); right: 2rem;}
.sub_search_box .search_btn img {width: 100%; height: 100%; object-fit: fill;}

.sub_cont_area.tour_courses {row-gap: 3rem;}
.total_txt {display: flex; align-items: center; gap: 0.5rem; font-size: 1.6rem; font-weight: 500; color: #000;}
.total_txt .total_value {font-weight: 700; color: #009247;}
.tc_list {display: flex; gap: 4rem; flex-wrap: wrap; align-items: stretch;}
.tc_list li {width: 31.429%; display: flex;}
.tc_list li a {display: flex; flex-direction: column; row-gap: 1rem; border: 1px solid #CCCCCC; border-radius: 3.5rem; justify-content: space-between; transition: box-shadow 0.3s ease, outline 0.3s ease;}
.tc_list li a .img_container {padding: 3rem; box-sizing: border-box; position: relative; display: flex; flex-direction: column; row-gap: 2rem;}
.tc_list li a .img_container .cont_img {width: 19.79167vw; height: 29rem; border-radius: 3rem; overflow: hidden; mask-image: url('icon/sub_page_icon/sub_mask.png'); mask-repeat: no-repeat; mask-size: 19.79167vw;}
.tc_list li a .img_container .cont_img img {width: 100%; height: 100%; object-fit: cover;}
.tc_list li a .img_container .arrow {background-color: #91C9AC; width: 5rem; height: 5rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 26rem; right: 4rem;}
.tc_list li a .img_container h5 {font-size: 1.8rem; font-weight: 700; line-height: 1.5;}
.tc_list li a .txt_container {border-radius: 3.5rem; background-color: #F7F8F9; padding: 3rem; box-sizing: border-box; display: flex; flex-direction: column; row-gap: 1rem;}
.tc_list li a .txt_container div {display: flex; align-items: center; gap: 1rem;}
.tc_list li a .txt_container div figure {width: 3.8rem; height: 3.8rem;}
.tc_list li a .txt_container div figure img {width: 100%; height: 100%; object-fit: contain;}
.tc_list li a .txt_container div span {width: 33rem; font-size: 1.4rem; font-weight: 500; line-height: 1.2; color: #555555;}

.tc_list li:hover a {outline: 3px solid #009247; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.10);}
.tc_list li:hover a .img_container .arrow {background-color: #42A873; right: 3.7rem; box-shadow: 3px 3px 10px 0px rgba(145, 201, 172, 0.50);}
.tc_list li:hover a .img_container .arrow img {transform: translate(2px, -3px); transition: transform 0.3s ease;}
.tc_list li:hover a .img_container .cont_img img {transform: scale(1.1); transition: transform 0.5s ease;}

/* 1-1-6 the city of museum 시작 */
.sub_cont_txt {display: flex; flex-direction: column; row-gap: 1.2rem; padding-left: 3.5rem;}
.sub_cont_txt h3 {font-family: 'Katuri'; font-size: 2.8rem; line-height: 1.2; position: relative;}
.sub_cont_txt h3::before {content: ''; position: absolute; top: 0; left: -3.5rem; background: url('icon/sub_page_icon/symbol.png') center no-repeat; width: 2rem; height: 100%;}
.sub_cont_txt p {font-size: 1.6rem; font-weight: 400; line-height: 1.5;}

.floating_thead, .floating_thead2 {height: 0; opacity: 0; transition: opacity 0.5s ease; position: fixed; top: 19rem; z-index: 90; width: fit-content; padding-top: 1rem; background-color: #fff; display: none}
.floating_thead.show, .floating_thead2.show {opacity: 1; height: 6rem; display: block}
.sub_cont_area {row-gap: 0.2rem;}
.sub_cont_table {width: 100%; display: flex; gap: 0.2rem; align-items: center;}
.sub_cont_thead li {background-color: #353535; border-radius: 0.5rem; color: #fff; font-size: 1.8rem; padding: 1.9rem 1rem; box-sizing: border-box; text-align: center;}
.sub_cont_tbody li {background-color: #fff; border-radius: 0.5rem; color: #212121; font-size: 1.6rem; border: 1px solid #DDDDDD; height: 20.5rem; display: flex; justify-content: center; align-items: center; padding: 0 3rem; box-sizing: border-box;}
.sub_cont_tbody {border: 1px solid transparent;}
.sub_cont_tbody:hover {border: 1px solid #999999; border-radius: 0.5rem;}

.sub_cont_table .col_1 {width: 5rem;}
.sub_cont_table .col_2 {width: 29rem;}
.sub_cont_table .col_3 {width: 29rem;}
.sub_cont_table .col_4 {width: 29rem;}
.sub_cont_table .col_5 {width: 29rem;}
.sub_cont_table .col_6 {width: 18rem;}

.sub_cont_tbody .col_1 {text-align: center; padding: 0 1.5rem;}
.sub_cont_tbody .col_2 {font-weight: 700; line-height: 1.5; justify-content: flex-start;}
.sub_cont_tbody .col_3 {flex-direction: column; align-items: flex-start; row-gap: 2.9rem;}
.txt_group {display: flex; flex-direction: column; row-gap: 1rem;}
.txt_group .green {font-weight: 700; color: #009247;}
.txt_group .normal {font-size: 1.4rem; line-height: 1.5; color: #555555;}
.sub_cont_tbody .col_4 {justify-content: flex-start; font-size: 1.4rem; line-height: 1.5; color: #555555;}
.sub_cont_tbody .col_5 {font-size: 1.4rem; color: #555555; line-height: 1.5; justify-content: flex-start;}
.sub_cont_tbody .col_6 {font-size: 1.4rem; color: #555555; line-height: 1.5;}
.sub_cont_tbody .col_6 a {border-radius: 100%; padding: 1.5rem; box-sizing: border-box; background: rgba(0, 146, 71, 0.30); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.16); backdrop-filter: blur(2.5px); width: 5rem; height: 5rem; display: flex; justify-content: center;}
.sub_cont_tbody .col_6 a:hover {background: #4AC183; box-shadow: 0px 0px 10px 0px #2BE384; backdrop-filter: blur(2.5px);}
.sub_cont_tbody .col_6 a img {width: 2rem; height: 2rem; object-fit: fill;}
/* 1-1-6 the city of museum 끝 */

/* 1-1 post 1 */
.place_container {display: flex; flex-direction: column; row-gap: 5rem;}
.place_info_container {display: flex; padding-bottom: 5rem; border-bottom: 1px solid #ccc;}
.place_info_container .place_img_box {width: 54rem; height: 40rem;}
.place_info_container .place_img_box figure {width: 100%; height: 100%; border-radius: 3.5rem; overflow: hidden; box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.16);}
.place_info_container .place_img_box figure img {width: 100%; height: 100%; object-fit: cover;}
.place_info_box {display: flex; flex-direction: column; row-gap: 3rem; width: 86rem;}
.place_info_box h5 {padding-left: 6rem; box-sizing: border-box; border-bottom: 1px solid #000; width: 100%; font-size: 2.8rem; font-weight: 700; padding-bottom: 2.5rem;}
.place_info_box .place_info_list {padding-left: 6rem; box-sizing: border-box; width: 100%; display: flex; flex-direction: column; row-gap: 1.3rem;}
.place_info_box .place_info_list li {display: flex; align-items: center;}
.place_info_box .place_info_list li .place_title {display: flex; align-items: center; gap: 1rem; width: 17rem; justify-content: flex-start;}
.place_info_box .place_info_list li .place_title figure {width: 2rem; height: 2rem;}
.place_info_box .place_info_list li .place_title figure img {width: 100%; height: 100%; object-fit: contain;}
.place_info_box .place_info_list li .place_title span {font-size: 1.6rem; font-weight: 700; line-height: 1.2;}
.place_info_box .place_info_list li .place_txt {border-radius: 0.5rem; background-color: #F7F8F9; color: #555555; padding: 1.6rem 1.5rem; box-sizing: border-box; width: 63rem;}
.place_info_box .place_info_list.list_style_2 li {align-items: flex-start;}
.place_info_box .place_info_list.list_style_2 li .place_title {padding-top: 1.5rem;}

.place_photo_container {display: flex; flex-direction: column; row-gap: 2rem; margin-bottom: 5rem;}
.place_exp_container {display: flex; flex-direction: column; row-gap: 2rem;}
.place_title {display: flex; justify-content: space-between; align-items: flex-end;}
.place_title .tit_txt {display: flex; gap: 1rem; align-items: center; width: 100%}
.place_title .tit_txt figure {width: 1.5rem; height: 1.5rem;}
.place_title .tit_txt figure img {width: 100%; height: 100%; object-fit: contain;}
.place_title .tit_txt h5 {font-family: 'Katuri'; font-size: 2.8rem; line-height: 1.5;}
.photo_pagination {display: flex; align-items: flex-end; row-gap: 2rem; font-size: 1.8rem; line-height: 1.2; color: #999999;}
.photo_pagination .swiper-pagination-current {font-weight: 700; color: #212121;}
.photo_pagination {display: flex; gap: 0.5rem; justify-content: flex-end;}
.swiper_area {display: flex; gap: 1rem;}
.swiper_area .mySwiper2 {width: 111rem; height: 75rem;}
.swiper_area .mySwiper2 .swiper-wrapper .swiper-slide {border-radius: 1.5rem; overflow: hidden;}
.swiper_area .mySwiper2 .swiper-wrapper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.swiper_area .mySwiper2 .swiper-button-next {width: 6rem; height: 6rem; background-image: url('icon/sub_page_icon/g_arrow_next.png'); background-size: contain; background-repeat: no-repeat; right: -1rem;}
.swiper_area .mySwiper2 .swiper-button-prev {width: 6rem; height: 6rem; background-image: url('icon/sub_page_icon/g_arrow_prev.png'); background-size: contain; background-repeat: no-repeat; left: -1rem;}
.swiper_area .mySwiper {width: 27rem; height: 75rem; overflow: hidden;}
.swiper_area .mySwiper .swiper-wrapper {width: 100%; row-gap: 1rem;}
.swiper_area .mySwiper .swiper-wrapper .swiper-slide {width: 100% !important; height: 17.8rem !important; border-radius: 1rem; overflow: hidden;}
.swiper_area .mySwiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {border: 0.7rem solid #ECA500; width: 94.3%; height: 93%;}
.swiper_area .mySwiper .swiper-wrapper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.exp_box {border-radius: 3.5rem; border: 1px solid #DDDDDD; padding: 4rem; box-sizing: border-box; display: flex; flex-direction: column; row-gap: 4rem;}
.exp_box .top_txt_box {display: flex; flex-direction: column; row-gap: 2rem; color: #555555; border: 0}
.exp_box .top_txt_box .dot_txt p {font-size: 1.6rem; line-height: 1.3; font-weight: 500; padding-left: 1rem; position: relative;}
.exp_box .top_txt_box .dot_txt p::before {content: ''; width: 4px; height: 4px; border-radius: 100%; background-color: #555; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.exp_box .top_txt_box .exp_txt p {font-size: 1.6rem; line-height: 1.5; font-weight: 500;}
.exp_box .table_box {display: flex; flex-direction: column; row-gap: 2rem;}
.exp_box .table_box .table_title h6 {font-size: 1.6rem; font-weight: 700; line-height: 1.3; position: relative;}
.exp_box .table_box .table_title h6::before {content: ''; width: 2.5rem; height: 3px; background-color: #005BAB; position: absolute; top: -7px; left: 0;}
.exp_box .table_box .table thead tr th {border-top: 1px solid #000; padding: 1rem; border-bottom: 1px solid #000; background-color: #eee; border-right: 1px solid #ccc;}
.exp_box .table_box .table thead tr th:last-child {border-right: 0;}
.exp_box .table_box .table tbody tr td {border-bottom: 1px solid #ccc; padding: 1rem; text-align: center; border-right: 1px solid #ccc;}
.exp_box .table_box .table tbody tr td.last {border-right: 0;}
.exp_box .map_box {width: 100%;}
.exp_box .map_box figure {width: 100%; height: 100%;}
.exp_box .map_box figure img {width: 100%; height: 100%; object-fit: cover;}
.place_btn_container {display: flex; justify-content: center;}
.place_btn_container .list_btn {border-radius: 2.5rem; background-color: #42A873; color: #fff; padding: 1.6rem 0; box-sizing: border-box; width: 15rem; height: 5rem; display: flex; justify-content: center; align-items: center;}
.place_btn_container .list_btn:hover {background-color: #009247;}
.place_btn_container .list_btn span {position: relative;}
.place_btn_container .list_btn:hover span::before {content: ''; width: 1.4rem; height: 1.2rem; background-image: url('icon/sub_page_icon/icon_list.png'); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: -1rem;}
.place_btn_container .list_btn:hover span {padding-left: 1rem;}


/* 1-2-1 special theme */
.sub_content_container.special {width: 100%; row-gap: 10rem;}
.sub_cont_txt.special {justify-content: center; align-items: center;}
.sub_cont_txt.special h3 {font-family: "Montserrat", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; padding-left: 0; font-size: 8rem; font-weight: 700; color: #009247;}
.sub_cont_txt.special h3:before {display: none;}
.sub_cont_txt.special h3.red {color: #CD0014;}
.sub_cont_txt.special p {font-size: 4.2rem; font-weight: 700; text-align: center;}
.sub_cont_visual {position: relative;}
.sub_cont_visual .sub_cont_bg {width: 100%; height: 80rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 75%, rgba(0, 0, 0, 0.90) 100%); position: absolute; bottom: 0; left: 0; z-index: 1; pointer-events: none;}
.sub_cont_visual figure {width: 100%; height: 80rem; position: relative; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;}
/* .sub_cont_visual figure::before {content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.50) 75%, rgba(0, 0, 0, 0.90) 100%); position: absolute; bottom: 0; left: 0; z-index: 1; pointer-events: none;} */
.sub_cont_visual figure::-webkit-scrollbar {display: none;}
.sub_cont_visual figure img {width: 100%; height: auto; object-fit: cover; object-position: 100% 0%;}
.sub_cont_visual::before {content: ''; width: 1px; height: 5rem; background-color: #009247; position: absolute; top: -5rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.sub_cont_visual.red::before {content: ''; width: 1px; height: 5rem; background-color: #CD0014; position: absolute; top: -5rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.sub_cont_visual::after {content: ''; width: 1px; height: 5rem; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
.sub_cont_visual .sub_cont_visual_txt {position: absolute; bottom: 10rem; right: 19rem; color: #fff; z-index: 5; width: 82rem; display: flex; flex-direction: column; row-gap: 4rem;}
.sub_cont_visual .sub_cont_visual_txt h5 {font-size: 6.2rem; font-weight: 700; line-height: 1.2;}
.sub_cont_visual .sub_cont_visual_txt p {font-size: 1.6rem; line-height: 1.5; opacity: 0.7; width: 75rem;}
.special .sub_cont_area {width: calc(100% - 52rem); margin: 0 auto;}
.special .select_filter {width: 35rem;}

/* 1-2-2 scholar */
.scholar.sub_cont_visual .sub_cont_visual_txt {width: 87rem; right: 12rem;}
.scholar .tab_container .tab_menu {flex-wrap: wrap; row-gap: 0.5rem; gap: 0.5rem;}
.scholar .tab_container .tab_menu .tab_item.active {background-color: #CB373D;}
.scholar .tab_panel_box {border: 2px solid #CB373D;}
.scholar .tab_panel_box .tab_panel_title .bubble span {color: #fff;}
.scholar .tab_img_box {display: flex; align-items: center; gap: 4rem;}
.scholar .tab_img_box figure {border-radius: 3.5rem; width: 64rem; height: 100%; overflow: hidden;}
.scholar .tab_img_box figure img {width: 100%; height: 100%; object-fit: cover;}
.scholar .tab_panel_content {display: flex; flex-direction: column; row-gap: 4rem;}
.scholar .tab_panel_content p {font-size: 1.6rem; line-height: 1.5; color: #212121; border-bottom: 1px dashed #CCCCCC; padding-bottom: 4rem;}
.panel_course_info ul {display: flex; flex-direction: column; row-gap: 3rem;}
.panel_course_info ul li {display: flex; flex-direction: column; row-gap: 1rem;}
.panel_course_info ul li .panel_course_title {display: flex; gap: 1rem; align-items: center;}
.panel_course_info ul li .panel_course_title figure {width: 2rem; height: 2rem;}
.panel_course_info ul li .panel_course_title figure img {width: 100%; height: 100%; object-fit: fill;}
.panel_course_info ul li .panel_course_title span {font-weight: 700;}
.panel_course_info ul li .panel_course_txt {padding: 1.6rem 1.5rem; box-sizing: border-box; border-radius: 0.5rem; background-color: #F7F8F9;}
.panel_course_info ul li .panel_course_txt span {color: #555; font-size: 1.4rem; font-weight: 500}
.scholar.select_filter .select_option {height: auto !important;}

/* 1-2-3 stamp tour */
.sub_cont_txt.special h3.blue {color: #005BAB;}
.sub_cont_visual .sub.blue::before {content: ''; width: 1px; height: 5rem; background-color: #005BAB; position: absolute; top: -5rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.stamp .tab_menu {flex-wrap: wrap; gap: 0.5rem;}
.stamp .tab_menu .tab_item.active {background-color: #005BAB;}
.stamp_container {display: flex; flex-direction: column; row-gap: 10rem;}
.stamp_top {display: flex; flex-direction: column; row-gap: 2rem;}
.stamp_title {display: flex; align-items: center; gap: 1rem;}
.stamp_title h4 {font-family: 'Katuri'; font-size: 2.8rem; line-height: 1.2;}
.stamp_title figure {width: 1.5rem; height: 1.5rem;}
.stamp_title figure img {width: 100%; height: 100%; object-fit: fill;}
.stamp_steps {display: flex; align-items: center; gap: 4rem;}
.stamp_steps li {border-radius: 3.5rem; border: 1px solid #DDDDDD; padding: 2rem 2rem 3rem 2rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 3rem; position: relative; width: 44rem;}
.stamp_steps li::after {content: ''; background-image: url('icon/sub_page_icon/arrow_line.png'); background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -4rem; width: 4rem; height: 1rem;}
.stamp_steps li:last-child::after {display: none;}
.stamp_steps li .step1 {font-weight: 900; font-size: 1.8rem; color: #6FA9DC;}
.stamp_steps li .step2 {font-weight: 900; font-size: 1.8rem; color: #3A78AF;}
.stamp_steps li .step3 {font-weight: 900; font-size: 1.8rem; color: #005BAB;}
.stamp_steps li figure {width: 12rem; height: 12rem;}
.stamp_steps li figure img {width: 100%; height: 100%; object-fit: fill;}
.stamp_steps li .stamp_txt {display: flex; flex-direction: column; row-gap: 2rem; justify-content: center; align-items: center;}
.stamp_steps li .stamp_txt .step_txt {font-size: 1.8rem; font-weight: 700; line-height: 1.2;}
.stamp_steps li .stamp_txt .step_detail {text-align: center; line-height: 1.5; color: #555555;}
.stamp_bottom {display: flex; flex-direction: column; row-gap: 2rem;}
.stamp_explain {border-radius: 3.5rem; border: 1px solid #DDDDDD; padding: 4rem; box-sizing: border-box; display: flex; flex-direction: column; row-gap: 1.5rem;}
.stamp_explain.no_border {border: none; padding: 0; gap: 0.7rem;}
.stamp_explain li {padding-left: 1.4rem; position: relative; color: #797979; line-height: 1.5;}
.stamp_explain li::before {content: ''; position: absolute; top: 0.8rem; left: 0; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #797979;}
.stamp_explain li.str_txt {font-weight: 700;}
.stamp .tab_panel_box {border: 2px solid #005BAB;}
.stamp .panel_list .panel_item .panel_img_box .panel_number {background-color: #005AAB;}
.stamp .panel_list .panel_item .panel_info_box {row-gap: 2rem; line-height: 1.4;}


/* 2-1-1 maskdance */
.discover .sub_cont_visual .sub_cont_visual_txt {right: 50%; transform: translateX(50%); width: calc(100% - 45rem); text-align: center;}
.discover .sub_cont_visual .sub_cont_visual_txt h5 {font-size: 4.2rem;}
.discover .sub_cont_visual .sub_cont_visual_txt p {width: 100%;}
.discover .info_container {display: flex; flex-direction: column; row-gap: 2rem;}
.discover .panel_course_info {padding: 4rem 4rem 9rem 4rem; box-sizing: border-box; border-radius: 4rem; border: 1px solid #DDDDDD; position: relative;}
.discover .panel_course_info.no_btn {padding-bottom: 4rem;}
.discover .btn_web {position: absolute; bottom: -5rem; left: 50%; transform: translateX(-50%);}


/* 2-2-1 local */
.list_container {padding: 4rem; box-sizing: border-box; border: 2px solid #009247; border-radius: 3.5rem;}
.local .panel_list .panel_item .panel_info_box {row-gap: 2rem;}
.local .panel_list .panel_item .panel_info_box .panel_info_title {color: #009247;}


/* 2-2-2 street */
.street.sub_content_container {width: 100%;}
.street.sub_content_container .sub_cont_title {width: calc(100% - 52rem); margin: 0 auto;}
.street .tab_container {row-gap: 10rem;}
.street .place_info_container {width: calc(100% - 52rem); margin: 0 auto; margin-bottom: 10rem;}
.street .place_exp_container {width: calc(100% - 52rem); margin: 0 auto; margin-bottom: 10rem;}
.street_img_box {display: flex; justify-content: space-between;}
.street_img_box figure {width: 41.3rem; height: 32rem; border-radius: 3.5rem; overflow: hidden;}
.street_img_box figure img {width: 100%; height: 100%; object-fit: cover;}
.store_container {display: flex; flex-direction: column; row-gap: 1.8rem; padding: 10rem 26rem; box-sizing: border-box; background-color: #F7F8F9;}
.store_container .place_title .tit_txt {width: 100%;}
.store_list {display: flex; flex-wrap: wrap; gap: 2rem;}
.store_list li {padding: 3rem; box-sizing: border-box; border-radius: 3.5rem; background-color: #fff; width: 45.3rem; height: 18rem; display: flex; flex-direction: column; justify-content: space-between;}
.store_list li:hover {border: 1px solid #797979; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.store_list li .store_name {font-size: 1.8rem; font-weight: 700;}
.store_list li .store_tel_box {border-radius: 2rem; background-color: #F7F8F9; padding: 2rem; box-sizing: border-box; display: flex; align-items: center; gap: 1.5rem;}
.store_list li .store_tel_box figure {width: 3.8rem; height: 3.8rem;}
.store_list li .store_tel_box figure img {width: 100%; height: 100%; object-fit: fill;}
.store_list li .store_tel_box span {font-size: 1.4rem; color: #555555;}

/* 2-3 shopping */
.shopping.sub_cont_area {width: calc(100% - 52rem); margin: 0 auto;}
.shopping_container {display: flex; flex-direction: column; row-gap: 10.5rem;}
.shopping_box {position: relative; border-radius: 3.5rem; border: 1px solid #009247; display: flex; align-items: center; gap: 2rem;}
.shopping_box::after {content: ''; width: 100%; border-bottom: 1px dashed #ccc; position: absolute; bottom: -4rem; left: 0;}
.shopping_box:last-child::after {display: none;}
.shopping_box.red {border: 1px solid #CB373D;}
.shopping_box.blue {border: 1px solid #005BAB;}
.shopping_box.yellow {border: 1px solid #ECA500;}
.shopping_box .shopping_title {border-radius: 3.6rem; font-size: 1.8rem; font-weight: 500; padding: 1.4rem 0; width: 56rem; box-sizing: border-box; display: flex; justify-content: center; background-color: #42A873; color: #fff; box-shadow: -5px -7px 1px 0px rgba(0, 0, 0, 0.16) inset; position: absolute; top: -2.5rem; left: 6rem; text-align: center;}
.shopping_box.red .shopping_title {background-color: #CB373D;}
.shopping_box.blue .shopping_title {background-color: #005BAB;}
.shopping_box.yellow .shopping_title {background-color: #ECA500;}
.shopping_box figure {border-radius: 3.5rem; width: 68rem; height: 48rem; overflow: hidden;}
.shopping_box figure img {width: 100%; height: 100%; object-fit: cover;}
.shopping_info {margin: 0; padding: 3rem; box-sizing: border-box; background-color: #F7F8F9; width: 67rem; border-radius: 3.5rem;}
.shopping_info ul {display: flex; flex-direction: column; row-gap: 2rem;}
.shopping_info ul li {display: flex; flex-direction: column; row-gap: 0.4rem; padding-left: 1.4rem; position: relative;}
.shopping_info ul li::before {content: ''; width: 0.4rem; height: 0.4rem; border-radius: 100%; position: absolute; top: 0.8rem; left: 0; background-color: #212121;}
.shopping_info ul li .shopping_txt {font-weight: 700; color: #212121; line-height: 1.3;}
.shopping_info ul li .shopping_word {font-size: 1.4rem; line-height: 1.5; color: #797979;}

/* 2-4 stay */
.sub_content_container.stay {width: 100%; row-gap: 10rem;}
.stay .sub_cont_area .stay_visual_box {width: calc(100% - 52rem); margin: 0 auto; position: relative;}
.stay .sub_cont_area .stay_visual_box > figure {width: 100%; height: 70rem; mask-image: url('img/sub_pages_img/discover/mask.png'); mask-repeat: no-repeat; mask-size: contain; mask-position: center;}
.stay .sub_cont_area .stay_visual_box > figure img {width: 100%; height: 100%; object-fit: cover;}
.stay .sub_cont_area .stay_visual_box .visual_txt {position: absolute; bottom: 4rem; left: 4rem; z-index: 1;}
.stay .sub_cont_area .stay_visual_box .visual_txt h4 {font-size: 4.2rem; font-weight: 700; line-height: 1.2; color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.stay .sub_cont_area .stay_visual_box .txt_link {position: absolute; bottom: 3.4rem; right: 5.8rem; z-index: 1; display: flex; gap: 5rem;}
.stay .sub_cont_area .stay_visual_box .txt_link:hover span {color: #009247;}
.stay .sub_cont_area .stay_visual_box .txt_link span {font-size: 2.4rem; font-weight: 700; line-height: 1.2;}
.stay .sub_cont_area .stay_visual_box .txt_link figure {width: 2.2rem; height: 2.2rem;}
.stay .sub_cont_area .stay_visual_box .txt_link figure img {width: 100%; height: 100%; object-fit: contain;}
.stay .sub_cont_area .stay_site_box {display: flex; gap: 6rem; align-items: center; margin-top: 15rem;}
.stay .sub_cont_area .stay_site_box > figure {width: 90rem; height: 90rem; border-radius: 0 3.5rem 3.5rem 0; overflow: hidden;}
.stay .sub_cont_area .stay_site_box > figure img {width: 100%; height: 100%; object-fit: cover;}
.stay .sub_cont_area .stay_site_box .stay_site_info {width: 70rem; display: flex; flex-direction: column; row-gap: 4rem;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_txt {display: flex; flex-direction: column; row-gap: 4rem;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_txt h6 {font-size: 4.2rem; font-weight: 700; line-height: 1.2;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_txt p {font-size: 1.8rem; line-height: 1.5;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list {display: flex; flex-wrap: wrap; gap: 2rem; row-gap: 2rem;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li {width: 34rem; height: 10rem;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li a {display: flex; justify-content: space-between; align-items: center; padding: 3.5rem 4rem; box-sizing: border-box; border-radius: 2rem; border: 1px solid #CCCCCC; transition: border 0.1s ease, box-shadow 0.1s ease;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li a:hover {border: 2px solid #009247; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.07);}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li a:hover span {color: #009247;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li a span {font-size: 2.4rem; font-weight: 700; line-height: 1.2;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li a figure {width: 2.2rem; height: 2.2rem;}
.stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li a figure img {width: 100%; height: 100%; object-fit: contain;}

/* 3-1 admission fee */
.table {width: 100%;}
.table thead tr th {background-color: #353535; border-radius: 0.5rem; color: #fff; font-weight: normal; height: 8rem; position: sticky; top: 0;}
.table tbody tr td {background-color: #fff; border-radius: 0.5rem; border: 1px solid #DDDDDD; font-size: 1.6rem; text-align: center; line-height: 1.3; height: 10rem;}
.table tbody tr:hover td:first-child {border: 1px solid #999999; border-right: 1px solid #DDDDDD; border-radius: 0.5rem 0 0 0.5rem;}
.table tbody tr:hover td:nth-child(2) {border: 1px solid #999999; border-right: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-radius: 0;}

.fee .table_box {width: fit-content;}
.fee_table {width: fit-content; display: flex; gap: 0.2rem; align-items: center;}
.fee_thead {position: sticky; top: 0;}
.fee_thead li {background-color: #353535; border-radius: 0.5rem; color: #fff; font-size: 1.8rem; padding: 0 1rem; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center;}
.fee_tbody li {background-color: #fff; border-radius: 0.5rem; color: #212121; font-size: 1.6rem; border: 1px solid #DDDDDD; height: 20.5rem; display: flex; justify-content: center; align-items: center; padding: 0 1rem; box-sizing: border-box; text-align: center; line-height: 1.3;}
.fee_tbody {border: 1px solid transparent; height: 8rem;}
.fee_tbody:hover {border: 1px solid #999999; border-radius: 0.5rem;}

.fee_table .col_1 {width: 26.2rem; height: 8rem;}
.fee_table .col_2 {width: 16rem; height: 8rem;}
.fee_table .col_3 {width: 16rem; height: 8rem;}
.fee_table .col_4 {width: 16rem; height: 8rem;}
.fee_table .col_5 {width: 16rem; height: 8rem;}
.fee_table .col_6 {width: 16rem; height: 8rem;}
.fee_table .col_7 {width: 16rem; height: 8rem;}
.fee_table .col_8 {width: 16rem; height: 8rem;}
.fee_table .colspan_6 {width: 97rem; height: 8rem;}
.fee_table .colspan_2 {width: 32.2rem; height: 8rem;}

.fee_table.sub_cont_tbody .col_2 {font-weight: normal;}
.fee_table.sub_cont_tbody .col_3 {align-items: center;}
.fee_table.sub_cont_tbody .col_4 {justify-content: center; font-size: 1.6rem; color: #212121;}
.fee_table.sub_cont_tbody .col_5 {font-size: 1.6rem; color: #212121;}
.fee_table.sub_cont_tbody .col_6 {font-size: 1.6rem; color: #212121;}

.fee.info_container {border-radius: 3.5rem; border: 1px solid #DDDDDD; background-color: #F7F8F9; padding: 4rem; box-sizing: border-box;}
.fee.info_container ul {display: flex; flex-direction: column; row-gap: 1.5rem;}
.fee.info_container ul li {list-style: disc; font-weight: 700;}

/* 3-2 admission hours */
.hour_table .col_1 {width: 40rem;}
.hour_table .col_2 {width: 22rem;}
.hour_table .col_3 {width: 22rem;}
.hour_table .col_4 {width: 22rem;}
.hour_table .col_5 {width: 33rem;}
.hour_table .colspan_2 {width: 44.2rem;}
.hour_info_box {margin-top: 2.2rem;}
.hour_info_box ul {display: flex; flex-direction: column; row-gap: 1.7rem;}
.hour_info_box ul li {font-weight: 600; line-height: 1.2;}
.hour_info_box ul li span.red {color: #FF0000;}
.hour_table2 .col_1 {width: 40rem;}
.hour_table2 .col_1 p {display: flex; align-items: flex-start;}
.hour_table2 .col_2 {width: 22rem;}
.hour_table2 .col_3 {width: 22rem;}
.hour_table2 .col_4 {width: 22rem;}
.hour_table2 .col_5 {width: 33rem;}
.hour_table2 span.red {color: #FF0000; font-weight: 700; padding-top: 0.2rem;}
.hour_table2 .colspan_2 {width: 44rem;}

/* 3-3-1 car */
.car .map_container {display: flex; flex-direction: column;}
.car .map_container .map_box {border-radius: 3.5rem; overflow: hidden; height: 50rem;}
.car .map_addr {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 17rem;}
.car .map_addr .map_icon {width: 7rem; height: 7rem; border-radius: 100%; background: linear-gradient(132deg, #3BE18B 2.49%, #227CCC 97.51%); position: absolute; top: -3.5rem; left: 50%; transform: translateX(-50%); z-index: 2;}
.car .map_addr .map_icon a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.car .map_addr .map_icon a figure {width: 3.6rem; height: 4.2rem;}
.car .map_addr .map_icon a figure img {width: 100%; height: 100%; object-fit: contain;}
.car .map_addr .map_addr_txt {display: flex; flex-direction: column; row-gap: 2rem; margin-top: 2.3rem;}
.car .map_addr .map_addr_txt .addr {font-size: 2.8rem; font-weight: 700;}
.car .map_addr .map_addr_txt .tel_txt {display: flex; align-items: center; justify-content: center; gap: 0.5rem;}
.car .map_addr .map_addr_txt .tel_txt figure {width: 1.6rem; height: 2.1rem;}
.car .map_addr .map_addr_txt .tel_txt figure img {width: 100%; height: 100%; object-fit: contain;}
.car .map_addr .map_addr_txt .tel_txt span {font-size: 1.8rem; font-weight: 600;}

.car .car_container {display: flex; flex-direction: column; position: relative; padding: 6.4rem 4rem; box-sizing: border-box; background-color: #F7F8F9; border-radius: 3.5rem; row-gap: 4.5rem;}
.car .car_container .car_illust {position: absolute; top: 0; right: 8rem; z-index: 2;}
.car .car_container .car_illust figure {width: 19.7rem; height: 7.7rem;}
.car .car_container .car_illust figure img {width: 100%; height: 100%; object-fit: contain;}
.car .car_box {padding-bottom: 2rem; border-bottom: 1px dashed #CCCCCC;}
.car .car_box:last-child {border-bottom: none; padding-bottom: 0;}
.car .car_box .inner {background-color: #fff; position: relative; padding: 4.5rem 2rem 2rem 2rem; box-sizing: border-box; border-radius: 1rem; border: 1px solid #DDDDDD; transition: border 0.2s ease, box-shadow 0.2s ease;}
.car .car_box .inner:hover {border: 1px solid #009247; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.car .car_box.blue .inner:hover {border: 1px solid #005BAB; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.car .car_box .inner ul {display: flex; flex-direction: column; row-gap: 1.5rem;}
.car .car_box .inner ul li {display: flex; gap: 1rem; align-items: center;}
.car .car_box .inner ul li .number {width: 3rem; height: 3rem; color: #fff; background-color: #8BBEA4; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-family: 'Paperlogy-5Medium';}
.car .car_box .inner ul li .number.blue {background-color: #7FA5C7;}
.car .car_box .inner ul li .explain_txt .destination {font-weight: 700; color: #009247;}
.car .car_box .inner ul li .explain_txt .destination.blue {color: #005BAB;}

.car .title_box {position: absolute; top: -2rem; left: 2rem;}
.car_title {padding: 1rem 3rem; box-sizing: border-box; background-color: #009247; width: fit-content; color: #fff; border-radius: 1rem; line-height: 1.2; font-size: 2.4rem; box-shadow: -5px -5px 1px 0px rgba(0, 0, 0, 0.16) inset;}
.car_title.blue {background-color: #005BAB;}
.car_title span {font-weight: 700;}

/* 3-3-2 bus */
.bus.sub_content_container {width: 100%;}
.bus.sub_content_container .sub_cont_title {width: calc(100% - 52rem); margin: 0 auto;}
.bus .bus_company_container {display: flex; position: relative; width: calc(100% - 52rem); margin: 0 auto;}
.bus .sub_cont_area .bus_bg {background-color: #F7F8F9; width: 100vw; height: 26rem; position: absolute; bottom: -50%; left: 0;}
.bus .bus_company_container > figure {width: 70rem; height: 50rem; border-radius: 3.5rem; overflow: hidden;}
.bus .bus_company_container > figure img {width: 100%; height: 100%; object-fit: cover;}
.bus .bus_company_container ul {display: flex; flex-direction: column; row-gap: 2rem; position: absolute; top: 50%; left: 45%; transform: translateY(-50%);}
.bus .bus_company_container ul li a {display: flex; align-items: center; border-radius: 2rem; border: 1px solid #CCCCCC; padding: 2.7rem 4rem; box-sizing: border-box; justify-content: space-between; width: 45rem; background-color: #fff; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.07); position: relative;}
.bus .bus_company_container ul li a:hover {border: 1px solid transparent;}
.bus .bus_company_container ul li a:hover::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; border: 2px solid #009247; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 2rem}
.bus .bus_company_container ul li a:hover .bus_txt > span {color: #009247;}
.bus .bus_company_container ul li a .bus_txt {display: flex; flex-direction: column; row-gap: 1.4rem;}
.bus .bus_company_container ul li a .bus_txt > span {font-size: 2.4rem; font-weight: 700;}
.bus .bus_company_container ul li a .bus_txt .bus_tel {display: flex; align-items: center; gap: 1rem;}
.bus .bus_company_container ul li a .bus_txt .bus_tel figure {width: 2rem; height: 2rem;}
.bus .bus_company_container ul li a .bus_txt .bus_tel figure img {width: 100%; height: 100%; object-fit: contain;}
.bus .bus_company_container ul li a .bus_txt .bus_tel span {font-size: 1.8rem;}
.bus .bus_company_container ul li a .icon_box figure {width: 2.2rem; height: 2.2rem;}
.bus .bus_company_container ul li a .icon_box figure img {width: 100%; height: 100%; object-fit: contain;}
.bus .bus_list_container {background-color: #F7F8F9; padding-top: 10rem; padding-bottom: 10rem;}
.bus .bus_list_container .inner {width: calc(100% - 52rem); margin: 0 auto; display: flex; flex-direction: column; row-gap: 4rem;}
.bus .bus_list_container .inner .bus_list_box {padding-bottom: 4rem; border-bottom: 1px dashed #CCCCCC; display: flex; flex-direction: column; row-gap: 2rem;}
.bus .bus_list_container .inner .bus_list_box:last-child {padding-bottom: 0; border-bottom: none;}
.bus .bus_list_container .inner .bus_list_box .bus_title {display: flex; gap: 1rem; align-items: flex-end;}
.bus .bus_list_container .inner .bus_list_box .bus_title > span {font-size: 2.4rem; font-weight: 700; line-height: 1.2;}
.bus_table .col_1 {width: 60rem; height: 6rem;}
.bus_table .col_2 {width: 22rem; height: 6rem;}
.bus_table .col_3 {width: 22rem; height: 6rem;}
.bus_table .col_4 {width: 35rem; height: 6rem;}
.bus_table.fee_tbody {height: 6rem;}
.bus_table.fee_tbody .green {background-color: #DDE8DE;}
.bus_table.fee_tbody .blue {background-color: #DFE9F2;}

.bus .bus_list_container .inner .bus_list_box .time_info ul {display: flex; flex-direction: column; row-gap: 1.2rem;}
.bus .bus_list_container .inner .bus_list_box .time_info ul li {font-weight: 600; line-height: 1.2;}
.bus .bus_list_container .inner .bus_list_box .time_info ul li span.green {color: #009247;}
.bus .bus_list_container .inner .bus_list_box .time_info ul li span.blue {color: #005BAB;}

/* 3-3-3 train */
.train_table .col_1 {width: 15rem; height: 6rem;}
.train_table .col_2 {width: 15rem; height: 6rem;}
.train_table .col_3 {width: 12rem; height: 6rem;}
.train_table .col_4 {width: 12rem; height: 6rem;}
.train_table .col_5 {width: 12rem; height: 6rem;}
.train_table .col_6 {width: 12rem; height: 6rem;}
.train_table .col_7 {width: 12rem; height: 6rem;}
.train_table .col_8 {width: 12rem; height: 6rem;}
.train_table .col_9 {width: 12rem; height: 6rem;}
.train_table .col_10 {width: 12rem; height: 6rem;}
.train_table .col_11 {width: 12rem; height: 6rem;}
.train_table .col_1.green {background-color: #DDE8DE;}
.train_table .col_1.blue {background-color: #DFE9F2;}
.train_table.fee_tbody {height: 6rem;}
.train_table.fee_tbody .col_1 {font-weight: 600;}
.train_table span.green {color: #009247;}
.train_table span.blue {color: #005BAB;}
.train_table_2.fee_thead .col_1 {width: 24.7rem; height: 12rem;}
.train_table_2.fee_thead .col_2 {width: 24.7rem; height: 12rem;}
.train_table_2.fee_thead .col_3 {width: 45rem; background-color: transparent; padding: 0;}
.train_table_2.fee_thead .col_4 {width: 45rem; background-color: transparent; padding: 0;}
.train_table_2 .rowspan {display: flex; flex-direction: column; row-gap: 0.2rem;}
.train_table_2 .rowspan .rowspan_1 {width: 100%;}
.train_table_2 .rowspan .rowspan_1 li {height: 5.9rem;}
.train_table_2 .rowspan .rowspan_2 {display: flex; gap: 0.2rem; width: 100%;}
.train_table_2 .rowspan .rowspan_2 li {width: 22.4rem; height: 5.9rem; background-color: #797979;}
.train_table_2.fee_tbody {height: 6rem;}
.train_table_2.fee_tbody .col_1 {width: 24.7rem; height: 6rem;}
.train_table_2.fee_tbody .col_1.green {background-color: #DDE8DE;}
.train_table_2.fee_tbody .col_2 {width: 24.7rem; height: 6rem;}
.train_table_2.fee_tbody .col_3 {width: 22.4rem; height: 6rem;}
.train_table_2.fee_tbody .col_4 {width: 22.4rem; height: 6rem;}
.train_table_2.fee_tbody .col_5 {width: 22.4rem; height: 6rem;}
.train_table_2.fee_tbody .col_6 {width: 22.4rem; height: 6rem;}

.train_table_3.fee_thead .col_1 {width: 55.4rem; height: 6rem;}
.train_table_3.fee_thead .col_2 {width: 28rem; height: 6rem;}
.train_table_3.fee_thead .col_3 {width: 28rem; height: 6rem;}
.train_table_3.fee_thead .col_4 {width: 28rem; height: 6rem;}

.train_table_3.fee_tbody {height: auto;}
.train_table_3.fee_tbody .col_1 {width: 55.4rem; height: 18.4rem;}
.train_table_3.fee_tbody .col_1.blue {background-color: #DFE9F2;}
.train_table_3.fee_tbody .col_2 {border-radius: 0; border: none; background-color: transparent; padding: 0;}
.train_table_3.fee_tbody .col_3 {width: 28rem; height: 18.4rem;}
.train_table_3.fee_tbody .rowspan {display: flex; flex-direction: column; row-gap: 0.2rem; width: 56.2rem; height: 6rem;}
.train_table_3.fee_tbody .rowspan .rowspan_3 {display: flex; gap: 0.2rem; width: 100%; height: 6rem;}
.train_table_3.fee_tbody .rowspan .rowspan_3 li {width: 28rem; height: 6rem;}

.train_table_4.fee_tbody {height: auto;}
.train_table_4.fee_tbody .col_1 {width: 55.4rem; height: 12.2rem;}
.train_table_4.fee_tbody .col_1.green {background-color: #DDE8DE;}
.train_table_4.fee_tbody .col_2 {border-radius: 0; border: none; background-color: transparent; padding: 0;}
.train_table_4.fee_tbody .rowspan {display: flex; flex-direction: column; row-gap: 0.2rem; width: 56.2rem; height: 6rem;}
.train_table_4.fee_tbody .rowspan .rowspan_3 {display: flex; gap: 0.2rem; width: 100%; height: 6rem;}
.train_table_4.fee_tbody .rowspan .rowspan_3 li {width: 28rem; height: 6rem;}
.train_table_4.fee_tbody .col_3 {width: 28rem; height: 12.2rem;}

/* 3-4 information center */
.local .panel_list .panel_item .panel_info_box .panel_info_title.normal {color: #212121;}
.center_info {display: flex; flex-direction: column; row-gap: 1rem;}
.center_info li {display: flex; align-items: center;}
.center_info li .title {display: flex; align-items: center; gap: 1rem;}
.center_info li .title figure {width: 2rem; height: 2rem;}
.center_info li .title figure img {width: 100%; height: 100%; object-fit: contain;}
.center_info li .title span {width: 15rem; font-weight: 700;}
.center_info li .cont_green {line-height: 1.5; font-weight: 700; color: #009247;}
.center_info li .cont {line-height: 1.5; font-weight: 500; color: #555555;}

/* 3-5 hotline */
.hotline.sub_cont_area {display: flex; flex-direction: column; row-gap: 10rem;}
.hotline_explain {display: flex; align-items: center; gap: 4rem; flex-wrap: wrap;}
.hotline_explain figure {width: 68rem; height: 54rem;}
.hotline_explain figure img {width: 100%; height: 100%; object-fit: contain;}
.hotline_explain .txt_box {display: flex; flex-direction: column; row-gap: 2.5rem; width: 68rem;}
.hotline_explain .txt_box p {line-height: 1.3;}
.hotline .explain_list {display: flex; flex-wrap: wrap; gap: 4rem;}
.hotline .explain_list li {width: 68rem; height: 52rem; border-radius: 3.5rem; background-color: #F7F8F9; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; padding: 0 9rem; box-sizing: border-box; row-gap: 5rem; padding-top: 5rem; transition: border 0.3s ease, box-shadow 0.3s ease;}
.hotline .explain_list li:hover {border: 1px solid #009247; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);}
.hotline .explain_list li .icon_box {background-color: #fff; border-radius: 100%; width: 18rem; height: 18rem; position: relative; display: flex; justify-content: center; align-items: center;}
.hotline .explain_list li .icon_box figure {width: 8rem; height: 8rem;}
.hotline .explain_list li .icon_box figure img {width: 100%; height: 100%; object-fit: contain;}
.hotline .explain_list li .icon_box .icon_number {font-size: 4.8rem; font-weight: 700; line-height: 1.2; position: absolute; bottom: -1.3rem; left: 0; color: #65A168;}
.hotline .explain_list li .explain_txt {display: flex; flex-direction: column; row-gap: 2rem;}
.hotline .explain_list li .explain_txt h6 {font-size: 1.8rem; font-weight: 700; line-height: 1.2;}
.hotline .explain_list li .explain_txt p {line-height: 1.4;}
.hotline .explain_list li .explain_txt.mt p {margin-top: 2rem;}
.hotline .area_code_container .bus_list_box {display: flex; flex-direction: column; row-gap: 2rem;}
.hotline .area_code_container .bus_list_box .table_box {display: flex; flex-direction: column; row-gap: 2rem;}
.area_table.fee_thead {height: 6rem;}
.area_table.fee_tbody {height: 6rem;}
.area_table .col_1 {width: 16.8rem; height: 6rem;}
.area_table .col_1.green {background-color: #DDE8DE; font-weight: 600;}
.area_table .col_2 {width: 15.2rem; height: 6rem;}
.area_table .col_3 {width: 15.2rem; height: 6rem;}
.area_table .col_4 {width: 15.2rem; height: 6rem;}
.area_table .col_5 {width: 15.2rem; height: 6rem;}
.area_table .col_6 {width: 15.2rem; height: 6rem;}
.area_table .col_7 {width: 15.2rem; height: 6rem;}
.area_table .col_8 {width: 15.2rem; height: 6rem;}
.area_table .col_9 {width: 15.2rem; height: 6rem;}

.hotline.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 55rem; padding: 2rem;}

/* 3-6 cultural */
.cultural.sub_cont_area {position: relative;}
.cultural .color_bg {background-color: #D4ECD6; width: 100vw; position: absolute; top: 65rem; left: -26rem; height: 125rem; z-index: -1;}
.cultural .illust_container {position: absolute;}
.cultural .illust_container.tree01 {top: 49.2rem; left: 10rem;}
.cultural .illust_container.tree01 figure {width: 23.5rem; height: 15.8rem;}
.cultural .illust_container.tree01 figure img {width: 100%; height: 100%; object-fit: contain;}
.cultural .illust_container.tree02 {top: 46.7rem; right: 8rem;}
.cultural .illust_container.tree02 figure {width: 24.6rem; height: 18.3rem;}
.cultural .illust_container.tree02 figure img {width: 100%; height: 100%; object-fit: contain;}
.speech_bubble_container {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; z-index: 0; height: 39.6rem; position: relative;}
.speech_bubble_container .bubble_txt {position: relative; margin-bottom: 19rem;}
.speech_bubble_container .bubble_txt figure {width: 60rem; height: 18.9rem;}
.speech_bubble_container .bubble_txt figure img {width: 100%; height: 100%; object-fit: contain;}
.speech_bubble_container .bubble_txt p {position: absolute; top: 24%; left: 50%; transform: translateX(-50%); width: 51.7rem; text-align: center; font-size: 1.8rem; line-height: 1.5; font-style: italic;}
.speech_bubble_container .bubble_txt p span {font-weight: 800;}
.speech_bubble_container .illust_box {position: absolute; bottom: -4rem;}
.speech_bubble_container .illust_box figure {width: 31rem; height: 20.8rem;}
.speech_bubble_container .illust_box figure img {width: 100%; height: 100%; object-fit: contain;}
.slide_container {position: relative;}
.slide_container .swiper_shadow {width: 63rem; height: 44rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16); position: absolute; top: 4rem; left: 50%; transform: translateX(-50%); border-radius: 3.5rem;}
.slide_container .cultural_swiper {width: 72rem; height: 50rem; display: flex; justify-content: center; align-items: center; border-radius: 3.5rem; padding: 4rem; box-sizing: border-box;}
.slide_container .cultural_swiper .swiper-wrapper {width: 100%; height: 100%; border-radius: 3.5rem;}
.slide_container .cultural_swiper .swiper-wrapper .swiper-slide {width: 100%; height: 100%; display: flex; justify-content: center; position: relative;}
.slide_container .cultural_swiper .swiper-wrapper .swiper-slide figure {width: 100%; height: 100%; border-radius: 3.5rem; overflow: hidden; position: relative; padding: 1rem;}
.slide_container .cultural_swiper .swiper-wrapper .swiper-slide figure::before {content: ''; position: absolute; border-radius: 3.5rem; top: -0.1rem; left: -0.1rem; right: -0.1rem; bottom: -0.1rem; border: 1.3rem solid #fff; pointer-events: none;}
.slide_container .cultural_swiper .swiper-wrapper .swiper-slide figure img {width: 100%; height: 100%; object-fit: cover;}

.slide_container .cultural_swiper .swiper-button-next {right: 1rem; width: 6rem; height: 6rem; border-radius: 100%; background-color: #009247; transition: transform 0.3s ease;}
.slide_container .cultural_swiper .swiper-button-next:hover {transform: scale(1.167); background-color: #067B3F;}
.slide_container .cultural_swiper .swiper-button-next .arr_next {width: 0.8rem; height: 1.6rem;}

.slide_container .cultural_swiper .swiper-button-prev {left: 1rem; width: 6rem; height: 6rem; border-radius: 100%; background-color: #009247; transition: transform 0.3s ease;}
.slide_container .cultural_swiper .swiper-button-prev:hover {transform: scale(1.167); background-color: #067B3F;}
.slide_container .cultural_swiper .swiper-button-prev .arr_prev {width: 0.8rem; height: 1.6rem;}

.cultural_text_container {margin: 4rem auto; text-align: center; display: flex; flex-direction: column; row-gap: 4rem;}
.cultural_text_container h4 {font-size: 4.8rem; font-weight: 700; color: #225E24; line-height: 1.2;}
.cultural_text_container p {font-size: 1.8rem; line-height: 1.5; color: #212121;}
.cultural_text_container p.bold {font-weight: 600;}

.cultural_form_box {border-radius: 3.5rem; background-color: #fff; border: 1px solid #555555; margin-top: 6rem; position: relative; padding: 13rem 4rem 11rem 4rem; box-sizing: border-box; display: flex; flex-direction: column; row-gap: 4rem;}
.cultural_form_box .form_illust {position: absolute; top: -6rem; right: 4rem;}
.cultural_form_box .form_illust figure {width: 33.5rem; height: 22rem;}
.cultural_form_box .form_illust figure img {width: 100%; height: 100%; object-fit: contain;}

.form_one {display: flex; flex-direction: column; row-gap: 6rem; border-bottom: 1px dashed #ccc; padding-bottom: 4rem; position: relative;}
.form_one .form_title {position: absolute; top: -9rem; left: -5rem;}
.form_one:last-child {margin-top: 8rem; border-bottom: none; padding-bottom: 0;}

.form_input_group {display: flex; gap: 4rem; flex-wrap: wrap;}
.form_input_group.wd_100 {width: 100%; display: block;}
.form_input_box {display: flex; flex-direction: column; row-gap: 1rem; width: calc((100% - 4rem) / 2);}
.form_input_box span {font-size: 1.8rem; font-weight: 700; position: relative;}
.form_input_box span.req {padding-left: 1.3rem;}
.form_input_box span.req:before {content: ''; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #FF0000; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.form_input_box.typeB {width: 100%}

label.exp {font-size: 1.4rem; font-weight: 500; color: #AAAAAA;}
label.exp span.red {font-size: 1.4rem; font-weight: 500; color: #FF0000;}
.basic_input {border-radius: 0.5rem; background-color: #fff; border: 1px solid #AAAAAA; padding: 1rem 1.5rem; box-sizing: border-box;}
.basic_input.wd_half {width: 64rem;}
.basic_input:focus {outline: none; border: 1px solid #555555; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);}
.basic_input:focus ~ label.exp {color: #CD0014;}
.basic_input.date {cursor: pointer;}

.form_input_box.radio {row-gap: 1.5rem;}
.radio_box_group {display: flex; gap: 2rem; align-items: center;}
.radio_box {display: flex; gap: 0.5rem; align-items: center; cursor: pointer}
.radio_box label {cursor: pointer !important}
.basic_radio {appearance: none; border-radius: 50%; width: 1.4rem; height: 1.4rem; background-color: #AAAAAA; border: 0.8rem solid white; box-shadow: 0 0 0 1.6px #AAAAAA;}
.basic_radio:checked {background-color: #CD0014; border: 0.4rem solid white; box-shadow: 0 0 0 1.6px #CD0014;}

.select_time {font-size: 1.6rem; position: relative; display: flex; width: 31.5rem; height: 4rem;}
.select_time .selected {width: 100%; cursor: pointer; position: relative; padding: 1.6rem 2rem; box-sizing: border-box; display: flex; align-items: center; background-color: #fff; border-radius: 0.5rem; border: 1px solid #AAAAAA; transition: transform 0.3s ease;}
.select_time .selected::after {content: ''; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url('icon/sub_page_icon/arrow_down_mini.png') calc(100% - 1.6rem) center no-repeat;}
.selected.flipped::after {transform: translateY(-50%) scaleY(-1);}
.select_time.active .selected {border: 1px solid #999999; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);}

.select_time .select_option {display: none; position: absolute; top: 5.5rem; left: 0; width: 100%; height: 40rem; overflow-y: auto; background-color: #fff; padding: 1rem; box-sizing: border-box; cursor: pointer; z-index: 10; color: #212121; border-radius: 0.5rem; flex-direction: column; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16); border: 1px solid #999999; color: #212121;}
.select_time.active .select_option {display: flex;}
.select_time .select_option li {padding: 1rem; box-sizing: border-box; font-size: 1.6rem; position: relative;}
.select_time .select_option li.checked {background-color: #555555; border-radius: 0.5rem; color: #fff;}
.select_time .select_option li:hover {background-color: #555555; border-radius: 0.5rem; color: #fff;}

.form_group_02 {display: flex; align-items: center; gap: 2rem; flex-wrap: wrap;}
.form_group_02 .input_style_02 {display: flex; flex-direction: column; row-gap: 1rem; position: relative; width: calc((100% - 6rem) / 4)}
.form_group_02 .input_style_02 .calendar_icon {position: absolute; top: 1.2rem; right: 1.5rem;}
.form_group_02 .input_style_02 .calendar_icon figure {width: 1.6rem; height: 1.6rem;}
.form_group_02 .input_style_02 .calendar_icon figure img {width: 100%; height: 100%; object-fit: contain;}
.wd_q4 {width: 31.5rem;}

.basic_textarea {width: 100%; height: 15rem; resize: none; border-radius: 0.5rem; border: 1px solid #AAAAAA; padding: 1rem 1.5rem; box-sizing: border-box;}
.basic_textarea:focus {outline: none; border: 1px solid #555555; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);}
.basic_textarea:focus ~ label.exp {color: #CD0014;}

.check_group {display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;}
.basic_chk ~ label {display: flex; align-items: center; gap: 1rem;}
.basic_chk ~ label > span {font-size: 1.6rem; font-weight: 500;}
.basic_chk + label:before {content:""; display: inline-block; align-items: center; width: 1.6rem; height: 1.6rem; border: 1px solid #D3D3D3; border-radius: 0.2rem; vertical-align: middle; margin-right: 0.5rem;}
.basic_chk:checked + label:before {content:""; border-color:#009247; background: url('icon/sub_page_icon/icon_check.png') center center / 60% no-repeat; background-color:#009247;}
.check_group .policy_chk {color: #CB373D;}

.submit_box {position: absolute; bottom: -16rem; left: 50%; transform: translateX(-50%);}
.submit_btn {border-radius: 4rem; width: 30rem; height: 10rem; background-color: #fff; border: 1px solid #555555; font-size: 2.4rem; font-weight: 700; transition: border 0.2s ease, color 0.2s ease; color: #000}
.submit_btn:hover {border: 2px solid #009247; color: #009247;}

/* policy popup */
.policy_popup {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 2rem; box-shadow: 0 0 1.5rem rgba(0,0,0,0.3); z-index: 1001; border-radius: 1rem; width: 90rem; height: 74rem; padding: 4rem 5rem; box-sizing: border-box;}
.policy_popup .popup_content {position: relative; height: 100%;}
.policy_popup .popup_content .inner {display: flex; flex-direction: column; row-gap: 3rem;}
.policy_popup .popup_content .inner .car_title {width: 80rem; height: 8rem; display: flex; align-items: center; justify-content: center;}
.policy_popup .popup_content .inner .txt_container {display: flex; flex-direction: column; row-gap: 2rem; text-align: left; border-bottom: 1px dashed #ccc; padding-bottom: 2rem;}
.policy_popup .popup_content .inner .txt_container .top_title {font-size: 1.8rem; font-weight: 700; line-height: 1.3;}
.policy_popup .popup_content .inner .txt_container .policy_list {display: flex; flex-direction: column; row-gap: 2rem;}
.policy_popup .popup_content .inner .txt_container .policy_list li {display: flex; flex-direction: column; row-gap: 0.6rem;}
.policy_popup .popup_content .inner .txt_container .policy_list li > span {line-height: 1.5; font-weight: 500;}
.policy_popup .popup_content .inner .txt_container .policy_list li .box {background-color: #F7F8F9; border-radius: 1rem; padding: 1rem; box-sizing: border-box; display: flex; flex-direction: column;}
.policy_popup .popup_content .inner .txt_container .policy_list li .box .box_txt {line-height: 1.4;}
.policy_popup .popup_content .inner .txt_container .bottom_title {color: #CB373D; line-height: 1.3;}
.popup_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;}
.btn_container {display: flex; justify-content: center; gap: 0.2rem;}
.policy_btn {width: 14rem; height: 5rem; border-radius: 0.5rem; background-color: #009247; color: #fff; font-size: 1.4rem; line-height: 1.5;}
.policy_btn.close_btn {border: 1px solid #AAAAAA; background-color: #fff; color: #555555;}

/* calendar popup */
.calendar_popup {padding: 4rem 4rem 3.2rem 4rem; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60rem; background-color: #fff; z-index: 2000; border-radius: 0.7rem;}
.calendar_popup .inner {display: flex; flex-direction: column; row-gap: 6rem; justify-content: center; align-items: center;}

/* 4 about andong - andong story */
.story_container {display: flex; flex-direction: column; row-gap: 4rem; padding-bottom: 10rem; border-bottom: 1px dashed #ccc; margin-bottom: 9.8rem;}
.story_container .story_img {width: 100%; position: relative;}
.story_container .story_img figure {width: 100%; height: 48rem; border-radius: 3.5rem; overflow: hidden;}
.story_container .story_img figure img {width: 100%; height: 100%; object-fit: cover;}
.story_container .story_img .story_bg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.00) 75%, rgba(0, 0, 0, 0.60) 100%); position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-end-end-radius: 3.5rem; border-end-start-radius: 3.5rem;}
.story_container .story_img span {font-size: 5.4rem; color: #fff; font-weight: 700; line-height: 1.2; position: absolute; bottom: 3.8rem; left: 4rem; z-index: 2;}
.story_container p {font-size: 1.8rem; line-height: 1.8; color: #212121;}

.vision_conatiner {position: relative; padding-bottom: 10rem; border-bottom: 1px dashed #ccc; margin-bottom: 10rem;}
.vision_conatiner .place_title {position: absolute; top: 0; left: 0;}
.vision_conatiner .vision_list {display: flex; flex-wrap: wrap; gap: 8rem; row-gap: 0;}
.vision_conatiner .vision_list li {position: relative;}
.vision_conatiner .vision_list li:nth-child(odd) {margin-top: 8rem;}
.vision_conatiner .vision_list li:nth-child(even) {margin-bottom: 8rem;}
.vision_conatiner .vision_list li:nth-child(1) {margin-top: 7rem;}
.vision_conatiner .vision_list li:nth-child(2) {margin-top: 0; margin-bottom: 7rem;}
.vision_conatiner .vision_list li figure {width: 66rem; height: 48rem; overflow: hidden; border-radius: 3.5rem 3.5rem 3.5rem 5rem;}
.vision_conatiner .vision_list li figure img {width: 100%; height: 100%; object-fit: cover;}
.vision_conatiner .vision_list li .vision_txt {border-radius: 0 3.5rem 0 3.5rem; background-color: #fff; position: absolute; bottom: 0; left: 0; width: 54rem; height: 14.6rem; padding: 4rem 2rem 2rem 2rem; box-sizing: border-box; display: flex; flex-direction: column; row-gap: 1.8rem;}
.vision_conatiner .vision_list li .vision_txt .vision_title {font-size: 3.6rem; font-weight: 700; line-height: 1.5;}
.vision_conatiner .vision_list li .vision_txt .vision_word {font-size: 1.8rem; line-height: 1.4;}

.symbol_section {display: flex; flex-direction: column; row-gap: 3.8rem; padding-bottom: 10rem; border-bottom: 1px dashed #ccc; margin-bottom: 10rem;}
.symbol_section .symbol_container {display: flex; gap: 0.2rem;}
.symbol_section .symbol_container .symbol_box {width: 46.6rem; height: 60rem; border-radius: 5rem; position: relative; overflow: hidden;}
.symbol_section .symbol_container .symbol_box .symbol_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%); border-radius: 5rem;}
.symbol_section .symbol_container .symbol_box figure {width: 100%; height: 100%;}
.symbol_section .symbol_container .symbol_box figure img {width: 100%; height: 100%; object-fit: cover;}
.symbol_section .symbol_container .symbol_box .symbol_exp {position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; display: flex; flex-direction: column; row-gap: 3.9rem; width: 100%; align-items: center;}
.symbol_section .symbol_container .symbol_box .symbol_exp .symbol_name {font-size: 2.8rem; font-weight: 700; line-height: 1.1;}
.symbol_section .symbol_container .symbol_box .symbol_exp .symbol_txt {font-size: 1.8rem; font-weight: 400; line-height: 1.5; width: 35rem;}

.mascot_section {display: flex; flex-direction: column; row-gap: 6.8rem;}
.mascot_section .mascot_container {display: flex; gap: 4rem; flex-wrap: wrap;}
.mascot_section .mascot_container .mascot_box {width: 67rem; height: 60rem; border-radius: 3.5rem; border: 1px solid #42A873; background-color: #F7F8F9; position: relative; display: flex; justify-content: center; align-items: center;}
.mascot_section .mascot_container .mascot_box.blue {border: 1px solid #005BAB;}
.mascot_section .mascot_container .mascot_box figure {width: 58rem; height: 41rem;}
.mascot_section .mascot_container .mascot_box figure img {width: 100%; height: 100%; object-fit: contain;}
.mascot_section .mascot_container .mascot_box .mascot_name {border-radius: 3.6rem; font-size: 2.8rem; font-weight: 800; padding: 1.2rem 0; width: 50rem; box-sizing: border-box; display: flex; justify-content: center; background-color: #42A873; color: #fff; box-shadow: -5px -7px 1px 0px rgba(0, 0, 0, 0.16) inset; position: absolute; top: -2.5rem; left: 6rem; position: absolute; top: -3rem; left: 50%; transform: translateX(-50%); font-style:italic;}
.mascot_section .mascot_container .mascot_box.blue .mascot_name {background-color: #005BAB;}
/* sub pages 끝 */


/* keyframes */
@keyframes person-left-right-01 {
    0% {transform-origin: 50% 100%; transform: rotate(-5deg);}
    100% {transform-origin: 50% 100%; transform: rotate(5deg);}
}
@keyframes grass-left-right-01 {
    0% {transform-origin: 60% 100%; transform: rotate(-2deg);}
    100% {transform-origin: 60% 100%; transform: rotate(2deg);}
}
@keyframes person-left-right-02 {
    0% {transform-origin: 100% 50%; transform: rotate(-5deg);}
    100% {transform-origin: 100% 50%; transform: rotate(5deg);}
}
@keyframes fireworks {
    100% {transform-origin: 50% 50%; transform: rotate(-360deg);}
}
@keyframes viewer-01 {
    0% {transform-origin: 50% 100%; transform: rotate(5deg);}
    100% {transform-origin: 50% 100%; transform: rotate(-1deg);}
}
@keyframes viewer-02 {
    0% {transform-origin: 50% 100%; transform: translateY(-10%) rotate(-3deg);}
    100% {transform-origin: 50% 100%; transform: translateY(0%) rotate(3deg);}
}
@keyframes cloudMove01 {
    0% {transform: translateX(50%);}
    50% {transform: translateX(-50%);}
    100% {transform: translateX(50%);}
}
@keyframes cloudMove02 {
    0% {transform: translateX(50%);}
    50% {transform: translateX(0%);}
    100% {transform: translateX(50%);}
}
@keyframes cloudMove03 {
    0% {transform: translateX(30%);}
    50% {transform: translateX(0%);}
    100% {transform: translateX(30%);}
}
@keyframes bounceMove {
    0% {transform: translateX(0) translateY(0) scaleX(-1);}
    8% {transform: translateX(1rem) translateY(-1rem) scaleX(-1);}
    16% {transform: translateX(2rem) translateY(0) scaleX(-1);}
    24% {transform: translateX(3rem) translateY(-1rem) scaleX(-1);}
    32% {transform: translateX(4rem) translateY(0rem) scaleX(-1);}
    40% {transform: translateX(5rem) translateY(-1rem) scaleX(-1);}
    48% {transform: translateX(6rem) translateY(0rem) scaleX(1);}
    56% {transform: translateX(5rem) translateY(-1rem) scaleX(1);}
    64% {transform: translateX(4rem) translateY(0rem) scaleX(1);}
    72% {transform: translateX(3rem) translateY(-1rem) scaleX(1);}
    80% {transform: translateX(2rem) translateY(0rem) scaleX(1);}
    88% {transform: translateX(1rem) translateY(-1rem) scaleX(1);}
    100% {transform: translateX(0) translateY(0rem) scaleX(1);}
}

/* 반응형 */
@media screen and (min-width: 921px) {
    .pc_ver {display: block;}
    .mo_ver {display: none !important;}
}

@media screen and (max-width: 920px) {
    .pc_ver {display: none !important;}
    .mo_ver {display: block;}

    html {font-size: min(1rem, calc(100vw * 10 / 740));}

    .sub_header .inner {padding: 0 5rem;}
    .sub_header .sns_wrap {width: 100%; justify-content: space-between;}
    .language_box {width: fit-content;}

    .header .inner {align-items: center; padding: 0 5rem;}
    .mo_nav .mo_btn {display: flex; align-items: center; gap: 1rem;}
    .mo_nav_btn img {width: 100%; height: 100%; object-fit: contain;}
    .header .inner h1 figure {width: 20rem; height: 4rem;}
    .quick_menu {top: 68rem;}
    .quick_menu .quick_menu_list {row-gap: 2rem;}
    .quick_menu .quick_menu_list > li {width: 7rem; height: 7rem;}
    .quick_menu .quick_menu_list > li a {width: 2.6rem; height: 2.6rem;}

    .swiper-search-box {width: fit-content; text-align: center; row-gap: 7.9rem;}
    .swiper-search-box .swiper-text p {font-size: 2.8rem;}
    .swiper-search-box .swiper-search {width: 66rem;}
    .swiper-search-box .swiper-search .main_search_input {width: 100%;}

    .main_visual .mySwiper {height: 84rem;}
    .main_visual .mySwiper .swiper-button-prev, .main_visual .mySwiper .swiper-button-next {display: none;}
    .main_visual .mySwiper .swiper-wrapper .swiper-slide figure {mask-image: url('img/mo_mask.png'); mask-size: 100%;}
    .main_visual .mySwiper .swiper-controls {bottom: 17rem;}
    .main_visual .mySwiper .swiper-controls .swiper-pagination {font-size: 2.8rem; width: 20rem !important;}
    .main_visual .mySwiper .swiper-controls .swiper-pagination .swiper-pagination-current {font-size: 4rem;}
    .main_visual .mySwiper .swiper-controls .swiper-progress {height: 0.6rem; width: 20rem;}
    .main_visual .mySwiper .swiper-controls .swiper-button-play-pause figure {width: 8rem; height: 8rem;}

    .visual_menu ul {gap: 2rem;}
    .visual_menu ul li {display: flex; flex-direction: column; row-gap: 2.6rem; justify-content: center; align-items: center; text-align: center;}
    .visual_menu ul li a {width: 15rem; height: 15rem;}
    .visual_menu ul li a figure {width: 10rem;}
    .visual_menu ul li span {font-size: 2rem; font-weight: 700; line-height: 1.2;}

    .main_illust.cloud01 {bottom: -25rem;}
    .main_illust.cloud01 figure {width: 17.5rem; height: 5.9rem;}
    .main_illust.cloud02 {bottom: -30rem; right: -6rem;}
    .main_illust.cloud02 figure {width: 23.9rem; height: 7.4rem;}
    .main_illust.cloud02 figure img {width: 100%; height: 100%; object-fit: contain;}
    .main_illust.cloud03 {top: 34rem;}
    .main_illust.cloud03 figure {width: 37rem; height: 8.8rem;}
    .main_illust.cloud03 figure img {width: 100%; height: 100%; object-fit: contain;}
    .main_illust.cloud04 {top: 45rem; left: -2rem;}
    .main_illust.cloud04 figure {width: 18.4rem; height: 6.8rem;}
    .main_illust.cloud04 figure img {width: 100%; height: 100%; object-fit: contain;}

    .ptc_container .ptc_title {padding: 0 4rem; box-sizing: border-box;}
    .ptc_container .ptc_title h3 {font-size: 4.8rem;}
    .ptc_container .ptc_title p {font-size: 2.8rem;}

    .ptc_container .ptc_swiper {width: 90vw; height: 53vw;}
    .ptc_container .ptc_swiper .swiper-wrapper {width: 70vw;}
    .ptc_container .ptc_swiper .swiper-wrapper .swiper-slide figure {mask-size: 70vw;}
    .ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .bg_img {mask-size: 70vw;}
    .ptc_container .ptc_swiper .swiper-wrapper .swiper-slide .ptc_swiper_text span {font-size: 2.4rem;}
    .ptc_container .ptc_swiper_pagination {padding: 0 4rem; box-sizing: border-box; text-align: center;}
    .ptc_container .ptc_swiper_pagination ul {flex-wrap: wrap;}
    .ptc_container .ptc_swiper_pagination ul li {width: 21.3rem; min-height: 6.3rem; display: flex; justify-content: center; align-items: center;}

    .main_illust.ground02 {display: flex; justify-content: center; align-items: center; bottom: 4.5rem;}
    .main_illust.ground02 figure {width: 100vw;}

    .main_illust.family {bottom: 9rem; right: 1rem;}
    .main_illust.family figure {width: 13rem; height: 14rem;}

    .main_illust.couple {z-index: 3; left: 3rem;}
    .main_illust.couple figure {width: 15.4rem; height: 14.5rem;}

    .main_illust.top01 {bottom: 16rem; right: 6rem;}
    .main_illust.top01 figure {width: 5.5rem; height: 11.3rem;}
    .main_illust.top01 figure img {width: 100%; height: 100%; object-fit: contain;}

    .main_illust.house01 {bottom: 12rem; left: 4.5rem;}
    .main_illust.house01 figure {width: 8.2rem; height: 5.4rem;}
    .main_illust.house01 figure img {width: 100%; height: 100%; object-fit: contain;}

    .main_illust.house02 {bottom: 10rem; left: 0;}
    .main_illust.house02 figure {width: 5.8rem; height: 5rem;}
    .main_illust.house02 figure img {width: 100%; height: 100%; object-fit: contain;}

    .main_illust.party01 figure {width: 35rem;}
    .main_illust.party02 figure {width: 27rem;}

    .main_illust.fireworks01 {left: 4rem; top: 9rem;}
    .main_illust.fireworks01 figure {width: 7.7rem; height: 8.5rem;}

    .main_illust.fireworks02 {left: 77%; transform: translateX(0); top: 14rem;}
    .main_illust.fireworks02 figure {width: 15rem; height: 16rem;}

    .etf_container {flex-direction: column;}
    .etf_container .etf_text_box {width: 100vw; padding: 0 4rem; box-sizing: border-box; text-align: center;}

    .etf_container .etf_text_box {justify-content: center; align-items: center; row-gap: 4rem;}
    .etf_container .etf_text_box .etf_txt h3 {font-size: 4.8rem;}
    .etf_container .etf_text_box .etf_txt p {font-size: 2.8rem;}
    .basic_btn.etf_btn {text-align: center;}

    .etf_container .etf_slide_box {width: 100%; margin-top: 5rem;}
    .etf_slide_box .etf_swiper {width: 100vw;}
    .etf_slide_box .etf_swiper .swiper-wrapper {width: 100vw;}
    .etf_slide_box .etf_swiper .swiper-button-next {right: 34vw;}

    .etf_slide_box .etf_swiper .etf_swiper_controls {margin-top: 2rem; justify-content: center; width: calc(100% - 5.4rem);}
    .etf_slide_box .etf_swiper .etf_swiper_controls .etf_pagination {font-size: 2.8rem; color: rgba(0, 0, 0, 0.6);}
    .etf_slide_box .etf_swiper .etf_swiper_controls .etf_pagination .swiper-pagination-current {font-size: 4.2rem; color: rgba(0, 0, 0, 1);}
    .etf_slide_box .etf_swiper .etf_swiper_controls .progress-bar {width: 20rem; height: 0.6rem;}

    .illust_area {height: 47rem;}
    .illust_area .fireworks03 {top: -86.979167vw;}
    .illust_area .fireworks03 figure {width: 4.8rem; height: 4.7rem;}
    .illust_area .tree01 {top: -14rem; left: 1rem;}
    .illust_area .tree01 figure {width: 9.9rem; height: 16.1rem;}
    .illust_area .tree02 {top: -14rem; right: 5rem;}
    .illust_area .tree02 figure {width: 5.8rem; height: 14.6rem;}
    .illust_area .redman01 {left: 10rem; top: 1rem;}
    .illust_area .redman01 .redman {width: 5.7rem; height: 7.9rem;}
    .illust_area .redman01 .shadow {width: 6.8rem; height: 2.3rem; bottom: -1rem;}
    .illust_area .redman02 {left: 7rem; top: 6.5rem;}
    .illust_area .redman02 .redman {width: 5.7rem; height: 7.9rem;}
    .illust_area .redman02 .shadow {width: 6.8rem; height: 2.3rem; bottom: -1rem;}
    .illust_area .saja01 {left: 19rem; top: 1rem;}
    .illust_area .saja01 .saja {width: 9.9rem; height: 9.1rem;}
    .illust_area .saja01 .shadow {width: 10.8rem; height: 2.3rem;}
    .illust_area .blueman01 {left: 19rem; top: 7rem;}
    .illust_area .blueman01 .blueman {width: 7.7rem; height: 7.9rem;}
    .illust_area .blueman01 .shadow {width: 7.8rem; height: 2.3rem; bottom: -1rem;}
    .illust_area .greenman01 {left: 41.58vw; top: 2.8vw;}
    .illust_area .greenman01 .greenman, .illust_area .greenman02 .greenman {width: 7.8rem; height: 7.8rem;}
    .illust_area .greenman01 .shadow, .illust_area .greenman02 .shadow {width: 5.9rem; height: 2.3rem;}
    .illust_area .greenman02 {left: 39.54167vw; top: 10.04167vw;}
    .illust_area .people01 {top: 25.4167vw;}
    .illust_area .people01 .people {width: 9.5rem; height: 7.1rem;}
    .illust_area .people02 {top: 24.4167vw; left: 33.8125vw;}
    .illust_area .people02 .people {width: 6.6rem; height: 9.5rem;}
    .illust_area .camera01 {top: -0.9166vw; right: 10.34vw;}
    .illust_area .camera01 .camera {width: 10.3rem; height: 11.5rem;}
    .illust_area .balloon01 {top: 11.45834vw; right: 25.20834vw}
    .illust_area .balloon01 .balloon, .illust_area .balloon02 .balloon {width: 6.2rem; height: 9.2rem;}
    .illust_area .balloon01 .shadow, .illust_area .balloon02 .shadow {width: 4.3rem; height: 1.6rem;}
    .illust_area .balloon02 {top: -1.20834vw; right: 39.67vw;}


    .st_container {padding-left: 4rem; padding-right: 4rem; flex-direction: column; background-color: #327E57; padding-bottom: 15rem;}
    .st_main_text {padding: 0 4rem; row-gap: 2.9rem; margin-bottom: 5rem;}
    .st_main_text p {font-size: 2.8rem;}
    .st_main_text h3 {font-size: 4.8rem;}
    .st_box {order: 2;}
    .st_box ul {flex-direction: column; width: 100%; gap: 0;}
    .st_box ul li {width: 100%; display: flex; gap: 7rem; align-items: center;}
    .st_box ul li figure {width: 26rem;}
    .st_box ul li .bg_img {width: 26rem;}
    .st_box ul li .st_explain_text {width: 33rem; row-gap: 3rem;}
    .st_box ul li .st_explain_text h6 {font-size: 2.8rem;}
    .st_box ul li .st_explain_text p {font-size: 2.4rem;}
    .st_box ul li:nth-child(2) {padding-top: 0;}
    .st_box ul li:nth-child(2) figure {order: 2;}
    .st_box ul li .bg_img {bottom: 0;}
    .st_box ul li:nth-child(2) .bg_img {bottom: 0; right: 0;}
    .st_box ul li .st_number_text {bottom: -2rem;}
    .st_box ul li:nth-child(2) .st_number_text {bottom: -2rem;  right: 12.5rem;}
    .st_main_text {text-align: center;}
    .st_main_text h3::before {display: none;}
    .st_main_line {width: 1px; height: 10rem; background-color: #FFF; margin: 0 auto;}

    .main_illust.ground03 {bottom: 196.5rem;}
    .main_illust.ground04 {bottom: 175rem;}
    .main_illust.picture_couple {left: 4rem; bottom: -11rem;}
    .main_illust.picture_couple figure {width: 20rem; height: 23.5rem;}
    .main_illust.hanok figure {width: 37rem; height: 27rem;}

    .section03 {padding-bottom: 15rem;}

    .hah_title {row-gap: 2.9rem; text-align: center;}
    .hah_title h3 {font-size: 4.8rem;}
    .hah_title p {font-size: 2.8rem;}

    .hah_list li {width: 22rem; height: 28.3rem;}
    .hah_list li .hah_txt {bottom: 1rem;}
    .hah_list li .hah_txt span {font-size: 2.4rem;}
    .hah_list li .hah_txt img {top: -4rem; right: -4rem;}
    .main_illust.tree03 {top: 18rem;}
    .main_illust.tree04 {bottom: 7rem;}
    .main_illust.tree03 figure, .main_illust.tree04 figure {width: 15.9rem; height: 6rem;}

    .section04 {padding: 2rem; box-sizing: border-box; width: 100%;}
    .s04_list {flex-wrap: wrap; width: 100%;}
    .s04_list li {height: 23rem;}

    .s04_list li:first-child, .s04_list li:nth-child(2) {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .s04_list li:nth-child(even)::after {display: none;}
    .s04_list li h6 {font-size: 2.8rem; margin-top: 1.1rem;}
    .s04_list li h6.small {font-size: 2.2rem; margin-bottom: 2rem;}
    .s04_list li p {font-size: 1.9rem;}

    .footer {flex-direction: column; gap: 0; row-gap: 7rem; padding: 4rem 4rem 10rem 4rem; overflow: hidden;}
    .footer .info_box ul {row-gap: 3.8rem;}
    .footer .info_box ul li {flex-direction: column; align-items: flex-start; gap: 1rem; padding-left: 0}
    .footer .info_box ul li .tit {font-size: 2.8rem;}
    .footer .info_box ul li .cont {font-size: 2.8rem; text-decoration: none; color: inherit;}
    .footer .info_box .copyright {font-size: 2.8rem;}
    .footer .logo_box figure {width: 39.4rem; height: 7.1rem;}
    .footer .logo_box figure img {width: 100%; height: 100%;}
    .footer .logo_box .txt .tit {font-size: 2.4rem;}
    .footer .logo_box .txt .cont {font-size: 6.9rem;}

    /* search */
    .search_tag_box {padding: 0 4rem; box-sizing: border-box;}
    .search_tag_box ul {row-gap: 2rem; justify-content: flex-start;}
    .search_result_box {padding: 0 2.89rem;}
    .search_result_box ul {gap: 4rem;}
    .search_result_box ul li {width: 31rem;}
    .search_result_box ul li {padding: 0!important}

    /* sub pages */
    main.sub_main {margin-top: 14rem}
    .sub_main {background-color: #fff;}
    .sub_title_container {width: 100%;}
    .sub_title_box {width: 100%; margin: 0; padding: 6rem 2rem; position: relative; border-radius: 0;}
    .sub_title_box .sub_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);}
    .sub_title_box.hahoe {background-image: url('img/sub_pages_img/ourpicks/visual/mo/01.HahoeVillageArea.jpg');}
    .sub_title_box.dosan {background-image: url('img/sub_pages_img/ourpicks/visual/mo/02.DosanseowonArea.jpg');}
    .sub_title_box.bongjeongsa {background-image: url('img/sub_pages_img/ourpicks/visual/mo/03.BongjeongsaArea.jpg');}
    .sub_title_box.south {background-image: url('img/sub_pages_img/ourpicks/visual/mo/04.SouthEastArea.jpg');}
    .sub_title_box.downtown {background-image: url('img/sub_pages_img/ourpicks/visual/mo/05.DowntownArea.jpg');}
    .sub_title_box.museum {background-image: url('img/sub_pages_img/ourpicks/visual/mo/06.TheCityofMuseum.jpg');}
    .sub_title_box.untact {background-image: url('img/sub_pages_img/ourpicks/visual/mo/07.untact.jpg');}
    .sub_title_box.scholar {background-image: url('img/sub_pages_img/ourpicks/visual/mo/08.scholar.jpg');}
    .sub_title_box.stamp {background-image: url('img/sub_pages_img/ourpicks/visual/mo/09.stamp.jpg');}
    .sub_title_box.maskdance {background-image: url('img/sub_pages_img/discover/visual/mo/01.maskdance.png');}
    .sub_title_box.moon {background-image: url('img/sub_pages_img/discover/visual/mo/02.moon.jpg');}
    .sub_title_box.amsan {background-image: url('img/sub_pages_img/discover/visual/mo/03.amsan.png');}
    .sub_title_box.cherry {background-image: url('img/sub_pages_img/discover/visual/mo/04.cherry.jpg');}
    .sub_title_box.water {background-image: url('img/sub_pages_img/discover/visual/mo/08.water.jpg');}
    .sub_title_box.stay {background-image: url('img/sub_pages_img/discover/visual/mo/09.stay.jpg');}
    .sub_title_box.local {background-image: url('img/sub_pages_img/discover/visual/mo/05.local.jpg');}
    .sub_title_box.street {background-image: url('img/sub_pages_img/discover/visual/mo/06.street.jpg');}
    .sub_title_box.shopping {background-image: url('img/sub_pages_img/discover/visual/mo/07.shopping.jpg');}
    .sub_title_box.fee {background-image: url('img/sub_pages_img/plan/visual/mo/1.fee.jpg');}
    .sub_title_box.car {background-image: url('img/sub_pages_img/plan/visual/mo/2.car.jpg');}
    .sub_title_box.bus {background-image: url('img/sub_pages_img/plan/visual/mo/3.bus.jpg');}
    .sub_title_box.train {background-image: url('img/sub_pages_img/plan/visual/mo/4.train.jpg');}
    .sub_title_box.center {background-image: url('img/sub_pages_img/plan/visual/mo/5.center.jpg');}
    .sub_title_box.hotline {background-image: url('img/sub_pages_img/plan/visual/mo/6.hotline.jpg');}
    .sub_title_box.cultural {background-image: url('img/sub_pages_img/plan/visual/mo/7.cultural.jpg');}
    .sub_title_box.story {background-image: url('img/sub_pages_img/about/visual/mo/1.jpg');}
    .sub_title_box .sub_title_txt {padding-left: 4rem; box-sizing: border-box; width: 100%; position: relative;}
    .sub_title_box .sub_menu_box .sub_menu {width: 100%; background-color: rgba(255, 255, 255, 0.8)}
    .sub_title_box .sub_menu_box .sub_menu .select_li {display: none;}
    .sub_title_box .sub_menu_box .sub_menu .select_li:last-child {display: block; width: 100%; padding: 2rem;}
    .select_menu .selected_value {font-size: 2.4rem;}
    .select_menu .select_option li {font-size: 2rem; padding: 2rem 3rem;}
    .sub_title_box .sub_menu_box .sub_menu > li .home {padding: 1rem;}
    .sub_title_box .sub_menu_box .sub_menu > li .home figure {width: 3rem; height: 3rem;}

    .sub_content_container {width: calc(100% - 12rem); margin: 10rem auto;}
    .sub_cont_title {position: relative;}
    /* .sub_cont_visual figure {height: 33rem;} */
    .sub_cont_visual figure img {height: 100%; object-position: 50% 0%;}
    .sub_cont_visual .sub_cont_visual_txt {bottom: 5rem;}
    .sub_cont_icon {position: absolute; top: -15rem; right: 2rem;}
    .sub_btn {width: 8rem; height: 8rem;}
    .sub_btn img {width: 5rem; height: 5rem;}
    .sub_cont_area {row-gap: 4rem;}
    .sub_cont_txt h3::before {background-size: contain; width: 4rem; left: -6.5rem;}
    .sub_cont_txt h3 {font-size: 3.6rem;}
    .sub_cont_txt p {font-size: 2.4rem;}
    .sub_cont_txt {padding-left: 7rem;}
    .sub_cont_thead {display: none;}
    .sub_cont_tbody {flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 3rem;}
    .sub_cont_tbody li {border: none; height: fit-content; justify-content: flex-start; font-size: 2.8rem; border-radius: 0;}
    .sub_cont_tbody:hover {border: none; border-radius: 0;}
    .sub_cont_tbody:hover li {border: none; border-radius: 0;}
    .sub_cont_tbody .col_2 {margin-bottom: 1rem;}
    .sub_cont_tbody .col_1, .sub_cont_tbody .col_2, .sub_cont_tbody .col_3, .sub_cont_tbody .col_4, .sub_cont_tbody .col_5, .sub_cont_tbody .col_6 {padding: 0; width: 100%;}
    .txt_group {row-gap: 0.5rem;}
    .txt_group .green {font-size: 2.4rem;}
    .txt_group .normal {font-size: 2.2rem;}
    .sub_cont_tbody .col_4 .mo_ver, .sub_cont_tbody .col_5 .mo_ver {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .sub_cont_tbody .col_6 {justify-content: flex-end;}
    .sub_cont_tbody .col_6 a {width: 8rem; height: 8rem;}
    .sub_cont_tbody .col_6 a img {width: 4rem; height: 4rem;}
    .sub_illust_container {display: none;}
    .illust_imgs {width: 100%; height: 100%;}
    .illust_imgs img {width: 100%; height: 100%; object-fit: cover; display: block;}

    .sub_illust.mask01 {display: none;}
    .sub_cont_search .inner {padding: 3rem;}
    .select_filter {font-size: 1.8rem;}
    .sub_search_input, .sub_search_input::placeholder, .total_txt {font-size: 2rem;}
    .tc_list {gap: 0; row-gap: 4rem; width: 100%;}
    .tc_list li {width: 100%;}
    .tc_list li a {width: 100%;}
    .tc_list li a .img_container .cont_img {width: 100%; height: 58.104167vw; mask-size: 100%;}
    .tc_list li a .img_container .arrow {width: 7rem; height: 7rem; top: 37rem;}
    .tc_list li a .img_container h5 {font-size: 2.4rem;}
    .tc_list li a .txt_container div {gap: 2rem;}
    .tc_list li a .txt_container div figure {width: 5rem; height: 5rem;}
    .tc_list li a .txt_container div span {font-size: 2rem; width: 46rem;}
    .tc_list li a .txt_container {row-gap: 1.5rem;}

    .sub_pagination_box .page_arrow a {width: 6rem; height: 6rem;}
    .sub_pagination_box .page_arrow a.first figure, .sub_pagination_box .page_arrow a.last figure {width: 2rem;}
    .sub_pagination_box .page_arrow a.prev figure, .sub_pagination_box .page_arrow a.next figure {width: 1rem;}
    .sub_pagination_box .page_cnt a {width: 6rem; height: 6rem; font-size: 2rem;}

    .place_info_container {flex-direction: column; row-gap: 4rem;}
    .place_info_container .place_img_box {width: 100%; height: 100%;}
    .place_info_box {width: 100%;}
    .place_info_box h5 {padding-left: 3rem; font-size: 3.2rem;}
    .place_info_box .place_info_list {padding-left: 1rem; row-gap: 2rem;}
    .place_info_box .place_info_list li {flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 1rem;}
    .place_info_box .place_info_list li .place_title {width: 100%; justify-content: flex-start;}
    .place_info_box .place_info_list li .place_title figure {width: 3rem; height: 3rem;}
    .place_info_box .place_info_list li .place_title span {font-size: 2rem;}
    .place_info_box .place_info_list li .place_txt {width: 100%; font-size: 1.8rem;}
    .place_title .tit_txt {width: 80%;}
    .place_title .tit_txt h5 {font-size: 3rem;}
    .place_photo_container {margin-bottom: 0;}
    .swiper_area .mySwiper {display: none;}
    .swiper_area .mySwiper2 {height: 42rem; width: 100%;}
    .exp_box {padding: 3rem;}
    .exp_box .top_txt_box .dot_txt p {font-size: 1.8rem;}
    .exp_box .top_txt_box .exp_txt p {font-size: 1.8rem;}
    .exp_box .table_box .table_title h6 {font-size: 1.8rem;}
    .exp_box .table_box .table thead tr th {font-size: 1.8rem;}
    .exp_box .table_box .table tbody tr td {font-size: 1.8rem;}

    .tab_container {align-items: flex-start;}
    .tab_menu {display: none;}
    .sub_cont_txt.special {padding-left: 0;}
    .sub_cont_visual .sub_cont_visual_txt {right: 50%; transform: translateX(50%); width: 80%; row-gap: 3rem;}
    .sub_cont_visual .sub_cont_visual_txt h5 {font-size: 4.8rem;}
    .sub_cont_visual .sub_cont_visual_txt p {width: 100%; font-size: 1.8rem;}
    .special .sub_cont_area {width: calc(100% - 8rem);}
    .panel_list .panel_item {flex-direction: column; row-gap: 3rem;}
    .panel_list .panel_item .panel_img_box {width: 100%;}
    .panel_list .panel_item .panel_info_box {width: 100%;}
    .panel_list .panel_item .panel_img_box figure {mask-position: left; mask-size: 100% 100%;}
    .panel_list .panel_item .panel_img_box .panel_number {right: 5rem;}
    .panel_list .panel_item .panel_info_box .panel_info_title {font-size: 3.2rem;}
    .panel_list .panel_item .panel_info_box .panel_location .panel_text_01 {font-size: 2rem;}
    .panel_list .panel_item .panel_info_box .panel_location .panel_text_02 {font-size: 2rem;}
    .panel_list .panel_item .panel_info_box p {font-size: 2rem;}
    .tab_panel_box .tab_panel_title h6 {font-size: 3.6rem;}
    .tab_panel_box .tab_panel_title p {font-size: 2rem;}

    .scholar .tab_img_box {flex-direction: column; width: 100%; row-gap: 2rem;}
    .scholar .tab_img_box figure {width: 100%;}
    .scholar .tab_panel_content p {font-size: 2rem;}
    .panel_course_info ul li .panel_course_title span {font-size: 2rem;}
    .panel_course_info ul li .panel_course_txt span {font-size: 1.8rem; line-height: 1.4}

    .scholar.sub_cont_visual .sub_cont_visual_txt {width: 80%; right: 50%;}
    .stamp_container {row-gap: 5rem;}
    .stamp_title h4 {font-size: 3.2rem;}
    .stamp_steps {flex-wrap: wrap;}
    .stamp_steps li {width: 100%;}
    .stamp_steps li .step1, .stamp_steps li .step2, .stamp_steps li .step3 {font-size: 2.2rem;}
    .stamp_steps li .stamp_txt .step_txt {font-size: 2.2rem;}
    .stamp_steps li .stamp_txt .step_detail {font-size: 1.8rem;}
    .stamp_steps li::after {display: none;}
    .stamp_steps li::before {content: ''; background-image: url('icon/sub_page_icon/arrow_line.png'); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -3rem; left: 50%; transform: translateX(-50%) rotate(90deg);width: 4rem; height: 1rem;}
    .stamp_steps li:last-child::before {display: none;}
    .stamp_explain {font-size: 1.8rem;}

    .discover .sub_cont_visual .sub_cont_visual_txt {width: 90%;}
    .discover .sub_cont_visual .sub_cont_visual_txt h5 {font-size: 3rem;}

    .local .panel_list .panel_item .panel_img_box .panel_number {right: 3.5rem;}

    /* .street.sub_content_container {width: calc(100% - 12rem);} */
    .street.sub_content_container .sub_cont_title {width: calc(100% - 12rem);}
    .street .tab_container {row-gap: 4rem;}
    .street .select_filter {padding: 0 6rem; width: auto}
    .street .select_filter .selected {padding-right: 7rem}
    .street .select_filter .selected .selected_value {}
    .street .select_filter .select_option {left: 6rem;}
    .street .place_info_container {width: calc(100% - 12rem);}
    .street .place_exp_container {width: calc(100% - 12rem);}
    .exp_box .top_txt_box .exp_txt p {font-size: 2rem;}
    .street_img_box {flex-direction: column; row-gap: 1rem;}
    .street_img_box figure {width: 100%;}
    .store_container {padding: 3rem 6rem;}
    .store_list li {width: 48%;}

    .shopping.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .shopping.sub_cont_area {width: calc(100% - 12rem);}
    .shopping_box .shopping_title {width: 50rem; font-size: 2rem; text-align: center}
    .shopping_box {flex-direction: column;}
    .shopping_box figure {width: 100%;}
    .shopping_info {width: 100%; margin: 0; height: fit-content;}
    .shopping_info ul li .shopping_txt {font-size: 2rem;}
    .shopping_info ul li .shopping_word {font-size: 1.4rem;}

    .stay.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .stay .sub_cont_title {width: calc(100% - 10rem); margin: 0 auto; text-align: center;}
    .stay .sub_cont_area .stay_visual_box {width: calc(100% - 5rem);}
    .stay .sub_cont_area .stay_visual_box > figure {height: 35rem;}
    .stay .sub_cont_area .stay_visual_box .visual_txt {left: 2rem; bottom: 2rem;}
    .stay .sub_cont_area .stay_visual_box .visual_txt h4 {font-size: 3rem;}
    .stay .sub_cont_area .stay_visual_box .txt_link {bottom: 1.5rem; right: 1.5rem; gap: 2rem;}
    .stay .sub_cont_area .stay_visual_box .txt_link span {font-size: 1.8rem;}
    .stay .sub_cont_area .stay_site_box {flex-direction: column; margin: 0 auto; margin-top: 7rem; width: calc(100% - 5rem);}
    .stay .sub_cont_area .stay_site_box > figure {width: 100%; height: 100%; border-radius: 3.5rem;}
    .stay .sub_cont_area .stay_site_box .stay_site_info {width: 100%; height: fit-content;}
    .stay .sub_cont_area .stay_site_box .stay_site_info .stay_site_list li {width: 33.5rem;}

    .fee.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .fee.sub_cont_area {width: 100%; overflow-x: auto;}
    .fee .table_box {width: 190vw; height: 80vh;}

    .hour.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .select_filter.hour {width: 32rem;}
    .hour .tab_panel {overflow-x: auto; overflow-y: auto;}
    .hour .table_box {height: auto;}
    .hour .table_box.hour2 {height: 70vh}

    .floating_thead, .floating_thead2 {display: none !important}

    .car .car_container .car_illust {top: 1rem; right: 6rem;}
    .car .car_container .car_illust figure {width: 12.7rem;}
    .car .car_box .inner ul li {gap: 2rem; align-items: flex-start;}
    .car .car_box .inner ul li .number {margin-top: 1rem; font-size: 2.2rem; width: 4rem; height: 4rem;}
    .car .car_box .inner ul li .explain_txt {width: 44rem; line-height: 1.4; font-size: 2.2rem;}

    .bus.sub_content_container .sub_cont_title {width: calc(100% - 12rem);}
    .bus .bus_company_container {width: calc(100% - 12rem); flex-wrap: wrap; row-gap: 2rem;}
    .bus .bus_company_container ul {position: relative; top: 0; left: 0; transform: translateY(0%); width: 100%;}
    .bus .bus_company_container ul li a {width: 100%;}
    .bus .sub_cont_area .bus_bg {height: 60rem; display: none;}
    .bus .bus_list_container {padding-top: 5rem;}
    .bus .bus_list_container .inner {width: calc(100% - 12rem);}
    .bus .table_box {overflow-x: auto;}
    .fee_thead li {font-size: 2rem;}
    .fee_tbody li {font-size: 1.8rem;}
    .bus .bus_list_container .inner .bus_list_box .time_info ul li {font-size: 1.8rem; line-height: 1.5;}

    .center.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .center_info li {font-size: 2.2rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 0.5rem;}
    .center_info li .title span {width: 20rem;}
    .center_info li .title figure {width: 3rem; height: 3rem;}

    .hotline.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {width: 100%}
    .hotline_explain .txt_box {font-size: 2rem;}
    .hotline .explain_list li .explain_txt h6 {font-size: 2.2rem;}
    .hotline .explain_list li .explain_txt p {font-size: 2rem;}
    .hotline .explain_list li {padding: 4rem; height: auto;}
    .hotline .area_code_container .bus_list_box .table_box {overflow-x: auto;}

    .cultural.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .slide_container .cultural_swiper {width: 100%; padding: 3rem;}
    .slide_container .swiper_shadow {width: 53rem;}
    .speech_bubble_container .bubble_txt {margin-bottom: 10rem;}
    .speech_bubble_container .illust_box {bottom: -7rem;}
    .cultural .color_bg {top: 70rem; left: -6rem; z-index: 0;}
    .cultural .illust_container.tree01 {left: -5rem; top: 64.7rem;}
    .cultural .illust_container.tree01 figure {width: 8rem; height: auto;}
    .cultural .illust_container.tree02 {right: -5rem; top: 64rem;}
    .cultural .illust_container.tree02 figure {width: 8rem; height: auto;}
    .cultural_text_container {position: relative; z-index: 1; margin-bottom: 0;}
    .cultural_text_container p {font-size: 2.2rem;}
    .cultural_form_box .form_illust figure {width: 21.5rem; height: auto;}
    .form_one {row-gap: 4rem;}
    .form_input_box span {font-size: 2.2rem;}
    .basic_input {font-size: 2rem;}
    label.exp {font-size: 1.6rem;}
    .basic_input.wd_half {width: 100%;}
    .form_input_box {width: 100%;}
    .basic_radio {font-size: 2rem;}
    .form_group_02 .input_style_02 {width: 100%;}
    .wd_q4 {width: 100%;}
    .select_time {width: 100%; font-size: 1.8rem; height: 5rem; align-items: center;}
    .select_time .select_option li {font-size: 1.8rem;}
    .calendar_popup .inner {row-gap: 2rem;}
    .basic_chk + label:before {width: 2rem; height: 2rem;}
    input[type="checkbox"] + label {width: 100%;}
    .basic_chk ~ label > span {width: 40rem;}
    .check_group .policy_chk {padding-left: 3.5rem;}
    .policy_popup {width: 60rem; height: auto;}
    .policy_popup .popup_content {overflow-y: hidden;}
    .policy_popup .popup_content .inner .txt_container {height: 55rem; overflow-y: auto;}
    .policy_popup .popup_content .inner .car_title {width: 100%;}
    .policy_popup .popup_content .inner .txt_container .top_title {font-size: 2.2rem;}
    .policy_popup .popup_content .inner .txt_container .policy_list li > span {font-size: 2rem;}
    .policy_popup .popup_content .inner .txt_container .policy_list li .box .box_txt {font-size: 2rem;}
    .policy_popup .popup_content .inner .txt_container .bottom_title {font-size: 2rem;}
    .policy_btn {font-size: 1.6rem;}

    .story.sub_title_box .sub_menu_box .sub_menu .select_li:nth-child(3) {display: block; width: 100%; padding: 2rem;}
    .story_container {padding-bottom: 5rem; margin-bottom: 5rem;}
    .story_container .story_img span {left: 50%; transform: translateX(-50%); width: 100%; text-align: center; font-size: 4.8rem;}
    .story_container p {font-size: 2rem;}
    .vision_conatiner {gap: 0; width: 100%;}
    .vision_conatiner .place_title .tit_txt {width: 100%;}
    .story.sub_cont_area {row-gap: 0;}
    .vision_conatiner .vision_list {gap: 0; width: 100%; row-gap: 5rem;}
    .vision_conatiner .vision_list li {width: 100%;}
    .vision_conatiner .vision_list li figure {width: 100%;}
    .vision_conatiner .vision_list li:nth-child(odd) {margin: 0;}
    .vision_conatiner .vision_list li:nth-child(even) {margin: 0;}
    .vision_conatiner .vision_list li:nth-child(2) {margin: 0;}
    .vision_conatiner .vision_list li .vision_txt {padding: 2rem;}
    .vision_conatiner .vision_list li .vision_txt .vision_title {font-size: 3rem;}
    .symbol_section .symbol_container {flex-wrap: wrap; row-gap: 2rem;}
    .symbol_section .symbol_container .symbol_box {width: 100%;}
    .symbol_section .symbol_container .symbol_box .symbol_exp .symbol_name {font-size: 3.2rem;}
    .symbol_section .symbol_container .symbol_box .symbol_exp .symbol_txt {font-size: 2.2rem; width: 40rem;}
    .mascot_section {row-gap: 3.8rem;}
    .mascot_section .mascot_container {margin-top: 3rem; row-gap: 6rem;}

    .sub_cont_icon.search {top: -2rem; right: 0;}
    .result_title p {font-size: 2rem;}
    .result_img {gap: 4rem;}
    .result_img figure {height: 30rem;}
    .result_img .img_txt p {font-size: 1.8rem;}
}







.data_table1 {clear:both;overflow:hidden;width:100%;margin-bottom:20px;border-collapse:separate;}
.data_table1 caption {padding:10px 0 0 0;margin:10px 0;text-align:left;font-size:1.1em;font-weight:600;letter-spacing:-0.05em;color:#32518D;background:url(/public/images/title_bar.gif) no-repeat 0 3%;}
.data_table1 caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
.data_table1 thead th {padding:12px;text-transform:uppercase;font-weight:600;font-size:0.9em;}
.data_table1 thead th.line {border-right:1px solid #CCCCCC;}
.data_table1 thead th.none {border-top:none;}
.data_table1 tr th:last-child,
.data_table1 tr td:last-child {border-right:0;}
.data_table1 th,
.data_table1 td {padding:10px 5px;text-align:center;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;}
.data_table1 *:not(:first-child)[rowspan] {position:relative;}
.data_table1 *:not(:first-child)[rowspan]:before {content:'';background:#CCCCCC;width:1px;top:0;left:-1px;height:100%;position:absolute;}
.data_table1 tbody th {font-weight:600;}
.data_table1 tbody td.line {border-right:1px solid #CCCCCC;}
.data_table1 tbody td ul {padding:0;margin:0 0 0 20px;list-style:none;}
.data_table1 tbody td ul li {padding-left:12px;margin:5px 0;font-weight:400;line-height:1.5em;text-align:left;/*background-image:url(/Public/images/dot_green.png);*/background-repeat:no-repeat;background-position:0 8px;background-size:4px;}
.data_table1 tbody td ul li ul {padding:0;margin:3px 0 10px 5px;list-style:none;}
.data_table1 tbody td ul li ul li {padding-left:10px;margin:3px 0;font-size:0.9em;font-weight:400;line-height:1.4em;color:#666;text-align:left;/*background-image:url(/Public/images/dot_gray.png);*/background-repeat:no-repeat;background-position:0 6px;background-size:3px;}
.data_table1 tfoot th,
.data_table1 tfoot td {background-color:#f6f6f6;}
/* 테이블 기본 속성(가로 50% 사이즈) */
.data_table2 {overflow:hidden;width:48%;margin-bottom:30px;border-left:1px solid #CCCCCC;border-collapse:separate;}
.data_table2 caption {padding:0 0 10px 30px;margin-bottom:10px;text-align:left;font-weight:600;font-size:1.3em;color:#068600;background:url(/Public/yyedu/images/bullet.gif) no-repeat 1px 2px;}
.data_table2 caption span {float:right;right:0;font-size:0.9em;font-weight:400;color:#333;}
.data_table2 thead th {padding:10px 0;text-transform:uppercase;font-weight:600;font-size:12pt;}
.data_table2 thead th.none {border-top:none;}
.data_table2 th,
.data_table2 td {padding:10px 5px;text-align:center;line-height:1.4em;font-size:10pt;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;text-align:center;}
.data_table2 tbody th {font-weight:600;}
.data_table2 tfoot th,
.data_table2 tfoot td {background-color:#f6f6f6;}


table.table {width:100%; margin:5px 0 10px;}

table.table th, table.table td {padding:15px 10px; border:1px solid #d7d7d7; vertical-align:middle}
table.table td{}
table.table thead th{border:#d7d7d7 solid 1px; color:#252525; font-weight:600; background:#fbfbfb;}
table.table thead tr:first-child th {border-top:2px solid #555;}
table.table thead tr:last-child th, .table thead th[rowspan]{border-bottom:none;}
table.table th:first-child, table.table td:first-child {border-left:none}
table.table th:last-child, table.table td:last-child {border-right:none}
table.table tbody tr:first-child th, .table tbody tr:first-child td{border-top-color:#d7d7d7;}
table.table tbody th {font-weight:600; background:#fbfbfb; color:#252525;}
table.table tfoot th, table.table tfoot td {font-weight:normal; background-color:#fbfbfb;}
table.table td img {vertical-align:middle}
td ul, td li {text-align:left}
td ul.bu {margin:0; padding:0;}
td .num {margin:0; padding:0;}

.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td {border-top:2px solid #555;}
.table.type2 th, .table.type2 td {padding:10px 6px 9px;}
.table.type2 tbody th {color:#252525; font-weight:normal; background-color:#fbfbfb;}


/* 테이블 텍스트 왼쪽 정렬 */
.tdLeft tbody td,
table th.text_left,
table td.text_left,
table td.fleft {text-align:left; padding-left:20px;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:2px solid #2C79D9;}
table.blue thead th {color:#0052BA;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
table.green {border-top:2px solid #08A700;}
table.green thead th {color:#000;border-bottom:1px solid #787878;background-color:#FAFAFA;}
table.green caption {padding:0 0 10px 30px;margin-bottom:10px;text-align:left;font-weight:600;font-size:1.3em;color:#336600;}
table.black {border-top:2px solid #333;}
table.black thead th {color:#000;border-bottom:1px solid #787878;background-color:#FAFAFA;letter-spacing:-0.06em;}


/* 본문 내에 링크 텍스트 색상 지정 */
table.blue tr a,
table.blue td a,
a.blue {color:#4B7EB0;padding-right:20px;background:url(/Public/images/bl_blank.png) no-repeat 98% 50%; border:none;}
table.green tr a,
table.green td a,
a.green {color:#058C00; font-weight:600;border-bottom:1px dashed #008550; padding-bottom:5px;}
table.green td a[target=_blank] {color:#333;font-weight:600;padding-right:20px;background:url(/Public/images/bl_blank.png) no-repeat 98% 50%; border:none;}
table.black tr a,
table.black td a,
a.blue {color:#4B7EB0;padding-right:20px;background:url(/Public/images/bl_blank.png) no-repeat 98% 50%; border:none;}


.top_txt_box {padding:5px 0;margin:0;}
.exp_box .top_txt_box ul {line-height: 1.4}
.top_txt_box p {font-size:1.0em; line-height:1.7em; letter-spacing:0.05em;}
.top_txt_box p span {word-break: break-word;}
.top_txt_box li span {word-break: break-word;}
.top_txt_box {float:left;width:100%;margin:20px 0;padding:0px 0;border-bottom:1px solid #aaa;}
.top_txt_box dt {padding:0 0 10px 20px;margin:0;font-size:1.3em;font-weight:600;letter-spacing:-0.05em;}
.top_txt_box dd {padding:10px 20px;margin:0;font-size:15px;}


@media screen and (max-width:960px) {
    .top_txt_box {margin-bottom:10px;}
    .top_txt_box p {line-height: 3.6rem !important}
    .top_txt_box dt {width:100%;padding-left:10px;font-size:1.1em;}
    .top_txt_box dd {width:100%;padding:10px;}
    .top_txt_box .table-md {overflow: auto;}
}

.snsList {position: absolute; right: 4%; top: 48px; display: none; gap: 8px; padding: 6px 12px; box-sizing: border-box; border-radius: 15px; background: rgba(255, 255, 255, 0.9); border: 1px solid #E0E0E0; z-index: 1;}
.snsList.on {display: flex;}