@charset "uft-8";

:root {
  --full-container: 1720px;
  --max-container:1300px;
  --sub-container: 1300px;
  --main-color: #59a13f;
  --sub-color: #8ec96d;
  --sub-color2: #ff7e00;
  --hover-color: #FBC546;
  --sub-bg-color : #f5f5f5;
  --black-color: #262626;
  --sub-menu-width: 30rem;
  --sub-visual-height: 30rem;
  --transition1: all 0.3s ease-in-out;
  --transition2: all 0.5s ease-in-out;
  --font1:'Cafe24Surround';
  --font2:'NanumSquareNeo';
  --border: 1px solid #ddd; 
  --box-shadow:0 0 5px 5px #0000000a;
}

/* reset start */
*{margin: 0;padding: 0;box-sizing: border-box;}
a{display: inline-block;color: inherit;text-decoration: none;}
li{list-style: none;}
.clearfix::after{display: block; content: '';clear: both;}
html { font-size:62.5%;scroll-behavior: smooth; } 
::selection {
  background-color: #FBC546; 
  color: black;          
}
::-moz-selection { 
  background-color: #FBC546;
  color: black;
}
/* reset end */

/* font */
@font-face {
    font-family: 'Cafe24Surround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

body,html
{font-family:'Cafe24Surround','NanumSquareNeo';}

.full-container{max-width: var(--full-container); margin: 0 auto;font-size: 1.8rem;}
.container{max-width: var(--max-container); margin: 0 auto;font-size: 1.8rem;}
.sub-container{max-width: var(--sub-container); margin: 0 auto;font-size: 1.8rem;}