@import url('https://fonts.cdnfonts.com/css/nanumsquare-neo'); 
@font-face { font-family: 'Paperozi'; font-weight: 100; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 200; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 300; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 400; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 500; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 600; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 700; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 800; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'Paperozi'; font-weight: 900; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'KoreaInstituteOfMachineryAndMaterials'; font-weight: 300; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Light.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'KoreaInstituteOfMachineryAndMaterials'; font-weight: 700; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2'); font-display: swap; } 
@font-face { font-family: 'MunmakchoByeolban'; font-weight: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2604-1@1.0/MUNMAK_BYEOLBANCHE.woff2') format('woff2'); font-display: swap; } 
.town26Wrap .quicks img,.town26Wrap .babs img { display: inline-block; width: auto; } 

.town26Wrap { position: relative; min-width: 1100px; max-width: 1920px; width:100%; margin: auto; z-index: 0; } 
.town26Wrap .quicks { position: fixed; top: 180px; right: 50px; display: inline-block; z-index: 10; } 
.town26Wrap .babsbtn a:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } 
.town26Wrap .babsbtn a:hover:before, 
.town26Wrap .babsbtn a:focus:before, .town26Wrap .babsbtn a:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } 
.town26Wrap .babsbtn a { position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); display: inline-block; box-shadow: 0 0 1px transparent; vertical-align: -1px; } 


.town26Wrap { --baseG1:#657F29; --baseG2:#81D14E; --baseB1:#5E504B; --baseB2:#4C3D36; --base333:#333; --baseW:#fff; } 
.town26Wrap * { color: var(--baseW); font-family: 'Noto Sans KR', sans-serif !important; } 
.town26Wrap em { font-style: normal !important; } 
.town26Wrap .font_PAPEROZI, 
.town26Wrap .font_PAPEROZI * { font-family: 'Paperozi', 'Noto Sans KR', sans-serif !important; } 
.town26Wrap .font_KIMM, 
.town26Wrap .font_KIMM * { font-family: 'KoreaInstituteOfMachineryAndMaterials', 'Noto Sans KR', sans-serif !important; } 
.town26Wrap .font_MUNMAK, 
.town26Wrap .font_MUNMAK * { font-family: 'MunmakchoByeolban', 'Noto Sans KR', sans-serif !important; } 
.town26Wrap .font_NANUMNEO, 
.town26Wrap .font_NANUMNEO * { font-family: 'NanumSquare Neo', 'Noto Sans KR', sans-serif !important; } 
.town26Wrap .inr { max-width: 1100px; width: 100%; margin: auto; } 
.town26Wrap [class*="sc_"] { position: relative; overflow: hidden; } 
.town26Wrap .ctabtn a { display: flex; justify-content: center; align-items: center; gap: 20px; transition-duration: .35s; padding: 27px 31.5px; border-radius: 20px; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.29); font-size: 24px; font-weight: 700; line-height: 1; letter-spacing: -0.03em; transition-property:transform, box-shadow; } 
.town26Wrap .ctabtn a:hover { transform: translateY(-5%); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.29); } 
.town26Wrap .ctabtn a:hover > img { animation: moveX1_ 1.5s ease-in-out infinite; } 


.forMo { display: none !important; } 


/* ==== sc_01 ==== */
.town26Wrap .sc_01 { background: url(../img/sc01_bg.jpg) no-repeat center/cover;height: 100vh; } 
.town26Wrap .sc_01 .inr { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 4%; } 
.town26Wrap .sc_01 .inr .gnilogos { position: absolute; top: 20px; left: 0; right: 0; max-width: 1100px; width: 100%; margin: auto; } 
.town26Wrap .sc_01 .inr .ctabtn a { background: var(--baseG2); } 
.town26Wrap .sc_01 .text { margin-top: 57px; } 
.town26Wrap .sc_01 .text * {line-height: 140%; letter-spacing: -0.02em;}
.town26Wrap .sc_01 .text p { font-size: 24px;  text-align: center; } 
.town26Wrap .sc_01 .text p > span { font-weight: bold; } 
.town26Wrap .sc_01 .scrollDown { margin-top: 20px; width: 35px } 
.town26Wrap .sc_01 .scrollDown img { display: block; opacity: 1; animation: moveY_ 1.5s linear infinite; width: 100%!important;  } 
/* ==== sc_01 ==== */



