body.bbs.write #container {
  margin-top: 200px;
}

#snb {
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
}

#snb * {
  transition: all 0.3s;
}

#snb .logo {
  cursor: pointer;
  position: relative;
  top: 33px;
}

#snb .inner {
  display: flex;
  margin: 30px auto 0;
}

#snb .inner .menu_icon {
  margin-top: 15px;
  cursor: pointer;
}

#snb .inner .menu {
  display: flex;
}

#snb .inner .menu .menu_subject {
  height: 38px;
  overflow: hidden;
  padding: 10px 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

#snb .inner .menu .menu_subject .menu_li {
  color: white;
  font-size: 14px;
  margin: 5px 20px;
  cursor: pointer;
  white-space: nowrap;
}

#snb .inner .menu .menu_subject .menu_li:first-child {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

#snb .inner .menu .menu_subject.active .menu_li:first-child,
#snb .inner .menu .menu_subject:hover .menu_li:first-child {
  color: #475286;
}

#snb .inner .menu .menu_subject.active,
#snb .inner .menu .menu_subject:hover {
  height: 300px;
  background: hsl(204, 40%, 75%);
  margin-right: 10px;
  border-radius: 15px;
  opacity: 0.7;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

#snb .inner .menu .menu_subject:nth-child(1) {
  width: 90px;
}

#snb .inner .menu .menu_subject:nth-child(2) {
  width: 90px;
}

#snb .inner .menu .menu_subject:nth-child(3) {
  width: 110px;
}

#snb .inner .menu .menu_subject:nth-child(4) {
  width: 120px;
}

#snb .inner .menu .menu_subject:nth-child(5) {
  width: 142px;
}

#snb .inner .menu .menu_subject:nth-child(6) {
  width: 130px;
}

#snb .inner .menu .menu_subject:nth-child(7) {
  width: 130px;
}

#snb .inner .menu .menu_subject:nth-child(8) {
  width: 130px;
}

#snb .inner .menu .menu_subject:nth-child(1):hover {
  width: 200px;
}

#snb .inner .menu .menu_subject:nth-child(2):hover {
  width: 200px;
}

#snb .inner .menu .menu_subject:nth-child(3):hover {
  width: 200px;
}

#snb .inner .menu .menu_subject:nth-child(4):hover {
  width: 200px;
}

#snb .inner .menu .menu_subject:nth-child(5):hover {
  width: 200px;
}

#snb .inner .menu .menu_subject:nth-child(6):hover {
  width: 150px;
}

#snb .inner .menu .menu_subject:nth-child(7):hover {
  width: 150px;
}

#snb .inner .menu .menu_subject:nth-child(8):hover {
  width: 150px;
}

#snb .inner .menu .menu_subject:last-child {
  margin-right: 25px;
}

#snb .inner .menu .menu_subject:hover .menu_li {
  color: #fff;
}

#snb .inner .menu .menu_subject:hover .menu_li:hover {
  color: #fff;
}

#snb .inner .menu .menu_subject .menu_li .li_hover {
  position: absolute;
  overflow: hidden;
  height: 0;
  background: white;
  transition: all 0.5s;
  right: 530px;
}

#snb .inner .menu .menu_subject .menu_li .li_hover li {
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 130px;
  margin: 10px 0;
}

#snb .inner .menu .menu_subject .menu_li .li_hover .on {
  color: #fff;
}

#snb .inner .menu .menu_subject .custom:hover .li_hover {
  height: 230px;
}

header#hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  padding: 35px 60px;
  min-width: 1400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.4s;
}
header#hd h1 {
  position: relative;
  z-index: 99999;
}
header#hd h1 a {
  display: block;
  width: 176px;
  height: 47px;
  background: url(/img/logo-wh.svg) left top/contain no-repeat;
  transition: all 0.4s;
  z-index: 9999999999999;
}
header#hd > nav {
  font-size: 14px;
  color: #fff;
  margin-right: 115px;
  width: 765px;
  display: inline-flex;
  justify-content: space-between;
  transition: margin 0.4s;
}

