@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');
@import url("http://fonts.cdnfonts.com/css/campton");
@import url('https://fonts.googleapis.com/css2?family=Bacasime+Antique&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-Thin.woff') format('woff'),
       url('/public/font/spartan/Spartan-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-ExtraLight.woff') format('woff'),
       url('/public/font/spartan/Spartan-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-Light.woff') format('woff'),
       url('/public/font/spartan/Spartan-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-Regular.woff') format('woff'),
       url('/public/font/spartan/Spartan-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-Medium.woff') format('woff'),
       url('/public/font/spartan/Spartan-ThMediumin.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-SemiBold.woff') format('woff'),
       url('/public/font/spartan/Spartan-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-Bold.woff') format('woff'),
       url('/public/font/spartan/Spartan-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-ExtraBold.woff') format('woff'),
       url('/public/font/spartan/Spartan-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'spartan';
  src: url('/public/font/spartan/Spartan-Black.woff') format('woff'),
       url('/public/font/spartan/Spartan-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}


/* 주요색상 */
:root {
  --page-point-color: #b89e7a;
  --page-point-color-hover: #251f1d;
}

#site {
      overflow-y: hidden;
  padding-top: 0;
  font-size: 16px;
  /* font-family: 'League Spartan', 'Pretendard', 'notokr', sans-serif; */
  font-family: 'spartan', 'Pretendard', 'notokr', sans-serif;
  /* letter-spacing: -0.034em; */
}
#site.sub {
  padding-top: 116px;
}
#site.sub {padding-top: 98px;}
.btn {
  transition: all ease .15s;
  -webkit-transition: all ease .15s;
  -moz-transition: all ease .15s;
  -ms-transition: all ease .15s;
  -o-transition: all ease .15s;
}

a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}

a[href^="mailto"] {
  color: inherit;
}

p {
  line-height: 1.5em;
}

.btn.btn-primary {
  background-color: var(--page-point-color);
  border-color: var(--page-point-color);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: var(--page-point-color-hover);
  border-color: var(--page-point-color-hover);
}

h1, h2, h3, h4, h5, h6, p, li, td, dt, dd, figcaption {
  word-break: keep-all;
}

.tooltip {
  top: 50%;
  right: -65px;
  padding: 5px 6px;
  font-family: inherit;
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  background: #000;
  transform: translateY(-50%);
  opacity: 1;
}
.tooltip::before {
  content: "";
  top: 2px;
  left: -1px;
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-width: .7rem .7rem .7rem 0;
  border-bottom-color: #000;
  transform: rotate(45deg);
}
/* .tooltip::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: -5px;
  left: 50%;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: #000;
  transform: translateX(-50%);
} */

/* To Top Button */
.btn-top {
  z-index: 1;
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  width: 44px;
  height: 44px;
  padding: 7px;
  font-size: 22px;
  color: #fff;
  background-color: #555;
}
.btn-top:hover {
  cursor: hand;
  cursor: pointer;
  background-color: #222;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* 불필요 항목 삭제 */
.navbar .caret{display:none;}

/* 상단 메뉴 */
.navbar-inverse {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin-bottom: 0;
   /* background: transparent; */
  background: #251f1d;
  border: 0;
  transition: all 0.3s;
}
.navbar-inverse.on {
  top: -174px;
  position: fixed;
  background: #251f1d;
  animation-name: navopen;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.navbar-inverse:not(.on):before {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 98px;
  position: absolute;
  background: transparent linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,0,0,0) 100%);
}
@keyframes navopen {
  0% {
      top: -174px;
  }
  100% {
      top: 0;
  }
}


.navbar-header {
    display: none;
}
.navbar-inverse .container {
  position: relative;
}
.navbar-inverse .navbar-brand img{height:30px;margin-top:-5px;}

.navbar-inverse .navbar-nav > li > a {
  width: 100%;
  height: 98px;
  /* height: 116px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-size: 18px; */
  font-size: 13px;
  /* font-weight: 300; */
  color: #fff;
  letter-spacing: 0.05em;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{color:#fff;}
.navbar-inverse .navbar-nav > li > a::before{
  content: "";
  bottom: 33px;
  left: 50%;
  width: 0;
  height: 1px;
  position: absolute;
  background: #fff;
  transform: translateX(-50%);
  transition: width 0.3s;
}
.navbar-inverse .navbar-nav > li > a.on::before{
  width: 45%;
}
#gnb_62 a::before,
#gnb_63 a:nth-child(2)::before{content:none;}
.navbar-inverse .navbar-nav > li > a:hover::before,
.navbar-inverse .navbar-nav > li > a:focus::before,
.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle::before,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle::before,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle::before {
  width: 45%;
}

.navbar-inverse .navbar-nav > li#gnbauth {
  display: none;
}

/* 중앙 로고 */
/* .navbar-inverse .navbar-nav > li#gnb_62 {
  top: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
} */
.navbar-inverse .navbar-nav > li#gnb_62 > a {
  padding: 0;
}
.navbar-inverse .navbar-nav > li#gnb_62 > a img {
  width: 80px;
  /* height: 60px; */
  margin: 28px auto;
}

