@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@100..900&display=swap');

@font-face {
  font-family: 'Gmarket Sans';
  src: url('../fonts/GmarketSansTTFLight.woff2') format('woff2'),
      url('../fonts/GmarketSansTTFLight.woff') format('woff'),
      url('../fonts/GmarketSansTTFLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body,html{
  scroll-behavior: smooth;
  font-family: 'Gmarket Sans', sans-serif, "Noto Sans KR"!important;
  font-size: clamp(12px, 2vw, 18px) !important;
}

:root{
  --main_color1 : #00C01E;
  --main_color2 : #067DFD;
  --sub_color1 : #0028AC;
  --sub_color2 : #424242;
  --sub_color3 : #9e9e9e;
  --sub_color4 : #ffffff;
}
/*푸터 서식*/
footer{ font-size: clamp(11px, 1.5vw, 14px);
  position:relative; padding:40px; border-top:1px solid #ccc;}
.foot_gnb{display:flex; justify-content: space-around; width:1000px; top:50px; left:350px;}
.foot_gnb > li > a{color:var(--sub_color2);}
.foot_gnb > li > a:hover{ text-decoration: none;}
#foot_logo{width:200px;}
footer p{
    position: absolute;
    top: 175px;
    left: 65px; color:var(--sub_color2);line-height: 25px;}


.foot_gnb>li:last-child{
  position: absolute;
  bottom: 40px;
  right: 250px;
  border: 1px solid var(--sub_color1);
  background-color: var(--sub_color4);
  color: var(--sub_color1);
  padding: 7px 11px;
  border-radius: 15px;
  cursor: pointer;
  z-index: 1001;
}
.family{position: absolute;}
.family>li{
  padding-top: 10px;
  line-height: 30px;
}
.family>li>a{
  color: var(--sub_color1);
}
.mobile_gnb,.mobile_btn{display: none;}

/* 푸터 태블릿 서식 */
@media screen and (max-width:1024px){

  #foot_logo{width: 150px;}
  footer p{
    top: 85px;
    left: 220px;
  }
  .foot_gnb{
    justify-content: start;
    left:220px
  }
  .foot_gnb>li{margin-right: 24px;}
  .foot_gnb>li:last-child{
    bottom: -115px;
    right: 32%;
  }
}


/* 푸터 모바일 서식 */
@media screen and (max-width:767px){
  a{text-decoration: none;
  color: var(--sub_color2);}

  .foot_gnb{display:none;}

  footer p{
    top: 150px;
    left: 20px;
    line-height: 25px;
  }
  #foot_logo{
    
    top: 265px;
    left: 18px;
    padding-bottom: 10px;
    content: url('../images/mobile_logo.png');
    width: 50px;
  }
  .mobile_btn{display: block;}
  .mobile_gnb{
    display: block;
    position:relative;
    margin-left: -18px;
    padding-top: 9px;
    display:flex; justify-content: center;
    font-size: 14px;
    font-weight: bold;
  }
  .mobile_gnb>li{
    margin-right: 15px;
  }
  .mobile_gnb>li>span{
    border-right: 1px solid var(--sub_color2);
    height: 9px;
    background-color: var(--sub_color2);
    margin-left: 12px;
  }
  .mobile_gnb>li:last-child>span{border:none;}

}