@charset "utf-8";

/* @import url(../../common/css/font_poppins/style.css); */

/* 메인 공통*/
body #header.down{top:-110px !important;}
body #header.up{top:0 !important;}

.typeMain{background-color:var(--color-background-gray-subtler);}
#contents{overflow: hidden;position: relative;}
a:focus-visible{outline-offset:-2px;}



/* 메인 비주얼 */
.mainVisual{position: relative;display:flex;align-items:flex-start;justify-content: center;max-width:1785px;margin:0 auto;padding:118px 60px 92px;}
.mainGrid{display: flex;flex-wrap:wrap;gap:20px;justify-content: center;width: 100%;}
.mainGrid>*{display: flex;flex-direction: column;gap:20px;position: relative;}
.mainGrid .grid{overflow: hidden;}
.mainGrid .grid1{order:2;flex:1;}
.mainGrid .grid2{order:1;width:405px;}
.mainGrid .grid3{order:3;width:405px;}
.mainGrid .grid4{order:4;width:100%;}
.mainGrid .grid > div{position: relative;transition:1s;border-radius:20px;height: 100%;overflow: hidden;z-index: 10;}
.mainGrid .grid > div a{position: relative;z-index: 100;}
.mainGrid .grid:not(.grid4) .imgBx{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.mainGrid .imgBx img{width:100%;height:100%;object-fit:cover;display:block;transition:0.6s;transform:scale(1);}

.mainGrid .slideBtn{z-index: 1;display: flex;height: 21px;overflow: hidden;position:absolute;gap:6px;justify-content:end;align-items:center;}
.mainGrid .btnWrap{z-index: 10;display: flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);border-radius:var(--radius-max);padding:0 4px;}
.mainGrid .btnWrap .prev{width: 21px;height: 21px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;}
.mainGrid .btnWrap .ico_prev{width:100%;height:100%;mask-image:url(../img/main/ico_swiper_prev20.svg);background-color:var(--color-background-white);}
.mainGrid .btnWrap .next{width: 21px;height: 21px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;}
.mainGrid .btnWrap .ico_next{width:100%;height:100%;mask-image:url(../img/main/ico_swiper_next20.svg);background-color:var(--color-background-white);}
.mainGrid .control{width: 21px;height: 21px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;border-radius:var(--radius-max);background:rgba(0,0,0,0.15);}
.mainGrid .control .ico_control{width:100%;height:100%;mask-image:url(../img/main/ico_swiper_stop.svg);background-color:var(--color-background-white);}
.mainGrid .control.on .ico_control{mask-image:url(../img/main/ico_swiper_play.svg);}
.mainGrid .swiperPagi{font-size:12px;font-weight:500;color:var(--color-text-basic-inverse);line-height:1;display: flex;align-items:center;justify-content:center;}
.mainGrid .btnWrap .prev:focus-visible,
.mainGrid .btnWrap .next:focus-visible,
.mainGrid .control:focus-visible{outline-offset:-4px;}

.mainGrid .grid1{height:700px;}
.mainGrid .grid1 .swiper-container,.mainGrid .grid1 .swiper-wrapper,.mainGrid .grid1 .swiper-slide{height: 100%;}
.mainGrid .grid1 a{width:100%;height:100%;display:flex;align-items:end;justify-content:start;border-radius:20px;overflow:hidden;}
.mainGrid .grid1 .tit{position:relative;width:100%;padding:60px 194px 48px 48px;z-index:5;display:block;font-size:48px;font-weight:700;line-height:130%;color:var(--color-text-basic-inverse);}
.mainGrid .grid1 .tit span{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;}
.mainGrid .grid1 .tit::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-2;backdrop-filter:blur(15px);mask-image:linear-gradient(to bottom, transparent 0%, black 40%);}
.mainGrid .grid1 .tit::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-1;background: linear-gradient(180deg, rgba(153, 153, 153, 0) 0%, rgba(153, 153, 153, 0.4) 100%);}
.mainGrid .grid1 .slideBtn{bottom:60px;right:48px;}
.mainGrid .grid1 .slideBtn .control .ico_control{background-color:rgba(255,255,255,0.8);}
.mainGrid .grid1 .slideBtn .control.on .ico_control{background-color:rgba(255,255,255,0.9);}
.mainGrid .grid1 a:focus-visible::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;outline: -webkit-focus-ring-color auto 1px;outline-offset:-4px;pointer-events: none;z-index:99;border-radius:20px;overflow:hidden;}
.mainGrid .grid1 a:hover .imgBx img,
.mainGrid .grid1 a:focus-visible .imgBx img{transform:scale(1.1);}
.mainGrid .grid1 .mVisualSlide.single .tit{padding:60px 48px 48px;}

.mainGrid .grid2 .mTopSlide{flex:215px;}
.mainGrid .grid2 .mBotSlide{flex:calc(100% - 235px);}
.mainGrid .grid2 .swiper-container,.mainGrid .grid2 .swiper-wrapper,.mainGrid .grid2 .swiper-slide{height: 100%;}
.mainGrid .grid2 a{width:100%;height:100%;display:flex;align-items:end;justify-content:start;border-radius:20px;overflow:hidden;}
.mainGrid .grid2 .tit{position:relative;width:100%;padding:20px 146px 24px 24px;z-index:5;display:block;font-size:20px;font-weight:700;line-height:140%;color:var(--color-text-basic-inverse);}
.mainGrid .grid2 .tit span{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mainGrid .grid2 .tit::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-2;backdrop-filter:blur(15px);mask-image:linear-gradient(to bottom, transparent 0%, black 25%);}
.mainGrid .grid2 .tit::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-1;}
.mainGrid .grid2 .slideBtn{bottom:27px;right:24px;}
.mainGrid .grid2 .slideBtn .control .ico_control{background-color:rgba(255,255,255,0.8);}
.mainGrid .grid2 .slideBtn .control.on .ico_control{background-color:rgba(255,255,255,0.9);}
.mainGrid .grid2 .mTopSlide .tit::after{background: linear-gradient(180deg, rgba(153, 153, 153, 0) 0%, rgba(153, 153, 153, 0.4) 100%);}
.mainGrid .grid2 .mBotSlide .tit::after{background: linear-gradient(180deg, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 0.4) 100%);}
.mainGrid .grid2 a:focus-visible::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;outline: -webkit-focus-ring-color auto 1px;outline-offset:-4px;pointer-events: none;z-index:99;border-radius:20px;overflow:hidden;}
.mainGrid .grid2 a:hover .imgBx img,
.mainGrid .grid2 a:focus-visible .imgBx img{transform:scale(1.1);}
.mainGrid .grid2 .mTopSlide.single .tit{padding:20px 24px 24px;}
.mainGrid .grid2 .mBotSlide.single .tit{padding:20px 24px 24px;}

