h1{font-size: 0;}
h2{font-size: var(--fz-28);}
h3{font-size: var(--fz-24);}
h4{font-size: var(--fz-20);}
h5{font-size: var(--fz-18);}

body, button, input, select, textarea, a{color: var(--color-text); font-family: 'GmarketSans', 'Pretendard Variable', sans-serif;}
body{background: #ffffff;}
.ff-gmarket{font-family: var(--ff-gmarket);}
.ff-marcellus{font-family: var(--ff-marcellus);}

.mo{display: none !important;}
.mo-ib{display: none !important;}
.mo-if{display: none !important;}
.mo-f{display: none !important;}
.mo-g{display: none !important;}

/* 서브페이지 공통 s */
#container_title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sub-comm-sect{padding: 200px 0; box-sizing: border-box;}
.sub-comm-sect img {width: 100%; display: block; object-fit: contain;}
.sub-comm-sect .inner{max-width: 1600px; width: 92%; margin: 0 auto;}
.sub-comm-sect .sec-title{text-align: center; --title-color: var(--color-title, #191919); --sub-color: var(--color-primary, #81d8cf);}
.sub-comm-sect .sec-title.wh{--title-color: #ffffff;--sub-color: #ffffff;}
.sub-comm-sect .sec-title > .subtitle{color: var(--sub-color); font-family: var(--ff-gmarket); font-size: var(--fz-23); font-weight: 500; line-height: 1.33; margin-bottom: 30px;}
.sub-comm-sect .sec-title > h3{color: var(--title-color); font-family: var(--ff-gmarket); font-size: var(--fz-54); font-weight: 500; line-height: 1.33; letter-spacing: -0.02em;}

.sec-sub-visual{text-align: center; height: 640px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.sec-sub-visual .wrap{color: #FFF; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px;}
.sec-sub-visual .wrap h2{font-family: var(--ff-gmarket); font-size: var(--fz-64); font-weight: 500;}
.sec-sub-visual .wrap .visual-desc{display: flex; align-items: end; color: #FFF; font-family: var(--ff-gmarket); font-size: var(--fz-20);font-weight: 500;}

#secMnContact .description{font-size: var(--fz-23); color: #81d8cf;}
#secMnContact h3 {font-weight: 500; color: var(--color-title);}
#secMnContact .content-wrap .tab-btn-cont button.active{background-color: #81d8cf;}
#secMnContact .content-wrap .tab-btn-cont button.active:hover{background-color: #81d8cf;}
#secMnContact .content-wrap article h4 {font-weight: 500; font-size: var(--fz-28); color: #000000;}
#secMnContact .content-wrap article h4 a {font-weight: 500; font-size: var(--fz-28);}
#secMnContact .content-wrap .left-cont .qr-cont .item {font-weight: 500;}
#secMnContact .content-wrap article h4 em {font-size: var(--fz-20); font-weight: 400;}
#secMnContact .content-wrap .left-cont .time-info li .day {width: 145px; font-size: var(--fz-28); font-weight: 500; letter-spacing: -0.05em;}
#secMnContact .content-wrap .left-cont .time-info li .time {font-size: var(--fz-28); font-weight: 400; letter-spacing: -0.015em;  font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
#secMnContact .content-wrap .right-cont .text-cont p {font-size: var(--fz-28); font-weight: 500;}
#secMnContact .content-wrap .right-cont .text-cont p em {font-size: var(--fz-23); font-weight: 400;}
#secMnContact .content-wrap .right-cont .map-btn-cont a {font-size: var(--fz-17); font-weight: 500;}
#secMnContact .content-wrap .right-cont .map-btn-cont a:hover{background-color: #81d8cf;}
/* 서브페이지 공통 e */


@media(max-width: 1024px){
    :root{--mn-sec-padding: 80px; --sub-sec-padding: 20px; --h1-fz: var(--fz-25); --h2-fz: var(--fz-22); --h3-fz: var(--fz-20); --h4-fz: var(--fz-18); --h5-fz: var(--fz-16); --tit-desc-fz: var(--fz-16); --detail-fz: var(--fz-18);}
    .pc{display: none !important;}
    .mo{display: block !important;}
    .mo-ib{display: inline-block !important;}
    .mo-if{display: inline-flex !important;}
    .mo-f{display: flex !important;}
    .mo-g{display: grid !important;}

    /* 서브페이지 공통 s */
    .sec-sub-visual{height:min(100svh, 640px);padding:0px 20px;background-position:center center;}
    .sec-sub-visual .wrap{gap:18px;}
    .sec-sub-visual .wrap h2{font-size:var(--fz-32);letter-spacing:-0.02em;}
    .sec-sub-visual .wrap .visual-desc{font-size:var(--fz-18);}

    .sub-comm-sect{padding: 80px 0px;}
    .sub-comm-sect .inner{max-width:100%;width:92%;}
    .sub-comm-sect .sec-title > .subtitle{font-size: var(--fz-16); margin-bottom: 10px; line-height: 1.6;}
    .sub-comm-sect .sec-title > h3{font-size: var(--fz-28); line-height: 1.6;}
    
    /* #secMnContact 모바일 반응형 */
    #secMnContact .description{font-size: min(4.2vw, 20px);}
    #secMnContact h3{font-size: min(6.5vw, 27px);}
    #secMnContact .content-wrap article h4 {font-size: var(--fz-18);}
    #secMnContact .content-wrap article h4 a {font-size: var(--fz-18);}
    #secMnContact .content-wrap article h4 em {font-size: var(--fz-16);}
    #secMnContact .content-wrap .left-cont .qr-cont .item {font-size: min(3.5vw, 15px);}
    #secMnContact .content-wrap .left-cont .time-info li .day {width: 75px; font-size: min(3.7vw, 15px);}
    #secMnContact .content-wrap .left-cont .time-info li .time {font-size: min(3.7vw, 15px);}
    #secMnContact .content-wrap .right-cont .text-cont p {font-size: min(3.7vw, 16px);}
    #secMnContact .content-wrap .right-cont .text-cont p em {font-size: min(3.6vw, 15px);}
    #secMnContact .content-wrap .right-cont .map-btn-cont a {font-size: min(3vw, 9px); padding: 8px 0;}
    /* 서브페이지 공통 e */
}