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

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 : https://matthewlein.com/tools/ceaser
 이징 참고표 : https://easings.net/ko
*/
img {max-width:100%;}
a, button{ transition: all .4s;-webkit-transition: all .4s;}
a:hover, a:focus, a:active {text-decoration: none;}
button {font-family: inherit;font-size:inherit;}
.w1600 {max-width:1600px;margin:auto;} /* 상세페이지에서만 사용 */
.w1500 {max-width:1500px;margin:auto;} /* 상세페이지에서만 사용 */
.w1720 {max-width:1720px;margin:auto;}
@media only screen and (max-width:1721px){
	.w1500, .w1600, .w1720 {padding:0 30px;}
}
@media only screen and (max-width:767px){
	.w1500, .w1600, .w1720 {padding:0 15px;}
}

/***********************/

/* 해더영역 */
#fs_header {border-bottom:1px solid #eee;}
#fs_header .h_top {background:#eee;}
#fs_header .h_top > div {display:flex;align-items:center;justify-content:space-between;height:40px;font-size:1.3rem;color:#888;font-weight:normal;}
#fs_header .h_top a.cityhall {display:inline-block;height:100%;padding:0 20px;background:#fff;line-height:40px;}
#fs_header .h_top a.cityhall span {position:relative;display:inline-block;padding-left:23px;}
#fs_header .h_top a.cityhall span:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url('./../images/layout/logo_gj.png') no-repeat left center;width:18px;height:13px;}
#fs_header .h_top .utill_list a {position:relative;display:inline-block;padding:0 12px;}
#fs_header .h_top .utill_list a + a:before {content:'';position:absolute;left:-1px;top:0;bottom:0;margin:auto;background:#bbb;width:3px;height:3px;border-radius:5px;}


/* 헤더메뉴 */
.fs_mtop_menu {display:none;}

