@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;}


/* content */
/* 공통 */
.mSection{overflow:hidden;position:relative;box-sizing:border-box;}
.mSection .title{text-align:center;font-size:4.8rem;font-weight:700;margin-bottom:4.8rem;line-height:130%;}
.mSection .title .mBr{display:none;}
@media only screen and (max-width:1040px){    
    .mSection .title{font-size:3.2rem;margin-bottom:3.2rem;}
}
@media only screen and (max-width:600px){    
    .mSection .title .mBr{display:block;}
}
@media only screen and (max-width:389px){    
    .mSection .title{font-size:2.8rem;margin-bottom:2.4rem;}
}

/* 메인 비주얼 */
.mVisual {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:5.6rem;font-style:normal;font-weight:800;line-height:130%;overflow-wrap:break-word;white-space:pre-line;}
.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;
    left:50%;
    bottom:46.4rem;
    transform:translateX(-50%) rotate(270deg);
    z-index:10;
    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;
    right:0;
    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;
    --color-background-primary-dark:var(--primary80);
}
.mVisual .mVisual_notice > div{box-sizing:border-box;position:relative;width:100%;}
.mVisual .mVisual_notice .noticeBx{background-color:var(--color-surface-white-static);padding:0; border-radius:1.6rem;}
.mVisual .mVisual_notice .noticeBx > p{color:var(--color-text-inverse-static);padding:1.8rem 3.2rem;background-color:var(--color-background-primary-dark);box-sizing:border-box;font-size:1.9rem;text-transform:uppercase; border-radius:1.6rem 1.6rem 0 0;}
.mVisual .mVisual_notice .noticeBx .noticeWrap{width:100%;min-height:29rem;box-sizing:border-box;padding:2.4rem 3.2rem 3rem;}
.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:first-child{padding-top:0;}
.mVisual .mVisual_notice .noticeBx .noticeList .item:last-child{padding-bottom:0;}
.mVisual .mVisual_notice .noticeBx .btn_more{position:absolute;right:3.2rem;top:2.2rem;}
.mVisual .mVisual_notice .noticeBx .ico_more{mask-image:url(../../common/img/common/ico_plus.svg);background-color:var(--color-surface-white-static);}
/* 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{bottom:-63rem;transition:bottom 1s ease;}
.mVisual .mVisual_notice.isOn{bottom:6.4rem;}
.mVisual.secondAni .mVisual_notice{bottom:-63rem;}
.mVisual.secondAni .mVisualPopBtn{
    opacity:1;
    transform:translateX(-50%) rotate(90deg);
    pointer-events:auto;
    visibility:visible;
    bottom:calc(100% - 10rem);
    transition: bottom 1.1s ease;
}
.mVisual .mVisual_notice.isOn .mVisualPopBtn{
    bottom:46.4rem;
    transform:translateX(-50%) rotate(270deg);
}
.mVisual .mVisual_notice.isOn{bottom:06.4rem;}
.mVisual .mVisual_notice.isOn .mVisualPopBtn::before{
    transform:rotate(90deg);
    transition: transform 1.1s ease;
}
.mVisual .mVisual_notice .mVisualPopBtn::before{
    transform:rotate(90deg);
}

.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;}
/* //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{bottom:4.8rem;}
}
@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;}
}
@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;}
}
@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; left:60%;}
}
@media only screen and (max-width:1300px){
    .mVisual .visualS .inner .titBx .tit1{font-size:4.8rem;}
    .mVisual .mVisual_notice .noticeBx > p{font-size:1.8rem;padding:1.6rem 2.4rem;}
    .mVisual .mVisual_notice .noticeBx .noticeWrap{padding:2rem 2.4rem 2.4rem;}

    .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;}
    .zoom3 .mVisual .visualS .control .swiperProcess{width:28rem;}
    .zoom4 .mVisual .visualS .inner .titBx .tit1{font-size:4rem;}
    .zoom4 .mVisual .visualS .inner .titBx .tit2{font-size:1.6rem;}
    .zoom4 .mVisual .visualS .control .swiperProcess{width:22rem;}

}
@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;}
    
    .mVisual .mVisual_notice{position:relative;left:0;top:0;transition:none;height:auto;margin:3rem 0 0;width:100%;padding:0 2.4rem;}
    .mVisual .mVisual_notice .noticeBx{height:100%;}
    .mVisual .mVisual_notice .noticeBx .noticeWrap{border:0.1rem solid var(--color-border-gray-light);border-top:none;padding:2.4rem;}
    .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);}
    .mVisual .mVisual_notice .noticeBx .btn_more{width:2.4rem;height:2.4rem;right:2.4rem;top:1.8rem;}

    /* 260108 추가 */
    .mVisual .visualS .btn.line{height:4rem;padding:0 2.4rem;font-size:1.6rem;gap:0.8rem;margin-top:1.6rem;}
    .mVisual .visualS .btn.line .svg_icon{width:2rem;height:2rem;margin-top:-0.3rem;}
    /* //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 수정 */

    .mVisual.secondAni .mVisualPopBtn{
        display:none;
    }
}
@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;}
    /* .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;}
}

/* Global Stage */
.mGlobal{padding:9rem 0 12rem;}
.mGlobal .inner{max-width:192rem;display:block;padding:0 4.8rem;box-sizing:border-box;margin:0 auto;}
.mGlobal .mGlobalList {margin-right:-2.4rem;display:flex;gap:2.4rem;box-sizing:border-box;}
.mGlobal .mGlobalList .smallNews{display:flex;flex-wrap:wrap;gap:2.4rem;width:calc(75% + 2.4rem);margin-right:-2.4rem;align-items:start;align-content:start;justify-content:start;}
.mGlobal .mGlobalList .bigNews{display:flex;flex-direction:column;gap:2.4rem;flex-shrink:0;width:calc(25% - 4.8rem);}
.mGlobal .mGlobalList .smallNews .item{width:calc(33.33% - 2.4rem);}
.mGlobal .mGlobalList .item{width:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:2.4rem;break-inside:avoid;}
.mGlobal .mGlobalList .item a{display:flex;box-sizing:border-box;position:relative;flex-direction:column;gap:1.2rem;width:100%;}
.mGlobal .mGlobalList .item .imgBx{position:relative;overflow:hidden;z-index:0;padding-top:68.492%;width:100%;}
.mGlobal .mGlobalList .item .imgBx img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;left:0;top:0;transform:scale(1);transition:transform 0.4s ease-in-out;}
.mGlobal .mGlobalList .item .txtBx{padding-bottom:3.2rem;display:flex;flex-direction:column;gap:0.8rem;box-sizing:border-box;}
.mGlobal .mGlobalList .item .txtBx .tit{font-size:1.7rem;font-weight:700;color:var(--color-text-basic);line-height:130%;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.mGlobal .mGlobalList .item .txtBx .date{font-size:1.5rem;font-weight:400;color:var(--color-text-disabled-on);}
.mGlobal .mGlobalList .item.long{grid-row: 1 / span 2;position:relative;grid-column: 4 / 5;}
.mGlobal .mGlobalList .item.long:last-child{grid-row: 3 / span 2;grid-column: 4 / 5;}
.mGlobal .mGlobalList .item.long .imgBx{padding-top:150.685%;}
.mGlobal .mGlobalList .item.long .txtBx{position:absolute;width:100%;height:auto;padding:8rem 2.4rem 2.4rem;left:0;bottom:0;z-index:6;}
.mGlobal .mGlobalList .item.long .txtBx::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;}
.mGlobal .mGlobalList .item.long .txtBx .tit{font-size:1.6rem;color:var(--color-text-inverse-static);}
.mGlobal .mGlobalList .item.long .txtBx .date{color:var(--color-text-subtle-inverse);}
.mGlobal .btnBx{margin-top:4rem;display:flex;justify-content:center;}
.mGlobal .btnBx .btn{border-radius:100rem;min-width:14rem;padding:0 3.2rem;gap:1.2rem;font-weight:700;}
.mGlobal .btnBx .btn .ico_more{mask-image:url(../img/main/ico_more_arrow.svg);background-color:var(--color-text-basic);}
.mGlobal .btnBx .btn:hover,
.mGlobal .btnBx .btn:focus,
.mGlobal .btnBx .btn:active{border-color:var(--color-border-primary);background-color:var(--color-button-secondary-fill);color:var(--color-text-primary);}
.mGlobal .btnBx .btn:hover .ico_more,
.mGlobal .btnBx .btn:focus .ico_more,
.mGlobal .btnBx .btn:active .ico_more{background-color:var(--color-text-primary);}
@media only screen and (min-width:768px){  
    .mGlobal .btnBx{display:none !important;}
}
@media only screen and (max-width:1500px){    
    .mGlobal .mGlobalList .item .txtBx{padding-bottom:0;}
}
@media only screen and (max-width:1300px){    
    .mGlobal .mGlobalList{gap:2rem;margin-right:-2rem;}
    .mGlobal .mGlobalList .smallNews{width:calc(75% + 2rem);gap:2.4rem 2rem;margin-right:-2rem;}
    .mGlobal .mGlobalList .bigNews{width:calc(25% - 4rem);}
    .mGlobal .mGlobalList .smallNews .item{width:calc(33.33% - 2rem);}
}
@media only screen and (max-width:1040px){    
    .mGlobal{padding:8rem 0;}
    .mGlobal .inner{padding:0 2.4rem;}
    .mGlobal .mGlobalList{gap:1.6rem;margin-right:-1.6rem;position:relative;}
    .mGlobal .mGlobalList .smallNews{width:calc(66.67% + 1.6rem);gap:2.4rem 1.6rem;margin-right:-1.6rem;}
    .mGlobal .mGlobalList .bigNews{width:calc(33.33% - 3.2rem);height:100%;}
    .mGlobal .mGlobalList .smallNews .item{width:calc(50% - 1.6rem);}
    .mGlobal .mGlobalList .smallNews .item:last-child{position:absolute;right:1.6rem;width:calc(33.33% - 3.2rem);}
    .mGlobal .mGlobalList .smallNews .item:last-child .imgBx{padding-top:73.492%;}
}
@media only screen and (max-width:767px){    
    .mGlobal .inner{padding:0 1.6rem;}
    .mGlobal .mGlobalList{gap:3.2rem;flex-direction:column;width:80%;margin:0 auto;}
    .mGlobal .btnBx{display:flex;justify-content:center;align-items:center;}
}
@media only screen and (max-width:600px){    
    .mGlobal .mGlobalList{width:100%;}
}

