@charset "UTF-8";


#contents{position:relative;z-index:98;overflow:hidden;background:#f3f4f8;margin-bottom:-100px;}

.visual_wrap .layout {position:absolute;left:50%;top:0;margin-left:-760px;width:1520px;height:calc(100%);color:#fff;z-index:10;}
.visual_wrap .txt1 {display:flex;flex-direction: column;width:580px;height:calc(100%);background:rgba(0,0,0,0.65);font-size:48px;line-height:1.35;color:#fff;font-weight:400;align-items: center;justify-content: center;text-align:center;}
.visual_wrap .txt1 span{display:block;text-align:center;padding:0 0 10px;}
.visual_wrap{position:relative;z-index:2;max-width:1600px;margin:0 auto;}
.visual_slide {position:relative;z-index:1;height:600px;padding:0;background:#fff;z-index:1;overflow:hidden;}
.visual_slide .swiper-container, .swiper-wrapper { height: 100%; }
.visual_slide .swiper-slide {overflow: hidden;}
.visual_slide .swiper-slide {opacity: 1;}
.visual_slide .swiper-slide.num {opacity: 1;}
.visual_slide .btn{position:absolute; bottom:50px; left:0; width:100%;display:block;z-index:3;text-align:center;}
.visual_slide .visual_contr{display:inline-block;width:11px;height:13px;position:relative;overflow:hidden;vertical-align: top;margin-left:-4px;}
.visual_slide .visual_contr .contr{font-size:0;vertical-align:top;border:none;position:absolute; top:0; left:0;width:12px;height:15px;}
.visual_slide .visual_contr .play{display:none;background:url('../images/main/btn_visual_play.png') no-repeat 50% 50%; }
.visual_slide .visual_contr .pause{background:url('../images/main/btn_visual_stop.png') no-repeat 50% 50%; }
.visual_slide .visual_contr.on .play{display:block;}
.visual_slide .visual_contr.on .pause{display:none;}
.visual_slide .bg1{background:url('../images/main/visual_1.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .bg2{background:url('../images/main/visual_2.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .bg3{background:url('../images/main/visual_3.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .bg4{background:url('../images/main/visual_4.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .bg5{background:url('../images/main/visual_5.jpg') no-repeat 50% 50%; background-size:cover;}
.visual_slide .swiper-pagination{position:relative;display:inline-block;height:14px;}
.visual_slide .swiper-pagination .swiper-pagination-bullet{display:inline-block;font-size:0;padding:0;margin-right:10px;height:14px;width:14px;line-height:14px;vertical-align:top;border-radius:7px;background:#fff;opacity: 0.6;}
.visual_slide .swiper-pagination .swiper-pagination-bullet-active{opacity:1;width:50px;}


.main_box{position:relative;z-index:1; padding:60px 0 0;}
.main_box .layout{display:flex;flex-wrap: wrap;gap:60px;}
.main_box .main_title{font-size:30px;font-weight:500;color:#fff;line-height:1.4;padding:22px 0 22px;font-family : 'Pretendard';}

.main_box .subject_box{position:relative;width:calc(40.714% - 30px);height:456px;padding:0 30px 30px;box-sizing:border-box;background:url('../images/main/bg_subject.png') no-repeat 50% 50%; background-size:cover;border-radius:20px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);}
.main_box .subject_box h2:after{content:'';display:block;width:91px;height:89px;position:absolute;right:20px;top:-19px;background:url('../images/main/ico_character_01.png') no-repeat 50% 50%;background-size:cover;}
.main_box .link_list{display: flex;flex-wrap: wrap;gap:20px;}
.main_box .link_list li{width:calc(50% - 10px);}
.main_box .link_list li a{display:block;background:#fff;box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);border-radius:10px;height:70px;line-height:70px;text-align:center;font-size:18px;color:#333;font-weight:400;}
.main_box .link_list li a:hover {background:#80a3bf;color:#fff;}

.main_box .link_list.st2{gap:10px;}
.main_box .link_list.st2 li{width:calc(50% - 5px);}
.main_box .link_list.st2 li a{height:66px;line-height:66px;font-size:16px;}
.main_box .link_list.st2 li a.txt2{line-height:24px;padding-top:8px;}
.main_box .link_list.st2 li a:hover {background:#706a98;color:#fff;}

.main_box .sns_box{position:relative;width:calc(59.285% - 30px);height:456px;padding:0 30px 30px;box-sizing:border-box;background:url('../images/main/bg_activity.png') no-repeat 50% 50%; background-size:cover;border-radius:20px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);}
.main_box .sns_box h2:after{content:'';display:block;width:70px;height:91px;position:absolute;right:20px;top:-17px;background:url('../images/main/ico_character_02.png') no-repeat 50% 50%;background-size:cover;}
.main_box .sns_box ul{display:flex; gap:20px;flex-wrap: wrap;}
.main_box .sns_box ul li{position:relative;width:calc(33.33% - 13.333px);border-radius:10px;overflow:hidden;box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);}
.main_box .sns_box ul li a{display:block;}
.main_box .sns_box ul li .img{display:block;border-radius:10px;overflow:hidden;height:160px;position:relative;}
.main_box .sns_box ul li .img img{top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: relative;width: 101%;max-width: 101%;width:100%;height:100%;object-fit:cover}
.main_box .sns_box ul li .txt{position:absolute;top:0;left:0;width:100%;height:calc(100%);background:#fff;padding:16px 20px 15px;box-sizing:border-box;border-radius:10px;opacity:0;transition:all .3s ease;}
.main_box .sns_box ul li .txt strong{font-size:14px;color:#fb00b7;font-weight:300;margin-bottom:12px;display:block;}
.main_box .sns_box ul li .txt span{font-size:14px;color:#000;font-weight:300;margin-bottom:12px;line-height:1.71;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.main_box .sns_box ul li a:hover .txt{opacity:1;}

.main_box .tab_box_01{position:relative; width:calc(30.714% - 60px);height:412px;padding:0 30px 30px;box-sizing:border-box;background:url('../images/main/bg_activity.png') no-repeat 50% 50%; background-size:cover;border-radius:20px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);}
.main_box .tab_box_01 h2:after{content:'';display:block;width:83px;height:84px;position:absolute;right:20px;top:-20px;background:url('../images/main/ico_character_03.png') no-repeat 50% 50%;background-size:cover;}
.main_box .tab_box_01 > ul{position:relative;background:#fff;box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);border-radius:10px 11px 10px 10px;height:calc(100% - 86px);display:flex;}
.main_box .tab_box_01 > ul > li{width:calc(50% - 24.5px);z-index:1;}
.main_box .tab_box_01 > ul > li > a.t{position:relative;display: flex;align-items: center;justify-content: center;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:400;color:#fff;vertical-align:top;background:#7fc0b5;}
.main_box .tab_box_01 > ul > li > a:hover{text-decoration:none;}
.main_box .tab_box_01 > ul > li:first-child > a.t{border-radius:10px 0 0 0;}
.main_box .tab_box_01 .on .data {display:block;padding:0 20px;}
.main_box .tab_box_01 .data {display:none;width:100%;position:absolute;left:0;top:50px;z-index:1;text-align:left;border-top:1px solid #fff;}
.main_box .tab_box_01 .data a:hover{text-decoration:none;}
.main_box .tab_box_01 > ul > li.on{z-index:2;}
.main_box .tab_box_01 > ul > li.on > a.t{color:#00816c;background:#fff;}
.main_box .tab_box_01 .btn_more{position:absolute; top:-51px; right:0; width:49px;z-index:21;text-align:center;z-index:10;border-left:1px solid #fff;}
.main_box .tab_box_01 .btn_more a{height:50px;display:block;font-size:0;background:#7fc0b5 url('../images/common/ico_more_02.png') no-repeat 50% 50%; font-size:0;box-sizing:border-box;border-radius:0 10px 0 0;}

.main_box .tab_box_01.st2{width:38.571%;background:url('../images/main/bg_notice.png') no-repeat 50% 50%; background-size:cover;}
.main_box .tab_box_01.st2 h2:after{content:'';display:block;width:81px;height:83px;position:absolute;right:20px;top:-15px;background:url('../images/main/ico_character_05.png') no-repeat 50% 50%;background-size:cover;}
.main_box .tab_box_01.st2 > ul > li > a.t{background:#7fa5c0;background:#7fa5c0;}
.main_box .tab_box_01.st2 > ul > li.on > a.t{color:#004c81;background:#fff;}
.main_box .tab_box_01.st2 .btn_more a{background-color:#7fa5c0;}

.main_box .notice_list_01{position:relative;padding:16px 0 0;}
.main_box .notice_list_01 a{position:relative;display:block;line-height:1.375;}
.main_box .notice_list_01 a .tit{color:#333;font-size:16px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;min-height:44px;}
.main_box .notice_list_01 a .img{position:relative;display:block;margin-top:15px;border-radius:0 0 10px 10px;height:150px;overflow:hidden;}
.main_box .notice_list_01 a .img img{top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: relative;width: 101%;max-width: 101%;width:100%;height:100%;object-fit:cover}
.main_box .notice_list_01 a:hover .tit{text-decoration:underline;}

.main_box .notice_list_02 li{border-bottom:1px solid #cccccc;}
.main_box .notice_list_02 li a{position:relative;display:block;padding:15px 90px 15px 0;line-height:1.5;}
.main_box .notice_list_02 li a .tit{color:#333;font-size:16px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;}
.main_box .notice_list_02 li a .date{position:absolute;top:15px;right:0;text-align:right;color:#666;font-size:16px;}

.main_box .course_box{position:relative;width:calc(30.714% - 60px);height:412px;padding:0 30px 30px;box-sizing:border-box;background:url('../images/main/bg_course.png') no-repeat 50% 50%; background-size:cover;border-radius:20px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);}
.main_box .course_box h2:after{content:'';display:block;width:77px;height:81px;position:absolute;right:20px;top:-21px;background:url('../images/main/ico_character_04.png') no-repeat 50% 50%;background-size:cover;}

.main_box .quick_box{height:60px;background:#fff;border-radius:20px 20px 0 0;display:flex;width: 100%;}
.main_box .quick_box h2{height:60px;line-height:60px;background:#a99fdf;width:180px;border-radius:20px 0 0 0;font-size:16px;color:#fff;text-align:center;font-weight:400;}
.main_box .quick_box ul{display:flex;width: calc(100% - 180px);}
.main_box .quick_box li{width:20%;position:relative;}
.main_box .quick_box li a{color:#1D1D1D;font-size:14px;font-weight:400;height:60px;line-height:60px;display:block;text-align:center;}
.main_box .quick_box li a:after{content:'';position:absolute;top:50%;margin-top:-8px;right:0;display:inline-block;width:1px;height:16px;background:#666;}
.main_box .quick_box li:last-child a:after{display:none;}


@media screen and (max-width:1850px) {
	.visual_wrap .layout {left:50px;margin-left:0;width:100%;}
}
@media screen and (max-width:1620px) {
	.visual_wrap .layout {padding:0;}
}
@media screen and (max-width:1450px) {
	.visual_slide {height:700px;}

	.main_box{ padding:50px 0 0;}
	.main_box .layout{gap:50px;}
	.main_box .subject_box{width:calc(40.714% - 25px);}
	.main_box .sns_box{width:calc(59.285% - 25px);}
	.main_box .tab_box_01{width:calc(30.714% - 50px);}
	.main_box .course_box{width:calc(30.714% - 50px);}
}
@media screen and (max-width:1250px) {
	.main_box{ padding:40px 0 0;}
	.main_box .layout{gap:40px;}
	.main_box .subject_box{width:calc(40.714% - 20px);}
	.main_box .sns_box{width:calc(59.285% - 20px);}
	.main_box .tab_box_01{width:calc(30.714% - 40px);}
	.main_box .course_box{width:calc(30.714% - 40px);}

	.main_box .tab_box_01 > ul > li > a.t{font-size: 17px;}
}
@media screen and (max-width:1170px) {
	.visual_wrap .layout {left:30px;}

	.visual_slide {height:670px;}
	.visual_wrap .txt1{font-size:38px;}
	.main_box .link_list.st2 li a{font-size:14px;}
}
@media screen and (max-width:1100px) {
	.main_box .link_list li a{font-size:16px;}
	.main_box .tab_box_01{width:calc(50% - 20px);}
	.main_box .tab_box_01.st2{width:100%;}
	.main_box .course_box{width:calc(50% - 20px);}
}
@media screen and (max-width:1024px) {
	.main_box .quick_box h2{width:140px;}
	.main_box .quick_box ul{width: calc(100% - 140px);justify-content: space-around;}
	.main_box .quick_box li{width:auto;}
	.main_box .quick_box li a:after{display:none;}

	.main_box .layout {padding: 0 20px;}
}
@media screen and (max-width:800px) {
	.main_box .main_title{font-size: 25px;padding: 17px 0 17px;}
	.main_box .subject_box{width:100%;padding: 0 20px 20px;height:auto;}
	.main_box .link_list{gap:15px;}
	.main_box .link_list li a{height: 60px;line-height: 58px;}
	.main_box .sns_box{width:100%;padding: 0 20px 20px;height:auto;}
	.main_box .sns_box ul{gap:15px;}
	.main_box .sns_box ul li{width: calc(33.33% - 10px);}
	.main_box .tab_box_01{padding: 0 20px 20px;height:auto;}
	.main_box .tab_box_01 > ul{height: calc(100% - 69px);}
	.main_box .course_box{padding: 0 20px 20px;height:auto;}
	.main_box .tab_box_01.st2{height: 387px;}

	.main_box .quick_box{display:none;}

	.main_box .subject_box h2:after{right:20px;background-size: 85%;}
	.main_box .sns_box h2:after{right: 20px;background-size: 85%;}
	.main_box .tab_box_01 h2:after{right: 20px;background-size: 85%;}
	.main_box .course_box h2:after{right: 20px;background-size: 85%;}
	.main_box .tab_box_01.st2 h2:after{right: 20px;background-size: 85%;}
}
@media screen and (max-width:720px) {
	.visual_slide {height:450px;}
	.visual_wrap .layout{position: relative;left: 0;padding: 50px;display: flex;align-items: center;justify-content: center;}
	.visual_wrap .txt1{width: 400px;height: 270px;font-size:30px;}
	.visual_wrap .txt1 img{width:80px;}
}
@media screen and (max-width:620px) {
	.main_box .tab_box_01{width:100%;height: 387px;}
	.main_box .course_box{width:100%;}
	.main_box .link_list.st2 li a{height: 60px;line-height: 58px;}
	
}
@media screen and (max-width:520px) {
	.main_box .sns_box ul li{width:calc(50% - 7.5px);}
	.main_box .tab_box_01 > ul > li > a.t{font-size: 15px;}
	
}
@media screen and (max-width:375px) {
	.visual_wrap .layout{padding: 20px;}
	.visual_wrap .txt1{font-size:25px;}
	.main_box .tab_box_01 > ul > li > a.t{font-size: 14px;}
	.main_box .tab_box_01 > ul > li{width:calc(100% - 129px)}
	.main_box .tab_box_01 > ul > li:first-child{width:80px}
}