@import url('common.css');
@import url('navbar.css');
@import url('member.css');
@import url('board.css');
@import url('work.css');
@import url('shop.css');
@import url('main.css');
/*-- ==============================================================
 Font@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
 ============================================================== */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800");
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700&display=swap&subset=korean');

html {
  -webkit-overflow-scrolling: touch;
  word-break: keep-all;
}

body {
  font-family: 'Noto Sans KR', 'Noto Sans', 'Roboto', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.54;
  font-size: 18px;
}

body .font-eng {
  font-family: 'Roboto Condensed', sans-serif;
}

body .font-sans {
  font-family: 'Roboto Condensed', sans-serif;
}

body .font-num {
  font-family: 'Roboto Condensed', sans-serif;
}

body .font-nanum {
  font-family: 'Nanum Myeongjo', serif;
  letter-spacing: -.5px;
}

.dropdown-item,
.navbar-nav .nav-link {
  font-family: 'Noto Sans KR', 'Roboto Condensed', sans-serif;
  font-weight: 500
}

p, .p {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 30px;
  /* line-height: 1.4; */
  letter-spacing: -.45;
}

.btn {
  /* border-radius: 0; */
}

.btn-sm {
  padding: 10px 34px;
  font-size: 14px;
}

/*-- ==============================================================
 Layout
 ============================================================== */
.navbar>.container,
#owl-intro .container,
section>.container {
  max-width: 1500px;
  width: 100%;
}

.product-detail>.container {
  max-width: 1140px;
}

/* Service */
.height-service {
  height: 700px;
}

@media (max-width:991px) {
  .height-service {
    height: 520px;
  }

  p, .p {
    font-size: 15px;
  }
}

/* Work */
.height-lg {
  height: 700px;
}

.height-md {
  height: 500px;
}

.height-sm {
  height: 300px;
}

@media (max-width:991px) {

  .height-lg,
  .height-md,
  .height-sm {
    height: 360px;
  }
}

/* Contact */
.height-400 {
  height: 400px;
}

.height-800 {
  height: 800px;
}

@media (max-width:991px) {
  .height-400 {
    height: 400px;
  }

  .height-800 {
    height: 500px;
  }
}

@media (max-width:574px) {
  .height-400 {
    height: 300px;
  }

  .height-800 {
    height: 420px;
  }
}

/*-- ==============================================================
 Sub Title
 ============================================================== */
.height-title {
  height: 44vh;
}

.sub-title {
  color: #fff;
  font-family: 'Playfair Display', serif !important;
}

@media (max-width:991px) {
  .height-title {
    height: 300px;
    margin-top: 55px;
  }

  .height-title .content-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .sub-title {
    margin-top: 0;
  }
}

/*==============================
contact
==-=============================  */
.bg-dark.text-white h2 {
  color: #fff;
}

.bg-dark.text-white p {
  color: rgba(255, 255, 255, .6);
}

/*******************
/* Sub Tab navbar
*******************/
.sub-navbar-wrap {
  margin-top: -58px;
}

.sub-navbar-wrap .sub-navbar li {
  /* border-top: 1px solid #ccc; */
  border-left: 1px solid rgba(255, 255, 255, .15);
  height: 58px;
  background-color: rgba(0, 0, 0, .15)
}

.sub-navbar-wrap .sub-navbar li:first-child {
  border-left: none;
}

.sub-navbar-wrap .sub-navbar li:hover {
  background-color: rgba(0, 0, 0, .4)
}

.sub-navbar-wrap .sub-navbar li.active {
  background-color: #fff;
}

.sub-navbar-wrap .sub-navbar li a {
  display: blcok;
  color: rgba(255, 255, 255, .8);
  line-height: 58px;
  padding: 0;
  text-transform: uppercase;
}

.sub-navbar-wrap .sub-navbar li.active a {
  color: #1b1d1f;
  font-weight: 600;
}

@media (max-width:574px) {
  .sub-navbar-wrap .sub-navbar li a {
    font-size: 13px;
  }
}

/*  */
.service-01 li:not(:last-child) {
  margin-bottom: 25px;
}

.service-01 h5 {
  font-weight: 600;
  margin-bottom: 5px;
}

.list-icon {
  /* padding-left: 40px; */
}

.list-icon li {
  position: relative;
  padding-bottom: 20px;
  line-height: 1.45;
  padding-left: 36px;
}

.list-icon i {
  position: absolute;
  top: 5px;
  left: 0;
  margin-right: 10px;
}

.faq .card-header {
  border-bottom: 3px solid #fff;
  background-color: rgba(0, 0, 0, .04);
}

#owl-gallery .hero-wrap {
  height: 400px;
}

@media (max-width:991px) {
  .half-bg.half-about {
    background-color: #32b67a;
  }

  .text-md-white {
    color: #fff;
  }
}

.navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}

