@charset "utf-8";

@font-face {
  font-family: 'graphik';
  src: url('../fonts/graphik-medium.woff2') format('woff2'),
       url('../fonts/graphik-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'graphik';
  src: url('../fonts/graphik-extralight.woff2') format('woff2'),
       url('../fonts/graphik-extralight.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SpoqaHanSansNeo";
  src: local('Spoqa Han Sans Neo Thin'),
       url('../fonts/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
       url('../fonts/SpoqaHanSansNeo-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SpoqaHanSansNeo";
  src: local('Spoqa Han Sans Neo Regular'),
       url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
       url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpoqaHanSansNeo";
  src: local('Spoqa Han Sans Neo Medium'),
       url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
       url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SpoqaHanSansNeo";
  src: local('Spoqa Han Sans Neo Bold'),
       url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
       url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

html {
  font-size:16px;
  line-height:1.5;
  font-family:'SpoqaHanSansNeo', 'sans-serif';
}

.graphik {
  font-family: "graphik";
}

.bw-l1d{line-height:1;}.bw-l1d25{line-height:1.25;}.bw-l1d5{line-height:1.5;}.bw-l1d75{line-height:1.75;}.bw-l2d{line-height:2;}
.bw-w10, .bw-wh10{width:10px;}.bw-w15, .bw-wh15{width:15px;}.bw-w20, .bw-wh20{width:20px;}.bw-w25, .bw-wh25{width:25px;}.bw-w30, .bw-wh30{width:30px;}.bw-w35, .bw-wh35{width:35px;}.bw-w40, .bw-wh40{width:40px;}.bw-w50, .bw-wh50{width:50px;}
.bw-w60, .bw-wh60{width:60px;}.bw-w70, .bw-wh70{width:70px;}.bw-w80, .bw-wh80{width:80px;}.bw-w90, .bw-wh90{width:90px;}.bw-w120, .bw-wh120{width:120px;}.bw-w150, .bw-wh150{width:150px;}.bw-w180, .bw-wh180{width:180px;}
.bw-h3{height:3px;}.bw-h10, .bw-wh10{height:10px;}.bw-h15, .bw-wh15{height:15px;}.bw-h20, .bw-wh20{height:20px;}.bw-h25, .bw-wh25{height:25px;}.bw-h30, .bw-wh30{height:30px;}.bw-h35, .bw-wh35{height:35px;}.bw-h40, .bw-wh40{height:40px;}.bw-h50, .bw-wh50{height:50px;}
.bw-h60, .bw-wh60{height:60px;}.bw-h70, .bw-wh70{height:70px;}.bw-h80, .bw-wh80{height:80px;}.bw-h90, .bw-wh90{height:90px;}.bw-h120, .bw-wh120{height:120px;}.bw-h150, .bw-wh150{height:150px;}.bw-h180, .bw-wh180{height:180px;}.bw-h200{height:200px;}.bw-h360{height:360px;}

.bw-l10{line-height:10px;}.bw-l15{line-height:15px;}.bw-l20{line-height:20px;}.bw-l25{line-height:25px;}.bw-l30{line-height:30px;}.bw-l40{line-height:40px;}.bw-l50{line-height:50px;}.bw-l60{line-height:60px;}
.bw-w30c{width:calc(100% - 30px);}.bw-w40c{width:calc(100% - 40px);}.bw-w50c{width:calc(100% - 50px);}.bw-w60c{width:calc(100% - 60px);}.bw-w70c{width:calc(100% - 70px);}.bw-w90c{width:calc(100% - 90px);}.bw-w100c{width:calc(100% - 100px);}.bw-w120c{width:calc(100% - 120px);}.bw-w150c{width:calc(100% - 150px);}
.bw-w40mc{max-width:calc(100% - 40px);}.bw-w50mc{max-width:calc(100% - 50px);}.bw-w60mc{max-width:calc(100% - 60px);}.bw-w70mc{max-width:calc(100% - 70px);}.bw-w90mc{max-width:calc(100% - 90px);}.bw-w120mc{max-width:calc(100% - 120px);}
.bw-h30m{max-height:30px;}.bw-h40m{max-height:40px;}.bw-h60m{max-height:60px;}.bw-h80m{max-height:80px;}.bw-h90m{max-height:90px;}
.bw-h90mi{min-height:90px;}.bw-h120mi{min-height:120px;}
.bw-vtt, .bw-vtt *{vertical-align:text-top;}
.bw-vt, .bw-vt *{vertical-align:top;}
.bw-vm, .bw-vm *{vertical-align:middle;}
.bw-vbl, .bw-vbl *{vertical-align:baseline;}

i {
  letter-spacing: 0px;
}
.thin {
  font-weight: 100;
}
b,
.bold,
.bold-c > * {
  font-weight: 500;
}
strong,
.strong,
.modal-title {
  font-weight: 700;
}
label {
  display: inline-block;
}
h0,
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  width: 100%;
  clear: both;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
}
dfn,
cite,
em,
blockquote,
.wp-caption,
.gallery-caption {
  font-style: italic;
}
p {
  margin: 0;
  padding: 0;
}
mark,
ins,
pre {
  background: #f6f6f6;
}
pre {
  border: 1px solid #eee;
  max-width: 100%;
  overflow: auto;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  white-space: pre-wrap;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #eee;
}
blockquote {
  quotes: "" "";
}
q {
  quotes: "“" "”" "‘" "’";
}
q::before,
q::after {
  position: relative;
  font-size: 2.5rem;
  opacity: 0.4;
  display: block;
}
q::before,
q::after {
  line-height: 0.4;
}
q::after {
  margin-top: 20px;
}
blockquote:before,
blockquote:after {
  content: "";
}
embed,
iframe,
object {
  margin: 0;
}

.f-lt,
.f-lt-h:hover {
  text-decoration: line-through;
}
.f-ul-h-c a{
  text-decoration: underline;
  /*text-decoration-thickness: 1px;*/
  text-decoration-color:transparent;
  -webkit-text-decoration-color:transparent;
  -moz-text-decoration-color:transparent;
}
.f-ul,
.f-ul-h:hover, .f-ul-h-c a:hover{
  text-decoration: underline;
  /*text-decoration-thickness: 1px;*/
  text-decoration-color:currentColor;
  -webkit-text-decoration-color:currentColor;
  -moz-text-decoration-color:currentColor;
}

.f-it {
  font-style: italic;
}

.f-s1 {
  letter-spacing: 1px;
  text-indent: -1px;
}
.f-s2 {
  letter-spacing: 2px;
  text-indent: -2px;
}
.f-s3 {
  letter-spacing: 3px;
  text-indent: -3px;
}

.f-xlg {
  font-size: 120px;
}
.f-lg, .f-ic-lg {
  font-size: 50px;
}
.f-c {
  font-size: 48px;
}
.f-b {
  font-size: 40px;
}
.f-ic {
  font-size: 24px;
}
h1,
.f-1 {
  font-size: 28px;
}
h2,
.f-2 {
  font-size: 25px;
}
h3,
.f-3,
.modal-title{
  font-size: 20px;
}
.f-18{
  font-size: 18px;
}
h4,
.f-4,
.btn,
.btn-c > * {
  font-size: 16px;
}
h5,
.f-5,
.modal-wrapper, .modal-wrapper a{
  font-size: 14px;
}
h6,
.f-6 {
  font-size: 13px;
}
.f-7,
.btn-sm,
.btn-sm-c > * {
  font-size: 12px;
}
.f-8{
  font-size: 10px;
}

.kall{
  word-break: keep-all;
}

.els,
.els-2,
.els-3,
.els-4 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.els-2,
.els-3,
.els-4 {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.els-2 {
  -webkit-line-clamp: 2;
}
.els-3 {
  -webkit-line-clamp: 3;
}
.els-4 {
  -webkit-line-clamp: 4;
}

.f-div > *:not(:last-child) {
  position: relative;
}
.f-div > *:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  opacity:.3;
}

@media screen and (max-width: 1000px) {
  .f-c {
    font-size: 36px;
  }
  .f-lg {
    font-size: 36px;
  }
  h1,
  .f-1 {
    font-size: 24px;
  }
  h2,
  .f-2 {
    font-size: 18px;
  }
  h3,
  .f-3,
  .btn-lg,
  .btn-lg-c > * {
    font-size: 16px;
  }
  h4,
  .f-4,
  .btn,
  .btn-c > * {
    font-size: 14px;
  }
  h5,
  .f-5 {
    font-size: 12px;
  }
  h6,
  .f-6 {
    font-size: 11px;
  }
  .f-7,
  .btn-sm,
  .btn-sm-c > * {
    font-size: 10px;
  }
  .f-8,
  .btn-xs,
  .btn-xs-c > * {
    font-size: 9px;
  }

  .f-1-md {
    font-size: 24px;
  }
  .f-2-md {
    font-size: 18px;
  }
  .f-3-md {
    font-size: 16px;
  }
  .f-4-md {
    font-size: 14px;
  }
  .f-5-md, .modal-wrapper a{
    font-size: 12px;
  }
  .f-6-md {
    font-size: 11px;
  }
  .f-7-md {
    font-size: 10px;
  }
  .f-8-md {
    font-size: 9px;
  }

  .bw-l1d-md{line-height:1;}.bw-l1d25-md{line-height:1.25;}.bw-l1d5-md{line-height:1.5;}.bw-l1d75-md{line-height:1.75;}.bw-l2d{line-height:2;}
  .bw-w10-md, .bw-wh10-md{width:10px;}.bw-w15-md, .bw-wh15-md{width:15px;}.bw-w20-md, .bw-wh20-md{width:20px;}.bw-w25-md, .bw-wh25-md{width:25px;}.bw-w30-md, .bw-wh30-md{width:30px;}.bw-w35-md, .bw-wh35-md{width:35px;}.bw-w40-md, .bw-wh40-md{width:40px;}.bw-w50-md, .bw-wh50-md{width:50px;}
  .bw-w60-md, .bw-wh60-md{width:60px;}.bw-w70-md, .bw-wh70-md{width:70px;}.bw-w90-md, .bw-wh90-md{width:90px;}.bw-w120-md, .bw-wh120-md{width:120px;}.bw-w150-md, .bw-wh150-md{width:150px;}.bw-w180-md, .bw-wh180-md{width:180px;}
  .bw-h10-md, .bw-wh10-md{height:10px;}.bw-h15-md, .bw-wh15-md{height:15px;}.bw-h20-md, .bw-wh20-md{height:20px;}.bw-h25-md, .bw-wh25-md{height:25px;}.bw-h30-md, .bw-wh30-md{height:30px;}.bw-h35-md, .bw-wh35-md{height:35px;}.bw-h40-md, .bw-wh40-md{height:40px;}.bw-h50-md, .bw-wh50-md{height:50px;}
  .bw-h60-md, .bw-wh60-md{height:60px;}.bw-h80-md, .bw-wh80-md{height:80px;}.bw-h90-md, .bw-wh90-md{height:90px;}.bw-h120-md, .bw-wh120-md{height:120px;}.bw-h150-md, .bw-wh150-md{height:150px;}.bw-h180-md, .bw-wh180-md{height:180px;}.bw-h220-md, .bw-wh220-md{height:220px;}
  .bw-l10-md{line-height:10px;}.bw-l15-md{line-height:15px;}.bw-l20-md{line-height:20px;}.bw-l24-md{line-height:24px;}.bw-l25-md{line-height:25px;}.bw-l30-md{line-height:30px;}.bw-l40-md{line-height:40px;}.bw-l50-md{line-height:50px;}.bw-l60-md{line-height:60px;}

  .bw-w40c-md{width:calc(100% - 40px);}.bw-w50c-md{width:calc(100% - 50px);}.bw-w60c-md{width:calc(100% - 60px);}.bw-w70c-md{width:calc(100% - 70px);}.bw-w90c-md{width:calc(100% - 90px);}.bw-w120c-md{width:calc(100% - 120px);}
  .bw-h30m-md{max-height:30px;}.bw-h40m-md{max-height:40px;}.bw-h60m-md{max-height:60px;}.bw-h80m-md{max-height:80px;}.bw-h90m-md{max-height:90px;}
}

@media screen and (max-width: 767px) {
  html {
    font-size: 12px;
  }
  .f-lg-sm {
    font-size: 26px;
  }
  .f-1-sm {
    font-size: 24px;
  }
  .f-2-sm {
    font-size: 20px;
  }
  .f-3-sm {
    font-size: 16px;
  }
  .f-4-sm {
    font-size: 14px;
  }
  .f-5-sm {
    font-size: 12px;
  }
  .f-6-sm {
    font-size: 11px;
  }
  .f-7-sm {
    font-size: 10px;
  }
  .f-8-sm {
    font-size: 9px;
  }

  .bw-w200-sm{width:200px;}
  .bw-w250-sm{width:250px;}
}