@charset "utf-8";

#mainWrapper{overflow:hidden;}
.quick{height:587px;}

.section, .section * {font-family: 'SCDream'; font-weight: 400; box-sizing: border-box;}

.mainVisual {position:relative; margin-right:86px; max-height: 830px;}
.mainVisual .visual {position: relative;}
.mainVisual .visual .wrap {z-index: 3;}
.mainVisual .copy {position: absolute; top: 230px; left: 65px; text-align: center;}
.mainVisual .copy p {font-family: 'SANGSANGTITLEM'; font-size: 58px; color: #71cfab;line-height: 1; text-shadow: 0 0 15px rgba(255, 255, 255, 0.4);}
.mainVisual .copy p span {font-family: 'SANGSANGTITLEM'; color: #5d6dbe; padding-left: 15px; margin-bottom: 10px; display: inline-block;}
.mainVisual .copy h2 {color: #fff; font-size: 100px; font-weight: 400; line-height: 1.4; /*text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.38);*/}
.mainVisual .slide {width: 100%;}
.mainVisual .slide .item img {display: block !important; margin: 0 auto; max-width: 100%; min-height:190px;}
.mainVisual .ctrl{position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); display: flex; justify-content: center; align-items: center;}
.mainVisual .ctrl button {width:55px;height:55px;text-indent:-9999px;overflow:hidden;border-radius:100px;}
.mainVisual .ctrl .prev {background: #fff url(../imgs/main/vs_prev.png) no-repeat 50%;}
.mainVisual .ctrl .next {background: #fff url(../imgs/main/vs_next.png) no-repeat 50%; margin-right: 10px;}
.mainVisual .ctrl .stop {background: #fff url(../imgs/main/ctrl_stop.png) no-repeat 50%;}
.mainVisual .ctrl .play {background: #fff url(../imgs/main/ctrl_play.png) no-repeat 50%; display: none;}
.mainVisual .ctrl .dots {display: inline-block; margin: 0 15px;}
.mainVisual .ctrl .dots li {float: left; padding: 0 5px;}
.mainVisual .ctrl .dots button {width: 25px; height: 5px; background: #7eb7bf; border-radius: 10px; display: block; transition: .3s;}
.mainVisual .ctrl .dots .slick-active button {box-shadow: 0 0 0 2px #fff;}
@media all and (max-width:1600px) {
	.mainVisual .copy {top:180px;}
}
@media all and (max-width:1400px) {
	.quick {height: 450px;}
	.mainVisual .copy {transform: scale(0.7); transform-origin: 0 0;}
}
@media all and (max-width:1200px) {
	.mainVisual .copy {transform: scale(0.5);}
	.mainVisual .copy {top:125px;}
}
@media all and (max-width:1024px) {
	.mainVisual {margin-right: 0;}
	.mainVisual .copy {transform: none; top: 80px; left: 30px;}
	.mainVisual .copy p {font-size: 29px}
	.mainVisual .copy h2 {font-size: 50px;}
}
@media all and (max-width:768px) {
	.mainVisual .ctrl {bottom: 15px;}
	.mainVisual .ctrl button {width: 40px; height: 40px; background-size: 25px;}
	.mainVisual .ctrl .dots {display: none;}
	.mainVisual .ctrl .next {margin: 0 5px;}
}
@media all and (max-width:640px) {
	.mainVisual .copy {top: 40px;}
	.mainVisual .copy p {font-size: 23px}
	.mainVisual .copy p span {margin: 0 0 5px;}
	.mainVisual .copy h2 {font-size: 40px;}
}
@media all and (max-width:480px) {
	.mainVisual .copy {top: 40px; left: 10px;}
	.mainVisual .copy p {font-size: 19px}
	.mainVisual .copy p span {margin: 0 0 5px;}
	.mainVisual .copy h2 {font-size: 32px;}
}


.sec01 *{font-family: 'SCDream';}
.sec01 {padding: 120px 0 160px; background: url(../imgs/main/sec01_bg.png) no-repeat 100% 100%;}
.gallery .bg{width:55px;height:157px; position: absolute; top: -75px; left: 70px;}
.gallery .bg span{display:block;position:absolute;}
.gallery .bg span.bar1{bottom:0;left:0;width:16px;height:93px;background:#7eb7bf;}
.gallery .bg span.bar2{top:0;left:28px;width:10px;height:113px;background:#e83436;}
.gallery .bg span.bar3{bottom:40px;right:0;width:3px;height:83px;background:#000;}
.gallery .bg.aos-init span{opacity:0;transform:translateY(-100%);}
.gallery .bg.aos-animate span{transition:all .5s;opacity:1;transform:translateY(0);}
.gallery .bg.aos-animate span.bar2{transition-delay:.4s;}
.gallery .bg.aos-animate span.bar3{transition-delay:.8s;}

.gallery {height: 480px; width: 100%;max-width: 1600px; padding: 0 100px 0 90px; display: flex; justify-content: flex-end; position: relative;margin: 0 auto;}
.gallery .box {width: 49%; padding: 100px 55px 0 60px;position: relative; z-index: 2;}
.gallery h2 {font-size: 30px; font-weight: 500; color: #000;}
.gallery h2 span {font-weight: 500;}
.gallery .ctrl {position: absolute; right: 55px; top: 98px; display: flex; justify-content: center; align-items: center;}
.gallery .ctrl button {width: 40px; height: 45px; background: url(../imgs/main/ctrl_arr.png) no-repeat 50%; overflow: hidden; text-indent: -9999px; display: inline-block;}
.gallery .ctrl .prev {transform: rotate(180deg);}
.gallery .ctrl .next {margin: 0 15px 0 20px;}
.gallery .ctrl .slick-hidden, .gallery .ctrl .slick-disabled {opacity: 0.23; cursor: default;}
.gallery .ctrl .stop, .gallery .ctrl .play {width: 45px; border: solid 1px #000; border-radius: 50px; box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.08);}
.gallery .ctrl .stop {background: #fff url(../imgs/main/ctrl_stop.png) no-repeat 50%;}
.gallery .ctrl .play {background: #fff url(../imgs/main/ctrl_play.png) no-repeat 50%; display: none;}

.gallery .slide {margin-top: 70px; position: relative; z-index: 3;}
.gallery .slide .item a {display: block; padding: 0 0 10px;}
.gallery .slide .item span {display: block;}
.gallery .slide .item .imgs {display: none;}
.gallery .slide .item .imgs img {display: block !important; width: 100%; height: 100%; object-fit: cover;}
.gallery .slide .item .tit {font-size: 38px; font-weight: 400; height: 105px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery .slide .item .date {font-size: 17px; margin: 30px 0;}
.gallery .slide .item .more {font-size: 17px; color: #000; padding: 22px 32px 22px 28px; height: 70px; position: relative; display: inline-block;}
.gallery .slide .item .more span {position: relative; z-index: 1;}
.gallery .slide .item .more:before,
.gallery .slide .item .more span:after {content: ''; display: block; position: absolute;}
.gallery .slide .item .more:before {width: 70px; height: 70px; top: 0; left: 0; background: #e83436; border-radius: 50px;}
.gallery .slide .item .more span:after {width: 73px; height: 11px; top: 15px; left: 0; background: url(../imgs/main/gallery_more.png) no-repeat;}

.gallery .nav_slide {position: absolute; top: 0px; left: 0; width: 100%; max-width: 1600px; height: 100%; padding: 0 100px 0 90px; z-index: 1; transition: all .5s ease !important;}
.gallery .nav_slide ul {display: block; width: 100%; white-space: nowrap;}
.gallery .nav_slide ul li {display: inline-block; width: 400px; padding-right: 50px; transition: all 1s;}
.gallery .nav_slide a {display:block; height: 480px; width: 100%; max-width: 720px; position: relative; overflow: hidden; text-align: left; transition: all .3s;}
.gallery .nav_slide img {display: inline-block; width: 100%; height: 100%; object-fit: cover;}
.gallery .nav_slide ul li.slick-active {width: 100%;}
.gallery .nav_slide .slick-active {width: 100%;}
.gallery .nav_slide .slick-active a {width: 53%; box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.3);}
.gallery .nav_slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery .nav_slide a span {display: block;}
.gallery .nav_slide a span:before,
.gallery .nav_slide a span:after {content: '';display:block;position:absolute;background:#e83436; z-index: 1;transition:all .3s;}
.gallery .nav_slide a span:before {width:0;height:5px;}
.gallery .nav_slide a span:after {width:5px;height:0;}

.gallery .slide .item a:hover {text-decoration: none;}
.gallery .slide .item.hov .more span {animation: arr 1s infinite;}
.gallery .nav_slide .hover span:nth-child(1):before {top:0;right:0;transition-delay:0s;}
.gallery .nav_slide .hover span:nth-child(1):after {bottom:0;left:0;transition-delay:0s;}
.gallery .nav_slide .hover span:nth-child(2):before {bottom:0;right:0;transition-delay:.3s;}
.gallery .nav_slide .hover span:nth-child(2):after {bottom:0;right:0;transition-delay:.3s;}
.gallery .nav_slide .hover span:nth-child(1):before {width:100%;transition-delay:.3s;}
.gallery .nav_slide .hover span:nth-child(1):after {height:100%;transition-delay:.3s;}
.gallery .nav_slide .hover span:nth-child(2):before {width:100%;transition-delay:0s;}
.gallery .nav_slide .hover span:nth-child(2):after {height:100%;transition-delay:0s;}

@keyframes arr {
	0%, 100% {transform: 0;}
	50% {transform: translateX(-3px);}
}

.gallery.no_brd .slick-track {width: 100% !important;}
.gallery.no_brd:after {content:''; width: 45%; height: 100%; left: 90px; top: 0; display: block; position: absolute;  background: #f9f9f9 url(../imgs/main/noimg.jpg) no-repeat 50%; box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.3);}

.gallery .slide .item.non {padding: 60px 0; width: 100% !important;}
.gallery .slide .item.non a {color: #999; font-size: 16px; padding: 0;}
@media all and (max-width:1200px) {
	.sec01 {padding: 60px 0 100px; background-size: 90%;}	
	.gallery.no_brd:after {width: 42%;}
	.gallery .box {padding:100px 40px 0;}
	.gallery .slide .item .tit {font-size: 32px; height: 90px;}
	.gallery .ctrl {right: 40px;}
}
@media all and (max-width:1024px) {	
	.gallery.no_brd:after {display: none;}
	.sec01 {padding: 80px 3% 60px; background-size: 80%;}
	.gallery {padding: 0; flex-direction: column-reverse; height: auto;}
	.gallery .bg {transform: scale(0.6) translate(-50px, -94px) !important; opacity: 1 !important;}
	.gallery h2{font-size:40px;color:#000;font-weight:400;margin:0 0 20px; padding: 0 40px;}
	.gallery h2 span:after{content:'';display:inline-block;width:10px;height:10px;border-radius:100px;background:#e83436;vertical-align:-4px;margin-left:6px;}
	.gallery .box {width: 100%; padding: 0; position: static;}
	.gallery .ctrl {top: 3px;}
	.gallery .ctrl span {width: 9px; height: 9px; margin: 0 7px; display: block; background: #262626; border-radius: 10px;}
	.gallery .ctrl .next {margin: 0 15px 0 0;}
	.gallery .slide {padding: 0 20px; width: 100%; margin: 0 auto;}
	.gallery .slide .item {padding: 0 20px;}
	.gallery .slide .item .imgs {display: block; margin-bottom: 30px; height: 300px; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);}
	.gallery .slide .item .tit {font-size: 28px;height: 80px;}
	.gallery .slide .item .more {padding: 15px 20px; height: 60px;}
	.gallery .slide .item .more:before {width: 60px; height: 60px;}
	.gallery .nav_slide {display: none;}
	.gallery .slide .item.non {text-align: center;border-bottom:solid 1px #c9c9c9;padding: 30px 0;}
}
@media all and (max-width:768px) {
	.gallery h2 {font-size: 36px;}
	.gallery .slide .item .imgs {height: 240px;}
	.gallery .slide .item .tit {font-size: 24px;height: 65px;}
}
@media all and (max-width:680px) {
	.gallery .ctrl {top: 5px;}
	.gallery .ctrl .stop, .gallery .ctrl .play  {display: none !important;}
	.gallery .ctrl .next {margin: 0;}
	.gallery .slide .item .imgs {height: 320px;}
}
@media all and (max-width:640px) {
	.sec01 {padding: 40px 3%;}
	.gallery .bg {display: none;}
	
	.gallery .ctrl {top: 0; right: 20px;}
	.gallery h2 {font-size: 28px;}
	.gallery .slide {padding: 0 20px;}
}
@media all and (max-width:425px) {
	.gallery .box {padding-bottom: 50px;}
	.gallery h2 {padding: 0 20px;}
	.gallery .ctrl {top: auto; bottom: 0; right: 50%; transform: translateX(50%);}
	.gallery .slide {padding: 0;}
	.gallery .slide .item .imgs {height: 200px;}
	.gallery .slide .item .tit {font-size: 20px;height: 60px;}
	.gallery .slide .item .date {font-size: 16px;}
}


.sec02 {padding:90px 0 80px; background-image: linear-gradient(to top, #546557 60%, #fff 60%);}
.sec02 h2{font-size:40px;color:#000;font-weight:400;margin:0 0 20px;}
.sec02 h2 span{font-weight:500;}
.sec02 h2 span:after{content:'';display:inline-block;width:10px;height:10px;border-radius:100px;background:#e83436;vertical-align:-4px;margin-left:6px;}
.sec02 .box {padding: 0 60px 50px; background: #fff; box-shadow: 13px 13px 18px rgba(0, 0, 0, 0.13);}
.sec02 .box>div {float: left;}
.sec02 .more {width: 42px; height: 42px; display: inline-block; background: #eef5f7 url(../imgs/main/more.png) no-repeat 50%; overflow: hidden; text-indent: -9999px; transition: .3s; border-radius: 50px;}
.sec02 .more:hover {transform: rotate(180deg);}

.notice {width: 43.6%; position: relative; margin-right: 4.4%; display: inline-block;}
.notice ul li {border-bottom: solid 1px #c9c9c9;}
.notice ul li:nth-child(3) {border: 0;}
.notice ul li a {height: 85px; display: flex; align-items: center; position: relative;}
.notice a:after {content: ''; display: block; position: absolute; bottom: -1px; left: 0; height: 2px; width: 0; transition: .3s; background: #e83436;}
.notice .date {display: inline-block; font-size: 14px; font-weight: 500; color: #a7a7a7; width: 115px;}
.notice .date span {color: #e83436; font-weight: 500;}
.notice .tit {display: inline-block; width: calc(100% - 115px); font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice li.non {text-align: center; border-bottom: solid 1px #c9c9c9 !important;}
.notice li.non a {font-size: 16px; color: #999; justify-content: center;}
.notice a:hover {text-decoration: none;}
.notice a:hover:after {width: 100%;}
.notice .more {position: absolute; top: 9px; right : 0;}

.eduInfo {position: relative; width: 52%; }
.eduInfo h2 span:after{background:#0074a5;}
.eduInfo .slide .item {padding: 15px 13px 15px 7px;}
.eduInfo .slide .item.fir a {border-color: #000;}
.eduInfo .slide .item.fir a:before {top: -17px;}
.eduInfo .slide .item a {padding: 50px 30px 25px; display: block; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.33); position: relative; border: solid 2px transparent;}
.eduInfo .slide .item a:before {content: ''; width: 4px; height: 35px; top: -2px; left: 20px; position: absolute; display: block; background: #c5e2ea; transition: .3s; z-index: 1;}
.eduInfo .slide .item span {display: block;}
.eduInfo .slide .item .tit {font-size: 20px; font-weight: 400; height: 55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.eduInfo .slide .item .date {margin-top: 25px; font-size: 14px; font-weight: 500; color: #a7a7a7; width: 115px;}
.eduInfo .slide .item .date span {color: #0074a5; font-weight: 500; display: inline;}
.eduInfo .slide .item .mr {margin-top: 20px; padding-top: 20px; border-top: solid 1px #e2eef1; text-align: right; font-size: 14px; color: #767676; font-weight: 500; text-decoration: underline; text-underline-offset : 2px;}
.eduInfo .slide .item .mr:before {content: ''; width: 18px; height: 13px; display: inline-block; background: url(../imgs/main/edui_mr1.png) no-repeat; vertical-align: -1px;}
.eduInfo .slide .item a:hover {text-decoration: none; border-color: #000;}
.eduInfo .slide .item a:hover:before {top: -17px; background: #e83436;}
.eduInfo .slide .item a:hover .mr {color: #000;}
.eduInfo .slide .item a:hover .mr:before {background: url(../imgs/main/edui_mr2.png) no-repeat;}
.eduInfo .slide div.non a {min-height: 230px; padding: 30px; color: #999; font-size: 16px; display: flex; align-items: center; justify-content: center; text-align: center;}
.eduInfo .ctrl {position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.eduInfo .ctrl span {width: 9px; height: 9px; margin: 0 7px; display: block; background: #262626; border-radius: 10px;}
.eduInfo .ctrl button {width: 40px; height: 19px; background: url(../imgs/main/ctrl_arr.png) no-repeat 50%; overflow: hidden; text-indent: -9999px; display: inline-block;}
.eduInfo .ctrl button.prev {transform: rotate(180deg);}
.eduInfo .ctrl button.next {margin-right: 25px;}
.eduInfo .ctrl button.slick-disabled,
.eduInfo .ctrl button.slick-hidden {opacity: 0.23; cursor: default;}
@media all and (max-width:1024px) {
	.sec02 {padding: 30px 0 60px;}
	.sec02 .box {padding: 0 45px 40px;}
	.notice {width: 100%;}
	.eduInfo {width: 100%; margin-top: 40px;}
}
@media all and (max-width:768px) {
	.sec02 h2 {font-size: 36px;}
}
@media all and (max-width:640px) {
	.sec02 h2 {font-size: 28px;}
}
@media all and (max-width:425px) {
	.sec02 .box {padding: 0 20px 30px;}
	.eduInfo .ctrl {position: static; margin-top: 15px;}
	.eduInfo .ctrl button.next {margin-right: 0;}
	.eduInfo .more {position: absolute; top: 0; right: 0;}
}
@media all and (max-width:1024px) {
	.gallery .bg.aos-init span,
	.sec02 .box	{transform: translate(0) !Important; opacity: 1 !important;}
}