@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); */

[data-aos^=fade][data-aos^=fade].aos-animate,
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1 !important;transform:translateZ(0) !important;}

.typeMain .topBtn{display:none !important;}



.mVisualArea{width:100%;height:100svh;z-index:1;position:relative;}
.mVisualArea::before{content:"";position:absolute;left:0;top:0;width:100%;height:117px;background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);z-index:6;}
.mVisual{max-width:1920px;margin:0 auto;width:100%;height:100%;}
.mVisual .txtBox{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;z-index:2;padding:0 40px;}
.mVisual .line1{font-family:'Poppins', 'Pretendard', sans-serif;font-size:110px;font-weight:600;line-height:110%;color:var(--color-text-basic-inverse);text-align:center;width:100%;}
.mVisual .line1 span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mVisual .line2{font-size:24px;font-weight:400;line-height:150%;margin-top:32px;color:var(--color-text-basic-inverse);text-align:center;}
.mVisual .line2 span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mVisual .bgImgBox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.mVisual .bgImgBox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;}
.mVisualArea .arrow {position:absolute;width:80px;height:80px;bottom:124px;left:50%;margin-left:-40px;}
/* ani */
.mVisual .line1{overflow:hidden;}
.mVisual .line1 span{opacity:0;transform:translateY(100px);transition:1s;}
.ani .mVisual .line1 span{opacity:1;transform:translateY(0);}
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}
.mVisualArea .arrow {-webkit-animation: fade_move_down 1.5s ease-in-out infinite;-moz-animation:fade_move_down 1.5s ease-in-out infinite;animation: fade_move_down 1.5s ease-in-out infinite;}


