@charset "utf-8";













#footer{position:relative; margin-top:50px; border-top:1px solid #000; background:#fff; padding:0 20px; box-sizing:border-box; z-index:11;}
#footer>.in{position:relative; max-width:1600px; margin:0 auto;  padding:30px 0;}
#footer h1{width:250px; margin-bottom:20px;}



#footer .box{}
#footer .box + .box{margin-top:30px;}
#footer .box p{}
#footer .box p span{font-size:12px;}
#footer .box p span b{display:inline-block; margin-right:5px; font-size:14px;}
#footer .box a{ transition:0.3s;}
#footer .box a:hover{color:#ccc;}
#footer .box p span.sns{max-width:30px; display:inline-block; margin-top:5px; transition:0.3s;}
#footer .box p span.sns:hover{opacity:0.7;}
#footer .box a{font-size:12px;}

#footer .box ul li{margin-right:10px;}


.bottom-fixed{position:fixed; bottom:10px; right:10px;  z-index:100;}
.bottom-fixed ul{}
.bottom-fixed ul li{}
.bottom-fixed ul li a{display:block;}
.bottom-fixed ul li a i{}

.bottom-fixed ul li.kakao a{width:50px; height:50px; line-height:50px; border-radius:50%; text-align:center; background:#fee710; transition:0.3s;}
.bottom-fixed ul li.kakao a i{line-height:inherit; font-size:30px; color:#3e2723;}
.bottom-fixed ul li.kakao a:hover{background:#dcc810;}


.right-fixed{position:fixed; top:50%; transform:translateY(-50%); z-index:100; right:10px; z-index:11;}
.right-fixed ul{text-align:center;}
.right-fixed ul li{cursor:pointer; font-size:15px;  width:30px; height:30px; line-height:30px; border-radius:50%; background:rgba(0,0,0,0.3); transition:0.3s;}
.right-fixed ul li + li{margin-top:15px; }
.right-fixed ul li:hover{background:rgba(0,0,0,0.5);}
.right-fixed ul li i{color:#fff;}


@media all and (min-width:768px){
  #footer{margin-top:100px; overflow:hidden;}
  #footer>.in{padding:40px 0;}
  #footer h1{margin-bottom:0; width:auto; max-width:300px;}

  #footer .top{ padding:70px 0; }
  #footer .top ul li{height:110px; justify-content:center; margin-bottom:0; padding:5px 30px;}

  #footer .top .swiper-button-prev{width:40px; height:40px; line-height:40px; text-align:center; left:-100px; display:block; top:37px; margin:0;}
  #footer .top .swiper-button-next{width:40px; height:40px; line-height:40px; text-align:center; right:-100px; display:block; top:37px; margin:0;}
  #footer .top .swiper-button-prev:after,
  #footer .top .swiper-button-next:after{font-size:15px;}


  #footer .box{display:flex; justify-content:space-between; align-items:center; margin:0; font-size:14px;}
  #footer .box + .box{margin-top:40px; align-items:end;}
  #footer .box h2{font-size:20px;}
  #footer .box .txt{ text-align:left; display:flex; }
  #footer .box p{}
  #footer .box p span{font-size:15px;}
  #footer .box a{font-size:14px;}

  #footer .box ul{width:auto;}
  #footer .box ul li{margin-right:0; margin-left:50px;}
  #footer .box ul li a{font-size:15px;}

  .bottom-fixed{bottom:50px; right:30px;}
  .bottom-fixed ul li.kakao a{width:60px; height:60px; line-height:60px;}
  .bottom-fixed ul li.kakao a i{font-size:40px;}

  .right-fixed{right:20px;}
  .right-fixed ul li{width:40px; height:40px; ;}
  .right-fixed ul li i{font-size:20px; line-height:40px}



}























/**/