.sub.mckithan {padding-top: 0;}
.sub.mckithan .visual {position: relative; height: 100vh; overflow: hidden;}
.sub.mckithan .visual .banner-img {position: relative; width: 100%; height: 100%;}
.sub.mckithan .visual .banner-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}

.sub.mckithan .story {padding: 130px 0;}
.sub.mckithan .story .title {font-family: 'disol_headline'; font-size: 72px; letter-spacing: -0.02em; color: #fff; line-height: calc(85/72*1em); text-align: center; margin-bottom: calc(60/72*1em);}
.sub.mckithan .story .txtWrap {display: flex; flex-direction: column; align-items: center; text-align: center;}
.sub.mckithan .story .txtWrap .txt {display: inline-block; font-family: 'Pretendard'; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: calc(40/24*1em);}
.sub.mckithan .story .txtWrap .txt + .txt {margin-top: calc(20/24*1em);}
.sub.mckithan .story .txtWrap .txt * {-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(110deg, #ffffff2c 0%, transparent 0%, transparent 0%);}

@media screen and (max-width: 1440px) {
    .sub.mckithan .story .title {font-size: 64px;}
}

@media screen and (max-width: 1280px) {
    .sub.mckithan .story {padding: 100px 0;}
    .sub.mckithan .story .title {font-size: 56px;}
    .sub.mckithan .story .txtWrap .txt {font-size: 22px;}
}

@media screen and (max-width: 1024px) {
    .sub.mckithan .story .title {font-size: 48px;}
    .sub.mckithan .story .txtWrap .txt {font-size: 20px;}
}

@media screen and (max-width: 820px) {
    .sub.mckithan .story {padding: 80px 0;}
    .sub.mckithan .story .title {font-size: 42px;}
    .sub.mckithan .story .txtWrap .txt {font-size: 18px; max-width: 600px; word-break: keep-all;}
    .sub.mckithan .story .txtWrap .txt br {display: none;}
}

@media screen and (max-width: 500px) {
    .sub.mckithan .story {padding: 60px 0;}
    .sub.mckithan .story .title {font-size: 36px;}
    .sub.mckithan .story .txtWrap .txt {font-size: 16px;}
}

@media screen and (max-width: 360px) {
    .sub.mckithan .story .title {font-size: clamp(28px, 32/360*100vw, 32px);}
    .sub.mckithan .story .txtWrap .txt {font-size: clamp(12px, 14/360*100vw, 14px);}
}