/* K-initiative */
.mInintiative{padding:2.8rem 0 6rem;}
.mInintiative .inner{display:block;box-sizing:border-box;}
.mInintiativeList{display:flex;flex-direction:row;}
.mInintiativeList .item{position:relative;flex:0.357;overflow:hidden;transition:0.6s;}
.mInintiativeList .item::before{position:absolute;content:"";display: block;width:100%;height:100%;background-color:var(--color-background-white);transition:1s;top:0;right:0;z-index:1;}
.mInintiativeList .item.on{flex:1;}
.mInintiativeList .item a{display:block;position:relative;height:80rem;cursor:pointer;}
.mInintiativeList .item a::before{content:"";position:absolute;bottom:0;left:0;width:100%;display:inline-block;min-height:34.8rem;background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.00) 100%);box-sizing:border-box;}
.mInintiativeList .item .bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;}
.mInintiativeList .item .bg span{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:70% center;background-size:cover;}
.mInintiativeList .item:nth-child(1) .bg span{background-position:right center;}
.mInintiativeList .item .bg .mBg{display:none;}
.mInintiativeList .item .txtBx{position:absolute;width:100%;padding:7.2rem 4.8rem 4.8rem;box-sizing:border-box;z-index:8;left:0;bottom:0;}
.mInintiativeList .item .txtBx .tit{font-size:3rem;font-weight:700;color:var(--color-text-inverse-static);line-height:130%;font-family:'Inter','Pretendard GOV',sans-serif;white-space:nowrap;}
.mInintiativeList .item .txtBx .txt{font-size:2rem;font-weight:400;color:var(--color-text-inverse-static);line-height:130%;font-family:'Inter','Pretendard GOV',sans-serif;white-space:pre-line;transition:all 0.4s ease-in-out;opacity:0;display:none;height:0;visibility:hidden;pointer-events:none;}
.mInintiativeList .item.on .txtBx .tit{font-size:9.6rem;margin-left:-0.4rem;}
.mInintiativeList .item.on .txtBx .txt{margin-top:2rem;opacity:1;display:block;height:auto;visibility:visible;pointer-events:auto;}
/* ani */
.mInintiative.ani .mInintiativeList .item::before{height: 0;}
.mInintiative.ani .mInintiativeList .item:nth-child(2):before{transition-delay:0.2s;}
.mInintiative.ani .mInintiativeList .item:nth-child(3):before{transition-delay:0.4s;}
@media only screen and (max-height:899px) and (min-height:768px){    
    .mInintiativeList .item a{height:70rem;}
}
@media only screen and (max-height:767px) and (min-height:640px){    
    .mInintiativeList .item a{height:60rem;}
}
@media only screen and (max-width:1300px){    
    .mInintiativeList .item .txtBx .tit{font-size:2.4rem;}
    .mInintiativeList .item.on .txtBx .tit{font-size:7.2rem;}
    .mInintiativeList .item.on .txtBx .txt{font-size:1.8rem;}
}
@media only screen and (max-width:1040px){    
    .mInintiative{padding:0;}
    .mInintiative .inner{padding:0;}
    .mInintiativeList{flex-direction:column;}
    .mInintiativeList .item{flex:1;}
    .mInintiativeList .item::after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;transition:0.4s;background:rgba(15,15,15,0.4);opacity:1;}
    .mInintiativeList .item .bg .mBg{display:block;}
    .mInintiativeList .item .bg .pcBg{display:none;}
    .mInintiativeList .item .bg .mBg{background-position:right 56%;}
    .mInintiativeList .item:nth-child(1).on .bg .mBg{background-position:right top;}
    .mInintiativeList .item:nth-child(1) .bg .mBg{background-position:right top;}
    .mInintiativeList .item a{height:23.4rem;transition:0.4s;}
    .mInintiativeList .item a::before{opacity:0;transition:0.4s;min-height:20.6rem;}
    .mInintiativeList .item.on a{height:70rem;}    
    .mInintiativeList .item.on::after{opacity:0;}
    .mInintiativeList .item.on a::before{opacity:1;}
    .mInintiativeList .item.on .txtBx .tit{font-size:4rem;}    
    .mInintiativeList .item.on .txtBx .txt{margin-top:0.4rem;}
    .mInintiativeList .item .txtBx{padding:7.2rem 2.4rem 2.4rem;}
    .mInintiative.ani .mInintiativeList .item::before{height:100%;width:0;}
}
@media only screen and (max-width:767px){    
    .mInintiativeList .item a{height:13.4rem;}
    .mInintiativeList .item a::before{min-height:16.6rem;}
    .mInintiativeList .item.on a{height:37.7rem;}
    .mInintiativeList .item .txtBx{padding:5.4rem 1.6rem 2.4rem;}
    .mInintiativeList .item.on .txtBx .txt{font-size:1.6rem;}    
    .mInintiativeList .item .txtBx .txt{white-space:normal;padding-right:8rem;}
    .mInintiativeList .item .txtBx .txt br{display:none;}
}
@media only screen and (max-width:480px){    
    .mInintiativeList .item.on .txtBx .txt{font-size:1.4rem;}
    .mInintiativeList .item .txtBx .txt{padding-right:4rem;}
}
@media only screen and (max-width:389px){    
    .mInintiativeList .item a{height:12.4rem;}
    .mInintiativeList .item.on a{height:30.7rem;}
}


