/*
Theme Name: 디자인스튜디오 도화지
Theme URI: https://st-do.kr/
Template: astra
Author: 디자인스튜디오 도화지
Author URI: https://st-do.kr/
Version: 3.7.5.1639720878
Updated: 2021-12-17 15:01:18

*/
@font-face {
  font-family: 'NEXON';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NEXON';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
  font-weight: bold;
  font-style: bold;
}

*, input, a, span, button {
  font-family: 'Noto Sans KR', sans-serif;
}

.nexon {
  font-family: 'NEXON';
}

.nex_title {
  font-size: 3rem !important;
  font-weight: bold !important;
}

.navy {
  color: #203d90 !important;
}

.white {
  color: white !important;
}

.appointment_descr {
  font-size: 20px;
  color: #505050;
}

.nexon h1, .nexon h2, .nexon h3, .nexon h4, .nexon h5, .nexon h6, .nexon p, .nexon span, {
  font-family: 'NEXON';
}

p, .entry-content p, .elementor-widget:not(:last-child), .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-bottom: 0px;
}

.elementor-widget:not(:last-child) {
  margin-bottom: 0px !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
  padding: 0px;
}

.p {
  font-size: 16px;
  line-height: 1.5;
}

p {
  line-height: 1.5;
}

.line p{
  line-height: 1.9 !important;
}

/** 푸터 **/
.footer_sns {
  display: flex;
  align-items: center;
}

.footer_sns .items {
  padding: 0px 5px;
}

/** 제출폼 **/
.form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: white;
  padding: 50px 30px;
}

.form .items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 100%;
  margin-bottom: 10px;
}

.form .items .inner_title {
  font-size: 16px;
  color: gray;
  flex: 20%;
  font-weight: bold;
}

.form .items .inner_input {
  flex: 80%;
}

.form input[type=submit] {
  width: 100%;
  background-color: #80cde3;
  color: white;
}

.form input[type=submit]:hover {
  background-color: #333;
  transition: .5s;
}

.form textarea {
  height: 150px;
}

.wpcf7 form>div, .wpcf7 form>p {
  margin-bottom: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: white;
  border: 0px;
  display: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  background: white;
  color: red;
}

.logo_top {
  margin-left: 10px;
}

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

  .br_m {
    display: block;
  }

  .layouts {
    padding: 80px 15px;
  }

  .footer_sns {
    justify-content: center;
  }
}

/* Tablet (가로폭 768px 이상, 1023px 이하) */
@media all and (min-width:768px) and (max-width:1023px) {
  .br_pc {
    display: block;
  }

  .br_m {
    display: none;
  }

  .layouts {
    padding: 80px 15px;
  }

  .footer_sns {
    justify-content: flex-end;
  }
}

/* PC Desktop (가로폭 1024 이상) */
@media all and (min-width:1024px) {
  .br_pc {
    display: block;
  }

  .br_m {
    display: none;
  }

  .layouts {
    padding: 100px 0px;
  }

  .footer_sns {
    justify-content: flex-end;
  }

  .logo_top img {
    margin-top: -20px;
  }
}
