@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: 56rem;}
.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;display: none;}
.wrap-visual .visual-util .area{display:inline-block;background: rgba(0, 0, 0, 0.5);padding: 0.5rem 2rem 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 span{color:#fff;font-size:17px;line-height: 1;}
.wrap-visual .visual-util .row .counter span:before{content:'0';}
.wrap-visual .visual-util .row .counter .slash:before{content:'/';margin:0 5px;}

/* 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;width: 20px;height: 24px;}
.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:1024px) {
  .wrap-visual .visual-slide .swiper-slide{height:500px;}
}


/************************************************************************
banner
************************************************************************/
/* banner */
.wrap-banner{border-top:0.1rem solid #ddd;}
.wrap-banner ._inner{position:relative; max-width:170rem; margin:0 auto; overflow:hidden; gap: 3rem; padding:4rem 0; display: flex; align-items: center;}
.wrap-banner .banner-title{display:none;}

.wrap-banner .banner-slide{margin: 0 3rem; overflow:hidden;}
.wrap-banner .banner-slide .swiper-slide{width: auto !important; padding-right:7rem;}
.wrap-banner .banner-slide .swiper-slide:hover{text-decoration:underline;}
.wrap-banner .banner-slide .swiper-slide img{display:none;}
.wrap-banner .banner-slide .swiper-slide .subject{display:block;}
.wrap-banner .banner-slide .swiper-slide .subject .t-1{font-size:2rem;}

/* control */
.wrap-banner .banner-util{}
.wrap-banner .banner-util .area{display:inline-block;}
.wrap-banner .banner-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

/* dotted */ 
.wrap-banner .banner-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-banner .banner-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-banner .banner-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-banner .banner-util .row .paging span.swiper-pagination-bullet-active{border: 1px solid #fff;}

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

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

.wrap-banner .banner-util .control-button{display: flex;gap:1rem;}
.wrap-banner .banner-util .control-button button{background-color:#586273; display: block;text-indent: -9999px;}
.wrap-banner .banner-util .control-button  .p-s button{display:none;}
.wrap-banner .banner-util .control-button  .p-s button.on{display:block;}
.wrap-banner .banner-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-banner .banner-util .control-button button.prev{-webkit-mask-image: url(./../../images/icon/arrow_back.svg); mask-image: url(./../../images/icon/arrow_back.svg);}
.wrap-banner .banner-util .control-button button.next{-webkit-mask-image: url(./../../images/icon/arrow_forward.svg); mask-image: url(./../../images/icon/arrow_forward.svg);}
.wrap-banner .banner-util .control-button button.stop{-webkit-mask-image: url(./../../images/icon/pause.svg); mask-image: url(./../../images/icon/pause.svg);}
.wrap-banner .banner-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:1024px) {
  .wrap-banner{gap:1rem;}
  .wrap-banner .banner-slide{margin:0;}
  .wrap-banner .banner-slide .swiper-slide{padding-right:3rem;}
}

/************************************************************************
Quick
************************************************************************/
.wrap-quick{background:#005baa;position:relative;max-width:160rem;margin: -7rem auto 10rem;overflow:hidden;z-index: 1;}
.wrap-quick .quick-title{display:none;}
.wrap-quick .quick-slide{padding: 3rem;}
.wrap-quick .quick-slide .slider{overflow:hidden;}
.wrap-quick .quick-slide li{text-align: center;color: #fff;}
.wrap-quick .quick-slide li a{color: #fff;}
.wrap-quick .quick-slide li .thumb{height: 5.5rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
.wrap-quick .quick-slide li .subject .t-1{line-height:1.25;white-space: nowrap;font-size: 1.7rem;}
.wrap-quick .quick-slide li .subject .t-2{display:none;}
.wrap-quick .quick-util{display:none;}

@media screen and (max-width:1600px) {
  .wrap-quick{max-width:calc(100% - 50px);}
}

@media screen and (max-width:1300px) {
  .wrap-quick .quick-slide{padding: 3rem 5rem;}
}

@media screen and (max-width:767px) {
  .wrap-quick{margin-bottom:4rem;}
  .wrap-quick .quick-slide{padding:1.5rem 2.5rem;}
  .wrap-quick .quick-util{display:block;position: absolute;top: 50%;margin-top: -2.5rem;width: 100%;}
  .wrap-quick .quick-util .p-s,
  .wrap-quick .quick-util .counter{display:none;}
  .wrap-quick .control-button button{width: 5rem;height: 5rem;display: inline-block;border-radius: 100%;text-indent: -9999rem;background-color: rgba(255, 255, 255, .3);background-position: center;background-repeat: no-repeat;position: absolute;}
  .wrap-quick .control-button .next{background-image: url(./../../images/main/schedule_next.png);right: 1rem;}
  .wrap-quick .control-button .prev{background-image: url(./../../images/main/schedule_prev.png);left: 1rem;}
}



/************************************************************************
Notice
************************************************************************/
.wrap-notice{margin-bottom: 13rem;}
.wrap-notice ._inner{min-height:45rem;}
.wrap-notice ._inner h2{color:#005baa;font-size:42px;font-weight:400;letter-spacing:-1px;}
.wrap-notice ._inner .title{position:relative;padding-left:20px;}
.wrap-notice ._inner > ul > li + li .title{}
.wrap-notice ._inner .title button{color:#333;}
.wrap-notice ._inner .active .title button{color:#222;font-weight: 400;}
.wrap-notice ._inner .title:before{content:'';width: 0.6rem;height: 0.6rem;display: inline-block;opacity:0;background: #266ed4;border-radius: 100%;vertical-align: middle;margin-right: 10px;}
.wrap-notice ._inner .active .title:before{opacity:1;}
.wrap-notice ._inner .title button{font-size: 2.3rem;font-weight: 200;color: #303030;font-family: 'NotoSans';line-height: 1.4;display: inline-block;vertical-align: middle;letter-spacing: -1px;}
.wrap-notice ._inner > ul{display: flex;gap: 2rem;align-items: center;position: relative;top: -55px;padding-left: 160px;}
.wrap-notice ._inner ul .list{position: absolute;display:none;left: 0;border-top: 1px solid #d9d9d9;top: 7rem;width: 100%;}
.wrap-notice ._inner ul .active .list{display: block;}

.wrap-notice ._inner ul .list ul{}
.wrap-notice ._inner ul .list ul li{border-bottom: 1px solid #333;padding: 2.5rem 0;position: relative;}
.wrap-notice ._inner ul .list ul li a.subject{ }
.wrap-notice ._inner ul .list ul li a.subject .con{display:flex;flex-direction: column;}
.wrap-notice ._inner ul .list ul li a.subject .con .date{font-size: 2.3rem;color: #303030;display:block;position: absolute;right: 0;font-weight: 200;}
.wrap-notice ._inner ul .list ul li a.subject .con .date em:after{content:'.';}
.wrap-notice ._inner ul .list ul li a.subject .con .txt{ }
.wrap-notice ._inner ul .list ul li a.subject .con .txt > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap-notice ._inner ul .list ul li a.subject .con .txt .subjectText{font-size: 2.3rem;color: #303030;font-weight: 300;padding-right: 150px;}
.wrap-notice ._inner ul .list ul li a.subject .con .txt .subjectText i{display:inline-block;margin-right:5px;top: 10px;position:relative;}
.wrap-notice ._inner ul .list ul li a.subject .con .txt .content{font-size: 1.7rem;color: #777;display: none;margin-top: 0.5rem;}
.wrap-notice ._inner ul .list ul li a.subject  .readMore{display:none;}
.wrap-notice ._inner ul .list .more{position: absolute;right: 0;text-indent:-9999px;top: -7rem;background:url(./../../images/main/notice_more.png) center no-repeat;width: 3rem;height: 3rem;display:block;}

@media screen and (max-width:1400px) {
  .wrap-notice{margin-bottom:6.5rem;}
}

@media screen and (max-width:767px) {
  .wrap-notice ._inner > ul{padding-top: 55px;padding-left: 0;gap: 1rem;}
  .wrap-notice ._inner ul .list{top: 12rem;}
  .wrap-notice ._inner .title button{font-size: 19px;}
  .wrap-notice ._inner .title{padding-left:0;}
  .wrap-notice ._inner ul .list .more{top:-64px;}
  .wrap-notice ._inner h2{font-size:3.2rem;}
  .wrap-notice ._inner ul .list ul li a.subject .con .txt .subjectText{font-size:18px !important;padding-right: 110px;}
  .wrap-notice ._inner ul .list ul li a.subject .con .date{font-size:1.8rem;}
  .wrap-notice ._inner ul .list ul li a.subject .con .txt .subjectText i{width: 14px;height: 14px;top: 8px;}
}


/************************************************************************
Popup
************************************************************************/
.wrap-popup{overflow:hidden;}
.wrap-popup h2{color: #005baa;font-size: 4.2rem;padding-left: 10px;font-weight: 300;margin-bottom: 10px;}
.wrap-popup .popup-slide{}
.wrap-popup .slider{overflow:hidden;}
.wrap-popup .subject{display:none;}
.wrap-popup .swiper-slide{max-height: 36rem;overflow:hidden;}
.wrap-popup .swiper-slide a{display:block;}
.wrap-popup .swiper-slide img{width:100%;transition:all ease .75s;height: 100%;max-height:36rem;}
.wrap-popup .swiper-slide:hover img{transform:scale(1.05);}

/* control */
.wrap-popup .popup-util{position: absolute;top: 3rem;right: 1rem;}
.wrap-popup .popup-util .area{display:inline-block;}
.wrap-popup .popup-util .row{display: flex;align-items: center;justify-content: center;gap: 2rem;}

/* dotted */ 
.wrap-popup .popup-util .row .paging{display: flex;gap: 0.5rem;}
.wrap-popup .popup-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-popup .popup-util .row .paging span:before{content:'';width: 0.5rem;height: 0.5rem;display: block;background: #000;border-radius: 100%;position: relative;z-index: 1000;}
.wrap-popup .popup-util .row .paging span.swiper-pagination-bullet-active{border: 1px solid #000;}

/* icon counter */
.wrap-popup .popup-util .row .counter{}
.wrap-popup .popup-util .row .counter span{color:#555; font-weight:500;}
.wrap-popup .popup-util .row .counter span.now{color:#25aae1; font-weight:700;}
.wrap-popup .popup-util .row .counter .slash:before{content:'/';display:inline-block;margin:0 0.5rem;color: #ccc;font-weight: 600;font-size: 12px;position: relative;top: -3px;}


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

.wrap-popup .popup-util .control-button{display: flex;gap: 1.5rem;}
.wrap-popup .popup-util .control-button button{background-color:#586273; display: block;text-indent: -9999px;}
.wrap-popup .popup-util .control-button  .p-s button{display:none;}
.wrap-popup .popup-util .control-button  .p-s button.on{display:block;}
.wrap-popup .popup-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-popup .popup-util .control-button button.prev{-webkit-mask-image: url(./../../images/icon/arrow_back.svg); mask-image: url(./../../images/icon/arrow_back.svg);}
.wrap-popup .popup-util .control-button button.next{-webkit-mask-image: url(./../../images/icon/arrow_forward.svg); mask-image: url(./../../images/icon/arrow_forward.svg);}
.wrap-popup .popup-util .control-button button.stop{background:url('./../../images/icon/stop.png') no-repeat center;}
.wrap-popup .popup-util .control-button button.play{background:url('./../../images/icon/play.png') no-repeat center;}

@media screen and (max-width:1300px) {
  .wrap-popup{width:100%; display:block;}
  .wrap-popup .popup-util{right:0;}
}
@media screen and (max-width:767px) {
  .wrap-popup h2{font-size:3.2rem;}
  .wrap-popup .popup-util{top:20px;}
}







.quick-menu-01{margin-bottom:65px;}
.quick-menu-01 ._inner{margin:0 auto;overflow:hidden;}
.quick-menu-01 .quick-title{display:none;}
.quick-menu-01 .quick-slide li{border-right:1px solid #ccc;height:230px;position:relative;width: 25%;}
.quick-menu-01 .quick-slide li > a{padding: 25px 60px 90px 80px;display:block;height: 100%;}
.quick-menu-01 .swiper-wrapper{border-left:1px solid #ccc;}
.quick-menu-01 .subject .t-1{color:#212121;font-size: 25px;font-weight:500;margin-bottom: 20px;line-height: 1.25;}
.quick-menu-01 .subject .t-2{color:#666;font-size: 16px;font-weight:300;max-height:150px;overflow:hidden;line-height: 1.5;}
.quick-menu-01 .thumb{position:absolute;bottom: 20px;right: 60px;}
.quick-menu-01 .quick-slide li > a:hover .thumb{animation-name:jump;animation-fill-mode:both;animation-duration:1s;}
@keyframes jump{
  0%{bottom:20px;}
  25%{bottom:15px;}
  70%{bottom:35px;}
  100%{bottom:20px;}
}

@media all and (max-width:1600px) {
  .quick-menu-01 .quick-slide li > a{padding: 25px 30px 50px 40px;}
}

@media all and (max-width:1400px) {
  .quick-menu-01 .subject .t-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}

@media all and (max-width:1200px) {
  .quick-menu-01 .quick-slide li > a:after{left:45px;font-size:13px;bottom: 140px;}
  .quick-menu-01 .thumb{right:35px;bottom:125px;width:45px;}
  .quick-menu-01 .quick-slide li > a:hover .thumb{animation:none;}
  .quick-menu-01 ._inner{padding: 0 40px;}
  .quick-menu-01 .swiper-wrapper{flex-wrap:wrap;border-left:0;}
  .quick-menu-01 .quick-slide li{width:100%;height: auto;border-right:0;border-bottom:1px solid #ccc;}
  .quick-menu-01 .quick-slide li > a{padding:45px 15px;}
  .quick-menu-01 .quick-slide li > a:after{position:initial;margin-top:40px;display:block;width: 140px;font-size: 14px;background-position: 100% 3px;}
  .quick-menu-01 .subject .t-1{font-size:30px;margin-bottom: 20px;}
  .quick-menu-01 .subject .t-2{font-size:17px;padding-right: 75px;}
  .quick-menu-01 .thumb{bottom:40px;}
  .quick-menu-01 .quick-slide li:nth-last-child(1){border-bottom:0;}
  .quick-menu-01 .thumb{right:15px;}
}






/****/