@charset "utf-8";

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 400;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2');
}

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2');
}

html,
body,
button,
input,
select,
textarea,
table{font-family:'KoPubWorldDotum', sans-serif; font-weight:400;}

a,
li,
span,
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
div{font-family:'KoPubWorldDotum', sans-serif;}

h1,
h2,
h3,
.contents_title_main,
.contents_title_main_pc,
.contents_title_main_mo{font-weight:700;}

@media(max-width:640px){
    .layout{width:100%;}
}
.ir-main{display:inline-block;background:url(/images/kor/main/ir-main.png) no-repeat;vertical-align:middle}
#lang{margin-right:120px;}
#sitelink #site_search{right:140px;}
@media(max-width:1300px){
    #sitelink #site_search{margin-right:100px;}
    #lang{margin:0;}
}
#mcontainer{position: relative;margin-top:-66px; background: #ffffff;}

/* 241018 스크롤바 디자인입니당 */

::-webkit-scrollbar{width: 15px;}
::-webkit-scrollbar-track{background-color: #fff;}
::-webkit-scrollbar-thumb{background-color: #005caa; border-radius: 15px;}
::-webkit-scrollbar-button{display: none;}

::-webkit-scrollbar-thumb:hover{background-color: #003d6f; transition: all 0.2s;}

/* 241018 스크롤바 디자인입니당 */

#mshowcase{position:relative;width:100%;height:100%; top:66px;}
#mshowcase.smu-main-visual{top:66px; overflow:hidden;}
#mshowcase #visual{width:100%;height:100%;}
#mshowcase #visual .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
#visual .visual_txt .metaphor{display:block;width:65px;height:65px;border:5px solid #fff;border-radius:0 10px 0 10px;margin:0 auto;}
#mcontwrap{position:relative; top:66px; padding-bottom:80px;}
#mcontwrap #mcolumn{position:relative;background:url(/images/kor/main/mcont_bg2.png) no-repeat 50% 0px;z-index:10;background-size:auto 82% }
#mshowcase {z-index:9}
#visual .grap {position:absolute; top:0; left:0;right:0; width:100%; height:100%; overflow:hidden;}
#visual .grap .obj {position:absolute;top:0;left:0;right:0; z-index:12; }
#visual .grap .obj .item {display:none; position:absolute; top:0; left:0;right:0;width:100%;height:806px; overflow:hidden;transition: all 1s ease 1s;-webkit-transition: all 1s ease 1s;}
#visual .grap .obj .item .mv-img {position:absolute;z-index:1;top:0;left:0;right:0; width:100%; height:100%;}
#visual .grap .obj .item .mv-img img{display:none;max-width:none;width:100%}
#visual .grap .obj .item:first-child .mv-img{display:block;}
#visual .grap .obj .mvisual-01 .mv-img{background:url(/images/kor/main/mvisual_test.webp) no-repeat 50% 50%;background-size:cover;}
/* #visual .grap .obj .mvisual-02 .mv-img{background:url(/images/kor/main/mvisual_230602_1.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-03 .mv-img{background:url(/images/kor/main/mvisual_230602_2.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-04 .mv-img{background:url(/images/kor/main/mvisual_230602_2.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-05 .mv-img{background:url(/images/kor/main/mvisual_230602_3.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-06 .mv-img{background:url(/images/kor/main/mvisual_230602_3.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-07 .mv-img{background:url(/images/kor/main/mvisual_230602_4.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-08 .mv-img{background:url(/images/kor/main/mvisual_230602_4.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-09 .mv-img{background:url(/images/kor/main/mvisual_230602_5.webp) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-10 .mv-img{background:url(/images/kor/main/mvisual_230602_5.webp) no-repeat 50% 50%;background-size:cover;} */

#visual .grap .obj .mvisual-01 .mv-img{background:url(/images/kor/main/mvisual_test.jpg) no-repeat 50% 50%;background-size:cover;}
/* #visual .grap .obj .mvisual-02 .mv-img{background:url(/images/kor/main/mvisual_230602_1.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-03 .mv-img{background:url(/images/kor/main/mvisual_230602_2.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-04 .mv-img{background:url(/images/kor/main/mvisual_230602_2.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-05 .mv-img{background:url(/images/kor/main/mvisual_230602_3.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-06 .mv-img{background:url(/images/kor/main/mvisual_230602_3.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-07 .mv-img{background:url(/images/kor/main/mvisual_230602_4.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-08 .mv-img{background:url(/images/kor/main/mvisual_230602_4.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-09 .mv-img{background:url(/images/kor/main/mvisual_230602_5.jpg) no-repeat 50% 50%;background-size:cover;}
#visual .grap .obj .mvisual-10 .mv-img{background:url(/images/kor/main/mvisual_230602_5.jpg) no-repeat 50% 50%;background-size:cover;} */


/* 230905 메인 동영상 */

video {width: 100%; height: 100%; object-fit: cover;}

/* 230905 메인 동영상 */






@-webkit-keyframes circle-slide-zoom-development {
0% {transform: scale(1, 1);}
100% {transform: scale(1.1, 1.1);}
}
@keyframes circle-slide-zoom-development {
 0% {transform: scale(1, 1);}
 100% {transform: scale(1.1, 1.1);}
 }
 @keyframes fade-in {
  from, to {
    background-size: 100%;
    opacity: 0;
  }
  33%, 50% {
    background-size: 110%;
    opacity: 1;
  }
}


/* ========================= 2026 MAIN RENEWAL FINAL ========================= */

.smu-main-visual{position:relative;width:100%;}
.smu-main-visual video{display:block;width:100%;height:720px;object-fit:cover;}
.mv-video{width:100%;height:100%;overflow:hidden;}
.mv-video video{width:100%;height:100%;display:block;object-fit:cover;}
.main-visual-image{position:relative;width:100%;height:625px;overflow:hidden;}
.main-visual-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}

.smu-visual-news{width:100%;background:#0052a3;transition:background .25s ease;}
.smu-visual-news:hover{background:#8f8f8f;}
.smu-visual-news a{width:100%;height:65px;padding:0 190px 0 170px;display:flex;align-items:center;text-decoration:none;box-sizing:border-box;}
.smu-visual-news span{font-size:23px;color:#fff;letter-spacing:-.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:transform .25s ease,opacity .25s ease;}
.smu-visual-news em{font-family:'KoPubWorldDotum',sans-serif;letter-spacing:.02em;font-size:18px;color:#f1f1f1;position:relative;transition:transform .25s ease,opacity .25s ease;}
.smu-visual-news em::after{content:"";position:absolute;left:0;bottom:-4px;width:0;transition:width .3s ease;}
.smu-visual-news a:hover span,.smu-visual-news a:hover em{transform:translate(4px,2px);}
.pin-icon{font-size:18px;color:#fff;margin-right:6px;transform:rotate(-25deg);flex-shrink:0;}
.news-right{margin-left:auto;flex-shrink:0;transition:transform .25s ease;}
.news-right em{font-style:normal;font-size:15px;color:#f1f1f1;opacity:.9;}
.smu-visual-news a:hover .pin-icon{transform:rotate(-15deg) translate(4px,2px);}
.smu-visual-news a:hover .news-right{transform:translate(4px,2px);}

#slide_mnews{display:none !important;}
.smu-section{width:100%;padding:45px 60px 0;background:#fff;}
.smu-section-title{position:relative;width:100%;max-width:1640px;margin:0 auto 28px;padding-bottom:10px;display:flex;align-items:flex-end;box-sizing:border-box;}
.smu-section-title::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#111;}
.smu-section-title::after{content:"";position:absolute;right:0;bottom:0;width:35px;height:1px;background:#111;transform:rotate(19deg);transform-origin:right center;}
.smu-section-title .title-left{display:flex;align-items:flex-end;gap:7px;}
.smu-section-title h2{font-family:'Pretendard',sans-serif;margin:0;font-size:40px;font-weight:700;line-height:1;color:#0052a3;}
.smu-section-title h3{font-family:'Pretendard',sans-serif;margin:0;font-size:40px;font-weight:700;line-height:1;color:#3e3a39;}
.smu-section-title p{margin:0 0 0 20px;font-size:16px;color:#666;letter-spacing:-.03em;}
.section-more{position:absolute;right:36px;z-index:2;display:flex;align-items:center;gap:14px;padding:0 14px;font-family:'Pretendard',sans-serif;font-size:16px;font-weight:400;color:#333;text-decoration:none;transition:color .3s ease,transform .3s ease;}
.section-more:hover{color:#0054a6;transform:translateX(4px);}

.smu-news-wrap{width:100%;max-width:1640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:28px;}
.news-card{min-width:0;}
.news-card a{display:block;color:#111;text-decoration:none;}
.news-card .thumb{width:100%;height:320px;overflow:hidden;background:#ddd;box-shadow:0 4px 3px rgba(0,0,0,.2);transition:box-shadow .35s ease;}
.news-card .thumb picture,.news-card .thumb img{display:block;width:100%;height:100%;}
.news-card .thumb img{object-fit:cover;transition:transform .45s ease;}
.news-card .text{padding:14px 0 0;}
.news-card .text strong{display:block;width:100%;min-height:48px;float:left;font-size:17px;line-height:1.45;font-weight:500;color:#353535;letter-spacing:-.04em;word-break:keep-all;}
.news-card .text span{display:block;margin-top:28px;float:right;font-size:13px;color:#999;}
.news-card a:hover .thumb img{transform:scale(1.06);}
.news-card a:hover .text strong{text-decoration:underline;text-underline-offset:4px;color:#001D85}

.news-list{margin:0;padding:0;list-style:none;height:386px;}
.news-list li{position:relative;height:calc(395px / 3);border-bottom:none;}
.news-list li::before{content:"";position:absolute;left:0;top:0;width:1px;height:120px;background:#222;}
.news-list li::after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:#999;}
.news-list li a{position:relative;height:100%;padding:16px 0 12px 16px;display:flex;flex-direction:column;justify-content:space-between;color:#111;text-decoration:none;box-sizing:border-box;}
.news-list li a::before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:17px solid #666;border-right:17px solid transparent;}
.news-list li.has-thumb a{display:grid;grid-template-columns:1fr 150px;grid-template-rows:1fr auto;column-gap:18px;padding:16px 0 12px 16px;}
.news-list li.has-thumb strong{grid-column:1 / 2;grid-row:1 / 2;width:100%;max-width:none;font-size:16px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-list-thumb{grid-column:2 / 3;grid-row:1 / 3;display:block;width:150px;height:72px;overflow:hidden;align-self:start;box-shadow:0 4px 3px rgba(0,0,0,.2);}
.news-list-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.news-list li.has-thumb em{grid-column:1 / 2;grid-row:2 / 3;display:block;margin-top:8px;font-style:normal;font-size:13px;color:#999;text-align:right;}
.news-list li a:hover strong{text-decoration:underline;text-underline-offset:4px;color:#001D85;}
.news-list li.has-thumb a:hover .news-list-thumb img{transform:scale(1.06);}

.smu-notice-section{padding-top:60px;padding-bottom:70px;}
.smu-notice-wrap{width:100%;max-width:1640px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:start;}
.notice-feature{position:relative;width:100%;padding-left:95px;box-sizing:border-box;overflow:visible;}
.notice-character{position:absolute;left:-62px;bottom:0;width:183px;z-index:1;}
.notice-feature-card{position:relative;z-index:2;display:block;width:305px;height:288px;padding:24px 20px 18px 24px;border:1px solid #333;background:#fff;color:#111;text-decoration:none;box-sizing:border-box;}
.notice-feature-card strong{display:block;padding-right:40px;font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.05em;word-break:keep-all;}
.notice-feature-date{position:absolute;right:24px;top:88px;font-size:13px;color:#777;}
.notice-feature-img{position:absolute;left:23px;right:23px;bottom:18px;height:130px;overflow:hidden;background:#ddd;box-shadow:0 4px 3px rgba(0,0,0,.2);}
.notice-feature-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.notice-feature-card:hover .notice-feature-img img{transform:scale(1.06);}
.notice-feature-card:hover strong{text-decoration:underline;text-underline-offset:4px;}
.notice-board{min-width:0;}
.notice-tabs{display:flex;align-items:center;height:32px;margin-bottom:16px;}
.notice-tabs a{position:relative;padding:0 24px;font-size:17px;font-weight:500;color:#221815;text-decoration:none;}
.notice-tabs a:first-child{padding-left:0;}
.notice-tabs a:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:1px;height:15px;background:#777;transform:translateY(-50%);}
.notice-tabs a.active{color:#0052a3;}
.notice-card-list{display:none;margin:0;padding:0;list-style:none;grid-template-columns:repeat(3,1fr);gap:6px;}
.notice-card-list.active{display:grid;}
.notice-card-list li{position:relative;height:117px;padding:14px 12px 10px;border:1px solid #999;background:#fff;box-sizing:border-box;text-align:right;transition:all .25s ease;}
.notice-card-list li a{display:block;height:72px;margin-bottom:6px;color:#221815;font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.05em;text-align:left;text-decoration:none;overflow:hidden;word-break:keep-all;}
.notice-card-list li span,.notice-card-list li .date{display:block;margin-top:5px;padding-bottom:4px;font-size:13px;color:#999;text-align:right;line-height:1;}
.notice-card-list li:nth-child(3n + 1):hover{background:#e9f8ff;border-color:#1caed0;transform:translateY(-3px);box-shadow:0 10px 24px rgba(28,174,208,.12);}
.notice-card-list li:nth-child(3n + 2):hover{background:#fff0fb;border-color:#ef6bdf;transform:translateY(-3px);box-shadow:0 10px 24px rgba(239,107,223,.12);}
.notice-card-list li:nth-child(3n):hover{background:#fff9df;border-color:#f2c200;transform:translateY(-3px);box-shadow:0 10px 24px rgba(242,194,0,.14);}

.smu-calendar-section{padding:0 !important;}
.calendar-banner{position:relative;width:100%;height:175px;overflow:hidden;}
.calendar-banner > img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.calendar-banner-inner{position:absolute;inset:0;width:100%;max-width:1640px;margin:0 auto;left:50%;transform:translateX(-50%);}
.calendar-title-text{position:absolute;left:115px;top:58px;color:#fff;}
.calendar-title-line{display:flex;align-items:flex-end;gap:8px;}
.calendar-title-line strong{font-size:40px;font-weight:700;line-height:1;color:#fff;}
.calendar-title-line p{margin:0;font-size:40px;font-weight:300;line-height:1;color:#fff;}
.calendar-title-text > span{display:block;margin-top:10px;font-size:22px;line-height:1;color:#fff;}
.calendar-more{position:absolute;left:470px;top:90px;display:inline-block;width:170px;height:42px;padding-left:18px;font-size:18px;font-weight:300;line-height:45px;letter-spacing:-.02em;text-decoration:none;box-sizing:border-box;transition:opacity .25s ease,transform .25s ease;}
.calendar-more span{font-size:18px;color:#fff;}
.calendar-more::before{content:"";position:absolute;left:0;bottom:5px;width:131px;height:1px;background:rgba(255,255,255,.9);}
.calendar-more::after{content:"";position:absolute;right:38px;bottom:5px;width:26px;height:1px;background:#fff;transform:rotate(18deg);transform-origin:right center;}
.calendar-more:hover{opacity:.85;transform:translateX(4px);}
.calendar-banner-list{position:absolute;right:133px;top:68px;display:flex;align-items:flex-start;gap:193px;margin:0;padding:0;list-style:none;}
.calendar-banner-list li{position:relative;color:#fff;text-align:center;white-space:nowrap;}
.calendar-banner-list li::before{content:"";position:absolute;top:-16px;left:50%;width:6px;height:6px;background:#fff;transform:translateX(-50%);}
.calendar-banner-list b{display:block;font-size:25px;line-height:1;font-weight:700;}
.calendar-banner-list span{display:block;margin-top:6px;font-size:14px;line-height:1;font-weight:500;}

.smu-media-section{padding-top:60px;padding-bottom:75px;}
.smu-media-title{display:flex;justify-content:space-between;align-items:center;border:none;padding:0 0 10px;width:auto;}
.smu-media-title::after{display:none;}
.smu-media-sns{display:flex;align-items:center;gap:10px;}
.media-sns-link{position:relative;display:block;width:38px;height:38px;}
.media-sns-link img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease,transform .3s ease;}
.media-sns-link .icon-default{opacity:1;}
.media-sns-link .icon-hover{opacity:0;}
.media-sns-link:hover .icon-default{opacity:0;transform:translateY(-2px);}
.media-sns-link:hover .icon-hover{opacity:1;transform:translateY(-2px);}
.smu-shorts-wrap{position:relative;width:100%;max-width:1500px;height:520px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:visible;}
.shorts-viewport{width:100%;height:100%;overflow:visible;}
.shorts-track{position:relative;width:100%;height:100%;margin:0;padding:0;list-style:none;}
.shorts-item{position:absolute;top:50%;left:50%;width:300px;aspect-ratio:1 / 1;transform:translate(-50%,-50%);opacity:0;z-index:1;transition:all .55s ease;}
.shorts-item a{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#aaa;text-decoration:none;box-shadow:0 3px 4px rgba(0,0,0,.2);transition:box-shadow .35s ease,transform .35s ease;}
.shorts-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease,filter .35s ease;}
.shorts-item.is-active{width:420px;opacity:1;z-index:5;transform:translate(-50%,-50%) scale(1);}
.shorts-item.is-prev{opacity:.78;z-index:4;transform:translate(calc(-50% - 290px),-50%) scale(.88);}
.shorts-item.is-next{opacity:.78;z-index:4;transform:translate(calc(-50% + 290px),-50%) scale(.88);}
.shorts-item.is-prev2{opacity:.56;z-index:3;transform:translate(calc(-50% - 510px),-50%) scale(.72);}
.shorts-item.is-next2{opacity:.56;z-index:3;transform:translate(calc(-50% + 510px),-50%) scale(.72);}
.shorts-item:hover a{box-shadow:0 18px 36px rgba(0,0,0,.16);}
.shorts-item:hover img{transform:scale(1.05);filter:brightness(.96);}

/* MEDIA 슬라이더 화살표 위치 */
.smu-shorts-wrap .shorts-prev{left:50%; right:auto; margin-left:-215px; margin-right:0;}
.smu-shorts-wrap .shorts-next{right:50%; left:auto; margin-right:-215px; margin-left:0;}

.shorts-arrow{position:absolute; top:50%; width:58px; height:58px; padding:0; border:0; border-radius:50%; background:rgba(0,0,0,.45); color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%);
    z-index:20;
    cursor:pointer;
    box-sizing:border-box;
    transition:background .25s ease;
}

.shorts-arrow span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-family:Arial,sans-serif;
    font-size:38px;
    font-weight:300;
    line-height:1;
    transform:translateY(-2px);
}

.shorts-arrow:hover{
    background:rgba(0,82,163,.9);
}

/* ========================= MEDIA BOTTOM : PC ========================= */

.smu-media-bottom{
    width:100%;
    max-width:1240px;
    margin:15px auto 54px;
    display:grid;
    grid-template-columns:1fr 1fr 180px 180px 180px;
    gap:16px;
    align-items:start;
}

/* PC에서는 래퍼를 없앤 것처럼 처리하여 카드 5개를 한 줄에 배치 */
.media-long-wrap,
.media-square-wrap{
    display:contents;
}

.media-bottom-card{
    position:relative;
    display:block;
    min-width:0;
    overflow:hidden;
    border:1px solid transparent;
    background:#ddd;
    box-shadow:0 8px 22px rgba(0,0,0,.08);
    box-sizing:border-box;
    transition:
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}

.media-long-card{
    height:180px;
}

.media-square-card{
    width:180px;
    height:180px;
}

.media-bottom-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:
        transform .6s cubic-bezier(.22,1,.36,1),
        filter .4s ease;
}

.media-bottom-card:hover{
    border-color:#8fa6bc;
    transform:translateY(-4px);
    box-shadow:0 16px 32px rgba(0,0,0,.14);
}

.media-bottom-card:hover img{
    transform:scale(1.04);
    filter:brightness(.97);
}

.smu-main-banner-section{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;}
.smu-main-banner-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;height:332px;overflow:hidden;}
.main-banner-side{display:grid;grid-template-rows:1fr 1fr;height:100%;min-height:0;overflow:hidden;}
.main-banner-side > a{min-height:0;}
.main-banner{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#eee;}
.main-banner img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1);transition:transform .6s cubic-bezier(.22,1,.36,1);}
.main-banner-blue img{object-position:center center;}
.main-banner-pink img{object-position:center center;}
.main-banner-orange img{object-position:center center;}
.main-banner:hover img{transform:scale(1.018);}
.main-banner-bottom{position:relative;display:block;width:100%;height:240px;overflow:hidden;background:#d7eef8;}
.main-banner-bottom img{display:block;width:100%;height:100%;object-fit:cover;}
.main-banner-bottom::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.38),rgba(0,0,0,0));z-index:2;pointer-events:none;}
.bottom-copy{position:absolute;bottom:6px;z-index:3;font-size:30px;font-weight:400;color:#fff;letter-spacing:-.05em;text-shadow:0 2px 8px rgba(0,0,0,.45);}
.bottom-copy .point{font-size:43px;font-weight:400;color:#fff;}
.bottom-copy-left{left:18px;}
.bottom-copy-right{right:18px;}

/* ========================= MAIN BANNER TEXT OVERLAY ========================= */

.main-banner-content{position:absolute; left:9%; top:14%; z-index:3; width:auto; max-width:76%; box-sizing:border-box; pointer-events:none; transition:transform .3s ease;}
.main-banner-content p{margin:0 0 8px 1px; font-size:17px; line-height:1.4; font-weight:400; color:#4f4f4f; letter-spacing:-.035em; word-break:keep-all;}

.main-banner-title-row{display:flex; align-items:center; gap:26px; flex-wrap:wrap;}
.main-banner-title-row strong{display:block; margin:0; font-size:34px; line-height:1.1; font-weight:700; letter-spacing:-.055em; white-space:nowrap;}

.main-banner-button{display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 18px; border-radius:999px; font-size:15px; line-height:1; font-weight:400; color:#fff; white-space:nowrap; box-sizing:border-box; transition:
        box-shadow .28s ease,
        transform .28s ease,
        filter .28s ease;}
.main-banner-blue:hover .main-banner-button{
    box-shadow:0 5px 16px rgba(21,87,157,.28);
    filter:brightness(1.04);
}

.main-banner-pink:hover .main-banner-button{
    box-shadow:0 5px 16px rgba(154,74,157,.26);
    filter:brightness(1.04);
}

.main-banner-orange:hover .main-banner-button{
    box-shadow:0 5px 16px rgba(239,135,63,.26);
    filter:brightness(1.04);
}
.main-banner-button::after{
    display:none;
}


.main-banner-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 56px 0 18px;
    border-radius:999px;
    font-size:15px;
    line-height:1;
    font-weight:400;
    color:#fff;
    white-space:nowrap;
    box-sizing:border-box;
}

/* 가로선 */
.main-banner-button::before{
    content:"";
    position:absolute;
    top:60%;
    right:16px;
    display:block;
    width:32px;
    height:1px;
    margin:0;
    background:#fff;
    transform:translateY(-50%);
}

/* 오른쪽 끝으로 내려오는 사선 */
.main-banner-button::after{
    content:"";
    position:absolute;
    top:calc(65% - 3px);
    right:16px;
    display:block;
    width:16px;
    height:1px;
    margin:0;
    background:#fff;
    transform:rotate(21deg);
    transform-origin:right center;
}


.main-banner-content-pink .main-banner-button::before,
.main-banner-content-orange .main-banner-button::before{
    right:13px;
    width:27px;
}

.main-banner-content-pink .main-banner-button::after,
.main-banner-content-orange .main-banner-button::after{
    top:calc(50% - -2px);
    right:13px;
    width:13px;
}


/* 배너별 글자·버튼 색상 */
.main-banner-blue .main-banner-title-row strong{color:#15579d;}
.main-banner-blue .main-banner-button{background:#15579d;}
.main-banner-pink .main-banner-title-row strong{color:#9a4a9d;}
.main-banner-pink .main-banner-button{background:#9a4a9d;}
.main-banner-orange .main-banner-title-row strong{color:#ef873f;}
.main-banner-orange .main-banner-button{background:#ef873f;}

/* ========================= 배너별 크기 조정 ========================= */

/* BLUE */
.main-banner-content-blue p{font-size:17px;}
.main-banner-content-blue .main-banner-title-row strong{font-size:34px;}
.main-banner-content-blue .main-banner-button{
    min-height:38px;
    padding:0 56px 0 18px;
    font-size:15px;
}

/* PINK */
.main-banner-content-pink p{font-size:14px;}
.main-banner-content-pink .main-banner-title-row strong{font-size:27px;}
.main-banner-content-pink .main-banner-button{
    min-height:30px;
    padding:0 48px 0 14px;
    font-size:12px;
}

/* ORANGE */
.main-banner-content-orange p{font-size:14px;}
.main-banner-content-orange .main-banner-title-row strong{font-size:27px;}
.main-banner-content-orange .main-banner-button{
    min-height:30px;
    padding:0 48px 0 14px;
    font-size:12px;
}

/* ========================= MAIN BANNER HOVER FRAME ========================= */

.main-banner-blue,
.main-banner-pink,
.main-banner-orange{
    position:relative;
    isolation:isolate;
}

/* 배너 테두리 */
.main-banner-blue::before,
.main-banner-pink::before,
.main-banner-orange::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    border:1px solid transparent;
    opacity:0;
    pointer-events:none;
    box-sizing:border-box;
    transition:
        opacity .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.main-banner-blue:hover .main-banner-content,
.main-banner-pink:hover .main-banner-content,
.main-banner-orange:hover .main-banner-content{
    transform:translateY(-2px);
}

/* BLUE */
.main-banner-blue:hover::before{
    opacity:1;
    border-color:#15579d;
    box-shadow:
        inset 0 0 0 1px rgba(21,87,157,.18),
        inset 0 0 24px rgba(21,87,157,.10),
        0 0 18px rgba(21,87,157,.20);
}

/* PINK */
.main-banner-pink:hover::before{
    opacity:1;
    border-color:#9a4a9d;
    box-shadow:
        inset 0 0 0 1px rgba(154,74,157,.16),
        inset 0 0 20px rgba(154,74,157,.09),
        0 0 16px rgba(154,74,157,.18);
}

/* ORANGE */
.main-banner-orange:hover::before{
    opacity:1;
    border-color:#ef873f;
    box-shadow:
        inset 0 0 0 1px rgba(239,135,63,.16),
        inset 0 0 20px rgba(239,135,63,.09),
        0 0 16px rgba(239,135,63,.18);
}


/* ========================= SMU QUICK LINK ========================= */

.smu-link-section{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    background:#fff;
}

#smuLink #mlink{
    display:block;
    width:100%;
    min-height:117px;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

#smuLink #mlink ul{
    display:flex;
    align-items:center;
    width:100%;
    min-height:117px;
    margin:0;
    padding:0;
    list-style:none;
    background:linear-gradient(180deg,#0052a3 0%,#0052a3 100%);
    box-shadow:0 10px 15px rgba(0,0,0,.15);
    box-sizing:border-box;
}

#smuLink #mlink ul li{
    flex:1 1 12.5%;
    width:auto;
    min-width:0;
    height:24px;
    margin:0;
    padding:0;
    border-right:1px solid rgba(255,255,255,.65);
    box-sizing:border-box;
}

#smuLink #mlink ul li:last-child{
    border-right:0;
}

#smuLink #mlink ul li .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#fff;
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.04em;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    box-sizing:border-box;
    transition:transform .3s ease,color .3s ease;
}

#smuLink #mlink ul li .icon:hover,
#smuLink #mlink ul li .icon:focus{
    color:#fff;
    transform:translateY(-2px) scale(1.04);
}


@media(max-width:1600px){
.smu-main-banner-grid{height:311px;}
}

@media(max-width:1200px){

    #smuLink #mlink{
        min-height:auto;
    }

    #smuLink #mlink ul{
        flex-wrap:wrap;
        min-height:auto;
    }

    #smuLink #mlink ul li{
        flex:0 0 25%;
        width:25%;
        height:70px;
        border-right:1px solid rgba(255,255,255,.22);
        border-bottom:1px solid rgba(255,255,255,.22);
    }

    #smuLink #mlink ul li:nth-child(4n){
        border-right:0;
    }

    #smuLink #mlink ul li .icon{
        padding:0 10px;
        font-size:17px;
        white-space:normal;
        word-break:keep-all;
    }
}

/* ========================= 1024~1279 : 큰 태블릿 / 작은 노트북 ========================= */
@media(min-width:1024px) and (max-width:1279px){
.smu-main-visual video{height:620px;}
.main-visual-image{height:620px;}
.smu-visual-news a{padding:0 75px;}
.smu-visual-news span{font-size:20px;}

.smu-section{padding:55px 40px 0;}
.smu-section-title{max-width:none;margin-left:0;margin-right:0;}

.smu-news-wrap{max-width:none;grid-template-columns:1fr 1fr;gap:24px;}
.news-card .thumb{height:280px;}

.news-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;height:auto;}
.news-list li{height:140px;}
.news-list li.has-thumb a{display:block;padding:18px 14px;}
.news-list-thumb{display:none;}
.news-list li.has-thumb strong{font-size:15px;}
.news-list li.has-thumb em{text-align:right;}

.smu-notice-wrap{grid-template-columns:320px 1fr;gap:28px;margin-left:0;margin-right:0;align-items:start;}

.notice-feature{width:320px;height:420px;padding:0;margin:0;position:relative;box-sizing:border-box;}
.notice-feature-card{position:absolute;left:75px;top:48px;width:264px;height:377px;padding:22px 18px 16px 22px;}
.notice-feature-card strong{font-size:19px;line-height:1.35;}
.notice-feature-date{right:18px;top:92px;font-size:13px;}
.notice-feature-img{left:20px;right:20px;bottom:18px;height:116px;}
.notice-tabs a{padding:0 57px;}
.notice-character{position:absolute;left:-28px;top:259px;bottom:auto;width:120px;z-index:2;}
.notice-card-list{grid-template-columns:repeat(2,1fr);gap:8px;}
.notice-card-list li{height:120px;}

.smu-calendar-section{margin-top:43px;}
.calendar-banner{height:150px;}
.calendar-title-text{left:42px;top:46px;}
.calendar-title-line strong,.calendar-title-line p{font-size:32px;}
.calendar-title-text > span{font-size:16px;}
.calendar-more{left:305px;top:73px;}
.calendar-banner-list{right:90px;top:67px;gap:110px;}
.calendar-banner-list b{font-size:17px;}
.calendar-banner-list span{font-size:12px;}

.smu-media-section{padding-left:40px;padding-right:40px;}
.smu-media-title{max-width:none;margin-left:0;margin-right:0;}
.smu-shorts-wrap{height:420px;margin:38px 0 42px;}
.shorts-item.is-active{width:340px;}
.shorts-item.is-prev{transform:translate(calc(-50% - 235px),-50%) scale(.86);}
.shorts-item.is-next{transform:translate(calc(-50% + 235px),-50%) scale(.86);}
.shorts-item.is-prev2,.shorts-item.is-next2{display:none;}

.smu-media-bottom{
    max-width:820px;
    margin:30px auto 50px;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.media-long-wrap{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.media-square-wrap{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.media-long-card{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
}

.media-square-card{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
}

.smu-main-banner-section{padding:60px 0 0;}
.smu-main-banner-grid{grid-template-columns:1fr;height:auto;}
.main-banner{height:220px;}
.main-banner-side{display:grid;grid-template-rows:none;height:auto;}
.main-banner-blue,.main-banner-pink,.main-banner-orange{height:240px;}
.main-banner-bottom{height:200px;}
.main-banner-content{left:7%; top:13%; max-width:82%;}
.main-banner-content p{font-size:14px;}
.main-banner-title-row{gap:16px;}
.main-banner-title-row strong{font-size:27px;}
.main-banner-button{
    padding:0 42px 0 15px;
}

.main-banner-button::before{
    right:12px;
    width:22px;
}

.main-banner-button::after{
    right:12px;
    width:8px;
}
.main-banner-content-blue p{font-size:15px;}
.main-banner-content-blue .main-banner-title-row strong{font-size:30px;}
.main-banner-content-blue .main-banner-button{ min-height:34px; padding:0 50px 0 15px; font-size:13px;}
.main-banner-content-pink p,
.main-banner-content-orange p{font-size:12px;}
.main-banner-content-pink .main-banner-title-row strong,
.main-banner-content-orange .main-banner-title-row strong{font-size:23px;}
.main-banner-content-pink .main-banner-button,
.main-banner-content-orange .main-banner-button{min-height:27px; padding:0 42px 0 12px; font-size:11px;}

#mlink{width:100%;height:100%;}
    #mlink ul{display:flex; flex-wrap:wrap; height:100%;}
    #mlink ul li{float:left;width:25%;height:70px;border-top:none; border-right: 1px solid #3c3f45;}
    #mlink ul li.last{width:24%;}
    #mlink ul li.last a{padding:20px 0;}
    #mlink ul li .icon{padding:22px 0;text-align:center}
    #mlink ul li .icon span{float:none;margin-left:10px}
    #mlink ul li .icon{border-bottom:1px solid #3c3f45;}
}


/* ========================= 769~1023 : 태블릿 세로 ========================= */
@media(min-width:769px) and (max-width:1023px){
.smu-main-visual video{height:520px;}
.main-visual-image{height:520px;}
.smu-section{padding:55px 40px 0;}
.smu-section-title{max-width:none;margin-left:0;margin-right:0;}
.smu-section-title .title-left{display:flex;flex-direction:row;align-items:flex-end;gap:7px;}
.smu-section-title h2,.smu-section-title h3{font-size:38px;}
.smu-section-title p{margin-left:18px;font-size:15px;}
.smu-news-wrap{grid-template-columns:1fr 1fr;gap:24px;}
.news-card .thumb{height:260px;}
.news-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;height:auto;}
.news-list li{height:140px;}
.news-list li.has-thumb a{display:block;padding:18px 14px;}
.news-list-thumb{display:none;}
.news-list li.has-thumb strong{font-size:15px;}
.news-list li.has-thumb em{text-align:right;}
.smu-notice-section{padding-left:40px;padding-right:40px;}
.smu-notice-wrap{grid-template-columns:1fr;gap:34px;margin-left:0;margin-right:0;}
.notice-feature{width:360px;max-width:100%;padding-left:74px;margin:0 auto;}
.notice-character{left:-16px;bottom:8px;width:135px;}
.notice-feature-card{width:100%;height:260px;}
.notice-card-list{grid-template-columns:repeat(2,1fr);gap:8px;}
.calendar-banner{height:150px;}
.calendar-title-text{left:40px;top:42px;}
.calendar-title-line strong,.calendar-title-line p{font-size:30px;}
.calendar-more{left:310px;top:78px;transform:scale(.9);transform-origin:left center;}
.calendar-banner-list{right:30px;top:55px;gap:34px;}
.smu-media-section{padding-left:40px;padding-right:40px;}
.smu-shorts-wrap{height:430px;margin-top:42px;}
.shorts-item{width:240px;}
.shorts-item.is-active{width:340px;}
.shorts-item.is-prev{transform:translate(calc(-50% - 235px),-50%) scale(.86);}
.shorts-item.is-next{transform:translate(calc(-50% + 235px),-50%) scale(.86);}
.shorts-item.is-prev2,.shorts-item.is-next2{display:none;}

.smu-media-bottom{
    max-width:720px;
    margin:30px auto 50px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.media-long-wrap{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.media-square-wrap{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.media-long-card{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
}

.media-square-card{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
}

.smu-main-banner-grid{grid-template-columns:1fr;height:auto;}
.main-banner-blue,.main-banner-pink,.main-banner-orange{height:220px;}
.main-banner-bottom{height:200px;}
.main-banner-content{left:6%; top:12%; max-width:86%;}
.main-banner-content p{margin-bottom:6px; font-size:13px;}
.main-banner-title-row{gap:12px;}
.main-banner-title-row strong{font-size:24px;}
.main-banner-button{
    padding:0 38px 0 13px;
}

.main-banner-button::before{
    right:10px;
    width:18px;
}

.main-banner-button::after{
    right:10px;
    width:7px;
}
.main-banner-content-blue p{font-size:14px;}
.main-banner-content-blue .main-banner-title-row strong{font-size:27px;}
.main-banner-content-blue .main-banner-button{min-height:31px; padding:0 44px 0 13px; font-size:12px;}
.main-banner-content-pink p,
.main-banner-content-orange p{font-size:11px;}
.main-banner-content-pink .main-banner-title-row strong,
.main-banner-content-orange .main-banner-title-row strong{font-size:21px;}
.main-banner-content-pink .main-banner-button,
.main-banner-content-orange .main-banner-button{min-height:25px; padding:0 38px 0 10px; font-size:10px;}

    #mlink ul{padding:0 0px;}
    #mlink ul li{width:33.33%;height:34%;}
    #mlink ul li .icon{text-align:center; padding:20px;}
    #mlink ul li.last{width:34%;}
    #mlink ul li.last a{padding:20px;text-align:left;}
    #mlink ul li.last .icon span{float:right;}
    #mlink ul li .icon span{float:right;margin-left:0;}
    #mlink ul li .icon:hover, #mlink ul li .icon:focus, #mlink ul li .icon:active{background-color:transparent;}
}
/* ========================= 0~768 : 모바일 ========================= */
@media(max-width:768px){
#mshowcase{height:320px;}
.smu-main-visual video{height:420px;}
.main-visual-image{height:420px;}
.smu-visual-news a{height:auto;min-height:72px;padding:16px 20px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;}
.smu-visual-news span{font-size:17px;white-space:normal;line-height:1.4;}
.smu-visual-news em{font-size:14px;}
.news-right{margin-left:0;}
#smuNews{display:none !important;}
#slide_mnews{display:block !important;padding:54px 24px 0;background:#fff;}
.smu-mobile-news-title,.smu-notice-section .smu-section-title,.smu-media-title{position:relative;width:100%;max-width:1420px;margin:0 auto 28px;padding-bottom:14px;display:block;box-sizing:border-box;}
.smu-mobile-news-title::before,.smu-notice-section .smu-section-title::before,.smu-media-title::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#111;}
.smu-mobile-news-title::after,.smu-notice-section .smu-section-title::after{content:"";position:absolute;right:0;bottom:0;width:35px;height:1px;background:#111;transform:rotate(19deg);transform-origin:right center;}
.smu-media-title::after{display:none;}
.smu-mobile-news-title .title-left,.smu-notice-section .smu-section-title .title-left,.smu-media-title .title-left{display:block;padding-right:0;}
.smu-mobile-news-title h2,.smu-notice-section .smu-section-title h2,.smu-media-title h2{margin:0;font-size:26px;line-height:1;font-weight:700;color:#0052a3;}
.smu-mobile-news-title h3,.smu-notice-section .smu-section-title h3,.smu-media-title h3{margin:2px 0 0;font-size:52px;line-height:1;font-weight:700;color:#3e3a39;}
.smu-mobile-news-title p,.smu-notice-section .smu-section-title p,.smu-media-title p{margin:14px 0 0;font-size:15px;line-height:1.5;color:#666;word-break:keep-all;}
.smu-mobile-news-title .section-more,.smu-notice-section .smu-section-title .section-more{position:absolute;right:0;top:8px;padding:0;font-size:14px;color:#333;}

.shorts-prev{left:20px;margin-left:0;}
.shorts-next{right:20px;margin-right:0;}
.smu-notice-section{padding:54px 24px 60px;}
.smu-notice-wrap{grid-template-columns:1fr;gap:32px;}
.notice-feature{width:616px;max-width:100%;padding-left:64px;margin:0 auto;}
.notice-character{left:-39px;width:120px;}
.notice-feature-card{height:347px;width:553px;}
.notice-feature-card strong{font-size:19px;}
.notice-feature-date{top:95px;font-size:13px;}
.notice-feature-img{height:206px;}
.notice-tabs{display:flex;width:100%;height:auto;margin-bottom:16px;padding-bottom:8px;align-items:center;justify-content:space-between;overflow:visible;}
.notice-tabs a{flex:1;padding:0;font-size:15px;line-height:30px;text-align:center;white-space:nowrap;}
.notice-card-list{grid-template-columns:1fr;gap:8px;}
.notice-card-list li{height:auto;min-height:110px;padding:16px 14px 12px;}
.notice-card-list li a{height:auto;min-height:58px;font-size:16px;line-height:1.45;}
.calendar-banner{height:185px;min-height:185px;}
.calendar-banner > img{height:185px;object-fit:cover;object-position:center center;}
.calendar-banner-inner{position:absolute;inset:0;width:100%;max-width:none;left:0;transform:none;padding:0 18px;box-sizing:border-box;}
.calendar-title-text{left:18px;top:28px;}
.calendar-title-line{gap:5px;}
.calendar-title-line strong,.calendar-title-line p{font-size:27px;}
.calendar-title-text > span{margin-top:6px;font-size:17px;}
.calendar-more{left:auto;right:18px;top:84px;width:105px;height:28px;padding-left:0;line-height:28px;}
.calendar-more span{font-size:18px;}
.calendar-more::before{width:104px;bottom:3px;}
.calendar-more::after{right:1px;bottom:3px;width:16px;}
.calendar-banner-list{display:block;position:absolute;left:18px;right:18px;top:79px;height:48px;overflow:hidden;}
.calendar-banner-list li{position:absolute;left:0;top:0;width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;opacity:0;transform:translateY(12px);animation:calendarMobileSlide 9s infinite;}
.calendar-banner-list li:nth-child(1){animation-delay:0s;}
.calendar-banner-list li:nth-child(2){animation-delay:3s;}
.calendar-banner-list li:nth-child(3){animation-delay:6s;}
.calendar-banner-list li::before{display:none;}
.calendar-banner-list b{display:block;font-size:23px;line-height:1;font-weight:700;color:#fff;}
.calendar-banner-list span{display:block;margin-top:0;font-size:18px;line-height:1;color:#fff;font-weight:500;}
.smu-media-section{padding:54px 24px 60px;}

.smu-media-bottom{
    width:100%;
    max-width:720px;
    margin:30px auto 0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* 긴 이미지 2장 */
.media-long-wrap{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

/* 1:1 이미지 3장 */
.media-square-wrap{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.media-long-card{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
}

.media-square-card{
    width:357px; height:357px;
    aspect-ratio:1 / 1;
}

.smu-media-sns{position:absolute;right:0;top:35px;margin:0;display:flex;align-items:center;gap:6px;}
.media-sns-link{width:40px;height:40px;}
.smu-shorts-wrap{width:100%;height:380px;margin:28px 0 36px;overflow:hidden;}
 .smu-shorts-wrap .shorts-prev{
        left:20px;
        right:auto;
        margin-left:0;
    }

    .smu-shorts-wrap .shorts-next{
        right:20px;
        left:auto;
        margin-right:0;
    }
.shorts-viewport{overflow:hidden;}
.shorts-item{width:220px;}
.shorts-item.is-active{width:320px;}
.shorts-item.is-prev{transform:translate(calc(-50% - 220px),-50%) scale(.82);}
.shorts-item.is-next{transform:translate(calc(-50% + 220px),-50%) scale(.82);}
.shorts-arrow{
    width:46px;
    height:46px;
}

.shorts-arrow span{
    font-size:31px;
    transform:translateY(-1px);
}
.shorts-prev{left:20px;margin-left:0;}
.shorts-next{right:20px;margin-right:0;}
.smu-media-bottom{grid-template-columns:1fr;gap:16px;margin-top:30px;}

.smu-main-banner-section{margin:0;padding:0;}
.smu-main-banner-grid{display:grid;grid-template-columns:1fr;height:auto;overflow:hidden;}
.main-banner-side{display:grid;grid-template-rows:1fr 1fr;height:auto;}
.main-banner-blue{height:270px;}
.main-banner-pink{height:150px;}
.main-banner-orange{height:150px;}
.main-banner-bottom{height:160px;}
.bottom-copy{bottom:12px;font-size:18px;line-height:1.2;letter-spacing:-.05em;white-space:nowrap;}
.bottom-copy .point{font-size:26px;}
.bottom-copy-left{left:18px;}
.bottom-copy-right{right:18px;}

.main-banner-content{left:18px; right:18px; top:16px; width:auto; max-width:none}
.main-banner-content p{margin:0 0 5px; font-size:12px;line-height:1.35;}
.main-banner-title-row{display:block;}
.main-banner-title-row strong{font-size:22px; line-height:1.12; white-space:normal;}
.main-banner-button{
    padding:0 30px 0 10px;
}

.main-banner-button::before{
    right:8px;
    width:14px;
}

.main-banner-button::after{
    right:8px;
    width:6px;
}
.main-banner-content-blue p{font-size:12px;}
.main-banner-content-blue .main-banner-title-row strong{font-size:22px; padding:0 0 10px;}
.main-banner-content-blue .main-banner-button{min-height:28px; padding:0 38px 0 12px; font-size:11px;}
.main-banner-content-pink p,
.main-banner-content-orange p{font-size:10px;}
.main-banner-content-pink .main-banner-title-row strong,
.main-banner-content-orange .main-banner-title-row strong{font-size:18px;}
.main-banner-content-pink .main-banner-button,
.main-banner-content-orange .main-banner-button{min-height:23px; padding:0 47px 0 9px; font-size:9px;}
}

@media(min-width:481px) and (max-width:768px){

.smu-mobile-news-inner{
    width:100%;
    max-width:680px;
    margin:0 auto;
}

.smu-mobile-news-slider{
    position:relative;
    width:100%;
    overflow:visible;
}

.smu-mobile-news-track{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    transform:none !important;
    transition:none;
}

.smu-mobile-news-item{
    width:100%;
    min-width:0;
    flex:none;
}

.smu-mobile-news-item a{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    align-items:center;
    gap:18px;
    width:100%;
    min-height:148px;
    padding:14px;
    border:1px solid #d5d9de;
    background:#fff;
    color:#111;
    text-decoration:none;
    box-sizing:border-box;
}

.smu-mobile-news-item img{
    display:block;
    width:180px;
    height:120px;
    object-fit:cover;
    box-shadow:none;
}

.smu-mobile-news-item strong{
    display:block;
    margin:0;
    font-size:16px;
    line-height:1.5;
    font-weight:500;
    letter-spacing:-.04em;
    word-break:keep-all;
}

.mobile-news-prev,
.mobile-news-next{
    display:none !important;
}

}

/* ========================= 0~640 : 작은 모바일 ========================= */
@media(max-width:640px){
.smu-main-visual video{height:320px;}
.main-visual-image{height:320px;}
.smu-visual-news a{min-height:68px;padding:14px 18px;}
.smu-visual-news span{font-size:15px;}
.smu-visual-news em{font-size:13px;}
#slide_mnews{padding:30px 18px 0;}
.smu-mobile-news-item strong{font-size:16px;text-align:center;}

.smu-notice-section{padding:30px 18px 54px;}
.smu-notice-wrap{gap:32px;}
.notice-feature{width:100%;max-width:309px;padding-left:57px;}
.notice-character{left:-35px;bottom:10px;width:112px;}
.notice-feature-card{width:252px;height:244px;padding:20px 18px 16px 22px;}
.notice-feature-card strong{font-size:18px;line-height:1.35;}
.notice-feature-date{right:20px;top:92px;}
.notice-feature-img{left:22px;right:22px;bottom:16px;height:108px;}
.notice-tabs{margin-bottom:14px;padding-bottom:8px;}
.notice-tabs a{font-size:14px;line-height:30px;text-align:center;}
.notice-card-list li{min-height:116px;}
.notice-card-list li a{font-size:15px;}
.calendar-banner{height:178px;min-height:178px;}
.calendar-banner > img{height:178px;}
.calendar-banner-inner{padding:0 16px;}
.calendar-title-text{left:16px;top:26px;}
.calendar-title-line strong,.calendar-title-line p{font-size:28px;}
.calendar-title-text > span{font-size:16px;}
.calendar-more{right:16px;top:26px;}
.calendar-banner-list{left:16px;right:16px;top:90px;height:46px;}
.calendar-banner-list li{height:46px;gap:10px;}
.calendar-banner-list b{font-size:24px;}
.calendar-banner-list span{font-size:22px;}
.smu-media-section{padding:48px 18px 54px;}
.smu-media-title{margin:0 auto 26px;}
.smu-shorts-wrap{height:350px;margin-top:26px;}
.shorts-item{width:200px;}
.shorts-item.is-active{width:300px;}
.shorts-item.is-prev{transform:translate(calc(-50% - 200px),-50%) scale(.8);}
.shorts-item.is-next{transform:translate(calc(-50% + 200px),-50%) scale(.8);}
.smu-media-bottom{max-width:374px;margin-left:auto;margin-right:auto;grid-template-columns:1fr;}
.smu-main-banner-section{margin:0;padding:0;}
.smu-main-banner-grid{display:grid;grid-template-columns:1fr;height:auto;overflow:hidden;}
.main-banner-side{display:grid;grid-template-rows:1fr 1fr;height:auto;}
.main-banner-blue{height:180px;}
.main-banner-pink{height:90px;}
.main-banner-orange{height:90px;}
.main-banner-bottom{height:150px;}

.smu-media-bottom{
    max-width:380px;
}

.media-long-wrap,
.media-square-wrap{
    grid-template-columns:1fr;
}

.media-long-card:nth-child(1), .media-long-card:nth-child(2){height:211px;}
.media-square-card:nth-child(3),.media-square-card:nth-child(4),.media-bottom-card:nth-child(5){width:375px;}
.bottom-copy{bottom:10px;font-size:15px;line-height:1.2;letter-spacing:-.06em;white-space:nowrap;}
.bottom-copy .point{font-size:22px;}
.bottom-copy-left{left:12px;}
.bottom-copy-right{right:12px;}

#smuLink #mlink ul li{
        flex:0 0 50%;
        width:50%;
        height:58px;
    }

    #smuLink #mlink ul li:nth-child(4n){
        border-right:1px solid rgba(255,255,255,.22);
    }

    #smuLink #mlink ul li:nth-child(2n){
        border-right:0;
    }

    #smuLink #mlink ul li .icon{
        padding:0 8px;
        font-size:14px;
    }

}

/* ========================= 0~500 : 작은 모바일 ========================= */
@media(max-width:500px){
.notice-feature{max-width:364px;}
.notice-character{left:-32px;}
.notice-feature-card{width:307px;}
.notice-tabs a{font-size:17px;}
.smu-mobile-news-item strong{text-align:center;}
.media-sns-link{width:40px;height:40px;}
.smu-media-bottom{max-width:380px;margin-left:auto;margin-right:auto;grid-template-columns:1fr;}
.smu-main-banner-section{margin:0;padding:0;}
.smu-main-banner-grid{display:grid;grid-template-columns:1fr;height:auto;overflow:hidden;}
.main-banner-side{display:grid;grid-template-rows:1fr 1fr;height:auto;}
.main-banner-blue{height:172px;}
.main-banner-pink{height:132px;}
.main-banner-orange{height:132px;}
.main-banner-bottom{height:150px;}
.media-long-card:nth-child(1), .media-long-card:nth-child(2){height:215px;}
.media-square-card:nth-child(3),.media-square-card:nth-child(4),.media-bottom-card:nth-child(5){width:357px;}

.main-banner-content{left:14px; right:14px; top:13px;}
.main-banner-content p{font-size:10px;}
.main-banner-title-row strong{font-size:19px;}
.main-banner-button{min-height:25px; margin-top:6px; padding:0 10px; font-size:10px;}
.main-banner-button::before{width:26px;}
.main-banner-button::after{width:13px; margin-left:6px;}
}

/* ========================= 0~480 : 모바일 NEWS 슬라이더 ========================= */
@media(max-width:480px){

#slide_mnews{
    padding:30px 18px 0;
}

.smu-mobile-news-inner{
    width:100%;
    max-width:320px;
    margin:0 auto;
}

.smu-mobile-news-slider{
    position:relative;
    width:100%;
    overflow:hidden;
}

.smu-mobile-news-track{
    display:flex;
    grid-template-columns:none;
    gap:0;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    transition:transform .45s ease;
    /* transform:none 및 !important를 넣지 않습니다. */
}

.smu-mobile-news-item{
    flex:0 0 100%;
    width:100%;
    min-width:100%;
}

.smu-mobile-news-item a{
    display:block;
    width:100%;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    color:#111;
    text-decoration:none;
    box-shadow:none;
    transform:none;
}

.smu-mobile-news-item img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:cover;
    box-shadow:0 4px 3px rgba(0,0,0,.2);
}

.smu-mobile-news-item strong{
    display:block;
    margin-top:14px;
    font-size:16px;
    line-height:1.45;
    font-weight:500;
    letter-spacing:-.05em;
    word-break:keep-all;
}

.mobile-news-prev,
.mobile-news-next{
    display:flex !important;
}

.mobile-news-prev{
    left:10px; top:43%;
}

.mobile-news-next{
    right:10px; top:43%;
}


.shorts-arrow{
    width:42px;
    height:42px;
}

.shorts-arrow span{
    font-size:29px;
    transform:translateY(-1px);
}

}

/* ========================= 0~375 : 가장 작은 모바일 ========================= */
@media(max-width:375px){
.smu-mobile-news-item strong{text-align:center;}
.notice-feature-card strong{padding-right:0;font-size:17px;}
.smu-notice-wrap{margin-left:0;}
.notice-feature{max-width:338px;padding-left:73px;}
.notice-feature-card{width:266px;}
.notice-tabs a{font-size:16px;}
.notice-character{left:-21px;}
.calendar-more{right:10px;top:52px;}
.smu-media-sns{top:40px;}
.media-sns-link{width:37px;height:37px;}
.smu-media-bottom{max-width:380px;margin-left:auto;margin-right:auto;grid-template-columns:1fr;}
.media-square-card{width:339px;height:339px;}
.smu-main-banner-section{margin:0;padding:0;}
.smu-main-banner-grid{display:grid;grid-template-columns:1fr;height:auto;overflow:hidden;}
.main-banner-side{display:grid;grid-template-rows:1fr 1fr;height:auto;}
.main-banner-blue{height:153px;}
.main-banner-pink{height:90px;}
.main-banner-orange{height:90px;}
.main-banner-bottom{height:150px;}
.media-long-card:nth-child(1), .media-long-card:nth-child(2){height:191px;}
.media-square-card:nth-child(3), .media-square-card:nth-child(4), .media-square-card:nth-child(5){width:340px;}
}

/* ========================= 0~375 : 가장 작은 모바일 ========================= */
@media(max-width:320px){
.smu-mobile-news-item strong{text-align:center;}
.notice-feature-card strong{padding-right:0;font-size:17px;}
.smu-notice-wrap{margin-left:0;}
.notice-feature{max-width:289px;}
.notice-feature-card{width:209px;}
.calendar-more{right:10px;top:52px;}
.smu-media-sns{top:35px;}
.media-sns-link{width:28px;height:28px;}
.smu-media-bottom{max-width:380px;margin-left:auto;margin-right:auto;grid-template-columns:1fr;}
.smu-main-banner-section{margin:0;padding:0;}
.smu-main-banner-grid{display:grid;grid-template-columns:1fr;height:auto;overflow:hidden;}
.main-banner-side{display:grid;grid-template-rows:1fr 1fr;height:auto;}
.main-banner-blue{height:153px;}
.main-banner-pink{height:90px;}
.main-banner-orange{height:90px;}
.main-banner-bottom{height:150px;}
.media-long-card:nth-child(1), .media-long-card:nth-child(2){height:159px;}
.media-square-card:nth-child(3),.media-square-card:nth-child(4),.media-square-card:nth-child(5){width:282px;}
}

@keyframes calendarMobileSlide{
0%{opacity:0;transform:translateY(12px);}
8%{opacity:1;transform:translateY(0);}
30%{opacity:1;transform:translateY(0);}
38%{opacity:0;transform:translateY(-12px);}
100%{opacity:0;transform:translateY(-12px);}
}