@charset "utf-8";

/************************************************************************
visual
************************************************************************/
/* visual */
.wrap-visual{position:relative;overflow:hidden;}
.wrap-visual .visual-title{display:none;}

/* slider in text */
.wrap-visual .visual-slide .swiper-slide{height:75rem;}
.wrap-visual .visual-slide .swiper-slide img{width:100%; height:100%; object-fit: cover;}
.wrap-visual .visual-slide .swiper-slide .subject{display:none;}

/* control */
.wrap-visual .visual-util{position: absolute;bottom: 4rem; z-index: 10; width: 100%; text-align: center;}
.wrap-visual .visual-util .area{display:inline-block; background: rgba(0, 0, 0, 0.5); padding: 0.5rem 2.5rem; border-radius: 5rem;}
.wrap-visual .visual-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

/* dotted */ 
.wrap-visual .visual-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-visual .visual-util .row .paging span{opacity:1;padding: 0.5rem;display: flex;align-items: center;justify-content: center;background: transparent;border: 1px solid transparent;width: auto;height: auto;}
.wrap-visual .visual-util .row .paging span:before{content:'';width: 0.5rem;height: 0.5rem;display: block;background: #fff;border-radius: 100%;position: relative;z-index: 1000;}
.wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active{border: 1px solid #fff;}

/* icon counter */
.wrap-visual .visual-util .row .counter{}
.wrap-visual .visual-util .row .counter span{color:#fff;}
.wrap-visual .visual-util .row .counter .slash:before{content:'/';}

/* icon setting */
.wrap-visual .visual-util .row .control{display: flex;align-items: center;gap: 1rem;}

.wrap-visual .visual-util .control-button{display: flex;gap:0rem;}
.wrap-visual .visual-util .control-button button{background-color:#fff; display: block;text-indent: -9999px;}
.wrap-visual .visual-util .control-button  .p-s button{display:none;}
.wrap-visual .visual-util .control-button  .p-s button.on{display:block;}
.wrap-visual .visual-util .control-button button{width: 2rem;height: 2rem; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-size: contain; mask-repeat: no-repeat;}
.wrap-visual .visual-util .control-button button.prev{-webkit-mask-image: url(./../../images/icon/arrow_back.svg); mask-image: url(./../../images/icon/arrow_back.svg);}
.wrap-visual .visual-util .control-button button.next{-webkit-mask-image: url(./../../images/icon/arrow_forward.svg); mask-image: url(./../../images/icon/arrow_forward.svg);}
.wrap-visual .visual-util .control-button button.stop{-webkit-mask-image: url(./../../images/icon/pause.svg); mask-image: url(./../../images/icon/pause.svg);}
.wrap-visual .visual-util .control-button button.play{-webkit-mask-image: url(./../../images/icon/play.svg); mask-image: url(./../../images/icon/play.svg);}

@media all and (max-width:1600px) {
  .wrap-visual .visual-slide .swiper-slide{height:530px;}
}

@media all and (max-width:1023px) {
  .wrap-visual .visual-slide .swiper-slide{height:430px;}
}

@media all and (max-width:767px) {
  .wrap-visual .visual-slide .swiper-slide{height:330px;}
}

/************************************************************************
Notice
************************************************************************/



.wrap-notice{padding:8rem 2rem; max-width:164rem; margin:0 auto;}
.wrap-notice h2{font-size:30px;color:#222;display:block;line-height:1;margin-bottom: 25px;}
.wrap-notice ._inner > ul{position:relative;}
.wrap-notice ._inner > ul > li + li{display:none;}
.wrap-notice ._inner > ul > li {display:flex;}
.wrap-notice .title button{cursor:text;font-size:45px;color:#005baa;font-weight:700;line-height: 1; text-align: left;}
.wrap-notice .title {width:415px;margin-right: 35px;}
.wrap-notice .title .sub_txt{display:block;font-size:20px;color:#666;width:320px;margin-top:30px;font-weight: 300;line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
/*
.wrap-notice .title:after{content:'인류사회의 발전과 정의 실현에 이바지 할 수 있는 지도적 인재를 양성한다.';display:block;font-size:20px;color:#666;width:320px;margin-top:30px;font-weight: 300;line-height: 1.4;}
*/
.wrap-notice .list{width:calc(100% - 415px); margin-top: -55px;}
.wrap-notice .list > ul{display:flex;gap:15px;}
.wrap-notice .list > ul > li{width:calc(100% / 3 - 10px);}
.wrap-notice .list > ul > li a{display:block;}
.wrap-notice .list > ul > li .con{padding:40px;border:1px solid #ccc;display:flex;flex-direction: column-reverse;transition:all ease .25s;}
.wrap-notice .list > ul > li .con:after{content:'공지사항';display:block;font-size:18px;color:#02ba6e;font-weight:500;margin-bottom:15px;transition:all ease .25s;}
.wrap-notice .list > ul > li .con .subjectText{font-size:30px;color:#333;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:20px;transition:all ease .25s;height: 80px;}
.wrap-notice .list > ul > li .con .subjectText span{display: inline;}
.wrap-notice .list > ul > li .con .subjectText i{display: inline-block;margin-right: 0.5rem;position: relative;top: 1.3rem;}
.wrap-notice .list > ul > li .con .content{font-size:17px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:35px;transition:all ease .25s;height: 75px;}
.wrap-notice .list > ul > li .con .date{color:#666;display:block;font-size:16px;font-weight:200;transition:all ease .25s;}
.wrap-notice .list > ul > li .con .date em:before{content:'-';}
.wrap-notice .list > ul > li a:hover .con{border: 1px solid #005baa;background: #005baa;}
.wrap-notice .list > ul > li a:hover .con:after{color:#fff;}
.wrap-notice .list > ul > li a:hover .con .subjectText{color:#fff;}
.wrap-notice .list > ul > li a:hover .con .content{color:#fff;}
.wrap-notice .list > ul > li a:hover .con .date{color:#fff;}
.wrap-notice .list .readMore{display:none;}

.wrap-notice .more{font-size:18px;color:#232323;border:1px solid #757575;display:inline-block;padding:10px 30px;position:absolute;left:0;bottom: 30px;}

@media screen and (max-width:1600px) {
  .wrap-notice{padding:6rem 2rem 7rem;}
}

@media all and (max-width:1200px) {
  .wrap-notice{padding:6rem 6rem 7rem;}
  .wrap-notice .title{width:375px;}
  .wrap-notice .list{width:calc(100% - 375px);}
  .wrap-notice .list > ul > li:nth-child(3){display:none;}
  .wrap-notice .list > ul > li{width: calc(100% / 2 - 7.5px);}
  .wrap-notice .list > ul > li .con .subjectText{font-size:24px;}
}

@media all and (max-width:1023px) {
  .wrap-notice .title{width:320px;}
  .wrap-notice .list{width:calc(100% - 320px);}
  .wrap-notice .list > ul > li:nth-child(2){display:none;}
  .wrap-notice .list > ul > li{width: calc(100% / 1);}
  .wrap-notice .list > ul > li .con .subjectText{font-size:28px;}
}

@media all and (max-width:767px) {
  .wrap-notice{padding:7rem 2rem 7rem;}
  .wrap-notice h2{font-size:23px;margin-bottom: 20px;}
  .wrap-notice .title button{font-size:40px;}
  .wrap-notice .title:after{font-size:18px;margin-top: 15px;padding-right: 40px;}
  .wrap-notice ._inner > ul > li{flex-wrap:wrap;}
  .wrap-notice .list{width:100%;margin-top:40px;}
  .wrap-notice .more{right:0;left:unset;top: 80px;bottom:unset;font-size:16px;padding:7px 20px;}
}


/************************************************************************
Quick
************************************************************************/
.quick-menu{text-align:center; background:url('../../images/main/quick-bg.jpg') no-repeat left top / cover;}
.quick-menu ._inner{padding: 95px 0 75px;max-width:1600px;margin:0 auto;}
.quick-menu .quick-title{font-size:50px;color:#fff;font-weight:600;line-height: 1;margin-bottom: 60px;}
.quick-menu .nodata{color:#fff;}
.quick-menu .quick-slide .slider > ul{gap: 3%;}
.quick-menu .quick-slide .slider > ul > li{width: calc(100% / 5 - 2.4%);position:relative;}
.quick-menu .quick-slide .slider > ul > li a{display:block;padding: 160px 30px 50px; 40px;}
.quick-menu .quick-slide .slider > ul > li a:before{content:'';width:75%;height:75%;position:absolute;left:50%;top:50%;background:#033f97;transition:all ease .5s;transform:translate(-50%, -50%);opacity:0;}
.quick-menu .quick-slide .slider > ul > li a:hover:before{width:100%;height:100%;opacity:1;}
.quick-menu .thumb{height: 150px;position: relative;}
.quick-menu .t-1{color:#fff;font-size:28px;font-weight:400;position:absolute;left:50%;top:55px;transform:translateX(-50%);width:100%;}
.quick-menu .t-2{color:#fff;font-size:17px;font-weight:200;position:relative;letter-spacing: -1px;}

@media all and (max-width:1600px) {
  .quick-menu ._inner{padding:80px 25px;}
  .quick-menu .quick-title{font-size:45px;}
  .quick-menu .t-1{font-size:22px;top: 40px;}
  .quick-menu .t-2{font-size:15px;}
  .quick-menu .thumb{height: 130px;}
  .quick-menu .quick-slide .slider > ul > li a{padding-top: 130px;}
}

@media all and (max-width:1200px) {
  .quick-menu ._inner{padding:70px 25px;}
  .quick-menu .quick-slide .slider{overflow-x:scroll;padding-bottom: 60px;}
  .quick-menu .quick-slide .slider::-webkit-scrollbar{background:rgba(255,255,255,0.5);height:2px;}
  .quick-menu .quick-slide .slider::-webkit-scrollbar-thumb{background:#fff;}
  .quick-menu .quick-slide .slider > ul{width:170%;}
}

@media all and (max-width:767px) {
  .quick-menu ._inner{padding: 65px 20px 60px;}
  .quick-menu .quick-title{font-size:40px;margin-bottom: 25px;}
  .quick-menu .quick-slide .slider > ul{width: 275%;gap: 1%;}
  .quick-menu .t-2{font-size: 16px;}
  .quick-menu .quick-slide .slider{padding-bottom:20px;}
  .quick-menu .quick-slide .slider > ul > li a{padding-top:110px;padding-left: 15px;padding-right: 15px;padding-bottom: 25px;}
}




/*



*/