.mainGrid .grid3 .mTxtSlide{flex:calc(100% - 330px);}
.mainGrid .grid3 .mInfo{flex:310px;}
.mainGrid .grid3 .mTxtSlide{background:var(--color-background-white);padding:32px;position:relative;}
.mainGrid .grid3 .mTxtSlide .swiper-container{overflow:hidden;}
.mainGrid .grid3 .mTxtSlide .title{font-size:20px;font-weight:600;color:var(--color-text-dark);margin-bottom:52px;padding-right:32px;}
.mainGrid .grid3 .mTxtSlide .date{font-size:16px;color:var(--color-text-dark);margin-bottom:24px;}
.mainGrid .grid3 .mTxtSlide .tit{font-size:28px;font-weight:600;color:var(--color-text-dark);line-height:140%;font-family:'Pretendard GOV', 'Pretendard', sans-serif;}
.mainGrid .grid3 .mTxtSlide .tit a{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;font-family:inherit;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;}
.mainGrid .grid3 .mTxtSlide .iconBtn{position:absolute;right:27px;top:30px;width:24px;height:24px;z-index:6;}
.mainGrid .grid3 .mTxtSlide .iconBtn .ico_more{width:100%;height:100%;mask-image:url(../img/layout/ico_plus.svg);background-color:var(--color-background-dark);}
.mainGrid .grid3 .mTxtSlide .tit:hover a{text-decoration:underline;text-underline-offset:3px;}
.mainGrid .grid3 .slideBtn{bottom:36px;right:24px;}
.mainGrid .grid3 .slideBtn .btnWrap,
.mainGrid .grid3 .slideBtn .control{background-color:var(--color-background-white);}
.mainGrid .grid3 .slideBtn .ico_prev,
.mainGrid .grid3 .slideBtn .ico_next,
.mainGrid .grid3 .slideBtn .control .ico_control{background-color:var(--color-icon-gray);}
.mainGrid .grid3 .slideBtn .control.on .ico_control{background-color:var(--color-icon-gray);}
.mainGrid .grid3 .slideBtn .swiperPagi{color:var(--color-text-basic);}
.mainGrid .grid3 .mTxtSlide .no_article{padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:16px;line-height:150%;color:var(--color-text-disabled);background:none;padding-top:42px;}
.mainGrid .grid3 .mTxtSlide .no_article::before{content:"";display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;mask:url(../img/main/ico_noCalendar.svg) no-repeat center center/ contain;background-color:var(--color-icon-disabled);}

