@charset "UTF-8";

/* ---------- footer ---------- */
.footer-top {position:relative;padding:12rem 0;overflow:hidden;}
.footer-top__bg {position:absolute;inset:0;background:url(/share/portal/img/new/layout/footer-top_bg.jpg) no-repeat center center /cover;will-change:transform;}
.footer-top__bg:before {content:"";position:absolute;inset:0;display:block;background:linear-gradient(90deg, rgba(12, 128, 102, 0.2) 0%, rgba(0, 35, 40, 0.2) 100%);}
.footer-top .inner {min-height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:3.4rem;min-height:42.8rem;}
.footer-top__logowrap {display:flex;align-items:center;flex-wrap:wrap;gap:2rem;}
.footer__logo {filter:brightness(0) invert(1);margin-right:auto;}
.footer__logo img {height:5.6rem;}
.footer__sns {display:flex;align-items:center;gap:2rem;}
.footer__sns a {flex:none;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.2);transition:all .3s;}
.footer__sns a:before {content:"";display:block;filter:brightness(0) invert(1);transition:all .3s;}
.footer__sns .blog:before {width:2rem;height:1.9rem;background:url(/share/portal/img/new/layout/m-sns_blog.svg) no-repeat center center /100% 100%;}
.footer__sns .youtube:before {width:1.3rem;height:1.5rem;background:url(/share/portal/img/new/layout/m-sns_youtube.svg) no-repeat center center /100% 100%;}
.footer__address * {color:#fff;font-weight:700;line-height:1.4;}
.footer__address address {font-style:normal;margin-bottom:1rem;}
.footer__address .item {display:flex;gap:0.5rem;}
.footer__address .tit {display:flex;width:7rem;flex:none;}
.footer__map {display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
.footer__map a {width:21rem;height:6rem;display:flex;align-items:center;justify-content:center;padding:0 5rem;border:1px solid rgba(255, 255, 255, 0.2);border-radius:100px;overflow:hidden;position:relative;}
.footer__map a span {color:#fff;font-weight:700;transition:all .3s;position:relative;z-index:1;}
.footer__map a:after {content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;background:#fff;transition:all .3s;}
.footer__pdtop-btn {display:inline-flex;align-items:center;gap:2rem;margin-top:auto;}
.footer__pdtop-btn .icon {width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255, 255, 255, 0.2);border-radius:50%;transition:all .3s;}
.footer__pdtop-btn .icon:before {content:"";display:block;width:1.3rem;height:1.8rem;background:url(/share/portal/img/new/layout/footer__pdtop-btn.svg) no-repeat center center;transition:all .3s;}
.footer__pdtop-btn .txt {font-weight:700;color:#fff;}
.footer-bottom {padding:8rem 0;}
.footer__site {display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;}
.footer__site__item {flex:1;position:relative;}
.footer__site__item .toggle-btn {width:100%;height:6rem;padding:0 4rem;display:flex;align-items:center;border:1px solid var(--color-gray02);font-weight:700;font-size:var(--font-m);color:var(--black);}
.footer__site__item .toggle-btn:after {flex:none;content:"";display:block;width:1.3rem;height:0.7rem;margin-left:auto;background:url(/share/portal/img/new/layout/footer__site_arrow.svg) no-repeat center center /100% 100%;transition:transform .3s;}
.footer__site__item.open .toggle-btn:after {transform:rotate(180deg);}
.footer__site__pop {display:none;position:absolute;top:calc(-20rem + 1px);width:100%;height:20rem;padding:3rem 4rem;overflow-y:auto;border:1px solid var(--color-gray02);background:#fff;}
.footer__site__pop li + li {margin-top:2rem;}
.footer__flex {display:flex;flex-wrap:wrap;gap:3rem;padding:2rem 0;}
.footer__link {display:flex;align-items:center;flex-wrap:wrap;gap:2rem 3rem;margin-right:auto;}
.footer__link a {color:var(--black);}
.footer__link a.point {color:var(--color-primary03);}
.footer__copyright {color:var(--color-gray01);}

	@media (hover: hover) {
		.footer__map a:hover:after,
		.footer__map a:focus-visible:after {width:100%;}
		.footer__map a:hover span,
		.footer__map a:focus-visible span {color:var(--black);}
		
		.footer__pdtop-btn:hover .icon,
		.footer__pdtop-btn:focus-visible .icon {background:#fff;}
		.footer__pdtop-btn:hover .icon:before,
		.footer__pdtop-btn:focus-visible .icon:before {filter:grayscale(1) brightness(0);}
		
		.footer__sns a:hover,
		.footer__sns a:focus-visible {background:#fff;}
		.footer__sns a:hover:before,
		.footer__sns a:focus-visible:before {filter:grayscale(1) brightness(0);}
		
		.footer__link a:hover,
		.footer__link a:focus-visible {text-decoration:underline;text-underline-position : under;}
	}
	@media screen and (max-width:1200px) {
		.footer-top {padding:10rem 0;}
		.footer-top .inner {min-height:38.8rem;}
		.footer__site__item {flex:auto;width:calc(50% - 0.5rem);}
	}
	
	@media screen and (max-width:680px) {
		.footer__site__item {width:100%;}
	}