/* 즐겨찾기/인스타그램 */
.navbar-inverse .navbar-nav > li#gnb_63 {
  display: flex;
  justify-content: flex-end;
}
.navbar-inverse .navbar-nav > li#gnb_63 > a {
  width: auto;
  height: auto;
  padding: 17px 15px 15px;
  /* padding: 19px 15px 15px; */
  font-size: 19px;
  /* font-size: 17px; */
}
.navbar-inverse .navbar-nav > li#gnb_63 > a:first-child {
  display: none;
}
.navbar-inverse .navbar-nav > li#gnb_63 > a:last-child::before {
  content: '';
  top: 55%;
  left: 0px;
  width: 1px;
  height: 16px;
  position: absolute;
  background: #7f7671;
  transform: translateY(-50%);
}
.navbar-inverse .navbar-nav > li#gnb_63 > #favorite {
  color: #ff8787;
}
.navbar-inverse .navbar-nav > li#gnb_63 > #instagram .wrap {
  top: 49%;
  left: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%,-50%);
  padding: 4px;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  border-radius: 30px;
}
/* .navbar-inverse.open .navbar-nav > li#gnb_63 > #instagram .wrap {
  padding: 4px;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  border-radius: 30px;
} */

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{background:none;color:#fff;}

@media (max-width: 767px) {
 /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
 .navbar-inverse .navbar-toggle{border:0;padding:9px 0;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#666;transition:ease-in-out .15s all;opacity:1;position:relative;}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:none;border-color:#222;}
 .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#222;}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:transparent;}

 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(1){transform:rotate(45deg);top:6px;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(2){opacity:0;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(3){transform:rotate(-45deg);top:-6px;}
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-right {
        float: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0;
    }
    .navbar-inverse .navbar-right > li {
      flex: 1 1 auto;
        /* flex: 1 1 0; */
    }
    .navbar-inverse .navbar-nav > li > a {
        text-align: center;
    }

    .navbar-inverse .navbar-nav .dropdown-menu {
      left: 50%;
      right: auto;
      transform: translate(-50%,0);
      border-radius: 0;
      border: none;
      padding: 20px 0;
      background: rgba(0, 0, 0, 0.65);
      animation-fill-mode: both;
      animation-duration: 0.4s;
      animation-name: fadeIn;
  }
  .navbar-inverse .navbar-nav .dropdown-menu>li>a {
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 1;
}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus{background:none;color: var(--page-point-color);}
}

/* @media (min-width: 992px) {
 .navbar-inverse .navbar-right{margin-right:-30px;}
 .navbar-inverse .navbar-nav > li > a{padding-left:30px;padding-right:30px;}
} */

/* 슬라이드 공통 */
.carousel-control{text-shadow:0px 2px 6px rgba(0, 0, 0, .125);transition:ease-in-out .15s all;}
.carousel-control.left .glyphicon::before{content:'\f053';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-control.right .glyphicon::before{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-indicators li{width:12px;height:12px;background-color:rgba(255,255,255,.1);border:1px solid #fff;margin:0 8px;border-radius:0;transition:ease-in-out .15s all;}
.carousel-indicators li.active{width:12px;height:12px;background-color:#fff;margin:0 8px;box-shadow:0px 2px 6px rgba(0, 0, 0, .125);transform:rotate(45deg);}

.carousel-caption {text-shadow:0px 0px 10px rgba(0, 0, 0, .75);}

@media (max-width: 767px) {
 .carousel-control{font-size:14px;}
 .carousel-indicators li, .carousel-indicators li.active{width:6px;height:6px;}
}

/* 푸터 */
#site footer {
  margin-top: 0px;
  font-family: 'Pretendard', 'notokr', sans-serif;
  color: #c3b7b0;
  background-color: #251f1d;
  border-top: 20px solid #b89e7a;
}
#site footer .footer-info {
  padding: 40px 0 80px;
}
#site footer .footer-info ul{position:relative;margin:0;padding:0;font-size:0}
#site footer .footer-info ul li {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 27px;
  list-style: none;
  opacity: .9;
}
#site footer .footer-info ul li.copy {
    opacity: .6;
    font-size: 14px;
    letter-spacing: 0;
}
#site footer .footer-info ul li+li {
  margin-left: 18px;
}
#site footer .footer-info ul li+li::before {
  content: '';
  top: 7px;
  left: -9px;
  height: 13px;
  position: absolute;
  border-left: 1px solid;
  opacity: .5;
}
#site footer .footer-info img {
  height: 50px;
}
#site footer .footer-info .info {
  text-align: right;
}

.box-login {
  margin-top: 12px;
}
.box-login a {
  font-size: 14px;
  opacity: 0.8;
}
.box-login a+a {
  margin-left: 8px;
  border-left: 1px solid #6c645f;
  padding-left: 8px;
  line-height: .9;
  display: inline-block;
}
.box-login a.adm {
    border: 0;
}
.box-login a:hover {
  opacity: 1;
}
html.logined .box-login a.login {display: none;}
html:not(.logined) .box-login a.adm,
html:not(.logined) .box-login a.logout {display: none;}


/* 메인 페이지 */
#mainCarousel .carousel-inner .item{height:200vh}
@media (max-width: 767px) {
 #mainCarousel .carousel-inner .item{height:250px}
 #mainCarousel .carousel-caption h1{font-size:24px}
 #mainCarousel .carousel-caption p{font-size:12px;}
}

#section_a684ec {
  padding: 20px 0;
}

#section_b53b3a {
  min-height: 400px;
}

#section_b53b3a .container {
  width: 100%;
  padding: 0;
}

.root_daum_roughmap {
  width: 100% !important;
  padding: 0 !important;
}

.root_daum_roughmap .map_border {
  display: none !important;
}
 
@media (min-width: 767px) {
  #section_a684ec div[class^="board_box_"] {
    width: 50%;
  }
}

.board_box_blog2 .row {
  margin-left: -5px;
  margin-right: -5px;
}

.board_box_blog2 .row > div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.board_box_blog2 .inner {
  margin-top: 0;
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
  padding: 12px 10px;
}
  
.board_box_blog2 .inner .bottom .title {
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
  font-size: 14px;
}
  
.board_box_blog2 .inner .bottom .info {
  display: none;
}
  
.board_box_blog2 .inner .top a .thumb {
  height: 100px;
}

/* 메인 추가 스타일 */
/* 공통 스타일 */
.list-default {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.list-default > li {
  position: relative;
}
table.tb-default {
  margin-bottom: 0;
}
/* .box-location .list-default > li {
    font-weight: 400;
    line-height: 1.45em;
}
.box-location .list-circle > li+li {
    margin-top: 25px;
} */
table.tb-default > thead > tr > th,
table.tb-default > thead > tr > td,
table.tb-default > tbody > tr > th,
table.tb-default > tbody > tr > td {
  padding: 16px;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
}
.mainPage .btn-more {
  min-width: 190px;
  height: 50px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
  font-size: 16px;
  font-weight: 500;
  color: #444343;
  letter-spacing: -0.02em;
  background: #c9c4c0;
  border-radius: 50px;
  gap: 5px;
}
.mainPage .btn-more::after {
  content: "\ea00";
  margin-left: 2px;
  font-family: "Phosphor";
  transition: margin ease .15s;
}
.mainPage .btn-more:hover {
  color: #fff;
  background: #b89e7a;
}
.mainPage .btn-more:hover::after {
  margin-left: 10px;
}
.mainPage .sec-top {
  margin-bottom: 75px;
  text-align: center;
}
.mainPage .sec-top .sec-tit {
  margin: 0 0 13px;
  font-size: 52px;
  font-weight: 300;
  color: #252524;
  letter-spacing: 0;
}
.mainPage .sec-top p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #ab9678;
  text-transform: uppercase;
  letter-spacing: 0;
}

