@charset "utf-8";
/*@import url('font/fs_font.css'); 내부 폰트적용시 */

/******************************/
/* 공통 */
/******************************/
a {transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);/* easeInOutQuart */transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);/* easeInOutQuart */}
#fs_wrap {position:relative;}
.wrap {width:clamp(0px, 96%, 1420px);margin:0 auto;}

/******************************/
/* 헤더 영역 */
/******************************/
#fs_header {position:fixed;top:0;left:0;z-index:10;width:100%;transition:.4s;}
#fs_header.active {background:#fff;}
#fs_header.scroll_hide {transform:translateY(-100%);}

/* 상단 */
.fs_head {display:flex;justify-content:space-between;align-items:center;gap:5px;height:9.0rem;padding:0 6.0rem;border-bottom:1px solid rgba(255,255,255,.2);}
#fs_header.active .fs_head {border-color:#ddd;}
.fs_head .logo a {display:flex;align-items:center;}
.fs_head .logo a img {max-width:100%;transition:.4s;}
    @media only screen and (max-width:1855px){
        .fs_head {padding:0 5.0rem;}
    }
    @media only screen and (max-width:1699px){
        .fs_head {padding:0 4.0rem;}
    }
    @media only screen and (max-width:1023px){
        .fs_head {padding:0 3.0rem;}
        .fs_head .logo a img {max-width:none;height:35px;}
    }
    @media only screen and (max-width:425px){
        .fs_head .logo a {width:20.0rem;}
    }