/* ==== sc_02 03 04 ==== */
.town26Wrap .sc_story { background-position: center; background-repeat: no-repeat; background-size: cover; } 
.town26Wrap .sc_story .inr { position: relative; z-index: 1; } 
.town26Wrap .sc_story .inr > .title { margin-bottom: 15%; text-align: center; } 
.town26Wrap .sc_story .inr > .title * {line-height: 130%; letter-spacing: -0.02em;}
.town26Wrap .sc_story .inr > .title h2 { color: var(--baseW); font-size: 48px;  font-weight:300; } 
.town26Wrap .sc_story .inr > .title h2 > span { font-weight: bold; } 
.town26Wrap .sc_story .story { display: flex; flex-direction: column; width: 54%; } 
.town26Wrap .sc_story .story .subTitle h3 { position: relative; display: inline-block; margin-bottom: 4.75%; font-size: 48px; font-weight: bold; line-height: 130%; letter-spacing: -0.04em; } 
.town26Wrap .sc_story .story .subTitle h3::before { content: "“"; position: absolute; left: 0; transform: translateX(-100%); } 
.town26Wrap .sc_story .story .subTitle h3::after { content: "“"; position: absolute; right: 0; transform: translateX(100%); } 
.town26Wrap .sc_story .story .text * { line-height: 150%; letter-spacing: -0.04em; } 
.town26Wrap .sc_story .story .text p { margin-bottom: 2.65%; color: var(--baseW); font-size: 20px; } 
.town26Wrap .sc_story .story .text p.font_MUNMAK { margin: 3.5% 0; font-size: 30px; text-indent: -2%; } 
.town26Wrap .sc_story .story .text p:last-of-type { margin-bottom: 8.75%; font-size: 24px; } 
.town26Wrap .sc_story .story .text p:last-of-type > span { position: relative; } 
.town26Wrap .sc_story .story .text p:last-of-type > span::after { content: ""; position: absolute; top: 15%; left: 50%; transform: translateX(-50%); width: 107%; height: 100%; margin: auto; background-position: center; background-repeat: no-repeat; background-size: 100% auto; z-index: -1; } 
.town26Wrap .sc_story .story .ctabtn { max-width: 355px; } 
.town26Wrap .sc_story .imgBox { position: absolute; bottom: -3%; display: flex; justify-content: center; } 
.town26Wrap .sc_story .imgBox > div { position: relative; } 
.town26Wrap .sc_story .imgBox > div:nth-of-type(1) { transform: rotate(3deg) translateY(-17%); } 
.town26Wrap .sc_story .imgBox > div:nth-of-type(2) { transform: rotate(-3deg); z-index: 1; } 

.town26Wrap .sc_02 { position: relative;
    width:100%;    
    height:1275px;
    overflow:hidden; } 