/* mAbout */
.mAbout{padding:6rem 0 13.3rem;}
.mAbout .inner{max-width:150rem;display:block;padding:0 4.8rem;margin:0 auto;min-height:auto;}
.mAbout .aboutList{display:flex;gap:24px;justify-content:center;}
.mAbout .aboutList .item{flex:1;display:block;position:relative;}
.mAbout .aboutList a{display:block;}
.mAbout .aboutList .imgBx{position:relative;padding-top:69.57%;overflow:hidden;}
.mAbout .aboutList .imgBx img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:-1;}
.mAbout .aboutList .txtBx{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:11.8rem 4.8rem 4.8rem;}
.mAbout .aboutList .txtBx::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(0deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);z-index:-1;}
.mAbout .aboutList .txtBx .tit{font-size:3rem;font-weight:700;line-height:130%;color:var(--color-text-inverse-static);display:flex;align-items:end;justify-content:space-between;gap:0.8rem;font-family:'Inter','Pretendard GOV',sans-serif;}
.mAbout .aboutList .txtBx .tit::after{content:"";width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;mask:url(../img/main/ico_more_link.svg) no-repeat center center/ contain;background-color:var(--color-surface-white-static);}
/* ani */
.mAbout .aboutList{transition:0.4s;opacity:0;transition-delay:0.6s;}
.mAbout.ani .aboutList{opacity: 1;}
@media only screen and (max-width:1300px){    
    .mAbout .aboutList .txtBx .tit{font-size:2.4rem;}
}
@media only screen and (max-width:1040px){    
    .mAbout{padding:6rem 0 8rem;}
    .mAbout .inner{max-width:100%;padding:0 2.4rem;}
    .mAbout .aboutList .txtBx{padding:5.6rem 2.4rem 2.4rem;}
    .mAbout .aboutList .txtBx .tit{font-size:2rem;}
    .mAbout .aboutList .txtBx .tit::after{width:2rem;height:2rem;}
}
@media only screen and (max-width:767px){    
    .mAbout .aboutList{flex-direction:column;gap:1.6rem;}
    .mAbout .aboutList .item{flex:auto;}
    .mAbout .aboutList .txtBx{padding:5rem 2.4rem 2.4rem;}
}
@media only screen and (max-width:389px){   
    .mAbout .aboutList .txtBx{padding:5rem 2rem 2rem;}
    .mAbout .aboutList .txtBx .tit{font-size:1.6rem;gap:0.4rem;}
    .mAbout .aboutList .txtBx .tit::after{width:1.6rem;height:1.6rem;}
}

.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{
    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: 3rem;
    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;
    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{
    opacity: 1;
    visibility: visible;
}
@media all and (max-width: 1600px){
    .link_group_area a p{
        font-size:2.6rem;
    }
    .link_group_area a p:after{
        --w:3.6rem
    }
}
@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{
        padding:2rem;
    }
    .link_group_area a p{
        font-size: 3rem;
    }
    .link_group_area a p:after{
        --w:3rem;
        transform:translateY(0.5rem);
    }
}
@media all and (max-width: 1280px){
    .link_group_area a p{
        font-size:2.4rem;
    }
    .link_group_area a p:after{
        transform:translateY(-0.2rem);
    }
}
@media all and (max-width: 1040px){
    .link_group_area{
        padding: 6rem 0;
    }
    .link_group_area .inner{
        min-height: max-content;
    }
    .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{
        padding: 2.8rem 2.4rem;
    }
    .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;
    }
}

.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;
}