@charset "utf-8";
main{min-height:100vh;}
*{font-family: 'Pretendard'}
button{border:none; background:transparent;}
main section{ height: 100vh; overflow:hidden;}
main .fix-layout{max-width:1724px;}
.section .con{ display: flex;
    justify-content: center;
    align-items: center;
    height:100%; padding-top:100px;}
.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;}

/*메인슬라이드 부분*/
.mainVisu{position:relative; height: 100vh; min-height: 600px;}
.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;/* max-height: 960px;*/}
.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:before{content:""; display:block; width:100%; height:100%;background: linear-gradient(135deg, rgba(0, 37, 99, 0.9) 0%, rgba(0, 37, 99, 0.1) 100%); position:absolute; z-index:1; top:0; left:0;}
.mainVisu .main-sl-txt span{color:#fff; font-size:55px; font-weight:600; z-index:2;}
.mainVisu .main-sl-txt p{color:#fff; font-size:90px; 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;}

/*.video-controls[aria-hidden="true"],
.img-controls[aria-hidden="true"] { display:none; }

.mainVisu .swiper-slide video {
  width:100%; height:100%; object-fit:cover;
}*/
.main-sl-util .round-btn{
  border:2px solid #fff; width:45px; height:45px; border-radius:30px;
  display:flex; align-items:center; justify-content:center;
  background:transparent;
}
.main-sl-util .round-btn .icon{ width:18px; height:18px; display:block; }

/* 스크린리더 전용 텍스트 */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); border:0;
}

/* 비디오도 왜곡 없이 cover 권장 */
.mainVisu .swiper-slide video{ width:100%; height:100%; object-fit:cover; }

/* 표시/숨김 토글 */
.video-controls[aria-hidden="true"], .img-controls[aria-hidden="true"]{ display:none; }



/*뉴스*/
.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; display: inline-flex; align-items: center; gap: 10px; }
.information .section-titBox .program-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; transition: background 0.3s;}
.information .section-titBox .program-more:hover { background:url(/resources/custom/images/main/main/ico-dep-more.png)#03c6cc no-repeat 22px center;}
.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:"";*/content: none; 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 .plus-link { position:absolute; right:35px;top:50%;transform:translateY(-50%);width:18px; height:18px;background:url(/resources/custom/images/main/main/ico-plus.png) no-repeat center / contain;display:block;}
.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 .noti-tab-itm.on .plus-link {background:url(/resources/custom/images/main/main/ico-plus-wh.png) no-repeat center / contain;}
.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{display: flex;flex-wrap: nowrap; /* PC에서는 가로 스크롤 */overflow-x: auto;overflow-y: hidden;width: 100%;padding: 10px 0; gap: 10px;box-sizing: border-box;scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;}
.schd .month-wrap li{text-align: center;padding: 10px 0;flex: 0 0 auto; /* 기본: 가로 스크롤 기준 */scroll-snap-align: start;}
.schd .month-wrap li a{padding:12px 20px; border-radius:12px; display: block;}
.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; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;white-space: normal;  max-height: calc(1.4em * 2);  /* line-height × 2줄 */}
.schd .schd-itm .prd{font-size:16px; color:#969696; }
.schd .sched-sl-prev{position:absolute; top:50%; left:20px; transform:translateY(-50%); cursor: pointer;}
.schd .sched-sl-next{position:absolute; top:50%; right:20px; transform:translateY(-50%); cursor: pointer;}
/* Webkit 계열 브라우저 (Chrome, Edge, Safari) */
.schd .month-wrap::-webkit-scrollbar {
  height: 8px;
}
.schd .month-wrap::-webkit-scrollbar-track {
  background: #e0e0e0;
}
.schd .month-wrap::-webkit-scrollbar-thumb {
  background: #005bac;
  border-radius: 4px;
}
.schd .month-wrap::-webkit-scrollbar-thumb:hover {
  background: #0070e0;
}
.schd .sched-sl-prev img,
.schd .sched-sl-next img {
  transition: filter 0.3s ease;
}

/* hover 시 색상 변경 */
.schd .sched-sl-prev:hover img,
.schd .sched-sl-next:hover img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(2567%) hue-rotate(197deg) brightness(95%) contrast(102%);
}

