@charset "utf-8";

/*********** 공통 ***********/
:root {--main_color:#e4332b;--eng_font:"Montserrat";}
::selection {background-color:var(--main_color);color:#fff;}
.wrap {width:clamp(0px,98%,1500px);margin:0 auto;}
.flex {display:flex;align-items:center;}
a,button {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%;}


/*********** 헤더 영역 ***********/
#fs_header {background:#1d1d1d;color:#fff;padding:0 8rem;position:fixed;top:0;left:0;z-index:15;width:100%;}
.fs_head {justify-content:space-between;width:100%;height:8rem;}
	@media only screen and (max-width:1719px){
		#fs_header {padding:0;}
		.fs_head {width:clamp(0px,98%,1500px);margin:0 auto;}
	}

/* 헤더메뉴 */
.fs_top_menu {height:100%;}
.fs_top_menu .lnb {height:100%;gap:1rem;margin-left:-20rem;}
.fs_top_menu .lnb li.on .lnb_title,.fs_top_menu .lnb a:is(:hover,:focus,:active) {color:var(--main_color);}
	/* 1뎁스 */
	.lnb > li {height:100%;}
	.lnb > li .lnb_title {height:100%;display:flex;align-items:center;font-weight:500;font-size:2rem;padding:0 4rem;}
	/* 2뎁스 */
	.lnb > li .lnb_layer01 {opacity:0;visibility:hidden;justify-content:center;gap:2rem;width:100%;height:6.1rem;position:absolute;top:130%;left:0;background:#1d1d1d;border-top:1px solid rgba(255,255,255,.5);transition:all .4s;}
	.lnb > li.on .lnb_layer01 {opacity:1;visibility:visible;top:100%;}
	.lnb > li .lnb_layer01 a {font-size:1.6rem;}
		@media only screen and (max-width:1499px){
			.fs_top_menu .lnb {margin-left:-10rem;}
			/* 1뎁스 */
			.lnb > li .lnb_title {padding:0 3rem;}
		}
		@media only screen and (max-width:1199px){
			.fs_top_menu .lnb {margin-left:-5rem;}
		}
		@media only screen and (max-width:1023px){
			.fs_top_menu {display:none;}
		}

/* 글로벌 */
.global_box {gap:2rem;}
.global_box .lang_btn {font-family:var(--eng_font);font-weight:700;font-size:1.7rem;}
.global_box .lang_btn:is(:hover,:focus,:active) {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;}
.global_box .sitemap_btn {font-size:2.4rem;}

/* 사이트맵 */
#all_menu {display:flex;position:fixed;top:0;left:0;opacity:0;z-index:25;width:100%;height:100vh;overflow:hidden;visibility:hidden;background:#1d1d1d;pointer-events:none;transition:opacity 0.3s;}
#all_menu.on {opacity:1;visibility:visible;pointer-events:auto;}
#all_menu .all_menu_top {display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;height:8rem;padding:0 8rem;}
#all_menu .all_menu_logo a {display:flex;align-items:center;filter:brightness(0) saturate(100%) invert(97%) sepia(8%) saturate(0%) hue-rotate(110deg) brightness(104%) contrast(105%);}
#all_menu .all_menu_close {font-size:2.4rem;color:#fff;}
#all_menu .all_menu_left {display:flex;flex-direction:column;justify-content:flex-end;max-width:30%;width:56rem;background:url("../../images/fs/layout/sitemap_bg.png")no-repeat center/cover;color:#fff;}
#all_menu .all_menu_right {flex-grow:1;padding:12rem 10rem 10rem;}
#all_menu .all_menu_right .menu_list {height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--main_color) transparent;}
#all_menu .lnb {flex-direction:column;}/* 1뎁스 시작 */
#all_menu .lnb > li {width:100%;display:flex;padding:5rem 0;border-bottom:1px dashed rgba(255,255,255,.3);}
#all_menu .lnb > li:last-child {border-bottom:none;}
#all_menu .lnb > li:is(:hover,:focus,:active) > a, #all_menu .lnb > li.active > a {color:var(--main_color);text-decoration:none;}
#all_menu .lnb > li > a {width:25rem;height:100%;font-size:2.4rem;font-weight:700;color:#fff;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:4rem 0;} /* 2뎁스 시작 */
#all_menu .lnb > li > ul > li {width:33.333%;padding-right:2rem;}
#all_menu .lnb > li > ul > li > a {font-weight:500;color:#fff;line-height:1.2;opacity:.6;}
#all_menu .lnb > li > ul > li > a:is(:hover,:focus,:active) {opacity:1;}/* 2뎁스 끝 */
	@media only screen and (max-width:1499px) {
		#all_menu .all_menu_left {max-width:28%;width:42rem;padding:4rem;}
		#all_menu .all_menu_right {padding:12rem 6rem 8rem;}
	}
	@media only screen and (max-width:1399px) {
		#all_menu .lnb > li > a {width:22rem;}
		#all_menu .lnb > li > ul {width:calc(100% - 22rem);}
		#all_menu .lnb > li > ul > li {width:50%;}
	}
	@media only screen and (max-width:1023px) {
		#all_menu .all_menu_top {padding:0 6rem;}
		#all_menu .all_menu_logo a {filter:none;}
		#all_menu .all_menu_left {display:none;}
		#all_menu .all_menu_right {padding:10rem 4rem 6rem;}
		#all_menu .lnb > li > ul {width:100%;}
	}
	@media only screen and (max-width:767px) {
		#all_menu .all_menu_top {padding:0 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_container_wrap {padding-top:8rem;}
.con_header {height:38rem;display:flex;flex-direction:column;justify-content:end;border-bottom:1px solid #ddd;margin-bottom:10rem;}
.menu_name {font-weight:700;font-size:8rem;color:#111;margin-bottom:6rem;}
	@media only screen and (max-width:1599px){
		.con_header {padding:0 2rem;}
	}
	@media only screen and (max-width:1199px){
		.con_header {padding:0 1rem;margin-bottom:8rem;}
	}
	@media only screen and (max-width:1023px){
		.con_header {margin-bottom:7rem;}
	}

/* 로케이션 */
.location {gap:3.2rem;margin-bottom:3rem;}
.location li {position:relative;font-weight:500;}
.location li:not(:first-child)::before {position:absolute;top:1.1rem;left:-1.9rem;content:"";width:.5rem;height:.5rem;background:var(--main_color);border-radius:1px;transform:rotate(45deg);}
.location li.home {font-weight:400;font-size:2.4rem;}
.location li.nav_ov {font-weight:700;color:#111;}

/* 서브메뉴 */
.snb_menu {position:relative;}
.snb_menu .dep1 {gap:4rem;white-space:nowrap;overflow-x:auto;letter-spacing:-0.04em;}
.snb_menu .dep1 > li {font-weight:500;font-size:2rem;}
.snb_menu .dep1 > li:where(.on,[selected]) {color:var(--main_color);font-weight:700;}
.snb_menu .dep1 > li:is(:hover,:focus,:active) {color:var(--main_color);font-weight:700;}
.snb_menu .dep1 > li > a {display:inline-flex;height:5rem;align-items:baseline;position:relative;}
.snb_menu .dep1 > li > a::after {content:"";position:absolute;bottom:0;left:0;width:0;transition:width .5s ease;background:var(--main_color);height:3px;}
.snb_menu .dep1 > li:where(.on,[selected]) a::after {width:100%;}
	@media only screen and (max-width:1199px){
		.snb_menu .dep1 {gap:2.5rem;}
	}
	@media only screen and (max-width:767px){
		.snb_menu .dep1 {gap:3rem;}
	}

/* 스크롤 버튼 */
.scroll_btn {display:none;}
@media only screen and (max-width:1023px){
    .scroll_btn {position:absolute;top:-4rem;z-index:1;background:var(--main_color);font-size:2rem;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease;}
    .scroll_btn.prev {left:0;}
    .scroll_btn.next {right:0;}
    .scroll_btn:disabled {opacity:0;pointer-events:none;}
}

/* 컨텐츠 하단 */
.con_body {padding-bottom:5rem;}


/*********** 푸터 영역 ***********/
#fs_footer {margin:8rem auto;width:clamp(0px,98%,1720px);border-radius:5rem;background:var(--main_color);color:#fff;}
.fs_footer_box {padding:7rem 0 5rem;}
	@media only screen and (max-width:1599px){
		.fs_footer_box {padding:7rem 3rem 5rem;}
	}
	@media only screen and (max-width:1199px){
		#fs_footer {margin:6rem auto;}
	}
	@media only screen and (max-width:1023px){
		#fs_footer {margin:5rem auto 3rem;border-radius:4rem;}
		.fs_footer_box {padding:6rem 2.5rem 4rem;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box {padding:5rem 2rem 3rem;}
	}

/* 푸터 버튼 */
.foot_top {justify-content:space-between;}
.foot_top .foot_btn {gap:3rem;}
.foot_top .foot_btn li button {font-weight:500;font-size:1.7rem;color:#fff;}
.foot_top .foot_btn li:last-child {justify-content:center;width:6rem;height:6rem;border-radius:50%;background:#fff;font-size:2.8rem;color:#000;}
	@media only screen and (max-width:767px){
		.foot_top {flex-direction:column;gap:1rem;}
		.foot_top .foot_logo {line-height:1;}
		.foot_top .foot_logo img {height:4rem;}
		.foot_top .foot_btn li:last-child {width:4rem;height:4rem;}
	}

/* 개인정보처리방침 팝업 */
.policy {display:none;}
.policy.open {position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;}
.modal_content {width:clamp(0px,96%,1000px);background:#fff;padding:5rem 6rem 6rem;border-radius:3rem;}
.modal_content .tit_box {display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;}
.modal_content .tit_box h5 {font-weight:700;font-size:3.6rem;color:#111;}
.modal_content .tit_box .close_modal {font-size:3.4rem;}
.modal_content .personal {border:1px dashed #ddd;border-radius:.5rem;padding:2rem;font-size:1.7rem;max-height:27rem;overflow-y:auto;white-space:pre-wrap;color:#767676;}
	@media only screen and (max-width:1023px){
		.modal_content {padding:4rem 5rem 5rem;}
	}
	@media only screen and (max-width:767px){
		.modal_content {padding:3rem 4rem 4rem;}
	}

/* 푸터 정보 */
.fs_footer_box .foot_text {justify-content:space-between;align-items:flex-end;margin-top:4rem;padding-top:4rem;border-top:1px solid #fff;opacity:.6;font-size:1.6rem;line-height:2.22;}
.fs_footer_box .foot_text .address b {display:inline-block;min-width:6rem;font-weight:700;margin-right:1.5rem;}
.fs_footer_box .foot_text .address .fax b {min-width:auto;margin-left:3rem;}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_text {align-items:center;gap:1rem;flex-direction:column;margin-top:2rem;padding-top:2rem;}
	}