@charset "utf-8";

/* =========================
   메인 공통
========================= */
/* 더보기 */
.more_btn {display:flex;justify-content:space-between;align-items:center;width:26rem;font-family:var(--tit_font);font-weight:300;font-size:1.8rem;color:var(--primary);padding:0 1rem .5rem 1.5rem;border-bottom:1px solid var(--primary);}
.more_btn i {display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:50%;font-size:2.2rem;line-height:1;transition:transform .3s ease;}
.more_btn:is(:hover,:focus,:active) {color:var(--black);border-color:var(--black);}
.more_btn:is(:hover,:focus,:active) i {transform:rotate(90deg);}
	@media only screen and (max-width:1199px) {
		.more_btn {width:23rem;font-size:1.7rem;}
		.more_btn i {width:3.6rem;height:3.6rem;font-size:2rem;}
	}
    @media only screen and (max-width:1023px) {
		.more_btn {width:20rem;font-size:1.6rem;padding:0 .8rem .4rem 1.2rem;}
		.more_btn i {width:3.4rem;height:3.4rem;font-size:1.8rem;}
	}
    @media only screen and (max-width:767px) {
		.more_btn {width:16rem;font-size:1.5rem;padding:0 .6rem .3rem 1rem;}
		.more_btn i {width:2.8rem;height:2.8rem;font-size:1.5rem;}
	}

/* 컨텐츠 */
.con_box {padding:15.5rem 0;overflow:hidden;}
.con_box .tit_wrap .sub_tit {font-family:var(--tit_font);font-weight:700;font-size:3rem;color:var(--primary);}
.con_box .tit_wrap .sec_tit {font-weight:100;font-size:5rem;line-height:1.1;color:var(--black);margin-top:3rem;text-wrap:balance;}
	@media only screen and (max-width:1199px) {
		.con_box {padding:13rem 0;}
		.con_box .tit_wrap .sub_tit {font-size:2.6rem;}
		.con_box .tit_wrap .sec_tit {font-size:4.4rem;line-height:1.2;margin-top:2.4rem;}
	}
    @media only screen and (max-width:1023px) {
		.con_box {padding:11rem 0;}
		.con_box .tit_wrap .sub_tit {font-size:2.2rem;text-wrap:balance;}
		.con_box .tit_wrap .sec_tit {font-size:3.8rem;line-height:1.25;margin-top:2rem;}
	}
    @media only screen and (max-width:767px) {
		.con_box {padding:8rem 0;}
		.con_box .tit_wrap .sub_tit {font-size:1.8rem;}
		.con_box .tit_wrap .sec_tit {font-size:3rem;line-height:1.3;margin-top:1.5rem;}
	}


/* =========================
   메인 비주얼
========================= */
#mainVisual {position:relative;height:100vh;height:100dvh;}
#mainVisual .mvis_wrap, #mainVisual .swiper-slide {width:100%;height:100%;}
#mainVisual .swiper-slide {background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;}

/* 텍스트 */
#mainVisual .main_visual_text {display:flex;flex-flow:column;position:absolute;top:calc(50% + 5rem);left:50%;transform:translate(-50%,-50%);z-index:90;color:#fff;text-align:center;padding:0 10rem;}
#mainVisual .main_visual_text .sta {font-family:var(--tit_font);font-weight:700;font-size:8rem;line-height:1.1;letter-spacing:-0.02em;}
#mainVisual .main_visual_text .sta em {font-family:inherit;color:#22e2ff;}
#mainVisual .main_visual_text .stb {font-weight:300;font-size:2.2rem;color:#fff;margin-top:2rem;line-height:1.4;}

