@charset "utf-8";

/* ***** main layout ***** */
.main #container:after{display:none;}
.section{position:relative;}

/* ***** main content ***** */
.swiper-wrapper a{overflow:hidden;}
.swiper-wrapper a img{transition-duration:0.3s;box-sizing:border-box;}
.swiper-wrapper a:hover img{transform:scale(1.1);}
.swiper-wrapper .swiper-button-disabled{opacity:0.5;}

#visualSlider .swiper-slide{position:relative;height:834px;box-sizing:border-box;}
#visualSlider .swiper-slide a{display:block;height:100%;}
#visualSlider .swiper-slide .bg{position:absolute;left:0;right:0;top:0;bottom:0;}
#visualSlider .swiper-slide .bg > div{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#visualSlider .swiper-slide.swiper-slide-active .bg > div{animation:mainBg 8s 0s both;}
#visualSlider .swiper-slide .inner{display:flex;align-items:center;height:100%;}
#visualSlider .swiper-slide .txt-grp{margin-top:-235px;box-sizing:border-box;}
#visualSlider .swiper-slide .txt-grp > .txt-wrap{display:block;overflow:hidden;vertical-align:top;}
#visualSlider .swiper-slide .txt-grp > .txt-wrap.txt1{margin-bottom:25px;}
#visualSlider .swiper-slide .txt-grp > .txt-wrap > strong{display:block;transform:translateY(50px);opacity:0;transition:transform 0.7s ease-in-out, opacity 0.7s ease-in-out;transition-delay:0.15s;}
#visualSlider .swiper-slide .txt-grp > .txt-wrap > span{display:block;font-weight:500;font-size:22px;color:#fff;line-height:1.5em;transform:translateY(50px);opacity:0;transition:transform 0.7s ease-in-out, opacity 0.7s ease-in-out;transition-delay:0.15s;}
#visualSlider .swiper-slide a:hover img{transform:scale(1) !important;}
#visualSlider .swiper-slide.swiper-slide-active .txt-grp > .txt-wrap > strong,
#visualSlider .swiper-slide.swiper-slide-active .txt-grp > .txt-wrap > span{transform:translateY(0);opacity:1;}
#visualSlider .swiper-grp{position:absolute;left:0;right:0;bottom:40%;z-index:10;box-sizing:border-box;}
#visualSlider .swiper-grp > .inner{display:flex;align-items:center;}
#visualSlider .swiper-grp > .inner > button{position:static;margin-right:12px;width:54px;height:54px;border:1px solid #fff;border-radius:50%;}
#visualSlider .swiper-button-prev{background-image:url('/images/main/ico_visual_prev.png');background-size:auto 13px;}
#visualSlider .swiper-button-next{background-image:url('/images/main/ico_visual_next.png');background-size:auto 13px;}
#visualSlider .swiper-pagination{display:block;margin-right:36px;position:static;width:360px;height:1px;background:rgba(255,255,255,0.3);vertical-align:middle;}
#visualSlider .swiper-pagination:after{display:block;content: '';position:absolute;left:0;top:50%;margin-top:-1px;width:0;height:1px;background:rgba(255,255,255,1);z-index:2;}
#visualSlider.active .swiper-pagination:after{animation:mainLine 8s ease 0s both;}
#visualSlider .swiper-pagination-bullet{display:none;}

@keyframes mainBg{
	from{transform:scale(1.1);}
	to{transform:scale(1);}
}

@keyframes mainLine{
	from{width:0;}
	to{width:100%;}
}