/* Slick Slider 기본 스타일 */
.slick-slide img {
  width: 100%;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  top: 0;
  left: 0;
  position: relative;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: '';
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  height: auto;
  display: block;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-arrow::before {
  content: '';
  padding: 0 5px;
  font-size: 35px;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  color: #ccc;
}
.slick-prev:before {content: '\f053';}
.slick-next:before {content: '\f054';}
.slick-dots {
  bottom: -50px;
}
.slick-dots li,
.slick-dots li button {
  width: 15px;
  height: 15px;
}
.slick-dots li button:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #ccc;
  border-radius: 20px;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  background: #bd2228;
}

/* Section 1 */
#section1{overflow: hidden;}
.mainPage .wrap-slider {
  margin: 0;
}
.mainPage .wrap-slider > div {
  padding: 0;
}
.slider-ballroom .slick-slide {
  height: 635px;
  /* height: 100vh; */
}
/* .mainPage .wrap-slider::before {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,0,0,0) 20%);
  z-index: 90;
} */
/* .mainPage .wrap-slider::after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent linear-gradient(0deg, rgba(57,45,44,0.85) 0%, rgba(255,0,0,0) 62%);
  z-index: 90;
} */
.slider-ballroom .slick-slide a {
  position: relative;
}
.slider-ballroom .slick-slide a::after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgb(0 0 0 / 40%);
  transition: all 0.3s;
  z-index: 90;
}
.slider-ballroom .slick-slide a:hover::after {
  background: transparent;
}
.slider-ballroom .slick-slide .w_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-ballroom .slick-slide img {
  top: 50%;
  left: 50%;
  width: auto;
  position: absolute;
  transform: translate(-50%,-50%);
}
.mainPage .wrap-slider .inner {
  position: relative;
}
.mainPage .wrap-slider .slider {
  margin-bottom: 0;
}
.mainPage .wrap-slider .slick-dots {
  bottom: 20px;
  z-index: 110;
}
.mainPage .wrap-slider .slick-dots li {
  margin: 0 3px;
}
.mainPage .wrap-slider .slick-dots li,
.mainPage .wrap-slider .slick-dots li button {
  width: 20px;
  height: 4px;
  padding: 0;
}
.mainPage .wrap-slider .slick-dots li button::before {
  width: 20px;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0;
  opacity: 1;
}
.mainPage .wrap-slider .slick-dots li.slick-active button:before {
  background: #fff;
}
.mainPage .wrap-slider .slick-dots li button::before {
  width: 20px;
  height: 4px;
  border-radius: 0;
}
.mainPage .wrap-slider .slide-caption {
  top: 50%;
  /* bottom: 10%; */
  width: 100%;
  position: absolute;
  text-align: center;
  transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
  z-index: 100;
}
.mainPage .wrap-slider .slide-caption h1 {
  margin: 0;
  font-size: 36px;
  /* font-size: 85px; */
  /* font-weight: 100; */
  color: #fff;
  line-height: 1em;
}
.mainPage .wrap-slider .slide-caption h1 .sm {
  display: block;
  margin-top: 12px;
  font-size: 24px;
  font-weight: 200;
  line-height: 1em;
}
/* .mainPage .wrap-slider .right .slide-caption h1 {
  color: #fff;
} */

.mainPage #section1 .wrap-intro-top {
  padding: 90px 0 110px;
  text-align: center;
  border-bottom: 2px solid #b89e7a;
}
.mainPage #section1 .wrap-intro-top h2 {
  margin: 0 0 20px;
  font-size: 52px;
  font-weight: 300;
  color: #252524;
}
.mainPage #section1 .wrap-intro-top img {
  margin: 80px auto 45px;
}
.mainPage #section1 .wrap-intro-top p {
  margin: 0;
  font-size: 18px;
  color: #967b57;
  line-height: 1.6em;
  letter-spacing: -0.02em;
}
.mainPage #section1 .wrap-intro-bottom {
  padding: 110px 0 150px;
  text-align: center;
  border-bottom: 2px solid #b89e7a;
}
.mainPage #section1 .wrap-intro-bottom > .con+.con {
  margin-top: 90px;
}
.mainPage #section1 .wrap-intro-bottom img {
  width: 200px;
  margin-bottom: 60px;
}
.mainPage #section1 .wrap-intro-bottom h2 {
  margin: 0 0 20px;
  color: #252524;
  font-size: 30px;
  font-weight: 300;
}
.mainPage #section1 .wrap-intro-bottom h3 {
  font-size: 23px;
  font-weight: 400;
  color: #af9166;
  margin: 0 0 50px;
}
.mainPage #section1 .wrap-intro-bottom p {
  font-size: 24px;
  color: #000;
  line-height: 1.7em;
}
.mainPage #section1 .wrap-intro-bottom p:last-child {
  margin-bottom: 0 !important;
  line-height: 1.5;
}
.mainPage #section1 .wrap-intro-bottom p:nth-of-type(1) {
  margin-bottom: 20px;
}

.box-ideology {
  margin: 0 auto;
  margin-top: 0px;
  display: inline-block;
  color: #000;
}
.box-ideology > .item {
  display: flex;
  align-items: center;
  gap: 45px;
}
.box-ideology .tit {
  width: 190px;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 25px;
  line-height: 1em;
  border: 8px solid #e8dbc9;
  border-radius: 100%;
  background: #baa17e;
  color: #fff;
}
.box-ideology > .item+.item {
  margin-top: 40px;
}
.box-ideology p {
  font-size: 20px;
  line-height: 1.9em;
  text-align: left;
}
/* .mainPage #section1 .wrap-intro {
  padding: 110px 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #b89e7a;
}
.mainPage #section1 .wrap-intro .btn-more {
  margin-top: 0;
}
.mainPage #section1 .wrap-intro .btn-more::after {
  display: none;
}
.mainPage #section1 .wrap-intro img {
  margin: 80px auto 45px;
}
.mainPage #section1 .wrap-intro p {
  margin: 0;
  font-size: 22px;
  color: #967b57;
  line-height: 1.65em;
  letter-spacing: -0.02em;
} */