/* 컨트롤 */
#mainVisual .mvis_ctrl_box {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:90;pointer-events:none;}
#mainVisual .mvis_ctrl_box > a {position:absolute;top:calc(50% + 5rem);transform:translateY(-50%);width:7rem;height:14rem;font-size:0;pointer-events:auto;}
#mainVisual .mvis_ctrl_box .mvis_prev {left:3%;}
#mainVisual .mvis_ctrl_box .mvis_next {right:3%;}
#mainVisual .mvis_ctrl_box .mvis_prev::before {content:"";position:absolute;top:50%;left:0;width:10rem;height:10rem;border-top:.6rem solid rgba(255,255,255,0.2);border-left:.6rem solid rgba(255,255,255,0.2);transform-origin:0 0;transform:rotate(-45deg);transition:all .3s;}
#mainVisual .mvis_ctrl_box .mvis_next::before {content:"";position:absolute;top:50%;right:0;width:10rem;height:10rem;border-top:.6rem solid rgba(255,255,255,0.2);border-right:.6rem solid rgba(255,255,255,0.2);transform-origin:100% 0;transform:rotate(45deg);transition:all .3s;}
#mainVisual .mvis_ctrl_box > a:hover::before {border-color:#fff;}

/* 스크롤 버튼 */
#mainVisual .scroll_down {position:absolute;bottom:-7rem;left:50%;transform:translateX(-50%);z-index:90;width:14rem;height:14rem;}
#mainVisual .scroll_down a {display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;}
#mainVisual .scroll_down .scroll_txt {position:absolute;top:0;left:0;width:100%;height:100%;animation:spin 15s linear infinite;}
#mainVisual .scroll_down .scroll_txt text textPath {fill:var(--primary);font-family:var(--tit_font);font-weight:300;font-size:12px;letter-spacing:0.1em;}
#mainVisual .scroll_down i {font-size:3rem;color:var(--primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
@keyframes spin { 100% {transform:rotate(360deg);} }
    @media only screen and (max-width:1199px) {
        #mainVisual .main_visual_text .sta {font-size:6.4rem;}
        #mainVisual .main_visual_text .stb {font-size:2rem;}
        #mainVisual .mvis_ctrl_box > a {width:5.5rem;height:11rem;}
        #mainVisual .mvis_ctrl_box .mvis_prev::before,
        #mainVisual .mvis_ctrl_box .mvis_next::before {width:7.5rem;height:7.5rem;border-width:.5rem;}
        #mainVisual .scroll_down {width:12rem;height:12rem;bottom:-6rem;}
        #mainVisual .scroll_down i {font-size:2.6rem;}
    }
    @media only screen and (max-width:1023px) {
        #mainVisual .main_visual_text {top:calc(50% + 4rem);padding:0 8rem;width:100%;}
        #mainVisual .main_visual_text .sta {font-size:4.8rem;}
        #mainVisual .main_visual_text .stb {font-size:1.8rem;margin-top:1.5rem;}
        #mainVisual .mvis_ctrl_box > a {top:calc(50% + 4rem);width:4.5rem;height:9rem;}
        #mainVisual .mvis_ctrl_box .mvis_prev::before,
        #mainVisual .mvis_ctrl_box .mvis_next::before {width:5.5rem;height:5.5rem;border-width:.4rem;}
        #mainVisual .scroll_down {width:10rem;height:10rem;bottom:-5rem;}
        #mainVisual .scroll_down i {font-size:2.2rem;}
    }
    @media only screen and (max-width:767px) {
        #mainVisual .main_visual_text {top:calc(50% + 4rem);padding:0 3.5rem;width:100%;}
        #mainVisual .main_visual_text .sta {font-size:4rem;}
        #mainVisual .mvis_ctrl_box {display:none;}
    }


