@charset "utf-8";
@import url('font/fs_font.css');

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 :https://matthewlein.com/tools/ceaser
 이징 참고표 :https://easings.net/ko
*/
a {
	transition:all .4s;-webkit-transition:all .4s;
}
a:is(:hover, :active, :focus) {text-decoration:none;}
/***********************/

/* 공통 */
body {overflow-x:hidden;}
.wrap {padding:0 10rem;margin:0 auto;}
	@media only screen and (max-width:1620px){
		.wrap {max-width:none;padding:0 6.0rem;}
	}
	@media only screen and (max-width:1199px){
		.wrap {padding:0 5%;}
	}
	@media only screen and (max-width:1023px){
	}


/******************************/
/* 헤더 영역 */
/******************************/
/* 해더영역 */
/*#fs_wrap {overflow:hidden;}*/
#fs_header {position:sticky;top:0;z-index:11;width: 100%;background:#fff;transition:all 0.5s;}
#fs_header.on {box-shadow:0 5px 10px 0 rgba(0,0,0,0.05);}

#fs_header .wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}

/* 상단 */
.top_box {background:#001627;color:#fff;}
.top_box .top_box_w {display:flex;align-items:center;justify-content:space-between;height:40px;font-size:1.6rem;}
.top_box .top_box_w > div > div a {display:flex;align-items:center;}
.top_box .top_box_w .top_head_left {display:flex;align-items:center;}
.top_box .top_box_w .top_head_left div:last-child {padding-left:26px;margin-left:26px;position:relative;}
.top_box .top_box_w .top_head_left div:last-child:before {content:'';position:absolute;left:0;top:4px;width:1px;height:13px;background:#fff;}
.top_box .top_box_w .top_head_left div > a img {padding-right:8px;}
.top_box .top_box_w .top_head_left div ul {display:flex;align-items:center;}
.top_box .top_box_w .top_head_left div ul li {padding-left:10px;}
.top_box .top_box_w .top_head_left div ul li:first-child {padding-left:0;}
.top_box .top_box_w .top_head_right {}
	@media only screen and (max-width:767px){
		.top_box .top_box_w .top_head_left div:last-child {padding-left:10px;margin-left:10px;}
	}

/* 오른쪽 영역 */
.head_right {display:flex;flex-wrap:wrap;align-items:center;}

/* 글로벌 */
.global_box {display:flex;flex-wrap:wrap;align-items:center;margin-left:6.5rem;}
.global_box .lang_box {transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);position:relative;display:flex;justify-content:center;align-items:center;}
.global_box .lang_box i {transition:all .4s;-webkit-transition:all .4s;}
.global_box .lang_box .lang span {position:relative;display:block;font-size:1.8rem;font-weight:700;}
.global_box .lang_box .lang_dep_box {opacity:0;width:100%;padding:3rem 1rem;text-align: center;position:absolute;top:100px;left:50%;transform:translate(-50%,0);background:#fff;color:#fff;box-shadow:5px 7px 15px rgba(0,0,0,.1);transition:all .4s;-webkit-transition:all .4s;font-size:1.5rem;width:10rem;}

.global_box .lang_box.on i {transform:rotate(180deg);}
.global_box .lang_box.on .lang_dep_box {display:block;background:#fff;border:1px solid #ddd;color:#222;padding:2rem 0;opacity:1;position:absolute;top:4rem;}
.global_box .lang_box.on .lang_dep_box li {margin:1rem 0;}
.global_box .lang_box.on .lang_dep_box li.select {font-weight:700;color:#1d9cff;}
.global_box .lang_box.on .lang_dep_box a {display:block;}
    @media only screen and (max-width:1199px){
		.global_box {margin-left:4rem;}
	}
	@media only screen and (max-width:767px){
		.global_box {margin-left:3rem;}
	}

	/* 로고 */
	.fs_head .logo {display: flex;justify-content:center;align-items:center;}
	.fs_head .logo a {display:inline-block;}
    /* 바로가기 */
    .fs_head_top ul {display:flex;align-items:center;width:170px;}
    .fs_head_top ul li {margin-right:1rem;}
    .fs_head_top ul li:last-child {margin-right:0;}
	/* 사이트맵 */
    .fs_head_area .last_box {display:flex;align-items:center;height:100%;justify-content:end;}
	.fs_head_area .last_box .btn_open {display: flex;align-items:center;height:100%;justify-content:center;}
	.fs_head_area .last_box .btn_open a {position:relative;display:inline-block;width:26px;height:21px;}
	.fs_head_area .last_box .btn_open a span {position:absolute;right:0;width:100%;height:3px;background:#000;transform:translate(0,0) rotate(0deg);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);}
	.fs_head_area .last_box .btn_open a span:nth-child(1) {top:0;}
	.fs_head_area .last_box .btn_open a span:nth-child(2) {top:calc(50% - 1.5px);}
	.fs_head_area .last_box .btn_open a span:nth-child(3) {top:calc(50% - 1.5px);}
	.fs_head_area .last_box .btn_open a span:nth-child(4) {bottom:0;}
	.fs_head_area .last_box .btn_open a.open {z-index: 10;}
    .fs_head_area .last_box .btn_open a.open span {background:#fff;}
	.fs_head_area .last_box .btn_open a.open span:nth-child(1) {top:50%;transform:translate(0, -50%) rotate(45deg);}
	.fs_head_area .last_box .btn_open a.open span:nth-child(2) {display:none;}
	.fs_head_area .last_box .btn_open a.open span:nth-child(3) {display: none;}
	.fs_head_area .last_box .btn_open a.open span:nth-child(4) {top:50%;transform:translate(0, -50%) rotate(-45deg);}
	.fs_head_area .last_box .btn_open a.sitemap_lnb_menu {}
	.fs_head_area .last_box .btn_open a.lnb_menu_open {display: none;}
		@media only screen and (max-width:1199px){
            .fs_head_top {border-bottom:0;box-shadow:0 5px 10px 0 rgba(0,0,0,0.05);}
            .fs_head_top > div {height:140px;}
		}
		@media only screen and (max-width:767px){
            .fs_head_top > div {height:100px;}
            .fs_head_top ul {}
            .fs_head_top ul li {margin-right:5px;}
            .fs_head_top ul li a img {width:30px;}
		}

/* 헤더메뉴 */
.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 {position:relative;}
.fs_top_menu .menu_box .lnb > li > .lnb_title {position:relative;display:flex;justify-content:center;align-items: center;height:10rem;color:#000;text-decoration: none;font-weight:700;font-size:1.8rem;padding-right:10rem;}
.fs_top_menu .menu_box .lnb > li:last-child > .lnb_title {padding-right:6.5rem;}
/* 헤더메뉴_하위메뉴 */
.fs_top_menu .menu_box .lnb > li .lnb_layer01 {visibility: hidden;opacity:0;width:200px;text-align: center;position:absolute;top:0;left:0;background:#1d9cff;color:#fff;display:inline-table;transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);height:auto;overflow:hidden;padding:3rem 1rem;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 .lnb_box .lnb_title {display:none;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 li {margin-top:0.4rem;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 li:first-child {margin-top:0;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 a {position:relative;opacity: .9;color:#fff;height:34px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.6rem;width:100%;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 a:hover {opacity: 1;font-weight:500;background:#1d9cff;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 a strong {background:#1d9cff;display:flex;width:100%;
align-items:center;justify-content:center;height:50px;}
.fs_top_menu .menu_box .lnb > li.on .lnb_layer01 {visibility: visible;opacity: 1;top:80px;}
	@media only screen and (max-width:1399px){
        .fs_top_menu .menu_box .lnb > li > .lnb_title {font-size:1.5rem;padding:0 15px;}
        .fs_top_menu .menu_box .lnb > li .lnb_layer01 {width:150px;}
        .fs_top_menu .menu_box .lnb > li .lnb_layer01 a {font-size:1.4rem;}
        .fs_head_area .last_box {width:auto;}
	}
	@media only screen and (max-width:1199px){
        .fs_head_area {height:80px;}
        .fs_top_menu .menu_box {display: none;}
	}
	@media only screen and (max-width:1023px){
        .fs_head .logo a img {width:23rem;}
	}
	@media only screen and (max-width:767px){
        .fs_head .logo a img {width:20rem;}
	}

/* 사이트맵 */
.sitemap_box {visibility:hidden;position:fixed;left:0;top:-100vh;width:100%;transition:all 0.5s;height:100vh;}
.sitemap_box.open {visibility:visible;top:0;left:0;background:#001627;}
.sitemap_box .menu_box {position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);width:1400px;}
.sitemap_box .lnb {display:flex;flex-wrap:wrap;position:relative;}
.sitemap_box .lnb > li {width:25%;text-align:center;padding:0 3rem;}
.sitemap_box .lnb > li .lnb_title {text-decoration:none;font-size:2rem;color:#fff;font-weight:800;position:relative;margin-bottom:30px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;height:6rem;border-radius:5rem;}
.sitemap_box .lnb > li:is(:hover,:active,:focus) .lnb_title {color:#1d9cff;border:2px solid #1d9cff;}
.sitemap_box .lnb > li:hover .lnb_title:before {background-color:#1d9cff;}
.sitemap_box .lnb > li .lnb_layer01 {margin:2rem 0 6rem 0;}
.sitemap_box .lnb > li .lnb_layer01 > li {color:#fff;font-weight:500;}
.sitemap_box .lnb > li .lnb_layer01 > li:nth-child(n+2) {margin-top:15px;}
.sitemap_box .lnb > li .lnb_layer01 > li a {position:relative;font-size:1.6rem;}
.sitemap_box .lnb > li .lnb_layer01 > li a:is(:hover,:active,:focus) {color:#1d9cff;text-decoration:none;}
.sitemap_box .lnb > li .lnb_layer01 > li a:after {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#1d9cff;transition:all .3s;-webkit-transition:all .3s;}
.sitemap_box .lnb > li .lnb_layer01 > li a:is(:hover,:active,:focus):after {width:100%;}
	@media only screen and (max-width:1399px){
        .sitemap_box .menu_box {width:100%;padding:0 5%;}
	}
	@media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
		.sitemap_box {background:#001627;}
		.sitemap_box .lnb {max-height:calc(100vh - 25rem);overflow-y:auto;top:60%;}
		.sitemap_box .lnb > li {width:100%;text-align:left;padding-left:1rem;display:flex;flex-wrap:wrap;}
		.sitemap_box .lnb > li .lnb_title {margin-bottom:0;width:50%;}
		.sitemap_box .lnb > li .lnb_title:before {left:-10px;}
		.sitemap_box .lnb > li .lnb_layer01 {margin-top:2rem;padding-left:4rem;width:50%;margin-bottom:4rem;}
	}

/* 전체메뉴 */
.lnb_menu_box {display:none;position: fixed;left:0;top:0;z-index:5;width: 100vw;height:100vh;}
.lnb_menu_box .scroll_box {padding:50px 11rem;width:100%;height:auto;margin:140px auto 0 auto;background:#1d9cff;}
.lnb_menu_box .lnb {display:flex;flex-wrap:wrap;width:100%;}
.lnb_menu_box .lnb > li {width:calc(100% / 6);padding:0 2rem;}
.lnb_menu_box .lnb > li > .lnb_title {flex-shrink:0;position:relative;display:block;font-size:2.3rem;color:#fff;font-weight:600;text-decoration:none;text-align:center;}
.lnb_menu_box .lnb > li > .lnb_title:is(:hover,:focus,:active) {color:#1d9cff;}
.lnb_menu_box .lnb > li .lnb_layer01 {margin-top:1rem;}
.lnb_menu_box .lnb > li .lnb_layer01 > li {display:block;}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a {position:relative;display:flex;justify-content:center;align-items:center;font-size:1.6rem;transition:0.3s;color:#fff;text-decoration:none;height:5rem;border-bottom:1px dashed rgba(255,255,255,0.2);}
.lnb_menu_box .lnb > li .lnb_layer01 > li:last-child > a {border-bottom:0;}
.lnb_menu_box .lnb > li .lnb_layer01 > li > a:is(:hover,:focus,:active) {background:#1d9cff;}
.lnb_menu_box .lnb > li .lnb_layer01 > li.on > a {background:#1d9cff;}
	@media only screen and (max-width:1399px){
        .lnb_menu_box .scroll_box {padding:50px 4%;}
	}
	@media only screen and (max-width:1199px){
        .lnb_menu_box .scroll_box {margin:133px auto 0 auto;padding:60px 5%;}
        .lnb_menu_box .lnb > li {width:100%;padding:0;}
        .lnb_menu_box .lnb > li > .lnb_title {height:60px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.3);border-radius:10px;margin-bottom:15px;}
        .lnb_menu_box .lnb > li .lnb_layer01 {margin:0 0 15px 0;}
	}
    @media only screen and (max-width:767px){
        .lnb_menu_box .scroll_box {margin:100px auto 0 auto;padding:40px 5%;}
        .lnb_menu_box .lnb > li > .lnb_title {height:50px;font-size:1.8rem;margin-bottom:10px;}
    }


/******************************/
/* 컨텐츠 영역 */
/******************************/
#fs_container_wrap {overflow:hidden;}

/* 서브비주얼 */
.fs_sub_visual {display:table;width:100%;height:35rem;position:relative;}
.fs_sub_visual div {position:absolute;top:50%;transform:translate(0, -50%);width:100%;text-align:center;}
.fs_sub_visual div p {font-weight:800;font-size:5.5rem;color:#fff;letter-spacing:0.1rem;margin-bottom:2rem;}
	@media only screen and (max-width:1620px){
	}
    @media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {height:30rem;}
		.fs_sub_visual div p {font-size:4.5rem;}
	}

/* 서브컨텐츠 */
#fs_container_wrap {}
.fs_snb_contents {}

/* 네이게이션 */
.navigation .dep1 {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.navigation .dep1 li a {color:#fff;}
.navigation .dep1 li i {color:#fff;padding:0 1rem;}
.navigation .dep1 li i.home {padding:0;}

/* 서브메뉴 */
.fs_snb_box {width:100%;margin:0 auto;}
.fs_snb_box .snb_menu {position:relative;margin-top:2rem;text-align:center}
.fs_snb_box .snb_menu ul.m_tabs {display:flex;flex-wrap:wrap;position:relative;top:50%;justify-content:center;}
.fs_snb_box .snb_menu ul.m_tabs {display:inline-flex;gap:0 2rem;justify-content:center;}
.fs_snb_box .snb_menu ul.m_tabs li {position:relative;}
.fs_snb_box .snb_menu ul.m_tabs li:first-child {padding-left:0;}
.fs_snb_box .snb_menu ul.m_tabs li:last-child {padding-right:0;}
.fs_snb_box .snb_menu ul.m_tabs li a {font-size:1.7rem;font-weight:500;text-decoration:none;position:relative;height:6rem;justify-content:center;align-items:center;display:flex;border-bottom:2px solid #ddd;color:#ccc;padding:0 3rem;}
.fs_snb_box .snb_menu ul.m_tabs li.on a,
.fs_snb_box .snb_menu ul.m_tabs li a:is(:hover,:active,:focus) {color:#1d9cff;border-bottom:2px solid #1d9cff;}
	@media only screen and (max-width:1399px){

	}
	@media only screen and (max-width:1023px){
		
	}
	@media only screen and (max-width:767px){
		.fs_snb_box .snb_menu ul.m_tabs {gap:0 1.5rem;}
		.fs_snb_box .snb_menu ul.m_tabs li a {padding:0 1rem;font-size:1.8rem;}
    }

/* 컨텐츠 영역 */
.con_header {margin-top:15rem;text-align:center;}
.con_header h3 {font-size:5rem;font-weight:600;line-height:normal;color:#000;display:inline-block;}
	@media only screen and (max-width:1023px){
		.con_header h3 {font-size:3.5rem;}
	}
	@media only screen and (max-width:767px){
		.con_header {margin-top:60px;}
		.con_header h3 {font-size:3rem;}
	}

/* 실컨텐츠영역 */
.con_body {margin:15rem 0;min-height:300px;}
    @media only screen and (max-width:1023px){
		.con_body {margin:12rem 0;}
	}
	@media only screen and (max-width:767px){
		.con_body {margin:10rem 0;}
	}

/******************************/
/* 푸터 영역 */
/******************************/
#fs_footer {background:#111;text-align:center;}
.fs_footer_box {padding-top:6rem;}
.fs_footer_box .foot_logo img {filter: brightness(0) saturate(100%) invert(89%) sepia(31%) saturate(2%) hue-rotate(248deg) brightness(110%) contrast(100%);width:16rem;}
.fs_footer_box ul {display:flex;flex-wrap:wrap;gap:0.5rem 4rem;justify-content:center;margin-top:3rem;}
.fs_footer_box ul li {color:#fff;font-size:1.3rem;font-weight:600;}
.fs_footer_box .foot_text {font-size:1.4rem;}
.fs_footer_box .foot_text address {margin:3rem 0 5rem;font-weight:600;}
.fs_footer_box .foot_text address span {position:relative;color:#595954;font-weight:600;}
.fs_footer_box .foot_text address span:last-child {margin-right:0;}
.fs_footer_box .foot_text address span.address {display:block;margin-bottom:1.0rem;}
.fs_footer_box .foot_text address span.tel {padding-right:4rem;}
.fs_footer_box .foot_text address span.tel:before {content:"";position:absolute;top:2px;right:1.6rem;width:1px;height:12px;background:#595954;border-radius:100%;}
.fs_footer_box .foot_text span.copyright {color:#7a7a7a;border-top:1px solid #292929;font-weight:600;display:block;padding:3rem 0;}
	@media only screen and (max-width:767px){
        #fs_footer {padding:6rem 0;}
        .fs_footer_box .foot_text address {margin:3rem 0;}
        .fs_footer_box .foot_text address span {display:block;margin:5px 0;}
	}

/* 맨위로 */
.btn_top {position:fixed;right:20px;bottom:20px;z-index:100;width:6rem;height:6rem;background:#1d9cff;display:flex;justify-content:center;align-items:center;}
.btn_top i {color:#fff;font-size:2.3rem;}