.section2{margin-top:-158px;background:#fff;border-radius:100px 0 100px 0;z-index:10;}
.section2:before{content:'';position:absolute;right:0;top:-160px;width:174px;height:160px;background:url('/images/main/bg_white.png') no-repeat center;z-index:11;}
.section2 .inner{display:flex;align-items:center;padding:78px 0;}
.section2 .left{flex-shrink:0;width:256px;margin-bottom:15px;}
.section2 h3{margin-bottom:20px;font-weight:900;font-size:34px;color:#141414;line-height:1.2em;}
.section2 h3 span{position:relative;}
.section2 h3 span:after{content:'';position:absolute;right:-45px;bottom:9px;width:35px;height:1px;background:#141414;}
.section2 p{font-size:17px;color:#666;line-height:1.5em;letter-spacing:-0.25px;}
.section2 .right{flex-grow:1;}
.quick-list{display:flex;justify-content:center;align-items:flex-start;margin:0 -10px;gap:10px;}
.quick-list li{flex:1;}
.quick-list li a{display:block;font-size:18px;color:#333;letter-spacing:-0.25px;line-height:1.4em;text-align:center;box-sizing:border-box;transition-duration:0.3s;}
.quick-list li i{display:block;margin:0 auto 20px;width:130px;height:130px;line-height:130px;background:#4c76b9;border-radius:50%;}
.quick-list li.item2 i{background:#baacb4;}
.quick-list li.item3 i{background:#f17082;}
.quick-list li.item4 i{background:#f9a578;}
.quick-list li.item5 i{background:#8dd4e7;}
.quick-list li.item6 i{background:#c6d781;}
.quick-list li.item7 i{background:#9d9ad8;}
.quick-list li.item8 i{background:#fcccb9;}
.quick-list li i img{width:70px;}
.quick-list li a:hover i{animation:quickMove 0.5s 0s both;}

@keyframes quickMove {
    from {transform:translate3d(0, 0, 0);}
    15% {transform: translateY(-8px);}
    35%,65% {transform: translateY(-5px) rotate(8deg);}
    50%,80% {transform: translateY(-5px) rotate(-8deg);}
    to {transform: translate3d(0, 0, 0);}
}

.section3{background:#f1f4f9;}
.section3:before{content:'';position:absolute;right:0;top:-100px;width:100px;height:100px;background:#f1f4f9;z-index:-1;}
.section3 .inner{display:flex;gap:63px;padding:94px 0 114px;}
.section3 .left{flex-grow:1;}
.section3 .right{flex-shrink:0;width:450px;}
.tab-content.board{position:relative;}
.board .tab-bar{margin:0 -5px 28px;}
.board .tab-bar li{display:inline-flex;justify-content:center;align-items:center;height:36px;padding:0 15px;}
.board .tab-bar li a{line-height:1.2em;font-size:26px;color:#666;text-align:center;border-bottom:2px solid transparent;box-sizing:border-box;}
.board .tab-bar li.active a{font-weight:700;color:#141414;border-color:#141414;}
.board .btn-more{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;line-height:36px;text-indent:-9999px;background:#fff url('/images/main/ico_more.png') no-repeat center;border-radius:50%;box-shadow:3px 3px 16px rgba(0,0,0,0.03);transition-duration:0.3s;}
.board .btn-more:hover{transform:rotate(180deg);box-shadow:3px 3px 16px rgba(0,0,0,0.1);}

.notice-list{display:flex;flex-wrap:wrap;gap:16px;}
.notice-list li{width:calc(100% / 3 - 11px);}
.notice-list li a{display:flex;flex-direction:column;padding:35px 32px;height:232px;background:#fff;border-radius:6px;box-shadow:5px 5px 24px rgba(0,0,0,0.04);transition-duration:0.3s;box-sizing:border-box;}
.notice-list li .title{display:block;display:-webkit-box;max-width:99.9%;max-height:90px;line-height:30px;font-weight:500;font-size:20px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.notice-list li .date{margin-top:auto;font-weight:300;font-size:16px;color:#666;}
.notice-list li a:hover{box-shadow:0 0 24px rgba(0,0,0,0.15);}
.notice-list li.empty{display:flex;align-items:center;justify-content:center;width:100%;height:480px;font-weight:500;font-size:20px;text-align:center;}

#popupSlider {position:static;text-align:center;}
#popupSlider li a{display:block;text-align:center;border-radius:6px;}
#popupSlider li .img{height:480px;}
#popupSlider li .img img{height:100%;}
#popupSlider .swiper-top{display:flex;align-items:center;margin-bottom:28px;}
#popupSlider .swiper-top h3{font-weight:700;font-size:26px;color:#141414;line-height:36px;}
#popupSlider .swiper-grp {display:flex;align-items:center;margin-left:auto;z-index:10;}
#popupSlider .swiper-pagination{display:inline-block;position:static;margin-right:10px;width:auto;font-size:11px;color:#666;}
#popupSlider .swiper-pagination span{margin:0 2px;font-size:17px;color:#666;}
#popupSlider .swiper-pagination .swiper-pagination-current{font-weight:700;color:#333;}
#popupSlider .swiper-grp button{position:static;margin-left:4px;width:36px;height:36px;background-size:7px 10px;background-color:#fff;border-radius:50%;box-shadow:3px 3px 16px rgba(0,0,0,0.03);transition-duration:0.3s;}
#popupSlider .swiper-button-prev{background:url('/images/main/ico_popup_prev.png') center no-repeat;}
#popupSlider .swiper-button-next{background:url('/images/main/ico_popup_next.png') center no-repeat;}
#popupSlider .swiper-auto{display:block;position:static;}
#popupSlider .swiper-auto button{background-size:7px 10px;border-radius:50%;box-shadow:3px 3px 16px rgba(0,0,0,0.03);}
#popupSlider .swiper-auto .swiper-button-start{display:none;background:#fff url('/images/main/ico_popup_start.png') center no-repeat;}
#popupSlider .swiper-auto .swiper-button-stop{display:inline-block;background:#fff url('/images/main/ico_popup_stop.png') center no-repeat;}
#popupSlider.active .swiper-auto .swiper-button-start{display:inline-block;}
#popupSlider.active .swiper-auto .swiper-button-stop{display:none;}
#popupSlider .swiper-grp button:hover{box-shadow:3px 3px 16px rgba(0,0,0,0.1);}

.f-top .inner{position:relative;padding:0 42px;}
#bannerSlider{position:static;height:100px;}
#bannerSlider ul li{position:relative;box-sizing:border-box;}
#bannerSlider ul li:before{display:block;content:'';position:absolute;right:0;top:calc(50% - 14px);width:1px;height:28px;background:#e5e5e5;}
#bannerSlider ul li a{display:flex;align-items:center;justify-content:center;height:100px;text-align:center;word-break:break-all;}
#bannerSlider .swiper-button-prev{left:-13px;margin-top:-50px;width:40px;height:100%;background:url('/images/main/ico_slider_prev.png') center no-repeat;background-size:10px auto;}
#bannerSlider .swiper-button-next{right:-13px;margin-top:-50px;width:40px;height:100%;background:url('/images/main/ico_slider_next.png') center no-repeat;background-size:10px auto;}

#modalPopup{}
.modal-bg{display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background:rgba(0,0,0,0.65);z-index:101;}
.modal-wrap{position:relative;padding:0 15px;max-width:1640px;width:100%;box-sizing:border-box;}
.modal-title{display:block;margin:0 0 36px 110px;text-align:left;}
.modal-title span{display:inline-block;width:395px;height:38px;text-indent:-9999px;background:url('/images/main/logo_modal.png') no-repeat left center /contain;}
.modal-wrap .swiper-container{position:static;margin:0 110px;}
.modal-wrap li > a{display:block;box-sizing:border-box;margin:0 auto;text-align:center;max-width:450px;border-radius:6px;overflow:hidden;}
.modal-wrap .swiper-container > button{position:absolute;margin-top:-70px;width:70px;height:70px;text-indent:-9999px;background-color:transparent;border-radius:0;z-index:10;transition-duration:0.3s;}
.modal-wrap .swiper-button-prev{left:15px;background-image:url('/images/main/ico_modal_prev.png');background-size:20px 34px;}
.modal-wrap .swiper-button-next{right:15px;background-image:url('/images/main/ico_modal_next.png');background-size:20px 34px;}
.modal-wrap .swiper-button-next.swiper-button-disabled,
.modal-wrap .swiper-button-prev.swiper-button-disabled{opacity:.2;}
#modalSlider2{max-width:1180px;}
#modalSlider2 .swiper-container > button,
#modalSlider1 .swiper-container > button{display:none;}
#modalSlider2 .modal-title,
#modalSlider1 .modal-title{justify-content:center;}
#modalSlider2 .swiper-grp,
#modalSlider1 .swiper-grp{display:none;}
.modal-btn{margin-top:36px;}
.modal-btn a{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:0 55px 0 25px;height:56px;font-weight:600;font-size:18px;color:#fff;text-align:center;background:rgba(28,28,41,0.9) url('/images/main/ico_modal_close.png') no-repeat right 27px center;border-radius:6px;box-sizing:border-box;}
.modal-btn .modal-num{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:0 25px;height:56px;font-weight:600;font-size:18px;color:#fff;text-align:center;background:#3a99b9;border-radius:6px;box-sizing:border-box;}
.modal-btn .swiper-pagination{display:inline-block;position:static;margin-left:5px;width:auto;font-size:0;}
.modal-btn .swiper-pagination-total{font-size:18px;color:#fff;}

/* ***** responsive ***** */
@media all and (min-width:1921px){
	
}