@charset "utf-8";

/************************************************************************
visual
************************************************************************/
/* visual */
.wrap-visual{position:relative;}
.wrap-visual .visual-title{display:none;}
.main ._fnctWrap ._fnctAdmin{z-index:99;}

/* slider in text */
.wrap-visual .visual-slide .swiper-slide{height:78rem;}
.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: 0;z-index: 10;width: 100%;margin: 0 auto;text-align: center;}
.wrap-visual .visual-util .area{display: block;max-width: 162rem;margin: 0 auto;width: 100%;}
.wrap-visual .visual-util .row{display: flex;align-items: center;justify-content: center;gap: 3.5rem;float: left;background: #fff;padding: 3.5rem 5rem;}

/* dotted */ 
.wrap-visual .visual-util .row .paging{display: flex;width: 260px;}
.wrap-visual .visual-util .row .paging span{background:#ccc;width: 100%;height: 0.3rem;display: block;border-radius:0;}
.wrap-visual .visual-util .row .paging span.swiper-pagination-bullet-active{background:#25aae1;}

/* icon counter */
.wrap-visual .visual-util .row .counter{font-size:2rem; color:#555; font-weight:500;}
.wrap-visual .visual-util .row .counter span{display:inline-block;}
.wrap-visual .visual-util .row .counter span.now{color:#25aae1;}
.wrap-visual .visual-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-visual .visual-util .row .control{display: flex;align-items: center;gap: 1.5rem;}

.wrap-visual .visual-util .control-button{display: flex;gap: 1.5rem;}
.wrap-visual .visual-util .control-button button{background-color:#000; 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{background:url('./../../images/icon/vis-pause.png') no-repeat center;}
.wrap-visual .visual-util .control-button button.play{background:url('./../../images/icon/vis-play.png') no-repeat center;}

@media screen and (max-width: 1620px) {
  .wrap-visual .visual-util{padding:0 1rem;}
}

@media screen and (max-width: 767px) {
  .wrap-visual .visual-util{padding:0;}
  .wrap-visual .visual-util .row{width: auto;padding:20px;gap: 2rem;}
  .wrap-visual .visual-util .row .paging{width:160px;}
  .wrap-visual .visual-util .row .counter{font-size:1.4rem;}
  .wrap-visual .visual-util .control-button{gap:1rem;}
  .wrap-visual .visual-slide .swiper-slide{height:55rem;}
}

/************************************************************************
Popup
************************************************************************/
.wrap-popup{overflow:hidden;}
.wrap-popup h2{color:#333;font-size:2.6rem;margin-bottom: 2.5rem;padding-left: 10px;}
.wrap-popup .popup-slide{padding: 10px;}
.wrap-popup .slider{overflow:hidden;box-shadow:0 0 10px 2px rgba(0,0,0,0.15);}
.wrap-popup .subject{display:none;}
.wrap-popup .swiper-slide{max-height:35rem;overflow:hidden;height: 100%;}
.wrap-popup .swiper-slide img{width:100%;transition:all ease .75s;height: 100%;object-fit: cover;}
.wrap-popup .swiper-slide:hover img{transform:scale(1.05);}

/* control */
.wrap-popup .popup-util{position: absolute;top: 1.5rem;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/popup-stop.png') no-repeat center;}
.wrap-popup .popup-util .control-button button.play{-webkit-mask-image: url(./../../images/icon/play.svg); mask-image: url(./../../images/icon/play.svg);}

@media screen and (max-width:1300px) {
  .wrap-popup{width:100%; display:block;}
  .wrap-popup .popup-util{right:0;}
}


/************************************************************************
Notice
************************************************************************/
.wrap-notice{}
.wrap-notice ._inner{min-height:45rem;}
.wrap-notice ._inner h2{display:none;}
.wrap-notice ._inner .title{position:relative;}
.wrap-notice ._inner > ul > li + li .title{padding-left:25px;}
.wrap-notice ._inner > ul > li + li .title:after{content:'/';position:absolute;left:-2px;font-size:12px;font-weight:700;color:#cecece;top: 16px;}
.wrap-notice ._inner .title button{color:#333;}
.wrap-notice ._inner .active .title button{color:#222;font-weight:700;font-size: 2.6rem;}
.wrap-notice ._inner .title:before{content:'';width: 0.7rem;height: 0.7rem;display: block;opacity:0;background: #014d97;margin: 0 auto 4px;border-radius: 100%;}
.wrap-notice ._inner .active .title:before{opacity:1;}
.wrap-notice ._inner .title button{font-size: 2.2rem;font-weight:500;color:#222;font-family: 'NotoSans';line-height: 1.4;}
.wrap-notice ._inner > ul{display: flex;gap: 2.5rem;align-items: center;}
.wrap-notice ._inner ul .list{position: absolute;display:none;left: 0;border-top: 3px solid #000;top: 8rem;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: 1.3rem 0;}
.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{order: 2;font-size:1.5rem;color:#afafaf;display:block;margin-top: 0.7rem;}
.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: 2rem;color: #4b4b4b; font-weight: 500;}
.wrap-notice ._inner ul .list ul li a.subject .con .txt .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.wrap-notice ._inner ul .list ul li a.subject .con .txt .content{font-size: 1.7rem;color: #777;display: block;margin-top: 0.5rem;height: 2.55rem;}
.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: -6rem; background:url(./../../images/main/notice_more.png) center no-repeat; width:2rem; height:2rem; display:block;}

.wrap-notice ._inner ul .list ul li a.subject .subjectText span{ background-image: linear-gradient(#00306e, #00306e);  background-repeat: no-repeat;  background-position: left bottom .1rem;  background-size: 0 1px;  transition: background-size 1.2s;}
.wrap-notice ._inner ul .list ul li a.subject:hover .subjectText span{  background-size: 100% 1px;  color: #00306e;}

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

@media screen and (max-width:767px) {
  .wrap-notice ._inner > ul{gap:1rem;}
  .wrap-notice ._inner .title button{font-size: 1.9rem;}
  .wrap-notice ._inner .active .title button{font-size: 2.2rem;}
  .wrap-notice ._inner > ul > li + li .title{padding-left:1rem;}
  .wrap-notice ._inner ul .list{top:7rem;}
}

/************************************************************************
Schedule
************************************************************************/
.main_schedule_basic{max-width:160rem; position:relative; margin:0 auto;}

.scheduleMain{position: relative; max-width: 120rem; height:20rem;}
.scheduleMain > div{position:relative; height: 100%; display: flex; align-items: center;}
.scheduleMain:before{content:'';width:150%;height:100%;display: block;position: absolute;left: -50%; background:url(./../../images/main/schedule_bg.png) repeat;}

.scheduleMain .title{font-size:2.6rem;font-weight:500;display: flex;align-items: center;gap: 2rem;}
.scheduleMain .title .sj_t{color:#fff;display: flex;align-items: center;gap: 2rem;}
.scheduleMain .title .sj_t:after{content:''; width:5rem; height:0.1rem; display:block; background:#fff;}
.scheduleMain .title .sj_more{display:none;}

.scheduleMain .scheduleControl{position: absolute; right: 50px; top: 50%; transform: translateY(-50%); z-index: 1;}
.scheduleMain .scheduleControl .monthDate{}
.scheduleMain .scheduleControl span{display:none;}
.scheduleMain .scheduleControl a{transform: rotate(45deg); width: 3rem; height: 3rem; opacity:0.8; display:block; text-indent:-9999px;}
.scheduleMain .scheduleControl a.prev{ border-left: 0.5rem solid white; border-top: 0.5rem solid white;}
.scheduleMain .scheduleControl a.next{border-right: 0.5rem solid white; border-bottom: 0.5rem solid white;}

.scheduleMain .scheduleScroll{order: 2;padding-left: 10px; padding-right: 10rem;}
.scheduleMain .scheduleScroll .t_day{}
.scheduleMain .scheduleScroll .event{display: flex;color: #fff;gap: 8rem;}
.scheduleMain .scheduleScroll .event li{display: flex;gap:2.5rem;min-width: 30rem;}
.scheduleMain .scheduleScroll .event li + li + li {display:none;}

._schdulList > ul{}
._schdulList > ul > li{display: flex;align-items: center;gap: 2rem;}

.scheduleScroll .subject{display: flex;flex-direction: column;justify-content: center;max-width: calc(100% - 125px);}
.scheduleScroll .subject .date{margin-bottom: 0.5rem;}
.scheduleScroll .subject .sj{font-weight: 400;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;overflow: hidden;max-width: 250px;}
.scheduleScroll .date_w{background: #fff;border-radius: 100%;color: #003578;font-size:2.8rem;font-weight:500;width: 12.5rem;height: 12.5rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.scheduleScroll .date_w .yy{display:none;}
.scheduleScroll .date_w .i-2:before{content:'/'; display: inline-block; margin: 0 0.5rem;}
.scheduleMain .sj_more{width:1.5rem;height:1.5rem;display:block;background:url(./../../images/main/schedule_more.png) repeat;text-indent:-9999px;order: 1;}
.main_schedule_basic .more{width:1.5rem;height:1.5rem;display:block;background:url(./../../images/main/schedule_more.png) repeat;text-indent:-9999px;order: 1;}

@media screen and (max-width:1100px) {
  .scheduleMain{height:auto; padding: 3rem 0;}
  ._schdulList > ul > li{display:block;}
  .scheduleMain .title{padding:2rem;display: block;}
  .scheduleMain .scheduleScroll .event{flex-direction: column;gap: 4rem;padding: 2rem;}
  .scheduleMain > div{display:block;}
  .scheduleMain:before{top:0;}
  .scheduleMain .scheduleControl{display:none;}
  .scheduleMain .sj_more{position:absolute;right:30px;top: 32px;}
  .main_schedule_basic .more{position:absolute;right:30px;top: 32px;}
  .scheduleMain .title .sj_t:after{width:calc(100% - 170px);}
  .scheduleMain .scheduleScroll .event li{min-width:initial;}
}

/************************************************************************
Quick
************************************************************************/
.quick-menu{background:url(./../../images/main/quick_bg.png) center / cover no-repeat; padding:18rem 0 7rem;}
.quick-menu ._inner{max-width:100rem; margin:0 auto; overflow: hidden;}
.quick-menu .quick-title{color:#fff; text-align: center; font-size: 3.2rem; font-weight: 700; margin-bottom: 6rem;}
.quick-menu .quick-slide{}
.quick-menu .quick-slide ul{display: flex; align-items: center; justify-content: space-between;}
.quick-menu .quick-slide ul li{text-align:center; width:auto;}
.quick-menu .quick-slide ul li .thumb{width: 100%; height: 8rem; display: flex; align-items: center; justify-content: center;}
.quick-menu .quick-slide ul li a{display:block;}
.quick-menu .quick-slide .subject{margin-top:4rem;}
.quick-menu .quick-slide .subject .t-1{color:#fff; font-size:2rem; font-weight:300; position:relative; padding:0 1rem;} 
.quick-menu .quick-slide .subject .t-2{display:none;}

.quick-menu .quick-slide ul li .subject .in:before{content: ''; width: 0%; opacity:.7; transition:ease all .3s; display: block; height: 2rem; background: #25aae1; position: absolute;bottom: -0.5rem;}
.quick-menu .quick-slide ul li:hover .subject .in:before{content:''; width:100%;}

@media screen and (max-width:1100px) {
  .quick-menu ._inner{padding:0 5rem;}
}

@media screen and (max-width:768px) {
  .quick-menu{padding: 8rem 0 5rem;}
  .quick-menu ._inner{padding:0 2rem;}
  .quick-menu .quick-slide ul{flex-wrap: wrap;gap: 70px 0;}
  .quick-menu .quick-slide ul li{margin-bottom: 3rem;width: calc(100% / 2);}
  .quick-menu .quick-slide ul li img{transform:scale(0.7);}
  .quick-menu .quick-slide .subject .t-1{margin-top:-15px;}
}

/************************************************************************
Photo
************************************************************************/
.recent_photo{max-width:162rem; margin:0 auto; padding:10rem 1rem;}
.recent_photo .frame{position:relative;}
.recent_photo h2{display:none;}
.recent_photo .title{margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd;}
.recent_photo .title button{color:#333;font-size:2.6rem;font-weight:700;position: relative;padding: 0 2rem;font-family: 'NotoSans';}
.recent_photo .title button:before{content:'';width: 100%;height: 3px;display: block;background: #005dd5;position: absolute;bottom: -3.1rem;left: 0;}
.recent_photo .list{border-bottom: 2px solid #000; padding-bottom: 3rem;}
.recent_photo .list ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5rem;}
.recent_photo .list ul li a .con .subjectText{color: #222;font-size: 2.4rem;margin-top: 3rem;margin-bottom: 2.5rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 7.2rem;}
.recent_photo .list ul li a .con .subjectText i{display: inline-block; margin-right: 0.5rem; position: relative; top: 0.7rem;}
.recent_photo .list ul li a .con .subjectText span {background-image: linear-gradient(#00306e,#00306e);background-repeat: no-repeat;background-position: left bottom .1rem;background-size: 0 1px;transition: background-size 1.2s;}
.recent_photo .list ul li a:hover .con .subjectText span {background-size: 100% 1px;color:#00306e;}
.recent_photo .list ul li a .con .content{margin-bottom: 3rem;color: #777;font-size: 1.7rem; height: 5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.recent_photo .list ul li a .con .date{font-size: 1.5rem;color: #afafaf;}
.recent_photo .list ul li .thumb{height:320px;border: 1px solid #ddd;}
.recent_photo .list ul li .thumb img{width:100%;height:100%;object-fit:cover;}
.recent_photo .more{position:absolute;right: 0;top: 0;width: 4rem;height: 4rem; text-indent: -9999px; background:url(./../../images/main/album_more.png) center no-repeat;}

@media screen and (max-width:1100px) {
  .recent_photo .list ul{grid-template-columns: 1fr 1fr;}
  .recent_photo .list ul li:nth-child(n + 3){display:none;}
}
@media screen and (max-width:767px) {
  .recent_photo{padding: 7rem 2rem;}
  .recent_photo .list ul{grid-template-columns: 1fr;}
  .recent_photo .list ul li:nth-child(n + 2){display:none;}
  .recent_photo .list ul li a .thumb img{width:100%;}
  .recent_photo .title button{padding:0 1.5rem;}
  .recent_photo .list ul li a .con .subjectText{font-size:2.2rem;}
}





/*

*/