/*메인비주얼*/
.visual{height:80vh;  position: relative;}
.visual .inner{max-width:93.75rem; margin: 0 auto;}
.main_slide .inner { height: 100%;}
.main_slide .slide {background-image: url("../images/main/main_01.jpg"); background-size: cover; background-position: center center;}
.main_slide .slide_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-70%); color: #fff; z-index: 3; text-align: left; width: 100%; max-width: 87.5rem; margin: 0 auto;}
.main_slide .slide_text small{font-size: 1.4rem; letter-spacing: 0.188rem; opacity: .6; display: block; margin-bottom: .7rem;}
.main_slide .slide_text p {font-size: 1.5rem; line-height: 1.4;margin-top: .5rem; letter-spacing: 0.125rem;}
.main_slide .slide_text strong {font-size: 3.625rem; letter-spacing: 0.1875rem; font-weight: 800;}
.visual_pagination{position: absolute;   bottom: 10% !important;  z-index: 1; text-align: center;}
.visual_pagination .swiper-pagination-bullet {background: #fff; opacity: .5;}
.visual_pagination .swiper-pagination-bullet-active{opacity: 1;}

/*퀵메뉴*/
.section_1 {display: flex; border-bottom: 0.0625rem solid #ddd;}
.quick_menu {width: 25%; padding: 3.125rem 0;}
.quick_menu h2{font-size: 4em; color:#EFEFEF; font-weight: 900; line-height: 4rem; padding-bottom: 1.25rem;}
.quick_menu h2 span{display: block; transform: translate(42% , -0.625rem);}
.quick_menu ul{display: flex; flex-wrap: wrap; max-width:93.75rem; justify-content: center; align-items: center; gap: 0.625rem;padding: 0 15%;}
.quick_menu ul li {width: calc(100% / 2 - 0.3125rem); text-align: center; border-right: 0.0625rem solid rgba(255,255,255,.22); border-radius: 0.625rem; position: relative; box-shadow: 0rem 0.0625rem 1.25rem 0rem #D8E3EC; overflow: hidden;}
.quick_menu ul li a{color: #222; padding: 1.563rem 0.938rem; display: inline-block; text-align: center; position: relative; z-index: 1;}
.quick_menu ul li span{display: block; padding-top: 0.625rem; font-weight: 700;}
.quick_menu ul li:hover:after{opacity:1; transform:translateY(0); transition:.3s;}
.quick_menu ul li:after{content:'';position: absolute; width: 100%; height: 100%; background: #007764; left: 0; top: 0; margin-top:0; opacity:0; transform:translateY(3.125rem); transition:.3s;}
.quick_menu ul li:hover a{color: #fff;}

/*공지사항*/
.section_2{padding: 4.375rem 0;}
.main_title{font-size: 2.25rem; padding-bottom: 1.875rem; font-weight: 800;}
.main_title span{color: #007764; font-weight: 700; position: relative;}
.main_title span:after{content: ''; display: inline-block; width: 0.4375rem; height: 0.4375rem; background: #007764; position: absolute; right: -0.625rem; top: -0.1875rem; border-radius: 3.125rem;}
.sm_title{font-size: 1.25rem; color:#2D46BC; font-style: normal; font-weight: 800;}
.empty {color: #555;  padding: 1.25rem 1.875rem; text-align: center; width: 100%; }
.empty i{font-size: 2rem; color:#a5acb7;}
.notice{max-width: 87.5rem; margin:  0 auto; position: relative;}
.notice_head{display: flex; align-items: end; justify-content: space-between;}
.notice_tab {display: flex; gap: 0.625rem; padding-bottom: 2.1875rem; margin-right: 4.375rem;}
.notice_tab button{display: block;font-size: 1.125rem;font-weight: 500; color: #fff; text-align:center; position: relative; background: #b0b0b0; border-radius: 3.125rem; padding: 0.625rem 1.5625rem;}
.notice_tab button.active{color: #fff; background: #2d46bc;}
.notice_tab button i {position: absolute; right: 1.875rem; top: 50%; transform: translateY(-50%)}
.notice_list_wrap{ border-top: 0.0625rem solid #D7D7D7; border-bottom: 0.0625rem solid #D7D7D7; }
.notice_list_wrap .inner{display: flex;}
.notice_list {display: flex; flex-wrap: wrap; width: 100%; gap: 1.25rem;}
.notice_item {background: #fff;width: calc(100% / 4 - 0.9375rem); position: relative; border: 0.0625rem solid #007764; border-radius: 0.3125rem;}
.notice_item a{position: relative; z-index: 2; display: block; padding: 2.188rem 2.813rem; transition: all .3s; }
.notice_item .label{font-style: normal; color: #007764; font-weight: 800; display: inline-block; padding-bottom: 0.9375rem;  transition: all .3s;}
.notice_item .title {font-size: 1.25rem; font-weight: 700; margin-bottom: 0.9375rem; transition: all .3s; min-height: 4.5rem; line-height: 1.8;}
.notice_item .date {color: #B7B7B7; font-size: 0.875rem; transition: all .3s;}
.notice_item .desc {color: #868686; transition: all .4s; min-height: 3rem; margin-bottom: 0.9375rem;}
.notice_item:hover a{background: #007764; box-shadow: 0 0 0.625rem rgba(0,0,0,.5); }
.notice_item:hover .title, .notice_item:hover p,.notice_list.first:hover .more{color: #fff;}
.notice_item:hover .date {color: #99c9c1;}
.notice_item:hover .label{color: #00FFD6;}
.notice_item:hover .more i{transform: rotate(45deg); display: inline-block;}
.notice_item .more:after {content: '';width: 0;height: 0.0625rem;background-color: #fff;position: absolute;left: 0;bottom: 0;transition: all .2s;}
.notice_item:hover .more:after {width: 100%;}
.notice .more {width: 3.125rem; height: 3.125rem; color: #656565; border: 0.0625rem solid #ccc; display: flex; justify-content: center; align-items: center; border-radius: 3.125rem; text-align: center; font-size: 1.2rem; position: absolute; top: 1.875rem; right: 0; background: #fff;transition: all .3s; }
.notice .more:hover{background: #007764; color: #fff; border: 0.0625rem solid #007764;}

/*갤러리*/
.gallery {width: 75%; position: relative; padding: 4.375rem 0 4.375rem 3.125rem; border-left: 0.0625rem solid #ddd;}
.gallery_list{ overflow: hidden;}
.gallery_item .thumb {position: relative; width: 100%; padding-bottom: 70%;}
.gallery_item .thumb_img {position: absolute; inset: 0; overflow: hidden;}
.gallery_item .thumb_img img {position: absolute; display: block; width: 100% !important; height: 100% !important; object-fit: cover;}
.gallery_item .text_group{display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding-top: 1.25rem;}
.gallery_item .title{font-size: 1.25rem; margin-bottom: 0.9375rem;}
.gallery_item .desc{color: #666; font-size: 1rem; min-height: 3rem;}
.gallery_item .date{color: #888; font-size: 0.875rem; padding-top: 0.9375rem;}
.gallery_control {display: flex; gap: 0.3125rem; position: absolute;  top: 14%; right: 14%;}
.gallery_control button,.gallery_control a{width: 3.125rem; height: 3.125rem; color: #656565; border: 0.0625rem solid #ccc; display: flex; justify-content: center; align-items: center; border-radius: 3.125rem; text-align: center; font-size: 1.2rem; transition: all .3s;}
.gallery_control button:hover{background: #007764; color: #fff; border: 0.0625rem solid #007764;}
.gallery_control .gall_play {display: none;}

/*퀵메뉴 2*/
.section_3{position: relative; background: url("../images/main/quick_bg.jpg") center no-repeat; background-size: cover; padding: 6.25rem 0;}
.quick_link {display: flex; max-width: 87.5rem; margin: 0 auto; justify-content: space-between;}
.quick_link .text{color: #fff;}
.quick_link .text em{font-size: 1.375rem;font-style: normal; color: rgba(255,255,255,.7)}
.quick_link .text p{font-size: 2.25rem;}
.quick_link .text p span{font-weight: 800;}
.quick_link .link_group{display: grid;grid-template-columns: 1fr 1fr 1fr; width: 45%; gap: 0.9375rem;}
.quick_link .link_group a:nth-child(1) { grid-column: 2; }
.quick_link .link_group a{color: #fff; text-align: left; display: inline-block; background: rgba(255,255,255,.3); width: 100%; border-radius: 3.125rem; position: relative; transition: all .3s;}
.quick_link .link_group a:after{content: ''; position: absolute; width: 1.5rem; height: 1.5rem; background: url("../images/main/arrow-right-long.svg") center no-repeat; right: 1.5625rem; top: 50%; transform: translateY(-50%); transition: all .3s;}
.quick_link .link_group a:hover{background: #2d46bc;}
.quick_link .link_group a:hover:after{right: 1.25rem;}
.quick_link .link_group a span{padding: 1.25rem 1.5625rem; display: inline-block;}

@media all and (max-width:1400px) {
    /*메인비주얼*/
    .main_slide .slide_text {padding: 0 0.9375rem;}
    
    /*퀵메뉴*/
    .quick_menu{width: 35%;}
    .gallery{width: 65%; padding: 4.375rem 3.125rem;}
    .gallery_control{top: 4.6875rem; right: 0.9375rem;}
    
    /*퀵메뉴 2*/
    .quick_link{padding: 0 0.9375rem;}
    
    /*공지사항*/
    .notice{padding: 0 0.9375rem;}
    .notice .more{right: 0.9375rem;}
}

@media all and (max-width:1200px) {

}

@media (max-width: 992px) {
    /*퀵메뉴*/
    .section_1{flex-direction: column; padding: 3.125rem 0; border-bottom: 0;}
    .quick_menu{width: 100%; padding: 0;}
    .quick_menu h2{padding: 0 0.9375rem}
    .quick_menu h2 span{display: inline-block; transform: none;}
    .quick_menu ul{padding: 0.9375rem;}
    .quick_menu ul li{width: calc(100% / 6 - 0.625rem)}
  
    /*갤러리*/
    .gallery{width: 100%; padding: 3.125rem 0.9375rem 0;}
    
    /*퀵메뉴 2*/
    .section_3{padding: 3.125rem 0;}
    .quick_link .text p{font-size: 2rem;}
    .quick_link{flex-direction: column;}
    .quick_link .link_group{width: 100%; padding-top: 1.25rem;}
    .quick_link .link_group a{text-align: center;}
    .quick_link .link_group a:nth-child(1){grid-column:auto;}
    .quick_link .link_group a:after{display: none;}
}

@media all and (max-width:767px) {
    
    /*메인비주얼*/
    .visual{height:500px;}
    .main_slide .slide_text{transform: translate(-50%, -40%);}
    .main_slide .slide_text small{font-size: 1.2rem;}
    .main_slide .slide_text p{font-size: 1.2rem;}
    .main_slide .slide_text strong {font-size: 2.5rem;}
    
    /*퀵메뉴*/
    .section_1{padding: 1.875rem 0 0;}
    .quick_menu h2{font-size: 2.5rem;}
    .quick_menu ul li{width: calc(100% / 3 - 0.475rem)}
    .quick_menu ul li a img{width: 2.5rem;}
    .gallery_control button, .gallery_control a{width: 2.5rem; height: 2.5rem;}
    .gallery_control{top:5.4rem}
    
    /*공지사항*/
    .section_2{padding: 3.125rem 0;}
    .notice_head{flex-direction: column;}
    .notice_title{width: 100%;}
    .notice_tab{width: 100%; margin-right: 0; justify-content: left; gap: 0.3125rem; padding-bottom: 0.9375rem;}
    .notice_tab button{padding: 0.625rem 0.9375rem;}
    .notice_list{gap: 0.625rem;}
    .notice_item{width: 100%;}
    .notice_item a{padding: 1.25rem;}
    .notice_list li:nth-child(5),.notice_list li:nth-child(6),.notice_list li:nth-child(7),.notice_list li:nth-child(8) {display: none;}
    
    /*갤러리*/
    .gallery {width: 100%; padding: 3.125rem 0.9375rem 0;}
    .gallery:before{border-radius: 0;}
    .gallery .more{top: 3.125rem; right: 0.9375rem;}
    .section_2:after{display: none;}
}