@charset "UTF-8";


.visual{position:relative; display:flex; align-items:center; padding:50px 0; width:100%; height:600px; overflow:hidden;}
.visual .swiper{position:absolute; left:0; top:0; width:100%; height:100%;}
.visual .swiper img{min-width:100%; min-height:100%; object-fit:cover;}
.visual .swiper-button-next, 
.visual .swiper-button-prev{color:#fff !important;}
.visual .swiper-pagination-bullet{width:15px !important; height:15px !important; background:transparent !important; border:2px solid #fff !important; opacity:.8 !important;}
.visual .swiper-pagination-bullet-active{background:#fff !important; opacity:1 !important;}
.visual .vword{display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:80px; height:100%; z-index:1;}
.visual .vword .titW{display:inline-flex; flex-direction:column; gap:32px;}
.visual .vword .titW .tit{margin-left:-8px;}
.visual .vword .titW .txt{font-size: 2.1rem; font-weight: 500; color:#fff; text-shadow:3px 7px 20px rgba(0,0,0,0.8);}
.visual .vword .visualBtn{display:inline-flex; align-items:center; justify-content:flex-start; gap:50px; padding:20px 32px; border:1px solid #fff; border-radius:100px; font-size:1.9rem; font-weight:600; color:#fff; width:280px; text-decoration: none; transition:.3s;}
.visual .vword .visualBtn:hover{gap:60px; background-color:var(--color-main);}
.visual .vword .visualBtn .micon{color:#fff;}
@media all and (max-width:1024px){
    .visual{height:500px;}
    .visual .vword .titW .tit{height:75px;}
    .visual .vword .titW .txt{font-size: 1.7rem;}
    .visual .swiper-button-next, 
    .visual .swiper-button-prev{display:none;}
    .visual .vword .visualBtn{padding:16px 24px; gap:24px; width:auto; font-size:1.7rem;}
    .visual .vword .visualBtn:hover{gap:24px; }
}
@media all and (max-width:768px){
    .visual .vword{gap:56px;}
    .visual .vword .titW{gap:16px; justify-content:center; align-items:center;}
    .visual .vword .titW .tit{height:auto;}
    .visual .vword .titW .txt{font-size: 1.5rem; text-align:center;}
    .visual .vword .visualBtn{margin:0 auto; }
    .visual .swiper-pagination-bullet{width:10px !important; height:10px !important; border:1px solid #fff !important;}
}
@media all and (max-width:425px){
    .visual{height:400px;}
    .visual .vword .titW .txt{font-size: 1.3rem;}
    .visual .vword .visualBtn{font-size: 1.5rem; gap:16px;}
    .visual .vword .visualBtn:hover{gap:16px;}
}

.mainCont{display:flex; flex-direction:column; gap:80px; padding:80px 0 0 0;}
@media all and (max-width:768px){
    .mainCont{padding:56px 0 0 0; gap:56px;}
}
@media all and (max-width:425px){
    .mainCont{padding:40px 0 0 0; gap:64px;}
}

.notiArea{display:flex; gap:40px;}
.notiArea .noti{flex:1; display:flex; flex-direction:column; gap:40px; padding:40px; border-radius:24px; background:#fff; box-shadow:3px 5px 30px rgba(0,0,0,0.1); width:calc(100% - 550px); }
.notiArea .noti .notiTit{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.notiArea .noti .notiTit .mainTab{display:inline-flex; flex-direction:row; align-items:center; gap:24px;}
.notiArea .noti .notiTit .mainTab > li{display:inline-flex; align-items:center; justify-content:center;}
.notiArea .noti .notiTit .mainTab a{color:#676767; height:100%;}
.notiArea .noti .notiTit .mainTab a.on{font-weight:600; color:var(--color-main); font-size:1.9rem;}
.notiArea .noti .notiTit .more{color:#676767; }
.notiList > li.on{display:block;}
.notiList > li{display:none;}
.notiList .list{display:flex; flex-direction:column; gap:12px;}
.notiList .list > li{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.notiList .list a{display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position:relative; padding-left:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; font-weight:500;}
.notiList .list a::before{position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; background:#111; border-radius:100%;}
.notiList .list .date{font-size:1.5rem; color:#676767;}
.notiArea .banner{position:relative; width:510px; }
.notiArea .banner .imgW{position:relative; width:100%; height:100%; border-radius:24px; overflow:hidden; box-shadow:3px 5px 30px rgba(0,0,0,0.1);}
.notiArea .banner img{min-width:100%; min-height:100%; object-fit:cover;}
.notiArea .banner .swiperBtnW{position:absolute; left:50%; bottom:-30px; transform:translateX(-50%); display:inline-flex; align-items:center; gap:16px; padding:16px 20px; border-radius:100px; background:#fff; box-shadow:0px 3px 15px rgba(0,0,0,0.1); width:max-content; z-index:1;}
.notiArea .banner .swiperBtnW *{color:#676767;}
.notiArea .banner .swiperBtnW .pause,
.notiArea .banner .swiperBtnW .play{align-items:center; justify-content:center; width:24px; height:24px;}
.notiArea .banner .swiperBtnW .swiper-button-next, 
.notiArea .banner .swiperBtnW .swiper-button-prev{position:initial; margin-top:0; width:24px; height:24px;}
.notiArea .banner .swiperBtnW .swiper-button-next svg, 
.notiArea .banner .swiperBtnW .swiper-button-prev svg{width:16px; height:16px;}
.notiArea .banner .swiper-pagination2{width:auto;}
.notiArea .banner .swiper-pagination2 .swiper-pagination-current{color:var(--color-point); font-weight:600;}
@media all and (max-width:1280px){
    .notiArea .noti{width:100%;}
    .notiArea{flex-direction:column; align-items:center;}
}
@media all and (max-width:768px){
    .notiArea .banner{width:100%;}
}
@media all and (max-width:425px){
    .notiArea .noti{gap:16px; padding:0; border-radius:0; box-shadow:none;}
    .notiArea .noti .notiTit{padding-bottom:8px; border-bottom:1px solid #ccc;}
    .notiArea .noti .notiTit .mainTab{gap:16px;}
    .notiArea .noti .notiTit .mainTab a{font-size: 1.5rem;}
    .notiArea .noti .notiTit .more{font-size: 1.3rem;}
    .notiList .list{gap:8px;}
    .notiList .list a{padding-left:8px; font-size: 1.5rem; font-weight: 400;}
    .notiList .list a::before{width:2px; height:2px;}
    .notiList .list .date{font-size: 1.3rem;}
    .notiArea .banner .imgW{border-radius:16px;}
    .notiArea .banner .swiperBtnW{padding:8px 16px; gap:8px;}
    .notiArea .banner .swiper-pagination2{font-size: 1.3rem;}
    .notiArea .banner .swiperBtnW .pause{width:19px; height:19px;}
    .notiArea .banner .swiperBtnW .pause i{font-size:1.9rem;}
}

.quickMenu{display:flex; align-items:center; justify-content:space-between; gap:40px;}
.quickMenu > li{flex:1;}
.quickMenu > li a{display:inline-flex; align-items:center; gap:24px; padding:40px;border-radius:24px; background:#fff; box-shadow:3px 5px 30px rgba(0,0,0,0.1); width:100%; font-size:1.9rem; font-weight:500;}
.quickMenu > li a img{width:80px; height:80px; transition:.3s;}
.quickMenu > li a:hover img{animation: iconBounce 0.6s ease-out;}
@keyframes iconBounce {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-10px);
    }
    55% {
        transform: translateY(2px);
    }
    75% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0);
    }
}
@media all and (max-width:1280px){
    .quickMenu{gap:32px;}
    .quickMenu > li a{padding:24px;}
    .quickMenu > li a img{width:50px; height:50px;}
    .quickMenu > li a{font-size: 1.7rem;}
}
@media all and (max-width:1024px){
    .quickMenu{flex-wrap:wrap;}
    .quickMenu > li{flex:auto; width:calc(50% - 16px);}
    .quickMenu > li a{padding:24px 40px;}
}
@media all and (max-width:768px){
    .quickMenu {gap:16px;}
    .quickMenu > li a{gap:16px; padding:24px;}
    .quickMenu > li a img{width:30px; height:30px;}
}
@media all and (max-width:425px){
    .quickMenu{flex-direction:column;}
    .quickMenu > li{width:100%;}
    .quickMenu > li a{padding:16px 24px; border-radius:16px; font-size: 1.5rem;}
}


/*!팝업존*/
.popupZ{position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.75); display:flex; align-items:center; justify-content:center; padding:20px; box-sizing:border-box;}
.popupZ .list{display:flex; flex-wrap:wrap; gap:16px; justify-content:center; max-width:1040px; max-height:calc(100vh - 40px); overflow-y:auto;}
.popupZ .list > li{width:500px; max-width:100%; background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.4); flex-shrink:0;}
.popupZ .list > li .imgW{position:relative; width:100%; aspect-ratio:500/570; overflow:hidden;}
.popupZ .list > li .imgW a{display:block; width:100%; height:100%;}
.popupZ .list > li .imgW img{display:block; width:100%; height:100%; object-fit:cover;}
.popupZ .list > li .btnW{display:flex; align-items:center; justify-content:space-between; padding:14px 20px; margin-top:0; border-top:1px solid #eee;}
.popupZ .list > li .btnW .oneday{display:inline-flex; align-items:center; font-size:1.4rem; color:#555; cursor:pointer;}
.popupZ .list > li .btnW .oneday input{width:16px; height:16px; cursor:pointer; accent-color:var(--color-main, #2d7a3a);}
.popupZ .list > li .btnW .x{display:inline-flex; align-items:center; gap:2px; font-size:1.4rem; color:#555;}
.popupZ .list > li .btnW .x .micon{font-size:1.8rem;}
@media all and (max-width:560px){
    .popupZ{padding:16px;}
    .popupZ .list{max-width:100%;}
    .popupZ .list > li{width:100%;}
}