/* Section 2 */
.mainPage #section2 {
  padding: 160px 0 150px;
}
.mainPage #section2 .top {
  margin-bottom: 120px;
  text-align: center;
}
.mainPage #section2 .box-square .text {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 10px;
  font-size: 45px;
  font-weight: 300;
  color: #3a3433;
  letter-spacing: 0.2em;
  /* letter-spacing: 0.1em; */
  line-height: 1.2em;
  background: #fff;
}
.mainPage #section2 .box-square .text::before {
  content: '';
  top: 50%;
  left: 50%;
  width: 177px;
  height: 177px;
  position: absolute;
  border: 15px solid #3a3433;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.mainPage #section2 .top p {
  margin: 80px 0 0;
  font-size: 30px;
  /* font-family: 'Noto Serif KR', serif; */
  color: #b89e7a;
  /* color: #967b57; */
  line-height: 1.56em;
}
.mainPage #section2 .top .from {
  margin: 40px 0 0;
  font-size: 17px;
  /* font-size: 20px; */
  font-weight: 300;
  color: #252525;
  letter-spacing: 0.4em;
}

.mainPage .box-member > .item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 110px;
  /* font-family: 'Noto Serif KR', serif; */
  color: #3a3433;
}
.mainPage .box-member > .item .picture {
    width: 330px;
}
.mainPage .box-member > .item .detail {
    width: 614px;
}
/* .mainPage .box-member > .item:nth-child(even) {
  flex-direction: row-reverse;
} */
.mainPage .box-member > .item+.item {
  margin-top: 120px;
  /* margin-top: 110px; */
}
.mainPage .box-member .name {
  margin: 0 0 20px;
  font-size: 33px;
  font-weight: 600;
  color: #b89e7a;
  /* display: flex;
  align-items: flex-end;
  gap: 65px;
  margin: 0 0 30px;
  font-size: 24px;
  color: #302c2c; */
}
/* .mainPage .box-member > .item:nth-child(even) .name {
  flex-direction: row-reverse;
} */
/* .mainPage .box-member .name .en {
  font-size: 60%;
  color: #b89e7a;
  letter-spacing: 0;
  text-transform: uppercase;
} */
.mainPage .list-career > li {
  margin-top: 25px;
}
.mainPage .list-career > li:not(.history) {
  display: grid;
  grid-template-columns: 130px auto;
  /* display: flex;
  gap: 40px; */
}
/* .mainPage .box-member > .item:nth-child(even) .list-career > li:not(.history) {
  flex-direction: row-reverse;
  text-align: right;
} */
.mainPage .list-career > li .tit {
  min-width: 80px;
  /* min-width: 110px; */
  margin: 5px 0 0;
  font-size: 16px;
  /* font-size: 15px; */
  /* font-weight: 600; */
  line-height: 1em;
}
/* .mainPage .list-career > li:first-child .tit {
  font-family: 'Noto Serif KR', serif;
} */
.mainPage .list-career > li .text {
  font-size: 16px;
  /* font-size: 15px; */
  font-weight: 500;
  line-height: 1.55em;
  /* line-height: 1.45em; */
}
.mainPage .list-career > li.history .block {
  display: grid;
  grid-template-columns: 130px auto;
  align-items: center;
  /* display: flex;
  align-items: center;
  gap: 45px;
  margin-bottom: 2px; */
}
.mainPage .list-career > li.history .block+.block {
  margin-top: 22px;
}
/* .mainPage .box-member > .item:nth-child(even) .list-career > li.history .block {
  flex-direction: row-reverse;
} */
.mainPage .list-career > li.history .period {
  /* min-width: 80px; */
  margin: 0;
  font-size: 16px;
  /* font-size: 13px; */
  /* font-weight: 600; */
  letter-spacing: 0.01em;
}

/* Section 3 */
.mainPage #section3 {
  padding: 110px 0;
  color: #fff;
  text-align: center;
  background: #333 url('/public/img/main/section3_bg.jpg') no-repeat center / cover;
}
.mainPage #section3 .sec-top .sec-tit {
  color: #fff;
  letter-spacing: 0;
}
.mainPage .wrap-logos {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgb(255, 255, 255, 0.5);
}
.mainPage .box-logos {
  max-width: 1360px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.mainPage .box-logos > .item {
  height: 225px;
  flex-basis: 33.333%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 110px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease;
}
.mainPage .box-logos > .item:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.mainPage .box-logos > .item:hover {
  text-decoration: none;
  background: rgba(45, 16, 17, 0.47);
}
.mainPage .box-logos > .item img{height: 50px;}
.mainPage .box-logos > .item:nth-child(3) img{height: 80px;}

/* Section 4 */
/* .mainPage #section4 {
  padding: 110px 0 110px;
  border-top: 2px solid #b89e7a;
}
table.tb-location {
  margin-top: 30px;
  border-top: 2px solid #988260;
}
table.tb-location > tbody > tr > th,
table.tb-location > tbody > tr > td {
  padding: 20px;
  border-color: #e6e1d9;
}
table.tb-location > tbody > tr > th {
  width: 220px;
  text-align: center;
  background: #faf8f5;
  border-right: 1px solid #ede8e0;
}
table.tb-location > tbody > tr > td {
  font-weight: 500;
  color: #444343;
}
.list-circle {
  margin-bottom: 40px;
}
.list-circle > li {
  padding-left: 12px;
}
.list-circle > li::before {
  content: '';
  top: 9px;
  left: 0;
  position: absolute;
  width: 5px;
  height: 5px;
  background: #222;
  border-radius: 30px;
}
.list-circle > li+li {
  margin-top: 30px;
}
.list-circle > li .by {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.list-circle ul {
  display: flex;
  gap: 60px;
}
.list-circle ul > li+li {
  padding-left: 104px;
}
.list-circle ul > li+li .tit,
.list-circle ul > li+li .tit-sub {
  top: 0;
  left: 0;
  position: absolute;
}
.list-circle ul > li+li .tit-sub {
    top: 22px;
}
.list-circle .blue {
  color: #0511aa;
}
.list-circle .green {
  color: #067601;
}

.mainPage #section4 .wrap-btn {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.mainPage #section4 .btn-more::after {
  display: none;
} */



/*************** 서브 시작 ***************/
/* 공통 스타일 */
#site > .container {
  width: 100%;
  padding: 0;
}
.subPage > .pageTop {
  height: 220px;
  position: relative;
  color: #fff;
  background: #333 url('/public/img/sub/bg_subTop.jpg') no-repeat center / cover;
  z-index: -1;
}
.subPage > .pageTop::before {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
background: #000;
opacity: 0.4;
}
.subPage > .pageTop .container {
  height: 100%;
  position: relative;
}
.subPage > .pageTop .inner {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  padding: 0 15px;
  transform: translate(-50%,-50%);
  text-align: center;
}
.subPage > .pageTop h1 {
  margin: 0;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
}