.fs_head {display:flex;flex-wrap:wrap;align-items: center;justify-content:space-between;height:100px;}
.fs_head .logo a {display:block;}
.fs_head .sch_box {display:flex;align-items:center;height:100%;z-index: 91;}
.fs_head .sch_box a.search {display:inline-block;width:41px;padding:10px;opacity:.8;}
.fs_head .sch_box a.search:hover {opacity: 1;}
.fs_head .sch_box a.sitemap {margin-left:20px;display:flex;align-items:center;justify-content:center;height:100%;width:auto;aspect-ratio:1/1;background:#faa61a;}
.fs_head .sch_box a.sitemap span {position:relative;display:inline-block;width:22px;height:2px;background:#fff;}
.fs_head .sch_box a.sitemap span:before {content:'';position:absolute;left:0;top:-7px;height:2px;width:100%;background:#fff;}
.fs_head .sch_box a.sitemap span:after {content:'';position:absolute;left:0;top:7px;height:2px;width:100%;background:#fff;}

.fs_top_menu .lnb {display:flex;position: relative;z-index:9999;}
.fs_top_menu .lnb .lnb_title {display:block;height:100%;width:100%;min-width:160px;line-height:100px;color:#000;font-weight:500;font-size:1.1em;text-align: center;}
/* 1뎁스 */
.fs_top_menu .lnb > li {position:relative;}
.fs_top_menu .lnb > li .dep2 {visibility: hidden;opacity:0;width:100%;padding:25px 10px 15px;text-align: center;position:absolute;top:130px;left:50%;transform:translate(-50%,0);background:#faa61a;color:#fff;border-radius:10px;box-shadow: 5px 7px 15px rgba(0,0,0,.1);transition:all .4s;-webkit-transition:all .4s;font-size:.95em;}
.fs_top_menu .lnb > li .dep2 > li + li {margin-top:5px;}
.fs_top_menu .lnb > li .dep2 a {position:relative;line-height:1.1;opacity: .9;transition: all .4s;-webkit-transition: all .4s;}
.fs_top_menu .lnb > li .dep2 a:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;background:#fff;width:0;height:1px;transition:all .3s;-webkit-transition:all .3s;}
.fs_top_menu .lnb > li .dep2 a:hover {opacity: 1;}
.fs_top_menu .lnb > li .dep2 a:hover:after {width:100%;}
.fs_top_menu .lnb > li.on .dep2 {visibility: visible;opacity: 1;top:90px;min-width:140px;}

/* 반응형 */
@media only screen and (max-width:1721px){
	.fs_head.w1720 {padding-right:0;}
}
@media only screen and (max-width:1399px){
	.fs_head .logo a {max-width:140px;}
	.fs_top_menu .lnb .lnb_title {padding:0 1.5rem;min-width:115px;font-size:1em;}
}
@media only screen and (max-width:1199px){
	.fs_head .logo a {max-width:120px;}
	.fs_top_menu .lnb > li .dep2 a {font-size:.95em;}
}
@media only screen and (max-width:1024px){
	.fs_top_menu .lnb {display:none;}
}
@media only screen and (max-width:767px){
	.fs_head {height:90px;}
	.fs_head .logo a img {max-width:140px;}
}


/* 사이트맵 오픈 */
.fs_mtop_menu {visibility: hidden;opacity:0;transition:all .4s;-webkit-transition:all .4s;}
.overflow_y {position: relative;}
.overflow_y:before {content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index: 89;}
.overflow_y #fs_header .h_top {position:relative;}
.overflow_y #fs_header .h_top .utill_list {position:relative;z-index: 92;}
.overflow_y #fs_header .fs_top_menu {pointer-events: none;z-index: 89;}
.overflow_y #fs_header .fs_mtop_menu {position:fixed;right:0;top:0;width:100%;max-width:560px;height:100vh;background:#fff;z-index:90;visibility:visible;opacity: 1;padding:0 60px;}
.overflow_y #fs_header .fs_mtop_menu:before {content:'';position:absolute;left:0;top:0;width:100%;background:#eee;height:40px;}
.overflow_y #fs_header .fs_mtop_menu .lnb {display:block;position: relative;top: 50%;left:0;transform: translate(0, -50%);}
.overflow_y #fs_header .fs_mtop_menu .lnb > li {transition:all .4s;-webkit-transition:all .4s;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li + li {margin-top:30px;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li .lnb_title {font-size:2em;line-height:normal;font-weight:bold;color:#222;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li:hover .lnb_title {color:#faa61a;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 {display:flex;margin-top:15px;font-size:1.1em;color:#999;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 > li + li {margin-left:20px;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 > li a {display:block;width:100%;}
.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 > li:hover a,
.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 > li:focus a,
.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 > li:active a {color:#222;text-decoration: underline;}
.overflow_y #fs_header .sch_box .sitemap.active span {width:22px;height:22px;background:none;position: relative;z-index: 91;}
.overflow_y #fs_header .sch_box .sitemap.active span:before {top:8px;transform:rotate(45deg);transition:all .2s;-webkit-transition:all .2s;}
.overflow_y #fs_header .sch_box .sitemap.active span:after {top:8px;transform:rotate(-45deg);transition:all .2s;-webkit-transition:all .2s;}
.overflow_y #fs_header .sch_box .sitemap.active:hover span:before {transform:rotate(225deg);}
.overflow_y #fs_header .sch_box .sitemap.active:hover span:after {transform:rotate(135deg);}
@media only screen and (max-width:767px){
	.overflow_y #fs_header .fs_mtop_menu {padding:0 15px;}
	.overflow_y #fs_header .fs_mtop_menu .lnb {text-align: center;}
	.overflow_y #fs_header .fs_mtop_menu .lnb > li .dep2 {justify-content: center;}
}
#fs_container_wrap {overflow:hidden;}


/* 서브페이지 */
.fs_content {margin:80px 0 140px;}
.fs_snb_contents .con_header {margin-bottom:60px;text-align: center;}
.fs_snb_contents .con_header .mtit {display:block;font-size:1.1em;color:#faa61a;font-weight:500;}
.fs_snb_contents .con_header h3.tit {margin-top:5px;}
.fs_snb_contents .con_header h3.tit span {font-size:2.6em;}
.fs_snb_contents .con_header h3.tit span:after {display:none;}
@media only screen and (max-width:767px) {
	.fs_snb_contents .con_header h3.tit span {font-size:2em;}
}

/* 서브페이지 SNB */
.fs_snb_box {border-bottom:1px solid #eee;}
.snb_menu ul.dep1 {display:flex;}
.snb_menu ul.dep1 > li {position:relative;height:60px;max-height:60px;min-width:200px;}
.snb_menu ul.dep1 > li:before {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:1px;height:30%;background:#ddd;}
.snb_menu ul.dep1 > li a {display:flex;align-items:center;width:100%;height:100%;padding:0 30px 0 20px;}
.snb_menu ul.dep1 > li.home {aspect-ratio: 1/1;min-width:unset;}
.snb_menu ul.dep1 > li.home a {aspect-ratio: 1/1;display:block;background:url("./../images/layout/snb_home.png") no-repeat center;opacity: .5;}
.snb_menu ul.dep1 > li.home:hover a {opacity: 1;}
.snb_menu ul.dep1 > li a.arrow:after {content:'';position:absolute;right:20px;top:0;bottom:0;margin:auto;background:url("./../images/common/arr_menu_down.png") no-repeat center right;width:10px;height:6px;opacity: .6;transition:all .4s;-webkit-transition:all .4s;}
.snb_menu ul.dep1 > li:hover a.arrow:after {opacity: 1;}
.snb_menu ul.dep1 li ul.dep2 {z-index:60;position:absolute;top:60px;left:0;right:0;border:1px solid #eee;background:#fff;}
.snb_menu ul.dep1 li ul.dep2 > li + li {border-top:1px solid #eee;}
.snb_menu ul.dep1 li ul.dep2 > li a {padding:12px 20px;color:#999;font-size:.9em;}
.snb_menu ul.dep1 li ul.dep2 > li a:hover {color:#222;text-decoration: underline;}

.snb_menu ul.dep1 li.on a.arrow:after {transform:rotate(180deg);}
@media only screen and (max-width:767px) {
	.snb_menu ul.dep1 > li.home {display:none;}
	.snb_menu ul.dep1 > li {width:50%;min-width: unset;}
	.snb_menu ul.dep1 > li:last-child:before {display: none;}
	.snb_menu ul.dep1 > li:nth-child(2) a {padding-left:0;}
	.snb_menu ul.dep1 > li a.arrow:after {right:15px;}
}


/* 배너영역 */
.bann_box {border-top:1px solid #ddd;width:100%;padding:23px 0;}
.bann_box .bann_wrp {display:flex;flex-wrap:wrap;}
.bann_box .bann_wrp .titbox {display:flex;width:200px;}
.bann_box .bann_wrp .titbox .stit {position:relative;display:inline-block;color:#000;font-size:.95em;font-weight:500;padding-left:20px;}
.bann_box .bann_wrp .titbox .stit:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url("./../images/layout/bann_ic.png") no-repeat center left;width:17px;height:20px;}
.bann_box .bann_wrp .bann_list {width:calc(100% - 270px);padding:0 30px;}
.bann_box .bann_wrp .bann_list .slick-slide {position: relative;padding-left:40px;margin:0 0 0 40px;  transition: transform 0.5s linear;}
.bann_box .bann_wrp .bann_list .slick-slide a {transition: transform 0.5s linear;}
/*.bann_box .bann_wrp .bann_list li:not(.slick-current) a {transform: scale(0.9);transition-delay: 0s;}*/
.bann_box .bann_wrp .bann_list .slick-slide + .slick-slide:after {content:'';position:absolute;left:0px;top:0;bottom:0;margin:auto;background:#bbb;width:3px;height:3px;border-radius:5px;}
.bann_box .bann_wrp .bann_list a {position:relative;display:block;color:#999;font-size:14px;text-align: left;}
.bann_box .bann_wrp .bann_total {position:relative;width:70px;}
.bann_box .bann_wrp .bann_total a.view_total {display:block;border:1px solid rgba(0,0,0,.3);font-size:12px;border-radius:5px;text-align: center;color:#444;font-weight:500;transition:all .4s;-webkit-transition:all .4s;}
.bann_box .bann_wrp .bann_total a.view_total:hover,
.bann_box .bann_wrp .bann_total a.view_total:focus {background:#222;color:#fff;}
.bann_box .bann_wrp .bann_total > ul.b_list {position:absolute;right:0;bottom:30px;width:140px;height:auto;max-height:200px;overflow-y:auto;padding:20px 10px;background:#333;border-radius:10px;overflow:hidden;}
.bann_box .bann_wrp .bann_total > ul.b_list li {margin-bottom:5px;}
.bann_box .bann_wrp .bann_total > ul.b_list li a {color:#999;font-size:14px;}
.bann_box .bann_wrp .bann_total > ul.b_list li a:hover,
.bann_box .bann_wrp .bann_total > ul.b_list li a:focus {text-decoration: underline;}

.bann_box .bann_wrp .banner_controll_box {display:flex;align-items:center;padding-left:30px;}
.bann_box .bann_wrp .banner_controll_box > a {display:inline-block;position:relative;width:25px;height:100%;margin:0 5px;font-size:0;}
.bann_box .bann_wrp .banner_controll_box > a:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:15px;height:15px;opacity: .3;transition:all .4s;-webkit-transition:all .4s;}
.bann_box .bann_wrp .banner_controll_box > a:hover:after {opacity: 1;}
.bann_box .bann_wrp .banner_controll_box > a + a:before {content:'';position:absolute;left:-5px;top:0;bottom:0;margin:auto;width:1px;height:15px;background:#ddd;}
.bann_box .bann_wrp .banner_controll_box > a.banner_prev:after {background:url("./../images/layout/arw_left.png") no-repeat center;background-size:contain;}
.bann_box .bann_wrp .banner_controll_box > a.banner_next:after {background:url("./../images/layout/arw_left.png") no-repeat center;background-size:contain;transform:rotate(180deg);}

@media only screen and (max-width:767px){
	.bann_box .bann_wrp .titbox {width:70px;}
	.bann_box .bann_wrp .titbox .stit {display:none;}
	.bann_box .bann_wrp .banner_controll_box {padding-left:0;}
	.bann_box .bann_wrp .bann_list {width:calc(100% - 150px);}
}
@media only screen and (max-width:560px){
	.bann_box .bann_wrp .bann_list .slick-slide + .slick-slide:after {display: none;}
}


/* 푸터영역 */
#fs_footer {background:#eee;}
.fs_footer_box {}
.fs_footer_box .f_linkbox {border-bottom:1px solid #ddd;}
.fs_footer_box .f_linkbox .flexbox {display:flex;justify-content: space-between;align-items: center;width:100%;}
.fs_footer_box .f_linkbox .info_link {display:flex;}
.fs_footer_box .f_linkbox .info_link > li {}
.fs_footer_box .f_linkbox .info_link a {position:relative;display:block;padding:0 15px;line-height:60px;color:#888;font-size:14px;}
.fs_footer_box .f_linkbox .info_link > li + li a:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:3px;height:3px;border-radius:10px;background:#bbb;}
.fs_footer_box .f_linkbox .info_link li:first-child a {padding-left:0;}
.fs_footer_box .f_linkbox .info_link a strong {color:#444;font-weight:500;}
.fs_footer_box .f_linkbox .right {display:flex;align-items: center;}
.fs_footer_box .f_linkbox .right .sns_list {display:flex;margin-right:30px;}
.fs_footer_box .f_linkbox .right .sns_list li + li {margin-left:10px;}
.fs_footer_box .f_linkbox .right .sns_list li a {position:relative;display:block;width:25px;height:auto;aspect-ratio: 1/1;transition:all .4s;-webkit-transition:all .4s;opacity: .3;}
.fs_footer_box .f_linkbox .right .sns_list li a:hover,
.fs_footer_box .f_linkbox .right .sns_list li a:focus,
.fs_footer_box .f_linkbox .right .sns_list li a:active {opacity: 1;}
.fs_footer_box .f_linkbox .right .sns_list li.insta a {background:url("./../images/layout/sns_insta.png") no-repeat center;}
.fs_footer_box .f_linkbox .right .sns_list li.fb a {background:url("./../images/layout/sns_fb.png") no-repeat center;}
.fs_footer_box .f_linkbox .right .sns_list li.kakao a {background:url("./../images/layout/sns_kakao.png") no-repeat center;}
.fs_footer_box .f_linkbox .right .sns_list li.youtb a {background:url("./../images/layout/sns_youtb.png") no-repeat center;}
.fs_footer_box .f_linkbox .right .btn_top {position:relative;display:block;width:auto;height:60px;aspect-ratio:1/1;background:#faa61a;}
.fs_footer_box .f_linkbox .right .btn_top:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../images/layout/btn_top.png") no-repeat center;width:24px;height:100%;}
.fs_footer_box .foot_text {padding:50px 30px;font-size:.9em;}
.fs_footer_box .foot_text .flexbox {display:flex;}
.fs_footer_box .foot_text .logobox img {opacity: .3;}
.fs_footer_box .foot_text .txt {padding-left:70px;color:#999;}
.fs_footer_box .foot_text .txt .stit {display:inline-block;margin-right:10px;font-weight:500;color:#666;}
.fs_footer_box .foot_text .txt .copyright {margin-top:30px}
.fs_footer_box .foot_text .txt .copyright strong {font-weight:inherit;}
@media only screen and (max-width:1721px){
	.fs_footer_box .f_linkbox .w1720 {padding-right:0;}
}
@media only screen and (max-width:1023px){
	.fs_footer_box {position:relative;}
	.fs_footer_box .f_linkbox .info_link {margin:20px 0;flex-wrap:wrap;width:100%;}
	.fs_footer_box .f_linkbox .info_link a {font-size:.9em;line-height:1.5em;}
	.fs_footer_box .f_linkbox .right {margin-top:10px;}
	.fs_footer_box .f_linkbox .right .btn_top {position:absolute;right:10px;bottom:10px;width:50px;height:50px;}
	.fs_footer_box .f_linkbox .right .sns_list {position:absolute;bottom:60px;left:0;right:0;justify-content: center;align-items: center;margin:auto;}
	.fs_footer_box .foot_text {padding:40px 15px 100px;}
	.fs_footer_box .foot_text .flexbox {flex-direction: column;align-items: center;}
	.fs_footer_box .foot_text .txt {margin-top:15px;text-align: center;padding:0;}
}
@media only screen and (max-width:767px){
	.fs_footer_box .f_linkbox {}
	.fs_footer_box .foot_text .logobox img {max-width:140px;}
}
@media only screen and (max-width:560px){
	.fs_footer_box .f_linkbox .info_link > li {width:50%;}
	.fs_footer_box .f_linkbox .info_link > li + li a:before {display:none;}
	.fs_footer_box .f_linkbox .info_link a {padding:0;}
}