@charset "utf-8";

.skip_snb_menu {display:none;}

/* 공통 버튼 */
a.down_btn {display:inline-flex;align-items:center;border:1px solid #fff;width:fit-content;height:6rem;font-size:1.8rem;font-weight:500;padding:0 3rem;}
a.down_btn span {padding-right:2rem;}
a.down_btn span i {font-size:2.3rem;}
a.down_btn p img {padding-left:3rem;}
a.down_btn:is(:hover, :active, :focus) {background:#ff6b09;border-color:#ff6b09;}

/* 비주얼 */
.fs_main_visual {}
.fs_main_visual .container {}
.fs_main_visual .vis_slide_box {position:relative;width:100%;max-width:1400px;overflow: visible;}
.fs_main_visual .vis_slide_box .swiper-wrapper {position:relative;max-width:1400px;}
.fs_main_visual .vis_slide_box .slides01 {height:55rem;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide {text-align: center;box-sizing:border-box;overflow:hidden;transition:all 0.5s;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide-active {height:100%;margin-top:0;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text {display:flex;flex-direction:column;justify-content:center;position: absolute;top:0;z-index: 10;width: 100%;height:100%;color:#fff;text-align:center;}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text .sta {opacity:0;display:block;font-size:4.3rem;transform: translateY(-50px);transition: 2s;font-weight:900;font-family: 'The Jamsil';}
.fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb {opacity:0;line-height:1.2;font-size:2.2rem;transform: translateY(-50px);transition: 2s;transition-delay: 0.5s;font-weight:300;font-family:'The Jamsil';margin-top:1.5rem;}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide img {width:auto;height:100%; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active .sta {opacity:1;transform: translateY(0);}
.fs_main_visual .vis_slide_box .slides01 .swiper-slide.swiper-slide-active .stb {opacity:1;transform: translateY(0);}
/* 컨트롤 */
.fs_main_visual .mvis_controll_box {}
.fs_main_visual .mvis_controll_box .swiper-arrow {position:absolute;left:0;right:0;margin:0 auto;top:calc(50% - 20px);display:flex;justify-content:space-between;width:calc(100% - 10rem);}
.fs_main_visual .mvis_controll_box .swiper-arrow a {z-index:11;opacity:0.2;}
.fs_main_visual .mvis_controll_box .swiper-arrow a:is(:hover,:focus,:active) {opacity:1;}
.fs_main_visual .mvis_controll_box .swiper-arrow .next1 img {transform:rotate(180deg);}
.fs_main_visual .mvis_controll_box .swiper-pagination {position:absolute;bottom:5.5rem;left:0;z-index:99;width:100%;height:min-content;}
.fs_main_visual .mvis_controll_box .swiper-pagination .swiper-pagination-bullet {background:#fff;width:8px;height:8px;margin:0 1.5rem;position:relative;}
.fs_main_visual .mvis_controll_box .swiper-pagination .swiper-pagination-bullet-active:before {content:"";position:absolute;top:-8px;left:-8px;width:25px;height:24px;border:1px solid #fff;border-radius:100%;}
    @media only screen and (max-width:1399px){
        .fs_main_visual .vis_slide_box {max-width:90%;}
        .fs_main_visual .vis_slide_box .swiper-wrapper {max-width:100%;}
	}
    @media only screen and (max-width:1023px){
        .fs_main_visual .vis_slide_box .slides01 .swiper-slide {overflow:hidden;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .sta {font-size:4rem;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb {font-size:2rem;}
        .fs_main_visual .vis_slide_box .slides01 .swiper-slide img {height:100%;width:auto;}
        .fs_main_visual .mvis_controll_box .swiper-arrow {width:95%;}
	}
    @media only screen and (max-width:767px){
        .fs_main_visual .vis_slide_box {max-width:94%;}
        .fs_main_visual .vis_slide_box .slides01 {height:400px;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text {padding:0 5%;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .sta {font-size:3.5rem;}
        .fs_main_visual .vis_slide_box .slides01 .main_visual_text .stb {font-size:1.8rem;}
        .fs_main_visual .mvis_controll_box .swiper-arrow img {width:5rem;}
	}

/* 컨텐츠 시작 */
.con_box {padding:0 24.5rem;}
.con_box .wrap {padding:0;}

.title_box {}
.title_box .tit {color:#1d9cff;font-size:1.6rem;font-weight:500;font-family: 'Poppins';}
.title_box .stit {margin-top:3rem;color:#000;font-size:3.0rem;font-weight:700;line-height:1.2;}

.more {margin-top:2rem;display:flex;align-items:center;}
.more span {background:#1d9cff;width:5.5rem;height:5.5rem;display:flex;justify-content:center;align-items:center;transition:all .4s;-webkit-transition:all .4s;}
.more span i {color:#fff;font-size:2rem;font-weight:100;}
.more p {font-size:1.3rem;font-weight:800;padding-left:2rem;color:#1d9cff;transition:all .4s;-webkit-transition:all .4s;}
.more:is(:hover,:active,:focus) span {background:#141c27;}
.more:is(:hover,:active,:focus) p {color:#141c27;}

    @media only screen and (max-width:1599px){
        .con_box {padding:0 15rem;}
	}
    @media only screen and (max-width:1499px){
        .title_box .stit {font-size:3.2rem;}
	}
    @media only screen and (max-width:1399px){
        .con_box {padding:0 5%;}
	}
    @media only screen and (max-width:1199px){
        
	}
    @media only screen and (max-width:1023px){
        
	}
    @media only screen and (max-width:767px){
        .title_box .stit {font-size:3rem;}
	}

/* 기업소개 */
.con_box1 {margin:13rem 0 8rem 0;}
.con_box1 .company {position:relative;}
.con_box1 .title_box {position:absolute;top:0;left:0;}
.con_box1 ul {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 21rem;}
.con_box1 ul li {flex:1 1 0;}
.con_box1 ul li:first-child {padding-top:22rem;}
.con_box1 ul li .img_box img {max-width:100%;}
.con_box1 ul li .txt_box {margin-top:4.5rem;}
.con_box1 ul li .txt_box strong {font-size:2rem;}
.con_box1 ul li .txt_box > p {font-size:1.6rem;color:#777;margin-top:1.5rem;font-weight:400;line-height:1.5;}

.con_box1 ul li:last-child .txt_box {display:flex;flex-wrap:wrap;}
.con_box1 ul li:last-child .txt_box strong {width:25%;}
.con_box1 ul li:last-child .txt_box > p {width:75%;margin-top:0;}
.con_box1 ul li:last-child .txt_box a {margin-left:25%;margin-top:4rem;}
    @media only screen and (max-width:1199px){
        .con_box1 .title_box {width:50%;}
        .con_box1 ul li:last-child .txt_box > p br {display:none;}
	}
    @media only screen and (max-width:1023px){
        .con_box1 .title_box .stit br {display:none;}
        .con_box1 ul {gap:0 15rem;}
	}
    @media only screen and (max-width:767px){
        .con_box1 {margin:10rem 0;}
        .con_box1 .title_box {position:static;width:100%;}
        .con_box1 ul {gap:6rem 0;margin-top:6rem;}
        .con_box1 ul li {flex:1 1 100%;}
        .con_box1 ul li:first-child {padding-top:0;}
        .con_box1 ul li .txt_box {margin-top:3rem;}
        .con_box1 ul li:last-child .txt_box strong {width:100%;}
        .con_box1 ul li:last-child .txt_box > p {width:100%;}
        .con_box1 ul li:last-child .txt_box a {margin-left:0;margin-top:2rem;}
	}
/* 비즈니스 */
.con_box2 {display:flex;align-items:center;height:100vh;margin:0 auto;background:url(/images/fs/main/business_bg.png) no-repeat center;background-size:cover}
.con_box2 .wrap {display:flex;align-items:center;width:100%;justify-content:space-between;}
.con_box2 .title_box {display:flex;flex-wrap:wrap;align-content:space-between;height:-webkit-fill-available;}
.con_box2 .title_box .t_top {width:100%;}
.con_box2 .title_box .stit {color:#222d3b;font-size:4.2rem;}
.con_box2 .title_box .stit span {color:#fff;}
.con_box2 .title_box em {width:100%;color:#596778;font-size:1.8rem;font-weight:600;}

.con_box2 .r_cont {display:flex;flex-wrap:wrap;gap:1rem;justify-content:end;}
.con_box2 .btm {width:47rem;padding:5rem 7rem;color:#fff;background:rgba(24,31,41,.3);transition:all .3s;position:relative;}
.con_box2 .btm .box {display:flex;flex-wrap:wrap;width:100%;}
.con_box2 .btm .box div {line-height:1.5}
.con_box2 .btm .box div span {font-size:2rem;font-weight:600;padding:1.5rem 0 2.5rem 0;display:block;}
.con_box2 .btm .box div p {font-size:1.5rem;font-weight:600;padding-right:3rem;}
.con_box2 .btm .stit {font-size:1.3rem;font-weight:700;font-family: 'Poppins';opacity:0.5;}

.con_box2 .btm a {background:rgba(0,0,0,.3);width:8rem;height:100%;color:#fff;position:absolute;top:0;right:0;font-size:3rem;display:flex;justify-content:center;align-items:center;opacity:0;}

.con_box2 .btm:is(:hover,:active,:focus) {background:rgba(24,31,41,.9);width:52rem;}
.con_box2 .btm:is(:hover,:active,:focus) a {opacity:1;}
    @media only screen and (max-width:1599px){
        .con_box2 .title_box .stit {font-size:3.5rem;}
        .con_box2 .btm {width:45rem;}
        .con_box2 .btm:is(:hover,:active,:focus) {width:50rem;}
	}
    @media only screen and (max-width:1499px){
        .con_box2 .btm {width:42rem;padding:5rem 6rem;}
        .con_box2 .btm:is(:hover,:active,:focus) {width:47rem;}
	}
    @media only screen and (max-width:1199px){
        .con_box2 {height:100%;padding:10rem 5%;}
	}
    @media only screen and (max-width:1023px){
        .con_box2 .wrap {flex-wrap:wrap;}
        .con_box2 .title_box {width:100%;}
        .con_box2 .r_cont {width:100%;margin-top:8rem;}
        .con_box2 .btm {width:auto;flex:1 1 0;}
	}
    @media only screen and (max-width:767px){
        .con_box2 .title_box .stit {font-size:3rem;}
        .con_box2 .r_cont {margin-top:6rem;}
        .con_box2 .btm {padding:4rem;flex:1 1 100%;}
	}

/* 소식 */
.con_box3 {}
.con_box3 .wrap {padding:12rem 0;position:relative;}
.con_box3 .wrap:before {content:'NEWS';position:absolute;left:0;right:0;bottom:0;width:auto;height:auto;color:#f7f7f7;font-size:56rem;font-weight:800;line-height:0.7;margin-left:-12rem;}
.con_box3 .title_area {width:480px;padding-top:10rem;}
.con_box3 .title_area div {}
.con_box3 .gallery_list {padding-top:16rem;}
.con_box3 .gallery_list .gallery_box {display:flex;justify-content:end;flex-wrap:wrap;position:relative;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box {position: relative;z-index:0;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a {display:flex;width:100%;text-decoration:none;align-items:center;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .img_box {position:relative;display:block;background:#f1f1f1;transition:.3s;box-shadow:10px 10px 35px rgba(0,0,0,0.07);aspect-ratio: 6 / 4;overflow:hidden;width:45%;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .img_box img {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .text {transition: 0.4s;width:55%;padding-left:4rem;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .text  span {color:#1d9cff;font-size:1.4rem;font-weight:600;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .text strong {font-size:2rem;transition: 0.4s;font-weight:700;margin-top:1rem;}
.con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a:is(:hover,:focus,:active) .text strong {color:#1d9cff;}

.con_box3 .gallery_list .gallery_box .mvis_controll_box {position:absolute;right:0;top:-20rem;z-index:9;}
.con_box3 .gallery_list .gallery_box .mvis_controll_box .swiper-arrow {display:flex;z-index:9;gap:0 3.5rem;}
.con_box3 .gallery_list .gallery_box .mvis_controll_box .swiper-arrow a {z-index:11;}
.con_box3 .gallery_list .gallery_box .mvis_controll_box .swiper-arrow a.prev2 {}
.con_box3 .gallery_list .gallery_box .mvis_controll_box .swiper-arrow a i {color:#007aff;font-size:2.3rem;}
.con_box3 .gallery_list .gallery_box .mvis_controll_box .swiper-pagination {display:flex;align-items:baseline;position:absolute;top:-4px;left:0;z-index: 10;width:100%;height:100%;color:#000;justify-content:center;font-size:1.4rem;}
    @media only screen and (max-width:1599px){

	}
    @media only screen and (max-width:1399px){
        .con_box3 .wrap:before {font-size:45rem;margin-left:-10rem;}
	}
    @media only screen and (max-width:1199px){
        
	}
    @media only screen and (max-width:1023px){
        .con_box3 .gallery_list {padding-top:10rem;}
        .con_box3 .wrap:before {font-size:35rem;margin-left:-8rem;}
    }
    @media only screen and (max-width:767px){
        .con_box3 .gallery_list {padding-top:6rem;}
        .con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a {flex-wrap:wrap;}
        .con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .img_box {width:100%;}
        .con_box3 .gallery_list .gallery_box .gallery_slide_box .swiper-wrapper .swiper-slide a .text {width:100%;margin-top:2rem;padding-left:0;}
    }