#btn-menu {
  width: 28px;
  height: 24px;
  font-size: 0;
  border: 0;
  outline: none;
  border: 0;
  background: none;
  z-index: 999999;
  overflow: hidden;
  position: absolute;
  top: 46px;
  right: 60px;
  transition: top 0.4s;
}
#btn-menu svg * {
  transition: all 0.3s linear 0.3s;
}
#btn-menu::before, #btn-menu::after {
  position: absolute;
  width: 3px;
  height: 50px;
  background: #fff;
  content: "";
  transform-origin: center;
}
#btn-menu::before {
  transition: transform 0.3s linear 0s;
}
#btn-menu::after {
  transition: transform 0.3s linear 0s;
}
#btn-menu::before {
  top: 0;
  left: 0;
  transform: rotate(-45deg) translate(18px, -50px);
}
#btn-menu::after {
  bottom: 0;
  right: 0;
  transform: rotate(45deg) translate(0px, 64px);
}

#gnb {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: rgba(196, 213, 223, 0.95);
  color: #171717;
  min-width: 1400px;
  overflow: hidden;
  height: 0;
  z-index: -1;
  transition: height 0.5s;
}
#gnb::after {
  content: "";
  position: absolute;
  bottom: -1.8%;
  right: 0vw;
  opacity: 0.08;
  width: 70%;
  height: 28vh;
  background: url(/img/common/logo.svg) center/contain no-repeat;
  z-index: -1;
}
#gnb nav {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#gnb dl {
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.3s;
  opacity: 0;
  top: -1em;
  transition-delay: 0s;
}
#gnb dt {
  font-size: 34px;
  width: 8em;
  line-height: 3;
}
#gnb dd {
  font-size: 20px;
  padding-right: 2em;
  margin-left: 2em;
  line-height: 1;
  border-right: 2px solid rgba(15, 34, 61, 0.5333333333);
}
#gnb dd:last-child {
  border: 0;
}

@media screen and (max-height: 1600px) {
  #gnb dd {
    padding-right: 1.5em;
    margin-left: 1.5em;
  }
}
@media screen and (max-height: 864px) {
  #gnb dt {
    font-size: 30px;
  }
  #gnb dd {
    font-size: 18px;
  }
}
@media screen and (max-height: 768px) {
  #gnb dt {
    font-size: 28px;
    line-height: 2.5;
  }
}
@media screen and (max-height: 1440px) {
  #gnb nav {
    width: 85%;
  }
}
header#hd.fixed {
  background: rgba(180, 181, 182, 0.5);
  padding: 15px 60px;
}
header#hd.fixed #btn-menu {
  top: 26px;
}

header#hd.active #btn-menu svg * {
  transition: all 0.3s linear;
}
header#hd.active #btn-menu::before {
  transition: transform 0.3s linear 0.3s;
}
header#hd.active #btn-menu::after {
  transition: transform 0.3s linear 0.45s;
}
header#hd.active #btn-menu svg *, header#hd.active #btn-menu::before, header#hd.active #btn-menu::after {
  background: #171717;
  fill: #171717;
}
header#hd.active #btn-menu #bt-top {
  transform: translateX(-100%);
}
header#hd.active #btn-menu #bt-mid {
  transform: translateX(50%) scaleX(0);
}
header#hd.active #btn-menu #bt-bot {
  transform: translateX(100%);
}
header#hd.active #btn-menu::before {
  transform: rotate(-45deg) translate(18px, 0px);
}
header#hd.active #btn-menu::after {
  transform: rotate(45deg) translate(0px, 14px);
}
header#hd.active #gnb {
  height: 100vh;
  z-index: 9;
}
header#hd.active #gnb nav dl {
  opacity: 1;
  top: 0;
}
header#hd.active #gnb nav dl:nth-child(1) {
  transition-delay: calc(0.5s + 0.15s * 1);
}
header#hd.active #gnb nav dl:nth-child(2) {
  transition-delay: calc(0.5s + 0.15s * 2);
}
header#hd.active #gnb nav dl:nth-child(3) {
  transition-delay: calc(0.5s + 0.15s * 3);
}
header#hd.active #gnb nav dl:nth-child(4) {
  transition-delay: calc(0.5s + 0.15s * 4);
}
header#hd.active #gnb nav dl:nth-child(5) {
  transition-delay: calc(0.5s + 0.15s * 5);
}
header#hd.active #gnb nav dl:nth-child(6) {
  transition-delay: calc(0.5s + 0.15s * 6);
}
header#hd.active #gnb nav dl:nth-child(7) {
  transition-delay: calc(0.5s + 0.15s * 7);
}
header#hd.active #gnb nav dl:nth-child(8) {
  transition-delay: calc(0.5s + 0.15s * 8);
}
header#hd.active #gnb nav dl:nth-child(9) {
  transition-delay: calc(0.5s + 0.15s * 9);
}
header#hd.active #gnb nav dl:nth-child(10) {
  transition-delay: calc(0.5s + 0.15s * 10);
}

