@charset "utf-8";

/******************************/
/* 공통 */
/******************************/
.skip_snb_menu {display:none;}

    @media only screen and (max-width:767px){
        #fs_container_wrap {overflow:hidden;}
	}


/* 공통 타이틀 */
.title h4 {font-size:5rem;color:#000;font-weight:600;}
.title span {font-size:1.4rem;margin-bottom:1.5rem;color:#141784;line-height:1;font-weight:600;letter-spacing:3px;display:block;}
.title p {font-size:1.6rem;margin-top:4rem;color:#000;line-height:1.2;font-weight:400;opacity:0.6;}
    @media only screen and (max-width:1399px){
        .title h4 {font-size:5.5rem;}
		.title p {font-size:1.8rem;}
		.title p em {font-size:2rem;}
	}
    @media only screen and (max-width:1199px){
        .title h4 {font-size:5rem;}
        .title p {margin-top:2rem;}
	}
    @media only screen and (max-width:767px){
        .title h4 {font-size:4rem;}
        .title p {margin-top:1.5rem;}
		.title p br {display:none;}
	}

/******************************/
/* 비주얼 영역 */
/******************************/
/* 비주얼 */
.fs_main_visual {height:100vh;position:relative;}
.fs_main_visual .swiper-wrapper {}
.fs_main_visual li {background:no-repeat center/cover;}
.fs_main_visual .main_visual_text {position:absolute;bottom:12rem;right:12rem;}
.fs_main_visual .main_visual_text > div.sta {font-size:5.5rem;line-height:1.5;font-weight:600;width:100%;opacity:0;display:flex;align-items:center;transform:translateY(-30px);transition:2s;gap:3rem;}
.fs_main_visual .main_visual_text > div.sta img {filter:drop-shadow(0px 10px 10px rgba(0,0,0,0.3));}
.fs_main_visual .main_visual_text > p.stb {width:100%;font-size:2rem;font-weight:500;color:#fff;margin-top:2rem;opacity:0;transform:translateY(-30px);transition:2s;transition-delay:0.5s;}
.fs_main_visual .swiper-slide-active .main_visual_text > div.sta {opacity:1;transform:translateY(0);}
.fs_main_visual .swiper-slide-active .main_visual_text > p.stb {opacity:1;transform:translateY(0);}
    /* 컨트롤 */
	.fs_main_visual .mvis_ctrl_box {position:absolute;bottom:12rem;right:12rem;z-index:1;display:flex;align-items:center;gap:0 4rem;}
    .fs_main_visual .mvis_ctrl_box i {color:#fff;font-size:3.5rem;}
	.fs_main_visual .mvis_ctrl_box .swiper-pagination {position:static;top:unset;bottom:unset;left:unset;right:unset;display:flex;}
	.fs_main_visual .mvis_ctrl_box .swiper-pagination {color:#fff;font-size:2rem;line-height:1;font-weight:600;}
	.fs_main_visual .mvis_ctrl_box .swiper-pagination .swiper-pagination-current {color:#fff;padding-right:1.5rem;display:inline-block;}
	.fs_main_visual .mvis_ctrl_box .swiper-pagination .swiper-pagination-total {padding-left:1.5rem;opacity:0.3;border-left:1px solid rgba(255,255,255,0.4);display:inline-block;}

    @media only screen and (max-width:1399px){
		.fs_main_visual .main_visual_text {left:5%;}
		.fs_main_visual .main_visual_text > div.sta {}
        .fs_main_visual .mvis_ctrl_box {right:5%;}
	}
    @media only screen and (max-width:1199px){
        .fs_main_visual .main_visual_text > div.sta img {width:45rem;}
        .fs_main_visual .main_visual_text > div.sta img + img {width:40rem;}
        .fs_main_visual .main_visual_text > p.stb {}
        .fs_main_visual .mvis_ctrl_box {bottom:11.5rem;}
	}
    @media only screen and (max-width:1023px){
        .fs_main_visual {padding-top:10rem;}
	}
	@media only screen and (max-width:767px){
        .fs_main_visual .main_visual_text {width:100%;}
        .fs_main_visual .main_visual_text > div.sta {flex-wrap:wrap;gap:0;}
		.fs_main_visual .main_visual_text > div.sta img {width:35rem;}
        .fs_main_visual .main_visual_text > div.sta img + img {width:35rem;}
		.fs_main_visual .main_visual_text > p.stb {font-size:1.8rem;}
        .fs_main_visual .mvis_ctrl_box {bottom:6rem;right:unset;left:5%;}
	}

/* 주요기관 */
.con1_area {background:url("../../images/fs/main/con1_bg.png") no-repeat center top;padding:15rem 0 0 0;background-size:cover;}
.con1_area .title {width:65%;}
.con1_area .title h4 {color:#fff;}
.con1_area .title span {color:#fff;opacity:0.2;}
.con1_area .title p {color:#fff;}
.con1_area .con1_flex {display:flex;flex-wrap:wrap;}
.con1_area .con1_flex .con1_sc {width:65%;display:flex;flex-wrap:wrap;padding-top:10rem;}
.con1_area .con1_flex .con1_sc .card {width:50%;height:38rem;padding:6rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-decoration:none;z-index:1;}
.con1_area .con1_flex .con1_sc .card.gray {background:#ebebeb;}
.con1_area .con1_flex .con1_sc .card.blue {background:#141784;color:#fff;}
.con1_area .con1_flex .con1_sc .card .icon {font-size:5rem;margin-bottom:1rem;width:100%;text-align:right;}
.con1_area .con1_flex .con1_sc .card .txt {position:relative;}
.con1_area .con1_flex .con1_sc .card .sc_title {font-size:2.8rem;font-weight:600;margin-bottom:2.5rem;padding-right:3rem;}
.con1_area .con1_flex .con1_sc .card .description {font-size:1.5rem;line-height:1.2;opacity:0.6;}
.con1_area .con1_flex .con1_sc .card a {text-decoration:none;width:3rem;height:3rem;border-radius:3px;border:1px solid #ddd;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:5px;right:0;}
.con1_area .con1_flex .con1_sc .card a i {font-size:2rem;}
.con1_area .con1_flex .con1_sc .card a:hover {background:#1a237e;border:1px solid #1a237e;width:5rem;}
.con1_area .con1_flex .con1_sc .card a:hover i {color:#fff;}
.con1_area .con1_flex .con1_sc .card.blue a {border:1px solid #43459d;}
.con1_area .con1_flex .con1_sc .card.blue a:hover {background:#fff;border:1px solid #fff;}
.con1_area .con1_flex .con1_sc .card.blue a:hover i {color:#1a237e;}
.con1_area .con1_flex .con1_logo {width:35%;display:flex;flex-wrap:wrap;justify-content:center;margin-top:-8rem;padding-bottom:10rem;}
.con1_area .con1_flex .con1_logo ul {display:flex;flex-wrap:wrap;align-content:space-between;gap:4rem;width:246px;}
.con1_area .con1_flex .con1_logo ul li {width:100%;}
.con1_area .con1_flex .con1_logo ul li img {filter:invert(98%) sepia(16%) saturate(0) hue-rotate(277deg) brightness(200%) contrast(100%);}
    @media only screen and (max-width:1399px){
        .con1_area .wrap {padding:0 5%;}
        .con1_area .con1_flex .con1_sc .card {padding:5rem;}
	}
    @media only screen and (max-width:1199px){
        .con1_area .con1_flex .con1_logo ul {padding-left:5rem;}
        .con1_area .con1_flex .con1_logo ul li img {max-height:45px;max-width:200px;}
        .con1_area .con1_flex .con1_sc {padding-top:7rem;align-items:end;}
	}
    @media only screen and (max-width:1023px){
        .con1_area .con1_flex .con1_sc .card {padding:4rem;}
    }
    @media only screen and (max-width:767px){
        .con1_area {padding:8rem 0 0 0;}
        .con1_area .con1_flex .con1_sc {width:100%;flex-wrap:wrap;}
        .con1_area .con1_flex .con1_sc .card {width:100%;height:auto;}
        .con1_area .con1_flex .con1_sc .card .icon img {width:50px;}
        .con1_area .con1_flex .con1_logo {margin-bottom:0;width:100%;margin-top:6rem;}
        .con1_area .con1_flex .con1_logo ul {width:100%;padding-left:0;gap:4rem 1rem;justify-content:center;}
        .con1_area .con1_flex .con1_logo ul li {width:45%;display:flex;align-items:center;justify-content:center;}
        .con1_area .con1_flex .con1_logo ul li img {max-height:45px;max-width:100%;}
    }

/* 동영상 */
.video {padding-top:56.25%;position:relative;}
.video video {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 공지사항, 바로가기 */
.con2_area {display:flex;}
.con2_area > div {width:50%}
.con2_area .cont {padding:95px 6.5% 95px 0;transition:all .2s;}
.con2_area .cont .notice {position:relative;}
.con2_area .cont .notice .notice_slide {border-top:3px solid #000;border-bottom:1px solid #e8e8e8;position:relative;margin-top:2rem;}
.con2_area .cont .notice .notice_slide:after {display:block;content:"";position:absolute;left:0;top:0;z-index:10;width:1px;height:100%;background:#fff}
.con2_area .cont .notice ul li {position:relative;padding:6rem 5rem;}
.con2_area .cont .notice ul li:before {display:block;content:"";position:absolute;left:0;top:50px;width:1px;height:190px;background:#e8e8e8}
.con2_area .cont .notice ul li a {display:flex;flex-flow:column;color:#999;line-height:1.6;word-break:keep-all}
.con2_area .cont .notice ul li strong {margin-bottom:2.5rem;font-size:1.8rem;color:#000;font-weight:600;}
.con2_area .cont .notice ul li p {}
.con2_area .cont .notice ul li span {margin-top:35px;font-size:14px;color:#aaa}
.con2_area .cont .notice ul li.empty {width:100%;padding:80px 0;text-align:center;color:#aaa}
.notice_btn {}
.notice_btn a {font-size:1.6rem;padding:0 4rem;background:#141784;text-decoration:none;line-height:5rem;height:5rem;color:#fff;display:inline-block;}
.notice_btn a:is(:hover,:active,:focus) {background:#222;padding:0 5rem;}
.notice_btn a em {margin-left:1rem;}
.notice_btn a i {border-radius:3px;border:1px solid rgba(255,255,255,0.2);padding:0.4rem;font-size:2rem;}
    /* 컨트롤 */
	.con2_area .cont .notice .notice_ctrl_box {position:absolute;top:12.5rem;right:0;z-index:1;display:flex;align-items:center;gap:4rem;}
    .con2_area .cont .notice .notice_ctrl_box button {line-height:1;position:relative;}
    .con2_area .cont .notice .notice_ctrl_box .next2:before {content:"";position:absolute;left:-2rem;top:5px;width:1px;height:15px;background:#ddd}
    .con2_area .cont .notice .notice_ctrl_box i {color:#999;font-size:2.5rem;}
    .con2_area .cont .notice .notice_ctrl_box button:is(:hover,:active,:focus) i {color:#000;}

    @media only screen and (max-width:1399px){
        .con2_area .cont {padding:10rem 6.5% 10rem 0;}
        .con2_area .cont .notice ul li {padding:6rem 3rem;}
        .con2_area .cont .notice .notice_ctrl_box {top:13.5rem;}
	}
    @media only screen and (max-width:1199px){
        .con2_area .cont .notice .notice_ctrl_box {top:5rem;}
	}
    @media only screen and (max-width:1023px){
        .con2_area .cont {padding:8rem 5%;}
	}
    @media only screen and (max-width:767px){
        .con2_area {flex-wrap:wrap;}
        .con2_area .cont {width:100%;padding:6rem 5%;}
        .con2_area > div {width:100%;}
        .notice_btn {margin-bottom:0;}
	}

.sc {background:url("../../images/fs/main/sc_bg.png") no-repeat center center;background-size:cover;}
.sc ul {display:flex;flex-wrap:wrap;width:100%;height:100%;}
.sc ul li {width:50%;height:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);}
.sc ul li a {color:#fff;height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-decoration:none;}
.sc ul li a .sc_box {height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;transition:all .4s;-webkit-transition:all .4s;}
.sc ul li a .front {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;width:100%;}
.sc ul li a span {width:100%;}
.sc ul li a span i {font-size:5.5rem;}
.sc ul li a p {width:100%;font-size:2.5rem;font-weight:600;margin-top:3.5rem;}
.sc ul li a:hover {}
.sc ul li a:hover .front {display:none;}
.sc ul li a:hover .sc_box {transform:rotateY(180deg);}
.sc ul li a .back {transition:transform 2s;backface-visibility:hidden;transform-style:preserve-3d;opacity:0;display:none;width:100%;height:100%;}
.sc ul li a .back p {margin-top:0;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;}
.sc ul li a:hover .back {opacity:1;display:block;transform: scale(-1, 1);}
    @media only screen and (max-width:767px){
        .sc ul li {padding:4rem 0;}
        .sc ul li a p {font-size:2rem;}
	}

/* 배너 */
.banner {position:relative;background:#ebebeb;padding-right:12rem;}
.banner_slide {height:15rem;margin-left:12rem;}
.banner_slide ul {align-items:center;}
.banner_slide ul li {display:flex;align-items:center;justify-content:center;}
.banner_slide ul li a {display:block;}
.banner_slide ul li a img {max-width:100%;}
.banner_ctrl_box {position:absolute;top:calc(50% - 1rem);left:-4rem;;display:flex;gap:0 3rem;z-index:999;}
.banner_ctrl_box button i {font-size:2.5rem;}
.overlay .banner_ctrl_box {display:none;}
    @media only screen and (max-width:1023px){
        .banner {padding:0 5%;}
        .banner_slide {margin-left:0;}
        .banner_ctrl_box {position:static;top:unset;left:unset;}
        .banner_ctrl_box .prev3 {position:absolute;top:calc(50% - 1rem);left:2%;z-index:999;}
        .banner_ctrl_box .next3 {position:absolute;top:calc(50% - 1rem);right:2%;z-index:999;}
	}