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

a {text-decoration:none;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
a:is(:hover,:active,:focus) {text-decoration:none;}

/* 반응형 */
.wrap {margin:0 auto;padding:0 10rem;}
	@media only screen and (max-width:1599px) {
		.wrap {padding:0 6rem;}
	}
	@media only screen and (max-width:1399px) {
		.wrap {padding:0 4rem;}
	}
	@media only screen and (max-width:767px) {
		.wrap {padding:0 2rem;}
	}

/* 메뉴 오버시 배경 */
body {position:relative;width:100%;height:100%;}
body:before {content:"";position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;opacity:0;visibility:hidden;}
body.on:before {opacity:0.4;visibility:visible;}

#fs_wrap {}
body {overflow-x: hidden;}

/* 해더영역 */
#fs_header {position:sticky;top:0;z-index:10;width:100%;height:100px;background:#fff;transition:0.5s;box-shadow: 0 0 20px rgba(9,26,44,0.1);}
#fs_header.on {background:#fff;}
#fs_header.on:before {content:"";position:absolute;top:100px;width:100%;height:1px;}
	/* 상단 */
	.fs_head {position:relative;height:100%;padding-left:45rem;padding-right:35rem;}
	.fs_head .logo {display:flex;align-items:center;position:absolute;top:50%;left:0;transform: translateY(-50%);}
	.fs_head .logo a {display:inline-block;}
		@media only screen and (max-width:1599px) {
			.fs_head {padding-left:35rem;padding-right:25rem;}
			.fs_head .logo a img {width:308px;}
		}
		@media only screen and (max-width:1399px) {
			.fs_head {padding-left:35rem;padding-right:15rem;}
		}
		@media only screen and (max-width:1199px) {
			.fs_head {padding-left:35rem;padding-right:10rem;}
		}
		@media only screen and (max-width:1023px) {
			#fs_header {height:90px;}
			.fs_head {padding-left:0;padding-right:0;}
			.fs_head .logo a img {width:258px;}
		}
		@media only screen and (max-width:767px) {
			#fs_header {height:80px;}
			.fs_head .logo a img {width:208px;}
		}

	/* 헤더메뉴 */
	.fs_top_menu {}
	/* 헤더메뉴_주메뉴 */
	.fs_top_menu .menu_box {height:100%;}
	.fs_top_menu .menu_box .lnb {display:flex;justify-content:center;height:100%;}
	.fs_top_menu .menu_box .lnb > li {text-align:center;flex-grow:1;}
	.fs_top_menu .menu_box .lnb > li:after {content:"";position:absolute;left:50%;top:96px;width:0;height:4px;}
	.fs_top_menu .menu_box .lnb > li.active-bg:after {width:50px;height:4px;transform:translateX(-25px);}
	.fs_top_menu .menu_box .lnb > li > .lnb_title {display:flex;justify-content:center;align-items:center;height:100px;font-size:2rem;font-weight:500;text-decoration:none;color:#000;}
	/* 헤더메뉴_하위메뉴 */
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 {display:none;width:100vw;position:absolute;top:10rem;left:0;margin-left:calc(-10rem - 1px);background:#fff;box-shadow: 0 15px 20px rgba(9,26,44,0.05);}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box {display:flex;height:100%;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_title {width:25%;background:#f5f5f5;padding:3.5rem 4rem;text-align:right;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_title strong {font-family: "Roboto Serif";font-weight:500;font-size:2.8rem;color:#222;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 {width:75%;display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 30px;grid-row-gap: 50px;padding:4rem 15rem 4rem 4rem;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li {}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li > a {display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 20px;font-size:1.7rem;font-weight:500;color:#000;border-radius: 10px;border:1px solid #ddd;transition: 0.3s;text-align: left;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li > a img {filter: brightness(0) saturate(100%) invert(86%) sepia(9%) saturate(18%) hue-rotate(345deg) brightness(83%) contrast(92%);}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li > a:is(:hover,:active,:focus) {background:linear-gradient(to right, rgba(56,216,185,1), rgba(61,205,227,1));color:#fff;border:1px solid transparent;border-image: linear-gradient(to right, rgba(56,216,185,1), rgba(61,205,227,1));}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li > a:is(:hover,:active,:focus) img {filter: brightness(0) saturate(100%) invert(95%) sepia(94%) saturate(2%) hue-rotate(322deg) brightness(102%) contrast(101%);}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li.on > a {background:linear-gradient(to right, rgba(56,216,185,1), rgba(61,205,227,1));color:#fff;border:1px solid transparent;border-image: linear-gradient(to right, rgba(56,216,185,1), rgba(61,205,227,1));}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li.on > a img {filter: brightness(0) saturate(100%) invert(95%) sepia(94%) saturate(2%) hue-rotate(322deg) brightness(102%) contrast(101%);}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 {text-align: left;margin:18px 0 0 8px;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 li {margin-bottom: 13px;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 li a {display:inline-block;position:relative;text-indent:-14px;margin-left:8px;color:#767676;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 li a:before {content:"ㆍ";}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 li a:after {content:"";position: absolute;left:0;bottom:0;width: 0;height: 1px;background: #000;display: block;transition: 0.3s;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 li a:is(:hover,:active,:focus,.on) {color:#000;}
	.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 > li .lnb_layer01_02 li a:is(:hover,:active,:focus,.on):after {width: 100%;}
	.fs_top_menu .menu_box .lnb > li.on > .lnb_title {color: #2ad3b2;}
		@media only screen and (max-width:1599px) {
			.fs_top_menu .menu_box .lnb > li .lnb_layer01 {margin-left:calc(-10rem - 1px);}
		}
		@media only screen and (max-width:1399px) {
			.fs_top_menu .menu_box .lnb > li .lnb_layer01 {margin-left:calc(-5rem - 1px);}
			.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_layer01_01 {padding:4rem 4rem 4rem 4rem;}
		}
		@media only screen and (max-width:1023px) {
			.fs_top_menu .menu_box .lnb {display:none;}
		}

	/* 다국어, 사이트맵 */
	.last_box {display:flex;align-items:center;position:absolute;top:38px;right:0;}
	.last_box .language_box {}
	.last_box .language_box button {background: none;font-size:1.6rem;font-weight: 500;margin-top:4px;}
	.last_box .language_box button img {vertical-align: middle;margin-top:-2px;}
	.last_box .btn_open {display:flex;align-items:center;margin-left:30px;}
	.last_box .btn_open a {position:relative;display:inline-block;width:24px;height:18px;}
	.last_box .btn_open a span {position:absolute;left:0;width:100%;height:2px;background:#3d3e42;transition: 0.3s;}
	.last_box .btn_open a span:nth-child(1) {}
	.last_box .btn_open a span:nth-child(2) {top:8px;}
	.last_box .btn_open a span:nth-child(3) {top:16px;}
	.last_box .btn_open a.on {z-index:10;}
	.last_box .btn_open a.on span:nth-child(1) {transform:translate(0, 8px) rotate(45deg);background:#000;}
	.last_box .btn_open a.on span:nth-child(2) {width: 0;}
	.last_box .btn_open a.on span:nth-child(3) {transform:translate(0, -8px) rotate(-45deg);background:#000;}
	.last_box .btn_open a.sitemap_lnb_menu {height:1.5rem;padding:0;}
	.last_box .btn_open a.lnb_menu_open {display:none;}
		@media only screen and (max-width:1199px) {
		}
		@media only screen and (max-width:1023px) {
			.last_box {top:32px;}
		}
		@media only screen and (max-width:767px) {
			.last_box {top:27px;}
			.last_box .language_box button {margin-top:5px;}
			.last_box .btn_open {margin-left:20px;}
		}


/* 전체메뉴 */
.lnb_menu_box {display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.1);background:#e1eaf3;}
.lnb_menu_box .scroll_box {padding:0 10rem;display:flex;justify-content:center;margin-top:100px;height:calc(100vh - 100px);overflow-y: auto;}
.lnb_menu_box .lnb {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;width:100%;margin:0 auto;padding:20px;}
.lnb_menu_box .lnb > li {flex-grow:1;}
.lnb_menu_box .lnb > li > .lnb_title {display:block;font-size:2.2rem;font-weight:600;text-decoration:none;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,0.1);color:#111;text-align:center;}
.lnb_menu_box .lnb > li .lnb_box .lnb_title {display: none;}
.lnb_menu_box .lnb > li .lnb_layer01_01 {}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li {margin-bottom:10px;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > a {display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 20px;font-size:1.7rem;font-weight:500;color:#000;border-radius: 10px;background:#fff;transition: 0.3s;text-align: left;}
.lnb_menu_box .lnb > li .lnb_layer01_01 {margin-top:1.5rem;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li {}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > a:is(:hover,:active,:focus) {background:linear-gradient(to right, rgba(56,216,185,1), rgba(61,205,227,1));color:#fff;border-image: linear-gradient(to right, rgba(56,216,185,1), rgba(61,205,227,1));}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > a:is(:hover,:active,:focus) img {filter: brightness(0) saturate(100%) invert(95%) sepia(94%) saturate(2%) hue-rotate(322deg) brightness(102%) contrast(101%);}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 {margin-top:10px;padding:23px 10px 10px 10px;border-radius:10px;background: #f6fbff;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 li {margin-bottom: 13px;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 li a {display:inline-block;position:relative;text-indent:-14px;margin-left:8px;color:#767676;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 li a:before {content:"ㆍ";}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 li a:after {content:"";position: absolute;left:0;bottom:0;width: 0;height: 1px;background: #000;display: block;transition: 0.3s;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 li a:is(:hover,:active,:focus) {color:#000;}
.lnb_menu_box .lnb > li .lnb_layer01_01 > li > .lnb_layer01_02 li a:is(:hover,:active,:focus):after {width: 100%;}
	@media only screen and (max-width:1599px) {
		.lnb_menu_box .scroll_box {padding:0 8rem;}
	}
	@media only screen and (max-width:1199px) {
		.lnb_menu_box .scroll_box {padding:0 5rem;}
		.lnb_menu_box .lnb > li {margin:2rem 0;}
	}
	@media only screen and (max-width:1023px) {
		.lnb_menu_box .scroll_box {padding:0 5rem;margin-top:90px;height: calc(100vh - 90px);}
		.lnb_menu_box .logo_site {margin-top:30px;
		}
		.lnb_menu_box .logo_site a {width:165px;height:30px;background-size:165px auto;background-position:left -25px;}
		.lnb_menu_box .lnb {grid-template-columns: repeat(2, 1fr);padding:0;}
		.lnb_menu_box .lnb > li {margin:0;}
		.lnb_menu_box .lnb > li > .lnb_title {position:relative;padding:20px 0 8px 0;}
	}
	@media only screen and (max-width:767px) {
		.lnb_menu_box {width:100vw;}
		.lnb_menu_box .scroll_box {align-items: flex-start;padding:0 3rem;margin-top:80px;height: calc(100vh - 80px);}
		.lnb_menu_box .lnb {grid-template-columns: repeat(1, 1fr);gap:0;align-content: center;height:auto;padding:0;}
		.lnb_menu_box .lnb > li {padding-bottom:0;flex:none;width:100%;margin:0;}
		.lnb_menu_box .lnb > li > .lnb_title {text-align:left;width:100%;}
		.lnb_menu_box .lnb > li:last-child {border-bottom:0;}
		.lnb_menu_box .lnb > li > .lnb_title {position:relative;padding:20px 0;font-size:2.4rem;cursor:pointer;}
		.lnb_menu_box .lnb > li > .lnb_title:after {content:"";position:absolute;right:0;top:30px;display:block;width:13px;height:1px;background: #000;transition: 0.3s;}
		.lnb_menu_box .lnb > li > .lnb_title.arr:after {transform:rotate(135deg);}
	}


/* 서브컨텐츠 */
.fs_snb_contents {}
.fs_snb_contents .fs_snb_contents_box {margin:100px auto;}
.fs_snb_contents .fs_snb_contents_box:after{content:"";display:block;clear:both;}

/* 서브비주얼 */
.fs_sub_visual {display:flex;align-items:center;height:220px;}
.fs_sub_visual p {font-size:5rem;font-weight:700;color:#fff;}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:180px;}
		.fs_sub_visual p {font-size:4.5rem;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {height:140px;}
		.fs_sub_visual p {font-size:4rem;}
	}

/* 왼쪽영역 */
.fs_snb_box {height:50px;}
	/* 서브메뉴 */
	.snb_menu {width:100%;background:#fff;border-bottom:1px solid #ebebeb;}
	.snb_menu > ul {display:flex;width:1400px;margin:0 auto;height:50px;}
	.snb_menu > ul > li {position:relative;}
	.snb_menu > ul > li:first-child {width:50px;}
	.snb_menu > ul > li a.home {padding-left:0;text-align:center;background:url("./../images/layout/home.png") center center no-repeat;font-size:0;min-width:auto;}
	.snb_menu > ul > li > a {position:relative;z-index:1;display:flex;align-items:center;height:100%;padding-left:30px;font-size:16px;color:#666;background:url("./../images/layout/snb_menu_arrow.png") right 17px center no-repeat;transition: all 0.2s !important; -webkit-transition: all 0.2s !important;padding-right:5rem;width:auto;min-width:280px;}
	.snb_menu > ul > li {border-right:1px solid #ebebeb;}
	.snb_menu > ul > li:last-child {border-right:0;}

	.snb_menu > ul > li > ul {display:none;z-index:8;}
	.snb_menu > ul > li.on > ul {display:block;position:absolute;top:50px;left:0;width:100%;background:#f1f1f1;border:0;border-top:none;}
	.snb_menu > ul > li.on > ul > li > a {display:block;padding:15px 30px;line-height:1.2;border-top:1px solid #ebebeb;color:#666;text-underline-position: auto;}
	.snb_menu > ul > li > ul > li > a:is(:hover,:focus,:active) {color:#043262;background:none;text-decoration:underline;}
	.snb_menu li.on > a:is(:hover,:focus,:active) {color:#043262;background:url("./../images/layout/snb_menu_arrow2.png") right 17px center no-repeat;}

/* 컨텐츠영역 */
.fs_content {overflow:hidden;}
	/* 실컨텐츠 영역 */
	.con_header {display: flex;justify-content:space-between;align-items:center;width:1400px;margin:0 auto;border-bottom:1px dashed #ddd;padding:40px 0 15px 0;}
	.con_header h3 {position:relative;font-size:35px;color:#000;line-height:normal;text-align:left;}
	.con_header .link_box {display: flex;gap:10px;}
	.con_header .link_box a {display: block;}
	.con_body {min-height:400px;word-break:keep-all;padding:60px 0;}

		@media only screen and (max-width:1499px){
			.fs_content {width:100%;}
			.con_header {width:auto;margin:0 6rem;}
			.snb_menu > ul {width:100%;padding:0 6rem;}
		}
		@media only screen and (max-width:1399px){
			.con_header {margin:0 4rem;}
			.snb_menu > ul {padding:0 4rem;}
            .snb_menu > ul > li > a {font-size:14px;}
		}
		@media only screen and (max-width:1023px){
            .fs_snb_box {height:auto;}
            .snb_menu {border-bottom:none;}
            .snb_menu > ul {flex-wrap:wrap;height:auto;padding:0;}
			.snb_menu > ul > li {flex-grow:unset;width:100%;height:50px;border-right:0;border-bottom: 1px solid #ebebeb;padding:0 4rem;}
			.snb_menu > ul > li:first-child {display: none;}
			.snb_menu > ul > li > a {padding-left:0;padding-right:35px;word-break:break-all;background:url("./../images/layout/snb_menu_arrow.png") right 0 center no-repeat;}
            .snb_menu li.on > a:is(:hover,:focus,:active) {font-weight:600;color:#043262;background:url("./../images/layout/snb_menu_arrow2.png") right 0 center no-repeat;}
			.snb_menu > ul > li.on > ul {width:100.1%;}
			.snb_menu > ul > li.on > ul > li > a {padding:15px 4rem;}

			.con_header {padding:30px 0 15px 0;}
			.con_header .link_box .print_button {display: none;}

			.con_body {padding:50px 0;}
		}
		@media only screen and (max-width:767px){
			.con_header {margin:0 2rem;}
			.snb_menu > ul li {padding:0 2rem;}
            .snb_menu > ul > li {height:40px;}
            .snb_menu > ul > li > a {font-size:13px;}
            .snb_menu > ul > li.on > ul {top:40px;}
            .snb_menu > ul > li.on > ul > li > a {padding:10px 0;}

			.con_header {padding:20px 0 10px 0;}
			.con_body {padding:40px 0;}
		}


/* 푸터영역 */
#fs_footer {padding:5rem 0;background: #f5f5f5;}
.fs_footer_box {display:flex;gap:60px;}
.fs_footer_box .fot_logo {}
.fs_footer_box .foot_text {line-height:1.3;font-size:1.4rem;font-weight:400;color:#767676;}
.fs_footer_box .foot_text strong {font-weight:600;}
.fs_footer_box .copyright {display:block;margin-top:12px;font-size:1.3rem;color:#999;}
	@media only screen and (max-width:1023px) {
		#fs_footer {padding:2.5rem 0;}
		.fs_footer_box {gap:30px;}
	}
	@media only screen and (max-width:767px) {
		.fs_footer_box {display:block;}
		.fs_footer_box .fot_logo img {width:200px;}
		.fs_footer_box .fot_logo a img {width:160px;}
		.fs_footer_box .foot_text {margin-top:15px;}
	}

/* 맨위로 */
#fs_footer .btn_top {display:none;position:fixed;right:10px;bottom:20px;z-index:9;}
	@media only screen and (max-width:1023px) {
		#fs_footer .btn_top img {width:16px;}
	}
	@media only screen and (max-width:767px) {

	}