@charset "UTF-8";

* {margin: 0; padding: 0; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, span, a, label, input {font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;}
li {text-decoration: none; list-style: none;}
.mo {display: none;}

body {width: 100%; height: auto; overflow-x:hidden;}
.clearfix:after{content:""; display:block; clear:both;}
.fix-layout{max-width:1472px; margin:0 auto; width:100%; padding:0 12px;}

/*footer*/
footer .fix-layout{max-width:1874px; }
footer{background:#f6f6f6}
footer .ft-top{padding:30px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
footer .ft-top .con{display:flex; justify-content:space-between;}
footer .ft-top .con > ul{display:flex; gap:24px; flex-wrap:wrap; align-items: center;}
footer .ft-top .con > p{font-size:15px; color:#939393; }
footer .ft-bottom{padding:30px 0;}
footer .ft-bottom .con > div{display:flex; justify-content:space-between; margin-bottom:30px;}
footer .ft-bottom .con > div > ul{display:flex; gap:24px; flex-wrap:wrap; }
footer .ft-bottom .con > p{font-size:18px; font-weight:400; color:#bcbcbc; margin-bottom:2px;}
footer .ft-bottom .con > span{font-size:15px; font-weight:400; color:#939393;}

@media all and (max-width:767px){
		footer .ft-top, footer .ft-bottom{padding:20px 0;}
		footer .ft-top .con, footer .ft-bottom .con > div{align-items: center; flex-direction: column; gap:10px;} 
		footer .ft-bottom{text-align:center;}
		footer .ft-bottom .con > p{font-size:16px;}
}