/* =========================
   sec01_Products
========================= */
#sec01 {padding-bottom:0;}
#sec01 .top_wrap {display:flex;justify-content:space-between;align-items:flex-end;gap:5rem;margin-bottom:11rem;}
#sec01 .prod_slide_wrap {position:relative;background:url("../../images/fs/main/sec01_bg.png") no-repeat center bottom/cover;padding:7.5rem 0 14rem;}
#sec01 .prod_list li {box-sizing:border-box;transition:all .35s cubic-bezier(0.165, 0.840, 0.440, 1);}
#sec01 .prod_list li a {display:block;height:100%;padding:5.5rem 4rem;}
#sec01 .prod_list li:is(:hover,:focus,:active,.swiper-slide-active) a {background:#fff;}
#sec01 .prod_list li:is(:hover,:focus,:active,.swiper-slide-active) a .img_box img {transform:scale(1.04);opacity:1;}
#sec01 .prod_list .img_box {width:100%;aspect-ratio:16/10;background:#fff;overflow:hidden;}
#sec01 .prod_list .img_box img {width:100%;height:100%;object-fit:cover;object-position:center;opacity:.45;transition:all .4s ease;}
#sec01 .prod_list .cate {display:block;font-weight:600;font-size:2.5rem;color:var(--primary);margin:3rem 0 2rem;}
#sec01 .prod_list .txt_box {font-weight:200;color:var(--black);line-height:1.33;}
#sec01 .prod_list .swiper-slide-duplicate [data-aos] {opacity:1 !important;transform:none !important;}
#sec01 .prod_ctrl {display:none;}
    /* PC (1024px 이상): 3개 가로 나열, 슬라이드 비활성화, Hover 시 화이트 카드 돌출 */
    @media only screen and (min-width:1024px) {
        #sec01 .prod_slide_wrap {overflow:visible;}
        #sec01 .prod_list.swiper-wrapper {display:flex;justify-content:space-between;transform:none !important;}
        #sec01 .prod_list .swiper-slide {width:33.333% !important;flex-shrink:0;}
    }
    @media only screen and (max-width:1299px) {
        #sec01 .prod_list li a {display:block;height:100%;padding:4.5rem 3rem;}
        #sec01 .prod_list .txt_box br {display:none;}
    }
    /* 태블릿 (1023px 이하): 슬라이드 활성화 (2개 표시) */
    @media only screen and (max-width:1023px) {
        #sec01 .top_wrap {margin-bottom:5rem;}
        #sec01 .prod_slide_wrap {padding:4rem 0 8rem;overflow:hidden;}
        #sec01 .prod_slide_wrap .wrap {width:calc(100% - 4% - 18rem);max-width:calc(100% - 4% - 18rem);margin:0 auto;overflow:hidden;}
        #sec01 .prod_ctrl {display:block;}
        #sec01 .prod_list li a {padding:2.5rem;}
        #sec01 .prod_list .cate {font-size:2.2rem;margin:2rem 0 1rem;}
        #sec01 .prod_btn {position:absolute;top:calc(50% - 2rem);transform:translateY(-50%);z-index:20;width:6.4rem;height:6.4rem;border-radius:50%;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
        #sec01 .prod_btn:is(:hover,:focus,:active) {opacity:1;background:#fff;border-color:var(--primary);color:var(--primary);}
        #sec01 .prod_btn i {font-size:2.6rem;color:var(--black);line-height:1;}
        #sec01 .prod_btn.swiper-button-disabled {opacity:.5;cursor:default;pointer-events:none;box-shadow:none;}
        #sec01 .prod_btn.prev {left:2%;}
        #sec01 .prod_btn.next {right:2%;}
    }
    /* 모바일 (767px 이하): 1개씩 슬라이드 */
    @media only screen and (max-width:767px) {
        #sec01 .top_wrap {flex-direction:column;align-items:flex-start;gap:2rem;margin-bottom:3.5rem;}
        #sec01 .prod_slide_wrap {padding:3rem 0 6rem;}
        #sec01 .prod_btn {width:5.2rem;height:5.2rem;top:calc(50% - 1.5rem);}
        #sec01 .prod_btn i {font-size:2.2rem;}
        #sec01 .prod_slide_wrap .wrap {width:calc(100% - 4% - 13rem);max-width:calc(100% - 4% - 13rem);}
        #sec01 .prod_list li a {padding:2rem;}
        #sec01 .prod_list .cate {font-size:2rem;}
    }
    @media only screen and (max-width:475px) {
        #sec01 .prod_ctrl, #sec01 .prod_btn {display:none;}
        #sec01 .prod_slide_wrap .wrap {width:96%;max-width:96%;}
    }


