@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
.play-regular {
	font-family: "Play", serif;
	font-weight: 400;
	font-style: normal;
}
.play-bold {
	font-family: "Play", serif;
	font-weight: 700;
	font-style: normal;
}

/***********************/
/* 공통 */
/***********************/
body {overflow-x: hidden;}
/* 반응형 */
.wrap {width:clamp(0px,100%,1720px);margin:0 auto;}
	@media only screen and (max-width:1719px){
		.wrap {padding:0 5rem;}
	}
	@media only screen and (max-width:1023px) {
		.fs_head {padding:0 4rem;}
	}
	@media only screen and (max-width:767px) {
		.fs_head {padding:0 3rem;}
	}

/* 탭 */
.tab_box [class^="tab_menu_box"] li.on a {}
.tab_box [class^="tab_content"] {display:none;}
.tab_box [class^="tab_content"].on {display:block;}



/* 해더영역 */
#fs_header {position: fixed;top:0;z-index: 10;width: 100%;background: rgba(255,255,255,0);transition: 0.8s;}
#fs_header a {transition: 0.4s;}
/* 상단 */
.fs_head {position:relative;z-index:1;display: flex;justify-content: space-between;align-items:center;padding:0 10rem;background: rgba(0,0,0,0.4);transition: 0.4s;}
.fs_head .logo {}
.fs_head .logo a {display: inline-block;text-decoration: none;}
.fs_head .logo a img {}
.fs_head .logo a .ilogo {width: 16.3rem;height:5rem;transition: 0.4s;}
.fs_head .logo a .ilogo_on {overflow:hidden;width: 0;height:5rem;transition: 0.4s;}
/* 헤더메뉴 */
.fs_top_menu {margin-left:auto;}
.fs_top_menu .lnb {display: flex;}
.fs_top_menu .lnb > li {position: relative;}
.fs_top_menu .lnb > li .lnb_title {display:flex;align-items:center;padding:0 3rem;height:12rem;font-size:2rem;font-weight: 600;color:#fff;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li .lnb_layer01 {opacity:0;visibility: hidden;position: absolute;top: 12rem;padding:4rem 0;width:100%;transition: 0.4s;}
	.fs_top_menu .lnb > li .lnb_layer01 > li {text-align: center;}
	.fs_top_menu .lnb > li .lnb_layer01 > li a {display:inline-block;position:relative;padding:1rem 0;font-size:1.8rem;font-weight: 500;color:#000;}
	.fs_top_menu .lnb > li .lnb_layer01 > li a:after {content:"";position:absolute;right:-0.6rem;top:0.8rem;width: 0;height: 0;border-radius: 100%;background: #ed7d31;transition: 0.4s;}
	.fs_top_menu .lnb > li .lnb_layer01 > li.on a {color:#ed7d31;}
	.fs_top_menu .lnb > li .lnb_layer01 > li.on a:after {width: 4px;height: 4px;}
	.fs_top_menu .lnb > li .lnb_layer01 > li a:is(:hover,:focus,:active) {color:#ed7d31;}
	.fs_top_menu .lnb > li .lnb_layer01 > li a:is(:hover,:focus,:active):after {width: 4px;height: 4px;}

/* 헤더메뉴-오버시 */
#fs_header.on {background: rgba(255,255,255,1);border-bottom: 1px solid #eee;}
#fs_header.on .fs_head {background: rgba(0,0,0,0);transition: 0.4s;}
#fs_header.on .fs_head:after {content: "";display:block;position: absolute;top:12rem;left:0;z-index:-1;width: 100%;height: 1px;background: #eee;}
#fs_header.on .fs_head .logo a .ilogo {overflow:hidden;width: 0;}
#fs_header.on .fs_head .logo a .ilogo_on {overflow:visible;width: 16.3rem;}
#fs_header.on .fs_top_menu .lnb > li .lnb_title {color:#000;}
#fs_header.on .fs_top_menu .lnb.on > li.on .lnb_title {color:#ed7d31;}
#fs_header .fs_top_menu .lnb > li.on .lnb_title.on {color:#ed7d31;}
.fs_head.on {background: #fff;}
.fs_head.on:after {content: "";display:block;position: absolute;top:12rem;left:0;z-index:-1;width: 100%;height: 1px;background: #eee;}
.fs_head.on .logo a .ilogo {overflow:hidden;width: 0;}
.fs_head.on .logo a .ilogo_on {overflow:visible;width: 16.3rem;}
.fs_head.on .fs_top_menu .lnb > li .lnb_title {color:#000;}
.fs_head.on .fs_top_menu .lnb.on > li .lnb_title {padding:0 5rem;color:#000;}
.fs_head.on .fs_top_menu .lnb.on > li.on .lnb_title {color:#ed7d31;}
.fs_head.on .fs_top_menu .lnb.on > li .lnb_layer01 {opacity:1;visibility: visible;}
.fs_head.on .fs_top_menu .lnb > li.on .lnb_layer01 > li.on a {color:#ed7d31;}
	@media only screen and (max-width:1719px){
		.fs_head {padding:0 5rem;}
	}
	@media only screen and (max-width:1499px){
		.fs_head.on .fs_top_menu .lnb.on > li .lnb_title {padding:0 4rem;}
	}
	@media only screen and (max-width:1299px){
		.fs_head.on .fs_top_menu .lnb.on > li .lnb_title {padding:0 3rem;}
	}
	@media only screen and (max-width:1023px) {
		.fs_head {height: 10rem;padding:0 4rem;}
		.fs_top_menu {display: none;}
		#fs_header.on .fs_head:after {display: none;}
	}
	@media only screen and (max-width:767px) {
		.fs_head {height: 10rem;padding:0 3rem;}
	}


/* 사이트맵/모바일 메뉴 */
.fs_head .mbtn_box {margin-left:9rem;display: flex;gap:2rem;color: #fff;}
.fs_head .mbtn_box a {font-size:2rem;font-weight: 700;}
.fs_head .mbtn_box .site_map {display: block;background: transparent;}
.fs_head .mbtn_box .site_map:before {content: "";display:block;width: 6rem;height: 0.4rem;background: #fff;transition: 0.4s;}
.fs_head .mbtn_box .site_map:after {content: "";display:block;width: 6rem;height: 0.4rem;background: #ed7d31;margin-top:0.8rem;transition: 0.4s;}
.fs_head .mbtn_box .site_map span {font-size:0;}
.fs_head .mbtn_box .site_map:is(:hover,:focus,:active) {}
.fs_head .mbtn_box .site_map:is(:hover,:focus,:active):after {width: 4rem;}
#fs_header.on .fs_head .mbtn_box .site_map:before {content: "";display:block;width: 6rem;height: 0.4rem;background: #000;}
.fs_head.on .mbtn_box .site_map:before {content: "";display:block;width: 6rem;height: 0.4rem;background: #000;}
.fs_head.on .mbtn_box {color: #222;}
/******************************/
/* 사이트맵 */
/******************************/
body.scroll {overflow: hidden;}
.all_menu {position:absolute;top:-10rem;left:0;opacity:0;z-index:25;width:100%;height:100vh;visibility:hidden;background-color:#fff;transition:0.4s;}
.all_menu .all_menu_top {display:flex;justify-content:space-between;align-items:center;width:100%;padding:6rem;background:linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("./../../images/fs/main/mvis_img1.jpg") no-repeat center/cover;color:#fff;}
.all_menu .all_menu_top .all_menu_logo a {display:flex;align-items:center;}
.all_menu .all_menu_top .all_menu_logo a .ilogo {width: 16.3rem;}
.all_menu .all_menu_top .all_menu_logo a .ilogo_on {display: none;width: 16.3rem;}
.all_menu .all_menu_top .all_menu_close {display:block;width:4.4rem;height:4.5rem;position: relative;font-size:0;background: transparent;}
.all_menu .all_menu_top .all_menu_close:before {content:"";position: absolute;left:-0.5rem;top:2rem;width: 5rem;height: 0.4rem;background: #fff;transform: rotate(45deg);}
.all_menu .all_menu_top .all_menu_close:after {content:"";position: absolute;left:-0.5rem;top:2rem;width: 5rem;height: 0.4rem;background: #fff;transform: rotate(-45deg);}
.all_menu .all_menu_bottom {overflow-y: auto;height: calc(100% - 17rem);padding:5rem;}
.all_menu .all_menu_bottom .lnb {}
.all_menu .all_menu_bottom .lnb > li {display:flex;padding:5rem 0;border-bottom:1px solid #eee;} /* 1뎁스 시작 */
.all_menu .all_menu_bottom .lnb > li:last-child {border-bottom:none;}
.all_menu .all_menu_bottom .lnb > li:is(:hover,:active) > a {color:#ed7d31;text-decoration:none;}
.all_menu .all_menu_bottom .lnb > li > a {width:25rem;height:100%;font-size:2.4rem;font-weight:700;color:#222;line-height:1.25;transition:.2s;} /* 1뎁스 끝 */
.all_menu .all_menu_bottom .lnb > li > ul {flex-wrap:wrap;flex-grow:1;gap:4.0rem 0;} /* 2뎁스 시작 */
.all_menu .all_menu_bottom .lnb > li > ul > li {width:33.333%;padding-right:2.0rem;}
.all_menu .all_menu_bottom .lnb > li > ul > li > a {position:relative;font-size:1.8rem;font-weight:500;color:#222;line-height:1.2;} /* 2뎁스 끝 */
.all_menu .all_menu_bottom .lnb > li > ul > li > a:after {content:"";position:absolute;right:-0.6rem;top:-0.2rem;width: 0;height: 0;border-radius: 100%;background: #ed7d31;transition: 0.4s;}
.all_menu .all_menu_bottom .lnb > li > ul > li > a:is(:hover,:focus,:active) {color:#ed7d31;}
.all_menu .all_menu_bottom .lnb > li > ul > li > a:is(:hover,:focus,:active):after {width: 4px;height: 4px;}
.all_menu .all_menu_bottom .lnb > li > ul > li.on > a {color:#ed7d31;}
.all_menu .all_menu_bottom .lnb > li > ul > li.on > a:after {width: 4px;height: 4px;}
/* on */
.all_menu.on {opacity:1;visibility:visible;top:0;}
	@media only screen and (max-width:1499px) {

	}
	@media only screen and (max-width:1299px){
		.fs_head .mbtn_box {margin-left:6rem;}
	}
	@media only screen and (max-width:1399px) {
		.all_menu .all_menu_bottom .lnb > li > a {width:22rem;}
		.all_menu .all_menu_bottom .lnb > li > ul {width:calc(100% - 22rem);}
		.all_menu .all_menu_bottom .lnb > li > ul > li {width:50%;}
	}
	@media only screen and (max-width:1199px){
		.fs_head .mbtn_box {margin-left:1rem;}

		.all_menu .all_menu_bottom .lnb > li {padding:3rem 0;}
	}
	@media only screen and (min-width:1024px) {
		.all_menu .all_menu_bottom .lnb > li > ul {display:flex !important;height:auto !important;}
	}
	@media only screen and (max-width:1023px) {
		.all_menu .all_menu_top {padding:3rem;}
		.all_menu .all_menu_bottom {padding:3rem;}
		.all_menu .all_menu_bottom .lnb > li {flex-wrap: wrap;padding:0;}
		.all_menu .all_menu_bottom .lnb > li > a {position:relative;display:block;width:100%;font-size:2.8rem;padding:3rem 0;}
		.all_menu .all_menu_bottom .lnb > li > a:before {content:"";position: absolute;right:8px;top:3.6rem;width: 2px;height: 2.3rem;background: #000;display: block;}
		.all_menu .all_menu_bottom .lnb > li > a:after {content:"";position: absolute;right:0;top:4.6rem;width: 2.2rem;height: 2px;background: #000;display: block;}
		.all_menu .all_menu_bottom .lnb > li.on a:before {display: none;}
		.all_menu .all_menu_bottom .lnb > li > ul {display:none;gap:1rem;flex-wrap:wrap;width:100%;}
		.all_menu .all_menu_bottom .lnb > li > ul:after {content:"";display: block;clear: both;}
		.all_menu .all_menu_bottom .lnb > li > ul > li {padding-right:0;margin-bottom:1rem;float:left;width: 50%;}
		.all_menu .all_menu_bottom .lnb > li > ul > li:nth-child(odd) {padding-right:0.5rem;}
		.all_menu .all_menu_bottom .lnb > li > ul > li:nth-child(even) {padding-left:0.5rem;}
		.all_menu .all_menu_bottom .lnb > li > ul > li a {display: flex;align-items: center;width:100%;height: 5rem;padding:0 2rem;border-radius: 0.4rem;}
		.all_menu .all_menu_bottom .lnb > li > ul > li > a:after {display: none;}
		.all_menu .all_menu_bottom .lnb > li > ul > li > a:is(:hover,:focus,:active) {background:#ed7d31;color:#fff;border:1px solid #ed7d31;}
	}
	@media only screen and (max-width:767px) {
		.all_menu .all_menu_bottom .lnb > li {display:block;}
		.all_menu .all_menu_bottom .lnb > li > a {padding:2.4rem 1rem;}
		.all_menu .all_menu_bottom .lnb > li > a:before {right:7px;top:3rem;}
		.all_menu .all_menu_bottom .lnb > li > a:after {top:4rem;}
		.all_menu .all_menu_bottom .lnb > li > ul {flex-direction:column;gap:2rem 0;}
		.all_menu .all_menu_bottom .lnb > li > ul > li {width:100%;float:none;margin-top:0;margin-bottom:1rem;}
		.all_menu .all_menu_bottom .lnb > li > ul > li:nth-child(odd) {padding-right:0;}
		.all_menu .all_menu_bottom .lnb > li > ul > li:nth-child(even) {padding-left:0;}
		.all_menu .all_menu_bottom .lnb > li > ul > li > a {font-size:2.2rem;}
	}



#fs_container_wrap {}

/* 서브비주얼 */
.fs_sub_visual {height:50rem;background-size:cover;background-repeat: no-repeat;background-position: center;background-color: #222;}
.fs_sub_visual .sv_txt {display:flex;flex-direction:column;justify-content:center;height:100%;padding:12rem 10rem 0 10rem;color:#fff;transition: 0.4s;}
.fs_sub_visual .sv_txt h2 {font-size:6rem;font-weight: 800;}
.fs_sub_visual .sv_txt p {display:block;font-size:1.8rem;margin-top:1rem;line-height: 1.5;}
	/* 로케이션 */
	.location {display:flex;gap:2rem;margin-top:3rem;}
	.location a {display:flex;gap:2rem;opacity: 0.7;}
	.location a span {font-size: 1rem;padding-top:0.2rem;}
	.location a:is(:hover,:focus,:active) {text-decoration: none;}
	.location .home {}
	.location .navi_ov {opacity: 1;}
	@media only screen and (max-width:1719px){
		.fs_sub_visual .sv_txt {padding:12rem 5rem 0 5rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:40rem;}
		.fs_sub_visual .sv_txt {padding:10rem 4rem 0 4rem;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {}
		.fs_sub_visual .sv_txt p {}
		.fs_sub_visual .sv_txt span {}
	}

/* 서브컨텐츠 */
.fs_snb_contents {}
.fs_snb_contents .fs_snb_contents_box {}
	@media only screen and (max-width:1023px){
		.fs_snb_contents .fs_snb_contents_box {}
	}

/* 서브메뉴영역 */
.fs_snb_box {position: relative;z-index: 2;}
/* 서브메뉴 */
.snb_menu {border-bottom:1px solid #eee;padding:0 10rem;height:8rem;transition:0.4s;}
.snb_menu .dep1 {display:flex;align-items:center;gap:10px;height:100%;}
.snb_menu .dep1 > li {width:100%;height:100%;max-width:300px;position:relative;}
.snb_menu .dep1 > li > a {position:relative;padding:0 1rem;width: 100%;height:100%;display:flex;align-items:center;font-size:1.8rem;color:#000;font-weight:600;}
.snb_menu .dep1 > li > a:before {content:'';position:absolute;left:0;right:0;bottom:0;width:0;height:2px;background:#ed7d31;transition:0.4s;}
.snb_menu .dep1 > li:is(:hover,:focus,:active) > a:before {width:100%;}
.snb_menu .dep1 > li > a:after {content:'';position:absolute;right:1rem;top:0;bottom:0;margin:auto;background:url("./../../images/fs/common/sel_icon.png") no-repeat center;width:10px;height:6px;transition:0.4s;}
.snb_menu .dep1 > li.on > a:after {transform:rotate(180deg);}
.snb_menu .dep1 .dep2 {opacity:0;visibility:hidden;position:absolute;top:6rem;left:0;right:0;z-index:60;background:#fff;border:1px solid #eee;border-top:none;transition:0.4s;}
.snb_menu .dep1 .dep2.on {opacity: 1;visibility: visible;top:8rem;}
.snb_menu .dep1 .dep2 li a {display:flex;align-items: center;padding:0 20px;height:5rem;transition:0.4s;}
.snb_menu .dep1 .dep2 li a:is(:hover,:focus,:active) {background:#ed7d31;color:#fff;}
	@media only screen and (max-width:1719px){
		.snb_menu {padding:0 5rem;}
	}
	@media only screen and (max-width:1023px){
		.snb_menu {padding:0 4rem;}
	}
	@media only screen and (max-width:560px){
		.snb_menu {display: none;}
	}

/* 오른쪽영역 */
.fs_content {}
	/* 실컨텐츠영역 */
	.snb_title {margin-top:7.5rem;text-align: center;}
	.snb_title strong {display:inline-block;padding:2rem 2.2rem 0 2.2rem;background: url("./../../images/fs/layout/h4.png") no-repeat left top;font-size:4.5rem;color:#000;}
	.snb_title h3 {margin-top:2rem;font-weight: 500;font-size:2.5rem;color:#000;}
	.snb_title h3:after {content:"";display:block;width:0.3rem;height:2.5rem;margin:1rem auto 0 auto;background: #ed7d31;}
	/* 실컨텐츠영역 */
	.con_body {padding:6rem 10rem 12rem;transition: 0.4s;}
	.img_ready {display:flex;justify-content:center;align-items: center;margin:10rem 0;}
	.img_ready .left {}
	.img_ready .left img {width: 41.7rem;}
	.img_ready .right {padding-left:2rem;}
	.img_ready .right strong {line-height:1.2;font-size:4rem;color:#000;}
	.img_ready .right strong em {color:#ed7d31;}
	.img_ready .right strong em br {}
	.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
		@media only screen and (max-width:1719px){
			.con_body {padding:6rem 5rem 12rem;}
		}
		@media only screen and (max-width:1023px){
			.con_body {padding:6rem 4rem 12rem;}
		}
		@media only screen and (max-width:767px){
			.con_body {padding:6rem 3rem 12rem;}

			.img_ready {flex-direction: column;gap:4rem;text-align: center;}
			.img_ready .right strong em br {display: none;}
		}


/* 푸터영역 */
#fs_footer {padding:4rem 10rem;background: #4c4c4c;transition: 0.4s;}
.fs_footer_box {display: flex;flex-direction: column;line-height: 1.3;}
.fs_footer_box .logo {margin-bottom: 4rem;}
.fs_footer_box .logo img {width: 16.3rem;transition: 0.4s;margin-right:3rem;}
.fs_footer_box .logo img + img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(336deg) brightness(107%) contrast(102%);margin-right:0;}
.fs_footer_box .foot_text {display:flex;gap:5rem;margin-bottom: 4rem;color:#fff;}
.fs_footer_box .foot_text .address {display:flex;}
.fs_footer_box .foot_text .address span:first-child {display:inline-block;margin-right:1.5rem;color:rgba(255,255,255,0.5);}
.fs_footer_box .foot_text > span {display:flex;}
.fs_footer_box .foot_text > span span:first-child {display:inline-block;margin-right:1.5rem;color:rgba(255,255,255,0.5);}
.fs_footer_box .foot_text .tel span {}
.fs_footer_box .foot_text .fax span {}
.fs_footer_box .copyright {color:rgba(255,255,255,0.5);}
.fs_footer_box .copyright em {}

/*맨위로*/
#fs_footer .btn_top {position:fixed;right:1rem;bottom:1rem;z-index:3;display:grid;place-items:center;width:7rem;height:7rem;border-radius:100%;background: #ed7d31;transition: 0.3s;}
#fs_footer .btn_top img {}
	@media only screen and (max-width:1719px){
		#fs_footer {padding:4rem 5rem;}
	}
	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:1023px){
		#fs_footer {padding:3rem 4rem;}

		#fs_footer .btn_top {width:5rem;height:5rem;}
		#fs_footer .btn_top img {width: 50%;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box .logo {margin-bottom: 3rem;}
		.fs_footer_box .foot_text {flex-direction:column;gap:1rem;margin-bottom: 3rem;}
	}