.subPage > .contents section {
  padding: 140px 0 160px;
  /* padding: 90px 0 120px; */
}
.subPage > .contents .row:not(.page-title)+.row {
  margin-top: 120px;
}

.page-title {
  margin: 0 0 90px;
  text-align: center;
}
.page-title h1 {
  margin: 0;
  font-size: 50px;
  /* font-size: 48px; */
  font-weight: 300;
  /* font-weight: 400; */
  /* font-family: "Jost", sans-serif; */
  color: #252524;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
}
.page-title .sm {
  display: inline-block;
  margin: 12px 0 0;
  font-size: 24px;
  /* font-size: 20px; */
  font-weight: 400;
  /* font-family: "Campton", 'notokr', sans-serif; */
  color: #ac926d;
  letter-spacing: 0;
}

/* SPACE 공통 스타일 */
.subPage.space > .contents section {
  padding: 140px 0 110px;
  /* padding: 140px 0 160px; */
}
.subPage.space > .contents section+section {
  border-top: 2px solid #b89e7a;
}
.subPage.space .sec-top {
  margin: 0 0 50px;
  text-align: center;
}
.subPage.space .sec-top .sec-tit {
  margin: 0;
  font-size: 52px;
  font-weight: 300;
  /* font-family: "Jost", sans-serif; */
  color: #252524;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
}
.subPage.space .sec-top p {
  display: inline-block;
  margin: 12px 0 0;
  /* font-size: 18px; */
  font-size: 24px;
  font-weight: 400;
  /* font-family: "Campton", 'notokr', sans-serif; */
  color: #a9906c;
}
.subPage.space .box-room {
  text-align: center;
}
.subPage.space .box-room p {
  margin: 50px 0 0;
  font-size: 20px;
  /* font-size: 19px; */
  /* font-family: 'Noto Serif KR', serif; */
  line-height: 1.6em;
  letter-spacing: -0.02em;
}
.subPage.space .box-room h3 {
  margin: 0;
  font-size: 40px;
  /* font-family: 'Bacasime Antique', serif; */
  color: #222020;
  letter-spacing: -0.03em;
  line-height: 1;
  text-align: center;
}
.subPage.space .box-room h3 span {
  display: inline-block;
}
.subPage.space .box-room h3 span::first-letter {
  font-size: 120%;
}
.subPage.space .box-room .sm {
  margin: 12px 0 0;
  font-size: 18px;
  font-weight: 400;
  color: #a9906c;
}
/* .subPage.space .box-room p {
  margin-top: 30px;
} */
/* 슬라이드 */
.slider-room-sub {
  margin-bottom: 100px;
  /* margin-bottom: 80px; */
}
.slider-room-sub .slick-slide {
  opacity: 0.17;
  transition: all 0.3s ease;
}
/* .slider-room-sub .slick-slide img {
  max-width: 1000px;
} */
.slider-room-sub .slick-slide.slick-active.slick-current {
  opacity: 1;
}

