@charset "utf-8";
@media (max-width: 1400px) {
    body, input, textarea, select, button, table {font-size:14px; font-weight:400;}

    :root {--font-size56:36px; --font-size48:32px; --font-size40:28px; --font-size36:24px; --font-size34:23px; --font-size32:22px; --font-size30:21px; --font-size28:20px; --font-size26:19px; --font-size24:18px; --font-size22:17px; --font-size20:16px; --font-size18:15px; --space-container:24px;}

	/* header */
	#gnb>ul {gap:clamp(6px, 1.5vw, 24px);}
	#gnb>ul>li>a {font-size:14px; padding:0 2px;}
	.sitelogo .logo-text .kr {font-size:clamp(16px, 1.2vw, 20px);}
	.util .btn-myexpo {margin-left:clamp(12px, 1.5vw, 20px); padding:0 12px;}

	/* sub */
	.sub-visual {height:auto; min-height:0; margin:0 24px 80px; padding:64px 0 56px; border-radius:28px;}
	.sub-visual .contain {grid-template-columns:1fr; align-items:start; gap:28px; height:auto;}
	.sub-visual h2 {font-size:clamp(36px, 5.4vw, 56px);}
	.sub-visual .left p {margin-top:20px;}
	.path-wrap .inner {justify-content:flex-end; flex-wrap:wrap; gap:12px;}
	.path-wrap .part {min-width:0; width:min(240px, 100%); flex:1 1 200px;}
	.path-wrap .part > a, .path-wrap .part.active > a {height:52px; padding:0 22px; padding-right:48px;}
	.path-wrap .part > a:after, .path-wrap .part.active > a:after {right:22px;}
	.path-wrap .part ul {padding-top:60px;}
	.lnb ul li a {height:50px; font-size:16px;}
	.sub-title {margin:80px 0 48px; padding:0;}
	.real-cont {padding-bottom:90px;}
	.real-cont2 {padding-bottom:0;}

	/* hero */
	.hero-copy {width:min(620px, calc(100% - min(420px, 38%) - 24px - var(--space-container)));}
	.hero-glass {width:min(520px, calc(100% - (var(--space-container) * 2)));}

	/* quick */
	.quick-list a {gap:12px; min-height:80px; padding:18px 22px;}
	.quick-list .q-icon {width:44px; height:44px;}
	.quick-list .q-icon .icon {width:24px; height:24px;}
	.quick-list .q-title {font-size:16px;}

	/* intro · exp · zone */
	.intro-sec {padding:clamp(80px, 8vw, 112px) 0;}
	.intro-grid {gap:clamp(24px, 3vw, 48px);}
	.intro-display {font-size:clamp(30px, 3.4vw, 48px);}
	.exp-list {--exp-stagger:48px;}
	.exp-list>li {min-height:clamp(400px, 34vw, 500px);}
	.exp-list h4 {font-size:clamp(24px, 2.6vw, 34px);}
	.zone-showcase {gap:clamp(20px, 2.5vw, 40px);}
	.zone-nav-name {font-size:clamp(24px, 2.4vw, 36px);}

	/* step */
	.step-list {gap:clamp(12px, 1.2vw, 16px);}
	.step-card {min-height:clamp(220px, 17vw, 260px);}

	/* footer */
	#footer .contain.foot-grid {column-gap:clamp(32px, 5vw, 64px);}
	.foot-display {font-size:clamp(28px, 4vw, 52px);}

	/* archive */
	.archive-board__grid {gap:16px;}
	.archive-card {padding:20px 32px 22px 20px;}
	.archive-card__title {font-size:18px;}
	.archive-card__desc {font-size:14px;}
	.hub-cards {gap:14px;}
	.hub-card {padding:24px 20px 20px;}
	.hub-card h4 {font-size:17px;}
	.hotel-cards, .archive-board--visitor .hotel-cards--stay {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.archive-board--visitor .hub-cards--zones {grid-template-columns:repeat(3, minmax(0, 1fr));}

	/* emblem-showcase */
	.emblem-showcase__title {font-size:28px;}
	.emblem-showcase__intro {margin-bottom:36px;}
	.emblem-showcase__intro p {font-size:15px;}
	.emblem-showcase__body {gap:40px;}
	.emblem-showcase__visual {gap:24px;}
	.emblem-showcase__emblem {min-height:300px;}
	.emblem-showcase__desc-title {margin-bottom:20px; font-size:18px;}
	.emblem-showcase__features {gap:16px;}
}

@media (max-width: 1200px) {
	/* root */
	:root {--header-height:68px; --header-bar-height:68px; --head-offset:68px; --space-container:20px;}

	/* header */
	#header .contain {gap:12px;}
	.sitelogo .logo-text .kr {font-size:18px;}
	#gnb {display:none;}
	.util .util-set--default {display:none;}
	.util .util-set--member {display:none;}
	.util .btn-myexpo {margin-left:12px; height:40px; padding:0 12px; font-size:13px;}
	.util .btn-myexpo .txt { display: none; }
	.list-icon {display:block;}

	/* footer */
	#footer {padding:clamp(48px, 6vw, 72px) 0 clamp(32px, 4vw, 48px);}
	#footer .contain.foot-grid {column-gap:clamp(32px, 4vw, 56px); row-gap:clamp(20px, 3vw, 36px);}
	.foot-display {font-size:clamp(28px, 3.8vw, 48px);}
	.foot-display-line + .foot-display-line {margin-top:clamp(4px, .8vw, 8px);}
	.foot-mark {width:clamp(6px, .7vw, 9px); height:clamp(6px, .7vw, 9px); margin-left:clamp(6px, .8vw, 10px);}
	.foot-office {margin-top:clamp(20px, 2.5vw, 32px);}
	.foot-office-list {gap:6px;}
	.foot-office-item {flex-direction:column; align-items:flex-start; gap:4px;}
	.foot-office-label {width:auto; padding-left:0; font-size:12px;}
	.foot-office-label:before {display:none;}
	.foot-office-value {font-size:13px;}
	.foot-nav {gap:clamp(10px, 1.5vw, 20px);}
	.foot-nav a {font-size:13px;}
	.foot-meta-list {gap:10px;}
	.foot-meta-pill {min-height:46px; padding:10px 18px; gap:12px;}
	.foot-meta-label {font-size:13px;}
	.foot-meta-value {font-size:13px;}
	.foot-bottom {gap:clamp(16px, 2.5vw, 32px);}
	.foot-policy a {font-size:12px;}
	.foot-policy a + a:before {margin:0 8px; height:9px;}
	#footer .copyright {font-size:12px;}

	/* hero */
	.hero-slogan {font-size:clamp(36px, 5vw, 56px);}
	.hero-lead {font-size:clamp(16px, 1.3vw, 20px);}
	.hero-eyebrow {font-size:14px; margin-bottom:clamp(16px, 2vw, 24px);}
	.hero-meta {gap:clamp(24px, 4vw, 40px); margin-bottom:clamp(24px, 3vw, 36px);}
	.hero-meta-label {font-size:14px; margin-bottom:8px;}
	.hero-meta-val {font-size:clamp(14px, 1.2vw, 18px);}
	.hero-glass-body {padding:16px calc(var(--glass-nav-gap) * 2 + var(--glass-nav-width)) 16px 18px;}
	.hero-glass-main {font-size:clamp(16px, 1.1vw, 19px);}
	.hero-glass-sub {font-size:14px;}
	.hero-glass-date {font-size:12px;}
	.btn {min-height:48px; padding:0 28px; font-size:14px;}
	.btn-lg {min-height:48px; height:48px; padding:0 28px;}

	/* quick */
	.quick-list a {gap:10px; min-height:72px; padding:16px 18px;}
	.quick-list .q-icon {width:40px; height:40px; border-radius:12px;}
	.quick-list .q-icon .icon {width:22px; height:22px;}
	.quick-list .q-title {font-size:15px;}
	.quick-list>li:nth-child(3) .q-title {font-size:13px;}
	.quick .contain { padding: 0 !important;}

	/* intro */
	.intro-sec {padding:clamp(72px, 8vw, 100px) 0;}
	.intro-display {font-size:clamp(28px, 3.2vw, 42px);}
	.intro-display-line--bold {margin-top:clamp(10px, 1.2vw, 16px);}
	.intro-kicker {font-size:clamp(18px, 1.3vw, 22px); margin-bottom:12px;}
	.intro-body {font-size:14px; margin-bottom:24px;}
	.btn-intro {min-height:44px; padding:0 22px; font-size:13px;}

	/* exp */
	.exp-list {--exp-stagger:32px; --exp-gap:14px;}
	.exp-list>li {min-height:clamp(360px, 32vw, 440px); padding:clamp(22px, 2.5vw, 28px) clamp(18px, 2vw, 24px);}
	.exp-list .exp-no {font-size:clamp(16px, 1.6vw, 22px); margin-bottom:10px;}
	.exp-list h4 {font-size:clamp(22px, 2.4vw, 30px);}
	.exp-list p {font-size:14px;}
	.exp-list .exp-body {padding-top:20px;}

	/* zone */
	.zone-showcase {grid-template-columns:minmax(0,1fr) minmax(280px,.9fr); gap:clamp(20px, 2.4vw, 36px);}
	.zone-stage {min-height:clamp(340px, 32vw, 440px);}
	.zone-stage-tag {height:28px; padding:0 14px; font-size:11px; top:16px; left:16px;}
	.zone-stage-caption {left:18px; right:18px; bottom:18px; gap:10px;}
	.zone-stage-no {font-size:15px;}
	.zone-stage-name {font-size:clamp(18px, 1.8vw, 24px);}
	.zone-nav-item + .zone-nav-item {margin-top:clamp(10px, 1.1vw, 16px);}
	.zone-nav-name {font-size:clamp(22px, 2.2vw, 32px);}
	.zone-nav-detail {margin-top:clamp(16px, 1.8vw, 24px);}
	.zone-nav-lead {font-size:15px; margin-bottom:8px;}
	.zone-nav-desc {font-size:13px; margin-bottom:16px;}

	/* partners */
	.partners-sec {padding:clamp(56px, 5vw, 72px) 0 clamp(88px, 7vw, 112px);}
	.partners-sec>.contain {margin-bottom:clamp(24px, 3vw, 36px);}
	.logo-wall {gap:14px;}
	.logo-slot {width:200px; height:76px; padding:20px 28px;}
	.logo-slot-inner {max-width:150px; height:36px;}
	.logo-slot img {max-height:36px;}

	/* step */
	.step-list {--step-pad:clamp(16px, 1.8vw, 22px); --step-icon:clamp(96px, 8vw, 128px); gap:clamp(10px, 1.2vw, 14px); margin-top:clamp(28px, 3.2vw, 44px);}
	.step-card {min-height:clamp(200px, 16vw, 240px);}
	.step-badge {font-size:11px; margin-bottom:8px;}
	.step-list h4 {font-size:clamp(17px, 1.4vw, 20px); margin-bottom:8px;}
	.step-desc {font-size:13px;}
	.step-card-foot {padding-top:18px;}
	.step-link {min-height:36px; padding:0 16px; font-size:13px;}

	/* emblem-showcase */
	.emblem-showcase__title {font-size:26px;}
	.emblem-showcase__intro {margin-bottom:32px;}
	.emblem-showcase__body {gap:32px;}
	.emblem-showcase__emblem {min-height:280px;}
	.emblem-showcase__desc-title {font-size:18px;}
	.emblem-showcase__feature-icon {width:44px; height:44px;}
	.emblem-showcase__feature-icon--letter span {font-size:24px;}
	.emblem-showcase__feature-title {font-size:15px;}
}

/* Landscape tablet */
@media (max-width: 1024px) {
	/* root */
	:root {--header-height:64px; --header-bar-height:64px; --head-offset:64px; --space-container:16px;}

	/* sub */
	.sub-visual {margin:0 16px 64px; padding:52px 0 48px; border-radius:24px;}
	.sub-visual .contain {gap:24px;}
	.sub-visual h2 {font-size:clamp(32px, 5vw, 44px);}
	.sub-visual .left p {margin-top:16px; font-size:15px;}
	.sub-visual .bread-crumb {margin-bottom:12px; font-size:13px;}
	.path-wrap .inner {gap:10px;}
	.path-wrap .part {flex:1 1 180px;}
	.path-wrap .part > a, .path-wrap .part.active > a {height:48px; padding:0 20px; padding-right:44px; font-size:15px;}
	.path-wrap .part > a:after, .path-wrap .part.active > a:after {right:20px;}
	.path-wrap .part ul {padding:56px 20px 20px; border-radius:20px;}
	.sub-title {margin:64px 0 40px;}
	.real-cont {padding-bottom:72px;}

    /* 찾아오시는 길 */
    .root_daum_roughmap .wrap_map {height:300px !important;}

	/* board */
	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}
    .status-search .info dl dd.fx .item .ui-datepicker-trigger {height:40px; width:40px;}

	/* 검색 */
	.board-search .search input.input {width:240px;}

    .board-list colgroup col {width:auto !important;}
    .board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:15px;}
    .board-list table tbody td.subject {padding-left:10px;}
    .board-list .label {font-size:12px; line-height:1em; padding:5px 8px;}
    .board-list .down {width:14px; height:18px; background-size:contain;}

    .form-agree {margin:30px 0 0 0;}
	.form-agree h3 {font-size:16px; margin-bottom:12px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

    .board-form table th {font-size:14px;}
    .board-form table td {font-size:14px; padding:15px;}
	.board-form .item-fx .item.fx {gap:10px 15px;}
	.board-form .item-fx .item.fx .input {max-width:70px;}
    .board-form .input {height:40px;}
    .captcha-wrap {height:40px;}

	.board-white table {font-size:15px;}
	.board-form table {font-size:15px !important;}
	.files-upload-text .upfiles-alt {font-size:14px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

	.gallery-list ul li .tit {font-size:16px; margin-top:10px;}
	.gallery-list ul li .txt {font-size:14px;}

    .faq .tit {font-size:15px;}
	.faq .tit a {padding:9px 60px 9px 12px;}
	.faq .tit a:after {top:14px;}
	.faq .q {flex:0 0 32px; width:32px; height:32px; font-size:16px; line-height:32px;}
	.faq .cnt {padding:18px 25px 18px 60px; font-size:14px;}

    .calendar-head {border-radius:0; padding:15px 0;}
    .calendar-head h3 {font-size:20px; margin:0 30px;}
	.calendar table th {font-size:15px;}
	.calendar table td {height:110px; font-size:14px;}
	.calendar ul li:before {top:7px;}

	.board-prev-next {font-size:14px;}

	.btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;}
	.btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;}
    .btn-pack.zip-bt {height:44px; font-size:14px; line-height:42px; min-width:100px;}

	.store-search {padding:22px 5%;}
	.store-search .map-area {width:280px;}
	.store-search .map-img .local {padding:0 10px; font-size:13px; line-height:22px;}
    
    .news-list .thumb {width:200px;}
	.news-list .tit {font-size:17px;}
	.news-list .txt {font-size:14px;}
	.news-list .date {font-size:13px;}
	.archive-media__grid {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:36px 24px;}
	.gallery-list ul {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:36px 24px;}
	.archive-data__grid {grid-template-columns:repeat(2, minmax(0, 1fr));}

	/* hero */
	.main-visual .caption {padding-top:calc(var(--head-offset) + clamp(72px, 12vh, 140px)); padding-bottom:40px;}
	.main-visual .caption .contain {display:flex; flex-direction:column; justify-content:flex-start; padding-top:0; padding-bottom:0;}
	.hero-copy {position:relative; top:auto; left:auto; transform:none; width:100%; max-width:none; padding:0;}
	.hero-glass {position:relative; right:auto; bottom:auto; width:100%; max-width:none; margin-top:28px;}
	.hero .contain.hero-layout {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; padding-top:clamp(72px, 12vh, 140px); padding-bottom:24px;}
	.hero-slogan {font-size:clamp(32px, 5vw, 48px); margin-bottom:clamp(14px, 2vw, 22px); padding-bottom:clamp(12px, 1.4vw, 18px);}
	.hero-lead {font-size:clamp(15px, 1.2vw, 18px); margin-bottom:clamp(18px, 2.5vw, 28px);}
	.hero-eyebrow {font-size:13px; margin-bottom:clamp(14px, 1.8vw, 20px);}
	.hero-meta {flex-direction:row; flex-wrap:nowrap; gap:clamp(20px, 3vw, 32px); margin-bottom:clamp(20px, 2.5vw, 28px);}
	.hero-meta-item {display:flex; flex-direction:row; align-items:baseline; gap:8px;}
	.hero-meta-label {font-size:13px; margin-bottom:0; white-space:nowrap;}
	.hero-meta-val {font-size:clamp(14px, 1.1vw, 16px); white-space:nowrap;}
	.hero-glass-body {grid-template-columns:minmax(0,1fr) clamp(120px, 14vw, 160px); padding:14px calc(var(--glass-nav-gap) * 2 + var(--glass-nav-width) - 6px) 14px 16px; row-gap:10px;}
	.hero-glass-main {font-size:15px;}
	.hero-glass-sub {font-size:13px;}
	.hero-glass-date {font-size:11px;}
	.hero-glass-tag {padding:6px 12px; font-size:11px;}
	.hero-glass-media {min-height:110px;}
	.btn {min-height:44px; padding:0 24px; font-size:14px;}
	.btn-lg {min-height:44px; height:44px; padding:0 24px;}

	/* quick */
	.quick-list {grid-template-columns:repeat(2, 1fr);}
	.quick-list>li {border-right:1px solid var(--divider-color); border-bottom:1px solid var(--divider-color);}
	.quick-list>li:nth-child(2n) {border-right:0;}
	.quick-list>li:nth-last-child(-n+2) {border-bottom:0;}
	.quick-list a {gap:10px; min-height:64px; padding:14px 16px;}
	.quick-list .q-icon {width:36px; height:36px; border-radius:10px;}
	.quick-list .q-icon .icon {width:20px; height:20px;}
	.quick-list .q-title {font-size:14px; white-space:normal;}
	.quick-list>li:nth-child(3) .q-title {font-size:13px;}

	/* intro · exp */
	.intro-sec {padding:64px 0;}
	.intro-grid {grid-template-columns:1fr; gap:24px;}
	.intro-display {font-size:clamp(26px, 4vw, 36px);}
	.intro-display-line--bold {margin-top:8px; white-space:normal;}
	.intro-kicker {font-size:16px; margin-bottom:10px;}
	.intro-body {font-size:14px; line-height:1.75em; margin-bottom:18px;}
	.btn-intro {min-height:42px; padding:0 20px; font-size:13px;}
	.exp-list {--exp-stagger:0; grid-template-columns:1fr; gap:14px;}
	.exp-list>li:nth-child(2) {margin-top:0;}
	.exp-list>li {min-height:300px; padding:22px 20px; border-radius:20px;}
	.exp-list .exp-no {font-size:16px; margin-bottom:10px;}
	.exp-list h4 {font-size:24px;}
	.exp-list p {font-size:14px;}
	.exp-list .exp-body {padding-top:16px;}

	/* zone */
	.zone-showcase {grid-template-columns:1fr; gap:24px;}
	.zone-stage {min-height:300px; border-radius:20px;}
	.zone-stage-tag {height:26px; padding:0 12px; font-size:10px; top:14px; left:14px;}
	.zone-stage-caption {left:16px; right:16px; bottom:16px; gap:8px;}
	.zone-stage-no {font-size:14px;}
	.zone-stage-name {font-size:20px;}
	.zone-nav-item + .zone-nav-item {margin-top:10px;}
	.zone-nav-name {font-size:22px;}
	.zone-nav-detail {margin-top:16px;}
	.zone-nav-lead {font-size:15px;}
	.zone-nav-desc {font-size:13px; margin-bottom:14px;}

	/* partners */
	.partners-sec {padding:48px 0 80px;}
	.partners-sec>.contain {margin-bottom:24px;}
	.logo-wall-rows {gap:14px;}
	.logo-wall {gap:12px;}
	.logo-slot {width:168px; height:64px; padding:16px 22px;}
	.logo-slot-inner {max-width:128px; height:30px;}
	.logo-slot img {max-height:30px;}

	/* step */
	.step-list {--step-pad:18px; --step-icon:88px; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin-top:28px;}
	.step-card {min-height:200px; border-radius:18px;}
	.step-badge {font-size:10px; margin-bottom:8px;}
	.step-list h4 {font-size:16px; margin-bottom:8px;}
	.step-desc {font-size:13px; line-height:1.65em;}
	.step-card-foot {padding-top:16px;}
	.step-link {min-height:34px; padding:0 16px; font-size:12px;}

	/* footer */
	#footer .contain.foot-grid {grid-template-columns:1fr; row-gap:40px;}
	.foot-side {align-items:flex-start;}
	.foot-nav {justify-content:flex-start;}
	.foot-meta-list {width:100%; max-width:none;}
	.foot-bottom {flex-direction:column; align-items:flex-start; gap:20px;}
	.foot-policy {justify-content:flex-start;}

	/* board search · gallery */
	.board-search {gap:10px 12px; margin-bottom:20px;}
	.board-search .total-page {font-size:14px;}
	.board-search .cate a {min-height:36px; padding:0 14px; font-size:13px;}
	.board-search .search {width:min(100%, 260px);}
	.board-search .search input.input {height:40px; padding:0 16px; font-size:14px;}
	.board-search .search .btn-pack {width:40px; height:40px;}
	.gallery-list ul {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 16px;}
	.gallery-list ul li .thumb {margin-bottom:12px; border-radius:14px;}
	.gallery-list ul li .caption {left:14px; right:14px; bottom:14px;}
	.gallery-list ul li .headline {font-size:18px;}
	.gallery-list ul li .tit {font-size:15px;}
	.gallery-list ul li .date {font-size:12px;}
	.archive-media__grid {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 16px;}
	.archive-data__grid {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
	.archive-data-card {min-height:180px; padding:20px;}
	.archive-data-card__title {font-size:16px;}
	.archive-data-card__file, .archive-data-card__date {font-size:13px;}

	/* archive · cards */
	.list-cards.col-2, .list-cards.col-3 {grid-template-columns:1fr;}
	.archive-list {grid-template-columns:1fr;}
	.info-table > div {grid-template-columns:140px minmax(0, 1fr);}
	.archive-board__toolbar {flex-wrap:wrap; gap:12px;}
	.archive-board__filters {flex-wrap:wrap;}
	.archive-board__filter {min-height:36px; padding:0 14px; font-size:13px;}
	.archive-board__search {width:100%; max-width:none; margin-left:0;}
	.archive-board__search-input {height:40px; padding:0 16px;}
	.archive-board__search-btn {width:40px; height:40px;}
	.archive-board__grid {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px;}
	.archive-board--programs .archive-board__grid {grid-template-columns:1fr;}
	.archive-card {padding:22px 32px 22px 20px;}
	.archive-card__title {font-size:18px; white-space:normal;}
	.archive-card__desc {font-size:13px;}
	.archive-card__badge {min-height:24px; padding:0 10px; font-size:12px; margin-bottom:12px;}
	.hub-card {padding:22px 18px 18px;}
	.hub-card .hub-ico {width:44px; height:44px;}
	.hub-card h4 {font-size:16px;}
	.hub-card p {font-size:13px;}
	.panel-soft, .panel-line {padding:20px;}
	.guide-notice {padding:14px 16px;}
	.guide-notice__title, .guide-notice__body, .guide-notice__text {font-size:14px;}
	.sub-sec-title {font-size:20px;}
	.sub-sec {margin-bottom:40px;}
	.hub-cards, .hub-cards.col-3, .hub-cards.col-2 {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.archive-board--visitor .hub-cards--zones {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.point-cards {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.step-cards, .step-cards.col-3 {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.course-cards {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.zone-cards {grid-template-columns:repeat(3, minmax(0, 1fr));}
	.space-cards {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.hotel-cards, .archive-board--visitor .hotel-cards--stay {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.media-2col, .stay-cards {grid-template-columns:1fr;}
	.panel-soft, .panel-line {padding:24px;}
	.guide-notice {padding:16px 18px;}
	.guide-notice__bar {flex-wrap:wrap; gap:10px;}

	/* expo · visitor */
	.archive-board--expo .archive-board__intro {flex-direction:column; gap:20px; min-height:0; margin-bottom:40px;}
	.archive-board--expo .archive-board__intro .archive-board__visual {flex:none; width:100%;}
	.archive-board--expo .archive-board__intro .archive-board__visual-img {min-height:220px; border-radius:20px;}
	.archive-board--expo .archive-board__intro-brand {font-size:24px; margin-bottom:12px;}
	.archive-board--expo .archive-board__intro-text {margin-top:20px; padding-top:20px; font-size:15px;}
	.archive-board--expo .visitor-location-card__map-wrap, .archive-board--visitor .visitor-location-card__map-wrap {height:260px;}
	.archive-board--expo .visitor-location-card__body, .archive-board--visitor .visitor-location-card__body {flex-direction:column; align-items:flex-start; gap:16px; min-height:0; padding:20px;}
	.archive-board--expo .visitor-location-card__addr {font-size:20px;}
	.archive-board--expo .visitor-location-card__btn {height:48px; font-size:14px;}
	.archive-board--expo .transport-card {padding:22px;}
	.archive-board--expo .transport-card h4, .archive-board--visitor .transport-card h4 {margin:16px 0 6px; font-size:17px;}
	.archive-board--expo .transport-card ul, .archive-board--visitor .transport-card ul {font-size:14px;}
	.archive-board--expo .visitor-location-card__actions {width:100%;}
	.archive-board--expo .location-transport, .archive-board--visitor .location-transport {grid-template-columns:1fr;}
	.archive-board--visitor .visitor-tourism-panel {grid-template-columns:1fr; gap:16px; align-items:start;}
	.archive-board--visitor .visitor-tourism-panel__visual {min-height:0; aspect-ratio:16 / 10;}
	.archive-board--visitor .visitor-tourism-panel__img {min-height:0; height:100%;}
	.archive-board--visitor .visitor-tourism-panel__nav {bottom:14px; max-width:calc(100% - 28px); gap:10px; padding:8px 14px;}
	.archive-board--visitor .visitor-tourism-panel__nav-caption {font-size:14px;}
	.archive-board--visitor .visitor-tourism-panel__tabs {min-height:0; height:auto;}
	.archive-board--visitor .visitor-tourism-tab {flex:none; padding:12px 6px 12px 14px;}
	.archive-board--visitor .visitor-tourism-tab__title {font-size:17px;}
	.archive-board--visitor .visitor-tourism-tab__desc {font-size:13px;}
	.archive-board--visitor .guide-steps {flex-wrap:wrap; justify-content:center; gap:16px;}
	.archive-board--visitor .guide-step {flex:0 0 calc(33.333% - 12px); padding:0 4px;}
	.archive-board--visitor .guide-step__icon {width:96px; height:96px;}
	.archive-board--visitor .guide-step__icon-img {height:44px; max-width:44px;}
	.archive-board--visitor .guide-step__label {font-size:16px;}
	.archive-board--visitor .guide-step__desc {font-size:13px;}
	.archive-board--visitor .guide-step__arrow {display:none;}
	.archive-board--visitor .visitor-map-hero {min-height:280px; padding:28px 16px;}

	/* participants */
	.participant-detail-intro {grid-template-columns:1fr; row-gap:24px; margin-bottom:40px;}
	.participant-detail-intro__media, .participant-detail-intro__info {grid-column:1;}
	.participant-detail-intro__title {font-size:22px;}
	.participant-detail-intro__meta-row {min-height:52px; padding:14px 12px;}
	.participant-detail-intro__actions {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px;}
	.participant-detail-intro__btn {height:48px; min-height:48px; font-size:13px; padding:0 12px; border-radius:10px;}
	.participant-detail-venue-cards {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
	.participant-detail-venue-card {padding:22px 18px;}
	.participant-detail-venue-card__title {font-size:17px;}
	.participant-detail-about__recommend {flex-direction:column; align-items:flex-start; gap:10px; padding:16px;}

	/* recruit */
	.recruit-status-legend {top:0; margin-bottom:16px; justify-content:flex-start; gap:14px;}
	.recruit-status-legend li {font-size:13px;}
	.recruit-item {gap:16px; padding:18px 20px; border-radius:12px;}
	.recruit-item h3 {margin-top:10px; font-size:18px;}
	.recruit-item .r-meta {margin-top:10px; font-size:13px;}
	.recruit-item .r-status-core {width:60px; height:60px; font-size:13px;}
	.recruit-view-card {padding:22px 20px; gap:22px;}
	.recruit-view-title h3 {font-size:18px;}
	.recruit-spec-row {flex-direction:column;}
	.recruit-spec-th {width:100%; min-height:44px; font-size:14px; border-left: 1px solid #ddd !important;}
	.recruit-spec-td {width:100%; font-size:14px; padding:12px 16px; }
	.recruit-attach-item {flex-wrap:wrap; padding:10px 12px;}
	.recruit-attach-name {font-size:14px;}
	.recruit-attach-btn {height:36px; min-width:72px; font-size:13px;}
	.recruit-view-actions {gap:10px; margin-top:32px;}
	.recruit-action-btn {min-width:0; flex:1 1 140px; height:48px; font-size:14px;}

	.mypage-layout:has(.policy-wrap) {flex-direction:column; gap:24px; padding:24px 0 56px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb {flex:none; width:100%; max-width:none; position:static; top:auto; max-height:none; overflow-y:visible;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__head {height:48px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__title {font-size:16px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__nav {flex-direction:row; flex-wrap:wrap; gap:8px; padding:16px 0;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__link {padding:8px 14px; background:#f8f8f8; border-radius:999px; font-size:14px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__link.is-active {background:var(--color-brand); color:#fff; font-size:14px;}
	.mypage-section-head--policy {margin-bottom:28px;}
	.mypage-section-head--policy .mypage-section-title.member-login-title {font-size:clamp(24px, 3vw, 28px);}
	.policy-wrap .policy-rules__lead {margin-bottom:24px; font-size:14px;}
	.policy-rules__chapter + .policy-rules__chapter, .policy-rules__chapter + .policy-rules__addendum {margin-top:36px;}
	.policy-rules__chapter-title {gap:8px; margin-bottom:20px; font-size:22px;}
	.policy-rules__chapter-title:before {width:6px; height:6px;}
	.policy-rules-item__head {gap:12px; padding:18px 20px;}
	.policy-rules-item__title {font-size:16px;}
	.policy-rules-item__body {padding:0 20px 20px;}
	.policy-rules-item__body p, .policy-rules-item__list {font-size:14px;}
	.policy-table__cell {min-height:48px; padding:10px 14px;}

	/* member · mypage */
	.member-login-desc {font-size:16px; margin-bottom:28px;}
	.member-wrap--login .input, .btn-login-submit, .member-sns-btn, .btn-join-email, .member-join-complete__btn {height:48px; font-size:15px;}
	.member-sns-btn {font-size:15px;}
	.member-agree-row-wrap {min-height:48px; height:48px; padding:0 16px;}
	.member-agree-row__label {font-size:14px;}
	.mypage-layout {flex-direction:column; gap:24px; padding:24px 0 56px;}
	.mypage-lnb {flex:none; width:100%; max-width:none; position:static; top:auto; max-height:none; overflow-y:visible;}
	.mypage-lnb__nav {flex-direction:row; flex-wrap:wrap; gap:8px; padding:16px 0;}
	.mypage-lnb__link {padding:8px 14px; background:#f8f8f8; border-radius:999px; font-size:14px;}
	.mypage-lnb__link.is-active {background:var(--color-brand); color:#fff; font-size:14px;}
	.mypage-section-title, .member-login-title {font-size:clamp(22px, 2.8vw, 26px);}
	.mypage-likes-table {min-width:0;}
	.mypage-likes-table thead th {height:48px; padding:0 8px; font-size:13px;}
	.mypage-likes-table tbody td {padding:14px 8px; font-size:14px;}
	.mypage-likes-table:not(.mypage-apply-table) .mypage-likes-table__title, .mypage-likes-table .mypage-likes-table__title.left {white-space:normal;}
	.mypage-likes-table__btn {min-width:64px; height:30px; font-size:12px;}
	.mypage-profile-table__row, .mypage-withdraw-table__row {grid-template-columns:120px minmax(0, 1fr);}
	.mypage-profile-table__th, .mypage-withdraw-table__th, .mypage-profile-table__td, .mypage-withdraw-table__td {padding:12px 16px; font-size:14px;}
	.cs-contact__btn {min-width:150px; height:52px; font-size:14px;}

	/* emblem-showcase */
	.emblem-showcase__title {font-size:24px;}
	.emblem-showcase__intro {margin-bottom:28px;}
	.emblem-showcase__intro p {font-size:15px;}
	.emblem-showcase__body {grid-template-columns:1fr; gap:32px;}
	.emblem-showcase__visual {gap:20px;}
	.emblem-showcase__emblem {min-height:260px;}
	.emblem-showcase__legend {flex-direction:row; flex-wrap:wrap; gap:12px 20px;}
	.emblem-showcase__desc-title {margin-bottom:20px; padding-bottom:12px; font-size:18px;}
	.emblem-showcase__features {gap:16px;}
	.emblem-showcase__feature {gap:14px;}
	.emblem-showcase__feature-icon {width:44px; height:44px;}
	.emblem-showcase__feature-icon--letter span {font-size:24px;}
	.emblem-showcase__feature-title {font-size:15px;}
	.emblem-showcase__feature-text {font-size:13px;}
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* footer */
	.foot-side {display:none;}
	#footer .contain.foot-grid {grid-template-columns:1fr; row-gap:20px;}

	/* exp · zone */
	.exp-list {grid-template-columns:1fr;}
	.zone-showcase {grid-template-columns:1fr;}
	.text-marquee-group span {font-size:clamp(56px, 12vw, 88px);}
}

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	:root {--font-size56:26px; --font-size48:24px; --font-size40:23px; --font-size36:22px; --font-size34:20px; --font-size32:20px; --font-size30:20px; --font-size28:19px; --font-size26:18px; --font-size24:17px; --font-size22:16px; --font-size20:15px; --font-size18:14px; --header-height:60px; --header-bar-height:60px; --head-offset:60px; --space-container:15px;}

	/* header */
	#header .contain {padding-left:15px; padding-right:15px;}
	.sitelogo img, .sitelogo .emblem {height:30px; border-radius:6px;}
	.sitelogo a { gap: 6px; }
	.sitelogo .logo-text .kr {font-size:16px;}
	.util .btn-myexpo {height:36px; min-height:36px; padding:0 10px; font-size:12px; margin-left:8px; display: none; }
	.util .btn-myexpo .icon {width:14px; height:14px;}
	.util .btn-myexpo .count {min-width:16px; font-size:10px; line-height:16px;}
	.util-set { display: none; }
	.mobile-navigation {width:280px;}
	.mobile-navigation .home {height:60px; padding:0 15px; font-size:17px;}
	.mobile-navigation .nav-menu>ul>li>a {padding:10px 44px 10px 15px; font-size:15px;}
	.mobile-navigation .nav-menu>ul>li>a:after {right:15px; width:10px; height:10px;}
	.mobile-navigation .nav-menu .submenu ul li a {padding:10px 15px; font-size:14px;}
	.mobile-navigation .close {top:18px; right:12px; width:24px; height:24px;}
	.mobile-navigation .m-util {padding:15px;}

	/* footer */
	#footer {padding:48px 0 36px;}
	#footer .contain.foot-grid {row-gap:32px;}
	.foot-display {font-size:clamp(22px, 6vw, 28px); line-height: 1.5em; }
	.foot-display-line + .foot-display-line {margin-top:6px;}
	.foot-mark {width:6px; height:6px; margin-left:6px;}
	.foot-office {margin-top:24px;}
	.foot-office-list {gap:12px;}
	.foot-office-item {gap:2px;}
	.foot-office-label {font-size:12px;}
	.foot-office-value {font-size:13px;}
	.foot-nav {gap:12px;}
	.foot-nav a {font-size:13px;}
	.foot-meta-list {gap:10px;}
	.foot-meta-pill {min-height:auto; padding:14px 18px;}
	.foot-meta-label {font-size:13px;}
	.foot-meta-value {font-size:13px;}
	.foot-policy a {font-size:12px;}
	.foot-policy a + a:before {margin:0 8px;}
	#footer .copyright {font-size:12px;}
	.drawer-body { padding: 25px 15px;}

	#contArea {padding-left:15px; padding-right:15px;}
	.contain {padding-left:15px; padding-right:15px;}
    .contain2 {padding-left:15px; padding-right:15px;}
	.real-cont {min-height:200px; padding-bottom:40px;}
	.archive-media__grid {grid-template-columns:1fr; gap:40px;}

	/* sub */
	.sub-visual {height:auto; margin:0 0 28px; padding:36px 0 28px; border-radius:0;}
	.sub-visual-bg {border-radius:0;}
	.sub-visual .contain {grid-template-columns:1fr; gap:16px;}
	.sub-visual h2 {font-size:clamp(24px, 7vw, 32px);}
	.sub-visual .left p {margin-top:10px; font-size:13px;}
	.sub-visual .bread-crumb {margin-bottom:8px; font-size:12px; gap:6px;}
	.path-wrap .inner {flex-direction:column; align-items:stretch; gap:8px;}
	.path-wrap .part {min-width:0; width:100%; flex:none;}
	.path-wrap .part > a, .path-wrap .part.active > a {height:46px; padding:0 18px; padding-right:42px; font-size:14px;}
	.path-wrap .part > a:after, .path-wrap .part.active > a:after {right:18px; width:14px; height:14px; margin-top:-7px;}
	.path-wrap .part ul {padding:52px 18px 18px; border-radius:16px;}
	.path-wrap .part ul li {margin-bottom:14px;}
	.path-wrap .part ul li a {font-size:14px;}
	.lnb ul li a {height:45px; font-size:15px;}
	.sub-title {margin:50px 0 35px; padding:0;}
	.sub-title h2 {font-size:clamp(22px, 6.4vw, 28px);}
	.real-cont {min-height:200px; padding-bottom:60px;}
	.real-cont2 {padding-bottom:0;}

    /* 찾아오시는 길 */
	.root_daum_roughmap .wrap_map {height:250px !important;}

	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-image:url("/images/bbs/select_x2.png"); background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.board-search {display:flex; flex-direction:column; margin-bottom:20px;}
	.board-search .total-page {order:3; float:none; font-size:13px;}
	.board-search .cate {float:none; order:1; margin-left:0; margin-bottom:5px;}
	.board-search .cate .input {display:block; width:100%;}
	.board-search .search {float:none; order:2; display:flex;}
	.board-search .search .input {flex:1 1 auto; min-width:0; width:1%;}
	.archive-board .board-search {flex-direction:column; align-items:stretch; gap:10px;}
	.archive-board .board-search .total-page {order:3; margin-right:0;}
	.archive-board .board-search .cate {order:1;}
	.archive-board .board-search .search {order:2; width:100%; margin-left:0;}
	.archive-board .board-search .cate a {min-height:32px; padding:0 12px; font-size:12px;}
	.archive-board .board-search .search input.input {height:38px; padding:0 14px; font-size:13px;}
	.archive-board .board-search .search .btn-pack {width:38px; height:38px;}
	.archive-board--notice .archive-board__grid {grid-template-columns:1fr;}
	.archive-data__grid {grid-template-columns:1fr; gap:10px;}
	.archive-data-card {min-height:0; padding:16px;}
	.archive-data-card__title {font-size:15px;}
	.gallery-list ul {grid-template-columns:1fr; gap:40px;}
	.gallery-list ul li .headline {font-size:16px;}
	.gallery-list ul li .tit {font-size:14px;}
	.gallery-list ul li .tit-row { gap: 0; }
	.recruit-status-legend {justify-content:flex-start; gap:10px;}
	.recruit-status-legend li {font-size:12px;}
	.recruit-item {flex-direction:column; align-items:flex-start; gap:12px; padding:16px;}
	.recruit-item h3 {margin-top:8px; font-size:16px;}
	.recruit-item .r-meta {margin-top:8px; font-size:12px;}
	.recruit-item .r-status {align-self:flex-end;}
	.recruit-item .r-status-core {width:52px; height:52px; font-size:12px;}
	.recruit-view-card {padding:16px; gap:18px;}
	.recruit-view-title h3 {font-size:16px;}
	.recruit-view .recruit-spec-row {flex-direction:column;}
	.recruit-view .recruit-spec-th {width:100%; min-height:40px; font-size:13px;}
	.recruit-view .recruit-spec-td {width:100%; font-size:13px; padding:10px 12px;}
	.recruit-attach-item {padding:8px 10px;}
	.recruit-attach-name {font-size:13px;}
	.recruit-attach-btn {height:32px; min-width:64px; font-size:12px;}
	.recruit-view-actions {gap:8px; margin-top:28px;}
	.recruit-action-btn {min-width:0; width:100%; height:48px; font-size:14px;}
	.archive-board--programs .archive-board__grid {grid-template-columns:1fr;}
	.participant-detail-intro {grid-template-columns:1fr; row-gap:18px; margin-bottom:32px;}
	.participant-detail-intro__media, .participant-detail-intro__info {grid-column:1;}
	.participant-detail-intro__title {font-size:20px;}
	.participant-detail-intro__meta-row {min-height:0; padding:12px 0;}
	.participant-detail-intro__actions {grid-template-columns:1fr; gap:8px;}
	.participant-detail-intro__btn {height:48px; min-height:48px; font-size:14px; padding:0 14px;}
	.participant-detail-venue-cards {grid-template-columns:1fr; gap:10px;}
	.participant-detail-venue-card {padding:16px;}
	.participant-detail-venue-card__title {font-size:16px;}
	.participant-detail__section + .participant-detail__section {margin-top:32px;}

	.radiobox input:checked + label:before {background-image:url("/images/bbs/radiobox_x2.png"); background-size:8px auto;}
	.checkbox input:checked + label:before {background-image:url("/images/bbs/checkbox_x2.png"); background-size:11px auto;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;}
	
	.board-white table tbody {display:block;}
	.board-white table tr {display:block; padding:12px 0;}
	.board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-white table td {display:block; border:0; padding:0;}
	.board-white .editor {padding:0; margin-top:-12px;}
	.board-white .item {margin:3px 12px 3px 0;}
	.board-white #user_name {max-width:100% !important;}
	.board-white + .buttons {margin-top:30px;}

	.board-form table { border-bottom: none; }
	.board-form table tbody {display:block;}
    .board-form table colgroup col {width: 100% !important; margin-bottom: 10px;}
	.board-form table tr {display:block; }
	.board-form table th {display:block; border:0; text-align:left; padding:0; font-size:15px; background:none; height: auto; margin-top: 24px; margin-bottom: 5px; }
    .board-form table th.pd { padding-top: 24px;}

	.file-fx { display: block; }
	.files-upload { width: 100%; }
	.file-fx .resume-btn { margin-top: 10px; }

	.board-form table td {display:block; border:0; padding:0;}
	.board-form + .buttons {margin-top:30px;}
    .board-form input#past_8, input#technic_9, input#sample_type_5, input#cell_type_5, input#blood_1 { width: 200px !important;}
    .clr-txt { font-size: 13px;}
    .clr-span { padding-left: 0;}
    .board-form tr th.bg { background: transparent;}
    .board-form tr td.fw { text-align: left; margin-bottom: 10px; font-size: 14px; color: #00316d;}
    .board-form .sel-fx select { width: 100%; }
    .board-form .input { font-size: 14px; }
    .board-form .item-pd { padding: 0; }

	.form-agree { margin-bottom: 30px; }
	.form-agree h3 {font-size:16px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.calendar-head h3 {font-size:18px; margin:0 17px;}
	.calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto;}
	.calendar-head .cal-prev {background-image:url("/images/bbs/cal_prev_x2.png");}
	.calendar-head .cal-next {background-image:url("/images/bbs/cal_next_x2.png");}
	.calendar table th {padding:6px 4px; font-size:14px;}
	.calendar table td {height:60px; padding:5px 4px; font-size:12px;}
	.calendar ul li {padding-left:0; margin-bottom:6px;}
	.calendar ul li:before {display:none;}
	.calendar .cal-date {font-size:10px; margin-bottom:8px;}

	.buttons {margin:15px 0;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:120px; height:50px; padding:0 12px; font-size:14px; line-height:48px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}

    .btn-pack.ctbt { min-width: 120px; height: 42px; font-size: 15px; line-height: 40px;}

	.paginate {margin-top:20px;}
	.paginate a,  
	.paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;}  
	.paginate a.direction {margin:0; background-size:11px;}
	.paginate a.direction.first {background-image:url("/images/bbs/btn_first_x2.png");}
	.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev_x2.png"); margin-right:14px;}
	.paginate a.direction.next {background-image:url("/images/bbs/btn_next_x2.png"); margin-left:14px;}
	.paginate a.direction.last {background-image:url("/images/bbs/btn_last_x2.png");}

	.comment-area {margin-top:37px;}
	.comment-total {font-size:14px; margin-bottom:12px;}
	.comment-write {position:relative; padding:10px;}
	.comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;}
	.comment-write .write {display:block;}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;}
	.comment-write .write .btn {text-align:right; margin-top:6px;}
	.comment-item {padding:17px 4px;}
	.comment-item.comment-reply {padding-left:25px; background-image:url("/images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px;}
	.comment-info {font-size:14px;}
	.comment-info .name {margin-right:5px;}

	.faq .tit a {padding:7px 0 7px 5px;}
	.faq .tit a:after {display:none;}
	.faq .q {flex:0 0 26px; width:26px; height:26px; font-size:15px; line-height:26px; margin-right:10px;}
	.faq .cnt {padding:12px 12px 12px 15px;}
    
	.comment-info .date {font-size:11px;}
	.comment-ctr {font-size:12px;}
	.comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;}
	.comment-txt {font-size:14px;}
	.comment-link {font-size:13px;}
	.comment-input {padding:10px;}
	.comment-input textarea {height:48px;}

	.board-password {padding:30px 20px;} 

    .form-agree .scroll-box { padding: 15px;}

	.gallery-list {padding:0;}
	.gallery-list ul li {width:auto;}
	.gallery-list ul li .tit {font-size:14px;}

	.store-search {padding:0; border-radius: 0; }
	.store-search .search-area h3 {font-size:16px; padding:15px 25px; margin-bottom:20px; background:#f4f4f4;}
	.store-search .search-area dl {display:block; padding:0 15px; margin:20px 0;}
	.store-search .search-area dl dt {width:auto; margin-bottom:6px; font-size:15px;}
	.store-search .search-area dl dd {width:auto;}
	.store-search .search-area input.input {width:calc(100% - 74px); margin-right:4px;}
	.store-search .search-area select.input {width:calc(50% - 39px); margin-right:4px;}
	.store-search .search-area .btn-pack.medium {width:70px;}

    .news-list ul li {padding:17px 0;}
	.news-list .thumb {width:38%; margin-right:14px;}
	.news-list .tit {font-size:15px; max-height:2.8em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.news-list .txt {font-size:13px; margin-top:3px; max-height:3em; -webkit-line-clamp:2;}
	.news-list .date {display:none;}

	/* hero */
	.main-visual, .hero {height:60svh; min-height:60svh; max-height:none;}
	.main-visual .items, .main-visual .slick-list, .main-visual .slick-track, .main-visual .slick-slide, .main-visual .slick-slide>div, .main-visual .item {min-height:60svh;}
	.main-visual .caption {position:absolute; inset:0; height:100%; display:flex; flex-direction:column; justify-content:center; padding:var(--head-offset) 0 0;}
	.main-visual .caption .contain {display:flex; flex-direction:column; justify-content:center; flex:1 1 auto; min-height:0; padding:0 15px;}
	.hero-copy {position:relative; top:auto; left:auto; transform:none; width:100%; max-width:none; padding:0;}
	.hero-eyebrow {font-size:12px; margin-bottom:14px; gap:8px;}
	.hero-eyebrow:before {width:6px; height:6px;}
	.hero-slogan {display:block; font-size:clamp(26px, 7.2vw, 34px); margin-bottom:12px; padding-bottom:10px;}
	.hero-slogan-regular, .hero-slogan-line2 {display:inline; white-space:normal;}
	.hero-lead {font-size:14px; margin-bottom:16px; line-height:1.5em;}
	.hero-meta {display:flex; flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:14px; width:100%; margin-bottom:18px;}
	.hero-meta-item {display:flex; flex-direction:row; align-items:baseline; gap:6px; min-width:0;}
	.hero-meta-label {font-size:11px; margin-bottom:0; white-space:nowrap;}
	.hero-meta-val {font-size:12px; white-space:nowrap;}
	.hero-actions {flex-direction:row; flex-wrap:nowrap; gap:8px;}
	.hero-actions .btn {flex:1 1 0; width:auto; min-width:0; padding:0 12px;}
	.btn {min-height:42px; padding:0 20px; font-size:13px;}
	.btn-lg {min-height:42px; height:42px; padding:0 16px;}
	.hero-glass-body {grid-template-columns:1fr; padding:14px 16px; row-gap:6px; border-radius:14px;}
	.hero-glass-tag {padding:5px 10px; font-size:10px;}
	.hero-glass-main {font-size:14px;}
	.hero-glass-sub {font-size:12px;}
	.hero-glass-date {font-size:11px;}
	.hero-glass-media, .hero-glass-nav, .hero-scroll {display:none;}

	/* quick */
	.quick-list {grid-template-columns:repeat(2, 1fr);}
	.quick-list>li {border-right:1px solid var(--divider-color); border-bottom:1px solid var(--divider-color);}
	.quick-list>li:nth-child(2n) {border-right:0;}
	.quick-list>li:nth-last-child(-n+2) {border-bottom:0;}
	.quick-list a {gap:8px; min-height:58px; padding:12px 12px;}
	.quick-list .q-icon {width:32px; height:32px; border-radius:8px;}
	.quick-list .q-icon .icon {width:18px; height:18px;}
	.quick-list .q-title {font-size:13px; white-space:normal;}
	.quick-list>li:nth-child(3) .q-title {font-size:12px;}
	.quick-list .q-arrow {display:none;}

	/* intro · exp */
	.intro-sec {padding:48px 0;}
	.intro-grid {grid-template-columns:1fr; gap:20px;}
	.intro-display {font-size:clamp(22px, 6.4vw, 30px);}
	.intro-display-line--bold {margin-top:6px; white-space:normal;}
	.intro-kicker {font-size:15px; margin-bottom:8px;}
	.intro-body {font-size:13px; line-height:1.7em; margin-bottom:16px;}
	.btn-intro {min-height:40px; padding:0 18px; font-size:13px;}
	.exp-list {--exp-stagger:0; grid-template-columns:1fr; gap:12px;}
	.exp-list>li {min-height:240px; padding:18px 16px; border-radius:16px;}
	.exp-list>li:nth-child(2), .exp-list>li:nth-child(3) {margin-top:0; grid-column:1;}
	.exp-list .exp-no {font-size:14px; margin-bottom:8px;}
	.exp-list h4 {font-size:20px;}
	.exp-list p {font-size:13px; line-height:1.65em;}
	.exp-list .exp-body {padding-top:12px;}
	.text-marquee-group {gap:32px; padding-right:32px;}
	.text-marquee-group span {font-size:clamp(48px, 14vw, 72px);}

	/* zone */
	.zone-showcase {grid-template-columns:1fr; gap:18px;}
	.zone-stage {min-height:220px; border-radius:16px;}
	.zone-stage-tag {height:24px; padding:0 10px; font-size:10px; top:12px; left:12px;}
	.zone-stage-caption {left:14px; right:14px; bottom:14px; gap:6px;}
	.zone-stage-no {font-size:12px;}
	.zone-stage-name {font-size:16px;}
	.zone-nav {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px 12px;}
	.zone-nav-item + .zone-nav-item {margin-top:0;}
	.zone-nav-item.is-active .zone-nav-en:after { width: 4px; height: 4px; }
	.zone-nav-name {font-size:16px;}
	.zone-nav-detail {margin-top:12px;}
	.zone-nav-lead {font-size:14px; margin-bottom:6px;}
	.zone-nav-desc {font-size:12px; line-height:1.65em; margin-bottom:12px;}

	/* partners */
	.partners-sec {padding:40px 0 64px;}
	.partners-sec>.contain {margin-bottom:20px;}
	.logo-wall-rows {gap:10px;}
	.logo-wall {gap:8px;}
	.logo-slot {width:128px; height:52px; padding:12px 16px;}
	.logo-slot-inner {max-width:96px; height:24px;}
	.logo-slot img {max-height:24px;}

	/* step */
	.step-list {--step-pad:16px; --step-icon:64px; grid-template-columns:1fr; gap:10px; margin-top:24px;}
	.step-card {min-height:auto; padding:16px; border-radius:14px;}
	.step-badge {font-size:10px; margin-bottom:6px;}
	.step-list h4 {font-size:15px; margin-bottom:6px;}
	.step-desc {font-size:12px; line-height:1.6em;}
	.step-card-foot {padding-top:12px;}
	.step-link {min-height:32px; padding:0 14px; font-size:12px;}

	/* footer */
	#footer {padding:36px 0 28px;}
	#footer .contain.foot-grid {grid-template-columns:1fr; row-gap:24px;}
	.foot-brand-block {gap:20px;}
	.foot-side {align-items:stretch; gap:20px;}
	.foot-display {font-size:22px;}
	.foot-display-line + .foot-display-line {margin-top:2px;}
	.foot-mark {width:5px; height:5px; margin-left:4px;}
	.foot-office {margin-top:16px;}
	.foot-office-list {gap:8px;}
	.foot-office-label {font-size:11px;}
	.foot-office-value {font-size:12px;}
	.foot-nav {justify-content:flex-start; gap:16px; order:-1;}
	.foot-nav a {font-size:13px;}
	.foot-meta-list {gap:8px; width:100%;}
	.foot-meta-pill {flex-direction:row; align-items:center; justify-content:space-between; min-height:44px; padding:10px 14px; border-radius:12px;}
	.foot-meta-label {font-size:12px;}
	.foot-meta-value {font-size:12px;}
	.foot-bottom {flex-direction:column; align-items:flex-start; gap:12px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12);}
	.foot-policy {justify-content:flex-start; order:-1;}
	.foot-policy a {font-size:12px;}
	.foot-policy a + a:before {margin:0 8px;}
	#footer .copyright {font-size:11px; line-height:1.6em;}

	/* archive */
	.sub-sec {margin-bottom:36px;}
	.sub-sec-title {font-size:18px; padding-left:12px;}
	.sub-sec-desc {font-size:14px;}
	.panel-soft, .panel-line {padding:16px;}
	.guide-notice {padding:12px 14px;}
	.guide-notice__title, .guide-notice__body, .guide-notice__text {font-size:13px;}
	.filter-bar .chip {min-height:34px; padding:6px 12px; font-size:13px;}
	.btn-like {top:10px; right:10px; width:36px; height:36px; font-size:16px;}
	.archive-board__grid {grid-template-columns:1fr; gap:10px;}
	.archive-card {padding:16px 14px 18px;}
	.archive-card__title {font-size:16px;}
	.archive-card__desc {font-size:13px;}
	.archive-card__badge {min-height:22px; padding:0 8px; font-size:11px; margin-bottom:10px;}
	.hub-cards, .hub-cards.col-2 {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
	.hub-cards.col-3, .hub-cards--direction {grid-template-columns:1fr;}
	.hub-card {padding:16px 14px;}
	.hub-card .hub-ico {width:36px; height:36px;}
	.hub-card h4 {font-size:15px;}
	.hub-card p {font-size:13px;}
	.archive-board--expo .hub-cards--direction-media .hub-card__body {padding:16px;}
	.archive-board--expo .hub-cards--direction-media .hub-card h4 {font-size:16px;}
	.archive-board--expo .hub-cards--direction-media .hub-card p {font-size:13px;}
	.archive-board--visitor .hub-cards--zones {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.point-cards {grid-template-columns:1fr;}
	.step-cards {grid-template-columns:1fr;}
	.course-cards {grid-template-columns:1fr;}
	.zone-cards {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px;}
	.space-cards {grid-template-columns:1fr;}
	.hotel-cards, .archive-board--visitor .hotel-cards--stay {grid-template-columns:1fr;}

	/* expo · visitor */
	.archive-board--visitor .archive-board__body > .archive-board__lead + .btn-area:not(.btn-area--contact) { margin-top: 20px; }
	.archive-board--expo .archive-board__intro {gap:16px; margin-bottom:28px;}
	.archive-board--expo .archive-board__intro .archive-board__visual-img {min-height:180px; border-radius:16px;}
	.archive-board--expo .archive-board__intro-brand {font-size:20px; margin-bottom:8px;}
	.archive-board--expo .archive-board__intro-text {margin-top:16px; padding-top:16px; font-size:14px;}
	.archive-board--expo .visitor-location-card__head {flex-direction:column; align-items:flex-start; gap:8px;}
	.archive-board--expo .visitor-location-card__addr {font-size:17px;}
	.archive-board--expo .visitor-location-card__body, .archive-board--visitor .visitor-location-card__body {padding:16px; gap:12px;}
	.archive-board--expo .visitor-location-card__map-wrap, .archive-board--visitor .visitor-location-card__map-wrap {height:200px;}
	.archive-board--expo .visitor-location-card__btn {height:44px; font-size:13px;}
	.archive-board--expo .transport-card, .archive-board--visitor .transport-card {padding:16px; border-radius:16px;}
	.archive-board--expo .transport-card h4, .archive-board--visitor .transport-card h4 {margin:12px 0 4px; font-size:16px;}
	.archive-board--expo .transport-card ul, .archive-board--visitor .transport-card ul {font-size:13px;}
	.archive-board--visitor .visitor-tourism-panel {gap:12px;}
	.archive-board--visitor .visitor-tourism-panel__visual {border-radius:12px;}
	.archive-board--visitor .visitor-tourism-panel__nav {bottom:10px; max-width:calc(100% - 20px); gap:6px; padding:7px 10px;}
	.archive-board--visitor .visitor-tourism-panel__nav-caption {font-size:13px;}
	.archive-board--visitor .visitor-tourism-panel__nav-btn {width:24px; height:24px;}
	.archive-board--visitor .visitor-tourism-panel__nav-btn svg {width:16px; height:16px;}
	.archive-board--visitor .visitor-tourism-tab {padding:10px 4px 10px 12px; gap:4px;}
	.archive-board--visitor .visitor-tourism-tab__title {font-size:15px;}
	.archive-board--visitor .visitor-tourism-tab__desc {font-size:12px;}
	.archive-board--visitor .guide-step {flex:0 0 100%; max-width:240px;}
	.archive-board--visitor .guide-step__icon {width:72px; height:72px; border-width:3px;}
	.archive-board--visitor .guide-step__icon-img {height:32px; max-width:32px;}
	.archive-board--visitor .guide-step__label {font-size:15px;}
	.archive-board--visitor .guide-step__desc {font-size:12px;}
	.archive-board--visitor .visitor-map-hero {min-height:220px; padding:20px 14px;}
	.recruit-spec-row {flex-direction:column;}
	.recruit-spec-th {width:100%; min-height:40px; border-right:1px solid #ddd; border-left: 1px solid #ddd;}
	.recruit-spec-td {width:100%; flex-wrap: wrap;}

	/* participants */
	.participant-detail-intro__actions {grid-template-columns:1fr;}
	.participant-detail-intro__btn {height:48px; min-height:48px;}
	.participant-detail-venue-cards {grid-template-columns:1fr;}
	.participant-detail__section + .participant-detail__section {margin-top:32px;}

	/* recruit */
	.recruit-item {flex-direction:column; align-items:flex-start; gap:12px;}
	.recruit-item .r-status {align-self:flex-end;}
	.recruit-view-card {padding:16px; gap:18px;}
	.recruit-view-actions {gap:8px; margin-top:28px;}
	.recruit-action-btn {min-width:0; width:100%; height:48px;}

	/* member · mypage */
	.mypage-layout:has(.policy-wrap) {gap:20px; padding:16px 0 40px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__head {height:44px; padding:0 4px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__title {font-size:15px;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__nav {gap:6px; padding:12px 0;}
	.mypage-layout:has(.policy-wrap) .mypage-lnb__link, .mypage-layout:has(.policy-wrap) .mypage-lnb__link.is-active {padding:7px 12px; font-size:13px;}
	.mypage-section-head--policy {margin-bottom:20px;}
	.mypage-section-head--policy .mypage-section-title.member-login-title {font-size:22px;}
	.policy-wrap .policy-rules__lead {margin-bottom:20px; font-size:13px;}
	.policy-rules__chapter + .policy-rules__chapter, .policy-rules__chapter + .policy-rules__addendum {margin-top:28px;}
	.policy-rules__chapter-title {margin-bottom:16px; font-size:18px;}
	.policy-rules-item__head {gap:10px; padding:14px 16px;}
	.policy-rules-item__title {font-size:15px;}
	.policy-rules-item__body {padding:0 16px 16px;}
	.policy-rules-item__body p, .policy-rules-item__list {font-size:13px;}
	.policy-rules-item__list {padding-left:16px;}
	.policy-table__row, .policy-table--cols-3 .policy-table__row {grid-template-columns:1fr;}
	.policy-table__cell {min-height:40px; padding:10px 12px; border-left:0; border-top:1px solid #ddd;}
	.policy-table__row .policy-table__cell:first-child {border-top:0; background:#f5f8fc; color:#242424; font-weight:700;}
	.policy-table__row--head {display:none;}
	.member-login-title {font-size:22px;}
	.member-login-utils {flex-direction:column; align-items:flex-start; gap:12px; margin-bottom: 20px; }
	.login-save-id {gap:8px;}
	.login-save-id__text {font-size:13px;}
	.member-wrap--login .form-links--login {justify-content:center; width:100%; gap:8px; font-size:13px;}
	.member-wrap--login .form-links--login .bar {height:10px;}
	.member-login-desc {font-size:14px; margin-bottom:20px;}
	.member-wrap--login .input, .btn-login-submit, .member-sns-btn, .btn-join-email, .member-join-complete__btn {height:48px; font-size:14px;}
	.member-sns-btn {font-size:15px;}
	.member-agree-row-wrap {min-height:48px; height:48px; padding:0 14px;}
	.member-agree-row__label {font-size:14px;}
	.member-join-complete__title {font-size:22px;}
	.member-join-complete__icon-core {width:48px; height:48px;}
	.cs-contact__btn {min-width:0; width:100%; height:48px; font-size:14px;}
	.mypage-layout {flex-direction:column; gap:20px; padding:16px 0 40px;}
	.mypage-lnb {flex:none; width:100%; position:static; top:auto; max-height:none; overflow-y:visible;}
	.mypage-lnb__nav {flex-direction:row; flex-wrap:wrap; gap:6px; padding:12px 0;}
	.mypage-lnb__link {padding:7px 12px; background:#f8f8f8; border-radius:999px; font-size:13px;}
	.mypage-lnb__link.is-active {background:var(--color-brand); color:#fff; font-size: 13px; }
	.mypage-section-title {font-size:20px;}
	.mypage-section-head--likes {flex-direction:column; align-items:flex-start; gap:12px;}
	.mypage-likes-filters {justify-content:flex-start; width:100%;}
	.mypage-likes-filters .archive-board__filter {min-height:36px; padding:0 14px; font-size:13px;}
	.mypage-likes-table-wrap {width:100%; overflow:visible; border-top:0;}
	.mypage-likes-table {display:block; width:100%; min-width:0; table-layout:auto; border-top:1px solid #242424;}
	.mypage-likes-table colgroup, .mypage-likes-table thead {display:none;}
	.mypage-likes-table tbody {display:block; width:100%;}
	.mypage-likes-table tbody tr {display:grid; width:100%; box-sizing:border-box; grid-template-columns:28px auto minmax(0, 1fr) 28px; grid-template-areas:"star title title remove" ". cat date ." ". action action action"; align-items:center; column-gap:8px; row-gap:8px; padding:16px 0; border-bottom:1px solid #eee;}
	.mypage-likes-table tbody td {display:block; width:auto; padding:0; border:0; text-align:left; font-size:13px;}
	.mypage-likes-table__star {grid-area:star; text-align:center;}
	.mypage-likes-table:not(.mypage-apply-table) .mypage-likes-table__title, .mypage-likes-table .mypage-likes-table__title.left {grid-area:title; white-space:normal; overflow:visible; text-overflow:clip; font-size:15px; font-weight:600;}
	.mypage-likes-table__category {grid-area:cat; color:#686868; font-size:12px;}
	.mypage-likes-table__category:after {content:"·"; margin:0 4px 0 6px; color:#ccc;}
	.mypage-likes-table__status-col {grid-area:date; color:#686868; font-size:12px;}
	.mypage-likes-table__action-col {grid-area:action;}
	.mypage-likes-table__remove-col {grid-area:remove; padding:0; text-align:center;}
	.mypage-likes-table__btn {min-width:0; height:36px; padding:0 14px; font-size:13px;}
	.saved-empty {padding:48px 0; font-size:14px;}
	.mypage-profile-table__row, .mypage-withdraw-table__row {grid-template-columns:1fr;}
	.mypage-profile-table__th, .mypage-withdraw-table__th, .mypage-profile-table__td, .mypage-withdraw-table__td {padding:10px 12px; font-size:13px;}
	.mypage-profile-table__th, .mypage-withdraw-table__th {justify-content:flex-start; text-align:left;}
	.mypage-profile__input, .mypage-withdraw__input {min-height:42px; padding:10px 12px; font-size:14px;}
	.mypage-wrap { width: 100%; }
	.mypage-profile__panel-dot, .mypage-withdraw__panel-dot { width: 5px; height: 5px; }
	.mypage-profile__heading, .mypage-withdraw__heading { font-size: 17px; }

	/* modal */
	.modal-card {padding:18px 16px;}
	.modal-card.wide {max-width:calc(100vw - 32px);}

	/* drawer · ai */
	.drawer {width:100%;}
	.ai-wrap {right:12px; bottom:12px;}
	.ai-float-stack {gap:7px;}
	.ai-float-buttons {width:52px; gap:6px;}
	.ai-fab, .btn-scroll-top {width:48px; height:48px; border-radius:24px;}
	.ai-fab-icon {width:28px; height:24px;}
	.btn-scroll-top-color {width:48px; height:48px;}
	.btn-scroll-top-arrow {width:11px; height:15px;}
	.ai-speech-bubble-wrap {display:none;}
	.ai-chat {width:calc(100vw - 24px); min-height:auto; max-height:calc(100vh - 160px);}
	.ai-chat-body {min-height:240px; padding:12px 12px 8px;}
	.ai-prompts {padding:0 12px 10px;}
	.ai-chat-input {padding:8px 12px 12px;}
	.ai-bubble {padding:8px 12px; font-size:13px;}

	/* emblem-showcase */
	.emblem-showcase__header {margin-bottom:16px;}
	.emblem-showcase__title {font-size:20px;}
	.emblem-showcase__intro {margin-bottom:24px;}
	.emblem-showcase__intro p {margin-bottom:10px; font-size:14px;}
	.emblem-showcase__body {grid-template-columns:1fr; gap:24px;}
	.emblem-showcase__visual {gap:16px;}
	.emblem-showcase__emblem {min-height:220px;}
	.emblem-showcase__emblem img {max-width:80%; max-height:80%;}
	.emblem-showcase__legend {flex-direction:row; flex-wrap:wrap; gap:10px 16px;}
	.emblem-showcase__legend-item {gap:8px;}
	.emblem-showcase__legend-color {width:20px; height:20px;}
	.emblem-showcase__legend-text {font-size:13px;}
	.emblem-showcase__desc-title {margin-bottom:16px; padding-bottom:12px; font-size:16px;}
	.emblem-showcase__features {gap:14px;}
	.emblem-showcase__feature {gap:12px;}
	.emblem-showcase__feature-icon {width:40px; height:40px; border-radius:6px;}
	.emblem-showcase__feature-icon--letter span {font-size:22px;}
	.emblem-showcase__feature-content {padding-top:2px;}
	.emblem-showcase__feature-title {font-size:14px;}
	.emblem-showcase__feature-text {font-size:13px;}
}