@media (max-width:1280px) {
    #header .header_wrap {height: 70px;}
    #header .header_wrap .logo-name img{width: 128px;}

    .m_menu {padding: 0;}
    .m_menu .top-wr {height: 70px; margin-bottom: 2rem;}
    .m_menu .gnb {flex-direction: column; gap: 0;}
    .m_menu .gnb .ulDepth2 {display: none; margin-bottom: 1.5rem;}
    .m_menu .gnb .menuDepth1+.menuDepth1 {border-top: 1px solid rgba(0,0,0,0.1);}
    .m_menu .gnb .menuDepth1 > a {background: transparent; color: var(--gray1); border: none; padding-left: 0; transition: 0.15s ease; font-size: 1.125rem; position: relative;}
    .m_menu .gnb .menuDepth1 > a::after {transition: 0.15s ease;position: absolute; content: ''; background: url(/design/default/icon/Caret_Down_MD.svg) no-repeat; width: 24px; height: 24px; right: 1rem; top: 50%; transform: translateY(-50%);}
    .m_menu .gnb .menuDepth1.active > a{padding-left: 1.25rem; background: var(--color1); color: #fff;}
    .m_menu .gnb .menuDepth1.active > a::after {transform: translateY(-50%) rotate(180deg); transition: 0.15s ease; filter: invert(10);}
    .m_menu .gnb .menuDepth1.active {padding-top: 1.5rem; transition: 0.15s ease;}
    .m_menu .gnb .menuDepth2 > a {padding: 0.75rem 1.25rem;}


    .section {padding: 6.5rem 0;}

    .tit-wr {margin-bottom: 2.5rem;}
    .tit-wr h3 {font-size: 2.75rem;}
    .tit-wr .desc {font-size: 1.125rem; margin-top: 1rem;}

    .section01 .cont-wr ul {gap: 1.125rem;}
    .section01 .cont-wr ul li a span {font-size: 1.25rem;}
    .section01 .cont-wr ul li {width: calc((100% - 1.125rem) / 2);}

    .section02 p {font-size: 124px;}

    .section03 .inner {flex-direction: column;}
    .section03 .left-wr, .section03 .right-wr {width: 100%;}
    .section03 .inner .img-wr a {width: 100%; height: 100%;}
    .section03 .inner .img-wr {width: 100%; height: 100%;}
    .section03 .inner .img-wr a img {width: 100%; height: 100%;}

    .section03 .right-wr {display: grid;grid-template-columns: 2fr 1fr;gap: 20px;width: 100%;}
    .section03 .right-wr > .img02 {aspect-ratio: 1 / 1;width: 100%;overflow: hidden;border-radius: 20px;}
    .section03 .right-wr .img-list {display: flex;flex-direction: column;gap: 20px;height: 100%;}
    .section03 .right-wr .img-list .img-wr {flex: 1;height: 0;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 20px;}
    .section03 .right-wr .img-wr a {display: block;width: 100%;height: 100%;}
    .section03 .right-wr .img-wr img {width: 100%;height: 100%;object-fit: cover;}

    .quick-wr ul li a {flex-direction: column;}

    .page-header {margin-top: 70px;}
    .page-header-inner {padding: 4rem 0 1.5rem;}
    .page-header h1 {font-size: 2.75rem;}

    .lnb {height: 50px; top: -25px;}
    .lnb .home {width: 50px;}
    .lnb > li:not(.home) > a {font-size: 1rem; height: 50px; line-height: 50px;}

    .sub0101 .big-tit {font-size: 2rem;}
    .sub0101 .big-tit span.quote {font-size: 5rem; top: -1.5rem;}
    .sub0101 .big-tit span.quote:nth-of-type(1) {left: -3rem;}
    .sub0101 .big-tit span.quote:nth-of-type(2) {right: -3rem;}
    .sub0101 .right-wr .tit {font-size: 1.5rem;}
    .sub0101 .right-wr .desc {font-size: 1rem;}
    .sub0101 .right-wr .sign b {font-size: 1.125rem;}
    .sub0101 .left-wr {width: 360px;}
    .sub0101 .right-wr {width: calc(100% - 360px);}
    
}
@media (max-width:1100px) {
    /* 노트북에서도 GNB 노출: 숨김 기준 1280->1100 하향(2026-08-19) */
    #header .header_wrap .gnb {display: none;}
}
@media (max-width:1024px) {
    #m_gnb a {width: 42px;}
}

@media (max-width:768px) {
    .quick-wr {border-radius: 12px;}
    .quick-wr ul {padding: 0 1rem;}
    .quick-wr ul li a {padding:1rem .5rem; gap: .5rem;}


    .tit-wr {margin-bottom: 2rem;}
    .tit-wr h3 {font-size: 1.75rem;}
    .tit-wr .desc {font-size: 1rem; margin-top: .75rem;}

    .section01 .cont-wr ul li a {min-height: 0; align-items: center;}
    .section01 .cont-wr ul li a span {font-size: 1.125rem;}

    .section02 p {font-size: 100px;}

    .section03 .inner, .section03 .right-wr, .section03 .right-wr .img-list {gap: 1rem;}
    .section03 .inner .img-wr a::after {width: 36px; height: 36px; right: .5rem; top: .5rem; background-size: 18px 18px !important;}
    .section04 .logo-item {min-height: 80px;}
    .section04 .logo-item img {max-height: 50px;}

    .page-header-inner {padding-bottom: 3rem;}
    .lnb {width: 100%; height: 45px;}
    .lnb .home {display: none;}
    .lnb > li:not(.home) {width: calc(100% - 25px);}
    .lnb > li:not(.home) > a {padding: 0 1rem; font-size: 0.875rem; line-height: 45px; height: 45px;}
    .lnb > li:not(.home) .depth2 li a {padding: .5rem 1rem;}

    .breadcrumb {font-size: 0.875rem;}

    .sub0101 .big-tit {font-size: 1.75rem;}
    .sub0101 .big-tit > p {padding: 0 3rem; position: relative;}
    .sub0101 .big-tit span.tit ,.sub0101 .big-tit span {position: unset;}
    .sub0101 .big-tit span.quote:nth-of-type(1) {left: 0;}
    .sub0101 .big-tit span.quote:nth-of-type(2) {right: 0;}
    .sub0101 .big-tit span.quote {font-size: 4rem; top: -1rem;}
    .sub0101 .cont-wr {margin-top: 4rem;}
    .sub0101 .cont-wr::after {top: -2.5rem;}
    .sub0101 .left-wr {text-align: center; margin-bottom: 2rem;}
    .sub0101 .left-wr, .sub0101 .right-wr {width: 100%;}
    .sub0101 .right-wr .tit {font-size: 1.25rem;}
    .sub0101 .right-wr .desc {font-size: 0.875rem; margin-top: 1rem;}
    

}

@media (max-width:480px) {
    .quick-wr ul {align-items: flex-start;}
    .quick-wr ul li a span {font-size: 12px; text-align: center;}

    .section01 .cont-wr ul {gap: 1rem;}
    .section01 .cont-wr ul li {width: 100%;}
    .section01 .cont-wr ul li a {flex-direction: row; justify-content: flex-start; gap: .5rem; padding: 1rem 1.25rem;}
    .section01 .cont-wr ul li a span {margin:0; font-size: 1rem;}
    .section01 .cont-wr ul li a img {width: 70%;}
    .section01 .cont-wr ul li a .icon-wr::after {width: 40px; height: 40px;}
    .section01 .cont-wr ul li a .icon-wr::before {left: 46px; width: 18px; height: 18px;}

    .section02 p {font-size: 80px;}

    .page-header h1 {font-size: 2rem;}

    .breadcrumb {margin-top: 1.5rem;}



}

/* MWEXPO_QUICK_FIX : mobile compact quick menu so hero video is more visible */
@media (max-width:768px){
  .quick-wr{bottom:14px;border-radius:14px;}
  .quick-wr ul{padding:.2rem .4rem;}
  .quick-wr ul li a{padding:.55rem .25rem;gap:.3rem;}
  .quick-wr ul li a img{width:26px;height:auto;}
  .quick-wr ul li a span{font-size:11px;line-height:1.2;}
}
@media (max-width:480px){
  .quick-wr ul li a img{width:23px;}
  .quick-wr ul li a span{font-size:10px;line-height:1.18;}
}


/* [2026-10-06] 모바일 푸터 배열 보정 (연락처 아래 SNS 간격) */
@media (max-width:768px){
  #footer .bot-wr{flex-direction:column;align-items:flex-start;}
  #footer .left-wr{width:100%;text-align:left;margin-bottom:0;}
  #footer .left-wr ul{flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;}
  #footer .left-wr address{margin-bottom:8px;}
  #footer .right-wr{width:100%;margin-top:1.75rem;}
  #footer .right-wr ul{justify-content:flex-start;}
}


/* [2026-10-06] 모바일: 월드티포럼(tab4)·궁중다례(tab3) 이미지 2열→1열 (국제차문화대상 tab2는 유지) */
@media (max-width:768px){
  #tab3 [style*="grid-template-columns"],
  #tab4 [style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
}


/* [2026-10-06] 모바일: 차와음악공연(tab1) 사진 본문폭에 맞게 100% (데스크톱은 70% 유지) */
@media (max-width:768px){
  #tab1 [style*="max-width:70%"]{ max-width:100% !important; }
}


/* [2026-10-06] 모바일 AOS 비활성화 — iOS Safari에서 스크롤 애니메이션 미트리거로 콘텐츠가 숨겨지는 문제 방지 */
@media (max-width:768px){
  [data-aos]{ opacity:1 !important; transform:none !important; transition:none !important; }
}