@media (min-width: 2001px) {
  .town26Wrap .sc_02 { height: 100vh; }
} 
.town26Wrap .sc_02 .bg-img { position: absolute; top:0; left: 0; width:100%; height: 100%; z-index: 1; } 
.town26Wrap .sc_02 .bg-img .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/story01_bg_v5.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1);
  transform-origin: calc(50% + 340px) 33%;
  will-change: transform;
}
/* .town26Wrap .sc_02 .bg-img .img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/story01_bg_v5_cover.jpg') no-repeat center/cover;} */
.town26Wrap .sc_02 .bg-img .dim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/story01_bg_v4.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  opacity: 0;
  will-change: opacity;
}
.town26Wrap .sc_02.sc_story .inr {position: absolute;  width:1100px; top:100px; left: calc(50% - 550px); z-index: 3; }
.town26Wrap .sc_02 .story .subTitle h3 { color: #FFB9CD; } 
.town26Wrap .sc_02 .story .text p:last-of-type > span::after { background-image: url(../img/story01_text_bg.png); } 
.town26Wrap .sc_02 .story .text p.font_MUNMAK { color:#FFB9CD; } 
.town26Wrap .sc_02 .story .ctabtn a { background: #EE799B; } 
.town26Wrap .sc_02 .imgBox { right:-7%; } 

.town26Wrap .sc_03 { padding: 11% 0 5.75%; background-image: url(../img/story02_bg.jpg); } 
.town26Wrap .sc_03 .story { margin-left: auto; padding-left: 10%; } 
.town26Wrap .sc_03 .story .subTitle h3 { color:#FFD078; } 
.town26Wrap .sc_03 .story .text p:last-of-type > span::after { background-image: url(../img/story02_text_bg.png); } 
.town26Wrap .sc_03 .story .text p.font_MUNMAK { color:#FFD078; } 
.town26Wrap .sc_03 .story .ctabtn a { background: #D5A733; } 
.town26Wrap .sc_03 .imgBox { left:-9%; } 

.town26Wrap .sc_04 { padding: 10% 0 5.75%; background-image: url(../img/story03_bg.jpg); } 
.town26Wrap .sc_04 .story .subTitle h3 { color:#EACFC2; } 
.town26Wrap .sc_04 .story .text p:last-of-type > span::after { background-image: url(../img/story03_text_bg.png); } 
.town26Wrap .sc_04 .story .text p.font_MUNMAK { color:#EACFC2; } 
.town26Wrap .sc_04 .story .ctabtn a { background: #B1978A; } 
.town26Wrap .sc_04 .imgBox { right:-9%; } 
/* ==== sc_02 03 04 ==== */



/* ==== sc_05 ==== */
.town26Wrap .sc_05 { background: url(../img/sc03_bg.jpg) no-repeat center/cover;height: 911px; } 
.town26Wrap .sc_05 .inr { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; } 
.town26Wrap .sc_05 .inr .title { margin-bottom: 2.85%; } 
.town26Wrap .sc_05 .inr .title h2 { font-size: 100px; line-height: 130%; letter-spacing: -0.02em; } 
.town26Wrap .sc_05 .inr .text { margin-bottom: 5.5%; } 
.town26Wrap .sc_05 .inr .text p { font-size: 30px; line-height: 140%; letter-spacing: -0.04em; } 
.town26Wrap .sc_05 .inr .text p > span { font-weight: bold; line-height: 130%; letter-spacing: -0.02em; } 
.town26Wrap .sc_05 .inr .ctabtn a { background: var(--baseW); } 
.town26Wrap .sc_05 .inr .ctabtn a * { color: var(--base333); } 
/* ==== sc_05 ==== */



/* ==== sc_06 ==== */
.town26Wrap .sc_video { padding: 6.25% 0; background: var(--baseW); } 
.town26Wrap .sc_video .inr { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center; } 
.town26Wrap .sc_video .inr .video { 
    width: 100%; 
    max-width: 1100px;       
    margin: 0 auto;       
    border-radius: 10px; 
    overflow: hidden; 
    aspect-ratio: 16 / 9; 
}
.town26Wrap .sc_video .inr .video iframe { width: 100%; height: 100%; aspect-ratio: 16/9; } 
.town26Wrap .sc_video .inr .notice { margin-top: 1.875%; color: #999; font-size: 16px; line-height: 140%; letter-spacing: -0.04em; } 
.town26Wrap .sc_video .inr .title { margin: 3.65% 0; } 
.town26Wrap .sc_video .inr .title h2 { color: #444; font-size: 30px; line-height: 140%; letter-spacing: -0.04em; } 
.town26Wrap .sc_video .inr .title h2 > span { color: #444; font-weight: bold; line-height: 140%; letter-spacing: -0.04em; } 
.town26Wrap .sc_video .inr .ctabtn a { background: #657F29; } 
/* ==== sc_06 ==== */



/* ==== sc_07 ==== */
.town26Wrap .sc_map { padding: 150px 0 120px; background: url(../img/map_bg.jpg) no-repeat center/cover; overflow: hidden; } 
.town26Wrap .sc_map .inr { display: flex; flex-direction: column; justify-content: center; align-items: center; width:1000px; } 
.town26Wrap .sc_map .title { margin-bottom: 0; } 
.town26Wrap .sc_map .title * { color: var(--baseW); font-size: 42px; line-height: 130%; letter-spacing: -0.02em; text-align: center; } 
.town26Wrap .sc_map .title h2 > span { font-weight: 600; } 
.town26Wrap .sc_map .tip { width:424px; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 14px 0; border-radius: 10px; background: var(--baseW); opacity: 1; box-shadow: 0px 0px 30px 0 #6ac233b4;
   animation: spark_ 2.7s linear infinite; } 
.town26Wrap .sc_map .tip p { padding-bottom: 0.5%; color: #666; font-size: 21px; font-weight: bold; line-height: 140%; letter-spacing: -0.04em; } 
.town26Wrap .sc_map #mapBox { display: flex; align-items: center; gap: 30px; padding-top: 15px; } 
.town26Wrap .sc_map #mapBox .map { position: relative; } 
.town26Wrap .sc_map #mapBox .table { padding-top: 20px; }

.town26Wrap .sc_map svg { width: 100%; height: 100%; } 
.town26Wrap .sc_map g path.map_region { transition: fill 0.45s ease; cursor: pointer; pointer-events: visiblePainted; /* 픽셀이 채워진 경계선 모양 그대로만 인식 (사각형 인식 방지) */ } 
.town26Wrap .sc_map path.seoul { fill: #D7D7D7; } 
.town26Wrap .sc_map path.gyeonggi { fill: #eee; } 
.town26Wrap .sc_map path.incheon { fill: #E8E8E8; } 
.town26Wrap .sc_map path.kangwon { fill: #E6E6E6; } 
.town26Wrap .sc_map path.daejeon { fill: #F8F8F8; } 
.town26Wrap .sc_map path.chungnam { fill: #D6D6D6; } 
.town26Wrap .sc_map path.jeju { fill: #D6D6D6; } 
.town26Wrap .sc_map path.jeonbuk { fill: #EEEEEE; } 
.town26Wrap .sc_map path.jeonnam { fill: #E6E6E6; } 
.town26Wrap .sc_map path.gyeongnam { fill: #E2E2E2; } 
.town26Wrap .sc_map path.kyongbuk { fill: #EEEEEE; } 
.town26Wrap .sc_map path.daegu { fill: #F3F3F3; } 
.town26Wrap .sc_map path.ulsan { fill: #DADADA; } 
.town26Wrap .sc_map path.busan { fill: #E8E8E8; } 
.town26Wrap .sc_map path.map_path { fill: #fff; } 
.town26Wrap .sc_map #mapBox .map { 
    position: relative; 
    width: 100%;             
    max-width: 550px;        
    height: auto;            
    aspect-ratio: 550 / 860; 
}
.town26Wrap .sc_map .map_text > div { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } 
.town26Wrap .sc_map .map_text > div span { position: relative;  color: #999; font-size: 24px; font-weight: bold; } 
.town26Wrap .sc_map .map_text > div span::before { content: ""; position: absolute; top: 0; left: 0; right: 0; transform: translateY(-110%); transition: width .15s, height .15s; width: 31px; height: 44px; margin: auto; background: url(../img/pin_grey.png) no-repeat center/contain; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(1) { top: 18.5%; left: 24.5%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(2) { top: 19%; left: -3%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(2) span::after { content: ""; position: absolute; top: 0; bottom: 0; right: -60px; width: 52px; height: 6px; margin: auto; background: url(../img/pin_line01.png) no-repeat center/cover; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(3) { top: 28%; left: 34%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(4) { top: 44%; left: 40%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(5) { top: 45%; left: 16%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(6) { top: 62%; left: 30%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(7) { top: 77%; left: 14%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(8) { top: 73%; left: 90%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(8) span::after { content: ""; position: absolute; top: 0; bottom: 0; left: -40px; width: 34px; height: 6px; margin: auto; background: url(../img/pin_line02.png) no-repeat center/cover; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(9) { top: 71%; left: 59%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(10) { top: 18%; left: 65%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(11) { top: 59%; left: 70%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(12) { top: 45%; left: 77%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(13) { top: 63%; left: 87%; } 
.town26Wrap .sc_map .map_text > div:nth-of-type(14) { top: 95%; left: 9%; } 

.town26Wrap .sc_map path.active { fill: #6BC233; } 
.town26Wrap .sc_map .map_text > div.active {z-index: 11;}
.town26Wrap .sc_map .map_text > div.active span { color: #fff; } 
.town26Wrap .sc_map .map_text > div.active span::before { content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; transform: translateY(-110%); width: clamp(23px,2.395vw,46px); height: clamp(32px,3.33vw,64px); margin: auto; background: url(../img/pin_red02.png) no-repeat center/cover; } 
.town26Wrap .sc_map path.on { filter: drop-shadow(4px 8px 10px rgba(0, 0, 0, 0.45)); fill: #6BC233; } 
.town26Wrap .sc_map .map_text > div.on {z-index: 10;}
.town26Wrap .sc_map .map_text > div.on span { color: #fff; } 
.town26Wrap .sc_map .map_text > div.on span::before { content: ""; animation: moveY_map 1s linear infinite; position: absolute; top: 0; left: 0; right: 0; transform: translateY(-110%); width: clamp(23px,2.395vw,46px); height: clamp(32px,3.33vw,64px); margin: auto; background: url(../img/pin_red02.png) no-repeat center/cover; } 
.town26Wrap .sc_map path.map_path { cursor: default; fill: #fff !important; } 

.town26Wrap .sc_map .table > div { position: relative; } 
.town26Wrap .sc_map .table > div a { position: absolute; bottom: 9%; left: 0; right: 0; width: 81%; height: 14%; margin: auto; border-radius: 12px; } 
.town26Wrap .sc_map .table .close { display: none; } 
/* ==== sc_07 ==== */



/* ==== sc_08 ==== */
.town26Wrap .sc_card { padding: 6.25% 0; } 
.town26Wrap .sc_card .inr { display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.town26Wrap .sc_card .title { margin-bottom: 5%; } 
.town26Wrap .sc_card .title * { color: var(--base333); font-size: 56px; line-height: 130%; letter-spacing: -0.02em; text-align: center; } 
.town26Wrap .sc_card .title h2 > span { color: #7D962F; font-weight: bold; } 
.town26Wrap .sc_card .text { margin: 5.5% 0 3.75%; text-align: center; } 
.town26Wrap .sc_card .text * { color: var(--base333); font-size: 36px; line-height: 140%; letter-spacing: -0.04em; } 
.town26Wrap .sc_card .text p { position: relative; display: inline-block; } 
.town26Wrap .sc_card .text p::after { content: ""; position: absolute; bottom: -21%; left: 0; width: 100%; height: 50%; background: url(../img/sc08_text_bg.png) no-repeat center/ 100% auto; z-index: -1; } 
.town26Wrap .sc_card .text p > span { font-weight: bold; } 
.town26Wrap .sc_card .cardWrap { width: 100%; } 
.town26Wrap .sc_card #cardBox { display: grid; gap: 40px; width: 100%; grid-template-columns: repeat(4, 1fr); } 
.town26Wrap .sc_card .card { position: relative; height: 420px; } 
.town26Wrap .sc_card .card-inner { position: relative; width: 100%; height: 100%; } 
.town26Wrap .sc_card .layer { position: absolute; width: 100%; height: 100%; border-radius: 20px; box-shadow: 0 15px 35px rgba(0, 0, 0, .2); overflow: hidden; will-change: transform, opacity; } 
.town26Wrap .sc_card .front-layer { z-index: 2; } 
.town26Wrap .sc_card .front-layer img { width: 100%; height: 100%; object-fit: cover; } 
.town26Wrap .sc_card .back-layer { transform: translate(-4px, 0px) rotate(-4deg); opacity: 0.5; z-index: 1; } 
.town26Wrap .sc_card .back-layer img { width: 100%; height: 100%; object-fit: cover; } 
.town26Wrap .sc_card .inr .ctabtn a { background: var(--baseG2); } 
/* ==== sc_08 ==== */



/* ==== sc_09 ==== */
.town26Wrap .sc_faq { padding: 6.25% 0; background: #F5F5F5; } 
.town26Wrap .sc_faq .title h2 { margin-bottom: 4%; color: var(--base333); font-size:56px; font-weight: 800; text-align: center; } 
.town26Wrap .sc_faq .faq-item { margin-top: 1.75%; } 
.town26Wrap .sc_faq .faq-question { display: flex; align-items: center; gap: 4%; padding: 1.75% 3.5%; background: var(--baseW); cursor: pointer; border-radius: 5px; } 
.town26Wrap .sc_faq .faq-question * { color: var(--baseG1); font-size: 24px; font-weight: 800; line-height: 150%; letter-spacing: -0.04em; } 
.town26Wrap .sc_faq .faq-question > p { text-align: left;} 
.town26Wrap .sc_faq .faq-question > .faq-arrow { display: flex; justify-content: center; align-items: center; transition: transform 0.3s ease; margin-left: auto; } 
.town26Wrap .sc_faq .faq-question > .faq-arrow.open { transform: rotate(180deg); } 
.town26Wrap .sc_faq .faq-answer { transition: max-height 0.5s ease, padding 0.3s ease; max-height: 0; overflow: hidden; } 
.town26Wrap .sc_faq .faq-answer * { color: var(--base333); font-size: 24px; line-height: 160%; letter-spacing: -0.02em; } 
.town26Wrap .sc_faq .faq-answer > div { display: flex; gap: 4%; margin-top: 1%; padding: 1.75% 3.5%; background: #fafafa; } 
.town26Wrap .sc_faq .faq-answer > div > span { font-weight: bold; font-size: 20px;} 
.town26Wrap .sc_faq .faq-answer > div > p { font-weight: 400; line-height: 160%; letter-spacing: -0.02em; font-size: 20px;} 
.town26Wrap .sc_faq .inr .notice { display: block; margin-top: 3.75%; color: #666; font-size: 17px; font-weight: 400; line-height: 160%; letter-spacing: -0.02em; text-align: center; } 
/* ==== sc_09 ==== */




/* ==== sc_10 ==== */
.town26Wrap .sc_10 { padding: 1.55% 0 3.125%; background: var(--base333); } 
.town26Wrap .sc_10 .inr * { display: block; font-size: 16px; font-weight: 300; line-height: 150%; letter-spacing: -0.02em; text-align: center; } 
.town26Wrap .sc_10 .inr > p { margin-bottom: 2.75%; } 


/* ==== floating_banner ==== */
.town26Wrap .floating_banner { position: fixed; top:40px; right:50px; transform: translateX(0%); transition-duration: .35s; max-width: 150px; width: 100%; filter: drop-shadow(7px 11px 6px rgb(0, 0, 0, 0.175)); cursor: pointer; z-index: 9; transition-property: top, transform, filter; } 
.town26Wrap .floating_banner a { display: block; } 
.town26Wrap .floating_banner a img { width: 100% !important; } 
.town26Wrap .floating_banner a .fl_img { position: absolute; top: 4%; left: 0; right: 0; max-width: 120px; width: 72%; margin: auto; border-radius: 999px; overflow: hidden; } 
.town26Wrap .floating_banner a .fl_img img { opacity: 0; } 
.town26Wrap .floating_banner a .fl_img::after { content: ""; position:absolute; transition: background .5s linear, transform .35s linear; width: 100%; height: 100%; border-radius: 999px; background-image: url(../img/floating_p01.png); background-position: center; background-repeat: no-repeat; background-size: cover; inset: 0; } 
.town26Wrap .floating_banner.p_01 a .fl_img::after { background-image: url(../img/floating_p01.png); } 
.town26Wrap .floating_banner.p_02 a .fl_img::after { background-image: url(../img/floating_p02.png); } 
.town26Wrap .floating_banner.p_03 a .fl_img::after { background-image: url(../img/floating_p03.png); } 
.town26Wrap .floating_banner:hover { transform: translate(0%,25px); filter: drop-shadow(3px 4px 4px rgb(0, 0, 0, 0.29)); } 
.town26Wrap .floating_banner:hover a .fl_img::after { transform: scale(1.05); } 
/* ==== floating_banner ==== */



.town26Wrap [class*="ob__"] { transition: all 1s; filter: blur(2px); opacity: 0; } 

.town26Wrap .ob__bottom { transform: translateY(25px); } 
.town26Wrap .ob__right { transform: translateX(25px); } 
.town26Wrap .ob__left { transform: translateX(-25px); } 

.town26Wrap .t_d_100 { transition-delay: .1s; } 
.town26Wrap .t_d_200 { transition-delay: .2s; } 
.town26Wrap .t_d_300 { transition-delay: .3s; } 
.town26Wrap .t_d_400 { transition-delay: .4s; } 
.town26Wrap .t_d_500 { transition-delay: .5s; } 
.town26Wrap .t_d_600 { transition-delay: .6s; } 
.town26Wrap .t_d_700 { transition-delay: .7s; } 
.town26Wrap .t_d_800 { transition-delay: .8s; } 
.town26Wrap .t_d_900 { transition-delay: .9s; } 
.town26Wrap .t_d_1000 { transition-delay: 1s; } 
.town26Wrap .t_d_1250 { transition-delay: 1.25s; } 
.town26Wrap .t_d_1500 { transition-delay: 1.5s; } 
.town26Wrap .t_d_1750 { transition-delay: 1.75s; } 
.town26Wrap .t_d_2000 { transition-delay: 2s; } 

.town26Wrap [class*="ob_af"] { transform: translate(0,0); filter: blur(0); opacity: 1; } 

@keyframes moveY_ { 50% { transform: translateY(30px); opacity: 1; } 
 }
@keyframes moveX1_ { 50% { transform: translateX(10px); opacity: 1; } 
 }
 @keyframes moveY_map { 50% { transform: translateY(-130%);  } 
}
@keyframes opacity_ { 50% { opacity: 1; } 
 }
@keyframes spark_ {
  50% {box-shadow: 0px 0px 15px 0px #6ac233b4;}
}
