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

/*********** 공통 ***********/
::selection {background-color:#d7f0fc;color:#0a92d1;}
.scrollnone {height:100% !important;min-height:100%;overflow:hidden !important;touch-action:none;}
a,button {transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */}
a.underline {text-decoration:underline;}
img {max-width:100%;}
.wrap {width:clamp(0px, 98%, 1400px);margin:0 auto;}


/*********** 헤더 영역 ***********/
#fs_header {}

/* SNS 영역 */
.fs_head .header_util {background: radial-gradient(circle at 80% 40%,rgba(143,196,61,0.06) 0%,rgba(143,196,61,0.03) 15%,transparent 30%),radial-gradient(circle at 20% 25%,rgba(243,153,57,0.05) 0%,rgba(243,153,57,0.025) 12%,transparent 25%),radial-gradient(circle at 70% 90%,rgba(10,146,209,0.05) 0%,rgba(10,146,209,0.025) 15%,transparent 35%),linear-gradient(135deg,#f7fbfe 0%,#eef8f3 100%);}
.fs_head .header_util .sns_top {display:flex;align-items:center;justify-content:flex-end;padding:.5rem 0;}
.fs_head .header_util .sns_top li {display:flex;align-items:center;font-size:2rem;}
.fs_head .header_util .sns_top li:not(:first-child) {gap:1.2rem;margin-left:1.2rem;}
.fs_head .header_util .sns_top li:not(:first-child)::before {display:inline-flex;content:"";width:1px;height:1.6rem;background:#ddd;}
.fs_head .header_util .sns_top li a {display:flex;align-items:center;color:#4a4a4a;}
.fs_head .header_util .sns_top li a:is(:hover,:focus,:active) {color:#000;}
.fs_head .header_util .sns_top li.insta a i {background: linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.fs_head .header_util .sns_top li.youtube a i {color:#ff0033;}
.fs_head .header_util .sns_top li.kakao a i {color:#3c1e1e;}
.fs_head .header_util .sns_top li a span {margin-left:.5rem;font-size:1.6rem;}

/* 상단 */
.fs_head {position:relative;}
.fs_head > .wrap {display:flex;justify-content:space-between;align-items:center;height:9rem;padding:1rem 0;}
.fs_head .logo a {display:block;line-height:1;}
.fs_head .global_box {display:flex;align-items:center;gap:3rem;}
.fs_head .global_box li a {display:flex;flex-direction:column;align-items:center;color:#4a4a4a;}
.fs_head .global_box li a:is(:hover,:focus,:active) {color:#000;}
.fs_head .global_box li a i {font-size:2rem;}
.fs_head .global_box li a span {font-size:1.6rem;}
.fs_head .global_box li.sitemap a  {color:#f39939;}
.fs_head .global_box li.sitemap a:is(:hover,:focus,:active) {color:#f27d00;}
.fs_head .global_box li.sitemap a span {font-weight:600;}
	@media only screen and (max-width:1023px){
		.fs_head > .wrap {height:8rem;}
		.fs_head .logo a img {height:4rem;}
	}
	@media only screen and (max-width:767px){
		.fs_head .logo a img {height:auto;width:28rem;}
		.fs_head .global_box {gap:1rem;}
		.fs_head .global_box li a span {font-size:1.4rem;}
	}
    @media only screen and (max-width:425px){
        .fs_head .logo a img {width:25rem;}
    }

/* 헤더메뉴 */
.fs_top_menu {border-top:1px solid #ddd;}
.fs_top_menu .lnb {display:flex;justify-content:space-between;align-items:center;padding:1rem 0;word-break:auto-phrase;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li {flex:1;text-align:center;font-weight:600;font-size:2.2rem;color:#000;position:relative;}
	.fs_top_menu .lnb > li .lnb_title {display:block;padding:1rem 0;}
	/* 2뎁스 */
	.fs_top_menu .lnb > li .depth2 {display:none;position:absolute;z-index:10;width:100%;background:#fff;border-radius:2rem;box-shadow:0 0 1.5rem rgba(0,0,0,.1);padding:3rem 1rem;}
	.fs_top_menu .lnb > li .depth2::before {content:"";width:12rem;height:.7rem;background:#ff4830;position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 2rem 2rem;}
	.fs_top_menu .lnb > li .depth2 > li {font-weight:400;font-size:1.8rem;color:#222;text-wrap:balance;}
	.fs_top_menu .lnb > li .depth2 > li:not(:first-child) {margin-top:1.5rem;}
	.fs_top_menu .lnb > li .depth2 > li > a:is(:hover,:focus,:active) {font-weight:600;color:#205eca;}
	.fs_top_menu .lnb > li .depth2 > li.has > a {position:relative;}
	.fs_top_menu .lnb > li .depth2 > li.has > a::after {content:"\ea4e";font-family:remixicon;display:inline;margin-left:5px;vertical-align:middle;}
	.fs_top_menu .lnb > li .depth2 > li.has.on > a::after {content:"\ea78";}
	/* 3뎁스 */
	.fs_top_menu .lnb > li .depth3 {display:none;padding:1rem 0;}
	.fs_top_menu .lnb > li .depth3 > li {font-size:1.6rem;}
	.fs_top_menu .lnb > li .depth3 > li:not(:last-child) {margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dotted #ddd;}
	.fs_top_menu .lnb > li .depth3 > li > a:is(:hover,:focus,:active) {color:#29a7e1;}
		@media only screen and (max-width:1023px){
			.fs_top_menu .lnb {display:none;}
		}

/* 모바일 메뉴 */
.fs_mtop_menu {display:none;}
	@media only screen and (max-width:1023px){
		.fs_mtop_menu {display:block;position:absolute;left:-100%;top:8rem;width:100%;height:calc(100vh - 8rem);background-color:#fff;transition:all 0.5s;z-index:10;}
		.fs_mtop_menu.on {left:0;}
		.fs_mtop_menu .wrap {width:100%;}
		/* 1뎁스 */
		.fs_mtop_menu .lnb {position:relative;z-index:101;width:100%;min-height:100%;text-align:left;background:#5f83c0;}
		.fs_mtop_menu .lnb::after {content:"";display:block;clear:both;}
		.fs_mtop_menu .lnb > li {float:none;}
		.fs_mtop_menu .lnb > li.on .lnb_title {background:#7ea6e8;color:#fff;text-decoration:none;}
		.fs_mtop_menu .lnb_title {position:relative;background:#5f83c0;border-bottom:1px solid rgba(255,255,255,0.1);width:50%;height:7rem;text-align:left;font-size:1.8rem;font-weight:600;color:#fff;display:flex;align-items:center;padding:0 5%;}
		.fs_mtop_menu .lnb_title.on .depth2 {display:block;}
		.fs_mtop_menu .lnb > li.on .lnb_title:before {content:"";position:absolute;right:20px;top:29px;width:2px;height:11px;background:#fff;transform:rotate(45deg);}
		.fs_mtop_menu .lnb > li.on .lnb_title:after {content:"";position:absolute;right:16px;top:26px;width:11px;height:2px;background:#fff;transform:rotate(45deg);}
		.fs_mtop_menu .lnb_title.on,.lnb_title:hover {background:#5f83c0;color:#fff;font-weight:400;}
		/* 2뎁스 */
		.fs_mtop_menu .lnb > li.on .depth2 {display:block !important;}
		.fs_mtop_menu .depth2 {width:50%;position:absolute;left:50%;top:0;height:100% !important;padding:0 !important;background:#fff;text-align:left;}
		.fs_mtop_menu .depth2 > li > a {display:flex;align-items:center;width:100%;height:5rem;line-height:1.4;padding:0 20px;text-align:left;vertical-align:middle;font-size:1.6rem;color:#000;border-bottom:1px solid #ddd;background:#f6f6f6;word-break:keep-all;text-decoration:none;}
		.fs_mtop_menu .depth2 > li.on > a {font-weight:600;text-decoration:none;color:#5f83c0;}
		/* 3뎁스 */
		.depth3 {display:none;background:#eaeaea;padding:15px;border-bottom:1px solid #ddd;}
		.fs_mtop_menu .depth2 > li > a.has.on > .depth3 {display:block;}
		.depth3 > li {margin-bottom:15px;}
		.depth3 > li:last-child {margin-bottom:0;}
		.depth3 > li > a {position:relative;display:block;line-height:18px;padding:0 12px 0 8px;font-size:14px;color:#666;}
		.depth3 > li > a:before {content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background:#203300;}

		.fs_mtop_menu .lnb > li .depth2 > li.has > a {position:relative;}
		.fs_mtop_menu .lnb > li .depth2 > li.has > a::before {content:"";position:absolute;right:20px;top:14px;width:2px;height:14px;background:#ccc;}
		.fs_mtop_menu .lnb > li .depth2 > li.has > a::after {content:"";position:absolute;right:14px;top:20px;width:14px;height:2px;background:#ccc;}
		.fs_mtop_menu .lnb > li .depth2 > li.has.on > a::before {content:"";position:absolute;right:14px;top:20px;width:14px;height:2px;background:#ccc;}
		.fs_mtop_menu .lnb > li .depth2 > li.has.on > a::after {background:#5f83c0;}

		.fs_mtop_menu .sns {display:none;}
	}

/*********** 컨텐츠 영역 ***********/
#fs_container_wrap {border-top:1px solid #ddd;}
.fs_snb_contents_box {padding-top:4rem;display:grid;grid-template-columns:30rem calc(100% - 36rem);gap:6rem;}
	@media only screen and (max-width:1299px){
		.fs_snb_contents_box {grid-template-columns:27rem calc(100% - 33rem);gap:4rem;}
	}
	@media only screen and (max-width:1199px){
		.fs_snb_contents_box {grid-template-columns:100%;grid-template-rows:auto auto;gap:0;}
	}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {border-top:none;}
	}
	@media only screen and (max-width:767px){
		.fs_snb_contents_box {padding-top:3rem;}
	}

/* 서브메뉴 */
.snb_menu {position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.location {display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.location > ul.dep1 {display:flex;flex-wrap:wrap;align-items:center;}
.location .dep1 > li {position:relative;font-weight:600;font-size:1.6rem;height:3rem;}
.location .dep1 > li > a {position:relative;display:flex;align-items:center;width:100%;padding:0 15px;height:100%;}
.location .dep1 > li > a.snb_home {padding-left:0;}
.location .dep1 > li + li:after {content:'';position:absolute;left:-2px;top:13px;width:4px;height:4px;border-radius:50px;background:rgba(47,50,64,.2);}
.location .dep1 > li:last-child a {color:#29a7e1;font-weight:600;}
	@media only screen and (max-width:767px){
		.location {justify-content:center;width:100%;}
		.location > ul.dep1 {width:100%;justify-content:center;}
		.location .dep1 > li + li:after {top:10px;}
		.location .dep1 > li:last-child > a {padding-right:0;}
		.location .dep1 > li > a {font-size:1.3rem;padding:0 1.5rem;}
	}

.location .sns_box {display:flex;gap:0.5rem;position:relative}
.location .sns_box a {display:flex;width:40px;height:40px;border-radius:10px;font-size: 0;background:#f8f8f8;align-items:center;justify-content:center;}
.share_icon {position:absolute;left:0;top:45px;z-index:50;display:none;border-radius: 5px; text-align:center;padding:7px 13px;background:#f8f8f8;}
.share_icon > a {display:inline-block;height:auto;width:auto;}
.share_icon > a:first-child {margin-left:0;padding-left: 0;border-left: 0;}
.share_icon a > img {width:30px;}
.share_icon > a span {display:block;margin-top:5px;font-size:11px;}
.share_icon > a:hover,
.share_icon > a:focus,
.share_icon > a:active {text-decoration: underline; color:#578dcb;}

/* 왼쪽영역 */
.fs_snb_box2 {position:relative;}
/* 타이틀 */
.snb_title {position:relative;}
.snb_title h3 {font-size:3rem;font-weight:bold;border-radius:2.5rem 2.5rem 0 0;background:#29a7e1;height:13rem;padding:2rem;display:flex;align-items:center;justify-content:center;color:#fff;}

/* 서브메뉴 */
.snb_menu2 {display:block;padding:1rem 3rem 2rem;border:1px solid #ddd;border-top:none;border-radius:0 0 25px 25px;box-shadow:0 4px 15px rgba(0, 0, 0, .1);}
.snb_menu2 .dep1 {position:relative;z-index:2;}
.snb_menu2 .dep1 > li > a {position:relative;display:flex;line-height:normal;font-size:1.6rem;text-decoration:none;color:#222;border-bottom:1px solid #ddd;font-weight:600;padding:12px 30px 8px 0;min-height:5rem;align-items:center;}
.snb_menu2 .dep1 > li > a.on,
.snb_menu2 .dep1 > li > a:is(:hover,:active,:focus) {color:#29a7e1;font-weight:600;}
.snb_menu2 .dep1 > li a.arrow {position:relative;}
.snb_menu2 .dep1 > li a.arrow:before {content:"";position:absolute;right:0;top:15px;width:20px;height:20px;background:url("../../images/fs/layout/lm_bg_ov.png") right center no-repeat;transition:all 0.4s;}
.snb_menu2 .dep1 > li a.on.arrow:before {transform:rotate(180deg);}

.snb_menu2 .dep2 {padding:1rem 0 1rem 1rem;display:none;}
.snb_menu2 .dep2 > li:not(:first-child) {margin-top:.5rem;}
.snb_menu2 .dep1 > li.on .dep2 {display:block;}
.snb_menu2 .dep2 > li > a {display:block;font-size:1.5rem;position:relative;padding-left:1rem;}
.snb_menu2 .dep2 > li > a:before {content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background:#f39939;transition:all 0.4s;border-radius:100%;}
.snb_menu2 .dep2 > li > a.on,
.snb_menu2 .dep2 > li > a:is(:hover,:active,:focus) {color:#f39939;font-weight:600;}
	@media only screen and (max-width:1199px){
		.snb_title h3 {height:80px;font-size:2.5rem;}
		.snb_menu2 {display:block;padding:20px 20px;}
		.snb_menu2 .dep1 {position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;}
		.snb_menu2 .dep1 > li {width:49%;position:relative;}
		.snb_menu2 .dep1 > li a {padding:0 2rem;}
		.snb_menu2 .dep1 > li a.arrow:before {top:10px;}
		.snb_menu2 .dep2 {position:absolute;left:0;top:5rem;padding:1rem 1rem;background:#f1f1f1;text-align:left;z-index: 1;width:100%;border-radius:0 0 2rem 2rem;}
		.snb_menu2 .dep2 li {min-height:3.5rem;display:flex;align-items:center;}
	}
	@media only screen and (max-width:767px){
		.fs_snb_box2 {display:flex;}
		.snb_title {width:100px;}
		.snb_title:before {background-size:70%;right:-12px;bottom:-5px;}
		.snb_title h3 {height:100%;font-size:2rem;border-radius:2rem 0 0 2rem}

		.snb_menu2 {padding:1rem 2rem;width:calc(100% - 100px);border-top:1px solid #ddd;border-radius:0 2rem 2rem 0;}
		.snb_menu2 .dep1 > li {width:100%;}
		.snb_menu2 .dep1 > li > a {min-height:4.5rem;font-size:1.5rem;padding:0 1rem;}
		.snb_menu2 .dep1 > li a.arrow:before {top:8px;}
		.snb_menu2 .dep2 {width:100%;padding-left:2rem;top:4.5rem;}
		.snb_menu2 .dep2 > li > a {padding:0 0 0 1rem;}
	}

/* 컨텐츠 타이틀 */
.con_header {padding:6rem 0 2.5rem;border-bottom:2px dotted #dbdbdb;}
.con_header h3 {font-weight:700;font-size:3.5rem;color:#000;line-height:normal;}
	@media only screen and (max-width:1199px){
		.fs_content {display:inline-block;width:100%;}
	}
	@media only screen and (max-width:767px){
		.con_header h3 {width:100%;text-align:center;margin-bottom:2rem;font-size:3rem;}
	}

/* 컨텐츠 영역 */
.con_body {padding:6rem 0;color:#333;}
	@media only screen and (max-width:1023px){
		.con_body {padding:5rem 0;}
	}
	@media only screen and (max-width:767px){
		.con_body {padding:4rem 0;}
	}

/*********** 푸터 영역 ***********/
#fs_footer {}
.fs_footer_box .wrap {display:flex;padding:5.5rem 0;}
	@media only screen and (max-width:767px){
		.fs_footer_box .wrap {flex-direction:column;align-items:center;gap:3rem;padding:4rem 0;}
	}

/* 로고 */
.fs_footer_box .foot_logo {margin-right:6rem;}
.fs_footer_box .foot_logo img {height:4.2rem;filter:brightness(0) saturate(100%) invert(70%) sepia(6%) saturate(15%) hue-rotate(341deg) brightness(87%) contrast(88%);}
	@media only screen and (max-width:1023px){
		.fs_footer_box .foot_logo img {height:3.6rem;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_logo {margin-right:0;}
	}

/* 메뉴 */
.fs_footer_box .foot_text {width:calc(100% - 35.7rem);font-size:1.4rem;color:#000;}
.fs_footer_box .foot_text .foot_menu {display:flex;gap:4.6rem;}
.fs_footer_box .foot_text .foot_menu li {position:relative;}
.fs_footer_box .foot_text .foot_menu li::after {position:absolute;top:.4rem;right:-2.3rem;content:"";width:1px;height:1.1rem;background:#9e9e9e;}
.fs_footer_box .foot_text .foot_menu li:last-child::after {display:none;}
.fs_footer_box .foot_text .foot_menu li.privacy {font-weight:700;}
	@media only screen and (max-width:1023px){
		.fs_footer_box .foot_text .foot_menu {gap:3.6rem;}
		.fs_footer_box .foot_text .foot_menu li::after {right:-1.8rem;}
	}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_text {width:100%;}
		.fs_footer_box .foot_text .foot_menu {justify-content:center;}
	}

/* 정보 */
.fs_footer_box .foot_text .foot_info {margin-top:2rem;padding-top:3rem;border-top:1px solid #ddd;line-height:1.6;}
.fs_footer_box .foot_text .foot_info .tel {display:flex;flex-wrap:wrap;gap:0 3.4rem;}
.fs_footer_box .foot_text .foot_info .tel li {position:relative;}
.fs_footer_box .foot_text .foot_info .tel li::after {position:absolute;top:0;right:-1.8rem;content:"/";}
.fs_footer_box .foot_text .foot_info .tel li:last-child::after {display:none;}
.fs_footer_box .copyright {font-size:1.4rem;color:#999;text-align:center;background:#eeeeee;padding:2.5rem 0;}
	@media only screen and (max-width:767px){
		.fs_footer_box .foot_text .foot_info {text-align:center;}
		.fs_footer_box .foot_text .foot_info .tel {justify-content:center;}
		.fs_footer_box .copyright {padding:1.5rem 0;}
	}

/* 탑버튼 */
#fs_footer .btn_top {position:fixed;bottom:4rem;right:4rem;z-index:5;width:6rem;height:6rem;background:#fff;border-radius:50%;box-shadow:0 0 1rem rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;font-size:3rem;color:#f39939;}
#fs_footer .btn_top:is(:hover,:focus,:active) {background:#f39939;color:#fff;}
	@media only screen and (max-width:1023px){
		#fs_footer .btn_top {bottom:3rem;right:3rem;}
	}
	@media only screen and (max-width:767px){
		#fs_footer .btn_top {bottom:2rem;right:2rem;}
	}


/* 260119_ */
.layerPopup img {max-height:min-content;}