/* Partners (페이지) */
.subPage#partners > .contents #section-top {
  padding-bottom: 20px;
}
.subPage#partners > .contents section:not(#section-top) {
  padding: 30px 0 160px;
}
/* .subPage#partners > .contents section:not(#section-top)+section {
  padding-top: 0;
} */
.box-partner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 150px 40px;
  /* grid-template-columns: 1fr 1fr 1fr;
  gap: 120px 60px; */
}
.box-partner .tit {
  margin: 0 0 25px;
  font-size: 26px;
  color: #af9166;
  line-height: 1em;
  font-weight: 500;
  /* font-family: 'Noto Serif KR', serif; */
}
.box-partner .inner {
  height: calc(100% - 60px);
  background: #f3efe9;
}
.box-partner .inner .detail {
  position: relative;
  padding: 35px 30px 40px;
  font-size: 17px;
}
.box-partner .detail .name {
  margin: 0 0 30px;
  font-size: 24px;
  font-weight: 600;
  min-height: 53px;
}
.box-partner .detail .name a {
  position: relative;
}
.box-partner .detail .name a::before {
  content: '';
  bottom: 2px;
  left: -2px;
  width: 0;
  height: 6px;
  position: absolute;
  background: #c4ae91;
  border-radius: 30px;
  transition: all ease .15s;
  opacity: 0.8;
}
.box-partner .detail .name a::after {
  content: '';
  right: -1px;
  bottom: 2px;
  width: 6px;
  height: 6px;
  position: absolute;
  background: transparent;
  border-radius: 30px;
  opacity: 0.8;
}
.box-partner .detail .name a:hover {
  color: var(--page-point-color-hover);
}
.box-partner .detail .name a:hover::before {
  width: 100%;
}
.box-partner .detail .name a > span {
  position: relative;
  padding-right: 5px;
}
.box-partner .detail .name .sm {
  font-size: 65%;
  font-weight: 400;
  padding-left: 3px;
}
.box-partner .ceo {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}
.box-partner .ceo .position {
  font-size: 75%;
  font-weight: 500;
  padding-left: 2px;
  letter-spacing: 0;
}
.box-partner .list-info > li {
  font-weight: 500;
  font-size: 15px;
  padding-left: 12px;
}
.box-partner .list-info > li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 50%;
    left: 0;
    top: 9px;
}
.box-partner .list-info > li+li,
.box-partner .list-info > li+.clearfix {
  margin-top: 7px;
}
.box-partner .list-info > li i {
  margin-right: 4px;
  font-style: normal;
  /* font-weight: 700; */
  color: #222;
  font-size: 15px;
}
.box-partner .list-info > li a {
    text-decoration: underline;
}
.box-partner .list-info > li a:hover {
  text-decoration: underline;
}
.box-partner p {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.5;
  word-break: keep-all;
}
.box-partner ul+p {
  margin: 10px 0 0;
  font-size: 16px;
}
.box-partner .item.item7 ul+p {
    font-size: 15px;
}
.box-partner .item.item5 p {
    font-size: 15px;
    font-weight: 600;
}
.box-partner .item.item4 ul+p {
    font-size: 15px;
    font-weight: 600;
}
.box-partner .price {
  top: 35px;
  right: 30px;
  position: absolute;
  font-size: 15px;
  font-weight: 500;
  color: #8e433c;
}
.txt_w{width: 85.91px;}
.box-partner .item.item5 .name .block a span {
  line-height: 1.4;
}
.box-partner .item.item7 .name{position: relative;}
.box-partner .item.item7 .name span:nth-child(1) {
  position: absolute;
  top: 2px;
  left: 0;
}
.box-partner .item.item7 .name span:nth-child(2) {
  padding-left: 40px;
}
.box-partner .item.item6 .price {
    top: 70px;
    left: 30px;
}
.box-partner .price .ko-txt {
    font-size: 15px;
    margin-top: 0px;
}
.box-partner .list-prod > li {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  padding-left: 18px;
}
.box-partner .list-prod > li small {
    position: absolute;
    left: 0;
    font-size: 64%;
    top: 3px;
}
.box-partner .list-prod > li+li {
  margin-top: 3px;
}
.box-partner .list-prod > li .pr {
  color: #8e433c;
  font-weight: 500;
  font-size: 15px;
  margin-top: 2px;
}
.box-partner .item7 .list-prod > li:first-child .pr{
  width: 106.73px;
}
.box-partner .btn-more {
  min-width: 200px;
  height: 48px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #444343;
  letter-spacing: -0.05em;
  background: #c9c4c0;
  border-radius: 50px;
  padding: 16px 18px 14px;
}
.box-partner .btn-more::after {
  content: "\ea00";
  margin-left: 2px;
  font-family: "Phosphor";
  transition: margin ease .15s;
}
.box-partner .btn-more:hover {
  color: #fff;
  background: #b89e7a;
}
.box-partner .btn-more:hover::after {
  margin-left: 10px;
}
/* 모달 */
a[data-toggle="modal"]:hover {
  cursor: pointer;
}
.box-partner .modal-header {
  display: flex;
  align-items: center;
  padding: 20px 25px;
  color: #fff;
  background: var(--page-point-color);
}
.modal-footer .btn:hover {
    color: #fff;
}
.modal-footer .btn {
    background: #333;
    color: #fff;
}
.modal-footer .btn-download i {
  padding-left: 3px;
}
.box-partner .modal-header .close {
  right: 20px;
  position: absolute;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  opacity: 0.5;
}
.box-partner .modal-header .close:hover {
  opacity: 0.8;
}
.box-partner .modal .modal-title {
  font-size: 23px;
  font-weight: 500;
}