/*학과소개*/
.dep{ min-height:50%; position:relative; width:100%;}
.dep:before{content:"BUSAN NATIONAL UNIVERSITY OF EDUCATION"; 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;}
.media .fix-layout{max-width:1300px;}
/*.media .section-titBox{text-align:center; margin-bottom:10px;}*/
.media .section-titBox{position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap; gap: 15px; }
.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 .section-titBox .media-more {padding: 10px 24px 10px 50px;background: url("/resources/custom/images/main/main/ico-plus-wh.png") #081f59 no-repeat 20px center;border: 1px solid #fff;color: #fff;font-size: 16px;font-weight: bold;border-radius: 30px;display: inline-block;transition: background 0.3s;}
.media .section-titBox .media-more:hover {background: url("/resources/custom/images/main/main/ico-plus-wh.png") #03c6cc no-repeat 20px center;}


/*미디어 슬라이드*/
.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;}

/* 미디어추가- 25/08 */
/* =========================
   BNUE 이모저모 (CSS-only override)
   - TOP: 좌 이미지 / 우 흰 카드(동일 높이, 밀착)
   - BOTTOM: 썸네일 3개
========================= */
.section.media.media-v2{ --hero-h:360px; background:#082949; padding:40px 0 60px; }
.section.media.media-v2 .media-sl-wrap{ position:relative; }

/* ---------- TOP: 슬라이드 한 장을 2열 그리드로 ---------- */
.section.media.media-v2 .media-slide .media-sl-list .media-sl-itm{
  display:grid !important;
  grid-template-columns: calc(100% - 600px) 600px !important;
  /*grid-template-columns: calc(100% - 544px) 520px !important;*/
  align-items:stretch !important;   /* 두 칼럼 높이 동일 */
  gap:0px;
  overflow: visible !important; /* 부모에서 잘리지 않게 */
}
.section.media.media-v2 .media-sl-itm .img{
  width:100% !important;
  height:var(--hero-h) !important;
  max-height:var(--hero-h) !important;
  border-radius:0px;
  overflow:hidden;
}
.section.media.media-v2 .media-sl-itm .img img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block;
}

/* 우측 흰 카드 (텍스트 칸) */
.section.media.media-v2 .media-sl-itm .txt{
height: var(--hero-h) !important;           /* 이미지와 동일 높이 */
  box-sizing: border-box !important;
  padding: 28px 28px 64px !important;         /* 하단 컨트롤 자리 */
  background:#fff !important;
  border-radius:0px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start;
  overflow: visible !important;                /* ← 잘림 방지 */
  min-width: 0 !important;    
  padding-right: 28px !important;
}

/* 타이포/버튼(기존 유지) */
.section.media.media-v2 .media-sl-itm .md-sl-label{color:#01c0e0; font-size:18px; font-weight:700; position:relative; display:inline-block;}
.section.media.media-v2 .media-sl-itm .md-sl-label:before{ display:none;content:""; position:absolute; top:50%; left:calc(100% + 10px); transform:translateY(-50%); width:110px; height:5px; border-radius:3px; background:#29c2de; }
.section.media.media-v2 .media-sl-itm .md-sl-tit{color:#2c2c2c; font-size:30px; font-weight:800; margin:10px 0 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section.media.media-v2 .media-sl-itm .md-sl-desc{color:#575757; font-size:16px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break: break-word; overflow-wrap: anywhere; }
.section.media.media-v2 .media-sl-itm .md-sl-more{
  display:inline-block; margin-top:18px;
  padding:0 72px 0 20px; height:48px; line-height:48px;width: auto !important; max-width:210px;
  background:#1b6cd9; color:#fff; font-size:18px; font-weight:600;
  border-radius:0px; text-decoration:none; position:relative;
}
.section.media.media-v2 .media-sl-itm .md-sl-more:after{
  content:""; width:20px; height:20px; position:absolute; right:20px; top:50%; transform:translateY(-50%);
  background:url(/resources/custom/images/main/main/ico-plus-wh.png) no-repeat center/contain;
}

/* 슬라이드 이동 버튼 & 카운트 → 카드 우하단로 고정(HTML은 그대로) */
.section.media.media-v2 .media-sl-control{
  position:absolute !important;
  left: auto !important;  right:24px !important; bottom:22px !important;   /* 카드 우하단 느낌 */
  display:flex !important; align-items:center; gap:14px; z-index:5;
}
.section.media.media-v2 .media-sl-info span{color:#9c9c9c; font-family:'Gmarket'; font-size:14px;}
.section.media.media-v2 .media-sl-info .media-sl-count{color:#6c6c6c;}
.section.media.media-v2 .media-sl-pager{display:flex; gap:10px;}
.section.media.media-v2 .media-sl-pager button{ background:transparent; border:0; cursor:pointer; font-size:16px; color:#6c6c6c; }

/* ---------- BOTTOM: 썸네일 3개 (기존 2개 → 3개) ---------- */
/* 절대배치/고정값 제거해서 아랫줄로 내려오게 */
.section.media.media-v2 .nav-slide-wrap{
  position:static !important;
  top:auto !important; right:auto !important;
  width:100% !important; height:auto !important;
  overflow:visible !important;
  margin-top:16px;
}
.section.media.media-v2 .nav-slide{ position:static !important; width:100% !important; }

/* Swiper가 인라인으로 주는 폭/마진을 덮어씌워 3열 보장 */
.section.media.media-v2 .nav-slide .swiper-wrapper{ /* 슬라이드는 그대로 굴러가게 변환값은 유지 */
  box-sizing:border-box; gap: 18px !important;/* transform: none !important;*/display:flex !important; margin-left:0 !important;width:100% !important;
}
.section.media.media-v2 .nav-slide .swiper-slide.nav-sl-itm{
  /*width: calc((100% - 18px*2) / 3) !important;   3개 꽉 채우기 */
  width: calc((100% - 25px*2) / 3) !important;
  margin-right:0px !important;
}
.section.media.media-v2 .nav-slide .swiper-slide.nav-sl-itm:last-child{
  margin-right:0 !important;
}

/* 썸네일 카드 스타일 */
.section.media.media-v2 .nav-sl-itm .img{
  width:100% !important; height:250px !important;
  border:8px solid #fff; border-radius:0px; overflow:hidden; margin:0 0 12px 0 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.section.media.media-v2 .nav-sl-itm .img img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
.section.media.media-v2 .nav-sl-itm p{
  color:#fff !important; font-size:16px; padding:0 6px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;
}

/* 혹시 남는 흰 배경(가상요소/장식) 제거 */
.section.media.media-v2 .media-sl-wrap:before,
.section.media.media-v2 .media-sl-wrap:after,
.section.media.media-v2 .media-slide:before,
.section.media.media-v2 .media-slide:after{ content:none !important; background:none !important; }

/* ---------- 반응형 ---------- */
@media (max-width: 1200px){
  .section.media.media-v2{ --hero-h:340px; }
  .section.media.media-v2 .media-slide .media-sl-list .media-sl-itm{
    grid-template-columns:minmax(0,1fr) 480px !important;
  }
}
@media (max-width: 992px){
  .section.media.media-v2{ --hero-h:320px; }
  /* 모바일에선 세로 스택 */
  .section.media.media-v2 .media-slide .media-sl-list .media-sl-itm{ display:block !important; }
  .section.media.media-v2 .media-sl-itm .img{ height:var(--hero-h) !important; }
  .section.media.media-v2 .media-sl-itm .txt{ height:auto !important; margin-top:-14px; padding:22px 18px 58px !important; }
  .section.media.media-v2 .media-sl-control{ right:18px !important; bottom:16px !important; }
  .section.media.media-v2 .nav-slide .swiper-slide.nav-sl-itm{
    width: calc((100% - 14px) / 2) !important; margin-right:14px !important;
  }
}
@media (max-width: 600px){
  .section.media.media-v2{ --hero-h:260px; padding:28px 0 40px; }
  .section.media.media-v2 .media-sl-itm .md-sl-tit{ font-size:22px; }
  .section.media.media-v2 .media-sl-itm .md-sl-desc{ -webkit-line-clamp:3; }
  .section.media.media-v2 .nav-slide .swiper-slide.nav-sl-itm{
    width:100% !important; margin-right:0 !important;
  }
  .section.media.media-v2 .nav-sl-itm .img{ height:190px !important; }
}

/*오버뷰*/
#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{display: flex; flex-direction: column; /*align-items: center;*/ justify-content: center;/*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:none;/*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-ver01.jpg); background-size:cover; width:100%; height:210px;
display:flex;     align-items: center; position:relative;}
.overview02::before{content:"";position:absolute;top:0; left:0; right:0; bottom:0; background: linear-gradient(180deg,rgba(3,61,148,0.9) 0%,/* 위쪽: 진한 파랑 */rgba(3,61,148,0.6) 100%  /* 아래쪽: 살짝 투명 */);/*background:rgba(1,42,103,0.6);  다크 블루 + 투명도  background:rgba(3,61,148,0.6);*/z-index:1;}
.overview02 > *{position:relative;z-index:2;}
.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-sl-itm .txt01 {color:#87ffaa;font-size:22px;position:relative;display:inline-block;padding-bottom:10px; margin-bottom:5px;text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* 글자 뒤에 그림자 */}
.overview02 .ov-sl-itm .txt01:after {content:"";display:block; width:60%; /* 전체가 아니라 살짝만 */height:3px; /* 더 두껍게 */background:linear-gradient(90deg, #033d94, #00c6ff);margin:6px auto 0; border-radius:2px;}
.overview02 .ov-sl-itm .txt02 { font-family:'Gmarket';font-size:30px;  /* 조금 더 크게 */font-weight:700; /* 두께 추가 */color:#fff;text-shadow: 0 3px 6px rgba(0,0,0,0.6); /* 진한 그림자 */}
.overview02 .ov-sl-itm .txt02 .highlight {color:#ffda3c; /* 노랑 포인트 */}
.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{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);}

/* 2025-08추가 */
.float-box { z-index:1000;}
.float-box .float-content {overflow: hidden;max-height: 2000px; /* 내용 충분히 커버 */opacity: 1;transition: max-height .35s ease, opacity .35s ease;}
.float-box.collapsed .float-content {max-height: 0; opacity: 0;pointer-events: none;}
.float-box .float-handle {display:none;}
/*.float-box .float-handle:before {content: "";display: block; width: 18px;height: 3px;margin: 0 auto;border-radius: 2px; background: #fff;transform: translateY(10px);}
 펼쳐진 상태의 핸들 색상
.float-box:not(.collapsed) .float-handle { background: #1a3963; } */

@media (min-width:1001px){
  .float-box .float-content{ max-height:none; opacity:1; }
}

@media all and (max-width:1000px){
		.usr-service-box .usr-cont{padding:50px 24px;}
		.float-box { bottom:16px; right:8px; }
		.float-box .float-handle{display: flex;align-items: center;      /* 수직 중앙 정렬 */justify-content: center;  /* 수평 중앙 정렬 */ gap: 6px;                  /* 선과 텍스트 사이 간격 */padding: 0 10px;font-size: 13px; font-family: 'Gmarket';color: #fff;height: 30px;line-height: 1;            /* 줄 간격 최소화 */border: none; border-radius: 14px;background: #ff5910;cursor: pointer;outline: none;box-shadow: 0 2px 6px rgba(0,0,0,.15);}
		.float-box .float-handle:before{content: "";display: block; width: 13px; height: 3px;border-radius: 2px; background: #fff;position: relative;top: 0; /* 불필요한 아래쪽 붙음 방지 */}
		.float-box:not(.collapsed) .float-handle{ background:#d75b00; }
		.usr-service-box .usr-list ul li{width:calc((100% - 20px) / 3);}
}

@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; display: flex; align-items: center; justify-content: center;}
.popup-sl-area .popup-sl-box .pop-sl-itm img{width: auto; max-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;}
/*.popup-sl-area .swiper-slide {width: auto; flex: 0 0 auto;}*/
.popup-sl-area .swiper-slide {
  width: auto !important;   /* 인라인 width: 648px 같은 것 무시 */
  flex: 0 0 auto;
}
.popup-sl-area .popup-sl-box,
.popup-sl-area .swiper,
.popup-sl-area .swiper-container,
.popup-sl-area .swiper-wrapper,
.popup-sl-area .swiper-slide { box-sizing: border-box; }
.popup-sl-area.is-insufficient .swiper-wrapper { justify-content: center; }

@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;}
		.popup-sl-area.mobile .swiper-slide,
		.popup-sl-area:not(.pc) .swiper-slide {
    		width: 100% !important;
    		flex: 0 0 auto;
 		 }
		.popup-sl-area .pop-sl-itm { box-sizing: border-box; }
}


/*반응형 시작*/
@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;}
		.overview01 .ov-sl-pager{ display:flex; }
}
@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;*/ height: auto; min-height: 500px;}
		.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%;}
		.overview02 .ov-sl-list { padding:0 0px;}
}
@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:420px; min-height:420px; }
		.mainVisu .main-sl-txt{/*gap:20px;*/gap:5px; text-align:center; padding: 40px 12px 0;}
		.mainVisu .main-sl-txt span{font-size:18px;}
        .mainVisu .main-sl-txt p{font-size:30px;}
        .mainVisu .main-sl-util { bottom: 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 .month-wrap {flex-wrap: wrap; overflow-x: visible; scroll-snap-type: none; justify-content: center;  gap: 0px;}
        .schd .month-wrap li {flex: 1 1 16%; min-width: 70px;/* 4~5개씩 자동 배치, 필요시 % 조정 */}
        .schd .month-wrap li span {font-size: 16px; /* 모바일에서 글자 조금 줄임 */}
        .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;}
		.overview02 .ov-sl-list { padding:0 0px;}
        
}

@media all and (max-width:640px){
	.mainVisu{height:330px; min-height:330px;}
}

@media all and (max-width:500px){
		.pager{top:62px}
			
		.notice{min-height:700px;}
		.notice .itm{width:100%;}
		.notice .itm a{padding:16px 0; transition: background .2s ease, color .2s ease;}
		.notice .itm a:hover,
		.notice .itm a:active,
		.notice .itm a:focus-visible{
   		 background: #f2f5fa;      /* 연한 그레이-블루 배경 */
   		 color: #2159b9;            /* 블루 톤 텍스트 */
 		 }
		.notice .itm .noti-tit{margin:0; font-size:18px; -webkit-line-clamp: 1;}
		.notice .itm a:hover .noti-tit,
		.notice .itm a:active .noti-tit,
		.notice .itm a:focus-visible .noti-tit{color: #2159b9; }
		.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;}
		.mainVisu{height:320px; min-height:320px; /*height:380px; min-height:380px*/}
		
		.news .news-sl-itm .news-sl-img{width:100%; height:230px;}
        .news .news-sl-itm .news-sl-txt{position:relative; width:95%; margin-left:auto; margin-top:-20px; 30px 24px 20px height:auto; gap:10px; min-height: 280px; justify-content: start;}
		.news .news-sl-itm .news-sl-txt h5 { font-size:20px;}
		
		
}
@media all and (max-width:420px){
		.news .news-sl-pager{top:100px;}
		.schd .month-wrap li {flex: 1 1 30%; }
}


/*애니메이션*/
.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;}

/* 2025-08 추가 */
.slide-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px 14px;
    border-radius: 20px;
    font-size: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
}
.slide-notice.active {
    opacity: 1;
}
.ov-sl-prev.disabled,
.ov-sl-next.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.popup-sl-box {
    visibility: hidden; /* 초기 숨김 */
}

.popup-sl-box.swiper-initialized {
    visibility: visible; /* Swiper 초기화 후 보이기 */
}

@media screen and (max-width: 768px) {
  .information .section-titBox p { display: block; /* 인라인 플렉스를 블록으로 변경 */ text-align: center;}
  .information .section-titBox .program-more {display: block; margin: 15px auto 0; /* 가운데 정렬 및 간격 추가 */font-size: 16px; max-width: 150px; }
}

.goog-te-gadget {
  position: relative;
  display: inline-block;
  min-width: 120px;  /* ✅ 텍스트가 잘리지 않도록 최소 너비 확보 */
  height: 30px;
}
.goog-te-gadget img {
  opacity: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: auto;
}

.goog-te-gadget::before {
  content: "G Language ▼";  /* ✅ 텍스트 전체 보이게 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* ✅ 가운데 정렬 */
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  z-index: 3;
  pointer-events: none; /* ✅ 클릭 방해 X */
  white-space: nowrap;  /* ✅ 줄바꿈 방지 */
}
.goog-te-gadget-simple {position: relative; opacity: 0 !important; position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: auto;}
/*.goog-te-gadget-simple { background: none !important;
  border: 0 !important;
  position: relative;
  padding-right: 20px;} */
  
.goog-te-gadget-simple::after {
  content: "G Language ▼";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #fff;
  z-index: 3;
  pointer-events: none;
}