@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */

/* FONT */
@import url('https://fonts.cdnfonts.com/css/impact');
@import url('https://fonts.cdnfonts.com/css/homenaje');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/*@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');*/
@font-face {
  font-family: 'SCoreDream';
  font-weight: 100;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 200;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 300;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 400;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 500;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 600;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 700;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 800;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 900;
  font-style: normal;
  src: url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
  url(https://fastly.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
  font-display: swap;
}



.fs-impact{font-family: 'Impact', sans-serif !important;}
.fs-home{font-family: 'Homenaje', sans-serif !important;;}
.fs-scoredream{font-family: 'SCoreDream', sans-serif !important;}

/* TAG */
html,body{color: #131313; margin: 0; padding: 0; overflow-x: hidden;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100%;}
body {font-family: 'Noto Sans KR', sans-serif; font-size: 13px;}
ol, ul, dl {list-style: none;}
a{text-decoration: none; color: #000000;}
div{display: block;}


.loader-block{overflow-y: hidden !important;}

/**
DEFAULT COLOR

*/


/* DEFAULT */
.clearfix{width: 100% !important;}
.clearfix:before{display: table; content: "";}
.clearfix:after{clear: both;}


.pos-relative{position: relative;}
.pos-absolute{position: absolute;}
.pos-fixed{position: fixed;}

.dp-flex{display: flex;}
.dp-inline-block{display: inline-block;}
.dp-inline-flex{display: inline-flex;}

.pull-left{float: left;}
.pull-right{float: right;}

.empty-section{width: 100%;}
.empty-section:after{content: ''; clear: both;}
.empty-section-360{height: 360px;}
.empty-section-330{height: 330px;}
.empty-section-300{height: 300px;}
.empty-section-250{height: 250px;}
.empty-section-200{height: 200px;}
.empty-section-150{height: 150px;}
.empty-section-120{height: 120px;}
.empty-section-110{height: 110px;}
.empty-section-90{height: 90px;}
.empty-section-80{height: 80px;}
.empty-section-40{height: 40px;}
.empty-section-25{height: 25px;}


.cursor{cursor: pointer;}

.lade_area{
  margin: 0 auto;
  max-width: 820px;
  padding: 0 40px;
  justify-content: space-between;
}
.lade_area:after{display:block; clear: both; content: " ";}

#_la_header_{position: fixed; width: 100%; top: 0; transition: all 0.5s; z-index: 9999; background-color: rgba(255, 255, 255, 0.95);}
#_la_header_.onhide{transform: translateY(-120px)}
._la_vmode.dark #_la_header_{background-color: rgba(0, 0, 0, 0.8); }

._la_vmode{transition: all 0.5s;}
._la_vmode ._vmbgc{transition: all 0.5s;}
._la_vmode ._vmtext{transition: all 0.5s;}

._la_vmode.dark{background-color: #000000;}
._la_vmode.dark ._vmbgc{background-color: #000000 !important;}  /* DARK MODE BACKGROUND COLOR 변경*/
._la_vmode.dark ._vmtext{color: #FFFFFF;}  /* DARK MODE TEXT 변경*/

._la_vmode ._vmtext_2{color:#FFFFFF; transition: all 0.5s;}
._la_vmode.dark ._vmbgc_2{background-color: #FFFFFF;}  /* DARK MODE BACKGROUND COLOR 변경*/
._la_vmode.dark ._vmtext_2{color: #000000;}  /* DARK MODE TEXT 변경*/

._la_vmode:not(.dark) ._vm_img_light{display: block;}  /* DARK MODE IMAGE 변경*/
._la_vmode.dark ._vm_img_light{display: none;}  /* DARK MODE IMAGE 변경*/
._la_vmode:not(.dark) ._vm_img_dark{display: none;}  /* DARK MODE IMAGE 변경*/
._la_vmode.dark ._vm_img_dark{display: block;}  /* DARK MODE IMAGE 변경*/

._la_vmode #_la_footer_.dark{background-color: #FFFFFF;}



/* LAYOUT */
.temp-check-media{position: fixed; left: 20px; bottom: 20px; background-color: antiquewhite; color: green; padding: 5px; border-radius: 5px;}

.la-show-lg{display: none;}
.la-show-md{display: none;}
.la-show-sm{display: none;}
.la-show-xs{display: none;}

.la-hide-lg{display: block;}
.la-hide-md{display: block;}
.la-hide-sm{display: block;}
.la-hide-xs{display: block;}


/* DESKTOP XL :: 1280 */
@media screen and (min-width: 1280px){
  .la-show-lg{display: block;}
  .la-hide-lg{display: none;}
}
/* DESKTOP :: 769/1279  */
@media screen and (min-width: 769px) and (max-width: 1279px){
  .la-show-md{display: block;}
  .la-hide-md{display: none;}
}
/* TABLE & MOBILE 481/768 */
@media screen and (min-width: 481px) and (max-width: 768px){
  .la-show-sm{display: block;}
  .la-hide-sm{display: none;}

  .lade_area{padding: 0;  max-width: 470px;}
  .lade_area_sm_p_0{padding: 0; max-width: 100% !important;}
}
/* MOBILE :: 480 */
@media screen and (min-width: 0px) and (max-width: 480px){
  .la-show-xs{display: block;}
  .la-hide-xs{display: none;}

  .lade_area{padding: 0 20px;}
  .lade_area_xs_p_0{padding: 0;}
}


/*!* LG *!*/
/*@media screen and (min-width: 1280px){*/
/*}*/
/*!* MD *!*/
/*@media screen and (min-width: 769px) and (max-width: 1279px){*/
/*}*/
/*!* SM *!*/
/*@media screen and (min-width: 481px) and (max-width: 768px){*/
/*}*/
/*!* XS *!*/
/*@media screen and (min-width: 0px) and (max-width: 480px){*/
/*}*/