.mainGrid .grid3 .mInfo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;}
.mainGrid .grid3 .mInfo .btn_info{display:flex;border-radius:20px;justify-content:start;position:relative;}
.mainGrid .grid3 .mInfo .btn_info.white{background-color:var(--color-background-white);height:150px;align-items:start;flex:1;padding:24px;}
.mainGrid .grid3 .mInfo .btn_info.white .tit{font-size:18px;font-weight:600;color:#111;line-height:140%;font-family:'Pretendard GOV', 'Pretendard', sans-serif;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mainGrid .grid3 .mInfo .btn_info.blue{background-color:#1A2846;height:140px;align-items:center;width:100%;padding:24px 32px;}
.mainGrid .grid3 .mInfo .btn_info.blue .tit{font-size:20px;font-weight:600;color:var(--color-text-basic-inverse);line-height:140%;padding-right:64px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mainGrid .grid3 .mInfo .btn_info .icoBx{position:absolute;width:40px;height:40px;}
.mainGrid .grid3 .mInfo .btn_info.white .icoBx{right:24px;bottom:24px;}
.mainGrid .grid3 .mInfo .btn_info.blue .icoBx{right:32px;top:50%;transform:translateY(-50%);}
.mainGrid .grid3 .mInfo .btn_info.blue:focus-visible{outline-offset:-4px;}

.mainGrid .grid4 .mNotice{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;width:100%;gap:20px;height:445px;}
.mainGrid .grid4 .mNotice > div{flex:1;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;height:100%;}
.mainGrid .grid4 .mNotice a{border-radius:20px;overflow:hidden;display:flex;background:var(--color-background-white);width:100%;height:100%;}
.mainGrid .grid4 .mNotice .txt{font-size:16px;font-weight:400;color:#111;line-height:140%;}
.mainGrid .grid4 .mNotice .txt span{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mainGrid .grid4 .mNotice .date{font-size:16px;font-weight:400;color:#666;line-height:normal;}
.mainGrid .grid4 .mNotice .mRow a>span{height:100%;}
.mainGrid .grid4 .mNotice .mRow .imgBx{flex:405px;z-index:-1;}
.mainGrid .grid4 .mNotice .mRow .txtBx{flex:calc(100% - 405px);display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:40px;}
.mainGrid .grid4 .mNotice .mRow .txtBx .tit{font-size:28px;font-weight:600;color:#111;line-height:140%;}
.mainGrid .grid4 .mNotice .mRow .txtBx .tit span{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;}
.mainGrid .grid4 .mNotice .mRow .txtBx .infoBx{display:flex;flex-direction:column;gap:24px;}
.mainGrid .grid4 .mNotice .mCol{gap:20px;}
.mainGrid .grid4 .mNotice .mCol a{flex-direction:column;flex:1;}
.mainGrid .grid4 .mNotice .mCol a>span{width:100%;}
.mainGrid .grid4 .mNotice .mCol .imgBx{width:100%;height:0;padding-top:65.795%;z-index:-1;position:relative;}
.mainGrid .grid4 .mNotice .mCol .imgBx img{position:absolute;width:100%;height:100%;left:0;top:0;}
.mainGrid .grid4 .mNotice .mCol .txtBx{padding:24px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:32px;}
.mainGrid .grid4 .mNotice .mCol .txtBx .tit{font-size:20px;font-weight:600;color:var(--color-text-dark);line-height:normal;font-family:'Pretendard GOV', 'Pretendard', sans-serif;}
.mainGrid .grid4 .mNotice .mCol .txtBx .tit span{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;}
.mainGrid .grid4 .mNotice .mCol .txtBx .txt span{-webkit-line-clamp: 2;}
.mainGrid .grid4 .mNotice .mCol .txtBx .infoBx{display:flex;flex-direction:column;gap:12px;}
.mainGrid .grid4 .imgBx{overflow:hidden;}
.mainGrid .grid4 a:hover .imgBx img,
.mainGrid .grid4 a:focus-visible .imgBx img{transform:scale(1.1);}
/* ani */
.mainGrid .grid1,
.mainGrid .grid2 .mTopSlide,
.mainGrid .grid2 .mBotSlide,
.mainGrid .grid3 .mTxtSlide,
.mainGrid .grid3 .mInfo .btn_info,
.mainGrid .grid4{opacity:0;transition:1s;}
.firstAni .mainGrid .grid1,
.firstAni .mainGrid .grid2 .mTopSlide,
.firstAni .mainGrid .grid2 .mBotSlide,
.firstAni .mainGrid .grid3 .mTxtSlide,
.firstAni .mainGrid .grid3 .mInfo .btn_info,
.firstAni .mainGrid .grid4{opacity:1;}
.firstAni .mainGrid .grid2 .mTopSlide{transition-delay:0.2s;}
.firstAni .mainGrid .grid2 .mBotSlide{transition-delay:0.4s;}
.firstAni .mainGrid .grid3 .mTxtSlide{transition-delay:0.4s;}
.firstAni .mainGrid .grid3 .mInfo .btn_info.white{transition-delay:0.5s;}
.firstAni .mainGrid .grid3 .mInfo .btn_info.blue{transition-delay:0.6s;}
.firstAni .mainGrid .grid4{transition-delay:0.6s;}




/* 메인 공통 */
.mTit{font-family:'Poppins', 'Pretendard', sans-serif;font-size:85px;font-weight:600;line-height:normal;text-align: center;overflow: hidden;padding:0 10px;color:var(--color-text-dark);}
.mTit span{font-family:inherit;font-size:inherit;font-weight:inherit;transition:1s;transform:translateY(120px);display: block;line-height:inherit;}
.ani .mTit span{transform:translateY(0);}


/* 메인 뉴스 */
.mNews{position:relative;display:flex;align-items:center;justify-content:center;}
.mNews .inner {width:100%;max-width:1785px;margin:0 auto;padding:0 60px 10px;position:relative;}
.mNews .mTit{padding:0 360px;}
.mNews .snsList{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:start;position:absolute;right:60px;top:37px;gap:8px;transform:translateY(100px);opacity:0;transition:1s;}
.mNews .snsList li a{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-max);background-color:var(--color-background-white);}
.mNews .snsList li a img{width:100%;height:100%;display:block;}
.mNews .gridWrap{width:100%;display:flex;justify-content:center;gap:20px;margin:35px auto 0;position:relative;}
.mNews .grid{width:100% !important;width:calc(100% + 16px) !important;margin-right:-16px;}
.mNews .grid::after{content:"";display: block;clear:both;}
.mNews .gridSizer{width:320px;}
.mNews .griditem{width:320px;margin-bottom:40px;overflow:hidden;transform:translateY(100px);opacity:0;transition:0.6s;}
.mNews .griditem>a{display: block;width:100%;height: 100%;position:relative;}
.mNews .griditem>a:hover .imgBx img,
.mNews .griditem>a:focus .imgBx img{transform:scale(1.1);}
.mNews .griditem>a>span{display:block;}
.mNews .imgBx{overflow: hidden;border-radius:20px;position:relative;z-index:-1;}
.mNews .imgBx img{display:block;width:100%;height:100%;object-fit:cover;top:0;left:0;transition:all 0.6s;transform:scale(1);}
.mNews .txtBx{margin-top:12px;}
.mNews .txtBx .txt{font-size:20px;font-weight:600;color:var(--color-text-dark);line-height:normal;font-family:'Pretendard GOV', 'Pretendard', sans-serif;}
.mNews .txtBx .txt span{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;}
.mNews.ani .griditem,
.mNews.ani .snsList{transform:translate(0);opacity:1;}
.mNews .btnWrap{display: flex;justify-content:center;margin-top:27px;overflow: hidden;}
.mNews .btnMore{display:inline-flex;align-items:center;justify-content:center;width:276px;max-width:100%;height:50px;padding:8px 16px;font-size:16px;font-weight:600;background-color:rgba(127,146,165,0.2);border-radius:var(--radius-max);gap:4px;transition:0.6s;}
.mNews .btnMore .ico_more{width:20px;height:20px;mask-image:url(../img/layout/ico_more.svg);background-color:var(--color-background-dark);}
.mNews .btnMore:focus-visible{outline-offset:-2px;}
.mNews .btnWrap.isHidden{margin:0;}


/* 메인 학과 */
.mDepartment{position:relative;display:flex;align-items:center;justify-content:center;padding:120px 0 0;}
.mDepartment>.inner{width:100%;max-width:1785px;margin:0 auto;padding:0 60px;position:relative;}
.departAll{position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden; clip:rect(0, 0, 0, 0);}
.departShow{display:flex;flex-wrap:wrap;margin-top:27px;position:relative;}
.departShow.pc{display:flex;}
.departShow.tablet{display: none;}
.departShow.mobile{display:none;}
.departShow .center{width:100%;border-radius:20px;overflow:hidden;padding:40px;position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;}
.departShow .center .imgBx{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-2;}
.departShow .center .imgBx::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background: linear-gradient(140deg,rgba(0, 0, 0, 0.55) 10%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.45) 90%);}
.departShow .center .imgBx img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1);transition:0.6s;}
.departShow .center .centerTop{flex:1;display:flex;flex-wrap:wrap;align-items:end;justify-content:end;text-align:right;padding:24px 24px 24px 40px;}
.departShow .center .cnt .tit{font-size:64px;font-weight:700;color:var(--color-text-basic-inverse);line-height:normal;margin-bottom:20px;}
.departShow .center .cnt .btCnt{display:flex;flex-direction:column;gap:30px;}
.departShow .center .cnt .tag{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:end;}
.departShow .center .cnt .tag li{border:1px solid var(--color-border-inverse);border-radius:var(--radius-max);}
.departShow .center .cnt .tag li a{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;line-height:1;color:var(--color-text-basic-inverse);font-size:14px;}
.departShow .center .cnt .link > a{display:inline-flex;align-items:center;justify-content:start;font-size:16px;font-weight:500;color:var(--color-text-basic-inverse);height:32px;padding-left:20px;gap:20px;}
.departShow .center .cnt .link > a .ico_more{width:32px;height:32px;background-image:url(../img/layout/ico_arrow_cir32.svg);mask:unset;}
.departShow .center:hover .imgBx img,
.departShow .center:focus-visible .imgBx img{transform:scale(1.1);}

.departShow .left{padding:40px 0 40px 40px;border-radius:16px;background:rgba(255,255,255,0.2);backdrop-filter:blur(60px);display:inline-flex;flex-wrap:wrap;align-items:stretch;justify-content:start;}
.departShow .left>div{flex-shrink:0;}
.departShow .left>div .inner{display: flex;flex-direction:column;align-items:flex-start;overflow:hidden;overflow-y:auto;height:570px;}
.departShow .left .top{border-right:1px solid rgba(255,255,255,0.25);padding-right:16px;width:316px;}
.departShow .left .top .inner{gap:24px;padding-right:16px;}
.departShow .left .top .btn_1depth{font-size:24px;font-weight:500;color:var(--color-text-basic-inverse);display:inline-flex;align-items:center;justify-content:start;gap:8px;line-height:normal;word-break:keep-all;overflow-wrap:anywhere;text-align: left;width:100%;}
.departShow .left .top .btn_1depth.active{font-size:28px;font-weight:700;}
.departShow .left .top .btn_1depth.active:first-child{margin-top:0;}
.departShow .left .top .btn_1depth.active::after{content:"";display:inline-block;width:8px;height:8px;border-radius:var(--radius-max);background-color:var(--color-action-primary-active);flex-shrink:0;}

.departShow .right{padding:0 8px 0 16px;display:inline-flex;flex-wrap:wrap;align-items:stretch;justify-content:start;width:320px;}
.departShow .right .inner{padding-right:8px;}
.departShow .right .btn_2depth{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:20px;font-weight:600;color:var(--color-text-basic-inverse);font-family:'Pretendard GOV', 'Pretendard', sans-serif;width:100%;min-width:282px;position:relative;padding:20px 20px 20px 24px;text-align:left;}
.departShow .right .btn_2depth::before{content:"";display: inline-block;width:calc(100% - 40px);height: 1px;background-color:rgba(255,255,255,0.2);position: absolute;bottom:-2px;left:20px;}
.departShow .right .btn_2depth:last-child::before{display:none;}
.departShow .right .btn_2depth.active{border-radius:var(--radius-max);border-bottom:none;background-color:var(--color-background-white);color:var(--color-text-dark);font-weight:700;}
.departShow .right .btn_2depth.active::before{display:none;}
.departShow .right .btn_2depth.active::after{content:"";width:20px;height:20px;display:inline-flex;background:url(../img/layout/ico_arrow_right20.svg)no-repeat center;flex-shrink:0;}

.departShow .inner{padding-right:20px;}
.departShow .inner::-webkit-scrollbar{width: 5px;}
.departShow .inner::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.2);border-radius:10px;}
.departShow .inner::-webkit-scrollbar-track{background-color:transparent;}
/* ani */
.departShow .left,
.departShow .center .cnt,
.departShow .center .imgBx{opacity:0;transition:1s;}
.ani .departShow .left,
.ani .departShow .center .cnt,
.ani .departShow .center .imgBx{opacity:1;}
.departShow .left{transform:translateX(-100%);transition-delay:0.2s;}
.ani .departShow .left{transform:translateX(0);}
.departShow .center .cnt{transform:translateY(100%);transition-delay:0.4s;}
.ani .departShow .center .cnt,
.ani .departShow .center .cnt.on{transform:translateY(0);}



