@charset "utf-8";

header{width:100%;text-align:center;height: 120px;}
header .inner{margin:0 auto;position:relative;text-align: left;display: flex;justify-content: space-between;padding: 25px 0;max-width: 1600px;}
header .inner .logo {vertical-align:middle;}
header .inner .logo span{font-size:25px;font-family:'SBAggroL';display:inline-block;margin-top:10px;padding-left: 20px;margin-left: 20px;position:relative;line-height:1;}
header .inner .logo span:before{content:'';width:2px;height:10px;background:#000;position:absolute;left:0;top: 50%;margin-top: -10px;}
header .inner .logo .util{position:relative; top:5px;}
header .inner .menu > ul{display:flex;}
header .inner .menu > ul > li + li{margin-left:10px;}
header .inner .menu > ul > li a{color:#000000;font-size:17px;display:block;padding: 17px;border:2px solid #000;border-radius:50px;padding-left:60px;padding-right:25px;padding-bottom: 15px;position:relative;font-family: 'SBAggroL';line-height: 1;}
header .inner .menu > ul > li a:before{content:'';width:21px;height:26px;background:url('../../images/common/top-util01.png') no-repeat center;position:absolute;left: 23px;top: 11px;}
header .inner .menu > ul > li:nth-child(2) a{background:#0e4194;color:#fff;border-color:#0e4194;}
header .inner .menu > ul > li:nth-child(2) a:before{background:url('../../images/common/top-util02.png') no-repeat center;width: 23px;height: 22px;top: 12px;}
header .inner .menu > ul > li:nth-child(3) a{background:#e63946;color:#fff;border-color:#e63946;}
header .inner .menu > ul > li:nth-child(3) a:before{background:url('../../images/common/top-util03.png') no-repeat center;width: 30px;height: 21px;left: 18px;top: 13px;}


footer{background: #222222;}
footer .container{max-width:1600px;margin:0 auto;display:flex;justify-content: space-between;padding: 45px 0 40px;}
footer .container .foot_ad > ul{margin-bottom:45px;}
footer .container .foot_ad > ul > li{color: #cbcbcb;font-size:17px;font-family:'SBAggroL';padding-left:110px;position:relative;}
footer .container .foot_ad > ul > li > span{color:#fff;position:absolute;left:0;}
footer .container .foot_ad > ul > li + li{margin-top:5px;}
footer .container .foot_ad > p{color: #555454;font-size:17px;font-family:'SBAggroL';}
footer .container .foot_sns{}
footer .container .foot_sns > ul{display:flex;width:200px;justify-content:space-between;align-items: center;margin-bottom: 35px;display:none;}
footer .container .foot_sns > ul > li > a{display:flex;flex-direction: column;justify-content: center;align-items: center;}


@media all and (max-width:1600px){
  header .inner{padding-left:25px;padding-right:25px;}
  footer .container{padding:40px 25px;}
}

@media all and (max-width:1200px){
  header{height:auto;}    
  header .inner{padding:20px 25px;}    
  header .inner .logo img{width:180px;}
  header .inner .logo span{font-size:18px;}   
  header .inner .logo span:before{top:11px;}    
  header .inner .menu > ul > li a{font-size:14px;padding:12px 20px 7px;}    
  header .inner .menu > ul > li a:before{display:none;}
}

@media all and (max-width:767px){
  header .inner{padding:15px;}
  header .inner .logo{padding-top:3px;}    
  header .inner .logo span{font-size: 18px;margin-top: 0;vertical-align: middle;padding-left:10px;margin-left:10px;}
  header .inner .logo span:before{top: 11px;}    
  header .inner .logo img{width: 160px;}    
  header .inner .menu > ul > li a{font-size:13px;padding:10px 15px 6px;}
  header .inner .menu > ul > li + li{margin-left:0;}    
  header .inner .menu > ul > li + li a{display:none;}    

  footer .container .foot_ad > ul{margin-bottom:20px;}
  footer .container{flex-wrap:wrap;gap: 40px;}
  footer .container .foot_ad > p > i{display:block;}
  footer .foot_img{width:180px;}
  footer .container .foot_ad > ul > li > i{display:block;}
}