/* 개별 스타일 */
.box-partner .item1 .list-info > li {
  display: inline-block;
}
.box-partner .item1 .list-info > li+li {
  margin-left: 0;
}
.box-partner .item2 .price {
  top: 35px;
}
.box-partner .item2 .price .block {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.box-partner .item3 .modal-dialog {
  width: 1040px;
}
.box-partner .item3 .modal-body .images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.box-partner > .item5 .detail .name {
  margin-bottom: 20px;
  font-size: 22px;
}
.box-partner .detail .name .block+.block {
  /* margin-top: 14px; */
  margin-top: 20px;
}
.box-partner .item2 .detail .list-link {margin-top: 10px;}
.box-partner .detail .list-link a{font-size: 13px; word-break: break-all;}
.box-partner .detail .list-link a::before {content: none;}
.box-partner .detail .name .block .text {
  padding-left: 0px;
  font-size: 64%;
  font-weight: 400;
  display: block;
  margin-top: 5px;
  line-height: 1.45;
}
.box-partner > .item8 .detail .name .top {
  font-size: 81%;
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
}
.box-partner > .item8 .modal-dialog {
  width: 750px;
}

/* Location (페이지) */
.box-location {
  display: flex;
  gap: 40px;
  /* display: grid; */
  /* grid-template-columns: 1fr 1fr; */
}
.box-location > div {
  flex-basis: 50%;
}
/* .box-location .map > *,
.root_daum_roughmap .wrap_map {
  height: 100% !important;
} */
.box-location .list-default > li {
  font-weight: 400;
  line-height: 1.45em;
}
.box-location .list-circle > li+li {
  margin-top: 25px;
}
table.tb-location {
  /* margin-top: 30px; */
  border-top: 2px solid #988260;
    border-bottom: 2px solid #988260;
}
table.tb-location > tbody > tr > th,
table.tb-location > tbody > tr > td {
  padding: 20px;
  border-color: #e6e1d9;
}
table.tb-location > tbody > tr > th {
  width: 80px;
  padding-left: 3px;
  font-weight: 600;
  text-align: left;
  color: #967b57;
  vertical-align: top;
  /* width: 220px;
  text-align: center;
  background: #faf8f5;
  border-right: 1px solid #ede8e0; */
}
table.tb-location > tbody > tr > td {
  font-weight: 500;
  color: #444343;
}
/* .list-circle {
  margin-bottom: 40px;
} */
.list-circle > li {
  padding-left: 12px;
}
.list-circle > li::before {
  content: '';
  top: 8px;
  left: 0;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 30px;
}
.list-circle > li+li {
  margin-top: 30px;
}
.list-circle > li .by {
  display: block;
  margin-bottom: 4px;
  /* margin-bottom: 10px; */
  font-weight: 500;
}
/* .list-circle ul {
  display: flex;
  gap: 60px;
}
.list-circle ul > li+li {
  padding-left: 104px;
} */
.list-circle ul > li+li .tit,
.list-circle ul > li+li .tit-sub {
  top: 0;
  left: 0;
  position: absolute;
}
.list-circle ul > li+li .tit-sub {
    top: 22px;
}
.list-circle .blue {
  color: #0511aa;
}
.list-circle .green {
  color: #067601;
}

.box-location .wrap-btn {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  /* margin: 25px 0 -5px -20px; */
  margin: -5px 0 -5px -20px;
}
.box-location .wrap-btn .btn {
  padding: 0;
  font-size: 15px;
  color: #967b57;
  text-decoration: underline;
}
.box-location .wrap-btn .btn:hover {
  color: #b89e7a;
}

/* Video (페이지) */
.box-video iframe {
  aspect-ratio: 16 / 9;
}

/* 게시판, 주문폼 공통 스타일 */
.board_wrapper,
.calendar_wrapper {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.search_wrap {
  margin-top: 80px;
  margin-bottom: 0;
}
.board_wrapper .table.table_default {
  border-top: 2px solid #333;
}
.table.table_default tr th,
.table.table_default tr td {
  border-color: #e6e6e6;
  font-size: 16px;
}
.table.table_default tbody tr th.num {
    font-weight: 400;
}
.table.table_default tr td.writer,
.table.table_default tr td.regdate,
.table.table_default tr td.hits {
    font-size: 15px;
    color: #777;
}
.table.table_default tr td.subject {
  position: relative;
  padding: 20px 15px;
  line-height: 1em;
}
.table.table_default thead th {
  font-weight: 600;
  color: #333;
  background: #fff;
  border-color: #ccc;
  padding: 17px;
}
.table.table_default tbody .subject .badge {
  top: 20px;
  position: absolute;
  padding: 2px 6px;
  font-weight: 400;
  color: #fff;
  line-height: 1.3em;
  background: #606060;
  border: none;
  border-radius: 1px;
  font-size: 13px;
}
.table.table_default tbody .subject a:hover {
  text-decoration: underline;
}
.table.table_default tbody .subject span>.badge+a {
  padding-left: 65px;
}

.board_data_view {
  border-top: 2px solid #333;
  border-bottom: 1px solid #ccc;
}
.board_data_view .header_wrap {
  padding: 0;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
}
.board_data_view .header_wrap .title {
  padding: 45px 5px 42px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3em;
  border-bottom: 1px solid #eee;
  color: #333;
  letter-spacing: -0.02em;
}
.board_data_view .header_wrap .info {
  margin: 0;
  padding: 11px 5px 11px;
}

/* Pagenation */
.pagination_wrap ul li.active a,
.pagination_wrap ul li.active a:hover,
.pagination_wrap ul li.active a:focus {
  color: var(--page-point-color);
}
.pagination_wrap ul li.box a {
  border: none;
}
.pagination_wrap ul li.box:hover a,
.pagination_wrap ul li.box:focus a {
  color: var(--page-point-color);
}

.board_wrapper .text-center {
  margin-bottom: 0;
}

#reply_list span {
  font-size: 16px !important;
}

/* 게시글 작성 */
.board_wrapper .table.board_write_table tbody tr th,
.board_wrapper .table.board_write_table tbody tr td {
  padding: 12px;
  font-size: 16px;
  border-top: none;
  border-bottom: 1px solid #e6e6e6;
}
.board_wrapper .table.board_write_table {
  border-top: 2px solid #333;
}
.board_wrapper .table.board_write_table tbody tr th {
  width: 220px;
  padding: 23px 25px;
  font-weight: 600;
  color: #333;
  background: #fff;
}
.board_wrapper .table.board_write_table tbody tr th>span.required_text {
  color: #ff0000;
}
.board_wrapper .table.board_write_table tbody tr th .sm {
  display: block;
  font-size: 90%;
}
.board_wrapper .table.board_write_table .files .fileInput .file_add {
  padding: 6px 8px;
}

/* 주문폼 */
.board_wrapper .table.board_write_table tbody tr td .form-control {
  width: 350px;
}
.board_wrapper .table.board_write_table tbody tr td .text-muted {
  margin-top: 5px !important;
  font-size: 14px;
}
.board_wrapper .table.board_write_table .checkbox a {
  font-weight: 500;
  color: var(--page-point-color);
  text-decoration: underline;
}
.form-control:not([readonly]):focus {
  border-color: #555;
}
input+#list_btn {
  display: none;
}
.board_wrapper .text-center {
  margin-bottom: 0;
}

/* 로그인 */
.login_wrapper, #find_idpw {
    background: #f5f5f5;
}
.member_wrapper {
    padding: 180px 0 120px;
}
.login_wrapper .member_wrapper,
#find_idpw .member_wrapper {
    max-width: 600px;
    margin: 120px auto;
    padding: 45px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
}
.login_wrapper .member_wrapper h1,
#find_idpw .member_wrapper h1 {
    padding-bottom: 0;
    border-bottom: none;
}
/**************** 서브 끝 ****************/