footer#ft .ft-visual {
  height: 765px;
  background: url(/img/common/ft-visual.jpg) center no-repeat;
}
footer#ft #ft_wr {
  padding: 170px calc(50% - 700px) 210px;
  font-size: 12px;
  line-height: 1;
}
footer#ft #ft_wr .wr-t,
footer#ft #ft_wr .wr-b {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-family: var(--noto);
}
footer#ft #ft_wr .wr-t {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #010921;
}
footer#ft #ft_wr .wr-t .logo {
  width: 136px;
  height: 37px;
  background: url(/img/logo.svg) left top/contain no-repeat;
}
footer#ft #ft_wr .wr-t ul {
  display: inline-flex;
}
footer#ft #ft_wr .wr-t ul li {
  padding-left: 4px;
}
footer#ft #ft_wr .wr-t ul li:first-child {
  border-right: 1px solid #555;
  padding-right: 4px;
}
footer#ft #ft_wr .wr-t ul li:last-child {
  border-left: 1px solid #a5a5a5;
}
footer#ft #ft_wr .wr-t ul a {
  position: relative;
  top: -1px;
}
footer#ft #ft_wr .wr-b li:not(:last-child) {
  margin-bottom: 18px;
}
footer#ft #ft_wr .wr-b li:nth-of-type(2) {
  margin-bottom: 50px;
}
footer#ft #ft_wr .wr-b dl {
  font-family: serif;
  font-family: "NanumSquare", "Malgun Gothic", dotum, sans-serif;
  text-align: right;
  text-align: right;
}
footer#ft #ft_wr .wr-b dt {
  font-size: 16px;
}
footer#ft #ft_wr .wr-b dd {
  margin-top: 20px;
}

.quick_menu {
  position: fixed;
  right: 0;
  top: calc(50% - 335px);
  z-index: 2;
  width: 90px;
  height: 671px;
  background: url(/img/main/quick/quick.png) no-repeat;
}
.quick_menu .bt {
  width: 78px;
  height: 566px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.quick_menu .bt a {
  width: 100%;
  height: 81px;
}
.quick_menu .bt_1 {
  width: 100%;
  height: 76px;
  cursor: pointer;
}
.quick_menu button.goto-top {
  position: absolute;
  bottom: 17px;
  opacity: 0;
  left: 19px;
  width: 57px;
  border: 0;
  height: 58px;
}

.quick_menu_ {
  position: fixed;
  right: 0;
  /* top: calc(50% - 162px); */
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 113px;
  height: 511px;
  background: url(/img/common/quick.png) no-repeat;
}
.quick_menu_ .bt {
  width: 112px;
  height: 443px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  /* justify-content: center; */
  flex-direction: column;
}
.quick_menu_ .bt a {
  width: 100%;
  height: 81px;
}
.quick_menu_ .bt_1 {
  width: 100%;
  height: 76px;
  cursor: pointer;
}
.quick_menu_ button.goto-top {
  position: absolute;
  bottom: 0;
  opacity: 0;
  right: 0;
  width: 110px;
  border: 0;
  height: 83px;
}

#sub_visual {
  position: relative;
  min-width: 1400px;
  height: 700px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sub_visual .mov {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
}
#sub_visual .mov video {
  width: 120vw;
  min-width: 1400px;
  min-height: 700px;
}
#sub_visual .title-wr {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  align-content: center;
  text-align: center;
  padding-top: 80px;
}
#sub_visual .title-wr h2::before {
  content: url(/img/sub/main-title.png);
  margin-bottom: 50px;
  display: block;
}
#sub_visual .title-wr p {
  padding-top: 60px;
}
#sub_visual .contact {
  position: absolute;
  bottom: 70px;
  left: 65px;
  height: 110px;
  z-index: 20;
  font-size: 12px;
  color: #fff;
  font-family: "NanumSquare", "BrownDC", "Noto Sans KR", Noto Sans, "Malgun Gothic", dotum, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#sub_visual .contact h2 {
  font-size: 20px;
  cursor: default;
}

