@charset "utf-8";

/* ***** main layout ***** */
.section{position:relative;margin:0 50px;}

/* ***** main content ***** */
.title-area{margin-bottom:45px;text-align:center;}
.title-area h3{margin-bottom:5px;font-family: 'SBAggro';font-weight:500;font-size:42px;line-height:1.3em;}
.title-area h3 b{font-weight:500;color:#0fb3ad;}
.title-area p{margin-bottom:10px;font-weight:300;font-size:17px;color:#666;line-height:1.4em;}

.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.05);}
.swiper-wrapper .swiper-button-disabled{opacity:0.5;}

#visualSlider li{height:calc(100vh - 100px);box-sizing:border-box;}
#visualSlider li a{display:block;height:100%;}
#visualSlider li a{display:flex;justify-content:space-between;}
#visualSlider li .bg{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:100px 0 100px 100px;overflow:hidden;}
#visualSlider li .bg > div{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#visualSlider li.swiper-slide-active .bg > div{animation:mainBg 8s 0s both;}
#visualSlider li .txt-grp{position:absolute;top:50%;left:0;right:0;margin:-270px auto 0;width:1500px;text-align:center;box-sizing:border-box;}
#visualSlider li .txt-grp > .txt-wrap{display:block;overflow:hidden;vertical-align:top;}
#visualSlider li .txt-grp > .txt-wrap.txt1{margin-bottom:18px;}
#visualSlider li .txt-grp > .txt-wrap > span{display:block;font-weight:400;font-size:28px;color:#fff;line-height:1.3em;transform:translateY(50px);opacity:0;transition:transform 0.7s ease-in-out, opacity 0.7s ease-in-out;transition-delay:0.15s;}
#visualSlider li .txt-grp > .txt-wrap.txt1 > span{font-weight:800;font-size:54px;}
#visualSlider li a:hover img{transform:scale(1) !important;}
#visualSlider li.swiper-slide-active .txt-grp > .txt-wrap > strong,
#visualSlider li.swiper-slide-active .txt-grp > .txt-wrap > span{transform:translateY(0);opacity:1;}
#visualSlider .swiper-grp{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:50%;margin:-85px auto;text-align:center;z-index:10;box-sizing:border-box;}
#visualSlider .swiper-grp > button{position:static;width:35px;height:35px;}
#visualSlider .swiper-button-prev{background-image:url('/images/main/ico_visual_prev.png');background-size:14px auto;}
#visualSlider .swiper-button-next{background-image:url('/images/main/ico_visual_next.png');background-size:14px auto;}
#visualSlider .swiper-pagination{display:inline-block;position:static;vertical-align:middle;}
#visualSlider .swiper-pagination-fraction{display:flex;align-items:center;position:relative;bottom:0;margin:0;padding:0 5px;width:auto;font-weight:500;font-size:22px;color:#fff;background:transparent;opacity:1;box-sizing:border-box;}
#visualSlider .swiper-pagination-fraction .swiper-pagination-current{font-weight:800;}
#visualSlider .swiper-pagination-fraction .line{display:block;margin:0 17px;position:relative;width:200px;height:1px;background:rgba(255,255,255,0.4);}
#visualSlider .swiper-pagination-fraction .line:after{display:block;content:'';position:absolute;left:0;top:0;width:0;height:1px;background:rgba(255,255,255,1);z-index:2;}
#visualSlider .swiper-pagination-fraction .line.on:after{animation:mainLine 7s ease 0s both;}
#visualSlider .swiper-auto{display:inline-block;position:relative;vertical-align:middle;}
#visualSlider .swiper-auto > button{display:inline-block;margin:0 2px;width:35px;height:35px;text-indent:-9999px;background-size:auto 13px;border-radius:50%;box-sizing:border-box;z-index:10;}
#visualSlider .swiper-auto .swiper-button-stop{background:rgba(255,255,255,0.2) url('/images/main/ico_visual_stop.png') no-repeat center;}
#visualSlider .swiper-auto .swiper-button-start{display:none;background:rgba(255,255,255,0.2) url('/images/main/ico_visual_start.png') no-repeat center;}
#visualSlider.active .swiper-auto .swiper-button-stop{display:none;}
#visualSlider.active .swiper-auto .swiper-button-start{display:block;}

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

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

