@charset "utf-8";

/* main common */
.section{padding:10rem 0;}
.section-header{display:flex; flex-direction:column;}
.section-header .title{font-size:5.4rem; margin-bottom:1rem; display:flex; gap:2rem;font-weight:700;font-family:var(--font-family01);}
.section-header .title:after{content:""; display:block; width:5rem; height:5rem; background:url('../img/main/icon_wind.svg') no-repeat center / 100% auto; margin-top:-0.3em}
.section-header .title.no-icon:after{display:none;}
.section-header .desc{font-size:2.2rem; font-weight:500; opacity:0.8; line-height:1.36}
.section-header.reverse{text-align:right; align-items:flex-end;}
.section-header.reverse .title{flex-direction:row-reverse;}
.section-header.reverse .title:after{margin-top:-4%;}

.section .autoplay{flex:none;width:3rem; height:3rem; border-radius:50%; border:2px solid #bebebe; display:flex; align-items:center; justify-content:center;}
.section .autoplay:before{content:""; width:0.6rem; height:0.8rem; border-left:2px solid #000; border-right:2px solid #000; display:none;}
.section .autoplay:after{content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 8px; border-color:transparent transparent transparent #000; margin-right:-0.24rem; display:none;}
.section .autoplay.pause:before{display:block;}
.section .autoplay.play:after{display:block;}
.section .arrows{display:flex; gap:2rem; align-items:center;}
.section .swiper .arrow, .section .arrows .arrow {width:4rem; height:4rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; opacity:0.5; transition:opacity 0.3s ease-in-out;}
.section .swiper .arrow.left, .section .arrows .arrow.left {background-image:url('../img/main/icon_slide_arrow_l.svg');}
.section .swiper .arrow.right, .section .arrows .arrow.right {background-image:url('../img/main/icon_slide_arrow_r.svg');}
.section .swiper .arrow:hover, .section .arrows .arrow:hover {opacity:1;}
.section .pagination{display:flex; align-items:center;overflow: hidden;}
.section .swiper-dots{display:flex; align-items:center; gap:1.8rem;}
.section .swiper-pagination-bullet{width:1.2rem; height:1.2rem; background:#767676; opacity:1; border-radius:50%; border:2px solid transparent; transition: background 0.3s ease-in-out; margin:0 !important;}
.section .swiper-pagination-bullet-active{border-color:var(--color-primary03); background:transparent;}
.section .swiper-pagination-bullet:focus{outline:1px solid #000; outline-offset:2px;}
.section .pager{width:auto; display:flex; align-items:center; gap:1rem; margin-right:-1.3rem;}
.section .pager span{font-size:1.7rem; color:#767676}
.section .pager .devide{width:2rem; height:1px; background:#bebebe;}
.section .pager .current{font-weight:600; color:#333;}

.section .more-btn{border-bottom:2px solid var(--color-primary03); font-size:2.2rem; font-weight:300; padding:0.4rem 2.2rem 0.4rem 0; color:var(--color-primary03); position:relative;}
.section .more-btn:after{content:""; display:block; width:1.5rem; height:1.5rem; /* background:url('../img/main/icon_more.svg') no-repeat center / 100% auto;  */position:absolute; right:0; top:-0.2rem; transition:transform 0.3s ease-in-out;
background-color: var(--color-primary03);
-webkit-mask: url('../img/main/icon_more.svg') no-repeat center / 100% auto;
mask: url('../img/main/icon_more.svg') no-repeat center / 100% auto;
}
.section .more-btn:hover:after{transform:rotate(360deg)}

.section .line-btn{display:flex; align-items:center; justify-content: space-between; border-bottom:2px solid #fff; padding:2rem 0; min-width:25rem;}
.section .line-btn:after{content: ""; display: block; width:1.6rem; height:1.6rem; background:url('../img/layout/icon_outlink.svg') no-repeat center / 100% auto; margin-top:-0.2rem; transition:transform 0.2s ease-in-out;}
.section .line-btn .label{font-weight:300; font-size:2.5rem;}
.section .line-btn:hover:after{transform:rotate(45deg);}

@keyframes rotate {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* hero */
.section-hero{height:100vh; max-height:1080px; min-height:800px; position:relative; padding:0;}
.section-hero.m-vision-hero {height:calc(100vh - 170px);min-height:700px;}
.section-hero .swiper{height:100%;}
.section-hero .slide-bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden;}
.section-hero .slide-bg img, .section-hero .slide-bg video {width:100%; height:100%; object-fit:cover;}
.section-hero .youtube-wrap {position: absolute;top: -20%;left: 50%;height: 100%;aspect-ratio: 2.09 / 1;min-width: 100%;min-height: calc(100% * (2.09 / 1));transform: translateX(-50%);display:flex;}
.youtube-wrap > div {position:relative;width:100%;height:100%;}
.section-hero .slide-bg iframe {position:absolute; top:0;left:0;width:100% !important;height:100% !important;}


.section-hero .slide-bg:after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1;}
.section-hero .slide-content{position:relative; width:100%; height:100%; z-index:1;}
.section-hero .slide-content .inner{height:100%; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; padding-bottom:clamp(20rem, 24vh, 24rem);}
.section-hero .content-header{font-size:6rem; font-weight:700; margin-bottom:3rem;}
.section-hero .content-header:before{content:""; display:block; width:8rem; height:8rem; background:url('../img/main/icon_wind.svg') no-repeat center / 100% auto; margin-bottom:2.8rem;}
.section-hero .content-desc{font-size:3rem; font-weight:600; margin-bottom:6rem; line-height:1.4;}
.section-hero .content-btns{display:flex; gap:2rem; flex-wrap:wrap;}
.section-hero .slide-btn{display:inline-flex; align-items:center; justify-content:center; gap:2.5rem; height:7rem; padding:1rem 1rem 1rem 2.5rem; border:1px solid #fff; border-radius:var(--radiusPill); transition:background 0.3s ease-in-out;}
.section-hero .slide-btn .label{font-size:2rem; padding-top:0.2em;}
.section-hero .slide-btn:after{content:""; display:block; width:5rem; height:5rem; background:#fff url('../img/main/icon_arrow_go.svg') no-repeat center / 100% auto; border-radius:50%;}
.section-hero .slide-btn:hover{background:#fff; color:#000;}
.section-hero .controls{position:absolute; left:0; bottom:clamp(8rem, 16vh, 10rem); z-index:2; width:100%;}
.section-hero .controls .inner{display:flex; gap:3rem; }
.section-hero .autoplay{border-color:#fff; width:4rem; height:4rem;}
.section-hero .autoplay:before{ width:1rem; height:1.2rem; border-left:3px solid #fff; border-right:3px solid #fff;}
.section-hero .autoplay:after{border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff;}
.section-hero .arrows .arrow{filter:invert(1);}
.section-hero .swiper-pagination-bullet{background:rgba(255,255,255,0.8);}
.section-hero .swiper-pagination-bullet-active{border-color:#fff; background:transparent;}
.section-hero .swiper-pagination-bullet:focus{outline-color:#fff;}

/* issue */
.section-issue{background:var(--color-gray03); overflow-x:hidden;}
.section-issue .section-header{margin-bottom:4rem;}
.section-issue .controls{display:flex; justify-content:flex-end; align-items:center; gap:3rem; position:relative; z-index:10;}
.issue-slide{display:flex; margin-top:-6rem; position:relative;}
.issue-slide .issue-left, .issue-slide .issue-right{width:50%; min-width:0;}
.issue-slide .issue-left{padding-right:4rem; background:var(--color-gray03); position:relative; z-index:100;}
.issue-slide .issue-right{padding-top:12rem;}
.issue-slide .issue-container{width:50vw; margin-right:-12rem; position:relative;}
.issue-slide .img-frame{overflow:hidden; width:100%; position:relative;}
.issue-slide .img-frame:after{content:""; display:block; padding-bottom:62.5%;}
.issue-slide .img-frame img{width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
.issue-slide .title{font-size:3.4rem;}
.issue-slide .desc{font-size:2rem; color:#444; font-weight:500; line-height:1.5;}
.issue-slide .cloned-poster{display:block;}
.issue-slide .cloned-poster .img-frame{margin-bottom:5rem;}
.issue-slide .cloned-poster .title{width:78%; font-family:'Aggravo',sans-serif; margin-bottom:2rem; line-height:1.32;}
.issue-slide .swiper{padding-left:3px; padding-top:2px; padding-bottom:2px;}
.issue-slide .swiper .swiper-slide{width:20.8vw; max-width:45rem; transition:padding 0.3s ease-in-out;}
.issue-slide .swiper .swiper-slide a{display:block; position:relative;}
.issue-slide .swiper .swiper-slide-active,
.issue-slide .swiper .swiper-slide-next + .swiper-slide{padding-top:17rem;} 
.issue-slide .swiper .img-frame{margin-bottom:3rem;}
.issue-slide .swiper .title{font-size:2.2rem; font-weight:600; line-height:1.36;}
.issue-slide .swiper .desc{display:none;}
.issue-slide .deco{width:18rem; height:18rem; position:absolute; right:-5rem; top:-9rem; z-index:1;}
.issue-slide .deco:after{content:''; display:block; width:100%; height:100%; background:url('../img/main/icon_symbol_in.svg') no-repeat center / cover; position:absolute; left:0; top:0;}
.issue-slide .deco:before{content:''; display:block; width:100%; height:100%; background:url('../img/main/icon_symbol_out.svg') no-repeat center / cover; position:absolute; left:0; top:0; animation:rotate 40s linear infinite;}

/* notice */
.notice-tab{position:relative;}
.notice-tab .tab-list{display:flex; align-items:center; justify-content:flex-end; margin:-6rem 22rem 6rem 0;}
.notice-tab .tab-list li{position:relative; margin-right:4rem; padding-right:4rem;}
.notice-tab .tab-list li:last-child{margin-right:0; padding-right:0;}
.notice-tab .tab-list li:last-child:after{display:none;}
.notice-tab .tab-list li:after{content:""; display:block; width:0.8rem; height:0.8rem; background:#ddd; position:absolute; right:0; top:calc(50% - 0.3rem); transform:translateY(-50%); border-radius:50%;}
.notice-tab .tab-list a{display:flex; align-items:center; justify-content:center; gap:1.8rem; height:6rem; font-weight:300; font-size:3rem;}
.notice-tab .tab-list .label{margin-top:0.2em;}
.notice-tab .tab-list a[aria-selected="true"]{background:#f2f2f2;  padding:0 3rem; border-radius:var(--radiusPill);}
.notice-tab .tab-list a[aria-selected="true"]:before{content:""; display:block; width:1.2rem; height:1.2rem; background:#222; border-radius:50%;}
.notice-tab .more-btn{position:absolute; right:0; top:1rem;}
.notice-list{display:flex; flex-wrap:wrap; gap:4rem 4.5rem}
.notice-list li{width:calc(33.3333% - 3rem); min-width:0;}
.notice-list .notice-item{display:block; border:1px solid #bebebe; border-radius:var(--radius02); padding:3.5rem; transition:all 0.3s ease-in-out;}
.notice-list .notice-item .badge{display:inline-flex; align-items:center; justify-content:center; color:#fff; background:#000; height:4rem; padding:0.4rem 2rem 0; border-radius:var(--radiusPill); font-size:2rem; font-weight:300; margin-bottom:3.5rem;}
.notice-list .notice-item .badge.badge-01{background:var(--color-primary01);}
.notice-list .notice-item .badge.badge-02{background:var(--color-primary03);}
.notice-list .notice-item .badge.badge-03{background:var(--color-point01);}
.notice-list .notice-item .badge.badge-04{background:var(--color-point02);}
.notice-list .notice-item .title{font-size:2.5rem; font-weight:600;  color:#222; line-height:1.4; margin-bottom:3.2rem; min-height:7rem;}
.notice-list .notice-item .desc{font-size:1.8rem; color:#444; line-height:1.56; min-height:3.12em; margin-bottom:5rem;}
.notice-list .notice-item .date{color:#767676; font-size:1.7rem;}
.notice-list .notice-item:hover{border-color:transparent; box-shadow:0px 7px 25px rgba(0,0,0,0.15);}

/* schedule */
.section-schedule{min-height:48rem; background:var(--color-primary01) url('../img/main/schedule_bg.png') no-repeat center / cover; overflow:hidden; position:relative; color:#fff;}
.section-schedule .controls{display:flex; justify-content:flex-end; align-items:center; margin-bottom:4rem; margin-top:-3.2rem; min-height:4rem;}
.section-schedule .controls .arrows .arrow{filter:invert(1);}
.schedule-slide{display:flex; gap:3rem; align-items:flex-start; position:relative;}
.schedule-slide:after{content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:0.6rem; left:0;}
.schedule-slide .slide-header{width:20%; display:flex; align-items:baseline; gap:1rem;}
.schedule-slide .slide-header .date{display:flex; align-items:baseline; gap:1rem;}
.schedule-slide .slide-header .year{font-size:3rem; font-weight:300;}
.schedule-slide .slide-header .month{font-size:5rem; font-weight:500}
.schedule-slide .slide-header .title{font-size:1.6rem; font-weight:500; transform:translateY(0.3rem)}
.schedule-slide .swiper{width:80%;}
.schedule-slide .schedule-item{padding:0 0 2.8rem 6rem; position:relative;}
.schedule-slide .schedule-item:before{content:""; display:block; width:1.2rem; height:1.2rem; background:#fff; border-radius:50%; position:absolute; left:0; bottom:0;}
.schedule-slide .schedule-item:after{content:""; display:block; width:10rem; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:0.6rem; bottom:0.6rem; transform:rotate(-70deg); transform-origin:left bottom;}
.schedule-slide .period{display:flex; align-items:center; gap:0.6rem; margin-bottom:1.4rem;}
.schedule-slide .period span{line-height:1.2}
.schedule-slide .period .start{font-size:2.4rem;}
.schedule-slide .period .devide{font-weight:300; font-size:2.2rem;}
.schedule-slide .period .end{font-weight:300; font-size:1.8rem;}
.schedule-slide .content{line-height:1.29; min-height:4.4rem;}

/* service */
.section-service .section-header{align-items:center; margin-bottom:5.5rem; text-align:center;}
.service-slide{margin-bottom:4rem;}
.service-slide .swiper{padding:2px;}
.service-slide .swiper-slide{display:flex; gap:clamp(5rem, 6vw, 9rem); justify-content:center;}
.service-slide .slide-item{flex:1; min-width:0; max-width:12rem}
.service-slide .slide-item a{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.service-slide .slide-item .icon{width:100%; height:7.2rem; position:relative; margin-bottom:2.2rem;}
.service-slide .slide-item .icon:after, .service-slide .slide-item .icon:before{content:""; display:block; width:100%; height:100%; background-position:center; background-size:auto 100%; background-repeat:no-repeat; position:absolute; left:0; top:0; transition:opacity 0.3s ease-in-out;}
.service-slide .slide-item .icon:after{opacity:0}
.service-slide .slide-item:hover .icon:after{opacity:1;}
.service-slide .slide-item:focus-within .icon:after{opacity:1;}
.service-slide .item-01 .icon:before{background-image: url('../img/main/service/main_service_01.png'); }
.service-slide .item-01 .icon:after {background-image: url('../img/main/service/main_service_01_h.png'); }
.service-slide .item-02 .icon:before{background-image: url('../img/main/service/main_service_02.png'); }
.service-slide .item-02 .icon:after {background-image: url('../img/main/service/main_service_02_h.png'); }
.service-slide .item-03 .icon:before{background-image: url('../img/main/service/main_service_03.png'); }
.service-slide .item-03 .icon:after {background-image: url('../img/main/service/main_service_03_h.png'); }
.service-slide .item-04 .icon:before{background-image: url('../img/main/service/main_service_04.png'); }
.service-slide .item-04 .icon:after {background-image: url('../img/main/service/main_service_04_h.png'); }
.service-slide .item-05 .icon:before{background-image: url('../img/main/service/main_service_05.png'); }
.service-slide .item-05 .icon:after {background-image: url('../img/main/service/main_service_05_h.png'); }
.service-slide .item-06 .icon:before{background-image: url('../img/main/service/main_service_06.png'); }
.service-slide .item-06 .icon:after {background-image: url('../img/main/service/main_service_06_h.png'); }
.service-slide .item-07 .icon:before{background-image: url('../img/main/service/main_service_07.png'); }
.service-slide .item-07 .icon:after {background-image: url('../img/main/service/main_service_07_h.png'); }
.service-slide .item-08 .icon:before{background-image: url('../img/main/service/main_service_08.png'); }
.service-slide .item-08 .icon:after {background-image: url('../img/main/service/main_service_08_h.png'); }
.service-slide .item-09 .icon:before{background-image: url('../img/main/service/main_service_09.png'); }
.service-slide .item-09 .icon:after {background-image: url('../img/main/service/main_service_09_h.png'); }
.service-slide .item-10 .icon:before{background-image: url('../img/main/service/main_service_10.png'); }
.service-slide .item-10 .icon:after {background-image: url('../img/main/service/main_service_10_h.png'); }
.service-slide .item-11 .icon:before{background-image: url('../img/main/service/main_service_11.png'); }
.service-slide .item-11 .icon:after {background-image: url('../img/main/service/main_service_11_h.png'); }
.service-slide .item-12 .icon:before{background-image: url('../img/main/service/main_service_12.png'); }
.service-slide .item-12 .icon:after {background-image: url('../img/main/service/main_service_12_h.png'); }
.service-slide .slide-item .label{font-size:1.8rem; font-weight:600; color:#333; text-align:center; white-space:nowrap;}
.section-service .controls{display:flex; justify-content:center; align-items:center; gap:2.5rem;}

/* infograph */
.section-infograph{overflow:hidden;}
.section-infograph .section-header{align-items:center; margin-bottom:6rem; text-align:center;}
.section-infograph .h-scroll-wrapper{overflow-x:auto; width:calc(100% + 7.2rem); margin-left:-3.6rem; padding: 0 3.6rem 2rem;}
.section-infograph .h-scroll-wrapper::-webkit-scrollbar {height:4px;}
.section-infograph .h-scroll-wrapper::-webkit-scrollbar-thumb {background:var(--color-primary03); border-radius:var(--radius01);}
.section-infograph .h-scroll-wrapper::-webkit-scrollbar-track {background:#eee; border-radius:var(--radius01); margin:0 3.6rem;}
.infograph-grid{display:flex; gap:3rem; align-items:stretch; min-width:144rem; font-family:'Aggravo',sans-serif; font-weight:300; user-select:none; cursor: auto;}
.infograph-grid .left{width:29.76%;}
.infograph-grid .right{width:calc(70.24% - 3rem); display:flex; gap:3rem; flex-wrap:wrap;}
.infograph-grid .grid-item{border-radius:var(--radius02); padding:4rem 4rem 3rem 4rem; background:blue}
.infograph-grid .right .grid-item{height:24rem;}
.infograph-grid .right .grid-item .item{display:flex; flex-direction:column; justify-content:flex-end; height:100%;}
.infograph-grid .item-01{height:100%; background:url('../img/main/infograph/item_01.png') no-repeat center / cover; color:#fff;}
.infograph-grid .flex-box{display:flex; gap:6rem;}
.infograph-grid .item-02{width:calc(29.565% - 3rem); background:#e23a10; color:#fff;}
.infograph-grid .item-03{width:40.87%; background:url('../img/main/infograph/item_03.png') no-repeat center / cover}
.infograph-grid .item-04{width:calc(29.565% - 3rem); background:var(--color-primary01); color:#fff;}
.infograph-grid .item-05{flex:1; background:url('../img/main/infograph/item_05.png') no-repeat center / cover}
.infograph-grid .item-06{flex:1; background:url('../img/main/infograph/item_06.png') no-repeat center / cover; color:#fff;}
.infograph-grid .item{flex:1;}
.infograph-grid .item .title{display:block; font-size:2.4rem; margin-bottom:1rem;}
.infograph-grid .item em{font-style:normal; font-weight:500; font-size: 6rem;}
.infograph-grid .item .desc{font-size:2rem; line-height:1.25;}

@media screen and (max-width:1440px){
    .infograph-grid{padding-right:3.6rem;}
}

/* moment */
.section-moment{overflow:hidden;}
.section-moment .inner{position:relative;}
.section-moment .section-header{margin-bottom:6.4rem;}
.section-moment .more-btn{position:absolute; right:0; top:0;}
.moment-container{position:relative;}
.moment-list{display:flex; gap:4rem; width:calc(100vw - var(--scrollbar-width) - var(--moment-offset)); position:relative; z-index:1; padding-bottom:27rem;}
.moment-list li{flex:1;}
.moment-list li:nth-child(2){transform:translateY(9rem)}
.moment-list li:nth-child(3){transform:translateY(18rem)}
.moment-list li:nth-child(4){transform:translateY(27rem)}
.moment-list .moment-item img{width:100%; height:auto;}
.section-moment .bg-ment{position:absolute;}
.section-moment .bg-ment .ment{color:var(--color-gray03); font-size:15rem; font-weight:700; white-space:nowrap;}
.section-moment .bg-ment .ment:after{content:""; display:block; width:4.6rem; height:5.6rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; position:absolute;}
.section-moment .bg-ment.yellow{right:-14%; top:0;}
.section-moment .bg-ment.yellow .ment:after{background-image:url('../img/main/icon_spark_yellow.svg'); left:3rem; top:-6rem;}
.section-moment .bg-ment.blue{left:0; bottom:-4rem;}
.section-moment .bg-ment.blue .ment:after{background-image:url('../img/main/icon_spark_blue.svg'); left:10rem; top:-6rem;}

/* sns */
.section-sns{overflow:hidden;}
.section-sns .inner{display:flex; gap:7rem;}
.section-sns .left{width:44rem; flex-shrink:0;}
.section-sns .right{min-width:0; flex-shrink:0; width: calc(100vw - var(--scrollbar-width) - var(--moment-offset) - 51rem);}
.section-sns .section-header{margin-bottom:4rem;}
.section-sns .controls{display:flex; align-items:center; gap:3rem; position:relative; z-index:10; margin-bottom:6rem;}
.sns-icon.facebook{background-color:#01459D; background-image:url('../img/main/icon_sns_facebook.svg');}
.sns-icon.instagram{background-color:#D72784; background-image:url('../img/main/icon_sns_instagram.svg');}
.sns-icon.youtube{background-color:#E50013; background-image:url('../img/main/icon_sns_youtube.svg');}
.sns-icon.blog{background-color:#159E15; background-image:url('../img/main/icon_sns_blog.svg');}
.section-sns .sns-link-list{display:flex; gap:1.5rem;}
.section-sns .sns-link-list .sns-icon{transition:all 0.2s ease-in-out;}
.section-sns .sns-link-list .sns-icon:hover{transform:translateY(-1rem); box-shadow:0 6px 18px rgba(0,0,0,0.2);}
/* .sns-slide .swiper-slide{width:clamp(24rem, calc(15.625vw - 2px), 30rem); max-width:30rem;} */
.sns-slide .slide-item .sns-icon{margin:0 auto 2rem; width:6rem; height:6rem;}
.sns-slide .slide-item .img-frame{border-radius:var(--radius02); overflow:hidden; margin-bottom:3rem;}
.sns-slide .slide-item .img-frame img{width:100%; height:auto;}
.sns-icon{display:block; width:7rem; height:7rem; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.sns-slide .swiper:after{content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; top:3rem; left:0;}
.sns-slide .slide-item .type{margin-bottom:0.8rem;}
.sns-slide .slide-item.facebook .type{color:#01459D;}
.sns-slide .slide-item.instagram .type{color:#D72784;}
.sns-slide .slide-item.youtube .type{color:#E50013;}
.sns-slide .slide-item.blog .type{color:#159E15;}
.sns-slide .slide-item .title{font-size:1.8rem; color:#333; line-height:1.39}

/* college */
.section-college{overflow:hidden;}
.section-college .inner{position:relative; margin-bottom:4rem;}
.section-college .section-header{text-align:center; align-items:center;}
.section-college .controls{display:flex; justify-content:flex-end; margin-bottom:4rem; margin-top:-3rem;}
.depart-slide .swiper-slide{display:flex; gap:2rem;}
.depart-slide .depart-item{width:23rem; height:55rem; color:#fff; cursor:pointer; transition:width 0.2s ease, height 0.2s ease;}
.depart-slide .depart-item:focus{outline:2px solid #000; outline-offset:-2px;}
.depart-slide .depart-item{background-size:cover; background-position:right -17rem center; background-repeat:no-repeat; border-radius:var(--radius02); overflow:hidden; position:relative;}
.depart-slide .depart-item:after{content:"HANSEI UNIVERSITY"; display:block; position:absolute; left:-0.4em; bottom:-24%; transform:rotate(90deg) translateX(-100%); transform-origin:left bottom; font-size:5rem; font-family:'Aggravo',sans-serif; white-space:nowrap; opacity:0.3; pointer-events:none;}
.depart-slide .depart-item:before{content:""; display:none; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(90deg,rgba(1, 34, 85, 0.8) 0%, rgba(1, 34, 85, 0) 100%); z-index:1;}
.depart-slide .item-01{background-image:url('../img/main/department/dept_bg_01.jpg');}
.depart-slide .item-02{background-image:url('../img/main/department/dept_bg_02.jpg');}
.depart-slide .item-03{background-image:url('../img/main/department/dept_bg_03.jpg');}
.depart-slide .item-04{background-image:url('../img/main/department/dept_bg_04.jpg');}
.depart-slide .item-05{background-image:url('../img/main/department/dept_bg_05.jpg');}
.depart-slide .item-06{background-image:url('../img/main/department/dept_bg_06.jpg');}          
.depart-slide .item-07{background-image:url('../img/main/department/dept_bg_07.jpg');}
.depart-slide .item-08{background-image:url('../img/main/department/dept_bg_08.jpg');}
.depart-slide .depart-content{position:relative; z-index:1;}
.depart-slide .depart-item .item-header{padding:4rem 4rem 2rem;}
.depart-slide .depart-item .part-name{font-size:2.4rem; text-align:center;}
.depart-slide .depart-item .link-btn{display:none; background:url(../img/layout/icon_outlink.svg) no-repeat center / 2rem auto; width:4rem; height:4rem; position:absolute; right:4rem; top:2.8rem; }
.depart-slide .depart-item .depart-list{display:flex; padding:0 4rem 0 4rem; list-style:disc; display:none; flex-wrap:wrap; gap:1rem;}
.depart-slide .depart-item .depart-list li{width:100%; list-style:disc; list-style-position: inside; font-size:2.2rem; line-height:1.2}
.depart-slide .depart-item.active {width:calc(100% - 69rem - 6rem); flex:1; background-position:right center; cursor:default;}
.depart-slide .depart-item.active .item-header{border-bottom:1px solid #fff; margin-bottom:4rem;}
.depart-slide .depart-item.active .part-name{ text-align:left;}
.depart-slide .depart-item.active .link-btn{display:block;}
.depart-slide .depart-item.active .link-btn{cursor:pointer;}
.depart-slide .depart-item.active .depart-list{display:flex;}
.depart-slide .depart-item.active:after{display:none;}
.depart-slide .depart-item.active:before{display:block;}
.section-college .marquee-deco .swiper-slide{width:auto;}
.section-college .deco{display:flex; align-items:center; gap:clamp(1rem, 1.5vw, 3rem); white-space:nowrap; padding-left:2em;}
.section-college .deco.flower{padding-left:8em;}
.section-college .deco.flower:before{content:""; display:block; width:clamp(4rem, 6.2vw, 12rem); height:clamp(4rem, 6.2vw, 12rem); background:url('../img/main/icon_flower.svg') no-repeat center / cover; margin-top:-1%; animation:rotate 10s linear infinite; flex-shrink:0;}
.section-college .deco .ment{white-space:nowrap; font-size:clamp(4rem, 6.2vw, 12rem); color:transparent; -webkit-text-stroke:1px var(--color-primary01); line-height:1.15; padding:0.08em 0;}

/* map */
.section-map{position:relative; height:55rem; background:url('../img/main/map_bg.png') no-repeat center / cover; color:#fff; display:flex; align-items:center;}
.section-map .section-header{align-items:center; margin-bottom:6rem; text-align:center; margin-bottom:5rem;}
.section-map .map-btns{display:flex; align-items:center; justify-content:center; gap:6rem;}
.section-map .map-btns a{transition:opacity 0.2s ease-in-out;}
.section-map .map-btns:has(a:hover) a{opacity:0.5;}
.section-map .map-btns:has(a:hover) a:hover{opacity:1;}

/* marquee */
.marquee-deco .swiper-wrapper{-webkit-transition-timing-function:linear !important; -o-transition-timing-function:linear !important; transition-timing-function:linear !important;}


/* responsive */
@media screen and (max-width:1600px){
    .notice-tab .tab-list{margin-top:4rem; justify-content:flex-start;}
}



/* ------------------------ 입학 ------------------------ */
.ipsi-fullpage:not(.fp-enabled) .section:not(:first-child) {display:none !important;}
.ipsi-fullpage-menu {position: fixed;left: 6rem;top: 50%;transform: translate(0, -50%);z-index: 3;}
.ipsi-fullpage-menu li+li {margin-top: 2.5rem;}
.ipsi-fullpage-menu li a {display: block;width: 12px;height:12px; border-radius: 50%; background: rgba(255,255,255, 70%);}
.ipsi-fullpage-menu.bk li a {background: var(--color-text76);}
.ipsi-fullpage-menu li.active a {background: transparent;border: 2px solid #fff;}
.ipsi-fullpage-menu.bk li.active a {background: transparent;border: 2px solid var(--color-text20);}
.ipsi-fullpage-menu li:nth-child(7) {display:none;}

.ipsi .ft-sec {padding: 0 !important;height: auto;}
.ipsi .ft-sec footer {width: 100% !important;}

.ipsi .section {padding:0; overflow: hidden;width:100%;height:100vh;position:relative;display: flex;justify-content: center; align-items: center;}
.ipsi .section .hero-swiper {min-width:100%;}
.section .pageNmae:before {content:""; position:absolute; top:50%; left:0; height:2px; width:8rem; margin-top:-1px; background:#fff; }
.section .pageNmae {z-index:1; font-style: normal;z-index:10; position:absolute; left:6rem; bottom:5rem; display:block; padding-left:11rem;color:#fff; transform:rotate(90deg) translate(-100%,0); transform-origin:left bottom; }
.section .pageNmae.bk:before {background:var(--color-text30);} 
.section .pageNmae.bk {color:var(--color-text30);}
.ipsi .section .m-inwrap {max-width:144rem;z-index:2; width: 100%;margin: 0 auto;}
.ipsi .section h1 {text-align: center;color:#fff;font-size: 5.5rem;font-weight:700;font-family: var(--font-family01);}
.ipsi .section h1 .fs {display:block; margin-top:1rem; font-size:4.5rem;}
.ipsi .section h2 {text-align: center;color:#fff;font-size: 4.5rem;font-weight:700;font-family: var(--font-family01);}
.ipsi .section h2.bk {color: #000;}

/* hero */
.ipsi .section-hero .content-btns, .ipsi .section-hero .controls .inner {justify-content: center;}
.ipsi .section-hero .content-header, .ipsi .section-hero .content-desc {text-align: center;}
.ipsi .section-hero .content-header:before {display:none;}
.ipsi .section-hero .controls {top:30vh; bottom:auto;}
.ipsi .scroll_txt {width:100%;position: absolute; bottom:0;left: 50%;transform: translateX(-50%);z-index: 2;display: flex;gap: 1.5rem;flex-direction: column; align-items: center;}
.ipsi .scroll_txt .txt {font-size: 1.7rem; font-weight:600; color: #fff;position: absolute; bottom:6rem;}
.ipsi .scroll_txt .line {animation: line 1.5s ease infinite;width: 1px;height: 5rem;background: rgba(255,255,255, 50%);}
.ipsi .section .swiper .arrow.left{background-image:url('../img/main/icon_slide_arrow_w_l.svg');}
.ipsi .section .swiper .arrow.right{background-image:url('../img/main/icon_slide_arrow_w_r.svg');opacity: 1;}
.ipsi .fraction {display:flex;gap:2rem; align-items:center;}
.ipsi .fraction span {font-size:1.7rem;font-weight:600;color:#fff;}
.ipsi .section .pagination {width:10rem;}
.ipsi .swiper-pagination-progressbar {position: relative;background: #eaebed; border-radius: 2px;}
.ipsi .swiper-pagination-progressbar-fill {background: var(--color-primary03) !important; border-radius: 2px;}

@keyframes line {
  from {height: 5rem;}
  to {height: 0;}
}

/* info */
.m-info {background: url(../img/main/ipsi/m-info_bg.jpg) no-repeat center center;background-size: cover;}
.m-info .m-inwrap {display: flex;align-items: center; justify-content: center; flex-direction: column;}
.m-info .line {width:1px; height: 5rem; background: #fff;margin: 5rem 0 4rem;}
.m-info .info_wrap {display:flex; gap:2rem;flex-wrap: wrap;}
.m-info .info_btn {position: relative;width: calc(25% - 1.5rem); align-content: center;border-radius: 1rem; background: rgba(0,0,0, 30%);backdrop-filter: blur(10px);padding: 3rem; min-height: 15rem; transition: all 0.3s ease;}
.m-info .info_btn:before {content: "";display: block;width: 100%; height: 100%; border: 1px solid #fff;opacity: 0;position: absolute;left: 0;top: 0; border-radius: 1rem;transition: all 0.3s ease;}
.m-info .info_arrbox {position: absolute;right: 3rem;top: 3rem;}
.m-info .info_arr {display:inline-block;width:1.6rem;height:1.6rem;background: url(../img/layout/icon_outlink.svg) no-repeat center / 1.6rem auto; transition: all 0.3s ease;opacity: 0.3;}
.m-info .info_btn:hover:before, .m-info .info_btn:focus:before {opacity:1;}
.m-info .info_btn:hover .info_arr, .m-info .info_btn:focus .info_arr {opacity:1;}
.m-info .tit {line-height: 3.5rem;font-size: 2.4rem;font-weight:700;font-family: var(--font-family01);color:#fff;}

/* guide */
.m-guide .m-inwrap {padding-top: 6rem;}
.m-guide .guide_wrap {display: none;}
.m-guide .guide_wrap.open {display: block;}
.m-guide:has(.slide-1.open) {background: var(--color-primary01);}
.m-guide:has(.slide-2.open) {background: #065DD8;}
.m-guide:has(.slide-3.open) {background: #741594;}
.m-guide:has(.slide-4.open){background: #008FAE;}
.m-guide .guide_cont {margin-bottom: 5rem}

/* Section 3, 4 Swiper wheel 완전 차단 */
#ipsi_sec3 .swiper,
#ipsi_sec4 .swiper {
  pointer-events: none !important;
}
#ipsi_sec3 .swiper *,
#ipsi_sec4 .swiper * {
  pointer-events: none !important;
}
#ipsi_sec3 .arrow,
#ipsi_sec4 .arrow,
#ipsi_sec3 .autoplay,
#ipsi_sec4 .autoplay,
#ipsi_sec3 a,
#ipsi_sec4 a {
  pointer-events: auto !important;
}

.m-guide .guide_tit {position: relative;display: flex;justify-content: space-between; align-items: center;}
.m-guide .guide_arrbox {display: flex;align-items: stretch;gap:3rem}
.m-guide .guide_arrbox .tit {font-size: 2.4rem;font-weight:700; font-family: var(--font-family01);color: #fff;}
.m-guide .guide_arrbox:hover .tit, .m-guide .guide_arrbox:focus .tit {text-decoration: underline;text-underline-offset: 15px;}
.m-guide .guide_arrbox .guide_arr {width: 4rem;height: 2rem;background-position: center center;background-repeat: no-repeat;background-size: contain;cursor: pointer;opacity: 0.5;transition: opacity 0.2s ease-in-out;}
.m-guide .guide_arrbox.prev .guide_arr {background-image: url(../img/layout/event_slide_arrow_l.svg);}
.m-guide .guide_arrbox.next .guide_arr {background-image: url(../img/layout/event_slide_arrow_r.svg);}
.m-guide .guide_arrbox:hover .guide_arr, .m-guide .guide_arrbox:focus .guide_arr {opacity: 1;}

.guide-swiper .notice-item {display:flex;justify-content: space-between;flex-direction: column; background: #fff; border-radius:var(--radius02); padding:3rem 4rem; transition:all 0.3s ease-in-out;}
.guide-swiper .notice-item .badge{display:inline-flex; align-items:center; justify-content:center; color:#fff; background:#000; height:4rem; padding:0.4rem 2rem 0; border-radius:var(--radiusPill); font-size:2rem; font-weight:300;}
.guide-swiper .notice-item .badge.badge-01{background:var(--color-primary01);}
.guide-swiper .notice-item .badge.badge-02{background:var(--color-primary03);}
.guide-swiper .notice-item .badge.badge-03{background:var(--color-point02);}
.guide-swiper .notice-item .badge.badge-04{background:var(--color-point03 );}
.guide-swiper .notice-item .top {margin-bottom:2.5rem;display:flex; gap: 1rem;align-items: center;justify-content: space-between;}
.guide-swiper .notice-item .top .txt {color:#767676; font-size:2rem;}
.guide-swiper .notice-item .title{font-size:2.4rem; font-weight:600; color:#222; line-height:1.4; margin-bottom:3rem; min-height: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: normal; line-height: 1.2;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.guide-swiper .notice-item .date{color:#767676; font-size:1.8rem;}
.guide-swiper .controls {margin-top: 2rem;display:flex; gap:5rem; align-items: center;}
.guide-swiper .controls .swiper-pagination {background: rgba(255, 255, 255, 30%);}
.guide-swiper .controls .swiper-pagination .swiper-pagination-progressbar-fill {background:#fff !important;}
.guide-swiper .controls .arrows {gap:1rem;}
.guide-swiper .controls .arrow {width:6rem;height:6rem;border-radius: 50%; border: 1px solid #fff;transition:all 0.3s ease-in-out;opacity: 1;background-size: 2.5rem auto;background-position: center center;background-repeat: no-repeat;}
.guide-swiper .controls .arrow:hover {background-color: #fff;}
.guide-swiper .controls .arrow.left:hover {background-image: url('../img/main/icon_slide_arrow_l.svg');}
.guide-swiper .controls .arrow.right:hover {background-image: url('../img/main/icon_slide_arrow_r.svg');}

.guide_bottom {display:flex; gap:3rem;margin-top: 4rem;}
.guide_bottom .left {max-width: 44rem;width: 100%;}
.guide_bottom .mid {max-width: 54rem;width: 100%;}
.guide_bottom .right {max-width: 40rem;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.guide_bottom .quickbox {display: flex;flex-wrap: wrap;border: 1px solid rgba(255,255,255, 20%);border-radius: 2rem; overflow: hidden;}
.guide_bottom .quickbox .item {display: flex;flex-direction: column; align-items: center;padding: 3.6rem 2rem;width: 50%;transition:all 0.3s ease-in-out;}
.guide_bottom .quickbox .item:nth-child(1), .guide_bottom .quickbox .item:nth-child(3) {border-right: 1px solid rgba(255,255,255,20%);}
.guide_bottom .quickbox .item:nth-child(1), .guide_bottom .quickbox .item:nth-child(2) {border-bottom: 1px solid rgba(255,255,255,20%);}
.guide_bottom .quickbox .item .ico {width: 3.4rem;height:3.4rem;background-size: 3.4rem auto;background-position: center center;background-repeat: no-repeat;transition:all 0.3s ease-in-out;}
.guide_bottom .quickbox .item .ico.book {background-image: url('../img/main/ipsi/ico_ipsi_book_w.svg');}
.guide_bottom .quickbox .item .ico.graph {background-image: url('../img/main/ipsi/ico_ipsi_graph_w.svg');}
.guide_bottom .quickbox .item .ico.chk {background-image: url('../img/main/ipsi/ico_ipsi_chk_w.svg');}
.guide_bottom .quickbox .item .ico.booksch {background-size: auto 3.4rem;background-image: url('../img/main/ipsi/ico_ipsi_booksch_w.svg');}
.guide_bottom .quickbox .item .txt {line-height: 1.1;margin-top: 2rem;font-size: 1.8rem; font-weight:600;color: #fff; text-align: center;transition:all 0.3s ease-in-out;}
.guide_bottom .quickbox .item:hover {background: #fff;}
.guide_bottom .quickbox .item:hover .ico.book {background-image: url('../img/main/ipsi/ico_ipsi_book.svg');}
.guide_bottom .quickbox .item:hover .ico.graph {background-image: url('../img/main/ipsi/ico_ipsi_graph.svg');}
.guide_bottom .quickbox .item:hover .ico.chk {background-image: url('../img/main/ipsi/ico_ipsi_chk.svg');}
.guide_bottom .quickbox .item:hover .ico.booksch {background-image: url('../img/main/ipsi/ico_ipsi_booksch.svg');}
.guide_bottom .quickbox .item:hover .txt {color: var(--color-text20);}
.guide_bottom .quickbox .item .txt br {display:none;}
.guide_bottom .imgbox img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.guide_bottom .guideBn-swiper .swiper-slide {display: block;position: relative;padding-bottom: 45%;overflow: hidden;}
.guide_bottom .right .imgbox {display: block;position: relative;padding-bottom: 52%;overflow: hidden;border-radius:2rem;}
.guide_bottom .r_bt {margin-top: 2rem;}
.guide_bottom .line-btn .label {font-size: 2.2rem;color:#fff;}

.guideBn-swiper .controls {background: #fff;border-top-left-radius: 2rem; border-top-right-radius: 2rem;display:flex; gap:2rem;justify-content: flex-end;padding: 1rem 3rem;}
.guideBn-swiper .controls .pager {margin-right:0;}
.guideBn-swiper .controls .arrowbox {display: flex;gap: 1.5rem;align-items: center;}
.guideBn-swiper .controls .arrow {display: inline-block;width: 1rem; height: 1.6rem;opacity: 1;}
.guideBn-swiper .controls .arrow.left {background-image: url(../img/main/ipsi/ico_ipsi_bnarr_l.svg) !important;}
.guideBn-swiper .controls .arrow.right {background-image: url(../img/main/ipsi/ico_ipsi_bnarr_r.svg) !important;}

/* notice */
.ipsi .section .m-inwrap.notice {display: flex;gap: 10rem;max-width: none;height: 100vh;}
.notice .notice_left {width: calc(43% - 5rem);display:flex; align-items:center;justify-content: center;height:100%;background: url(../img/main/ipsi/m-notice_bg.jpg) no-repeat center center;font-size: 2.2rem; font-weight: 500; color:#fff;}
.notice .notice_right {width: calc(57% - 5rem);margin-right: 24rem;}
.notice .notice_left h1 {text-align: left;margin-bottom: 4rem;}
.notice .notice_left .txt {margin-bottom:5rem;font-size: 2.2rem;font-weight:500;color:#fff;opacity: 0.8;line-height: 1.1;}
.notice .notice_left .more-btn {color: #fff;border-color: #fff;}
.notice .notice_left .more-btn:after {background: url(../img/main/icon_more_w.svg) no-repeat center / 100% auto;}

.ipsiNotice-tab {margin-top: 8rem;}
.ipsiNotice-tab .tab_wrap {margin-bottom: 5rem;}
.ipsiNotice-tab .tab-list {border-bottom: 2px solid var(--color-border02);}
.ipsiNotice-tab .tab-list li {padding-right:0; margin-right: 5rem;}
.ipsiNotice-tab .tab-list a[aria-selected="true"], .ipsiNotice-tab .tab-list a:hover {background:transparent;padding:0;border-radius: 0;}
.ipsiNotice-tab .tab-list a[aria-selected="true"] span {color: var(--color-text20);}
.ipsiNotice-tab .tab-list a:hover span {font-weight:300;}
.ipsiNotice-tab .tab-list a[aria-selected="true"]:hover span {font-weight: 500;} 
.ipsiNotice-tab .tab-list a span {font-size: 2.4rem;color: var(--color-text20); transition: none;}
.ipsiNotice-tab .tab-list a:before {display:none;content: "";width: 1rem;height: 1rem;border-radius: 50%;}
.ipsiNotice-tab .tab-list a[aria-selected= "true"]:before {display: block;background: var(--color-text20);}
.ipsiNotice-tab .tab-list li:after {display:none;}
.ipsiNotice-tab .notice-list {gap: 2rem;align-items: stretch;}
.ipsiNotice-tab .notice-list li {width: calc(50% - 1rem);}
.ipsiNotice-tab .notice-list .notice-item {border:none; background: #f7f7f7;padding: 2.5rem 4rem; height: 100%;}
.ipsiNotice-tab .notice-list .notice-item .badge.badge-01{background:var(--color-primary01);}
.ipsiNotice-tab .notice-list .notice-item .badge.badge-02{background:var(--color-primary03);}
.ipsiNotice-tab .notice-list .notice-item .badge.badge-03{background:var(--color-point02);}
.ipsiNotice-tab .notice-list .notice-item .badge.badge-04{background:var(--color-point03);}
.ipsiNotice-tab .notice-list .notice-item .badge {height: 3.6rem;font-size: 1.8rem;margin-bottom: 1.5rem;}
.ipsiNotice-tab .notice-list .notice-item .title {font-size: 2.2rem;font-weight: 600;margin-bottom: 2.8rem; line-height: 3rem;}

/* college */
:root, html, body {
  --preview: 18rem;
  --gap: 2rem;
}

.m-college:before {content: "HANSEI UNIVERSITY DEPARTMENT";display: block; white-space: nowrap;width:100%;position: absolute;left: 0;top: 53%;transform: translateY(-50%);font-size: 16rem;font-weight:700;font-family: var(--font-family01);color: var(--color-primary01);}
/* .m-college:after {z-index: -1;content: "";display: block;position: absolute;left: 18rem;bottom: 10rem;width:15rem;height:15rem;background: url(../img/main/icon_wind.svg) no-repeat center / 100% auto;} */
.m-college h2 {margin-bottom: 5rem;position: relative;}
/* .m-college h2:before {content: "";display: block;position: absolute;right: -8rem;top: -3rem;width:10rem;height:10rem;background: url(../img/main/icon_flower2.svg) no-repeat center / cover;} */
.m-college .m-inwrap {max-width: 120rem !important;padding-top: 6rem;}

/* swiper */
/* .college-swiper {width: calc(100% + var(--college-offset, 0px));min-width: 0;}
.college-swiper .swiper-slide-active {width: calc(100% - 24rem);}
.college-swiper .swiper-slide:not(.swiper-slide-active) {width: 18rem !important;}
.college-swiper .swiper-slide:not(.swiper-slide-active) .collegebox {display:none;}
.college-swiper .swiper-slide:not(.swiper-slide-active) .college-item:after  {display:none;}
.college-swiper .swiper-slide:not(.swiper-slide-active) .major_namebox {display:block;}
 */

/* .college-swiper { width: calc(100% + var(--college-offset, 0px)); min-width: 0; }
.college-swiper .swiper-wrapper{display:flex;will-change: transform;}
.college-swiper .swiper-slide{ flex:0 0 auto; width:auto; } */
/* .college-swiper .swiper-slide.swiper-slide-active{ flex:0 0 auto; }
.college-swiper .swiper-slide:not(.swiper-slide-active) .collegebox { display:none; }
.college-swiper .swiper-slide:not(.swiper-slide-active) .college-item:after { display:none; }
.college-swiper .swiper-slide:not(.swiper-slide-active) .major_namebox { display:block; }
 */
 
.college-gallery {position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; min-width: 0;}
.college-gallery .viewport {overflow:hidden;}
.college-gallery .track {display:flex; gap: var(--gap, 2rem); will-change: transform;}
.college-gallery .card {flex: 0 0 auto;}
.college-gallery .card.is-active {flex: 0 0 auto;}

.college-gallery .college-item {display: flex;align-items: center;justify-content: center;min-height: 55rem;border-radius:2rem; overflow:hidden; background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
.college-gallery .college-item:after {content:"";display:block;width:100%;height:100%;position: absolute;background: rgba(13, 34, 96, 60%);}
.college-gallery .college-item.item01 {background-image: url('../img/main/ipsi/ipsi_major01.jpg');}
.college-gallery .college-item.item02 {background-image: url('../img/main/ipsi/ipsi_major02.jpg');}
.college-gallery .college-item.item03 {background-image: url('../img/main/ipsi/ipsi_major03.jpg');}
.college-gallery .college-item.item04 {background-image: url('../img/main/ipsi/ipsi_major04.jpg');}
.college-gallery .college-item.item05 {background-image: url('../img/main/ipsi/ipsi_major05.jpg');}
.college-gallery .college-item.item06 {background-image: url('../img/main/ipsi/ipsi_major06.jpg');}
.college-gallery .college-item.item07 {background-image: url('../img/main/ipsi/ipsi_major07.jpg');}
.college-gallery .college-item.item08 {background-image: url('../img/main/ipsi/ipsi_major08.jpg');}
.college-gallery .collegebox {padding: 0 2rem;z-index:2;display: flex;flex-direction: column;align-items: center; justify-content : center;}
.college-gallery .title-wrap {margin-bottom: 5rem;text-align: center;}
.college-gallery .title-wrap .ko {font-size: 3.8rem;font-weight:500;color:#fff;font-family: var(--font-family01);margin-bottom: 2rem;}
.college-gallery .title-wrap .en {font-size: 2rem;font-weight:300;color:#fff;font-family: var(--font-family01);}
.college-gallery .major-list {display:flex; gap: 1rem; justify-content: center; flex-wrap: wrap;}
.college-gallery .info_btn {width: 26rem; min-height: 8rem;align-content: center;position: relative;padding:2rem 7rem 2rem 2rem;border-radius: 1rem; background: rgba(255,255,255,20%);backdrop-filter: blur(10px);transition: all 0.3s ease;}
.college-gallery .info_btn:before {content: "";display: block; width: 100%;height: 100%; border: 1px solid #fff;opacity: 0;position: absolute;left: 0;top: 0;border-radius: 1rem;transition: all 0.3s ease;}
.college-gallery .info_btn:hover:before, .college-gallery .info_btn:focus:before {opacity: 1;}
.college-gallery .info_btn span {font-size: 2rem; font-weight: 300; font-family: var(--font-family01);color:#fff;line-height: 1.2;}
.college-gallery .info_arr {position: absolute;right:2rem;top: 2rem;display: inline-block;width: 1.4rem;height: 1.4rem; background: url(../img/layout/icon_outlink.svg) no-repeat center / 1.4rem auto;opacity: 0.3;transition: all 0.3s ease;}
.college-gallery .info_btn:hover .info_arr, .college-gallery .info_btn:focus .info_arr {opacity: 1;}

.college-gallery .major_namebox {display:none;width: 17rem;position: absolute;transform: rotate(90deg); top: 11rem; right: -2rem;}
.college-gallery .major_namebox .tit {display: inline-block;position: relative;padding-top: 2rem;font-size: 3rem;font-weight:500;color:#fff;font-family: var(--font-family01);}
.college-gallery .major_namebox .tit:before {position: absolute;top: 0;left:0;content:"";display:block; width: 100%; height:2px; background: rgba(255,255,255, 50%);}
.college-gallery .controls {margin:5rem auto 0;}
.college-gallery .controls .inner {display: flex;gap: 5rem;max-width: 116rem;margin: inherit;padding: 0;justify-content: center;}
.college-gallery .controls .arrow {width: 4rem;height: 4rem;background-position: center;background-size: 100% auto; background-repeat: no-repeat;display:inline-block;opacity: 0.3;}
.college-gallery .controls .arrow.left {background-image: url(../img/main/icon_slide_arrow_l.svg)!important;}
.college-gallery .controls .arrow.right {background-image: url(../img/main/icon_slide_arrow_r.svg)!important;}
.college-gallery .controls .arrow.active {opacity: 1;}
.college-gallery .controls .fraction span {color: var(--color-text30);}
.college-gallery .controls .swiper-pagination-progressbar {background: var(--color-border02);}
.college-gallery .controls .pagination {display:inline-flex; width:10rem; height:.4rem; margin:0 .8rem; background:var(--color-border02); border-radius:.4rem; overflow:hidden; }
.college-gallery .controls .pagination .bar {width:0%; height:100%; background:var(--color-primary03);transition:width 400ms ease;}

.college-gallery .card:not(.is-active) .collegebox {display:none;}
.college-gallery .card:not(.is-active) .college-item:after {display:none;}
.college-gallery .card:not(.is-active) .major_namebox {display:block;}

/* quick link */
.m-ipsi {background: url(../img/main/ipsi/m-ipsi_bg.jpg) no-repeat center center; background-size: cover;}
.m-ipsi h2 {margin-bottom: 6rem;text-align: left !important;}

.m-ipsi .left, .m-ipsi .right  {width:calc(50% - 6rem);}
.m-ipsi .m-inwrap {display:flex; gap: 12rem;}
.m-ipsi .quickbox {display: flex;flex-wrap: wrap;border-radius: 2rem; overflow: hidden;background: rgba(0,0,0,15%);}
.m-ipsi .quickbox .item {display: flex;flex-direction: column; align-items: center;padding: 3.5rem 3rem;width: 50%;transition:all 0.3s ease-in-out;}
.m-ipsi .quickbox .item:nth-child(1), .m-ipsi .quickbox .item:nth-child(3) {border-right: 1px solid #647287;}
.m-ipsi .quickbox .item:nth-child(1), .m-ipsi .quickbox .item:nth-child(2) {border-bottom: 1px solid #647287;}
.m-ipsi .quickbox .item .ico {width:8rem;height:8rem;border-radius: 50%;background-color:rgba(0,0,0,30%);background-size: auto 3rem;background-position: center center;background-repeat: no-repeat;transition:all 0.3s ease-in-out;}
.m-ipsi .quickbox .item .ico.quick01 {background-size: 3rem auto;background-image: url('../img/main/ipsi/ico_ipsi_quick01_w.svg');}
.m-ipsi .quickbox .item .ico.quick02 {background-image: url('../img/main/ipsi/ico_ipsi_quick02_w.svg');}
.m-ipsi .quickbox .item .ico.quick03 {background-image: url('../img/main/ipsi/ico_ipsi_quick03_w.svg');}
.m-ipsi .quickbox .item .ico.quick04 {background-image: url('../img/main/ipsi/ico_ipsi_quick04_w.svg');}
.m-ipsi .quickbox .item .txt {line-height: 1.4;margin-top: 2.2rem;font-size: 1.9rem; font-weight:600;color: #fff; text-align: center;transition:all 0.3s ease-in-out;}
.m-ipsi .quickbox .item:hover .ico {background-color: #fff;}
.m-ipsi .quickbox .item:hover .ico.quick01 {background-image: url('../img/main/ipsi/ico_ipsi_quick01.svg');}
.m-ipsi .quickbox .item:hover .ico.quick02 {background-image: url('../img/main/ipsi/ico_ipsi_quick02.svg');}
.m-ipsi .quickbox .item:hover .ico.quick03 {background-image: url('../img/main/ipsi/ico_ipsi_quick03.svg');}
.m-ipsi .quickbox .item:hover .ico.quick04 {background-image: url('../img/main/ipsi/ico_ipsi_quick04.svg');}

.m-ipsi .contact {padding-top: 6rem;}
.m-ipsi .cont-item+.cont-item {margin-top:7rem;}
.m-ipsi .cont-item h4 {font-size: 2.4rem; font-weight:500; font-family: var(--font-family01);color:#fff;margin-bottom: 2rem;}
.m-ipsi .cont-item p {font-size: 2rem;font-weight:500; line-height: 1.4;color:#fff;}



/* ------------------------ 대학원 ------------------------ */

/* notice */
.m-grad-notice .inner {max-width: 178rem;padding:0;}
.m-grad-notice .title {color:#fff;font-weight:600;font-family:var(--font-family01);}
.m-grad-notice .desc {color:#fff;}
.m-grad-notice {background: var(--color-primary01);padding: 10rem 0 10rem 0 !important;transition: all .3s;}
.m-grad-notice .section-header {margin-bottom: 6rem;}
.gradNotice-swiper .swiper-wrapper {align-items: stretch;}
.gradNotice-swiper .notice-item {display:flex;flex-direction: column;justify-content: space-between;padding: 4rem 3rem;background: rgba(255,255,255,10%); transition: all 0.3s ease-in-out;}
.gradNotice-swiper .notice-item .badge{margin-bottom: 2.5rem;display:inline-flex; align-items:center; justify-content:center; color:#fff; background:#000; height:4rem; padding:0.4rem 2rem 0; border-radius:var(--radiusPill); font-size:2rem; font-weight:300;}
.gradNotice-swiper .notice-item .badge.badge-01{background:var(--color-point03);}
.gradNotice-swiper .notice-item .badge.badge-02{background:var(--color-point02);}
.gradNotice-swiper .notice-item .badge.badge-03{background:var(--color-primary03);}
.gradNotice-swiper .notice-item .badge.badge-04{background:var(--color-point01);}
.gradNotice-swiper .notice-item .badge.badge-05{background:#2e6200;}
.gradNotice-swiper .notice-item .badge.badge-06{background:#a11566;}
.gradNotice-swiper .notice-item .badge.badge-07{background:#804a00;}
.gradNotice-swiper .notice-item .top {margin-bottom:2.5rem;display:flex; gap: 1rem;align-items: center;justify-content: space-between;}
.gradNotice-swiper .notice-item .top .txt {color:#767676; font-size:2rem;}
.gradNotice-swiper .notice-item .title{min-height: 6.2rem;font-size:2.4rem; font-weight:600; color:#fff; line-height:1.3; margin-bottom:2.5rem; overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.3s ease-in-out;}
.gradNotice-swiper .notice-item .desc {font-size: 1.8rem;color: #D5D5D5; line-height: 1.56;min-height: 8.5rem;margin-bottom: 4.5rem;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all 0.3s ease-in-out;}
.gradNotice-swiper .notice-item .date{color:#D5D5D5; font-size:1.8rem;transition: all 0.3s ease-in-out;}

.gradNotice-swiper .notice-item:hover {background: #fff;}
.gradNotice-swiper .notice-item:hover .title {color: var(--color-text20);}
.gradNotice-swiper .notice-item:hover .desc {color: var(--color-text40);}
.gradNotice-swiper .notice-item:hover .date {color: var(--color-text76);}

.m-grad-notice .arrows .arrow {width:4rem;height:4rem;opacity: 0.5;transition:all 0.3s ease-in-out;background-size: 4rem auto;background-position: center center;background-repeat: no-repeat;}
.m-grad-notice .arrows .arrow:hover {opacity: 1;}
.m-grad-notice .arrows .arrow.left {background-image: url(../img/main/icon_slide_arrow_w_l.svg);}
.m-grad-notice .arrows .arrow.right {background-image: url(../img/main/icon_slide_arrow_w_r.svg);}

.m-grad-notice .gradNotice_top {margin-bottom: 3rem;display: flex;gap:1rem;justify-content: space-between; align-items: center;}
.m-grad-notice .tab-list {display: flex; gap: 3rem; align-items:center;}
.m-grad-notice a span {white-space: nowrap;color: rgba(255,255,255,50%);font-size: 2rem; font-weight:300;font-family: var(--font-family01);transition:color 0.3s ease-in-out;}
.m-grad-notice a:hover span, .m-grad-notice a[aria-selected="true"] span {font-weight:500;color: #fff;}

html:has([data-event-banner-open="true"]) .m-grad-notice{padding: 28.5rem 0 10rem 0 !important; transition: all .3s;}

/* guide */
.m-grad-guide {padding: 0 !important;}
.grad-sec2 {display: flex;}
.grad-sec2-wrap {width: 50%;padding: 10rem 7rem; position: relative;}

.grad-guide .section-header {margin-bottom: 5rem;}
.grad-guide .section-header .title{position: relative;}
/* .grad-guide .section-header .title:after {top: -3rem;left: 38rem; position: absolute;content:"";display:block;width: 9rem;height:9rem;background: url(../img/main/icon_wind2.svg) no-repeat center / cover;} */
.g-guide-wrap {display:flex; gap: 2rem; flex-direction: column;}
.g-guide-wrap .top {overflow:hidden;background: url('../img/main/grad_guide_bg.jpg') no-repeat center center /cover;}
.g-guide-wrap .topbox {display:flex;flex-wrap:wrap;}
.g-guide-wrap .top .gui-item {position: relative;border-right: 1px solid rgba(255,255,255, 40%);width:33.3333%;height: 21rem;padding: 2.5rem;display:flex;gap: 1rem;flex-direction: column;justify-content: space-between;overflow: hidden;}
.g-guide-wrap .top .gui-item .txt {z-index: 2;color:#fff;}
.g-guide-wrap .top .gui-item .txt .ko {line-height:1.1;margin-bottom: 1rem;font-size: 2rem;font-weight:300;font-family: var(--font-family01);}
.g-guide-wrap .top .gui-item .txt .en {line-height:1.2;font-size: 1.6rem;font-weight:300;font-family: var(--font-family01);}
.g-guide-wrap .top .line-btn{z-index: 2;opacity:0;min-width:auto;display:flex; align-items:center; justify-content: space-between; border-bottom:1px solid #fff; padding:1rem 0;width:100%;transition:all 0.3s ease-in-out;}
.g-guide-wrap .top .line-btn:after{content: ""; display: block; width:1.1rem; height:1.1rem; background:url('../img/layout/icon_outlink.svg') no-repeat center / 100% auto; margin-top:-0.2rem; transition:transform 0.2s ease-in-out;}
.g-guide-wrap .top .line-btn .label{color:#fff;font-weight:600; font-size:1.8rem;font-family: var(--font-family02);}
.g-guide-wrap .top .line-btn:hover:after {transform: rotate(0deg);}
.g-guide-wrap .top .gui-item:hover .line-btn {opacity:1;}

.g-guide-wrap .top .gui-item:nth-child(1),
.g-guide-wrap .top .gui-item:nth-child(2),
.g-guide-wrap .top .gui-item:nth-child(3) {border-bottom: 1px solid rgba(255,255,255, 40%);}
.g-guide-wrap .top .gui-item:nth-child(3n) {border-right: none;}

.g-guide-wrap .top .gui-item:before {opacity:0;z-index: 1;position: absolute; left: 0;top: 0;content:"";display:block;background: rgba(12,128,102,80%);width:100%;height:100%;transition:all 0.3s ease-in-out;}
.g-guide-wrap .top .gui-item:after {opacity:0;content:"";display:block;position: absolute;right:-1rem;bottom:-4.5rem;background: url('../img/main/grad_guide_em.svg') no-repeat center / 100% auto;width:18.7rem;height:18.7rem;transition:all 0.3s ease-in-out;}
.g-guide-wrap .top .gui-item:hover:before {opacity:1;}
/* .g-guide-wrap .top .gui-item:hover:after {opacity:0.2;} */

.g-guide-wrap .bottom {display:flex; gap: 1.5rem; flex-wrap: wrap;}
.g-guide-wrap .bottom .line-btn {min-width: auto;width: calc(33.333% - 1rem);display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 2rem;min-height: 6.3rem; background: #F2F2F2;}
.g-guide-wrap .bottom .line-btn:after {content:"";display: block; width: 3.2rem;height: 3.2rem; border-radius: 50%; background-image: url(../img/layout/icon_outlink.svg);background-color: var(--color-primary03);background-size: 8px auto;background-position: center center;background-repeat: no-repeat;}
.g-guide-wrap .bottom .line-btn .label {width:calc(100% - 3.2rem); font-size: 1.8rem;font-weight:300;font-family: var(--font-family01);color:var(--color-text20);}
.g-guide-wrap .bottom .line-btn:hover:after {transform: rotate(45deg);}

/* service */
.grad-service {background: #F3F8FE;}
/* .grad-service:before {bottom: 8rem;right: 19rem; position: absolute;content:"";display:block;width: 8.4rem;height:8.4rem;background: url(../img/main/icon_flower2.svg) no-repeat center / cover; z-index: 1;}
.grad-service:after {bottom: 12rem;right: 6rem; position: absolute;content:"";display:block;width: 12rem;height:12rem;background: url(../img/main/icon_flower2.svg) no-repeat center / cover; z-index: 1;} */
.grad-service .g-service-wrap {position: relative;z-index: 2;}
.grad-service .section-header {margin-bottom: 6rem;}
.grad-service .g-service-wrap ul {display: flex;gap: 3rem;flex-wrap: wrap;}
.grad-service .sv-item{width: calc(25% - 2.28rem);min-width:0;}
.grad-service .sv-item a{display:flex; flex-direction:column; align-items:center; justify-content:center;background: #fff; padding: 3.5rem;}
.grad-service .sv-item .icon{width:100%; height:7.2rem; position:relative; margin-bottom:2.2rem;}
.grad-service .sv-item .icon:after, .grad-service .sv-item .icon:before{content:""; display:block; width:100%; height:100%; background-position:center; background-size:auto 100%; background-repeat:no-repeat; position:absolute; left:0; top:0; transition:opacity 0.3s ease-in-out;}
.grad-service .sv-item .icon:after{opacity:0;}
.grad-service .sv-item:hover .icon:after{opacity:1;}
.grad-service .sv-item:focus-within .icon:after{opacity:1;}
.grad-service .item-01 .icon:before{background-image: url('../img/main/service/main_service_01.svg'); }
.grad-service .item-01 .icon:after {background-image: url('../img/main/service/main_service_01_h.svg'); }
.grad-service .item-02 .icon:before{background-image: url('../img/main/service/main_service_06.svg'); }
.grad-service .item-02 .icon:after {background-image: url('../img/main/service/main_service_06_h.svg'); }
.grad-service .item-03 .icon:before{background-image: url('../img/main/service/main_service_13.svg'); }
.grad-service .item-03 .icon:after {background-image: url('../img/main/service/main_service_13_h.svg'); }
.grad-service .item-04 .icon:before{background-image: url('../img/main/service/main_service_14.svg'); }
.grad-service .item-04 .icon:after {background-image: url('../img/main/service/main_service_14_h.svg'); }
.grad-service .item-05 .icon:before{background-image: url('../img/main/service/main_service_08.svg'); }
.grad-service .item-05 .icon:after {background-image: url('../img/main/service/main_service_08_h.svg'); }
.grad-service .item-06 .icon:before{background-image: url('../img/main/service/main_service_03.svg'); }
.grad-service .item-06 .icon:after {background-image: url('../img/main/service/main_service_03_h.svg'); }
.grad-service .item-07 .icon:before{background-image: url('../img/main/service/main_service_04.svg'); }
.grad-service .item-07 .icon:after {background-image: url('../img/main/service/main_service_04_h.svg'); }
.grad-service .item-08 .icon:before{background-image: url('../img/main/service/main_service_10.svg'); }
.grad-service .item-08 .icon:after {background-image: url('../img/main/service/main_service_10_h.svg'); }
.grad-service .item-09 .icon:before{background-image: url('../img/main/service/main_service_07.svg'); }
.grad-service .item-09 .icon:after {background-image: url('../img/main/service/main_service_07_h.svg'); }



/* ------------------------ 한세비전 ------------------------ */
.vision .head_flex {margin-bottom: 6rem;display:flex; flex-direction: row;gap: 2rem; align-items: end;justify-content: space-between;}

/* hero */
.m-vision-hero .slide-content .inner {justify-content: center;color: #fff;padding-bottom: 0;padding-top: 6rem;}
.m-vision-hero .content-header, .m-vision-hero .content-desc {text-align:center;}
.m-vision-hero .content-header:before {display:none;}
.m-vision-hero .content-btns {justify-content: center;}
.m-vision-hero .slide-btn {height: 6rem;padding: 1rem 2.5rem;border: 1px solid rgba(255, 255, 255, 30%);min-width: 18rem; background: rgba(255, 255, 255, 20%);backdrop-filter: blur(8px);}
.m-vision-hero .slide-btn .label {font-weight: 600;padding-top: 0;}
.m-vision-hero .slide-btn:after {display:none;}
.m-vision-hero .controls .inner {justify-content: center;}
.m-vision-hero .controls {bottom: clamp(5rem, 16vh, 6rem);}

/* news */
.m-vision-news {overflow-x: hidden;}
.m-vision-news .swiper .swiper-slide {width: calc(25% - 2.2rem);}
.m-vision-news .issue-slide .issue-left {padding-right: 0;background: transparent;}
.m-vision-news .issue-slide {margin-top: 0;flex-direction: column;}
.m-vision-news .issue-slide .issue-right {padding-top: 4rem;}
.m-vision-news .issue-slide .issue-left, .m-vision-news .issue-slide .issue-right {width: 100%;}
.m-vision-news .issue-slide .issue-container {width: 100%; margin-right: 0;}
.m-vision-news .issue-slide .swiper .title, .m-vision-news .issue-slide .swiper .date {display:none;}
.m-vision-news .issue-slide .swiper .date {font-size: 1.6rem;color: var(--color-text76);margin-top: 2rem;}
.m-vision-news .issue-slide .swiper .swiper-slide-active, .m-vision-news .issue-slide .swiper .swiper-slide-next + .swiper-slide {padding-top: 0;}
.m-vision-news .cloned-poster-wrapper {display: flex;gap: 8rem; align-items: center;}
.m-vision-news .cloned-bottom {width: calc(50% - 8rem);}
.m-vision-news .cloned-thumb-link {flex:1;width: 100%;display: block;max-width: 83rem;}
/* 슬라이드 전환 시 좌측 복제 영역 페이드 */
.m-vision-news .cloned-text-link {opacity: 1;transition: opacity 0.4s ease;}
.m-vision-news .cloned-text-link.is-fading {opacity: 0;}
/* 이미지는 이전/다음 장을 겹쳐서 크로스페이드 (빈 프레임 노출 방지) */
.m-vision-news .cloned-thumb-link {position: relative;}
.m-vision-news .cloned-thumb-link .img-frame {transition: opacity 0.4s ease;}
.m-vision-news .cloned-thumb-link .img-frame.is-outgoing {position: absolute;left: 0;top: 0;width: 100%;pointer-events: none;}
.m-vision-news .cloned-thumb-link .img-frame.is-incoming {opacity: 0;}
@media (prefers-reduced-motion: reduce) {
	.m-vision-news .cloned-text-link,
	.m-vision-news .cloned-thumb-link .img-frame {transition: none;}
}
.m-vision-news .cloned-text-link .title {font-family: var(--font-family01); margin-bottom: 2.5rem;line-height: 1.32; font-size: 3.4rem;font-weight:500;}
.m-vision-news .cloned-text-link .desc {font-size: 2rem;color: var(--color-text40); font-weight: 500;line-height: 1.5;margin-bottom: 3rem;}
.m-vision-news .cloned-text-link .date {font-size: 1.8rem;color: var(--color-text76);}
.m-vision-news .controls {margin-top: 7rem;display: flex;align-items: center;gap: 3rem;position: relative;z-index: 10;}
.m-vision-news .issue-right .controls {display:none;justify-content: flex-end;margin-top: 0; margin-bottom: 2rem;}

/* people */
.m-vision-people .swiper-slide {width: 20vw;}
.m-vision-people .img-frame {overflow: hidden; width: 100%; position: relative;}
.m-vision-people .img-frame img {width: 100%; height: 100%;object-fit: cover;position: absolute; left: 0; top: 0;}
.m-vision-people .img-frame:after {content: "";display: block; padding-bottom: 139.17%;}
.m-vision-people .swiper-slide a {position: relative;}
.m-vision-people .swiper-slide a:before {content: "";display: block;position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0%, rgba(255, 255, 255, .0) 75%, rgba(255, 255, 255, 0) 100%);z-index: 1; transition:opacity 0.3s ease-in-out;}
.m-vision-people .swiper-slide .title {font-size: 1.8rem;line-height: 1.4; color: #fff; margin: 0 3rem 3rem;position: absolute; bottom: 0;z-index: 2;transition:opacity 0.3s ease-in-out;}
.m-vision-people .swiper-pagination {border-radius: 5px;position: static;margin-top: 4rem;overflow: hidden;}
.m-vision-people .swiper-pagination-progressbar {background: var(--color-border02);}
.m-vision-people .swiper-pagination-progressbar-fill {background: var(--color-primary03) !important;}

.m-vision-people .section-header .title {margin-bottom:3rem;}
.m-vision-people .section-header .desc {margin-bottom: 6rem;color:var(--color-text0);font-size: 3rem; font-weight: 300;line-height:1.2}
.m-vision-people .section-header .desc span {font-weight: 500;color:var(--color-text0);}
.m-vision-people .more-btn {max-width: 29rem;}



@media screen and (min-width:1025px) {
	.m-vision-people .pc-people.inner {display: flex;gap: 13rem;position: relative;}
	.m-vision-people .pc-people.inner:before {content:"";display: block; width:38vw; height:38vw; background-image: url('../img/main/vision_people_bg.png');background-position:center; background-size:auto 100%; background-repeat:no-repeat; position:absolute; left:0; bottom:-1vw;}
	.m-vision-people .pc-people .section-header {width: 30%;position: sticky;top: 20rem;align-self: flex-start;height: 90rem;}
	.m-vision-people .pc-people .people_inner {width: 70%}
	.m-vision-people .pc-people .swiper-pagination {display:none;}
	.m-vision-people .pc-people .swiper-wrapper {display: flex;justify-content: center;flex-wrap: wrap;align-items: start;margin-top: -3vw;}
	.m-vision-people .pc-people .swiper-slide {width: 33.3333%;padding: 0 1vw;margin-top: 3vw; position: relative;transition: all 1s;}
    .m-vision-people .pc-people .swiper-slide:nth-child(3n+1) {top: 9.7rem;}
    .m-vision-people .pc-people .swiper-slide:nth-child(3n+2) {top:0;}
    .m-vision-people .pc-people .swiper-slide:nth-child(3n+3) {top: 6rem;}
    .m-vision-people .pc-people .swiper-slide:last-child {top: 0;}
    
    .m-vision-people .pc-people .swiper-slide a:before, .m-vision-people .pc-people .swiper-slide .title {opacity: 0;}
    .m-vision-people .pc-people .swiper-slide:hover a:before, .m-vision-people .pc-people .swiper-slide:hover .title {opacity: 1;}
}

/* video */
.m-vision-video {overflow-x: hidden;}
.m-vision-video .controls {display: flex;justify-content: flex-end;align-items: center;gap: 3rem;position: relative;z-index: 10;}
.m-vision-video .swiper .title {line-height: 1.3;text-align:center;margin-top: 3rem;font-size: 2rem;font-weight:300;font-family: var(--font-family01);color:#000;}
.m-vision-video .img-frame {overflow: hidden;width: 100%;position: relative;}
.m-vision-video .img-frame img {width: 100%; height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.m-vision-video .img-frame:after {content: "";display: block; padding-bottom: 63.704%;}
.m-vision-video .img-frame:before {content: "";display: block;width: 8rem;height:8rem;border-radius: 50%;background-image: url('../img/main/ico_play_w.svg');background-color: rgba(255,255,255,20%);backdrop-filter: blur(10px);background-position:center left 3.4rem; background-size:1.8rem 100%; background-repeat:no-repeat; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);z-index:2;}

/* sns */
.m-vision-sns {position: relative;overflow-x: hidden;}
.m-vision-sns:before {position: absolute;right:0;bottom:0;content:"";display:block;background-image: url('../img/main/vision_sns_bg.png');background-position:center; background-size:auto 100%; background-repeat:no-repeat;width: 159rem;height: 39.5rem;z-index: 2;}
.m-vision-sns .inner {position: relative; padding: 0 3.6rem 32rem;}
.m-vision-sns .inner:before {position: absolute;left: 2rem;bottom:0;white-space: nowrap;content:"HANSEI UNIVERSITY";display:block;font-size: 14rem;font-weight: 700; font-family: var(--font-family01);color: var(--color-gray03);}
.m-vision-sns .sns-link-list {display: flex;gap: 1.5rem;}
.m-vision-sns .sns-link-list .sns-icon {transition: all 0.2s ease-in-out;}
.m-vision-sns .sns-link-list .sns-icon:hover {transform: translateY(-1rem);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);}
.m-vision-sns .swiper {width: calc(100vw - var(--scrollbar-width) - var(--moment-offset) + 7rem);z-index:2;}
.m-vision-sns .swiper-slide a {position: relative;overflow: hidden;}
.m-vision-sns .swiper-slide a:before {position: absolute;content:"";display:block;width:100%;height:100%;background: rgba(0,0,0,50%);backdrop-filter: blur(8px);transition:opacity 0.3s ease-in-out;z-index:2;opacity: 0;}
.m-vision-sns .swiper .sns-icon {position: absolute;top:2.5rem;right:2.5rem;width: 6rem; height: 6rem;}
.m-vision-sns .img-frame {overflow: hidden;}
.m-vision-sns .img-frame img {width: 100%;height: auto;}
.m-vision-sns .content {width: 60%;z-index:2;text-align:center;position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);opacity: 0;color:#fff;transition:opacity 0.3s ease-in-out;}
.m-vision-sns .content .type {font-size: 2.4rem;font-weight:500;margin-bottom:2rem;}
.m-vision-sns .content .title {font-size: 2rem;font-weight:300;line-height:1.4;}
.m-vision-sns .swiper-slide:hover .content {opacity: 1;}
.m-vision-sns .swiper-slide:hover a:before {opacity: 1;}

@media screen and (max-width:1840px) {
	/* 대학원 */
	.g-guide-wrap .bottom .line-btn {width: calc(50% - 0.8rem);}
}

@media screen and (max-width:1830px) {
	/* 대학원 */
	.m-grad-notice .inner {padding: 0 4rem;}
}

@media screen and (max-width:1660px){
	/* 입학 */
	.ipsi-fullpage-menu {left:3rem;}
	.section .pageNmae {left:3rem; bottom:3rem;}
	.notice .notice_right {margin-right: 5rem;}
	
	/* 대학원 */
	.grad-service .sv-item {width: calc(33.333% - 2rem);}
}

@media screen and (max-width:1560px) {
	/* 입학 */
	.section .pageNmae {display:none;}
	.ipsi-fullpage-menu {display:none;}
}

@media screen and (max-width:1480px) {
	/* 입학 */
	.ipsi .section:not(.m-notice) .m-inwrap {padding: 0 2rem;}
}

@media screen and (max-width:1440px){
    .section:not(.section-hero):not(.m-notice) {padding:7rem 0;}
    .section-header .title{font-size:4rem; gap:1rem;}
    .section-header .title:after{width:3rem; height:3rem;}
    .section-header .desc{font-size:1.8rem;}
    .section .arrows .arrow{width:3.2rem; height:3.2rem;}
    .section .more-btn{font-size:1.8rem;}
    .section .more-btn:after{width:1.2rem; height:1.2rem;}

    .section-hero .content-header:before{width:6rem; height:6rem;}
    .section-hero .content-header{font-size:5rem; margin-bottom:2.4rem;}
    .section-hero .content-desc{font-size:2.6rem;}
    .section-hero .content-btns{gap:1.4rem;}
    .section-hero .slide-btn{height:5rem;}
    .section-hero .slide-btn:after{width:3.2rem; height:3.2rem;}
    .section-hero .slide-btn .label{font-size:1.6rem;}

    .issue-slide .deco{transform:scale(0.7)}
    .issue-slide .cloned-poster .title{font-size:3.2rem;}
    .issue-slide .cloned-poster .desc{font-size:1.8rem;}
    .issue-slide .swiper .img-frame{margin-bottom:2rem;}
    .issue-slide .swiper .title{font-size:2rem;}

    .section-schedule{background-position:60% center;}
    .section-schedule .section-header{margin-bottom:3rem;}
    .section-schedule .inner{display:flex; flex-direction:column;}
    .section-schedule .controls{margin:0; order:3; justify-content:center;}
    .schedule-slide{flex-direction:column; gap:5rem; margin-bottom:4rem;}
    .schedule-slide .slide-header{width:100%; flex-direction:column; align-items:center;}
    .schedule-slide .swiper{width:100%; padding:0 2rem;}
    .schedule-slide .period .start{font-size:2rem;}
    .schedule-slide .period .devide{font-size:1.8rem;}
    .schedule-slide .period .end{font-size:1.6rem;}
    .schedule-slide .content{font-size:1.5rem; min-height:3.6rem;}

    .sns-icon{width:5rem; height:5rem;}
    .section-sns .inner{gap:3rem;}
    .section-sns .left{width:32rem;}
    .section-sns .right{width: calc(100vw - var(--scrollbar-width) - var(--moment-offset) - 39rem);}
    .sns-slide .slide-item .sns-icon{width:4rem; height:4rem;}
    .sns-slide .swiper:after{top:2rem;}

    .depart-slide .depart-item .depart-list li{font-size:1.8rem;}

	/* 입학 */
	 .ipsi .section:not(:has(.hero-swiper)) {height: auto;}
	.guide-swiper .controls .arrow {width: 4rem;height: 4rem;background-size: 1.8rem auto;}
	.guide_bottom .quickbox .item {padding: 3.6rem 1rem;}
	.guide-swiper .controls {gap: 3rem;}
	
	.m-guide .m-inwrap, .m-college .m-inwrap {padding-top: 0;}
	.ipsi .section .m-inwrap.notice {padding:0;gap: 6rem;}
	.notice .notice_right {margin-right: 2rem;width: calc(57% - 3rem);}
	.notice .notice_left {width: calc(43% - 3rem);}
	.ipsiNotice-tab .tab-list li {margin-right: 4rem;}
	
	.m-college:before {font-size: 12rem;}
	.m-college:after {left: 3rem;bottom: 8rem;width: 10rem; height: 10rem;}
	.college-gallery {width:100% !important; left:0; right:0; margin-left:0; margin-right:0;}
    .college-gallery .card:not(.is-active) {display:none;}
	.college-gallery .card.is-active {width: 100% !important;}
	.college-gallery .controls .inner {max-width: none;}
	
	/* 대학원 */
	.m-grad-notice .inner {padding: 0 2rem;}
	.m-grad-notice {padding: 18rem 0 7rem 0 !important;}
	.m-grad-notice .arrows .arrow {background-size: 3.2rem auto;}
	
	.grad-sec2-wrap {padding: 8rem 4rem;}
	.grad-guide .section-header .title:after {left: 31rem;width: 6rem; height: 6rem;}
	.grad-service:after {bottom: 10rem;width: 10rem; height: 10rem}
	.grad-service:before {bottom: 7rem;right: 18rem; width: 7rem;height: 7rem;}
	.g-guide-wrap .top .gui-item {width: 50%;}
	.g-guide-wrap .top .gui-item:nth-child(1),
	.g-guide-wrap .top .gui-item:nth-child(2),
	.g-guide-wrap .top .gui-item:nth-child(3),
	.g-guide-wrap .top .gui-item:nth-child(4) {border-bottom: 1px solid rgba(255, 255, 255, 40%);}
	.g-guide-wrap .top .gui-item:nth-child(odd) {border-right: 1px solid rgba(255, 255, 255, 40%);}
	.g-guide-wrap .top .gui-item:nth-child(even) {border-right: 0;}
	.g-guide-wrap .top .gui-item {height:18rem;}

	/* 한세비전 */
	.vision .head_flex {margin-bottom: 4rem;}
	
	.m-vision-hero .slide-btn {min-width: 12rem;}
	
	.m-vision-news .cloned-poster-wrapper {gap: 4rem;}
	.m-vision-news .controls {margin-top: 4rem;}
	.m-vision-news .cloned-text-link .title {font-size: 2.6rem;margin-bottom: 2rem;}
	.m-vision-news .cloned-text-link .desc {font-size: 1.8rem;}
	
	.m-vision-sns .content .type {font-size: 2rem;}
	.m-vision-sns .content .title {font-size: 1.8rem;}
	.m-vision-sns:before {width: 111rem;height: 27.5rem;}
	.m-vision-sns .inner:before {font-size: 10rem;}
	.m-vision-sns .inner {padding: 0 3.6rem 19rem;}
}

@media screen and (max-width:1354px) {
	/* 입학 */
	 .guide_bottom .quickbox .item {padding: 3rem 1rem;}
}

@media screen and (max-width:1332px) {
	/* 입학 */
	.guide_bottom .quickbox .item .txt br {display: block;}
	.guide_bottom .quickbox .item {padding: 2.6rem 1rem;}
}

@media screen and (max-width:1300px) {
	/* 입학 */
	.guide_bottom {gap:2rem;}
	.guide_bottom .r_bt {margin-top: 0rem;}
    .guide_bottom .quickbox .item {padding: 2.2rem 1rem;}
    .guide_bottom .mid {max-width: 49rem; width: 100%;}
    .guide_bottom .quickbox .item .txt {font-size: 1.6rem;}
}

@media screen and (max-width:1200px){
    .section:not(.section-hero):not(.m-notice) {padding:6rem 0;}
    .section-header .title{font-size:3.2rem;}
    .section-header .desc{font-size:1.6rem;}
    .section-header.reverse{align-items:flex-start; text-align:left;}
    .section-header.reverse .title{flex-direction:row;}

	.section-hero.m-vision-hero{height:calc(100vh - 90px);min-height:500px;}
    .section-hero .content-header:before{width:5rem; height:5rem;}
    .section-hero .content-header{font-size:4.8rem; margin-bottom:2rem;}
    .section-hero .content-desc{font-size:2.4rem;}
    

    .section .line-btn .label{font-size:2rem;}

    .issue-slide{margin:4rem 0 0;}
    .issue-slide .issue-left{display:none;}
    .issue-slide .issue-right{width:100%; padding:0;}
    .issue-slide .issue-container{width:100%;}
    .issue-slide .swiper{overflow:visible;}
    .issue-slide .swiper .swiper-slide{width:50vw;}
    .issue-slide .swiper .swiper-slide-active, .issue-slide .swiper .swiper-slide-next + .swiper-slide{padding:0;}
    .issue-slide .swiper .title{font-size:1.8rem; margin-bottom:1rem;}
    .issue-slide .swiper .desc{display: -webkit-box; font-size:1.6rem;}

    .notice-tab .tab-list{margin-bottom:2.4rem;}
    .notice-tab .tab-list li{margin-right:2rem; padding-right:2rem;}
    .notice-tab .tab-list li:after{top:50%; right:-0.3rem; width:0.6rem; height:0.6rem;}
    .notice-tab .tab-list a{font-size:2rem; height:4.6rem; gap:1rem;}
    .notice-tab .tab-list a[aria-selected="true"]{padding:0 1.8rem;}
    .notice-tab .tab-list a[aria-selected="true"]:before{width:0.8rem; height:0.8rem;}
    .notice-list{gap:1.2rem;}
    .notice-list li{width:calc(50% - 0.6rem);}
    .notice-list li:nth-child(5), .notice-list li:nth-child(6){display:none;}
    .notice-list .notice-item{padding:1.6rem 2rem;}
    .notice-list .notice-item .badge{height:3.2rem; font-size:1.6rem; padding:0.2em 1.6rem 0; margin-bottom:2rem;}
    .notice-list .notice-item .title{font-size:1.8rem; margin-bottom:1rem; min-height:5.04rem;}
    .notice-list .notice-item .desc{font-size:1.6rem; margin-bottom:3rem;}
    .notice-list .notice-item .date{font-size:1.4rem;}

    .section.section-service{padding-bottom:3rem;}
    .service-slide .slide-item .label{font-size:1.6rem;}

    .infograph-grid{gap:1rem; min-width:1100px;}
    .infograph-grid .left{width:28%}
    .infograph-grid .right{gap:1rem; width:calc(72% - 1rem);}
    .infograph-grid .right .grid-item{height:16rem;}
    .infograph-grid .item-02{width:calc(33.5% - 0.667rem);}
    .infograph-grid .item-03{width:calc(33% - 0.667rem);}
    .infograph-grid .item-04{width:calc(33.5% - 0.667rem);}
    .infograph-grid .item-05{width:calc(50% - 0.5rem);}
    .infograph-grid .item-06{width:calc(50% - 0.5rem);}
    .infograph-grid .item .title{font-size:1.6rem; margin-bottom:0.6rem;}
    .infograph-grid .item em{font-size:3.2rem;}
    .infograph-grid .item .desc{font-size:1.4rem;}

    .sns-slide .slide-item .type{font-size:1.4rem;}
    .sns-slide .slide-item .title{font-size:1.6rem;}

    .section-college .section-header{text-align:left; align-items:flex-start;}
    .depart-slide .swiper-slide{display:block;}
    .depart-slide .depart-item:focus{outline:none;}
    .depart-slide .depart-item:after{display:none;}
    .depart-slide .depart-item + .depart-item{margin-top:1rem;}
    .depart-slide .depart-item .part-name{text-align:left; font-size:2rem;}
    .depart-slide .depart-content{height:100%;}
    .depart-slide .depart-item .item-header{height:100%; display:flex; align-items:center; padding:4rem;}
    .depart-slide .depart-item.active .item-header{height:auto; padding:3rem;}
    .depart-slide .depart-item .link-btn{right:3rem; top:1.8rem;}
    .depart-slide .swiper-slide .depart-item{width:100%; background-position:center 50%; height:14rem;}
    .depart-slide .swiper-slide .depart-item.active{height:40rem;}
    .depart-slide .depart-item .depart-list{padding-bottom:4rem;}
    
    /* 입학 */
    .ipsi .section h1 {font-size: 5rem;}
    .ipsi .section h1 .fs {font-size:4rem;}
    .ipsi .section h2 {font-size: 4rem;}
    .guide-swiper .notice-item {padding: 1.6rem 3rem;}
    .guide-swiper .notice-item .title {font-size: 1.8rem; min-height: 4rem;}
    .guide-swiper .notice-item .top {margin-bottom: 2rem;}
    .guide-swiper .notice-item .badge {height: 3.2rem;font-size: 1.6rem;padding: 0.2em 1.6rem 0px;}
	.guide-swiper .notice-item .top .txt {font-size: 1.7rem;}
	.guide-swiper .notice-item .date {font-size: 1.6rem;}
	
    .guide_bottom .line-btn .label {font-size: 1.8rem;}
    .guide_bottom .mid {max-width: 45rem;}
    .guide_bottom .quickbox .item {padding: 2.3rem 1rem;}
    .guide_bottom .quickbox .item .ico {width: 2.8rem;height: 2.8rem;background-size: 2.8rem auto;}
	.guide_bottom .quickbox .item .txt {margin-top: 1.5rem;}
	.guide_bottom .quickbox .item .ico.booksch {background-size: auto 2.8rem;}
	
	.notice .notice_left h1 {margin-bottom: 2rem;}
	.notice .notice_left .txt {font-size: 2rem;}
	.ipsiNotice-tab {margin-top: 8rem;}
	.ipsiNotice-tab .tab-list li {margin-right: 3rem;}
	.ipsiNotice-tab .tab-list a span {font-size: 2.2rem;}
	.ipsiNotice-tab .notice-list .notice-item {padding: 2.5rem 3rem;}
	.ipsiNotice-tab .notice-list li:nth-child(5), .ipsiNotice-tab .notice-list li:nth-child(6) {display:block;}
	.ipsiNotice-tab .notice-list .notice-item .title {font-size: 1.8rem; margin-bottom: 2rem;line-height: 1.4;}
	.ipsiNotice-tab .notice-list .notice-item .badge {height: 3.2rem;font-size: 1.6rem;padding: 0.2em 1.6rem 0;margin-bottom: 2rem;}

	.m-ipsi .m-inwrap {gap: 6rem;}
	.m-ipsi h2 {margin-bottom: 4rem;}
	.m-ipsi .left, .m-ipsi .right  {width:calc(50% - 3rem);}
	.m-ipsi .quickbox .item .txt {font-size: 1.7rem;}
	.m-ipsi .cont-item h4 {font-size: 2.2rem;}
	.m-ipsi .cont-item p {font-size: 1.8rem;}
	.m-ipsi .cont-item+.cont-item {margin-top: 6rem;}
	
	/* 대학원 */
	.gradNotice-swiper .notice-item {padding: 2.5rem;}
    .gradNotice-swiper .notice-item .badge {height: 3.2rem;font-size: 1.6rem; padding: 0.2em 1.6rem 0;margin-bottom: 2rem;}
    .gradNotice-swiper .notice-item .title {font-size: 1.8rem;margin-bottom: 2rem;min-height: 5rem;}
    .gradNotice-swiper .notice-item .desc {font-size: 1.6rem; margin-bottom: 3rem;min-height: 6rem;}
    .gradNotice-swiper .notice-item .date {font-size: 1.6rem;}
    .m-grad-notice .tab-list {gap:2rem;}
    .m-grad-notice a span {font-size: 1.8rem;}
    
    .grad-sec2-wrap {padding: 6rem 2rem;}
    .grad-service .section-header {margin-bottom: 5rem;}
	.grad-guide .section-header .title:after {left: 24rem;width: 5rem; height: 5rem;}
	.grad-service:after {width: 8rem; height: 8rem}
	.grad-service:before {right: 15rem; width: 6rem;height: 6rem;}
	.grad-service .g-service-wrap ul {gap: 2rem;}
	.grad-service .sv-item {width: calc(50% - 1rem);}
	.grad-service .sv-item a {padding: 3rem;}
	.g-guide-wrap .top .gui-item .txt .ko {font-size: 1.8rem;}
	.g-guide-wrap .top .gui-item .txt .en {font-size: 1.5rem;}
	.g-guide-wrap .bottom .line-btn .label {font-size: 1.6rem;}
	.g-guide-wrap .top .line-btn .label {font-size: 1.6rem;}
	
	/* 한세비전 */
	.m-vision-news .issue-right .controls {display:flex;}
	.m-vision-news .issue-slide .issue-right {padding-top:0;}
	.m-vision-news .issue-slide .swiper .title {display:-webkit-box;}
	.m-vision-news .issue-slide .swiper .date {display:block;}

	.m-vision-people .pc-people .swiper-slide {width: 50%;padding: 0 1.5rem;margin-top: 3rem;}
	.m-vision-people .pc-people .swiper-wrapper {justify-content: flex-end; margin-top: 1rem;}
	.m-vision-people .pc-people .swiper-slide:nth-child(odd) {top: 5rem !important;}
    .m-vision-people .pc-people .swiper-slide:nth-child(even) {top:-4rem !important;}
    .m-vision-people .pc-people .swiper-slide:last-child {top: -4rem !important;}
    .m-vision-people .pc-people.inner:before {width: 47vw;height: 47vw;}
    .m-vision-people .swiper-slide .title {font-size: 1.6rem;}
	
	.m-vision-video .swiper .title {font-size: 1.8rem;margin-top: 2rem;}
	.m-vision-video .swiper {overflow: visible;}
    .m-vision-video .swiper .swiper-slide {width: 50vw;}
    
    .m-vision-sns .swiper {width: auto;}
    .m-vision-sns .swiper-slide {width: 100%;}
	.m-vision-sns .swiper .sns-icon {top: 2rem;right: 2rem; width: 4rem;height: 4rem;}
}

@media screen and (max-width: 1170px) {
	/* 입학 */
    .guide_bottom .right .imgbox {padding-bottom: 60%;}
}

@media screen and (max-width: 1046px) {
	/* 입학 */
	.guide_bottom .right .imgbox {padding-bottom: 70%;}
    .guide_bottom .quickbox .item {padding: 2.3rem 1rem;}
}

@media screen and (max-width:1024px){
    /* .section-hero .slide-bg iframe {height:100vh !important;} */

    .section-moment .bg{display:none;}
    .section-moment .inner{display:flex; flex-direction:column;}
    .section-moment .controls{order:3; margin-top:3rem; display:flex; justify-content:center; width:100%;}
    .section-moment .more-btn{position:relative; top:auto; right:auto; }
    .moment-list{width:80%; margin:0 auto; gap:1.6rem; flex-wrap:wrap; padding-bottom:6rem;}
    .moment-list .moment-item{width:calc(50% - 0.8rem); flex:0 0 auto;}
    .moment-list li:nth-child(2), .moment-list li:nth-child(3), .moment-list li:nth-child(4){transform:translateY(0);}
    .moment-list li:nth-child(2), .moment-list li:nth-child(4){transform:translateY(4rem);}

    .sns-icon{width:4rem; height:4rem;}
    .section-sns .inner{flex-direction:column;}
    .section-sns .left{width:100%;}
    .section-sns .right{width: 100%;}
    .section-sns .controls{margin-bottom:3rem; justify-content:flex-end;}
    .section-sns .sns-link-list{margin-top: -6.6rem; gap:1rem;}
    
     /* 입학 */
    .ipsi .section h1 {font-size: 4.8rem;}
    .ipsi .section h1 .fs {font-size:3.5rem;}
    .ipsi .section h2 {font-size: 3.8rem;}
    .m-info .m-inwrap {gap: 5rem;}
    .ipsi .m-notice {padding: 6rem 0;}
    .m-info .info_btn {width: calc(33.33% - 1.34rem);}
    .m-info .tit {line-height: 2.8rem;font-size: 2rem;}
    .m-info .line {display:none;}
    .m-guide .guide_arrbox {gap: 2rem;}
    .m-guide .guide_arrbox .tit {font-size: 2rem;}
    .guide_bottom {flex-wrap: wrap;gap: 3rem;}
    .guide_bottom .left {max-width: none;}
    .guide_bottom .mid, .guide_bottom .right {max-width: calc(60% - 3rem);}
	.guide_bottom .right {max-width: 40%;}
	.guide_bottom .right .imgbox {padding-bottom: 56%;}
    .guide_bottom .quickbox .item .ico {width: 3rem;height: 3rem; background-size: 3rem auto;}
	.guide_bottom .quickbox .item .txt {font-size: 1.8rem;}
	.guide_bottom .quickbox .item {padding: 3.2rem 2rem;}
	.section .line-btn {margin-top: 2rem;}
	.guide_bottom .quickbox .item .txt br {display: none;}
	
	.ipsi .section .m-inwrap.notice {height: auto;flex-direction: column;gap:0;padding: 0 2rem;}
	.notice .notice_left, .notice .notice_right {width: 100%;}
	.notice .notice_left {background: none;height: auto;}
	.notice .notice_right {margin-right:0;}
	.ipsiNotice-tab {margin-top: 4rem;}
	.notice .notice_left .leftbox {display: flex;align-items: flex-end;justify-content: space-between;gap: 2rem;width: 100%;}
	.notice .notice_left h1 {color: var(--color-text0);margin-bottom: 1.5rem;}
	.notice .notice_left .txt {font-size: 1.8rem; color: var(--color-text30);margin-bottom:0;}
	.notice .notice_left .txt br {display: none;}
	.notice .notice_left .more-btn {color: var(--color-primary03); border-color: var(--color-primary03);}
	.notice .notice_left .more-btn:after {background: url(../img/main/icon_more.svg) no-repeat center / 100% auto;}
	.ipsiNotice-tab .tab_wrap {margin-bottom: 4rem;}
	.ipsiNotice-tab .notice-list li:nth-child(5), .ipsiNotice-tab .notice-list li:nth-child(6) {display: none;}

	.m-college:after {bottom: 5rem;width: 7rem;height: 7rem;}
	.m-college:before {display:none;}
	.m-college h2:before {right: 2rem;width: 8rem;height: 8rem;}
	.m-college h2 {margin-bottom: 4rem;}
	.college-gallery .controls {margin-top: 3rem;}
	.college-gallery .info_btn {min-height: 6rem;}
	.college-gallery .title-wrap {margin-bottom: 4rem;}
	.college-gallery .title-wrap .ko {font-size: 3.4rem;}
	.college-gallery .title-wrap .en {font-size: 1.8rem;}
	.college-gallery .info_btn span {font-size: 1.6rem;}
	
	/* 대학원 */
	.g-guide-wrap .top .line-btn, .g-guide-wrap .bottom .line-btn {margin: 0;}
	.grad-sec2 {flex-direction: column;}
	.grad-sec2-wrap {width: 100%;}
	.grad-guide .section-header .desc br {display: none;}
    .grad-service .sv-item {width: calc(25% - 1.5rem);}
    
    .m-vision-video .img-frame:before {width: 7rem;height:7rem;background-position: center left 3rem;background-size: 1.4rem 100%;}

	.section-sns .sns-link-list {gap: 1rem;}
	.m-vision-sns .content .type {font-size: 1.4rem; margin-bottom: 0.8rem;}
	.m-vision-sns .content .title {font-size: 1.6rem;}
	.m-vision-sns:before {width: 103rem;height: 25.5rem;}
	.m-vision-sns .inner:before {font-size: 8rem;}
	.m-vision-sns .inner {padding: 0 3.6rem 15rem;}
	
	/* 한세비전 */
	.m-vision-people .section-header {margin-bottom: 4rem;flex-direction: row;justify-content: space-between;align-items: flex-end;gap: 2rem;flex-wrap: wrap;}
	.m-vision-people .section-header .title {margin-bottom: 1rem;}
	.m-vision-people .section-header .title br {display:none;}
	.m-vision-people .section-header .desc {margin-bottom: 0;font-weight:500;font-size: 1.6rem;color: var(--color-text20);font-family: var(--font-family02);}
	.m-vision-people .section-header .desc br {display:none;}
	.m-vision-people .section-header .desc span {color: var(--color-text20);}
}

@media screen and (max-width:950px) {
	/* 입학 */
	.m-ipsi .m-inwrap {flex-direction: column;}
	.m-ipsi .left, .m-ipsi .right {width: 100%;}
	.m-ipsi h2 {margin-bottom: 3rem;}
	.m-ipsi .contact {padding-top: 2rem;}
	.m-ipsi .cont-item+.cont-item {margin-top: 4rem;}	
	.m-ipsi .quickbox .item .txt br {display: none;}
}

@media screen and (max-width:768px){
    .section-header .title{font-size:2.8rem; margin-bottom:0.8rem; gap:0.5rem;}
    .section-header .desc{font-size:1.5rem;}

    .section-hero .slide-bg img,
    .section-hero .slide-bg video {object-position:60% center;}
    /* .section-hero .slide-bg iframe {width:calc(100vh * 1.78) !important; min-width:100vw !important;} */
    .section-hero .content-header:before{width:4rem; height:4rem;}
    .section-hero .content-header{font-size:3.2rem; margin-bottom:1.8rem;}
    .section-hero .content-desc{font-size:1.8rem;}
    .section-hero .content-btns{gap:0.8rem;}
    .section-hero .slide-btn{height:4rem; padding:0.8rem 1rem 0.8rem 1.8rem;}
    .section-hero .slide-btn:after{width:2.6rem; height:2.6rem;}
    .section-hero .slide-btn .label{font-size:1.4rem;}
    .section-hero .controls .inner{transform:scale(0.8); transform-origin:left center;}
	
    .notice-list li{width:100%;}
    .notice-tab .controls{display:flex; justify-content:flex-end; margin:3rem 0 0;}
    .notice-tab .more-btn{position:relative; top:auto; right:auto;}
    .notice-tab .tab-list li{margin-right:0.8rem; padding-right:0.8rem;}
    .notice-tab .tab-list a{font-size:1.6rem; padding:0 1.2rem; height:4rem; gap:0.8rem;}
    .notice-tab .tab-list a[aria-selected="true"]:before{width:0.6rem; height:0.6rem;}
    .notice-tab .tab-list li:after{width:0.4rem; height:0.4rem; right:-0.2rem; top:50%;}

    .issue-slide .swiper .swiper-slide{width:70vw}

    .schedule-slide .swiper{padding:0;}

    .service-slide .slide-item .label{font-size:1.4rem;}

    .section-sns .left{display:flex; flex-direction:column;}
    .section-sns .left .controls{order:3; margin:2rem 0 1rem;}
    .section-sns .section-header{margin-bottom:1rem;}
    .section-sns .sns-icon{width:3.2rem; height:3.2rem;}
    .section-sns .sns-link-list{margin-top:1rem;}

    .depart-slide .swiper-slide .depart-item.active{height:28rem;}    
    .depart-slide .swiper-slide .depart-item{height:12rem;}
    .depart-slide .depart-item .item-header{padding:2.4rem;}
    .depart-slide .depart-item.active .item-header{margin-bottom:2rem; padding:2.6rem 2.4rem 2.4rem;}    
    .depart-slide .depart-item .depart-list li{font-size:1.5rem; width:calc(50% - 0.5rem);}

    .section-map .map-btns{flex-direction:column; gap:3rem;}
    
    /* 입학 */
		.ipsi-fullpage:not(.fp-enabled) .section:not(:first-child) {display:block !important;}
		.ipsi .section-hero .controls .inner {transform-origin:center center;}
		.ipsi .section .pagination {width:auto;}
		.ipsi .current, .ipsi .total {display:none;}
		.ipsi .quide_bnbox .current, .ipsi .quide_bnbox .total {display:block;}
		.ipsi .section-hero .slide-content .inner {padding-bottom: clamp(20rem, 32vh, 26rem);}

    .ipsi .section h1 {font-size: 4.2rem;}
    .ipsi .section h1 .fs {font-size:2.8rem;}
    .ipsi .section h2 {font-size: 3.2rem;}
    .m-guide .guide_arrbox .tit {display:none;}
    .m-info .info_btn {width: calc(50% - 1rem);min-height: 12rem;}
    .guide_bottom {flex-direction: column;}
    .guide_bottom .mid, .guide_bottom .right {max-width: 100%;}
    .guide_bottom .right .imgbox {padding-bottom: 52%;}
    .guide_bottom .quickbox .item .txt {font-size: 1.6rem;}
    .ipsiNotice-tab .tab_wrap {overflow-x: auto;}
    .ipsiNotice-tab .tab-list a {gap: 1rem;}
    .ipsiNotice-tab .tab-list li {margin-right: 2rem;}
    .ipsiNotice-tab .tab-list a span {font-size: 1.8rem;}
    
    .college-gallery .controls .fraction span {display:block}
    .college-gallery .controls .pagination {width: 10rem !important;}
    .college-gallery .controls .inner {gap: 3rem;}
    .college-gallery .info_btn {width: 20rem;}
    .college-gallery .controls .arrow {width: 3rem; height: 3rem;}
    
    /* 대학원 */
    .m-grad-notice {padding: 12rem 0 6rem 0 !important;}
    .m-grad-notice .section-header {margin-bottom: 5rem;}
    .grad-guide .section-header .title:after {left: 20rem;}
    html:has([data-event-banner-open="true"]) .m-grad-notice{padding:22rem 0 10rem 0 !important;}
    
    .m-vision-video .head_flex {align-items: flex-start;flex-direction: column;}
	.m-vision-video .controls {width:100%; justify-content: center;}
	.m-vision-video .swiper .title {font-size: 1.6rem;}
	
	.m-vision-sns .sns-icon {width: 3.2rem;height: 3.2rem;}
	.m-vision-sns .inner {padding: 0 2rem 24rem;}
	.m-vision-sns .content {width: 100%;text-align: left;position: static;transform: translate(0%, 0%);opacity: 1;color: #333;margin-top: 2rem;}
	.m-vision-sns .swiper-slide:has(.youtube) .type {color: #E50013;}
	.m-vision-sns .swiper-slide:has(.blog) .type {color: #159E15;}
	.m-vision-sns .content .title {font-family: var(--font-family02);}
	.m-vision-sns .swiper-slide a:before {display: none;}
    .m-vision-sns .inner {padding: 0 2rem 12rem;}
	.m-vision-sns:before {width: 75rem;height: 18.5rem;}
	.m-vision-sns .inner:before {font-size: 6rem;bottom: -2rem;}
	
	/* 한세비전 */
	.m-vision-hero .slide-btn {padding: 0.8rem 1.8rem;}
    .m-vision-hero .controls .inner {transform-origin: center;}
    
    .m-vision-people .swiper-slide .title {margin: 0 2rem 3rem;}
}

@media screen and (max-width:680px) {
	.section-hero.m-vision-hero{height:calc(100vh - 80px);min-heihgt:0;}
}

@media screen and (max-width:670px) {
	/* 대학원 */
	.m-grad-notice .tab-list {width: 100%;overflow-x: auto;overflow-y: hidden;}
	.m-grad-notice .gradNotice_top {align-items: flex-start;flex-direction: column;margin-bottom: 1.5rem;gap: 2rem;}
	.m-grad-notice .arrows {width: 100%;justify-content: flex-end;}
	
	.grad-service .sv-item {width: calc(33.333% - 1.34rem);}
}

@media screen and (max-width:600px) {
	/* 입학 */
	.ipsi .section h1 {font-size: 3.2rem;}
  .ipsi .section h1 .fs {font-size:2.4rem;}
	.ipsi .section h2 {font-size: 2.8rem;}
	.ipsi .quide_bnbox .pager {display:none;}
	
	.ipsiNotice-tab .notice-list {flex-direction: column;}
	.ipsiNotice-tab .notice-list li {width: 100%;}
	.notice .notice_left h1 {margin-bottom:0;}
	.notice .notice_left .txt {display:none;}
	
    .m-college h2:before {width: 6rem;height: 6rem;top: -6rem;}
    .m-college:after {display:none;}
    .ipsi .fraction {gap: 1rem;}
    .college-gallery .controls .inner {gap: 2rem;}
    .college-gallery .info_arrbox {display:none;}
    .college-gallery .info_btn {width: 19rem;padding: 1.8rem;}
    .college-gallery .title-wrap {margin-bottom: 3rem;}
    .college-gallery .title-wrap .ko {font-size: 3.2rem; margin-bottom: 1.5rem;}
    
    /* 대학원 */
    .grad-guide .section-header, .grad-service .section-header {margin-bottom: 4rem;}
    .grad-service:after, .grad-service:before {display:none;}
}

@media screen and (max-width:530px) {
	/* 대학원 */
	.grad-service .sv-item {width: calc(50% - 1rem);}
	
	/* 한세비전 */
	.m-vision-video .swiper {overflow: hidden;}
    .m-vision-video .swiper .swiper-slide {width: auto;}

	.m-vision-sns .head_flex {flex-direction: column;align-items: flex-start;}
    .m-vision-sns:before, .m-vision-sns .inner:before {display:none;}
    .m-vision-sns .inner {padding: 0 2rem;}
}

@media screen and (max-width:450px) {
	/* 입학 */
	.ipsi .section h2 {font-size: 2.4rem;}
	.m-guide .guide_arrbox .guide_arr {width: 3.5rem;height: 1.5rem;}
	.m-info .info_wrap {flex-direction: column;width: 100%;}
	.m-info .info_btn {width:100%;}
	
	.college-gallery .college-item {min-height: 70rem;}
    .m-college h2:before {width: 5rem;height: 5rem;}
    
    /* 대학원 */
   .g-guide-wrap .top .gui-item {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 40%);border-right:none;}
   .g-guide-wrap .bottom .line-btn {width: 100%;}
   
   /* 한세비전 */
   .m-vision-news .more-btn {display: none;}
   
   .m-vision-sns .swiper .sns-icon {top: 1.5rem;right: 1.5rem;width: 3rem;height: 3rem;}
}

@media screen and (max-width:375px){
	/* 입학 */
	.ipsi .section-hero .controls .inner {gap: 2rem;}
}




/* ------------------------ 학과01 ------------------------ */
/*===== Header =====*/
.dept01 .header-bottom .left,
.dept01 .header-bottom .right {width:auto;}
.dept01 .header-bottom .center {justify-content:right; margin-right:7rem;}

/*===== Footer =====*/
#footer.dept-footer .site-list {justify-content:center;}
#footer.dept-footer .site-list > li {max-width:54rem;}

/*===== Visual =====*/
#dept01-vis .slide-content .inner {max-width:110rem; align-items:flex-start; margin:0; margin-left:8rem; padding-bottom:clamp(24rem, 24vh, 24rem);}
#dept01-vis .content-dept {font-size:2.8rem; font-weight:500; margin-bottom:2rem;}
#dept01-vis .content-header {font-size:5.5rem; line-height:1.27; margin-bottom:2.5rem;}
#dept01-vis .content-header::before {display:none;}
#dept01-vis .content-desc {font-size:2.8rem; font-weight:600; line-height:1.43;}
#dept01-vis .slide-bg::after {background: linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}



/*===== Contents =====*/
/* 공통 */
.dept-title {display:flex; font-size:4.5rem; margin-bottom:4rem; gap:0.5rem;font-weight:700;}
/* .dept-title:after {content:""; display:block; width:4.5rem; height:4.5rem; background:url('../img/main/icon_wind.svg') no-repeat center / 100% auto; margin-top:-0.6em;}*/

/* 퀵서비스 */
.dept01-quickserv .quickserv-list {display:grid; grid-template-columns:repeat(5, 1fr); gap:3rem;}
.dept01-quickserv .quickserv-list .item {display:flex; flex-direction:column; width:100%; height:100%;}
.dept01-quickserv .quickserv-list .item .ico {display:block; width:7rem; height:7rem; margin-bottom:3.5rem; transition:all 0.3s;}
.dept01-quickserv .quickserv-list .item .ico img {width:100%; height:100%; object-fit:contain;}
.dept01-quickserv .quickserv-list .item .tit {font-size:2.2rem; font-weight:500; color:var(--color-text30); margin-bottom:1.5rem;}
.dept01-quickserv .quickserv-list .item .desc {color:var(--color-text40);}
.dept01-quickserv .quickserv-list .item:hover .ico {transform:translateY(-1rem);}
.dept01-quickserv .dept-info {min-height:7rem; padding:2.5rem 5rem; background:var(--color-primary03); margin-top:6rem;}
.dept01-quickserv .dept-info .list {display:flex; flex-wrap:wrap; gap:1.5rem 7rem;}
.dept-info .list li {display:flex; align-items:center;}
.dept-info .list .ico {position:relative; display:inline-block; flex-shrink:0; width:5.4rem; height:5.4rem; border-radius:var(--radiusPill); background:var(--color-text100); margin-right:2rem;}
.dept-info .list .ico::before {position:absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%);}
.dept-info .list .ico.location::before {width:1.8rem; height:2.1rem; background:var(--color-primary03); -webkit-mask:url('/share/portal/img/Contents/ico_location.svg') no-repeat center/contain; mask:url('/share/portal/img/Contents/ico_location.svg') no-repeat center/contain;}
.dept-info .list .ico.tel::before {width:1.8rem; height:1.8rem; background:var(--color-primary03); -webkit-mask:url('/share/portal/img/Contents/ico_tel.svg') no-repeat center/contain; mask:url('/share/portal/img/Contents/ico_tel.svg') no-repeat center/contain;}
.dept-info .list .ico.email::before {width:1.8rem; height:1.6rem;background:var(--color-primary03); -webkit-mask:url('/share/portal/img/Contents/ico_mail.svg') no-repeat center/contain; mask:url('/share/portal/img/Contents/ico_mail.svg') no-repeat center/contain;}
.dept-info .list .stit {font-size:1.8rem; font-weight:600; color:var(--color-text100); margin-right:1.5rem;}
.dept-info .list .txt {flex-shrink:1; font-size:1.8rem; color:var(--color-text100); font-weight:500; word-break:break-all; overflow-wrap:break-word; line-height:1.3;}


/* 팝업존 */
.dept01-popzone {position:relative; width:100%;}
.dept01-popzone .sec-wrap {display:flex; height:80rem;}
.dept01-popzone .dept-intro {position: relative; width:50%; padding:10rem;}
.dept01-popzone .dept-intro img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.dept01-popzone .dept-intro .txt-box {position:relative; display:inline-flex; flex-direction:column; gap:4rem; padding:3rem 10rem 10rem 0; z-index:2;}
.dept01-popzone .dept-intro .txt-box .tit {font-family:var(--font-family01);}
.dept01-popzone .dept-intro .txt-box .tit span {display:block;}
.dept01-popzone .dept-intro .txt-box .tit span.ko {font-size:4.2rem; font-weight:800; color:var(--color-text0); margin-bottom:2rem;}
.dept01-popzone .dept-intro .txt-box .tit span.en {font-size:2.4rem; font-weight:300; color:var(--color-text20);}

.dept01-popzone .dept-intro .intro-btn {position:relative; width:26rem; min-height:7rem; padding:3rem; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); transition:all 0.3s ease;}
.dept01-popzone .dept-intro .intro-btn:before {position: absolute; content:""; display:block; left:0; top:0; width:100%; height:100%; border: 1px solid #fff; opacity:0; transition: all 0.3s ease;}
.dept01-popzone .dept-intro .intro-btn:hover:before,
.dept01-popzone .dept-intro .intro-btn:focus:before {opacity: 1;}
.dept01-popzone .dept-intro .intro-btn .txt {font-family:var(--font-family01); font-size:2rem; font-weight:500; color:var(--color-text100);}
.dept01-popzone .dept-intro .intro-btn .arr {position: absolute;right:2rem;top: 2rem;display: inline-block;width: 1.4rem;height: 1.4rem; background: url(../img/layout/icon_outlink.svg) no-repeat center / 1.4rem auto;opacity: 0.3;transition: all 0.3s ease;}
.dept01-popzone .dept-intro .intro-btn:hover .arr,
.dept01-popzone .dept-intro .intro-btn:focus .arr {opacity: 1;}

.dept01-popzone .dept-pop {position:relative; width:50%; padding:11rem 12rem; background:var(--color-primary01);}
.dept01-popzone .dept-pop .tit-box {display:flex; justify-content:space-between; align-items:center; margin-bottom:4rem;}
.dept01-popzone .dept-pop .tit-box .tit {font-family:var(--font-family01); font-size:4.2rem; color:var(--color-text100); font-weight:800;}
.dept01-popzone .dept-pop .deptpop-swiper .swiper-slide {display:block; position:relative; overflow:hidden;}
.dept-pop .controls {display:flex; gap:4rem; justify-content:flex-end;}
.dept-pop .controls .pager {margin-right:0; margin-top:-0.5rem;}
.dept-pop .autoplay{flex:none;width:3rem; height:3rem; border-radius:50%; border:2px solid #bebebe; display:flex; align-items:center; justify-content:center;}
.dept-pop .autoplay:before{content:""; width:0.6rem; height:0.8rem; border-left:2px solid #D9D9D9; border-right:2px solid #D9D9D9; display:none;}
.dept-pop .autoplay:after{content:""; width:0; height:0; border-style:solid; border-width:4px 0 4px 8px; border-color:transparent transparent transparent #D9D9D9; margin-right:-0.24rem; display:none;}
.dept-pop .autoplay.pause:before{display:block;}
.dept-pop .autoplay.play:after{display:block;}
.dept-pop .arrows{display:flex; gap:2rem; align-items:center;}
.dept-pop .controls .arrowbox {display:flex; gap:2.5rem; align-items:center;}
.dept-pop .controls .arrow {display:inline-block; width:1.4rem; height:2.2rem; background:url(../img/main/Dept/popzone_arr.svg) no-repeat center/contain; filter:invert(1); opacity: 1;}
.dept-pop .controls .arrow.right {transform:rotate(180deg);}
.dept-pop .swiper-pagination-bullet{width:1.2rem; height:1.2rem; background:#767676; opacity:1; border-radius:50%; border:2px solid transparent; transition:background 0.3s ease-in-out; margin:0 !important;}
.dept-pop .swiper-pagination-bullet-active{border-color:var(--color-primary03); background:transparent;}
.dept-pop .swiper-pagination-bullet:focus{outline:1px solid #000; outline-offset:2px;}
.dept-pop .pager{width:auto; display:flex; align-items:center; gap:1rem; margin-right:-1.3rem;}
.dept-pop .pager span {font-size:2.2rem; color:rgba(255,255,255,0.5); font-weight:400;}
.dept-pop .pager .devide {width:1.8rem; height:2px; background:#bebebe; margin-top:1px;}
.dept-pop .pager .current {font-weight:500; color:#fff;}
.dept-pop .imgbox img {width:100%; height:auto; object-fit:cover;}


/* 학과뉴스 */
.dept01-news .inner {position:relative;}
.dept01-news .more-btn {position:absolute; right:3.6rem; top:1rem; font-size:2rem; padding:0.4rem 2.2rem 1rem 0;}
.dept01-news .news-list {display:flex; flex-wrap:wrap; gap:4rem 4.5rem;}
.dept01-news .news-list li {width:calc((100% - 9rem) / 3); min-width:0;}
.dept01-news .news-list .news-item {position:relative; display:block; border:1px solid #bebebe; padding:4.5rem 3.5rem 3.5rem; transition:all 0.3s ease-in-out;}
.dept01-news .news-list .news-item:before {position:absolute; content:""; top:3.8rem; right:4rem; width:5rem; height:5rem; border-radius:var(--radiusPill); background:var(--color-bg02) url('../img/main/icon_arrow_go.svg') no-repeat center / 100% auto; transition:all 0.3s ease-in-out;}
.dept01-news .news-list .news-item .badge {display:inline-flex; align-items:center; justify-content:center; color:var(--color-primary03); font-size:2rem; font-weight:300; margin-bottom:6rem;}
.dept01-news .news-list .news-item .title {font-size:2.5rem; font-weight:600;  color:#222; line-height:1.4; margin-bottom:2.5rem; min-height:7rem;}
.dept01-news .news-list .news-item .date {font-size:1.7rem; color:var(--color-text76);}
.dept01-news .news-list .news-item:hover {border-color:transparent; box-shadow:0px 7px 25px rgba(0,0,0,0.15);}
.dept01-news .news-list .news-item:hover::before {top:3rem; right:3rem;}


/* 학과활동 */
.dept01-activity {position:relative; width:100%; height:100vh; min-height:100vh; background:var(--color-primary03); overflow:hidden;}
.dept01-activity.active {position:sticky; top:0;}
.dept01act {position:relative; width:100%; height:100%; overflow:hidden;}
.dept01-activity::after {content:""; display:block; width:100%; height:32rem; position:absolute; bottom:0; left:0; background:url('../img/main/Dept/dept01act_bg.png') 0 0 no-repeat; bcakground-size:auto 100%; transition:all 1s ease; z-index:0;}
.dept01act__tit {position:absolute; top:14rem; left:0; z-index:5; color:var(--color-text100);}
.dept01act__tit .more-btn {position:relative; font-size:2.2rem; font-weight:300; padding:0.4rem 2.2rem 0.4rem 0; border-bottom:2px solid var(--color-text100); color:var(--color-text100);}
.dept01act__tit .more-btn:after {position:absolute; content:""; display:block; right:0; top:-0.2rem;  width:1.5rem; height:1.5rem; background:var(--color-text100); mask:url("../img/main/icon_more.svg") center center / 100% no-repeat; -webkit-mask:url("../img/main/icon_more.svg") center center / 100% no-repeat; transition:transform 0.3s ease-in-out;}
.dept01act__tit .more-btn:hover:after{transform:rotate(360deg)}
.dept01act__tit .dept-title:after {background:#FDC700; mask:url('../img/main/icon_wind.svg') no-repeat center / 100% auto; -webkit-mask:url('../img/main/icon_wind.svg') no-repeat center / 100% auto;}
.dept01act__tit .desc {margin:3rem 0; font-size:2.2rem; line-height:1.5;}

.dept01act__cont {position:relative; display:flex; justify-content:flex-end; min-width:55.875%; max-width:108rem; height:100vh; z-index:2; margin-left:auto;}
.dept01act__panel-rail {position: relative; width:50% !important; height:100vh; padding:0 1.25rem; transition:all 1s ease; overflow:hidden;}
.dept01act__panel-rail .rail-swiper {height:100%; overflow:visible;}
.dept01act__panel-rail .swiper-wrapper {display:flex !important; flex-direction:column !important; will-change:transform; transform:translateY(0);}
.dept01act__card {width:100%; height:auto !important; padding:clamp(2rem, 3vw, 3rem); background:#fff; flex-shrink:0;}
.dept01act__card ~ .dept01act__card {margin-top: clamp(2rem, 4vw, 4rem);}
.dept01act__card:first-child {margin-top: clamp(4rem, 7vw, 7rem);}
.dept01act__card:last-child {margin-bottom: clamp(4rem, 7vw, 7rem);}
.dept01act__card .card-panel__link {width:100%; height:100%; transition:all 0.3s ease-in-out;}
.dept01act__card .card-panel__image {position:relative; width:100%; height:31rem; overflow: hidden;}
.dept01act__card .card-panel__image img {width:100%; height:100%; object-fit:cover; transition:all 0.3s ease-in-out;}

.dept01act__card .card-panel__title {position:relative; margin-top:2.5rem; font-size:2.5rem; font-weight:600; color:var(--color-text20); line-height:1.4;}
.dept01act__card .card-panel__title:before {content:""; display:block; width:8rem; height:8px; background:var(--color-primary03); margin-bottom:3rem;}
.dept01act__card .card-panel__link:hover .card-panel__image img,
.dept01act__card .card-panel__link:focus .card-panel__image img {transform:scale(1.05);}


	@media screen and (max-width: 1799px) {
		#dept01-vis .slide-content .inner {max-width:100%; margin:0;}

		.dept01act__card .card-panel__image {height:25rem;}
	}

	@media screen and (max-width: 1440px) {
		.dept-title {font-size:4rem;}

		#dept01-vis .content-dept {font-size:2.5rem;}
		#dept01-vis .content-header {font-size:5rem; margin-bottom:2rem;}
		#dept01-vis .content-desc {font-size:2.4rem; margin-bottom:4rem;}

		.dept01-popzone .sec-wrap {height:auto;}
		.dept01-popzone .dept-intro {padding:6rem;}
		.dept01-popzone .dept-intro .txt-box {gap:3rem; padding:0;}
		.dept01-popzone .dept-intro .txt-box .tit span.ko {font-size:3.8rem;}
		.dept01-popzone .dept-intro .txt-box .tit span.en {font-size:2.2rem;}
		.dept01-popzone .dept-pop {padding:7rem 6rem;}
		.dept01-popzone .dept-pop .tit-box .tit {font-size:3.8rem;}
		.dept-pop .controls {gap:2.5rem;}
		.dept-pop .controls .arrowbox {gap:2rem;}
		.dept-pop .pager span {font-size:1.9rem;}

		.dept01-news .news-list {gap:2rem;}
		.dept01-news .news-list li {width:calc((100% - 4rem) / 3);}

		.dept01act__card .card-panel__image {height:20rem;}
		.dept01act__card .card-panel__title {font-size:2.2rem;}
	}

	@media screen and (max-width: 1280px) {
		.dept-title {font-size:3.2rem;}
		.dept-title:after {width:3.6rem; height:3.6rem; margin-top:-0.4em;}
		#dept01-vis .content-dept {font-size:2.4rem;}
		#dept01-vis .content-header {font-size:4.8rem;}
		#dept01-vis .content-desc {font-size:2.2rem;}

		.dept01-quickserv .quickserv-list .item .ico {width:5.6rem; height:5.6rem; margin-bottom:2rem;}
		.dept01-quickserv .quickserv-list .item .tit {font-size:2rem; margin-bottom:1rem;}
		.dept01-quickserv .dept-info {min-height:auto; gap:1.5rem 4rem; padding:2rem 3rem; margin-top:4rem;}
		.dept-info .list .ico {width:4.2rem; height:4.2rem; margin-right:1rem;}
		.dept-info .list .stit,
		.dept-info .list .txt {font-size:1.7rem;}

		.dept01-popzone .dept-intro {padding:5rem;}
		.dept01-popzone .dept-intro .txt-box .tit span.ko {font-size:3.2rem; margin-bottom:1.5rem;}
		.dept01-popzone .dept-intro .txt-box .tit span.en {font-size:1.9rem;}
		.dept01-popzone .dept-intro .intro-btn {min-height:auto; padding:2rem;}
		.dept01-popzone .dept-intro .intro-btn .txt {font-size:1.8rem;}

		.dept01-popzone .dept-pop {padding:5rem;}
		.dept01-popzone .dept-pop .tit-box {margin-bottom:3rem;}
		.dept01-popzone .dept-pop .tit-box .tit {font-size:3.2rem;}

		.dept01-news .news-list .news-item {padding:3.5rem 2.5rem 2.5rem;}
		.dept01-news .news-list .news-item .title {font-size:2.2rem; min-height:6.5rem; margin-bottom:1.5rem;}
		.dept01-news .news-list .news-item:before {top:2rem; right:2.5rem;}

		.dept01act__tit .desc {display:none;}
		.dept01act__card .card-panel__image {height:18rem;}
		.dept01act__card .card-panel__title:before {margin-bottom:2.5rem;}
	}

	@media screen and (max-width: 999px) {
		.dept01-popzone .sec-wrap {flex-direction:column;}
		.dept01-popzone .dept-intro,
		.dept01-popzone .dept-pop {width:100%;}
		.dept01-popzone .dept-intro {min-height:30rem;}

		.dept01-news .more-btn {top:0; font-size:1.8rem;}
		.dept01-news .news-list {flex-direction:column;}
		.dept01-news .news-list li {width:100%;}
		.dept01-news .news-list .news-item .badge {margin-bottom:3rem;}
		.dept01-news .news-list .news-item .title {font-size:2rem; min-height:auto;}

		.dept01act__tit {position:relative; top:auto; left:auto; margin-top:6rem;}
		.dept01act__tit .more-btn {position:absolute; right:0; top:0; font-size:1.8rem;}
		.dept01act__panel-rail {padding:0 1rem;}
		.dept01act__card:first-child {margin-top:0;}
		.dept01act__card .card-panel__title {font-size:1.9rem; margin-top:2rem;}
		.dept01act__card .card-panel__title:before {width:6rem; height:6px; margin-bottom:1.5rem;}
	}


	@media screen and (max-width: 768px) {
		.dept-title {font-size:2.8rem; margin-bottom:3rem;}

		#dept01-vis .content-dept {font-size:2.2rem; margin-bottom:1.2rem;}
		#dept01-vis .content-header {font-size:3.5rem; margin-bottom:1.5rem;}
		#dept01-vis .content-desc {font-size:2rem; margin-bottom:3rem;}

		.dept01-quickserv .quickserv-list {grid-template-columns:repeat(3, 2fr);}

		.dept01-popzone .dept-intro .txt-box .tit span.ko,
		.dept01-popzone .dept-pop .tit-box .tit {font-size:2.8rem;}
		.dept01-popzone .dept-intro .txt-box .tit span.en {font-size:1.7rem;}
		.dept-pop .pager span {font-size:1.7rem;}
	}

	@media screen and (max-width: 699px) {
		.dept01-quickserv .dept-info {margin-top:3rem; padding:2rem;}
		.dept01-quickserv .dept-info .list {gap:1rem;}
		.dept01-quickserv .dept-info .list li {width:100%;}
		.dept-info .list li + li {margin-top:0;}
		.dept-info .list .ico {width:3.4rem; height:3.4rem;}
		.dept-info .list .ico.location::before {width:1.4rem; height:1.7rem;}
		.dept-info .list .ico.tel::before {width:1.4rem; height:1.4rem;}
		.dept-info .list .ico.email::before {width:1.4rem; height:1.3rem;}
		.dept-info .list .txt {word-break:break-all; overflow-wrap:break-word;}
	}

	@media screen and (max-width: 599px) {
	.dept-title {margin-bottom:2rem;}

	.dept-info  {padding:3rem 2rem 2rem; gap:0;}
	.dept-info .list {flex-direction:column; align-items:flex-start; gap:1rem; height:100%;}
	.dept-info .list .ico {width:4.3rem; height:4.3rem;}
	.dept-info .list .ico::before {width:4.3rem; height:4.3rem; background-size:34% auto;}
	.dept-info .list .stit {font-size:1.7rem;}
	.dept-info .list .txt {font-size:1.7rem;}

	.dept01-quickserv .quickserv-list {grid-template-columns:repeat(2, 3fr);}
	.dept01-quickserv .quickserv-list .item .ico {width:4.4rem; height:4.4rem;}
	.dept01-quickserv .quickserv-list .item .tit {font-size:1.8rem;}
	.dept01-quickserv .quickserv-list .item .desc {font-size:1.6rem;}
	.dept-info .list .stit,
	.dept-info .list .txt {font-size:1.6rem;}

	.dept01-popzone .dept-intro,
	.dept01-popzone .dept-pop {padding:4rem 2rem;}
	.dept01-popzone .dept-pop .tit-box {margin-bottom:2rem;}
	.dept-pop .controls .pager {display:none;}

	.dept01-news .controls {display:flex; justify-content:flex-end; margin-top:2rem;}
	.dept01-news .more-btn {position:relative; top:auto; right:auto;}

	.dept01-activity {min-height:auto; height:100%; overflow:visible;}
	.dept01act__cont {height:auto;}
	.dept01act__card .card-panel__image {position:relative; height:auto;}
	.dept01act__panel-rail {width:100% !important; padding:0;}
	
	.dept01act__panel-rail:nth-child(n+2) {display:none;}
	}


	@media screen and (max-width: 499px) {
		#header.dept01 .logo {flex-wrap:wrap;}

		#dept01-vis .content-dept {font-size:2rem;}
		#dept01-vis .content-header {font-size:3.2rem;}
		#dept01-vis .content-desc {font-size:1.9rem;}

		.dept01-news .news-list .news-item .badge {font-size:1.8rem;}
		.dept01-news .news-list .news-item:before {width:4rem; height:4rem;}
		.dept01-news .news-list .news-item .title {font-size:1.9rem;}
		.dept01-news .news-list .news-item .desc {font-size:1.6rem;}
		.dept01-news .more-btn {font-size:1.6rem;}

		.dept01act__tit .more-btn {font-size:1.6rem;}
	}



/* ------------------------ 학과02 ------------------------ */
/*===== Header =====*/
.dept02 .header-bottom .left,
.dept02 .header-bottom .right {width:auto;}
.dept02 .header-bottom .center {justify-content:right; margin-right:7rem;}


/*===== Visual =====*/
#dept02-vis {height:78rem;}
#dept02-vis .swiper-wrapper::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:62.5rem; background:var(--color-primary03); z-index:-2;}
#dept02-vis .swiper-slide {display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:8rem;}
#dept02-vis .swiper-slide .slide-bg {position:relative; width:clamp(60rem, 50vw, 100rem); height: clamp(42rem, 35vw, 70rem); margin-top:8rem; z-index:1; overflow:hidden;}
#dept02-vis .swiper-slide .slide-bg img,
#dept02-vis .swiper-slide .slide-bg video {width:100%; height:100%; object-fit:cover;}
#dept02-vis .swiper-slide .slide-bg .youtube-wrap {position:absolute; inset:0; top:0; left:0; width:100%; height:100%; transform:none; min-width:0; min-height:0; aspect-ratio:auto; overflow:hidden;}
#dept02-vis .swiper-slide .slide-bg .youtube-wrap > div {position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%);}
#dept02-vis .swiper-slide .slide-bg iframe {position:absolute; top:50%; left:50%; width:177.78%; height:177.78%; min-width:100%; min-height:100%; transform:translate(-50%, -50%);}
#dept02-vis .slide-bg:after {display:none;}
#dept02-vis .swiper-slide .slide-content {width:calc(100% - clamp(60rem, 50vw, 100rem)); z-index:1;}
#dept02-vis .slide-content .inner {margin:0; justify-content:center; padding-bottom:8rem; padding-left:12rem;}
#dept02-vis .content-dept {font-size:2.8rem; font-weight:500; margin-bottom:2rem;}
#dept02-vis .content-header {font-size:5.5rem; line-height:1.27; margin-bottom:2.5rem;}
#dept02-vis .content-header::before {display:none;}
#dept02-vis .content-desc {font-size:2.8rem; font-weight:600; line-height:1.43; margin-bottom:5rem;}
#dept02-vis .autoplay {border-color:#bebebe;}
#dept02-vis .autoplay:before {border-color:var(--color-text02);}
#dept02-vis .arrows .arrow {filter:inherit;}
#dept02-vis .swiper-pagination-bullet-active {border-color:#222;}
#dept02-vis .swiper-pagination-bullet {background:#bebebe;}
#dept02-vis .controls {bottom:clamp(6.5rem, 12vh, 8rem)}


/*===== Contents =====*/
/* 팝업존 */
.dept02-popnews .sec-wrap {display:flex; gap:0 12rem; margin-top:10rem;}
.dept02pop {position:relative; width:clamp(30rem, 40vw, 72rem);}
/* .dept02pop::before {content:""; display:block; position:absolute; top:-17.5rem; right:0; width:12rem; height:12rem; background:url(../img/main/icon_flower2.svg) no-repeat center / cover; z-index:-1;}*/
.dept02pop .imgbox img {width:100%; height:auto; object-fit:cover;}
.dept02pop .controls {margin-top:3rem;}
.dept02pop .pager span {color:var(--color-text76);}
.dept02pop .pager .current {color:var(--color-text30);}
.dept02pop .controls .arrow {filter:inherit;}
.dept02pop .autoplay:after {border-color:transparent transparent transparent #222;}
.dept02pop .autoplay:before {border-color:var(--color-text02);}


/* 학과뉴스 */
.dept02news {width:calc(100% - clamp(30rem, 40vw, 72rem) - 12rem);}
.dept02news .tit-box {display:flex; justify-content:space-between; align-items:center; padding-bottom: 2rem; border-bottom:2px solid var(--color-border02);}
.dept02news .tit-box .tit {position:relative; font-size:2.4rem; font-weight:500; color:var(--color-text20); padding-left:2.7rem;}
.dept02news .tit-box .tit::before {content:""; display:block; position:absolute; top:50%; left:0; width:1rem; height:1rem; transform:translateY(-50%); background:var(--color-text20); border-radius:50%; margin-top:-2px;}
.dept02news .tit-box .more-link {position:relative; font-size:2rem; color:var(--color-primary01); font-weight:500; padding-right:2.4rem;}
.dept02news .tit-box .more-link::after {content:""; display:block; position:absolute; top:50%; right:0; width:1.6rem; height:1.6rem; /* background:url("../img/main/icon_more.svg") center center / 100% no-repeat; */ transform:translateY(-50%); transition:transform 0.3s ease-in-out;
background-color: var(--color-primary01);
-webkit-mask: url('../img/main/icon_more.svg') no-repeat center / 100% auto;
mask: url('../img/main/icon_more.svg') no-repeat center / 100% auto;
}
.dept02news .tit-box .more-link:hover::after{transform:translateY(-50%) rotate(360deg);}
.dept02news .news-list {display:flex; flex-direction:column;}
.dept02news .news-item {border-bottom:1px solid var(--color-border02);}
.dept02news .news-item .item-link {display:block; width:100%; height:100%; padding:4rem; transition:all 0.3s ease-in-out;}
.dept02news .news-item .item-link:hover,
.dept02news .news-item .item-link:focus {background:var(--color-gray03);}
.dept02news .news-item .category {display:block; font-family:var(--font-family01); font-size:1.8rem; font-weight:300; color:var(--color-primary01); margin-bottom:2rem;}
.dept02news .news-item .cont {display:flex; justify-content:space-between; align-items:center; gap:2rem;}
.dept02news .news-item .text {font-size:2.2rem; color:var(--color-text20); font-weight:500; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease-in-out;}
.dept02news .news-item .date {font-size:1.7rem; color:var(--color-text76);}


/* 퀵서비스 */
.dept02-quickserv {padding:8rem 0; background:var(--color-gray03) url('../img/main/Dept/dept02_shape.svg') no-repeat center right / auto 100%; margin-top:10rem;}
.dept02-quickserv .dept-title {font-size:4.2rem;}
.dept02-quickserv .sec-wrap {display:flex; gap:0 23rem; align-items:center;}
.dept02qserv__list {width:59.23%;}
.dept02qserv__list .list {display:grid; grid-template-columns:repeat(4, 1fr); gap:2.5rem;}
.dept02qserv__list .list .item {display:flex; flex-direction:column; align-items:center; justify-items:center; justify-content:center; width:100%; height:100%; background:var(--color-text100); padding:4.5rem 2rem;}
.dept02qserv__list .list .item .ico {display:block; width:6rem; height:6rem; margin-bottom:2.5rem; transition:all 0.3s;}
.dept02qserv__list .list .item .ico img {width:100%; height:100%; object-fit:contain;}
.dept02qserv__list .list .item .tit {font-size:2.2rem; font-weight:500; color:var(--color-text30); text-align:center;}
.dept02qserv__list .list .item:hover .ico,
.dept02qserv__list .list .item:focus .ico {transform:translateY(-1rem);}
.dept02qserv__deptinfo {display:flex; flex-direction:column; align-items:flex-start; gap:3rem; width:26.2%;}
.dept02qserv__deptinfo .title {display:block; margin:0 auto; font-size:3.5rem; font-weight:500; color:var(--color-text100);}
.dept02qserv__deptinfo .dept-info .list {display:flex; flex-direction:column; align-items:flex-start; gap:1rem;}
.dept02qserv__deptinfo .dept-info .list .ico::before {background:var(--color-primary01);}


/* 학과활동 */
.dept02-activity {background:none; margin-bottom:5rem;}
.dept02-activity .section-header {margin-bottom:0;}
.dept02-activity .issue-slide {margin-top:0; gap:4rem; z-index:0;}
.dept02-activity .issue-slide .issue-left {width:41.5% !important; background:none;}
.dept02-activity .issue-slide .issue-right {padding-top:0;}
.dept02-activity .issue-slide .swiper .swiper-slide {width:26.8vw; max-width:45rem;}
.dept02-activity .issue-slide .cloned-poster .img-frame {margin-bottom:4rem;}
.dept02-activity .issue-slide .cloned-poster .title {position:relative; font-family:var(--font-family02); font-size:2.8rem; font-weight:600; line-height:1.32;}
.dept02-activity .issue-slide .cloned-poster .title::before {content:""; display:block; position:relative; width:8rem; height:8px; background:var(--color-primary03); margin-bottom:4rem;}
.dept02-activity .issue-slide .swiper .title {display:none;}
.dept02-activity .controls {margin-top:-10rem;}


	@media screen and (max-width: 1799px) {
		#dept02-vis .slide-content .inner {padding-left:3.6rem;}

		.dept02-popnews .sec-wrap {gap:0 8rem;}
		.dept02news {width:calc(100% - clamp(30rem, 40vw, 72rem) - 8rem);}

		.dept02-quickserv .sec-wrap {gap:0 18rem;}
	}

	@media screen and (max-width: 1599px) {
		.dept02-quickserv {background-size:40% 100%;}
		.dept02-quickserv .sec-wrap {gap:0 13rem;}
	}

	

	@media screen and (max-width: 1440px) {
		#dept02-vis .content-dept {font-size:2.5rem;}
		#dept02-vis .content-header {font-size:5rem; margin-bottom:2rem;}
		#dept02-vis .content-desc {font-size:2.4rem; margin-bottom:4rem;}
		#dept02-vis .slide-content .inner {padding-bottom:0; justify-content:flex-start; padding-top:15rem;}

		.dept02-popnews .sec-wrap {margin-top:6rem;}
		.dept02news .news-item .item-link {padding:3rem 2rem;}
		.dept02news .news-item .text {font-size:2rem;}
		
		.dept02qserv__list .list {grid-template-columns:repeat(2, 1fr);}
		.dept02qserv__list .list .item {padding:3rem 2rem;}
		.dept02qserv__list .list .item .ico {width:4.8rem; height:4.8rem; margin-bottom:2rem;}
		.dept02qserv__list .list .item .tit {font-size:2rem;}
	}

	@media screen and (max-width: 1280px) {
		#dept02-vis .content-dept {font-size:2.4rem;}
		#dept02-vis .content-header {font-size:4.8rem;}
		#dept02-vis .content-desc {font-size:2.2rem;}
		#dept02-vis .swiper-wrapper::after {width:28rem; height:28rem;}

		.dept02pop::before {top:-12.5rem;width:8rem; height:8rem;}
		.dept02-popnews .sec-wrap {margin-top:0;}

		.dept02-quickserv .sec-wrap {gap:0 10rem;}
		.dept02qserv__deptinfo .title {font-size:3rem;}
		.dept02-quickserv .dept-title {font-size:3.2rem;}

		.dept02-activity .issue-slide .swiper .swiper-slide {width:inherit;}
		.dept02-activity .issue-slide .swiper .title {position:relative; display:block;}
		.dept02-activity .issue-slide .swiper .title::before {content:""; display:block; position:relative; width:6rem; height:5px; background:var(--color-primary03); margin-bottom:2rem;}
		.dept02-activity .controls {margin-top:2rem;}
	}


	@media screen and (max-width: 999px) {
		#dept02-vis {min-height:auto; height:auto;}
		#dept02-vis .swiper-wrapper::before {height:clamp(40rem, 30vw, 40rem);}
		#dept02-vis .swiper-wrapper::after {left:auto; right:0; transform:translateX(0);}
		#dept02-vis .swiper-slide {flex-direction:column; justify-content:flex-start; gap:4rem;}
		#dept02-vis .swiper-slide .slide-bg {width:95%; height:clamp(40rem, 30vw, 40rem); margin-top:5rem; overflow:visible;}
		#dept02-vis .slide-content .inner {color:var(--color-text20); padding:0 3.6rem; justify-content:flex-start;}
		#dept02-vis .swiper-slide .slide-content {width:100%;}
		#dept02-vis .controls {position:relative; bottom:auto; left:auto; margin-top:3rem;}

		.dept02-popnews .sec-wrap {flex-direction:column; gap:4rem;margin-top:6rem;}
		.dept02pop,
		.dept02news {width:100%;}

		.dept02-quickserv {background-image:none;}
		.dept02-quickserv .sec-wrap {flex-direction:column; align-items:flex-start; gap:4rem;}
		.dept02qserv__list {width:100%;}
		.dept02qserv__list .list {grid-template-columns:repeat(4, 1fr); gap:1rem;}
		.dept02qserv__deptinfo {width:100%; padding:3rem; background:var(--color-point02);}
		.dept02qserv__deptinfo .dept-info {padding:0;}
		.dept02qserv__deptinfo .dept-info .list {flex-direction:row; gap:2rem; flex-wrap:wrap;}
	}


	@media screen and (max-width: 768px) {
		#dept02-vis .content-dept {font-size:2.2rem; margin-bottom:1.2rem;}
		#dept02-vis .content-header {font-size:3.5rem; margin-bottom:1.5rem;}
		#dept02-vis .content-desc {font-size:2rem; margin-bottom:3rem;}
		#dept02-vis .slide-content .inner {padding:0 2rem;}

		.dept02news {padding:4rem 0 6rem;}
		.dept02news .tit-box .title {font-size: 2rem;}
		.dept02news .item-link {flex-direction: column; align-items: flex-start; padding: 2rem 0;}
		.dept02news .item-content {flex-direction: column; align-items: flex-start; gap: 0.8rem;}
		.dept02news .date {align-self: flex-end;}
		.dept02news .tit-box .tit {font-size:2.2rem;}
		.dept02news .tit-box .more-link {font-size:1.8rem;}
		.dept02news .tit-box .more-link::after {width:1.4rem; height:1.4rem;}
		.dept02news .news-item .category {font-size:1.7rem; margin-bottom:1.5rem;}
		.dept02news .news-item .text {font-size:1.8rem;}
		.dept02news .news-item .date {font-size:1.6rem;}

		.dept02-quickserv {margin-top:0;}
		.dept02qserv__list .list .item .ico {width:3.8rem; height:3.8rem; margin-bottom:1rem;}
		.dept02qserv__list .list .item .tit {font-size:1.8rem;}
		.dept02-quickserv .dept-title {font-size:2.8rem;}
	}

  @media screen and (max-width: 599px) {
		#dept02-vis .swiper-slide .slide-bg {height:clamp(25rem, 25vh, 40rem); margin-top:4rem;}
		#dept02-vis .swiper-wrapper::before {height:clamp(25rem, 25vh, 40rem);}
		#dept02-vis .controls {margin-top:1rem;}

		.dept02news {padding:2rem 0 4rem;}
		.dept02news .tit-box .tit {font-size:2rem; padding-left:2.2rem;}
		.dept02news .tit-box .more-link {font-size:1.7rem;}
		.dept02news .news-item .item-link {padding:2rem 1rem;}
		.dept02news .news-item .cont {flex-direction:column; align-items:flex-start; gap:1rem;}
		.dept02news .news-item .text {width:100%; font-size:1.7rem;}

		.dept02qserv__list .list {grid-template-columns:repeat(2, 1fr); gap:1rem;}
		.dept02qserv__list .list .item .tit {font-size:1.7rem;}
		.dept02qserv__deptinfo {gap:2rem;}
		.dept02qserv__deptinfo .title {font-size:2.5rem;}
		.dept02qserv__deptinfo .dept-info .list {flex-direction:column; gap:1rem;}
	}

	@media screen and (max-width: 499px) {
		#dept02-vis .content-dept {font-size:2rem;}
		#dept02-vis .content-header {font-size:3.2rem;}
		#dept02-vis .content-desc {font-size:1.9rem;}

		.dept02pop .controls {margin-top:2rem;}
	}



/* ========================================
   Google Translate 대응 스타일
   ======================================== */
.lang-en .notice-tab .tab-list li {margin-right:2rem; padding-right:2rem;}
.lang-en .notice-tab .tab-list a {font-size:2.4rem;}
.lang-en .notice-tab .tab-list {margin-right:14rem;}
.lang-en .section-header .desc {width:53.8rem;}
.lang-en .service-slide .slide-item .label {white-space:pre-wrap;}

.lang-en .ipsi .section h1 {font-size:4.5rem;}
.lang-en .m-info .tit {font-size:2rem;}
.lang-en .m-guide .guide_arrbox .tit {font-size:2rem;}
.lang-en .guide_bottom .line-btn .label {font-size:1.8rem;}
.lang-en .ipsiNotice-tab .notice-list .notice-item .title {line-height:3.5rem;}
.lang-en .college-gallery .major_namebox .tit {font-size:2.4rem;}


.lang-en .grad-service .sv-item a {justify-content:flex-start; height:100%; text-align:center;}
.lang-en .g-guide-wrap .bottom .line-btn .label {font-size:1.7rem;}
.lang-en .grad-guide .section-header .title:after {left:auto; right:0;}


	@media screen and (max-width: 1600px) {
		.lang-en .section-header .desc {width:auto;}

	}
	@media screen and (max-width: 1200px) {
		.lang-en .notice-tab .tab-list a {font-size:2rem;}
		.lang-en .notice-tab .controls{display:flex; justify-content:flex-end; margin:3rem 0 0;}
		.lang-en .notice-tab .more-btn{position:relative; top:auto; right:auto;}

		.lang-en .ipsi .section h1 {font-size:4rem;}
		.lang-en .ipsiNotice-tab .notice-list .notice-item .title {line-height:1.4;}
	}
	@media screen and (max-width: 1024px) {
		.lang-en .m-info .tit {font-size:1.8rem; line-height:1.4;}
	}
	@media screen and (max-width: 768px) {
		.lang-en .notice-tab .tab-list a {font-size:1.6rem;}

		.lang-en .ipsi .section h1 {font-size:3.2rem;}
		.lang-en .guide_bottom .line-btn .label {font-size:1.7rem;}
	}
	@media screen and (max-width: 599px) {

		.lang-en .ipsi .section h1 {font-size:3rem;}
	}