/* =========================
   sec02_소개
========================= */
#sec02 {position:relative;background:url("../../images/fs/main/sec02_bg.jpg") no-repeat center bottom/cover;background-attachment:fixed;}
#sec02 .wrap {position:relative;z-index:2;}
#sec02 .tit_wrap * {color:#fff;}
#sec02 .tit_wrap .sec_tit {margin:6rem 0 9rem;font-weight:200;}
#sec02 .tit_wrap .more_btn {border-color:#fff;}
#sec02 .tit_wrap .more_btn i {background:#fff;color:var(--black);}
    @media only screen and (max-width:1199px) {
        #sec02::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 100%);z-index:1;pointer-events:none;}
        #sec02 .tit_wrap .sec_tit {margin:4.5rem 0 7rem;}
    }
    @media only screen and (max-width:1023px) {
        #sec02 {background-attachment:scroll;background-position:30% center;}
        #sec02::before {background:rgba(0,0,0,.5);}
        #sec02 .tit_wrap .sec_tit {margin:3.5rem 0 5.5rem;}
    }
    @media only screen and (max-width:767px) {
        #sec02 {background-position:25% center;}
        #sec02 .tit_wrap .sec_tit {margin:2rem 0 3.5rem;}
    }


/* =========================
   sec03_Notice
========================= */
#sec03 {padding:10rem 0 12.5rem;}
#sec03 .tit_wrap {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;}
#sec03 .tit_wrap .sec_tit {font-family:var(--tit_font);font-weight:500;margin-top:0;}
#sec03 .tit_wrap .more_btn {width:auto;gap:2rem;padding-bottom:0;border-bottom:none;color:var(--primary);color:var(--black);}
#sec03 .tit_wrap .more_btn i {border:1px solid var(--black);}
#sec03 .noti_list {border:1px solid var(--black);}
#sec03 .noti_list li {font-size:0;transition:background-color .3s ease;}
#sec03 .noti_list li + li {border-top:1px solid var(--black);}
#sec03 .noti_list li a {display:flex;align-items:center;gap:5rem;padding:4.5rem 6rem;}
#sec03 .noti_list li a:is(:hover,:focus,:active) .noti_tit {color:var(--primary);}
#sec03 .noti_list .img_box {display:flex;align-items:center;justify-content:center;width:30rem;aspect-ratio:16/10;flex-shrink:0;background:#f2f2f2;overflow:hidden;}
#sec03 .noti_list .img_box img {width:100%;height:100%;object-fit:cover;}
#sec03 .noti_list .img_box img.no_img {width:60%;height:auto;max-height:50%;object-fit:contain;}
#sec03 .noti_list .txt_box {flex:1;font-weight:500;color:var(--black);}
#sec03 .noti_list .noti_date {display:block;font-family:var(--tit_font);font-size:1.6rem;margin-bottom:2.5rem;line-height:1;}
#sec03 .noti_list .noti_tit {font-family:var(--tit_font);font-size:2rem;color:var(--black);line-height:1.35;margin-bottom:3rem;transition:color .3s ease;}
#sec03 .noti_list .noti_desc {font-family:var(--tit_font);font-size:1.6rem;line-height:1.35;}
    @media only screen and (max-width:1199px) {
        #sec03 {padding:8.5rem 0 10.5rem;}
        #sec03 .noti_list li a {gap:4rem;padding:4rem 4.5rem;}
        #sec03 .noti_list .img_box {width:26rem;}
        #sec03 .noti_list .noti_date {margin-bottom:2rem;}
        #sec03 .noti_list .noti_tit {margin-bottom:2.2rem;}
    }
    @media only screen and (max-width:1023px) {
        #sec03 {padding:7rem 0 9rem;}
        #sec03 .noti_list li a {gap:3.5rem;padding:3rem;}
        #sec03 .noti_list .img_box {width:22rem;}
        #sec03 .noti_list .noti_date {font-size:1.5rem;margin-bottom:1.5rem;}
        #sec03 .noti_list .noti_tit {font-size:1.8rem;margin-bottom:1.5rem;}
        #sec03 .noti_list .noti_desc {font-size:1.5rem;}
    }
    @media only screen and (max-width:767px) {
        #sec03 {padding:6rem 0 8rem;}
        #sec03 .tit_wrap {margin-bottom:1.5rem;}
        #sec03 .tit_wrap .more_btn {gap:1rem;}
        #sec03 .tit_wrap .more_btn i {width:3rem;height:3rem;font-size:1.6rem;}
        #sec03 .noti_list li a {flex-direction:column;align-items:flex-start;gap:2rem;padding:2.5rem 2rem;}
        #sec03 .noti_list .img_box {width:100%;aspect-ratio:16/9;}
        #sec03 .noti_list .img_box img.no_img {width:45%;max-height:45%;}
        #sec03 .noti_list .txt_box {width:100%;}
        #sec03 .noti_list .noti_date {font-size:1.4rem;margin-bottom:1.2rem;}
        #sec03 .noti_list .noti_tit {font-size:1.8rem;margin-bottom:1.2rem;}
        #sec03 .noti_list .noti_desc {font-size:1.4rem;line-height:1.4;}
    }


