@charset "utf-8";
main{min-height:100vh;}
*{font-family: 'Pretendard'}
button{border:none; background:transparent;}
main section{ /*height: 100vh;*/ overflow:hidden; background:#fff;}
main .fix-layout{max-width:1724px;}
.section .con{ display: flex;
    justify-content: center;
    align-items: center;
    /*height:100%; padding-top:100px;*/ padding:100px 0;}
.section-titBox h3, .section-titBox h3 span{font-family:'Gmarket'; font-size:70px;}
.section-titBox h3{color:#e1e1e1; margin-bottom:30px;}
.section-titBox p{color:#252525; font-size:22px; line-height: 1.3;}
.animation {
  opacity: 0.01;
  transform: translateY(40px);
  transition: all 0.8s ease;
  will-change: opacity, transform;
}

.animation.active {
  opacity: 1;
  transform: none;
}

/*메인슬라이드 부분*/
.mainVisu{position:relative;}
.mainVisu .main-sl-area{height:100%;}
.mainVisu .swiper-slide video{object-fit: fill; width:100%; height:100%;}
.mainVisu .main-sl-img{width:100%;height:100%; overflow:hidden;}
.mainVisu .main-sl-img img{height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale3d(1.5, 1.5, 1);
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 2000ms ease;
  object-fit:cover;}
.mainVisu .swiper-slide.swiper-slide-active .main-sl-img{width: 100%;}
.mainVisu .swiper-slide.swiper-slide-active .main-sl-img img,
.mainVisu .swiper-slide.swiper-slide-duplicate-active .main-sl-img img{
  transform: scale3d(1, 1, 1); }
.mainVisu .main-sl-txt{width:100%; height:100%; position:absolute; display:flex; justify-content:center;
padding-left:190px; flex-direction:column; gap:50px; top:0; left:0;}
.mainVisu .main-sl-txt:before{content:""; display:block; width:100%; height:100%;/*background: linear-gradient(to right, rgba(0, 37, 99, 1), rgba(0, 37, 99, .2));*/
position:absolute; z-index:1; top:0; left:0;}
.mainVisu .main-sl-txt span{color:#fff; font-size:44px; font-weight:600; z-index:2;}
.mainVisu .main-sl-txt p{color:#fff; font-size:70px; font-weight:bold; z-index:2;}
.mainVisu .main-sl-util{display:flex; align-items:center; gap:20px; position:absolute; /* bottom:70px;*/ bottom:80px; left:50%; transform:translateX(-50%); z-index:2;}
.mainVisu .main-sl-util .pagination_bullet{display:flex; gap:20px;}
.mainVisu .main-sl-util .main-sl-pause{border:2px solid #fff; width:45px; height:45px; border-radius: 30px; position:relative;
display:flex; color:#fff; justify-content:center; align-items:center; font-size:18px; background:transparent;}
.mainVisu .swiper-pagination-bullet{width:15px; height:15px; background:transparent; border:1px solid #fff; opacity: 1;}
.mainVisu .swiper-pagination-bullet-active{background:#fff;}


/*뉴스*/
.news .con{flex-direction:column; gap: 30px;}
.news .section-titBox h3 span{color:#081f59;}
/*뉴스 > 첫번째 행 */ 
.news .news-sl-area{position:relative; display:flex; align-items:center; width:100%;}
.news .section-titBox{width:400px;}
.news .news-sl-wrap{width:calc(100% - 400px);}
.news .news-sl-itm a{display:block; position:relative; padding-bottom:20px;}
.news .news-sl-itm a:focus{border:1px solid #000;}
.news .news-sl-itm .news-sl-img{width:60%; height:400px; transition:all .3s ease; overflow:hidden;}
.news .news-sl-itm .news-sl-img img{width:100%; height:100%; object-fit:cover;  transition:all .3s ease;}
.news .news-sl-itm .news-sl-txt{position:absolute; right:0; bottom:0; background:#033d94; max-width:600px; height:365px; padding:50px; width:50%;
display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.news .news-sl-itm .news-sl-txt h5{line-height:1.5; color:#fff; font-size:30px; font-weight:bold; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news .news-sl-itm .news-sl-txt p{line-height:1.5; color:#fff; font-size:20px; font-weight:500; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news .news-sl-itm .news-sl-txt i{display:block; font-family:'EB Garamond'; width:230px; line-height:50px; background:#fff; color:#333333;
font-size:18px; text-align:center; transition:all .3s ease;}
.news .news-sl-itm a:hover .news-sl-img{z-index:1; position:relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.news .news-sl-itm a:hover .news-sl-img img{transform:scale(1.1)}
.news .news-sl-itm a:hover .news-sl-txt{padding-left:10%;}
.news .news-sl-itm a:hover i{color:#1e6aed;}
.news .news-pagination{position:absolute; bottom:30px; right:30px; display:flex; gap:10px; z-index:1;}
.news .news-sl-wrap .swiper-pagination-bullet{width:40px; height:5px; 
    border-radius: 12px; background:#315fa5;}
.news .news-sl-wrap .swiper-pagination-bullet-active{background:#fff;}
.news .news-sl-pager{position:absolute; right:0; top:-20px; display:flex; align-items:center; gap:80px; z-index:1;}
.news .news-sl-pager:after{content:""; width:1px; height:100%; display:inline-block; background:#c0c0c0;  position:absolute;
top:50%; left:50%; transform:translate(-50%, -50%);}

/*뉴스 > 두번째 행 */
.news .news-obj-list{display:flex; gap:40px;}
.news .news-obj-itm{width:calc((100% - 160px) /5);}
.news .news-obj-itm a{display:block;}
.news .news-obj-itm a:focus{border:1px solid #000;}
.news .news-obj-itm .news-obj-img{width:100%; height:225px; margin-bottom:10px;}
.news .news-obj-itm .news-obj-img img{width:100%; height:100%; object-fit:cover;}
.news .news-obj-itm h5{word-break: keep-all; font-size:20px; font-weight:700; color:#444444; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news .news-obj-itm a:hover h5{color:#033d94;}
.news .news-obj-pager{display:none;}

/*프로그램*/
.information{background:url(/resources/custom/images/main/main/sc-info-bg.jpg); background-size:cover;}
.information .con{flex-direction:column; gap: 30px;}
.information .section-titBox{text-align:center;}
.information .section-titBox h3 span{color:#05edf5}
.information .section-titBox p{color:#fff;}
.information .if-obj-box{display:flex; gap:30px; width: 100%;}
.information .if-obj-itm{width:calc((100% - 60px) / 3); padding:0 32px; position:relative;}
.information .if-obj-itm:before{content:""; display:block; width:100%; height:50%; background:#fff; border-radius:24px; bottom:0; left:0; position:absolute;}
.information .if-sl-itm a{display:block; text-align:center; position:relative;}
.information .if-sl-itm .if-sl-img{width:390px; height:390px; border-radius:50%; overflow:hidden; margin:0 auto; z-index:1; position:relative;}
.information .if-sl-itm .if-sl-img img{width:100%; height:100%; object-fit:cover;}
.information .if-sl-itm .if-sl-img:before{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute;
left:0; top:0; transform:scale(0); transition:all .3s; border-radius:50%;}
.information .if-sl-itm .if-sl-img i{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; padding-right:30px;
background:url(/resources/custom/images/main/main/ico-more.png) no-repeat right center; font-family:'EB Garamond'; font-size:25px; display:none;}
.information .if-sl-itm .if-sl-label{padding:0 30px;line-height:50px; background:#654ee6; color:#fff; text-align:center; font-size:20px;
font-family:'Gmarket'; display:inline-block; margin:20px 0; font-weight:300; border-radius:20px; z-index:1; position:relative;}
.information .if-sl-itm .if-sl-tit{font-size:28px; color:#173348; z-index:1; position:relative;  white-space: nowrap;
overflow: hidden;text-overflow: ellipsis; padding:0 20px;}
.information .if-sl-itm:hover .if-sl-img:before{transform:scale(1);}
.information .if-sl-itm:hover .if-sl-img i{display:block;}
.information .if-sl-pager{text-align:center; margin:30px 0; display:flex; gap:25px; justify-content: center;}
.information .if-sl-pager .swiper-pagination-bullet{opacity:1; width:8px; height:8px; background:#adadad}
.information .if-sl-pager .swiper-pagination-bullet-active{position:relative; background:#22579f;}
.information .if-sl-pager .swiper-pagination-bullet-active:after{content:""; display:block; width:25px; height:25px; border:1px solid #22579f;
position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:30px;}
.information .if-obj-itm.animation:nth-child(1){left:50%; transform:translateX(-50%) rotate(-10deg); transition: all 0.5s ease-in-out;}
.information .if-obj-itm.animation:nth-child(3){right:50%; transform:translateX(50%) rotate(10deg); z-index:1; transition: all 0.5s ease-in-out;}
.information .if-obj-itm.animation.active:nth-child(1) { animation:p_ani1 1.0s 0.3s; animation-fill-mode:both; } 
.information .if-obj-itm.animation.active:nth-child(3)  { animation:p_ani2 1.0s 0.3s; animation-fill-mode:both; }
@keyframes p_ani1 {
  0% { transform:translateX(-50%) rotate(-10deg); }
  100% { transform:translateX(0) rotate(0deg); left:0; }            
}
@keyframes p_ani2 {
  0% { transform:translateX(50%) rotate(10deg); }
  100% { transform:translateX(0) rotate(0deg); right:0; }           
} 

/*공지사항*/
.notice .section-titBox h3 span{display:block; color:#081f59;}
.notice .con{flex-direction:column; align-items: start; position: relative;     gap: 100px;}
.notice .noti-tab-itm{width:300px; line-height:55px; padding-left:35px; padding-right:50px; position:relative; color:#5d5d5d;
font-family:'Gmarket'; font-size:20px; display:inline-block; border-radius:12px; font-weight:300; border:none; background:#fff; text-align:left;}
.notice .noti-tab-itm:after{content:""; display:block; width:18px; height:18px; background:url(/resources/custom/images/main/main/ico-plus.png);
position:absolute; right:35px; top:50%; transform:translateY(-50%); transition:all .3s;}
.notice .noti-tab-itm.on{background:#081f59; color:#fff; }
.notice .noti-tab-itm.on:after{background:url(/resources/custom/images/main/main/ico-plus-wh.png);}
.notice .detail{position:absolute; left:400px; top:50%; transform:translateY(calc(-50% + 70px)); display:flex;
 width:calc(100% - 400px); flex-wrap:wrap;}
.notice .detail[hidden]{display:none;}
.notice .itm{width:calc(100% / 3);}
.notice .itm a{display:block; padding:50px; border-top:2px solid #ebebeb; position:relative;}
.notice .itm a:hover{color:#081f59;}
.notice .itm a:before{content:""; display:block; width:0; height:4px; background:#000; position:absolute; left:0; top:-2px;
transition:all .3s;}
.notice .itm a:hover:before{width:100%;}
.notice .itm .noti-date{font-family:'Gmarket'; color:#dcdcdc; font-size:22px; transition:all .3s;}
.notice .itm .noti-date span{display:block; font-size:60px; font-family:'Gmarket'; color:#dcdcdc;}
.notice .itm .noti-tit{font-size:24px; font-family:'Gmarket'; color:#010101; margin:30px 0; 
display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight:300; line-height:1.3;}
.notice .itm .noti-desc{color:#373737; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
line-height:1.5;}
.notice .itm a:hover .noti-date, .notice .itm a:hover .noti-date span{color:#081f59;}

/*스케쥴 , 학과소개*/
.cal-dep{position:relative; display:flex; align-items:center; justify-content:space-between; padding-top:100px; flex-direction:column; }
.cal-dep:before{width:100%; height:75%; content:""; display:block; background:url(/resources/custom/images/main/main/sc-cal-bg.jpg);
position:absolute; top:0; left:0; z-index:-1; background-size:cover;}
.cal-dep:after{width:100%; height:25%; background:#081f59; position:absolute; left:0; bottom:0; content:""; display:block; z-index:-1;}
/*스케쥴 박스*/
.schd{min-height:50%; width:100%;}
.schd .con{display:flex; width: 100%; padding-top:0;}
.schd .section-titBox{width:540px;}
.schd .section-titBox h3 span{display:block; color:#081f59;}
.schd .schd-cont{width:calc(100% - 540px);}
.schd .schd-more{padding:16px 30px 16px 60px; background:url(/resources/custom/images/main/main/ico-cal.png) no-repeat 22px center;
border:1px solid #081f59; color:#081f59; font-size:20px; font-weight:bold; border-radius: 30px; display:inline-block; margin-top:50px;}
.schd .schd-cont{border:1px solid #cbcbcb; border-top:2px solid #081f59; border-radius: 0 0 32px 32px; background:#fff;}
.schd .month-wrap{display:flex; }
.schd .month-wrap li{text-align:center; padding:30px 0; flex:1;}
.schd .month-wrap li a{padding:12px 20px; border-radius:12px;}
.schd .month-wrap li.on a{background:#081f59;}
.schd .month-wrap li span{font-family:'Gmarket'; font-size:20px; font-weight:300; display:inline-block; color:#000000; }
.schd .month-wrap li.on span{color:#fff;}
.schd .schd-swiper{padding:40px 100px; position:relative; border-top:1px solid #081f59;}
.schd .schd-list{display:flex;}
.schd .schd-itm{width:calc(100% / 4); border-left:1px solid #d1d1d1;}
.schd .schd-itm.swiper-slide-active{border-left:none;}
.schd .schd-itm a{display:block; padding:0 20px;}
.schd .schd-itm .date{color:#081f59; font-size:24px; font-weight:bold; margin-bottom:16px;}
.schd .schd-itm .desc{color:#222222; font-size:20px; margin-bottom:60px;}
.schd .schd-itm .prd{font-size:16px; color:#969696; }
.schd .sched-sl-prev{position:absolute; top:50%; left:20px; transform:translateY(-50%);}
.schd .sched-sl-next{position:absolute; top:50%; right:20px; transform:translateY(-50%);}

/*학과소개*/
.dep{ min-height:50%; position:relative; width:100%;}
.dep:before{content:"BUSAN NATIONAL UNIVERSITY OF EDU"; font-size:150px; font-family:'Gmarket'; color:#fafafa; position:absolute; z-index:-1; bottom:0; width: max-content;  left:0;
    right:0; white-space: nowrap;animation: moveLeft 10s linear infinite;
-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(255,255,255,.3); color:#081f59; z-index:0;}
@keyframes moveLeft {
    0% {
      transform: translateX(0);
      visibility: visible;
    }
    90% {
      transform: translateX(-100vw);
      visibility: visible;
    }
    100% {
      transform: translateX(-100vw);
      visibility: hidden;
    }
  }
.dep .con{display:flex; width:100%; padding-top:0; align-items:start; z-index:2;}
.dep .section-titBox{width:540px; margin-top:100px; z-index:1;}
.dep .section-titBox h3{-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #081f59; color:#fff; margin-bottom:80px;}
.dep .dep-util{display:flex; gap:70px; align-items:center;}
.dep .dep-pager{display:flex; align-items:center; gap:80px; position:relative;}
.dep .dep-pager:after{content:""; width:1px; height:60px; display:inline-block; background:rgba(255,255,255,.3);  position:absolute;
top:50%; left:50%; transform:translate(-50%, -50%);}
.dep .dep-pager .ico-bl{display:none;}
.dep .dep-more{padding:16px 30px 16px 60px; background:url(/resources/custom/images/main/main/ico-dep-more.png)#081f59 no-repeat 22px center;
border:1px solid #fff; color:#fff; font-size:20px; font-weight:bold; border-radius: 30px; display:inline-block;}
.dep .dep-sl-area{width:calc(100% - 540px);}
.dep .dep-sl-list{display:flex; /*gap:50px;*/}
.dep .dep-sl-itm{border-radius:32px; overflow:hidden;}
.dep .dep-sl-itm a{display:block; position:relative;}
.dep .dep-sl-itm .dep-sl-img{position:relative; height:350px;}
.dep .dep-sl-itm .dep-sl-img img{width:100%; height:100%; object-fit:cover;}
.dep .dep-sl-itm .dep-sl-txt{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; padding:50px 40px; justify-content: space-between;
background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .3))}
.dep .dep-sl-itm .dep-sl-txt p{color:#fff; font-size:36px; font-weight:bold;}
.dep .dep-sl-itm .dep-sl-txt i{color:#fff; display:block; width:160px; line-height:55px; border:1px solid #fff; font-family:'EB Garamond';
text-align:center; transform:translateY(20px); opacity:0; transition:all .3s;}
.dep .dep-sl-itm:hover .dep-sl-txt i{transform:translateY(0); opacity:1;}

/*미디어*/
.media{background:url(/resources/custom/images/main/main/sc-media-bg.png); background-size:cover; height: auto; display:none;}
.media .fix-layout{max-width:1300px;}
.media .section-titBox{text-align:center; margin-bottom:10px;}
.media .section-titBox h3{margin-bottom:0;}
.media .section-titBox h3 span{color:#05edf5;}
.media .section-titBox p{color:#fff;}
.media .media-sl-wrap{position:relative; width:100%;}
.media .media-sl-wrap:before{width:750px; height:370px; background:#fff; position:absolute; bottom:0; left:-130px; content:""; display:block; z-index:1; }



/*미디어 슬라이드*/
.media .con{flex-direction:column;}
.media .media-sl-itm .img{width:100%; height:400px; z-index:2; position:relative;}
.media .media-sl-itm .img img{width:100%; height:100%; object-fit:cover;}
.media .media-sl-itm .txt{width:620px; position:relative; padding:20px 0; padding-right:24px; }
.media .media-sl-itm .md-sl-label{color:#0bb6db; font-size:20px; font-weight:600; z-index:2;  position: relative; display:inline-block;}
.media .media-sl-itm .md-sl-label:before{content:""; display:block; width:100px; height:5px; position:absolute; top:50%; transform:translateY(-50%); background:#29c2de; left:105%}
.media .media-sl-itm .md-sl-tit{color:#3d3d3d; font-size:32px; font-weight:600; z-index:2; margin-top:10px; margin-bottom:20px; position: relative; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.media .media-sl-itm .md-sl-desc{color:#545454; font-size:18px; font-weight:400; z-index:2; line-height:1.5; position: relative;     word-break: keep-all; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.media .media-sl-itm .md-sl-more{padding-left:20px; padding-right:85px;line-height:55px; text-align:letf; background:#1b6cd9; position:relative;
display:inline-block; position: relative; z-index:2; font-size:18px; color:#fff; font-family:'EB Garamond'; margin-top:30px;}
.media .media-sl-itm .md-sl-more:after{content:""; display:block; width:20px; height:20px; background:url(/resources/custom/images/main/main/ico-plus-wh.png);
position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.media .media-sl-control{display:flex; align-items:center; position:absolute;     left: calc(100% / 2 - 150px); bottom:50px; gap:20px;
z-index:1; position:relative;}
.media .media-sl-info, .media .media-sl-pager{display:flex; gap:10px;}
.media .media-sl-info span{color:#afafaf; font-family:'Gmarket'; font-size:14px;}
.media .media-sl-info .media-sl-count{color:#7a7a7a;}
/*미디어 네비 슬라이드*/
.media .nav-slide-wrap{position:absolute; right:0; top:400px; width:660px; overflow:hidden; height:270px; z-index:2;}
.media .nav-slide{width:986px; position:absolute; right:0;}
.media .nav-sl-list{display:flex;} 
.media .nav-sl-itm{width:calc((100% - 26px) / 3);}
.media .nav-sl-itm .img{width:100%; height:230px; border:10px solid #fff; margin-bottom:20px;}
.media .nav-sl-itm .img img{width:100%; height:100%; object-fit:cover;}
.media .nav-sl-itm p{color:#fff; padding:0 16px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:20px;}

/*오버뷰*/
#overview-area .con{flex-direction:column}
#overview-area .fix-layout{max-width:1524px;}
.overview01 {/*min-height: calc(100% - 210px); */display:flex; /* align-items: center;*/ width:100%;}
.overview01 .fix-layout{position:relative;}
.overview01 .section-titBox h3{margin-bottom:10px;}
.overview01 .section-titBox h3 span{color:#0a2881;}
.overview01 .ov-sl-num-wrapper{position:unset;}
.overview01 .ov-sl-list{display:flex;  flex-wrap:wrap;}
.overview01 .ov-sl-itm{height:240px; padding:30px; display:flex; justify-content:space-between; flex-direction:column;}
.overview01 .ov-sl-itm .big-txt{font-family:'Gmarket'; color:#1e1f20; font-size:90px;}
.overview01 .ov-sl-itm .big-txt .num{font-family:'Gmarket'; color:#1e1f20; font-size:90px;}
.overview01 .ov-sl-itm .big-txt span{font-family:'Gmarket'; color:#1e1f20; font-size:22px;}
.overview01 .ov-sl-itm .desc-txt{color:#1e1f20; font-size:18px; font-weight:600;}
.overview01 .ov-sl-itm .big-txt.wh, .overview01 .ov-sl-itm .big-txt.wh span{color:#fff;}
.overview01 .ov-sl-itm .big-txt.blue, .overview01 .ov-sl-itm .big-txt.blue span{color:#282387;}
.overview01 .ov-sl-itm .desc-txt.wh{color:#fff;}
.ov-sl-itm.box01{background:url(/resources/custom/images/main/main/ico-overview01.png)#007bc7 no-repeat right center;}
.ov-sl-itm.box02{background:url(/resources/custom/images/main/main/ico-overview02.png)#004b9e no-repeat calc(100% - 20px) 20px;}
.ov-sl-itm.box03{align-items: start;/*justify-content: center; */}
.ov-sl-itm.box03 img:first-child{padding-bottom:20px; margin-bottom:20px; /*border-bottom:1px solid #eaeaea !important;*/}
.ov-sl-itm.box04{background:url(/resources/custom/images/main/main/ico-overview05.png)#ebf3fe no-repeat calc(100% - 20px) 20px;}
.ov-sl-itm.box05{background:url(/resources/custom/images/main/main/ico-overview06.png)#e2e7ed no-repeat calc(100% - 20px) 20px;}
.ov-sl-itm.box06{background:url(/resources/custom/images/main/main/ico-overview07.png) no-repeat calc(100% - 20px) calc(100% - 20px);}
.ov-sl-itm.box06 .desc-txt{font-family:'EB Garamond'; color:#173348; font-size:25px; line-height:1.5;}
.ov-sl-itm.box07{background:url(/resources/custom/images/main/main/ico-overview08.png)#f4f4fc no-repeat calc(100% - 20px) 20px;}
.ov-sl-itm.box08{background:url(/resources/custom/images/main/main/ico-overview09.png)#fef8ea no-repeat calc(100% - 20px) 20px;}
.overview01 .ov-sl-util{display:flex; align-items:center; position:absolute; right:0; top:0; gap:10px;}
.overview01 .ov-sl-pager{display:flex;gap:10px; align-items:center;}
.overview01 .ov-sl-pager .ov-sl-count{font-size:30px; color:#0a2881; position:relative;}
.overview01 .ov-sl-pager .ov-sl-count:after{content:""; display:inline-block; width:15px; height:2px; background:#d3d3d3; margin:0 12px;     vertical-align: middle;}
.overview01 .ov-sl-pager .ov-sl-max{font-size:22px; color:#96979b; font-weight:400;}

.overview02{background:url(/resources/custom/images/main/main/sc-overview-bg.jpg); background-size:cover; width:100%; height:210px;
display:flex;     align-items: center; position:relative;}
.overview02 .ov-txt-sl-wrapper{position:unset;}
.overview02 .ov-sl-list{display:flex; padding:0 30px;}
.overview02 .ov-sl-itm{width:calc(100% / 3); text-align:center;}
.overview02 .ov-sl-itm .txt01{color:#83d0ff; font-size:22px; position:relative; display:inline-block; padding-bottom:10px; margin-bottom:15px;}
.overview02 .ov-sl-itm .txt01:after{content:""; display:block; width:100%; height:1px; background:#038099}
.overview02 .ov-sl-itm .txt02{font-family:'Gmarket'; font-size:30px; color:#fff;}
.overview02 .ov-txt-sl-prev{top:50%; left:12px; position:absolute; z-index:1;}
.overview02 .ov-txt-sl-next{top:50%; right:12px;  position:absolute;  z-index:1;}

/*오른쪽 플로팅 박스*/
.float-box{ display:none; position:fixed; right:0%; bottom:5%; width:98px; z-index:2;}
.float-box .go-search-page{padding:30px 0; background:#15904f; text-align:center; color:#fff; font-family:'Gmarket'; font-size:14px; border-radius:100px 100px 0 0;
overflow:hidden; display:block;}
.float-box .go-search-page img{display:block; margin:0 auto 10px auto;}
.float-box .link-box{background:#654ee6; text-align:center;}
.float-box .link-box li{border-bottom:1px solid rgba(255,255,255,.3);}
.float-box .link-box li:last-child{border-bottom:none;}
.float-box .link-box li a{color:#fff; font-size:15px; display:block; padding:8px 0;}
.float-box .list-box{padding :0 14px; background:#002251;}
.float-box .list-box .popup-open-btn{width:100%; padding:16px 0; background:#1a3963; border:none;  border-radius:12px; margin:10px 0;}
.float-box .list-box .popup-open-btn img{display:block; margin:0 auto;}
.float-box .list-box .popup-open-btn span{color:#fff; font-family:'Gmarket'; font-size:12px; margin-top:10px; display:block;}
.float-box .list-box .service-box p{ text-align:center; margin-bottom:10px;}
.float-box .list-box .service-box p span{font-size:12px; color:#fff; font-family:'Gmarket'; display:block; margin-top:2px;}
.float-box .list-box .service-box div{border-bottom:1px solid rgba(255,255,255,.3); text-align:center;}
.float-box .list-box .service-box div:last-child{border-bottom:none;}
.float-box .list-box .service-box div button{background:none; border:none; color:rgba(255,255,255,.6) ;font-size:15px; line-height:35px;}
.float-box .go-top-btn{padding:30px 0; background:#12498b; text-align:center; color:#fff; font-family:'Gmarket'; font-size:14px; border-radius:0 0 100px 100px;
overflow:hidden; display:block; width:100%; border:none;}
.float-box .go-top-btn img{display:block; margin:0 auto 10px auto}

/*오른쪽 플로팅 박스*/
.usr-service-box{display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:2;
width:100%; height:100%;  transition: opacity 0.3s ease;  opacity: 0;     padding: 0 12px;}
.usr-service-box.active{opacity: 1;}
.usr-service-box .usr-cont{max-width:1200px; padding:100px; background:#0b3a7d; width: 100%; position:relative; opacity:0; transform:translateY(50px); transition:opacity 0.5s ease, transform 0.5s ease;}
.usr-service-box.active .usr-cont{opacity:1; transform:translateY(0px);}
.usr-service-box  h3{font-family:'Gmarket'; font-size:30px; color:#fff; text-align:center;}
.usr-service-box .box{margin-top:30px;}
.usr-service-box .tab{display:flex; border-bottom:1px solid #fff; margin-bottom:30px;}
.usr-service-box .tab .usr-tab-itm{position: relative; width:calc(100% / 3); padding:20px 0; background-color: transparent; text-align:center; font-family:'Gmarket'; font-size:24px; color:#fff; border:none;}
.usr-service-box .tab .usr-tab-itm.on:after{width:100%; display:block; width:100%; height:3px; background:#01b3e0; content:""; display:block;
position:absolute; left:0; bottom:0;}
.usr-service-box .usr-list{display:none;}
.usr-service-box .usr-list.on{display:block;}
.usr-service-box .usr-list ul{display:flex; gap:10px; flex-wrap:wrap;}
.usr-service-box .usr-list ul li{width:calc((100% - 30px) / 4);}
.usr-service-box .usr-list ul li a{display:block; width:100%; padding:20px 40px 20px 20px; border:1px solid rgba(255,255,255,.3);
font-family:'Gmarket'; font-size:16px; color:#fff; position:relative; font-weight:300; align-items: center; display:flex; height:100%;}
.usr-service-box .usr-list ul li a:after{content:""; width:15px; height:22px; background:url(/resources/custom/images/main/main/ico-usr-more.png); display:block;
position:absolute; top:50%; right:12px; transform:translateY(-50%);transition:all .3s;}
.usr-service-box .usr-list ul li a:hover:after{ transform:translateY(-50%) translateX(10px);}
.usr-service-box .usr-service-close {position: absolute;right: 0;top: 0;z-index: 10;width: 100px;height: 100px;background: url(/resources/custom/images/main/main/close-wh.png) no-repeat center center / 24px auto;
    text-indent: -99999px;transform: rotate(0deg);transition: .35s; border:none;}
.usr-service-box .usr-service-close:hover{transform: rotate(180deg);}

@media all and (max-width:1000px){
		.usr-service-box .usr-cont{padding:50px 24px;}
}
@media all and (max-width:767px){
		.usr-service-box .usr-cont{padding:30px 24px;}
		.usr-service-box .usr-list ul li{width:calc((100% - 10px) / 2);}
		.usr-service-box .tab .usr-tab-itm{font-size:18px;}
		.usr-service-box h3{font-size:20px;}
}

/*왼쪽 페이저*/
.pager{box-shadow: -1px 2px 10px rgba(0,0,0,.2);padding: .625rem;background-color: #000b22;position: fixed; left: 0;top:91px;
transition: transform .5s,color .3s,background-color .3s;color: #fff;align-items: center;transform-style: preserve-3d;backface-visibility: hidden; z-index:1; display:none;}
.pager.active{display:flex;}
.pager ul {display:flex; gap:5px;}
.pager ul li:before {background-color: rgba(255,255,255,.8); height:1.25rem; width: .25rem; display:block; content:""; border-radius:4px; cursor:pointer;}
.pager ul li.active:before, .pager ul li:hover:before{background-color: #188ff4; transform:scale(1.1);}
.pager div {font-size: .75rem;font-weight: 900;flex: 1 0 auto;transition-duration: .3s;
        transition-property: margin,opacity,width;transition-timing-function: ease-in-out;overflow: hidden;opacity: 0;width: 0;white-space: nowrap }
.pager div.active {opacity: 1;margin-left: .625rem; width:auto;}
.pager div span{font-family:'Gmarket'; font-size:15px; font-weight:300; color:#fff;}

/*팝업*/
.pc { display: block;}  
.mobile { display: none ;} 

@media (max-width: 768px) {
    .pc { display: none ; }  
    .mobile { display: block; }  
}
.popup-sl-area{position:fixed; top:0; left:0; background:rgba(0,0,0,.8); width:100%; height:100vh; z-index:100; padding-top:100px; flex-direction:column;}
.popup-sl-area .popup-sl-box{max-width:1320px; margin:0 auto; overflow:hidden; padding:0 12px; width:100%;}
.popup-sl-area .popup-sl-box .pop-sl-list{width:100%;}
.popup-sl-area .popup-sl-box .pop-sl-itm{height:420px; border:7px solid #0481e1;}
.popup-sl-area .popup-sl-box .pop-sl-itm img{width:100%; height:100%; object-fit:cover;}
.popup-sl-area .popup-sl-box .pop-sl-itm a{display:block !important; width:100%; height:100%;}
.popup-sl-area .popup-sl-title{max-width:1320px; margin:0 auto 50px; display:flex; align-items:center; justify-content:space-between; padding:0 12px;}
.popup-sl-area .popup-sl-title > div{align-items:center; display:flex; gap:16px;}
.popup-sl-area .popup-sl-title h3{font-family:'Gmarket'; font-size:38px; color:#2bb8ff;}
.popup-sl-area .popup-sl-title h3 span{color:#fff;}
.popup-sl-area .popup-sl-title label{color:#fff;}
.popup-sl-area .pop-sl-close{background:none; outline:none; border:none;}
.popup-sl-area .popup-btn{margin-top:20px; text-align:center;}
.popup-sl-area .pop-sl-count{padding:15px 30px; background:#1c2531; color:#fff; font-size:16px; border-radius:50px; border:none;}
.popup-sl-area .pop-sl-count span{color:#00f7f4;}
.popup-sl-area .pop-sl-close{padding:15px 50px 15px 30px; background:#1c2531 url(/resources/custom/images/main/main/pop-close.png) no-repeat  calc(100% - 20px) center; color:#fff; font-size:16px; border-radius:50px; border:none;}
.popup-sl-area .popup-sl-ck{padding:15px 50px 15px 30px; background:#1c2531 url(/resources/custom/images/main/main/pop-close.png) no-repeat  calc(100% - 20px) center; color:#fff; font-size:16px; border-radius:50px; border:none;}


@media all and (max-width:767px){
        .popup-sl-area {padding-top:30px;}
        .popup-sl-area .popup-sl-box{max-width:500px;}
        .popup-sl-area .popup-sl-title{flex-direction:column; margin-bottom:20px;}
        .popup-sl-area .popup-sl-title h3{font-size:24px;}
        .popup-sl-area .popup-sl-title > div{justify-content: space-between; width:100%;}
        .popup-sl-area .popup-sl-title > div .popup-sl-prev{margin-left:auto;}
        .popup-sl-area .popup-sl-title .popup-sl-ck{margin-top:10px; background:none;}
        .popup-sl-area .popup-sl-title img{max-width:42px;}
        .popup-sl-area .pop-sl-close{background:none; padding:0;}
}


/*반응형 시작*/
@media all and (max-width:1800px){
		.mainVisu .main-sl-txt{padding:0 12px;}
		
		.news .news-obj-list{gap:20px;}
		.news .news-obj-itm{width: calc((100% - 80px) / 5);}
		
}
@media all and (max-width:1600px){
		.schd .section-titBox{width:500px;}
		.schd .schd-cont{width:calc(100% - 500px);}
		.schd .month-wrap li a{padding:12px;}
		.schd .month-wrap li span{font-size:16px;}
		
		.dep .section-titBox{width:500px;}
        .dep .dep-sl-area{width:calc(100% - 500px);}
}
@media all and (max-width:1500px){
		.information .if-sl-itm .if-sl-img{width:300px; height:300px;}
		.information .if-sl-itm .if-sl-label{font-size:16px;}
		.information .if-sl-itm .if-sl-tit{font-size:20px;}
		
		.notice .itm a{padding:24px;}
}
@media all and (max-width:1300px){
		.media .nav-slide{width:100%;}
		.media .media-sl-itm .txt{width:50%;}
		.media .media-sl-itm .md-sl-tit{font-size:22px;}
		.media .media-sl-itm .md-sl-desc{font-size:16px;}	
		
		.media .nav-slide-wrap{width:50%;}
		.media .nav-slide{width:100%;}
		.media .media-sl-wrap:before{right:50%; width:60%;}
		
		.overview01 .ov-sl-itm .big-txt, .overview01 .ov-sl-itm .big-txt .num{font-size:60px;}
		.overview01 .ov-sl-itm .big-txt span{font-size:18px;}
		.overview01 .ov-sl-itm .big-txt span{font-size:20px;}
}
@media all and (max-width:1200px){
		.pager{top:71px;}
		main section{height:auto;}
		
		.section-titBox h3, .section-titBox h3 span{font-size:50px;}
		.section-titBox h3{margin-bottom:10px}
		.section-titBox p{font-size:18px;}
		
		.mainVisu{height:600px;}
		.mainVisu .main-sl-txt span{font-size:40px;}
		.mainVisu .main-sl-txt p{font-size:60px;}
		
		.news .con{padding:80px 12px;}
		.news .news-sl-area{flex-direction:column; gap:30px;}
		.news .section-titBox{width:100%; text-align:center;}
		.news .section-titBox p br{display:none;}
		.news .news-sl-wrap{width:100%;}
		.news .news-sl-itm a:hover .news-sl-txt{padding-left:11%;}
		.news .news-sl-pager{top:100px;}
		
		.news .news-obj-itm h5{font-size:18px;}
		.news .news-obj-slider{width:100%; padding:0 24px;}
		.news .news-obj-pager{display:block;}
		.news .news-obj-sl-prev{left:0; top:50%; position:absolute; z-index:1; transform:translateY(-50%);}
		.news .news-obj-sl-next{right:0; top:50%; position:absolute; z-index:1; transform:translateY(-50%);}
		.news .news-obj-list{gap:0;}
		.news .news-obj-itm{width:unset;}
		
		.information .con{padding:80px 12px;}
		.information .if-obj-itm{padding:0;}
		.information .if-sl-itm .if-sl-img{width:250px; height:250px;}
		
		.notice{min-height:800px}
		.notice .con{padding:80px 12px; flex-direction: row; justify-content: space-between; align-items:center;}
		.notice .noti-box{display:flex; gap:20px ; width:calc(100% - 250px); flex-wrap: wrap;}
	    .notice .noti-box > div{flex:auto;}
		.notice .noti-tab-itm{padding:0 24px; width:100%; border:1px solid #eee;}
		.notice .noti-tab-itm:after{display:none;}
		.notice .detail{width:100%; transform:unset; left:0; top:300px; padding:0 12px;}
		.notice .itm .noti-tit{font-size:20px; margin:10px 0;}
		.notice .itm .noti-date span{font-size:30px;}
		
		.cal-dep{padding-top:50px; gap:30px;}
		.schd .con{flex-direction:column; gap:30px;}
		.schd .section-titBox{width:100%; display:flex; justify-content:space-between; gap: 50px;}
		.schd .section-titBox h3 span{display:inline-block;}
		.schd .schd-cont{width:100%;}
		.schd .schd-itm .desc{margin-bottom:20px;}
		
		.media .nav-slide{display:none;}
		.media .media-sl-itm .txt{width:95%; background:#fff; padding:32px 24px; margin-left:auto; margin-right:0; }
		.media .media-sl-control{left:unset; right:20px; justify-content: end; bottom:70px;}
		.media .media-sl-wrap:before{display:none;}
		
		#overview-area .con{padding-top:0;}
		.overview01{padding:50px 0; min-height:unset;}
		.overview02{height:unset; padding:50px 0;}
}
@media all and (max-width:1024px){
		.float-box .link-box, .float-box .list-box .service-box div , .float-box .list-box .popup-open-btn {display:none;}
		.float-box .list-box{padding:0; border-radius:12px;}
		.float-box .list-box .service-box p{width:100%; padding:20px 0; border-radius:12px; margin:10px 0;}
		.float-box .go-search-page, .float-box .go-top-btn{border-radius:12px; padding:20px 0;}
		
		.dep .con{flex-direction:column;gap:30px;}
		.dep .section-titBox{width:100%; display:flex; justify-content:space-between; align-items:center; align-items:center; margin-top:0;}
		.dep .section-titBox h3{margin-bottom:0;}
		.dep .dep-util{gap:20px;}
		.dep .dep-pager .ico-bl{display:block;}
		.dep .dep-pager .ico-wh{display:none;}
		.dep .dep-pager:after{background:#eee;}
		.dep .dep-sl-area{width:100%;}
}
@media all and (max-width:860px){
		.information .if-obj-box{flex-direction:column;}
		.information .if-obj-itm{width:100%;}
		.information .if-obj-itm.animation:nth-child(1){left:unset;   transform: translate3d(0, 50px, 0) scale3d(.9, .9, .9); }
        .information .if-obj-itm.animation:nth-child(3){right:unset;  transform: translate3d(0, 50px, 0) scale3d(.9, .9, .9); z-index:1;}
        .information .if-obj-itm.animation.active:nth-child(1){animation:none; opacity: 1;
    transform: translateZ(0) scaleX(1);}
        .information .if-obj-itm.animation.active:nth-child(3){animation:none; opacity: 1;
    transform: translateZ(0) scaleX(1);}
		
		.notice .itm{width: calc(100% / 2);}
		.notice .itm:nth-child(5), .notice .itm:last-child{display:none;}
}
@media all and (max-width:767px){
		.section-titBox h3, .section-titBox h3 span{font-size:40px;}
		.pager{top:72px;}
		
		.mainVisu{height:500px;}
		.mainVisu .main-sl-txt{gap:20px; text-align:center; }
		.mainVisu .main-sl-txt span{font-size:24px;}
        .mainVisu .main-sl-txt p{font-size:40px;}
        
        
        .news .con{padding:50px 12px;}
        .news .section-titBox{text-align:left; padding-right:120px;}
        .news .news-pagination{bottom:50px; gap:5px;}
        .news .news-sl-wrap .swiper-pagination-bullet{width:20px; }
        .news .news-sl-pager{top:20px; gap:40px}
        .news .news-sl-itm .news-sl-img{width:100%; height:300px;}
        .news .news-sl-itm .news-sl-txt{position:relative; width:95%; margin-left:auto; margin-top:-30px; padding: 50px 24px 20px; height:auto; gap:10px;}
        .news .news-sl-itm .news-sl-txt h5{font-size:24px;}
        .news .news-sl-itm .news-sl-txt p{font-size:18px;}
        .news .news-sl-itm a:hover .news-sl-txt{padding:50px 24px 20px;}
        .news .news-sl-itm .news-sl-txt i{width:170px; line-height:45px; font-size:16px;}
        .news .news-obj-itm .news-obj-img{height:170px;}
        
        .notice .con{flex-direction:column; gap:20px; padding:50px 12px; justify-content: start;}
        .notice .section-titBox{width:100%; text-align:center; }
        .notice .section-titBox h3 span{display:inline-block;}
        .notice .section-titBox p br{display:none;}
        .notice .noti-tab-itm{font-size:16px;}
        .notice .noti-box{width:100%; gap:10px;}
        .notice .noti-box > div{width:calc((100% - 20px) / 2); flex:unset;}
        .notice .detail{top:320px;}
        
        .schd .section-titBox{align-items:center; gap:20px;}
        .schd .schd-more{margin-top:0; display:flex; border-radius: 12px; font-size:16px; background-position:center 12px;
        padding: 50px 12px 12px 12px; text-align:center; justify-content: center; width:100%; max-width:120px;}
        .schd .schd-cont{overflow:hidden;}
        .schd .month-wrap {width:767px; overflow-x:auto; flex-wrap:nowrap;}
        .schd .schd-swiper{padding:20px 50px;}
        .schd .sched-sl-prev img, .schd .sched-sl-next img{max-width:40px;}
        .schd .schd-itm .date{font-size:20px;}
        .schd .schd-itm .desc{font-size:18px;}
        
        .dep .dep-more{margin-top:0; display:flex; border-radius: 12px; font-size:16px; background-position:center 12px;
        padding: 50px 12px 12px 12px; text-align:center; justify-content: center; width:100%;}
        .dep .dep-pager{gap:40px;}
        
        .media .media-sl-itm .img{height:300px;}
        .media .media-sl-itm .txt{padding-bottom:50px;}
        .media .media-sl-itm .md-sl-tit{margin-bottom:10px;}
        .media .media-sl-itm .md-sl-label{font-size:16px;}
        .media .media-sl-itm .md-sl-more{margin-top:20px;font-size:16px;}
        .media .media-sl-control{bottom:50px;}
                
        .overview02 .ov-sl-itm .txt01{font-size:20px; margin-bottom:0;}
        .overview02 .ov-sl-itm .txt02{font-size:20px;}
        .overview01 .ov-sl-util{position:relative; margin-top:30px;justify-content: center;}
        .overview01 .ov-sl-itm .big-txt, .overview01 .ov-sl-itm .big-txt .num{font-size:40px;}
        .overview01 .ov-sl-itm{height:200px;}
        
}
@media all and (max-width:500px){
		.pager{top:62px}
			
		.notice{min-height:700px;}
		.notice .itm{width:100%;}
		.notice .itm a{padding:16px 0;}
		.notice .itm .noti-tit{margin:0; font-size:18px; -webkit-line-clamp: 1;}
		.notice .itm .noti-date{display:none;}
		.notice .itm .noti-desc{display:none;}
		.notice .itm:nth-child(5), .notice .itm:last-child{display:block;}
		
		.schd .section-titBox{flex-direction:column; gap:20px; text-align:Center;}
		.schd .schd-more{max-width:unset;}
		
		.dep .section-titBox{flex-direction:column; gap:20px; align-items: start;}
		.dep .dep-util{justify-content: center; width:100%;}
		.dep .dep-pager{position:absolute; right:12px; top:0;}
		
		
}
@media all and (max-width:420px){
		.news .news-sl-pager{top:100px;}
}


/*애니메이션*/
.animation{opacity: 0;
    transform: translate3d(0, 50px, 0) scale3d(.9, .9, .9);
    transition-duration: .8s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.44,.91,1,1);}
.animation.active{
		opacity: 1;
    transform: translateZ(0) scaleX(1);
}
.imgAni{transform: translateY(0); transition: transform 2s; position:relative;}
.imgAni:before{display: block;content: "";width: 100%;height: 100%;background: #fff;position: absolute;right: 0;top: 0;
        transform-origin: right;transition: all 0.6s; z-index:2; transition-delay:.3s;}
.imgAni.active:before{transform: scaleX(0);}

.section-titBox h3{transform: translateY(-50px); opacity:0; transition-delay:.2s; transition-duration: .5s;  transition-property: opacity, transform; position:relative; transition-timing-function: cubic-bezier(.44,.91,1,1);}
.section-titBox.active h3{transform: translateY(0); opacity:1; }
.section-titBox p{transform: translateY(50px); transition-delay:.2s; opacity:0; transition-duration: .5s;  transition-property: opacity, transform;  position:relative; transition-timing-function: cubic-bezier(.44,.91,1,1);}
.section-titBox.active p{transform: translateY(0); opacity:1;}

.textAni{transform: translateY(-50px); opacity:0; transition-delay:.5s; transition-duration: .3s;  transition-property: opacity, transform;}
.textAni.active{transform: translateY(0); opacity:1;}

/*개별 타이밍 조절*/
.news-sl-wrap:before{transition-delay:.5s;}
.news-obj-itm{transition-delay:.3s;}

/* 메인 배너*/
.banner-wrap {display: flex;gap: 20px;margin: 60px auto;max-width: 1524px; position:relative;}
.banner {position: relative;display: block;flex: 1;height: 600px; overflow: hidden;border-radius: 12px;text-decoration: none;color: #fff;}
.banner a { color: inherit;text-decoration: none;}
.banner-bg {position: absolute;inset: 0;background-size: cover;background-position: center;transition: transform 0.5s ease;z-index: 1;}
.banner-overlay {position: absolute;inset: 0; background: rgba(0, 0, 0, 0.45); /* 검은색 알파 */z-index: 2;}
.banner-content {position: relative;z-index: 3; height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px; text-align: center;}
.banner-title {background: #fff;color: #222;   padding: 20px 28px;font-size: 20px;font-weight: bold;border-radius: 35px;margin-bottom: 20px;display: inline-block;}
.banner-text {font-size: 18px;line-height: 1.4;color:#fff;}
.banner:hover .banner-text {color: #fff;}

/* hover 시 배경만 확대 */
.banner:hover .banner-bg { transform: scale(1.1);}
.banner:nth-child(1) .banner-bg {background-image: url('/resources/custom/images/eng/main/main_ba01.jpg');}
.banner:nth-child(2) .banner-bg { background-image: url('/resources/custom/images/eng/main/main_ba02.jpg');}
.banner:nth-child(3) .banner-bg {background-image: url('/resources/custom/images/eng/main/main_ba03.jpg');}
@media (max-width: 768px) {
	.academic { padding: 80px 0 0px;}
    .banner-wrap { flex-direction: column;gap: 20px;padding: 0 20px; }
    .banner {height: 400px;}
    .banner-title { font-size: 18px;padding: 10px 20px; border-radius: 14px;}

  .banner-text {
    font-size: 16px;
  }
}