@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position:relative;}
.fs_main_visual .mvswiper {position:relative;width:100%;}
.fs_main_visual .mvswiper .swiper-wrapper {max-width:1400px;align-items:center;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide {background:#eee;width:100%;max-width:1400px;height:60rem;text-align: center;border-radius:5px;overflow:hidden;display: flex;align-items: center;justify-content: center;position:relative;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .txtbox {position:relative;z-index:1;color:#fff;text-shadow:4px 4px 5px rgba(0,0,0,0.3);}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .txtbox .sta {font-size:5.6rem;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .txtbox .sta strong {font-family:'ONEMobileTitle';font-weight:normal;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .txtbox .stb {font-size:2rem;line-height:1.5;margin-top:3rem;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .mv_bg {position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .mv_bg:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#011221;opacity: .7;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide.swiper-slide-active {height:66rem;}
.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide.swiper-slide-active .mv_bg:after {display: none;}

/* 비주얼 컨트롤 */
.fs_main_visual .mv_ctrl {width:100%;max-width:1400px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
.fs_main_visual .mv_ctrl .swip_btn {font-size:0;width:34px;height:auto;aspect-ratio: 17/30;z-index:1;}
.fs_main_visual .mv_ctrl .swip_btn:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/fs/main/mv_arrow.png") no-repeat center;transition:all .3s;-webkit-transition:all .3s;opacity:.7;background-size:contain;}
.fs_main_visual .mv_ctrl .swip_btn:hover:after {opacity: 1;}
.fs_main_visual .mv_ctrl .swiper-button-prev {left:-114px;}
.fs_main_visual .mv_ctrl .swiper-button-next {right:-114px;}
.fs_main_visual .mv_ctrl .swiper-button-next:after {transform:rotate(180deg);}
.fs_main_visual .mv_ctrl .swiper-pagination {bottom:30px;z-index: 1;}
.fs_main_visual .mv_ctrl .swiper-pagination .swiper-pagination-bullet {width:10px;height:auto;aspect-ratio: 1/1;}
.fs_main_visual .mv_ctrl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {}
	/* 반응형 */
	@media only screen and (max-width:1699px){
		.fs_main_visual .mv_ctrl .swiper-button-prev {left:2rem;}
		.fs_main_visual .mv_ctrl .swiper-button-next {right:2rem;}
	}
	@media only screen and (max-width:1399px){
		.fs_main_visual .mvswiper .swiper-wrapper {max-width:98%;}
		/* 비주얼 컨트롤 */
		.fs_main_visual .mv_ctrl {max-width:98%;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual {margin:0 15px;}
		.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide {height:50rem;}
		.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .txtbox {display:block;margin:0 4rem;text-wrap:balance;}
		.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .txtbox .sta {max-width:98%;word-break:break-all;}
		.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide .mv_bg {background-size:auto 100% !important;}
		.fs_main_visual .mv_ctrl .swip_btn {width:20px;}
	}
	@media only screen and (max-width:560px){
		.fs_main_visual .mvswiper .swiper-wrapper .swiper-slide {height:46rem;}
		.fs_main_visual .mv_ctrl .swip_btn {width:14px;}
	}

/* 공통 */
.fs_main_contents .con_box {margin:5rem 0 6rem;}
.title_box {position:relative;font-size:2.18em;color:#000;}
.title_box img {position:absolute;top:-2rem;left:-1.5rem;}
.more_btn {width:30px;height:30px;border-radius:5px;border:1px solid #aaa;background:#fff;position:absolute;right:0;top:.8rem;}
.more_btn::after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("/images/fs/main/more_ic.png") no-repeat center;width:15px;height:auto;aspect-ratio: 1/1;transition:all .3s;-webkit-transition:all .3s;}
.more_btn:is(:hover,:focus,:active) {background:linear-gradient(125deg, #0085ca 0%, #00557d 100%);border-color:#fff;}
.more_btn:is(:hover,:focus,:active)::after {transform: rotate(180deg);filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(120deg) brightness(102%) contrast(101%);}
.mflexbox {display:grid;grid-template-columns:3fr 2fr;gap:6rem;margin-top:10rem;}
	@media only screen and (max-width:1023px) {
		.mflexbox {grid-template:none / 1fr;margin-top:6rem;}
	}
	@media only screen and (max-width:767px) {
		.title_box img {left:0;}
	}

/* 퀵메뉴 */
.mcon01 .business_list {display:flex;justify-content:center;flex-wrap:wrap;gap:10rem;}
.mcon01 .business_list li a {display:flex;align-items:center;}
.mcon01 .business_list li a em {display:flex;justify-content:center;align-items:center;width:6rem;height:6rem;border-radius:2rem;background:#e4e8eb;margin-right:2rem;transition:all .2s;-webkit-transition:all .2s;font-size:3rem;color:#949799;}
.mcon01 .business_list li a p {font-weight:bold;color:#333;}
.mcon01 .business_list li a:is(:hover,:focus,:active) {text-decoration:none;}
.mcon01 .business_list li a:hover em {color:#fff;background:linear-gradient(125deg, #0085ca 0%, #00557d 100%);}
.mcon01 .business_list li a:is(:hover,:focus,:active) p {color:#0085ca;}
	@media only screen and (max-width:1399px){
		.mcon01 .business_list {gap:5rem;}
		.mcon01 .business_list li a em {margin-right:1rem;}
	}
	@media only screen and (max-width:1199px){
		.mcon01 .business_list {gap:3rem;}
		.mcon01 .business_list li {flex-basis:calc((100% - 12rem) / 5);}
		.mcon01 .business_list li a {flex-direction:column;gap:1rem;text-align:center;}
	}
	@media only screen and (max-width:767px){
		.mcon01 .business_list li {flex-basis:calc((100% - 6rem) / 3);}
	}


/* 정보마당 */
.mcon02 {position:relative;}
.mcon02 .tab_box {position:absolute;right:6rem;top:.3rem;}
.mcon02 .tab_box .tab_list {display: flex;gap:0 4rem;line-height:2.18em;}
.mcon02 .tab_box .tab_list li {position:relative;}
.mcon02 .tab_box .tab_list li + li:after {content:'';position:absolute;left:-2rem;top:0;bottom:0;margin:auto;width:1px;height:13px;background:#4b4f54;opacity:.5;}
.mcon02 .tab_box .tab_list li a {font-size:1.2em;font-weight:bold;color:#4b4f54;}
.mcon02 .tab_box .tab_list li a span {display:inline-block;position:relative;}
.mcon02 .tab_box .tab_list li a span:after {content:'';position:absolute;left:-.3rem;bottom:5px;width:0;height:8px;background:#69cafa;border-radius:30px;opacity: .3;z-index: -1;transition:all .3s;-webkit-transition:all .3s;}
.mcon02 .tab_box .tab_list li:hover a,
.mcon02 .tab_box .tab_list li.on a {color:#00557d;opacity: 1;}
.mcon02 .tab_box .tab_list li:hover a span:after,
.mcon02 .tab_box .tab_list li.on a span:after {width:calc(100% + .6rem);}
.mcon02 .tab_cont_box {margin-top:3rem;}
.mcon02 .tab_cont_box .info_view {display:flex;gap:0 4rem;}
.mcon02 .tab_cont_box .info_view > li {border:1px solid #e5e8eb;border-radius:5px;width:calc(50% - 20px);min-height:31.2rem;transition:all .4s;-webkit-transition:all .4s;}
.mcon02 .tab_cont_box .info_view > li.nodata {width:100%;}
.mcon02 .tab_cont_box .info_view > li:hover {border-color:#00557d;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.mcon02 .tab_cont_box .info_view > li a {display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:5rem 3rem 0;}
.mcon02 .tab_cont_box .info_view > li a .tit {color:#000;font-size:1.8rem;font-weight:bold;}
.mcon02 .tab_cont_box .info_view > li a .txt {color:#4b4f54;font-size:1.4rem;margin-top:3rem;line-height:1.6;}
.mcon02 .tab_cont_box .info_view > li a .date {position:relative;border-top:1px solid #e5e8eb;padding:2.5rem 0;font-size:.9em;color:#666;text-align: right;}
.mcon02 .tab_cont_box .info_view > li a .date span {position:relative;padding-left:23px;}
.mcon02 .tab_cont_box .info_view > li a .date span:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url("/images/fs/main/m2_ic02.png") no-repeat center;width:17px;height:18px;}
.mcon02 .tab_cont_box .info_view li.nodata a {text-align: center;display: flex;align-items: center;justify-content: center;padding:0;}
	@media only screen and (max-width:1400px){
		.mcon02 .tab_box {right:50px;}
		.mcon02 .tab_box .tab_list {gap:0 30px;}
		.mcon02 .tab_box .tab_list li + li:after {left:-15px;}
	}
	@media only screen and (max-width:1023px){
		.mcon02 {width:100%;}
		.mcon02 .tab_box .tab_list {justify-content: center;}
		.mcon02 .tab_cont_box .info_view {gap:0 20px;}
		.mcon02 .tab_cont_box .info_view > li {width:calc(50% - 10px);min-height:200px;}
		.mcon02 .tab_cont_box .info_view > li a {padding:30px 20px 0;}
		.mcon02 .tab_cont_box .info_view > li a .date {margin-top:30px;padding:20px 0;}
	}
	@media only screen and (max-width:767px){
		.mcon02 .tab_box .tab_list {gap:0 15px;flex-wrap:wrap;justify-content: flex-start;}
		.mcon02 .tab_box .tab_list li + li:after {left:-7px;}
	}
	@media only screen and (max-width:560px){
		.mcon02 .tab_box .tab_list li a {font-size:1.05em;}
		.mcon02 .tab_cont_box .info_view {flex-wrap:wrap;gap:15px;}
		.mcon02 .tab_cont_box .info_view > li {width:100%;}
	}

/* 협회캘린더 */
.mcon03 {position:relative;}
.mcon03 .title_box img {top:-3rem;left:-2.5rem;}
.mcon03 .event_list {margin:3rem 0 1rem;padding-right:1.5rem;border-radius:5px;height:calc(100% - 103px);max-height:29rem;overflow-y:scroll;}
.mcon03 .event_list:has(.nodata) {padding-right:0;overflow-y:hidden;}
.mcon03 .event_list li {border:1px solid #e5e8eb;border-radius:5px;padding:1.7rem 3rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .4s;-webkit-transition:all .4s;}
.mcon03 .event_list li:not(:first-child) {margin-top:1rem;}
.mcon03 .event_list li.nodata {justify-content:center;height:100%;}
.mcon03 .event_list li:is(:hover,:focus,:active) {border-color:#0085ca;background:#f7fcff;}
.mcon03 .event_list li .event_info .tit {font-weight:bold;color:#000;}
.mcon03 .event_list li:is(:hover,:focus,:active) .event_info .tit {color:#00557d;}
.mcon03 .event_list li .event_info .info {display:flex;gap:2rem;font-size:1.5rem;margin-top:1rem;}
.mcon03 .event_list li a {font-size:2rem;color:#949799;background:#e4e8eb;border-radius:50%;display:flex;justify-content:center;align-items:center;width:3.8rem;height:3.8rem;}
.mcon03 .event_list li:is(:hover,:focus,:active) a {background:#0085ca;text-decoration:none;color:#fff;}
.mcon03 > p {font-size:1.6rem;}
	@media only screen and (max-width:1023px){
		.mcon03 {padding-left:0;width:100%;margin-top:6rem;}
		.mcon03 .title_box img {left:-1rem;}
		.mcon03 .event_list {height:20rem;}
	}
	@media only screen and (max-width:767px){
		.mcon03 .title_box img {height:5.5rem;left:0;}
	}

/* 협회갤러리 */
.mcon04 {position:relative;margin-top:11rem;}
.mcon04 .gall_wrap {margin-top:3rem;}
.mcon04 .img_box {max-width:100%;height:30rem;overflow:hidden;border:1px solid #e4e8eb;border-radius:2rem;aspect-ratio:1.5 / 1;}
.mcon04 .img_box img {width:100%;height:100%;object-fit:cover;object-position:center;}
.mcon04 .txt_box .tit {color:#000;font-size:1.8rem;font-weight:bold;margin-top:2.5rem;}
.mcon04 .txt_box .date {position:relative;padding-left:24px;font-size:1.4rem;line-height:18px;margin-top:1.5rem;}
.mcon04 .txt_box .date::after {content:'';position:absolute;left:0;top:-2px;bottom:0;margin:auto;background:url("/images/fs/main/m2_ic02.png") no-repeat center;width:17px;height:18px;}
.mcon04 .gall_ctrl {width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 4px 5px 1px rgba(0, 0, 0, 0.25);display:flex;justify-content:center;align-items:center;font-size:2.5rem;color:#000;position:absolute;top:50%;transform:translateY(-50%);z-index:10;}
.mcon04 .gall_prev {left:-1.4rem;}
.mcon04 .gall_next {right:-1.4rem;}
	@media only screen and (max-width:575px){
		.mcon04 .img_box {aspect-ratio:unset;}
	}

/* 유관기관 */
.banner_box {background:#edf2f5;padding:2rem 0;}
.banner_box .wrp {position:relative;display:flex;align-items:center;}
.banner_box .titbox {display:flex;align-items:center;width:20rem;}
.banner_box .titbox .stit {position:relative;display:inline-block;color:#000;font-size:1.7rem;font-weight:bold;padding-left:20px;}
.banner_box .titbox .stit:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url("/images/fs/layout/bann_ic.png") no-repeat center left;width:17px;height:20px;}
.banner_box .banswiper {margin:0 3rem;}
.banner_box .ban_list {width:calc(100% - 27rem);}
.banner_box .ban_list li {width:auto;}
.banner_box .ban_list li a {display:flex;align-items:center;justify-content:center;height:5rem;position:relative;/*word-break:break-all;text-align:center;*/white-space:nowrap;}
.banner_box .ban_list li:not(:first-child) a::after {content:'';position:absolute;right:-1.7rem;top:0;bottom:0;margin:auto;background:#bbb;width:3px;height:3px;border-radius:5px;}
.banner_box .ban_ctrl {padding-left:3rem;display:flex;align-items:center;gap:.5rem;}
.banner_box .ban_ctrl > a {position:relative;margin:auto;width:35px;height:35px;border-radius:10px;font-size:0;background:#beccd4;transition:all .4s;-webkit-transition:all .4s;opacity: .7;}
.banner_box .ban_ctrl > a:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url("/images/fs/main/mv_arrow.png") no-repeat center;width:10px;height:auto;aspect-ratio: 17/30;background-size: contain;}
.banner_box .ban_ctrl > a:hover {opacity: 1;}
.banner_box .ban_ctrl > a.ban-button-next:after {transform:rotate(180deg);}
.banner_box a.view_total {display:block;padding:.5rem 1rem;background:#fff;font-size:1.6rem;border-radius:5px;text-align: center;color:#444;transition:all .4s;-webkit-transition:all .4s;}
.banner_box a.view_total:is(:hover,:focus,:active) {background:linear-gradient(125deg, #0085ca 0%, #00557d 100%);color:#fff;}
	@media only screen and (max-width:1399px){
		.banner_box .ban_list li:not(:first-child) a::after {right:-1.5rem;}
	}
	@media only screen and (max-width:575px){
		.banner_box .titbox {display:none;}
		.banner_box .banswiper {margin:auto 2rem auto auto;}
	}