@charset "utf-8";

/**************************************/
/********** 공통 **********/
/**************************************/
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);}
img {max-width:100%;}
.wrap {width:clamp(0px,96%,1500px);margin:0 auto;}


/**************************************/
/********** 헤더영역 **********/
/**************************************/
#fs_header {border-bottom:1px solid var(--border);}
.fs_head {height:13rem;}
.fs_head .head_bottom {display:flex;justify-content:space-between;align-items:center;}
.fs_head .head_bottom.fixed {position:fixed;top:0;left:50%;transform:translateX(-50%);width:clamp(0px,96%,1500px);z-index:999;height:8rem;}
.fs_head .head_bottom.fixed::before {content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1rem 3rem rgba(0,0,0,0.05);z-index:-1;}

/* sns 버튼 */
.fs_head .sns_box {display:flex;justify-content:flex-end;gap:4rem;line-height:5rem;}
.fs_head .sns_box li:first-child {position:relative;}
.fs_head .sns_box li:first-child::after {content:'';position:absolute;top:50%;transform:translateY(-50%);right:-2rem;width:.1rem;height:1.4rem;background:var(--border);}
.fs_head .sns_box a {display:flex;align-items:center;gap:.7rem;font-weight:500;font-size:1.7rem;color:#444;}
.fs_head .sns_box a i {font-size:2rem;}

/* 로고 */
.fs_head .logo a {display:flex;justify-content:center;align-items:center;}

/* 메인메뉴 */
.fs_top_menu .lnb {display:flex;align-items:center;gap:4rem;height:8rem;}
.fs_top_menu .lnb > li .lnb_title {font-weight:500;font-size:2rem;color:var(--black);position:relative;}
.fs_top_menu .lnb > li .lnb_title::after {content:"";position:absolute;left:50%;bottom:.2rem;transform:translateX(-50%);z-index:-1;width:0;height:.6rem;background:var(--primary);transition:width .4s;}
.fs_top_menu .lnb > li:is(:hover,:focus,:active) .lnb_title::after {width:calc(100% + .6rem);}
    /* 2뎁스 */
    .fs_top_menu .lnb > li {position:relative;height:100%;display:flex;align-items:center;}
    .fs_top_menu .lnb > li .lnb_layer01 {position:absolute;top:calc(100% - .5rem);left:50%;transform:translateX(-50%) translateY(1rem);background:#fff;border:1px solid var(--border);box-shadow:0 1rem 3rem rgba(0,0,0,0.06);border-radius:1rem;padding:1.5rem 0;min-width:18rem;width:max-content;opacity:0;visibility:hidden;transition:opacity 250ms ease, transform 250ms cubic-bezier(0.25, 1, 0.5, 1), visibility 250ms;z-index:100;display:flex;flex-direction:column;}
    .fs_top_menu .lnb > li .lnb_layer01::before {content:'';position:absolute;top:-.6rem;left:50%;transform:translateX(-50%) rotate(45deg);width:1.2rem;height:1.1rem;background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border);}
    .fs_top_menu .lnb > li:hover .lnb_layer01, .fs_top_menu .lnb > li:focus-within .lnb_layer01 {opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
    .fs_top_menu .lnb > li .lnb_layer01 > li {width:100%;position:relative;}
    .fs_top_menu .lnb > li .lnb_layer01 > li > a {display:block;padding:0.8rem 2.4rem;font-size:1.8rem;font-weight:400;color:#444;text-align:center;transition:all 200ms ease;}
    .fs_top_menu .lnb > li .lnb_layer01 > li:hover > a, .fs_top_menu .lnb > li .lnb_layer01 > li > a:focus {color:var(--primary);background:rgba(255, 87, 34, 0.05);font-weight:500;}

/* 글로벌 */
.global_box {display:flex;align-items:center;gap:2.5rem;}
.global_box li a {font-weight:500;color:var(--black);}
.global_box li .sitemap_btn {width:2.2rem;height:1.6rem;position:relative;background:linear-gradient(to bottom, var(--black) 0, var(--black) 100%) no-repeat center/100% 2px;border:none;cursor:pointer;padding:0;}
.global_box li .sitemap_btn::before {content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:var(--black);transition:all 300ms;}
.global_box li .sitemap_btn::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--black);transition:all 300ms;}

/* 사이트맵 */
body.no_scroll {overflow:hidden;height:100vh;}
.sitemap_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.98);backdrop-filter:blur(1.2rem);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 400ms cubic-bezier(0.77, 0, 0.175, 1), visibility 400ms;overflow-y:auto;}
.sitemap_overlay.open {opacity:1;visibility:visible;pointer-events:auto;}
.sitemap_inner {padding:6rem 0;display:flex;flex-direction:column;gap:5rem;}
.sitemap_header {display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--black);padding-bottom:2rem;}
.sitemap_close_btn {background:none;border:none;font-size:3.5rem;cursor:pointer;color:var(--black);transition:transform 300ms;display:flex;align-items:center;justify-content:center;}
.sitemap_close_btn:hover {transform:rotate(90deg);}
.sitemap_content .sitemap_lnb {display:grid;grid-template-columns:repeat(6, 1fr);gap:3rem;}
.sitemap_content .sitemap_lnb > li {display:flex;flex-direction:column;gap:2rem;}
.sitemap_content .sitemap_lnb > li .lnb_title {font-size:2.2rem;font-weight:700;color:var(--black);border-bottom:1px solid var(--border);padding-bottom:1.5rem;pointer-events:none;}
.sitemap_content .sitemap_lnb > li .lnb_layer01 {display:flex;flex-direction:column;gap:1.2rem;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:none;padding:0;border:none;min-width:unset;width:100%;}
.sitemap_content .sitemap_lnb > li .lnb_layer01 > li {width:100%;position:relative;}
.sitemap_content .sitemap_lnb > li .lnb_layer01 > li > a {display:block;font-size:1.8rem;font-weight:400;color:var(--text-main);text-align:left;padding:0.5rem 0;transition:all 200ms ease;background:none;}
.sitemap_content .sitemap_lnb > li .lnb_layer01 > li:hover > a {color:var(--primary);transform:translateX(.5rem);font-weight:500;}
	@media only screen and (max-width:1399px){
        .fs_head .head_bottom {height:8rem;}
        .fs_top_menu .lnb {font-size:1.8rem;gap:2.5rem;}
        .global_box {gap:2rem;}
	}
    @media only screen and (max-width:1299px){
        .fs_top_menu {display:none;}
	}
    @media only screen and (max-width:1023px) {
        .sitemap_content .sitemap_lnb {grid-template-columns:repeat(3, 1fr);gap:4rem 2rem;}
    }
    @media only screen and (max-width:767px) {
        .sitemap_content .sitemap_lnb {grid-template-columns:repeat(2, 1fr);gap:3rem 1.5rem;}
        .sitemap_inner {padding:4rem 0;}
        .sitemap_close_btn {font-size:3rem;}
    }
    @media only screen and (max-width:475px){
        .fs_head .logo a img {height:3.5rem;}
        .global_box {gap:1.5rem;}
        .sitemap_header .sitemap_logo img {height:3.5rem;}
    }
    @media only screen and (max-width:375px){
        .global_box {gap:1rem;}
    }