/* 헤더메뉴 */
#all_menu {display:none;}
.fs_top_menu::before {position:absolute;left:0;top:100%;z-index:-1;width:100%;height:0;background:#fff;content:"";transition:.3s;}
.fs_top_menu.on::before {height:25.0rem;}
.fs_top_menu .lnb {display:flex;}
/* 1뎁스 */
.fs_top_menu .lnb > li {position:relative;display:flex;justify-content:center;align-items:center;height:9.0rem;}
.fs_top_menu .lnb > li .lnb_title {font-size:2.0rem;font-weight:500;color:#fff;padding:0 4.0rem;letter-spacing:-0.02rem;text-align:center;}
#fs_header.active .fs_top_menu .lnb > li .lnb_title {color:#000;text-decoration:none;text-align:center;}
#fs_header.active .fs_top_menu .lnb > li.on .lnb_title {color:#1986e7;}
.fs_top_menu .lnb > li .lnb_title::after {position:absolute;bottom:0;left:0;width:0;height:3px;background:#1986e7;content:"";transition:.4s;}
#fs_header.active .fs_top_menu .lnb > li:hover .lnb_title::after {width:100%;}
/* 2뎁스 */
.fs_top_menu .lnb > li .lnb_layer01 {position:absolute;top:100%;width:100%;text-align:center;padding-top:4.0rem;font-weight:500;font-size:1.7rem;color:#999;}
.fs_top_menu .lnb > li .lnb_layer01 li:not(:last-child) {margin-bottom:1.5rem;}
.fs_top_menu .lnb > li .lnb_layer01 li a {display:block;line-height:1.25;font-weight:500;padding:0 1.0rem;transition:all 0.2s;}
.fs_top_menu .lnb > li .lnb_layer01 li a:is(:hover,:focus,:active) {color:#222;}
    @media only screen and (max-width:1855px){
        /* 헤더메뉴 */
        .fs_top_menu.on::before {height:24rem;}
        /* 1뎁스 */
        .fs_top_menu .lnb > li .lnb_title {font-size:1.8rem;padding:0 3.0rem;}
        /* 2뎁스 */
        .fs_top_menu .lnb > li .lnb_layer01 {font-size:1.6rem;}
    }
    @media only screen and (max-width:1699px){
        /* 1뎁스 */
        .fs_top_menu .lnb > li .lnb_title {padding:0 2.0rem;}
        /* 2뎁스 */
        .fs_top_menu .lnb > li .lnb_layer01 {padding-top:3.0rem !important;}
    }
    @media only screen and (max-width:1399px){
        .fs_top_menu .lnb {display:none;}
    }

/* 사이트맵 */
#all_menu {display:flex;position:fixed;top:0;left:0;opacity:0;z-index:20;width:100%;height:100vh;overflow:hidden;visibility:hidden;background-color:#fff;pointer-events:none;transition:opacity 0.3s;}
#all_menu .all_menu_top {display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;height:9rem;padding:0 4rem;}
#all_menu .all_menu_logo a {display:flex;align-items:center;}
#all_menu .all_menu_left {display:flex;flex-direction:column;justify-content:flex-end;max-width:30%;width:56rem;padding:6rem;background:url("../images/main/allmenu_bg.png") no-repeat center/cover;color:#fff;}
#all_menu .all_menu_contact {padding-bottom:2.4rem;margin-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.4);}
#all_menu .all_menu_contact li {display:flex;margin-bottom:1.2rem;font-size:1.6rem;line-height:2rem;}
#all_menu .all_menu_contact li:last-child {margin-bottom:0;}
#all_menu .all_menu_contact li em {flex-shrink:0;font-weight:700;width:7rem;}
#all_menu .all_menu_contact li a {color:#fff;}
#all_menu .copy {opacity:.6;font-size:1.6rem;line-height:2rem;}
#all_menu .all_menu_right {flex-grow:1;padding:14.0rem 10.0rem 10.0rem;}
#all_menu .all_menu_right .menu_list {height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent;}
#all_menu .all_menu_right .lnb::-webkit-scrollbar {width:4px;height:4px;}
#all_menu .all_menu_right .lnb::-webkit-scrollbar-thumb {border-radius:50px;background-color:#e0e0e0;}
#all_menu .lnb > li {display:flex;padding:5rem 0;border-bottom:1px solid #e0e0e0;} /* 1뎁스 시작 */
#all_menu .lnb > li:last-child {border-bottom:none;}
#all_menu .lnb > li:hover > a, #all_menu .lnb > li.active > a {color:#57c200;text-decoration:none;}
#all_menu .lnb > li > a {width:30rem;height:100%;font-size:2.4rem;font-weight:700;color:#222;line-height:1.25;transition:.2s;} /* 1뎁스 끝 */
#all_menu .lnb > li > ul {display:flex !important;height:auto !important;flex-wrap:wrap;flex-grow:1;gap:4.0rem 0;width:calc(100% - 30rem);} /* 2뎁스 시작 */
#all_menu .lnb > li > ul > li {width:50%;padding-right:2.0rem;}
#all_menu .lnb > li > ul > li > a {font-size:1.8rem;font-weight:500;color:#222;line-height:1.3333333333;} /* 2뎁스 끝 */
    /* on */
    body.overlay {overflow:hidden;height:100%;touch-action:none;transition:all 0.3s;}
    #all_menu.on {opacity:1;visibility:visible;pointer-events:auto;}
        @media only screen and (max-width:1023px) {
            #all_menu .all_menu_left {display:none;}
            #all_menu .all_menu_right {padding:10rem 4rem 6rem;}
            #all_menu .lnb > li > a br {display:none;}
            #all_menu .lnb > li > ul {width:100%;}
        }
        @media only screen and (max-width:767px) {
            #all_menu .all_menu_top {padding:0 2.4rem;}
            #all_menu .all_menu_right {padding:10rem 2.4rem 4rem;}
            #all_menu .lnb > li {display:block;padding:2.4rem 1rem;}
            #all_menu .lnb > li:first-child {padding-top:1.4rem;}
            #all_menu .lnb > li > a {display:inline-block;width:auto;margin-bottom:2.4rem;font-size:2.8rem;}
            #all_menu .lnb > li > ul {flex-direction:column;gap:2rem 0;}
            #all_menu .lnb > li > ul > li {width:100%;}
            #all_menu .lnb > li > ul > li > a {font-size:2.2rem;}
        }

/* 글로벌 */
#fs_header.active .global_box button {filter:brightness(0) saturate(100%) invert(89%) sepia(2%) saturate(57%) hue-rotate(311deg) brightness(87%) contrast(82%);}


/******************************/
/* 컨텐츠 영역 */
/******************************/
/* 서브 비주얼 */
.leftWrap {height:50rem;position:relative;}
.leftTit {height:100%;background:no-repeat center/cover;color:#fff;text-align:center;}
.leftTit .wrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;}
.leftTit h2 {font-weight:800;font-size:5.5rem;}
.leftTit p {font-weight:300;font-size:2rem;}
.leftTit01 {background-image:url("/fs/images/layout/leftTit01.png");}
.leftTit02 {background-image:url("/fs/images/layout/leftTit02.png");}
.leftTit03 {background-image:url("/fs/images/layout/leftTit03.png");}
.leftTit04 {background-image:url("/fs/images/layout/leftTit04.png");}
.leftTit05 {background-image:url("/fs/images/layout/leftTit05.png");}
.leftTit06 {background-image:url("/fs/images/layout/leftTit06.png");}
.leftTit07 {background-image:url("/fs/images/layout/leftTit07.png");}
.leftTit08 {background-image:url("/fs/images/layout/leftTit08.png");}
.leftTit09 {background-image:url("/fs/images/layout/leftTit09.png");}
.leftTit10 {background-image:url("/fs/images/layout/leftTit10.png");}

/* 서브 메뉴 */
.leftNav ul {background:rgba(255,255,255,0.1);display:flex;align-items:center;margin-top:-7rem;overflow-x:scroll;}
.leftNav ul li {flex:1 1 auto;}
.leftNav ul li a {display:block;padding:0 2.5rem;line-height:7rem;text-align:center;font-size:2rem;font-weight:400;color:#fff;white-space:nowrap;}
.leftNav ul li.active a {font-weight:600;background:linear-gradient(90deg, rgba(26,136,232,1) 0%, rgba(13,60,158,1) 100%);text-decoration:none;}
.leftNav ul li:not(.active) a:is(:hover,:focus,:active) {background:#fff;color:#000;text-decoration:none;}

/* conWrap */
.conWrap {padding:10rem 0;}

/* con_header */
.con_header {display:flex;justify-content:space-between;align-items:center;}
.con_header h3 {font-weight:800;font-size:4rem;color:#000;letter-spacing:-0.03em;}
.con_header .lineMap {display:flex;align-items:center;}
.con_header .lineMap li {position:relative;}
.con_header .lineMap li:not(:last-child) {padding-right:2rem;}
.con_header .lineMap li:not(:last-child)::after {display:block;content:"";width:3px;height:3px;background:#bab9b9;border-radius:50%;position:absolute;top:50%;right:1rem;transform:translateY(-50%);}
@media only screen and (max-width:1023px){
    .con_header {flex-direction:column-reverse;align-items:flex-start;gap:2rem;}
}

/* con_body */
.con_body {margin-top:2.5rem;}
.con_body .notice_box {display:flex;align-items:center;gap:3rem;position:relative;border:3px solid rgba(26,136,232,0.3);border-radius:20px;margin-bottom:4rem;padding:1.5rem 4rem;color:#222;}
.con_body .notice_box::after {position:absolute;content:'';height:3rem;width:calc(100% + 0.6rem);top:-3px;left:-3px;border-radius:20px 20px 0 0;border:3px solid #1a88e8;border-bottom:none;}
.con_body .notice_box_txt {font-size:2rem;font-weight:500;line-height:1.5;}
    @media only screen and (max-width:575px){
        .con_body .notice_box .icon {display:none;}
    }


/******************************/
/* 푸터 영역 */
/******************************/
.footerWrap{position:relative;}
#fs_footer {background:#222;}
.fs_footer_box .foot_link {display:flex;align-items:center;}
.fs_footer_box .foot_link .l_link {display:flex;align-items:center;}
.fs_footer_box .foot_link .l_link li.privacy {margin-right:4.0rem;position:relative;}
.fs_footer_box .foot_link .l_link li.privacy::after {position:absolute;top:0.4rem;right:-2rem;width:1px;height:1.2rem;background:rgba(230,243,209,.3);content:"";}
.fs_footer_box .foot_link .l_link li a {font-size:1.7rem;color:#999;}
.fs_footer_box .foot_link .l_link li.privacy a {font-weight:600;color:#eee;}
.fs_footer_box .foot_link .r_link {margin-left:auto;position:relative;}
.fs_footer_box .foot_link .r_link button {width:20.0rem;line-height:7.0rem;padding:0 2.0rem;background:url("../images/main/ft_btn_arrow.png") no-repeat right 2.0rem center #171717;color:#eee;text-align:left;}
.fs_footer_box .foot_link .r_link button.on {background-image:url("../images/main/ft_btn_arrow_on.png")}
.fs_footer_box .foot_link .r_link .site_list {display:none;position:absolute;right:0;bottom:7.5rem;z-index:11;color:#eee;font-size:1.5rem;background:#171717;padding:1.0rem 1.5rem;border-radius:1rem;min-width:24.0rem;}
.fs_footer_box .foot_link .r_link .site_list li {padding:0.5rem 0;}
.fs_footer_box .foot_text {border-top:1px solid rgba(230,243,209,.3);padding:5.0rem 0;}
.fs_footer_box .foot_text .wrap {display:flex;gap:10.0rem;}
.fs_footer_box .foot_text .info_box {color:#999;font-size:1.5rem;line-height:1.6;}
.fs_footer_box .foot_text .info_box .tel {display:inline-flex;align-items:center;gap:1.5rem;font-weight:700;font-size:1.8rem;color:#eee;}
.fs_footer_box .foot_text .info_box .tel:is(:hover,:focus,:active) {text-decoration:none;}
.fs_footer_box .foot_text .info_box address.address {margin-top:3.0rem;}
.fs_footer_box .foot_text .info_box address.address p:nth-child(2) {margin-top:1.0rem;display:flex;align-items:center;}
.fs_footer_box .foot_text .info_box address.address p:nth-child(2) span:not(:last-child) {margin-right:3.2rem;position:relative;}
.fs_footer_box .foot_text .info_box address.address p:nth-child(2) span:not(:last-child)::after {position:absolute;top:0.6rem;right:-1.5rem;width:1px;height:1.2rem;background:rgba(230,243,209,.3);content:"";}
.fs_footer_box .foot_text span.copyright {font-size:1.4rem;}
.fs_footer_box .foot_text span.copyright em {font-weight:700;}
    @media only screen and (max-width:767px){
        .fs_footer_box .foot_text .wrap {flex-direction:column;gap:4rem;}
        .fs_footer_box .foot_text .info_box .tel {display:inline-flex;}
        .fs_footer_box .foot_text .info_box address.address p:nth-child(2) {flex-direction:column;align-items:flex-start;}
        .fs_footer_box .foot_text .info_box address.address p:nth-child(2) span:not(:last-child)::after {display:none;}
    }
    @media only screen and (max-width:420px){
        .fs_footer_box .foot_link {flex-direction:column-reverse;padding:0;}
        .fs_footer_box .foot_link .l_link {padding:2rem;align-items:flex-start;width:100%;}
        .fs_footer_box .foot_link .r_link {margin:0 auto;width:100%;}
        .fs_footer_box .foot_link .r_link button {display:block;width:100%;}
        .fs_footer_box .foot_link .r_link .site_list {width:100%;}
    }

/*맨위로*/
#btn_top {position:fixed;right:1rem;bottom:2rem;z-index:10;}
#btn_top.fixed {position:absolute;bottom:42rem;transition:unset;}
.sub #btn_top.fixed {bottom:35rem;}
#btn_top a {display:block;width:6.5rem;height:6.5rem;border-radius:50%;background:url("../images/main/btn_top.png") no-repeat center #57c200;}
    @media only screen and (max-width:1023px){
        #btn_top.fixed {bottom:45rem;}
        .sub #btn_top.fixed {bottom:37rem;}
    }
    @media only screen and (max-width:767px){
        #btn_top.fixed {bottom:60rem;}
        .sub #btn_top.fixed {bottom:51rem;}
    }
    @media only screen and (max-width:575px){
        #btn_top.fixed {bottom:62rem;}
        .sub #btn_top.fixed {bottom:52rem;}
    }
    @media only screen and (max-width:375px){
        #btn_top.fixed {bottom:68rem;}
        .sub #btn_top.fixed {bottom:61rem;}
    }