@charset "utf-8";

#fs_container_wrap {font-size:16px !important;}
	@media only screen and (max-width:767px){
		#fs_container_wrap {font-size:15px !important;}
	}

.skip_snb_menu {display:none;}

/* 비주얼 */
.fs_main_visual .mvis_slide .swiper-slide {height:540px;background:no-repeat center #fff;background-size:cover;}
	/* 컨트롤 */
	.mvis_ctrl_box {width:100%;max-width:1400px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
	.mvis_ctrl_box .swip_btn {width:auto;height:auto;opacity:0.3;transition:all .3s;-webkit-transition:all .3s;top:40%;}
	.mvis_ctrl_box .swip_btn.swiper-button-prev {left:-69px;}
	.mvis_ctrl_box .swip_btn.swiper-button-next {right:-69px;}
	.mvis_ctrl_box .swip_btn:is(:hover,:focus,:active) {opacity:1;}
	.mvis_ctrl_box .swip_btn::after {display:none;}
		@media only screen and (max-width:1540px){
			.fs_main_visual .mvis_slide .swiper-slide .mvis_text .sta {padding-left:100px;}
			.mvis_ctrl_box .swip_btn.swiper-button-prev {left:10px;}
			.mvis_ctrl_box .swip_btn.swiper-button-next {right:10px;}
		}
		@media only screen and (max-width:1199px){
			.fs_main_visual .mvis_slide .swiper-slide {height:400px;}
		}
		@media only screen and (max-width:1023px){
			.fs_main_visual .mvis_slide .swiper-slide {height:300px;}
		}
		@media only screen and (max-width:767px){
			.fs_main_visual .mvis_slide .swiper-slide {height:230px;}
			.mvis_ctrl_box {display:none;}
		}
		@media only screen and (max-width:375px){
			.fs_main_visual .mvis_slide .swiper-slide {height:200px;}
		}

/* SNS */
.sns_wrap {max-width:70%;min-height:100px;margin:-50px auto 0;position:relative;z-index:11;background:#fff;box-shadow:0px 3px 7px 0px rgba(0,0,0,.1);border-radius:20px;display:grid;grid-template-columns:1fr 3fr;}
.sns_wrap .sns_tit {background:#ffe8ee;display:flex;justify-content:center;align-items:center;border-radius:20px 0 0 20px;position:relative;padding:0 10px;}
.sns_wrap .sns_tit::before {width:73px;height:68px;content:"";background:url("../images/main/sns_tit.png") no-repeat center/cover;position:absolute;top:-20px;left:-45px;}
.sns_wrap .sns_tit h3 {font-weight:800;font-size:1.25em;text-align:center;line-height:1.35;}
.sns_wrap .sns_tit h3 span {display:block;font-weight:400;font-size:0.83em;}
.sns_wrap .sns_btn {display:grid;grid-template-columns:repeat(6,1fr);place-items:center;gap:32px;padding:0 40px;}
.sns_wrap .sns_btn li a {display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;-webkit-transition:all .3s;font-size:0.8em;}
.sns_wrap .sns_btn li a:is(:hover,:focus,:active) {margin-top:-20px;}
.sns_wrap .sns_btn li a img {width:40px;}
.sns_wrap .sns_btn li a span {margin-top:10px;color:#000;}
	@media only screen and (max-width:1499px){
		.sns_wrap .sns_btn {gap:16px;padding:0 30px;}
	}
	@media only screen and (max-width:1199px){
		.sns_wrap {max-width:80%;}
		.sns_wrap .sns_btn {gap:16px;padding:0 30px;}
		.sns_wrap .sns_tit::before {width:63px;height:58px;}
	}
	@media only screen and (max-width:1023px){
		.sns_wrap {max-width:98%;}
		.sns_wrap .sns_tit::before {width:53px;height:48px;top:-25px;left:-20px;}
		.sns_wrap .sns_btn {gap:10px;padding:0 20px;}
	}
	@media only screen and (max-width:767px){
		.sns_wrap {display:flex;flex-direction:column;border-radius:15px;}
		.sns_wrap .sns_tit {border-radius:15px 15px 0 0;}
		.sns_wrap .sns_tit::before {display:none;}
		.sns_wrap .sns_tit h3 {display:flex;align-items:center;gap:5px;padding:8px 0;}
		.sns_wrap .sns_btn {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:10px 20px;}
		.sns_wrap .sns_btn li a img {width:35px;}
	}
	@media only screen and (max-width:375px){
		.sns_wrap .sns_tit h3 {flex-direction:column;gap:0;}
	}


/* 컨텐츠 공통 */
.fs_main_contents .con_box {padding:3.5em 0;}
.con_title {display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:1.2em;}
.con_title h3 {font-weight:normal;font-family:"GangwonEduPower";font-size:1.88em;}
.con_title h3 span {font-family:"GangwonEduPower";color:#e94273;}
.con_title .more_btn {background:#ef789b;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;}
.con_title .more_btn img {width:10px;}
.con_txt {position:relative;}
	@media only screen and (max-width:1023px) {
		.fs_main_contents .con_box {padding:3em 0;}
	}
	@media only screen and (max-width:1023px) {
		.fs_main_contents .con_box {padding:2.5em 0;}
	}

/* 슬라이드 컨트롤 */
.swip_btn_wrap {width:100%;max-width:1400px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
.swip_btn_wrap .swip_btn {display:flex;justify-content:center;align-items:center;width:60px;height:45px;border:2px solid #fff;background:#fff;border-radius:25px;transition:all .3s;-webkit-transition:all .3s;box-shadow: 1px 2px 5px 3px rgba(0,0,0,0.2);}
.swip_btn_wrap .swip_btn.swiper-button-prev {left:-35px;}
.swip_btn_wrap .swip_btn.swiper-button-next {right:-35px;}
.swip_btn_wrap .swip_btn:is(:hover,:focus,:active) {border-color:#e94273;}
.swip_btn_wrap .swip_btn::after {display:none;}
	@media only screen and (max-width:1540px){
		.swip_btn_wrap .swip_btn {width:60px;}
		.swip_btn_wrap .swip_btn.swiper-button-prev {left:-16px;}
		.swip_btn_wrap .swip_btn.swiper-button-next {right:-16px;}
	}
	@media only screen and (max-width:1023px){
		.swip_btn_wrap .swip_btn.swiper-button-prev {left:-10px;}
		.swip_btn_wrap .swip_btn.swiper-button-next {right:-10px;}
	}
	@media only screen and (max-width:767px){
		.swip_btn_wrap .swip_btn {width:50px;}
		.swip_btn_wrap .swip_btn.swiper-button-prev {left:-1%;}
		.swip_btn_wrap .swip_btn.swiper-button-next {right:-1%;}
	}

/* con1 - 교육영상 */
.con1 {padding-bottom:0 !important;padding-top:3.5rem;}
.con1 .tab_btn {width:540px;display:flex;justify-content:center;align-items:center;background:#ffe8ee;border-radius:25px;margin:0 auto 30px;}
.con1 .tab_btn li {width:calc(100% / 3);}
.con1 .tab_btn li.on {background:#e94273;border-radius:25px;color:#fff;}
.con1 .tab_btn li a {height:50px;display:flex;justify-content:center;align-items:center;gap:10px;}
.con1 .tab_btn li img {transition:all .3s;-webkit-transition:all .3s;}
.con1 .tab_btn li.on img {filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7439%) hue-rotate(25deg) brightness(105%) contrast(105%);}
.con1 .tab_content {position:relative;}
.con1 .movie_slides li .thumb {border:1px solid #ddd;aspect-ratio:16/9;box-sizing:border-box;overflow:hidden;}
.con1 .movie_slides li .thumb img {width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s;-webkit-transition:all .3s;}
.con1 .movie_slides li:is(:hover,:focus,:active) .thumb img {transform:scale(1.1);}
.con1 .movie_slides li strong {margin-top:10px;text-align:center;font-weight:500;font-size:0.8em;}
	@media only screen and (max-width:565px) {
		.con1 .tab_btn {width:100%;}
		.con1 .tab_btn li a {gap:5px;}
	}

/* con2 - 공통 */
.con2 .wrap {display:grid;grid-template-columns:5fr 3fr;gap:2em;}
	@media only screen and (max-width:1023px) {
		.con2 .wrap {display:flex;flex-direction:column;gap:2.5em;}
	}

/* con2 - 보도자료 */
.con2 .board_wrap {padding-right:32px;}
.con2 .board_wrap .con_title {justify-content:flex-start;color:#343e70;margin-bottom:1.2em;}
.con2 .board_wrap .con_title .more_btn {background:#a5add4;}
.con2 .board_wrap .board_list {border-top:2px solid #000;}
.con2 .board_wrap .board_list li:is(:hover,:focus,:active) {background:#f7f7f7;}
.con2 .board_wrap .board_list a {border-bottom:1px solid #ddd;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:40px;}
.con2 .board_wrap .board_list .board_date {display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;letter-spacing:-0.02em;}
.con2 .board_wrap .board_list .board_date::after {width:1px;height:30px;content:"";background:#ddd;position:absolute;right:-20px;top:50%;transform:translateY(-50%);}
.con2 .board_wrap .board_list .board_date .d {font-weight:800;font-size:1.4em;}
.con2 .board_wrap .board_list .board_date .ym {white-space:nowrap;font-size:0.8em;color:#555;}
.con2 .board_wrap .board_list .board_tit {font-weight:500;font-size:0.9em;}
.con2 .board_wrap .board_list .board_tit .cate {display:inline-block;font-size:0.78em;color:#fff;min-width:90px;text-align:center;line-height:1.4;border-radius:20px;margin-right:5px;padding:2px 0;}
.con2 .board_wrap .board_list .board_tit .cate1 {background:#ff9500;}
.con2 .board_wrap .board_list .board_tit .cate2 {background:#3c8747;}
.con2 .board_wrap .board_list .board_tit .cate3 {background:#e94273;}
.con2 .board_wrap .board_list .board_tit .cate4 {background:#343e70;}
	@media only screen and (max-width:1199px) {
		.con2 .board_wrap {padding-right:16px;}
	}
	@media only screen and (max-width:1023px) {
		.con2 .board_wrap {padding-right:0;}
		.con2 .board_wrap .con_title {justify-content:center;}
		.con2 .board_wrap .board_list .board_tit .cate {min-width:70px;}
	}
	@media only screen and (max-width:767px) {
		.con2 .board_wrap .board_list a {gap:30px;}
		.con2 .board_wrap .board_list .board_date::after {right:-20px;}
	}
	@media only screen and (max-width:375px) {
		.con2 .board_wrap .board_list .board_date {display:none;}
	}

/* con2 - 소식지, 학생기자단 */
.con2.con_box {padding-bottom:2em;}
.con2 .magazine_wrap .con_txt {height:100%;}
.con2 .magazine_wrap .tab_btn {display: flex; }
.con2 .magazine_wrap .tab_btn li {flex: 1; display:flex;justify-content:center;align-items:center;gap:15px;cursor:pointer;background:#c5c0bc;border-radius:20px 20px 0 0;padding:0 10px;height:3.06em;  white-space: nowrap;}
.con2 .magazine_wrap .tab_btn li.on {background:#fcefe5;color:#a64e09;}
.con2 .magazine_wrap .tab_btn li h3 {font-weight:normal;font-family:"GangwonEduPower";font-size:1.504em;}
.con2 .magazine_wrap .tab_btn li a.more_btn {display:none;}
.con2 .magazine_wrap .tab_btn li.on a.more_btn {background:#a64e09;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;}
.con2 .magazine_wrap .tab_btn li.on a.more_btn img {width:10px;}
.con2 .magazine_wrap .tab_cbox {height:calc(100% - 3.06em);background:#fcefe5;border-radius:0 0 50px 50px;padding:20px 0 25px;}
.con2 .magazine_wrap .tab_cbox .tab_content {height:100%;}
.con2 .magazine_wrap .magazine_con {height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.con2 .magazine_wrap .magazine_con .thumb {border:5px solid #fff;border-radius:20px;box-shadow:1px 2px 5px 3px rgba(0,0,0,0.3);aspect-ratio:1/1.35;overflow:hidden;}
.con2 .magazine_wrap .magazine_con .btn_wrap {display:flex;justify-content:center;align-items:center;gap:5px;margin-top:15px;}
.con2 .magazine_wrap .magazine_con .btn_wrap a {width:120px;line-height:30px;border-radius:10px;color:#fff;text-align:center;padding:0 5px;font-size:0.8em;}
.con2 .magazine_wrap .magazine_con .btn_wrap a.ebook {background:#875c3b;}
.con2 .magazine_wrap .magazine_con .btn_wrap a.pdf {background:#5e412b;}
	@media only screen and (max-width:1399px) {
		.con2 .magazine_wrap .tab_cbox {border-radius:0 0 30px 30px;}
	}
	@media only screen and (max-width:1299px) {
		.con2 .magazine_wrap .tab_btn li {padding:20px 5px;}
	}
	@media only screen and (max-width:1199px) {
		.con2 .magazine_wrap .tab_btn li {gap:5px;padding:15px 5px;}
		.con2 .magazine_wrap .tab_cbox {border-radius:0 0 15px 15px;}
	}

/* con3 - 학부모 꿀정보 */
.con3.con_box {padding:2em 0 5em;}
.con3 {background:url("../images/main/con3_bg.png") no-repeat center/cover;}
.con3 .info_slides li {border:5px solid #ddd;aspect-ratio:1/1;box-sizing:border-box;overflow:hidden;transition:all .3s;-webkit-transition:all .3s;}
.con3 .info_slides li:is(:hover,:focus,:active) {border-color:#e94273;}
.con3 .info_slides li img {width:100%;height:100%;object-fit:cover;object-position:center;}
.con3 .swiper-scrollbar {width:100% !important;height:3px !important;background:#cfd0d7;bottom:-35px !important;left:0 !important;}
.con3 .swiper-scrollbar-drag {height:14px;background:#e94273;margin-top:-6px;}
	@media only screen and (max-width:1199px) {
		.con3.con_box {padding:2em 0 4.5em;}
	}
	@media only screen and (max-width:1023px) {
		.con3.con_box {padding:2em 0 4em;}
	}