@charset "utf-8";
@import url('font/fs_font.css');

/* 해더영역 */
#fs_header {position:fixed;left:0;top:0;bottom:0;background:#fff;z-index: 100;padding:60px 30px;width:300px;transition:all .4s;-webkit-transition:all .4s;box-shadow: 7px 7px 10px rgba(0,0,0,.03);}
/* 상단 */
.fs_head .global_box {padding-bottom:10px;border-bottom:1px solid #eee;}
.fs_head .global_box ul.lang_list {display:flex;margin-top:20px;}
.fs_head .global_box ul.lang_list > li a {position:relative;display:block;width:100%;padding:0 10px;color:#999;font-weight:800;}
.fs_head .global_box ul.lang_list > li:first-child a {padding-left:0;}
.fs_head .global_box ul.lang_list > li + li a:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:1px;height:12px;background:#ddd;}
.fs_head .global_box ul.lang_list > li.on a,
.fs_head .global_box ul.lang_list > li:hover a,
.fs_head .global_box ul.lang_list > li:focus a,
.fs_head .global_box ul.lang_list > li:active a {color:#222;}


/* 모바일 버튼 */
.fs_head .mbtn_box {display:none;}

/* 헤더메뉴 */
.fs_mtop_menu {display:none;}
.fs_top_menu {margin-top:40px;}
.fs_top_menu .lnb {}
.fs_top_menu .lnb:after {content:"";display:block;clear:both;}
.fs_top_menu .lnb a {display:block;width:100%;padding:12px 0;color:#222;font-weight:700;font-size:17px;}
.fs_top_menu .lnb > li .lnb_title {position:relative;}
.fs_top_menu .lnb > li .lnb_title:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url(/images/fs/layout/ico_lnb.png) no-repeat center;width:11px;height:5px;opacity:.2;transition:all .4s;-webkit-transition:all .4s;}
.fs_top_menu .lnb > li.chn_kakao .lnb_title:after {display: none;}
.fs_top_menu .lnb > li.on .lnb_title:after {transform:rotate(180deg);opacity: 1;}
.fs_top_menu .lnb > li.on .lnb_title,
.fs_top_menu .lnb > li:hover .lnb_title,
.fs_top_menu .lnb > li:focus .lnb_title,
.fs_top_menu .lnb > li:active .lnb_title {color:#3561ad;}
	/* 1뎁스 */
	.fs_top_menu .lnb > li .lnb_layer01 {display:none;margin:0 auto;padding:15px 20px;border-radius:10px 10px 0 10px;background:#f5f8fc;}
	.fs_top_menu .lnb > li .lnb_layer01 a {position:relative;padding:0 0 0 12px;font-size:16px;font-weight:400;line-height:30px;color:#999;}
	.fs_top_menu .lnb > li .lnb_layer01 a:after {content:'';position:absolute;left:0;top:13px;width:2px;height:2px;border-radius:30px;background:#999;}
	.fs_top_menu .lnb > li.on .lnb_layer01 {}
	.fs_top_menu .lnb > li .lnb_layer01 a:hover,
	.fs_top_menu .lnb > li .lnb_layer01 a:focus,
	.fs_top_menu .lnb > li .lnb_layer01 a:active {color:#000;text-decoration: underline;}
	.lnb > li.chn_kakao {margin-top:10px;}
	.lnb > li.chn_kakao .lnb_title {background:#f5f5f5;color:#381e1f;text-align:center;border-radius:10px;font-size:15px;padding:10px 0;transition:all .4s;-webkit-transition:all .4s;}
	.lnb > li.chn_kakao .lnb_title:hover {background:#381e1f;color:#fff;box-shadow:5px 7px 10px rgba(0,0,0,0.1);}
	.lnb > li.chn_kakao .lnb_title span {position:relative;display:inline-block;padding-left:23px;}
	.lnb > li.chn_kakao .lnb_title:hover span {color:#fff;}
	.lnb > li.chn_kakao .lnb_title span:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url(/images/fs/layout/chn_kakao.png) no-repeat center;width:17px;height:15px;background-size:contain;}
	.lnb > li.chn_kakao .lnb_title:hover span:after {background:url(/images/fs/layout/chn_kakao_ov.png) no-repeat center;background-size:contain;}

	/* 반응형 */
	@media only screen and (max-width:1299px){
		.fs_top_menu {display:none;}
		.overflow_y .fs_mtop_menu {position:fixed;width:60%;right:0;top:80px;height:calc(100% - 80px);background:#fff;border-top:1px solid #eee;}
		.overflow_y .fs_mtop_menu .lnb {padding:60px 30px;text-align:center;}
		.overflow_y .fs_mtop_menu .lnb > li {}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_title {position:relative;display:block;width:100%;padding:30px 0;color:#222;font-weight:600;font-size:28px;border-bottom:1px solid #eee;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_title.arrow:after {content:'';position:absolute;right:30px;top:0;bottom:0;margin:auto;background:url(/images/fs/layout/ico_lnb.png) no-repeat center;width:11px;height:5px;opacity:.2;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnb > li.on .lnb_title.arrow:after {transform:rotate(180deg);opacity: 1;}
		.overflow_y .fs_mtop_menu .lnb > li.on .lnb_title {color:#3561ad;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 {padding:20px 0;background:#f5f5f5;}
		.overflow_y .fs_mtop_menu .lnb > li.on .lnb_layer01 {}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li {}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a {display:block;padding:10px;font-size:18px;font-weight:500;transition:all .4s;-webkit-transition:all .4s;color:#999;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a span {position:relative;display:inline-block;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a span:after {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#222;transition:all .2s;-webkit-transition:all .2s;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a:hover {color:#222;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a:hover span:after {width:100%;}

		.overflow_y .fs_mtop_menu .lnb > li.chn_kakao {display:inline-block;margin-top:60px;}
		.overflow_y .fs_mtop_menu .lnb > li.chn_kakao .lnb_title {padding:10px 50px;font-size:16px;border:0;}
		/*헤더*/
		#fs_header {width:100%;height:80px;border-radius:0;padding:0 30px;}
		#fs_header .logo {display:inline-block;margin-top:28px;}
		#fs_header .global_box {display:inline-block;float:right;margin:28px 45px 0 0;border-bottom:0;padding-bottom:0;}
		#fs_header .fs_head .global_box ul.lang_list {margin-top:0;}
		#fs_header #fs_footer {display:none;}
		/*모바일버튼*/
		.fs_head .mbtn_box {display:block;}
		.fs_head .mbtn_box .menu_open {position:absolute;z-index:110;display:block;top:15px;right:0;width:50px;height:50px;font-size:0;}
		.fs_head .mbtn_box .menu_open:after {content:"";display:inline-block;position:absolute;right:30px;top: 32px;width: 20px;height:2px;background:#222;transition:all 0.4s;} /*아래*/
		.fs_head .mbtn_box .menu_open span:after {content:"";display:inline-block;position:absolute;right:30px;top: 23px;width: 20px;height:2px;background:#222;transition:all ease .5s;} /*중앙*/
		.fs_head .mbtn_box .menu_open span:before {content:"";display:inline-block;position:absolute;right:30px;top: 15px;width: 20px;height:2px;background:#222;transition:all ease .5s;} /*위*/
		/*모바일 버튼_on*/
		.fs_head .mbtn_box .menu_open.on {}
		.fs_head .mbtn_box .menu_open.on:after {display:none;}/* 아래 */
		.fs_head .mbtn_box .menu_open.on span:after {top:24px;width:22px;height:2px;background:#3561ad !important;transform:rotate(45deg);-webkit-transform:rotate(45deg);}/* 위 */
		.fs_head .mbtn_box .menu_open.on span:before {top:24px;width:22px;height:2px;background:#3561ad !important;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}/* 아래*/
	}
	@media only screen and (max-width:767px){
		#fs_header {padding:0 15px;}
		#fs_header .logo {margin-top:31px;}
		#fs_header .logo img {width:180px;}
		#fs_header .global_box {margin:31px 25px 0 0;}
		.fs_head .mbtn_box .menu_open:after {right:15px;}
		.fs_head .mbtn_box .menu_open span:after,
		.fs_head .mbtn_box .menu_open span:before {right:15px;}
		.overflow_y .fs_mtop_menu {width:100%;}
		.overflow_y .fs_mtop_menu .lnb {padding:40px 0;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_title {font-size:20px;padding:20px 10px;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 {padding:10px 0;}
		.overflow_y .fs_mtop_menu .lnb > li.chn_kakao {margin-top:40px;}
		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a {font-size:16px;}
	}
	@media only screen and (max-width:560px){
		#fs_header .logo {margin-top:36px;}
		#fs_header .logo img {width:150px;}

		.overflow_y .fs_mtop_menu .lnb > li .lnb_layer01 > li a {padding:5px 10px;}
	}

/* 컨텐츠 영역 */
#fs_container_wrap {position:relative;height:100%;padding:80px 30px 100px 300px;}
.fs_content {overflow:hidden;width:auto;word-break: keep-all;}
	/* 로케이션 */
	.con_header {position:relative;display:flex;align-items:center;max-width:1200px;margin:auto;height:152px;padding:0 50px;border-radius:20px 20px 20px 0;/*animation-duration: 1.2s;animation-delay: .8s;*/}
	.con_header:after {content:"";display: block;position:absolute;left:10px;bottom:-10px;width:10px;height: 20px;background: #3561ad;animation-name: cheader_bar;animation-duration: 1.5s;}
		@keyframes cheader_bar {
			0% {height:0;left:10px;bottom:10px;opacity:0;}
			30% {left:10px;}
			50% {height:20px;}
			100% {height:20px;left:10px;bottom:-10px;opacity: 1;}
		}
	.con_header .c_box {position:relative;display:block;width: 100%;}
	.con_header .c_box .ptit {text-align:left;font-size:18px;color:#fff;word-break:keep-all;}
	.con_header .c_box .ptit em {font-weight: 600;}
	.con_header .c_box .right {display: flex;justify-content: space-between;align-items:flex-end;width: 100%;margin-top:15px;}
	.con_header .c_box .right .tith3 {position:relative;line-height:1;font-size:40px;font-weight:bold;text-align:left;color:#fff;}
	.con_header .location {display:flex;justify-content: center;}
	.con_header .location > li {position:relative;padding-right:9px;color:#fff;font-weight:500;}
	.con_header .location > li a {}
	.con_header .location > li a img {width: 16px;}
	.con_header .location > li a img.arr {margin-left:9px;}
	.con_header .location > li a.home {font-size:0;}
	.con_header .location > li .navi_ov {}

	/* 실컨텐츠영역 */
	.con_body {padding:80px 0;}

	/* 반응형 */
	@media only screen and (max-width:1529px){
		.fs_content {margin-left:30px;}
	}
	@media only screen and (max-width:1299px){
		#fs_container_wrap {padding:140px 30px 30px 30px;}
		.fs_content {margin-left:0;}
	}
	@media only screen and (max-width:1023px){
		.con_header {height:auto;padding:40px 30px;}
		.con_header .c_box .right {margin-top:10px;}
		.con_header .c_box .right .tith3 {font-size:37px;}
	}
	@media only screen and (max-width:767px){
		#fs_container_wrap {padding:120px 15px 80px 15px;}
		.con_header {text-align: center;padding:30px 30px;}
		.con_header .c_box .right {flex-wrap: wrap;}
		.con_header .c_box .right .tith3 {font-size:35px;}
		.con_header .location {margin-top:10px;}
		.con_body {padding:60px 0;}
	}
	@media only screen and (max-width:560px){
		.con_header .c_box .tith3 {font-size:44px;}
	}


/* 푸터영역 */
.btn_top {position:absolute;padding-top:35px;display:inline-block;width:50px;height:50px;right:0;left:0;margin:auto;z-index:11;color:#fff;text-align: center;animation:btntop ;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease;transition:all .4s;-webkit-transition:all .4s;}
	@keyframes btntop {
		from { bottom:55px;}
		to { bottom:60px;}
	}
.btn_top:after {content:'';position:absolute;top:0;left:0;right:0;margin:auto;background:url(/images/fs/layout/btn_top.png) no-repeat center;width:50px;height:50px;}
#fs_footer {position:absolute;left:0;bottom:60px;padding:0 30px;}
#fs_footer .fs_footer_box .foot_title {color:#000;border-bottom:1px solid #000;font-weight:600;}
#fs_footer .fs_footer_box .foot_text {margin:20px 0 10px;color:#999;font-size:15px;line-height:normal;}
#fs_footer .fs_footer_box .foot_text .contact_list {margin-top:10px;}
#fs_footer .fs_footer_box .foot_text .contact_list > li strong {display:inline-block;margin-right:5px;font-weight:600;}
#fs_footer .fs_footer_box .foot_text .copyright {display:block;font-size:14px;color:#bbb;margin-top:20px;font-weight:400;line-height:22px;}
#fs_footer .fs_footer_box .foot_text + a {position:relative;padding-right:17px;}
#fs_footer .fs_footer_box .foot_text + a:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:12px;height:100%;background:url(/images/fs/common/ico_link.png) no-repeat center;transition:all .4s;-webkit-transition:all .4s;}
#fs_footer .fs_footer_box .foot_text + a:hover:after {background:url(/images/fs/common/ico_link2.png) no-repeat center;}

#m_fs_footer {display:none;}

/*맨위로*/
#fs_footer .btn_top {}

	@media only screen and (max-width:1299px){
		@keyframes btntop {
			from { bottom:30px;}
			to { bottom:35px;}
		}
		/* 푸터영역 */
		#m_fs_footer {display:table;width:100%;}
		.m_fs_footer {display:block;width:100%;padding:40px 30px;text-align: center;background:#333;}
		.m_fs_footer .foot_text {margin-top:10px;color:#888;font-size:15px;}
		.m_fs_footer .foot_text address.address {margin-bottom:0;}
		.m_fs_footer .foot_text address br {display:none;}
		.m_fs_footer .foot_text .contact_list {display:flex;justify-content: center;line-height:normal;}
		.m_fs_footer .foot_text .contact_list > li {position:relative;padding:0 10px;}
		.m_fs_footer .foot_text .contact_list > li:first-child {padding-left:0;}
		.m_fs_footer .foot_text .contact_list > li + li:after {content:'';position:absolute;left:0;top:4px;width:1px;height:10px;background:#666;}
		.m_fs_footer .foot_text .contact_list > li strong {color:#666;}
		.m_fs_footer .foot_text .copyright {display:block;font-size:14px;color:#bbb;margin-top:20px;font-weight:400;line-height:22px;}
		.m_fs_footer .fs_footer_box .foot_text + a {display:inline-block;position:relative;padding-right:17px;margin-top:5px;color:#999;}
		.m_fs_footer .fs_footer_box .foot_text + a:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:12px;height:100%;background:url(/images/fs/common/ico_link.png) no-repeat center;transition:all .4s;-webkit-transition:all .4s;}
	}
	@media only screen and (max-width:560px){
		.m_fs_footer .foot_text .contact_list {display:block;}
		.m_fs_footer .foot_text .contact_list > li {padding:0;}
		.m_fs_footer .foot_text .contact_list > li + li:after {display:none;}
	}
