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

/***********************/
/* 공통 */
/***********************/
a {transition:all .4s;-webkit-transition:all .4s;}
.wrap {width:calc(100% - 20rem);margin:0 auto;}
    @media only screen and (max-width:1399px){
		.wrap {width:calc(100% - 10%);}
	}
    @media only screen and (max-width:1199px){
	}
	@media only screen and (max-width:1023px){
	}


/***********************/
/* 헤더영역 */
/***********************/
#fs_header {position:fixed;z-index:10;top:0;left:0;background:#fff;width:100%;transition:all .4s ease-in-out;}
#fs_header.scroll_hide {transform:translateY(-200%);}
#fs_header.scroll {box-shadow:0 1px 1px 0 rgba(0,0,0,.05);}
.fs_head {padding:0 10rem;height:12rem;display:flex;justify-content:space-between;align-items:center;}
    @media only screen and (max-width:1399px){
		.fs_head {margin:0 4rem;padding:0;}
	}
	@media only screen and (max-width:1199px){
	}
	@media only screen and (max-width:1023px){
		.fs_head {margin:0 4rem;height:10rem;}
	}
	@media only screen and (max-width:767px){
		.fs_head {margin:0 2rem;}
	}

/* 로고 */
.logo > a {display:flex;height:100%;align-items:center;}
	@media only screen and (max-width:479px){
		.logo > a img {max-width:20rem;}
	}

