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

/*********** 공통 ***********/
a {transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.wrap {width:clamp(0px, 96%, 1400px);margin:0 auto;}


/*********** 헤더영역 ***********/
#fs_header {padding:2rem 4rem;transition:all .4s;}
#fs_header.scrolled {position:fixed;top:0;left:0;width:100%;padding:0;z-index:100;}
.fs_head {display:flex;justify-content:space-between;align-items:center;background:#62d491;border-radius:2rem;padding:0 5rem;height:8rem;}
#fs_header.scrolled .fs_head {border-radius:0;}
    @media only screen and (max-width:1399px){
        #fs_header {padding:2rem;}
        .fs_head {padding:0 4rem;}
    }
    @media only screen and (max-width:1199px){
        #fs_header {padding:1rem;}
        .fs_head {padding:0 3rem;}
    }
    @media only screen and (max-width:1023px){
        #fs_header {padding:0;}
        .fs_head {padding:2rem 3rem;}
        .fs_head {border-radius:0;flex-wrap:wrap;gap:3rem 0;height:auto;}
    }
    @media only screen and (max-width:767px){

    }

/* 로고 */
.logo {line-height:1;}
.logo a {display:block;}

/* 헤더메뉴 */
.fs_top_menu {}
.fs_top_menu .lnb {display:flex;align-items:center;gap:2rem;}
.fs_top_menu .lnb > li {}
.fs_top_menu .lnb > li .lnb_title {padding:0 3rem;font-weight:700;}
    @media only screen and (max-width:1399px){
        .fs_top_menu .lnb > li .lnb_title {padding:0 2rem;}
    }
    @media only screen and (max-width:1199px){
        .fs_top_menu .lnb > li .lnb_title {padding:0 1rem;}
    }
    @media only screen and (max-width:1023px){
        .fs_top_menu {order:3;width:100%;}
        .fs_top_menu .lnb > li {text-align:center;}
    }
    @media only screen and (max-width:767px){
        .fs_top_menu .lnb {gap:1rem;flex-wrap:wrap;}
    }

/* SNS */
.sns_box {display:flex;align-items:center;gap:4rem;}
    @media only screen and (max-width:1399px){
        .sns_box {gap:2rem;}
    }
    @media only screen and (max-width:1199px){
        .sns_box {gap:1.5rem;}
    }


/*********** 컨텐츠영역 ***********/
#fs_container_wrap.scrolled {}


/*********** 푸터영역 ***********/
/* 푸터 */
#fs_footer {padding:7.5rem 0;background:#fff4c9;}
.fs_footer_box .foot_info {display:flex;justify-content:space-between;gap:4rem;margin-top:2.5rem;}
.fs_footer_box .foot_text {font-size:1.6rem;width:calc(100% - 17rem);}
.fs_footer_box .foot_text span.copyright {display:block;margin-top:1rem;}
.fs_footer_box .foot_btn a {display:inline-block;height:3.2rem;line-height:3.2rem;min-width:17rem;background:rgba(244,218,36,.7);border-radius:2rem;text-align:center;}
.fs_footer_box .foot_btn a:is(:hover,:focus,:active) {background:rgba(244,218,36,1);text-decoration:none;}
    @media only screen and (max-width:1023px){
        #fs_footer {padding:5.5rem 0;}
    }
    @media only screen and (max-width:767px){
        #fs_footer {padding:4.5rem 0;}
    }

/* 퀵메뉴 */
#float_btn {position:fixed;right:5rem;bottom:5rem;z-index:100;}
#float_btn.up {transform:translateY(-15rem);transition:all .3s;}
#float_btn li:not(:last-child) {margin-bottom:1rem;}
#float_btn li a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:8rem;height:8rem;border-radius:2rem;box-shadow:0 0 5px rgba(0,0,0,.1);font-weight:500;font-size:1.4rem;line-height:1;}
#float_btn li:nth-child(1) a {background:#f4da24;}
#float_btn li:nth-child(2) a {background:#03c75a;color:#fff;}
#float_btn li:nth-child(3) a {display:none;background:#fff;}
#float_btn li:nth-child(3) a.scrolled {display:flex;}
    @media only screen and (max-width:1199px){
        #float_btn {right:4rem;bottom:4rem;}
    }
    @media only screen and (max-width:1023px){
        #float_btn {right:3rem;bottom:3rem;}
    }
    @media only screen and (max-width:767px){
        #float_btn {right:2rem;bottom:2rem;}
    }