/* 메인 탭 */
.mTabList{width:100%;}
.mTabList .mTab{display:flex;align-items:flex-start;border-bottom:1px solid #E5E8EB;gap:24px;}
.mTabList .mTab>li>a{font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:normal;padding:12px 0;color:#999;border-bottom:2px solid transparent;}
.mTabList .mTab>li>a.on{color:var(--color-text-dark);border-bottom-color:var(--color-background-dark);}
.mTabList .mDetail>div{display:none;}
.mTabList .mDetail>div.on{display:flex;flex-direction:column;justify-content:space-between;align-items:center;}


/* 메인 INDUK IN */
.mInduk{position:relative;display:flex;align-items:center;justify-content:center;padding:130px 0 122px;}
.mInduk>.inner{width:100%;max-width:1785px;margin:0 auto;padding:0 60px;position:relative;}
.mInduk .cntArea{display:flex;gap:20px;align-items:stretch;justify-content:start;margin-top:27px;}
.mInduk .cntArea .no_article{position:relative;display:flex;flex-direction:column;width:100%;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;background:none;padding:160px 0;color:var(--color-text-disabled);}
.mInduk .cntArea .no_article::before{content:"";display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;background:url(../../common/img/common/icon_noArticle.png) no-repeat center/ contain;flex-shrink:0;}
.mInduk .cntArea>div{position:relative;background:var(--color-background-white);padding:40px;border-radius:20px;flex:405px;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;align-content: space-between;gap:28px;}
.mInduk .cntArea>div.cntCenter{flex:calc(100% - 445px);}
.mInduk .cntArea .title{font-size:36px;font-weight:700;line-height:normal;color:var(--color-text-dark);width:100%;}
.mInduk .cntArea .btnMore{display:inline-flex;align-items:center;justify-content:center;width:325px;max-width:100%;height:48px;padding:14px 16px;font-size:16px;font-weight:600;background-color:#F5F5F5;border-radius:var(--radius-max);gap:4px;transition:0.6s;}
.mInduk .cntArea .btnMore .ico_more{width:20px;height:20px;mask-image:url(../img/layout/ico_more.svg);background-color:var(--color-background-dark);}
.mInduk .cntArea .btnMore:focus-visible{outline-offset:-2px;}

.mInduk .cntArea .cntLeft{align-content:start;}
.mInduk .cntArea .cntLeft .list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;gap:12px;margin-top:32px;margin-right:-12px;width:100%;}
.mInduk .cntArea .cntLeft .list li{width:calc(33.33% - 12px);flex-shrink:0;}
.mInduk .cntArea .cntLeft .list li a{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;text-align:center;padding:0 6px;min-height:100px;}
.mInduk .cntArea .cntLeft .list li .icoBx{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin:0 auto 10px;}
.mInduk .cntArea .cntLeft .list li .icoBx img{display:block;width:100%;height:100%;object-fit:cover;}
.mInduk .cntArea .cntLeft .list li a>.tit{font-size:16px;font-weight: 500;line-height:normal;color:var(--color-text-dark);font-family:'Pretendard GOV', 'Pretendard', sans-serif;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;width:100%;}

.mInduk .cntCenter .mTabList .mDetail>div{min-height:479px;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list){width:100%;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li{border-bottom:1px solid #E5E8EB;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li:last-child{border-bottom:none;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a{display:flex;height:63px;position:relative;align-items:center;padding-right:90px;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a>.tit{line-height:normal;font-size:18px;font-weight:500;color:var(--color-text-dark);position:relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a>.tit:has(.ico_new){padding-right:24px;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a .ico_new{width: 18px;height: 18px;background:url(../img/layout/ico_new.svg)no-repeat center/ contain;padding-top:1px;position: absolute;right: 0;top:1px;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a>.date{font-size:16px;color:#666;position: absolute;right: 0;top:20px;line-height:1.2;}
.mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li:last-child a{padding-bottom:0;}
.mInduk .cntCenter .btnMore{margin:48px auto 0;}
.mInduk .cntCenter .no_article{padding:120px 0;}

.mInduk .cntArea .cntRight{gap:40px;}
.mInduk .cntArea .cntRight .dateList{width:100%;}
.mInduk .cntArea .cntRight .dateList > li{border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 0;}
.mInduk .cntArea .cntRight .dateList > li:first-child{padding-top:0;}
.mInduk .cntArea .cntRight .dateList > li:last-child{padding-bottom:0;border-bottom:none;}
.mInduk .cntArea .cntRight .dateList > li a{display:inline-flex;align-items:start;justify-content:start;gap:12px;flex-wrap:wrap;}
.mInduk .cntArea .cntRight .dateList .tit{font-size:18px;font-weight:600;line-height:normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;color:var(--color-text-dark);}
.mInduk .cntArea .cntRight .dateList .date{font-size:16px;line-height:normal;color:#666;display: block;width:100%;}
/* ani */
.mInduk .cntArea>div{opacity:0;transition:1s;}
.mInduk.ani .cntArea>div{opacity:1;transition-delay:0.2s;}
.mInduk .cntArea>div.cntCenter{transition-delay:0.4s;}
.mInduk .cntArea .cntRight{transition-delay:0.6s;}




/* 메인 WHY HYWU */
.mWhy{position:relative;display:flex;align-items:center;justify-content:center;padding:54px 0 135px;background:url(../img/main/bg_mainInnovation.png) no-repeat center center/ cover fixed;}
.mWhy .inner{width:100%;max-width:1785px;margin:0 auto;padding:0 60px;position:relative;}
.mWhy .mTit{color:var(--color-text-basic-inverse);}
.mWhyWrap{display: flex;flex-direction:column;gap:20px;margin-top:27px;}
.mWhyWrap .top{display:flex;gap:20px;min-height:519px;}
.mWhyWrap .top>div{display: flex;gap:20px;flex:1;}
.mWhyWrap .top>div.column{flex-direction:column;}
.mWhyWrap .box{border-radius:32px;background:rgba(255,255,255,0.12);backdrop-filter:blur(40px);padding:50px 48px;flex:1;position: relative;display: flex;flex-direction:column;justify-content:space-between;align-items:flex-start;opacity: 0;transition:opacity 0.6s;}
.mWhyWrap .box .tit{color:var(--color-text-basic-inverse);font-size:36px;font-weight:700;line-height:normal;margin-bottom: 35px;display:block;}
.mWhyWrap .column .box .tit{font-size:30px;font-weight:600;line-height:normal;margin-bottom:45px;}
.mWhyWrap .box .txt{color:var(--color-text-basic-inverse);font-size:18px;line-height:150%;white-space:pre-line;}
.mWhyWrap .column .box .txt{padding-right: 65px;display:block;}
.mWhyWrap .box ul{display:flex;flex-direction:column;gap:12.5px}
.mWhyWrap .box ul>li{display: flex;align-items:flex-start;font-size:18px;color:#fff;line-height:23px;gap:5px;}
.mWhyWrap .box ul>li::before{content:"·";}
.mWhyWrap .box .icoBx{width: 110px;height: 110px;display: flex;align-items:center;justify-content:center;position: absolute;right:40px;bottom:50px;} 
.mWhyWrap .box .icoBx img{width:100%;display:block;max-height:100%;}
.mWhyWrap .column .box .icoBx{width:62px;height:62px;right:48px;}
.mWhyWrap .bottom .box{padding:48px 40px 20px;height:160px;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;}
.mWhyWrap .bottom .boxSlider{overflow: hidden;width:100%;}
.mWhyWrap .bottom .boxSlider .swiper-wrapper{gap:40px;}
.mWhyWrap .bottom .boxSlider .swiper-slide{width: calc((100% - 120px) / 4) !important;flex-shrink: 0;margin-right:0 !important;}
.mWhyWrap .bottom .awards{display:flex;align-items:center;overflow: hidden;gap:15px;justify-content:start;width:100%;}
.mWhyWrap .bottom .awards .imgBx{width:48px;height:48px;flex-shrink:0;display:block;}
.mWhyWrap .bottom .awards .imgBx img{max-width:100%;max-height:100%;display:block;}
.mWhyWrap .bottom .awards>.tit{color:var(--color-text-basic-inverse);font-size:18px;font-weight:500;line-height:normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;}
.mWhyWrap .slideBtn{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:8px;}
.mWhyWrap .slideBtn .boxPagination{position:static;display:flex;flex-wrap:wrap;gap:8px;}
.mWhyWrap .slideBtn .boxPagination .swiper-pagination-bullet{background:rgba(255,255,255,0.3);opacity:1;}
.mWhyWrap .slideBtn .boxPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-background-white);}
.mWhyWrap .slideBtn .control{width: 24px;height: 24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;}
.mWhyWrap .control .ico_control{width:100%;height:100%;mask-image:url(../img/main/ico_swiper_stop.svg);background-color:var(--color-background-white);}
.mWhyWrap .control.on .ico_control{mask-image:url(../img/main/ico_swiper_play.svg);}


.ani .mWhyWrap .box{opacity: 1;}
.ani .mWhyWrap .top .row:nth-child(2) .box{transition-delay:0.2s;}
.ani .mWhyWrap .top .column .box:nth-child(1){transition-delay:0.4s;}
.ani .mWhyWrap .top .column .box:nth-child(2){transition-delay:0.6s;}
.ani .mWhyWrap .bottom .box{transition-delay:0.8s;}


/* 메인 VIDEO */
.mVideo{position:relative;display:flex;align-items:center;justify-content:center;padding:120px 0 150px;}
.mVideo .inner{width:100%;max-width:1785px;margin:0 auto;padding:0 60px;position:relative;}
.videoSlide{max-width:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:20px;margin-top:27px;}
.videoSlide .videoItem{flex:1;position:relative;border-radius:20px;overflow:hidden;}
.videoSlide .videoItem a{display:block;position:relative;width:100%;height:100%;border-radius:20px;}
.videoSlide .videoItem a span{display:block;}
.videoSlide .videoItem .imgBx{width: 100%;height: 0;padding-top: 65.655%;z-index: -2;position: relative;}
.videoSlide .videoItem .imgBx::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);z-index:1;}
.videoSlide .videoItem .imgBx::after{content:"";width:102px;height:102px;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:-32px;background:url(../img/main/ico_videoPlay.svg) no-repeat center/ auto 100%;z-index:1;}
.videoSlide .videoItem .imgBx img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:0.6s;transform:scale(1);}
.videoSlide .videoItem .txtBx{width:calc(100% - 40px);background:rgba(255,255,255,0.15);border-radius:20px;backdrop-filter:blur(40px);padding:36px 34px;position:absolute;left:20px;bottom:20px;z-index:9;}
.videoSlide .videoItem .txtBx .tit{font-size:24px;line-height:150%;font-weight:600;color:var(--color-text-basic-inverse);white-space:pre-line;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.videoSlide .videoItem a:focus-visible{outline-offset:-2px;}
.videoSlide .videoItem a:hover .imgBx img,
.videoSlide .videoItem a:focus-visible .imgBx img{transform:scale(1.1);}
/* ani */
.videoSlide .videoItem{opacity:0;transition:1s;}
.ani .videoSlide .videoItem{opacity:1;}
.ani .videoSlide .videoItem:nth-child(1){transition-delay:0.4s;}
.ani .videoSlide .videoItem:nth-child(2){transition-delay:0.6s;}


/* 반응형 CSS */
@media all and (max-width:1785px){
    .mainVisual{padding-top:80px;}
    .mainGrid{gap:16px;}
    .mainGrid>*{gap:16px;}
    .mainGrid .grid1 .tit{font-size:40px;padding:60px 140px 48px 32px;}
    .mainGrid .grid1 .slideBtn{right:24px;}
    .mainGrid .grid3 .mInfo{gap:16px;}
    .mainGrid .grid4 .mNotice{gap:16px;}
    .mainGrid .grid4 .mNotice .mCol{gap:16px;}
    .mainGrid .grid1 .mVisualSlide.single .tit{padding:60px 32px 48px;}

    /* .mNews .grid{margin-right:-16px;width:calc(100% + 16px) !important;} */
    .mNews .gridSizer,
    .mNews .griditem{width:calc(20% - 16px);}
    .mNews .mTit{padding:0 10px;}
    .mNews .snsList{position:static;width:100%;display:flex;justify-content:center;margin-top:12px;}
    .mNews .snsList li{width:40px;height:40px;}

    .departShow .center .centerTop{padding:24px;}
    .departShow .center .cnt .tit{font-size:56px;}

    .mWhyWrap .bottom .swiper-wrapper{gap:16px;}
    .mWhyWrap .bottom .awards>.tit{font-size:17px;}
}
@media all and (max-width:1500px){
    .mainVisual{padding:80px 32px 0;}
    .mainGrid .grid1{height:506px;}
    .mainGrid .grid2{width:293px;}    
    .mainGrid .grid3{width:293px;}

    .mainGrid .grid1 .tit{font-size:32px;padding:48px 140px 43px 32px;}
    .mainGrid .grid1 .slideBtn{bottom:52px;}
    .mainGrid .grid1 .mVisualSlide.single .tit{padding:48px 32px 43px;}

    .mainGrid .grid2 .mTopSlide{flex:155px;}    
    .mainGrid .grid2 .mBotSlide {flex: calc(100% - 171px);}
    .mainGrid .grid2 .tit{padding:20px 140px 20px 20px;font-size:18px;}
    .mainGrid .grid2 .tit span{-webkit-line-clamp: 2;}
    .mainGrid .grid2 .slideBtn{right:20px;bottom:20px;}
    .mainGrid .grid2 .mTopSlide.single .tit{padding:20px;}
    .mainGrid .grid2 .mBotSlide.single .tit{padding:20px;}

    .mainGrid .grid3 .mTxtSlide{flex:calc(100% - 240px);padding:20px;}
    .mainGrid .grid3 .mTxtSlide .title{margin-bottom:30px;}
    .mainGrid .grid3 .mTxtSlide .date{font-size:14px;margin-bottom:20px;}
    .mainGrid .grid3 .mTxtSlide .tit{font-size:20px;}
    .mainGrid .grid3 .slideBtn{right:20px;bottom:20px;}
    .mainGrid .grid3 .mInfo{flex:224px;}
    .mainGrid .grid3 .mInfo .btn_info.white{height:108px;padding:20px;}
    .mainGrid .grid3 .mInfo .btn_info.white .tit{font-size:14px;}
    .mainGrid .grid3 .mInfo .btn_info.blue{height:100px;padding:20px;}
    .mainGrid .grid3 .mInfo .btn_info.blue .tit{font-size:16px;}
    .mainGrid .grid3 .mInfo .btn_info .icoBx{width:32px;height:32px;}
    .mainGrid .grid3 .mInfo .btn_info.white .icoBx{right:20px;bottom:18px;}
    .mainGrid .grid3 .mInfo .btn_info.blue .icoBx{right:20px;}
    .mainGrid .grid3 .mTxtSlide .no_article{padding-top:32px;}

    .mainGrid .grid4 .mNotice{height:auto;}    
    .mainGrid .grid4 .mNotice .mRow .imgBx{flex:292px;}
    .mainGrid .grid4 .mNotice .mRow .txtBx{flex:calc(100% - 292px);padding:24px 24px 28px;}
    .mainGrid .grid4 .mNotice .mRow .txtBx .infoBx{gap:46px;}
    .mainGrid .grid4 .mNotice .mRow .txtBx .tit{font-size:22px;}
    .mainGrid .grid4 .mNotice .txt{font-size:14px;}
    .mainGrid .grid4 .mNotice .date{font-size:14px;}
    .mainGrid .grid4 .mNotice .mCol .txtBx{padding:20px;gap:12px;}
    .mainGrid .grid4 .mNotice .mCol .txtBx .infoBx{gap:8px;}
    .mainGrid .grid4 .mNotice .mCol .txtBx .tit{font-size:16px;}


    .mTit{font-size:72px;}

    .mNews{padding:92px 0 0;}
    .mNews .inner{padding:0 32px 10px;}
    .mNews .txtBx .txt{font-size:16px;}

    .mDepartment>.inner{padding:0 32px;}
    .departShow .left{padding:32px 0 32px 32px;}
    .departShow .left .top{padding-right:16px;width:300px;}
    .departShow .left .top .inner{padding-right:16px;}
    .departShow .left .top .btn_1depth{font-size:20px;overflow-wrap:anywhere;text-align:left;}
    .departShow .left .top .btn_1depth.active{font-size:26px;}
    .departShow .right{width:300px;padding:0 6px 0 12px;}
    .departShow .right .inner{padding-right:6px;}
    .departShow .right .btn_2depth{font-size:18px;min-height:61px;min-width:276px;padding:8px 20px;}
    .departShow .center{padding:32px;}    
    .departShow .center .cnt .tit{font-size:48px;}
    .departShow .left>div .inner{height:484px;}

    .mInduk>.inner{padding:0 32px;}
    .mInduk .cntArea{gap:16px;}
    .mInduk .cntArea>div{flex:292px;padding:32px;gap:20px;}
    .mInduk .cntArea>div.cntCenter{flex:calc(100% - 713px);}
    .mInduk .cntArea .title{font-size:28px;}
    .mInduk .cntArea .cntLeft .list{margin-top:14px;margin-right:0;gap:12px 0;}
    .mInduk .cntArea .cntLeft .list li{width:33.33%;}
    .mInduk .cntArea .cntLeft .list li a{min-height:80px;padding:0;}
    .mInduk .cntArea .cntLeft .list li .icoBx{width:32px;height:32px;margin-bottom:8px;}
    .mInduk .cntArea .cntLeft .list li a>.tit{font-size:14px;}
    .mInduk .cntArea .no_article{padding:120px 0;}
    .mInduk .cntCenter .mTabList .mDetail>div{min-height:371px;}
    .mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a{height:52px;}
    .mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a>.tit{font-size:16px;}
    .mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a>.date{font-size:14px;}
    .mInduk .cntArea .btnMore{width:228px;margin-top:5px;}
    .mInduk .cntArea .cntRight{gap:20px;}
    .mInduk .cntArea .cntRight .dateList > li{padding:16px 0;}
    .mInduk .cntArea .cntRight .dateList > li a{gap:4px;}
    .mInduk .cntArea .cntRight .dateList .tit{font-size:16px;}
    .mInduk .cntArea .cntRight .dateList .date{font-size:14px;}
    .mInduk .cntArea .no_article{padding:90px 0;}
    

    .mTabList .mTab{gap:20px;}    
    .mTabList .mTab>li>a{font-size:16px;padding:6px 0;}

    .mWhy .inner{padding:0 32px;}
    .mWhyWrap{gap:16px;}
    .mWhyWrap .top{gap:16px;min-height:480px;}
    .mWhyWrap .box{padding:32px;}
    .mWhyWrap .box .tit{font-size:28px;margin-bottom:16px;}
    .mWhyWrap .box .icoBx{width:96px;height:96px;right:32px;bottom:32px;}
    .mWhyWrap .column .box .icoBx{width:56px;height:56px;right:32px;bottom:32px;}
    .mWhyWrap .bottom .box{padding:32px 32px 20px;height:auto;}
    .mWhyWrap .bottom .boxSlider .swiper-wrapper{gap:20px;}
    .mWhyWrap .bottom .boxSlider .swiper-slide{width: calc((100% - 40px) / 3) !important;}
    

    .mVideo .inner{padding:0 32px;}
    .videoSlide{gap:16px;}
    .videoSlide .videoItem .txtBx{padding:20px 24px;}
    .videoSlide .videoItem .txtBx .tit{font-size:20px;}
    .videoSlide .videoItem .imgBx::after{width:96px;height:96px;}
}
@media all and (max-width:1280px){
    .mTit{font-size:64px;}
    .mNews .gridSizer,
    .mNews .griditem{width:calc(25% - 16px);}

    .departShow .left .top .btn_1depth{font-size:18px;}
    .departShow .left .top .btn_1depth.active{font-size:24px;}
    .departShow .left .top{padding-right:12px;width:270px;}
    .departShow .left .top .inner{padding-right:12px;}
    .departShow .right{width:260px;}
    .departShow .right .btn_2depth{font-size:16px;min-height:48px;min-width:236px;}
    .departShow .right .btn_2depth.active::after{width:16px;height:16px;}

    .mInduk .cntArea>div{padding:32px 24px;}
    .mInduk .cntArea>div.cntCenter {flex: calc(100% - 616px);}
}
@media all and (max-width:1150px){
    .mainGrid .grid2{width:25%;}    
    .mainGrid .grid3{width:25%;}
    .mainGrid .grid4 .mNotice .mRow .imgBx{flex:calc(50% + 16px);}
    .mainGrid .grid4 .mNotice .mRow .txtBx{flex:50%;}
    .mainGrid .grid3 .mInfo .btn_info.white{padding:20px 14px;}
}
@media all and (max-width:1041px){
    body #header.down{top: 0 !important;}

    .mainVisual{padding:80px 20px 0;}
    .mainGrid>*{position:static;flex-direction:column;}
    .mainGrid .grid > div{transition:none !important;border-radius:12px;}
    .mainGrid .grid1{order:1;width:100%;}
    .mainGrid .grid2{order:2;width:295px;}
    .mainGrid .grid3{flex:inherit;width: 100%;flex-direction:inherit;gap:15px;}
    .mainGrid .btnWrap{padding:0 2px;}

    .mainGrid .grid1 a{border-radius:12px;}
    .mainGrid .grid1 .tit{padding:16px 20px 53px;}
    .mainGrid .grid1 .slideBtn{bottom:20px;left:20px;right:auto;}
    .mainGrid .grid1 .mVisualSlide.single .tit{padding:16px 20px 20px;}

    .mainGrid .grid2 a{border-radius:12px;}
    .mainGrid .grid2 .tit{padding:13px 20px 53px;}
    .mainGrid .grid2 .tit span{-webkit-line-clamp: 1;}
    .mainGrid .grid2 .tit span br{display:none;}
    .mainGrid .grid2 .slideBtn{bottom:20px;left:20px;right:auto;}
    .mainGrid .grid2 .mTopSlide.single .tit{padding:13px 20px 16px;}
    .mainGrid .grid2 .mBotSlide.single .tit{padding:13px 20px 16px;}

    .mainGrid .grid3 .mInfo{flex:295px;}
    .mainGrid .grid3 .mTxtSlide {flex: calc(100% - 311px);padding:20px 20px 60px;}
    .mainGrid .grid3 .mInfo .btn_info{border-radius:12px;}
    .mainGrid .grid3 .mInfo .btn_info.white{height:calc(50% - 16px);}
    .mainGrid .grid3 .mInfo .btn_info.blue{height:50%;}

    .mainGrid .grid4{overflow:unset;height:100%;}
    .mainGrid .grid4 .mNotice > div.mRow{flex:unset;width:calc(33.33% - 10px);}
    .mainGrid .grid4 .mNotice > div.mCol{flex:unset;width:calc(66.67% - 6px);height:auto;}
    .mainGrid .grid4 .mNotice a{flex-wrap:wrap;border-radius:12px;}
    .mainGrid .grid4 .mNotice .mRow .imgBx{flex:unset;width:100%;height: 0;padding-top: 65.795%;z-index: -1;position: relative;}
    .mainGrid .grid4 .mNotice .mRow .imgBx img{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform:translate(-50%,-50%);object-position:center bottom;}
    .mainGrid .grid4 .mNotice .mRow .txtBx{flex:unset;width:100%;padding:20px;}
    .mainGrid .grid4 .mNotice .mRow .txtBx .tit,
    .mainGrid .grid4 .mNotice .mCol .txtBx .tit{font-size:18px;}
    .mainGrid .grid4 .mNotice .mRow .txtBx .infoBx,
    .mainGrid .grid4 .mNotice .mCol .txtBx .infoBx{gap:12px;}
    .mainGrid .grid4 .mNotice .txt{height:78.38px;margin-bottom:26px;}
    .mainGrid .grid4 .mNotice .mRow .txtBx .tit span{white-space:normal;-webkit-line-clamp: 1;}
    .mainGrid .grid4 .mNotice .mRow .txtBx .tit span br{display:none;}
    .mainGrid .grid4 .mNotice .mCol .txtBx{gap:0;}

    
    .mTit{font-size:64px;}

    .mNews{padding:80px 0 0;}
    .mNews .inner{padding:0 20px 10px;}
    .mNews .gridSizer,
    .mNews .griditem{width:calc(33.33% - 16px);margin-bottom:32px;}    
    .mNews .gridWrap{margin-top:32px;}

    .mDepartment{padding:100px 0 0;flex-wrap:wrap;}
    .mDepartment>.inner{padding:0 20px;}
    .departShow{height: auto;flex-wrap:wrap;gap:10px;margin-top:24px;}
    .departShow.pc{display: none;}
    .departShow.mobile{display:flex;}
    .departShow .left, .departShow .right{flex:inherit;}
    .departShow .right{order:2;}
    .departShow .center{width:100%;order:3;border-radius:12px;height:518px;padding:20px 20px 24px;}
    .departShow .center .centerTop{padding:0;justify-content:start;text-align:left;}
    .departShow .left>div .inner{height:auto;}
    .departShow .left{position:absolute;width:calc(100% - 40px);padding:0 20px 20px;left:50%;top:20px;transform:translateX(-50%);z-index:80;}
    .departShow .left .top{width:100%;position:relative;border-right:none;padding-right:0;}
    .departShow .left .top button{width:100%;font-size:18px;font-weight:700;text-align:left;padding-right:32px;color:var(--color-text-basic-inverse);background:url(../img/layout/ico_arrow_down16.svg) no-repeat center right/24px auto;height:62px;}
    .departShow .left .top .inner{position:absolute;width:100%;max-height:200px;background:var(--color-background-white);border-radius:12px;padding:20px;opacity:0;z-index:90;overflow:hidden;transform: scale(1, 0);transform-origin: left top;}
    .departShow .left .top .inner.on{opacity:1;transform: scale(1);}    
    .departShow .left .top .inner > div{width:100%;}

    .departShow .right{background:transparent;flex:none;padding:0;display:flex;flex-direction:column;overflow:inherit;width:100%;position:relative;}
    .departShow .right .select2{background:var(--color-background-white);height:50px;padding:0 48px 0 20px;font-size:16px;font-weight:700;color:var(--color-text-dark);text-align:left;border-radius:var(--radius-max);position:relative;}
    .departShow .right .select2::after{content:"";width:20px;height:20px;mask:url(../img/layout/ico_arrow_down16.svg) no-repeat center center/ contain; background-color:var(--color-background-dark);position:absolute;top:50%;transform:translateY(-50%);right:16px;}
    .departShow .right .inner{padding:16px;background-color:var(--color-background-white);border-radius:12px;gap:0;max-height:200px;display: none;width:100%;opacity:0;z-index:90;overflow:hidden;transform: scale(1, 0);transform-origin: left top;position:absolute;left:0;top:0;}
    .departShow .right .inner.on{opacity:1;transform: scale(1);top: calc(100% + 12px);}
    .departShow .right .inner > div{width:100%;}
    
    .departShow .left .top .btn_1depth,
    .departShow .left .top .btn_1depth.active{font-size:18px;color:var(--color-text-dark);padding-right:0;height:auto;min-height:auto;min-width:100%;}
    .departShow .left .top .btn_1depth:not(:last-child){margin-bottom:24px;}
    .departShow .right .btn_2depth{font-size:16px;font-weight:500;padding:0;width: 100%;color:var(--color-text-dark);height:auto;min-height:auto;min-width:100%;}
    .departShow .right .btn_2depth:not(:last-child){margin-bottom:12px;}
    .departShow .right .btn_2depth.active{border-radius:0;text-decoration:underline;height:auto;min-height:auto;min-width:100%;}

    .departShow .left .top .inner .mCSB_container,
    .departShow .right .inner .mCSB_container{margin-right:4px;}
    .departShow .left .top .inner .mCSB_scrollTools,
    .departShow .left .top .inner .mCSB_dragger_bar,
    .departShow .left .top .inner .mCSB_draggerRail,
    .departShow .right .inner .mCSB_scrollTools,
    .departShow .right .inner .mCSB_dragger_bar,
    .departShow .right .inner .mCSB_draggerRail{width:4px;}
    .departShow .left .top .inner .mCSB_scrollTools,
    .departShow .right .inner .mCSB_scrollTools{opacity:1;}
    .departShow .left .top .inner .mCSB_draggerContainer,
    .departShow .right .inner .mCSB_draggerContainer{background:var(--color-element-gray-lighter);}
    .departShow .left .top .inner .mCSB_dragger_bar,
    .departShow .right .inner .mCSB_dragger_bar{background:var(--color-element-gray) !important;}

    .departShow .center .cnt .tit{font-size:24px;margin-bottom:12px;}
    .departShow .center .cnt .btCnt{display:block;}
    .departShow .center .cnt .tag{gap:6px 8px;justify-content:start;}
    .departShow .center .cnt .tag li a{font-size:12px;}
    .departShow .center .cnt .link > a{margin-top:20px;padding-left:0;}
    .departShow .center .imgBx::before{background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 90%);}
    /* ani */
    .ani .departShow .left{transform:translateX(-50%);}

    .mInduk{padding:80px 0 64px;}
    .mInduk>.inner{padding:0 20px;}
    .mInduk .cntArea{flex-wrap:wrap;}
    .mInduk .cntArea>div{flex:unset;width:100%;padding:20px 20px 10px;border-radius:12px;gap:15px;}
    .mInduk .cntArea .title{font-size:18px;}

    .mInduk .cntArea .cntLeft .list{margin-right:-12px;gap:12px;margin-top:8px;}
    .mInduk .cntArea .cntLeft .list li{width:calc(33.33% - 12px);}
    .mInduk .cntArea .cntLeft .list li a{min-height:90px;}

    .mInduk .cntArea>div.cntCenter{flex:unset;width:100%;padding:20px;}
    .mInduk .cntCenter .mTabList .mDetail>div>ul:not(.list)>li>a{height:56px;padding-right:80px;}

    .mInduk .cntArea .cntRight{gap:5px;padding:20px;}
    .mInduk .cntArea .cntRight .dateList > li{padding:20px 0;}
    .mInduk .cntArea .cntRight .dateList > li:first-child{padding-top:20px;}

    .mInduk .cntArea .btnMore{width:167px}

    .mTabList .mTab>li>a{padding:10px 0;}
    .mTabList .mDetail>div>ul{max-height:inherit !important;overflow-y:inherit}
    

    .mWhy{padding:40px 0 32px;}
    .mWhy .inner{padding:0 20px;}
    .mWhyWrap{margin-top:24px;}
    .mWhyWrap .box{border-radius:12px;padding:20px;}
    .mWhyWrap .box .txt{font-size:16px;}
    .mWhyWrap .box .icoBx{width:56px;height:56px;right:20px;bottom:20px;}
    .mWhyWrap .column .box .tit{font-size:24px;}
    .mWhyWrap .column .box .icoBx{right:20px;bottom:20px;}
    .mWhyWrap .top{height:auto;}
    .mWhyWrap .bottom{height:auto;}
    .mWhyWrap .bottom .box{padding:24px 24px 20px;}
    .mWhyWrap .bottom .boxSlider .swiper-wrapper{gap:16px;}
    .mWhyWrap .bottom .boxSlider .swiper-slide{width: calc((100% - 16px) / 2) !important;}
    
    .mVideo{padding:64px 0 80px;}
    .mVideo .inner{padding:0 20px;}
    .videoSlide .videoItem a{border-radius:12px;}
    .videoSlide .videoItem .imgBx::after{width:64px;height:64px;}
    .videoSlide .videoItem .txtBx{border-radius:10px;padding:16px;}
    .videoSlide .videoItem .txtBx .tit{font-size:16px;}

    .typeMain .fixedArea{display: none;}
}
@media all and (max-width:768px){
    .mainGrid .grid1{height:auto;position:relative;}
    .mainGrid .grid1 .swiper-slide{height:auto;}
    .mainGrid .grid1 a{position:relative;height:0;padding-top:84.575%;}
    .mainGrid .grid1 .tit{font-size:24px;}

    .mainGrid .grid2{width:100%;}
    .mainGrid .grid2 .mBotSlide{flex:unset;position:relative;height:auto;}
    .mainGrid .grid2 .mBotSlide .swiper-slide{height:auto;}
    .mainGrid .grid2 .mBotSlide a{height:0;padding-top:115.715%;}

    .mainGrid .grid3{flex-wrap:wrap;}
    .mainGrid .grid3 .mTxtSlide{flex:unset;padding:20px 20px 96px;height:auto;width:100%;}
    .mainGrid .grid3 .mTxtSlide .title{font-size:16px;margin-bottom:45px;}
    .mainGrid .grid3 .mTxtSlide .tit{font-size:22px;}
    .mainGrid .grid3 .mTxtSlide .iconBtn{top:16px;right:16px;}
    .mainGrid .grid3 .mInfo{flex:unset;width:100%;height: auto;}
    .mainGrid .grid3 .mInfo .btn_info.white{height:130px;}
    .mainGrid .grid3 .mInfo .btn_info.blue{height:104px;}
    .mainGrid .grid3 .mInfo .btn_info.white .tit{font-size:16px;}
    .mainGrid .grid3 .mInfo .btn_info.blue .tit{font-size:18px;}

    .mainGrid .grid4 .mNotice .txt br{display:none;}
    .mainGrid .grid4 .mNotice > div.mRow,
    .mainGrid .grid4 .mNotice > div.mCol{width:100%;}
    .mainGrid .grid4 .mNotice .txt{height:auto;}
    .mainGrid .grid4 .mNotice .mRow .imgBx{padding-top:48.795%;}

    .mTit{font-size:40px;}
    .mNews .gridSizer,
    .mNews .griditem{width:calc(50% - 16px);}
    .mNews .snsList li{width:32px;height:32px;}
    .mNews .imgBx{border-radius:12px;}
    .mNews .btnMore{height:48px;width:167px;}
    .mNews .btnWrap{margin-top:8px;}

    .mTabList .mTab{gap:15px;}
    .mTabList .mTab>li{flex:1;}
    .mHidden .cntArea{padding: 0 18px;}
    .mHidden .cntArea .cntCenter .mTabList .mDetail>div>ul>li>a{padding:15px 0 35px;}
    .mHidden .cntArea .cntCenter .mTabList .mDetail>div>ul>li:first-child a{padding-top:15px;}
    .mHidden .cntArea .cntCenter .mTabList .mDetail>div>ul>li:last-child>a{padding-bottom:35px;}
    .mHidden .cntArea .cntCenter .mTabList .mDetail>div>ul>li>a>p{font-size:16px;}
    .mHidden .cntArea .cntCenter .mTabList .mDetail .date{bottom: 15px;left: 0;transform:none;font-size:12px;line-height:14px;top:inherit;}
    .mHidden .cntArea .btnMore{width: 100%;}

    .mWhyWrap .top{flex-wrap:wrap;}
    .mWhyWrap .top>div{flex:unset;width:100%;}
    .mWhyWrap .row .box{padding:20px 20px 86px;}
    .mWhyWrap .box .tit{font-size:22px;}
    .mWhyWrap .top>div.column .box{padding:20px 86px 20px 20px;}
    .mWhyWrap .column .box .tit{font-size:22px;margin-bottom:16px;}
    .mWhyWrap .column .box .txt{padding-right:0;}
    .mWhyWrap .bottom .box{padding:24px 20px 20px;}
    .mWhyWrap .bottom .awards{justify-content:center;}
    .mWhyWrap .bottom .awards>.tit{font-size:16px;}
    .mWhyWrap .bottom .boxSlider .swiper-slide{width: 100% !important;}
    

    .mDepartment{padding-top:70px;}

    .videoSlide .videoItem{flex:unset;width:100%;}
    .videoSlide .videoItem .imgBx::after{display:none;}
}

@media all and (max-width:480px){
    .mainGrid .grid1 .tit{font-size:20px;}
    .mainGrid .grid2 .tit{font-size:16px;}
    .mainGrid .grid4 .mNotice .mRow .imgBx {padding-top: 65.795%;}
    .mainGrid .grid4 .mNotice .mCol a{flex:unset;width:100%;height:auto;}

    .mTit{font-size:32px;} 

    .departShow .left .top .inner{padding:20px 16px;gap:16px;}
}

@media all and (max-width:389px){
    .mTit{font-size:28px;} 
}