@charset "UTF-8";

/* **************************************** *
 * BASE
 * **************************************** */

*        {margin:0; padding:0;box-sizing:border-box;font-family: 'Spoqa Han Sans Neo' , '맑은 고딕','Malgun Gothic', sans-serif;}
html{width: 100%;overflow-x: hidden;}
body     {font-size:15px; line-height:1; font-weight:400; color:#2a2b2c;
          letter-spacing: -0.7px; word-break: break-all;}
a        {color:#2b2b2b; text-decoration:none;}
button   {cursor: pointer;}
img      {border:0; vertical-align:top;}
ul, ol   {list-style:none;}
address  {font-style:normal;}
fieldset {border:0;}
input    {vertical-align:top;-webkit-appearance: none;}
label    {vertical-align:top;}


/* **************************************** *
 * STYLE
 * **************************************** */

div                        {display:block;}
.hide, .hidden, .collapse,
 caption, none, close      {display:none;}


/* **************************************** *
 * font
 * **************************************** */

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype')
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Light.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Light.ttf') format('truetype')
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype')
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 800;
    font-style: normal;
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.eot');
    src: url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
         url('/font/HanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype')
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/font/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/font/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
    url(/font/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
    url(/font/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; }



/* **************************************** *
 * CONTENTS
 * **************************************** */

/*pc 사이즈*/
.mobile{display: none !important}
.tablet{display: none !important}
.pc{display: block !important}
table.pc{display: table !important}

/*태블릿pc 사이즈*/
@media screen and (max-width: 1023px){
	.mobile_br{display: none !important}
	.mobile{display: none !important}
	.tablet{display: block !important}
	.pc{display: none !important}
}

/*모바일 사이즈*/
@media screen and (max-width: 767px){
	.tablet{display: none !important}
	.pc{display: none !important}
	.mobile{display: block !important}
}


/*로딩 바*/
.loading_bg{
    position:fixed;
    background-color: rgba(0,0,0,0.5);
    left:0;
    right:0;
    top:0;
    bottom: 0;
    z-index:10000000;
    display:fixed;
    overflow:hidden auto;
    text-align:center;
}
.loading_bar{
  position: fixed;
  top: calc(50% - 45px);
  left: calc(50% - 45px);
  width: 90px;
  height: 90px; 
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  border-color: rgba(0,0,0,0) #ffad00 rgba(0,0,0,0) #ffad00;
  animation: spin normal linear infinite 1s;
}
.loading_txt{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  line-height: 40px;
  font-size: 13px;
  animation: fade normal ease-in-out infinite 1s;
  margin: 0;
}

@keyframes spin {
  from{transform: rotate(0);}
  to{transform: rotate(360deg);}
}
@keyframes fade {
  0%{opacity: 1;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}

input::placeholder{color:#cfcfcf}
textarea::placeholder{color:#cfcfcf}
input::-webkit-input-placeholder{color:#cfcfcf}
textarea::-webkit-input-placeholder{color:#cfcfcf}
input:-ms-input-placeholder{color:#cfcfcf}
textarea:-ms-input-placeholder{color:#cfcfcf}

input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-clear, input[type=password]::-ms-reveal{display: none;}

/*ios 안전사이즈*/
/*ios 11.0 버전*/
constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left)
/*ios 11.2 이상*/
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)