@charset "utf-8";

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

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

@media screen and (max-width: 1279px) {
  .wrap-visual .visual-slide .swiper-slide{height: 50rem;}
}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-slide .swiper-slide{height: 59rem;}
}

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

@media screen and (max-width: 1600px) {
  .wrap-visual .visual-util {left: 6rem;}
}

/* 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{position: relative;display: flex;gap: 1rem;margin-right: 1.85rem;}
.wrap-visual .visual-util .row .counter span{position: relative;color:#fff;font-size: 1.6rem;font-weight: 400;}
.wrap-visual .visual-util .row .counter span.slash {display: none;}
.wrap-visual .visual-util .row .counter span::before {content: "0";font-size: 1.6rem;color: #fff;font-weight: 400;}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-util {left: 2rem;bottom: 9.5rem;}
  .wrap-visual .visual-util .area {padding: 0.6rem 1.3rem}
  .wrap-visual .visual-util .row .counter span {font-size: 1.3rem;}
  .wrap-visual .visual-util .row .counter span::before {font-size: 1.3rem;}
  .wrap-visual .visual-util .control-button button {background-size: 30%;}
}

/* icon setting */
.wrap-visual .visual-util .row .control{display: flex;align-items: center;justify-content: space-between;}

.wrap-visual .visual-util .control-button{display: flex;gap:0rem;}
.wrap-visual .visual-util .control-button button{ display: block;text-indent: -9999px;}
.wrap-visual .visual-util .control-button button.prev {order: 1;}
.wrap-visual .visual-util .control-button button.next {order: 2;}
.wrap-visual .visual-util .control-button .p-s {order: 3;}
.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; background-repeat: no-repeat;background-position: center;}
.wrap-visual .visual-util .control-button button.prev{background-image: url(./../../images/icon/arrow_back.png);}
.wrap-visual .visual-util .control-button button.next{background-image: url(./../../images/icon/arrow_forward.png);}
.wrap-visual .visual-util .control-button button.stop{background-image: url(./../../images/icon/pause.png);}
.wrap-visual .visual-util .control-button button.play{background-image: url(./../../images/icon/play.png);}

@media screen and (max-width: 768px) {
  .wrap-visual .visual-util .control-button button {background-size: 40%;}
  .wrap-visual .visual-util .control-button .p-s button.stop {background-size: 32%;}
  .wrap-visual .visual-util .control-button .p-s button.play {background-size: 50%;}
}

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

