@charset "utf-8";
@import url("https://use.typekit.net/wac6qan.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:wght@300;400&display=swap');
/* #header{opacity:0;} */


.typeMain{opacity:0;overflow:hidden;}
.typeMain.onBody{overflow:visible;opacity:1 !important;}
.typeMain.onBody #header{top:0;}

.typeMain #header{position:fixed;top:0;}
.typeMain header>nav #gnb>li>a{color:#fff;}
.typeMain header .logo>a>span{display:none;}
.typeMain header .logo>a>img{display:block;}

.typeMain .stickyFix header .logo>a>img{display:none;}
.typeMain .stickyFix header .logo>a>span{display:block;}
.typeMain .stickyFix header>nav #gnb>li>a{color:#212121;}
.typeMain .stickyFix header>nav #gnb>li>a:hover{color:#A70638;}
.typeMain .stickyFix header>nav #gnb>li>a.on{color:#A70638;}

.typeMain .gnbOn header .logo>a>img{display:none;}
.typeMain .gnbOn header .logo>a>span{display:block;}
.typeMain .gnbOn header>nav #gnb>li>a{color:#212121;}
.typeMain .gnbOn header>nav #gnb>li>a:hover{color:#A70638;}
.typeMain .gnbOn header>nav #gnb>li>a.on{color:#A70638;}


/* visual */
.mVisualArea{position:relative;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:start;overflow: hidden;}
.mVisualArea .innerBox{max-width:100%;width:100%;}/* 250115 추가(width) */
.mVisual{width:100%;height:100%;margin:0 auto;}
.mVisual .item{position:relative;font-size:0;width:100%;height:100%;overflow:hidden;}
.mVisual .item .txtBox{position:absolute;width:100%;height:auto;left:50%;bottom:142px;padding:0 50px 0 87px;z-index:1;max-width:1630px;transform:translateX(-50%);}
.mVisual .item .txtBox::before{content:"";position:absolute;width:5px;height:240px;background:#fff;left:49px;top:14px;}
.mVisual .item .txtBox .line1{font-size:85px;line-height:106px;letter-spacing:-1px;color:#fff;font-weight:700;}
.mVisual .item .txtBox .line2{font-size:32px;line-height:150%;letter-spacing:0.3px;color:#fff;margin-top:3px;}
.mVisual .item .txtBox span{font-family:inherit;font-weight:inherit;line-height:inherit;display:block;letter-spacing:inherit;}
.mVisual .item .bgImgBox{height:100%;position:relative;width:100%;}
.mVisual .item .bgImgBox img{display:block;width:100%;height:100%;object-fit:cover;}
.mVisual .item .mBg{display:none;}
.mVisualControl{position:absolute;width:100%;z-index:1;left:50%;bottom:96px;display:flex;align-items:center;justify-content:start;max-width:1630px;transform:translateX(-50%);padding-left:83px;}
.mVisualControl>div{width:14px;height:14px;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.mVisualControl>div.swiper_prev{background-image:url(../img/main/ico_swiper_prev_14_white.svg);background-size:auto 14px;}
.mVisualControl>div.swiper_next{background-image:url(../img/main/ico_swiper_next_14_white.svg);background-size:auto 14px;}
.mVisualControl>div.swiper_play{margin:0 41px;background-image:url(../img/main/ico_swiper_stop.svg);background-size:auto 10px;}
.mVisualControl>div.swiper_play.play{background-image:url(../img/main/ico_swiper_play.svg);background-size:auto 10px;}
.mVisual .item .iframe_area{position:absolute;left:50%;top:0;width:2560px;height:100%;top:0;z-index:1;transform:translate(-50%,0) scale(1.2);}
.mVisual .item .videoDim{position:absolute;width:2560px;left:50%;height:100%;top:0;z-index:10;transform:translate(-50%,0);background-color:rgba(0,0,0,0.3);}


/* now */
.mNowIndukArea{width:100%;padding:132px 0 178px 0;position:relative;z-index:1;}
.mNowIndukArea .innerBox{padding:0 50px;height:auto;max-width:1630px;}
.mNowIndukArea .mTit>b{margin-left:-4px;}
.mNowInduk{width:641px;height:458px;display:inline-block;vertical-align:top;margin-top:50px;}
.mNowInduk .item{width:100%;height:458px;border-radius:16px;overflow:hidden;}
.mNowInduk .item>a{position:relative;display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.mNowInduk .item>a .imgBox{position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0;}
.mNowInduk .item>a p{position:absolute;left:0;bottom:0;width:100%;font-size:48px;font-weight:500;line-height:73px;padding:0 32px 37px 76px;color:#fff;z-index:2;word-break:keep-all;}
.mNowInduk .item>a::before{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:266px;background-image:linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));z-index:1;}
.mNoticeArea+.mNowIndukArea {padding-top:0;}

.mNowIndukCopy{display:inline-block;vertical-align:top;width:calc(100% - 673px);margin-left:32px !important;margin-top:50px;}
.mNowIndukCopy .item{margin-right:32px;width:411px;}
.mNowIndukCopy .item>a{position:relative;display:block;width:100%;height:auto;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.mNowIndukCopy .item>a .imgBox{display:block;width:100%;height:308px;border-radius:16px;overflow:hidden;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0;}
.mNowIndukCopy .item p{display:block;font-size:30px;line-height:1em;color:#212121;font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:23px;margin-left:-3px;}

.mNowIndukArea .control{font-size:0;position:absolute;width:calc(100% - 776px);position:absolute;left:725px;bottom:17px;display:flex;align-items:center;}
.mNowIndukArea .control .prev{display:inline-block;width:8px;height:15px;background:url(../img//main/icon_mNowIndukPrev.svg) no-repeat center center/auto 15px;margin-right:24px;}
.mNowIndukArea .control .next{display:inline-block;width:8px;height:15px;background:url(../img//main/icon_mNowIndukNext.svg) no-repeat center center/auto 15px;margin-left:24px;}
.mNowIndukArea .control .pageIndex{width:calc(100% - 64px);display:-webkit-inline-box;display: -ms-inline-flexbox;display:inline-flex;margin-top:2px;}
.mNowIndukArea .control .pageIndex .swiper-pagination-bullet{-webkit-box-flex: 1;-ms-flex: 1;flex-grow: 1;height:1px;background-color:#E1E1E1;border-radius:0;opacity:1;transition:all 0.1s;}
.mNowIndukArea .control .pageIndex .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#212121;}

.mNowIndukArea .mNoticeMore{display:none;}


/* service */
/* 241227 background css 삭제 */
.mServiceArea{width:100%;position:relative;padding:157px 0 183px;}
.mServiceArea .innerBox{padding:0 50px;height:auto;max-width:1630px;box-sizing:border-box;}
.mServiceArea .mTit b{color:#fff;margin-left:-5px;}
.mServiceArea .serviceList{margin-top:60px;margin-right:-30px;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;height:100%;}
.mServiceArea .serviceList li{padding:14px 30px 14px 0;width:14.28%;}
.mServiceArea .serviceList a{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;height:100%;padding:30px 16px 43px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.32);backdrop-filter:blur(9px);border-radius:16px;}
.mServiceArea .serviceList p{display:block;width:100%;font-size:22px;line-height:26px;color:#fff;font-weight:600;padding-top:82px;text-align:center;background-repeat:no-repeat;background-position:center top;background-size:auto 60px;}
/* 241227 추가 */
.mServiceArea .bg_img{position:absolute;top:0;left:0;width:100%;height:100%;}
.mServiceArea .bg_img>div{background-size:cover;background-position:center;width:inherit;height:inherit;}
.mServiceArea .bg_img .mobile{display:none;}


/* notice */
.mNoticeArea{width:100%;padding:110px 0 134px 0;}
.mNoticeArea .innerBox{padding:0 50px;height:auto;max-width:1630px;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;}
.mNoticeArea .mTit{width:100%;}
.mNoticeArea .mNoticeTab{width:262px;padding-right:40px;margin-top:83px;}
.mNoticeArea .contTab_Group{width:calc(100% - 262px);margin-top:49px;}
.mNoticeArea .mNoticeMore{display:none;}

.mNoticeArea .mNoticeTab ul{font-size:0;display:block;}
.mNoticeArea .mNoticeTab ul li{display:inline-block;vertical-align:middle;margin-bottom:30px;width:auto;}
.mNoticeArea .mNoticeTab ul li:last-of-type{margin-bottom:0;}
.mNoticeArea .mNoticeTab ul li a{display:block;position:relative;padding-left:36px;}
.mNoticeArea .mNoticeTab ul li .imgBox{position:absolute;width:24px;height:20px;left:2px;top:3px;}
.mNoticeArea .mNoticeTab ul li .imgBox img{position:absolute;left:0;top:0;}
.mNoticeArea .mNoticeTab ul li .imgBox .on{display:none;}
.mNoticeArea .mNoticeTab ul li p{font-size:20px;line-height:24px;color:#666;font-weight:600;padding:0 34px 0 0;position:relative;}
.mNoticeArea .mNoticeTab ul li p::after{content:"";width:10px;height:10px;position:absolute;right:0;top:8px;background:url(../img/main/ico_plus.svg) no-repeat center center/10px auto;}
/* 241230 삭제 */
/* .mNoticeArea .mNoticeTab ul li.on .imgBox img.off{display:none;}
.mNoticeArea .mNoticeTab ul li.on .imgBox img.on{display:block;} */
.mNoticeArea .mNoticeTab ul li.on p{color:#A70638}
.mNoticeArea .mNoticeTab ul li.on p::after{background-image:url(../img/main/ico_plus_on.svg);}

/* 241230 추가 */
.mNoticeArea .mNoticeTab ul li.on .imgBox img{filter: brightness(0) saturate(100%) invert(11%) sepia(62%) saturate(6523%) hue-rotate(333deg) brightness(89%) contrast(101%);}


.mNoticeList{font-size:0;display:flex;flex-wrap:wrap;justify-content:start;align-items:stretch;}/* 250102 border 삭제 */
.mNoticeList li{display:flex;width:33.33%;vertical-align:top;align-items:stretch;}/* 250102 border 삭제 */
.mNoticeList li:nth-of-type(3){border-right:none;}
.mNoticeList li a{display:flex;flex-wrap:wrap;justify-content:start;align-content:space-between;align-items:stretch;padding:28px 32px 33px;height:100%;position:relative;}
/* .mNoticeList li:nth-of-type(1) a{padding-left:0;} 250102 padding 삭제 */
.mNoticeList li a .title{display:block;width:100%;font-size:26px;line-height:40px;font-weight:500;color:#212121;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
/* 241230 .text width 추가 */
.mNoticeList li a .text{width: 100%;}
.mNoticeList li a .text span{font-size:15px;line-height:24px;margin-top:9px;color:#212121;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.mNoticeList li a .data{display:block;font-size:16px;font-weight:400;line-height:1em;color:#666;margin-top:31px;}

.boardListArea{display:flex;align-items:start;justify-content:start;flex-wrap:wrap;margin-top:48px;}
.boardListArea > .boardList{width:50%;}
/* 241230 border-right 추가 */
.boardListArea > .boardList:nth-child(1){padding-right:54px;border-right:1px solid #E3E1E1;}
/* 241230 border-left 삭제 */
.boardListArea > .boardList:nth-child(2){padding-left:54px;}
/* 241227 flex-wrap 삭제 */
.boardListArea > .boardList a{display:flex;align-items:center;justify-content:start;}
.boardListArea > .boardList a .title{width:calc(100% - 110px);font-size:18px;font-weight:500;line-height:21px;color:#212121;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.boardListArea > .boardList a .data{font-size:16px;font-weight:400;line-height:21px;color:#666;margin-left:30px;}
.boardListArea > .boardList li + li{margin-top:26px;}
.mNoticeList li.no_articleArea {width:100%;padding:0;margin:0;border:none;height:auto;}

/* 241230 추가 */
.boardListArea:not(:has(.boardList + .boardList)) .boardList{width:100%;padding-right:0;border-right:none;}

/* 250102 추가 */
.mNoticeList{margin-right:-45px;}
.mNoticeList li{margin-right:45px;width:calc(33.33% - 45px);}
.mNoticeList li a{border-radius:16px;border:1px solid #A70638;padding:20px 28px 27px;transition:all 0.2s;}
.mNoticeList li a > *{transition:all 0.2s;}
.mNoticeList li a .category{font-size:14px;font-weight:600;line-height:16px;color:#fff;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#A70638;border-radius:4px;margin-bottom:14px;}
.mNoticeList li a .title{font-weight:600;line-height:36px;}
.mNoticeList li a .text{margin-top:14px;}
.mNoticeList li a .text span{color:#000;margin-top:0;}
.mNoticeList li a .data{margin-top:17px;padding-top:14px;border-top:1px solid #A70638;color:#A70638;}
.mNoticeList li a:hover{background:#A70638;}
.mNoticeList li a:hover .category{background:#fff;color:#A70638;}
.mNoticeList li a:hover .title{color:#fff;}
.mNoticeList li a:hover .text span{color:#fff;}
.mNoticeList li a:hover .data{border-top-color:#fff;color:#fff;}
.boardListArea{margin-top:45px;}


/* community */
.mCommunityArea{background:#F5F2EF;padding:117px 0 114px;}
.mCommunityArea .innerBox{padding:0 50px;height:auto;max-width:1630px;}
.mCommunityArea .mTit>b{margin-left:-6px;}

.communityList{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;margin-top:45px;margin-right:-30px;}
.communityList .item{width:33.333%;padding-right:30px;}
.communityList .item .imgBox{position:relative;border-radius:16px 16px 0 0;overflow:hidden;}
.communityList .item .imgBox a{display:block;position:relative;font-size:0;}
.communityList .item .imgBox.video a::after{content:"";width:46px;height:46px;background:url(../img/main/ico_video.svg) no-repeat center center/ contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.communityList .item .textArea{background:#fff;padding:20px 24px;border-radius:0 0 16px 16px;overflow:hidden;}
.communityList .item .textArea .title{font-size:24px;font-weight:500;color:#212121;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
/* 241227 수정 */
/* .communityList .item .textArea .tag{display:inline-flex;align-items:center;margin-top:6px;flex-wrap:wrap;}
.communityList .item .textArea .tag li{margin-right:10px;font-size:0;}
.communityList .item .textArea .tag li:last-child{margin-right:0;}
.communityList .item .textArea .tag li a{font-size:15px;font-weight:500;line-height:18px;color:#A70638;} */
.communityList .item .textArea .tag{display:inline-flex;align-items:center;margin-top:6px;flex-wrap:wrap;color:#A70638;font-size:15px;}

.socialList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:87px;margin-right:-32px;}
.socialList li{min-width:233px;padding-right:32px;}
.socialList a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;}
.socialList a .iconBox{width:auto;max-height:32px;position:absolute;left:50%;top:0;transform:translateX(-50%);opacity:0.5;display:flex;align-items:center;justify-content:center;}
.socialList a .iconBox img{width:100%;max-height:100%;}
.socialList a p{font-size:20px;font-weight:500;line-height:24px;color:#212121;text-align:center;width:100%;padding-top:50px;}


/* department */
.mCreativeDeptArea{width:100%;padding:80px 0 0px 0;}
.mCreativeDeptArea .innerBox{height:auto;max-width:1630px;padding:0 50px;}
.mCreativeDeptArea .mTit{margin-bottom:36px;overflow-y:hidden;margin-left:-4px;}
.mCreativeDeptArea .mTit>span{font-size:167px;line-height:1.2em;font-weight:400;}
.mCreativeDeptArea .mTit>b{margin-left:99px;margin-top:-61px;font-size:167px;letter-spacing:-13px;font-weight:400;}
.mCreativeDeptArea .mTit em{font-family:'Noto Sans KR';display:inline-block;font-size:24px;line-height:34px;color:#212121;font-style:normal;margin-left:13px;letter-spacing:-0.4px;position:relative;top:-4px;}

.deptList{width:100%;border-top:1px solid #212121;;background-color:#fff;}
.deptList .innerBox{max-width:1630px;}
.deptList .item{overflow:hidden;}
.deptList .item .deptName{border-bottom:1px solid #212121;padding:11px 0;background-color:#fff;;}
.deptList .item .deptName p{display:inline-block;font-size:28px;font-weight:500;color:#212121}
.deptList .item .deptName span{display:inline-block;font-size:14px;color:#212121;vertical-align:11px;margin-left:5px;}
.deptList .item .itemCont{height:610px;overflow:hidden;transition:height 0.3s;background-color:#fff;;}
.deptList .item .innerItem{height:610px;width:100%;background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;padding:55px 0;font-size:0;background-position:center center;}
.deptList .item .innerItem .listItem{display:inline-block;width:186px;margin-right:120px;vertical-align:top;}
.deptList .item .innerItem .listItem .name{font-size:28px;line-height:36px;color:#fff;font-weight:500;margin-bottom:21px;}
.deptList .item .innerItem .listItem li{position:relative;width:100%;padding-left:10px;}
.deptList .item .innerItem .listItem li::before{content:"";position:absolute;left:0;top:12px;display:block;width:3px;height:3px;background-color:#fff;;border-radius:50%;}
.deptList .item .innerItem .listItem li a{position:relative;display:inline-block;font-size:20px;color:#fff;line-height:28px;}
.deptList .item .innerItem .listItem li a::before{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background-color:#fff;opacity:0;transition:opacity 0.1s;}
.deptList .item .innerItem .listItem li a:hover::before{opacity:1;}
.deptList .item .innerItem .listItem li + li{margin-top:12px;}
.deptList .item .innerItem .listItem:last-of-type{margin-right:0;}
.deptList .item .innerItem .mobileImg{display:none;}
.deptList .item.on .itemCont{height:610px;}

/* 스크롤 이벤트 */
.deptList.fix{position:fixed;left:0;top:0;z-index:111;}

.mShortcutInDuk{width:100%;}
.mShortcutInDuk .innerBox{height:836px;padding:50px 50px 75px 50px;}
.mShortcutInDuk .innerBox .imgBox{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.mShortcutInDuk .innerBox .mTit{position:relative;z-index:1;display:block;width:100%;height:100%;}
.mShortcutInDuk .innerBox .mTit span,
.mShortcutInDuk .innerBox .mTit b{color:#fff;margin-left:0;}
.mShortcutInDuk .menuList{position:absolute;left:0;bottom:75px;width:100%;z-index:1;padding:0 40px;font-size:0;display:flex;flex-direction:row;flex-wrap:wrap;}
.mShortcutInDuk .menuList>li{display:inline-block;vertical-align:top;padding:25px 0;margin:0 10px;border-top:1px solid rgba(255,255,255,0.35);flex:1;}
.mShortcutInDuk .menuList>li a{display:block;font-size:21px;font-weight:600;line-height:28px;color:#fff;background-repeat:no-repeat;background-position:right 10px center;padding:0 50px 0 10px;}
.mShortcutInDuk .mobileImg{display:none;}

.mNowIndukArea+.mSnsMediaArea {padding-top:100px;padding-bottom:0;}
.mSnsMediaArea{padding:140px 0 110px 0;overflow:hidden;}
.mSnsMediaArea .snsText{white-space: nowrap;margin-bottom:55px;}
.mSnsMediaArea .snsText .mTit{display:inline-block;vertical-align:middle;width:auto;margin-right:10px;}
.mSnsMediaArea .snsText .mTit>b{font-size:70px;margin:0 20px 0 0;}
.mSnsMediaArea .snsText .mTit>span{font-size:70px;}
.mSnsMediaArea .innerBox{height:auto;padding:0 50px;}
.mSnsMediaArea .snsLink{width:calc(100% + 60px);font-size:0;margin-left:-30px;padding:0 15px;}
.mSnsMediaArea .snsLink .swiper-wrapper{display:block;font-size:0;}
.mSnsMediaArea .snsLink .item{width:calc(25% - 30px);display:inline-block;vertical-align:top;margin:0 15px 60px 15px;}
.mSnsMediaArea .snsLink .item a{display:block;}
.mSnsMediaArea .snsLink .item a .imgBox{position:relative;width:100%;margin-bottom:15px;}
.mSnsMediaArea .snsLink .item a .imgBox::before{content:"";display:block;padding-top:69%;}
.mSnsMediaArea .snsLink .item a .imgBox::after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
.mSnsMediaArea .snsLink .item a .imgBox.facebook::after{width:25px;height:46px;background:url(../img/main/Icon_snsFacebook.svg) no-repeat center center/100% auto;}
.mSnsMediaArea .snsLink .item a .imgBox.blog::after{width:46px;height:43px;background:url(../img/main/Icon_snsBlog.svg) no-repeat center center/100% auto;}
.mSnsMediaArea .snsLink .item a .imgBox.instar::after{width:44px;height:44px;background:url(../img/main/Icon_snsIns.svg) no-repeat center center/100% auto;}
.mSnsMediaArea .snsLink .item a .imgBox.youtube::after{width:52px;height:36px;background:url(../img/main/Icon_snsYoutube.svg) no-repeat center center/100% auto;}
.mSnsMediaArea .snsLink .item a .imgBox.kakaoCh::after{width:48px;height:50px;background:url(../img/main/Icon_snsKakaoCh.svg) no-repeat center center/100% auto;}

.mSnsMediaArea .snsLink .item a .imgBox>img{position:absolute;left:0;top:0;width:100%;height:100%;}
.mSnsMediaArea .snsLink .item a .title{font-size:25px;font-weight:500;line-height:34px;margin-bottom:5px;color:#212121}
.mSnsMediaArea .snsLink .item a .tagname{font-size:0;} 
.mSnsMediaArea .snsLink .item a .tagname>span{display:inline-block;font-size:15px;line-height:1em;margin:5px 5px 0 0;color:#666;}

.contTab_Group .contTab{position:relative;}
.contTab_Group .contTab .mNoticeMore{position:absolute;right:0;top:-200px;}

.mTit{font-size:0;width:100%;}
.mTit>span{display:inline-block;font-family: contralto-big, sans-serif;font-weight:300;font-size:100px;line-height:1em;color:#212121;}
.mTit>b{display:inline-block;font-family:'Poppins', sans-serif;font-weight:400;font-size:98px;line-height:1em;color:#212121;letter-spacing:-2px;}
.mNoticeMore{display:block;width:60px;height:60px;border-radius:50%;border:1px solid #999999;text-indent:-9999px;background:url(../img/main/mNoticeMore.svg) no-repeat center center/14px auto;}


/* animation */
.mVisual .item .txtBox .line1{overflow:hidden;}
.mVisual .item .txtBox .line1 span{opacity:0;transform:translateY(100%);transition: 1s all;}
.item.swiper-slide-active .txtBox .line1 span{opacity:1;transform:translateY(0);}
.mVisual .item .txtBox .line2{overflow:hidden;}
.mVisual .item .txtBox .line2 span{opacity:0;transform:translateY(100%);transition: 1s all;transition-delay: .2s;}
.item.swiper-slide-active .txtBox .line2 span{opacity:1;transform:translateY(0);}

.mNowIndukArea .mTit{opacity:0;transform:translateY(100%);transition: 1s all;}
.mNowIndukArea.ani .mTit{opacity:1;transform:translateY(0);}
.mNowIndukArea .mNowInduk .item{opacity:0;transform:translateY(100%);transition: 1s all;}
.mNowIndukArea .mNowInduk .item.ani{opacity:1;transform:translateY(0);}
.mNowIndukCopy .item>a{opacity:0;transform:translateY(100%);transition: 1s all;transition-delay: .2s;}
.mNowIndukCopy .item[data-swiper-slide-index='1']>a{transition-delay: .4s;}
.mNowIndukCopy .item[data-swiper-slide-index='2']>a{opacity:1;transform:translateY(0);transition-delay: .6s;}
.mNowIndukCopy.ani .item>a{opacity:1;transform:translateY(0);}

.mServiceArea .mTit{opacity:0;transform:translateY(100%);transition: 1s all;}
.mServiceArea.ani .mTit{opacity:1;transform:translateY(0);}
.mServiceArea .serviceList li a{opacity:0;transform:translateY(100%);transition: 1s all;}
.mServiceArea .serviceList li.ani a{opacity:1;transform:translateY(0);}
.mServiceArea .serviceList li:nth-child(2) a{transition-delay: .2s;}
.mServiceArea .serviceList li:nth-child(3) a{transition-delay: .4s;}
.mServiceArea .serviceList li:nth-child(4) a{transition-delay: .6s;}
.mServiceArea .serviceList li:nth-child(5) a{transition-delay: .8s;}
.mServiceArea .serviceList li:nth-child(6) a{transition-delay: 1s;}
.mServiceArea .serviceList li:nth-child(7) a{transition-delay: 1.2s;}
.mServiceArea .serviceList li:nth-child(9) a{transition-delay: .2s;}
.mServiceArea .serviceList li:nth-child(10) a{transition-delay: .4s;}
.mServiceArea .serviceList li:nth-child(11) a{transition-delay: .6s;}
.mServiceArea .serviceList li:nth-child(12) a{transition-delay: .8s;}
.mServiceArea .serviceList li:nth-child(13) a{transition-delay: 1s;}
.mServiceArea .serviceList li:nth-child(14) a{transition-delay: 1.2s;}

.mNoticeArea .mTit{opacity:0;transform:translateY(100%);transition: 1s all;}
.mNoticeArea.ani .mTit{opacity:1;transform:translateY(0);}
.mNoticeArea .mNoticeTab{opacity:0;transform:translateY(100%);transition: 1s all;}
.mNoticeArea .mNoticeTab.ani{opacity:1;transform:translateY(0);}
.mNoticeList{opacity:0;transform:translateY(100%);transition: 1s all;}
.mNoticeList.ani{opacity:1;transform:translateY(0);}
.boardListArea > .boardList{opacity:0;transform:translateY(100%);transition: 1s all;}
.boardListArea > .boardList.ani{opacity:1;transform:translateY(0);}
.boardListArea > .boardList:nth-child(2){transition-delay: .2s;}

.mCommunityArea .mTit{opacity:0;transform:translateY(100%);transition: 1s all;}
.mCommunityArea.ani .mTit{opacity:1;transform:translateY(0);}
.communityList .item{opacity:0;transform:translateY(100%);transition: 1s all;}
.communityList .item.ani{opacity:1;transform:translateY(0);}
.communityList .item:nth-child(2){transition-delay: .2s;}
.communityList .item:nth-child(3){transition-delay: .4s;}
.socialList{opacity:0;transform:translateY(100%);transition: 1s all;}
.socialList.ani{opacity:1;transform:translateY(0);}

.mCreativeDeptArea .mTit{opacity:0;transform:translateY(100%);transition: 1s all;}
.mCreativeDeptArea.ani .mTit{opacity:1;transform:translateY(0);}
.deptList .item .deptName p,
.deptList .item .deptName span{opacity:0;transform:translateX(50%);transition: 1s all;}
.deptList .item.ani .deptName p,
.deptList .item.ani .deptName span{opacity:1;transform:translateX(0);}


@keyframes ani {
    0% {
        stroke-dashoffset:500;
    }
    100% {
        stroke-dashoffset:00;
    }
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

.innerBox{position:relative;max-width:1920px;margin:0 auto;height:100vh;font-size:0;}

/* 학과소개 스티키 */
html,body{overflow-x:hidden;}
#container{overflow:visible}
.onBody .mIntroText{overflow-x:hidden;}
.deptList .item{position:sticky;top:0;} 


.mainScrollNav{position:fixed;right:34px;top:50%;z-index:100;transform-origin:bottom right;transform:rotate(90.04deg) translate3d(50.2%,0,0);font-size:0;z-index:10;display:none;}
.mainScrollNav.white>ul>li{color:#fff;}
.mainScrollNav.white>ul>li>a::before{border:1px solid #fff;}
.mainScrollNav.white>ul>li.on>a::before{background-color:#fff;}
.mainScrollNav>ul{font-size:0;width:auto;display:inline-block;height:24px;}
.mainScrollNav>ul>li{position:relative;display:inline-block;color:#222;line-height:24px;margin-right:20px;vertical-align:middle;}
.mainScrollNav>ul>li>a{position:relative;display:block;font-size:0;padding-left:10px;}
.mainScrollNav>ul>li.on{margin-right:40px;}
.mainScrollNav>ul>li.on>a{font-size:14px;padding-left:18px;font-weight:500;font-family:'Roboto', sans-serif;letter-spacing:0.25px;}
.mainScrollNav>ul>li:last-of-type{margin-right:0;}
.mainScrollNav>ul>li>a::before{content:"";position:absolute;left:0;top:7px;display:block;width:8px;height:8px;border-radius:50%;border:1px solid #222;background-color:rgba(255,255,255,0);box-sizing:border-box;}
.mainScrollNav>ul>li.on>a::before{background-color:#222;}

@media all and (max-width:1800px){
    .mVisualArea:after {right:-830px;}

    .mNoticeList li a .title br{display:none;}
}

@media all and (max-width:1500px){
    .mShortcutInDuk .menuList>li{flex:auto;width:calc(33.333% - 20px);flex:inherit;}

    .mVisualArea:after {width:1000px;height:1000px;background-size: cover;right:-630px;}
    .mVisualArea:before {width:1000px;height:1000px;left:-680px;top:-470px;}
    .mVisual .item .videoDim{width:100%;}
    .mVisual .item .iframe_area{width:1500px;}

    .socialList li{min-width:auto;padding-right:54px;}
}

@media all and (max-width:1383px){
    .mCreativeDeptArea .mTit em{margin-left:98px;}
}

@media all and (max-width:1350px){
    .mVisualArea:before {display:none;}
    .mVisualArea:after {display:none;}
    
}

@media all and (max-width:1300px){
    .mIntro .imgBox.pos1{left:0;top:306px;width:280px;}
    .mIntro .imgBox.pos2{right:0;top:0px;width:497px;}
    .mIntro .imgBox.pos3{left:0;bottom:117px;width:254px;}
    .mIntro .imgBox.pos4{right:0;bottom:0px;width:190px;}

    .mVisual .item .txtBox{padding:0 30px 0 57px;}
    .mVisual .item .txtBox::before{left:29px;}
    .mVisualControl{padding-left:53px;}

    .mNowIndukArea .innerBox{padding:0 30px;}
    .mNowIndukArea .control{left:705px;width:calc(100% - 737px);}

    .mServiceArea .innerBox{padding:0 30px;}
    .mServiceArea .serviceList{margin-right:-24px;}
    .mServiceArea .serviceList li{padding:12px 24px 12px 0;}
    .mServiceArea .serviceList a{padding:29px 12px 32px;}
    .mServiceArea .serviceList p{font-size:18px;line-height:20px;padding-top:64px;background-size:auto 54px;}

    .mNoticeArea .innerBox{padding:0 30px;}
    .mNoticeList li a .title br{display:none;}
    .boardListArea > .boardList:nth-child(1){padding-right:48px;}
    .boardListArea > .boardList:nth-child(2){padding-left:48px;}
    /* 250102 추가 */
    .mNoticeList{margin-right:-30px;}
    .mNoticeList li{margin-right:30px;width:calc(33.33% - 30px);}
    /* //250102 추가 */    

    .mCommunityArea .innerBox{padding:0 30px;}
    .socialList{margin-right:0;}
    .socialList li:last-child{padding-right:0;}

    .mCreativeDeptArea .innerBox{padding:0 30px;}
    .mCreativeDeptArea .mTit>span{font-size:148px;}
    .mCreativeDeptArea .mTit>b{font-size:148px;}
}

@media all and (max-width:1040px){
    .typeMain .gnbOn header .logo>a>img{display:block;}
    .typeMain .gnbOn header .logo>a>span{display:none;}
    .typeMain.stickyFix .gnbOn header .logo>a>img{display:none;}
    .typeMain.stickyFix .gnbOn header .logo>a>span{display:block;}


    .mIntroText .textArea .lv1{top: calc(50% - 130px);}
    .mIntroText .textArea .lv1>span{font-size:118px;}
    .mIntroText .textArea .lv2{height:115px;}
    .mIntroText .textArea .lv2>span{font-size:114px;}
    .mIntroText .textArea .lv2>.subTxt{font-size:14px;line-height:18px;height:auto;margin-top:0;}
    .mIntroText .textArea .lv3{top: calc(50% + 118px);}
    .mIntroText.mac .textArea .lv3{margin-top:-10px;}
    .mIntroText .textArea .lv3>span{font-size:118px;}


    .mVisualArea{height:auto;}
    .mVisualArea .innerBox{height:auto;}    
    .mVisual .item{width:100vw;height:100%;min-height:65.15vw;}
    .mVisual .item .txtBox{padding:0 24px;bottom:126px;}
    .mVisual .item .txtBox::before{display:none;}
    .mVisual .item .txtBox .line1{font-size:58px;line-height:68px;letter-spacing:0;}
    .mVisual .item .txtBox .line2{font-size:24px;line-height:28px;letter-spacing:0;margin-top:20px;}
    .mVisual .item .iframe_area{transform:translate(-50%, 0) scale(1);width:1250px;}
    .mVisual .item .bgImgBox{position:absolute;left:50%;transform:translateX(-50%);}

    .mVisualControl{bottom:64px;padding-left:21px;}
    .mVisualControl .pageIndex{position:relative;}
    .mVisualControl .pageIndex>b{font-size:32px;line-height:133px;}
    .mVisualControl>div.swiper_play{margin:0 17px;}


    .mNowIndukArea{padding:48px 0;}
    .mNowIndukArea .innerBox{padding:0 24px;}
    .mNowIndukArea .mNoticeMore{margin-top:40px;}
    .mNowInduk{width:100%;height:545px;margin-top:25px;}
    .mNowInduk .item{height:545px;}
    .mNowIndukCopy{width:100%;margin-top:36px;margin-left:0 !important;}
    .mNowIndukCopy .item{width:50%;width:calc(50% - 18px);margin-right:36px;}
    .mNowIndukCopy .item>a .imgBox{height:275px;}
    .mNowIndukCopy .item p{font-size:22px;line-height:28px;margin-top:21px;}
    .mNowIndukArea .control{display:none;}
    
    /* 241227 background css 삭제 */
    .mServiceArea{padding:48px 0 62px;}
    .mServiceArea .innerBox{padding:0 24px;}
    .mServiceArea .mTit b{margin-left:-1px;}
    .mServiceArea .serviceList{margin-top:19px;margin-right:-16px;justify-content:start;}
    .mServiceArea .serviceList li{width:20%;padding:8px 16px 8px 0;}
    .mServiceArea .serviceList a{padding:18px 8px 22px;}
    .mServiceArea .serviceList p{font-size:15px;padding-top:52px;background-size:auto 42px;}
    .mServiceArea .serviceList li:nth-child(2) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(3) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(4) a{transition-delay: .6s;}
    .mServiceArea .serviceList li:nth-child(5) a{transition-delay: .8s;}
    .mServiceArea .serviceList li:nth-child(6) a{transition-delay: 0s;}
    .mServiceArea .serviceList li:nth-child(7) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(8) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(9) a{transition-delay: .6s;}
    .mServiceArea .serviceList li:nth-child(10) a{transition-delay: .8s;}
    .mServiceArea .serviceList li:nth-child(11) a{transition-delay: 0s;}
    .mServiceArea .serviceList li:nth-child(12) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(13) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(14) a{transition-delay: .6s;}
    /* 241227 추가 */
    .mServiceArea .bg_img .pc{display:none;}
    .mServiceArea .bg_img .mobile{display:block;}
    
    
    .mTit>span{font-size:47px;line-height:42px;}
    .mTit>b{font-size:47px;line-height:42px;font-weight:500;letter-spacing:0;}


    .mNoticeMore{text-indent:0;background-image:none;}
    .mNoticeMore{display:block;width:60px;height:60px;border-radius:50%;border:1px solid #999;font-size:14px;font-weight:500;line-height:60px;text-align:center;margin:0 auto;}

    .mNoticeArea{padding:48px 0 50px;}
    .mNoticeArea .innerBox{padding:0 24px;}
    .mNoticeArea .mTit{margin-left:-2px;}

    .mNoticeArea .mNoticeTab{margin-top:30px;width:100%;padding-right:0;overflow:hidden;}
    .mNoticeArea .mNoticeTab ul{display:flex;}
    .mNoticeArea .mNoticeTab ul li{margin-bottom:0;margin-right:28px;}
    .mNoticeArea .mNoticeTab ul li:last-child{margin-right:0;}
    .mNoticeArea .mNoticeTab ul li a{padding:0;}
    .mNoticeArea .mNoticeTab ul li p{padding-right:0;font-size:18px;line-height:20px;}
    .mNoticeArea .mNoticeTab ul li .imgBox{display:none;}
    .mNoticeArea .mNoticeTab ul li p::after{display:none;}

    .mNoticeArea .contTab_Group{margin-top:20px;width:100%;}    
    .mNoticeList li{width:100%;border-right:none;border-bottom:1px solid #D6D4D2;}
    .mNoticeList li:last-of-type{border-bottom:none;}
    .mNoticeList li a{padding:22px 30px 24px 0;width:100%;display:block;}
    .mNoticeList li a .title{max-height:100%;font-size:20px;line-height:28px;margin-bottom:12px;}
    .mNoticeList li a .text{max-height:100%;font-size:14px;line-height:22px;}
    .mNoticeList li a .data{font-size:14px;margin-top:19px;}
    .contTab_Group .contTab .mNoticeMore{display:block;top:-107px;width:32px;height:32px;background:url(../img/main/ico_plus_black.svg) no-repeat center center/ 10px auto #fff;} 

    .boardListArea{margin-top:32px;}
    .boardListArea > .boardList:nth-child(1){padding-right:32px;}
    .boardListArea > .boardList:nth-child(2){padding-left:32px;}
    .boardListArea > .boardList a .title{font-size:16px;line-height:20px;width:calc(100% - 92px);}
    .boardListArea > .boardList a .data{font-size:14px;line-height:20px;margin-left:24px;}
    .boardListArea > .boardList li + li{margin-top:24px;}
    /* 250102 추가 */
    .mNoticeList{margin-right:0px;}
    .mNoticeList li{margin-right:0px;margin-bottom:30px;border-bottom:none;}
    .mNoticeList li:last-child{margin-bottom:0;}
    .mNoticeList li a{padding:22px 24px 24px;}
    .mNoticeList li a .data{display:inline-block;}    
    /* //250102 추가 */


    .mCommunityArea{padding:50px 0;}
    .mCommunityArea .innerBox{padding:0 24px;}
    .mCommunityArea .mTit>b{margin-left:-1px;line-height:38px;}
    .mCreativeDeptArea .innerBox{padding:0 24px;}
    .communityList{margin-top:27px;margin-right:-20px;}
    .communityList .item{padding-right:20px;}
    .communityList .item .textArea{padding:16px;}
    .communityList .item .textArea .title{font-size:18px;}
    /* 241227 */
    /* .communityList .item .textArea .tag{margin-top:4px;} */
    /* .communityList .item .textArea .tag li a{font-size:12px;} */
    .communityList .item .textArea .tag{margin-top:4px;font-size:12px;}

    .socialList{margin-top:48px;}
    .socialList li{padding-right:32px;}
    .socialList a .iconBox{height:24px;}
    .socialList a .iconBox img{height:100%;}
    .socialList a p{font-size:15px;line-height:18px;padding-top:33px;}


    .mCreativeDeptArea{padding:41px 0 0 0;}
    .mCreativeDeptArea .mTit{margin:0 0 32px 0;}
    .mCreativeDeptArea .mTit>span{font-size:57px;line-height:1em;font-weight:300;}
    .mCreativeDeptArea .mTit>b{margin-top:-9px;font-size:56px;line-height:1em;margin-left:35px;letter-spacing:-4px;} 
    .macOS .mCreativeDeptArea .mTit>b{margin-top:-4px;}
    .mCreativeDeptArea .mTit em{font-size:12px;line-height:16px;margin-left:0px;display:block;padding-left:37px;top:0;margin-top:6px;letter-spacing:-1px;}
    .deptList .item .deptName{padding:16px 0;}
    .deptList .item .deptName p{font-size:20px;line-height:1em;}
    .deptList .item .deptName span{font-size:10px;vertical-align:8px;}

    .deptList .item .innerItem{padding:37px 0;}
    .deptList .item .innerItem .listItem{width:33.333%;margin-right:0;padding-right:20px;}
    .deptList .item .innerItem .listItem .name{font-size:20px;line-height:28px;margin-bottom:15px;}
    .deptList .item .innerItem .listItem li + li{margin-top:12px;}
    .deptList .item .innerItem .listItem li a{font-size:16px;line-height:22px;}
    .deptList .item .innerItem .listItem li::before{top:9px;}

    .mainScrollNav{display:none !important;}    
}

@media all and (max-width:768px){
    .mIntro .innerBox{min-height:600px;}
    .mIntro .imgBox.pos1{width:203px;top:25%;}
    .mIntro .imgBox.pos2{width:300px;}
    .mIntro .imgBox.pos3{width:160px;bottom:22%;}
    .mIntro .imgBox.pos4{width:136px;}

    .mIntroText .textArea .lv1{top:calc(50% - 65px);}
    .mIntroText .textArea .lv2{height:auto;}
    .mIntroText .textArea .lv3{top:calc(50% + 57px);}    
    .mIntroText .textArea .lv1>span{font-size:64px;padding-top:30px;letter-spacing: 0;}
    .mIntroText .textArea .lv2>span{font-size:62px;}
    .mIntroText .textArea .lv2>.subTxt{font-size:10px;margin-left:10px;line-height:12px;}
    .mIntroText .textArea .lv3>span{font-size:64px;padding-top:20px;}
    .mIntroText.mac .textArea .lv3{margin-top:0;}
    .mIntroText{min-height:600px;}

    .mVisual .item .txtBox{bottom:60px;}/* 250107 추가 */
    .mVisual .item .txtBox .line1{font-size:32px;line-height:38px;}/* 250107 수정(구:font-size:40px;line-height:48px;) */
    .mVisual .item .txtBox .line2{font-size:15px;line-height:18px;margin-top:10px;}/* 250107 수정(구:font-size:20px;line-height:24px;) */
    .mVisual .item .iframe_area{width:1168px;}

    .mVisual .item img{display:none;}
    .mVisual .item .mBg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;}

    .mVisualControl{margin-top:29px;bottom:24px;}/* 250107 추가(bottom 추가) */
    .mVisualControl .pageIndex{width:60px;height:60px;}
    .mVisualControl .pageIndex>b{width:60px;height:60px;line-height:60px;font-size:16px;font-weight:normal;}
    .moving-circle{width:62px;height:62px;}
    .mVisualControl .pageBtn{margin-left:24px;}


    .mTit>b{font-size:40px;}


    .mNowIndukArea{padding-bottom:64px;}
    .mNowInduk{height:auto;}
    .mNowInduk .item{position:relative;height:auto;}
    .mNowInduk .item:nth-of-type(n+2){display:none;}
    .mNowInduk .item::before{content:"";display:block;width:100%;padding-top:73.7%;}
    .mNowInduk .item>a{position:absolute;left:0;top:0;}
    .mNowInduk .item>a p{padding:0 20px 20px 20px;font-size:24px;line-height:30px;font-weight:500;}   
    .mNowInduk .item>a::before{height:50%;} 

    .mNowIndukCopy{margin-top:40px;}
    .mNowIndukCopy .swiper-wrapper{display:block;}
    .mNowIndukCopy .item{width:100%;margin-right:0;}
    .mNowIndukCopy .item+.item{margin-top:35px;}
    .mNowIndukCopy .item>a .imgBox{position:relative;height:auto;}
    .mNowIndukCopy .item>a .imgBox::before{content:"";display:block;width:100%;padding-top:73.7%;}
    .mNowIndukCopy .item p{margin-top:10px;font-size:22px;line-height:28px;font-weight:500;}
    .mNowIndukCopy .item:last-of-type{display:none;}
    .mNowIndukArea .mNoticeMore{display:block;margin-top:40px;}
    .mNowIndukCopy .item.ani>a{opacity:1;transform:translateY(0);}

    
    .mServiceArea .serviceList li{width:33.33%;}
    .mServiceArea .serviceList p{padding-top:44px;background-size:auto 34px;}
    .mServiceArea .serviceList li:nth-child(2) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(3) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(4) a{transition-delay: 0s;}
    .mServiceArea .serviceList li:nth-child(5) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(6) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(7) a{transition-delay: 0s;}
    .mServiceArea .serviceList li:nth-child(8) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(9) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(10) a{transition-delay: 0s;}
    .mServiceArea .serviceList li:nth-child(11) a{transition-delay: .2s;}
    .mServiceArea .serviceList li:nth-child(12) a{transition-delay: .4s;}
    .mServiceArea .serviceList li:nth-child(13) a{transition-delay: 0s;}
    .mServiceArea .serviceList li:nth-child(14) a{transition-delay: .2s;}


    .boardListArea{display:block;}
    .boardListArea > .boardList{width:100%;}
    .boardListArea > .boardList:nth-child(1){padding:0;}
    .boardListArea > .boardList:nth-child(2){padding:0;border:none;margin-top:24px;}
    .boardListArea > .boardList a .title{width:100%;}
    .boardListArea > .boardList a .data{margin:6px 0 0 0;}
    .boardListArea > .boardList:nth-child(2){transition-delay: 0s;}
    /* 241227 flex-wrap 추가 */
    .boardListArea > .boardList a{flex-wrap:wrap;}


    .communityList{margin-right:0;}
    .communityList .item{width:100%;padding-right:0;}
    .communityList .item .imgBox img{width:100%;}
    .communityList .item + .item{margin-top:24px;}
    .communityList .item:nth-child(2){transition-delay: 0s;}
    .communityList .item:nth-child(3){transition-delay: 0s;}
    /* 250102 추가 */
    .boardListArea > .boardList:nth-child(1){border-right:none;}

    .socialList{margin-top:48px;margin-right:0;align-items:start;}
    .socialList li{width:33.33%;padding-right:0;}
    .socialList a p{padding-left:3px;padding-right:3px;}    
    .socialList li:nth-child(3n){padding-right:0;}
    .socialList li:nth-child(n+4){padding-top:32px;}


    .deptList .item .itemCont{height:auto;}
    .deptList .item .innerItem{position:relative;height:560px;background-image:none !important;}
    .deptList .item .innerItem .listItem{position:relative;width:100%;z-index:1;padding-right:0;}
    .deptList .item .innerItem .listItem ul{font-size:0;}
    .deptList .item .innerItem .listItem li{display:inline-block;vertical-align:top;width:calc(50% - 10px);padding-right:5px;}
    .deptList .item .innerItem .listItem li:nth-of-type(2){margin-top:0;}
    .deptList .item .innerItem .listItem li:nth-child(even){margin-left:20px;}
    .deptList .item .innerItem .listItem + .listItem{margin-top:31px;}
    .deptList .item .innerItem .mobileImg{position:absolute;width:100%;height:100%;display:block;left:0;top:0;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;}


    .mNowIndukArea+.mSnsMediaArea {padding-top:64px;}
    .mSnsMediaArea{padding-bottom:45px;}
    .mSnsMediaArea .snsText{margin-bottom:30px;}

    .mSnsMediaArea .snsLink .item a .imgBox::after{transform:translate(-50%, -50%) scale(0.65);}
}
@media all and (max-width:599px){
    .mVisual .item{min-height:86.35vw;}
    .mVisual .item .iframe_area{width:700px;width:calc(100% + 200px);transform:translate(-50%, 0) scale(1.15);}

    .mCreativeDeptArea .mTit>span{font-size:55px;}
    .mCreativeDeptArea .mTit>b{font-size:54px;}
}
@media all and (max-width:450px){
    .mVisual .item{min-height:86vw;}
    .mVisual .item .iframe_area{width:600px;width:calc(100% + 150px);}
    .mVisual .item .txtBox{bottom:60px;}/* 250107 수정(구:bottom:70px) */
    .mVisualControl{bottom:24px;}
}
@media all and (max-width:389px){
    .mVisual .item .txtBox .line1{font-size:28px;line-height:32px;}
    .mVisual .item .txtBox .line2{font-size:15px;line-height:18px;}

    .mTit>span{font-size:37px;}
    .mTit>b{font-size:37px;}

    .mServiceArea .serviceList li{padding:8px 12px 8px 0;}
    .mServiceArea .serviceList a{padding:20px 4px 24px;}
    .mServiceArea .serviceList p{padding-top:42px;background-size:auto 32px;font-size:14px;}

    .mNoticeArea .mTit>b{font-size:35px;letter-spacing:-0.75px;}

    .socialList a .iconBox{height:22px;}
    .socialList a p{letter-spacing:-0.4px;font-size:13px;padding:33px 0 0;}

    .mCreativeDeptArea .mTit>span{font-size:45px;}
    .mCreativeDeptArea .mTit>b{font-size:46px;margin-left:20px;}
    .mCreativeDeptArea .mTit em{padding-left:20px;}
    .deptList .item .deptName span{display:block;margin-left:0;}
    .deptList .item .itemCont{height:auto;}
    .deptList .item .innerItem{height:auto;}
    .deptList .item .innerItem .listItem li{width:100%;}
    .deptList .item .innerItem .listItem li + li{margin-top:5px;}
    .deptList .item .innerItem .listItem li:nth-of-type(2){margin-top:5px;}   
    .deptList .item .innerItem .listItem li:nth-child(even){margin-left:0px;} 
}