@charset "utf-8";
/* CSS Document */

footer{background-color:#fff; padding:var(--gap-40) 0; border-top:1px solid var(--color-border); position:relative;}
footer .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
footer .info-wrap{display:flex; align-items: start; flex-wrap: wrap; max-width:420px;}
footer .info-wrap > ul{margin-right:var(--gap-30);}
footer .info-wrap > ul:last-of-type{margin-right:0}
footer .info-wrap > ul > li.tlt{font-size:var(--font-size-samll); color:var(--color-font); margin-bottom:5px;}
footer .info-wrap > ul > li.cont{font-size:var(--font-size-normal); color:var(--color-dark); font-weight: 600; display:flex; align-items: center; gap:10px;}
footer .info-wrap > ul > li.cont > a.youtube_link{min-width: 26px;}
footer .info-wrap > p{width:100%; font-size:var(--font-size-samll); color:var(--color-font); margin-top:15px; line-height: 140%;}

footer .logo-wrap{display:flex; align-items: center;}
footer .logo-wrap img.bae{max-width:147px;}
footer .logo-wrap > div{margin:0 var(--gap-20); width:1px; height: 25px; background-color:var(--color-border);}

/*
footer .inner-wrap:after{content:""; display:block; clear:both}
footer .inner-wrap > .hr{width:100%; height: 1px; background-color:#3a3a3a; margin:25px 0; float:left;}
footer .inner-wrap .info-wrap{width:100%; float:left}
footer .inner-wrap .info-wrap > ul{width:100%; float:left;}
footer .inner-wrap .info-wrap > ul > li{float:left; display:flex; align-items: center; font-size:0.875rem; color:#cfcfcf; height: 25px;}
footer .inner-wrap .info-wrap > ul > li > .hv{width:1px; background-color: #3a3a3a; margin:0 15px;  height: 15px;}
footer .inner-wrap .info-wrap .copyRight{font-size:0.875rem; color:#cfcfcf; height: 25px; float:left;}
*/

@media only screen and (max-width:820px){
	footer .inner-wrap{align-items: flex-start; flex-direction: column-reverse;}
	footer .logo-wrap{margin-bottom:40px;}
}

@media only screen and (max-width:350px){
	footer .info-wrap > ul{margin-right:var(--gap-10);}
}