#lnb {
  font-size: 16px;
  color: #171717;
  width: 1000px;
  margin: auto;
  padding: 75px 0;
  display: flex;
  justify-content: space-evenly;
}
#lnb a {
  position: relative;
}
#lnb .current {
  font-weight: bold;
}
#lnb .current::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000;
}

#quick-db.type-c {
  position: fixed;
  left: calc(50% - 600px);
  z-index: 99999;
  bottom: 0px;
  transition: bottom 0.3s;
  width: 1200px;
  border-radius: 20px 20px 0 0;
  height: 100px;
  border: 0px solid #fff;
  background: rgba(39, 39, 39, 0.8392156863);
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.4);
}
#quick-db.type-c .form-wr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  font-size: 20px;
  color: #fff;
}
#quick-db.type-c .form-wr h2 {
  opacity: 1;
  transition: all 0.3s;
  width: 250px;
  height: 68px;
  background: url(/img/common/quick-logo.png);
  margin-right: 30px;
  margin-top: 30px;
}
#quick-db.type-c .form-wr ul {
  display: flex;
  justify-content: space-between;
  width: 840px;
  padding-top: 5px;
  position: relative;
  /*li:first-child {position: absolute; top: -26px; left: 170px; transition: left 0.3s;}*/
}
#quick-db.type-c .form-wr ul h3 {
  font-weight: 300;
}
#quick-db.type-c .form-wr ul li:nth-child(4) {
  position: absolute;
  bottom: -20px;
  left: 0;
  font-size: 14px;
}
#quick-db.type-c .form-wr ul input[type=text] {
  border-radius: 5px;
  box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
  border: 0;
  width: 225px;
  height: 44px;
  font-size: 14px;
  padding-left: 14px;
}
#quick-db.type-c .form-wr ul input[name=wr_subject] {
  width: 170px;
}
#quick-db.type-c .form-wr ul button {
  width: 200px;
  height: 44px;
  border: 1px solid #0e5681;
  background: #3C5585;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}
#quick-db.type-c {
  /*
  &:hover { //bottom: 0;
    .form-wr {
    //  h2 {opacity: 1;}
     // ul li:first-child {left: 0;}
    }
  }
  */
}

#quick {
  position: fixed;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90px;
  padding: 26px 0 15px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.0666666667);
}
#quick a:not(.--top) {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
#quick a:not(.--top) span {
  padding: 6px 0 17px;
}
#quick a:not(.--top)::before {
  content: "";
  width: 49px;
  height: 49px;
  background-repeat: no-repeat;
  transition: 0.3s;
}
#quick .--top {
  width: 55px;
  height: 55px;
  background: url(/img/common/quick/top.png) center no-repeat;
}
#quick .--kakao::before {
  background-image: url(/img/common/quick/kakao.png);
}
#quick .--call::before {
  background-image: url(/img/common/quick/phone.png);
}
#quick .--cs::before {
  background-image: url(/img/common/quick/cs.png);
}
#quick .--book::before {
  background-image: url(/img/common/quick/booking.png);
}
#quick .--naver::before {
  background-image: url(/img/common/quick/naver.png);
}
#quick .--line::before {
  background-image: url(/img/common/quick/line.png);
}
#quick .--whats::before {
  background-image: url(/img/common/quick/whats.png);
}
#quick .--twitter::before {
  background: url(/img/common/quick/twitter.png);
}
#quick .--youtube::before {
  background: url(/img/common/quick/youtube.png);
}
#quick .--instagram::before {
  background: url(/img/common/quick/instagram.png);
}
#quick .--map::before {
  background: url(/img/common/quick/map.png);
}

@media screen and (max-height: 850px) {
  #quick {
    transform: scale(0.9);
  }
}
@media screen and (max-height: 800px) {
  #quick {
    transform: scale(0.8);
  }
}
@media screen and (max-height: 750px) {
  #quick {
    translate: 0 -40%;
  }
}/*# sourceMappingURL=layout.min.css.map */