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

/*********** 공통 ***********/
a {
	transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#fs_wrap {overflow:hidden;}
.wrap {width:clamp(0px, 100%, 1350px);margin:0 auto;}
    @media only screen and (max-width:1350px){
		.wrap {width:100%;padding:0 5%;}
	}

/*********** 헤더영역 ***********/
#fs_header {position:absolute;top:0;left:0;width:100%;z-index:99;color:#fff;}

/* 상단 */
.fs_head {display:flex;justify-content:space-between;align-items:center;height:7rem;}
.fs_head .logo a {display:block;line-height:1;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(8deg) brightness(111%) contrast(101%);}

/* 모바일 버튼 */
.fs_head .mbtn_box {display:none;}

/* 헤더메뉴 */
.fs_top_menu {}
.fs_top_menu .lnb {display:flex;gap:1rem;}
.fs_top_menu .lnb > li .lnb_title {display:block;padding:.5rem 3rem;font-weight:700;}
.fs_top_menu .lnb > li:last-child .lnb_title {padding-right:0;}
    @media only screen and (max-width:1023px){
		.fs_top_menu .lnb > li .lnb_title {padding:.5rem 2rem;}
	}
    @media only screen and (max-width:767px){
		.fs_head {flex-wrap:wrap;height:auto;justify-content:center;}
		.fs_head .logo {padding:2rem 0;}
		.fs_top_menu {width:100%;padding-bottom:2rem;}
		.fs_top_menu .lnb {width:100%;}
		.fs_top_menu .lnb > li {flex:1 1 auto;text-align:center;}
		.fs_top_menu .lnb > li .lnb_title {padding:0;font-size:1.6rem;}
	}

/* 스크롤 효과 */
#fs_header.fix {position:fixed;background:rgba(255,255,255,.3);backdrop-filter:blur(1.5rem);color:#24313d;}
#fs_header.fix .fs_head .logo a {filter:none;}


/*********** 컨텐츠영역 ***********/
#fs_container_wrap {}


/*********** 푸터영역 ***********/
#fs_footer {background:#24313d;font-size:1.6rem;color:#fff;padding:4.5rem 0;}

/* 푸터정보 */
.fs_footer_box .foot_text {display:flex;justify-content:space-between;}
.fs_footer_box .foot_text address.address ul {display:flex;gap:4rem;}
    @media only screen and (max-width:767px){
		.fs_footer_box .foot_text {flex-wrap:wrap;flex-direction:column-reverse;text-align:center;}
		.fs_footer_box .foot_text span {width:100%;margin-top:1rem;}
		.fs_footer_box .foot_text address.address ul {display:block;}
		.fs_footer_box .foot_text address.address ul li {width:100%;}
	}

/* 퀵메뉴 */
.quick_menu {position:fixed;bottom:6rem;right:6rem;z-index:99;display:flex;flex-direction:column;gap:1.6rem;}

.quick_menu li a {display:flex;width:6.4rem;height:6.4rem;border-radius:50%;background:#1a88e8;overflow:hidden;justify-content:center;align-items:center;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);}
.quick_menu li:nth-child(2) a {background:#fee300;}
.quick_menu li:nth-child(3) a {background:#2cb24a;}
.quick_menu li:nth-child(4) a {background:#24313d;}

	@media only screen and (max-width:1350px){
		.quick_menu {position:fixed;bottom:1rem;right:1rem;}
	}
	@media only screen and (max-width:767px){
		.quick_menu {gap:0.5rem;}
		.quick_menu li a {display:flex;width:6rem;height:6rem;}
		.quick_menu li a img {max-width:4rem;}
	}
	
/* 이용약관 */
.menu_corp{overflow: hidden;display: inline-block;vertical-align: top;margin-bottom: 10px;}
.menu_corp li{display: inline-block;line-height: 20px;vertical-align: top;}
.menu_corp li a{cursor:pointer;}
.menu_corp li:first-of-type:before {content: none;}
.menu_corp li:before{content: "";display: inline-block;width: 1px;height: 12px;background-color: #d3d5d7;margin: 0 10px;vertical-align: -1px;}

/* 팝업 레이어 */
.popup-overlay {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 999;}
.popup {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width: 90%;max-width: 1000px;max-height: 80vh;padding: 20px;overflow-y: auto;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.popup h2 {margin-top: 0;}
.close-btn {float: right;background: none;border: none;font-size: 20px;cursor: pointer;}.open-btn {padding: 10px 20px;background-color: #333;color: white;border: none;border-radius: 5px;cursor: pointer;}
.popup pre {white-space: pre-wrap;line-height: 1.5;font-family: inherit;}