@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,span{margin:0;padding:0; box-sizing:border-box !important; word-wrap:break-word; word-break:keep-all; touch-action:manipulation;}
html, body {outline:none; touch-action:manipulation;}
html {overflow-x:hidden;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }
a:active {text-decoration:none;}
img{border:0px; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; touch-action:manipulation;}
li{list-style: none; word-wrap:break-word; word-break:keep-all;}
table{border-collapse:collapse;width:100%;}
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
caption,legend,caption *,legend *{position:absolute; left:-10000px; line-height:0; font-size:0;}
fieldset{border:solid 0px black;padding:0;}
button{border:none; background:none; cursor:pointer; outline:none;}
div {box-sizing:border-box !important; word-wrap:break-word; word-break:keep-all; touch-action:manipulation;}
dt, dd {word-wrap:break-word; word-break:keep-all;}


:root {
  --pix : calc(1 / 1920 * 100vw);
  --fullh : calc(var(--vh)*100);

  --pretendard: 'Pretendard'; 
  --archivo: "Archivo", sans-serif;

  --mainC: #166FFE;

  --gap200 : 200px;
  --gap160 : 160px;
  --gap120 : 120px;
  --gap100 : 100px;
  --gap80 : 80px;
  --gap40 : 40px;
  --gap32 : 32px;
  --gap24 : 24px;
  --gap8 : 8px;


  --font28 : calc(var(--font14)*2);
  --font26 : 26px;
  --font25 : 25px;
  --font24 : 24px;
  --font22 : 22px;
  --font20 : 20px;
  --font18 : 18px;
  --font16 : 16px;
  --font14 : 14px;
}


html, body {width: 100%; overflow-x: hidden;}
body,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{
font-family: 'Pretendard', 'Archivo', sans-serif;; font-size: 18px; font-weight:400; outline:0; line-height:1.6; letter-spacing:-0.02em; box-sizing:border-box !important; color:#000;}

.hid{display:none;}
.br {display:block;}

a {font-size: inherit; font-weight: inherit; color: inherit;}

img {
  image-rendering: -moz-crisp-edges;         
	image-rendering:   -o-crisp-edges;        
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

@media screen and (max-width: 1260px){
  :root {
    --gap200 : 160px;
    --gap160 : 120px;
    --gap120 : 100px;
    --gap100 : 80px;
    --gap80 : 60px;
    --gap40 : 32px;
    --gap32 : 26px;
    --gap24 : 20px;


    --font28 : 26px;
    --font26 : 24px;
    --font25 : 21px;
    --font24 : 20px;
    --font22 : 19px;
    --font20 : 18px;
    --font18 : 18px;
    --font16 : 16px;
    --font14 : 14px;
  }
}

@media screen and (max-width: 1024px){}

@media screen and (max-width: 768px){

  :root {
    --gap200 : 120px;
    --gap160 : 100px;
    --gap120 : 80px;
    --gap100 : 60px;
    --gap80 : 40px;
    --gap40 : 26px;
    --gap32 : 20px;
    --gap24 : 16px;

    --font28 : 24px;
    --font26 : 22px;
    --font25 : 18px;
    --font24 : 18px;
    --font22 : 17px;
    --font20 : 16px;
    --font18 : 16px;
    --font16 : 14px;
    --font14 : 14px;
  }


	body,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{font-size:16px;}
}

@media screen and (max-width: 480px){

  :root {
    --font28 : 20px;
    --font26 : 19px;
    --font25 : 18px;
    --font24 : 18px;
    --font22 : 17px;
    --font20 : 16px;
    --font18 : 16px;
    --font16 : 14px;
    --font14 : 14px;
  }

	body,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea, button{font-size:14px;}
}