@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300@400@500@600@700@800@900&display=swap");
@import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/* @import url('https://fonts.cdnfonts.com/css/merchant'); */

/* @font-face {
    font-family: "Merchant";
    src: url("fonts/merchant/Merchant-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Merchant";
    src: url("fonts/merchant/Merchant-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
} */

@font-face {
  font-family: "MerchantRegu";
  src: url("fonts/merchant/Merchant-Medium.ttf") format("truetype");  
}

@font-face {
  font-family: "MerchantBold";
  src: url("fonts/merchant/Merchant-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: bold;  
}


@font-face {
  font-family: "NanumMyoungjoLight";
  src: url("fonts/nanum/NanumMyeongjo.ttf") format("woff");  
}
@font-face {
  font-family: "NanumMyoungjoReg";
  src: url("fonts/nanum/NanumMyeongjoBold.ttf") format("woff");  
}
@font-face {
  font-family: "NanumMyoungjoBold";
  src: url("fonts/nanum/NanumMyeongjoExtraBold.ttf") format("woff");  
}


* {
    color: #221e1f;
    font-family: "Noto Sans KR", ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
        /* letter-spacing :-2px !important;     */
}

.nanum-myeongjo-regular {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 400;
  font-style: normal;
  word-spacing: 2px !important;
  font-display: swap;
  /* letter-spacing :0px !important;     */
}

.nanum-myeongjo-bold {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 700;
  font-style: normal;
  word-spacing: 2px !important;
  font-display: swap;
}

.nanum-myeongjo-extrabold {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 800;
  font-style: normal;
  word-spacing: 2px !important;
  font-display: swap;
}

.MerchantBold{
  font-family: 'MerchantBold', sans-serif;
  /* letter-spacing :0px !important; */
  line-height:20px;
}

.MerchantRegu{
  font-family: 'MerchantRegu', sans-serif;
  /* letter-spacing :-1px !important;  */
}

.scroll-top {
    --ghost-accent-color: royalblue;
      position: fixed;
    z-index: 99;
    padding: 0;
      right: 20px;
      bottom: 20px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(15px);    
      height: 46px;
      width: 46px;
      cursor: pointer;
      display: flex;
    align-items: center;
    justify-content: center;
      border-radius: 50%;
    transition: all .4s ease;
    border: none;
    box-shadow: inset 0 0 0 2px #ccc;
    color: #ccc;
    background-color: #fff;
  }
  
  .scroll-top.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .scroll-top .icon-tabler-arrow-up {
    position: absolute;
    stroke-width: 2px;
    stroke: #333;
  }
  
  .scroll-top svg path { 
      fill: none; 
  }
  
  .scroll-top svg.progress-circle path {
      stroke: #333;
      stroke-width: 4;
    transition: all .4s ease;
  }
  
  .scroll-top:hover {
    color: var(--ghost-accent-color);
  }
  
  .scroll-top:hover .progress-circle path, .scroll-top:hover .icon-tabler-arrow-up {
    stroke: var(--ghost-accent-color);
  }



  .scroll-price {
    --ghost-accent-color: royalblue;
      position: fixed;
    z-index: 99;
    padding: 0;
      right: 20px;
      bottom: 80px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(15px);    
      height: 46px;
      width: 46px;
      cursor: pointer;
      display: flex;
    align-items: center;
    justify-content: center;
      border-radius: 50%;
    transition: all .4s ease;
    border: none;
    box-shadow: inset 0 0 0 2px #ccc;
    color: #ccc;
    background-color: #fff;
  }
  
  .scroll-price.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .scroll-price .icon-tabler-arrow-up {
    position: absolute;
    stroke-width: 2px;
    stroke: #333;
  }
  
  .scroll-price svg path { 
      fill: none; 
  }
  
  .scroll-price svg.progress-circle path {
      stroke: #333;
      stroke-width: 4;
    transition: all .4s ease;
    
  }
  
  .scroll-price:hover {
    color: var(--ghost-accent-color);
  }
  
  .scroll-price:hover .progress-circle path, .scroll-price:hover .icon-tabler-arrow-up {
    stroke: var(--ghost-accent-color);
  }
  
  .content { max-width: 640px; margin: 0 auto; }
  
  .font-medium{ font-weight: bold;}

  #navbar {
    overflow: hidden;
    background-color:transparent;    
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    position: fixed; /* Sticky/fixed navbar */
    width: 100%;    
    top: 0; /* At the top */
    z-index: 50;
  }
  
  /* Style the navbar links */
  #navbar a {
    float: left;    
    text-align: center;    
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    border-radius: 4px;
  }
  
  /* Style the logo */
  #navbar #logo {    
    transition: 0.4s;
  }
  
  .header_menu{
    padding-left:41px;
    padding-top:21px;
    color: black;
    font-weight: 700;
    font-size:15px;
    /* letter-spacing :0px !important; */
  }
  
  #navbar-right {
    float: right;
  }


  #wrapper{
    min-height: 100%;
    position: relative;
  }
 

  #footer {
    height:165px;
    bottom: 0px;
	  position: absolute;       
    overflow: hidden;
    background-color:white;    
    
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    /* position: fixed; */
    
    width: 100%;    
    bottom: 0; /* At the top */
    z-index: 90;
  }
  
  /* Style the navbar links */
  #footer a {    
    text-align: center;    
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    border-radius: 4px;
  }
  
  /* Style the logo */
  #footer #logo {    
    transition: 0.4s;
  }
  
  .footer_menu{
    padding-left:41px;
    padding-top:21px;
    color: black;    
    font-size:15px;    
  }
  
  #footer-right {
    float: right;    
  }

  #footer-right ul li {
    /* letter-spacing :1px !important; */
  }

  .tabDiv{
    width:230px;
    height:70px;
    line-height: 70px;
    background-color:#f3f3ec;
    border-top:1px #CED8D7 solid;
    border-left:1px #CED8D7 solid;
    color:#CED8D7;
    text-align: center;
    font-size: 20px;
  }

  .tabDiv:hover{    
    background-color:#fff;
    border-top:1px #fff solid;
    border-left:1px #fff solid;
    color:#00A79D  ;   
    cursor: pointer; 
  }

  .act{    
    background-color:#fff;
    border-top:1px #fff solid;
    border-left:1px #fff solid;
    color:#00A79D  ;    
  }

  .twoDept{
    font-size: 25px;
    font-family: 'MerchantRegu', sans-serif;
    /* letter-spacing :-1px !important;  */
    color:#939597;
    padding:130px 15px;
    cursor: pointer;
  }

  .twoDept:hover{
    color:#000000;    
  }

  .choi{
    font-size: 25px;
    font-family: 'MerchantRegu', sans-serif;
    /* letter-spacing :-1px !important;  */
    color:#000000;
    padding:130px 25px;
    cursor: pointer;
  }
 


  input[type="radio"] {
    -ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
  }


  input[type="text"]{
    /* letter-spacing :1px !important;       */
  }