@charset "utf-8";

/* 공통 */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td{word-break:keep-all;}


/* header */
.typeMain .header{position:fixed;left:0;top:0;width:100%;}
.typeMain .header_wrap{transition:0.2s ease-in-out;}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_wrap{background-color:transparent;border-bottom-color:transparent;}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_cnt .logo a span.basic{opacity:0;pointer-events:none;}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_cnt .logo a span.white{opacity:1;pointer-events:auto;}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_gnb .gnb_menu .gnb_1depth{color:var(--color-text-inverse-static);}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_gnb .gnb_menu .gnb_1depth::after{background-color:var(--color-text-inverse-static);}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_util .util_list > li .btn.text{color:var(--color-text-inverse-static);}
.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_util .util_list > li .btn .svg_icon{background-color:var(--color-text-inverse-static);}
/*.typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_util .util_list > li:not(:first-child)::before{background-color: var(--color-alpha-base50);}*/
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_wrap{background-color:transparent;border-bottom-color:transparent;}
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_cnt .logo a span.basic{opacity:0;pointer-events:none;}
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_cnt .logo a span.white{opacity:1;pointer-events:auto;}
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_gnb .gnb_menu .gnb_1depth{color:var(--color-text-inverse-static);}
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_gnb .gnb_menu .gnb_1depth::after{background-color:var(--color-text-inverse-static);}
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_util .util_list > li .btn.text{color:var(--color-text-inverse-static);}
.typeMain.first:not(.is_gnb) .header:not(:hover) .header_util .util_list > li .btn .svg_icon{background-color:var(--color-text-inverse-static);}
/* .typeMain.first:not(.is_gnb) .header:not(:hover) .header_util .util_list > li:not(:first-child)::before{background-color: var(--color-alpha-base50);}*/
.typeMain .container{padding:0;max-width:100%;}
.typeMain.scroll_down .header{top:-8rem;}
.typeMain .header .drop_list .btn.basic .svg_icon{background-color:var(--color-text-basic) !important;}
@media only screen and (max-width:1040px){
    .typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_cnt .btn_navi{color:var(--color-text-inverse-static);}
    .typeMain:not(.scroll_up, .is_gnb) .header:not(:hover) .header_cnt .btn_navi .svg_icon{background-color:var(--color-text-inverse-static);}
    .typeMain.first:not(.is_gnb) .header:not(:hover) .header_cnt .btn_navi{color:var(--color-text-inverse-static);}
    .typeMain.first:not(.is_gnb) .header:not(:hover) .header_cnt .btn_navi .svg_icon{background-color:var(--color-text-inverse-static);}
}