/* 섹션 공통 */
.mSection{position:relative;}
.mSection .tit{font-size:60px;line-height:140%;color:var(--color-text-basic);text-align:center;font-weight:700;opacity:0;transform:translateY(100px);transition:1s;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.ani .tit{opacity:1;transform:translateY(0);}
.mSection .inner{max-width:1538px;margin:0 auto;padding:0 40px;}
.mSection .slideBtn{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;position:absolute;right:0;top:1px;gap:8px;}
.mSection .btn{width:48px;height:48px;border-radius:var(--radius-max);border:1px solid var(--color-border-gray);display:inline-flex;align-items:center;justify-content:center;}
.mSection .btn .svgIcon{background-color:var(--color-icon-gray);width:24px;height:24px;}
.mSection .btn .ico_prev{mask-image:url(../img/layout/ico_swiper_prev24.svg);}
.mSection .btn .ico_next{mask-image:url(../img/layout/ico_swiper_next24.svg);}
.mSection .btn .ico_plus{mask-image:url(../img/layout/ico_plus.svg);}
.mSection .btn:focus-visible{outline-offset:-2px;}


/* 공지사항 */
.mNews{padding:120px 0;}
.mNews .tit{padding:0 180px;}
.mNews .contArea{margin-top:32px;}
.mNews .contArea .news{overflow:hidden;}
.mNews .newsBx{border-top:1px solid var(--color-border-gray-darker);padding:40px 0 0;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:16px;}
.mNews .newsBx > p,
.mNews .newsBx .title{width:100%;}
.mNews .newsBx .category{font-size:16px;color:var(--color-text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mNews .newsBx .title{font-size:24px;font-weight:700;color:var(--color-text-basic);line-height:150%;}
.mNews .newsBx .title a{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;}
.mNews .newsBx .txt{font-size:16px;color:var(--color-text-subtle);line-height:150%;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;}
.mNews .newsBx .date{font-size:16px;color:var(--color-text-subtle);margin-top:22px;}
.mNews .slideBtn{top:-98px;}
.mNews.noSwiper .tit{padding:0 64px;}
.mNews.noSwiper .item{width:100% !important;}
.mNews .no_article{padding:160px 0 80px;background-position:center top 60px;}
/* ani */
.mNews .contArea{opacity:0;transform:translateY(100px);transition:1s;}
.mNews.ani .contArea{opacity:1;transform:translateY(0);transition-delay:0.2s;}



/* 프로그램 */
.mProgramArea{padding:0 0 120px;overflow:hidden;}
.mProgramArea .titArea{position:relative;}
.mProgramArea .titArea .slideBtn{top:18px;}
.mProgramArea .tit{padding:0 120px;}
.mProgramArea .contArea{margin-top:32px;}
.mProgramArea .item a{display:inline-flex;align-items:end;justify-content:start;position:relative;}
.mProgramArea .item a .imgBx{position:relative;width:100%;z-index:1;overflow: hidden;}
.mProgramArea .item a .imgBx::before{content:"";position:absolute;width:100%;height:100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);z-index:1;}
.mProgramArea .item a .imgBx img{display:block;max-width:100%;max-height:100%;object-fit:cover;transform:scale(1);transition:transform 0.6s;}
.mProgramArea .item a .txtBx{width:100%;padding:48px;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);position:absolute;left:0;bottom:0;z-index:8;display:inline-flex;align-items:center;justify-content:start;}
.mProgramArea .item a .txtBx span{display:inline-flex;font-size:36px;line-height:140%;color:var(--color-text-basic-inverse);font-weight:700;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mProgramArea .item a:hover .imgBx img,
.mProgramArea .item a:focus-visible .imgBx img{transform:scale(1.1);}
/* ani */
.mProgramArea .contArea{opacity:0;transform:translateY(100px);transition:1s;}
.mProgramArea.ani .contArea{opacity:1;transform:translateY(0);transition-delay:0.2s;}


/* 취업게시판 */
.mBoardArea{padding:0 0 150px;}
.mBoardArea .titArea{position:relative;}
.mBoardArea .titArea .tit{padding:0 64px;}
.mBoardArea .titArea .link{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.mBoardArea .contArea{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;gap:48px;margin-top:60px;}
.mBoardArea .contArea > div{flex:1;}
.mBoardArea .boardArea ul{margin-top:36px;border-top:1px solid var(--color-divider-gray-darker);}
.mBoardArea .boardArea ul li{display:block;width:100%;height:100%;}
.mBoardArea .boardArea ul li:not(:first-child){border-top:1px solid var(--color-divider-gray-light);}
.mBoardArea .boardArea ul li a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;}
.mBoardArea .boardArea ul li a .title{font-weight:600;font-size:18px;color:var(--color-text-basic);line-height:150%;display:inline-flex;align-items:center;justify-content:start;gap:8px;flex:auto;}
.mBoardArea .boardArea ul li a .title >span{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mBoardArea .boardArea ul li a .title >span.ico_new{width:6px;height:6px;border-radius:var(--radius-max);background-color:#FF3B5A;flex-shrink:0;}
.mBoardArea .boardArea ul li a .date{font-size:14px;line-height:150%;color:var(--color-text-basic);flex-shrink:0;}
.mBoardArea .boardArea .btnMore{width:24px;height:24px;top:17px;right:0px;position:absolute;display:inline-flex;align-items:center;justify-content:center;}
.mBoardArea .boardArea .btnMore .ico_more{mask-image:url(../img/layout/ico_plus.svg);background-color:var(--color-icon-gray);width:20px;height:20px;}

.mBoardArea .bnrArea{display:flex;justify-content:center;position:relative;}
.mBoardArea .bnrArea .bnr{width:530px;height:530px;border-radius:var(--radius-max);background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;flex-wrap:wrap;align-items:end;justify-content:center;align-content:end;padding:0 90px 28px;text-align:center;}
.mBoardArea .bnrArea .bnr .title{font-size:30px;line-height:150%;font-weight:700;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;width:100%;}
.mBoardArea .bnrArea .bnr .icon{border:none;border-radius:0;width:56px;height:56px;}
.mBoardArea .bnrArea .bnr .icon .ico_link{mask-image:url(../img/main/ico_arrow_right56.svg);background-color:var(--color-icon-inverse);width:100%;height:100%;}
.mBoardArea .bnrArea::after{content:"";position:absolute;left:calc(100% - 180px);top:50%;transform:translateY(-50%);width:530px;height:530px;background:url(../img/main/mBoard_deco.png) no-repeat center center/ contain;opacity:0.3;z-index:-1;}
/* ani */
.mBoardArea .boardArea{opacity:0;transform:translateX(-100px);transition:1s;transition-delay:0.2s;}
.mBoardArea.ani .boardArea{opacity:1;transform:translateX(0)}
.mBoardArea .bnrArea .bnr{opacity:0;transform:translateX(100px);transition:1s;transition-delay:0.4s;}
.mBoardArea .bnrArea::after{opacity:0;transform:translate(100px, -50%);transition:1s;transition-delay:0.5s;}
.mBoardArea.ani .bnrArea .bnr{opacity:1;transform:translateX(0);}
.mBoardArea.ani .bnrArea::after{opacity:0.3;transform:translate(0, -50%);}

@media all and (max-width:1300px){
    .mVisual .txtBox{padding:0 30px;}
    .mVisual .line1{font-size:90px;}
    .mVisual .line2{font-size:20px;}
    .mVisualArea .arrow{bottom:80px;}

    .mSection .inner{padding:0 30px;}

    .mNews .newsBx{gap:12px;padding-top:24px;}
    .mNews .newsBx .category{font-size:14px;}
    .mNews .newsBx .title{font-size:20px;}
    .mNews .newsBx .txt{font-size:14px;}
    .mNews .newsBx .date{font-size:14px;margin-top:20px;}

    .mProgramArea .item a .txtBx{padding:32px 24px 24px;}
    .mProgramArea .item a .txtBx span{font-size:28px;}

    .mBoardArea .contArea{margin-top:40px;}
    .mBoardArea .boardArea ul{margin-top:0;}
    .mBoardArea .bnrArea .bnr,
    .mBoardArea .bnrArea::after{width:460px;height:460px;}
    .mBoardArea .bnrArea .bnr .title{font-size:24px;}
    
}
@media all and (max-width:1041px){
    .mVisual .txtBox{padding:0 20px;}
    .mVisual .line1{font-size:64px;}
    .mVisual .line2{font-size:18px;margin-top:20px;}
    .mVisualArea .arrow{bottom:64px;width:64px;height:64px;margin-left:-32px;}

    .mSection .inner{padding:0 20px;}
    .mSection .tit{text-align:left;font-size:48px;}
    
    .mNews{padding:80px 0;}
    .mNews .tit{padding-left:0;}    
    .mNews .slideBtn{top:-76px;}
    .mNews .contArea{margin-top:18px;}
    .mNews .contArea .news{overflow:unset;}
    .mNews .newsBx{gap:8px;}
    .mNews .newsBx br{display:none;}
    .mNews .newsBx .date{margin-top:12px;}

    .mProgramArea{padding:0 0 80px;}
    .mProgramArea .tit,
    .mNews.noSwiper .tit{padding-left:0;} 
    .mProgramArea .titArea .slideBtn{top:10px;}
    .mProgramArea .contArea{margin-top:18px;}
    .mProgramArea .item a{padding-top:65%;width:100%;}
    .mProgramArea .item a .imgBx{position:absolute;height:100%;}
    .mProgramArea .item a .imgBx img{position:absolute;width:100%;height:100%;left:0;top:0;}
    .mProgramArea .item a .txtBx span{font-size:24px;}
    .mNews.noSwiper .item{width:100% !important;}
    

    .mBoardArea{padding:0 0 120px;}
    .mBoardArea .titArea .tit{padding-left:0;} 
    .mBoardArea .contArea{margin-top:20px;flex-wrap:wrap;gap:40px;}
    .mBoardArea .contArea > div{flex:unset;width:100%;}
    .mBoardArea .contArea > div.bnrArea{justify-content:start;width:460px;}
    .mBoardArea .bnrArea::after{right:calc(-100% + 77px);left:auto;}
    .mBoardArea .bnrArea .bnr{padding:0 80px 16px;}
    
    .mBoardArea .bnrArea .bnr .icon{width:40px;height:40px;}
}
@media all and (max-width:768px){
    .mVisual .txtBox{padding:0 16px;}
    .mVisual .line1{font-size:48px;}
    .mVisual .line2{font-size:16px;}
    .mVisualArea .arrow{width:48px;height:48px;margin-left:-24px;}

    .mSection .inner{padding:0 16px;}
    .mSection .tit{font-size:30px;}
    .mSection .btn{width:32px;height:32px;}
    .mSection .btn .svgIcon{width:16px;height:16px;}
    .mSection .slideBtn{gap:4px;}

    .mNews{padding:64px 0 56px;}
    .mNews .tit{padding-right:116px;}
    .mNews .slideBtn{top:-56px;}
    .mNews.noSwiper .tit{padding-right:48px;}

    .mProgramArea{padding:0 0 64px;}
    .mProgramArea .tit{padding-right:78px;}
    .mProgramArea .item a{padding-top:88.136%;}
    .mProgramArea .item a .txtBx{padding:30px 20px 20px;}
    .mProgramArea .item a .txtBx span{font-size:20px;}
    .mProgramArea .titArea .slideBtn{top:5px;}

    .mBoardArea{padding:0 0 80px;}
    .mBoardArea .titArea .tit{padding-right:48px;}
    .mBoardArea .contArea{margin-top:10px;}
    .mBoardArea .boardArea ul li a{min-height:56px;}
    .mBoardArea .boardArea ul li a .title{font-size:16px;}    
    .mBoardArea .bnrArea .bnr .title{font-size:20px;}
}
@media all and (max-width:600px){
    .mBoardArea .contArea > div.bnrArea{width:calc(100% - 10px);}
    .mBoardArea .bnrArea .bnr, .mBoardArea .bnrArea::after {width:100%;height:calc(100vw - 42px);}
    .mBoardArea .bnrArea .bnr{padding:0 0 16px;flex-direction:column;justify-content:end;align-items:center;align-content:center;}
    .mBoardArea .bnrArea .bnr .title{width:64%;}
}
@media all and (max-width:389px){
    .mVisual .line1{font-size:40px;}
    .mBoardArea .bnrArea .bnr .title{font-size:18px;width:72%;}
}