@charset "utf-8";











.bottom-fixed{position:fixed; bottom:20px; right:10px; z-index:111;}
.bottom-fixed>a{display:flex; align-items:center; padding:5px 15px; font-size:15px; color:#fff; border-radius:15px;      transition:0.2s; background:var(--naver); }
.bottom-fixed>a i{font-size:18px; margin-right:5px;}







#footer{padding:50px 20px; box-sizing:border-box;  margin-top:50px;}
#footer>.in{position:relative; max-width:1400px; margin:0 auto; }
#footer .util{margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; }
#footer .util li{margin-right:20px;  }
#footer .util li + li:after{top:40%; transform:rotate(15deg); left:-10px;}
#footer .util li a{color:# ;}
#footer .box{  margin-bottom:20px; font-size:11px; line-height:2;}
#footer .box .cs{margin:20px 0;}
#footer .box .cs p{ }
#footer .box .cs a{text-decoration:underline;}
#footer .box .cs a:hover{opacity:0.5;}
#footer .box p{ }
#footer .box p b{ }
#footer .box p span{margin-right:15px;}
#footer .box strong{ font-weight:normal; color:#aaa;}
#footer .box strong .designed{color:#999; display:inline-block; font-size:10px;}
#footer .box strong .designed a{color:#999;}
#footer .box strong .designed a:hover{text-decoration:underline;}
#footer select{padding:0 20px; height:40px; border:1px solid #aaa; border-radius:0; background:transparent; color:#fff;background:#333; opacity:0.6;}

@media all and (min-width:768px){
  #footer{margin-top:100px;}
  #footer .box{margin:0; font-size:14px;}
  #footer .box .cs{margin:40px 0;}
  #footer .box h2{font-size:25px;}
  #footer .box p{}
  #footer .box p span{margin-right:25px;}
  #footer .box .designed{display:inline-block; position:absolute; bottom:0; right:0; font-size:11px;}
}























/**/