@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

.fs_main_visual {margin-top:40px;}
.fs_main_visual .mvisual {position:relative;display:block;height:540px;background:url('./../images/main/mvisual01.png') no-repeat center;overflow:hidden;border-radius:30px;color:#fff;background-size:cover;z-index: 1;}
.fs_main_visual .mvisual .mv_txt {position:absolute;left:0;bottom:60px;line-height: normal;padding-left:60px;}
.fs_main_visual .mvisual .mv_txt .sta {font-size:1.5em;}
.fs_main_visual .mvisual .mv_txt .stb {margin-top:20px;font-family:'Jalnan';font-size:4.5em;}
.fs_main_visual .mvisual .mv_txt .stb span {position:relative;padding-top:30px;font-family:inherit;color:#ffbb21;}
.fs_main_visual .mvisual .mv_txt .stb span:after {content:'';position:absolute;top:0;right:-5px;background:url('./../images/common/ic_idea.png') no-repeat right top;width:27px;height:30px;}
.fs_main_visual .q_list {position:absolute;right:0;bottom:0;border-radius:30px 0 0 0;background:rgba(0,0,0,.8);z-index:2;width:100%;max-width:680px;padding:20px 10px;}
.fs_main_visual .q_list > ul {display:flex;align-items:center;justify-content: center;width:100%;}
.fs_main_visual .q_list > ul li {position:relative;padding:0 30px;}
.fs_main_visual .q_list > ul li:hover {opacity:1;}
.fs_main_visual .q_list > ul li + li:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url('./../images/main/mv_ic00.png') no-repeat left center;width:4px;height:100%;}
.fs_main_visual .q_list > ul li a {display:flex;justify-content: center;align-items: center;z-index:1;}
.fs_main_visual .q_list > ul li a em {position:relative;display:inline-block;}
.fs_main_visual .q_list > ul li a em:before {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#fff;transition:all .4s;-webkit-transition:all .4s;}
.fs_main_visual .q_list > ul li:hover a em:before {width:100%;}
.fs_main_visual .q_list > ul li a span {position: relative;width:45px;aspect-ratio:1/1;background:#fff;margin-right:10px;border-radius:50px;}
.fs_main_visual .q_list > ul li a span:after {content:'';position:absolute;left:0;top:0;margin:auto;background:url("./../images/main/mv_ic01.png") no-repeat center right 7px;background-size:28px;width:100%;height:100%;}
.fs_main_visual .q_list > ul li.reserv a span:after {background:url("../images/main/mv_ic02.png") no-repeat center;width:100%;height:100%;}
.fs_main_visual .q_list > ul li.arch a span:after {background:url("./../images/main/mv_ic03.png") no-repeat center;background-size:20px;}
@media only screen and (max-width:1499px){
	.fs_main_visual .mvisual .mv_txt {position:unset;display:flex;justify-content: center;align-items: center;height:100%;flex-direction: column;padding-left:0;}
	.fs_main_visual .mvisual .mv_txt .sta {text-align: center;}
}
@media only screen and (max-width:1023px){
	.fs_main_visual .q_list {max-width:100%;border-radius: 0;}
	.fs_main_visual .mvisual .mv_txt .stb span:after {height:20px;right:-5px;top:7px;background-size: contain;}
}
@media only screen and (max-width:767px){
	.fs_main_visual .mvisual {height:360px;}
	.fs_main_visual .mvisual .mv_txt .sta {font-size:1.3em;}
	.fs_main_visual .mvisual .mv_txt .stb {font-size:2.5em;padding-top:20px;margin-top:0;}
	.fs_main_visual .q_list > ul {justify-content: space-between;}
	.fs_main_visual .q_list > ul li {padding:0 10px;width:33%;}
	.fs_main_visual .q_list > ul li + li:after {height:60%;background-size:contain;}
	.fs_main_visual .q_list > ul li a {display:block;text-align: center;font-size:.9em;}
	.fs_main_visual .q_list > ul li a span {display: none;}
}
@media only screen and (max-width:426px){
	.fs_main_visual .mvisual .mv_txt .stb {padding-top:10px;}
	.fs_main_visual .mvisual .mv_txt .stb span:after {display: none;}
}


/* 컨텐츠 시작 */
.fs_main_contents {padding:120px 0;}
.con_box {}

/* 공통 */
.mcont:nth-of-type(n+2) {margin:100px 0 0;}

.more_btn {display:inline-block;border:1px solid #222;color:#222;font-size:.95em;line-height:50px;padding:0 30px;border-radius:50px;}
.more_btn span {display:inline-block;padding-right:57px;position:relative;font-weight:500;}
.more_btn span:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url("./../images/main/more_icon.png") no-repeat right center;width:15px;height:12px;background-size:contain;transition:all .4s;-webkit-transition:all .4s;}
.more_btn:hover {background:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3);}
.more_btn:hover span:after {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(11deg) brightness(104%) contrast(104%);right:-5px;}

@media only screen and (max-width:767px){
	.fs_main_contents {padding:80px 0;}

	.mcont:nth-of-type(n+2) {margin:80px 0 0;}
	.more_btn {line-height: 40px;}
}


/* 1_온갖프로그램 */
.slide_wrp {position:relative;}
.slide_wrp .bg {display:block;position:absolute;left:0;right:0;top:-5%;bottom:0;margin:auto;width:23%;height:auto;aspect-ratio: 1/1;background:#eee;border-radius:100%;z-index: -1;}
.p_list {margin-top:60px;}
.p_list .p_item {position:relative;opacity:.3;margin:auto;}
.p_list .p_item.swiper-slide-prev,
.p_list .p_item.swiper-slide-next,
.p_list .p_item.swiper-slide-active {opacity: 1;}
.p_list .p_item .imgbox {margin-top:20px;border:10px solid #fff;width:100%;height:auto;box-shadow:0 3px 20px 0 rgba(221, 221, 221, 0.8);aspect-ratio:1/1;overflow:hidden;display:flex;align-content:center;justify-content:center;}
.p_list .p_item .imgbox img {max-width:unset;min-height:100%;width:auto;}
.p_list .p_item .tit {margin-top:20px;color:#000;font-size:1.1em;font-weight:500;text-align: center;}
.p_list .p_item span.category {position:absolute;top:0;left:10px;display:inline-block;padding:7px 25px;border-radius:50px;color:#fff;font-size:.95em;z-index: 1;}
.p_list .p_item span.category.ct_01 {background:#6a9cd9;} /* 신청가능 */
.p_list .p_item span.category.ct_02 {background:#4dc767;} /* 예정 */
.p_list .p_item span.category.ct_03 {background:#bbbbbb;} /* 마감 */
.p_list .p_item span.category.ct_04 {background:#fa1a4f;} /* 마감임박 */
.p_list .p_item span.category.ct_05 {background:#0084fa;} /* 대기신청 */
.p_list .p_list_wrp {padding:0 60px;}
.p_list .p_list_wrp .swiper_btn_wrp {margin:auto;position:absolute;left:0;right:0;top:0;height:100%;margin:0 14%;}
.p_list .p_list_wrp .swiper_btn_wrp .swiper-btn {top:-50px;bottom:0;margin:auto;background:rgba(0,0,0,.4);width:60px;height: 60px;aspect-ratio: 1/1;border-radius:50%;transition:all .4s;-webkit-transition:all .4s;}
.p_list .p_list_wrp .swiper_btn_wrp .swiper-btn:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url("./../images/main/arw_icon.png") no-repeat center;z-index: 1;}
.p_list .p_list_wrp .swiper_btn_wrp .swiper-btn:hover {background:rgba(0,0,0,.8);}
.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-prev {left:0;right:unset;}
.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-prev:before {transform:rotate(180deg);}
.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-next {right:0;left:unset;}
.swiper_btn_wrp .swiper-button-next:after,
.swiper_btn_wrp .swiper-button-prev:after {display:none;}

.program_wrp {position:relative;}
.program_wrp .btnarea {position:absolute;right:100px;top:0;}

/* 반응형 */
@media only screen and (max-width:1399px){
	.slide_wrp .bg {width:28%;}
	.p_list .p_item {max-width:unset;}
}
@media only screen and (max-width:1199px){
	.slide_wrp .bg {display:none;}
	.p_list {margin-top:80px;}
	.p_list .p_item.swiper-slide-prev,
	.p_list .p_item.swiper-slide-next {opacity: .3;}
	.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-prev {left:16%;}
	.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-next {right:16%;}

	.program_wrp .btnarea {display:inline-block;left:0;right:0;max-width:164px;margin:80px auto 0;}
	.p_list {margin-top:110px;}
}
@media only screen and (max-width:767px){
	.p_list .p_list_wrp {padding:0 30px;}
	.p_list .p_list_wrp .swiper_btn_wrp .swiper-btn {width:45px;height:45px;}
}
@media only screen and (max-width:560px){
	.p_list .p_list_wrp .swiper_btn_wrp {margin:auto;}
	.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-prev {left:15px;}
	.p_list .p_list_wrp .swiper_btn_wrp .swiper-button-next {right:15px;}

	.program_wrp .btnarea {margin:70px auto 0}
}
@media only screen and (max-width:477px){
	.p_list {margin-top:90px;}
	.program_wrp .btnarea {margin:110px auto 0}
}


/* 2_공간대여 이리ON~ */
.space_wrp {position:relative;padding:60px 0;overflow:hidden;}
.space_wrp:before {content:'';position:absolute;right:0;top:0;bottom:0;border-radius:0 0 0 100px;width:56%;height:100%;background:#a1c6f4;}
.space_wrp .bg {}
.space_wrp .bg:before {content:'';position:absolute;left:-30px;bottom:-90px;width:400px;height:auto;aspect-ratio:145/139;background:url("./../images/main/space_bg01.png") no-repeat left bottom;z-index: -1;background-size: contain;}
.space_wrp .bg:after {content:'';position:absolute;right:0;top:0;bottom:0;width:686px;height:100%;background:url("./../images/main/space_bg02.png") no-repeat right bottom -50px;}
.space_wrp .flexbox {display:flex;flex-wrap:wrap;position:relative;}
.space_wrp .flexbox .titbox {width:30%;}
.space_wrp .flexbox .titbox h3.tit span:after {display:none;}
.space_wrp .flexbox .titbox h3.tit span.stit {display:block;font-size:1.3em;font-family:inherit;font-weight:400;}
.space_wrp .flexbox .titbox h3.tit span.mtit {font-size:3em;margin-top:15px;color:#6a9cd9;line-height:1;}
.space_wrp .flexbox .titbox h3.tit span.mtit em {color:#faa61a;}
.space_wrp .flexbox .s_list {width:70%;}
.space_wrp .flexbox .s_list .s_item {position:relative;padding-top:40px;}
.space_wrp .flexbox .s_list .s_item .imgbox {position:relative;display:flex;align-items:center;justify-content: center;aspect-ratio:19/15;overflow: hidden;border-radius:20px;background-color:#f5f5f5;}
.space_wrp .flexbox .s_list .s_item .imgbox:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background: linear-gradient(to top,rgba(0,0,0,.5) 0%, rgba(0,0,0,.1) 50%)}
.space_wrp .flexbox .s_list .s_item .imgbox img {max-width:unset;max-height:100%;transition:all .4s;-wbkit-transition:all .4s;}
.space_wrp .flexbox .s_list .s_item p.tit {position:absolute;left:30px;bottom:30px;color:#fff;font-size:1.1em;font-weight:500;text-align: center;z-index: 1;}
.space_wrp .flexbox .s_list .swiper_btn_wrp {position:absolute;right:0;top:0;}
.space_wrp .flexbox .s_list .swiper_btn_wrp .swiper-btn {width:35px;height:20px;margin:0;}
.space_wrp .flexbox .s_list .swiper_btn_wrp .swiper-btn:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:100%;background:url("./../images/main/arw_icon.png") no-repeat center;}
.space_wrp .flexbox .s_list .swiper_btn_wrp .swiper-button-prev {right:35px;left:unset;top:0;bottom:unset;}
.space_wrp .flexbox .s_list .swiper_btn_wrp .swiper-button-prev:before {transform:rotate(180deg);}
.space_wrp .flexbox .s_list .swiper_btn_wrp .swiper-button-next {right:0;left:unset;top:0;bottom:unset;border-left:1px solid #fff;}
.space_wrp .flexbox .s_list .swiper_btn_wrp .swiper-btn:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:1px;height:90%;background:#fff;}
.space_wrp .flexbox .more_btn {position:absolute;left:0;bottom:0;}

/* 반응형 */
@media only screen and (max-width:1721px){
	.space_wrp .flexbox .more_btn {left:30px;}
}
@media only screen and (max-width:1199px){
	.space_wrp:before {width:100%;border-radius:0;}
	.space_wrp .bg:after {opacity: .5;}
	.space_wrp .flexbox {flex-direction: column;padding-bottom:100px;}
	.space_wrp .flexbox .titbox {width:100%;text-align: center;}
	.space_wrp .flexbox .titbox h3.tit .stit {color:#e3eefc;}
	.space_wrp .flexbox .titbox h3.tit span.mtit {margin-top:10px;font-size:2.8em;}
	.space_wrp .flexbox .titbox h3.tit span.mtit,
	.space_wrp .flexbox .titbox h3.tit span.mtit em {color:#fff;}
	.space_wrp .flexbox .s_list {width:100%;}
	.space_wrp .flexbox .more_btn {display:inline-block;left:50%;transform:translateX(-50%);background:#fff;border:0;}
	.space_wrp .flexbox .more_btn:hover {background:#222;}
}
@media only screen and (max-width:767px){
	.space_wrp {padding:60px 0;}
	.space_wrp .flexbox {padding-bottom:70px;}
	.space_wrp .flexbox .titbox h3.tit span.stit {font-size:1.1em;}
	.space_wrp .flexbox .titbox h3.tit span.mtit {font-size:2.6em;}
}


/* 3_센터소식 */

/* 공통 */
.news_wrp h3.tit span:after {display:none;}
.news_wrp h3.tit em.idea {position:relative;padding-top:30px;font-family:inherit;color:#ffbb21;}
.news_wrp h3.tit em.idea:after {content:'';position:absolute;top:0;right:-5px;background:url('./../images/common/ic_idea.png') no-repeat right top;width:27px;height:30px;}
.news_wrp .flexbox {display:flex;justify-content:space-between;margin-top:60px;gap:30px 40px;}
.news_wrp .flexbox .n_list {position:relative;width:calc((100% / 3) - 20px);}
.news_wrp .flexbox .n_list .mtabs {margin-bottom:20px;}
.news_wrp .flexbox .n_list .mtabs li {position:relative;display:inline-block;transition:all .4s;-webkit-transition:all .4s;}
.news_wrp .flexbox .n_list .mtabs li:after {content:'';position:absolute;left:0;right:0;bottom:-7px;margin:auto;background:url("./../images/main/tabs_bg.png") no-repeat bottom center;width:10px;height:7px;}
.news_wrp .flexbox .n_list .mtabs li + li {margin-left:10px;}
.news_wrp .flexbox .n_list .mtabs li a {display:block;width:100%;line-height:43px;padding:0 30px;border:2px solid #6a9cd9;background:#6a9cd9;color:#fff;border-radius:50px;font-weight:500;}
.news_wrp .flexbox .n_list .l_btnmore {position:absolute;right:0;top:0;line-height:43px;font-size:14px;color:#999;padding-right:20px;}
.news_wrp .flexbox .n_list .l_btnmore:hover {text-decoration: underline;color:#222;}
.news_wrp .flexbox .n_list .l_btnmore:after {
	content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;background:url("./../images/main/more_icon.png") no-repeat right center;width:15px;height:13px;background-size:contain;
	filter:brightness(0) saturate(100%) invert(81%) sepia(0%) saturate(214%) hue-rotate(59deg) brightness(95%) contrast(88%);transition:all .2s;-webkit-transition:all .2s;
}
.news_wrp .flexbox .n_list .l_btnmore:hover:after {right:-2px;filter:brightness(0) saturate(100%) invert(11%) sepia(0%) saturate(6445%) hue-rotate(341deg) brightness(96%) contrast(93%);}

.news_wrp .flexbox .n_list .n_item_wrp {border-top:2px solid #222;}
.news_wrp .flexbox .n_list .n_item_wrp .n_item {padding-top:20px;}
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li {padding:0 5px;margin-bottom:10px;}
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li a {padding-left:15px;position:relative;display:flex;flex-wrap:wrap;justify-content: space-between;line-height:1.5em;}
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li a:after {content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border:2px solid #81a9d9;border-radius:10px;}
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li a p.tit {font-size:.95em;width:calc(95% - 80px);}
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li:hover p.tit,
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li:focus p.tit,
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li:active p.tit {text-decoration: underline;}
.news_wrp .flexbox .n_list .n_item_wrp .n_item > li a .date {font-size:.85em;color:#999;}

/* 반응형 */
@media only screen and (max-width:1199px){
	.news_wrp .flexbox {flex-direction: column;}
	.news_wrp .flexbox .n_list {width:100%;}
	.news_wrp .flexbox .n_list .mtabs li a {padding:0 20px;line-height:38px;}
}
@media only screen and (max-width:1023px){
	.news_wrp.mcont {margin-top:80px;}
	.news_wrp .flexbox {margin-top:40px;}
	.news_wrp .flexbox .n_list .n_item_wrp .main_list .txtbox {margin-top:10px;}
}
@media only screen and (max-width:426px){
	.news_wrp .flexbox .n_list .mtabs li + li {margin-left:5px;}
	.news_wrp .flexbox .n_list .n_item_wrp .n_item > li {padding:0;}
}

/* 등록 글 없을 시 */
.slide_wrp .p_list.nodata .p_item {max-width:340px;opacity: 1;}
.slide_wrp .p_list.nodata .p_item a {pointer-events: none;}

.space_wrp .flexbox .s_list.nodata .s_item {max-width:310px;}
.space_wrp .flexbox .s_list.nodata .s_item a {pointer-events: none;}
.space_wrp .flexbox .s_list.nodata .s_item .imgbox img {width:100%;max-height:unset;}
.space_wrp .flexbox .s_list.nodata .s_item p.tit {display: none;}

.news_wrp .flexbox .n_list.nodata .n_item_wrp .n_item {display: none;}