/* =========================
   sec04_Business Area
========================= */
#sec04 {position:relative;background:url('../../images/fs/main/sec04_bg.png') no-repeat center/cover;}
#sec04::before {content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:rgba(0,0,0,0.5);z-index:1;}
#sec04 .wrap {position:relative;z-index:2;}
#sec04 .biz_wrap {display:flex;justify-content:space-between;align-items:center;gap:6rem;}
#sec04 .biz_left .sec_tit {margin:6rem 0 9rem;color:#fff;}
#sec04 .biz_left .more_btn {color:#fff;border-color:#fff;}
#sec04 .biz_left .more_btn i {background:#fff;color:var(--black);}
#sec04 .biz_list li + li {border-top:1px solid rgba(255,255,255,.5);}
#sec04 .biz_list li a {display:flex;align-items:center;gap:2rem;padding:4.5rem 4rem;color:#fff;}
#sec04 .biz_list .biz_ico {display:flex;align-items:center;justify-content:center;width:11.6rem;height:11.6rem;aspect-ratio:1/1;border-radius:50%;background:#fff;}
#sec04 .biz_list .txt_box .biz_tit {display:block;font-weight:600;font-size:2rem;line-height:1.33;color:#fff;}
#sec04 .biz_list .txt_box .biz_sub {display:block;font-weight:500;font-size:1.5rem;letter-spacing:0.02em;color:#fff;}
    @media only screen and (max-width:1199px) {
        #sec04 .biz_list li a {padding:4rem 3.5rem;}
        #sec04 .biz_list .biz_ico {width:10rem;height:10rem;}
    }
    @media only screen and (max-width:1023px) {
        #sec04 {padding:10rem 0 12rem;}
        #sec04::before {width:100%;}
        #sec04 .biz_wrap {flex-direction:column;align-items:flex-start;gap:5rem;}
        #sec04 .biz_left {width:100%;}
        #sec04 .biz_left .sec_tit {margin:2.5rem 0 4rem;line-height:1.35;}
        #sec04 .biz_left .sec_tit br {display:none;}
        #sec04 .biz_list {width:100%;}
        #sec04 .biz_list li a {padding:3rem 2rem;}
        #sec04 .biz_list .biz_ico {width:8.5rem;height:8.5rem;}
        #sec04 .biz_list .biz_ico img {height:3rem;}
    }
    @media only screen and (max-width:767px) {
        #sec04 {padding:7rem 0 9rem;}
        #sec04 .biz_wrap {gap:4rem;}
        #sec04 .biz_left .sec_tit {margin:1.5rem 0 3rem;}
        #sec04 .biz_list li a {padding:2rem 1rem;gap:1.5rem;}
        #sec04 .biz_list .biz_ico {width:7rem;height:7rem;}
        #sec04 .biz_list .txt_box .biz_tit {font-size:1.8rem;}
        #sec04 .biz_list .txt_box .biz_sub {font-size:1.3rem;}
    }