@charset "utf-8";


.main-section {
  overflow: hidden;
  position: relative;
  padding: 120px 0;
}

.main-section.section-line {
  overflow: visible;
  padding-top: 160px;
  margin-top: 80px;
}

.main-section.blank-section {
  margin-top: 200px;
}

.no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.cover-background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.xs-block {display: none;}

/* ===================================
    Typography
====================================== */
.font-Brush {font-family: 'Nanum Brush Script', cursive;}
.font-NanumDdar {font-family: 'NanumDdarEGeEomMaGa',sans-serif;}

p.under-line-text {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: 400;
}

p.under-line-text::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 1px;
  background: #333333;
}

.text-box {font-size: 20px;}
/* weight */
.font-300 {font-weight: 300;}
.font-400 {font-weight: 400;}
.font-500 {font-weight: 500;}
.font-700 {font-weight: 700;}

/* color */
.text-point {color: #1babb3;}
.color-01 {color: #2c647d;}

/* align */



/* ===================================
    Background
====================================== */
/* bg-color */
.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-light-gray {background-color:#f4f4f4}
.bg-very-light-gray {background-color:#f7f7f7;}



@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}


@media (max-width: 991px) {
  .main-section {
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .xs-none {
    display: none;
  }

  .xs-block {
    display: block;
  }

  /* text-align */
  .xs-text-left {text-align: left;}
  .xs-text-right {text-align: right;}
  .xs-text-center {text-align: center;}
}