@charset "utf-8";
/* reset*/
article, aside, figure, figure img,figcaption, hgroup,
footer, header, nav, section, video, object {display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,heade,nav,aside,section,article,footer,a
{ margin:0;  padding:0; }
table {border-collapse:collapse; border-spacing:0;}
input,select {  padding:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{text-decoration:none;color: #6c6c6c;}
em { font-style:normal; }
body {overflow-x:hidden;margin:0;padding:0; /*cursor:none;*/}

/*해외리셋*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}



/*:root {
  --text-color-1: #000;
  --text-color-2: #464646;
  --font-size-slogan: 0px;
  --font-size-title: 45px;
  --font-size-head: 30px;
  --font-size-head2: 22px;
  --font-size-head3: 25px;
  --font-size-head4: 27px;
  --font-size-content: 17px;
  --font-size-content1: 19px;
  --font-size-content2: 16px;
  --font-size-small-1: 15px;
  --font-size-small-2: 14px;
  --font-size-small-3: 13px;

  --font-family-kor-1: Pretendard, -apple-system;
  --font-family-eng-1: GY-UltraLight;
  --font-family-eng-2: GY-Light;
  --font-family-eng-3: GY-Regular;
  --font-family-eng-4: GY-Medium;
  --font-family-eng-5: GY-SemiBold;
  --font-family-eng-6: GY-ExtraBold;

  --v-spacing: 10vh;
  --v-spacing-half: 50vh;
  --h-gutter: 6.6vw;  

  --easing: cubic-bezier(0.5, 0.7, 0.4, 1);
}
*/

@keyframes mouse-roll{
  0%{
    opacity:0;
    transform:translate3d(0, 0, 0);
  }
  50%{
    opacity:.8;
    transform:translate3d(0, 5px, 0);
  }
  100%
  {
    opacity:0;
    transform:translate3d(0, 10px, 0);
  }
}


@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes mainStart {
  0%{
    opacity:0;
    transform:translate3d(0, -30px, 0);
  }  
  100%{
    opacity:1;
    transform:translate3d(0, 0px, 0);
  }
}