@charset "utf-8";

.skip_snb_menu {display:none;}

/* 비주얼 */
.fs_main_visual {display:flex;justify-content:center;align-items:center;width:100%;height:42.5rem;overflow:hidden;position:relative;}
.fs_main_visual .video {max-width:100%;height:100%;border-bottom-right-radius:6.250em;overflow:hidden;display:flex;align-items:center;}
.fs_main_visual .video video {width:100%;object-fit:cover;margin-top:-100px;}
.fs_main_visual .video .vis_text {position:absolute;bottom:1.250em;left:1.875em;}
.fs_main_visual .video_ctrl {display:none;position:absolute;bottom:2.438em;left:2.438em;width:64px;height:64px;border-radius:100%;background:rgba(255,149,0,0.2);}
.fs_main_visual .video_ctrl.on {display:block;}

/* 컨트롤 */
.fs_main_visual .mvis_controll_box {}

/* 컨텐츠 시작 */
.fs_main_contents {}
.con_box {}

/* 타이틀 공통 */
.con_tit {font-size:30px;color:#000;line-height:34px;font-family:'GangwonEduPower';font-weight:normal;}
.con_tit span {color:#a64e09;font-family:'GangwonEduPower';}

/* 자주찾는 서비스 */
.con1 {width:100%;padding:60px 0;position:relative;}
.con1 .con_tit_box .con_tit {margin-bottom:25px;}
.con1 .con_tit_box .con_tit br.mo {display:none;}
.con1 .con_txt_box .con_txt {justify-content:space-between;}
.con1 .con_txt_box .con_txt .swiper-slide {display:flex;justify-content:center;align-items:stretch;width:auto;}
.con1 .con_txt_box .con_txt a {display:flex;align-items:center;justify-content: space-between;flex-direction:column;padding-top:10px;text-align: center;}
.con1 .con_txt_box .con_txt a span {display:block;line-height:1.2;}
.con1 .con_txt_box .con_txt a span:last-child {margin-top:10px;min-height:2.000em;display:flex;justify-content:center;align-items:center;word-break:keep-all;}
.con1 .con_txt_box .con_txt a img {transition: 0.4s;}
.con1 .con_txt_box .con_txt a:is(:hover,:active,focus) img {margin-top:-10px;}
.con1 .pop_controll_box {display:none;}

/* 게시판, 열린교육감 바로가기 */
.sec2 {background:#f7f7f7;padding:90px 0;}
.sec2 .wrap_1300 {display:grid;grid-template-columns:2fr 1fr;gap:5%;}
/* 게시판 */
.tab_box {position:relative;}
.tab_box .tab_btn {position:relative;display:flex;flex-wrap:wrap;width:100%;}
.tab_box .tab_btn li {position:relative;padding:0 1vw;}
.tab_box .tab_btn li:first-child {padding-left:0;}
.tab_box .tab_btn li::after {content:"";position:absolute;top:9px;left:0;width:1px;height:20px;background:#cfd0d7;}
.tab_box .tab_btn li:first-child::after {display:none;}
.tab_box .tab_btn li a {position:relative;z-index:1;display:inline-block;width:100%;height:40px;line-height:40px;color:#444;font-weight:normal;font-size:25px;font-family:'GangwonEduPower';}
.tab_box .tab_btn li.on a {color:#a64e09;font-size:30px;}

.tab_box .tab_cbox .tab_content ul {margin-top:25px;height:365px;padding:20px 25px;display:grid;grid-template-rows:repeat(5,1fr);background:#fff;border-radius:20px;border:1px solid #cfd0d7;}
.tab_box .tab_cbox .tab_content li {width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #cfd0d7;}
.tab_box .tab_cbox .tab_content li:last-child {border-bottom:none;padding:0;}
.tab_box .tab_cbox .tab_content li > a {width:85%;font-size:18px;font-weight:500;line-height:1.6;}
.tab_box .tab_cbox .tab_content li > .data {font-size:13px;color:#777;}
.tab_box .more {position:absolute;right:0;top:-8px;background:#444;font-size:0;width:50px;height:50px;border-radius:100%;}
.tab_box .more:is(:hover,:focus,:active) {transform:rotate(360deg);background:#df8200;}
.tab_box .more span:after {content:"";position:absolute;top:16px;left:23px;width:3px;height:17px;background:#fff;}
.tab_box .more span:before {content:"";position:absolute;top:16px;left:23px;width:3px;height:17px;background:#fff;transform:rotate(90deg);}


/* 열린교육감 바로가기 */
.con3 .greetings_box {position:relative;height:430px;border-radius:30px;box-shadow:20px 0 50px 0 rgba(0,0,0,0.1);padding:50px 30px;background:url("../images/main/superintendent.png") no-repeat bottom right,linear-gradient(70deg, #fff, #ffdba9);}
.con3 .greetings_box:before {content:"";position:absolute;top:125px;right:30px;width:78px;height:70px;background:url("../images/main/marks.png") no-repeat center center;}
.con3 .greetings_box .con_tit {background:url("../images/main/greetings_title.png") no-repeat center center;display:inline-block;width:190px;height:90px;position:absolute;top:-35px;right:0;filter:drop-shadow(30px 0 20px rgba(0,0,0,0.08));text-align:center;padding-top:13px;font-size:25px;}
.con3 .greetings_box .greetings span {color:#a64e09;font-size:14px;font-weight:600;}
.con3 .greetings_box .greetings h4 {color:#222;line-height:35px;font-size:28px;font-family:'GangwonEduPower';margin-top:10px;}
.con3 .greetings_box .greetings h4 em {color:#a64e09;font-size:40px;}
.con3 .greetings_box .greetings p {font-size:14px;line-height:20px;color:#666;font-weight:500;margin-top:10px;}
.con3 .greetings_box .link {margin-top:40px;display:flex;max-width:50%;flex-wrap:wrap;}
.con3 .greetings_box .link li {margin-bottom:5px;}
.con3 .greetings_box .link li:last-child {margin-bottom:0;}
.con3 .greetings_box .link li a {background:#fff;height:35px;line-height:33px;display:flex;flex-wrap:wrap;align-items:center;border:1px solid #cfd0d7;border-radius:30px;padding:0 15px;color:#000;}
.con3 .greetings_box .link li a:hover,
.con3 .greetings_box .link li a:focus,
.con3 .greetings_box .link li a:active {border:1px solid #df8200;color:#df8200;}
.con3 .greetings_box .link li a span {font-weight:500;font-size:14px;margin-left:5px;}

/* 소통하는 강원교육, 알림판 */
.sec3 {padding:110px 0 90px 0;}
.sec3 .wrap_1300 {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
/* 소통하는 강원교육 */
.con4 {width:47%;}
.con4 .con_tit {position:relative;height:95px;line-height:95px;}
.con4 .con_tit:before
{content:"";position:absolute;top:0;left:-10.21vw;width:480px;height:95px;background:linear-gradient(-90deg,rgba(255,235,181,1) 0%,rgba(255,219,206,1) 50%);z-index:-1;border-radius:0 80px 50px 0;}
.con4 .sns_title {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.con4 .sns {display:flex;flex-wrap:wrap;}
.con4 .sns li {margin-left:5px;}
.con4 .con_txt {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px;}
.con4 .con_txt li {width:48%;text-align:center;}
.con4 .con_txt li a img {width:100%;border-radius:30px;}
.con4 .con_txt li a span {font-size:18px;color:#333;text-align:left;line-height:24px;margin-top:20px;font-weight:500;}
/* 알림판 */
.con5 {width:47%;position:relative;margin-top:25px;}
.con5 .con_tit {display:inline-block;position:relative;}
.con5 .con_tit:before {content:"";position:absolute;top:-50px;right:-75px;width:79px;height:79px;background:url("../images/main/con5_deco.png") no-repeat center center;}
.con5 .slide_box1 {margin-top:30px;}
.con5 .slide_box1 .slides01 .swiper-slide {border-radius:30px;overflow:hidden;border:1px solid #cfd0d7;aspect-ratio:2 / 1;}
.con5 .slide_box1 .slides01 .swiper-slide .imgdiv {display:flex;justify-content:center;align-items:center;position:relative;height:100%;}
.con5 .slide_box1 .slides01 .swiper-slide .imgdiv:after {content:"";position: absolute;bottom:0;width:100%;height:50%;display:block;}
.con5 .slide_box1 .slides01 .swiper-slide .imgdiv img {width:100%;height:100%;object-fit:fill;}
.con5 .slide_box1 .slides01 .swiper-slide .imgdiv span {position: absolute;right:20px;bottom:25px;z-index:1;font-size:2rem;font-weight:500;color:#fff;}
.con5 .pop_controll_box {position:absolute;top:8px;right:0;display:flex;align-items:center;width:100%;flex-wrap:wrap;justify-content:flex-end;}
.con5 .pop_controll_box .swiper-pagination-fraction {display:inline-block;width:auto;}
.con5 .pop_controll_box .pop_pager {margin-right:30px;font-size:14px;color:#666666;}
.con5 .pop_controll_box .pop_pager span {padding:0 5px;}
.con5 .pop_controll_box .pop_pager .swiper-pagination-current {font-weight:600;}
.con5 .pop_controll_box a {display:flex;justify-content:center;align-items:center;width:13px;height:15px;margin-left:8px;}
.con5 .pop_controll_box a.playStopButton1 {background-repeat: no-repeat;background-position: center center;font-size:0;margin:0 15px;}
.con5 .pop_controll_box a.playStopButton1.play {background-image:url("../images/main/con5_stop_btn.png");}
.con5 .pop_controll_box a.playStopButton1.stop {background-image:url("../images/main/con5_play_btn.png");}

/* 학부모 꿀정보 */
.sec4 {text-align:center;margin-bottom:100px;}
.sec4 .con6 {position:relative;padding:80px 0 70px 0;position:relative;}
.sec4 .con6:before {content:"";position:absolute;top:0;right:-10vw;width:calc(100vw - 15vw);height:150px;background:linear-gradient(rgba(255,235,181,1) 0%,rgba(255,219,206,1) 50%, #fff 100%);z-index:-1;border-radius:80px 0 0 0;opacity:0.2;}
.sec4 .con6 .con_tit {text-align:center;font-size:33px;position:relative;display:inline-block;}
.sec4 .con6 .con_tit:after {content:"";position:absolute;top:-95px;left:-40px;width:46px;height:90px;background:url("../images/main/con6_deco01.png") no-repeat center center;}
.sec4 .con6 .con_tit:before {content:"";position:absolute;top:-35px;right:-42px;width:59px;height:49px;background:url("../images/main/con6_deco03.png") no-repeat center center;}
.sec4 .con6 .con_tit span em {font-size:35px;position:relative;}
.sec4 .con6 .con_tit span em:before {content:"";position:absolute;top:-10px;left:4px;width:22px;height:11px;background:url("../images/main/con6_deco02.png") no-repeat center center;}
.sec4 .slide_box2 {margin-top:40px;}
.sec4 .slide_box2 .slides02 .swiper-slide {}
.sec4 .slide_box2 .slides02 .swiper-slide a {border-radius:30px;overflow:hidden;display:block;aspect-ratio:1 / 1;}
.sec4 .slide_box2 .slides02 .swiper-slide a img {width:100%;}
.sec4 .slide_box2 .slides02 .swiper-slide a span {position: absolute;right:20px;bottom:25px;z-index:1;font-size:2rem;font-weight:500;color:#fff;}
.sec4 .pop_controll_box {position:absolute;top:calc(50% + 25px);display:flex;align-items:center;width:calc(100% + 50px);flex-wrap:wrap;justify-content:space-between;margin-left:-25px;}
.sec4 .pop_controll_box button {width:50px;height:50px;background:#fff;z-index:1;border-radius:100%;box-shadow:30px 0 20px 0 rgba(0,0,0,0.08);}
.sec4 .pop_controll_box button.prev2 {left:0;}
.sec4 .pop_controll_box button.next2 {right:0;}
.sec4 .pop_controll_box button img {opacity:0.5;}
.sec4 .pop_controll_box button:hover img {opacity:1;}
.swiper-scrollbar {height:3px;background:#cfd0d7;}
.swiper-scrollbar-drag {height:18px;background:#ff9500;margin-top:-8px;}

@media only screen and (min-width:1920px){
    .tab_box .tab_btn li {padding:0 0.5vw;}
}
@media only screen and (max-width:1599px){
    .fs_main_visual {height:32.5rem;}
    .fs_main_visual .video video {margin-top:0;}
    .fs_main_contents .wrap_1300 {padding:0 20px;}
}

@media only screen and (max-width:1499px){

    .wrap {padding:0 5%;}

    /* 자주찾는 서비스 */
    .con1 .con_txt li a span {font-size:14px;}

    /* 게시판 */
    .fs_main_contents .wrap_1300 {grid-template-columns:1fr;grid-template-rows:auto 1fr;}

    /* 열린교육감 */
    .con3 {width:100%;padding:0;margin-top:80px;}
    .con3 .greetings_box {height:250px;}
    .con3 .greetings_box:before {background-size:50px;top:30px;right:0;}
    .con3 .greetings_box .con_txt {display:flex;flex-wrap:wrap;width:100%;}
    .con3 .greetings_box .greetings {display:inline-block;}
    .con3 .greetings_box .link {max-width:22%;margin-top:0;margin-left:60px;}

    /* 소통하는 강원교육 */
    .con4 .con_tit:before {width:400px;}
    .con4 .sns li a img {width:35px;}

    /* 학부모 꿀정보 */
    .sec4 .con6:before {right:-5vw;width:calc(100vw - 10vw);}
}
@media only screen and (max-width:1329px){
    .fs_main_visual {height:auto;}
}
@media only screen and (max-width:1023px){
    /* 비주얼 */
    .fs_main_visual .video_ctrl {left:5%;bottom:15px;width:50px;height:50px;}
    .fs_main_visual .video_ctrl img {width:35px;}
    .fs_main_visual .video .vis_text img {width:200px;left:5%;bottom:15px;}

    /* 자주찾는 서비스 */
    .con1 .pop_controll_box {display:inline-flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;position:absolute;top:60px;right:0;}
    .con1 .pop_controll_box a {display:flex;justify-content:center;align-items:center;width:13px;height:15px;margin-left:8px;}
    .con1 .pop_controll_box a.playStopButton0 {background-repeat: no-repeat;background-position: center center;font-size:0;margin:0 15px;}
    .con1 .pop_controll_box a.playStopButton0.play {background-image:url("../images/main/con5_stop_btn.png");}
    .con1 .pop_controll_box a.playStopButton0.stop {background-image:url("../images/main/con5_play_btn.png");}

    /* 게시판 */
    .sec2 {padding:60px 0;}
    .tab_box .tab_btn li {padding:0 1.5vw;}
    .tab_box .tab_btn li::after {top:14px;}
    .tab_box .tab_btn li a {font-size:20px;}
    .tab_box .tab_btn li.on a {font-size:25px;}
    .tab_box .tab_cbox .tab_content ul {margin-top:15px;height:auto;}
    .tab_box .tab_cbox .tab_content li {height:auto;padding-bottom:5px;margin-top:5px;}
    .tab_box .tab_cbox .tab_content li a {font-size:14px;}
    .tab_box .tab_cbox .tab_content li .data {font-size:13px;}

    /* 열린교육감 */
    .con3 {margin-top:40px;}
    .con3 .greetings_box .link {max-width:28%;margin-left:30px;}

    /* 소통하는 강원교육 */
    .sec3 {padding:60px 0;}
    .con4 {width:100%;}
    .con4 .con_txt {margin-top:20px;}
    .con5 {width:100%;margin-top:80px;}
    .con5 .slide_box1 {margin-top:20px;}
}
@media only screen and (max-width:767px){
    .con_tit {font-size:25px;}

    /* 비주얼 */
    .fs_main_visual .video .vis_text img {width:100px;}

    /* 자주찾는 서비스 */
    .con1 {padding:40px 0;}
    .con1 > div .con_tit {font-size:25px;}
    .con1 > div .con_tit span {padding-right:5px;}
    .con1 .con_tit_box .con_tit span {padding-right:0;}
    .con1 .pop_controll_box {top:47px;}

    /* 게시판 */
    .sec2 {padding:60px 0;}
    .tab_box > ul {display:inline-flex;width:100%;padding-right:40px;}
    .tab_box .tab_btn li {padding:0 10px;}
    .tab_box .tab_btn li::after {display:block;}
    .tab_box .tab_btn li a {font-size:17px;}
    .tab_box .tab_btn li.on a {font-size:20px;}
    .tab_box .tab_cbox .tab_content ul {padding:10px 15px;}
    .tab_box .tab_cbox .tab_content ul li a {padding-right:20px;}
    .tab_box .more {width:35px;height:35px;top:0;right:-10px;}
    .tab_box .more span:before {top:10px;left:16px;}
    .tab_box .more span:after {top:10px;left:16px;}

    /* 열린교육감 */
    .con3 .greetings_box {height:420px;}
    .con3 .greetings_box .greetings {width:100%;}
    .con3 .greetings_box .greetings h4 {font-size:20px;line-height:25px;}
    .con3 .greetings_box .greetings h4 em {font-size:30px;}
    .con3 .greetings_box .greetings p {font-size:13px;}
    .con3 .greetings_box .con_tit {font-size:20px;}
    .con3 .greetings_box .link {margin-left:0;max-width:180px;margin-top:20px;width:160px;}
    .con3 .greetings_box .link li {width:100%;}
    .con3 .greetings_box .link li a span {font-size:13px;}

    /* 소통하는 강원교육 */
    .con4 .con_tit {height:70px;line-height:70px;}
    .con4 .con_tit:before {height:70px;width:300px;}
    .con4 .sns {width:100%;margin-top:10px;}
    .con4 .sns li a img {width:30px;}
    .con4 .con_txt {margin-top:10px;}
    .con4 .con_txt li a span {font-size:14px;line-height:normal;margin-top:10px;}

    /* 알림판 */
    .con5 .con_tit:before {background-size:50px;right:-60px;top:-45px;}
    .con5 .slide_box1 {margin-top:10px;}

    /* 학부모 꿀정보 */
    .sec4 {margin-bottom:60px;}
    .sec4 .con6 {padding:60px 0;}
    .sec4 .con6 .con_tit {font-size:25px;}
    .sec4 .con6 .con_tit:after {left:-30px;top:-85px;}
    .sec4 .con6 .con_tit:before {top:-30px;}
}
@media only screen and (max-width:575px){
    .tab_box .tab_btn li {width:50%;text-align:center;font-size:18px;}
    .tab_box .tab_btn li::after {left:0;height:10px;}
    .tab_box .tab_btn li:nth-child(odd) {padding-left:0;}
    .tab_box .tab_btn li:nth-child(odd)::after {display:none;}
    .tab_box .tab_btn li.on a {font-size:20px;}
    .tab_box .more {top:0;}
    .sec2 {padding:30px 0;}
}
@media only screen and (max-width:400px){
    .con3 .greetings_box {background:url("../images/main/superintendent.png") no-repeat bottom right -60px,linear-gradient(70deg, #fff, #ffdba9);}
}


/******************************/
/* 영문 */
/******************************/
:lang(en) .con_tit {font-size:25px;line-height:27px;}
:lang(en) .tab_box > ul {margin-bottom:30px;}
:lang(en) .tab_box > ul > li > h4 {height:30px;line-height:30px;}
:lang(en) .tab_box > ul > li > h4 a {font-size:20px;height:30px;line-height:30px;}
:lang(en) .tab_box > ul > li > h4:after {top:8px;height:15px;}
:lang(en) .tab_box > ul > li > h4 a.on {font-size:25px;}
:lang(en) .con1 .con_txt_box .con_txt a {justify-content:flex-start;gap:10px;font-size:0.875em;height:125px;}
:lang(en) .con3 .greetings_box {padding:50px 25px;background:url("../images/main/superintendent.png") no-repeat bottom right -60px,linear-gradient(70deg, #fff, #ffdba9);}
:lang(en) .con3 .greetings_box .con_tit {background-image:url("../images/main/greetings_title_en.png");width:260px;padding-top:10px;font-size:20px;line-height:22px;}
:lang(en) .con3 .greetings_box .greetings h4 {line-height:26px;font-size:18px;}
:lang(en) .con3 .greetings_box .greetings h4 br {display:none;}
:lang(en) .con3 .greetings_box .greetings h4 em {font-size:24px;}
:lang(en) .con3 .greetings_box .greetings p {margin-top:5px;}
:lang(en) .con3 .greetings_box .greetings p br {display:none;}
:lang(en) .con3 .greetings_box .link {margin-top:15px;max-width:80%;}
:lang(en) .con4 .con_tit {max-width:46.5%;line-height:35px;padding-top:13px;}
@media only screen and (max-width:1499px){
    :lang(en) .con3 .greetings_box .link {margin:15px 0 0;gap:10px;}
    :lang(en) .con3 .greetings_box .link li {margin-bottom:0;}
    :lang(en) .con4 .con_tit:before {width:425px;}
}
@media only screen and (max-width:1399px){
    :lang(en) .con_tit {font-size:24px;line-height:26px;}
    :lang(en) .con3 .greetings_box .link {max-width:90%;}
    :lang(en) .con4 .con_tit {line-height:30px;padding-top:4px;}
    :lang(en) .con4 .con_tit:before {width:370px;}
}
@media only screen and (max-width:1280px){
    :lang(en) .fs_head {padding:0;}
    :lang(en) .con4 .con_tit {line-height:35px;padding-top:15px;}
    :lang(en) .con4 .con_tit:before {width:400px;}
}
@media only screen and (max-width:1199px){
    :lang(en) .con_tit {font-size:23px;line-height:25px;}
    :lang(en) .con4 .con_tit:before {width:360px;}
}
@media only screen and (max-width:1099px){
    :lang(en) .con4 .con_tit {line-height:30px;padding-top:4px;}
    :lang(en) .con4 .con_tit:before {width:310px;}
}
@media only screen and (max-width:1023px){
    :lang(en) .con4 .con_tit {line-height:95px;padding-top:0;max-width:50%;}
    :lang(en) .con4 .con_tit:before {width:130%;}
}
@media only screen and (max-width:767px){
    :lang(en) .tab_box > ul {display:flex;width:100%;}
    :lang(en) .tab_box > ul > li > h4 {padding:0 10px;}
    :lang(en) .tab_box > ul > li > h4:after {display:block;}
    :lang(en) .tab_box > ul > li > div {padding-top:65px;padding-left:0;}
    :lang(en) .tab_box .more {top:10px;}
    :lang(en) .con1 .con_txt_box .con_txt a {justify-content:flex-end;height:110px;}
    :lang(en) .con3 {margin-top:130px;}
    :lang(en) .con3 .greetings_box .link {max-width:70%;width:auto;}
    :lang(en) .con4 .con_tit {max-width:100%;line-height:70px;}
    :lang(en) .con4 .con_tit:before {width:120%;}
}
@media only screen and (max-width:575px){
    :lang(en) .con_tit {font-size:20px;line-height:22px;}
    :lang(en) .tab_box > ul {flex-direction:column;}
    :lang(en) .tab_box > ul > li > h4 {padding-left:0;height:25px;line-height:25px;}
    :lang(en) .tab_box > ul > li > h4:after {display:none;}
    :lang(en) .tab_box > ul > li > h4 a {font-size:15px;height:25px;line-height:25px;}
    :lang(en) .tab_box > ul > li > h4 a.on {font-size:20px;}
    :lang(en) .tab_box > ul > li > div {padding-top:160px;}
    :lang(en) .tab_box .more {top:0;}
    :lang(en) .con1 > div .con_tit {font-size:20px;}
    :lang(en) .con1 .pop_controll_box {top:35px;}
    :lang(en) .sec2 {padding:30px 0;}
    :lang(en) .con3 {margin-top:225px;}
    :lang(en) .con3 .greetings_box .link {max-width:80%;}
    :lang(en) .con4 .con_tit {line-height:30px;padding-top:6px;}
    :lang(en) .con4 .con_tit:before {width:100%;}
}
@media only screen and (max-width:400px){
    :lang(en) .con3 .greetings_box {background:linear-gradient(70deg, #fff, #ffdba9);padding:50px 20px 20px;height:auto;}
    :lang(en) .con3 .greetings_box .link {max-width:100%;gap:3px;}
}