.quick-list{position:absolute;left:0;right:0;bottom:150px;margin:0 auto;padding:0 57px;width:1500px;box-sizing:border-box;z-index:2;}
.quick-list > ul{display:flex;justify-content:center;gap:14px;}
.quick-list > ul > li{flex:1;position:relative;}
.quick-list > ul > li .title{display:flex;flex-direction:column;justify-content:center;padding:10px;height:166px;font-size:19px;color:#212121;line-height:1.3em;text-align:center;background:linear-gradient(#fff, #f8fbfc, #ecf4f8, #e2f5f4);border-radius:20px;box-sizing:border-box;transition-duration:0.3s;}
.quick-list > ul > li i{display:block;margin:0 auto;}
.quick-list > ul > li i img{width:70px;}
.quick-list > ul > li span{display:flex;justify-content:center;align-items:center;height:45px;}
.quick-list > ul > li .hover-box{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;right:0;top:50%;min-height:100%;padding:20px 10px;background:#019dd9;border-radius:20px;opacity:0;transition-duration:0.2s;box-sizing:border-box;z-index:-1;transform:translateY(-50%);}
.quick-list > ul > li .hover-box a{display:flex;justify-content:center;align-items:center;padding:5px;width:100%;height:40px;font-weight:400;font-size:17px;color:#fff;letter-spacing:-0.4px;line-height:1.3em;text-align:center;border-radius:30px;box-sizing:border-box;}
.quick-list > ul > li .hover-box a + a{margin-top:4px;}
.quick-list > ul > li .hover-box a:hover{color:#019dd9;background:#fff;}
.quick-list > ul > li .hover-box.one{top:0;bottom:0;padding:0;transform:translateY(0);}
.quick-list > ul > li .hover-box.one a{height:100%;}
.quick-list > ul > li .hover-box.one a:hover{color:#fff;background:#019dd9;}
.quick-list > ul > li:hover .hover-box{opacity:1;z-index:2;}

#btnScroll{display:block;position:absolute;left:calc(50% - 50px);bottom:30px;width:100px;font-weight:600;font-size:16px;color:#fff;text-align:center;z-index:2;animation:scrollDown 1s linear 1s infinite alternate;}
#btnScroll img{width:20px;}
#btnScroll span{display:block;margin-top:7px;}

@keyframes scrollDown{
	from{transform:translateY(0);}
	to{transform:translateY(10px);}
}

.section2{padding:130px 0 95px}

.tab-content.board{position:relative;}
.board .tab-bar{display:flex;justify-content:center;gap:50px;margin-bottom:10px;}
.board .tab-bar li{position:relative;}
.board .tab-bar li:last-child{padding-right:0;}
.board .tab-bar li:first-child:before{display:none;}
.board .tab-bar li a{display:flex;justify-content:center;align-items:center;position:relative;line-height:1.3em;font-weight:800;font-size:28px;color:#9c9c9c;text-align:center;box-sizing:border-box;transition-duration:0.3s;}
.board .tab-bar li a:before{content:'';position:absolute;left:-14px;top:0;width:10px;height:10px;background:#019dd9;border-radius:50%;opacity:0;transition-duration:0.3s;}
.board .tab-bar li.active a{color:#019dd9;}
.board .tab-bar li.active a:before{top:-6px;opacity:1;}

.section2 .swiper-wrap{position:relative;margin:0 -80px;}
.edu-slider{position:static;margin:0 auto;width:1500px;}
.edu-slider li{padding:30px 0;}
.edu-slider li .item{position:relative;min-height:490px;border:1px solid #ededed;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,0.06);box-sizing:border-box;overflow:hidden;}
.edu-slider li .card{display:block;padding:30px 18px 18px;background:#fff;box-sizing:border-box;}
.edu-slider li .card .top-label{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 10px;}
.edu-slider li .card .label{font-weight:500;font-size:18px;color:#3c34d4;line-height:32px;}
.edu-slider li .card .label.type2{color:#d14e39;}
.edu-slider li .card .label.type3{color:#19a7a2;}
.edu-slider li .card .label.type4{color:#68a026;}
.edu-slider li .card .status{display:block;padding:0 10px;min-width:80px;background:#9da1a3;font-size:15px;color:#fff;text-align:center;line-height:32px;border:1px solid #9da1a3;border-radius:18px;box-sizing:border-box;}
.edu-slider li .card .status.ing{background:#f66c35;border-color:#f66c35;}
.edu-slider li .card .img{display:block;margin:0 auto;width:100%;height:212px;text-align:center;background:#f8f8f8 url('/images/common/img_empty.png') no-repeat center / 80% auto;border-radius:15px;overflow:hidden;}
.edu-slider li .card .img img{width:100%;height:100%;}
.edu-slider li .title{display:block;display:-webkit-box;margin-bottom:25px;padding:0 10px;max-width:99.9%;height:68px;line-height:34px;font-weight:700;font-size:24px;color:#212121;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.edu-slider li .info{margin-bottom:35px;padding:0 0 0 10px;}
.edu-slider li .info > li{padding:0 0 0 22px;line-height:1.4em;font-size:17px;color:#575757;letter-spacing:-0.25px;}
.edu-slider li .info > li.num{margin-bottom:8px;background:url('/images/main/ico_num.png') no-repeat left 4px / 15px auto;}
.edu-slider li .info > li.date{background:url('/images/main/ico_date.png') no-repeat left 4px / 15px auto;}
.edu-slider li .hover-box{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:-100%;padding:0 20px;text-align:center;background:rgba(1,157,217,0.85);opacity:0;transition-duration:0.5s;z-index:3;}
.edu-slider li .hover-box .title{padding:0 30px;color:#fff;}
.edu-slider li .hover-box .info > li{color:#fff;text-align:left;}
.edu-slider li .hover-box .info > li.num{background-image:url('/images/main/ico_num_white.png');}
.edu-slider li .hover-box .info > li.date{background-image:url('/images/main/ico_date_white.png');}
.edu-slider li .hover-box .hover-btn{display:flex;justify-content:space-between;}
.edu-slider li .hover-box .hover-btn > *{flex:1;display:inline-flex;justify-content:center;align-items:center;margin:0 auto;max-width:60%;height:44px;font-weight:500;font-size:18px;color:#fff;text-align:center;border:1px solid #fff;border-radius:30px;box-sizing:border-box;}
.edu-slider li .hover-box .hover-btn > * + *{margin-left:8px;}
.edu-slider li:hover .hover-box{bottom:0;opacity:1;}
.edu-slider > button{position:absolute;top:235px;width:80px;height:80px;text-indent:-9999px;z-index:11;}
.edu-slider .swiper-button-prev{left:0;background:url('/images/main/ico_slider_prev.png') no-repeat center;background-size:17px auto;}
.edu-slider .swiper-button-next{right:0;background:url('/images/main/ico_slider_next.png') no-repeat center;background-size:17px auto;}
.edu-slider .no-data{display:flex; height:100%; align-items:center; justify-content:center; background-color:#fff;}
.edu-slider .no-data .title{position:relative;text-align:left;height:auto;overflow:visible;}
.edu-slider .no-data .title:before{display:block;content:''; width:57px;height:61px; margin-bottom:30px; background:url('/images/main/i_program.png') left top no-repeat;}

.notice-slider{position:static;margin:0 auto;width:1560px;}
.notice-slider .slider-item{display:flex;flex-wrap:wrap;margin:-7px -12px;padding:30px;}
.notice-slider .slider-item li{width:25%;padding:7px 12px;box-sizing:border-box;}
.notice-slider .slider-item li a{display:flex;flex-direction:column;position:relative;padding:35px 40px;height:238px;background:#fff;border:1px solid #ededed;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,0.06);box-sizing:border-box;}
.notice-slider .slider-item .title{display:block;display:-webkit-box;margin-bottom:25px;padding:0 10px;max-width:99.9%;height:102px;line-height:34px;font-weight:600;font-size:22px;color:#212121;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.notice-slider .slider-item .date{margin-top:auto;font-size:17px;color:#575757;}
.notice-slider .slider-item li a:hover .title{color:#019dd9;}
.notice-slider > button{position:absolute;top:235px;width:80px;height:80px;text-indent:-9999px;z-index:11;}
.notice-slider .swiper-button-prev{left:0;background:url('/images/main/ico_slider_prev.png') no-repeat center;background-size:17px auto;}
.notice-slider .swiper-button-next{right:0;background:url('/images/main/ico_slider_next.png') no-repeat center;background-size:17px auto;}

.section3{position:relative;background:#e2f4fb;border-radius:100px 0 100px 0;overflow:hidden;}
.section3:before{content:'';position:absolute;left:0;top:0;bottom:0;width:50%;background:#fef0e9;}
.section3 .inner{display:flex;gap:140px;}
.section3 .inner > div{padding:75px 0 65px;width:calc(50% - 70px);}
.section3 .title-area{margin-bottom:25px;text-align:left;}
.section3 .title-area h3{font-weight:700;font-size:28px;color:#212121;}
.section3 .title-area h3 b{font-weight:700;color:#d1362a;}
.section3 .right .title-area h3 b{color:#019dd9;}

.main-branch{position:relative;display:inline-block;}
.mark-list li{display:inline-block;position:absolute;}
.left .mark-list li.item1{top:15.3%;left:55.4%;}
.left .mark-list li.item2{top:45.6%;left:34.8%;}
.left .mark-list li.item3{top:64.3%;left:24.7%;}
.mark-list li a{display:block;padding:6px;text-align:center;background:transparent;border-radius:50%;}
.mark-list li img{width:31px;}
.mark-list li span{display:block;margin-top:2px;font-weight:600;font-size:18px;color:#212121;transition-duration:0.2s;}
.mark-list li a:hover span{color:#d1362a;}
.right .mark-list li.item1{top:15.3%;left:55.4%;}
.right .mark-list li.item2{top:45.6%;left:34.8%;}
.right .mark-list li.item3{top:64.3%;left:24.7%;}
.right .mark-list li.item4{top:46.8%;left:77%;}
.right .mark-list li a:hover span{color:#019dd9;}
.branch-layer{display:none;position:absolute;left:0;right:-52px;top:52px;border-radius:15px;box-shadow:9px 9px 26px rgba(0,0,0,0.05);z-index:10;}
.branch-layer.active{display:block;}
.branch-layer .title{display:flex;align-items:center;padding:5px 70px 5px 35px;height:65px;font-weight:600;font-size:24px;color:#fff;letter-spacing:-0.25px;background:#d1362a;border-radius:15px 15px 0 0;box-sizing:border-box;}
.branch-layer .title strong{font-weight:600;}
.branch-layer .con{padding:40px 30px 50px;background:#fff;border-radius:0 0 15px 15px;}
.branch-layer .branch-info > li{display:flex;gap:10px;margin-bottom:9px;color:#575757;line-height:1.6em;}
.branch-layer .branch-info > li .tit{width:80px;font-weight:700;color:#212121;}
.branch-layer .branch-info > li span{width:calc(100% - 90px);}
.branch-layer .layer-close{position:absolute;right:0;top:0;width:70px;height:65px;text-indent:-9999px;background:url('/images/main/ico_layer_close.png') no-repeat center / 19px auto;}
.right .branch-layer .title{background:#019dd9;}

.section4 > .inner{padding:0 65px;}
#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% - 12px);width:1px;height:34px;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:-15px;margin-top:-50px;width:45px;height:100%;background:url('/images/main/ico_slider_prev.png') center no-repeat;background-size:14px auto;}
#bannerSlider .swiper-button-next{right:-15px;margin-top:-50px;width:45px;height:100%;background:url('/images/main/ico_slider_next.png') center no-repeat;background-size:14px 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 58px 110px;text-align:left;}
.modal-title span{display:inline-block;width:396px;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-size:18px;color:#fff;text-align:center;background:rgba(0,0,0,0.8) url('/images/main/ico_modal_close.png') no-repeat right 27px center;border-radius:30px;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-size:18px;color:#fff;text-align:center;background:#019dd9;border-radius:30px;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){
	
}