/* 헤더메뉴_주메뉴 */
.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 {}
.fs_top_menu .menu_box .lnb > li > .lnb_title {display:flex;justify-content:center;align-items:center;padding:0 4rem;height:12rem;font-size:1.8rem;color:#000;text-decoration:none;transition:opacity 0.3s;font-weight:500;letter-spacing:-0.05rem;}
.fs_top_menu .menu_box .lnb > li > .lnb_title.on,
.fs_top_menu .menu_box .lnb > li > .lnb_title:is(:hover,:focus,:active) {color:#1968b3;}

/* 헤더메뉴_하위메뉴 */
.fs_top_menu .menu_box .lnb > li .lnb_layer_box {overflow:hidden;display:none;position:absolute;left:0;right:0;top:12rem;z-index:1;background:#fff;box-shadow:0 2rem 2rem rgba(0,0,0,0.1);border-top:1px solid #ddd;}
.fs_top_menu .menu_box .lnb > li .lnb_layer_box .box {display:flex;margin:0 auto;padding:0 10rem;min-height:20rem;}
.fs_top_menu .menu_box .lnb > li .lnb_layer_box .tit {position:relative;flex-shrink:0;width:340px;padding:6rem 0 0 0;background:#f6f9fa;}
.fs_top_menu .menu_box .lnb > li .lnb_layer_box .tit:before {content:"";display:block;position:absolute;left:-50%;top:0;width:100%;height:100vh;background:#f6f9fa;z-index:-1;}
.fs_top_menu .menu_box .lnb > li .lnb_layer_box .tit strong	{font-size:3rem;color:#222;font-family: 'YangpyeongCounty';}
.fs_top_menu .menu_box .lnb > li .lnb_layer_box .tit p {margin-top:15px;line-height:1.2;font-size:1.6rem;color:#555;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 {display:flex;flex-wrap:wrap;width:100%;background:#fff;padding:5rem 0 5rem 4rem;gap:2rem 3rem;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li {position:relative;width:22%;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a {position:relative;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;color:#000;transition:0.3s;text-decoration:none;border:1px dotted #ccc;padding:1rem 5% 1rem 2rem;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a:before {font-family:remixicon;font-size:1.8rem;color:#ccc;content:"\F2E5";position:absolute;top:23%;right:5%;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a:is(:hover,:focus,:active) {background:#1968b3;border:1px solid #1968b3;color:#fff;border-radius:0.5rem;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a:is(:hover,:focus,:active):before {color:#fff;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li.on > a {background:#1968b3;border:1px solid #1968b3;color:#fff;}
.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li.on > a img {filter:invert(100);}
	@media only screen and (max-width:1399px){
		.fs_top_menu .menu_box .lnb > li > .lnb_title {padding:0 3rem;}

		.fs_top_menu .menu_box .lnb > li .lnb_layer_box:after {width:100%;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer_box .box {width:100%;padding: 0 5%;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer01 {gap:1rem 2rem;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li > a {padding:1rem;font-size:1.4rem;}
	}
	@media only screen and (max-width:1199px){
		.fs_top_menu .menu_box .lnb > li > .lnb_title {font-size:1.6rem;padding:0 2rem;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer_box .tit {width:25rem;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer_box .tit p {font-size:1.4rem;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer01 {gap:1rem;}
		.fs_top_menu .menu_box .lnb > li .lnb_layer01 > li {width:32%;}
	}
	@media only screen and (max-width:1023px){
		#fs_top_menu {display:none;}
	}
	@media only screen and (max-width:767px){

	}

/* 글로벌 */
.right_box {display:flex;align-items:center;gap:3.6rem;}
.right_box ul {display:flex;align-items:center;gap:0 4rem;}
.right_box ul li {display:flex;align-items:center;justify-content:center;}
    @media only screen and (max-width:1399px) {
		.right_box ul {gap:0 2.5rem;}
	}
    @media only screen and (max-width:1023px) {
		.right_box ul li a img {max-width:2.5rem;max-height:2.5rem;}
		.right_box ul li:first-child a img {max-width:2.4rem;}
	}
    @media only screen and (max-width:767px) {
		.right_box {gap:2.5rem;}
		.right_box ul {gap:0 2rem;}
	}

/* 사이트맵 */
.fs_mtop_menu {display:contents;}

.sitemap_btn {position:relative;width:27px;height:20px;display:none;align-items:center;cursor:pointer;transition:all 0.25s ease-in;z-index:999;}
.sitemap_btn .menu_line { position:absolute;width:100%;height:2px;background:#222;transition:all 0.25s ease-in;}
.sitemap_btn .menu_line.line_1 {left:0;top:0;}
.sitemap_btn .menu_line.line_2 {width:75%;}
.sitemap_btn .menu_line.line_3 {left:0;top:18px;}

.sitemap_btn.on .menu_line.line_1 {transform:rotate(45deg);left:0;right:0;top:50%;}
.sitemap_btn.on .menu_line.line_2 {display:none;}
.sitemap_btn.on .menu_line.line_3 {transform:rotate(-45deg);left:0;right:0;top:50%;}
	/* 사이트맵 오픈 */
	.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 {display:contents;visibility:hidden;position:fixed;left:0;top:0;width:100%;transition:all 0s;}
.sitemap_box:before {content:'';position:absolute;right:6rem;bottom:6rem;background:#fff;width:500px;height:125px;opacity:0.2;}
    @media only screen and (max-width:1499px){
		.sitemap_box.open .lnb {padding:0 5%;}
	}
    @media only screen and (max-width:1299px){
		.sitemap_box.open .lnb > li .lnb_title {font-size:2.3rem;width:25rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 {gap:1rem 4rem}
		.sitemap_box.open .lnb > li .lnb_layer01 > li {width:calc(25% - 3rem);}
	}
	@media only screen and (max-width:1023px){
		.sitemap_btn {display:flex;}

        .fs_mtop_menu {display:none;position:fixed;right:0;top:10rem;width:0;height:100vh;background:#f6f9fa;z-index:60;transition:all .3s;-webkit-transition:all .3s;}
		.fs_mtop_menu .tit {display:none;}
		.overflow_y {overflow:hidden;}
		.overflow_y .fs_mtop_menu {width:100%; text-align: center;padding:0 5%;}
		.overflow_y .fs_mtop_menu .lnb {margin:auto;padding:2rem 0 0;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_title {position:relative;display:inline-block;padding:3rem 0;color:#111;font-size:2.5rem;width:100%;text-align:left;font-weight:500;font-family: 'YangpyeongCounty';border-bottom:1px dashed rgba(0,0,0,0.1);}
		.overflow_y .fs_mtop_menu .lnb li .lnb_title.arrow {padding-right:2rem;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_title.arrow:after {font-family:remixicon;font-size:3rem;color:#000;content:"\EA4E";position:absolute;top:2.5rem;right:0;transition:all .4s;-webkit-transition:all .4s;}
		.overflow_y .fs_mtop_menu .lnb li.on .lnb_title {color:#1968b3;border-bottom:0;}
		.overflow_y .fs_mtop_menu .lnb li.on .lnb_title.arrow:after {transform:rotate(180deg);opacity: 1;color:#1968b3;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_layer01 {padding:2rem 3rem;color:#222;font-size:1.58rem;font-weight:500;background:#fff;border-radius:1rem;text-align:left;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_layer01 li {padding:1rem 0;}
		.overflow_y .fs_mtop_menu .lnb li .lnb_layer01 li a:hover {color:#222;text-decoration: underline;}

		.sitemap_box:before {background-size:40rem;}
		.sitemap_box.open .lnb {gap:3rem 0;}
		.sitemap_box.open .lnb > li .lnb_title {width:100%;line-height:5rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li {margin-top:0;}
	}
	@media only screen and (max-width:767px){
		.sitemap_box.open {background:#fff;}
		.sitemap_box.open .lnb {max-height:calc(100vh - 20rem);overflow-y:auto;top:50%;gap:1.8rem;}
		.sitemap_box.open .lnb > li {width:100%;text-align:left;padding-left:1rem;padding-bottom:3rem;}

		.sitemap_box.open .lnb > li .lnb_layer01 > li {width:100%;padding-top:1rem;padding-left:2rem;}
		.sitemap_box.open .lnb > li .lnb_layer01 > li a {height:auto;}
	}


#fs_container_wrap {padding-top:12rem;}
	@media only screen and (max-width:1023px){
		#fs_container_wrap {padding-top:10rem;}
	}

/***********************/
/* 비주얼 영역 */
/***********************/
/* 이미지 */
.fs_main_visual {position:relative;height:56rem;}
.fs_main_visual .mvis_wrap {height:100%;margin:0 10rem;border-radius:2.5rem;}
.fs_main_visual .swiper-slide {position:relative;}
.fs_main_visual .swiper-slide .main_visual_img {height:100%;background:no-repeat center/cover;}
    @media only screen and (max-width:1399px){
        .fs_main_visual .mvis_wrap {margin:0 4rem;}
	}
    @media only screen and (max-width:767px){
		.fs_main_visual .mvis_wrap {margin:0 2rem;}
        .fs_main_visual {height:40rem;}
	}

	/* 텍스트 */
	.main_visual_text {position:absolute;left:0;right:0;top:30%;margin:0 auto;text-align:center;}
	.main_visual_text span {display:block;color:#fff;}
	.main_visual_text .sta {font-size:3.5rem;text-shadow:5px 5px 10px rgb(0, 0, 0, 0.1);font-weight:100;}
	.main_visual_text .sta em {font-weight:400;}
	.main_visual_text .stb {font-weight:600;font-size:7rem;color:#fff;opacity:1;font-family: 'YangpyeongCounty';text-shadow:5px 5px 10px rgb(0, 0, 0, 0.1);}
	.main_visual_text .stc {font-weight:300;font-size:1.8rem;opacity:0.8;margin-top:3rem;text-shadow:5px 5px 10px rgb(0, 0, 0, 0.1);}
		@media only screen and (max-width:1023px){
			.main_visual_text {top:28%;}
			.main_visual_text .sta {font-size:3rem;}
			.main_visual_text .stb {font-size:6rem;}
		}
		@media only screen and (max-width:767px){
			.main_visual_text {top:25%;padding:0 5%;}
			.main_visual_text .sta {font-size:2.5rem;}
			.main_visual_text .stb {font-size:4.5rem;}
			.main_visual_text .stc {font-size:1.6rem;margin-top:2rem;}
		}

	/* 비주얼 컨트롤 */
	.control {position:absolute;bottom:20%;left:0;right:0;margin:0 auto;width:23rem;}
	.swiper_controls {position:relative;z-index:20;}
	.swiper_controls > .container {display:flex;align-items:center;justify-content:space-between;margin:0 auto;}
	.swiper-index {font-size:1.6rem;font-weight:600;color:#fff;}
	#mainSwiperIndexTotal {opacity:0.4;}
	.swiper-progress {flex-grow:1;height:3px;background-color:rgba(255,255,255,0.4);margin:0 1rem;border-radius:2px;overflow:hidden;}
	.swiper-progress span {display:block;height:100%;width:0%;background-color:#fff;transition:none;}
		@media only screen and (max-width:1023px){
			.control {bottom:25%;}
		}
		@media only screen and (max-width:767px){
			.control {bottom:20%;}
		}

/* 서브비주얼 */
.fs_sub_visual {height:40rem;overflow:hidden;}
.fs_sub_visual .v_img {height:40rem;border-radius:2.5rem;position:relative;}
.fs_sub_visual .v_img::before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url('images/fs/layout/visual01.png') no-repeat center; background-size:cover;transform:scale(1.0);}
.fs_sub_visual .sv_txt {display:flex;flex-direction:column;justify-content:center;width: 100%;height:100%;color:#fff;text-align:center;}
.fs_sub_visual .sv_txt p {font-size:7rem;font-weight:900;animation:fadeup 1s forwards;animation-delay: .4s;opacity: 0;font-family: 'YangpyeongCounty';}
.fs_sub_visual .sv_txt span {display:block;font-size:1.8rem;margin-top:1rem;animation:fadeup 1s forwards;animation-delay: .8s;opacity: 0;color:rgba(255,255,255,0.6);}
@keyframes fadeup {
	from {opacity:0;transform:translateY(30px);}
	to {opacity:1;transform:translateY(0);}
}
    @media only screen and (max-width:1399px){
		.fs_sub_visual {padding:0 5%;}
		.fs_sub_visual .sv_txt p {font-size:6rem;}
	}
    @media only screen and (max-width:1199px){
		.fs_sub_visual {height:35rem;}
		.fs_sub_visual .v_img {height:35rem;}
		.fs_sub_visual .sv_txt p {font-size:5rem;}
		.fs_sub_visual .sv_txt span {font-size:1.6rem;}
	}
    @media only screen and (max-width:1023px){
		.fs_sub_visual {height:30rem;}
		.fs_sub_visual .v_img {height:30rem;}
	}
	@media only screen and (max-width:767px){
		.fs_sub_visual {height:25rem;}
		.fs_sub_visual .v_img {height:25rem;}
		.fs_sub_visual .sv_txt p {font-size:4rem;}
		.fs_sub_visual .sv_txt span {font-size:1.4rem;}
	}

/* 왼쪽영역 */
.fs_snb_box {}
	/* 서브메뉴 */
	.snb_menu {border-bottom:1px solid #ddd;height:8rem;}
	.snb_menu .pd100 {height:100%;}
	.snb_menu .dep1 {display:flex;align-items:center;gap:1rem;height:100%;width:100%;justify-content:center;}
	.snb_menu .dep1 > li {width:100%;height:100%;max-width:30rem;position:relative;}
	.snb_menu .dep1 > li > a {position:relative;padding:0 2rem;width: 100%;height:100%;display:flex;align-items:center;font-size:1.8rem;color:#000;font-weight:500;}
	.snb_menu .dep1 > li > a:before {content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:0;background:#1968b3;transition:all .3s;-webkit-transition:all .3s;}
	.snb_menu .dep1 > li > a:after {font-family:remixicon;font-size:2rem;color:#000;content:"\EA4E";position:absolute;top:2.8rem;right:0;transition:all .4s;-webkit-transition:all .4s;}
	.snb_menu .dep1 > li.on > a:after {transform:rotate(180deg);}
	.snb_menu .dep1 .dep2 {position:absolute;top:8rem;left:0;right:0;z-index:60;background:#fff;border:1px solid #ddd;border-top:none;}
	.snb_menu .dep1 .dep2 li a {display:flex;align-items: center;padding:0 2rem;height:5rem;font-size:1.6rem;}
	.snb_menu .dep1 .dep2 li a:is(:hover, :active, :focus) {background:#1968b3;color:#fff;}
		@media only screen and (max-width:767px){
			.snb_menu {height:7rem;}
			.snb_menu .dep1 {gap:2rem;}
			.snb_menu .dep1 > li > a {padding:0 2rem 0 0;}
			.snb_menu .dep1 .dep2 {top:7rem;}
			.snb_menu .dep1 .dep2 li a {height:4.5rem;}
		}

/* 서브컨텐츠 */
.fs_snb_contents {}
.fs_snb_contents .fs_snb_contents_box {}
	@media only screen and (max-width:1023px){
	}

/* 컨텐츠 타이틀 */
.con_header {color:#000;text-align:center;margin-top:12rem;position:relative;padding-bottom:3rem;margin-bottom:6rem;}
.con_header:before {content:"";position:absolute;width:30px;height:3px;background:#ccc;bottom:0;left:0;right:0;margin:0 auto;}
.con_header h3 {font-size:5rem;}
    @media only screen and (max-width:1399px){
		.con_header h3 {font-size:4.5rem;}
	}
    @media only screen and (max-width:1199px){
		.con_header {margin-top:10rem;}
	}
    @media only screen and (max-width:1023px){
		.con_header {margin-bottom:6rem;}
		.con_header h3 {font-size:4rem;}
	}
    @media only screen and (max-width:767px){
		.con_header {margin-top:8rem;margin-bottom:4rem;}
		.con_header h3 {font-size:3.5rem;}
	}


/* 실컨텐츠영역 */
.con_body {}
.fs_content {padding-bottom:12rem;}
    @media only screen and (max-width:1023px){
		.fs_content {padding-bottom:8rem;}
	}
    @media only screen and (max-width:767px){
		.fs_content {padding-bottom:6rem;}
	}

/* 공통탭 */
.tab_box {margin:6rem auto 0 auto;}
.tab_box [class^="tab_menu_box"] {display: flex;flex-wrap: wrap;justify-content:center;gap:1rem;margin-bottom:6rem;}
.tab_box [class^="tab_menu_box"] li {width:25rem;}
.tab_box [class^="tab_menu_box"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration: none;border: 2px solid #e5e5e5;border-radius: 5px;transition: .1s;font-size:1.6rem;background:#fff;}
.tab_box [class^="tab_menu_box"] li a:after {font-family:remixicon;font-size:2.5rem;content:"\EA68";position:absolute;right:1.5rem;top:0;color:#ccc;display:flex;height:100%;align-items:center;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a {padding:4px 30px 0 20px;border: 2px solid #004d9c;color:#004d9c;font-weight:600;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a:after {color:#004d9c;font-weight:300}
.tab_box [class^="tab_content"] {display:none;}
.tab_box [class^="tab_content"].on {display:block;}
.tab_box [class^="tab_menu_box"] li a span {background:#ccc;color:#fff;position:absolute;top:-1.4rem;;left:1rem;font-size:1.2rem;padding:0.5rem 1rem;border-radius:3rem;font-weight:500;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a span {background:#004d9c;}
	@media only screen and (max-width:1499px){
		.tab_box [class^="tab_menu_box"] li {width:20rem;}
	}
	@media only screen and (max-width:1399px){
		.tab_box {padding:0;}
	}
    @media only screen and (max-width:1199px){
		.tab_box [class^="tab_menu_box"] li {width:calc(33.3% - 1rem);}
        .tab_box [class^="tab_menu_box"] li a {font-size:1.4rem;}
	}
	@media only screen and (max-width:1023px){
        .tab_box {margin:4rem auto 0 auto;}
		.tab_box [class^="tab_menu_box"] {flex-wrap:wrap;gap:1rem;}
		.tab_box [class^="tab_menu_box"] li {flex-grow:0;}
		.tab_box [class^="tab_menu_box"] li a {padding:0 35px 0 15px;height:45px;font-size:1.3rem;}
		.tab_box [class^="tab_menu_box"] li a:after {width: 15px;}
		.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a {padding:0 35px 0 15px;}
	}
	@media only screen and (max-width:767px){
		.tab_box [class^="tab_menu_box"] {flex-wrap:wrap;gap:0.5rem;}
		.tab_box [class^="tab_menu_box"] li {width:100%;}
		.tab_box [class^="tab_menu_box"] li a {height:45px;font-size:1.3rem;}
	}

/***********************/
/* 푸터영역 */
/***********************/
.footer {background:#01080e;color:#a0a0a0;padding:0;position:relative}

.footer-top-links{display:flex;justify-content:flex-start;border-bottom:1px solid #282828;padding:3rem 0;}
.footer-top-links .wrap{display:flex; flex-flow:wrap row; align-items:center; row-gap:10px;}
.footer-top-links a{vertical-align:middle;color:#fff;font-size:1.4rem;padding:0 2.5rem;text-decoration:none;transition:color 0.3s;position:relative;}
.footer-top-links a:after {content:"";position:absolute;left:-5px;top:calc(50% - 2px);width:5px;height:5px;background:#34393e;border-radius:100%;}
.footer-top-links a:first-child {padding-left:0;}
.footer-top-links a:first-child:after {display:none;}
.footer-top-links a:is(:hover,:active,:focus) {color:#c5dbee}
.footer-top-links a:last-child:after{display:none;}
.footer-top-links .btn_bace:hover{color:#fff; background:#326dab; text-decoration:underline;}

.footer-bottom {display:flex;justify-content:space-between;align-items:flex-start;padding:6rem 0;}
.footer-info-area {}
.footer-logo {margin:0 0 3rem 0}
.contact-info {font-style:normal;font-size:1.4rem;;line-height:1.6;margin-bottom:15px}
.contact-info .br_none {display: none;}
.contact-info em {color:#fff;font-weight:500;}
.contact-info .divider {position:relative;padding:2rem;}
.contact-info .divider:after {content:"";position:absolute;left:calc(50% - 5px);top:calc(50% - 2px);width:5px;height:5px;background:#34393e;border-radius:100%;}
.copyright {font-size:1.4rem;color:#666666;margin:0}
.copyright em {color:#fff;font-weight:500;}
.footer-menu-list {display:flex;list-style:none;padding:0;margin:0;width:50%;justify-content:flex-end;flex-wrap:wrap;}
.footer-menu-list li {display:flex;justify-content:center;align-items:center;flex: 1 1 16.66%;box-sizing: border-box;padding:1rem;max-width:16.66%;}
.footer-menu-list li a {color:#fff;font-size:1.4rem;text-align:center;display: flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;position:relative;border:1px solid #1b2127;overflow:hidden;border-radius:1rem;width:12rem;height:12rem;}
.footer-menu-list li a:is(:hover,:active,:focus) {background:#004d9c;color:#fff;}
.footer-menu-list li a .icon {}
.footer-menu-list li a .icon i {color:#fff;font-size:3rem;font-weight:300;}
.footer-menu-list li a p {margin-top:1rem;}
@media only screen and (max-width:1399px){
	.footer-bottom.wrap {padding:6rem 4rem;}
	.footer-menu-list {width:45%;}
	.footer-menu-list li {flex:none;max-width:33.33%;padding:0.5rem;}
	.footer-menu-list li a {width:15rem;height:8rem;}
	.footer-menu-list li a .icon i {font-size:2rem;}
	.footer-menu-list li a p {padding-top:0;font-size:1.3rem;}
}
@media only screen and (max-width:1199px){
	.footer-menu-list {width:40%;}
}
@media only screen and (max-width:1023px){
	.footer-bottom {flex-direction: column;}
	.footer-menu-list {width:100%;margin-top:2rem;}
	.footer-menu-list li {flex-grow:1;width: 16.6%;}
	.footer-menu-list li a {width: 100%;}
}
@media only screen and (max-width:767px){
	.footer-bottom.wrap {padding:4rem 2rem 8rem 2rem;flex-wrap:wrap;}
	.footer-info-area {width:100%;}
	.footer-logo {margin:0 0 1rem 0}
	.footer-logo img {max-width:20rem;}
	.footer-menu-list li {flex:1 1 0;}
	.footer-menu-list li a {width:-webkit-fill-available;}
}
@media only screen and (max-width:479px){
	.footer-menu-list {flex-wrap: wrap;}
	.footer-menu-list li {flex:auto;width: 33.3%;}
	.contact-info .br_none {display: block;}
}



/*맨위로*/
#fs_footer .btn_top {display:flex;align-items:center;background:#96a6b4;border-radius:100%;line-height:6rem;margin-left:auto;position:absolute;top:5.3rem;right:10rem;width:6rem;height:6rem;opacity:0.5;justify-content:center;}
#fs_footer .btn_top:is(:hover,:focus,:active) {opacity:1;}
#fs_footer .btn_top i {color:#fff;font-size:3rem;}
    @media only screen and (max-width:1399px){
		#fs_footer .btn_top {right:5%;width:5rem;height:5rem;line-height:5rem;}
	}
	@media only screen and (max-width:1023px){
		#fs_footer .btn_top {order:1;margin-left:0;}
	}
	@media only screen and (max-width:767px){

	}

/* 더보기 공통 */
.add-button {width:4rem;height:4rem;background:#1968b3;color:#fff;font-size:2.5rem;line-height:4rem;text-align:center;border-radius:100%;margin-left:2rem;cursor:pointer;font-weight:300;transition:all .4s;-webkit-transition:all .4s;}
.add-button:is(:hover,:active,:focus) {background:#222 !important;transform:rotate(180deg);}
.add-button1 {display: none;}
.add-button2 {display: none;}
.add-button3 {display: none;}
.add-button.active {display: block;}

/* 메인___컨텐츠 */
.fs_main_contents {margin:15rem auto;}
    @media only screen and (max-width:1399px){
        .fs_main_contents {margin:10rem auto;}
	}
    @media only screen and (max-width:767px){
        .fs_main_contents {margin:8rem auto;}
	}

/* 메인___공지사항 */
.con_box1 {display:flex;flex:1 1 0;gap:8rem 12rem;}
.medical-news-container {width:50%;}
.header-section {display:flex;justify-content:space-between;align-items:center;margin-bottom:5rem;}
.header-section h3 {}
.tab-buttons {display:flex;overflow:hidden;gap:1rem;}
.tab-button {padding:0 2rem;font-weight:500;color:#979797;height:4rem;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:3px;font-size:1.8rem;transition:all .4s;-webkit-transition:all .4s;}
.tab-button.active,
.tab-button:is(:hover,:active,:focus){background:#e8f0f7;color:#1968b3;font-weight:600;border:1px solid #e8f0f7;}
.content-area {}
/*.post-list-area > div {flex-wrap:wrap;}*/
.notice-panel {width:25rem;}
.notice-box {display:flex;flex-wrap:wrap;height:100%;align-content: space-between;}
.notice-box > div {}
.notice-box .notice-title {background:#1968b3;color:#fff;padding:0 1rem;font-size:1.4rem;font-weight:600;margin-bottom:2rem;border-radius:3px;height:3rem;display:inline-flex;justify-content:center;align-items:center;font-family:'YangpyeongCounty';}
.notice-box h4 {font-size:1.8rem;font-weight:bold;color:#222;margin-bottom:2rem;line-height:1.4;transition:all .4s;-webkit-transition:all .4s;}
.notice-box p {font-size:1.4rem;color:#666;height: 127px;overflow: hidden;}
.notice-box .notice-date {font-size:1.4rem;color:#888;display:block;text-align:right;font-weight:500;width:100%;padding-bottom:2rem;}
.notice-box:is(:hover,:active,:focus) h4 {color:#1968b3;}
.post-list {flex-grow: 1;/*width:calc(100% - 5%);*/}
.post-list-item {display:flex;justify-content:space-between;align-items:center;padding:15.3px 0 15.3px 0;border-bottom:1px solid #ddd;transition:background 0.2s;}
.post-list-item:first-child {border-top:1px solid #ddd;}
.post-list-item a {flex-grow:1;font-size:16px;color:#222;display:flex;align-items:center;font-weight:500;}
.post-list-item a:is(:hover,:active,:focus) {color:#1968b3;}
.post-list-item p {padding-right:1rem;}
.post-list-item .icon {margin-right:1rem;color:#1968b3;font-size:2rem;}
.post-list-item .date {font-size:1.2rem;color:#a6a6a6;flex-shrink:0;}
.tab-content {display:none;}
.tab-content.active {display:flex;gap:5%;min-height: 293.97px;}
.post-list-area .tab-content.tab-content1 .notice-panel {}
.post-list-area .tab-content.tab-content1 .post-list {background:url("/../images/fs/main/notice_bg.jpg") no-repeat right top #f5f5f8;}
.service-info-section {margin-top:4rem;background:#0c263e;color:#fff;display:flex;align-items:center;min-height:13rem;}
.service-info-section .title {font-size:2.5rem;font-weight:400;position:relative;padding:0 3rem;}
.service-info-section .title::before {font-family:remixicon;font-size:12rem;color:#fff;content:"\F449";position:absolute;top:1.6rem;left:-3.5rem;opacity:0.05;line-height:0;bottom:0;font-weight:300;}
.service-info-section .title span {font-weight:600;}
.service-info-list {display:flex;justify-content:space-around;text-align:center;flex:1 1 0;}
.service-item {cursor:pointer;border-left:1px dashed #556878;width:33.33%;}
.service-item:first-child {border-left:0;}
.service-item .icon-text {font-size:3rem;margin-bottom:5px;display:block;opacity:0.3;transition:all .4s;-webkit-transition:all .4s;}
.service-item p {font-size:1.2rem;font-weight:500;padding-top:1rem;transition:all .4s;-webkit-transition:all .4s;}
.service-item:is(:hover,:active,:focus) .icon-text {opacity:1;}
.service-item:is(:hover,:active,:focus) p {padding-top:0;}
	@media only screen and (max-width:1599px){
		.con_box1 {gap:8rem 4rem;}
	}
	@media only screen and (max-width:1499px){
		.tab-button {padding:0 1rem;}
		.service-info-section .title {padding:0 2rem;}
		.service-item {padding:0 1rem;}
	}
    @media only screen and (max-width:1399px){
        .con_box1 {flex-wrap:wrap;flex:1 1 100%;gap:12rem 0;}
		.medical-news-container {width:100%;}
		.tab-content.active {min-height: 200px;}
		.post-list-area .tab-content.tab-content1 .post-list {background:url("/../images/fs/main/notice_bg.jpg") no-repeat right bottom #f5f5f8;}
	}
    @media only screen and (max-width:767px){
		.con_box1 {gap:8rem 0;}

		.header-section {flex-wrap:wrap;margin-bottom:3rem;}
		.header-section h3 {width:100%;margin-bottom:1rem;}
		.post-list-area .tab-content.tab-content1 .post-list {background:none;}

		.tab-content {flex-wrap:wrap;}
		.tab-content.active {min-height: auto;}
		.notice-panel {width:100%;background:#f7f8f9;padding:2rem 3rem;border-radius:1rem;}
		.notice-box > div {width:100%;}
		.notice-box .notice-date {text-align:left;margin-top:3rem;padding-bottom:0;}
		.post-list {width:100%;padding-left:0;margin-top:2rem;}
		.post-list-item p {font-size:1.4rem;}

		.service-info-section {flex-wrap:wrap;padding:3rem 2%;}
		.service-info-section .title {padding:0;width:100%;text-align:center;margin-bottom:3rem;}
	}

/* 메인___일정안내 */
.calendar-container {width:50%;}
.calendar-header {display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.5rem}
.calendar-header h3 {font-size:4rem;margin:0;font-weight:bold}
.calendar-body {display:grid;grid-template-columns:1fr 4fr;gap:20px}
.month-sidebar {background:url("/../images/fs/main/calendar_bg.png") no-repeat center center;color:#333;padding:2rem;border-radius:3px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background-size:cover;width:16rem;margin-top:3rem;}
.month-sidebar .year {font-size:1.8rem;opacity:0.7;font-family:'YangpyeongCounty';letter-spacing:-0.2rem;font-weight:600;color:#fff;opacity:0.5;}
.month-sidebar .month {font-size:6rem;font-weight:600;font-family:'YangpyeongCounty';letter-spacing:-0.5rem;color:#fff;line-height:1;}
.month-sidebar .nav-arrow {position:absolute;top:calc(50% + 1rem);transform:translateY(-50%);font-size:2.5rem;cursor:pointer;opacity:0.8;color:#fff;}
.month-sidebar .nav-arrow.left {left:10px}
.month-sidebar .nav-arrow.right {right:10px}
.calendar-grid-wrapper {}
.calendar-grid-wrapper .list1 {margin-bottom:0.5rem;}
.calendar-grid-wrapper .list1 li {font-size:1.4rem;color:#535002;}
.calendar-grid-wrapper .list1 li:after {top:6px;}
.calendar-table {width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid #222;}
.calendar-table th,.calendar-table td {padding:1rem 1rem;border-bottom:1px solid #ddd;position:relative;text-align:left;}
.calendar-table th {font-weight:600;font-family:'YangpyeongCounty';color:#222;border-bottom:1px solid #222;font-size:1.4rem;}
.calendar-table th:first-child {color:#dd2828}
.calendar-table th:last-child {color:#045dd6}
.calendar-table td {font-size:1.3rem;color:#222;font-weight:500;height:5rem;vertical-align:top;}
.calendar-table td:first-child {color:#dd2828}
.calendar-table td:last-child {color:#045dd6}
.calendar-table td:nth-child(1) {background:#fff3f5;}
.calendar-table td:nth-child(7) {background:#ebf0f3;}
.event-dot {position:absolute;top:3rem;;left:1.4rem;transform:translateX(-50%);width:7px;height:7px;background:#a7a000;border-radius:50%}
.event-list-section {margin-top:4rem;background:#f3f3f3;padding:2.2rem 4rem;height: 13rem;}
.event-list-section [class^="list"] > li:first-child {margin-top:0;}
.event-list-section [class^="list"] > li:after {top:7px;}
.event-list-section ul {display:flex;flex-wrap:wrap;gap:0.7rem;max-height:9rem;overflow-y:auto;}
.event-list-section ul li {width:100%;}
.event-list-section ul li a {font-size:1.4rem;display:flex;flex-wrap:wrap;align-items: center;width:100%;gap:0.5rem 1.5rem;}
.event-list-section ul li a:after {top:5px;}
.event-list-section ul li a span {color:#535002;font-weight:600;/*width:9rem;*/}
.event-list-section ul li a p {padding-left:3rem;font-weight:500;width:calc(100% - 9rem);}
.event-list-section ul li a:is(:hover,:active,:focus) p {color:#535002;}
    @media only screen and (max-width:1399px){
        .calendar-container {width:100%;}
		.month-sidebar {width:20rem;}
	}
    @media only screen and (max-width:1023px){
		.month-sidebar {width:15rem;}
		.calendar-grid-wrapper {padding-left:1rem;}
	}
    @media only screen and (max-width:767px){
		.calendar-header {padding-bottom:0;margin-bottom:0;}
		.calendar-header h3 {font-size:3rem;}
		.month-sidebar {width:13rem;}
		.month-sidebar .nav-arrow.left {left:1rem;}
		.month-sidebar .nav-arrow.right {right:1rem;}
		.month-sidebar .month {font-size:4.5rem;}
		.event-list-section {margin-top:2rem;padding:2rem 3rem;}
		.event-list-section [class^="list"] > li:after {top:4px;}
		.event-list-section ul li p {padding-left:1rem;}
		.calendar-grid-wrapper {padding-left:0;}
	}


/* 메인___시군의사회 */
.menu-container {width:100%;background:#f6f5f9;padding:4rem 5rem;border-radius:2rem;display:flex;margin:10rem 0;align-items:center;}
.menu-title-section {}
.menu-title-section p {font-size:2rem;color:#9e94ba;font-family:'YangpyeongCounty';}
.menu-title-section h2 {font-size:4rem;color:#4b348c;font-weight:800;font-family:'YangpyeongCounty';}
.menu-links-section {display:flex;flex-direction:column;gap:1rem 2rem;padding-left:8rem;flex:1 1 0;}
.menu-row {display:flex;flex-wrap:wrap;gap:1rem;}
.menu-item {display:flex;align-items:center;padding:0 2rem;border-radius:3rem;font-size:1.6rem;color:#222;background:#fff;width:calc(100% / 6 - 1rem);min-height:4rem;font-weight:500;justify-content:space-between;}
.menu-item.active,
.menu-item:is(:hover,:active,:focus) {background:#4b348c;color:#fff;border:#4b348c;box-shadow: 0px 5px 5px 0px rgba(75, 52, 140, 0.4);}
.menu-item p {}
.menu-item span {font-weight:600;font-size:2rem;}
    @media only screen and (max-width:1199px){
		.menu-container {flex-wrap:wrap;}
		.menu-title-section {display:block;text-align:center;width:100%;}
        .menu-links-section {padding-left:0;flex:auto;margin-top:2rem;}
		.menu-row {justify-content:center;}
	}
	@media only screen and (max-width:767px){
        .menu-container {margin:8rem 0;padding:4rem 5%;}
		.menu-title-section h2 {font-size:3rem;}
		.menu-item {width:auto}
	}

/* 메인___배너 */
.con_box3 {display:flex;flex:1 1 0;gap:10rem 4%;flex-wrap:wrap;}
.banner {width:24%;}
.banner a img{max-height:300px;width:100%;object-fit:cover;}
.banner_title {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.nav-arrows {display:flex;gap:1rem;}
.nav-arrows button {width:4rem;height:4rem;border:1px solid #ddd;border-radius:100%;color:#222;font-size:2rem;display:flex;justify-content:center;align-items:center;transition:all .4s;-webkit-transition:all .4s;}
.nav-arrows button:is(:hover,:active,:focus) {background:#e8f0f7;color:#1968b3;border:1px solid #e8f0f7;}
.banner .pop_list {width:100%;height:auto;aspect-ratio:400/300;}
.pop_list {position:relative;border-radius:2rem;}
.pop_list .swiper-slide {text-align:center;display:flex;justify-content:center;height:100%;overflow:hidden;border-radius:2rem;border:1px solid #f1f1f1;}
.banner-controls {position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.4);height:5.5rem;z-index:10;color:#fff;display:flex;justify-content:center;align-items:center;padding:0 3rem;font-size:2rem;font-weight:600;border-top-right-radius:2rem;}
.banner-controls .total-page {opacity:0.2;font-weight:500;}
.banner-controls .total-page em {padding:0 1rem;}
@media only screen and (max-width:1399px){
	.medical-news-container {width:100%;}
}
@media only screen and (max-width:1259px){
}
@media only screen and (max-width:1023px){
	.banner {width:100%;}
	.banner .pop_list {height:auto; max-height:300px;}
	.pop_list .swiper-slide {width:100%; height:100%; max-height:300px;}
	.pop_list .swiper-slide img {width:100%; height:100%; object-fit:cover;}
	.banner-controls {padding:0 4rem;}
}

/* 메인___고정배너 */
.fixed_banner {margin-top:7.2rem;width:22%;}
.fixed_banner ul li a {opacity: 1;transition: opacity .3s;}
.fixed_banner ul li a img {width: 100%;max-width: 37.4rem;height:auto;}
.fixed_banner ul:hover li a:not(:hover) {opacity: 0.4;}
.fixed_banner ul li + li + li + li {display: none;}
@media only screen and (max-width:1023px){
	.fixed_banner {width:100%;margin-top:0;}
	.fixed_banner ul {display: flex;}
	.fixed_banner ul li a img {min-height:auto;}
}
@media only screen and (max-width:767px){
	.fixed_banner {width:100%;}
	.fixed_banner ul li a img {max-width: none;}
	.fixed_banner ul {flex-direction: column;}
}

/* 메인___주요활동기록 */
.activity-section {width:46%;margin-left:auto;}
.activity-section .container {}
.section-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}
.activity-section .nav-arrows .add-button {color:#fff;margin-left:0;border:0;}
.swiper-button-prev,.swiper-button-next {width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background 0.3s,border 0.3s;position:static !important;margin:0 5px}
.activity-prev::after,.activity-next::after {font-size:16px !important;color:#333;font-weight:bold}
.activity-prev:hover,.activity-next:hover {background:#eee;border:#bbb}
.activity-swiper-container {padding-bottom:30px}
.activity-item {overflow:hidden;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;height:auto}
.activity-image {width:100%;height:auto;aspect-ratio:385/260;overflow:hidden;border-radius:1rem;}
.activity-image img {width:100%;height:100%;object-fit:cover;display:block}
.activity-description {padding-top:2rem;font-size:1.6rem;color:#222;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width:100%;}
@media only screen and (max-width:1399px){
}
@media only screen and (max-width:1259px){
}
@media only screen and (max-width:1023px){
	.activity-section {width:100%;}
}

/* 함께하는기관 */
.site_wrap {border-top:1px solid #ddd;}
.site_wrap .wrap {margin:0 auto;padding:3rem 0;display:flex;justify-content:space-between;align-items:center;}
.site_wrap .site_title {width:30rem;display:flex;align-items:center;justify-content: space-between;}
.site_wrap .siter_tit {font-weight:700;font-size:2rem;color:#000;}
.site_wrap .nav-arrows i {font-size:2.3rem;font-weight:500;}
.site_wrap .site_list {margin-left:8rem;}
.site_wrap .site_list li {min-width: 20rem;}
.site_wrap .site_list li a {display:block;background:#fff;text-align:center;line-height:6rem;font-weight:600;height:6rem;overflow: hidden;color:#222;border-radius:5px;display:flex;justify-content:center;align-items:center;}
.site_wrap .site_list li a img {display:block;margin:0 auto;max-height:100%;max-width:100%;vertical-align:middle;}
@media only screen and (max-width:1399px){
	.site_wrap .wrap {margin:0 auto;padding:3rem 4rem;}
}
@media only screen and (max-width:1199px){
	/*.site_wrap .site_title {width:42rem;}*/
	.site_wrap .site_list {margin-left:4rem;}
}
@media only screen and (max-width:1023px){
	.site_wrap {display:block;}
	.site_wrap .wrap {padding:3rem 2rem;}
	.site_wrap .site_title {width:auto;}
	.site_wrap .siter_tit {display:none;}
	.site_wrap .banner_list {margin-top:20px;width:100%;}
}
@media only screen and (max-width:767px){
	.site_wrap .site_tit {display:none;}
	.site_wrap .site_control_box {display:none;}
	.site_wrap .site_list {margin-top:0;}
}


.activephoto .activity-item{box-shadow:none;}



.quick {position: fixed;right: 0;top:50%;transform: translateY(-50%);}
.quick a {display: grid;place-items: center;padding:1.5rem;border-radius:1rem 0 0 1rem;font-size:1.6rem;background: rgba(25,104,179,0.8);color:#fff;}
@media only screen and (max-width:767px){
	.quick {position: fixed;right: 0;left:0;top:auto;bottom:0;transform: translateY(0);}
	.quick a {border-radius:1rem 1rem 0 0;}
	.quick a br {display: none;}
}


.swal2-popup {padding:40px 20px !important;}
.swal2-popup .swal2-title {font-size:18px !important;color:#222 !important;}
.swal2-popup .swal2-styled {margin:0 5px 0 !important;padding:8px 32px !important;background-color:#004c9d !important;}