@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);}
.main_wrap {width:clamp(0px, 96%, 1740px);margin:0 auto;}
.wrap {width:clamp(0px, 96%, 1440px);margin:0 auto;}


/* =========================================================================
   헤더
   ========================================================================= */
#fs_header {position:relative;z-index:100;}
.fs_head {height:9rem;display:flex;justify-content:space-between;align-items:center;}

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

/* 모바일 버튼 */
.fs_head .mbtn_box {display:none;}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu .lnb_bg {content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:0;transition:all .4s;}
#fs_header.lnbHover .lnb_bg {height:30rem;opacity:1;transition:all .4s;box-shadow:1rem 0 3rem rgba(0,0,0,0.1);background:#fff;}
	/* 1뎁스 */
	.fs_top_menu .lnb {display:flex;flex-wrap:wrap;}
	.fs_top_menu .lnb > li {position:relative;}
	.fs_top_menu .lnb > li .lnb_title {display:block;line-height:9rem;font-size:1.8rem;font-weight:600;color:var(--black);padding:0 4rem;text-align:center;}
	/* 2뎁스 */
	.fs_top_menu .lnb > li .lnb_layer01 {display:block;opacity:0;visibility:hidden;position:absolute;top:100%;z-index:-1;width:100%;padding-top:2rem;text-align:center;transition:opacity .15s ease, visibility .15s ease;}
	.fs_top_menu .lnb > li .lnb_layer01 a {display:block;color:#888;font-weight:500;transition:color .2s;}
	.fs_top_menu .lnb > li .lnb_layer01 li:not(:last-child) a {margin-bottom:1rem;}
	.fs_top_menu .lnb > li .lnb_layer01 a:hover {color:var(--primary);transition:color .2s;}
	#fs_header.lnbHover .fs_top_menu .lnb > li .lnb_layer01 {opacity:1;visibility:visible;z-index:1;transition:opacity .3s ease .2s, visibility .3s ease .2s;}


/* 글로벌 */
.global_box {display:flex;gap:1rem;}
.global_box .global_btn a {padding:0 1rem;height:3rem;display:flex;align-items:center;border:1px solid #333;border-radius:15px;transition:all 0.3s;-webkit-transition:all 0.3s;font-size:1.4rem;font-weight:500;position:relative;}
.global_box .lang_box {position:relative;}
.global_box .lang_box .lang {display:flex;gap:0.4rem;padding:0 0.4rem 0 1rem;}
.global_box .lang_box .lang i {font-size:1.8rem;transition:transform 0.3s;}
.global_box .lang_box.on .lang i {transform:rotate(180deg);}
.global_box .lang_box .lang_dep_box {display:none;position:absolute;left:0;top:100%;width:100%;z-index:100;}
.global_box .lang_box.on .lang_dep_box {display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;}
.global_box .lang_box.on .lang_dep_box a {display:flex;justify-content:center;align-items:center;height:3rem;background:var(--primary);border:1px solid var(--primary) !important;border-radius:15px;color:#fff;text-align:center;}

@media only screen and (max-width:1440px) {
	.fs_top_menu .lnb > li .lnb_title {padding:0 2.5rem;}
}
@media only screen and (max-width:1199px) {
	.fs_top_menu .lnb > li {min-width:12rem;}
	.fs_top_menu .lnb > li .lnb_title {padding:0 1.5rem;font-size:1.7rem;}
	.global_box {gap:0.5rem;}
}
@media only screen and (max-width:1099px) {
	.fs_top_menu .lnb > li {min-width:11rem;}
	.fs_top_menu .lnb > li .lnb_title {padding:0 1.5rem;font-size:1.7rem;}
	:lang(en) .fs_top_menu .lnb > li .lnb_title {padding:0 0.7rem;}
	.global_box {gap:0.5rem;}
}

/* 모바일/태블릿 반응형 대응 */
@media only screen and (max-width:1023px){
	#fs_header {background-color:rgba(0,0,0,0.5) !important;box-shadow:none !important;}
	#fs_header .logo img {filter:brightness(0) saturate(100%) invert(97%) sepia(100%) saturate(10%) hue-rotate(161deg) brightness(102%) contrast(104%) !important;}
	#fs_header .mbtn_box .m_btn .bar {background:#fff !important;}
	#fs_header .global_box .global_btn a {color:#fff !important;border-color:rgba(255,255,255,0.4) !important;}
	.fs_head {height:7rem;}
	.fs_head .logo img {height:2.2rem;}

	/* 모바일 헤더 글로벌박스 및 메뉴버튼 우측 정렬 */
	.fs_head .global_box {margin-left:auto;}
	.fs_head .mbtn_box {display:inline-block;vertical-align:middle;padding-left:1rem;}
	.fs_head .mbtn_box .m_btn {position:relative;display:flex;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:none;border:none;padding:0;cursor:pointer;z-index:1002;}
	.fs_head .mbtn_box .m_btn .bar {display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s ease, background-color 0.3s ease;}
	
	/* 햄버거 -> X 애니메이션 */
	.fs_head .mbtn_box .m_btn.open .bar:nth-child(1) {transform:translateY(8px) rotate(45deg);}
	.fs_head .mbtn_box .m_btn.open .bar:nth-child(2) {opacity:0;transform:scale(0);}
	.fs_head .mbtn_box .m_btn.open .bar:nth-child(3) {transform:translateY(-8px) rotate(-45deg);}

	/* 헤더메뉴 및 글로벌 제어 */
	.fs_mtop_menu {display:block;}
	.fs_top_menu {display:none;}
	.fs_top_menu .lnb {display:none;}

	/* 모바일메뉴 아우터 (기본 75% 너비) */
	.fs_mtop_menu {position:fixed;right:-100%;top:0;z-index:1001;width:75%;height:100vh;background:rgba(24, 39, 88, 0.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:9rem 2rem 4rem;overflow-y:auto;transition:right 0.4s cubic-bezier(0.77, 0, 0.175, 1);}
	.fs_mtop_menu.open {right:0;}
	
	/* 모바일메뉴 리스트 */
	.fs_mtop_menu .lnb {width:100%;margin:3rem auto 0;}
	.fs_mtop_menu .lnb > li {position:relative;margin-bottom:1rem;}
	.fs_mtop_menu .lnb > li .lnb_title {position:relative;display:block;padding:2rem 1.5rem;font-size:1.8rem;font-weight:600;color:#fff;border-bottom:2px solid rgba(255,255,255,0.1);transition:color 0.3s ease;}
	.fs_mtop_menu .lnb > li .lnb_title:hover {color:var(--primary);}
	
	/* 아코디언 Remixicon 화살표 기호 */
	.fs_mtop_menu .lnb > li .lnb_title::after {content:"\ea4e";font-family:"remixicon" !important;position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:1.8rem;font-weight:normal;color:rgba(255,255,255,0.6);transition:transform 0.3s ease, color 0.3s ease;}
	
	/* 활성화(on) 상태 스타일 */
	.fs_mtop_menu .lnb > li.on .lnb_title {color:var(--primary);border-bottom-color:rgba(217,95,41,0.3);}
	.fs_mtop_menu .lnb > li.on .lnb_title::after {transform:translateY(-50%) rotate(180deg);color:var(--primary);}
	
	/* 2뎁스 서브 레이어 */
	.fs_mtop_menu .lnb > li .lnb_layer01 {display:none;background:rgba(0,0,0,0.2);border-radius:1rem;padding:1rem;margin-top:0.5rem;}
	.fs_mtop_menu .lnb > li .lnb_layer01 > li {border-bottom:none;}
	.fs_mtop_menu .lnb > li .lnb_layer01 > li a {display:block;padding:1.2rem 1.5rem;font-size:1.5rem;font-weight:500;color:rgba(255,255,255,0.7);text-align:left;transition:all 0.3s ease;}
	.fs_mtop_menu .lnb > li .lnb_layer01 > li a:hover {color:var(--primary);padding-left:2rem;}
}

/* 420px 이하에서 모바일메뉴 너비 100% 처리 */
@media only screen and (max-width:420px) {.fs_mtop_menu {width:100%;}}


/* =========================================================================
   서브(컨텐츠영역)
   ========================================================================= */
/* 서브메뉴 */
#snb_menu {position:relative;z-index:25;margin-top:8rem;}
#snb_menu ul{display:flex;flex-wrap:wrap;gap:2rem 0;}
#snb_menu ul li {position:relative;padding-right:4rem;}
#snb_menu ul li::after{display:block;content:"";width:1px;height:1.4rem;background:#ddd;position:absolute;top:50%;right:2rem;transform:translateY(-50%);}
#snb_menu ul li:last-child::after{display:none;}
#snb_menu ul li a{font-size:1.7rem;font-weight:500;}
#snb_menu ul li.on a{position:relative;color:var(--primary)}
#snb_menu ul li.on a:after{display:block;content:"";position:absolute;left:0;bottom:-1rem;width:100%;height:.4rem;background:var(--primary)}
	@media only screen and (max-width:1023px){
		#snb_menu {margin-top:7rem;}
		#snb_menu ul li {padding-right:3rem;}
		#snb_menu ul li::after{right:1.5rem;}
	}
	@media only screen and (max-width:767px){
		#snb_menu {margin-top:6rem;}
	}

/* 서브비주얼 */
.con_header .snb_title {overflow:hidden;position:relative;z-index:1;margin-top:8rem;font-size:5rem;font-weight:700;color:var(--black);}
.con_header .snb_title span {opacity:0;position:relative;bottom:-5rem;-webkit-text-stroke:5px #fff;paint-order:stroke fill;}
.con_header .bg {height:40rem;margin-top:-2.5rem;background:center no-repeat;background-size:cover;}
	@media only screen and (max-width:1023px){
		.con_header .snb_title {margin-top:6rem;}
		.con_header .snb_title span {-webkit-text-stroke:3px #fff;}
		.con_header .bg{margin-top:-3rem;height:30rem;}
	}
	@media only screen and (max-width:767px){
		.con_header .snb_title {margin-top:5rem;}
	}

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


/* =========================================================================
   푸터
   ========================================================================= */
#fs_footer {border-top:1px solid #ddd;}
#fs_footer .main_wrap {padding:5rem 0;position:relative;display:flex;gap:10rem;}
#fs_footer .f_logo img {width:18rem;}
#fs_footer .fs_footer_box {width:calc(100% - 28rem);}
#fs_footer .link_box {font-size:1.5rem;color:#222;font-weight:600;display:flex;gap:1rem 3rem;}
#fs_footer .link_box > li {position:relative;}
#fs_footer .link_box > li a {position:relative;padding-bottom:2px;font-weight:600;}
#fs_footer .link_box > li a:before {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:1px;background:#222;transition:all .3s;-webkit-transition:all .3s;}
#fs_footer .link_box > li a:is(:hover, :active, :focus):before {width:100%;}
#fs_footer .link_box > li:nth-child(n+2):before {content:'/';position:absolute;display:inline-block;left:-17px;top:3px;color:#ddd;font-size:.9em;}
#fs_footer .foot_text {font-size:1.5rem;}
#fs_footer .foot_text ul.f_info {display:flex;flex-wrap:wrap;gap:5px 30px;}
#fs_footer .foot_text ul.f_info > li {display:flex;flex-wrap:wrap;font-weight:normal;}
#fs_footer .foot_text ul.f_info > li.address {width: 100%;}
#fs_footer .foot_text ul.f_info > li .th {display:inline-block;font-weight:bold ;color:#bbb;margin-right:15px;}
#fs_footer .foot_text p.copyright {font-size:1.4rem;color:#bbb;margin-top:3rem;}
#fs_footer .btn_top {display:flex;justify-content:center;align-items:center;width:6rem;height:6rem;border-radius:50%;background:var(--primary);font-size:2rem;color:#fff;flex-shrink:0;}
	@media only screen and (max-width:1023px){
		#fs_footer .main_wrap {gap:5rem;}
		#fs_footer .foot_text p.copyright {margin-top:2rem;}
	}
	@media only screen and (max-width:767px){
		#fs_footer .main_wrap {padding:4rem 0;flex-direction:column;gap:2rem;}
		#fs_footer .fs_footer_box {width:100%;}
		#fs_footer .foot_text ul.f_info {flex-direction:column;}
	}
	@media only screen and (max-width:375px){
		#fs_footer .foot_text ul.f_info > li {flex-direction:column;}
	}