/*********** 모바일 최적화 시작 ***********/
@media (max-width: 1420px) { 
  .box-partner{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 1199px) { /* Small·Medium·Large devices */

}
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
#site{padding-top: 76px;}
.slider-ballroom .slick-slide{height: 300px;}
  .mainPage .wrap-slider .slide-caption{height: 100%;}
.mainPage .wrap-slider .slide-caption h1{margin-top: 110px;}
  .navbar-inverse .navbar-brand img{
  -webkit-filter: brightness(0) invert(1); 
filter: brightness(0) invert(1);
}
  
/* header */
#gnb_62{display: none;}
.navbar-header{display: block;}
.navbar-inverse .navbar-toggle{margin: 22px 15px;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-inverse .navbar-brand{
  margin: 13px auto;
  width: 90px;
  float: none;
  display: block;
}
.navbar-nav .open .dropdown-menu{
  text-align: center;
  padding: 20px 0;    
  background: rgba(0, 0, 0, 0.6);}
.navbar-inverse .navbar-nav > li > a{height: 58px;}
  .navbar-inverse .navbar-nav > li > a::before{
  content: none;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{
  background-color: #fff;
}
.dropdown-menu>li>a{padding: 3px 20px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
  padding: 10px 0;
}
.navbar-nav .open .dropdown-menu>li:first-child>a{padding-top: 0;}
.navbar-nav .open .dropdown-menu>li:last-child>a{padding-bottom: 0;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
  max-height: 100%;
}





/* main */
.mainPage #section1 .wrap-intro-bottom,
.mainPage #section1 .wrap-intro-top{margin: 0;}
 .mainPage #section1 .wrap-intro-top h2{font-size: 24px;}
 .mainPage #section1 .wrap-intro-top p{font-size: 14px;}
.mainPage #section1 .wrap-intro-bottom img{width: 160px;}
.mainPage #section1 .wrap-intro-bottom h2{font-size: 24px;}
.mainPage #section1 .wrap-intro-bottom h3{font-size: 18px;}
.mainPage #section1 .wrap-intro-bottom p{font-size: 14px;}
.box-ideology > .item{flex-direction: column;}
.mainPage #section1 .wrap-intro-bottom p{text-align: center;}
  
.mainPage #section2 .box-square .text{font-size: 36px;}
.mainPage #section2 .box-square .text::before{width: 167px;height: 157px;}
.mainPage #section2 .top p{font-size: 18px;line-height: 1.6;}
.mainPage .box-member > .item{gap: 50px;flex-direction: column;}
.mainPage .box-member > .item .picture img{width: 80%;}
.mainPage .box-member > .item .detail{width: 100%;padding: 0 15px;}
.mainPage .box-member .name{font-size: 24px;}
.mainPage .box-member .position{font-size: 18px;}
.mainPage .list-career > li .tit,.mainPage .list-career > li .text,.mainPage .list-career > li.history .period{font-size: 14px;}
.mainPage .list-career > li:not(.history),
.mainPage .list-career > li.history .block{grid-template-columns: 1fr;}
  
.mainPage #section3 .sec-top .sec-tit{font-size: 24px;}
.mainPage .wrap-logos{border-bottom: 0;}
.mainPage .box-logos{display: block;padding: 0;}
.mainPage .box-logos > .item{height: 140px;border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-left: 0;}
/* .mainPage .box-logos > .item img{width: 100px;} */
.mainPage .box-logos > .item:last-child{border-right: 0;}

/* space */
.page-title h1{font-size: 24px;}
.page-title .sm,
.subPage.space .sec-top p{font-size: 18px;}
.subPage.space .sec-top .sec-tit{font-size: 34px;}
.subPage .contents section:first-child,
.subPage.space > .contents section:first-child{padding: 90px 0 160px;}
.subPage.space .box-room p{font-size: 14px;}

/* partners */
.box-partner{
  grid-template-columns: repeat(1, 1fr);
  gap: 60px;
  padding: 0 15px;
}
.subPage#partners > .contents section:not(#section-top){padding: 30px 0 30px;}
  .box-partner .item3 .modal-dialog{width: inherit;}
  .box-partner > .item8 .modal-dialog{width: 100%;}
  
/* location */
.box-location{flex-direction: column;}
  .box-location .wrap-btn{
  justify-content: flex-start;
  margin: 10px 0 0 0;
}
#location table.tb-location > tbody > tr > th{
  width: 100%;
  padding: 20px;
  border: 0;
  padding-bottom: 0;
  display: block;
}
#location table.tb-location > tbody > tr > th, table.tb-location > tbody > tr > td{
  border-top: 0;
}
#location table.tb-default > thead > tr > th, 
#location table.tb-default > thead > tr > td, 
#location table.tb-default > tbody > tr > th, 
#location table.tb-default > tbody > tr > td{
  display: block;
}

/* footer */
#site footer .footer-info{padding: 40px 0 40px;}
#site footer .footer-info img{margin: 0 auto 30px;height: 40px;}
#site footer .footer-info .info{text-align: center;}
#site footer .footer-info ul li,
#site footer .footer-info ul li.copy,
.box-login a
{font-size: 12px;}
.box-login{text-align: right;}

    .board_wrapper .table colgroup,
    .board_wrapper .table tr .num,
    .board_wrapper .table tr .hits{display:none}
    .board_wrapper .table .subject{width:55%}
    .board_wrapper .table .writer{width:20%}
    .board_wrapper .table .regdate{width:25%}
    .board_wrapper .table.table_default tr th,
    .board_wrapper .table.table_default tr td{padding:10px;font-size:12px}
    .table.table_default tbody .subject .badge{top:9px;font-size:10px}
    .table.table_default tr td.subject a{font-size:13px}
    .table.table_default tbody .subject span > .badge + a{padding-left:54px}
    .board_data_view .header_wrap{padding:0}
    .board_data_view .header_wrap .title{padding:25px 5px 23px;font-size:20px}
    .board_data_view .header_wrap .info{padding:8px 0}
    .board_data_view .header_wrap .info span{font-size:11px}
    .board_data_view .contents_wrap{padding:40px 15px}
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .form-control.form-control-big,
    .member_wrapper #join_form .table .form-control,
    .member_wrapper #join_form .table .form-control.form-control-big{width:100%}
    .board_wrapper .table.board_write_table .files .fileInput input {width:100%;}
    .board_wrapper .table.board_write_table .files .fileInput .file_add{width:100%;margin:0 0 15px;padding:6px 12px}
    .member_wrapper .text-center .btn.btn-lg,
    .board_wrapper .text-center .btn.btn-lg{width:100%;margin:0;padding:9px}
    .board_wrapper .text-center .btn#write_btn,
    .member_wrapper .text-center .btn#join_btn,
    .board_wrapper .text-center .btn#list_btn{margin-top:20px}
    .member_wrapper{padding-top:60px;padding-bottom:100px}
    #find_idpw .member_wrapper,
    .login_wrapper .member_wrapper{margin:15px auto;padding:30px 20px}
    #find_idpw .member_wrapper h1,
    .login_wrapper .member_wrapper h1{margin:10px 0 15px;font-size:32px}
}
@media (min-width: 768px) { /* Medium·Large·Extra large devices */

}
@media (min-width: 768px) and (max-width: 1665px) {

}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */

}
@media (min-width: 768px) and (max-width: 991px) { /* Medium devices (col-sm-*) */

}
@media (min-width: 992px) and (max-width: 1199px) { /* Large devices (col-md-*) */

}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
  .navbar-inverse .navbar-right {
    max-width: 1150px;
    margin-left: 85px;
  }
  .navbar-inverse .navbar-nav > li#gnb_63 {
    top: 20px;
    right: -64px;
    position: absolute;
  }
}@media (min-width: 1420px) {
  
}
@media (min-width: 1420px) {
  .container {
    width: 1390px;
  }
  .navbar-inverse .navbar-nav > li#gnb_63 {
    right: 15px;
  }
}
/************ 모바일 최적화 끝 ************/