/* ============================================================================
커스트마이징
===================================================================================*/
.bg-light-green {
  background: rgb(248, 249, 245);
  background: linear-gradient(180deg, rgba(248, 249, 245, 1) 0%, rgba(234, 238, 228, 1) 100%);
}

.bg-green {
  background-color: #a1c53f;
}

.text-light-brown {
  color: #a78c6f;
}

.text-dark-brown {
  color: #8f6437;
}

.box-ceo p {
  color: #5c5c5c;
}

.b-t-0 {
  border-top: 0px solid !important;
}

.txt-border {
  border-bottom: 1px solid #8f6437
}

.rounded-sm {
  border-radius: 5px;
}

.rounded-md {
  border-radius: 15px;
}

.rounded-lg {
  border-radius: 30px;
}

.spacer-md {
  padding: 80px 0;
}

@media (max-width:574px) {
  .spacer-md {
    padding: 30px 0;
  }
}

.stitle {
  padding: 150px 0;
}

.stitle h4 {
  /* padding-bottom: 40px; */
  font-weight: 600;
}

.stitle .breadcrumb {
  position: absolute !important;
  width: auto !important;
  /* top: 50%!important; */
  bottom: 0;
  left: auto !important;
  right: 15px !important;
  /* margin: -10px 0 0!important; */
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 14px;
  color: #777;
}

.stitle .breadcrumb  {
  display: none;
}

@media (max-width:768px) {
  .stitle {
    padding: 70px 0;
  }
  .box-icon.box-icon-lg .box-icon-title>i, .box-icon.box-icon-lg>i {
  width: 140px;
  height: 140px;
  line-height: 140px;
}

.spacer-md {
  padding: 50px 0;
}

}

@media (max-width:574px)  {
  .stitle {
    padding: 50px 0;
  }
  .bg-process .list-index-icon {
    text-align: center;
  }
  .bus-info storng {
    display: block;
  }
}

@media (min-width:1024px) and (max-width:1197px) {
    .bg-process .list-index-icon {
      text-align: center;
    }
}

.list-program dl,
.list-program-1 dl,
.list-program-2 dl,
.list-program-4 dl {
  display: flex;
  padding-bottom: 6px;
  font-size: 15px;
}

.list-program dt {
  width: 60px;
}

.list-program dd {
  width: calc(100% - 70px)
}

.list-program-1 dt {
  width: 75px;
}

.list-program-1 dd {
  width: calc(100% - 90px)
}

.list-program-2 dt {
  width: 95px;
}

.list-program-2 dd {
  width: calc(100% - 110px)
}
.list-program-4 dt {
  width: 125px;
}

.list-program-4 dd {
  width: calc(100% - 130px)
}

.list-bus dl {
  display: flex;
  padding-bottom: 6px;
}
.list-bus dt {
  width: 45px;
}
.list-bus dd {
  width: calc(100% - 55px)
}

.badge-program {
  color: #fff;
  padding: 12px;
  width: 180px;
  font-size: 20px;
  background-color: #a78c6f;
  margin-bottom: 30px;
  font-weight: 400;
}

.feature-foot {
  border: 1px solid #a78c6f;
  border-radius: 170px;
}

.feature-foot h5 span {
  background-color: #fff;
  padding-left: 24px;
  padding-right: 24px;
}

.feature-foot h5 {
  margin-top: -25px;
  text-align: center;
}

.feature-foot .text-brown {
  color: #a78c6f !important;
}

.feature-foot .col-lg-4 {
  padding-left: 70px;
}

.map-wrap .b-all,
.map-wrap .b-b,
.map-wrap .b-t,
.map-wrap .b-r,
.map-wrap .b-l {
  border-color: #999 !important;
}

.greet-box {
  position: relative;
}

.greet-box:before {
  position: absolute;
  top: 16px;
  left: -37px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 400px;
  height: 500px;
  /* z-index: 2; */
}

.greet-box:after {
  position: absolute;
  bottom: -39px;
  right: -100px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 373px;
  height: 434px;
  /* z-index: 2; */
}

.mark, mark {
  padding: 0;
  background-color: #fffea2;
  color: inherit;
}

.stitle-baseline {
  border-bottom: 2px solid #111;
}

.bg-ceo {
  position: absolute;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: 60%;
  height: 98%;
}

.bullet {
  background-color: #a3c343;
  color: #fff;
  font-weight: 500;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  line-height: 32px;
}

.about_history_list>li {
  border-bottom: none;
}

.history_list_year {
  border-top: 1px solid #a78c6f;
  padding-top: 20px;
  font-weight: 600;
  color: #a78c6f;
  font-family: 'Montserrat', sans-serif;
}

.history_list_content li p {
  border-top: 1px solid #ccc;
}

.history_list_content li:last-child p {
  border-bottom: 1px solid #ccc;
}