/**************************************/
/********** 컨텐츠 영역 **********/
/**************************************/
.fs_snb_contents .fs_snb_contents_box {padding:12rem 0;}
	@media only screen and (max-width:1023px){
		.fs_snb_contents .fs_snb_contents_box {padding:10rem 0;}
	}

/* 서브 타이틀 */
.snb_title h3 {font-family:"Jalnan", sans-serif;font-weight:700;font-size:4.5rem;color:var(--black);text-align:center;margin-bottom:3.5rem;}

/* 서브 메뉴 */
.snb_menu {height:8rem;background:#f5f5f5;border-radius:2rem;position:relative;z-index:10;}
.snb_inner {height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5rem;}
.snb_menu .dep1 {display:flex;align-items:center;height:100%;}
.snb_menu .dep1 > li {position:relative;display:flex;align-items:center;height:100%;}
.snb_menu .dep1 > li::after {content:'';width:1px;height:2rem;background:#e1e1e6;margin:0 2.5rem;display:inline-block;}
.snb_menu .dep1 > li:last-child::after {display:none;}
.snb_menu .dep1 > li.home a {display:flex;align-items:center;gap:0.8rem;color:var(--black);font-weight:700;}
.snb_menu .dep1 > li.home a i {font-size:2rem;}
.snb_menu .dep1 > li.has_dep > a {display:flex;align-items:center;gap:1rem;color:var(--black);font-weight:600;}
.snb_menu .dep1 > li.has_dep > a i {transition:transform 0.2s;}
.snb_menu .dep1 > li.has_dep:hover > a, .snb_menu .dep1 > li.has_dep.open > a {color:var(--primary2);}
.snb_menu .dep1 > li.has_dep.open > a i {transform:rotate(180deg);color:var(--primary2);}
.snb_menu .dep2 {position:absolute;left:0;top:calc(100% - 1rem);background:#fff;border:1px solid #e1e3e6;border-radius:1.6rem;padding:1.5rem 0;min-width:20rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,0.08);opacity:0;visibility:hidden;transition:all 0.2s ease;transform:translateY(1rem);z-index:20;}
.snb_menu .dep1 > li.has_dep.open .dep2 {opacity:1;visibility:visible;transform:translateY(0);}
.snb_menu .dep2 li {list-style:none;}
.snb_menu .dep2 li a {display:block;padding:1.2rem 2.5rem;font-size:1.7rem;font-weight:500;}
.snb_menu .dep2 li a:hover, .snb_menu .dep2 li.active a {color:var(--primary2);background:#f5fbf6;font-weight:600;}
.snb_utils {display:flex;align-items:center;height:100%;}
.snb_utils li {display:flex;align-items:center;height:100%;position:relative;}
.snb_utils li::before {content:'';width:1px;height:2rem;background:#e1e1e6;margin:0 2.5rem;display:inline-block;}
.snb_utils button {background:none;border:none;font-size:2rem;color:var(--black);cursor:pointer;padding:0.5rem;display:flex;align-items:center;justify-content:center;transition:color 0.2s;}
.snb_utils button:hover {color:var(--primary2);}
    @media only screen and (max-width:767px){
        .snb_menu {height:6rem;border-radius:1.5rem;}
        .snb_inner {padding:0 2rem;}
        .snb_utils {display:none;}
        .snb_menu .dep1 {width:100%;}
        .snb_menu .dep1 > li.home a span {display:none;}
        .snb_menu .dep1 > li::after {margin:0 1.5rem;}
        .snb_menu .dep1 > li.has_dep > a {gap:0.6rem;}
        .snb_menu .dep2 {top:100%;}
        .snb_menu .dep2 li a {padding:1rem 1.8rem;}
    }

/* 실컨텐츠영역 */
.con_body {padding-top:8rem;}
	@media only screen and (max-width:1023px){
        .con_body {padding-top:7rem;}
	}

    
/**************************************/
/********** 푸터영역 **********/
/**************************************/
#fs_footer {position:relative;background:#f3f4f6;border-top:1px solid #d8d8d8;font-size:1.6rem;color:#222;padding:5rem 0;}

/* 푸터정보 */
.fs_footer_box .foot_text .foot_info {display:flex;flex-wrap:wrap;gap:0 4rem;margin-top:4rem;}
.fs_footer_box .foot_text .foot_info li {position:relative;}
.fs_footer_box .foot_text .foot_info li::after {position:absolute;top:0;right:-2.1rem;content:"ㆍ";}
.fs_footer_box .foot_text .foot_info li:last-child::after {display:none;}
.fs_footer_box .foot_text .foot_info li em {font-weight:600;}

/* 푸터메뉴 */
.fs_footer_box .foot_menu {display:flex;gap:4rem;padding-top:2.5rem;margin-top:3rem;border-top:1px solid #d8d8d8;}
.fs_footer_box .foot_menu .privacy {font-weight:600;}

/* 푸터 하단 */
.fs_footer_box .copy_site {display:flex;justify-content:space-between;align-items:center;}
.foot_sns {display:flex;align-items:center;gap:1rem;}
.foot_sns > li a {display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:#e6e8ec;border-radius:1rem;font-size:2.6rem;color:#000;}

/* 맨위로 */
#fs_footer .btn_top {position:fixed;bottom:3rem;right:3rem;width:7rem;height:7rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--primary3);font-size:2.4rem;color:#fff;z-index:99;}
	@media only screen and (max-width:1750px){
        #fs_footer .btn_top.at_footer {position:absolute;bottom:unset;top:5rem;right:2%;}
	}
	@media only screen and (max-width:1199px){
        .fs_footer_box .foot_text .foot_info li.address {width:100%;}
        .fs_footer_box .foot_text .foot_info li.address::after {display:none;}
	}
	@media only screen and (max-width:767px){
        #fs_footer {padding:4rem 0;}
        .fs_footer_box .foot_text .foot_info li {display:flex;}
        .fs_footer_box .foot_text .foot_info li::after {display:none;}
        .fs_footer_box .foot_text .foot_info li em {min-width:7rem;}
        .fs_footer_box .foot_menu {gap:2rem;margin-bottom:1rem;}
        #fs_footer .btn_top.at_footer {top:4rem;}
	}
    @media only screen and (max-width:475px){
        #fs_footer .foot_logo img {height:3.5rem;}
        #fs_footer .btn_top {width:6rem;height:6rem;}
	}


	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){

	}