@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

  a:hover{text-decoration: none;;}
/* layout */
  .inner{width:100%; max-width:1420px; margin:0 auto; }
  .primary {color:#409553;}
  .secondary {color:#F1FFF4;}
  .third{color:#3ED963;}
  .yellow{color:#FFF5A8;}
  .bg-primary {background-color:#409553;}
  .bg-secondary {background-color:#F1FFF4;}
  .bg-third{background:#3ED963; color:#fff;}
  .bg-black{background:#333; color:#fff;}
  .bg-lightgray {background-color:#aaa;}
  .txt-red{color:#ff0000;}
  .txt-import{color:#FF5722;}
  a.txt-yellow{color:#FFF5A8;}


 /*flex 선언*/ 
  .flex{display: flex;}
  .flex.heigh-in{height: inherit;}
  .flex.ju-center{justify-content: center;}
  .flex.ju-between{justify-content: space-between;}
  .flex.ai-center{align-items: center;}
  .flex.ai-end{align-items: end;}
  .flex.fd-column{flex-direction: column;}

  /*text*/
  .txt-bold{font-weight:700;}
  .txt-right{text-align: right;}
  .txt-center{text-align: center;}

  /*box*/
  .box{}
  .box-radi{border-radius: 15px;}
  .box-radi.small{border-radius: 5px;}
  .box-shadow{box-shadow: 0 0 10px #ccc;}

  /*content*/
  .title-area{padding-top:10px; padding-bottom:10px;}
  .btn-area{padding-top:1rem;}
  .btn-area input,
  .btn-area button{margin:0 10px;}

  ul li,ol li,li{list-style: none;}
  
  ul,ol{padding:0; margin:0;}
  ul.list li{position:relative; padding-left:12px; list-style: none;}
  ul.list li:before{position: absolute; left:0px; content: "-";}

  .only-box{padding:20px 0px; text-align: center; font-size:3rem; background:#333; color:#fff;}
    .only-box p{font-weight:700;}

  #footer{padding:5rem 0 10rem; background:#000; color:#fff; text-align: center; z-index: 2;}
  #footer .f-info-top,
  #footer .f-info-bottom{display:flex; justify-content: center; align-items:center; font-size:1.6rem;}
  #footer dl{display: flex; padding:5px 10px; justify-content:center; align-items:center;}
  #footer .fixed-area{position:fixed; width:100%; bottom:0;  padding:10px; background:#fff; font-size:2.4rem; border-top:1px solid #ccc;}
  #footer .fixed-area p{padding-left: 6%; color:#333;}
  #footer .fixed-area ul{width:45%;}
  #footer .fixed-area ul > li{width:49%; margin:0.5% 0;}
  #footer .fixed-area ul > li a{width:100%; display:block; padding:1rem 0.5rem; border-radius: 5px; font-weight:bold; }
  #footer .fixed-area ul > li:nth-child(1) a{background:#3ED963; color:#fff;}
  #footer .fixed-area ul > li:nth-child(2) a{background:#ffd417;}
  


  @media (max-width: 1420px) {
   .inner{max-width:1280px;}
    #footer .f-info-top,
    #footer .f-info-bottom {font-size: 1.4rem;}
   } 

  @media (max-width: 1280px) {
    .inner{max-width:100%;}
    .f-info-top {flex-wrap: wrap;}
  }

  @media (max-width: 1024px) {
    #footer .f-info-top, #footer .f-info-bottom{flex-direction: column; padding-bottom:2rem;}
    #footer dl{width:100%;}
    
    #footer .fixed-area{background:none; border:none; min-width:36rem; font-size:1.8rem;}
    #footer .fixed-area ul > li{width:49.6%; margin:0.2% 0;}
    #footer .fixed-area ul > li a{box-shadow:0 0 10px #aaa;}
    #footer .fixed-area ul{width:100%;}
    #footer .m-hidden{display:none;}

  }

  @media (max-width: 768px) {
    body{min-width : 36rem;}
    #footer dl{flex-wrap: wrap;}
  }