.wrap-notice{padding: 4rem 0 10rem;max-width: 160rem;margin:0 auto;}
.notice-tit {position: absolute;left: 0;top: 2.5rem;z-index: 1000;}
.notice-tit .info span {display: block;margin-bottom: 1.2rem;font-size: 3rem;color: #005bac;font-weight: 500;}
.notice-tit .info p {font-size: 1.7rem;font-weight: 400;color: #666;}
.wrap-notice ._inner{margin:0 auto; position:relative;}
.wrap-notice ._inner ul{min-height: 34.5rem;}
.wrap-notice ._inner .list{position: absolute;left: 0;top: 0rem;padding-top: 12rem;width: 100%;display:none;}
.wrap-notice ._inner .active .list{display:block;width: 100%;}
.wrap-notice ._inner h2 {position: relative;display: inline-block;margin-bottom: 1rem;font-size: 4rem;font-weight: 800;color: #212121;padding-right: 1.8rem;}
.wrap-notice ._inner h2::after {content: '';position: absolute;right: 0;top: 1.2rem;width: 1rem;height: 1rem;background: #fcaf17;border-radius: 50%;}
.wrap-notice ._inner .title {position: relative;gap: 0;}
.wrap-notice ._inner .title button {color: #888;font-size: 2.6rem;font-weight: 400;transition: color .25s;}
.wrap-notice ._inner .title:hover button {color: #014da2;font-weight: 800;}
.wrap-notice ._inner ul > li.active .title::after {content: '';display: inline-block;width: 2rem;height: 1.2rem;transform: translateY(-.4rem);margin-left: 1rem;background: url(./../../images/icon/ic-tab-arrow.png) no-repeat center;}
.wrap-notice ._inner .title:hover::after,
.wrap-notice ._inner li.active .title::after {opacity: 1;}
.wrap-notice ._inner li.active .title button {color: #014da2;font-weight: 800;}
.wrap-notice ._inner ul {display: flex;position: relative;top: -6.5rem;}
.wrap-notice .swiper-slide {border-bottom: 1px solid #ccc;overflow: hidden;}
.wrap-notice .swiper-slide a {position: relative;display: block;padding: 4rem 0;min-height: 30rem;}
.wrap-notice .list .con {display: flex;flex-direction: column-reverse;align-items: flex-start;}
.wrap-notice ._inner .date {position: absolute;bottom: 3rem;left: 0;background: transparent;color: #666;font-weight: 400;font-size: 1.5rem;}
.wrap-notice ._inner .date em::after {content: "-";}
.wrap-notice ._inner ul > li .title {position: relative;margin-left: 5rem;z-index: 2;}
.wrap-notice ._inner ul > li:nth-child(1) .title {margin-left: 37rem;}
.wrap-notice ._inner ul > li:nth-child(1) .title:hover::before,
.wrap-notice ._inner ul > li:nth-child(1).active .title::before {background-image: url(./../../images/icon/ic-notice1-on.png);}
.wrap-notice ._inner ul > li:nth-child(2) .title {}
.wrap-notice ._inner ul > li:nth-child(2) .title:hover::before,
.wrap-notice ._inner ul > li:nth-child(2).active .title::before {background-image: url(./../../images/icon/ic-notice2-on.png);}
.wrap-notice ._inner ul > li:nth-child(3) .title {}
.wrap-notice ._inner ul > li:nth-child(3) .title:hover::before,
.wrap-notice ._inner ul > li:nth-child(3).active .title::before {background-image: url(./../../images/icon/ic-notice2-on.png);}
.wrap-notice .subjectText {position: relative;padding-right: 2rem;font-size: 2.5rem;color: #333;font-weight: 500;margin-bottom: 1.5rem;line-height: 3.6rem;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wrap-notice .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.wrap-notice .subjectText span {background-image: linear-gradient(#333,#333);background-repeat: no-repeat;background-size: 0 2px;background-position: left bottom;transition: background-size .5s;}
.wrap-notice .swiper-slide > a:hover .subjectText span {background-size: 100% 2px;}
.wrap-notice .content {display: block;width: 100%;padding-right: 5rem;font-size: 1.7rem;color: #666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 2.7rem;}
.wrap-notice .swiper-button-prev,
.wrap-notice .swiper-button-next {display: none !important;width: 8rem;height: 8rem;border: 1px solid #bfbfbf;border-radius: 50%;background: #fff;transition: .25s;}
.wrap-notice ._inner ul .nodata{padding-top:5rem;}
.wrap-notice .swiper-button-prev {left: 0;margin-top: -4rem;}
.wrap-notice .swiper-button-next {right: 0;margin-top: -4rem;}

.wrap-notice ._inner ul > li.swiper-slide a::before {content: '공지';display: inline-block;min-width: 5rem;height: 2.6rem;margin-bottom: 1.5rem;text-align: center;line-height: 2.6rem;color: #fff;font-size: 1.5rem;font-weight: 400;background: #004282;border-radius: .6rem;}
.wrap-notice ._inner ul > li:nth-child(2) .swiper-slide a::before {content: '공지';display: inline-block;min-width: 5rem;height: 2.6rem;margin-bottom: 1.5rem;text-align: center;line-height: 2.6rem;color: #fff;font-size: 1.5rem;font-weight: 400;background: #00a54d;border-radius: .6rem;}
.wrap-notice ._inner ul > li:nth-child(3) .swiper-slide a::before {content: '공지';display: inline-block;min-width: 5rem;height: 2.6rem;margin-bottom: 1.5rem;text-align: center;line-height: 2.6rem;color: #fff;font-size: 1.5rem;font-weight: 400;background: #ec008c;border-radius: .6rem;}

.wrap-notice .more {position: absolute;right: 0;top: 0;width: 3.4rem;height: 3.4rem;z-index: 1;text-indent: -9999px;background: url(./../../images/icon/ic-plus.png) no-repeat center;}
.wrap-notice .readMore {display: none;}

@media screen and (max-width:1750px) {
  .wrap-notice{width: calc(100% - 4rem);}
}

@media screen and (max-width:768px) {
  .notice-tit {top: 6.5rem;}
  .notice-tit .tit {margin-top: -6rem;}
  .wrap-notice ._inner ul {/* min-height: 42.5rem; */top: 0;}
  .wrap-notice ._inner ul > li .title{margin-left:3.5rem;}
  .wrap-notice ._inner ul > li:nth-child(1) .title{margin-left:0;}
  .wrap-notice ._inner .list {top: 0;padding-top: 4.5rem;width: calc(100% - 6rem) !important;left: 3rem;}
  .wrap-notice {padding: 0rem 0 10rem;}
  .wrap-notice .more {top: 0;width: 2.5rem;height: 2.5rem;}
  .wrap-notice ._inner .title button{font-size:2rem;}
  .wrap-notice ._inner h2{margin-bottom:3rem;font-size: 3.5rem;}
  .wrap-notice ._inner ul > li.active .title::after{width:1.5rem;height:0.7rem;background-size:contain;}
}


.quick-tit {position: absolute;left: 0;top: .9rem;transform: translateY(14%);display: flex;justify-content: center;align-items: center;width: 14rem;height: 11.5rem;;text-align: center;background: #fff;box-shadow: -9px 16px 16px 0 rgba(0, 0, 0, 0.35);}
.quick-tit .tit {font-size: 2rem;color: #00387a;font-weight: 500;line-height: 1.4;}
.wrap-quick{background: linear-gradient(90deg, rgba(0, 56, 122,1) 20.5625%,rgba(0, 55, 121,1) 20.5625%,rgba(0, 31, 91,1) 80.5625%);width: 100%;position: relative;overflow: hidden;}
.wrap-quick ._inner {width: calc(100% - 20rem);overflow: hidden;max-width: 160rem;padding: 2.5rem 0;margin: 0 auto;position: relative;display: flex;align-items: center;}
.wrap-quick .quick-slide {padding-left: 1px;width: calc(100% - 16rem);margin-left: 2rem;overflow: hidden;}
.wrap-quick .quick-title {display: flex;justify-content: center;align-items: center;width: 14rem;height: 11.5rem;text-align: center;background: #fff;box-shadow: -9px 16px 16px 0 rgba(0, 0, 0, 0.35);font-size: 2rem;color: #00387a;font-weight: 500;line-height: 1.4;padding:0 2.5rem;position: relative;z-index: 2;}
.wrap-quick .thumb {display: none;}
.wrap-quick .t-1 {position: relative;color: #fff;font-size: 1.8rem;font-weight: 400;}
.wrap-quick .t-1::after {content: '';position: absolute;right: 0;top: 50%;margin-top: -1.6rem;height: 3.2rem;width: 1px;background: #426495;}
.wrap-quick .t-2 {display: none;}
.wrap-quick .swiper-slide {text-align: center;}
.wrap-quick .swiper-slide > a {display: block;padding: 2rem 0;}
.wrap-quick .nodata{color:#fff;padding: 2rem 0;}
.wrap-quick .quick-util{display:none;}

@media (max-width: 1400px){
  .wrap-quick ._inner{float:none;max-width:none;width: calc(100% - 15rem);float: none;padding: 1.5rem 0;}
  .wrap-quick .t-1 {font-size: 1.6rem;}
  .wrap-quick .quick-title{height:9rem;}
}

@media (max-width: 850px){
  .wrap-quick ._inner{float:none;max-width:none;width: calc(100% - 4rem);float: none;}
  .wrap-quick .t-1 {font-size: 1.6rem;}
}


/* Schedule */
.scheduleScroll {position: relative;padding: 2.5rem 3.6rem 3rem;background: #0275ce;height: 30.5rem;}
.scheduleMain .title a{font-size: 3rem;color: #fff;font-weight: 800;position:relative;display: inline-block;padding-right: 1.5rem;margin-bottom: 2rem;cursor: text;}
.scheduleMain .title a:after{content: '';position: absolute;right: 0;top: 0;width: 1rem;height: 1rem;background: #fcaf17;border-radius: 50%;}
.scheduleMain .title a.sj_more{display:none;}
._schdulList > ul > li {width: 100%}
.scheduleScroll ul.event {display: flex;justify-content: space-between;flex-wrap: wrap;}
.scheduleScroll ul.event .sj {font-size: 1.7rem;color: #fff;font-weight: 400;opacity: .7;}
.scheduleScroll ul.event p {padding-bottom: .5rem;font-size: 3rem;color: #fff;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.25;}
.scheduleScroll ul.event .date_w {display: none;}
.scheduleScroll ul.event li {width: 48%;padding: 2rem 0 2.5rem;border-bottom: 1px solid rgba(255,255,255,.2);}
.scheduleScroll ul.event li:nth-child(n+3) {border-bottom: 0;}
.scheduleScroll ul.event li:nth-child(n+5) {display:none;}

.scheduleControl {position: absolute;right: 2.5rem;top: 1rem;}
.scheduleControl .monthDate {display: flex;gap: 1rem;}
.scheduleControl .prev {display: flex;justify-content: center;align-items: center;text-indent: -9999px;}
.scheduleControl .prev::before {content: '';width: 1.4rem;height: 1.4rem;background: url(./../../images/icon/arrow_back.png) no-repeat center;}
.scheduleControl .next {display: flex;justify-content: center;align-items: center;text-indent: -9999px;}
.scheduleControl .next::before {content: '';width: 1.4rem;height: 1.4rem;background: url(./../../images/icon/arrow_forward.png) no-repeat center;}

.scheduleControl .prev + span {display: none;}

.scheduleMain .sj_more{position: absolute;right: 0;top: 1.3rem;width: 2rem;height: 2rem;background: url(./../../images/icon/ic-plus-white.png) no-repeat center;text-indent: -9999px;}
._schdulList a.more {position: absolute;right: 0;top: 1.3rem;width: 2rem;height: 2rem;background: url(./../../images/icon/ic-plus-white.png) no-repeat center;text-indent: -9999px;}

@media screen and (max-width:1024px) {
  .scheduleScroll {height: auto;padding: 2.5rem 2.6rem 2.8rem;}
  .scheduleScroll ul.event li {width: calc(50% - 1rem);padding: 1.5rem 0 2.5rem}
  .scheduleScroll ul.event li:nth-child(3) {border-bottom: 0;}
  .scheduleScroll ul.event p{font-size:2.5rem;}
  .scheduleScroll ul.event p.noData{font-size:1.8rem;}
}


/* News Room */

.recent_photo h2{display:none;}
.recent_photo .title button{font-size: 3rem;color: #fff;font-weight: 800;font-family:'Noto Sans';cursor:text;position:relative;padding-right:1.5rem;margin-bottom: 2rem;}
.recent_photo .title button:after{content: '';position: absolute;right: 0;top: 0;width: 1rem;height: 1rem;background: #fcaf17;border-radius: 50%;}
.recent_photo .list li {margin-bottom: 2rem;}
.recent_photo .list li:last-child {margin-bottom: 0;}
.recent_photo .list li > a {display: flex;}
.recent_photo .thumb {width: 26.4rem;height: 18.4rem;}
.recent_photo .thumb img {height: 100%;width: 100%;/**object-fit: cover;**/object-position: center top;}
.recent_photo .con {width: calc(100% - 26.4rem);padding: 2.7rem;background: #fff;}
.recent_photo .subjectText {margin-bottom: 1rem;font-size: 2.1rem;color: #212121;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recent_photo .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.recent_photo .content {color: #666;font-size: 1.7rem;font-weight: 200;margin-bottom: 1.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.recent_photo .date {color: #666;font-size: 1.5rem;font-weight: 200;}
.recent_photo .more {position: absolute;right: 0;top: 1.3rem;width: 2rem;height: 2rem;background: url(./../../images/icon/ic-plus-white.png) no-repeat center;text-indent: -9999px;}

.recent_photo .list li > a:hover .con {background: #000;transition: background .35s;}
.recent_photo .list li > a:hover .subjectText,
.recent_photo .list li > a:hover .content,
.recent_photo .list li > a:hover .date {color: #fff;transition: color .35s;}
.recent_photo .list .nodata{color:#fff;padding:3rem 0;}

@media screen and (max-width:1400px) {
  .recent_photo .thumb {width: 20rem;}
  .recent_photo .con {width: calc(100% - 20rem)}
}

@media screen and (max-width:767px) {
  .recent_photo .thumb{width:16rem;height: 15rem;}
  .recent_photo .con {width: calc(100% - 16rem);padding: 1.5rem;}
  .recent_photo .subjectText{font-size: 1.9rem;}
  .recent_photo .content{font-size:1.5rem;}
}