@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {overflow:hidden;}

/* 비주얼 */
.fs_main_visual {background:url("../images/main/mvis_img01.png") no-repeat center center;min-height:600px;background-size:cover;}
.fs_main_visual .visual_flex {display:flex;flex-wrap:wrap;}
.fs_main_visual .visual_flex .visual_left {width:50%;}
.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .sta {display:block;font-size:1.56rem;line-height:1.2;color:#596e76;word-break:keep-all;letter-spacing:-1px;margin-top:6.25rem;}
.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stb {display:block;font-size:3.13rem;line-height:1.2;color:#032430;margin-top:1rem;word-break:keep-all;letter-spacing:-1px;}
.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stb em {font-weight:600;}
.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stc {display:block;font-size:1.06rem;color:#000;margin-top:2rem;word-break:keep-all;letter-spacing:-1px;}

.fs_main_visual .quick_btn {position:relative;z-index:11;margin-top:40px;flex-wrap:wrap;}
.fs_main_visual .quick_btn li a {display:flex;justify-content:space-between;align-items:center;width:300px;height:80px;border-radius:20px;font-weight:500;color:#fff;background:#042e86;padding:0 30px 0 40px;font-size:20px;}
.fs_main_visual .quick_btn li:nth-child(2) {margin-top:10px;}
.fs_main_visual .quick_btn li:nth-child(2) a {background:#1099b6;}
.fs_main_visual .quick_btn li a:is(:hover,:focus,:active) {background:#032430;color:#fff;}
.fs_main_visual .quick_btn li a .quick_left {display:flex;align-items:center;}
.fs_main_visual .quick_btn li a .quick_left em {width:35px;display:flex;align-items:center;justify-content:center;margin-right:35px;}
.fs_main_visual .quick_btn li a .quick_right {width:30px;height:30px;border:2px solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.fs_main_visual .quick_btn li a .quick_right img {filter:brightness(100);width:9px;transform:rotate(180deg);margin-left:3px;}

.fs_main_visual .visual_flex .visual_img {width:50%;position:relative;}
.fs_main_visual .visual_flex .visual_img ul {display:flex;width:115%;position:absolute;top:150px;left:0;}
.fs_main_visual .visual_flex .visual_img ul li {box-shadow:0 20px 40px 10px rgba(0, 0, 0, 0.1);;width:60%;}
.fs_main_visual .visual_flex .visual_img ul li.one {animation:one 1s ease-in-out;}
.fs_main_visual .visual_flex .visual_img ul li.two {z-index:2;;margin-left:-28%;transform:rotate(15deg);animation:two 1.5s ease-in-out;}
.fs_main_visual .visual_flex .visual_img ul li.three {z-index:3;transform:rotate(30deg);margin-left:-28%;animation:three 2s ease-in-out;}
.fs_main_visual .visual_flex .visual_img ul li img {width:100%;}
    @media only screen and (max-width:1399px){
		.fs_main_visual .visual_flex .visual_img ul {width:100%;}
	}
	@media only screen and (max-width:1199px){
		.fs_main_visual {min-height:550px;}
        .fs_main_visual .visual_flex .visual_left .visual_title .visual_text .sta {font-size:1.5rem;margin-top:5.2rem;}
		.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stb {font-size:3rem;margin-top:0.8rem;}
		.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stc {font-size:1rem;margin-top:1.5rem;line-height:1.2;}
		
		.fs_main_visual .visual_flex .visual_img ul {left:10%;}
	}
    @media only screen and (max-width:1023px){
		.fs_main_visual {min-height:auto;padding-bottom:4rem;}
		.fs_main_visual .visual_flex {flex-direction: column-reverse;position:relative;}
		.fs_main_visual .visual_flex .visual_left {width:100%;z-index:1;}
		.fs_main_visual .visual_flex .visual_left .visual_title {width:45%;position:absolute;top:0;left:0;}
		.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .sta {font-size:1.2rem;margin-top:5.5rem;}
		.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stb {font-size:2.3rem;}
		
		.fs_main_visual .quick_btn {display:flex;}
		.fs_main_visual .quick_btn li:nth-child(2) {margin:0 0 0 10px;}
		.fs_main_visual .quick_btn li a {font-size:18px;}
		
		.fs_main_visual .visual_flex .visual_img {width:100%;margin-top:4rem;}
		.fs_main_visual .visual_flex .visual_img ul {width:50%;position:static;float:right;}
    }
	@media only screen and (max-width:767px){
		.fs_main_visual {}
		.fs_main_visual .visual_flex .visual_left .visual_title {width:100%;position:static;top:unset;left:unset;}
		.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .sta {font-size:1rem;margin-top:3rem;}
		.fs_main_visual .visual_flex .visual_left .visual_title .visual_text .stb {font-size:2rem;}
		
		.fs_main_visual .visual_flex .visual_img ul {width:80%;}
		
		.fs_main_visual .quick_btn {margin-top:20px;}
		.fs_main_visual .quick_btn li {width:calc(50% - 5px);}
		.fs_main_visual .quick_btn li:nth-child(2) {margin:0 0 0 10px;}
		.fs_main_visual .quick_btn li a {font-size:16px;height:60px;width:auto;padding:0 10px 0 20px;}
		.fs_main_visual .quick_btn li a .quick_left em {margin-right:10px;}
		
    }
	@media only screen and (max-width:520px){
        .fs_main_visual .visual_flex .visual_img ul {width:90%;}
	}

/* 아카이브 */
.con_box {padding:150px 0;}
.con_box .wrap {}
.archive {display:flex;width:100%;}
.archive .archive_title {width:30%;}
.archive .archive_title h4 {font-size:3.13rem;font-weight:300;line-height:1.2;}
.archive .archive_title h4 strong {font-weight:600;}
.archive .swiper {width:70%;}

.archive .swiper a {display: block;text-decoration: none;}
.archive .swiper a .img {overflow:hidden;position:relative;display: block;padding-top:60%;border-radius:20px;border:1px solid #e5e5e5;background: #f3f6f9;transition: .3s;}
.archive .swiper a .img img {position:absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
.archive .swiper a .tit {display:flex;gap:10px;margin-top:20px;font-weight:500;color:#222;text-decoration: none;text-align:center;}

.mvis_controll_box {margin-top:50px;}
.mvis_controll_box .swiper-arrow {display:flex;gap:0 10px;}
.mvis_controll_box a {border:2px solid #032430;border-radius:100%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:0;opacity:0.3;}
.mvis_controll_box a:is(:hover,:active,:focus) {opacity:1;}
.mvis_controll_box .prev {}
.mvis_controll_box .next {transform:rotate(180deg);}
.mvis_controll_box .more {}
	@keyframes one {
		from  {
			opacity:0;
			transform:translate3d(0, 100% , 0);
		}
		to {
			opacity:1;
			transform:translateZ(0);
		}
	}
	@keyframes two {
		from {
			opacity:0;
			transform:translate3d(0, 100% , 0) rotate(15deg);
		}
		to {
			opacity:1;
			transform:translateZ(0) rotate(15deg);
		}
	}
	@keyframes three {
		from {
			opacity:0;
			transform:translate3d(0, 100% , 0) rotate(30deg);
		}
		to {
			opacity:1;
			transform:translateZ(0) rotate(30deg);
		}
	}

	@media only screen and (max-width:1399px){
		.con_box {padding:120px 0;}
	}
    @media only screen and (max-width:1199px){
    }
	@media only screen and (max-width:1023px){
		.con_box {padding:100px 0;}
		
		.archive .archive_title {width:35%;}
		.archive .archive_title h4 {font-size:2.5rem;}
		
		.archive .swiper {width:65%;}
		
		.mvis_controll_box {margin-top:30px;}
		.mvis_controll_box .swiper-arrow {gap:0 5px;}
		.mvis_controll_box a {width:50px;height:50px;}
	}
	@media only screen and (max-width:767px){
		.con_box {padding:60px 0;}
		
		.archive {flex-wrap:wrap;}
		.archive .archive_title {width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;align-items:flex-end;}
		.archive .archive_title h4 {width:50%;font-size:2rem;}
		.archive .swiper {width:100%;margin-top:30px;}
		
		.mvis_controll_box a {width:40px;height:40px;}
	}