/* content */
/* 메인 비주얼 */
.mVisual {overflow:hidden;position:relative;z-index:2;}
.mVisual::before{content:"";position:absolute;width:100%;height:12rem;left:0;top:0;background:linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);z-index:5;}
.mVisual .visualS{height:100svh;}
.mVisual .visualS .swiper-slide{position:relative;width:100%;z-index:5;}
.mVisual .visualS .swiper-slide .bg{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.mVisual .visualS .swiper-slide .bg img{width:100%;height:100%;object-fit:cover;}
.mVisual .visualS .inner{height:100%;padding-top:10.3rem;display:flex;flex-direction:column;justify-content:end;align-items:start;box-sizing:border-box;}
.mVisual .visualS .inner .titBx{padding:0 4.8rem 13.6rem;max-width:130rem;}
.mVisual .visualS .inner .titBx .tit1{color:var(--color-text-inverse-static);text-shadow: 0 0.4rem 5rem #000;font-size:6rem;font-style:normal;font-weight:700;line-height:130%;overflow-wrap:break-word;}
.mVisual .visualS .inner .titBx .tit2{color:var(--color-text-inverse-static);text-shadow: 0 0.4rem 5rem #000;font-size:2rem;font-style:normal;font-weight:400;line-height:130%;margin-top:1.2rem;}
.mVisual .visualS .control{position:absolute;width:48.2rem;height:3.2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;z-index:3;bottom:6.4rem;left:4.8rem;}
.mVisual .visualS .control .swiperProcess{position:relative;display:flex;align-items:center;width:34rem;height:1.2rem;border-radius:1.4rem;background:rgba(255,255,255,0.1);margin-right:2.4rem;overflow:hidden;}
.mVisual .visualS .control .swiperProcess .bar{--progress:0;position:absolute;left:0;top:0;height:100%;width:calc(100% * var(--progress));background: linear-gradient(90deg, #FFF 20%, rgba(255, 255, 255, 0.00) 100%);border-radius:1.4rem;}
.mVisual .visualS .control .swiperProcess .bar::after{content:"";position:absolute;right:0.2rem;top:50%;transform:translateY(-50%);width:0.8rem;height:0.8rem;border-radius:100%;background:var(--color-text-inverse-static);}
.mVisual .visualS .control .swiperBtn{width:3.2rem;height:3.2rem;cursor:pointer;position:relative;margin-right:1rem;}
.mVisual .visualS .control .swiperBtn .svg_icon{width:2rem;height:2rem;}
.mVisual .visualS .control .swiperBtn .ico_angle{mask-image:url(../../common/img/common/ico_angle.svg);}
.mVisual .visualS .control .swiperBtn .ico_stop{mask-image:url(../../common/img/common/ico_swiper_stop.svg);}
.mVisual .visualS .control .swiperBtn.stop .ico_stop{mask-image:url(../../common/img/common/ico_swiper_play.svg);}
.mVisual .visualS .control .swiperBtn.prev .svg_icon{transform:rotate(90deg);}
.mVisual .visualS .control .swiperBtn.next .svg_icon{transform:rotate(-90deg);}
.mVisual .visualS .control .swiperBtn:last-child{margin-right:0;}

.mVisual .mVisualPopBtn{position:absolute;width:2.6rem;height:9.6rem;right:63rem;top:50%;transform:translateY(-50%);z-index:8;background:rgba(0,0,0,0.4);border-radius:100rem;}
.mVisual .mVisualPopBtn::before{content:"";display:inline-flex;align-items:center;width:2.4rem;height:2.4rem;mask:url(../../common/img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-surface-white-static);transform:rotate(90deg);}
.mVisual .mVisual_notice{position:absolute;right:4.8rem;bottom:6.4rem;padding:0 4.8rem;width:53.4rem;height:calc(100svh - 16.4rem);display:flex;flex-wrap:wrap;gap:1.6rem;z-index:8;align-items:end;justify-content:start;align-content:end;box-sizing:border-box;}
.mVisual .mVisual_notice > div{box-sizing:border-box;position:relative;border-radius:1.6rem;width:100%;}
.mVisual .mVisual_notice .noticeBx{background-color:var(--color-surface-white-static);padding:2.4rem 3.2rem;}
.mVisual .mVisual_notice .noticeBx > p{margin-bottom:0.8rem;color:var(--gray95);}
.mVisual .mVisual_notice .noticeBx .noticeWrap{width:100%;min-height:29rem;box-sizing:border-box;}
.mVisual .mVisual_notice .noticeBx .noticeList .item{padding:1.6rem 0;box-sizing:border-box;}
.mVisual .mVisual_notice .noticeBx .noticeList .item a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;color:var(--gray95);}
.mVisual .mVisual_notice .noticeBx .noticeList .item .date{color:var(--color-surface-inverse-static);}
.mVisual .mVisual_notice .noticeBx .noticeList .item + .item{border-top:0.1rem solid var(--gray20);}
.mVisual .mVisual_notice .noticeBx .noticeList .item:last-child{padding-bottom:0;}
.mVisual .mVisual_notice .noticeBx .btn_more{position:absolute;right:3.2rem;top:3.2rem;}
.mVisual .mVisual_notice .noticeBx .ico_more{mask-image:url(../../common/img/common/ico_plus.svg);background-color:var(--gray95);}
.mVisual .mVisual_notice .schedule{--surface-primary-dark-alpha:rgba(5,47,135,0.8);padding:2.4rem 3.2rem;background: linear-gradient(0deg, rgba(122, 120, 255, 0.40) 0%, rgba(122, 120, 255, 0.40) 100%), linear-gradient(0deg, rgba(0, 123, 224, 0.20) 0%, rgba(0, 123, 224, 0.20) 100%), var(--surface-primary-dark-alpha, rgba(5, 47, 135, 0.80));}
.mVisual .mVisual_notice .schedule > p{color:var(--color-text-inverse-static);height:3rem;display:inline-flex;align-items:center;}
.mVisual .mVisual_notice .schedule .contArea{overflow:hidden;}
.mVisual .mVisual_notice .schedule .control{width:auto;height:3rem;border:0.1rem solid rgba(233, 233, 233, 0.5);border-radius:10rem;padding:0 1.2rem;display:inline-flex;align-items:center;position:absolute;right:3.2rem;top:3.2rem;}
.mVisual .mVisual_notice .schedule .control .swiperNum{color: rgba(255,255,255,0.7);font-size:1.3rem;font-style: normal;font-weight:400;line-height: 150%;margin-right:1.2rem;width:auto;}
.mVisual .mVisual_notice .schedule .control .swiperNum span{font:inherit;line-height:inherit;color:inherit;}
.mVisual .mVisual_notice .schedule .control .swiperNum span.swiper-pagination-current{color:#fff;margin-right:0.2rem;font-weight:700;}
.mVisual .mVisual_notice .schedule .control .swiperBtn{cursor:pointer;width:1.6rem;height:1.6rem;border-radius:0.2rem;}
.mVisual .mVisual_notice .schedule .control .swiperBtn .svg_icon{background-color:var(--color-text-inverse-static);}
.mVisual .mVisual_notice .schedule .control .swiperBtn .ico_angle{mask-image:url(../../common/img/common/ico_angle.svg);}
.mVisual .mVisual_notice .schedule .control .swiperBtn.prev .svg_icon{transform:rotate(90deg);}
.mVisual .mVisual_notice .schedule .control .swiperBtn.next .svg_icon{transform:rotate(-90deg);}
.mVisual .mVisual_notice .schedule .control .swiperBtn .ico_stop{mask-image:url(../../common/img/common/ico_swiper_stop.svg);}
.mVisual .mVisual_notice .schedule .control .swiperBtn.stop .ico_stop{mask-image:url(../../common/img/common/ico_swiper_play.svg);}
.mVisual .mVisual_notice .schedule .swiperSchedule{margin-top:2rem;}
.mVisual .mVisual_notice .schedule .swiperSchedule .cont p{color:var(--color-text-inverse-static);}
.mVisual .mVisual_notice .schedule .swiperSchedule .cont .tit{margin-top:1.6rem;}
.mVisual .mVisual_notice .schedule .swiperSchedule .cont .tit a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.mVisual .mVisual_notice .sns{padding:2.4rem 3.2rem;background-color:var(--color-surface-white-static);display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;gap:1.6rem;}
.mVisual .mVisual_notice .sns > p{width:auto;color:var(--gray95);}
.mVisual .mVisual_notice .sns .snsBx{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:2.4rem;}
.mVisual .mVisual_notice .sns .snsBx a{width:2.4rem;height:2.4rem;border-radius:0.6rem;}
.mVisual_notice .btn_close{position:absolute;width:2.6rem;height:9.6rem;background:rgba(0,0,0,0.4);border-radius:100rem;top:50%;transform:translateY(-50%);left:0;opacity:0;visibility:hidden;pointer-events:none;}
.mVisual_notice .btn_close::before{content:"";display:inline-flex;align-items:center;width:2.4rem;height:2.4rem;mask:url(../../common/img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-surface-white-static);transform:rotate(-90deg);}

.mVisual_notice.isOn .btn_close{opacity:1;visibility:visible;pointer-events:auto;}
.mVisual .mVisual_notice .focuseouthidden{position:absolute;left:0;bottom:0;}
/* ani */
.mVisual .visualS .titBx .tit1{opacity:0;transform:translateY(100%);transition:transform 0.6s, opacity 0.6s;}
.mVisual .visualS .titBx .tit2{opacity:0;transform:translateY(100%);transition:transform 0.6s, opacity 0.6s;transition-delay:0.2s;}
.mVisual .visualS .control{opacity:0;transform:translateY(100%);transition:transform 0.6s, opacity 0.6s;transition-delay:0.6s;}
.mVisual.firstAni .visualS .titBx .tit1{opacity:1;transform:translateY(0);}
.mVisual.firstAni .visualS .titBx .tit2{opacity:1;transform:translateY(0);}
.mVisual.firstAni .visualS .control{opacity:1;transform:translateY(0);}
.mVisual.secondAni .visualS .swiper-slide-active .titBx .tit1{opacity:1;transform:translateY(0);transition-delay:0.4s;}
.mVisual.secondAni .visualS .swiper-slide-active .titBx .tit2{opacity:1;transform:translateY(0);transition-delay:0.6s;}
.mVisual.secondAni .visualS .control{opacity:1;transform:translateY(0);}
.mVisual .mVisualPopBtn{
    opacity:0;
    pointer-events:none;
    visibility:hidden;
    transition:opacity 1.1s ease, right 1.1s ease, visibility 1.1s ease;
}
.mVisual .mVisual_notice{right:-63rem;transition:right 1s ease;}
.mVisual .mVisual_notice.isOn{right:4.8rem;}
.mVisual.secondAni .mVisual_notice{
    display: flex !important;
    right:-63rem;
}
.mVisual.secondAni .mVisualPopBtn{opacity:1;right:4.8rem;pointer-events:auto;visibility:visible;}
.mVisual .mVisualPopBtn.isOn{right:-4.8rem;}
.mVisual .mVisual_notice.isOn{right:0;}

.zoom2 .mVisual .visualS .inner .titBx{max-width:110rem;}
.zoom2 .mVisual .visualS .inner .titBx .tit1{font-size:5.8rem;}
.zoom2 .mVisual .visualS .inner .titBx .tit2{font-size:2rem;}
.zoom3 .mVisual .visualS .inner .titBx{max-width:100rem;}
.zoom3 .mVisual .visualS .inner .titBx .tit1{font-size:5.6rem;}
.zoom3 .mVisual .visualS .inner .titBx .tit2{font-size:1.9rem;}
.zoom4 .mVisual .visualS .inner .titBx{max-width:88rem;}
.zoom4 .mVisual .visualS .inner .titBx .tit1{font-size:5.2rem;}
.zoom4 .mVisual .visualS .inner .titBx .tit2{font-size:1.8rem;}

/* 260108 추가 */
.mVisual .visualS .btn.line{border-radius:100rem;padding:0 2.4rem;font-size:1.7rem;font-weight:700;gap:1.2rem;border-color:var(--color-text-inverse-static);margin-top:2.4rem;background-color:transparent;min-width:auto;height:4.8rem;color:var(--color-text-static);background-color:var(--color-surface-white-static);}
.mVisual .visualS .btn.line .svg_icon.arrow{mask-image:url(../../common/img/common/ico_arrow_right.svg);background-color:var(--color-text-static);}
.mVisual .visualS .btn.line:hover,
.mVisual .visualS .btn.line:focus{color:var(--color-text-inverse-static);background-color:var(--color-divider-primary);border-color:var(--color-border-primary);}
.mVisual .visualS .btn.line:hover .svg_icon.arrow,
.mVisual .visualS .btn.line:focus .svg_icon.arrow{background-color:var(--color-text-inverse-static);}
.mVisual .visualS .titBx .btnBx{opacity:0;transform:translateY(100%);transition:transform 0.6s, opacity 0.6s;transition-delay:0.4s;}
.mVisual.firstAni .visualS .titBx .btnBx{opacity:1;transform:translateY(0);}
.mVisual.secondAni .visualS .swiper-slide-active .titBx .btnBx{opacity:1;transform:translateY(0);transition-delay:0.8s;}
/* //260108 추가 */
/* 260114 수정 */
.mVisual .visualS .inner .titBx .tit1{text-shadow: 0 0.4rem 5rem #000, 0 0 5rem #000;}
.mVisual .visualS .inner .titBx .tit2{text-shadow: 0 0.4rem 5rem #000, 0 0 5rem #000;}
.mVisual .visualS .inner::before{content:"";width:100%;height:50%;position:absolute;left:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);z-index:0;}
.mVisual .visualS .inner .titBx{position:relative;z-index:80;}

.mVisual .visualS .btn:focus,
.mVisual .mVisualPopBtn:focus,
.mVisual .mVisual_notice .schedule .swiperSchedule .cont .tit a:focus,
.mVisual .mVisual_notice .schedule .control .swiperBtn:focus {outline: 0.2rem solid var(--color-element-inverse-static);}
.mVisual .mVisual_notice .schedule .swiperSchedule .cont .tit a{outline-offset:-0.2rem;}
/* //260114 수정 */

@media only screen and (min-height:800px) and (max-height:900px){
    .mVisual .visualS .inner .titBx{padding-bottom:11.6rem;}
    .mVisual .visualS .control{bottom:4.8rem;}
    .mVisual .mVisual_notice{height:calc(100svh - 14.4rem);bottom:4.8rem;}
    .mVisual .mVisual_notice .noticeBx{height:calc(100svh - 55svh);}
    .mVisual .mVisual_notice .noticeBx .noticeWrap{overflow-y:auto;max-height:calc(100% - 3.5rem);min-height:10rem;}
}
@media only screen and (min-height:700px) and (max-height:799px){
    .mVisual .visualS .inner .titBx{padding-bottom:11.6rem;}
    .mVisual .visualS .control{bottom:4rem;}
    .mVisual .mVisual_notice{bottom:4rem;}
    .mVisual .mVisual_notice .noticeBx{height:calc(100svh - 62svh);padding:3svh 4svh;}
    .mVisual .mVisual_notice .noticeBx .noticeWrap{overflow-y:auto;max-height:calc(100% - 3.5rem);min-height:10rem;}
    .mVisual .mVisual_notice .noticeBx .btn_more{right:3.2svh;top:3.5svh;}
    .mVisual .mVisual_notice .schedule{padding:3svh 4svh;}
    .mVisual .mVisual_notice .schedule .control{right:3.2svh;top:3.5svh;}
    .mVisual .mVisual_notice .sns{padding:3svh 4svh;}
}
@media only screen and (max-width:1900px){
    .mVisual .visualS .inner .titBx{min-width:auto;width:calc(100% - 63rem);}
}
@media only screen and (max-width:1600px){
    .mVisual .visualS .inner .titBx{width:calc(100% - 50rem);}
    .mVisual .visualS .inner .titBx .tit1{font-size:5.6rem;}
    .mVisual .visualS .inner .titBx .tit2{font-size:1.8rem;}
    .mVisual .mVisual_notice{width:40.4rem;padding-right:0;}
    .mVisual .mVisual_notice > div{border-radius:1.6rem 0 0 1.6rem;}
    .mVisual .mVisual_notice .sns .snsBx{gap:1rem;}

}
@media only screen and (max-width:1500px){
    .mVisual .visualS .inner .titBx{padding-left:2.4rem;}
    .mVisual .visualS .control{left:2.6rem;}
    .mVisual.secondAni .mVisualPopBtn{right:2.4rem;}
}
@media only screen and (max-width:1300px){
    /* .mVisual .visualS .inner .titBx{width:50%;} */
    .mVisual .visualS .inner .titBx .tit1{font-size:4.8rem;}

    .zoom2 .mVisual .visualS .inner .titBx .tit1{font-size:4.4rem;}
    .zoom2 .mVisual .visualS .inner .titBx .tit2{font-size:1.8rem;}
    .zoom3 .mVisual .visualS .inner .titBx .tit1{font-size:4.2rem;}
    .zoom3 .mVisual .visualS .inner .titBx .tit2{font-size:1.7rem;}
    .zoom4 .mVisual .visualS .inner .titBx .tit1{font-size:4rem;}
    .zoom4 .mVisual .visualS .inner .titBx .tit2{font-size:1.6rem;}

}
@media only screen and (max-width:1040px){
    .mVisual .visualS{position:relative;}
    .mVisual .visualS .inner{padding:0 2.4rem;}
    .mVisual .visualS .inner .titBx{padding:0 0 9.6rem;width:100%;}
    .mVisual .visualS .inner .titBx .tit1{font-size:4.8rem;}
    .mVisual .visualS .control{bottom:3.2rem;left:2.4rem;}
    
    .mVisualPopBtn{display:none;}
    .mVisual .mVisual_notice{position:relative;left:0;top:0;transition:none;height:auto;margin:3rem 0 4.4rem;width:100%;padding:0 2.4rem;}
    .mVisual .mVisual_notice > div{border-radius:1.2rem;}
    .mVisual .mVisual_notice .noticeBx{border-radius:1.2rem;border:1px solid var(--color-border-gray-light);height:100%;padding:2.4rem;}
    .mVisual .mVisual_notice .schedule{padding:2.4rem;}
    .mVisual .mVisual_notice .schedule .control{right:2.4rem;top:2rem;}
    .mVisual .mVisual_notice .sns{border-radius:1.2rem;border:1px solid var(--color-border-gray-light);padding:2.8rem 2.4rem;gap:0.8rem;}
    .mVisual .mVisual_notice .sns .snsBx{gap:1.6rem;}
    .mVisual .mVisual_notice .cont{opacity:0;transform:translateY(100%);transition:transform 1.1s, opacity 1.1s;}
    .mVisual .mVisual_notice.ani .cont{opacity:1;transform:translateY(0);}

    /* 260108 추가 */
    .mVisual .visualS .btn.line{height:4rem;font-size:1.6rem;gap:0.8rem;margin-top:1.6rem;}
    .mVisual .visualS .btn.line .svg_icon{width:2rem;height:2rem;}
    /* //260108 추가 */

    /* 260113 수정 */
    .mVisual .visualS .swiper-slide .bg img{display:none;} 
    .mVisual .visualS .swiper-slide .bg .mBg{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
    /* //260113 수정 */
}
@media only screen and (max-width:767px){
    .mVisual .visualS .inner{padding:0 1.6rem;}        
    .mVisual .visualS .inner .titBx .tit1{font-size:3.2rem;}
    .mVisual .visualS .inner .titBx .tit2{font-size:1.3rem;}    
    .mVisual .visualS .control{bottom:3.2rem;left:1.6rem;width:calc(100% - 3.2rem);box-sizing:border-box;}
    .mVisual .visualS .control .swiperProcess{width:100%;flex:1 0 calc(100% - 15.2rem);margin-right:2rem;}
    /* 260113 수정
    .mVisual .visualS .swiper-slide .bg img{display:none;} 
    .mVisual .visualS .swiper-slide .bg .mBg{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;} */

    .mVisual .mVisual_notice{padding:0 1.6rem;}
    .mVisual .mVisual_notice .sns{padding:2.4rem;}
}


/* 대통령의 순간들 */
.mMoment{padding:9rem 0 12rem;box-sizing:border-box;overflow:hidden;}
.mMoment .inner{max-width:192rem;display:block;padding:0 4.8rem;}
.mMoment .title{text-align:center;font-size:8rem;font-weight:700;margin-bottom:6rem;}
.mMoment .mMomentList{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:start;align-content:flex-start;gap:2.4rem;margin-right:-2.4rem;line-height:1;}
.mMoment .mMomentList .item{width:calc(25% - 2.4rem);display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:2.4rem;line-height:1;}
.mMoment .mMomentList .itemBx{box-sizing:border-box;width:100%;overflow:hidden;line-height:1;}
.mMoment .mMomentList .itemBx a{display:block;box-sizing:border-box;position:relative;overflow:hidden;line-height:1;}
/* .mMoment .mMomentList .itemBx a:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.2rem var(--color-divider-primary);} */
.mMoment .mMomentList .itemBx .imgBx{border-radius:1.6rem;position:relative;overflow:hidden;z-index:-1;line-height:1;}
.mMoment .mMomentList .itemBx .imgBx img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;left:0;top:0;transform:scale(1);transition:transform 0.4s ease-in-out;}
.mMoment .mMomentList .itemBx:not(.bnrType2):hover .imgBx img,
.mMoment .mMomentList .itemBx:not(.bnrType2) a:focus .imgBx img{transform:scale(1.15);}
.mMoment .mMomentList .itemBx .txtBx .tit{font-weight:700;margin-bottom:1rem;word-break:break-all;}
.mMoment .mMomentList .itemBx .txtBx .date{font-weight:400;}
.mMoment .mMomentList .itemBx.bnr{padding-top:124.47%;position:relative;}
.mMoment .mMomentList .itemBx.bnr a{position:absolute;left:0;top:0;width:100%;height:100%;} 
.mMoment .mMomentList .itemBx.bnr .imgBx{width:100%;height:100%;}
.mMoment .mMomentList .itemBx.bnr .txtBx{position:absolute;width:100%;height:auto;bottom:0;transform:translateY(100%);box-sizing:border-box;padding:3.2rem;transition:0.4s ease-in-out;border-radius:0 0 16px 1.6rem;overflow:hidden;display:flex;flex-wrap:wrap;align-items:end;justify-content:start;align-content:end;z-index:5;}
.mMoment .mMomentList .itemBx.bnr .txtBx::before{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);z-index: -1;}
.mMoment .mMomentList .itemBx.bnr .txtBx .tit{font-size:3.6rem;line-height:130%;color:var(--color-text-inverse-static);}
.mMoment .mMomentList .itemBx.bnr .txtBx .date{color:var(--color-element-disabled-light);width:100%;}
.mMoment .mMomentList .itemBx.thume .imgBx{padding-top:63.65%;} 
.mMoment .mMomentList .itemBx.thume .txtBx{padding:2rem 0 3.2rem;}
.mMoment .mMomentList .itemBx.thume .txtBx .tit{font-size:2rem;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.mMoment .mMomentList .itemBx.thume .txtBx .date{font-size:1.4rem;color:var(--color-text-subtle);}
.mMoment .mMomentList .itemBx.thume:last-child .txtBx{padding-bottom:0;}
.mMoment .mMomentList .itemBx.thume .imgBx.play::before{content:"";position:absolute;width:8rem;height:8rem;background:url(../img/main/ico_circlePlay.svg) no-repeat center center/ contain;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}
.mMoment .mMomentList .itemBx.bnr a:hover .txtBx,
.mMoment .mMomentList .itemBx.bnr a:focus .txtBx{transform:translateY(0);}
.mMoment .mMomentList .itemBx.bnrType2{display:flex;align-items:stretch;gap:2.4rem;flex-direction:column;padding-top:0;}
.mMoment .mMomentList .itemBx.bnrType2 .itemBnr{width:100%;border-radius:1.6rem;overflow:hidden;position:relative;}
.mMoment .mMomentList .itemBx.bnrType2 .itemBnr .imgBx{width:100%;height:100%;}
.mMoment .mMomentList .itemBx.bnrType2 .itemBnr{padding-top:55%;}
.mMoment .mMomentList .itemBx.bnrType2 .itemBnr:last-child{padding-top:64%;}
.mMoment .mMomentList .itemBx.bnrType2 .itemBnr:hover .imgBx img,
.mMoment .mMomentList .itemBx.bnrType2 .itemBnr a:focus .imgBx img{transform:scale(1.15);}
/* ani */
.mMoment .title{overflow:hidden;transform:translateY(100%);transition:transform 0.6s;}
.mMoment.ani .title{transform:translateY(0);}
.mMoment .mMomentList .item{transform:translateY(50%);transition:transform 0.8s;}
.mMoment.ani .mMomentList .item{transform:translateY(0);}
.mMoment.ani .mMomentList .item:nth-child(2){transition-delay:0.2s;}
.mMoment.ani .mMomentList .item:nth-child(3){transition-delay:0.4s;}
.mMoment.ani .mMomentList .item:nth-child(4){transition-delay:0.6s;}
.mMoment .moArea{display:none;}

.zoom2 .mMoment .title{font-size:7.2rem;}
.zoom3 .mMoment .title{font-size:7rem;}
.zoom4 .mMoment .title{font-size:6.8rem;}
.zoom4 .mMoment .mMomentList .itemBx.thume .imgBx.play::before{width:6.4rem;height:6.4rem;}

.mMoment .itemBx.bnr a{outline-offset:-0.2rem;border-radius:1.6rem;}
.mMoment .itemBx.thume a{outline-offset:-0.2rem;}
@media only screen and (max-width:1700px){
    .mMoment .mMomentList .itemBx.thume .txtBx{padding:2rem 0;}
    .mMoment .mMomentList .itemBx.bnr .txtBx .tit{font-size:3.2rem;}
}
@media only screen and (max-width:1500px){    
    .mMoment .inner{padding:0 2.4rem;}
    .mMoment .title{font-size:6.4rem;}
    .mMoment .mMomentList{gap:1.6rem;margin-right:-1.6rem;}
    .mMoment .mMomentList .item{gap:1.6rem;width:calc(25% - 1.6rem);}
    .mMoment .mMomentList .itemBx.thume .txtBx{padding:1.6rem 0 1rem;}
    .mMoment .mMomentList .itemBx.thume .imgBx.play::before{width:6.4rem;height:6.4rem;}
    .mMoment .mMomentList .itemBx.bnrType2{gap:1.6rem;}

    .zoom2 .mMoment .title{font-size:6.2rem;}   
    .zoom3 .mMoment .title{font-size:6rem;}    
    .zoom4 .mMoment .title{font-size:5.6rem;}
    .zoom4 .mMoment .mMomentList .itemBx.thume .imgBx.play::before{width:5.2rem;height:5.2rem;}
}
@media only screen and (max-width:1040px){    
    .mMoment{padding:4rem 0 8rem;}
    .mMoment .inner{padding:0 2.4rem;}
    .mMoment .title{font-size:5.6rem;margin-bottom:3rem;}
    .mMoment .pcArea{display:none;}
    .mMoment .moArea{display:block;}
    .mMoment .moArea .mMomentSwiper{overflow:unset;}
    .mMoment .moArea .swiper-wrapper{align-items:stretch;}
    .mMoment .moArea .slide{padding:0 0.8rem;box-sizing:border-box;height:auto;}
    .mMoment .moArea .itemBx{width:100%;position:relative;box-sizing:border-box;}
    .mMoment .moArea .itemBx a{display:block;position:relative;box-sizing:border-box;border-radius:1.6rem;}
    .mMoment .moArea .itemBx .imgBx{border-radius:1.6rem;overflow:hidden;margin-bottom:0.8rem;}
    .mMoment .moArea .itemBx .imgBx img{display:block;width:100%;height:100%;object-fit:cover;}
    .mMoment .moArea .itemBx .txtBx .tit{font-size:1.6rem;font-weight:600;margin-bottom:0.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
    .mMoment .moArea .itemBx .txtBx .date{font-size:1.4rem;font-weight:400;color:var(--color-text-disabled-on);font-weight:500;}
    .mMoment .moArea .slide.bnr-slide{width:49.6rem;}
    .mMoment .moArea .slide.thume-slide{width:38.2rem;}
    .mMoment .moArea .slide.thume-slide .itemBx + .itemBx{margin-top:2.5rem;}
    .mMoment .moArea .itemBx.bnrType2{display:flex;align-items:stretch;gap:1.6rem;flex-direction:column;height:100%;}
    .mMoment .moArea .itemBx.bnrType2 .imgBx{margin-bottom:0;height:100%;}
    .mMoment .moArea .itemBx.bnrType2 .itemBnr a{height:100%;}
    .mMoment .moArea .itemBx.bnrType2 .itemBnr:nth-child(1){height:45%;}
    .mMoment .moArea .itemBx.bnrType2 .itemBnr:nth-child(2){height:calc(54% - 1.6rem);}
    .mMoment .moArea .swiperControl{margin-top:3.8rem;display:inline-flex;align-items:center;justify-content:center;width:100%;}
    .mMoment .moArea .swiperControl .pagiNum{font-size:1.6rem;font-weight:700;color:var(--color-text-subtle);width:auto;margin-right:2rem;display:none;}
    .mMoment .moArea .swiperControl .pagiNum .current{color:var(--color-text-basic);}
    .mMoment .moArea .swiperControl .swiperBtn,
    .mMoment .moArea .swiperControl .swiperPlay{width:3.2rem;height:3.2rem;border-radius:0.6rem;display:inline-flex;align-items:center;justify-content:center;}
    .mMoment .moArea .swiperControl .swiperBtn .svg_icon,
    .mMoment .moArea .swiperControl .swiperPlay .svg_icon{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;background-color:var(--color-text-basic);}
    .mMoment .moArea .swiperControl .swiperBtn.prev .svg_icon{transform:rotate(90deg);}
    .mMoment .moArea .swiperControl .swiperBtn.next .svg_icon{transform:rotate(-90deg);}
    .mMoment .moArea .swiperControl .swiperBtn .ico_angle{mask-image:url(../../common/img/common/ico_angle.svg);}
    .mMoment .moArea .swiperControl .swiperPlay .ico_stop{mask-image:url(../../common/img/common/ico_swiper_stop.svg);}
    .mMoment .moArea .swiperControl .swiperPlay.stop .ico_stop{mask-image:url(../../common/img/common/ico_swiper_play.svg);}
    .mMoment .moArea .swiperControl .swiperPlay{margin:0 0.8rem;}
}
@media only screen and (max-width:767px){    
    .mMoment{padding:0 0 6rem;overflow: hidden;}/* 251127 수정(overflow 추가) */
    .mMoment .inner{padding:0 1.6rem;}
    .mMoment .title{font-size:3.2rem;margin-bottom:3.8rem;}
    .mMoment .moArea .slide.bnr-slide{width:36.6rem;}
    .mMoment .moArea .slide.thume-slide{width:25.9rem;}
    .mMoment .moArea .swiperControl{margin-top:2.4rem;}
    .mMoment .moArea .swiperControl .pagiNum{font-size:1.4rem;}
    .mMoment .moArea .swiperControl .swiperPlay{margin:0 0.4rem;}
    .mMoment .moArea .slide.thume-slide .itemBx + .itemBx{margin-top:2rem;}
}
@media only screen and (max-width:480px){    
    .mMoment .moArea .slide.bnr-slide{width:32.6rem;}
    .mMoment .moArea .slide.thume-slide{width:22.6rem;}
    .mMoment .moArea .itemBx .txtBx .tit{font-size:1.5rem;}
    .mMoment .moArea .itemBx .txtBx .date{font-size:1.3rem;}
    .mMoment .moArea .itemBx.bnrType2 .itemBnr:nth-child(1){height:40%;}
    .mMoment .moArea .itemBx.bnrType2 .itemBnr:nth-child(2){height:calc(58% - 1.6rem);}
}
@media only screen and (max-width:389px){    
    .mMoment .moArea .slide.bnr-slide{width:28.2rem;}
    .mMoment .moArea .slide.thume-slide{width:19.2rem;}    
    .mMoment .moArea .itemBx .txtBx .tit{font-size:1.4rem;}
    .mMoment .moArea .itemBx .txtBx .date{font-size:1rem;}
    .mMoment .moArea .slide.thume-slide .itemBx + .itemBx{margin-top:1.6rem;}
}

/* 국민주권정부 */
.mNational{
    position:relative;
    box-sizing:border-box;
    padding:12rem 0 12rem;
    overflow:hidden;
    transition:background .3s ease-in-out;
}
.mNational[data-current-tab="#mN_pannel01"]{background:linear-gradient(180deg, #CED2E7 0%, #FFF 100%);}
.mNational[data-current-tab="#mN_pannel02"]{background:linear-gradient(180deg, #EACDD1 0%, #FFF 100%);}
.mNational[data-current-tab="#mN_pannel03"]{background:linear-gradient(180deg, #F2E9D9 0%, #FFF 100%);}
.mNational[data-current-tab="#mN_pannel04"]{background:linear-gradient(180deg, #EEEEEE 0%, #FFF 100%);}
.mNational[data-current-tab="#mN_pannel05"]{background:linear-gradient(180deg, #CFD0D0 0%, #FFF 100%);}

[data-mode=dark] .mNational[data-current-tab="#mN_pannel01"]{background:linear-gradient(180deg, #CED2E7 0%, var(--color-background-black) 100%);}
[data-mode=dark] .mNational[data-current-tab="#mN_pannel02"]{background:linear-gradient(180deg, #EACDD1 0%, var(--color-background-black) 100%);}
[data-mode=dark] .mNational[data-current-tab="#mN_pannel03"]{background:linear-gradient(180deg, #F2E9D9 0%, var(--color-background-black) 100%);}
[data-mode=dark] .mNational[data-current-tab="#mN_pannel04"]{background:linear-gradient(180deg, #EEEEEE 0%, var(--color-background-black) 100%);}
[data-mode=dark] .mNational[data-current-tab="#mN_pannel05"]{background:linear-gradient(180deg, #CFD0D0 0%, var(--color-background-black) 100%);}

.mNational .inner{max-width:192rem;display:block;padding:0 4.8rem; margin: 0 auto;}
.mNational .title{text-align:center;font-size:8rem;font-weight:700;margin-bottom:4.5rem; color:#02001F;}
.mNational .pageTabBase{margin-bottom:5rem;}
.mNational .pageTabBase .tabList{gap:0.8rem;justify-content:center;}
.mNational .pageTabBase .tabList li{flex:unset;}
.mNational .pageTabBase .tabList li a{padding:0 2rem;height:4.8rem;border-radius:10rem;border:0.1rem solid var(--color-border-gray);font-size:1.6rem;color:var(--color-text-basic);}
[data-mode=dark] .mNational .pageTabBase .tabList li a:hover{background-color:#fff;}
[data-mode=dark] .mNational .pageTabBase .tabList li:not(.on) a{color:#02001F;}
.mNational .pageTabBase .tabList li.on a{background-color:var(--color-button-primary-fill);border:0.1rem solid var(--color-border-primary);color:var(--color-text-inverse-static);}
.mNational .pannel{display: none;width:100%;box-sizing:border-box;}
.mNational .pannel.active{display:block;min-height:40.5rem;}
.mNational .mNationalCard{width:100%;transform:none !important;box-sizing:border-box;display:grid;grid-gap:2.4rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows: auto auto auto auto;grid-template-areas:
    "type01 type02 type03 type05"
    "type01 type04 type04 type05"
    "type01 type04 type04 type06"
    "type01 type04 type04 type06";}
.mNational .mNationalCard .item a{display:flex;flex-wrap:wrap;align-items:end;justify-content:start;border-radius:2.4rem;overflow:hidden;position:relative;box-sizing:border-box;height:100%;align-content:start;}
/* .mNational .mNationalCard .item a:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.2rem var(--color-divider-primary);} */
.mNational .mNationalCard .item a:hover .titBx,
.mNational .mNationalCard .item a:focus .titBx{
  opacity:1;
  visibility:visible;
}
.mNational .mNationalCard .item .imgBx{position:relative;width:100%;z-index:-1;}
.mNational .mNationalCard .item .imgBx img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;object-fit:cover;transform:scale(1);transition:transform 0.4s ease-in-out;}
.mNational .mNationalCard .item:hover .imgBx img,
.mNational .mNationalCard .item a:focus .imgBx img{transform:scale(1.15);}
.mNational .mNationalCard .item .titBx{
  position:absolute;left:0;bottom:0;width:100%;height:auto;padding:3.2rem 2.4rem 2.4rem;box-sizing:border-box;z-index: 5;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease-in-out, visibility .3s ease-in-out
}
.mNational .mNationalCard .item .titBx::before{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background: linear-gradient(0deg,rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0) 100%);z-index:-1;}
.mNational .mNationalCard .item .titBx .tit{font-size:2.4rem;line-height:130%;color:var(--color-text-inverse-static);font-weight:700;margin-bottom:0.6rem;text-shadow: 0 0 5rem #000, 0 0.4rem 5rem #000;}
.mNational .mNationalCard .item .titBx .date{width:100%;font-size:1.5rem;color:var(--color-element-disabled-light);}
.mNational .mNationalCard .item.type1{grid-area: type01;}
.mNational .mNationalCard .item.type2{grid-area: type02;}
.mNational .mNationalCard .item.type3{grid-area: type03;}
.mNational .mNationalCard .item.type4{grid-area: type04;}
.mNational .mNationalCard .item.type5{grid-area: type05;}
.mNational .mNationalCard .item.type6{grid-area: type06;}
.mNational .mNationalCard .item.type1 .imgBx{padding-top:179.621%;}
.mNational .mNationalCard .item.type2 .imgBx{padding-top:66.785%;}
.mNational .mNationalCard .item.type3 .imgBx{padding-top:66.785%;}
.mNational .mNationalCard .item.type4 .imgBx{padding-top:52%;}
.mNational .mNationalCard .item.type5 .imgBx{padding-top:100%;}
.mNational .mNationalCard .item.type6 .imgBx{padding-top:73.23%;}
.mNational .mNationalCard.noArticleArea{grid-template-columns:1fr;grid-template-rows: none;grid-template-areas: none;min-height:40.5rem;align-items:center;}
.mNational .mNationalCard.noArticleArea .item{width:100% !important;height:auto;}
.mNational .mNationalSwiper{display:none;}
/* ani */
.mNational .title{overflow:hidden;transform:translateY(100%);transition:transform 0.6s;}
.mNational.ani .title{transform:translateY(0);}
.mNational .mNationalCard .item{opacity:0;transition:transform 0.6s;}
.mNational .mNationalCard .item.type1{opacity:0;transform:translateX(-100%);transition-delay:0.2s;}
.mNational .mNationalCard .item.type2{opacity:0;transform:translateX(100%);transition-delay:0.2s;}
.mNational .mNationalCard .item.type3{opacity:0;transform:translateX(100%);transition-delay:0.2s;}
.mNational .mNationalCard .item.type4{opacity:0;transform:translateX(100%);transition-delay:0.2s;}
.mNational .mNationalCard .item.type5{opacity:0;transform:translateX(100%);transition-delay:0.4s;}
.mNational .mNationalCard .item.type6{opacity:0;transform:translateX(100%);transition-delay:0.4s;}
.mNational.ani .mNationalCard .item{opacity:1;transform:translateX(0);}
.zoom2 .mNational .title{font-size:7.2rem;}
.zoom3 .mNational .title{font-size:7rem;}
.zoom4 .mNational .title{font-size:6.8rem;}

.mNational .pageTabBase .tabList li a:focus{outline-offset:0.2rem;}
@media only screen and (min-width:1041px){
    .mNational .swiperControl{display:none;}
}
@media only screen and (max-width:1500px){    
    .mNational .inner{padding:0 2.4rem;}
    .mNational .title{font-size:6.4rem;}        
}
@media only screen and (max-width:1500px) and (min-width:1041px){        
    .mNational .contTabBase{margin-bottom:4rem;}
    .mNational .mNationalCard{grid-gap:1.6rem;}
    .mNational .mNationalCard .item .titBx{padding:2.4rem 2rem 2rem;}
    .mNational .mNationalCard .item .titBx .tit{font-size:2rem;}

    .zoom2 .mNational .title{font-size:6.2rem;}   
    .zoom2 .mNational .pannel.active,
    .zoom2 .mNational .mNationalCard.noArticleArea{min-height:20rem;}

    .zoom3 .mNational .title{font-size:6rem;}    
    .zoom3 .mNational .pannel.active,
    .zoom3 .mNational .mNationalCard.noArticleArea{min-height:20rem;}

    .zoom4 .mNational .title{font-size:5.6rem;}
    .zoom4 .mNational .pannel.active,
    .zoom4 .mNational .mNationalCard.noArticleArea{min-height:20rem;}
}
@media only screen and (max-width:1300px) and (min-width:1041px){    
    .mNational .mNationalCard .item.type4 .imgBx{padding-top:51.5%;}
    .mNational .mNationalCard .item.type6 .imgBx{padding-top:72%;}

    .zoom3 .mNational .pageTabBase .tabList li a{padding:0 1.2rem;}
    .zoom3 .mNational .mNationalCard{grid-template-columns:auto;grid-template-rows:auto;gap:1.6rem;
    grid-template-areas:
        "type01 type01 type02 type02 type02"
        "type01 type01 type03 type03 type03"
        "type04 type04 type04 type04 type04"
        "type05 type05 type06 type06 type06";}
    .zoom3 .mNational .mNationalCard .item.type2 .imgBx{padding-top: 57.785%;}
    .zoom3 .mNational .mNationalCard .item.type3 .imgBx{padding-top: 57.785%;}    
    .zoom3 .mNational .mNationalCard .item.type6 .imgBx{padding-top: 65.8%;} 

    .zoom4 .mNational .pageTabBase .tabList li a{padding:0 1.2rem;}
    .zoom4 .mNational .mNationalCard{grid-template-columns:auto;grid-template-rows:auto;gap:1.6rem;
    grid-template-areas:
        "type01 type01 type02 type02 type02"
        "type01 type01 type03 type03 type03"
        "type04 type04 type04 type04 type04"
        "type05 type05 type06 type06 type06";}
    .zoom4 .mNational .mNationalCard .item.type2 .imgBx{padding-top: 57.785%;}
    .zoom4 .mNational .mNationalCard .item.type3 .imgBx{padding-top: 57.785%;}    
    .zoom4 .mNational .mNationalCard .item.type6 .imgBx{padding-top: 65.8%;} 
}
@media only screen and (max-width:1200px) and (min-width:1041px){    
    .mNational .mNationalCard .item.type4 .imgBx{padding-top:50.8%;}
}
@media only screen and (max-width:1100px) and (min-width:1041px){    
    .mNational .mNationalCard .item.type4 .imgBx{padding-top:49.8%;}
    .mNational .mNationalCard .item.type6 .imgBx{padding-top:71%;}
}
@media only screen and (max-width:1040px){    
    .mNational{padding:6rem 0;overflow:hidden;}/* 251127 수정(overflow 추가) */
    .mNational .inner{padding:0 2.4rem;}
    .mNational .title{font-size:5.6rem;margin-bottom:3rem;}
    .mNational .pageTabBase{margin-bottom:3.2rem;}
    .mNational .pageTabBase .tabList{gap:0;justify-content:center;}
    .mNational .pageTabBase.tabScroll .tabList{justify-content:start;}
    .mNational .pageTabBase .tabList li a{border:0.1rem solid var(--color-border-gray) !important;}
    .mNational .pageTabBase .tabList li.on a{border-color:var(--color-border-primary) !important;}
    /* .mNational .mNationalCard{display:none;} */
    .mNational .mNationalSwiper{display:block;width:100%;position:relative;}
    .mNational .cont{width:calc(100% + 4.8rem);margin-left:-2.4rem;}
    .mNational .cont .pannelArea{padding:0 2.4rem;}
    .mNational .mNationalCard .item a{border-radius:1.6rem;}
    .mNational .mNationalCard{grid-template-columns:auto;grid-template-rows:auto;gap:1.6rem;
    grid-template-areas:
        "type01 type01 type02 type02 type02"
        "type01 type01 type03 type03 type03"
        "type04 type04 type04 type04 type04"
        "type05 type05 type06 type06 type06";}
    .mNational .mNationalCard .item.type2 .imgBx{padding-top: 57.785%;}
    .mNational .mNationalCard .item.type3 .imgBx{padding-top: 57.785%;}    
    .mNational .mNationalCard .item.type6 .imgBx{padding-top: 65.8%;} 
    
    .mNational .mSwiper{width:100%;}
    .mNational .swiper-wrapper{align-items:center;}
    .mNational .mNationalSwiper .item a{display:flex;flex-wrap:wrap;align-items:end;justify-content:start;border-radius:2.4rem;overflow:hidden;position:relative;box-sizing:border-box;}
    .mNational .mNationalSwiper .item a:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.2rem var(--color-divider-primary);}
    .mNational .mNationalSwiper .item .imgBx{position:relative;width:100%;z-index:-1;}
    .mNational .mNationalSwiper .item .imgBx img{display:block;width:100%;height:100%;object-fit:cover;}
    .mNational .mNationalSwiper .item .titBx{position:absolute;left:0;bottom:0;width:100%;height:auto;padding:3.2rem 2.4rem 2.4rem;box-sizing:border-box;z-index: 5;}
    .mNational .mNationalSwiper .item .titBx::before{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background: linear-gradient(0deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index:-1;}
    .mNational .mNationalSwiper .item .titBx .tit{font-size:2.4rem;line-height:130%;color:var(--color-text-inverse-static);font-weight:700;margin-bottom:0.6rem;}
    .mNational .mNationalSwiper .item .titBx .date{width:100%;font-size:1.5rem;color:var(--color-element-disabled-light);}
    .mNational .swiperControl{margin-top:3.8rem;display:inline-flex;align-items:center;justify-content:center;width:100%;padding-bottom:0.4rem;}
    .mNational .swiperControl .pagiNum{font-size:1.6rem;font-weight:700;color:var(--color-text-subtle);width:auto;margin-right:2rem;}
    .mNational .swiperControl .pagiNum .current{color:var(--color-text-basic);}
    .mNational .swiperControl .swiperBtn,
    .mNational .swiperControl .swiperPlay{width:3.2rem;height:3.2rem;border-radius:0.6rem;display:inline-flex;align-items:center;justify-content:center;}
    .mNational .swiperControl .swiperBtn .svg_icon,
    .mNational .swiperControl .swiperPlay .svg_icon{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;background-color:var(--color-text-basic);}
    .mNational .swiperControl .swiperBtn.prev .svg_icon{transform:rotate(90deg);}
    .mNational .swiperControl .swiperBtn.next .svg_icon{transform:rotate(-90deg);}
    .mNational .swiperControl .swiperBtn .ico_angle{mask-image:url(../../common/img/common/ico_angle.svg);}
    .mNational .swiperControl .swiperPlay .ico_stop{mask-image:url(../../common/img/common/ico_swiper_stop.svg);}
    .mNational .swiperControl .swiperPlay.stop .ico_stop{mask-image:url(../../common/img/common/ico_swiper_play.svg);}
    .mNational .swiperControl .swiperPlay{margin:0 0.8rem;display:inline-flex !important;}
    .mNational .pannel.active{min-height:auto;}
    .mNational .no_article{padding:6.4rem 0 7.2rem;min-height:30rem;}
}
@media only screen and (max-width:767px){    
    .mNational .inner{padding:0 1.6rem;}
    .mNational .title{font-size:3.2rem;margin-bottom:2.5rem;}    
    .mNational .cont{width:calc(100% + 3.2rem);margin-left:-1.6rem;}
    .mNational .cont .pannelArea{padding:0 1.6rem;}    
    .mNational .mNationalCard .item a{border-radius:1rem;height:100%;align-items:stretch;}
    .mNational .mNationalCard .item .titBx{padding:1rem 1.2rem;}
    .mNational .mNationalCard .item .titBx .tit{font-size:1.4rem;margin-bottom:0.2rem;}
    .mNational .mNationalCard .item .titBx .date{font-size:1rem;}
    .mNational .mNationalCard .item.type2 .imgBx,
    .mNational .mNationalCard .item.type3 .imgBx{padding-top: 68.785%;}    
    .mNational .mNationalCard .item.type6 .imgBx{padding-top: 65.8%;} 

    .mNational .mNationalSwiper .item .titBx{padding:2.4rem 2rem;}
    .mNational .mNationalSwiper .item .titBx .tit{font-size:1.8rem;}
}


/* 영상 */
.mVideo{box-sizing:border-box;overflow:hidden;}/* 251127 수정(overflow 추가) */
.mVideo .inner{max-width:192rem;display:block; margin: 0 auto;}
.mVideo .title{text-align:center;font-size:8rem;font-weight:700;margin-bottom:6rem;}
.mVideo .cont{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;background-color:#02001F;}
.mVideo .cont .movieArea{width:calc(100% - 49.7rem);position:relative;overflow:hidden;}
.mVideo .cont .movie{width:100%;height:0;position:relative;padding-top:56.25%;left:0;top:0;overflow:hidden;}
.mVideo .cont .movieArea .movie::after{content:"";position:absolute;width:100%;height:10%;background: linear-gradient(0deg,rgba(2, 0, 31, 1) 0%, rgba(2, 0, 31, 0) 100%);left:0;bottom:0;z-index:6;}
.mVideo .cont .movie .iframe_area{position:absolute;width:100%;height:100%;left:0;top:0;background-position:center center;background-size:cover;z-index:5;}
.mVideo .cont .movieArea .infoBx{display:flex;align-items:center;justify-content:space-between;gap:3.2rem;width:100%;box-sizing:border-box;padding:2rem 6rem 6rem;z-index:5;}
.mVideo .cont .movieArea .infoBx .tit a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;width:100%;color:var(--color-text-inverse-static);font-weight:700;font-size:4rem;word-break:break-all;}
.mVideo .cont .movieArea .infoBx .movieControl{display:inline-flex;align-items:center;gap:0.8rem;}
.mVideo .cont .movieArea .infoBx .movieControl .svg_icon{background-color:var(--color-text-inverse-static);width:2.4rem;height:2.4rem;}
.mVideo .cont .movieArea .infoBx .movieControl .ico_stop{mask-image:url(../img/main/ico_stop.svg);}
.mVideo .cont .movieArea .infoBx .movieControl .playBtn.stop .ico_stop{mask-image:url(../img/main/ico_play.svg);}
.mVideo .cont .movieArea .infoBx .movieControl .volumeBtn .ico_volume{mask-image:url(../img/main/ico_sound_on.svg);}
.mVideo .cont .movieArea .infoBx .movieControl .volumeBtn.mute .ico_volume{mask-image:url(../img/main/ico_sound_off.svg);}
.mVideo .cont .movieList{box-sizing:border-box;width:49.7rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.mVideo .cont .movieList .swiper-wrapper{display:flex;flex-wrap:wrap;align-items:start;justify-content:center;flex-direction:column;}
.mVideo .cont .movieList .swiper-wrapper .slide{position:relative;width:100%;height:auto;}
.mVideo .cont .movieList .swiper-wrapper .slide::before{content:"";position:absolute;width:calc(100% - 8rem);height:0.2rem;opacity: 0.2;background: #D9D9D9;left:50%;top:0;transform:translateX(-50%);transition:0.4s ease-in-out;}
.mVideo .cont .movieList .swiper-wrapper .slide:first-child::before{display:none;}
.mVideo .cont .movieList .swiper-wrapper .slide button{display:flex;align-items:stretch;justify-content:start;width:100%;height:100%;padding:2.4rem 4.8rem 2.4rem 4rem;transition:all 0.4s ease-in-out;background-color:#02001F;color:var(--color-text-inverse-static);box-sizing:border-box;gap:2rem;text-align:left;}
/* .mVideo .cont .movieList .swiper-wrapper .slide button:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.2rem var(--color-divider-primary);} */
.mVideo .cont .movieList .swiper-wrapper .slide button .imgBx{width:13.2rem;height:7.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;border-radius:0.8rem;overflow:hidden;flex-shrink:0;}
.mVideo .cont .movieList .swiper-wrapper .slide button .contBx{display:flex;align-items:center;flex-wrap:wrap;align-content:center;}
.mVideo .cont .movieList .swiper-wrapper .slide button .titBx{display:inline-flex;align-items:start;justify-content:space-between;gap:0.8rem;}
.mVideo .cont .movieList .swiper-wrapper .slide button .titBx .tit{font-size:1.6rem;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.mVideo .cont .movieList .swiper-wrapper .slide button .date{width:100%;font-size:1.4rem;margin-top:1rem;}
.mVideo .cont .movieList .swiper-wrapper .slide button:hover,
.mVideo .cont .movieList .swiper-wrapper .slide.active button{background-color:#282641;}
.mVideo .cont .movieList .swiper-wrapper .slide.active::before{height:100%;width:100%;opacity: 0.15;background: #D9D9D9;}
.mVideo .cont .movieList .swiper-wrapper .slide.active + .slide::before{opacity:0;}
.mVideo .cont .movieList .swiper-wrapper .slide button:disabled{cursor:default;}
.mVideo .cont .movieList .swiper-wrapper .slide.on::before,
.mVideo .cont .movieList .swiper-wrapper .slide.on + .slide::before{opacity:0;} 
/* ani */
.mVideo .title{overflow:hidden;transform:translateY(100%);opacity:0;transition:transform 1.1s, opacity 1.1s;}
.mVideo.ani .title{transform:translateY(0);opacity:1;}
.zoom2 .mVideo .title{font-size:7.2rem;}
.zoom3 .mVideo .title{font-size:7rem;}
.zoom4 .mVideo .title{font-size:6.8rem;}
.zoom3 .mVideo .cont{align-items:start;}
.zoom3 .mVideo .cont .movieArea{height:100%;}
.zoom3 .mVideo .cont .movieList{height:100%;align-items:start;justify-content:start;max-height:68.5rem !important;}
.zoom3 .mVideo .cont .movieList .swiper-wrapper{justify-content:start;}
.zoom4 .mVideo .cont{align-items:start;}
.zoom4 .mVideo .cont .movieArea{height:100%;}
.zoom4 .mVideo .cont .movieList{height:100%;align-items:start;justify-content:start;max-height:57.5rem !important;}
.zoom4 .mVideo .cont .movieList .swiper-wrapper{justify-content:start;}

.mVideo .swiperControl{position: absolute;width:100%;left:0;top:28.5%;z-index:60;display:none;}
.mVideo .swiperBtn{opacity:0.8;position: absolute;top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;background-color: var(--color-background-white);border: var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index: 5;display: flex;align-items: center;justify-content: center;}
.mVideo .swiperBtn.prev{left:1.6rem;}
.mVideo .swiperBtn.next{right:1.6rem;}
.mVideo .swiperBtn .svg_icon{width:2rem;height:2rem;display:inline-flex;align-items:center;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;background-color:var(--color-text-basic);mask-image:url(../../common/img/common/ico_angle.svg);}
.mVideo .swiperBtn.prev .svg_icon{transform:rotate(90deg);}
.mVideo .swiperBtn.next .svg_icon{transform:rotate(-90deg);}

.mVideo .cont .movieList .swiper-wrapper .slide button:focus{outline-offset:-0.4rem;outline-color:var(--color-element-inverse-static);}
@media only screen and (max-width:1800px){ 
    .mVideo .cont{align-items:start;}
    .mVideo .cont .movieArea{height:100%;}
    .mVideo .cont .movieList{height:100%;align-items:start;justify-content:start;}
    .mVideo .cont .movieList .swiper-wrapper{justify-content:start;}
}
@media only screen and (max-width:1500px){     
    .mVideo .title{font-size:6.4rem;}
    .mVideo .cont .movieArea{width:66.67%;}
    .mVideo .cont .movieArea .infoBx{padding:2rem 4.8rem 5rem;}
    .mVideo .cont .movieArea .infoBx .tit{font-size:2.8rem;}
    .mVideo .cont .movieList{width:33.33%;}    
    .mVideo .cont .movieList .swiper-wrapper .slide button{padding:2rem;gap:1rem;align-items:center;}
    .mVideo .cont .movieList .swiper-wrapper .slide button .imgBx{width:10.6rem;height:6rem;}
    .mVideo .cont .movieList .swiper-wrapper .slide::before{width:calc(100% - 4rem);}

    .zoom2 .mVideo .cont .movieList{max-height:62.5rem !important;}
    .zoom3 .mVideo .cont .movieList{max-height:58.5rem !important;}
    .zoom4 .mVideo .cont .movieList{max-height:54.5rem !important;}
}
@media only screen and (max-width:1300px){     
    .mVideo .title{transform:translateY(0);opacity:1;}
    .zoom2 .mVideo .title{font-size:6.2rem;}   
    .zoom3 .mVideo .title{font-size:6rem;}    
    .zoom4 .mVideo .title{font-size:5.6rem;}
    .zoom2 .mVideo .cont .movieList{max-height:56rem !important;}
    .zoom3 .mVideo .cont .movieList{max-height:48.7rem !important;}
    .zoom4 .mVideo .cont .movieList{max-height:42.6rem !important;}
}
@media only screen and (max-width:1100px){     
    .zoom2 .mVideo .cont .movieList{max-height:48.2rem !important;}
    .zoom3 .mVideo .cont .movieList{max-height:43.8rem !important;}
    .zoom4 .mVideo .cont .movieList{max-height:42.6rem !important;}
}
@media only screen and (max-width:1040px){ 
    .mVideo{padding:6rem 0 0;}
    .mVideo .inner{padding:0;}
    .mVideo .title{font-size:5.6rem;margin-bottom:2.5rem;}
    .mVideo .cont{padding-bottom:5rem;}
    .mVideo .cont .movieArea{width:100%;}    
    .mVideo .cont .movieArea .infoBx{padding:2rem 2.4rem 4rem;gap:1.6rem;}
    .mVideo .cont .movieList{width:100%;}
    .mVideo .cont .movieList .swiper-wrapper{flex-direction:row;flex-wrap:nowrap;justify-content:start;}
    .mVideo .cont .movieList .swiper-wrapper .slide::before{display:none;}
    .mVideo .cont .movieList .swiper-wrapper .slide button{padding:0;width:100%;flex-direction:column;border-radius:1.2rem;position:relative;text-align:left;align-items:start;justify-content:start;}
    .mVideo .cont .movieList .swiper-wrapper .slide button .imgBx{width:100%;height:0;padding-top:56.25%;border-radius:1.2rem;}
    .mVideo .cont .movieList .swiper-wrapper .slide button .date{margin-top:1.2rem;}
    .mVideo .cont .movieList .swiper-wrapper .slide button:hover, 
    .mVideo .cont .movieList .swiper-wrapper .slide.active button{background-color:transparent;}
    .mVideo .cont .movieList .swiper-wrapper .slide button .liveMark{position:absolute;left:1rem;top:1rem;padding:0 0.6rem;border-radius:1rem;}

    .mVideo .swiperControl{display:block;top:calc((56.25% / 2) + (3.2rem * 2) + 1.6rem);}    
}
@media only screen and (max-width:767px){ 
    .mVideo .title{font-size:3.2rem;margin-bottom:2.5rem;padding:0 1.6rem;}
    .mVideo .cont .movieArea .infoBx{padding:1.6rem 1.6rem 3.2rem;gap:0.8rem;}
    .mVideo .cont .movieArea .infoBx .tit{width:calc(100% - 8rem);font-size:1.8rem;}

    .mVideo .swiperControl{display:block;top:50%;margin-top:-2.5rem;}    
}
/* 화면설정 */



/* 1분 잼프 */
.mShorts{padding:12rem 0 15rem;position:relative;background-color:#E9F1FC;overflow:hidden;}
.mShorts .inner{width:100%;max-width:192rem;margin:0 auto;padding:0 4.8rem;flex-wrap:wrap;box-sizing:border-box;}
.mShorts .title{text-align:center;font-size:8rem;font-weight:700;margin-bottom:6rem;width:100%;}
.mShorts .cont{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3.2rem;}
.mShorts .swiper{overflow:unset;width:100%;}
.mShorts .swiper .slide a{box-sizing:border-box;position:relative;border-radius:2.4rem;overflow:hidden;display:block;}
.mShorts .swiper .slide a .imgBx{position:relative;padding-top:151.61%;}
.mShorts .swiper .slide a .imgBx img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;transform:scale(1);transition:transform 0.4s ease-in-out;}
.mShorts .swiper .slide a:focus{outline-offset:0rem;}
.mShorts .swiper .slide a:hover .imgBx img,
.mShorts .swiper .slide a:focus .imgBx img{transform:scale(1.15);}
.mShorts .swiper .slide a .titBx{position:absolute;left:0;bottom:0;width:100%;height:auto;padding:2.8rem 2.8rem 2.8rem 2.4rem;display:flex;align-items:end;justify-content:space-between;gap:0.8rem;z-index:2;box-sizing:border-box;}
.mShorts .swiper .slide a .titBx::before{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background: linear-gradient(0deg,rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0) 100%);z-index:-1;}
.mShorts .swiper .slide a .titBx::after{content:"";display:inline-flex;align-items:center;width:3.6rem;height:3.6rem;background:url(../img/main/ico_circlePlay_fill.svg) no-repeat center center/ contain;flex-shrink:0;}
.mShorts .swiper .slide a .titBx .tit{color:var(--color-text-inverse-static);font-size:2.4rem;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;word-break:break-all;}
.mShorts .slide{transition:transform 0.8s 0.2s;}
.mShorts .slide:nth-child(1){z-index:4;transform:rotate(-12deg) translate(240%, 15rem) !important;}
.mShorts .slide:nth-child(2){z-index:3;transform:rotate(-6deg) translate(20%, 2.4rem) !important;}
.mShorts .slide:nth-child(3){z-index:5;transform:rotate(0deg) translate(0, 0rem) !important;}
.mShorts .slide:nth-child(4){z-index:2;transform:rotate(6deg) translate(-20%, 2.4rem) !important;}
.mShorts .slide:nth-child(5){z-index:1;transform:rotate(12deg) translate(-240%, 15rem) !important;}
.mShorts .btnBx{width:100%;text-align:center;margin-top:7.2rem;}
.mShorts .btn{height:7.2rem;padding:0 2.4rem 0 3.2rem;font-size:2.4rem;font-weight:700;background-color:var(--color-background-white);border:0.1rem solid var(--color-border-inverse);min-width:24rem;border-radius:10rem;justify-content:space-between;}
.mShorts .btn .svg_icon{width:2.4rem;height:2.4rem;mask-image:url(../../common/img/common/ico_more.svg);}
.mShorts .btn:hover,
.mShorts .btn:focus,
.mShorts .btn:active{background-color:var(--color-element-primary);color:var(--color-text-inverse-static);border-color:var(--color-border-primary);}
.mShorts .btn:hover .svg_icon,
.mShorts .btn:focus .svg_icon,
.mShorts .btn:active .svg_icon{background-color:var(--color-text-inverse-static);}
/* ani */
.mShorts .title{overflow:hidden;transform:translateY(100%);transition:transform 0.6s;}
.mShorts.ani .title{transform:translateY(0);}
[data-mode=dark] .mShorts{background-color:#191835;} 
.mShorts.ani .slide:nth-child(1){transform:rotate(-12deg) translate(0, 9rem) !important;}
.mShorts.ani .slide:nth-child(2){transform:rotate(-6deg) translate(0, 2.4rem) !important;}
.mShorts.ani .slide:nth-child(3){transform:rotate(0deg) translate(0, 0rem) !important;}
.mShorts.ani .slide:nth-child(4){transform:rotate(6deg) translate(0, 2.4rem) !important;}
.mShorts.ani .slide:nth-child(5){transform:rotate(12deg) translate(0, 9rem) !important;}
/* [data-mode=dark] .btn{background-color:var(--white10);}
[data-mode=dark] .btn:hover{background-color:rgba(255,255,255,0.05);} */
.zoom2 .mShorts .title{font-size:7.2rem;}
.zoom3 .mShorts .title{font-size:7rem;}
.zoom4 .mShorts .title{font-size:6.8rem;}
.zoom4 .mShorts .swiper .slide a .titBx .tit{font-size:2rem;}

.mShorts .swiperControl{display:none;}
@media only screen and (max-width:1500px){
    .mShorts .title{font-size:6.4rem;}
    .mShorts .slide{height:auto;}
    .mShorts .slide a{transition:0.4s ease;}
    .mShorts .slide.swiper-slide-prev a{transform:rotate(-6deg);transform-origin:right bottom;}
    .mShorts .slide.swiper-slide-active a{transform:rotate(0);}
    .mShorts .slide.swiper-slide-next a{transform:rotate(6deg);transform-origin:left bottom;}
    .mShorts .swiperControl{margin-top:3.8rem;display:inline-flex;align-items:center;justify-content:center;width:100%;padding-bottom:0.4rem;}
    .mShorts .swiperControl .pagiNum{font-size:1.6rem;font-weight:700;color:var(--color-text-subtle);width:auto;margin-right:2rem;}
    .mShorts .swiperControl .pagiNum .current{color:var(--color-text-basic);}
    .mShorts .swiperControl .swiperBtn,
    .mShorts .swiperControl .swiperPlay{width:3.2rem;height:3.2rem;border-radius:0.6rem;display:inline-flex;align-items:center;justify-content:center;}
    .mShorts .swiperControl .swiperBtn .svg_icon,
    .mShorts .swiperControl .swiperPlay .svg_icon{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;background-color:var(--color-text-basic);}
    .mShorts .swiperControl .swiperBtn.prev .svg_icon{transform:rotate(90deg);}
    .mShorts .swiperControl .swiperBtn.next .svg_icon{transform:rotate(-90deg);}
    .mShorts .swiperControl .swiperBtn .ico_angle{mask-image:url(../../common/img/common/ico_angle.svg);}
    .mShorts .swiperControl .swiperPlay .ico_stop{mask-image:url(../../common/img/common/ico_swiper_stop.svg);}
    .mShorts .swiperControl .swiperPlay.stop .ico_stop{mask-image:url(../../common/img/common/ico_swiper_play.svg);}
    .mShorts .swiperControl .swiperPlay{margin:0 0.8rem;display:inline-flex !important;}
    .mShorts .btnBx{margin-top:3.6rem;}
    .mShorts .btn{height:6.4rem;font-size:2rem;}

    .zoom2 .mShorts .title{font-size:6.2rem;}   
    .zoom3 .mShorts .title{font-size:6rem;}    
    .zoom4 .mShorts .title{font-size:5.6rem;}

    .mShorts .slide{transform:rotate(0deg) translate(0, 4rem) !important;transition:none !important;}
    .mShorts.ani .slide{transform:rotate(0deg) translate(0, 4rem) !important;}
    .mShorts .slide.swiper-slide-prev{transform:rotate(-6deg) translate(100%, 0) !important;}
    .mShorts .slide.swiper-slide-next{transform:rotate(6deg) translate(-100%, 0) !important;}
    .mShorts.ani .slide.swiper-slide-prev{transform:rotate(-6deg) translate(0, 2rem) !important;}
    .mShorts.ani .slide.swiper-slide-next{transform:rotate(6deg) translate(0, 2rem) !important;}
    
    .mShorts .slide.swiper-slide-active,
    .mShorts.ani .slide.swiper-slide-active{transform:rotate(0deg) translate(0, 0rem) !important;}

    .mShorts .swiperControl{display:block;}
}
@media only screen and (max-width:1040px){ 
    .mShorts{padding:6rem 0 8rem;}
    .mShorts .inner{padding:0 2.4rem;}
    .mShorts .title{font-size:5.6rem;margin-bottom:3rem;}
    .mShorts .btn{height:5.6rem;font-size:1.8rem;min-width:18rem;padding:0 3.2rem;}
}
@media only screen and (max-width:767px){ 
    .mShorts{padding:6rem 0;}
    .mShorts .inner{padding:0 1.6rem;}
    .mShorts .title{font-size:3.2rem;margin-bottom:2.5rem;}
    .mShorts .swiper .slide a .titBx{padding:2.8rem 2.4rem 2.4rem;}
    .mShorts .swiper .slide a .titBx .tit{font-size:1.8rem;}
    .mShorts .swiper .slide a .titBx::after{width:2.4rem;height:2.4rem;}
    .mShorts .swiperControl{margin-top:3.2rem;}
}
/* 화면설정 */
.zoom3 .mShorts .swiper .slide a .titBx::after{width:2.4rem;height:2.4rem;}
.zoom4 .mShorts .swiper .slide a .titBx::after{width:2rem;height:2rem;}



/* 국민의 마음을 듣다 */
.mListen{padding:12rem 0 10.4rem;box-sizing:border-box;background:url(../img/main/mListen_bg.png) no-repeat center center/ cover;}
.mListen .titBx{padding:0 4.8rem 8rem;box-sizing:border-box;text-align:center;}
.mListen .titBx .title{font-size:8rem;font-weight:700;margin-bottom:3.5rem;color:var(--gray95);}
.mListen .titBx .txt{font-size:2.6rem;font-weight:400;color:var(--gray95);}
.mListen .cont{padding:0 4.8rem;width:100%;box-sizing:border-box;}
.mListen .cont .mListenList{box-sizing:border-box;margin-right:-2.4rem;display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:2.4rem;}
.mListen .cont .mListenList .item{width:calc(33.33% - 2.4rem);box-sizing:border-box;padding:4.5rem 2.4rem 6.5rem;border-radius:3.2rem;text-align:center;}
.mListen .cont .mListenList .item .subTit{font-size:4.4rem;font-weight:700;margin-bottom:3.6rem;color:var(--color-text-inverse-static);}
.mListen .cont .mListenList .item .countArea{width:100%;height:28rem;position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:0.8rem;z-index:5;}
.mListen .cont .mListenList .item .countArea::before{content:"";width:100%;height:100%;background-position:center;background-repeat:no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.mListen .cont .mListenList .item .countArea .countNum{display:inline-flex;align-items:center;gap:0.6rem;color:var(--color-text-inverse-static);text-shadow: 0 0 3rem var(--black50), 0 0 4rem var(--black50);line-height:1;}
.mListen .cont .mListenList .item .countArea .countNum span{font-size:4.8rem;font-weight:700;}
.mListen .cont .mListenList .item .countArea .countNum em{font-style:normal;font-size:1.8rem;font-weight:600;margin-top:1.6rem;}
.mListen .cont .mListenList .item .tit{font-size:1.8rem;font-weight:600;margin-bottom:2.5rem;color:var(--color-text-inverse-static);}
.mListen .cont .mListenList .item .btn{border-radius:10rem;padding:0 3.2rem;border-color:var(--color-border-inverse-static);color:var(--color-text-inverse-static);background-color:var(--color-button-tertiary-fill);}
.mListen .cont .mListenList .item .btn .svg_icon{background-color:var(--color-text-inverse-static);}
.mListen .cont .mListenList .item:nth-child(1){background-color:rgba(35, 111, 240, 0.95);}
.mListen .cont .mListenList .item:nth-child(2){background-color:rgba(222, 45, 66, 0.95);}
.mListen .cont .mListenList .item:nth-child(3){background-color:rgba(5, 135, 70, 0.95);}
.mListen .cont .mListenList .item:nth-child(1) .countArea::before{background-image:url(../img/main/mListen_img01.png);background-size:auto 100%;}
.mListen .cont .mListenList .item:nth-child(2) .countArea::before{background-image:url(../img/main/mListen_img02.png);background-size:auto 26.1rem;}
.mListen .cont .mListenList .item:nth-child(3) .countArea::before{background-image:url(../img/main/mListen_img03.png);background-size:auto 27rem;}
.mListen .cont .mListenList .item:nth-child(1) .countArea .countNum{margin-top:-2.4rem;}
.zoom2 .mListen .title{font-size:7.2rem;}
.zoom2 .mListen .titBx .txt{font-size:2.4rem;}
.zoom3 .mListen .title{font-size:7rem;}
.zoom3 .mListen .titBx .txt{font-size:2.2rem;}
.zoom4 .mListen .title{font-size:6.8rem;}
.zoom4 .mListen .titBx .txt{font-size:2rem;}

.mListen .cont .mListenList .item .btn{outline-color:var(--color-element-inverse-static);outline-offset:0.2rem;}
@media only screen and (max-width:1500px){
    .mListen{padding:10rem 0;}    
    .mListen .titBx{padding-bottom:6rem;}
    .mListen .titBx .title{font-size:6.4rem;margin-bottom:1rem;}
    .mListen .cont{padding:0 2.4rem;}
    .mListen .cont .mListenList{align-items:stretch;}
    .mListen .cont .mListenList .item .subTit{font-size:4rem;margin-bottom:3rem;}
    .mListen .cont .mListenList .item{padding:3.2rem 2rem 4rem;}
    .mListen .cont .mListenList .item .countArea{height:20rem;margin-bottom:2rem;}
    .mListen .cont .mListenList .item:nth-child(2) .countArea::before,
    .mListen .cont .mListenList .item:nth-child(3) .countArea::before{background-size:auto 100%;}
    .mListen .cont .mListenList .item .tit{font-size:1.6rem;}

    .zoom3 .mListen .cont .mListenList .item .tit br{display:none;}
    .zoom4 .mListen .cont .mListenList .item .tit br{display:none;}
}
@media only screen and (max-width:1300px){
    .zoom3 .mListen .cont .mListenList{margin-right:0;}
    .zoom3 .mListen .cont .mListenList .item{width:100%;text-align:left;padding:4rem 2.4rem 4rem 24rem;position:relative;overflow:hidden;}
    .zoom3 .mListen .cont .mListenList .item::before{content:"";width:22rem;height:22rem;position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:20rem auto;}
    .zoom3 .mListen .cont .mListenList .item .subTit{font-size:2.4rem;margin-bottom:0.4rem;}
    .zoom3 .mListen .cont .mListenList .item .countArea{height:5.2rem;justify-content:start;}
    .zoom3 .mListen .cont .mListenList .item .countArea::before{display:none;}
    .zoom3 .mListen .cont .mListenList .item .countArea .countNum{text-shadow:none;}
    .zoom3 .mListen .cont .mListenList .item:nth-child(1)::before{background-image:url(../img/main/mListen_img01.png);left:-2rem;top:calc(50% + 0.5rem);}
    .zoom3 .mListen .cont .mListenList .item:nth-child(2)::before{background-image:url(../img/main/mListen_img02.png);left:-2rem;}
    .zoom3 .mListen .cont .mListenList .item:nth-child(3)::before{background-image:url(../img/main/mListen_img03.png);left:-3rem;background-size:22rem auto;}
    .zoom3 .mListen .cont .mListenList .item:nth-child(1) .countArea .countNum{margin-top:0;}
    .zoom3 .mListen .cont .mListenList .item .tit{display:none;}
    .zoom3 .mListen .cont .mListenList .item .btn{margin-top:2rem;}
    
    .zoom4 .mListen .cont .mListenList{margin-right:0;}
    .zoom4 .mListen .cont .mListenList .item{width:100%;text-align:left;padding:4rem 2.4rem 4rem 24rem;position:relative;overflow:hidden;}
    .zoom4 .mListen .cont .mListenList .item::before{content:"";width:22rem;height:22rem;position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:20rem auto;}
    .zoom4 .mListen .cont .mListenList .item .subTit{font-size:2.4rem;margin-bottom:0.4rem;}
    .zoom4 .mListen .cont .mListenList .item .countArea{height:5.2rem;justify-content:start;}
    .zoom4 .mListen .cont .mListenList .item .countArea::before{display:none;}
    .zoom4 .mListen .cont .mListenList .item .countArea .countNum{text-shadow:none;}
    .zoom4 .mListen .cont .mListenList .item:nth-child(1)::before{background-image:url(../img/main/mListen_img01.png);left:-2rem;top:calc(50% + 0.5rem);}
    .zoom4 .mListen .cont .mListenList .item:nth-child(2)::before{background-image:url(../img/main/mListen_img02.png);left:-2rem;}
    .zoom4 .mListen .cont .mListenList .item:nth-child(3)::before{background-image:url(../img/main/mListen_img03.png);left:-3rem;background-size:22rem auto;}
    .zoom4 .mListen .cont .mListenList .item:nth-child(1) .countArea .countNum{margin-top:0;}
    .zoom4 .mListen .cont .mListenList .item .tit{display:none;}
    .zoom4 .mListen .cont .mListenList .item .btn{margin-top:2rem;}

    
}
@media only screen and (max-width:1040px){ 
    .mListen{padding:8rem 0;}
    .mListen .titBx{padding:0 2.4rem 4rem;}
    .mShorts .titBx .title{font-size:5.6rem;}
    .mListen .titBx .txt{font-size:2rem;}
    .mListen .cont{padding:0 2.4rem;}
    .mListen .cont .mListenList{margin-right:0;}
    .mListen .cont .mListenList .item{width:100%;text-align:left;padding:4rem 2.4rem 4rem 24rem;position:relative;overflow:hidden;}
    .mListen .cont .mListenList .item::before{content:"";width:22rem;height:22rem;position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:20rem auto;}
    .mListen .cont .mListenList .item .subTit{font-size:2.4rem;margin-bottom:0.4rem;}
    .mListen .cont .mListenList .item .countArea{height:5.2rem;justify-content:start;}
    .mListen .cont .mListenList .item .countArea::before{display:none;}
    .mListen .cont .mListenList .item .countArea .countNum{text-shadow:none;}
    .mListen .cont .mListenList .item:nth-child(1)::before{background-image:url(../img/main/mListen_img01.png);left:-2rem;top:calc(50% + 0.5rem);}
    .mListen .cont .mListenList .item:nth-child(2)::before{background-image:url(../img/main/mListen_img02.png);left:-2rem;}
    .mListen .cont .mListenList .item:nth-child(3)::before{background-image:url(../img/main/mListen_img03.png);left:-3rem;background-size:22rem auto;}
    .mListen .cont .mListenList .item:nth-child(1) .countArea .countNum{margin-top:0;}
    .mListen .cont .mListenList .item .tit{display:none;}
    .mListen .cont .mListenList .item .btn{margin-top:2rem;}
}
@media only screen and (max-width:767px){ 
    .mListen{padding:6rem 0;}
    .mListen .titBx{padding:0 1.6rem 2.5rem;}
    .mListen .titBx .title{font-size:3.2rem;margin-bottom:0;}
    .mListen .titBx .txt{font-size:1.8rem;display:none;}
    .mListen .cont{padding:0 1.6rem;}
    .mListen .cont .mListenList{gap:1.6rem;}
    .mListen .cont .mListenList .item{padding-left:16rem;border-radius:2.4rem;}
    .mListen .cont .mListenList .item::before{width:15rem;height:15rem;background-size:14rem auto;}
    .mListen .cont .mListenList .item .subTit{font-size:2rem;}
    .mListen .cont .mListenList .item .countArea{height:3.2rem;margin-bottom:1rem;}
    .mListen .cont .mListenList .item .countArea .countNum span{font-size:3rem;}
    .mListen .cont .mListenList .item .countArea .countNum em{font-size:1.4rem;}
    .mListen .cont .mListenList .item:nth-child(1)::before{left:-2rem;top:50%;}
    .mListen .cont .mListenList .item:nth-child(2)::before{left:-2rem;}
    .mListen .cont .mListenList .item:nth-child(3)::before{left:-3rem;background-size:15rem auto;}    
    .mListen .cont .mListenList .item .btn{padding:0 1.6rem;font-size:1.6rem;height:4.4rem;min-width:auto;width:100%;}
    .mListen .cont .mListenList .item .btn .svg_icon{width:1.6rem;height:1.6rem;flex-shrink:0;}
}
@media only screen and (max-width:389px){ 
    .mListen .cont .mListenList .item{padding:3.2rem 2rem 3.2rem 12rem;}
    .mListen .cont .mListenList .item::before{width:12rem;height:12rem;background-size:11rem auto;}
    .mListen .cont .mListenList .item:nth-child(3)::before{background-size:12rem auto;}
    .mListen .cont .mListenList .item .btn{font-size:1.3rem;}
    .mListen .cont .mListenList .item .btn .svg_icon{width:1.2rem;height:1.2rem;}
}



.link_group_area{
    position:relative;
    box-sizing: border-box;
    padding: 12rem 0;
    overflow: hidden;
    background: #02001f;
}
.link_group_area .bg_img{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:100%;height:100%;
  object-fit:cover;
  mix-blend-mode:luminosity;
}
.link_group_area .inner{
    position:relative;
    z-index:1;
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    grid-column-gap: 2.4rem;
    max-width:192rem;
    padding: 0 4.8rem;
    margin: 0 auto;
}
.link_group_area ul{
    display: grid;
    grid-template-columns: subgrid;
    gap: 2.4rem;
    grid-column: 5/-1;
}
.link_group_area li{
    grid-column: span 4;
}
.link_group_area a{
    display:flex;
    align-items: flex-end;
    position:relative;
    padding:3rem 4rem;
    aspect-ratio: 592 / 354;
    border-radius: 1.6rem;
    overflow: hidden;
    /*background: blue;*/
}
.link_group_area ul img{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
    object-fit:cover;
    filter: saturate(20%);
    transition: filter .4s ease-in-out;
}
.link_group_area a:hover img,
.link_group_area a:focus img{
    filter: saturate(100%);
}
.link_group_area a p{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    position:relative;
    z-index:1;
    width:100%;
    font-size: 4rem;
    font-weight: 700;
    color:#fff;
    opacity:0;
    visibility: hidden;
    transition: opacity .4s ease-in-out, visibility .4s ease-in-out
}
.link_group_area a p:after{
    display:block;
    transform:translateY(-1.2rem);
    content:"";
    --w:4rem;
    width:var(--w);
    height:var(--w);
    min-width:var(--w);
    min-height:var(--w);
    background: url("/type/www/img/contents/president/main_arrow.svg") no-repeat center / cover;
    /*background: #fff;*/
}
.link_group_area a:hover p,
.link_group_area a:focus p{
    opacity: 1;
    visibility: visible;
}

.footer .inner a{
    color: #fff;
}
@media all and (max-width: 1500px){
    .link_group_area .inner{
        padding: 0 2.4rem;
    }
}
@media all and (max-width: 1440px){
    .link_group_area ul{
        grid-column:3/-1;
    }
    .link_group_area li{
        grid-column:span 5;
    }
    .link_group_area a p{
        font-size: 3rem;
    }
    .link_group_area a p:after{
        --w:3rem;
        transform: translateY(-0.9rem)
    }
}
@media all and (max-width: 1040px){
    .link_group_area{
        padding: 6rem 0;
    }
    .link_group_area .inner{
        min-height: max-content;
    }
    .link_group_area a{
        padding: 2.8rem 2.4rem;
    }
    .link_group_area a p{
        font-size: 2rem;
    }
    .link_group_area a p:after{
        --w: 2rem;
        transform: translateY(-0.6rem);
    }
}
@media all and (max-width: 768px){
    .link_group_area ul{
        grid-column:1/-1;
    }
    .link_group_area li{
        grid-column: span 6;
    }
    .link_group_area a p{
        font-size: 1.6rem;
        opacity: 1;
        visibility:visible;
    }
    .link_group_area a p:after{
        transform:translateY(-0.4rem);
    }
    .link_group_area img{
        filter: grayscale(1);
    }
}
@media all and (max-width: 500px){
    .link_group_area li{
        grid-column: span 12;
    }
}