@charset "utf-8";

@import url("./reset.css");
@import url("./common.css");
@import url("./component.css");
@import url("./util.css");



/* agree */
.agreement{
.card__group {  display:flex;flex-direction:column;flex:1;max-height: calc(100vh - var(--nav-height) - var(--btn-height) - var(--space-200) );min-height: 0;}
.agreement__box { flex: 1; min-height: 0; overflow-y: auto; padding: var(--space-16);  border: 1px solid var(--border01); border-radius: var(--radius-sm); background: var(--color-white); overflow-y: auto;color: var(--text-sub1);}
.agreement__heading { margin-top: var(--space-20); margin-bottom: var(--space-8); font-size: 0.9375rem; font-weight: 600; line-height: 1.5;color: var(--text-main);}
.agreement__heading:first-child {margin-top: 0;}
.input__message{padding: 0;}
.terms{border: none;}
.agreement__group{margin-bottom: var(--space-36);}

@media (min-width:1080px){
.agreement__group{margin-bottom: 58px;}
}
}


/* appForm */
.application{
.card__group--invoice-person .title-lg{margin-bottom: var(--space-16);}
.card__group--person{
.poc-item{ border: 1px solid var(--border01); border-radius: var(--radius-md); padding: var(--card-pd-4) var(--card-pd-4) var(--card-pd-5) }
.poc__add-btn{ height: 34px; font-size: 14px; padding-inline: var(--space-12); min-height: auto;}
.card__header{ flex-direction: row; gap: var(--space-8);}
.poc__num{background-color: var(--navy-700); width: 24px; height: 24px; border-radius: 999px; display: flex; justify-content: center; color: var(--color-white);}
.poc__head{ display: flex;justify-content: space-between; }
}

/* 부스신청 form__group--booth */
.booth {display: grid;gap: var(--space-16);}
.option-card{flex-direction: column;}
.booth__table{  table-layout: fixed;border-collapse: collapse; border-top: 1px solid var(--border01);}
.booth__table th,.booth__table td {border-bottom: 1px solid var(--border01);}
.booth__label {line-height: 145%;  background: var(--navy-50);text-align: left !important;}
.booth__input-wrap{justify-content: center;}
.booth__input {text-align: center; height: 36px; max-width: 80px; padding: 0;}
.booth__col-label{width: 30% }

/* 선택한 타입 강조 */
.is-selected{--border: #bfdbfe;}
.booth__option-cell.is-selected,td.is-selected { background: #fcfdff; font-weight: 600;}
thead .booth__option-cell.is-selected {border-top: 2px solid var(--border);}


.booth__summary{display: flex; border-radius: var(--radius-sm); font-size: 0.9375rem; border: 1px solid var(--border01);}
.booth__summary .table th, .booth__summary .table td{font-size: 0.9375rem;}
.booth__summary-col-label{width: 35%;}
.booth__summary-label{color: var(--text-main); text-align: left !important; font-weight: 500; }
.booth__summary-table tbody tr:first-child .booth__summary-label,
.booth__summary-table tbody tr:first-child td{padding-bottom:0;}
.booth__summary-value{ text-align: right !important; display: block;}
.booth__summary-total{background-color: var(--header-bg02);}
.booth__summary-total .booth__summary-value{font-weight: 700; font-size: 1.25rem; color: var(--text-navy);}
.booth__summary-total .booth__summary-label{font-weight: 600;}
.booth__summary-total th{position: relative;}
.booth__summary-total th::before{content: "";height: 2px;border-top: 1px solid var(--border01); position: absolute; top: 0;left: var(--space-16);   width: calc(200% - var(--space-16) *2);}
.booth__guide-list{margin-top: var(--space-20); display: flex; color: var(--text-sub1); flex-direction: column; gap: var(--space-6);}
.booth__guide-item strong {font-weight: 600; color: var(--text-sub1);}
.booth__guide-item{position:relative;padding-left:var(--space-12);}
.booth__guide-item::before{content:"";position:absolute;left:0;top:0.7em;width:3px;height:3px;background:var( --text-sub2);border-radius:50%;}
.booth__guide-item .icon{width: 20px; height: 20px;}
.booth__guide-item  button[data-modal-open] {width: 24px; height: 24px; border: 0; background-color: transparent; cursor: pointer;}
.booth__guide-content > span{display: flex;}
.booth__item-title{display: flex;}

@media (min-width:768px){
.category__accordion .category__arrow{display: none;}
.booth__summary-col-label{width: 40%;}
.category__options{grid-template-columns: 1fr;}
}

@media (min-width:1080px){

.option-card{flex-direction: row;}
.input__row{flex-direction: row; gap: 1rem;}
.input__field{width: 100%;}
.half{width: calc(50% - 1rem/2);}
.booth{  grid-template-columns: 1.5fr 1fr;}
/* .booth__input{padding-left: 0.825rem;} */
.booth__table th, .booth__table td{padding-block: 1rem;}
.booth__summary .table th, .booth__summary .table td{font-size: 1rem;}
.booth__summary-total .booth__summary-value{font-size: 1.5rem;}
.booth__guide-item{display: flex; gap: var(--space-4);}
.card__group--invoice-person .title-lg{margin-bottom: 0;}
.category__options{grid-template-columns: 1fr 1fr;}
}
}
.booth__modal {
.table-wrap{margin-bottom: var(--space-16);}
.booth-modal__desc{color: var(--text-sub1);}
.booth-modal__image .img{width: 90%; margin: 0 auto;}
}

.booth-shell-modal{
.booth-shell__spec{width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.booth-shell__spec-list { color: var(--text-sub1); font-size: 0.9rem;margin-block: var(--space-16);}
.booth-shell__spec-item::before { content: "•";display: inline-block; margin-right: var(--space-4); position: relative; top: -4px; }
.booth-shell__spec-note{font-size: 0.875rem; color: var(--text-sub2); }


@media (min-width:500px){
.booth-shell__group{display: flex; flex-direction: row-reverse;}
}
}



html:lang(en) .application {
@media (min-width:1080px){.booth{ display: block;}
.booth__col-label{width: 25%;}}
}
html:lang(en) .booth__summary-table tbody tr:first-child .booth__summary-label, 
html:lang(en) .booth__summary-table tbody tr:first-child td{padding-bottom: var(--space-16);}
html:lang(en) .category__options{gap: var(--space-4);}
html:lang(en) .category__header{flex-direction: column;}
html:lang(en) .category__panel{padding-top: var(--space-16); }
/* html:lang(en) .category__options .checkbox{height: 44px;} */
html:lang(en) .card__group--category .category__options{grid-template-columns: 1fr;}

/* 부스신청 완료 appComplete  */
.complete{
text-align: center;
.sc__content{align-items: center; gap: var(--space-32);}
.complete__icon{display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; box-shadow: var(--shadow01); background-color: #fff; border-radius: var(--radius-2xl);}
.complete__icon::after{content: "";position: relative; left: 1px; top: 2px; display: block; background-image: url("../images/icon/app-complete.svg"); background-repeat: no-repeat;   background-position: center;width: 72px; height: 72px;}
.complete__group{display: flex; flex-direction: column; align-items: center;  gap: var(--space-32);}
.complete__title{margin-bottom: var(--space-12); font-weight: bold; color: var(--color-terdinary);}
.complete__desc{color: var(--text-sub1);}
.complete__info{display: flex; flex-direction: column; gap: var(--space-4); color: var(--text-sub2);}
.complete__info-item{display: flex; justify-content: center; gap: var(--space-8);}
.btn{width: fit-content;}
.complete__title{line-height: 1.5;}
.complete__info-title{margin-block: var(--space-4);  display:flex;align-items:center; justify-content:center; gap: var(--space-8);}
.complete__info-title::before,
.complete__info-title::after{content:"";flex:1;display: inline-block;height:1px;background: var(--border02);}
.complete__info-item{position: relative; font-weight: 500;}
.complete__info-item::before{content:"";width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size: contain;}
.complete__info-item--tel::before{background-image:url("../images/icon/phone.svg");left: 3px;position: relative;}
.complete__info-item--mail::before{background-image:url("../images/icon/mail.svg");}

@media (min-width:768px){
.complete__inner {justify-content: center;}
}
}


/* 로그인 login */
.login{
.sc__inner{display: flex; align-items: center; justify-content: center;}
.tabs{display: flex; align-items: center;justify-content: center; margin-bottom: var(--space-50);}
.input__row{display: flex; flex-direction: column; gap: var(--space-20);}
.login__btn{margin-top: var(--space-32);}
.login__assist{display: flex; justify-content: space-between; margin-top: var(--space-12);}
.login__title{margin-bottom: var(--space-24); margin-top: var(--space-50);}
.login__find {display: flex; align-items: center;cursor: pointer;  gap: 0.25rem; border: 0; background-color: transparent; color: var(--text-sub2);}
.login__find .icon{width: 12px; height: 12px; }
.btn-group{display: flex; flex-direction: column; align-items: center; gap:var(--space-12)}

.login__link {display: none;}
.login__link.is-current{display: inline;}
.btn-underline{margin-left: var(--space-8);}
.option__group{margin-bottom: var(--space-32); display: none;}
.option__group.is-current{display: flex;}
.option-card{width: fit-content;}
.login__desc{font-size: 0.9375rem; color: var(--text-sub2); text-align: center; margin-bottom: var(--space-24);}

@media (min-width:768px){
.sc__content{justify-content: center; height: calc(100vh - var(--nav-height));}
.tabs{margin-bottom: 36px;}
.login__title{margin-top: 40px;}
.login__panel{min-width: 640px; max-width: 640px; box-sizing: border-box; margin: 0 auto; box-shadow: var(--shadow02);padding: 40px; background-color: var(--color-white); border-radius: 20px}
.login__visual {border-radius: 20px 0 0 20px; display: block;}
}
} 

/*참가업체 비밀번호 재설정 화면  */
.reset-pw-biz{
.sc__content{height: fit-content;}
.login__title{margin-bottom: var(--space-12); margin-top: 0;}
.login__desc{margin-bottom: var(--space-50);}
.login__body{margin-bottom: 0;}
.reset-pw-biz__icon{background-color: var(--navy-80); border-radius: 999px; margin: 0 auto; margin-bottom: var(--space-16)}
.icon-lock{width: 32px; height: 32px;}
@media (min-width:1080px){
.icon-lock{width: 40px; height: 40px;}
.reset-pw-biz__icon{background-color: var(--navy-70);}
}
}



/* 참가업체, 관람객 비밀번호 찾기 모달 */
.find-pw-modal {
.option-card{ width: fit-content; margin-bottom: var(--space-20);}
.find-pw__phone .select{min-width: 80px;}
.find-pw__phone .input__control{width: 100%;}
.input__field.is-hide{display: none;}
.option__group{flex-direction: column; gap: var(--space-8);}
.option__group .group{gap: var(--space-20);}
@media (min-width:768px){
.find-pw__phone .select{min-width: 100px;}
}
}

/* 비밀번호 재설정 메일 발송 안내 모달 */
.find-pw-mail-sent{
.caption{color: var(--text-sub2); align-items: flex-start; gap: var(--space-4);}
.find-pw-mail-sent__icon{background-color: var(--success-bg); border-radius: 999px; margin: 0 auto; margin-bottom: var(--space-20);}
.find-pw-mail-sent__resent{margin-top: var(--space-8);}
.icon-warning-circle{width: 18px; height: 18px; top: 2px;position: relative;}
.icon-mail-success{width: 36px; height: 36px;}

@media (min-width:1080px){
.icon-mail-success{width: 40px; height: 40px;}
}
}

/* 비밀번호 재설정 회원정보 불일치 안내 모달 */
.find-pw-fail{
.find-pw-fail__contact{ color: var(--text-sub1); background-color: var(--slate-100); padding-block: var(--space-16); border-radius: var(--radius-sm);}
.find-pw-fail__contact-title{margin-bottom: var(--space-4);}
.find-pw-fail__contact-info > a{color: var(--text-sub1); font-weight: 500;}
.find-pw-fail__contact-info > span{color: var(--text-sub2);}
.find-pw-fail__contact-group{flex-direction: column; gap: 0;}

@media (min-width:768px){
.find-pw-fail__contact-group{flex-direction: row; gap: 12px;}
.find-pw-fail__contact-info + .find-pw-fail__contact-info::before{content: ""; display: inline-block; width: 1px; height: 12px; background-color: var(--slate-300);position: relative; right: 4px;}
}

}

/* 비밀번호 재설정 완료 안내 모달 */
.find-pw-complete{
.modal__inner{max-width: 400px;}
.find-pw-complete__icon{background: var(--success-bg); border-radius: 999px; margin: 0 auto; margin-bottom: var(--space-20);}
.icon-check-green{width: 36px; height: 36px;}

@media (min-width:1080px){
.icon-check-green{width: 40px; height: 40px;}
}
}


/* 테이블 */
.board-list__head{height: 60px; background-color: var(--navy-70);  border-top: 2px solid var(--navy-100);}
.board__count{margin-bottom: var(--space-8); margin-top: var(--space-20); font-weight: 500; color: var(--text-sub1);}
.board-list__body{border-top: 2px solid var(--navy-100);}
.board-item{padding-block: var(--space-16); border-bottom: 1px solid var(--border01);}
.board-item__label{font-size: 0.875rem; margin-bottom: var(--space-2); display: inline-block;}
.board-item-fixed .board-item__label{background-color: var();}
.board-item-fixed .board-item__label-fixed {color: var(--color-primary);}
.board-item__title{font-size: 1rem; color: var(--text-main); font-weight: 500;  display:-webkit-box;-webkit-line-clamp:2;  -webkit-box-orient:vertical;overflow:hidden;}
.board-item__meta{font-size: 0.875rem;}
.board-item__views-icon{  width: 16px; height: 16px; display: inline-block;}
.board-item__views{display: flex; align-items: center; gap: var(--space-4);}


@media (min-width:1080px){
.board-search{margin-bottom: 16px; display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: flex-end;}
.board__count{margin: 0;}
.board-list__body{border: 0;}
.board-list__head{display: grid; grid-template-columns: 150px 1fr 200px; border-bottom: 1px solid var(--border01);}
.board-list__col{color: var(--text-sub1); padding-inline: 20px; display: flex; align-items: center; justify-content: center;}
.board-list__col-num{justify-content: flex-start;}
.board-item__link{display: grid;  grid-template-columns: 150px 1fr 200px;}
.board-item__label{margin: 0; padding-inline: 20px; font-size: 1rem;}
.board-item__meta{margin: 0; font-size: 1rem; text-align: center;}
.board-item__meta .line{display: none;}
.board-item__views{justify-content: center;}
.board-item__title{padding-inline: 20px;}
}


/* 공지사항 notice */
.notice{
.board-search__filter {display: flex;margin-bottom: var(--space-4)}
.filter-tab {position: relative;}
.board-search__filter:first-of-type .filter-tab{padding-right: var(--space-16);}
.filter-tab + .filter-tab{padding-inline: var(--space-16);}
.filter-tab__text { display: inline-flex;line-height: 1; width: 100%; align-items: center;height: 36px;color: var(--text-sub2);cursor: pointer;}
.filter-tab + .filter-tab::before{content: ""; width: 1px; height: 12px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; background-color: var(--border02);}
.filter-tab__input:checked + .filter-tab__text { color: var(--color-secondary);font-weight: 700;}

@media (min-width: 1080){
.filter-tab + .filter-tab::before{height: 16px;}
}
}

/* noticeView 공지사항 상세 */
.notice-view{
.notice-view__header {padding-block: var(--space-24);border-bottom: 1px solid var(--navy-100)}
.notice-view__category {line-height: 1;font-weight: 600;color: var(--color-primary);}
.notice-view__title {line-height: 1.4; font-weight: 600; margin-top: var(--space-6); margin-bottom: var(--space-8);}
.notice-view__meta { display: flex;gap: var(--space-16); color: var(--text-sub2);}
.notice-view__content { min-height: 240px; padding: var(--space-20) var(--space-16); margin-block: var(--space-16); overflow: hidden;}

.notice-view__nav { border-top: 1px solid var(--border01); border-bottom: 1px solid var(--border01);}
.notice-view__nav-item + .notice-view__nav-item {border-top: 1px solid var(--border01);}
.notice-view__nav-item { display: grid; grid-template-columns: 70px 1fr 20px; align-items: center; padding-inline: var(--space-12); min-height: 48px;}
.notice-view__nav-label {font-weight: 500; color: var(--color-primary);}
.notice-view__nav-title { display: block; overflow: hidden; color: var(--text-sub1); font-weight: 500; text-overflow: ellipsis;white-space: nowrap;}
.notice-view__actions {margin: 0 auto; margin-top: var(--space-24);}
.notice-view__nav-item .icon{opacity: 0.8; width: 16px; height: 16px; }
.notice-view__list-btn:focus-visible,
.notice-view__nav-link:focus-visible {outline: 2px solid var(--color-secondary); outline-offset: 2px;}

@media (min-width: 1080px){
.notice-view__list-btn{width: 140px;}
.notice-view__nav-item{height: 60px;}
}
}


/* gallery 갤러리 */
.gallery{
.gallery__list{display: grid; gap: var(--space-16);}
.gallery__btn { border: none; padding: 0; display:block; aspect-ratio: 3/2; background: none; appearance: none;cursor: pointer;border-radius: var(--radius-sm);}

@media (min-width: 768px){
.gallery__list{grid-template-columns: repeat(2,1fr);}
}
@media (min-width: 1080px){
.gallery__list{grid-template-columns: repeat(4,1fr);}
}
}


/* 갤러리 모달 */
.gallery_modal {
background: rgba(0, 0, 0, 0.65);backdrop-filter:blur(2px);position: fixed;inset: 0;visibility: hidden;opacity: 0;display: flex; align-items: center; justify-content: center;
.gallery-modal__close {position: absolute;top: -48px;right: -12px; width: 44px; height: 44px; background: none;border: 0; cursor: pointer;}
.gallery-modal__close::before,
.gallery-modal__close::after {content: "";position: absolute; top: 50%; left: 50%;width: 24px;height: 2px;background: #fff;}
.gallery-modal__close::before {  transform: translate(-50%, -50%) rotate(45deg);}
.gallery-modal__close::after {  transform: translate(-50%, -50%) rotate(-45deg);}
.gallery-modal__content{ width: 100%; height: fit-content; margin: 0 auto;display: flex; flex-direction: column; justify-content: center; padding-inline: var(--space-16); box-sizing: border-box; }
.gallery_top { position: relative;}
.swiper{overflow: visible;}
.mainSwiper {width: 100%;aspect-ratio: 3/2;}
[thumbsslider] {display: none;}
.img {border-radius: var(--radius-md); aspect-ratio: 3/2;}

.swiper-navigation-icon{display: none;}
.swiper-button-next, .swiper-button-prev{width: 40px; height: 40px; background-color: rgba(0,0,0,0.3); border-radius: 999px; position: absolute; bottom: 0; top: auto; transform: translateY(calc(100% + 16px) );}
.swiper-button-next{right: 0;}
.swiper-button-prev{left: 0;}
.swiper-button-prev::before,
.swiper-button-next::before{content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;position: relative;}
.swiper-button-prev::before{transform:rotate(-135deg);left: 2px;}
.swiper-button-next::before{transform:rotate(45deg);right: 2px;}
.swiper-button-prev::after,
.swiper-button-next::after{display:none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: visible;}
.swiper-pagination { background: rgba(17, 17, 17, 0.6); position: relative; bottom: 0; width: auto; border-radius: 100px; color: rgba(255, 255, 255, 0.5);font-family: var(--ff-primary);font-size: clamp(0.875rem, 1.11vw, 1rem); display: flex; gap:var(--space-4);height: 40px;align-items: center; justify-content: center; padding-inline: var(--space-12); }
.swiper-pagination-current {  color: #fff; }
.gallery__autoplay-btn {z-index: 1; background: rgba(17, 17, 17, 0.6); width: 40px; height: 40px; border-radius: 999px; display: flex;align-items: center;justify-content: center;cursor: pointer;}
.gallery_btn_box { position: absolute; transform: translateY(calc(100% + var(--space-16))); width: 100%; display: flex; gap: var(--space-6); bottom: 0;justify-content: center;align-items: center;}

@media (min-width: 768px) {
[thumbsslider] {display: block;}
.gallery-modal__content{width: fit-content; max-width: 768px;}
.gallery_btn_box{transform: translateY(0); z-index: 999; bottom: 36px;}
.gallery-modal__close{top: 0; z-index: 999; right: 0;}
.swiper-button-next, .swiper-button-prev{transform: translateY(0); bottom: 50%;}
.gallery-modal__close{width: 72px; height: 72px;}
.swiper{overflow: hidden;}
.subSwiper { width: 100%;  margin-top: 20px; padding: 0; box-sizing: border-box;} 
.swiper-slide { background-size: cover; background-position: center;}
.swiper-slide img { display: block; cursor: pointer; width: 100%; height: 100%; object-fit: cover;border-radius: 5px;aspect-ratio: 3/2;}
.subSwiper.swiper-slide { height: auto; opacity: 0.4; }
.subSwiper .swiper-slide-thumb-active { opacity: 1; }
.mainSwiper .swiper-slide img{object-fit: contain;}
} 

@media (min-width: 1080px) {
  .gallery-modal__content{max-width: 1000px; margin-top: var(--nav-height);}
  .gallery-modal__close::before, .gallery-modal__close::after{width: 36px;}
  .swiper-button-next, .swiper-button-prev{width: 72px; height: 72px;}
  .swiper-button-prev::before, .swiper-button-next::before{width: 20px; height: 20px;}
  .swiper-button-next::before{right: 4px;}
  .swiper-button-prev::before{left: 4px;}
  .swiper-button-next{right:-24px; transform: translateX(100%) translateY(50%);}
  .swiper-button-prev{left:-24px; transform: translateX(-100%) translateY(50%);}
}
}
.gallery_modal.is-open{opacity: 1; visibility: visible;}

/* resources 자료실 */
.resources{
.resources__content > .border + .resource-list {margin-top: var(--space-36);}
.resource-list__title {margin-bottom:var(--space-16); color: var(--color-tertiary);}
.resource-card__thumb{border:1px solid var(--navy-100);overflow: hidden; border-radius: var(--radius-md);background:var(--navy-70);}
.resource-card__thumb--dark{background:#071322;}
.icon-download{width: 20px; height: 20px;}
.resource-list__inner{display: grid; gap: var(--space-24)}
.resources__divider{display:block;width:100%;height:1px;margin-block: var(--space-36);border:0;background:var(--border01);}
.resource-card__body{margin-top: var(--space-16);}
.resource-card__text{margin-bottom: var(--space-16);}
.resource-card__meta{margin-top:var(--space-8);color:var(--text-sub2);}
.group{justify-content: flex-start;}
@media (min-width: 480px) {
  .resource-list__inner{grid-template-columns: repeat(2,1fr);}
}
@media (min-width: 768px) {
  .resource-list__inner{grid-template-columns: repeat(3,1fr);}
}
}

/* preparing 준비중 */
.status-page{
.status-page__code{color: var(--slate-800); font-family: var(--ff-secondary); font-size: 5rem; line-height: 100%; margin-bottom: 16px;}
.status-page__text{position: absolute; top: 30%; text-align: center;}
.status-page__title{color: var(--slate-50);}
.status-page__desc{color: var(--slate-400); margin-top: var(--space-12); margin-bottom: var(--space-24); line-height: 1.6;}
.btn-cover {display: flex; gap: var(--space-8);}
.btn-cover .btn-subtle{ background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15);
color: #fff;}
@media (min-width: 1080px) {
.status-page__code{ font-size: 6.25rem;}
.status-page__desc{margin-bottom: var(--space-40);}
}
}






/* about */


/* overview */
.overview{
  .container-narrow{margin: 0 auto;}
.overview__heading{flex-direction: column; gap: var(--space-12);}
.overview__heading .img__cover{width: 170px; height: 27px;}
.overview__intro{padding-bottom: var(--sc-space-y);}
.intro__text{text-align: center; line-height: 160%; margin-bottom: var(--space-32);}
.intro__desc + .intro__desc{margin-top: var(--space-12);}

.overview__support{display: grid; grid-template-columns: repeat(2,1fr);gap: var(--gap-2); margin-top: var(--space-12); line-height: 1.3; color: var(--text-sub1); height: 165px;}
.support-card{background-color: var(--color-white); height: 100%; display: flex; flex-direction: column; border-radius: var(--radius-md); box-shadow: var(--shadow01);}
.support-card__logo{margin-block: var(--space-12);}
.support-card:last-child .support-card__logo {margin-bottom: var(--space-6); }
.support-card__title{font-weight: 700; margin-bottom: var(--space-4); display: block;}
.support-card__desc{line-height: 1.35; color: var(--text-sub2); font-weight: 500;}
.intro__row{border-radius: var(--radius-md);}

/* category-items */
.category-items{padding-block: var(--sc-space-y); position: relative;  z-index: 1}
.category-items::after{content: ""; position: absolute; inset: 0; background: var(--slate-170); margin-inline: -16px; z-index: -1;}
.category__item{border-bottom: 1px solid var(--slate-300);}
.accordion__item:has(+ .accordion__item .accordion__trigger[aria-expanded="true"]) { border-bottom: 0;}
.category__trigger{background: transparent; border-top: 2px solid transparent; color: var(--color-secondary); font-weight: 700; transition: all .5s;}
.category__trigger[aria-expanded="true"]{border-top: 2px solid var(--text-helper); background: var(--color-white);}
.category__sub{display: flex; flex-wrap: wrap; gap: var(--space-6);}
.category__chip{font-size: var(--tag-font-size); background-color: var( --tag-primary-bg); font-weight: 600; color: var(--tag-primary-text);height: var(--tag-height); display: flex; align-items: center; justify-content: center; line-height: 100%;  padding-inline: var(--tag-padding-x); border: 1px solid var(--tag-primary-border); border-radius: var(--tag-radius); }
.category__panel{padding-block: var(--space-20); background-color: #F4F8FD; border: 1px solid var(--slate-150);}
.category-card__detail{color: var(--text-sub2); margin-top: var(--space-16);}
.category-card__detail { display: flex; flex-wrap: wrap;}
.category-card__detail li { display: inline-flex; align-items: center; color: var(--text-sub2); font-weight: 500;}
.category-card__detail li:not(:last-child)::after { content: "/"; margin: 0 8px; opacity: 0.5;}

@media (min-width:768px){
.overview__heading .img__cover{width: 220px; height: 35px;}
.overview__intro{display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-4);}
.overview__heading.group{text-align: start;align-items: flex-start;}
.overview__table-wrap{justify-content: space-between;}
.intro__text{text-align: start; line-height: 170%; }
.intro__row{padding: 50px 40px; background-color: var(--color-white); box-shadow: var(--shadow01);}
.support-card:last-child .support-card__logo{margin-top: 16px; margin-bottom: 10px;}
}

@media (min-width:1080px){
.overview__support{gap: 16px;}
.support-card__desc{font-size: 0.875rem;}
.table th, .table td{font-size: 1.0625rem; line-height: 160%;}
.overview__col-label{width: 180px ;}
.overview__heading.group{gap: 20px;}
.category__sub{width: 80%;}
.category__trigger{font-size: 1.25rem;}
}
}

html:lang(en) .overview__intro .sc__heading .heading__title{line-height: 1.3; text-align: center;}
html:lang(en) .overview__intro .table-wrap.type1 colgroup col:first-of-type{width: 110px;}

@media (min-width:768px){
html:lang(en) .overview__intro{grid-template-columns: repeat(1,1fr);}
html:lang(en) .category__trigger{font-size: 1.0625rem; line-height: 1.4;}
html:lang(en) .category__options{grid-template-columns:1fr; }
html:lang(en) .category__options .checkbox{height: 38px;}
html:lang(en) .category__panel .checkbox__label{line-height: 1.4; font-size: 0.875rem;}
}
@media (min-width:1080px){
html:lang(en) .overview__table{height: 100%;}
html:lang(en) .overview__intro{grid-template-columns: repeat(2,1fr);}
html:lang(en) .overview__intro .sc__heading .heading__title{line-height: 1.4; text-align: start;}
html:lang(en) .intro__desc{font-size: 1.0625rem;}
html:lang(en) .overview__intro .table-wrap.type1 colgroup col:first-of-type{width: 150px;}

}


/* venue */
.venue{

.venue__info{padding-bottom: var(--sc-space-y); margin: 0 auto;}
.venue__img {aspect-ratio: 328/168; margin-bottom: var(--space-16); border-radius: var(--radius-md);overflow: hidden;}
.venue__desc{color: var(--text-sub1);}
.venue__info .group{flex-direction: column; text-align: center; }
.venue__location{padding-block: var(--sc-space-y); text-align: center; position: relative; z-index: 1;}
.venue__location-inner{margin: 0 auto;}
.venue__location::after{content: ""; position: absolute; inset: 0; background: var(--slate-170); margin-inline: -16px; z-index: -1;}
.venue__pin{background-color: var(--color-white); margin: 0 auto; gap: var(--space-8); padding: var(--space-12)  var(--space-20);border-radius: var(--radius-md);  margin-bottom: var(--space-16); align-items: flex-start; text-align: start;}
.venue__map{aspect-ratio: 3/2; border-radius: var(--radius-sm); box-shadow: var(--shadow02); margin-top: var(--space-16); margin-bottom: 2rem;}
.venue__transport-list{display: grid; grid-template-columns: repeat(4,1fr); gap: var(--space-8); }
.venue__transport-item{background-color: var(--navy-50);cursor: pointer; padding:var(--space-12); border-radius: var(--radius-sm); box-shadow: var(--shadow01);}
.venue__transport-item > p {font-size: 0.9375rem; color: var(--text-sub2); }
.venue__transport-icon{width: 40px; height: 40px;position: relative; margin: 0 auto; margin-bottom: var(--space-8); display: flex; align-items: center; justify-content: center; border-radius: var(--radius-xl); background-color: var(--navy-80);}
.venue__transport-icon::before{content: ""; width: 28px; height: 28px; display: inline-block;background-size: contain;  background-repeat: no-repeat; background-position: center;}
.transport-car .venue__transport-icon::before{background-image: url("../images/icon/car.svg");}
.transport-subway .venue__transport-icon::before{background-image: url("../images/icon/train.svg");}
.transport-bus .venue__transport-icon::before{background-image: url("../images/icon/bus.svg");}
.transport-parking .venue__transport-icon::before{background-image: url("../images/icon/parking.svg");}
.only-pc{display: none;}

@media (min-width: 768px) {
.only-mo{display: none;}
.only-pc{display: block;}
.venue__info .venue__desc{order: 1;}
.venue__info .venue__img{order: 2;}
.venue__heading.only-pc{text-align: start;}
.venue__pin{justify-content: flex-start;}
.venue__transport-list.only-pc{display: grid; grid-template-columns: repeat(2,1fr);}
.venue__location-content{display: grid; grid-template-columns: 360px 1fr; gap: var(--gap-4)}
.venue__map{margin: 0; aspect-ratio: unset; width: 100%; height: 100%;}
.venue__location .venue__desc{text-align: start;}
.venue__address{display: flex; flex-direction: column; justify-content: space-between; gap: 32px;}
}

@media (min-width: 1080px) {
.sc__heading{margin-bottom: 24px;}
.venue__info .group {gap: 56px;}
.venue__desc{line-height: 160%; font-size: 1.125rem;}
.venue__pin{gap: 8px;}
.venue__location-content{ grid-template-columns:460px 1fr}
.venue__transport-icon{width: 52px; height: 52px;}
.venue__transport-icon::before{width: 40px; height: 40px;}
.venue__transport-list{gap: 16px;}
}
}

/* contact */
.contact{
.office{padding-bottom: var(--sc-space-y);}
.office__logo{width: 145px; height: 76px; margin: 0 auto; margin-bottom: var(--space-20);}
.office__logo .img{  mix-blend-mode: multiply;}
.office__heading{display: flex; flex-direction: column;  align-items: center;}
.office__table .office__body > a{color: var(--text-main);}
.office__map{aspect-ratio: 3/2; margin-top: var(--space-12); border-radius: var(--radius-md); overflow: hidden;}
.office__table-wrap{border-radius: var(--radius-md);}
.booth-inquiry{padding-top: var(--sc-space-y); padding-bottom: var(--sc-footer-gap);}
.booth-inquiry__icon-bg {background: var(--navy-80); border-radius: 999px; margin-bottom: var(--space-8);}
.booth-inquiry__icon-bg .icon{background-image: url(../images/icon/headset.svg); width: 32px; height: 32px;}
.booth-inquiry__content{border-radius: var(--radius-md); box-shadow: var(--shadow01); padding: var(--card-pd-6) var(--card-pd-4); background-color: var(--color-white);}


.option__group{flex-direction: column; gap: var(--space-8);}
.option-card__label{white-space: nowrap;}
.input__row.field-select{gap: var(--gap-2); align-items: flex-end;}


@media (min-width: 768px) {
.office__content{display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-4)}
.office__table-wrap{padding: var(--card-pd-5) var(--card-pd-4); box-shadow: var(--shadow01); background-color: var(--color-white);}
.office__map{aspect-ratio: auto; margin-top: 0;}
}

@media (min-width: 1080px) {
.booth-inquiry__icon-bg .icon{width: 36px; height: 36px;}
.office{padding-bottom: 0;}
}
}
html:lang(en){
  .contact .office__logo{width: 300px; height: auto;}
  .contact .img{object-fit: contain;}

  @media (min-width: 1080px) {  .contact .office__logo{width: 400px}}
}

/* why-exhibit */

.why-exhibit{
.intro{padding-bottom: var(--sc-space-y);}
.intro .intro__desc{text-align: center; color: var(--text-sub1);}
.intro .intro__desc > strong {color: var(--text-heading);}
.intro__image{border-radius: var(--radius-md); overflow: hidden;}
.intro__heading{gap: var(--gap-4);}
.intro__logo{width: 170px;}

.feature__list{display: grid; gap: var(--gap-3); padding-bottom: var(--sc-space-y);}
.feature-card { padding: var(--card-pd-6) var(--card-pd-5); border-radius: var(--radius-md); display:flex;flex-direction:column; background: var(--color-white);box-shadow: var(--shadow01);}
.feature-card__header{display: flex; gap: var(--space-16); padding-bottom: var(--space-20);}
.feature-card__icon{width: 40px; height: 40px;}
.feature-card:nth-of-type(1) .feature-card__icon{background-image: url(../images/icon/global-blue.svg); }
.feature-card:nth-of-type(2) .feature-card__icon{background-image: url(../images/icon/hand-shake.svg); }
.feature-card:nth-of-type(3) .feature-card__icon{background-image: url(../images/icon/people.svg); }

.feature-card__info{display: flex; flex-direction: column; justify-content: center; gap: var(--space-4); }
.feature-card__num {white-space: nowrap; position: relative; font-size: 1.75rem; line-height: 1;font-weight: 800;color: var(--text-heading);}
.feature-card__num::after{ content: "+"; display: inline-block; font-size: 2rem; position: relative; top: -2px;}
.feature-card__caption {font-size: 1rem;color: var(--text-sub2); font-weight: 500;}
.feature-card__title{font-size: 1.25rem; line-height: 1.4; font-weight: 700; color: var(--text-heading); margin-bottom: var(--space-12);}
.feature-card__body{padding-top: var(--card-pd-5); display: flex; flex-direction: column; flex: 1;   gap: var(--gap-8);}
.feature-card__text{font-size: 1rem; color: var(--text-sub1); line-height: 160%;  flex:1; font-weight: 500;}
.feature-card__bg{background-color: var(--icon-bg-blue); border-radius: 999px; flex-shrink: 0;}
.feature-card__button .icon{width: 20px; height: 20px;}

.exhibit__visual{ padding-block: var(--sc-space-y); position: relative; z-index: 0; }
.exhibit__visual::before{ content: "";position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background-color: var(--color-tertiary);z-index: -1;}
.visual__inner{ overflow-x: scroll;}
.visual__list{display: grid; grid-template-columns: repeat(4,1fr);  gap: var(--gap-3); width: max-content;}
.visual__item{border-radius: var(--radius-md); overflow: hidden;}
.visual__image{display: block; max-width: calc(1440px / 4 ); height: auto;}



.exhibit__contact{padding-block: var(--sc-space-y); position: relative; z-index: 0; display: flex; flex-direction: column; gap: var(--gap-8);}
.exhibit__contact::before{ content: "";position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: linear-gradient(#1C324E, #4D7289);z-index: -1;}
.contact__text{text-align: center; color: var(--navy-80); font-weight: 400; }
.exhibit__contact .btn__group .btn:first-child { background-color: #44667E;   backdrop-filter: blur(10px) ;} 
.exhibit__contact .btn__group .btn:last-child {background-color: rgba(28, 50, 78, 0.7);}
.exhibit__contact .btn__group .btn .icon{width: 20px; height: 20px;}


@media (min-width: 768px) {
.feature__list{grid-template-columns: repeat(2,1fr);}
.visual__list{width: auto;}
.logo-track img { height: 80px;}
}

@media (min-width: 1080px) {
.intro{display: grid; grid-template-columns: 0.33fr 0.67fr; gap: 32px;}
.intro__logo{width: 300px; height: 48px;}
.intro__heading{justify-content: flex-start; align-items: flex-start;}
.intro .intro__desc{text-align: left; font-size: 2rem; line-height: 140%; font-weight: 600;}

.feature__list{grid-template-columns: repeat(3,1fr);}
.feature-card__num::after{font-size: 2.5rem; top: -4px;}
.feature-card__icon{width: 48px; height: 48px;}
.feature-card__num{font-size: 2.75rem;}
.feature-card__info{gap: 8px;}
.feature-card__caption{font-size: 1.25rem; line-height: 1.4;}
.feature-card__title{font-size:1.625rem; font-weight: 700;}
.feature-card__text{font-size: 1.125rem; line-height: 170%;}
.feature-card__button .icon{width: 24px; height: 24px;}




.exhibit__contact{padding-block: 0; height: 180px; flex-direction: row; align-items: center; justify-content: space-between;}
.exhibit__contact .contact__text{text-align: start;}
.exhibit__contact .btn__group .btn .icon{width: 24px; height: 24px;}
}

}
@media (min-width: 1080px) {
  html:lang(en) .feature-card__header{min-height: 130px;}
  html:lang(en) .feature-card__title {font-size: 1.5rem;}
  html:lang(en) .why-exhibit .intro .intro__desc{font-size: 1.625rem;}
}

/* 참가업체 exhibitors */
.leading-exhibitors{padding-block: var(--sc-space-y);}
.leading-exhibitors .sc__heading .icon{width: 16px; height: 16px; opacity: 0.8;}
.leading-exhibitors .sc__heading .btn{color: var(--color-secondary); border-color: #D8E2EC; background:var(--navy-50);}
.logo-marquee { overflow: hidden; width: 100%;}
.logo-track { display: flex; align-items: center; gap: var(--gap-3); width: max-content;}
.logo-track .img__cover{background-color: var(--color-white); border-radius: var(--radius-sm); box-shadow: var(--shadow01);}
.logo-track img { height: 60px; width: auto;flex-shrink: 0;display: block;}
.logo-track--bottom{margin-top: var(--gap-3);}
@media (min-width: 1080px) {
.logo-track img {height: 100px;}

.leading-exhibitors .sc__heading{flex-direction: row; justify-content: space-between;}
}


/* exhibitGuide */
.exhibit-guide{
.process{
padding-bottom: var(--sc-space-y);
.process__inner{margin: 0 auto;}
.process__card { padding: var(--card-pd-6) var(--card-pd-5);box-shadow: var(--shadow01);  border-radius:var(--radius-md);background: var(--color-white);}
.process__list { display: grid; gap: var(--space-36); position: relative;}
.process__item { position: relative;display: grid; grid-template-columns: 64px 1fr; column-gap: var(--gap-6);}
.process__list::before {content: "";position: absolute;top: 50%; left: 32px; width: 1px; height: 80%; background: var(--navy-100); transform: translateY(-50%);}
.process__icon {position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;border: 1px solid var(--navy-80);border-radius: 50%;background: var(--icon-bg-blue)}
.process__icon img { width: 32px; height: 32px; object-fit: contain;}
.process__content { min-width: 0;margin-top: var(--space-8);}
.process__step {display: block;margin-bottom: var(--space-12);font-size: 0.9375rem;font-weight: 600; line-height: 1;color: var(--text-sub2);}
.process__step {display: block;margin-bottom: var(--space-12); font-size: 0.9375rem; font-weight: 600;line-height: 1; color: var(--text-sub2);}
.process__title { display: block;font-size: 1.25rem; font-weight: 700; color: #102A52; margin-bottom: var(--space-8);}
.process__desc {font-size: 1rem; color: #1F5FC9; line-height: 1; font-weight: 600; padding: var(--space-6) var(--space-16); background-color: #EAF2FF; display: inline-block; border-radius: 999px;}
.icon{width: 20px; height: 20px;}

@media (min-width:479px) {
.process__list{grid-template-columns: repeat(2,1fr); gap: 16px;}
.process__item{padding: 36px 0; background-color: var(--color-white); border-radius: var(--radius-md); box-shadow: var(--shadow01); grid-template-rows: 64px 1fr; grid-template-columns: auto; position: relative;}
.process__icon{margin: 0 auto;}
.process__content{text-align: center; margin-top: 20px;}
.process__card{padding: 0; white-space: nowrap; background: transparent; box-shadow: none;}
.process__title{line-height: 1.35;}
.process__list::before{content: none;}

}
@media (min-width:920px) {
  .process__list{grid-template-columns: repeat(4,1fr);}
}
@media (min-width:1080px) {
.process__list{ gap: 48px;}
.process__title{font-size: 1.375rem;}
.process__item{grid-template-rows: 82px 1fr;}
.process__content{margin-top: 28px;}
.process__item + .process__item::before{content: ""; width: 26px; height: 26px; display: inline-block; background:url(../images/icon/arrow-step.png) no-repeat center center; position: absolute; top: 50%; left: calc(var(--gap-8) / -2); transform: translate(-50% , -50%); }
.process__icon img{width: 44px; height: 44px;}
.process__step{font-size: 1.0625rem;}
}
}



.guide-banner{
text-align: center; z-index: 1; position: relative; padding-block: var(--sc-space-y);
.guide-banner__inner{ margin:0 auto;}
.guide-banner__title{color: var(--text-heading); margin-bottom: var(--space-8); font-weight: 700;}
.guide-banner{color: var(--text-sub2);}
.guide-banner__desc{color: #556476}
.btn__group{margin-top: var(--space-32);}
.btn__group .btn{max-width: 200px;}
.btn__group .btn:first-child{border: 1px solid var(--slate-300);}
.btn__group .icon{width: 20px; height: 20px; flex-shrink: 0;}

}
@media (min-width: 768px) {
.guide-banner__inner{display: flex; align-items: center;height: 100%;}
.guide-banner{padding-block: 0; height: 180px;}
.guide-banner__text{text-align: start;}
}
.guide-banner::after{content: ""; position: absolute;inset: 0; background: linear-gradient(#DEE7EF, #D2DBE5 );  margin-inline: -16px; z-index: -1;}

.booth-fee{

padding-block: var(--sc-space-y);
.panel-space{
  --shell-price: #0D47A1;
  --shell-text: #103B86;
  --shell-bg: #DCE8FF;
  --shell-sub: #5B657A;
}
.panel-shell{
  --shell-price: #4F46C8;
  --shell-text: #1A237E;
  --shell-bg: #E8EAFF;
  --shell-sub: #69637E;
}
.booth-fee__caption{color: var(--text-sub2); margin-bottom: var(--space-12);}
.booth-fee__card { overflow: hidden; border: 1px solid #D9E1EA;border-radius: var(--radius-sm); background: var(--color-white);}
.booth-fee__tabs { display: grid;grid-template-columns: repeat(2, 1fr);}
.booth-fee__tab { height: 52px; border: 0; background: #F3F6FA; font-size: 1.125rem;font-weight: 500;color: var(--text-disabled);cursor: pointer; font-weight: 400;}
.booth-fee__tab[aria-selected="true"]  {  border-bottom-color: #fff; background: #fff; font-weight: 700; color: var(--text-navy);}
.booth-fee__tab[aria-selected="true"][ aria-controls="panel-shell"]{color: #1A237E;}
.booth-fee__panel {padding: var(--card-pd-8) var(--card-pd-4); display: none; }
.booth-fee__panel.is-active{display: flex; flex-direction: column; height: 100%;}
.booth-fee__desc { margin-bottom: var(--gap-4); line-height: 1.6; color: var(--text-sub2); font-weight: 500;}
.booth-fee__price { padding: var(--card-pd-5); margin-bottom: var(--space-12); border: 1px solid #D9E7FC; color: #0A53C9; border-radius: var(--radius-sm); background: linear-gradient(135deg, #F6F9FE 30%, #E8F5FF 100%);text-align: center;}
.booth-fee__table .highlight{color: var(--text-navy);}
.booth-fee__panel .booth-fee__table .highlight{color: var(--shell-text);}
.booth-fee__panel.panel-shell .booth-fee__price{color: var(--shell-price); background: linear-gradient(135deg, #F6F9FE 30%, #F2F5FF 100%);}
.booth-fee__price-main {display: flex;justify-content: center;align-items: baseline;gap: var(--space-4); font-size: 1.25rem; line-height: 1; font-weight: 800;color: currentColor}
.table th, .table td{font-size: 1rem; color: var(--text-sub1);}
.booth-fee__price-currency{font-size: 1.5rem; position: relative;top: 1px;}
.booth-fee__price-value{font-size: 2.375rem; position: relative;top: 3px;}
.booth-fee__price-note { display: inline-flex; align-items: center; justify-content: center; margin-top: var(--space-12); height: 28px; padding-inline: var(--space-12); border-radius: 999px; background: var(--shell-bg); font-weight: 500; color: var(--shell-sub); line-height: 1;}
.table-wrap.type1 tbody th{background-color:var(--navy-50)}
.table-wrap.type1 tbody td{text-align: end;}
.booth-fee__image {padding-block: var(--space-32);}
.booth-fee__image img { display: block; width: 100%; margin: 0 auto; max-width: 500px;}
.booth-fee__panel.panel-shell .booth-fee__image img {width: 75%; margin-bottom: var(--space-24);}
.booth-fee__spec-list{color: var(--text-sub1); font-size: 0.9375rem;}
.booth-fee__spec-item{display: flex; align-items: baseline; gap: var(--space-6);}
.booth-fee__spec-item::before{content: ""; display: inline-block; position: relative; top: -4px; width: 3px; height: 3px; background-color: var(--text-sub2); border-radius: 50%;}
.booth-fee__spec-note{font-size: 0.875rem; color: var(--text-sub2); margin-top: var(--space-32);}
.booth-fee__button .icon{width: 20px; height: 20px;}
.booth__name{display: none;}

@media (min-width: 768px) {
.booth-fee__tabs{display: none;}
.booth-fee__card{display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-4); background: transparent; border: 0;}
.booth-fee__image{flex:1;}
.booth-fee__image img{height: auto;}
.booth-fee__panel.panel-shell .booth-fee__image img{width: 60%;}
.booth-fee__panel{background-color: var(--color-white); border-radius: 10px; box-shadow: var(--shadow01);}
.booth-fee__panel.panel-shell .booth-fee__image{display: flex; flex-direction: row-reverse;}
.booth-fee__panel.panel-space .booth-fee__image{width: 80%; margin: 0 auto; display: flex; align-items: center;}
.booth-fee__spec-list{line-height: 170%;}
.booth-fee__spec{display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.booth-fee__spec-note{position: absolute; bottom: 0; white-space: nowrap;}
.booth-fee__desc{text-align: center;}
.booth__name{margin-bottom: 20px; display: block;}
.table-wrap.type1 tbody th{text-align: center;}
}
@media (min-width: 1080px) {
.table th, .table td{font-size: 1.125rem;}
.booth__name{color: var(--shell-text);}
.booth-fee__price-value{font-size:3.25rem}
.booth-fee__price-currency{font-size: 2.125rem}
.booth-fee__price-unit{font-size: 2.125rem;}
.booth-fee__price-note{height: 32px; margin-top: 16px;}
.booth-fee__spec-list{font-size: 1rem;}
.booth-fee__spec-note{font-size: 0.9375rem;}
.guide-banner .btn__group .icon{width: 24px; height: 24px;}
}
}

.discount{
padding-block: var(--sc-space-y); position: relative; z-index: 1;
.discount__inner{margin: 0 auto;}
.discount__list { display: grid;gap: var(--gap-4)}
.discount-card { position: relative; overflow: hidden;  border-radius: var(--radius-md); background: var(--discount-bg); display: grid; grid-template-rows: repeat(2,1fr);}
.discount-card::before { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; width: 32px; height: 32px; border-radius: 999px; background: var(--navy-70); transform: translate(-50%, -50%);}
.discount-card--early {
  --discount-bg: #D1DFF9;
  --discount-primary: #0D47A1;
  --discount-icon-bg: #BACEF3;
  --discount-text-bg: #E9F1FF;
  --discount-text: #2E5EB3;
}
.discount-card--repeat {
  --discount-bg: #DCDFF8;
  --discount-primary: #4F46C8;
  --discount-icon-bg: #CCCEF5;
  --discount-text-bg:#EFEFFE;
  --discount-text: #625ACC;
}
.discount-card__top {display: flex; align-items: center; gap: var(--space-16); padding: var(--card-pd-5);}
.discount-card__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; background: var(--discount-icon-bg); color: var(--color-white);}
.discount-card__icon .icon{width: 32px; height: 32px;}
.discount-card__text { min-width: 0;}
.discount-card__title {margin-bottom: var(--space-8); font-size: 1.25rem; font-weight: 700; color: var(--discount-primary);}
.discount-card__desc { margin: 0; font-size: 0.9375rem; line-height: 1; color: var(--discount-text); background-color: var(--discount-text-bg); font-weight: 600; padding:  var(--space-6) var(--space-12); border-radius:999px;}
.discount-card__price { position: relative; display: flex;align-items: center; justify-content: center; gap: var(--space-6); color: var(--discount-primary);}
.discount-card__price::before { content: ""; position: absolute; top: 0; left: 16px; right: 0;; height: 1.5px;background: repeating-linear-gradient( to right, rgba(255,255,255,.9) 0 6px, transparent 6px 12px);}
.discount-card__currency { font-size: 1.375rem; font-weight: 800;}
.discount-card__value {font-size: 2.375rem;line-height: 1;font-weight: 800;position: relative; top: -4px;}
.discount-card__unit { font-size: 1.25rem; font-weight: 800;}
.discount__notice { display: grid; gap: var(--space-2); margin-top: var(--space-12); padding: 0;list-style: none;}
.discount__notice li { position: relative; padding-left: var(--space-8);  color: var(--text-sub2);}
.discount__notice li::before { content: "•";position: absolute; left: 0; top: 0;}

@media (min-width:768px) {
.discount__list{grid-template-columns: repeat(2,1fr);}
}
@media (min-width: 1080px) {
.discount-card__title{font-size: 1.625rem; margin-bottom: 16px}
.discount-card__desc{font-size: 1.375rem}
.discount-card__icon .icon{width: 40px; height: 40px;}
.discount-card__value{font-size: 3.25rem; }
.discount-card__currency{font-size: 2.125rem}
.discount-card__unit{font-size: 2.125rem;}
.discount-card::before{width: 64px; height: 64px;}
}
}
.discount::after{ content: ""; position: absolute; inset: 0; background: var(--navy-70); margin-inline: -16px;z-index: -1;}

.contact{
padding-block: var(--sc-space-y); position: relative; z-index: 1;
.contact__list{display: grid; grid-template-columns: repeat(3,1fr);}
.contact__link{display: flex; flex-direction: column; align-items: center; line-height: 1.2; width: 100%; border: 0; background-color: transparent; cursor: pointer; border-radius: var(--radius-md); padding: var(--card-pd-5) var(--card-pd-4); text-align: center; gap: var(--card-pd-4);}
.contact__icon{border-radius: 50px; background-color: var(--icon-bg-blue); display: flex; align-items: center; justify-content: center;}
.contact__icon .icon{width: 36px; height: 36px;}
.contact__title{color: var(--text-main); font-weight: 500; }

@media (min-width: 768px) {
.contact__link{background-color: var(--color-white); box-shadow: var(--shadow01);}
.contact__list{gap: var(--gap-3);}
}
@media (min-width: 1080px) {
.sc__heading{display: none;}
.contact__title{font-size:1.375rem; font-weight: 600;}
.contact__icon .icon{width: 40px; height: 40px;}
.contact__desc{margin-top: 8px; color: var(--text-sub2); font-size: 1rem; line-height: 1.5;}
}
}
}

html:lang(en) .exhibit-guide{
.process__step{font-size: 1rem;}
.process__title{font-size: 1.0588rem;}
.process__desc{line-height: 1.3; font-size: 0.8824rem; border-radius: var(--radius-sm);}
.guide-banner .btn__group .btn{line-height: 1.2;}

.booth-fee .booth-fee__tab{font-size: 0.9375rem; white-space: nowrap;}
.booth-fee .booth-fee__desc{font-size: 0.9375rem;}
.booth-fee__button{line-height: 1.2;}

.discount .discount-card__desc{line-height: 1.4; border-radius: var(--radius-sm);}
.discount .discount-card{grid-template-rows: 1fr 100px;}
.contact .contact__title{line-height: 1.2;}

@media (min-width:1080px) {
.process__title{font-size: 1.1765rem; }

.discount .discount-card__title{line-height: 1.2;}
.discount .discount-card__desc{font-size: 1.125rem;}
.discount-card__top{min-height: 200px;}
.discount .discount-card{ grid-template-rows: 1fr 0.7fr;}
.discount .discount-card::before{transform: translate(-50%, 0%);}
.guide-banner .btn__group .btn{max-width: auto; white-space: nowrap;}
}
}


/* why-visit */
.why-visit{
.why-visit__inner{position: relative;   padding-bottom: clamp(200px, 28vw, 500px);}
.why-visit__inner::after {content: "";position: absolute;left: 0;bottom: 0; width: 100%; aspect-ratio: 3/2; background: url("../images/visit-bg.png") no-repeat center bottom;background-size: 180%;}
.why-visit__header{position: relative;}
.why-visit__header::after{content: ""; height: 50vh; width: 100%; display: block; position: absolute; background: linear-gradient(#D1DAE4, rgba(255,255,255,0)); bottom: 0; transform: translateY(100%); }
.why-visit__list{display: grid; gap: var(--gap-3); z-index: 1;}
.why-visit__item{padding: var(--card-pd-5) var(--card-pd-4); background-color: var(--color-white);box-shadow: var(--shadow01);  border-radius: var(--radius-md);}
.why-visit__item .why-visit__item-header{display: flex; flex-direction: column; gap: var(--space-16);}
.why-visit__item .why-visit__icon{background-color: var(--icon-bg-blue); border-radius: 500px;}
.why-visit__item .why-visit__icon .icon{width: 32px; height: 32px;}
.why-visit__item .why-visit__title{font-size: 1.375rem; color: var(--text-navy); line-height: 140%; }
.why-visit__item .why-visit__desc{font-size: 1rem; color: var(--text-sub2); line-height: 170%;}
.why-visit__item .border{margin-block:var(--space-12); border-color: var(--border01);}

@media (min-width:576px) {
.why-visit__item .why-visit__desc{width: 80%;}
}
@media (min-width:768px) {
.why-visit__inner::after{ background-size: 110%;}
.why-visit__list{grid-template-columns: repeat(2,1fr);}

}
@media (min-width:1080px) {
.why-visit__inner::after{ background-size: contain;}
.why-visit__list {grid-template-columns: repeat(6, 1fr);}
.why-visit__item { grid-column: span 2;}
.why-visit__item:nth-child(4) { grid-column: 2/4;}
.why-visit__item:nth-child(5) { grid-column: 4/6;}
.why-visit__item .why-visit__title{font-size: 1.75rem;}
.why-visit__item .why-visit__desc{font-size: 1.125rem; width: auto;}
.why-visit__item .why-visit__icon .icon{width: 44px; height: 44px;}
}
}

.why-visit:lang(en){
  @media (min-width:1080px) {
  .why-visit__item .why-visit__title{font-size: 1.5rem; }
  }
}

/* 2025 result */
.result-2025{
.result-overview__inner{display: grid; gap: var(--gap-4);padding-bottom: var(--sc-space-y);}
.result-overview .table-wrap.type1 colgroup col:first-of-type{width: 30%;}
.result-overview .video__wrap {position: relative; width: 100%; border-radius: var(--radius-sm); overflow: hidden;}
.result-overview .video__media { aspect-ratio: 3/2;  display: block; width: 100%;height: 100%; object-fit: cover;}
.result-overview .table-wrap.type1 tbody td{line-height: 1.7;}
.result-overview .video__play-btn { position: absolute;top: 50%;left: 50%;z-index: 2;width:48px;height: 48px;border: 0;border-radius: 50%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(8px);color: #fff;cursor: pointer; transform: translate(-50%, -50%); transition:background-color 0.3s,transform 0.3s;}
.result-overview .video__play-btn:hover {background: rgba(0, 0, 0, 0.65); transform: translate(-50%, -50%) scale(1.05);}
.result-overview .video__play-btn:focus-visible { outline: 2px solid #fff; outline-offset: 4px;}
.result-overview .video__play-btn.is-hidden {display: none;}
.result-overview .overview__table-wrap{height: 100%;}
.result-overview .overview__table{height: 100%;}
@media (min-width: 1080px) {
.result-overview__inner{grid-template-columns: repeat(2,1fr);}
}

.highlights__bg{display: grid; gap: clamp(32px,4.4444vw,64px); position: relative;z-index: 1; padding-block: var(--sc-space-y);}
.highlights__bg::after{background:linear-gradient(#163554, #1c324e);content: "";position: absolute;inset: 0;margin-inline: calc(var(--page-padding) * -1);z-index: -1;} 

.highlights__bg > .border{border-color: rgba(255,255,255,.1); max-width: 1200px;     width: 100%; margin: 0 auto;}
.facts .sc__heading .heading__title{color: var(--color-white);}
.facts__list {display: grid;gap: var(--gap-3);margin: 0 auto;}
.facts__item{height: fit-content;}
.facts__item:first-of-type .facts__label {margin-top: 0;}
.facts__content{width: 100%;}
.facts__label { text-transform: uppercase; font-size: 1.125rem; font-weight: 600; color: var(--text-stale);margin-bottom:var(--space-8);}
.facts__label.only-mo{color: var(--color-white); margin-top: var(--space-8);}
.facts__card { display: flex; flex-direction: column; justify-content: space-between; padding: var(--card-pd-5) var(--card-pd-4); height: 100%; box-shadow: var(--shadow01); border-radius: var(--radius-sm); background: var(--color-white);}
.facts__card-icon{display: none; flex-shrink: 0; }
.facts__values{display: grid; grid-template-columns: 1fr auto; align-items: flex-end; }
.facts__value{display: flex; gap: var(--space-8);}
.facts__2025 { display: flex; align-items: flex-end;justify-content: space-between;}
.facts__card-body >  .facts__label{display: none;}
.facts__2025-result { font-size: 2.25rem; line-height: 1;font-weight: 800; color: var(--text-navy)}
.facts__2025 .unit{font-size: 1rem; margin-left: var(--space-4); font-weight: 400; position: relative; top: -2px;}
.facts__border{border-color: var(--border01);}
.facts__badge { padding: var(--space-6) var(--space-12);border-radius: 999px; background: #DDF5E8;font-size: 1rem;font-style: normal;font-weight: 600;color: #1F8A4C;white-space: nowrap;}
.facts__border{margin-block: var(--space-16)}
.facts__2023 {display: flex;align-items: center;gap: var(--space-8); white-space:nowrap;}
.facts__2023 .facts__year { padding-inline: var(--tag-padding-x); height: 28px; border-radius: var(--radius-sm); background: var(--slate-150); font-size: 0.875rem;display: flex; align-items: center;  color: #5B6B88;}
.facts__2023-result{font-size: 1.25rem; font-weight: 600; color: var(--text-sub2);}
.facts__2023-result .unit{font-size: 0.875rem; text-transform: lowercase; font-weight: 400;}
.facts__item.delegations .facts__value{flex-direction: column; gap: var(--space-4)}
.facts__item.delegations .facts__2025-result{position: relative; font-size: 2rem; }
.facts__item.delegations .facts__2025-result::after { content: attr(data-unit);font-size: 0.875rem;font-weight: 400;white-space: nowrap; margin-left: var(--space-4);position: relative;top: -2px;}
.facts__item.delegations .facts__2025-result+.facts__2025-result::before{ content:attr(data-from); font-size: 0.875rem; font-weight: 400; white-space: nowrap; margin-left: var(--space-4);position: relative;top: -2px;

}
@media (min-width: 400px){
.facts__item.delegations .facts__value{flex-direction: row;}
}
@media (min-width: 600px) {
.facts__item{height: 100%;}
.facts__label.only-mo{display: none;}
.facts__card-body > .facts__label{display: block; }
.facts__values{gap: var(--space-12); }
.facts__item.delegations .facts__value{flex-direction: column; gap: 0;}
.facts__label{margin-top: 0; font-size: 1.1875rem;}
.facts__list {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (min-width: 768px) {
.facts__card-icon{display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; background-color: var(--icon-bg-blue); margin-left: auto; border-radius: 999px; }
.facts__card-icon .icon{width: 36px; height: 36px;}
.facts__item:first-of-type .facts__card-icon .icon{background-image: url(../images/facts01.png);}
.facts__item:nth-of-type(2) .facts__card-icon .icon{background-image: url(../images/facts02.png);}
.facts__item:nth-of-type(3) .facts__card-icon .icon{background-image: url(../images/facts03.png);}
.facts__item:nth-of-type(4) .facts__card-icon .icon{background-image: url(../images/facts04.png);}
.facts__item:nth-of-type(5) .facts__card-icon .icon{background-image: url(../images/facts05.png);}
.facts__item:nth-of-type(6) .facts__card-icon .icon{background-image: url(../images/facts06.png);}
.facts__item.delegations .facts__2025-result{flex-direction: column; font-size: 1.75rem;}
.facts__item.delegations .facts__2025-result::after{margin-left: 2px;}
.facts__item.delegations .facts__value{flex-direction: row;}

}

@media (min-width: 1080px) {
.facts__card{padding-top: 24px;}
.facts__list {grid-template-columns: repeat(3, 1fr);}
.facts__2025-result{font-size: 3rem;}
.facts__item.delegations .facts__2025-result{font-size: 2.5rem; position: relative; display: flex; justify-content: flex-end;  gap: 4px;}
.facts__item.delegations .facts__value{gap: 12px;}
.facts__item.delegations .facts__2025-result+.facts__2025-result::before{content: none;}
.facts__item.delegations .facts__2025-result:first-child:after{content: "Delegations from";}
}

/* results */
.results{
.result01{
  --card-bg: #E9F0F9;
  --card-icon: #3F5F86;
  --card-value: #0D47A1;
}
.result02{
  --card-bg: #E8F4EC;
  --card-icon: #378D5D;
  --card-value: #177C49;
}
.result03{
  --card-bg: #EEECF8;
  --card-icon: #5B3BA8;
  --card-value: #5E43A7;
}
.results__list{display: grid; gap: var(--gap-3);}
.results__item{display: flex; padding: var(--card-pd-5) var(--card-pd-4); border-radius: var(--radius-sm); gap: var(--gap-4); align-items: center; background-color: var(--card-bg);}
.results__icon{background-color: var(--color-white); border-radius: 999px;}
.results__icon .icon{width: 36px; height: 36px;}
.results__item:first-of-type .results__icon .icon{background-image: url(../images/result01.png); width: 32px; height: 32px;}
.results__item:nth-of-type(2) .results__icon .icon{background-image: url(../images/result02.png); }
.results__item:nth-of-type(3) .results__icon .icon{background-image: url(../images/result03.png); }
.results__content{display: grid; gap: var(--space-8);}
.results__value{display: flex; align-items: baseline; gap: var(--space-4); font-size: 2.5rem; color: var(--card-value); font-weight: 800; line-height: 1;}
.results__value .unit{font-size: 1.5rem;}
.results__label{line-height: 1; font-size: 1rem; color: var(--text-sub2); text-transform: uppercase;}
.btn__group{flex-direction: column; margin-top:62px;}

@media (min-width: 640px) {
.results__list{grid-template-columns: repeat(3,1fr);}
.results__item{flex-direction: column;}
.results__label{text-align: center; line-height: 1.4;} 
.results__value{justify-content: center; }
.btn__group{flex-direction: row;}
.btn-cover .btn{max-width: 220px;}

}
@media (min-width: 1080px) {
.results__value{font-size: 3.75rem;} 
.results__value .unit{font-size: 1.75rem;}
.results__icon .icon{width: 40px; height: 40px;}
.results__item:first-of-type .results__icon .icon{width: 36px; height: 36px;}
}

}

/* overseas */
.overseas{position: relative;}
.overseas::after { content: ""; position: absolute; top: 5%; left: -16px; right: -16px; height: 315px; background: url("../images/map.webp") no-repeat top; background-size: cover;}
.overseas__inner{padding-block: var(--sc-space-y);}
.overseas__heading{position: relative; z-index: 1;}
.overseas__desc{font-weight: 700 !important;}
.overseas__container {position: relative; z-index: 1; background-color: rgba(255, 255, 255, .85);border-radius: var(--radius-md); box-shadow: var(--shadow01);}
.overseas__list{display: grid; grid-template-columns: repeat(3,1fr);  padding: var(--card-pd-5) 0; row-gap: var(--gap-4) }
.overseas__list-wrap {overflow: hidden; transition: max-height 0.6s ease;}
.overseas__item{display: flex; flex-direction: column; align-items: center; gap: var(--gap-2); padding-block: var(--space-8);}
.overseas__flag { position: relative; width: 56px; height: 56px; border-radius: 50%;  overflow: hidden;}
.overseas__flag::before {content: ""; position: absolute; inset: 0; z-index: 2; border-radius: 50%; pointer-events: none;background: linear-gradient(  180deg,  rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 45%);box-shadow: inset 0 -4px 8px rgba(0,0,0,.2);}
.overseas__country{text-transform: capitalize; text-align: center; color: var(--text-stale); font-size: 0.875rem;}
.overseas__btn{background: transparent; border-radius: 0; color: var(--text-helper); height: 56px; border-top: 1px solid var(--border01);}
.overseas__btn .icon{width: 20px; height: 20px; transition: transform 0.5s ease;}
.overseas__btn.is-open .icon{transform: rotate(-90deg);}
.overseas__item:nth-last-child(2) .overseas__country{text-transform: uppercase;}

@media (min-width: 567px) {
.overseas__list {grid-template-columns: repeat(5,1fr);}
}
@media (min-width: 768px) {
.overseas__list {grid-template-columns: repeat(6,1fr);}
}
@media (min-width: 1080px) {
.overseas::after{inset: 0;  left: -16px; right: -16px;  height: auto;}
.overseas__list {grid-template-columns: repeat(8,1fr); }
.overseas__container{background-color: rgba(255, 255, 255, .65)}
.overseas__flag{width: 64px; height: 64px;}
.overseas__btn{display: none;}
}

.main-visitors {position: relative; z-index: 0;}
.main-visitors::after{background: var(--navy-70); content: ""; position: absolute; inset: 0; margin-inline: calc(var(--page-padding) * -1);z-index: -1;}
.main-visitors__inner{padding-block: var(--sc-space-y); }
.main-visitors__card {display: grid;align-items: center;gap: var(--space-36); border-radius: var(--radius-md);}


.visitor-chart {display: flex;justify-content: center;min-width: 0;}
.visitor-chart__canvas-wrap { position: relative; width: min(80%, 350px);aspect-ratio: 1;display: flex;align-items: center;justify-content: center;}
.visitor-chart__canvas-wrap canvas {width: 100% !important; height: 100% !important;}

.visitor-list { min-width: 0; padding: var(--space-4) var(--card-pd-4); background-color: var(--color-white); border-radius: var(--radius-md);}
.visitor-list__item { display: grid;gap: var(--space-16);padding-block: var(--space-12);border-bottom: 1px solid var(--border01);}
.visitor-list__item:last-child { border-bottom: 0;}
.visitor-list__content { display: flex; align-items: center; min-width: 0;}
.visitor-list__dot { flex: 0 0 auto; width: 10px; height: 10px; margin-right: var(--space-8); border-radius: 50%;}
.visitor-list__details{display: flex; width: 100%; justify-content: space-between;}
.visitor-list__heading { display: flex; align-items: center;flex-wrap: wrap; column-gap: var(--space-6);}
.visitor-list__name { color: var(--text-main); font-size: 0.9375rem;font-weight: 600;}
.visitor-list__count { color: var(--text-sub2); font-size: 0.8125rem; line-height: 1;}
.visitor-list__meta{display: flex; gap: var(--space-6); align-items: center;}
.visitor-list__description { display: block; color: var(--text-sub2); font-size: 0.8125rem; line-height: 1;}
.visitor-list__percent {  font-variant-numeric: tabular-nums; min-width: 60px; color: var(--text-navy); font-size: 1.25rem; font-weight: 800; line-height: 1; text-align: right; display: flex; align-items: center; justify-content: flex-end;}
.visitor-list__unit { margin-left: 2px; font-size: 0.875rem;}




@media (min-width: 768px) {
.main-visitors__card{grid-template-columns: 1fr minmax(0, 380px); box-shadow: var(--shadow01); padding: var(--card-pd-5) var(--card-pd-4); background: var(--color-white);}
.visitor-list{padding: 0;}
.visitor-list__dot{width: 12px; height: 12px;}
.visitor-list__name{font-size: 1rem;}
.visitor-list__count{font-size: 0.875rem;}
.visitor-list__percent{font-size: 1.75rem;}
.visitor-list__item:nth-child(4) .visitor-list__dot{margin-bottom: 14px;}
}


/* global-visitors */
.visitors-group{padding-block: var(--sc-space-y);}
.global-visitors__map-wrap{padding-top: var(--card-pd-5); background: var(--color-white); border-radius: var(--radius-md);}
.global-visitors__legend { padding-left: var(--card-pd-4); display: flex;flex-direction: column;gap: var(--space-8);margin-bottom: var(--space-8); font-size: 0.8125rem;color: var(--text-sub1);}
.global-visitors__legend-item { display: inline-flex; align-items: center; gap: var(--space-6);}
.global-visitors__legend-color { width: 10px; height: 10px; border-radius: 999px; flex-shrink: 0;}
.global-visitors__legend-color--primary {background-color: #185fa5;}
.global-visitors__legend-color--secondary {background-color: #b5d4f4;}
.global-visitors__legend-label { line-height: 1; font-size: 0.8125rem;}

.global-visitors__map{position: relative; width: 100%;}
.global-visitors__tooltip{position: absolute; background-color: var(--color-white); border: 1px solid var(--border05); border-radius: var(--radius-sm); padding: var(--space-4) var(--space-6); font-size: 0.8125rem; pointer-events: none; z-index: 10; }

@media (min-width: 768px) {
.global-visitors__legend-color{width: 12px; height: 12px;}
.global-visitors__legend-label{font-size: 15px;}
}

/* visitor-ranking */

.visitor-ranking { width: 100%;color: var(--color-secondary); font-family: var(--ff-secondary); margin-top: var(--sc-space-y);}
.visitor-ranking__list{display: grid;}
.visitor-ranking__header,
.visitor-ranking__item { display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px;align-items: center;}
.visitor-ranking__header {font-weight: 400; color: var(--text-sub2); min-height: 36px; padding: 0 var(--space-16); border: 1px solid var(--border01); border-radius: var(--radius-sm); background-color: var(--header-bg02); font-size: 0.8125rem; text-transform: uppercase; font-family: var(--ff-primary);}
.visitor-ranking__header span:nth-child(2) {text-align: left;margin-left: 0;}
.visitor-ranking__header span:last-child { text-align: right;}
.visitor-ranking__item { min-height: 60px; padding: 0 var(--space-16); border-bottom: 1px solid var(--border01);font-family: var(--ff-secondary)}
.visitor-ranking__rank { display: inline-flex; align-items: center; justify-content: center; color: var(--slate-600); width: 28px; height: 28px; border-radius: 50%; background-color: var(--navy-70); font-size: 0.875rem; font-weight: 500;}
.visitor-ranking__country {display: flex; align-items: center; gap: var(--space-12);min-width: 0;}
.visitor-ranking__flag { width: 42px; height: 28px; flex-shrink: 0; object-fit: cover;box-shadow: 0 2px 8px rgba(26, 54, 93, 0.1);}
.visitor-ranking__country-name { font-family: var(--ff-primary); overflow: hidden; font-size: 0.9375rem; white-space: nowrap; text-overflow: ellipsis;}
.visitor-ranking__visitors { text-align: right; font-size: 1.5rem; font-weight: 700;color: var(--text-navy);}
.visitor-ranking .sc__heading .heading__title{font-family: var(--ff-primary);}
.visitor-ranking__header--right{display: none;}
@media (min-width: 567px) {
.visitor-ranking__item,.visitor-ranking__header {  grid-template-columns: 120px minmax(0, 1fr) 70px;}
}
@media (min-width: 640px) {
  .visitor-ranking__header--right{display: grid;}
  .visitor-ranking__headers{display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--gap-2);}
  .visitor-ranking__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    column-gap: var(--gap-2);
  }

  .visitor-ranking__item,
  .visitor-ranking__header {
    grid-template-columns: 70px minmax(0, 1fr) 70px;
  }
}


@media (min-width: 1080px) {
.visitor-ranking__header--right{display: none;}
 .visitor-ranking__headers{grid-template-columns: 1fr;}
.visitor-ranking {margin-top: 0;}
.visitors-group__content{display: grid; grid-template-columns: 1fr minmax(0,330px);padding: var(--card-pd-5) var(--card-pd-4); gap: var(--space-16); background-color: var(--color-white); border-radius: var(--radius-md); box-shadow: var(--shadow01);}
.global-visitors__inner, .global-visitors__container, .global-visitors__map-wrap{height: 100%;}
.global-visitors__map-content{height: 100%; display: flex; align-items: center; justify-content: center;}
.global-visitors__map-wrap{padding-top: 0;}
.global-visitors__map{top: -5%;}
.visitor-ranking .sc__heading .heading__title{font-size:1.0625rem;}
.visitor-ranking__heading{margin-bottom: var(--space-12);}
.visitor-ranking__country-name{font-size: 1rem;}
.visitor-ranking__list{display: block; margin-top: var(--space-8);}
.visitor-ranking__item:last-child {border: 0;}
}

/* highlights-2025 */
.highlights-2025 { position: relative; z-index: 0;}
.highlights-2025::after { content: ""; position: absolute; inset: 0; margin-inline: -16px; background-color: #1c324e; z-index: -1;}
.highlights-2025__inner {padding-block: var(--sc-space-y);}
.highlights-2025 .sc__heading .heading__title {color: var(--color-white);}
.highlights-2025__content { margin-right: -16px; overflow-x: auto; overflow-y: hidden;scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
.highlights-2025__content::-webkit-scrollbar {display: none;}
.highlights-2025__list { display: flex; gap: var(--gap-3); width: max-content; margin: 0; padding: 0 16px 0 0; list-style: none;}
.highlights-2025__item { flex: 0 0 clamp(260px, calc(100vw - 48px), 300px); overflow: hidden; border-radius: var(--radius-md); scroll-snap-align: start;}
.highlights-2025__item .img__cover {aspect-ratio: 3 / 2;overflow: hidden;}
.highlights-2025__heading .btn__highlights{background-color: transparent; border: 1px solid var(--slate-800);}
.highlights-2025__heading .btn__highlights .icon {width: 16px;height: 16px;  opacity: 0.8;}

@media (min-width: 480px) {
.highlights-2025__item { flex-basis: calc((100vw - 48px - var(--gap-3)) / 2); }
}

@media (min-width: 768px) {
.highlights-2025__item { flex-basis: calc((100vw - 64px - (var(--gap-3) * 2)) / 3);}
}

@media (min-width: 1080px) {
.highlights-2025__content {  margin-right: 0;  overflow: visible;}
.highlights-2025__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));width: 100%;padding-right: 0;}
.highlights-2025__item {min-width: 0;}
}
}

/* 세미나 */
.seminar{
  .img__cover{height: auto;}
  .img__cover .img{object-fit: contain; height: auto;}
}

/* myPage 마이페이지 */
.mypage{
.sc__header.bg{margin-bottom: 0;}
.sc__heading{padding-top: var(--sc-space-y);}
.mypage__content .btn-cover{gap: var(--gap-2); margin-top: var(--btn-mt); }
.notice-text{margin-bottom: var(--space-8);}

@media (min-width: 768px) {
.mypage__content .btn-cover{ display: inline-flex; justify-content: center;}
.notice-text{text-align: right;}
}
}
.mypage:has(.directory-company) .sc__content { overflow: hidden;}
/* 참가신청 정보 my-booth  */
.my-booth{
  .btn-cover{position: sticky; bottom: 0; padding:  16px 0px 24px; grid-template-columns: 1fr 1fr !important;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px); margin-top: 0 !important;}
}


/* 상단 신청부스 */
.booth-info{display: grid; gap: var(--space-4); margin-bottom: var(--space-16);}
.booth-info__label{font-size: 0.875rem; font-weight: 500; color: var(--text-sub2);}
.booth-info__content{font-size: 1.25rem; font-weight: 700; display: flex; align-items: center;}
.booth-info__tag{margin-left: var(--space-8); background: #fff;}

@media (min-width: 1080px) {
.booth-info__label{font-size: 1rem;}
.booth-info__content{font-size: 1.5rem;}
}

.application-table{
.category__heading{line-height: 1; display: grid; gap: var(--space-8);}
.category__heading > a {font-size: 14px;}
.category__title{color: var(--color-tertiary); font-size: 1.0625rem; line-height: 1.45;}
.category__summary{font-size: 0.875rem; font-weight: 500; font-family: var(--ff-primary); color: var(--text-sub1);}
.category__count{font-weight: 600;}
.category__amount{font-weight: 600;}
.category__trigger{height: 84px;}
.category__item + .category__item{border-top: 1px solid var(--border05);}
.checkbox__label{font-size: 16px; font-weight: 700;}
.category__item{display: grid;}
.category__item:last-child{border-bottom: 1px solid var(--border01);}
@media (min-width: 1080px) {
.category__summary{font-size: 0.9375rem;}
}
}




/* facilities 부대시설관리 */
.facilities{
.facilities__thead{display: none;}
.facility__option{padding: 20px 16px; background-color: var(--color-white);}
.facility__option + .facility__option{border-top: 1px solid var(--border01);}
.facility__option-price{font-size: 0.9375rem; font-weight: 500; display: flex;}
.unit {font-weight: 400; font-size: 0.9375rem; color: var(--text-sub1); margin-right: 4px; position: relative;}
.price {font-weight: 500; font-size: 1.0625rem;}

.facility__option-info{margin-bottom: 16px;}
.facility__option-footer{display: flex; align-items: center; justify-content: space-between;}
.facility__option-name{font-size: 1rem; font-weight: 700; margin-bottom: var(--space-4); }
.facility__option-name font{font-size: 14px !important;}

.facility__option-total > span{font-weight: 500;}
.facility__option-amount{display: flex;}

@media (min-width: 768px) {
  .facilities__content{
    --category: 150px;
    --details: 2fr;
    --price: 100px;
    --qty: 100px;
    --amount: 150px;
  }
.category__accordion{grid-template-columns: 1fr; gap: 0;}
.facility__option{display: grid;  grid-template-columns:1fr calc(var(--qty) + var(--amount));  padding: 0px; min-height: 68px;}
.facility__option-info{margin-bottom: 0; display: grid; grid-template-columns: var(--details) var(--price);}
.facility__option-name{margin-bottom: 0; padding-inline: 8px; display: flex; text-align: center; align-items: center; justify-content: center;}
.facility__option-price{display: flex; align-items: center; justify-content: center; font-size: 1rem;}
.facility__option-total{display: block; text-align: right; padding-right: var(--gap-4)}
.facility__option-footer{display: grid; grid-template-columns: var(--qty) var(--amount);}
.facilities__thead {display: grid; grid-template-columns: var(--category) var(--details) var(--price) var(--qty) var(--amount);}
.facilities__th:last-child{text-align: right; padding-right: var(--gap-4)}
.facility__option-amount{display: block;}
.category__item{display: grid; grid-template-columns: var(--category) 1fr;}
.category__trigger{height: 100%; text-align: center; justify-content: center; cursor: auto; background: var(--header-bg02);}
.category__title{line-height: 1.5; text-align: center; font-size:  1rem;}
.category__summary{display: none;}

.input__field{position: relative; width: fit-content;}
.input{height: 44px;  margin: 0 auto;}
}

@media (min-width: 1080px) {
  .facilities__content{
    --category: 300px;
    --details: 2.5fr;
    --price: 150px;
    --qty: 150px;
    --amount: 150px;
  }
  
  .facilities__thead {
    grid-template-columns:
      var(--category)
      var(--details)
      var(--price)
      var(--qty)
      var(--amount);
  }
.facility__option { grid-template-columns:1fr calc(var(--qty) + var(--amount)); }
.facility__option-info {grid-template-columns: var(--details) var(--price);}
.facility__option-footer { grid-template-columns: var(--qty) var(--amount);}
}
}

/* checklist 체크리스트 */
.checklist{
.apply{
--btn-bg: #EA6F39;
--number: #D97706;
}
.completed{
--btn-bg: #7A7A7A;
--number: #177C49;
}
.option{
--number: #4a4a4a;
}
.checklist__header{margin-bottom: var(--space-24);}
.checklist__header .desc{color: var(--text-sub1);}

/* 상단 */
.checklist-summary { display: grid; gap: var(--gap-4); padding-bottom: var(--sc-space-y);}
.checklist-summary__card { padding: var(--card-pd-5) var(--card-pd-4) var(--card-pd-4); background: var(--color-white);border-radius: var(--radius-md); box-shadow:var(--shadow01)}
.checklist-summary__heading { display: flex;flex-direction: column;gap: var(--space-4);}
.checklist-summary__heading span{color: var(--text-sub1); font-weight: 600; font-size: 0.875rem;}
.checklist-summary__heading strong { line-height: 1.4; font-size: 1.375rem;font-weight: 700;}
.checklist-summary__title { font-size: 1.125rem;font-weight: 700; margin-bottom: var(--space-24); color: var(--text-sub1);}
.checklist-summary__notice { display: flex; align-items: flex-start; gap: var(--space-8); margin-top: var(--space-16); padding: var(--space-16); background: var(--navy-70); border-radius: var(--radius-sm);}
.checklist-summary__notice > p { margin: 0; color: var(--text-sub1);font-size: 0.9375rem; }
.checklist-summary__status-list {display: grid; grid-template-columns: repeat(3, 1fr);}
.checklist-summary__status { position: relative; display: flex; flex-direction: column; align-items: center; gap: var(--space-12); padding-inline: var(--space-8);text-align: center;}
.checklist-summary__status + .checklist-summary__status::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: var(--border01);}
.checklist-summary__status-count { color: var(--number); font-size: 2.25rem;font-weight: 800;line-height: 1;}
.checklist-summary__status-label { color: var(--text-sub2); font-size: 1rem; font-weight: 500;white-space: nowrap;}

/* 테이블 */
.checklist__thead{display: none;}
.checklist-card {padding: var(--card-pd-5) var(--card-pd-4);border-radius: var(--radius-md);background: #fff;box-shadow: var(--shadow01)}
.checklist-card + .checklist-card {margin-top: var(--space-8)}
.checklist-card__body{display: flex; flex-direction: column; height: 100%;}
.checklist-card__title-wrap {display: flex;align-items: center;gap: var(--space-8);}
.checklist-card__title { font-size: 1rem; font-weight: 700;}
.checklist-card__desc { margin: 8px 0 16px; color: var(--text-sub1);font-size: 0.9375rem; font-weight: 500;}

.checklist-card__footer { display: flex;align-items: center;justify-content: space-between; margin-top: auto;}
.checklist-card__date {display: flex; align-items: center; gap: var(--space-8);font-size: 0.9375rem;font-weight: 600;}
.checklist-card__date > span{color: var(--text-sub2); font-weight: 500;}
.checklist-card__date > strong {font-weight: 600;}
.checklist-card__btn {min-height: 36px;background-color: var(--btn-bg);}
.checklist__table .border{margin-block: var(--space-8);}

@media (min-width: 768px){
.checklist-summary{grid-template-columns: repeat(2,1fr);}
.checklist-summary__card{display: flex; flex-direction: column; justify-content: space-evenly;}
.checklist__tbody{display: grid; grid-template-columns: repeat(2, 1fr);gap: var(--gap-4);}
.checklist-card + .checklist-card{margin-top: 0;}
}
@media (min-width: 1080px) {
.checklist-summary__card{padding-top: 32px; padding-bottom: 28px;}
.checklist__table{
--fit: 100px;
--set: 200px;
--fot: 160px;
--lat:160px;
}

.checklist__thead {display: grid; grid-template-columns: var(--fit) var(--set) 1fr var(--fot) var(--lat); align-items: center;min-height: 68px;background: var(--header-bg01);border-top: 2px solid #c7d6ea;}
.checklist__th {font-size: 0.9375rem; font-weight: 600;text-align: center;}
.checklist__header{margin-bottom: var(--space-8);}
.checklist__header .border{display: none;}
.checklist-summary__title { font-size: 1.25rem;}
.checklist__tbody{grid-template-columns: auto; gap: 0;}
.checklist-card{padding: 0; text-align: center; border-radius: 0;}
.checklist-card__body{display: grid; grid-template-columns: calc(var(--fit) + var(--set)) 1fr calc(var(--fot) + var(--lat)); min-height: 68px;}
.checklist-card__desc{margin: 0; display: flex; text-align: left; align-items: center; font-size: 1rem; padding-inline: 16px;}
.checklist-card__btn{min-height: 40px;}
.checklist-card__badge{width: var(--fit); display: flex; align-items: center; justify-content: center;}
.checklist-card__title{width: var(--set);}
.checklist-card__date{width: var(--fot);}
.checklist-card__btn-cover{width: var(--lat);}
.checklist-card__title-wrap{gap: 0;}
.checklist-card__footer{justify-content: center; margin-top: 0;}
.checklist-card__date{justify-content: center;}
}
}

html :lang(en) {
@media (min-width: 1080px) {
.checklist__table{
--fit: 150px;
--set: 250px;
--fot: 160px;
--lat:160px;
}
}

}

/* furniture 가구신청 */
.furniture{
.furniture__content{margin-top: var(--space-24);}
.order-summary__title{margin-bottom: var(--space-6);}
.order-summary__total{align-items: baseline;}
.order-summary__total-label{position: relative; top: -2px; }

@media (min-width:768px){
.furniture__content .quantity__value{width: 60px; }
.quantity .input__field{position: relative;}
.furniture__content .order-summary .notice-text{text-align: left;}

}
@media (min-width:1080px){
.btn-cover .btn:last-child{display: none;}
.quantity .input__field::after{content:"개"; display: inline-block; position: absolute; right: -10px; top: 50%; transform: translate(50%,-50%);}
}
}

html:lang(en) .furniture{
@media (min-width:1080px){
.quantity .input__field::after{content:"pcs"; right: -20px;}
}
}

/* 하단 총 금액 고정 */

.summary-total{margin-top: var(--space-24); position: sticky; bottom: 16px;  background-color: var(--header-bg01); padding: var(--card-pd-4); border-radius: var(--radius-md); border: 1px solid var(--border04);}
.summary-total__actions{display: flex; justify-content: space-between; align-items: baseline;}
.summary-total__label{font-size: 1rem;  color: var(--text-main); display: block; }
.summary-total__price{display: grid; }
.summary-total__usd{color: var(--text-navy); font-size: 1.75rem; text-align: right;}
.summary-total__usd .summary-total__amount{font-size: 1.25rem; font-weight: 700; line-height: 1;}
.summary-total__usd .summary-total__unit{position: relative; top: -1px; font-size: 1rem; font-weight: 500;}
.summary-total__krw{text-align: right; color: var(--text-main); font-weight: 800;}
.summary-total__krw .summary-total__amount{ font-size: 1.75rem; line-height: 1; position: relative;top: 2px;}
.summary-total__krw .summary-total__unit {font-size: 1.25rem; position: relative; top: 1px;}
.summary-total__footer {display: none;}
.product-cards__section{gap: var(--gap-6); display: grid; }




@media (min-width:480px){
.summary-total__krw{text-align: left;}
.summary-total__actions { gap: var(--gap-3);align-items: baseline;}
}

@media (min-width:768px){
.summary-total__actions {align-items: center;}
.summary-total{display: flex; justify-content: space-between; left: auto;margin-left: auto; width: fit-content; padding-block: 0; height: 100px; gap: 24px; white-space: nowrap;}
.summary-total__label{margin-bottom: 0; position: relative; top: -14px;}

.summary-total__label, .summary-total__unit{font-size: 1rem;}
.summary-total__amount{font-size: 2.5rem;}
.summary-total__footer {display: flex; align-items: center; justify-content: center;}
.only-mo{display: none;}
}

@media (min-width:1080px){.product-cards__section{ gap: 24px;}}

html:lang(en) .summary-total{
.summary-total__usd .summary-total__unit{font-size: 1.5rem;position: relative; top: 1px; font-weight: 800;}
.summary-total__usd .summary-total__amount{font-size: 2rem;line-height: 1;position: relative;top: 2px; font-weight: 800;}

@media (min-width:768px){.summary-total__label{top: 0;}}
}


/* sponsorship 스폰서쉽 */
.sponsorship{
.sponsorship__table{
--fit: 200px;
--set: 1fr;
--fot: 100px;
--lat: 150px;
}
.sponsorship__option{display: flex;  background: var(--color-white); padding: var(--card-pd-5) var(--card-pd-4);}
.sponsorship__price{text-align: right;}
.sponsorship__price > span{font-weight: 500;}
.sponsorship__soldout{order: -1;}
.checkbox__label{color: var(--text-main); font-weight: 600; padding-inline: 8px;}
.sponsorship__option + .sponsorship__option {border-top: 1px solid var(--border01);}
.checkbox__control-right, .sponsorship__thead{display: none;}
.sponsorship__price{margin-left: auto;}
.checkbox__control-left{margin-right: 8px;}
.sponsorship__option.is-disabled { opacity: .5; pointer-events: none; }

@media (min-width:768px){
.sponsorship__soldout{order: 0;}
.sponsorship__thead{display: grid; grid-template-columns: var(--fit) 1fr var(--fot) var(--lat) ;}
.category__accordion{ grid-template-columns: 1fr; gap: 0;}
.category__item{grid-template-columns: var(--fit) 2fr;}
.category__trigger{height: 100%; padding-block: 20px; display: flex; background: var(--header-bg02); justify-content: center; text-align: center;}
.sponsorship__option{display: grid; padding: 0px; padding-block: 20px; min-height: 68px; align-items: center; cursor: pointer; grid-template-columns: 1fr var(--fot) var(--lat);}
.sponsorship__list {display: flex;flex-direction: column; height: 100%;}
.sponsorship__option {flex: 1;}
.checkbox__input:checked ~ .checkbox__control-left,
.checkbox__input:checked ~ .checkbox__control-right { background: var(--color-primary); border-color: var(--color-primary);}
.checkbox__input:checked ~ .checkbox__control-left::after,
.checkbox__input:checked ~ .checkbox__control-right::after {content: ""; position: absolute; top: 50%;left: 50%; width: 10px; height: 8px;background-image: url(../images/icon/check.svg); background-repeat: no-repeat; background-position: center;background-size: contain; transform: translate(-50%, -50%); filter: brightness(0) saturate(100%) invert(83%);}
.checkbox__control-left{display: none;}
.checkbox__control-right{display: inline-block;}
.checkbox__control{ justify-self: center;}
.checkbox__label{display: flex;align-items: center;justify-content: center; text-align: center;}
.sponsorship__price{display: flex; align-items: center;justify-content: flex-end; font-size: 1.0625rem;}
.table-block__th:nth-child(3){text-align: right;}
}
@media (min-width:1080px){
.sponsorship__table{
--fit: 300px;
--set: 1fr;
--fot: 200px;
--lat: 200px;
}
}
}

/* 참가업체 공지사항 exhibitor-notice */
.exhibitor-notice__inner, .exhibitor-notice-view__inner{padding-top: 0;}

/* 상호간판 및 로고 신청 signboard */
.signboard{
.card__header{margin-bottom: var(--space-24);}

.signboard__desc{ margin-bottom: var(--space-12); color: var(--text-sub1);}
.signboard__desc:has(+ .signboard__desc) { margin-bottom: var(--space-2);}
.signboard__desc .f-semibold {color: var(--text-navy);}


.card__preview {display: flex;flex-direction: column;height: 100%;}
.card__preview-text{margin-bottom: var(--space-6); font-weight: 500;}
.signboard__content .card__preview {margin-bottom: var(--space-20);}
.signboard__content .card__preview-content{ flex: 1; display: flex; flex-direction: column; border-radius: var(--radius-md); align-items: center;justify-content: center;}
.signboard__content .card__preview-content .img__cover{width: auto; height: auto; }

.signboard-size { display: flex; align-items: center; gap: var(--space-6); color: var(--text-sub2); font-size: 14px; width: 100%;margin-top: var(--space-6);}
.signboard-size::before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #e89b00; position: relative;top: -2px; right: -3px;}
.signboard__view{ min-height: 36px;}

.logo-example { width: 100%; flex: 1; padding: var(--card-pd-5) var(--card-pd-4) var(--card-pd-6); border: 1px solid var(--border01); border-radius: var(--radius-md); background: var(--color-white);}
.logo-example__eyebrow {margin: 0 0 var(--space-8); color: var(--text-sub1); font-size: 0.9375rem; font-weight: 500;}
.logo-example__group {padding-bottom: var(--space-20);}
.logo-example__group + .logo-example__group { padding-top: var(--space-20);border-top: 1px solid var(--border01);}
.logo-example__group:last-child {padding-bottom: 0;}
.logo-example__heading { display: flex;align-items: center; gap: var(--space-8); margin-bottom: var(--space-12);}
.logo-example__title {color: var(--text-main);font-size: 0.9375rem;font-weight: 600; line-height: 1.1;}
.logo-example__items { display: grid; grid-template-columns: repeat(2, 1fr);gap: var(--gap-2);}
.logo-example__item { min-width: 0; margin: 0;}
.logo-example__item img { display: block; width: 100%;height: auto;object-fit: contain;}
.input__file-group{ display: grid; gap: var(--space-6);}
.input__file .input__label{ margin: 0 0 var(--space-6);display: inline-block;}
.logo-app .input-help{margin-bottom: var(--space-16); display: inline-block;}
.signboard__add{width: fit-content; margin: 0 auto;}

.signboard__order{margin-top: var(--space-50);}
.signboard__order .order-summary__title{margin-bottom: var(--space-6);}
.signboard__order .order-summary__item{grid-template-columns: repeat(2,1fr);}
.signboard__order .order-summary__groups{margin-top: var(--space-16);}
.signboard__order .notice-text{margin-bottom: var(--space-16);}
.file-upload__delete{margin-left: 0;}
/* .order-summary__button.only-mo{margin-top: 0;}
.order-summary__button.only-pc{display: none;} */

@media (min-width:480px){
.order-summary__total{ justify-content: space-between; align-items: flex-start;}
}

@media (min-width:580px){
.card__body{display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-4);}
.signboard__content .card__preview-content {border: 1px solid var(--border01); padding: var(--card-pd-5) var(--card-pd-4);}
.signboard__content .card__preview{margin-bottom: 0;}

}

@media (min-width:768px){
.signboard__content .card__preview-content .img__cover{max-width: 400px;}
.notice-text{text-align: left;}
.order-summary__groups{grid-template-columns: auto;}
/* .order-summary__button.only-pc{display: flex;}
.order-summary__footer .order-summary__button.only-mo{display: none;} */
}

@media (min-width:1080px){
.card__body{display: grid; grid-template-columns: repeat(2,1fr);}
.signboard__view{min-height: 44px;}
.form__fields{padding-bottom: 0;}
.order-summary__body{max-width: none; }
.logo__app{ display: flex; flex-direction: column; justify-content: space-between;}
}

}



/* 출입증 신청 badge-application */
.badge-application{
.badge-app-list .card__header{display: flex; gap: var(--space-12);}
.status-summary{display: grid; gap: var(--gap-3);}
.contact-item__no{display: none;}
.contact-item__name::before{content: none;}
.contact-item__name-wrap, .contact-item__company-wrap, .contact-item__position-wrap{display: flex; flex-direction: column; margin-bottom: var(--space-4); width: 100%;}
.contact-item__name { grid-column: 1 / -1; padding-right: 60px;}
.contact-item__menu { position: absolute; top: 20px;right: 16px;}
.contact-item__position,
.contact-item__company,
.contact-item__email,
.contact-item__phone { grid-column: 1 / -1;}
.contact-item .value-sub{font-size: 0.875rem; color: var(--text-sub2);}
.table-list td{align-items: baseline;}
.contact-item__value:not(:read-only) { margin-bottom: var(--space-6);}

 @media (min-width: 768px) {
.badge-total > span{font-size: 1.5rem;}
.contact-item__no{display: table-cell;}
.col-no, .col-menu{width: 80px;}
.table-list th, .table-list td{text-align: left;}
.badge-app__info .card__header{margin-bottom: 0;}
.badge-app__info .card__desc{margin-bottom: 0;}
.status-summary{display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-3);}
.status-summary__inner{width: 100%;}
.contact-item__name { grid-column: 1 ; padding-right: 12px;}
.contact-item__menu { position: relative;  top: auto; right: auto;}
}
}


/* 초청장 신청 invitation */
.invitation{
.invitation-message .input__message{min-height: fit-content;}
.invitation-info .border{margin-block: var(--gap-6);}
.invitation__form{display: grid; gap: var(--gap-3);}
.list-table__no { display: none;}
.invitation__content{display: grid; gap: var(--gap-3);}
.invitation__recipients .list-table__name,
.invitation__recipients .list-table__company {grid-column: 1 / 4;}
.invitation__recipients .table-actions{display: flex; align-items: center; justify-content: space-between;}
.invitation__recipients .recipients__actions{margin-bottom: var(--space-8); display: flex; flex-direction: column; gap: var(--space-24);}
.invitation__recipients .desc {margin-top: var(--space-24); }
.invitation__recipients .recipients__send .icon{background-image: url("../images/icon/plane-white.svg"); width: 20px; height: 20px;}

.invitation__history .list-table__name,
.invitation__history .list-table__sending,
.invitation__history .list-table__company,
.invitation__history .list-table__sending,
.invitation__history .list-table__sent,
.invitation__history .list-table__usage,
.invitation__history .list-table__used,
.invitation__history .list-table__menu  {grid-column: 1 / 4;}
.invitation__history .alert-banner{margin-bottom: var(--space-16);}
.invitation__pill-tabs{padding-block: var(--space-20);}
.invitation__delete-group{  display: flex; align-items: center; gap: var(--space-8);}


@media (min-width: 768px) {

.invitation-info .card__register .card__header{margin-bottom: 0;}
.invitation-info .card__register .card__desc{margin-bottom: 0;}
.list-table__no{display: table-cell;}
.list-table__item { display: table-row; background-color: #fff; }
.col-check, .col-no, .col-menu{width: 100px;}
.invitation__form{grid-template-columns: 1fr 1fr; }
.invitation__pill-tabs{border-bottom: 0;}
.input-ghost:read-only{text-align: center;}

.invitation-info__content .card__register{ flex-direction: column; align-items: flex-start;}

.invitation__recipients .recipients__actions{flex-direction: row-reverse; justify-content: space-between;}
.invitation__recipients .table-actions .checkbox{display: none;}
.invitation__recipients .recipients__actions .border{display: none;}
 
.invitation__history-table .col-sending, .invitation__history-table .col-usage{width: 120px;}

}

}

.invitation:lang(en){
.invitation-message__content .card__body{position: relative;}
.invitation-message__img{border: 8px solid var(--color-secondary); border-radius: var(--radius-md);}
.invitation-message__zoom{cursor: pointer; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(0,0,0,0.65); border: none; position: absolute; right: var(--space-20); bottom: var(--space-20); display: flex; align-items: center; justify-content: center;}
.invitation-message__zoom .icon{background-image: url("../images/icon/zoom.svg");}

@media (min-width: 1080px) {
  .invitation-message__img{border: 10px solid var(--color-secondary); border-radius: var(--radius-xl);}
}
}

@media (min-width: 768px) {
.modal.invitation-modal .modal__inner {
  min-width: 0 !important;
  max-width: 580px !important;
  position: relative;
}
.modal.invitation-modal .modal__header{ position: absolute; top: 0; width: 100%; z-index: 50;}
.modal.invitation-modal .modal__header .icon{width: 28px; height: 28px;}
}





/* directory 디렉토리 */

.directory{
.directory__container{display: grid; gap: var(--gap-3);}
.directory__info, .directory__detail, .directory__related-company{background-color: var(--color-white); padding: var(--card-pd-5) var(--card-pd-4); border-radius: var(--radius-md); box-shadow: var(--shadow01);}
.directory__img{object-fit: contain;}
.directory__company .directory-info .directory-info__item{grid-template-columns: 120px 1fr;}
.directory__detail{display: grid; gap: var(--space-24);}
.directory__overview{display: grid;gap: var(--space-24); position: relative;}
.directory__visual { background: var(--color-white);border: 1px solid var(--border01); border-radius: var(--radius-sm); }
.directory__company .directory-info{gap: var(--space-12);}
.directory__company-head-row {display: flex; position: relative; align-items: center; justify-content: space-between; gap: var(--space-12);}
.directory__company-head {max-width: calc(100% - 50px); margin-bottom: var(--space-20);}
.directory__bookmark {position: absolute; right: var(--space-16); top: var(--space-16);  flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; background-color: transparent; padding: 0; cursor: pointer; transition: border-color 0.2s, background-color 0.2s; margin-bottom: 40px;}
.directory__bookmark .icon { width: 36px; height: 36px;}
.directory__company .directory__name { line-height: 1.3; color: var(--text-navy);  font-size: 1.75rem;font-weight: 800; margin-bottom: var(--space-8);}
.directory__company .directory-info__item::after{content: none;}
.directory__company .directory__name-en { margin: 2px 0 0; color: var(--text-sub2);font-size: 1.125rem;}
.directory__company .input__field-homepage .group{display: flex; justify-content: flex-start;}
.directory-info {display: flex; flex-direction: column;gap: var(--space-24);}
.directory-info__item { display: grid; gap: var(--space-12); align-items: center;}
.directory-info__title { display: flex; flex-shrink: 0; align-items: center; gap: var(--space-8); color: var(--text-main); font-weight: 600;}
.directory-info__icon { display: flex; width: 32px; height: 32px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 50%;background: var(--icon-bg-blue);}
.directory-info__value { min-width: 0; margin: 0;  color: var(--text-main);}
.directory-info__item-homepage .directory-info__value a{text-decoration: underline; color: var(--text-main);}
.directory-info__section { padding-top: var(--space-24); border-top: 1px solid var(--border01);}

.directory-section{padding-top: var(--space-24); min-width: 0; border-top: 1px solid var(--border01);}
.directory-section__head{   margin-bottom: var(--space-16);}
.directory-section__title { margin: 0 0 var(--space-12); font-size: 1.125rem; font-weight: 700;}
.directory-section__text {font-size: 1rem; line-height: 1.7; white-space: pre-line;}
.directory-section__text-en{margin-top: var(--space-8); line-height: 1.6; font-size: 0.9375rem; color: var(--text-sub1);}
.directory-section__desc{color: var(--text-sub2); font-size: 0.875rem; }
.directory-section:has(.directory-section__desc) .directory-section__title {margin-bottom: var(--space-8);}


.directory-category { display: grid; gap: var(--space-20);}
.directory-category__title { margin: 0 0 var(--space-8); color: var(--text-navy); font-weight: 700;}
.directory-category__list { display: flex; flex-wrap: wrap; gap: var(--space-6);}
.directory-category__tag {border: none;}
.directory__category-link .directory-category{display: flex; flex-wrap: wrap;  gap: var(--space-4); row-gap: var(--space-6);}

.directory-product { display: grid; gap: var(--space-8);}
.directory-product li{cursor: pointer;}
.directory-product__item { display: flex; overflow: hidden; border: 1px solid var(--border01); border-radius: var(--radius-sm);background: var(--color-white);}
.directory-product__image { width: 35%;  aspect-ratio: 1/1;flex-shrink: 0; background: var(--color-white); border-right: 1px solid var(--border01);}
.directory-product__image .img{object-fit: contain;}
.directory-product__content {padding: var(--space-16);}

.directory-product__title { margin: 0 0 var(--space-8); display: flex; flex-direction: column;  }
.directory-product__title > span{ line-height: 1.4; overflow: hidden;text-overflow: ellipsis;}
.directory-product__title-en{font-size: 0.8125rem; font-weight: 500; color: var(--text-sub2);}
.directory-product__text {font-size: 0.8125rem; line-height: 1.5; color: var(--text-sub1); word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box;}

/* directory-info */
.directory__info .directory-section__title{margin-bottom: 0;}
.directory-info__country{border-top: none; padding-top: 0;}
.directory-info__title { display: flex; align-items: center; gap: var(--space-8);}
.directory-info__brosure .directory-info__title{ margin-bottom: var(--space-12);}
.directory-info__file-list { display: flex; flex-direction: column; gap: var(--space-8); margin-bottom: 0;}
.directory-info__file-list > li {  min-width: 0;}
.directory-file {display: flex; min-width: 0; align-items: center; gap: var(--space-12); padding: var(--space-16) var(--space-12); border: 1px solid var(--border01); border-radius: var(--radius-sm);color: inherit; text-decoration: none;}
.directory-file__content { display: flex; min-width: 0;flex: 1;flex-direction: column;}
.directory-file__icon{background-image: url("../images/pdf.png"); width: 32px; height: 40px; background-size: contain; background-repeat: no-repeat;}
.directory-file__name {display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: var(--text-main); font-size: 0.9375rem; font-weight: 500;text-overflow: ellipsis;}
.directory-file__meta { color: var(--text-sub2); font-size: 0.8125rem; line-height: 1.3;}
.directory-file__button{width: 36px; height: 36px; min-width: fit-content; padding-inline: 0;}
.directory-file__button-icon{width: 20px; height: 20px;}
.directory-file__button-text { display: none;}
.directory-info__value .directory-info__text-en{ margin-top: var(--space-12); line-height: 1.5; font-size: 0.9375rem; color: var(--text-sub1);}
.btn-cover{margin-top: var(--btn-mt);}

/* directory__related-company */
.directory__related-company{margin-top: var(--gap-3);}
.directory__related-company .category__trigger{background: transparent;}
.directory__related-company .directory__company-head{margin-bottom: 0;}

.directory__related-company .category__panel {padding-top: 0;}
.directory__related-company .directory-info__item-homepage{border-top: none; padding-top: 0;}
.directory__related-company .directory-company__name { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-12); min-width: 0; flex: 1;}
.directory-company__title-group{display: grid; gap: var(--space-8);}
.directory__related-company .directory-company__title { display: block; width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1rem; line-height: 1;}
.directory__related-company .directory-company__title-en{font-size: 0.8125rem; color: var(--text-sub2); font-weight: 500;}
.directory__related-company .directory-company__trigger .category__trigger{height: 100px;}
.directory__related-company .directory__company .directory__name{font-size: 1.375rem; margin-bottom: var(--space-6);}

@media (min-width: 480px) {
.directory-product{grid-template-columns: repeat(3,1fr);}
.directory-product__item{flex-direction: column;}
.directory-product__image{width: 100%; border-right: 0; border-bottom: 1px solid var(--border01);}

}
@media (min-width: 580px) {

.directory__visual {width: 50%; }
.directory__bookmark{top: 0; right: 0;}
.directory__company{display: flex; flex-direction: column; justify-content: center; align-self: stretch; height: 100%; }
.directory-product{grid-template-columns: repeat(3,1fr);}
}
@media (min-width: 768px) {
.directory__overview{  grid-template-columns: 280px minmax(0, 1fr);}
.directory__visual{width: 100%;  align-self: start;}
.directory__container{ background-color: transparent; padding: 0; box-shadow: none;}
.directory-product{  grid-template-columns: repeat(4, minmax(0, 1fr));}
.directory-info__file-list{display: grid; grid-template-columns: repeat(3,1fr)}
.directory-info__file-list{margin-bottom: 0;}
.directory-product__title > span{white-space: nowrap;}


@media (min-width: 1080px) {
.directory__bookmark{top: 20px; right: 16px;}
.directory__container{grid-template-columns: minmax(0, 2fr) minmax(0, 380px);}
.directory-info__address .input__control.half{width: 100%;}
.directory-info__file-list{grid-template-columns: auto;}
.directory-info__section{grid-template-columns: 1fr;}
.directory-info__company .directory-info__value{text-align: left;}
.directory-info__company .icon-office-navy{width: 23px; height: 23px; position: relative; left: -1px; top: -0.5px;}
.directory-info__icon{width: 36px; height: 36px;}
.directory-info__sns{flex-direction: column; align-items: start;}
.directory__overview, .directory-category{padding: 20px 16px; border: 1px solid var(--border01); border-radius: var(--radius-md);}
.directory-section{border-top: 0; padding-top: 48px;}
.directory__detail{gap: 0px;}
.directory-info__country .directory-info__value{text-align: left;}
.directory__info .directory-section__title{display: none;}
.directory-section__title{font-size: 1.25rem;}
.directory__info .directory-info__value{text-align: left;}
.directory__company .directory__name{font-size: 1.75rem;}
.directory__related-company .directory__detail{padding: var(--card-pd-5) var(--card-pd-4); border: 1px solid var(--border01); border-radius: var(--radius-md);}
.directory__related-company .directory__overview{padding: 0; border: none; grid-template-columns: 120px minmax(0, 1fr);}

.directory-file__button-icon {display: none;}
.directory-file__button-text {display: block; padding-inline: 12px;}
.directory__related-company .directory-company__name{flex-direction: row;}
.directory__related-company .directory-company__trigger .category__trigger{height: 80px;}
.directory__related-company .directory-company__title{font-size: 1.125rem;}
.directory__related-company .directory-company__title-en{font-size: 0.875rem;}
.directory__related-company .badge__group{position: relative; top: -2px;}
.directory-product__text{ font-size: 0.875rem;}
}
}
}

/* 제품 상세 모달 */
.product-detail-modal{
.modal__dialog, .product-detail__swiper { min-width: 0; max-width: 100%;}
.product-detail-modal__body{max-height: 90vh;}
.product-detail__img{aspect-ratio: 1/1; background: var(--color-white); border: 1px solid var(--border01);}
.product-detail__img .img{object-fit: contain;}
.product-detail__swiper { position: relative; width: 100%;   min-width: 0;}
.product-detail__prev,
.product-detail__next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.3);border: none;}
.product-detail__prev { left: var(--space-8);}
.product-detail__next { right: var(--space-8);}
.product-detail__prev::after,
.product-detail__next::after { font-size: 1rem; color: #fff;}
.product-detail__pagination {position: static; margin-top: var(--space-8);}
.swiper-pagination-bullet-active{background: var(--color-secondary);}

.product-detail__content { margin-top: var(--space-16);}
.product-detail__title-en {font-size: 0.875rem; margin-top: var(--space-4); color: var(--text-sub1); font-weight: 500;}
.product-detail__desc { line-height: 1.6;color: var(--text-sub1); white-space: pre-line;}
.product-detail__desc-en{font-size: 0.875rem; margin-top: var(--space-8);}
.product-detail-modal__inner{ max-width: 480px !important;}

@media (min-width: 768px) {
.product-detail-modal__inner{min-width: 480px !important; }
}
}


/* add-directory 디렉토리 등록  */

.add-directory{
.add-directory__notice .btn{margin-bottom: var(--space-8);}
.directory__logo{display: grid; gap: var(--space-16);align-content: start; }
.directory__logo .image-upload__label{aspect-ratio: 3/2;}
.category{border: 1px solid var(--border01); border-radius: var(--radius-md);}
.category__trigger{background: transparent; font-size: 1rem;}
.category__sub{display: flex; flex-wrap: wrap; gap: var(--space-6);}
.directory-product__add {margin-top: var(--space-8);}
.directory-product__item{border: 1px solid var(--border01); border-radius: var(--radius-md); padding: var(--card-pd-4) var(--card-pd-4) var(--card-pd-5); display: grid; gap: var(--space-12);}
.directory-product__header{display: flex; align-items: center; justify-content: space-between; gap: var(--space-8);}
.directory-product__remove.btn-subtle{border-color: var(--error-border); background: var(--error-bg); color: var(--error-text);}
.directory-company__remove.btn-subtle{border-color: var(--error-border); background: var(--error-bg); color: var(--error-text);}
.directory-info__item{grid-template-columns: auto;}
.directory-info__value{text-align: left;}

.directory-info__brosure .btn__group{margin-top: var(--space-24);}
.directory-info__sns{flex-direction: column; align-items: start;}
.directory-info__sns-list{display: flex; gap: var(--space-6); flex-direction: column;}
.directory-info__sns .social__item{display: flex; gap: var(--space-16); align-items: center;}
.sc__heading{gap: var(--gap-4);}

@media (min-width: 580px){
.directory__overview{  grid-template-columns: 280px minmax(0, 1fr);}
}
@media (min-width: 768px) {
.add-directory__notice{display: flex; justify-content: space-between;align-items: flex-end;}
.directory__product .directory-section__head{display: flex; justify-content: space-between; align-items: flex-end;}
.directory__product .directory-section__head .directory-product__add {margin: 0; }
}

@media (min-width: 1080px) {
.directory__logo { display: flex; flex-direction: column; gap: var(--space-12); height: 100%;}
.image-upload { flex: 1; min-height: 0;}
.image-upload__label {height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; }
.category__trigger{font-size: 1.0625rem;}
.category__panel{padding-top: 0 !important;}

}
}

/* directory-company 디렉토리 관련 회사 등록 */
.directory-company{
  
.card__group{position: relative;}
.category__header{flex-direction: column;}
.directory__detail{padding: 0; box-shadow: none;}
.directory__info{box-shadow: none; border: 1px solid var(--border01);}
.directory__container{padding: 0 0 var(--card-pd-5);}
.directory-company__trigger .category__trigger{ padding: 0 var(--card-pd-4);}
.directory-company__trigger + .category__panel{ padding-inline: var(--card-pd-4); padding-bottom: var(--card-pd-4);;}
.directory-company__btn {display: flex; align-items: center; justify-content: center;}
.directory-info__country{ padding-top: var(--space-24); border-top: 1px solid var(--border01);}
.directory-info__homepage{border-top: none; padding-top: 0;}
.directory-company__add{position: absolute; right: var(--card-pd-4); top: var(--space-20);}
.directory-company__item.category__item{border: 1px solid #E5E7EB; border-radius: var(--radius-md);}
.directory-company__item.category__item + .directory-company__item.category__item{margin-top: var(--space-8);}
.directory-company__trigger .category__trigger{height: 56px;}
.directory-company__name{  display: flex;align-items: center;gap: var(--space-4);min-width: 0;max-width: 85%;}
.directory-company__title{  min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.directory-company__trigger{ display: flex; align-items: center; gap: var(--space-8); padding-right: var(--card-pd-4);}
.directory-company__trigger > .category__trigger{ width: auto; flex: 1; min-width: 0;}
.directory-company__remove{ flex-shrink: 0;}

@media (min-width: 768px) {
.directory-company__trigger .category__trigger{height: 72px;}
.category__header{flex-direction: row;}
}
}

/* directory-list */
.directory-list{
.pill-tabs{background: transparent;}
.filter__search{padding: var(--space-20) var(--space-16) var(--space-16); border-bottom: 1px solid var(--border01);}
.filter-tags{margin-top: var(--space-20);}
.filter-tags > .badge {cursor: pointer;}
.directory-list__body {display: grid;grid-template-columns: 1fr;}
.filter + .filter__footer{display: none;}

/* 디렉토리 목록 카드 */
.directory-list__result{margin-top: var(--space-36);}
.directory-list__cards{margin-top: var(--space-16); display: grid; gap: var(--gap-2); overflow-anchor: none;}
#directory-pagination{overflow-anchor: none;}
.filter-panel{overflow-anchor: none;}

.directory-list__card-info{position: relative; display: grid; grid-template-columns: auto 50px;}
.directory-list__card {display: flex; flex-direction: column; cursor: pointer; padding: var(--space-20) var(--space-16); border: 1px solid var(--border05); border-radius: var(--radius-md); background: var(--color-white);}
.directory-list__card-head { position: relative; display: grid; align-items: center; gap: var(--space-16);}

.directory-list__card-logo { flex: 0 0 96px; aspect-ratio: 3/2; overflow: hidden; border-radius: var(--radius-sm); background: #fff; border: 1px solid var(--border01); overflow: hidden;}
.directory-list__card-logo .img { object-fit: contain;}
.directory-list__card-info { min-width: 0;}
.directory-list__card-meta { display: flex; align-items: center; gap: var(--space-8); margin-bottom: var(--space-8); color: var(--text-sub2); font-size: 0.8125rem; line-height: 1;}
.directory-list__card-country .icon-mappin{width: 16px; height: 16px;}
.directory-list__card-country,
.directory-list__card-booth { display: inline-flex; align-items: center; white-space: nowrap;}
.directory-list__card-country {gap: var(--space-4); color: var(--text-sub1);}
.icon-mappin-line{width: 16px; height: 16px;}
.directory-list__card-divider { width: 1px; height: var(--space-12); background: var(--border02)}
.directory-list__card-booth strong { margin-left: var(--space-6);font-weight: 500; color: var(--text-sub1);}
.directory-list__card-name { display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom:var(--space-4); color: var(--text-stale); font-size: 1.125rem; font-weight: 700; line-height: 1.4;}
.directory-list__card-name-en { display: block; overflow: hidden; color: var(--text-sub2); font-size: 0.8125rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap;}
.directory-list__card-btns{margin-top: auto}
.directory-list__card-border{margin-top: var(--space-12);}

/* 북마크 */
.directory-list__card-bookmark { position: absolute; top: -8px;  right: -6px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; cursor: pointer;}
.directory-list__card-bookmark .icon { width: 24px; height: 24px;}

/* 소개 */
.directory-list__card-desc { display: -webkit-box; overflow: hidden; margin: var(--space-12) 0 0; color: var(--text-sub1); font-size: 0.9375rem; line-height: 1.7; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/* 태그 */
.directory-list__card-tags { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-16);  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.directory-list__card-tag{max-width: 100%; display: inline-block;  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
@media (min-width: 540px) {
.directory-list__cards{grid-template-columns:  repeat(2, minmax(0, 1fr));}
}
@media (min-width: 680px) {
.filter__options{grid-template-columns: repeat(4,1fr);}
}
@media (min-width: 768px) {

.filter__header__title{font-size: 1.125rem; font-weight: 600;}
.filter__header{padding: var(--space-20) var(--space-16) var(--space-16); border-bottom: 1px solid var(--border01);}
.filter__options{grid-template-columns: repeat(5,1fr);}

}
@media (min-width: 1080px) {
.filter__options{grid-template-columns: repeat(2,1fr);}
.directory-list__body {
display: grid; grid-template-columns: 350px minmax(0, 1fr);
grid-template-areas:
  "filter search"
  "filter tags"
  "filter result";
grid-template-rows: auto auto 1fr;
column-gap: var(--gap-3);
align-items: start;
min-height: 100vh;
}
.directory-list__search { grid-area: search; border-radius: var(--radius-md) var(--radius-md) 0 0;}
.filter-panel {grid-area: filter; border: 1px solid var(--border05); position: sticky; top: calc(24px + var(--nav-height)); border-radius: var(--radius-md); overflow: hidden;}
.filter-tags {grid-area: tags; margin-top: 0;}
.directory-list__result { grid-area: result; margin-top: 0; border-radius:0 0 var(--radius-md) var(--radius-md) ;}
.directory-list__tabs { display: none;}
.directory-list__right{padding: 36px 32px; background: var(--color-white);}
.directory-list__search {padding-bottom: 20px;}
.filter-tags{padding-block: 0;}
.filter__inner{border: none; border-radius: 0;}
.filter__header{background-color: var(--navy-50); border-bottom: 0;}
.filter .filter__footer{display: none;}

.directory-list__cards{grid-template-columns: repeat(2, minmax(0, 1fr));}
.directory-list__card-name{max-width: 90%; font-size: 1.25rem;}
.directory-list__card-bookmark .icon{width: 28px; height: 28px;}
.filter + .filter__footer{display: flex;}
.filter-country > .filter__header {border-top: 1px solid var(--border02);}
.icon-mappin-line{display: inline-block;}
}
@media (min-width: 1400px) {
.directory-list__cards{grid-template-columns: repeat(3, minmax(0, 1fr));} 
}

}

html:lang(en) .directory-list{
@media (min-width: 1080px) {
.filter__options{grid-template-columns: repeat(1, 1fr);}

}
@media (min-width: 1280px) {

.directory-list__card-tags .tag{font-size: 0.75rem;}
}
}

.schedule-picker {
margin-top: var(--space-24);
.schedule-picker__dates { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8);}
.date-tab { padding-block: var(--space-16); border: 1px solid var(--tab-border); border-radius: var(--radius-sm);  transition: border-color 0.2s, background-color 0.2s; background: var(--tab-bg); text-align: center; cursor: pointer;font-family: var(--ff-primary);}
.date-tab__day { font-size: 1rem; font-weight: 600;}
.date-tab__status {display: block; margin-top: var(--space-6); font-size: 0.8125rem;color: var(--text-sub2);}
.date-tab.is-active {background: var(--tab-active-bg);border-color: var(--tab-active-border);}
.date-tab.is-active .date-tab__day{ color: var(--tab-active-text); font-weight: 700;}
.date-tab.is-active .date-tab__status {color: var(--error-text);}
@media (hover) {
@media (hover: hover) {
  .date-tab:not(.is-active):hover {
    border-color: var(--tab-hover-border);
  }
}
}


.schedule-picker__toolbar { display: flex; align-items: center; justify-content: space-between; margin: var(--space-24) 0 var(--space-16);font-size: 0.875rem; }
.legend {display: flex; gap: var(--space-12);} 
.legend__item {display: flex;align-items: center;gap: var(--space-6);}
.legend__item::before { content: ""; width: 12px; height: 12px; border: 1px solid var(--border01); border-radius: 4px }
.legend__item--off::before { border-color: var(--error-border); background-color: var(--error-bg);}

.schedule-picker__slots {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-8);}
.slot { padding-block: var(--space-16); border: 1px solid var(--border01); font-family: var(--ff-primary); color: var(--text-sub1); border-radius: var(--radius-sm); background: #fff; text-align: center; cursor: pointer;}
.slot__time { display: block;font-size: 1rem; font-weight: 600;}
.slot__status { display: block; margin-top: var(--space-2);font-size: 0.8125rem;color: var(--text-sub2);}
.slot.is-off {  border-color: var(--error-border); background: var(--error-bg);}
.slot.is-off .slot__time,
.slot.is-off .slot__status {color: var(--error-text);}
.schedule-picker__reset { display: flex; align-items: center; gap: var(--space-6); margin: var(--space-36) auto 0; border: 0;background: none; font-size: 0.8125rem;color: var(--text-sub1); opacity: 0.85; cursor: pointer;}
.icon-refresh{width: 20px; height: 20px;}
.schedule-picker__toolbar .schedule-picker__reset{display: none;}

@media (min-width: 580px) {
.schedule-picker__slots{grid-template-columns: repeat(3, 1fr);}
.schedule-picker__day-control{display: flex; align-items: center; gap: 16px;}

}
@media (min-width: 1080px) {
.date-tab{display: flex; align-items: center; justify-content: space-between; padding: var(--space-16);}
.date-tab__status{margin: 0;}
.schedule-picker__inner{display: grid; grid-template-columns: 0.5fr 2fr; gap: var(--gap-3);}
.schedule-picker__panel{padding: 24px 20px; border: 1px solid var(--border01); border-radius: var(--radius-md);}
.schedule-picker__dates{grid-template-columns: repeat(1, 1fr);}
.schedule-picker__slots{grid-template-columns: repeat(4, 1fr);}
.schedule-picker__toolbar{margin-top: 0; margin-bottom: 24px;}
.schedule-picker__reset.only-mo{display: none;}
.schedule-picker__slots{grid-template-columns: repeat(5, 1fr);}
.schedule-picker__date {font-size: 1.125rem; font-weight: 600;}
.schedule-picker__toolbar{flex-direction: row-reverse;} 
.schedule-picker__toolbar .schedule-picker__reset{font-size: 0.9375rem; display: flex; margin-top: 0;}
.schedule-picker__toolbar .schedule-picker__reset::before{content: ""; width: 1px; height: 14px; position: relative; left: -6px; background-color: var(--border01); display: inline-block;}
}

}
/* 체크리스트 항목 마감 후 읽기 전용 잠금 표시 (체크리스트 이동 등 순수 링크는 제외, 실제 잠긴 요소만 흐리게 표시) */
.is-checklist-locked{position: relative;}
.is-checklist-locked input:disabled,
.is-checklist-locked select:disabled,
.is-checklist-locked textarea:disabled,
.is-checklist-locked button:disabled,
.is-checklist-locked .is-checklist-disabled{opacity: 0.6; filter: grayscale(0.2); pointer-events: none; cursor: not-allowed;}


/* ==========================================================================
   Visit Info - 공통 
   ========================================================================== */
.visit-info {
.visit-info__overview .heading__title{display: flex; align-items: center; gap: var(--space-6);}
.visit-info__overview-inner{display: grid;  gap: var(--gap-4); padding-bottom: var(--sc-space-y);}
.visit-info__card { padding: var(--card-pd-5) var(--card-pd-4); background: var(--color-white); border-radius:var(--radius-md); box-shadow: var(--shadow01);}
.visit-info__label {text-transform: uppercase; color: var(--color-secondary); font-family: var(--ff-secondary);}
.visit-info__date { margin-top: var(--space-16); font-size: 2rem; font-weight: 800; line-height: 1.2; color: var(--text-navy);}
.visit-info__day {font-size: 1.5rem; position: relative; top: -2px;}
.visit-info__deadline {margin-top: var(--space-12); color: var(--text-sub1);}
.visit-info__btn{margin-top: var(--space-24);}
.visit-info__text{font-weight: 500;  font-variant-numeric: tabular-nums;}
.visit-info__note{color: var(--text-sub1); margin-top: var(--space-4);}
.visit-info__overview .visit-info__table{height: 100%;}

/* 카드 */
.card__list-inner {display: grid; gap: var(--gap-3); padding-bottom: var(--sc-space-y);}
.card__group .icon__bg-48{background-color: var(--icon-bg-blue); display: flex;align-items: center;justify-content: center; border-radius: 50%;margin-bottom: var(--space-16);}
.card__group .icon__bg-48 > svg {width: 28px; height: 28px;}
.card__desc{color: var(--text-sub1); font-size: 1rem;}
/* .card__info{  display: grid; grid-template-columns: 20px 1fr;   align-items: start; gap: var(--space-6); color: var(--text-sub2);} */

@media (min-width: 768px) {   
.visit-info__overview-inner{grid-template-columns: 1fr 1.5fr;}
.card__header{display: flex; gap: var(--space-20); }
.card__desc{margin-bottom: 0;}
.card__group .icon__bg-48{margin-bottom: 0; flex-shrink: 0;}
.card__list-col .card__header{flex-direction: column;}
.card__list-col .card__list-inner{ grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);}
/* .card__info{ grid-template-columns: 24px 1fr;} */
}

@media (min-width: 1080px) {  
.card__group .icon__bg-48 > svg {width: 36px; height: 36px;}
}
}

:lang(en) .visit-info {

.visit-select__list{grid-template-columns: auto;}
.visit-select__title {line-height: 150%; font-size: 1.75rem;}
.visit-select__sub-text{color: var(--slate-300); margin-top: var(--space-12); line-height: 130%;}

.visit-info__hours .visit-info__text{display: flex;  gap: var(--space-6);}
.table-wrap.type1 colgroup col:first-of-type{width: 110px;}

@media (min-width: 540px) {
  .visit-select__list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (min-width: 768px) {  
/* .visit-info__date{font-size: 2rem;} */
}
}


/* ==========================================================================
   Business Day Info - 비즈니스데이 관람안내
   ========================================================================== */
.business-day-info{
.visit-info__fee{scroll-margin-top:var(--sc-space-y);}
.visit-info__fee-inner{padding-bottom: var(--sc-space-y);}
.visit-info__fee-type::before, .visit-info__fee-link::before { display: none;}
.visit-info__fee-type {font-size: 1.125rem; font-weight: 700; }
.visit-info__fee-link{margin-top: var(--space-6);}
.visit-info__fee-item {background-color: var(--color-white);}
.visit-info__fee-scroll{display: flex; flex-direction: column; }
.visit-info__fee-scroll .btn-underline{ height: 32px;}
.visit-info__notice-inner{padding-bottom: 0;}
.card__info + .card__info{margin-top: var(--space-4);}
/* 무료 입장 안내 */
.visit-info__free{scroll-margin-top:var(--sc-space-y);}
.visit-info__free-list{display: grid; gap: var(--gap-2);}
.visit-info__free-list .visit-info__free-item{display: flex; flex-direction: column; gap: var(--space-12); padding: var(--space-20) var(--space-16); border: 1px solid var(--border01); border-radius: var(--radius-sm);}
.visit-info__free-list .visit-info__free-desc{color: var(--text-sub2);}
.visit-info__docs .badge__group{margin-bottom: var(--space-16);}

/* 입장 전 유의사항 */
.visit-info__notice .card__header{margin-bottom: 0;}

@media (min-width: 768px) {
.visit-info__fee-type::before,.visit-info__fee-link::before {display: inline-block; }
.visit-info__fee-type { font-size: 1rem;font-weight: unset;}
.visit-info__fee-link{margin-top: 0;}
.visit-info__fee-list .col-type{width:180px;}
.visit-info__fee-list .col-target{min-width: 300px;}
.visit-info__fee-list .col-pre, .visit-info__fee-list .col-onsite{width:150px;}
.visit-info__fee-list .col-link {width: 220px;}
.visit-info__fee-item td:first-of-type{background-color: var(--header-bg02);}
.visit-info__fee-item + .visit-info__fee-item td:first-of-type{box-shadow: inset 0 1px 0 var(--border01);}
.visit-info__fee-scroll .btn-underline{justify-content: center;}
.visit-info__free-list{grid-template-columns: repeat(4, 1fr);}
/* .visit-info__free-title{min-height: 60px;} */
}
}

:lang(en) .business-day-info{

.visit-info__fee .table-list td::before{width: 100px;}

@media (min-width: 768px) {
.visit-info__free-list {grid-template-columns: repeat(5, 1fr);}
.visit-info__fee-list .col-link{width: 250px;}
}
}

/* ==========================================================================
   Public Day Info - 퍼블릭데이 관람안내
   ========================================================================== */
.public-day-info{
.visit-info__register .card__header{margin-bottom: 0;}
.visit-info__notice .card__header{margin-bottom: 0;}
.visit-info__notice-inner{ padding-bottom: 0;}
}
:lang(en) .public-day-info{
@media (min-width: 768px) {
.table-wrap.type1 colgroup col:first-of-type{width:150px;}
}
}

/* ==========================================================================
   Press Info - 미디어 등록
   ========================================================================== */
.press-info{
.press-info__reg-date{margin-top: var(--space-16);}
.press-info__reg-date > .body-md {color: var(--text-navy);}
.press-info__reg-date .visit-info__date{margin-top: var(--space-6); gap: var(--space-4);}
.press-info__hours .press-info__text{flex-wrap: wrap;}

.visit-info__text .press-info__date + span::before{content: ""; width: 1px; height: 12px; margin-right: 8px; display: inline-block; background: var(--border02);}
.visit-info__text .press-info__date {display: inline-block; width: 80px;}

.press-info__register .icon-arrow-right{margin:  0 auto; rotate: 90deg; opacity: .65;}



@media (min-width: 580px) {
.press-info__register .card__list-inner{display: grid; grid-template-columns: 1fr 24px 1fr; align-items: center; }
.press-info__register .icon-arrow-right{rotate: 0deg;}
.press-info__register .card__header{margin-bottom: 0;}
.press-info__card {display: flex; flex-direction: column; justify-content: space-between;}
}

}

:lang(en) .press-info{
.visit-info__text .press-info__date {width: 90px;}
.press-info__row{display: flex; flex-direction: column;}
.visit-info__text .press-info__date + span::before{content: none;}
.press-info__hours .visit-info__text-sub{margin-left: 0;}
.press-info__register .card__group{height: 100%;}

@media (min-width: 400px) {
.press-info__row{flex-direction: row;}
.press-info__reg-date .visit-info__date{flex-direction: row;}
.visit-info__text .press-info__date + span::before{content: "";}
}
@media (min-width: 768px) {
.press-info__reg-date .visit-info__date{flex-direction: column;}
.press-info__hours .press-info__text {display: flex;}
.press-info__row{margin-right: var(--space-6);}
.visit-info__notice .visit-info__notice-inner{ grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

}
}

@media (min-width: 1080px) {
.press-info__reg-date .visit-info__date{flex-direction: row; white-space: nowrap;}

}

/* ==========================================================================
   Visit Select Type - 관람 유형 선택
   ========================================================================== */
.visit-select__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-3);}
.visit-select__card {
--select-bg: linear-gradient(160deg, #2D5CBA 0%, #0F2A5C 100%);
--select-badge: #365196;
--select-title: #D3DBEA;
--select-icon: #1f458f;
display: flex; flex-direction: column; align-items: center; height: 100%; padding: var(--card-pd-5) var(--card-pd-4); text-align: center; text-decoration: none; background: var(--select-bg); border-radius:var(--radius-md); transition: transform 0.2s, box-shadow var(--shadow01);
}
.visit-select__card.--public {
--select-bg: linear-gradient(160deg, #1592A0 0%, #0B5A78 100%);
--select-badge: #368196;
--select-title: #CFE3E8;
--select-icon: #09728A;
}
.visit-select__icon-bg{border-radius: 50%; display: flex; align-items: center; justify-content: center; background:var(--select-icon); margin-bottom: var(--space-20);}
.visit-select__card.--business .visit-select__icon-bg > svg {width: 40px;}
.visit-select__icon-bg > svg {width: 36px;}
.visit-select__label { margin: 0; font-size: 0.8125rem; font-weight: 800; color: var(--select-title); font-family: var(--ff-secondary);}
.visit-select__title {font-size: 1.125rem; display: flex; align-items: center; justify-content: center; flex: 1; width: 100%; margin-top: var(--space-8);; color: var(--color-white)}
.visit-select__date { margin-top: var(--space-20); white-space: nowrap; padding: var(--space-4) var(--space-12); font-size: 0.9375rem; font-weight: 500; color: var(--color-white); background: var(--select-badge); border-radius: 999px;}
.visit-select__weekday { font-size: 0.85em; font-weight: 600; position: relative; top: -1px; left: -1px;}
.visit-select__more { display: inline-flex; align-items: center; gap: var(--space-6); margin-top: var(--space-20); font-size: 0.75rem; color: var(--select-title);}
 
@media (hover: hover) {
.visit-select__card:hover {transform: translateY(-4px); box-shadow: var(--shadow01); transition: transform 0.2s;}
}
@media (min-width: 768px) {
.visit-select__title {font-size: 2rem; line-height: 1.4;}
.visit-select__label {font-size: 1.0625rem;}
.visit-select__date{font-size: 1.125rem;}
.visit-select__more{font-size: 0.8125rem;}
}

:lang(en) .visit-select {
.sc__heading .heading__desc > span{margin-top: var(--space-8); display: inline-block;}
}


/* ==========================================================================
   Pre Registration - 사전등록 폼 공통
   ========================================================================== */
.pre-reg{
.pre-reg-notice .card__header{display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.pre-reg-notice .card__header .card__toggle{border: none; background: transparent;}
.pre-reg-notice .card__header .icon{width: 16px; height: 16px; }
.pre-reg-notice__info { display: grid; gap: var(--space-8);}
.pre-reg-notice__box{border: 1px solid var(--border01); border-radius: var(--radius-sm);}
.pre-reg-notice__scroll{max-height: 300px; overflow: scroll; padding: var(--space-12);   -webkit-overflow-scrolling: touch;  contain: inline-size;  mask-image: linear-gradient(to bottom, #000 calc(100% - 32px), transparent);}
.info-card {display: grid; gap: var(--space-8); padding: var(--space-20) var(--space-16); border-radius: var(--radius-md); background: var(--navy-60)}
.info-card__icon > svg { width: 20px; height: 20px; flex-shrink: 0; display: flex;}
.info-card__label{display: flex; font-size: 0.9375rem; align-items: center; gap: var(--space-6); color: var(--text-sub2); font-weight: 600;}
.info-card__value { font-size: 1.25rem; font-weight: 700; line-height: 100%;}
.info-card__desc { font-size: 0.875rem; color: var(--text-sub1);}
.pre-reg-notice__alerts{margin-top: var(--space-24);}

.option__group{flex-direction: column;}
.option__group .group{white-space: nowrap;}

.card__group--org .group{display: grid; grid-template-columns: repeat(2,1fr);}
.card__group--org .option-card, .card__group--join .option-card{justify-content: flex-start; height: 36px;}
.card__group--purpose .group, .card__group--referral .group, .card__group--coop-field .group{display: grid; grid-template-columns: repeat(1,1fr);}
.card__group--purpose .checkbox, .card__group--referral .checkbox, .card__group--coop-field .checkbox {min-height: 36px; display: flex; align-items: center;}

.card__group--join .card__info{margin-top: var(--space-16);}

.input__row--region{gap: var(--space-8);}

@media (min-width: 768px) {
.pre-reg-notice__info {grid-template-columns: repeat(3,1fr);}
.info-card__value{font-size: 1.5rem;}
.card__group--org .group, .card__group--purpose .group, .card__group--referral .group, .card__group--coop-field .group{grid-template-columns: repeat(3,1fr);}
}

@media (min-width: 1080px) {
.card__group--org .group, .card__group--purpose .group,.card__group--referral .group, .card__group--coop-field .group{grid-template-columns: repeat(4,1fr);}
.input__row--region{gap: 1rem;}
}
}

.media-reg{
.article-card{display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--border05); border-radius: var(--radius-sm); background: var(--navy-50); gap: var(--space-12); padding: var(--space-16);}
.article-card__thumb{background: #eee; aspect-ratio: 3/2; height: 54px;display: none;}
.article-card__info{display: flex; align-items: center;}
.article-card__title{font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:  1; line-clamp: 1; overflow: hidden;}
.article-card__meta{font-size: 0.8125rem; color: var(--text-sub2); margin-top: var(--space-4);}
.card__group--article .card__header{flex-direction: row; gap: var(--space-8);}
@media (min-width: 768px) {
.article-card{flex-direction: row; align-items: center;}
}
}








/* ==========================================================================
    - 비즈매칭
   ========================================================================== */
/* ==========================================================================
   Meet Schedule - 나의 미팅 스케줄 
   ========================================================================== */

/* 참가업체 */
.meet-schedule__item.exhibitor {
  --meet-badge-bg: #E3F5F1;
  --meet-badge-color: #0F766E;
}

/* 바이어 */
.meet-schedule__item.buyer {
  --meet-badge-bg: #E5EFFB;
  --meet-badge-color: #0D47A1;
}
.meet-schedule__body { display: flex; flex-direction: column; gap: var(--gap-3); margin-top: var(--space-24);}
/* Dates
   -------------------------------------------------------------------------- */
.meet-schedule__dates { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-8);}
.meet-schedule__date { display: flex; flex-direction: column; align-items: center; width: 100%; padding-block: var(--space-16); font: inherit; text-align: center; background: var(--tab-bg); border: 1px solid var(--tab-border); border-radius:var(--radius-sm);cursor: pointer; transition: border-color 0.2s, background-color 0.2s;}
.meet-schedule__date-title { font-size: 1rem; font-weight: 600; white-space: nowrap;}
.meet-schedule__date-count { font-size: 0.8125rem; color: var(--text-sub2); margin-top: var(--space-6); line-height: 100%;}
.meet-schedule__date-meta { display: none; }
.meet-schedule__date.is-active { background: var(--tab-active-bg); border-color: var(--tab-active-border);}
.meet-schedule__date.is-active .meet-schedule__date-title { color: var(--tab-active-text); font-weight: 700;}
/* Panel
   -------------------------------------------------------------------------- */
.meet-schedule__panel { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0;}
/* Timeline
   -------------------------------------------------------------------------- */
.meet-schedule__timeline { display: flex; flex-direction: column;  border: 1px solid var(--border01); border-radius: var(--radius-md); overflow: hidden;}
.meet-schedule__item { background: var(--color-white); border-bottom: 1px solid var(--border01);}
.meet-schedule__item:last-child { border-bottom: 0;}
.meet-schedule__link {
  display: grid; grid-template-columns: minmax(0, 1fr) var(--space-16);
  grid-template-areas:
    "time arrow"
    "info arrow";
  align-items: center; gap: var(--space-4) ; margin: var(--space-16) var(--space-16); padding-left: var(--space-16); color: inherit; text-decoration: none; border-left: 2px solid var(--meet-badge-color);
}
.meet-schedule__time { grid-area: time; font-size: 1rem; font-weight: 600;}
.meet-schedule__info { grid-area: info; display: flex; flex-direction: column; gap: var(--space-6); min-width: 0;}
.meet-schedule__company { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-8);}
.meet-schedule__badge { background: var(--meet-badge-bg); color: var(--meet-badge-color);}
.meet-schedule__name { font-size: 0.9375rem; font-weight: 600;}
.meet-schedule__name-en { display: none;  font-size: 13px; color: var(--text-sub2);}
.meet-schedule__person { font-size: 0.8125rem; color: var(--text-main);}
.meet-schedule__owner{  color: var(--text-sub2);}
.meet-schedule__person strong { color: var(--text-main);}
.meet-schedule__dot {margin: 0 2px; color: var(--text-sub2);}
.meet-schedule__type { display: none; }
.meet-schedule__arrow { grid-area: arrow; width: 16px; height: 16px; opacity: 0.5;}
.meet-schedule__item:has(~ .meet-schedule__now) { opacity: 0.55; border: 0;}
/* 현재 시각 */
.meet-schedule__now {
  display: none;
}

.meet-schedule__item:not([hidden]) ~ .meet-schedule__now {
  display: block;
}
.meet-schedule__now { position: relative; margin-inline: 16px; height: 1px; background: rgba(229, 72, 77, 0.6);}
.meet-schedule__now::before { content: ""; position: absolute; top: 50%; left: -4px; width: 7px; height: 7px; background: var(--error-border); border-radius: 50%; transform: translateY(-50%);}

/* Hover
   -------------------------------------------------------------------------- */
@media (hover: hover) {
  .meet-schedule__date:hover {
    border-color: var(--tab-hover-border);
  }
}

/* PC
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
.meet-schedule__body {display: grid; grid-template-columns: 0.5fr 2fr; align-items: start;}
.meet-schedule__dates {grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; grid-template-columns: repeat(1, 1fr);}
.meet-schedule__date {
display: grid; grid-template-columns: 1fr auto;
grid-template-areas:
  "title count"
  "meta  meta";
    align-items: center;
gap: 4px; padding: 20px 20px; text-align: left;
}
.meet-schedule__date-title {grid-area: title; font-size: 1rem;}
.meet-schedule__date-count { grid-area: count;}
.meet-schedule__date-meta {grid-area: meta; display: block; font-size: 0.8125rem;color: var(--text-sub2);}
.meet-schedule__timeline {gap: 0; overflow: hidden; background: #fff; border: 1px solid var(--border01); border-radius: var(--radius-md);}

.meet-schedule__link {grid-template-columns: 120px minmax(0, 1fr) auto ; grid-template-areas: "time info type arrow"; margin: 0; padding: 24px; border-left: 0; transition: background-color 0.2s;}
.meet-schedule__time {font-weight: 500; font-size: 1.0625rem;}
.meet-schedule__info { padding-left: 24px; border-left: 2px solid var(--meet-badge-color);}
.meet-schedule__person{font-size: 0.875rem;}
.meet-schedule__name{font-size: 1rem;}
.meet-schedule__name-en { display: inline;}
.meet-schedule__type { grid-area: type; display: block; font-size: 13px; color: var(--text-sub2); margin-right: 16px;}
.meet-schedule__now{margin-inline: 24px;}
}

/* ==========================================================================
   My Info - 내정보
   ========================================================================== */
.my-info{
/* Title
   -------------------------------------------------------------------------- */
.my-info__title { margin: 0 0 var(--space-16); color: var(--color-tertiary);}

/* 참가자 정보
   -------------------------------------------------------------------------- */
.my-info__list { padding: 0 var(--space-16); background: #fff; border: 1px solid var(--border01); border-radius: var(--radius-md)}
.my-info__row { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; padding-block: var(--space-16); border-bottom: 1px solid var(--border01);}
.my-info__row:last-child { border-bottom: 0;}
.my-info__label { font-size: 0.9375rem; color: var(--text-sub2);} 
.my-info__value { font-size: 1rem; font-weight: 500; word-break: break-all; }
.my-info__sub { display: block; font-size: 0.875rem; color: var(--text-sub2);}
 
/* 업체 소개
   -------------------------------------------------------------------------- */
.my-info__intro { display: flex; flex-direction: column; gap: var(--space-8); font-size: 1rem; line-height: 1.7; color: var(--text-sub1); word-break: keep-all;} 
.my-info__intro p[lang="en"] {word-break: normal;}
.my-info__availability{margin-top: 0;}
@media (min-width: 1024px) {
.my-info__list{display: grid; grid-template-columns: repeat(2,1fr); column-gap: var(--gap-4);}
.my-info__row:nth-of-type(3){border-bottom: 0;}
.my-info__row{grid-template-columns: 120px minmax(0, 1fr);}
.my-info__value{display: flex; gap: 12px;}
}
}

/* ==========================================================================
   Biz Bookmark - 비즈매칭 북마크
   ========================================================================== */
.biz-bookmark{
.biz-bookmark__tabs{display: flex;justify-content: center; margin-bottom: var(--space-32);}

}
.bookmark{
.bookmark__list{display: grid; gap: var(--gap-2);}

.card__buyer .directory-list__card-body {margin-top: var(--space-16);}
.directory-list__card-body{margin-bottom: var(--space-24);}
.tag-group{display: flex; flex-wrap: wrap; row-gap: var(--space-6);}
@media (min-width:768px){
.bookmark__list{grid-template-columns: repeat(2,1fr); } 
}
@media (min-width: 1080px) {
.bookmark__list{grid-template-columns: repeat(3,1fr); }
}
}

/* ==========================================================================
   Meeting Form - 비즈매칭 미팅 폼 공통
   ========================================================================== */
.meeting-form{
.meeting-form__title{margin-bottom: var(--space-8); color: var(--text-stale);}
.meeting-form__inner{max-height: 95vh;}
.meeting-form__body{max-height: none}

/* ===== Company card ===== */
.border__group{border: 1px solid var(--border01); border-radius: var(--radius-md);}
.company-card { padding:var(--space-20) var(--space-16);  }
.company-card__logo { width: 80px; height: 80px; margin-bottom: 12px;  background: #eee; border-radius: var(--radius-sm); }
.company-card__logo img { object-fit: contain; }
.company-card__meta { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.company-card__country { display: inline-flex; align-items: center; gap: 2px; font-size: 13px; color: var(--gray-700); }
.company-card__country > .icon {width: 16px; height: 16px;}
.company-card__name-en { display: block; font-size: 14px; color: var(--text-sub2); }
.company-card .info-list { margin-bottom: 0px; }
.company-card .info-list__row:first-of-type{margin-bottom: 0;}
@media (min-width:768px){

}
/* ===== Schedule ===== */
.schedule__head { display: flex; flex-direction: column; gap: var(--space-6); margin-bottom: var(--space-12);}
.schedule__label { font-size: 1rem; font-weight: 600; }
.schedule__label-date { margin: 20px 0 8px; color: var(--text-navy); font-size: 1rem;}

/* ===== Legend ===== */
.legend { display: flex; gap: 12px; }
.legend__item { display: inline-flex; align-items: center; gap: var(--space-6); font-size: 0.8125rem; color: var(--text-sub1);}
.legend__item::before { content: ""; width: 12px; height: 12px; border: 1px solid var(--tab-border); border-radius: 50%;}
.legend__item.is-disabled::before { background: var(--btn-disabled); border-color: var(--border01);}

/* ===== 공통: 라디오 숨김 ===== */
.day-select__item input,
.time-select__item input { position: absolute; opacity: 0; pointer-events: none;}
.day-select__item,
.time-select__item { position: relative; cursor: pointer; }

/* ===== Day select ===== */
.day-select { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8);}
.day-select__box { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); padding: var(--space-20) 0; border: 1px solid var(--tab-border); border-radius: var(--radius-sm);}
.day-select__week { margin-top: 4px; font-size: 0.8125rem; color: var(--text-sub1); }
.day-select__num { font-size: 1.75rem; font-weight: 700; }
input:checked + .day-select__box { border-color: var(--tab-active-border); background: var(--tab-active-bg); }
input:checked + .day-select__box .day-select__badge {font-size: 0.75rem; background: var(--text-stale); color: #fff; }
input:checked + .day-select__box .day-select__num { color: var(--text-navy); }
input:checked + .day-select__box .day-select__week {font-weight: 600;  color: var(--text-stale);}

/* ===== Time select ===== */
.time-select { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-8);}
.time-select__box { display: flex; align-items: center; justify-content: center; height: 44px; border: 1px solid var(--tab-border); border-radius: var(--radius-sm); font-size: 0.9375rem; color: var(--text-sub1);}
input:checked + .time-select__box { border-color: var(--tab-active-border); background: var(--tab-active-bg); color: var(--tab-active-text); font-weight: 600;}

/* ===== 공통 상태 ===== */
input:disabled + .day-select__box,
input:disabled + .time-select__box {
  background: var(--gray-100);
  color: var(--gray-400);
  cursor: not-allowed;
}
input:disabled + .day-select__box * { color: inherit; }

input:focus-visible + .day-select__box,
input:focus-visible + .time-select__box {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .time-select { grid-template-columns: repeat(3, 1fr); }
}
}