@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);



/*리셋 CSS*/
html,body,
p,div,select,
ul,dl,ol,dd,li,
table,tr,th,td,
h1,h2,h3,h4,
form,fieldset,legend,
table,tr,td,th,caption,
address,blockquote {margin:0; padding:0;}
address,em {font-style:normal;}
fieldset, img {border:0 none;}
h1,h2,h3,h4,h5 {font-size:1em;line-height: 1;margin:0;padding:0}
legend, caption, hr{display:none;width:0; height:0; font-size:0;}
input{padding:0;margin:0;border:0px;vertical-align: middle;}
dl, dt, dd, ul, ol, li{ list-style:none;    padding:0;    margin:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display:block;}
article,section{display:block;margin:0;padding:0;}
img {vertical-align:top;}
table {border-spacing:0px;border:0px;border-collapse:collapse}
address,hr{display:none;}
form {display:inline;}
fieldset {padding:0;margin:0;border:none;}

body{padding:0;margin:0;font-family: 'Noto Sans KR', sans-serif;font-weight :400;font-size:18px;color:#000;line-height: 1; background:#000; width:100%; height:100%; word-break:break-all;}
input{font-family:'돋움', 'dotum', sans-serif; outline:none;}
select{font-family: 'Noto Sans KR', sans-serif;font-size:16px;}
option{font-family: 'Noto Sans KR', sans-serif;font-size:16px;}
a,a:hover, a:visited, a:active, a:link {text-decoration: none; color: #000; outline:none;}
html,body{position:relative;width:100%;height:100%;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
input[type=tel]::-ms-clear {display:none;}
button {outline:none; border:none; cursor:pointer; text-indent:-99999px;}
html{font-size:10px;}

/*common*/
* {box-sizing:border-box;outline: none;}
h3{font-size:50px;}
/*img {width:100%; height:auto;}*/
/*layout*/
.hide{display:none}
.wrap{position:relative;width:100%;overflow: hidden; }

/*layout*/
.hide{display:none}
.wrap{position:relative;width:100%;height:100%;overflow: hidden;}
#fullpage{position:relative;}
.section{position:relative;height:100%;width:100%}
.section_inner{position: relative;height: 100%;}
.section .cont{position: absolute;top:50%;left:50%;width:1720px;height:936px;transform: translate(-50%,-50%);z-index: 3;}

.mobile{}
.mobile .section .cont{position: absolute;top:50%;left:50%;width:720px;height:1370px;transform: translate(-50%,-50%);z-index: 3;}
/*.pc{cursor: url('../images/cursor_28.svg') 14 14, auto;}*/
/*.mobile{cursor: url('../images/cursor_28.svg') 14 14, auto;}*/
/*.pc {cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  fill="rgb(73, 243, 148)" width="27px" height="27px" viewBox="0 0 27 27"><circle cx="13.5" cy="13.5" r="13.5" /></svg>') 27 27, auto;}*/
/* .pc{
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2349f394" stroke="%2349f394" width="20px" height="20px" viewBox="0 0 10.04 10.04"><circle cx="5.02" cy="5.02" r="4.52"/></svg>') 10 10, none;
  height: 100vh;
} */
.pc{
  /*cursor: url('../images/dotlab_mousecursor2.png') 15 15, auto;*/
  height: 100vh;
}
/* .pc a:active{
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' stroke='%2349f394' fill='%2349f394' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='18' /%3E%3C/svg%3E") 27 27, auto;outline: none;
} */
/*


<svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="28px" height="28px">
<path fill-rule="evenodd"  fill="rgb(84, 221, 144)"
 d="M14.000,-0.000 C21.732,-0.000 28.000,6.268 28.000,14.000 C28.000,21.732 21.732,28.000 14.000,28.000 C6.268,28.000 -0.000,21.732 -0.000,14.000 C-0.000,6.268 6.268,-0.000 14.000,-0.000 Z"/>
</svg>
*/

/*
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27">
  <defs>
    <style>
      .cls-1 {
        fill: #49f394;
      }
    </style>
  </defs>
  <circle class="cls-1" cx="13.5" cy="13.5" r="13.5"/>
</svg>
*/