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

/******************************/
/* 공통 */
/******************************/
a, button {
	transition:all .4s;-webkit-transition:all .4s;
    text-decoration:none;
}
.wrap {padding:0 15rem;} 
    @media only screen and (max-width:1619px){
        .wrap {padding:0 5%;} 
	}

/******************************/
/* 헤더 영역 */
/******************************/
#fs_header {position:fixed;left:0;top:0;width:100%;z-index:999;transition:all .4s;-webkit-transition:all .4s;background:#fff;}

.fs_head {}
.fs_head:after{position:absolute;content:'';top:calc(12rem - 1px);left:calc(12rem - 1px);width:40px;height:40px;background:url("/images/fs/layout/round.png");}
.fs_head .head_top {display:flex;align-items:center;background:#fff;height:10rem;width:100%;justify-content:space-between;border-bottom:1px solid #ddd;z-index:9}
.fs_head .head_top ul {display:flex;gap:0 5rem;z-index:1;}
.fs_head .head_top ul li {position:relative;}
.fs_head .head_top ul li:last-child:before {content:"";position:absolute;left:-2.75rem;top:calc(50% - 2.5px);width:5px;height:5px;background:#c0c0c0;border-radius:100%;}
.fs_head .head_bottom {display:flex;align-items:center;justify-content:space-between;position:relative;}
    @media only screen and (max-width:1199px){
		.fs_head .head_top {border-bottom:0;}
		.fs_head .head_top ul {margin-right:6rem;}
	}
    @media only screen and (max-width:767px){
		.fs_head .head_top ul {gap:0 2.5rem;margin-right:5rem;padding-left:2rem;}
		.fs_head .head_top ul li:last-child:before {left:-1.5rem; width:3px;height:3px;}
	}

/* 로고 */
.fs_head .logo {width:21rem;align-items:center;height:12rem;display:flex;}
.fs_head .logo a {z-index:1;}
    @media only screen and (max-width:1023px){
		.fs_head .logo {width:22rem;}
		.fs_head .logo img {width:22rem;}
	}
    @media only screen and (max-width:767px){
		.fs_head .logo {width:20rem;}
		.fs_head .logo img {width:20rem;}
	}
 	
/* 헤더메뉴 */

.fs_top_menu .lnb {display:flex;}
	/* 1뎁스 */
    .fs_top_menu .lnb > li {position:relative;}
	.fs_top_menu .lnb > li .lnb_title {display:flex;justify-content:center;align-items:center;font-weight:500;font-size:1.8rem;color:#000;height:6rem;position:relative;text-decoration:none;padding:0 7.5rem 0 2rem;}
	.fs_top_menu .lnb > li.active-bg .lnb_title {color:#174e70 !important;}
	.fs_top_menu .lnb > li.on .lnb_title,
	.fs_top_menu .lnb > li .lnb_title:is(:hover,:active,:focus) {background:linear-gradient(180deg, #4996b4 0%, #387d9d 100%);color:#fff;}

    /* 2뎁스 */
	.fs_top_menu .lnb > li .lnb_layer01 {display:none;width:100%;padding:20px 0;background:linear-gradient(180deg, #387d9d 0%, #174e70 100%);color:#fff;position:absolute;top:6rem;left:0;border-radius:0 0 2rem 2rem;padding:2rem;}
	.fs_top_menu .lnb > li .lnb_layer01 li a {position:relative;display:flex;padding:1rem 0;font-weight:400;font-size:1.5rem;color:#fff;text-decoration: none;justify-content:space-between;}
	.fs_top_menu .lnb > li .lnb_layer01 li a:is(:hover,:focus,:active) {font-weight:500;color:#91ecff;}
        @media only screen and (max-width:1399px){
			.fs_top_menu .lnb > li .lnb_title {padding:0 6rem 0 2rem;}
		}
        @media only screen and (max-width:1299px){
            .fs_top_menu .lnb > li .lnb_title {font-size:1.6rem;}
		}
		@media only screen and (max-width:1199px){
			.fs_top_menu {display: none;}
		}
		@media only screen and (max-width:1023px){
			
			
		}

		/* 오버, 스크롤 시 */
        #fs_header:is(:hover,:active,:focus),
		#fs_header:is(.active,.scroll) {background:#fff;box-shadow:0 15px 30px -15px rgba(0,0,0,.1);}

/******************************/
/* 사이트맵 */
/******************************/
/* 버튼 */
.global_box {position:absolute;top:2rem;right:0;}
.sitemap_btn_box {display:flex;align-items:center;justify-content:center;}
.sitemap_btn {position:relative;width:3rem;height:22px;display:flex;align-items:center;cursor:pointer;transition:all 0.25s ease-in;}
.sitemap_btn .menu_line { position:absolute;width:100%;height:2px;background:#c0c0c0;transition:all 0.25s ease-in;border-radius:5px;}
.sitemap_btn .menu_line.line_1 {left:0;top:0;background:#174e70;}
.sitemap_btn .menu_line.line_2 {}
.sitemap_btn .menu_line.line_3 {left:0;top:20px;}
.fs_head.open .visual_scroll {display:none;}
    @media only screen and (max-width:1199px){
		.global_box {top:-6.3rem;}
	}
    @media only screen and (max-width:1023px){
	}

/* 오픈 */
body.overlay {overflow:hidden;}
body.overlay .global_box {}
.fs_head.open .logo, .fs_head.open .sitemap_btn {position:relative;z-index:10;}
.fs_head.open .sitemap_btn .menu_line {background:#174e70;}
.sitemap_btn.open:hover {transform:rotate(180deg);}
.sitemap_btn.open .menu_line.line_1 {opacity:0;}
.sitemap_btn.open .menu_line.line_2 {width:100%;top:10px;transform:rotate(45deg);}
.sitemap_btn.open .menu_line.line_3 {top:10px;transform:rotate(-45deg);}

/* 사이트맵 */
.sitemap_box {visibility:hidden;position:fixed;left:-100%;top:0;width:100%;height:100vh;transition:all 0.4s;}
.sitemap_box.open {visibility:visible;top:0;left:0;background:#fff;}
.sitemap_box .lnb {padding:0 15rem;display:flex;flex-wrap:wrap;position:relative;top:55%;transform:translateY(-50%);overflow-y:scroll;max-height:90vh;}
.sitemap_box .lnb > li {width:100%;text-align:start;display:flex;flex-wrap:wrap;flex:1 1 100%;height:100%;border-bottom:1px dashed #ddd;padding:3rem 0;}
.sitemap_box .lnb > li:is(:hover,:active,:focus) .lnb_title {color:#174e70;}
.sitemap_box .lnb > li:hover .lnb_title:before {background-color:#174e70;}
.sitemap_box .lnb > li .lnb_title {font-size:2rem;color:#000;font-weight:700;display:block;position:relative;text-decoration:none;text-align:left;width:30rem;}
.sitemap_box .lnb > li .lnb_layer01 {width:calc(100% - 30rem);display:flex;flex-wrap:wrap;gap:3rem 5rem;}
.sitemap_box .lnb > li .lnb_layer01 > li {color:#666;font-weight:500;line-height:6rem;text-align:left;width:25%;}
.sitemap_box .lnb > li .lnb_layer01 > li a {position:relative;font-size:1.5rem;width:100%;font-weight:500;text-decoration:none;line-height:1.2;display:flex;justify-content:space-between;}
.sitemap_box .lnb > li .lnb_layer01 > li a:is(:hover,:active,:focus) {color:#174e70;text-decoration:underline;}

.sitemap_box .lnb > li .depth2_tit {display:none;}
.sitemap_box .lnb > li .lnb_layer01 > li .lnb_layer02 {text-align:left;}
.sitemap_box .lnb > li .lnb_layer01 > li .lnb_layer02 li a {position:relative;margin-top:1rem;padding-left:1rem;height:auto;font-weight:400;font-size:1.6rem;line-height:1.2;display:block;}
.sitemap_box .lnb > li .lnb_layer01 > li .lnb_layer02 li a:after {content:'';position:absolute;left:0;top:7px;width:3px;height:3px;background:#403f3e;border-radius:100%;}
    @media only screen and (max-width:1619px){
		.sitemap_box .lnb {padding:0 5%;}
	}
    @media only screen and (max-width:1399px){
		.sitemap_box .lnb > li .lnb_title {height:5rem;}
	}
    @media only screen and (max-width:1199px){
		
	}        
	@media only screen and (max-width:1023px){
		.sitemap_box .lnb > li {flex:auto;display:flex;flex-wrap:wrap;padding:2rem 0;border-bottom:1px dashed #ddd;}
		.sitemap_box .lnb > li .lnb_title {width:23rem;height:auto;font-size:2.3rem;}
		.sitemap_box .lnb > li .lnb_layer01 {width:calc(100% - 23rem);margin-top:1rem;gap:1rem 0;}
		.sitemap_box .lnb > li .lnb_layer01 > li {width:33.33%;}
		.sitemap_box .lnb > li .lnb_layer01 > li a {font-size:1.6rem;}
	}
	@media only screen and (max-width:767px){
		.sitemap_box .lnb {padding-left:5%;}
		.sitemap_box .lnb > li .lnb_title {width:18rem;font-size:2rem;}
		.sitemap_box .lnb > li .lnb_layer01 {width:calc(100% - 18rem);margin-top:0.5rem;}
		.sitemap_box .lnb > li .lnb_layer01 > li {width:100%;}
	}

/* 스크롤 효과 */
.visual_scroll div {writing-mode: vertical-rl;display:flex;position:absolute;bottom:5rem;left:0;align-items:center;animation:motion 0.8s ease-in-out 0s infinite alternate;line-height:12rem;}
.visual_scroll div img {margin-left:1rem;}
.visual_scroll div p {color:#c5c5c5;font-size:1.6rem;padding-bottom:1.5rem;letter-spacing:1.3rem;font-weight:600;}
    @keyframes motion {
		0% {margin-bottom:0px;}
		100% {margin-bottom:20px;}
	}
    @media only screen and (max-width:1023px){
		.fs_head .global_box {height:auto;width:auto;padding-left:5%;background:none;}
	}
	@media only screen and (max-width:767px){
		
	}
/******************************/
/* 서브 영역 */
/******************************/
#fs_container_wrap {overflow:hidden;}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {padding-left:0;}
	}

/* 서브비주얼 */
.fs_sub_visual {position:relative;width: 100%;height:calc(100vh - 16rem);background-color:#eee;background-size:cover;margin-top:16rem;display:flex;align-items:center;justify-content:center;text-align:center;}
.fs_sub_visual p {line-height:1.4;color:#fff;text-shadow:5px 5px 5px rgba(0,0,0,0.1);width:100%;margin-top:1rem;}
.fs_sub_visual p strong {display: block;font-size:7rem;}
.fs_sub_visual .location {line-height:1.4;width:100%;display:flex;align-items:center;justify-content:center;}
.fs_sub_visual .location a {color:#fff;opacity:0.5;text-decoration:none;}
.fs_sub_visual .location i {color:#fff;margin:0 1rem;opacity:0.4;font-size:2rem;}
.fs_sub_visual .location a.home i {opacity:1;}
.fs_sub_visual .location .navi_ov {opacity:1;font-weight:500;}

	@media only screen and (max-width:1199px){
		.fs_sub_visual {margin-top:10rem;}
		.fs_sub_visual p strong {font-size:6rem;}
	}
	@media only screen and (max-width:1023px){
		.fs_sub_visual {height:50rem;}
		.fs_sub_visual p strong {font-size:5rem;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {background-position:center;height:30rem;}
		.fs_sub_visual p strong {font-size:4rem;}
	}

/* 서브메뉴 */
.fs_snb_box {width:100%;margin:0 auto;}
.fs_snb_box .snb_menu {position:relative;}
.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:flex;margin-top:8rem;}
.fs_snb_box .snb_menu ul.m_tabs li {position:relative;padding:0 5rem;}
.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+li:before {content:"";width:5px;height:5px;background:#ddd;border-radius:100%;position:absolute;top:8px;left:0;}
.fs_snb_box .snb_menu ul.m_tabs li a {font-size:1.7rem;font-weight:500;color:#999;text-decoration:none;position:relative;}
.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:#174e70;font-weight:600}
.fs_snb_box .snb_menu ul.m_tabs li a:after {display:block;content:"";position:absolute;left:0;right:0;top:-28px;width:28px;height:21px;transition:all .4s;-webkit-transition:all .4s;margin:0 auto;}
.fs_snb_box .snb_menu ul.m_tabs li.on a:after,
.fs_snb_box .snb_menu ul.m_tabs li a:is(:hover,:active,:focus):after {background:url("/images/fs/layout/snb_menu_on.png");width:28px;height:21px;}

	@media only screen and (max-width:1399px){

	}
	@media only screen and (max-width:1199px){

	}
	@media only screen and (max-width:767px){
		.fs_snb_box {display:none;}
    }

/* 오른쪽영역 */
.con_header {}

	/* 실컨텐츠영역 */
	.con_body {padding-bottom:6rem;}
	.con_header {margin-bottom:8rem;}
	.con_header h3.tit {padding-bottom:3rem;color:#222;text-align:center;font-size:2.5em;font-weight:600;margin-top:14rem;position:relative;}
    .con_header h3.tit:before {content:"";width:5rem;height:2px;background:#000;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
        @media only screen and (max-width:1399px){
			
		}
		@media only screen and (max-width:1023px){
			.con_header h3.tit {font-size:4rem;}
		}
		@media only screen and (max-width:767px){
            .con_header h3.tit {font-size:3.5rem;margin-top:8rem;}
		}


/******************************/
/* 푸터영역 */
/******************************/
#fs_footer {padding:10rem 0 15rem 0;background:#031f30;}
#fs_footer .wrap {width:100%;}
#fs_footer .fs_footer_box {position:relative;}

/* 기본정보 */
.fs_footer_box .foot_text {}
.fs_footer_box .foot_text .foot_top {display:flex;justify-content:space-between;width:100%;align-items:center;flex-wrap:wrap;}
.fs_footer_box .foot_logo {}
.fs_footer_box .foot_logo img {filter:sepia(100%) brightness(1000%);}
.fs_footer_box .foot_info {font-size:1.5rem;color:#fff;line-height:1.6;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.fs_footer_box .foot_info .left {display:flex;flex-wrap:wrap;gap:0 10rem;}
.fs_footer_box .foot_info .foot_adress {margin-top:4rem;}
.fs_footer_box .foot_info .foot_adress strong {font-size:1.8rem;font-weight:500;margin-bottom:1rem;display:block;}
.fs_footer_box .foot_info .foot_adress ul li {color:#fff;font-size:1.4rem;display:flex;flex-wrap:wrap;margin:0.5rem 0;}
.fs_footer_box .foot_info .foot_adress ul li em {font-weight:500;color:#fff;width:8rem;}
.fs_footer_box .foot_info .foot_adress ul li p {width:calc(100% - 8rem);}
.fs_footer_box .foot_info span.copyright {display:flex;align-items:end;margin-top:4rem;}

    @media only screen and (max-width:1399px){
	}
	@media only screen and (max-width:1199px){
		.fs_footer_box .foot_logo {width:25rem;}
		.fs_footer_box .foot_logo img {width:20rem;}
	}
    @media only screen and (max-width:1023px){
		#fs_footer {padding:8rem 0 15rem 0;}
	}
	@media only screen and (max-width:767px){
		#fs_footer {padding:6rem 0 15rem 0;}
		.fs_footer_box .foot_text .foot_top {margin-bottom:2rem;}
		.fs_footer_box .foot_text {align-items:center;flex-direction:column;gap:3rem;}
		.fs_footer_box .foot_info .left {width:100%;gap:0;}
		.fs_footer_box .foot_logo {width:100%;}
		.fs_footer_box .foot_info .foot_adress {margin-top:3rem;width:100%;}
		
	}

/* 퀵메뉴 */
#fs_wrap {position:relative;}
.quick {position:fixed;left:0;right:0;bottom:1rem;z-index:99;margin:0 auto;}
#quickmenu{display:flex;justify-content:center;flex-wrap:wrap;gap:0.5rem;align-items:flex-end;}
#quickmenu > li {width:12rem;transition:all .4s;-webkit-transition:all .4s;padding:1.5rem 2rem;border-radius:1rem;background:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,0.1);}
#quickmenu > li:is(:hover,:active,:focus) {width:22rem;}
#quickmenu > li strong {font-weight:600;display:block;border-bottom:1px solid #174e70;padding-bottom:0.5rem;color:#174e70;}
#quickmenu > li > a {height:20px;line-height:20px;margin-bottom:5px;padding:2rem;display:block;}

.quicklist {}
.quicklist li {margin-top:1rem;display:flex;font-size:1.3rem;color:#174e70;flex-wrap:wrap;}
.quicklist li i {padding-right:0.5rem;color:#174e70;}
.quicklist li p {font-weight:500;display:flex;align-items:center;flex-wrap:wrap;}
.quicklist li div {font-weight:400;color:#000;width:100%;transition:all .4s;-webkit-transition:all .4s;font-size:0;display:contents;}
.quicklist li div em {font-weight:500;color:#000;display:inline-block;width:100%;}
.quicklist li div em.point2 {color:#ff0000;background:url(../../images/fs/common/ico_caution2.png) no-repeat 0 1px;}
.quicklist li div span {width:100%;}
.quicklist li div span.cr_blue {font-weight:500;display:inline-block;width:100%;}
#quickmenu > li:is(:hover,:active,:focus) .quicklist li div {font-size:1.3rem;}
.quicklist li:is(:hover,:active,:focus) div em {margin-top:0.5rem;}

#quickmenu > li:nth-child(2) strong {color:#b60005;border-bottom:1px solid #b60005;}
#quickmenu > li:nth-child(2) .quicklist li {color:#b60005;}
#quickmenu > li:nth-child(2) .quicklist li i {color:#b60005;}

#quickmenu > li + li + li {background:#fae100;color:#381e1f;text-align:center;padding:1.8rem 0;}
#quickmenu > li + li + li a {height:unset;line-height:normal;margin-bottom:0;padding:0;text-decoration:none;}
#quickmenu > li + li + li i {font-size:3rem;}
#quickmenu > li + li + li p {font-size:1.3rem;font-weight:600;}
	@media only screen and (max-width:1199px){
		#quickmenu > li + li + li {padding:2rem 0;}
	}
	@media only screen and (max-width:767px){
		#quickmenu > li {width:10rem;background:rgba(255,255,255,0.8);padding:1.5rem;}
		#quickmenu > li + li + li {background:rgba(250,225,0,0.8);padding:1rem 0;}
		#quickmenu > li:is(:hover,:active,:focus) {width:21rem;}
	}