.about_history_list p {
  padding-left: 0;
  margin-left: 80px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.history_list_content>li {
  margin-bottom: 0;
}

.history_list_content {}

.history_list_content li p {
  padding-left: 16px;
  position: relative;
}

.history_list_content li p:before {
  content: '';
  height: 3px;
  width: 3px;
  background-color: #a78c6f;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
}

@media (min-width: 1199px) {

  /* .navbar-brand {
    display: inline-block;
  }
  .navbar-center {
    float: none;
  }
  .navbar-center ul:nth-child(1) {
    float: left;
    margin-right: auto;
  }
  .navbar-center ul:nth-child(2) {
    float: right;
    margin-left: auto;
  }
  .logo-center {
        position: absolute;
    width: 100%;
    text-align: center;
    margin: 0;
    float: none;
  } */
  .navbar-center .navbar-nav {
    min-width: 30%;
  }

  .nav-xl-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
  }
}

.w-40 {
  width: 35%;
}

.list-index-icon {}

.list-index-icon li {
  display: inline;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width:992px) {
  .bg-index-1 {
    background: rgb(255, 249, 227);
    background: linear-gradient(90deg, rgba(255, 249, 227, 1) 50%, rgba(161, 197, 63, 1) 50%);
  }

  .bg-index-2 {
    background: rgb(143, 100, 55);
    background: linear-gradient(90deg, rgba(143, 100, 55, 1) 50%, rgba(255, 255, 255, 1) 50%);
  }

  .bg-notice,
  .bg-process {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.index-section>.col-lg-6 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.tableB-main>tbody>tr>td {
  width: 50%;
  display: inline-block;
}

.tableB-main .board_output_gallery_img img {
  width: 100%;
  height: auto;
}

.tableA-main.table {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.tableA-main td,
.tableA-main th {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.tableA-main td a {
  color: #fff;
}

.tableA-main td:first-child {
  display: none;
}

.bg-index-2 .btn-sm,
.bg-index-2 .btn-sm-dark {
  padding: 10px 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
  /* background-color: rgba(255, 255, 255, 0.2); */
}

.bg-index-2 .btn-outline-dark {
  color: #888;
  border-color: #ccc;

}

.hero-symbol {
  height: auto !important;
  width: auto !important;
  max-width: 100% !important
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.btn-program {
  padding: 12px 30px;
    border-radius: 10px;
    border-color: #a1a1a1 !important;
    font-size: 18px;
    color: #333;
    box-shadow: none;
}

@media (max-width:1199px) {}

@media (max-width:991px) {
  .icon-map {
    margin-bottom: 20px;
    width: 70%;
  }

  .bg-footer img {
    margin-bottom: 16px;
  }

  .feature-foot {
    border-radius: 80px;
  }

  .inner-book {
    padding-top: 16px;
  }

  .list-introduce img.rounded {
    margin-bottom: 30px;
    width: 80%;
  }
}

@media (max-width:545px) {
  header.height-title img {
    width: 70%;
  }

  html body .font-16 {
    font-size: 14px;
  }

  .box-icon-lg, .box-icon-md, .box-icon-sm {
    margin-bottom: 50px;
  }

  .feature-foot .col-lg-4 {
    padding-left: 50px;
  }

  .feature-foot h5 {
    margin-top: -15px;
  }

  .owl-thumb-item {
    margin-bottom: 4px;
  }

  .history_list_year,
  .history_list_content {
    width: 100%;
  }

  .history_list_year {
    padding-bottom: 20px;
  }

  .about_history_list p {
    margin-left: 0;
  }

  .list-index-icon li {
    width: 45%;
    display: inline-block;
    padding-bottom: 16px;
  }
  .list-bus dl {
    font-size: 16px;
  }
}

/* 우측배너 */
.quick-wrap {
  width: 107px;
  height: auto;
  position: fixed;
  top: 154px;
  right: 0px;
  z-index: 99999;
  text-align: center;
  background-color: #fff;
}

.quick-wrap ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 16px;
  padding-bottom: 16px;
}
.quick-wrap ul li.last a {
  border-bottom: none;
}
.quick-wrap ul li a p {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
}
.quick-wrap ul li.first {
background-color: #3d3d3f;
padding: 22px 0 0;
}
.quick-wrap ul li.last {
background-color: #3d3d3f;
}

@media (max-width:1199px) {
  .quick-wrap {
    display: none;
  }
}


.quick-wrap-m {
  width: 40px;
  height: auto;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99999;
  text-align: center;

}
@media (min-width:1200px) {
  .quick-wrap-m {
    display: none;
  }
}

@media (max-width: 574px) {

/* 테이블 검색영역 */
    table#search_table {
      width: auto;
    }

    input[name="com_board_search_value"] {
      width: 120px;
    }

}


@media (min-width:992px) {
  .box-program {
    min-width: 440px;
  }
}

@media (max-width:545px) {
  .box-program {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #b0b0b0;
   font-size: 16px;
   opacity: 1; /* Firefox */
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #b0b0b0;
    font-size: 16px;
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
   color: #b0b0b0;
    font-size: 16px;
}