@charset "utf-8";
/* LicenseNumber:ekdrh202512 */

/* for styles */
@import url("default.css");

/** 공통 **/
.bg_before_img:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:no-repeat 50% 50% / cover;
}
ul.dots_list li {
  position:relative;
  padding-left:9px;
  font-size:15px;
  color:#4a4b4d;
  line-height:1.7;
}
ul.dots_list li:before {
  content:"";
  position:absolute;
  top:10px;
  left:0;
  width:3px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:#4a4b4d;
}
.mb20 {
  margin-bottom:20px;
}

/* color */
body {
  --c_iden:#c5a059;
}
.c_iden {
  color:#c5a059 !important;
}
.c_red {
  color:#a01818 !important;
}
.c_blue {
  color:#1848a0 !important;
}
.c_gold {
  color:#a27f46 !important;
}
.c_black {
  color:#131416 !important;
}
/* 버튼 */
.btn {
  width:200px;
  height:54px;
  line-height:52px;
  border-radius:4px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  border:1px solid;
  font-size:17px;
  font-weight:600;
}
.btn_small {
  width:100px;
  height:32px;
  line-height:30px;
  font-size:14px;
}
.btn_icon {
  color:#1a1a1a;
  border:#1a1a1a 1px solid;
}
.btn_icon:after {
  content:"";
  display:block;
  width:20px;
  height:20px;
  background:#1a1a1a;
  mask:no-repeat 50% 50% / contain;
  -webkit-mask:no-repeat 50% 50% / contain;
}
.btn_icon.on {
  color:#fff;
  background:#1a1a1a;
}
.btn_icon.on:after {
  background:#fff;
}
.btn_card:after {
  mask-image:url("/images/btn_card.svg");
  -webkit-mask-image:url("/images/btn_card.svg");
}
.btn_bank:after {
  mask-image:url("/images/btn_bank.svg");
  -webkit-mask-image:url("/images/btn_bank.svg");
}
.btn_noissued:after {
  mask-image:url("/images/btn_noissued.svg");
  -webkit-mask-image:url("/images/btn_noissued.svg");
}
.btn_issued:after {
  mask-image:url("/images/btn_issued.svg");
  -webkit-mask-image:url("/images/btn_issued.svg");
}
.btn_logo:after {
  mask-image:url("/images/icon_logo.svg");
  -webkit-mask-image:url("/images/icon_logo.svg");
  width:28px;
}
.no_ico:after {
  display:none !important;
}

.btn_bwb {
  color:#1a1a1a !important;
  background:none;
  border-color:#1a1a1a !important;
}
.btn_wbb {
  color:#fff !important;
  background:#1a1a1a !important;
  border-color:#1a1a1a !important;
}
.btn_wyy {
  color:#fff !important;
  background:#c5a059 !important;
  border-color:#c5a059 !important;
}
.btn_kyy {
  color:#1a1a1a !important;
  background:#dbb465 !important;
  border-color:#dbb465 !important;
}
.btn_kakao {
  color:#191919 !important;
  background:#fee500 !important;
  border-color:#fee500 !important;
}
.btn_wkk {
  color:#fff !important;
  background:#1a1a1a !important;
  border-color:#1a1a1a !important;
}
.btn_wgg {
  color:#fff !important;
  background:#b6b4b0 !important;
  border-color:#b6b4b0 !important;
}
.btn_ktg {
  color:#4a4b4d !important;
  background-color:transparent !important;
  border-color:#e0dedc !important;
}
.btn_ktk {
  color:#1a1a1a !important;
  background-color:transparent !important;
  border-color:#1a1a1a !important;
}
.btn_kwg {
  color:#1a1a1a !important;
  background-color:#f8f6f0 !important;
  border-color:#e0dedc !important;
}
.btn_kwk {
  color:#1a1a1a !important;
  background-color:#fff !important;
  border-color:#1a1a1a !important;
}
.btn_wbrn {
  color:#fff !important;
  background:#2f2317 !important;
  border-color:#2f2317 !important;
}
.btn_wkk.btn_icon:after {
  background:#fff;
}
/* 하단 버튼 */
.btns_btm,
.btn_right {
  display:flex;
  gap:8px;
}
.btns_btm {
  margin-top:80px;
  justify-content:center;
}
.btn_right {
  margin-top:64px;
  justify-content:flex-end;
}
.btn_right .btn {
  width:70px;
}
/* 노치 */
body.ios_safe {
  --safe-top:env(safe-area-inset-top);
}
/* 컨텐츠 영역 */
body * {
  letter-spacing:-0.03em;
}
.container {
  margin-top:var(--safe-top);
  font-size:18px;
  color:#4a4b4d;
  line-height:1.65;
}
.h100vh {
  height:100vh;
}

/* header */
.header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:112px;
  z-index:110;
  transition:
    top 0.2s linear,
    background 0.2s linear;
}
.header.fixed {
  background:#fff;
  border-bottom:#c5a059 1px solid;
}
.header.main.fixed {
  background:#f8f6f0;
}
.header.main.down {
  top:-112px;
}
.header.main.head_up.up {
  top:-112px;
}
.header .logo,
.header .gnb_wrap {
  position:absolute;
  top:0;
  height:112px;
  display:flex;
}
.header .logo {
  left:64px;
  width:160px;
  justify-content:center;
  align-items:center;
  font-size:0;
  z-index:10;
  transition:none;
}
.header .gnb_wrap {
  right:64px;
  gap:64px;
}
.header .gnb {
  display:flex;
  justify-content:center;
  align-items:center;
}
.header .gnb > li {
  position:relative; height:100%;
}
.header .gnb > li > a {
  display:block;
  font-size:18px;
  color:#fff;
  font-weight:500;
  line-height:112px;
  padding:0 24px;
}
.header .gnb > li.on > a {
  color:#c5a059 !important;
}
.header .gnb > li .flip-link {height:100%; perspective:1000px; text-decoration:none;}
.header .gnb > li .flip-inner {position:relative; display:block; width:106px; height:100%; transition:transform .4s; transform-style:preserve-3d; white-space:nowrap;}
.header .gnb > li .flip-link .before,
.header .gnb > li .flip-link .after {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; backface-visibility:hidden;}
.header .gnb > li .flip-link .after {transform:rotateX(180deg);}

.header .gnb .snb {
  position:absolute;
  top:60px;
  left:50%;
  width:200px;
  transform:translateX(-50%);
  background:#fff;
  border-radius:8px;
  border:#c5a059 2px solid;
  box-shadow:rgba(0, 0, 0, 0.08) 0 4px 20px;
  padding:26px 0;
  opacity:0;
  pointer-events:none;
  user-select:none;
  transition:0.5s ease;
}
.header .gnb .snb a {
  display:block;
  font-size:18px;
  color:inherit;
  font-weight:500;
  line-height:40px;
  padding:0 20px;
  letter-spacing:-0.5px;
}
.header .gnb .snb a + a {
  margin-top:16px;
}
.header .gnb .snb li.on a {
  color:#c5a059;
  font-weight:600;
}
.header .right_menus {
  display:flex;
  align-items:center;
  gap:20px;
}
.header .member,
.header .btn_menu,
.header .logout {
  display:block;
  width:24px;
  height:24px;
  font-size:0;
}
.header .member {
  background:#fff;
  mask:url("/images/icon_member.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/icon_member.svg") no-repeat 50% 50% / contain;
}
.header .logout {
  background:#fff;
  mask:url("/images/btn_logout.svg") no-repeat 50% 50% / 85%;
  -webkit-mask:url("/images/btn_logout.svg") no-repeat 50% 50% / 85%;
}
.header .btn_menu {
  position:relative;
  z-index:10;
  transition:none;
}
.header .btn_menu span {
  position:absolute;
  top:50%;
  left:50%;
  width:22px;
  height:6px;
  margin-left:-11px;
  background:#fff;
  mask:url("/images/btn_menu.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/btn_menu.svg") no-repeat 50% 50% / contain;
  transition:0.2s linear;
}
.header .btn_menu .t {
  margin-top:-10px;
}
.header .btn_menu .m {
  margin-top:-3px;
}
.header .btn_menu .b {
  margin-top:4px;
}
.header.on .btn_menu span {
  height:2px;
  background:#fff;
  mask:none;
  -webkit-mask:none;
}
.header.on .btn_menu .t {
  margin-top:-1px;
  transform:rotate(135deg);
}
.header.on .btn_menu .m {
  width:0;
}
.header.on .btn_menu .b {
  margin-top:-1px;
  transform:rotate(-135deg);
}
.header.mode_black .logo,
.header.fixed .logo {
  background:#2f2317;
  mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
}
.header.mode_black .logo img,
.header.fixed .logo img {
  opacity:0;
}
.header.mode_black .gnb > li > a,
.header.fixed .gnb > li > a {
  color:#131416;
}
.header.mode_black .member,
.header.fixed .member,
.header.mode_black .logout,
.header.fixed .logout,
.header.mode_black .btn_menu span,
.header.fixed .btn_menu span {
  background:#131416;
}
.header.mode_black.on .btn_menu span,
.header.fixed.on .btn_menu span {
  background:#fff;
}
.header.on .logo {
  background:#fff;
  mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
}
.header.on .logo img {
  opacity:0;
}
.header .sitemap {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#130e09;
  padding-top:112px;
  display:none;
}
.header .sitemap .flex {
  height:calc(100vh - 112px);
  border-top:#53493e 1px solid;
}
.header .sitemap .bg_before_img {
  width:43%;
  padding:24px;
}
.header .sitemap .bg_before_img:before {
  background-image:url("/images/bg_sitemap.jpg");
}
.header .sitemap .menus {
  width:57%;
  border-left:#53493e 1px solid;
  display:flex;
  align-items:center;
}
.header .sitemap .menus .menu_list {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:60px;
  padding:0 40px;
  width:100%;
  max-height:calc(100vh - 112px);
  overflow:auto;
}
.header .sitemap .menus .menu_list > li {
  display:flex;
  gap:32px;
  flex:0 0 auto;
  overflow:hidden;
}
.header .sitemap .menus .menu_list > li > a {
  position:relative;
  font-size:40px;
  color:#fff;
  line-height:1;
  padding-left:24px;
  font-family:"Red Hat Display", "Pretendard", "Arial", sans-serif;
}
.header .sitemap .menus .menu_list > li > a:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3px;
  height:30px;
  background:#c5a059;
  transform:translateY(-50%);
  opacity:0;
  transition:0.2s linear;
}
.header .sitemap .menus .menu_list > li > a .after {display:none;}
.header .sitemap .menus li.on > a {
  color:#c5a059;
}
.header .sitemap .menus li.on > a:before {
  opacity:1;
}
.header .sitemap .menus .snb {
  display:flex;
  flex-wrap:wrap;
  gap:10px 40px;
}
.header .sitemap .menus .snb a {
  display:block;
  font-size:18px;
  color:#fff6;
  font-weight:500;
}
.header .sitemap .menus .snb a.on {
  color:#c5a059;
  text-decoration:underline;
}
/* footer */
.footer {
  position:relative;
  background:#1a1a1a;
  padding:64px 0;
  line-height:1.7;
  overflow:hidden;
}
/* .footer .gotop {
  position:absolute;
  bottom:calc(100% - 132px);
  right:120px;
  width:24px;
  aspect-ratio:13/35;
  transition:none;
  font-size:0;
  z-index:10;
}
.footer .gotop:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:url("/images/arrow_gotop.svg") no-repeat 50% 50% / contain;
}
.footer.unfixed .gotop {
  position:absolute;
  bottom:calc(100% - 132px);
} */
.footer .foot_menu {
  display:flex;
  gap:48px;
  padding-bottom:56px;
  margin-bottom:56px;
  border-bottom:#e0dedc1a 1px solid;
}
.footer .foot_menu > li > a {
  display:block;
  font-size:14px;
  color:#fff;
  font-weight:600;
}
.footer .foot_menu > li > a .after {display:none;}
.footer .foot_menu .snb {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:12px;
}
.footer .foot_menu .snb a {
  display:block;
  font-size:14px;
  color:#d5d3d1;
}
.footer .info {
  position:relative;
  padding-left:90px;
}
.footer .info:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:58px;
  aspect-ratio:58/42;
  background:#fff;
  mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
  opacity:0.4;
}
.footer .info .name {
  font-size:14px;
  color:#f8f6f0;
  font-weight:600;
}
.footer .info ul {
  display:flex;
  flex-wrap:wrap;
  gap:0 16px;
}
.footer .info li {
  font-size:14px;
  color:#d5d3d199;
  display:flex;
  gap:4px;
}
.footer .info li strong {
  color:#f8f6f0;
  font-weight:400;
}
.footer .info .copy {
  font-size:12px;
  color:#d5d3d133;
  margin-top:4px;
}
.footer .bg {
  position:absolute;
  bottom:0;
  right:0;
  height:auto;
  overflow:hidden; font-size:0;
}
.footer .bg p {
  font-size:200px;
  color:#f8f6f01a;
  line-height:0.9;
  font-family:"Raleway";
}
/* .footer.footer_start .bg {opacity:0.1;} */
.footer .bg svg {max-width:100%; height:auto;}
.footer .bg .motion path {stroke:#F8F6F0; stroke-width:1px; fill:none !important;}
.footer .bg .opacity {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out;}
.footer .bg .opacity path {fill:#fff;}
.footer .sns {position:absolute; top:64px; right:120px; display:flex; gap:16px;}
.footer .sns a {display:block; width:56px; height:56px; background:#ffffff1a no-repeat 50% 50% / contain; border-radius:50%; font-size:0;}
.footer .sns .sns01 a {background-image:url('/images/icon_sns01.svg');}
.footer .sns .sns02 a {background-image:url('/images/icon_sns02.svg');}

.quick_menu {position:fixed; top:50%; right:40px; width:80px; z-index:30; transform:translateY(-50%);}
.quick_menu ul {display:flex; flex-direction:column; align-items:center; gap:24px; background:#2F2317; border-radius:40px; padding:32px 0 12px;}
.quick_menu a {display:flex; flex-direction:column; align-items:center; gap:4px; font-size:15px; color:#fff; font-weight:500; line-height:26px;}
.quick_menu a:before {content:""; display:block; width:26px; height:26px; background:no-repeat 50% 50% / contain;}
.quick_menu .sns01 a:before {background-image:url('/images/icon_quick_sns01.svg');}
.quick_menu .sns02 a:before {background-image:url('/images/icon_quick_sns02.svg');}
.quick_menu .i1 a:before {background-image:url('/images/icon_qiuck_1.svg');}
.quick_menu .top .gotop {width:56px; height:56px; line-height:56px; text-align:center; font-size:14px; color:#F8F6F0; font-weight:600; background:#ffffff1a; border-radius:50%;}
/* .quick_menu .i1 a:before {
  background-image:url("/images/icon_qiuck01.svg");
}
.quick_menu .i2 a:before {
  background-image:url("/images/icon_qiuck02.svg");
}
.quick_menu .i3 a:before {
  background-image:url("/images/icon_qiuck03.svg");
} */
/* .footer.unfixed .quick_menu {
  position:absolute;
  bottom:calc(100% + 56px);
} */

/* main */
body.fp-viewing-mc01 .header .logo {
  background:#2f2317;
  mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
}
body.fp-viewing-mc01 .header .logo img {
  opacity:0;
}
body.fp-viewing-mc01 .header .gnb > li > a {
  color:#131416;
}
body.fp-viewing-mc01 .header .member,
body.fp-viewing-mc01 .header .btn_menu span {
  background:#131416;
}
.main_wrap {
  width:100%;
  overflow:hidden;
}
/* intro */
.intro_wrap {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index:999;
}
.intro_wrap .logo {
  position:absolute;
  top:50%;
  left:50%;
  width:100px;
  aspect-ratio:25/18;
  background:url("/images/logo.svg") no-repeat 50% 50% / contain;
  transform:translate(-50%, -50%);
}
.intro_wrap .side_bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.intro_wrap .side_bg:before,
.intro_wrap .side_bg:after {
  content:"";
  position:absolute;
  top:0;
  width:50%;
  height:100%;
  background:#2f2317;
  transition:width 0.8s ease-in-out;
}
.intro_wrap .side_bg:before {
  left:0;
}
.intro_wrap .side_bg:after {
  right:0;
}
.intro_wrap .btn_skip {
  position:absolute;
  bottom:32px;
  right:65px;
  font-size:17px;
  color:#e0dedc;
  font-weight:500;
  line-height:28px;
  padding-left:11px;
}
.intro_wrap .btn_skip:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:3px;
  height:3px;
  background:#e0dedc;
  border-radius:3px;
  transform:translateY(-50%);
}
.intro_wrap.start .side_bg:before,
.intro_wrap.start .side_bg:after {
  width:0;
}
/* mvisual */
.mvisual_wrap .main_video_wrap {
  position:relative;
  height:100vh;
}
.mvisual_wrap .main_video_wrap:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#0006;
  z-index:1;
}
.mvisual_wrap video {
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.mvisual_wrap .txt {
  position:absolute;
  bottom:0;
  left:0;
  padding:80px 132px;
  z-index:2;
}
.mvisual_wrap .txt h2 {
  font-size:128px;
  color:#f8f6f0;
  font-weight:300;
  line-height:1;
  letter-spacing:-0.02em;
}
.mvisual_wrap .txt p {
  font-size:22px;
  color:#f8f6f0;
  line-height:1.55;
  opacity:0.9;
  margin-top:32px;
}
.mvisual_wrap .mv_tit {position:relative; font-size:0;}
.mvisual_wrap .mv_tit svg {max-width:100%;}
.mvisual_wrap .mv_tit .motion path {stroke:#F8F6F0; stroke-width:1px; fill:none !important;}
.mvisual_wrap .mv_tit .opacity {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out;}
.mvisual_wrap .mv_tit .opacity path {fill:#fff;}
.mvisual_wrap .btn_scroll_down {
  position:absolute;
  bottom:0;
  right:80px;
  width:80px;
  font-size:14px;
  color:#fff;
  font-weight:500;
  line-height:1;
  padding-bottom:120px;
  text-align:center;
  z-index:3;
}
.mvisual_wrap .btn_scroll_down:before,
.mvisual_wrap .btn_scroll_down:after {content:""; position:absolute; left:50%; width:4px;}
.mvisual_wrap .btn_scroll_down:before {bottom:0; height:102px; background:#ffffff1a;}
.mvisual_wrap .btn_scroll_down:after {bottom:54px; height:40px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--Black-Scale-0, #FFF) 50%, rgba(255, 255, 255, 0.00) 100%); animation:btn_scroll_down 3s infinite;}
@keyframes btn_scroll_down {
	0% {bottom:54px;}
	50% {bottom:4px;}
	100% {bottom:54px;}
}
/* mc01 */
.mc01 {
  position:relative;
  height:100vh;
}
.mc01 .inbox {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background:url("/images/bg_copyright.svg") no-repeat 50% 50% / cover;
}
.mc01 .inbox:before,
.mc01 .inbox:after {
  content:"";
  position:absolute;
  background:#e0dedc;
}
.mc01 .inbox:before {
  top:460px;
  left:0;
  width:100%;
  height:1px;
}
.mc01 .inbox:after {
  top:0;
  right:17vw;
  width:1px;
  height:100%;
}
.mc01 .inbox .txt {
  padding:200px 120px 0;
  height:460px;
}
.mc01 .inbox .txt h2 {
  font-size:56px;
  color:#131416;
  line-height:1.25;
  font-weight:400;
}
.mc01 .inbox .txt p {
  font-size:20px;
  color:#1e2124;
  line-height:1.6;
  margin-top:24px;
}
.mc01 .inbox .img {
  position:relative;
  width:100%;
  height:calc(100% - 460px);
  display:flex;
  justify-content:flex-end;
  z-index:1;
}
.mc01 .inbox .img:before {
  content:"";
  position:absolute;
  top:0;
  right:17vw;
  width:1px;
  height:100%;
  background:#e0dedc33;
  z-index:1;
}
.mc01 .inbox .img .video {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  justify-content:flex-end;
  transition:width 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow:hidden;
  background:url("/images/bg_mc01.jpg") no-repeat right center / cover;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}
.mc01 .inbox .img video {
  position:absolute;
  top:0;
  right:0;
  width:100vw;
  height:100%;
  object-fit:cover;
  object-position:right;
}
.mc01 .inbox .img .after_txt {
  position:absolute;
  top:0;
  left:56%;
  height:100%;
  padding-right:17vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  /* opacity:0;
  transform:translateX(-50px);
  transition:1s linear; */
}
.mc01 .inbox .img .after_txt h3 {
  font-size:26px;
  color:#fff;
  font-weight:500;
  line-height:1.55;
  margin-bottom:24px;
}
.mc01 .inbox .img .after_txt p {
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
}
.mc01 .inbox .img .after_txt p + p {
  margin-top:12px;
}
.mc01.start .inbox .img .after_txt {
  opacity:1;
  transform:translateX(0);
}
/* mc02 */
.mc02 .inbox {
  width:100%;
  height:100vh;
  background:url("/images/bg_mc02.jpg") no-repeat 50% 50% / cover;
  /* opacity:0.3;
  transform:translateY(50px) scale(0.95);
  transition:1s; */
}
.mc02 .txt {
  height:100vh;
  padding-bottom:100px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
/* .mc02 h2,
.mc02 p {
  opacity:0;
  transform:translateY(50px);
  transition:1.2s;
} */
.mc02 h2 {
  font-size:26px;
  color:#fff;
  font-weight:500;
  line-height:1.55;
  /* transition-delay:1s; */
}
.mc02 p {
  color:#f8f6f0;
  margin-top:24px;
  text-shadow:#0000004d 0 2px 4px;
  /* transition-delay:1.3s; */
}
.mc02 p + p {
  margin-top:12px;
}
.mc02.start .inbox {
  opacity:1;
  transform:translateY(0) scale(1);
}
.mc02.start h2,
.mc02.start p {
  opacity:1;
  transform:translateY(0);
}
/* mc03 */
.mc03 {
  position:relative;
  background:linear-gradient(
    90deg,
    var(--CI-Color-Logo-Brown, #2f2317) 25%,
    #000 100%
  );
  overflow:hidden;
}
.mc03 .side_scroll {
  position:sticky;
  display:flex;
  height:100vh;
  padding-left:220px;
  width:100vw;
  left:0;
}
.mc03.start .side_scroll {
  position:fixed;
  top:0;
}
.mc03.end .side_scroll {
  position:absolute;
  bottom:0;
}
.mc03 section {
  position:relative;
  display:flex;
  gap:160px;
  flex:0 0 auto;
  overflow:hidden;
  padding-right:400px;
}
.mc03 section > * {
  flex:0 0 auto;
}
.mc03 .txt {
  position:relative;
  display:flex;
  flex-direction:column;
  padding-left:40px;
}
.mc03 .txt:before,
.mc03 .txt:after {
  content:"";
  position:absolute;
}
.mc03 .txt:before {
  bottom:0;
  left:4px;
  width:1px;
  background:#fff3;
  transform:translateY(-8px);
}
.mc03 .txt:after {
  bottom:0;
  left:0;
  width:8px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:#fff3;
}
.mc03 h3 {
  font-size:56px;
  color:#f8f6f0;
  line-height:1.25;
  font-weight:400;
}
.mc03 p {
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
}
.mc03 .imgs {
  display:flex;
  align-items:flex-end;
  gap:32px;
}
.mc03 .imgs li {
  max-height:100vh;
}
.mc03 .imgs img {
  max-height:100%;
}
.mc03 .box1 .txt {
  padding-bottom:120px;
  justify-content:flex-end;
}
.mc03 .box1 .txt:before {
  bottom:120px;
  height:calc(100% - 128px);
}
.mc03 .box1 .txt:after {
  bottom:120px;
}
.mc03 .box1 .imgs li.i1 {
  aspect-ratio:728/842;
}
.mc03 .box1 .imgs li.i2 {
  padding-bottom:100px;
}
.mc03 .box2 .txt {
  position:absolute;
  top:136px;
  left:0;
}
.mc03 .box2 .txt:before {
  height:426px;
}
.mc03 .box2 .imgs li.i2 {
  padding-bottom:180px;
}
.mc03 .box2 .imgs li.i3 {
  padding-bottom:56px;
}
.mc03 .box3 .txt {
  justify-content:center;
  padding-top:40px;
}
.mc03 .box3 .txt:before {
  bottom:calc(50% - 145px);
  height:calc(50% + 145px);
}
.mc03 .box3 .txt:after {
  bottom:calc(50% - 145px);
}
.mc03 .box3 .imgs li.i2 {
  padding-bottom:80px;
}
.mc03 .ani_scale {
  opacity:0.5;
  transform:translateX(50px) scale(0.5);
  transition:0.5s ease;
}
.mc03 .ani_scale.on {
  opacity:1;
  transform:translateX(0) scale(1);
}
/* main_sticky */
.main_sticky.fp-completely {
  background:#fff;
}
.main_sticky {
  height:100vh;
  background:no-repeat 50% 50% / cover;
}
.main_sticky .inner {
  position:relative;
  z-index:1;
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.main_sticky span {
  display:block;
  font-size:14px;
  color:#c5a059;
  font-weight:600;
  line-height:1.7;
}
.main_sticky h2 {
  font-size:32px;
  color:#f8f6f0;
  font-weight:500;
  line-height:1.5;
  margin:12px 0 40px;
}
.main_sticky p {
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
}
.main_sticky p + p {
  margin-top:12px;
}
.main_sticky .icon_tags {
  margin-top:40px;
  flex-wrap:wrap;
}
.mc04 {
  background-image:url("/images/bg_mc04.jpg");
}
.mc05 {
  background-image:url("/images/bg_mc05.jpg");
}
.mc06 {
  background-image:url("/images/bg_mc06.jpg");
}
.mc07 {
  background-image:url("/images/bg_mc07.jpg");
}
.mc05:before,
.mc06:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.mc05:before {
  background:linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.64) 80%
  );
}
.mc06:before {
  background:linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 80%
  );
}

body.in-sticky-zone .section[data-anchor="mc04"] .fp-tableCell,
body.in-sticky-zone .section[data-anchor="mc05"] .fp-tableCell,
body.in-sticky-zone .section[data-anchor="mc06"] .fp-tableCell,
body.in-sticky-zone .section[data-anchor="mc07"] .fp-tableCell {
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change:transform;
  display:flex;
  align-items:center;
}

body.scroll_down.in-sticky-zone .section[data-anchor="mc04"] .fp-tableCell,
body.scroll_down.in-sticky-zone .section[data-anchor="mc05"] .fp-tableCell,
body.scroll_down.in-sticky-zone .section[data-anchor="mc06"] .fp-tableCell,
body.scroll_down.in-sticky-zone .section[data-anchor="mc07"] .fp-tableCell {
  transform:translateY(100vh);
}
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc04"].active
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc05"].active
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc06"].active
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc07"].active
  .fp-tableCell {
  transform:translateY(0) !important;
}
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc04"].fp-completely
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc05"].fp-completely
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc06"].fp-completely
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="mc07"].fp-completely
  .fp-tableCell {
  position:relative;
  transform:translateY(0);
  opacity:1;
}
body.scroll_down.fp-viewing-mc06 .reservation04,
body.scroll_down.fp-viewing-mc07 .reservation05,
body.scroll_down.fp-viewing-mc08 .reservation06 {
  opacity:0;
}
body[class*="fp-viewing-m"] .section.scale-down .fp-tableCell {
  transform:translateY(100vh) scale(0.95) !important;
  opacity:0;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

body[class*="fp-viewing-m"].scroll_up .section .fp-tableCell {
  transform:translateY(0) scale(1) !important;
  opacity:1;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
body.scroll_up.fp-viewing-mc05 .mc04 .fp-tableCell,
body.scroll_up.fp-viewing-mc06 .mc04 .fp-tableCell,
body.scroll_up.fp-viewing-mc06 .mc05 .fp-tableCell,
body.scroll_up.fp-viewing-mc07 .mc04 .fp-tableCell,
body.scroll_up.fp-viewing-mc07 .mc05 .fp-tableCell,
body.scroll_up.fp-viewing-mc07 .mc06 .fp-tableCell,
body.scroll_up.fp-viewing-mc08 .mc04 .fp-tableCell,
body.scroll_up.fp-viewing-mc08 .mc05 .fp-tableCell,
body.scroll_up.fp-viewing-mc08 .mc06 .fp-tableCell {
  transform:translateY(100vh) scale(0.95) !important;
  opacity:0 !important;
  transition:none;
}
body[class*="fp-viewing-m"] .section.scale-up .fp-tableCell {
  transform:translateY(100vh) scale(0.95) !important;
  opacity:0;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s !important;
}
body[class*="fp-viewing-m"].scroll_up .section.scale-up.active .fp-tableCell {
  transform:translateY(0) scale(1) !important;
  opacity:1;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s !important;
}

/* body.scroll_up .mc07.active .fp-tableCell {
  background-image:none;
} */
body.scroll_up .mc07.fp-completely .fp-tableCell {
  background-image:url("/images/bg_mc07.jpg");
}
/* mc08 */
.mc08 {
  position:relative;
  text-align:center;
}
.mc08 .fp-tableCell {
  display:block;
  height:100vh !important;
  vertical-align:top;
}
.mc08 .scroll {
  position:relative;
  height:400vh;
  will-change:transform;
}
.mc08 .bg {
  position:absolute;
  top:0;
  left:50%;
  width:100vw;
  height:100vh;
  background:url("/images/bg_mc07.jpg") no-repeat 50% 50% / cover;
  transform:translate(-50%, -100vh);
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change:transform;
}
.mc08 .txt {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index:10;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  transform:translateY(25vh);
}
.mc08 h2 {
  font-size:80px;
  color:#131416;
  font-weight:400;
  line-height:1;
  transition:0.5s linear;
}
.mc08 p {
  font-size:20px;
  color:#1e2124;
  line-height:1.6;
  margin-top:24px;
}
.mc08 .btn {
  margin:0 auto;
  opacity:0;
  pointer-events:none;
}
/* body.fp-viewing-mc08 .mc07 .fp-tableCell {
  background:#fff;
} */
body.scroll_down.fp-viewing-mc07 .mc07.active + .mc08 .bg {
  transition:none;
  opacity:0;
}
body.scroll_down.fp-viewing-mc07 .mc07.fp-completely + .mc08 .bg {
  transition:none;
  opacity:1;
}
body.fp-viewing-mc08 .mc08 .bg {
  transform:translate(-50%, -60vh);
  width:620px;
  background-size:auto 100%;
  opacity:1;
}
body.fp-viewing-mc08 .mc08.fp-completely .bg {
  transition:
    transform 0.2s linear,
    width 0.2s linear,
    opacity 0.2s linear;
}
.mc08 .img_area {
  position:relative;
  height:inherit;
}
.mc08 .img_area li {
  position:absolute;
}
.mc08 .img_area figure {
  width:100%;
  height:100%;
}
.mc08 .img_area img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.mc08 .img_area li.i01 {
  top:20%;
  left:0;
}
.mc08 .img_area li.i02 {
  top:18%;
  right:0;
}
.mc08 .img_area li.i03 {
  top:26%;
  left:50%;
}
.mc08 .img_area li.i04 {
  top:41%;
  left:30%;
}
.mc08 .img_area li.i05 {
  top:48%;
  left:3%;
}
.mc08 .img_area li.i06 {
  top:42%;
  right:2%;
}
.mc08 .img_area li.i07 {
  top:59%;
  left:45%;
}
.mc08 .img_area li.i08 {
  top:72%;
  left:25%;
}
.mc08 .img_area li.i09 {
  top:65%;
  right:0;
}
.mc08 .img_area li.i10 {
  top:81%;
  left:0;
}
.mc08 .img_area li.i11 {
  top:85%;
  left:45%;
}
.mc08 .img_area li.i12 {
  bottom:-120px;
  left:50%;
  width:300px;
  height:400px;
  transform:translateX(-50%);
}
.mc08 .img_area li.i12 figure {
  transform:none !important;
}
.mc08 .img_area li.i12 img {
  object-position:35%;
}
.mc08.start .txt h2 {
  font-size:56px;
}
.mc08.start .btn {
  opacity:1;
  margin-top:80px;
  pointer-events:auto;
}
.mc08.end .img_area li.i12 {
  opacity:0;
}
/* mc09 */
.mc09 {
  position:relative;
  z-index:8 !important;
}
.fp-viewing-mc09.scroll_up .mc09,
.fp-viewing-mainFooter .mc09 {
  z-index:10 !important;
}
.mc09 .bg {
  position:absolute;
  bottom:0;
  left:50%;
  /* width:300px;
  height:400px; */
  width:100%;
  height:100vh;
  background:url("/images/bg_mc09.jpg") no-repeat 35% 50% / cover;
  transform:translate(-50%, 0);
  opacity:1;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    height 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change:transform;
}
.mc08.end + .mc09 .bg {
  opacity:1;
}
.mc09.active .bg,
.fp-viewing-mainFooter .mc09 .bg,
.mc09.fp-completely .bg {
  width:100%;
  height:100vh;
  transform:translate(-50%, 0);
  opacity:1;
}
/* .fp-viewing-mc08 .mc09 .bg {
  width:300px;
  height:400px;
  transform:translate(-50%, -100vh);
} */
.mc09 .inbox {
  position:relative;
  display:flex;
  height:100vh;
  z-index:1;
}
.mc09 .tit {
  width:52%;
  padding-top:120px;
  display:flex;
  align-items:flex-end;
}
.mc09 h2 {
  font-size:56px;
  color:#fff;
  font-weight:400;
  line-height:1.25;
  padding-bottom:64px;
}
.mc09 .txt_area {
  width:48%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.mc09 .txt_area .boack_box {
  position:relative;
  background:#00000080;
  padding:120px 140px;
}
.mc09 .txt_area .boack_box:before,
.mc09 .txt_area .boack_box:after {
  content:"";
  position:absolute;
  background:#e0dedc66;
}
.mc09 .txt_area .boack_box:before {
  bottom:0;
  left:0;
  width:1px;
  height:100vh;
}
.mc09 .txt_area .boack_box:after {
  top:0;
  right:0;
  width:100vw;
  height:1px;
}
.mc09 .txt_area h3 {
  font-size:32px;
  color:#f8f6f0;
  font-weight:500;
  line-height:1.5;
  margin-bottom:24px;
}
.mc09 .txt_area p {
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
}
.mc09 .txt_area p + p {
  margin-top:12px;
}
.mc09 .txt_area .btn {
  margin-top:80px;
}

/* sub */
.svisual {
  position:relative;
  width:100%;
  height:500px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:16px;
  z-index:1;
  overflow:hidden;
}
.svisual:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; z-index:-1; opacity:0; transform:translateY(50px) scale(1.2); transition:.6s linear; /* animation:svisual_start .6s linear forwards; */}
.svisual strong,
.svisual p {position:relative; display:block; opacity:0; transform:scaleX(1.2); filter:blur(0.4vw); will-change:filter; transition:.6s linear; /* animation:svisual_start_in .6s linear forwards; */}
.svisual strong {
  font-size:100px;
  color:#fff;
  line-height:1;
  font-weight:400;
  letter-spacing:8px;
}
.svisual p {
  font-size:20px;
  color:#d5d3d1;
  letter-spacing:3px;
}
.svisual.start:before  {opacity:1; transform:translateY(0) scale(1);}
.svisual.start strong,
.svisual.start p {opacity:1; transform:scaleX(1); letter-spacing:1px; filter:blur(0); will-change:filter;}
/*@keyframes svisual_start {
	0% {opacity:0; transform:translateY(50px) scale(1.2);}
	100% {opacity:1; transform:translateY(0) scale(1);}
}
@keyframes svisual_start_in {
	0% {opacity:0; transform:scaleX(1.2); letter-spacing:0.3em; filter:blur(0.4vw); will-change:filter;}
	100% {opacity:1; transform:scaleX(1); letter-spacing:1px; filter:blur(0); will-change:filter;}
}*/

.svisual.g01:before {
  background-image:url("/images/svisual01.jpg");
}
.svisual.g03:before {
  background-image:url("/images/svisual03.jpg");
}
.svisual.g04:before {
  background-image:url("/images/svisual04.jpg");
}
.svisual.g05:before {
  background-image:url("/images/svisual05.jpg");
}
.svisual.g06:before {
  background-image:url("/images/svisual06.jpg");
}
.svisual.g07:before {
  background-image:url("/images/svisual07.jpg");
}
.svisual .sub_menu {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:#0006;
}
.svisual .sub_menu .sub_btn {
  display:none;
}
.svisual .sub_menu ul {
  display:flex;
}
.svisual .sub_menu li {
  flex:1 1 calc(100% / 7);
}
.svisual .sub_menu a {
  display:block;
  font-size:18px;
  color:#fff;
  font-weight:500;
  line-height:70px;
  text-align:center;
  font-family:"Pretendard";
}
.svisual .sub_menu .on a {
  font-weight:600;
  background:#000;
}
.sub_wrap {
  padding:100px 0;
  background:#f8f6f0 url("/images/bg_sub_wrap.png") no-repeat 100% 0;
}
.sub_title {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-bottom:64px;
}
.sub_title .e_name {
  font-size:64px;
  color:#131416;
  line-height:1.25;
}
.sub_title h1,
.sub_title .page_name {
  font-size:20px;
  line-height:1.6;
  font-weight:400;
}
.stit {
  font-size:64px;
  color:#fff;
  line-height:1.25;
  margin-bottom:8px;
}
/* 게시판 상단 */
.board_top {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding-bottom:41px;
  margin-bottom:40px;
}
.board_top.aic {
  align-items:center;
}
.board_top:after {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:100vw;
  height:1px;
  background:#e0dedc;
  transform:translateX(-50%);
}
.board_top .total {
  font-size:16px;
  color:#131416;
}
.board_top .search_area {
  display:flex;
  background:#f8f6f0;
  border:#c1bdba 1px solid;
  border-radius:4px;
  font-size:17px;
}
.board_top .search_area .text {
  border:0;
  background-color:transparent;
  height:52px;
}
.board_top .search_area select {
  width:140px;
  padding:0 20px;
}
.board_top .search_area input {
  width:350px;
}
.board_top .search_area .btn_search {
  width:60px;
  height:52px;
  background:url("/images/btn_search.svg") no-repeat 50% 50%;
  font-size:0;
}
.board_top.nbd_b {
  margin-bottom:24px;
  padding-bottom:0;
}
.board_top.nbd_b:after {
  display:none;
}
.board_top .right {
  gap:8px;
}
.board_top .right select.solo {
  width:132px;
  font-size:16px;
}
.board_top .right select.category_select {
  width:168px;
}
/* 게시판 하단 */
.board_bottom .paging {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:64px;
}
.board_bottom .paging a {
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-size:17px;
  color:#7a7c7f;
  border-radius:2px;
  font-weight:500;
}
.board_bottom .paging a.on {
  background:#2f2317;
  color:#fff;
  font-weight:600;
}
.board_bottom .paging .arrow {
  font-size:0;
  background:no-repeat 50% 50% !important;
}
.board_bottom .paging .two {
  background-image:url("/images/page_two.svg") !important;
}
.board_bottom .paging .one {
  background-image:url("/images/page_one.svg") !important;
}
.board_bottom .paging .prev {
  margin-right:8px;
}
.board_bottom .paging .next {
  margin-left:8px;
}
.board_bottom .paging .next,
.board_bottom .paging .last {
  transform:scaleX(-1);
}
/* 게시판 상세 */
.board_view_wrap .inner {}
.board_view_wrap .view_head {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:40px 0;
  border-top:#2f2317 1px solid;
  border-bottom:#e0dedc 1px solid;
}
.board_view_wrap .view_head.tal {
  align-items:flex-start;
}
.board_view_wrap .view_head .notice {
  font-size:14px;
  color:#fff;
  font-weight:500;
  font-family:"Raleway";
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  width:100px;
  height:36px;
  line-height:36px;
  background:#c5a059;
  border-radius:4px;
}
.board_view_wrap .view_head .notice:before {
  content:"";
  display:block;
  width:13px;
  aspect-ratio:13/15;
  background:url("/images/icon_notice.svg") no-repeat 50% 50% / contain;
}
.board_view_wrap .view_head h1 {
  font-size:32px;
  color:#1e2124;
  font-weight:500;
  line-height:1.5;
  margin:16px 0 12px;
  word-break:break-word;
}
.board_view_wrap .view_head .date {
  display:flex;
  gap:8px;
  font-size:14px;
  color:#7a7c7f;
  font-weight:500;
}
.board_view_wrap .con_area {
  padding:64px 0;
  max-width:1360px;
  margin:0 auto;
  word-break:break-word;
}
.board_view_wrap .con {
  padding-bottom:64px;
}
.board_view_wrap .con .text-tiny {
  font-size:0.7em;
}
.board_view_wrap .con .text-small {
  font-size:0.85em;
}
.board_view_wrap .con .text-big {
  font-size:1.4em;
}
.board_view_wrap .con .text-huge {
  font-size:1.8em;
}
.board_view_wrap .con img {
  height:auto !important;
}
.board_view_wrap .con iframe {
  display:block;
  width:100%;
  max-width:100%;
  aspect-ratio:16 / 9;
  height:auto;
}
.file_area {
  background:#eeeae2;
  padding:16px 32px;
  display:flex;
}
.file_area dt {
  width:86px;
  font-size:16px;
  color:#2f2317;
  font-weight:500;
}
.file_area dd {
  width:calc(100% - 86px);
}
.file_area dd a {
  position:relative;
  display:block;
  font-size:16px;
  color:#4a4b4d;
  line-height:26px;
  padding-right:80px;
}
.file_area dd .btn_download {
  position:absolute;
  top:0;
  right:0;
  font-size:14px;
  font-weight:500;
  padding-right:24px;
  background:url("/images/btn_download.svg") no-repeat 100% 50%;
}
.view_btm {
  position:relative;
  border-top:#e0dedc 1px solid;
  padding-top:80px;
}
.view_btm .flex {
  position:relative;
  max-width:1080px;
  margin:0 auto;
}
.view_btm .arrow {
  position:absolute;
  bottom:0;
  width:calc(50% - 120px);
  display:block;
  font-size:16px;
  color:#7a7c7f;
}
.view_btm .arrow:before {
  content:"";
  position:absolute;
  top:6px;
  width:40px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:#eeeae2;
  opacity:0;
  transition:0.2s linear;
}
.view_btm .arrow:after {
  content:"";
  position:absolute;
  top:0;
  width:70px;
  height:26px;
  background:url("/images/arrow_page.svg") no-repeat 50% 50% / contain;
  pointer-events:auto;
}
.view_btm .arrow span {
  display:block;
  font-size:17px;
  color:#2f2317;
}
.view_btm .arrow p {
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.view_btm .prev {
  left:0;
}
.view_btm .prev:before {
  left:-136px;
}
.view_btm .prev:after {
  left:-118px;
}
.view_btm .next {
  right:0;
  text-align:right;
}
.view_btm .next:before {
  right:-136px;
}
.view_btm .next:after {
  right:-118px;
  transform:scaleX(-1);
}
.view_btm .btn_list {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-size:17px;
  color:#fff;
  font-weight:500;
  line-height:54px;
  height:54px;
  width:200px;
  border-radius:4px;
  margin:0 auto;
  background:#1a1a1a;
}
.view_btm .btn_list:after {
  content:"";
  display:block;
  width:28px;
  height:10px;
  background:url("/images/icon_logo.svg") no-repeat 50% 50% / contain;
}
/* check */
.check input {
  display:none;
}
.check label {
  position:relative;
  padding-left:28px;
  line-height:26px;
  display:block;
}
.check i {
  position:absolute;
  top:3px;
  left:0;
  width:20px;
  height:20px;
  border-radius:2px;
  background:#eeeae2;
  transition:0.2s linear;
}
.check i:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url("/images/icon_check.svg") no-repeat 50% 50%;
  opacity:0;
  transition:0.2s linear;
}
.check input:checked + label i {
  background:#2f2317;
}
.check input:checked + label i:before {
  opacity:1;
}
.check input[type="radio"] + label i,
.check.radio i {
  border-radius:50%;
}
.check_area {
  border:#c1bdba 1px solid;
  border-radius:4px;
  padding:20px;
  display:flex;
  justify-content:space-between;
}
.check_area .btn_pop {
  font-size:14px;
  color:#4a4b4d;
  font-weight:500;
  padding-right:24px;
  background:url("/images/arrow_link.svg") no-repeat 100% 50%;
}
/* 팝업 */
.popup,
.popup .dm {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.popup {
  z-index:101;
  font-size:16px;
  color:#4a4b4d;
  display:none;
}
.popup .dm {
  background:#0009;
}
.popup .inbox {
  position:absolute;
  top:50%;
  left:50%;
  width:600px;
  max-width:calc(100vw - 40px);
  max-height:calc(100vh - 40px);
  background:#fff;
  border-radius:4px;
  padding:40px;
  transform:translate(-50%, -50%);
}
.popup .btn_close {
  position:absolute;
  top:40px;
  right:40px;
  width:34px;
  height:34px;
  background:url("/images/btn_close.svg") no-repeat 50% 50%;
  font-size:0;
}
.popup .tit {
  font-size:26px;
  color:#131416;
  font-weight:500;
  line-height:40px;
  margin-bottom:24px;
  padding-bottom:24px;
  border-bottom:#e0dedc 1px solid;
}
.popup .scroll {
  max-height:calc(100vh - 208px);
  overflow:auto;
}
.popup ol {
  list-style:number;
  padding-left:20px;
}
/* 탭 */
.tabs {
  display:flex;
  margin-bottom:80px;
}
.tabs li {
  width:50%;
  border:transparent 1px solid;
  border-bottom-color:#1a1a1a;
  border-radius:0;
}
.tabs li a {
  display:block;
  font-size:18px;
  color:#7a7c7f;
  font-weight:500;
  line-height:54px;
  text-align:center;
}
.tabs li.on {
  border-color:#1a1a1a;
  border-bottom-color:transparent;
}
.tabs li.on a {
  color:#222;
}
.tabs_under {
  position:relative;
  display:flex;
  gap:24px;
}
.tabs_under.line:before {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:100vw;
  height:100%;
  background:#f8f6f0;
  border-bottom:#e0dedc 1px solid;
  transform:translateX(-50%);
}
.tabs_under.mb {
  margin-bottom:80px;
}
.tabs_under li a {
  position:relative;
  display:block;
  font-size:17px;
  color:#7a7c7f;
  line-height:44px;
}
.tabs_under li a:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:#1e2124;
  opacity:0;
}
.tabs_under li.on a {
  color:#1e2124;
  font-weight:600;
}
.tabs_under li.on a:after {
  opacity:1;
}
/* 테이블 */
.tbl {
  border-top:#53493e 1px solid;
  text-align:center;
}
.tbl thead th {
  font-size:16px;
  color:#4a4b4d;
  font-weight:500;
  line-height:50px;
  border-bottom:#c1bdba 1px solid;
  background:#eeeae266;
}
.tbl tbody td {
  font-size:15px;
  color:#1e2124;
  line-height:66px;
  border-bottom:#e0dedc 1px solid;
}
.tbl td a {
  display:inline-block;
  vertical-align:top;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tbl col.no {
  width:80px;
}
.tbl col.category {
  width:180px;
}
.tbl col.state {
  width:100px;
}
.tbl col.date {
  width:104px;
}
.tbl col.w240 {
  width:20.798%;
}
.tbl .state i {
  display:block;
  font-size:12px;
  color:#fff;
  font-weight:600;
  line-height:20px;
  height:20px;
  width:60px;
  text-align:center;
  border-radius:2px;
  margin:0 auto;
}
.tbl .state.ing i {
  background:#a01818;
}
.tbl .state.end i {
  background:#589418;
}
.tbl .slim {
  font-size:14px;
  margin-top:8px;
}
.tbl.tbl_row th,
.tbl.tbl_row td {
  padding:13px 0 13px 24px;
  line-height:28px;
  text-align:left;
}
.tbl.tbl_row th {
  font-size:17px;
  color:#1e2124;
  font-weight:500;
  border-bottom:#e0dedc 1px solid;
  width:200px;
}
.tbl.tbl_row td {
  font-size:16px;
  color:#4a4b4d;
}
.tbl.tbl_row td .wbox {
  width:100%;
  max-width:480px;
}
.tbl.tbl_row td .inbtn .txt_size {
  width:calc(100% - 130px);
  max-width:350px;
}
.tbl.input_tbl th,
.tbl.input_tbl td {
  height:86px;
}
.tbl .btns {
  display:flex;
  gap:12px;
}
.tbl .btns .btn {
  max-width:calc(50% - 6px);
}
p.comment {
  display:block;
  font-size:14px;
  font-weight:400;
  line-height:1.7;
  margin-top:8px;
}
.tbl.th_long th {
  width:320px;
}
/* 상태 */
.state {
  font-size:12px;
  color:#fff;
  font-weight:600;
  line-height:20px;
  height:20px;
  width:60px;
  border-radius:2px;
  text-align:center;
  margin-bottom:8px;
}
.state.c1 {
  background:#1848a0 !important;
} /* 승인 */
.state.c2 {
  background:#589418 !important;
} /* 예약완료, 답변완료 */
.state.c3 {
  background:#c5a059 !important;
} /* 예약확정 */
.state.c4 {
  background:#a01818 !important;
} /* 환불요청중, 답변대기 */
.state.c5 {
  background:#a018181a !important;
  color:#a01818 !important;
} /* 환불완료 */
.state.c6 {
  background:#eeeae2 !important;
  color:#7a7c7f !important;
} /* 이용완료 */
/* 따옴표 */
.dda_txt {
  position:relative;
}
.dda_txt:before,
.dda_txt:after {
  content:"";
  position:absolute;
  top:0;
  width:28px;
  aspect-ratio:7/6;
  background:url("/images/icon_dda_w.svg") no-repeat 50% 50% / contain;
}
.dda_txt:before {
  left:-52px;
}
.dda_txt:after {
  right:-52px;
  transform:rotate(180deg);
}
/* 달력 */
input.datepicker {
  background:url("/images/icon_datepicker.svg") no-repeat right 20px center;
}
.ui-datepicker {
  width:300px;
  margin-top:-1px;
  background:#f8f6f0;
  border-radius:17px;
  padding:20px;
  border:#c1bdbacc 1px solid;
  display:none;
}
.ui-datepicker-header {
  position:relative;
  overflow:hidden;
}
.ui-datepicker-title {
  text-align:center;
  font-size:18px;
  color:#131416;
  font-weight:700;
  line-height:40px;
  width:100%;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  position:absolute;
  top:0;
  height:40px;
  line-height:40px;
  width:40px;
  text-align:center;
}
.ui-datepicker-prev {
  left:0;
}
.ui-datepicker-next {
  right:0;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  display:block;
  width:20px;
  height:20px;
  background:url("/images/arrow_more.svg") no-repeat 50% 50% / contain;
  font-size:0;
  margin:10px auto;
  cursor:pointer;
}
.ui-datepicker-prev .ui-icon {
  transform:scaleX(-1);
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  text-align:center;
  line-height:30px;
}
.ui-datepicker-calendar th:first-child {
  color:#d43333;
}
.ui-datepicker-calendar th:last-child {
  color:#5c7d0c;
}
.ui-datepicker-calendar td a {
  display:block;
}
.ui-datepicker-calendar td:first-child a {
  color:#d43333;
}
.ui-datepicker-calendar td:last-child a {
  color:#5c7d0c;
}
/* textarea높이 */
textarea.h160 {
  height:160px;
}
/* 결제-총금액 - pay_area */
.pay_area {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:#e0dedc 1px solid;
}
.pay_area dd {
  font-size:16px;
  color:#7a7c7f;
}
.pay_area strong {
  color:#131416;
  font-weight:400;
  font-family:"NexonLv1Gothic";
  margin:0 4px 0 16px;
}
/* 태그 - icon_tags */
.icon_tags {
  display:flex;
  gap:8px;
}
.tbl td .icon_tags {
  flex-wrap:wrap;
}
.icon_tags li {
  font-size:14px;
  color:#f8f6f0e6;
  font-weight:600;
  line-height:1.7;
  padding:0 16px;
  background:#ffffff14;
  border:#ffffff1a 1px solid;
  border-radius:2px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  backdrop-filter:blur(50px);
}
.icon_tags li:before {
  content:"";
  display:block;
  width:6px;
  height:11px;
  background:#fff6;
  mask:url("/images/icon_copyright.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/icon_copyright.svg") no-repeat 50% 50% / contain;
}

.journey_list .icon_tags li,
.order_view_area .icon_tags li {color:#4A4B4D; background:#EEEAE2; border-color:#E0DEDC; line-height:30px; height:32px;}
.journey_list .icon_tags li:before,
.order_view_area .icon_tags li:before {background:#4A4B4D;}
/* 슬라이드 내비 */
.slide_navi {
  display:flex;
  gap:16px;
  margin-top:80px;
}
.slide_navi .arrow {
  width:54px;
  height:54px;
  border:#c5bbaf 1px solid;
  border-radius:4px;
  overflow:hidden;
  font-size:0;
}
.slide_navi .arrow:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#c5bbaf;
  mask:url("/images/arrow_navi.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/arrow_navi.svg") no-repeat 50% 50% / contain;
  transition:0.2s linear;
}
.slide_navi .next:before {
  transform:scaleX(-1);
}

/* THE BUNKER */
/* 브랜드 스토리 */
.brandstory01 {
  position:relative;
  height:200vh;
  z-index:3;
  margin-top:-100px;
}
.brandstory01 .inbox {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.brandstory01.start .inbox {
  position:fixed;
}
.brandstory01 .flex_center {
  padding:36px 0;
  border-bottom:#e0dedc 1px solid;
  gap:56px;
  font-size:80px;
  color:#131416;
  line-height:120px;
  opacity:0.2;
  transition:0.2s linear;
}
.brandstory01 .flex_center:first-child {
  border-top:#e0dedc 1px solid;
}
.brandstory01.start .flex_center {
  opacity:1;
}
.brandstory01 span {
  width:0;
  height:120px;
  background:no-repeat 50% 0 / cover;
  transition:0.3s;
}
.brandstory01 .txt2,
.brandstory01 .img2 {
  transition-delay:0.1s;
}
.brandstory01 .txt3,
.brandstory01 .img3 {
  transition-delay:0.2s;
}
.brandstory01 .img1 {
  background-image:url("/images/img_brandstory01_01.jpg");
}
.brandstory01 .img2 {
  background-image:url("/images/img_brandstory01_02.jpg");
}
.brandstory01 .img3 {
  background-image:url("/images/img_brandstory01_03.jpg");
  background-size:auto 200%;
  background-position:50% 65%;
}
.brandstory01 .after_img {
  position:fixed;
  z-index:10;
  opacity:0;
  max-width:100vw;
  max-height:100vh;
  pointer-events:none;
  will-change:transform, top, left, width, height, opacity, background-size;
  background:url("/images/img_brandstory01_03.jpg") no-repeat 50% 0% / cover;
  transition:0.2s linear;
  display:none !important;
}
.brandstory01.img_show span {
  width:320px;
}
.brandstory01.end .after_img {
  position:fixed;
  top:50%;
  left:50%;
  width:100%;
  height:100vh;
  transform:translate(-50%, -50%);
  transition:none;
  background-position:70% 50%;
}
.brandstory01.end_set1 .after_img {
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-position:70% 50%;
  transition:
    width 0.4s ease-out,
    height 0.4s ease-out,
    left 0.4s ease-out,
    transform 0.4s ease-out;
}
.brandstory01.end_set2 .after_img {
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-position:70% 50%;
  transition:none;
}
.brandstory01.end_set3 .after_img {
  top:0;
  left:0;
  transform:translate(0, 0);
  background-position:70% 50%;
  transition:width 0.5s;
}
.brandstory01.end_set4 .after_img {
  top:0;
  left:0;
  transform:translate(0, 0);
  background-position:70% 50%;
  transition:
    width 0.4s ease-out,
    height 0.4s ease-out,
    left 0.4s ease-out,
    transform 0.4s ease-out;
}
.brandstory_sticky {
  position:sticky;
  position:-webkit-sticky;
  top:0;
  width:100%;
  background:#f8f6f0;
}
.brandstory_sticky .flex {
  height:100vh;
  display:flex;
  align-items:center;
  gap:120px;
  padding-right:120px;
}
.brandstory_sticky .img {
  width:46vw;
  height:100vh;
  background:no-repeat 50% 50% / cover;
}
.brandstory_sticky .txt {
  position:relative;
  width:calc(100% - 46vw - 120px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.brandstory_sticky .num {
  position:absolute;
  top:0;
  right:0;
  font-size:200px;
  color:transparent;
  line-height:1;
  letter-spacing:-6px;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#2f2317;
  font-family:"NexonLv1Gothic";
  opacity:0.1;
}
.brandstory_sticky .chapter {
  font-size:14px;
  color:#fff;
  font-weight:600;
  line-height:32px;
  background:#2f2317;
  border-radius:2px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:8px;
}
.brandstory_sticky .chapter:before {
  content:"";
  display:block;
  width:6px;
  height:11px;
  background:url("/images/icon_copyright.svg") no-repeat 50% 50% / contain;
}
.brandstory_sticky .tit {
  font-size:32px;
  color:#131416;
  font-weight:500;
  line-height:1.5;
  margin:40px 0 24px;
}
.brandstory_sticky p + p {
  margin-top:12px;
}
.brandstory_sticky .boxs {
  display:flex;
  gap:10px;
  margin-top:80px;
  width:100%;
}
.brandstory_sticky .boxs li {
  width:calc((100% - 20px) / 3);
  padding:32px 10px;
  text-align:center;
  border:#c1bdba 1px solid;
}
.brandstory_sticky .boxs span {
  display:block;
  font-weight:500;
  line-height:30px;
  margin-bottom:16px;
}
.brandstory_sticky .boxs p {
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:4px;
  font-weight:500;
}
.brandstory_sticky .boxs strong {
  font-size:48px;
  color:#1e2124;
  font-weight:400;
  line-height:1.3;
}
.brandstory_sticky .icons li:before {
  content:"";
  display:block;
  width:100%;
  height:62px;
  background:no-repeat 50% 50%;
}
.brandstory02 {
  z-index:3;
  background:#f8f6f0;
  height:150vh;
  padding-right:0;
  /* opacity:0; */
}
.brandstory02 .img {
  background-image:url("/images/img_brandstory01_03.jpg");
  background-size:cover;
  background-position:50% 50%;
}
.brandstory03 {
  z-index:3;
}
.brandstory03 .img {
  background-image:url("/images/img_brandstory03.jpg");
}
.brandstory04 {
  z-index:4;
}
.brandstory04 .img {
  background-image:url("/images/img_brandstory04.jpg");
}
.brandstory01.sticky02 {
  pointer-events:none;
}
.brandstory01.sticky02 .flex_center {
  opacity:0;
  transition:none;
}
.brandstory01.sticky02 .after_img {
  left:0;
  width:46vw;
  transform:translate(0, 0);
  transition:
    width 0.4s ease-out,
    height 0.4s ease-out,
    left 0.4s ease-out,
    transform 0.4s ease-out;
  background-position:70% 50%;
}
.brandstory01.zunder {
  z-index:-1;
}
.brandstory02 .txt {
  /* opacity:0; */
}
.brandstory02.start {
  opacity:1;
}
.brandstory02.start .flex {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
}
.brandstory02.start .txt {
  opacity:1;
}
.brandstory02.end .flex {
  position:absolute;
  top:auto;
  bottom:0;
}
.brandstory03 .icons li.i1:before {
  background-image:url("/images/icon_brandstory03_01.svg");
}
.brandstory03 .icons li.i2:before {
  background-image:url("/images/icon_brandstory03_02.svg");
}
.brandstory03 .icons li.i3:before {
  background-image:url("/images/icon_brandstory03_03.svg");
}
.brandstory04 .icons li.i1:before {
  background-image:url("/images/icon_brandstory04_01.svg");
}
.brandstory04 .icons li.i2:before {
  background-image:url("/images/icon_brandstory04_02.svg");
}
.brandstory04 .icons li.i3:before {
  background-image:url("/images/icon_brandstory04_03.svg");
}
/* CEO 인사말 */
.ceo_message .img {
  height:480px;
  margin-bottom:120px;
  background:url("/images/bg_ceo_message.jpg") no-repeat 50% 50% / cover;
}
.ceo_message .flex_txt {
  margin-bottom:120px;
}
.ceo_message .flex_txt .tit {
  width:45%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.ceo_message .flex_txt h2 {
  font-size:44px;
  color:#1e2124;
  font-weight:500;
  line-height:1.32;
}
.ceo_message .flex_txt h2 span {
  position:relative;
}
.ceo_message .flex_txt h2 span:first-child {
  padding-left:22px;
}
.ceo_message .flex_txt h2 span:last-child {
  padding:0 22px 0 100px;
}
.ceo_message .flex_txt h2 span:first-child:before,
.ceo_message .flex_txt h2 span:last-child:after {
  content:"";
  position:absolute;
  top:0;
  width:14px;
  aspect-ratio:14/12;
  background:url("/images/icon_dda.svg") no-repeat 50% 50% / contain;
}
.ceo_message .flex_txt h2 span:first-child:before {
  left:0;
}
.ceo_message .flex_txt h2 span:last-child:after {
  right:0;
  transform:rotate(180deg);
}
.ceo_message .flex_txt .con {
  width:55%;
}
.ceo_message .flex_txt p {
  font-size:20px;
  line-height:1.6;
}
.ceo_message .flex_txt p + p {
  margin-top:12px;
}
.ceo_message .flex_txt strong {
  color:#1e2124;
  font-weight:500;
}
.ceo_message .counter_area {
  border-top:#e0dedc 1px solid;
  border-bottom:#e0dedc 1px solid;
}
.ceo_message .counter_area dl {
  display:flex;
  max-width:1680px;
  margin-top:-8px;
  margin-bottom:-8px;
}
.ceo_message .counter_area div {
  width:calc(100% / 3);
  padding:40px;
  border-right:#e0dedc 1px solid;
}
.ceo_message .counter_area div:first-child {
  border-left:#e0dedc 1px solid;
}
.ceo_message .counter_area dt {
  position:relative;
  font-size:20px;
  color:#a27f46;
  font-weight:500;
  line-height:32px;
  margin-bottom:24px;
}
.ceo_message .counter_area dt:before {
  content:"";
  position:absolute;
  top:0;
  left:-40px;
  width:3px;
  height:100%;
  background:#a27f46;
}
.ceo_message .counter_area dd {
  display:flex;
  gap:4px;
}
.ceo_message .counter_area dd span {
  font-size:64px;
  color:#1e2124;
  line-height:1.25;
}
.ceo_message .counter_area sup {
  font-size:18px;
  color:#4a4b4d;
  font-weight:600;
  line-height:1.65;
}
/* 비전 */
.vision01 {
  position:relative;
  /* height:200vh; */
  margin-top:-100px;
}
.vision01 .img {
  position:absolute;
  bottom:100vh;
  left:50%;
  width:1160px;
  height:350px;
  transform:translateX(-50%);
  background:url("/images/bg_vision01.jpg") no-repeat 50% 50% / cover;
}
.vision01 .img .gra {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  opacity:0;
}
.vision01 .box {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index:1;
  text-align:center;
}
.vision01 .before {
  justify-content:flex-end;
  padding-bottom:50vh;
  will-change:transform, opacity;
  transform:translate3d(0, 0, 0);
  transition:none;
}
.vision01 .before:before {
  content:"";
  display:block;
  width:1px;
  height:160px;
  background:#e0dedc;
  margin:0 auto 64px;
}
.vision01 .box span {
  font-size:17px;
  color:#a27f46;
  font-weight:500;
}
.vision01 .before .tit {
  font-size:32px;
  color:#1e2124;
  line-height:1.5;
  margin-top:24px;
}
.vision01 .after {
  top:0;
  opacity:0;
}
.vision01 .after .tit {
  font-size:56px;
  color:#fff;
  line-height:1.25;
  text-shadow:#0000004d 0 2px 4px;
  margin:24px 0 64px;
}
.vision01 .after p {
  font-size:20px;
  color:#fff;
  line-height:1.6;
  text-shadow:#0000004d 0 2px 4px;
}
.vision01.start .img {
  position:fixed;
  bottom:0;
}
.vision01.start .after {
  position:fixed;
  top:0;
}
.vision01.end .img {
  position:absolute;
  bottom:0;
}
.vision01.end .after {
  position:absolute;
  top:auto;
  bottom:0;
}
.vision02 {
  padding:160px 0;
}
.vision02 .inbox {
  border-top:#eeeae2 1px solid;
  border-bottom:#eeeae2 1px solid;
}
.vision02 .vision_list {
  border-left:#eeeae2 1px solid;
  display:flex;
}
.vision02 .vision_list li {
  width:calc(100% / 3);
  border-right:#eeeae2 1px solid;
  padding:24px 24px 40px;
}
.vision02 .vision_list .imgfit {
  aspect-ratio:4/5;
}
.vision02 .vision_list .txt {
  padding:32px 8px 0;
}
.vision02 .vision_list span {
  font-size:17px;
  color:#c5a059;
  font-weight:500;
  line-height:1.65;
}
.vision02 .vision_list h3 {
  font-size:26px;
  color:#131416;
  font-weight:500;
  line-height:1.55;
  margin-bottom:12px;
}
.vision02 .vision_list p {
  font-size:18px;
  color:#4a4b4d;
}
.vision02.motion .vision_list li {
  transform:translateY(100px);
  transition:1s;
  opacity:0;
}
.vision02.motion .vision_list li:nth-child(2) {
  transition-delay:0.1s;
}
.vision02.motion .vision_list li:nth-child(3) {
  transition-delay:0.2s;
}
.vision02.motion.start .vision_list li {
  transform:translateY(0);
  opacity:1;
}
.vision03 {
  position:relative;
  background:#2f2317 url("/images/bg_vision03.png") no-repeat 100% 0;
}
.vision03 .inbox {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  padding:160px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  background:#2f2317 url("/images/bg_vision03.png") no-repeat 100% 0;
}
.vision03.fixed .inbox {
  position:fixed;
}
.vision03.end .inbox {
  position:absolute;
  top:auto;
  bottom:0;
}
.vision03 .tb {
  font-size:20px;
  color:#d5d3d1;
  line-height:1.6;
}
.vision03 .roadmap_list {
  position:relative;
  margin-top:160px;
  flex:1;
}
/* .vision03 .roadmap_list .line {position:absolute; top:157px; left:0; width:100%; height:2px; background:#594F45; pointer-events:none;} */
/* .vision03 .roadmap_list .line .bar {position:absolute; top:0; left:0; width:0; height:100%; background:#C5A059; transition:width 0.1s ease-out; display:none;} */
.vision03 .roadmap_list ul {
  display:flex;
  gap:300px;
  white-space:nowrap;
  will-change:transform;
  transform:translate3d(0, 0, 0);
}
.vision03 .roadmap_list ul::-webkit-scrollbar {
  width:0;
  height:0;
}
.vision03 .roadmap_list li {
  flex:0 0 auto;
  display:inline-block;
  vertical-align:top;
  white-space:normal;
}
.vision03 .roadmap_list .phase {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#f8f6f0;
  font-weight:600;
  line-height:32px;
  height:32px;
  width:94px;
  background:#ffffff14;
  border:#ffffff1a 1px solid;
  border-radius:2px;
  transition:0.2s linear;
}
.vision03 .roadmap_list .phase:before {
  content:"";
  display:block;
  width:11px;
  height:16px;
  background:url("/images/icon_phase.svg") no-repeat 50% 50% / contain;
}
.vision03 .roadmap_list h3 {
  position:relative;
  font-size:44px;
  color:#c5a05933;
  line-height:1.32;
  padding:16px 0 52px;
  z-index:1;
  transition:0.2s linear;
}
.vision03 .roadmap_list h3:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:0;
  width:8px;
  height:8px;
  background:#594f45;
  border-radius:50%;
}
.vision03 .roadmap_list li .line {
  position:relative;
  width:calc(100% + 300px);
  height:2px;
  background:#594f45;
}
.vision03 .roadmap_list li:first-child .line:before {
  content:"";
  position:absolute;
  top:0;
  right:100%;
  width:120px;
  height:2px;
  background:#c5a059;
}
.vision03 .roadmap_list li .line .bar {
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:100%;
  background:#c5a059;
  transition:width 0.6s ease-out;
}
.vision03 .roadmap_list li.on .line .bar {
  width:100%;
}
.vision03 .roadmap_list .txt {
  padding-top:52px;
}
.vision03 .roadmap_list strong {
  display:block;
  font-size:32px;
  color:#f8f6f0;
  font-weight:500;
  line-height:1.5;
  margin-bottom:16px;
}
.vision03 .roadmap_list p {
  color:#f8f6f0;
}
.vision03 .roadmap_list .on .phase {
  background:#c5a059;
  border-color:#000;
}
.vision03 .roadmap_list .on h3 {
  color:#c5a059;
}
.vision03 .roadmap_list .on h3:after {
  background:#c5a059;
}
.vision03 .roadmap_list .on strong {
  color:#fff;
}
.vision03 .roadmap_list .on p {
  color:#f8f6f0;
}
.vision04 {
  height:100vh;
  background:url("/images/bg_vision04.jpg") no-repeat 50% 50% / cover;
}
.vision04 h2 {
  margin:24px 0 16px;
}
.vision04 .inner {
  position:relative;
  height:100%;
  flex-direction:column;
  text-align:center;
  z-index:1;
}
.vision04 span {
  font-size:17px;
  color:#a27f46;
  font-weight:500;
}
.vision04 .tit {
  display:block;
  font-size:56px;
  color:#fff;
  line-height:1.25;
  text-shadow:#0000004d 0 2px 4px;
}
.vision04 p {
  font-size:20px;
  color:#fff;
  line-height:1.6;
  text-shadow:#0000004d 0 2px 4px;
}
.btn_icon_link {
  display:flex;
  width:206px;
  height:54px;
  line-height:54px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-size:17px;
  color:#1a1a1a;
  font-weight:600;
  background:#dbb465;
  border-radius:4px;
  margin:80px auto 0;
}
.btn_icon_link:after {
  content:"";
  display:block;
  width:28px;
  aspect-ratio:14/5;
  background:#1a1a1a;
  mask:url("/images/icon_logo.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/icon_logo.svg") no-repeat 50% 50% / contain;
}
/* 연혁 */
.history_wrap {
  position:relative;
  border-top:#e0dedc 1px solid;
  border-bottom:#e0dedc 1px solid;
  background:#f8f6f0;
}
.history_wrap .flex {
  position:relative;
  width:100%;
  padding-left:40vw;
}
.history_wrap .bg_before_img {
  position:absolute;
  top:0;
  left:0;
  width:40vw;
  height:980px;
  max-height:100vh;
  border-right:#e0dedc 1px solid;
  border-left:#e0dedc 1px solid;
  padding:40px;
}
.history_wrap.fixed {
  z-index:102;
}
.history_wrap.fixed .bg_before_img {
  position:fixed;
  left:120px;
}
.history_wrap.unfixed .bg_before_img {
  position:absolute;
  top:auto;
  bottom:0;
  left:0;
}
.history_wrap .bg_before_img:before {
  background-image:url("/images/bg_history.jpg");
}
.history_wrap .history_group_area {
  position:relative;
  width:100%;
  border-right:#e0dedc 1px solid;
  padding:160px 80px 0;
}
.history_wrap .history_group_area:before,
.history_wrap .history_group:before {
  content:"";
  position:absolute;
  top:0;
  width:2px;
  background:#f8f6f0;
  z-index:1;
}
.history_wrap .history_group_area:before {
  left:99px;
  height:160px;
}
.history_wrap .history_group_area .line {
  position:absolute;
  top:0;
  left:99px;
  width:2px;
  height:100%;
  background:#f4eee1;
  overflow:hidden;
}
.history_wrap .history_group_area .line .bar {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:#c5a059;
}
.history_wrap .history_group {
  position:relative;
  z-index:1;
  padding-bottom:160px;
}
.history_wrap .history_group:before {
  left:19px;
  height:120px;
}
.history_wrap .history_group > li + li {
  margin-top:120px;
}
.history_wrap h3,
.history_wrap .year_list > li {
  opacity:0.4;
  transition:0.2s linear;
}
.history_wrap h3 {
  font-size:64px;
  color:#1e2124;
  line-height:1.25;
  font-weight:400;
  margin-bottom:24px;
  padding:0 40px;
  font-family:"NexonLv1Gothic";
}
.history_wrap .year_list {
  position:relative;
  padding-left:48px;
  z-index:2;
}
.history_wrap .history_group > li.on h3,
.history_wrap .year_list > li.on {
  opacity:1;
}
.history_wrap .year_list > li + li {
  margin-top:32px;
}
.history_wrap .year_list h4 {
  position:relative;
  font-size:26px;
  color:#1e2124;
  line-height:1.55;
  font-family:"NexonLv1Gothic";
  margin-bottom:8px;
  transition:0.2s linear;
}
.history_wrap .year_list h4 i {
  position:absolute;
  top:50%;
  left:-40px;
  width:24px;
  aspect-ratio:1/1;
  border-radius:50%;
  border:#f4eee1 1px solid;
  background:#f4eee1;
  transform:translateY(-50%);
  transition:0.2s linear;
}
.history_wrap .year_list > li.on h4 i {
  border-color:#c5a059;
}
.history_wrap .year_list h4 i:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:#c5a059;
  transform:translate(-50%, -50%);
  transition:0.2s linear;
}
.history_wrap .event_list li {
  position:relative;
  font-size:18px;
  color:#1e2124;
  padding-left:9px;
}
.history_wrap .event_list li:before {
  content:"";
  position:absolute;
  top:14px;
  left:0;
  width:3px;
  height:3px;
  background:#1e2124;
  border-radius:50%;
}
/* 조직도 */
.organization_wrap .ceo {
  font-size:32px;
  color:#fff;
  font-weight:600;
  line-height:200px;
  height:200px;
  width:200px;
  border-radius:50%;
  background:#2f2317 url("/images/bg_organization.svg") no-repeat 50% 50% / contain;
  text-align:center;
  margin:0 auto;
}
.organization_wrap .teams {
  position:relative;
  display:flex;
  gap:24px;
  margin-top:100px;
  padding-top:100px;
}
.organization_wrap .teams:before,
.organization_wrap .teams:after {
  content:"";
  position:absolute;
  left:50%;
  background:#c1bdba;
}
.organization_wrap .teams:before {
  top:-100px;
  width:1px;
  height:100px;
}
.organization_wrap .teams:after {
  top:0;
  width:calc(((100% - 120px) / 6) * 5 + 120px);
  height:1px;
  transform:translateX(-50%);
}
.organization_wrap .teams > li {
  position:relative;
  width:calc((100% - 120px) / 6);
  padding:40px 32px;
  border:#e0dedc 1px solid;
}
.organization_wrap .teams > li:before,
.organization_wrap .teams > li:after {
  content:"";
  position:absolute;
  left:50%;
}
.organization_wrap .teams > li:before {
  top:-100px;
  width:1px;
  height:100px;
  background:#c1bdba;
}
.organization_wrap .teams > li:after {
  top:-4px;
  width:8px;
  height:8px;
  background:#2f2317;
  border-radius:50%;
  transform:translateX(-50%);
}
.organization_wrap .eng_name {
  position:relative;
  font-size:17px;
  color:#a27f46;
  font-weight:500;
}
.organization_wrap .eng_name:before {
  content:"";
  position:absolute;
  top:0;
  left:-32px;
  width:3px;
  height:100%;
  background:#a27f46;
}
.organization_wrap .team_name {
  font-size:22px;
  color:#1e2124;
  font-weight:500;
  line-height:1.55;
  margin:4px 0 32px;
}
.organization_wrap .roles_duties > li {
  font-size:15px;
  color:#4a4b4d;
  line-height:1.7;
}
.organization_wrap .roles_duties > li + li {
  margin-top:16px;
}
.organization_wrap .roles_duties strong {
  display:block;
  font-size:17px;
  color:#1e2124;
  font-weight:600;
}
/* 회사약도 */
.map_point #map,
.location_wrap .map_area #map {
  width:100%;
  height:560px;
}
.map_area .icon_marker {
  display:block;
  max-height:96px;
  aspect-ratio:106/96;
  margin:0 auto;
}
.location_wrap .map_text {
  display:flex;
  margin-top:80px;
}
.location_wrap .map_text h2 {
  font-size:44px;
  color:#1e2124;
  font-weight:500;
  line-height:1.32;
  width:40%;
  padding-top:15px;
}
.location_wrap .map_text .info {
  width:60%;
  border-top:#e0dedc 1px solid;
}
.location_wrap .map_text .info li {
  position:relative;
  border-bottom:#e0dedc 1px solid;
  padding:24px 24px 24px 176px;
  font-size:20px;
  color:#4a4b4d;
  line-height:40px;
}
.location_wrap .map_text .info .i1 {
  padding-right:140px;
}
.location_wrap .map_text .info li strong {
  position:absolute;
  top:24px;
  left:24px;
  padding-left:32px;
  font-size:26px;
  color:#131416;
  font-weight:400;
  background:no-repeat 0 50%;
}
.location_wrap .map_text .info .i1 strong {
  background-image:url("/images/icon_location01.svg");
}
.location_wrap .map_text .info .i2 strong {
  background-image:url("/images/icon_location02.svg");
}
.location_wrap .map_text .info .copy {
  position:absolute;
  top:24px;
  right:24px;
  font-size:14px;
  font-weight:500;
  line-height:40px;
  padding-right:24px;
  background:url("/images/btn_copy.svg") no-repeat 100% 50%;
}
/* 갤러리 + (COMMUNITY - 뉴스, 프로모션) */
.gallery_wrap {
  overflow:hidden;
}
.gallery_list {
  display:flex;
  flex-wrap:wrap;
  gap:81px 84px;
  padding-bottom:41px;
}
.gallery_list li {
  position:relative;
  width:calc((100% - 168px) / 3);
}
.gallery_list li:after {
  content:"";
  position:absolute;
  bottom:-41px;
  left:50%;
  width:200vw;
  height:1px;
  background:#e0dedc;
  transform:translateX(-50%);
}
.gallery_list a,
.gallery_list span {
  display:block;
}
.gallery_list .imgfit {
  position:relative;
  width:100%;
  aspect-ratio:3/2;
}
.gallery_list .notice .imgfit:before {
  content:"NOTICE";
  position:absolute;
  top:0;
  left:0;
  width:120px;
  height:44px;
  line-height:44px;
  background:#c5a059 url("/images/icon_alarm.svg") no-repeat 20px 50%;
  padding-left:42px;
  font-size:16px;
  color:#fff;
  font-weight:500;
}
.gallery_list .txt {
  padding-top:24px;
  display:flex;
  flex-direction:column;
}
.gallery_list h3 {
  font-size:20px;
  color:#1e2124;
  font-weight:500;
  line-height:1.5;
  height:60px;
  text-overflow:ellipsis;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.gallery_list time {
  font-size:14px;
  color:#7a7c7f;
  font-weight:500;
  line-height:1.7;
  margin-top:16px;
}

/* FLEET */
.fleet_wrap {background:#1a1a1a;}
.fleet_area {
  position:relative;
  overflow:hidden;
}
.fleet_area h2 {
  font-size:32px;
  color:#fff;
  font-weight:500;
  line-height:1.5;
  margin-bottom:24px;
}
.fleet_area h2.big {
  font-size:44px;
}
.fleet_area h2.mb64 {
  margin-bottom:64px;
}
.fleet_area h2.big span {font-size:.8em;}
.custom_zoomin[data-aos] {transform:scale(0.9); opacity:0;}
.custom_zoomin.aos-animate {transform:scale(1); opacity:1;}
.fleet01 {position:relative; height:200vh; z-index:1; background:none no-repeat 0 0 / 100% 100vh;}
.fleet01 .front_bg {position:absolute; top:0; left:0; width:100%; height:100vh; background:no-repeat 50% 50% / cover; z-index:-1;}
.fleet01 .bg,
.fleet01 .bg:after {bottom:0; left:0; width:100%; height:100vh; z-index:-1;}
.fleet01 .bg {position:fixed; background:url("/images/bg_fleet01.jpg") no-repeat 50% 50% / cover;}
.fleet01 .bg:after {content:""; position:absolute; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 85%);}
.fleet01.end .bg {position:absolute;}
.fleet01 .top .before_txt {width:100%;}
.fleet01 .btm {position:relative;}
.fleet01 .txt {
  position:relative;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:80px 0;
  transition:padding 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index:1;
}
.fleet01 .txt .btns_btm {
  justify-content:flex-start;
}
.fleet01 .txt .before_txt,
.fleet01 .txt .after_txt {
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}
.fleet01 .txt .before_txt {
  margin-bottom:40px;
  overflow:hidden;
}
.fleet01 .before_txt .tit {
  font-size:64px;
  color:#fff;
  font-weight:500;
  line-height:1.25;
}
.fleet01 .before_txt p {
  font-size:20px;
  color:#f8f6f0;
  line-height:1.6;
  margin-top:16px;
}
.fleet01 .before_txt p + p {
  margin-top:0;
}
.fleet01 .before_txt .btns_btm {
  margin-top:40px;
}
.fleet01 .txt .after_txt {
  margin-bottom:80px;
  /* display:none; */
}
.fleet01 .txt .after_txt .tit {
  font-size:32px;
  color:#f8f6f0;
  font-weight:500;
  line-height:1.5;
}
.fleet01 .txt .after_txt p {
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
  margin-top:24px;
}
.fleet01 .chart {
  position:absolute;
  top:0;
  right:0;
  width:56%;
  height:100%;
  padding-right:120px;
  background:#0006;
  backdrop-filter:blur(5px);
  filter:blur(5px);
  opacity:0;
  transition:0.5s linear;
  overflow:hidden;
}
.fleet01 .chart::before {
  content:"";
  position:absolute;
  inset:0;
  /* background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)),
    var(--fleet-thumbnail-image, url("/images/bg_fleet01.jpg")) no-repeat 50%
      50% / cover; */
  opacity:0.65;
}
.fleet01 .chart .spec_list {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
}
.fleet01 .chart .spec_list:before,
.fleet01 .chart .spec_list:after {
  content:"";
  position:absolute;
  top:0;
  width:1px;
  height:100%;
  background:#e0dedc1a;
}
.fleet01 .chart .spec_list:before {
  left:calc(100% / 3);
}
.fleet01 .chart .spec_list:after {
  right:calc(100% / 3);
}
.fleet01 .chart .spec_list > li {
  width:100%;
  display:flex;
  align-items:center;
}
.fleet01 .chart .spec_list ul {
  display:flex;
  align-items:center;
  width:100%;
}
.fleet01 .chart .spec_list ul li {
  width:calc(100% / 3);
  padding:40px;
}
.fleet01 .chart .spec_list span {
  font-size:16px;
  color:#7a7c7f;
  font-weight:500;
  margin-bottom:12px;
}
.fleet01 .chart .spec_list p {
  display:flex;
  align-items:flex-start;
  gap:4px;
}
.fleet01 .chart .spec_list strong {
  font-size:56px;
  color:#fff;
  font-weight:400;
  line-height:1.25;
}
.fleet01 .chart .spec_list sup {
  font-size:20px;
  color:#d5d3d1;
  line-height:1.6;
}
.fleet01.start .txt {
  padding:80px 0;
}
.fleet01.start .chart {
  top:0;
  filter:blur(0);
  opacity:1;
  z-index:2;
}
/* .fleet01.end .inbox {
  position:absolute;
  top:auto;
  bottom:0;
} */
.fleet_sticky {
  /* position:relative;
  position:-webkit-sticky;
  height:250vh; */
}
.fleet_sticky .inbox {
  /* position:sticky;
  position:-webkit-sticky;
  top:0;
  left:0; */
  width:100vw;
  height:100vh;
  background:no-repeat 50% 50% / cover;
}

.fleet_sticky .inner {
  height:100%;
  display:flex;
  align-items:flex-end;
}
.fleet_sticky .txt {
  display:flex;
  flex-direction:column;
  padding-bottom:120px;
  opacity:0;
  transition:0.4s linear;
}
.fleet_sticky .txt p {
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
}
.fleet_area .txt p + p {
  margin-top:12px;
}
.fleet_sticky.start_txt .txt {
  opacity:1;
  transform:translateY(0);
}
.fleet02 {
  z-index:2;
  margin-top:0;
}
.fleet03 {
  z-index:3;
  margin-top:-100vh;
}
.fleet04 {
  z-index:4;
  margin-top:-100vh;
}
.fleet05 {
  z-index:5;
  margin-top:-100vh;
}
.fleet06 {
  z-index:6;
  margin-top:-100vh;
}
.fleet07 {
  z-index:7;
  margin-top:-100vh;
}
.fleet08 {
  z-index:8;
  margin-top:-100vh;
}
.fleet09 {
  z-index:9;
  margin-top:-100vh;
  /* height:200vh; */
}
.fleet02 .inbox {
  background-image:url("/images/bg_fleet02.jpg");
}
.fleet03 .inbox {
  background-image:url("/images/bg_fleet03.jpg");
}
.fleet04 .inbox {
  background-image:url("/images/bg_fleet04.jpg");
}
.fleet05 .inbox {
  background-image:url("/images/bg_fleet05.jpg");
}
.fleet06 .inbox {
  background-image:url("/images/bg_fleet06.jpg");
}
.fleet07 .inbox {
  background-image:url("/images/bg_fleet07.jpg");
}
.fleet_area.bg_black {
  background:#1a1a1a;
}
.fleet_area span.sec_name {
  display:block;
  font-size:13px;
  color:#c5a059;
  font-weight:600;
  line-height:1.7;
  margin-bottom:12px;
}
.fleet_area .flex_box {
  display:flex;
}
.fleet_area .flex_box .imgfit {
  width:58%;
}
.fleet_area .flex_box .txt {
  width:42%;
  padding:112px 120px 0;
  justify-content:center;
  align-items:flex-start;
  background:#0003;
}
.fleet_text_slide {
  width:100%;
  overflow:hidden;
}
.fleet_text_slide .swiper-slide {
  height:auto;
}
.fleet09_slide .swiper-slide,
.fleet_exterior_slide .swiper-slide,
.fleet12_slide .swiper-slide {
  overflow:hidden;
}
.fleet09_slide img,
.fleet_exterior_slide img,
.fleet12_slide img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.fleet_area span.sec_name,
.fleet_area h2,
.fleet_area .txt p {transform:translateX(100px); opacity:0;}
.aos-animate span.sec_name,
.aos-animate h2,
.aos-animate .txt p,
.aos-animate .fleet_text_slide .swiper-slide-active .sec_name,
.aos-animate .fleet_text_slide .swiper-slide-active h2,
.aos-animate .fleet_text_slide .swiper-slide-active p {transform:translateX(0); opacity:1;}
.fleet10 {
  padding-top:160px;
}
.car_option_area .tit {
  font-size:26px;
  color:#fff;
  font-weight:500;
  line-height:1.55;
  margin-bottom:16px;
}
.car_option_area .tit ~ .tit {
  margin-top:40px;
}
.car_option_area ul {
  display:flex;
  flex-wrap:wrap;
  border-top:#53493e 1px solid;
}
.car_option_area li {
  position:relative;
  width:25%;
  border-bottom:#53493e 1px solid;
  padding:16px 40px;
  font-size:17px;
  color:#fff;
  font-weight:500;
}
.car_option_area li:after {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:1px;
  height:calc(100% - 32px);
  background:#53493e;
  transform:translateY(-50%);
}
.car_option_area li:nth-child(4n):after {
  display:none;
}
.fleet11 {
  padding-top:200px;
}
.fleet11 .inner {
  padding-right:0;
  overflow:hidden;
}
.fleet11_slide {
  overflow:hidden;
}
.fleet11_slide .swiper-slide {
  padding-right:32px;
  width:440px;
}
.fleet11_slide .imgfit {
  width:100%;
  aspect-ratio:1/1;
  border-radius:4px;
}
.fleet11_slide .txt {
  padding-top:24px;
}
.fleet11_slide .name {
  display:flex;
  align-items:baseline;
  gap:12px;
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom:#53493e 1px solid;
}
.fleet11_slide .name h3 {
  font-size:22px;
  color:#fff;
  font-weight:500;
  line-height:1.55;
}
.fleet11_slide .name span {
  font-size:14px;
  color:#4a4b4d;
  font-weight:500;
  line-height:1.7;
}
.fleet11_slide p {
  font-size:16px;
  color:#fff;
}
.fleet12 {
  padding:200px 0 160px;
}
.fleet12 .inner {
  display:flex;
  align-items:center;
  gap:120px;
}
.fleet12 .imgfit {
  width:50%;
  aspect-ratio:852/600;
  border-radius:4px;
}
.fleet12_slide {
  overflow:hidden;
}
.fleet12_slide .swiper-wrapper,
.fleet12_slide .swiper-slide {
  height:100%;
}
.fleet12 .txt {
  width:calc(50% - 120px);
}
.fleet12 p {
  font-size:17px;
  color:#f8f6f0;
  text-shadow:#0000004d 0 2px 4px;
}
.fleet13 {
  display:flex;
  background:#eeeae2;
  overflow:hidden;
}
.fleet13 .txt {
  width:52.5%;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
}
.fleet13 h2.big {
  color:#131416;
  font-weight:500;
  line-height:1.32;
  margin-bottom:24px;
}
.revenue_list {
  position:relative;
  display:flex;
  gap:24px;
}
.fleet13 .revenue_list {
  margin:80px 0;
}
.fleet13 ul:before {
  content:"";
  position:absolute;
  top:57px;
  left:50%;
  width:calc(100% + 240px);
  height:1px;
  background:linear-gradient(90deg, #53493e 75%, rgba(83, 73, 62, 0) 100%);
  transform:translateX(-50%);
}
.fleet13 .img {
  width:47.5%;
  height:100vh;
  background:url("/images/img_fleet13.jpg") no-repeat 50% 50% / cover;
}
.revenue_list li {
  position:relative;
  width:240px;
  max-width:calc((100% - 48px) / 3);
  z-index:1;
}
.revenue_list li span {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:114px;
  z-index:1;
}
.fleet13 .revenue_list li span:before,
.revenue_list li span:after {
  content:"";
  position:absolute;
  left:0;
  width:100%;
}
.fleet13 .revenue_list li span:before {
  top:50%;
  height:50px;
  background:#eeeae2;
  border-radius:50%;
  transform:translateY(-50%);
  z-index:-2;
}
.revenue_list li span:after {
  top:0;
  height:100%;
  background:no-repeat 50% 50% / contain;
  z-index:-1;
}
.revenue_list li p {
  color:#2f2317;
  font-weight:500;
  text-align:center;
  margin-top:28px;
}
.revenue_list li.i1 span:after {
  background-image:url("/images/bg_fleet13_01.svg");
}
.revenue_list li.i2 span:after {
  background-image:url("/images/bg_fleet13_02.svg");
}
.revenue_list li.i3 span:after {
  background-image:url("/images/bg_fleet13_03.svg");
}
.fleet14,
.fleet15 {
  padding:120px 0; background:#fff;
}
.fleet_num_list {
  width:100%;
  max-width:914px;
  border-top:#e0dedc 1px solid;
}
.fleet_num_list li {
  position:relative;
  border-bottom:#e0dedc 1px solid;
  padding:24px 40px 24px 106px;
}
.fleet_num_list li span {
  position:absolute;
  top:50%;
  left:24px;
  width:34px;
  aspect-ratio:1/1;
  text-align:center;
  color:#fff;
  font-weight:600;
  background:#2f2317;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:translateY(-50%);
}
.fleet_num_list li strong {
  display:block;
  font-size:20px;
  color:#1e2124;
  font-weight:500;
  line-height:1.6;
  margin-bottom:2px;
}
.fleet14 .fleet_num_list {
  border-top:#53493e 1px solid;
  margin:48px auto 0;
}
.fleet15 {
  background:url("/images/bg_fleet15.jpg") no-repeat 50% 50% / cover;
}
.fleet15 .inner {
  gap:64px;
}
/* 1:1 전문 상담 신청, 전시장 방문 예약 */
.fleet_inquiry_wrap {
  position:relative;
  padding-right:37.5vw;
  background-image:none;
}
.fleet_inquiry_wrap .title {
  font-size:44px;
  color:#131416;
  line-height:1.32;
}
.fleet_inquiry_top {
  padding-top:112px;
  padding-bottom:80px;
  border-bottom:#e0dedc 1px solid;
}
.fleet_inquiry_top .imgfit {
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  border-radius:4px;
}
.fleet_inquiry_top h1 {
  font-weight:500;
  padding:40px 0 24px;
}
.fleet_inquiry_top .paybox {
  border-top:#e0dedc 1px solid;
  padding-top:24px;
}
.fleet_inquiry_top .paybox li {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
}
.fleet_inquiry_top .paybox span {
  font-size:17px;
  color:#4a4b4d;
  font-weight:500;
}
.fleet_inquiry_top .paybox .payment {
  display:flex;
  align-items:baseline;
  gap:4px;
  font-size:16px;
  color:#7a7c7f;
}
.fleet_inquiry_top .paybox .payment strong {
  font-size:32px;
  color:#1e2124;
  font-weight:400;
  line-height:1.5;
}
.fleet_inquiry_info {
  padding-top:120px;
}
.fleet_inquiry_info h2 {
  font-weight:400;
  margin-bottom:12px;
  text-align:center;
}
.fleet_inquiry_info .tb strong {
  color:#1e2124;
  font-weight:500;
  line-height:1.6;
  margin-bottom:2px;
  display:block;
}
.fleet_inquiry_info .imgfit {
  width:calc(100% + 240px);
  height:400px;
  margin:40px -120px 80px;
}
.care_list {
  position:relative;
  margin:80px 0 160px;
  border:#e0dedc 1px solid;
  display:flex;
}
.care_list li {
  padding:32px;
  width:calc(100% / 3);
}
.care_list li + li {
  border-left:#e0dedc 1px solid;
}
.care_list li:before {
  content:"";
  display:block;
  width:62px;
  aspect-ratio:1/1;
  background:no-repeat 50% 50% / contain;
}
.care_list li h4 {
  font-size:22px;
  color:#1e2124;
  font-weight:500;
  line-height:1.55;
  margin:26px 0 32px;
}
.care_list li strong {
  display:block;
  font-size:18px;
  color:#1e2124;
  font-weight:500;
  margin-bottom:4px;
}
.care_list li p {
  font-size:16px;
}
.care_list li.i1:before {
  background-image:url("/images/icon_care01.svg");
}
.care_list li.i2:before {
  background-image:url("/images/icon_care02.svg");
}
.care_list li.i3:before {
  background-image:url("/images/icon_care03.svg");
}
.fleet_inquiry_info .pbox {
  margin:40px 0 160px;
}
.fleet_inquiry_info .pbox p + p {
  margin-top:12px;
}
.fleet_inquiry_info h3.tt {
  font-size:22px;
  color:#1e2124;
  font-weight:500;
  line-height:1.55;
  margin-bottom:16px;
}
.remote_fleet {
  position:fixed;
  bottom:0;
  right:0;
  width:37.5vw;
  height:100vh;
  background:#eeeae2;
  padding-top:120px;
}
.remote_fleet:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:112px;
  background:inherit;
  z-index:1;
}
.remote_fleet .scroll {
  position:relative;
  width:100%;
  height:100%;
  padding:0 120px 120px 64px;
  overflow:auto;
}
.remote_fleet .dots_list li {
  font-size:14px;
}
.remote_fleet .dots_list li:before {
  top:10px;
}
.remote_fleet h2 {
  font-size:32px;
  color:#131416;
  font-weight:500;
  line-height:1.5;
  margin:64px 0 16px;
}
.remote_fleet .tit {
  font-size:17px;
  color:#1e2124;
  font-weight:500;
}
.remote_fleet .tit ~ .tit {
  margin-top:16px;
}
.remote_fleet select.text {
  margin-top:8px;
  font-size:16px;
}
.remote_fleet .rate_return_test_area {
  border:#53493e 2px solid;
  border-radius:4px;
  padding:32px;
  margin-top:64px;
}
.remote_fleet .rate_return_test_area .rate_tit {
  font-size:22px;
  color:#131416;
  font-weight:500;
  line-height:1.55;
  margin:0;
}
.remote_fleet .rate_return_test_area .tit {
  margin:40px 0 2px;
}
.remote_fleet .rate_return_test_area p {
  font-size:15px;
  line-height:1.7;
}
.remote_fleet .range_box {
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  margin:24px 0 16px;
}
.remote_fleet .range_box input[type="range"] {
  -webkit-appearance:none;
  width:100%;
  height:6px;
  background:linear-gradient(
    90deg,
    rgba(83, 73, 62, 0.2) 0%,
    rgba(83, 73, 62, 0.6) 100%
  );
  border-radius:3px;
  outline:none;
}
.remote_fleet .range_box input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance:none;
  width:32px;
  height:32px;
  background:#2f2317;
  box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.25);
  border-radius:50%;
  cursor:pointer;
  border:none;
}
.remote_fleet .range_box input[type="range"]::-moz-range-thumb {
  width:32px;
  height:32px;
  background:#2f2317;
  border-radius:50%;
  cursor:pointer;
  border:none;
}
.remote_fleet .range_box .range-number {
  position:absolute;
  pointer-events:none;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:12px;
  font-weight:700;
  transform:translateX(-50%);
}
.remote_fleet .range_minmax {
  display:flex;
  justify-content:space-between;
  font-size:16px;
  color:#1e2124;
}
.remote_fleet .payment_area {
  margin-top:32px;
}
.remote_fleet .payment_area div {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
  border-bottom:#e0dedc 1px solid;
}
.remote_fleet .payment_area dt {
  font-size:17px;
  color:#4a4b4d;
  font-weight:500;
}
.remote_fleet .payment_area dd {
  display:flex;
  align-items:baseline;
  gap:4px;
  font-size:16px;
  color:#a27f46;
  font-weight:500;
}
.remote_fleet .payment_area strong {
  font-size:32px;
  font-weight:400;
  font-family:"NexonLv1Gothic";
}
.remote_fleet .rate_return_test_area .dots_list {
  opacity:0.6;
  margin-top:12px;
}
.remote_fleet .in_inputs {
  display:flex;
  flex-direction:column;
}
.remote_fleet .in_inputs .tit {
  position:relative;
  font-size:17px;
  color:#131416;
  font-weight:500;
  line-height:28px;
  margin-bottom:8px;
}
.remote_fleet .in_inputs .tit ~ .tit {
  margin-top:24px;
}
.remote_fleet .in_inputs .tit .check {
  position:absolute;
  top:0;
  right:0;
  font-size:15px;
  color:#4a4b4d;
  font-weight:500;
  line-height:1.7;
}
.remote_fleet .in_inputs .text {
  font-size:16px;
}
.remote_fleet .check i {
  background:#fff;
  border-color:#fff;
}
.remote_fleet .check input:checked + label i {
  background:#2f2317;
}
.remote_fleet.end {
  position:absolute;
}
.pop_contact .btns_btm {
  margin-top:32px;
}
.pop_contact .btns_btm .btn {
  width:120px;
  height:42px;
  height:40px;
  font-size:16px;
  font-weight:400;
}

/* ADVENTURE, JOURNEY */
.journey_area {
  position:relative;
  padding:0 0 160px 320px;
  min-height:100vh;
  border-right:#e0dedc 1px solid;
}
.journey_area .filter_area {
  position:absolute;
  top:0;
  left:0;
  width:320px;
  border:#e0dedc 1px solid;
}
.journey_area.start .filter_area {
  position:fixed;
  top:112px;
  left:120px;
}
.journey_area.end .filter_area {
  position:absolute;
  top:auto;
  bottom:0;
}
.journey_area .filter_area .tit {
  position:relative;
  padding:0 24px;
}
.journey_area .filter_area .tit h2 {
  font-size:22px;
  color:#131416;
  font-weight:500;
  line-height:74px;
}
.journey_area .filter_area .tit .btn_reset {
  position:absolute;
  top:0;
  right:24px;
  font-size:14px;
  color:#4a4b4d;
  font-weight:500;
  height:100%;
  padding-right:24px;
  background:url("/images/icon_reset.svg") no-repeat 100% 50%;
}
.journey_area .filter_area .btn_more {
  font-size:14px;
  color:#131416;
  line-height:1.7;
  text-align:center;
  padding:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:100%;
}
.journey_area .filter_area .btn_more.hide {
  display:none;
}
.journey_area .filter_area .open .btn_more.hide {
  display:flex;
}
.journey_area .filter_area .btn_more:after {
  content:"";
  width:20px;
  height:20px;
  background:url("/images/arrow_more_down.svg") no-repeat 50% 50% / contain;
  transition:0.2s linear;
}
.journey_area .filter_area .open .btn_more:after {
  transform:rotate(180deg);
}
.journey_area .filter_check {
  padding:0 24px;
  border-top:#e0dedc 1px solid;
}
.journey_area .scroll {
  max-height:calc(100vh - 74px);
  overflow:auto;
}
.journey_area .box {
  padding:16px 0;
}
.journey_area .box + .box {
  border-top:#e0dedc 1px solid;
}
.journey_area .box h3 {
  color:#131416;
  font-weight:600;
  line-height:30px;
  padding:6px 0;
  margin-bottom:4px;
}
.journey_area .box .check label {
  padding-top:6px;
  padding-bottom:6px;
}
.journey_area .box .check i {
  top:9px;
}
.journey_area .flex_option {
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:6px 8px;
  height:146px;
  overflow:hidden;
}
.journey_area .flex_option_area.open .flex_option {
  height:auto;
}
.journey_area .flex_option .check label {
  padding:0 !important;
}
.journey_area .flex_option .check i {
  display:none;
}
.journey_area .flex_option .check span {
  display:block;
  font-size:14px;
  color:#4a4b4d;
  font-weight:500;
  line-height:30px;
  height:32px;
  padding:0 12px;
  background:#eeeae2;
  border:#e0dedc 1px solid;
  border-radius:2px;
  transition:0.2s linear;
}
.journey_area .flex_option .check input:checked + label span {
  color:#fff;
  background:#2f2317;
  border-color:#2f2317;
}

.journey_list .list > li a {
  display:flex;
  align-items:center;
  gap:56px;
  padding:40px;
  border-bottom:#e0dedc 1px solid;
}
.journey_list .list > li .imgfit {
  width:330px;
  aspect-ratio:3/2;
  border-radius:4px;
  background:url('/images/no_images.svg') no-repeat 50% 50% / cover;
}
.journey_list .list > li .txt {
  width:calc(100% - 386px);
}
.journey_list .list > li .tit {
  font-size:26px;
  color:#131416;
  font-weight:500;
  line-height:1.55;
  padding:6px 0 4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.journey_list .list > li p {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.journey_list .list > li .icon_tags {
  margin-top:24px;
  overflow:hidden;
}
.journey_list .list > li.journey_empty_state {
  padding:72px 24px;
  border-bottom:#e0dedc 1px solid;
  text-align:center;
}
.journey_empty_inner {
  max-width:560px;
  margin:0 auto;
  padding:42px 36px;
  background:#faf8f3;
  border:#e8e1d5 1px solid;
  border-radius:4px;
}
.journey_empty_inner .mark {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  margin-bottom:18px;
  border:#c8a76a 1px solid;
  border-radius:50%;
  background:#fff;
  font-size:12px;
  color:#8a672c;
  font-weight:700;
  line-height:1;
}
.journey_empty_inner strong {
  display:block;
  font-size:24px;
  color:#131416;
  font-weight:600;
  line-height:1.45;
}
.journey_empty_inner p {
  margin-top:8px;
  font-size:15px;
  color:#6c6258;
  line-height:1.6;
  white-space:normal;
}
/* 지도 */
.journey_type_select {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:20px;
  padding:22px 32px;
  border-bottom:#e0dedc 1px solid;
}
.journey_type_select button {
  position:relative;
  font-size:18px;
  color:#2f2317;
  font-weight:500;
  line-height:30px;
  opacity:0.3;
  padding-left:26px;
}
.journey_type_select button:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:22px;
  height:100%;
  background:no-repeat 50% 50% / contain;
}
.journey_type_select .select_list button:before {
  background-image:url("/images/icon_select_list.svg");
}
.journey_type_select .select_map button:before {
  background-image:url("/images/icon_select_map.svg");
}
.journey_type_select .on button {
  opacity:1;
}
.journey_map_area {
  border-bottom:#e0dedc 1px solid;
}
.journey_area .board_top {border-bottom:#e0dedc 1px solid; padding:40px 40px 20px; margin-bottom:0;}
.journey_area .board_top:after {display:none;}
.map_set {
  position:relative;
  width:100%;
  height:680px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.map_set .nationwide {
  position:relative;
  width:390px;
  height:661px;
  z-index:1;
  transform:scale(0.8);
}
.map_set .land {
  cursor:pointer;
}
.map_set .z1 {
  position:relative;
  z-index:1;
}
.map_set .nationwide svg {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.map_set .nationwide .shadow {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}
.map_set .nationwide .shadow svg {
  fill:rgba(0, 0, 0, 0.1);
  margin-top:7px;
}
.map_set .nationwide .count_point {
  position:relative;
  z-index:1;
}
.map_set .nationwide .count_point .point {
  position:absolute;
  overflow:hidden;
  width:100px;
  height:30px;
  border:#666 1px solid;
  background:#666;
  border-radius:15px;
  overflow:hidden;
  cursor:pointer;
}
.map_set .nationwide .count_point .point.off {
  display:none !important;
}
.map_set .nationwide .count_point .point dt,
.map_set .nationwide .count_point .point dd {
  float:left;
  font-size:16px;
  text-align:center;
  line-height:28px;
}
.map_set .nationwide .count_point .point dt {
  width:69px;
  color:#333;
  background:#fff;
  border-radius:0 15px 15px 0;
}
.map_set .nationwide .count_point .point dd {
  width:25px;
  color:#fff;
}
.map_set .nationwide .count_point .point.in {
  background:#c5a059;
  border-color:#c5a059;
}
.map_set .nationwide .count_point #point01 {
  top:160px;
  left:70px;
} /* 서울 */
.map_set .nationwide .count_point #point02 {
  top:90px;
  left:60px;
} /* 경기도 */
.map_set .nationwide .count_point #point03 {
  top:120px;
  left:-50px;
} /* 인천 */
.map_set .nationwide .count_point #point04 {
  top:100px;
  left:180px;
} /* 강원도 */
.map_set .nationwide .count_point #point05 {
  top:450px;
  left:200px;
} /* 경상남도 */
.map_set .nationwide .count_point #point06 {
  top:280px;
  left:260px;
} /* 경상북도 */
.map_set .nationwide .count_point #point07 {
  top:470px;
  left:60px;
} /* 광주 */
.map_set .nationwide .count_point #point08 {
  top:370px;
  left:260px;
} /* 대구 */
.map_set .nationwide .count_point #point09 {
  top:310px;
  left:140px;
} /* 대전 */
.map_set .nationwide .count_point #point10 {
  top:490px;
  left:300px;
} /* 부산 */
.map_set .nationwide .count_point #point11 {
  top:430px;
  left:340px;
} /* 울산 */
.map_set .nationwide .count_point #point12 {
  top:520px;
  left:40px;
} /* 전라남도 */
.map_set .nationwide .count_point #point13 {
  top:400px;
  left:60px;
} /* 전라북도 */
.map_set .nationwide .count_point #point14 {
  top:620px;
  left:50px;
} /* 제주도 */
.map_set .nationwide .count_point #point15 {
  top:280px;
  left:20px;
} /* 충청남도 */
.map_set .nationwide .count_point #point16 {
  top:220px;
  left:160px;
} /* 충청북도 */
.map_set .nationwide .count_point #point17 {
  top:260px;
  left:120px;
} /* 세종 */
.map_set .nationwide .land.on {
  fill-opacity:1;
  fill:#53493e;
}

.map_set .btn_before {
  position:absolute;
  top:40px;
  right:0;
  font-size:16px;
  color:#222;
  font-weight:600;
  line-height:28px;
  height:30px;
  padding:0 20px;
  background:#fff;
  border-radius:15px;
  border:#c5a059 1px solid;
  z-index:1;
  display:none;
}

/* 지역지도 */
.map_set .map_area_wrap {
  position:relative;
  width:522px;
  height:510px;
  z-index:1;
  transform:scale(0.9);
}
.map_set.on .map_area_wrap {
  display:block;
}
.map_set .map_area {
  display:none;
}
.map_set .map_area.on {
  display:block;
}
.map_set .map_area svg {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) scale(0.63);
}
.map_set .map_area svg.shadow {
  fill:rgba(0, 0, 0, 0.1);
  margin-top:7px;
  z-index:-1;
}
.map_set .map_area svg g {
  position:relative;
  cursor:pointer;
}
.map_set .map_area svg g polygon {
  position:relative;
  cursor:pointer;
}
.map_set .map_area svg g text {
  position:relative;
  z-index:1;
  cursor:pointer;
  display:none;
}
.map_set .map_area svg g text tspan {
  font-size:24px;
  fill:#999;
}
.map_set .map_area svg g text tspan tspan {
  font-size:15px;
  fill:#fff;
}
.map_set .map_area svg .on .area {
  fill:#53493e !important;
}
.map_set .map_area .names li {
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  cursor:pointer;
  display:flex;
  align-items:center;
}
.map_set .map_area .names li.on {
  z-index:10;
}
.map_set .map_area .names li p {
  position:relative;
  font-size:15px;
  font-weight:500;
  line-height:20px;
  padding-left:4px;
  transition:0.2s ease-out;
}
.map_set .map_area .names li span.redRadi {
  width:20px;
  height:20px;
  line-height:20px;
  border:1px solid #c5a059;
  border-radius:50%;
  background:#c5a059;
  color:#fff;
  font-size:12px;
  text-align:center;
} /* .map_set .map_area .names li p:before {content:"";position:absolute;top:50%;left:0;width:12px;height:12px;background:#fff;border:#999 2px solid;border-radius:50%;margin-top:-6px;} */
.map_set .map_area .names li.on p {
  color:#fff;
  line-height:30px;
  height:30px;
  width:120px;
  border-radius:15px;
  background:#c5a059;
  text-align:center;
  padding:0;
  margin:-5px 0 0 -20px;
  font-size:18px;
}
.map_set.on .map_area_wrap {
  display:block;
}

/* 서울 */
.map_set .map_area .names .area01_01 {
  margin-top:-10px;
  margin-left:-230px;
} /*강서구*/
.map_set .map_area .names .area01_02 {
  margin-top:60px;
  margin-left:-190px;
} /*양천구*/
.map_set .map_area .names .area01_03 {
  margin-top:110px;
  margin-left:-205px;
} /*구로구*/
.map_set .map_area .names .area01_04 {
  margin-top:-100px;
  margin-left:-90px;
} /*은평구*/
.map_set .map_area .names .area01_05 {
  margin-top:-30px;
  margin-left:-85px;
} /*서대문구*/
.map_set .map_area .names .area01_06 {
  margin-top:-5px;
  margin-left:-110px;
} /*마포구*/
.map_set .map_area .names .area01_07 {
  margin-top:60px;
  margin-left:-115px;
} /*영등포구*/
.map_set .map_area .names .area01_08 {
  margin-top:150px;
  margin-left:-140px;
} /*금천구*/
.map_set .map_area .names .area01_09 {
  margin-top:-75px;
  margin-left:-25px;
} /*종로구*/
.map_set .map_area .names .area01_10 {
  margin-top:-5px;
  margin-left:10px;
} /*중구*/
.map_set .map_area .names .area01_11 {
  margin-top:35px;
  margin-left:-25px;
} /*용산구*/
.map_set .map_area .names .area01_12 {
  margin-top:85px;
  margin-left:-60px;
} /*동작구*/
.map_set .map_area .names .area01_13 {
  margin-top:150px;
  margin-left:-55px;
} /*관악구*/
.map_set .map_area .names .area01_14 {
  margin-top:-165px;
  margin-left:55px;
} /*도봉구*/
.map_set .map_area .names .area01_15 {
  margin-top:-115px;
  margin-left:25px;
} /*강북구*/
.map_set .map_area .names .area01_16 {
  margin-top:-65px;
  margin-left:30px;
} /*성북구*/
.map_set .map_area .names .area01_17 {
  margin-top:-35px;
  margin-left:65px;
} /*동대문구*/
.map_set .map_area .names .area01_18 {
  margin-top:10px;
  margin-left:50px;
} /*성동구*/
.map_set .map_area .names .area01_19 {
  margin-top:105px;
  margin-left:10px;
} /*서초구*/
.map_set .map_area .names .area01_20 {
  margin-top:-115px;
  margin-left:95px;
} /*노원구*/
.map_set .map_area .names .area01_21 {
  margin-top:-65px;
  margin-left:120px;
} /*중랑구*/
.map_set .map_area .names .area01_22 {
  margin-top:15px;
  margin-left:110px;
} /*광진구*/
.map_set .map_area .names .area01_23 {
  margin-top:105px;
  margin-left:80px;
} /*강남구*/
.map_set .map_area .names .area01_24 {
  margin-top:5px;
  margin-left:190px;
} /*강동구*/
.map_set .map_area .names .area01_25 {
  margin-top:90px;
  margin-left:150px;
} /*송파구*/
/* 경기 */
.map_set .map_area .names .area02_01 {
  margin-top:-55px;
  margin-left:-190px;
}
.map_set .map_area .names .area02_02 {
  margin-top:-105px;
  margin-left:-140px;
}
.map_set .map_area .names .area02_03 {
  margin-top:-40px;
  margin-left:-130px;
}
.map_set .map_area .names .area02_04 {
  margin-top:-190px;
  margin-left:-70px;
}
.map_set .map_area .names .area02_05 {
  margin-top:-130px;
  margin-left:-50px;
}
.map_set .map_area .names .area02_06 {
  margin-top:-90px;
  margin-left:-75px;
}
.map_set .map_area .names .area02_07 {
  margin-top:-60px;
  margin-left:-65px;
}
.map_set .map_area .names .area02_08 {
  margin-top:-155px;
  margin-left:0px;
}
.map_set .map_area .names .area02_09 {
  margin-top:-15px;
  margin-left:-50px;
}
.map_set .map_area .names .area02_10 {
  margin-top:-40px;
  margin-left:-15px;
}
.map_set .map_area .names .area02_11 {
  margin-top:-90px;
  margin-left:45px;
}
.map_set .map_area .names .area02_12 {
  margin-top:15px;
  margin-left:-30px;
}
.map_set .map_area .names .area02_13 {
  margin-top:15px;
  margin-left:-145px;
}
.map_set .map_area .names .area02_14 {
  margin-top:20px;
  margin-left:-95px;
}
.map_set .map_area .names .area02_15 {
  margin-top:60px;
  margin-left:-160px;
}
.map_set .map_area .names .area02_16 {
  margin-top:55px;
  margin-left:-100px;
}
.map_set .map_area .names .area02_17 {
  margin-top:95px;
  margin-left:-135px;
}
.map_set .map_area .names .area02_18 {
  margin-top:80px;
  margin-left:-100px;
}
.map_set .map_area .names .area02_19 {
  margin-top:35px;
  margin-left:-70px;
}
.map_set .map_area .names .area02_20 {
  margin-top:75px;
  margin-left:-60px;
}
.map_set .map_area .names .area02_21 {
  margin-top:55px;
  margin-left:-40px;
}
.map_set .map_area .names .area02_22 {
  margin-top:100px;
  margin-left:-70px;
}
.map_set .map_area .names .area02_23 {
  margin-top:140px;
  margin-left:-110px;
}
.map_set .map_area .names .area02_24 {
  margin-top:145px;
  margin-left:-65px;
}
.map_set .map_area .names .area02_25 {
  margin-top:55px;
  margin-left:5px;
}
.map_set .map_area .names .area02_26 {
  margin-top:120px;
  margin-left:-15px;
}
.map_set .map_area .names .area02_27 {
  margin-top:115px;
  margin-left:50px;
}
.map_set .map_area .names .area02_28 {
  margin-top:20px;
  margin-left:90px;
}
.map_set .map_area .names .area02_29 {
  margin-top:95px;
  margin-left:105px;
}
.map_set .map_area .names .area02_30 {
  margin-top:200px;
  margin-left:-80px;
}
.map_set .map_area .names .area02_31 {
  margin-top:190px;
  margin-left:5px;
}

/* 강원도 */
.map_set .map_area .names .area04_01 {
  margin-top:30px;
  margin-left:130px;
}
.map_set .map_area .names .area04_02 {
  margin-top:-155px;
  margin-left:15px;
}
.map_set .map_area .names .area04_03 {
  margin-top:70px;
  margin-left:190px;
}
.map_set .map_area .names .area04_04 {
  margin-top:105px;
  margin-left:160px;
}
.map_set .map_area .names .area04_05 {
  margin-top:-110px;
  margin-left:60px;
}
.map_set .map_area .names .area04_06 {
  margin-top:-130px;
  margin-left:-70px;
}
.map_set .map_area .names .area04_07 {
  margin-top:-55px;
  margin-left:60px;
}
.map_set .map_area .names .area04_08 {
  margin-top:150px;
  margin-left:20px;
}
.map_set .map_area .names .area04_09 {
  margin-top:130px;
  margin-left:-100px;
}
.map_set .map_area .names .area04_10 {
  margin-top:-80px;
  margin-left:-10px;
}
.map_set .map_area .names .area04_11 {
  margin-top:85px;
  margin-left:90px;
}
.map_set .map_area .names .area04_12 {
  margin-top:-120px;
  margin-left:-225px;
}
.map_set .map_area .names .area04_13 {
  margin-top:-30px;
  margin-left:-120px;
}
.map_set .map_area .names .area04_14 {
  margin-top:180px;
  margin-left:160px;
}
.map_set .map_area .names .area04_15 {
  margin-top:45px;
  margin-left:30px;
}
.map_set .map_area .names .area04_16 {
  margin-top:-105px;
  margin-left:-140px;
}
.map_set .map_area .names .area04_17 {
  margin-top:60px;
  margin-left:-50px;
}
.map_set .map_area .names .area04_18 {
  margin-top:30px;
  margin-left:-110px;
}
/* 충북 */
.map_set .map_area .names .area16_01 {
  margin-top:-70px;
  margin-left:-70px;
}
.map_set .map_area .names .area16_02 {
  margin-top:-150px;
  margin-left:110px;
}
.map_set .map_area .names .area16_03 {
  margin-top:50px;
  margin-left:-90px;
}
.map_set .map_area .names .area16_04 {
  margin-top:180px;
  margin-left:-70px;
}
.map_set .map_area .names .area16_05 {
  margin-top:110px;
  margin-left:-110px;
}
.map_set .map_area .names .area16_06 {
  margin-top:-120px;
  margin-left:-120px;
}
.map_set .map_area .names .area16_07 {
  margin-top:-200px;
  margin-left:40px;
}
.map_set .map_area .names .area16_08 {
  margin-top:-65px;
  margin-left:-140px;
}
.map_set .map_area .names .area16_09 {
  margin-top:-95px;
  margin-left:-180px;
}
.map_set .map_area .names .area16_10 {
  margin-top:-10px;
  margin-left:-170px;
}
.map_set .map_area .names .area16_11 {
  margin-top:-160px;
  margin-left:-50px;
}
/* 충남 */
.map_set .map_area .names .area15_01 {
  margin-top:80px;
  margin-left:90px;
}
.map_set .map_area .names .area15_02 {
  margin-top:-20px;
  margin-left:20px;
}
.map_set .map_area .names .area15_03 {
  margin-top:150px;
  margin-left:150px;
}
.map_set .map_area .names .area15_04 {
  margin-top:115px;
  margin-left:60px;
}
.map_set .map_area .names .area15_05 {
  margin-top:-150px;
  margin-left:-95px;
}
.map_set .map_area .names .area15_06 {
  margin-top:40px;
  margin-left:-115px;
}
.map_set .map_area .names .area15_07 {
  margin-top:95px;
  margin-left:-40px;
}
.map_set .map_area .names .area15_08 {
  margin-top:-100px;
  margin-left:-150px;
}
.map_set .map_area .names .area15_09 {
  margin-top:145px;
  margin-left:-95px;
}
.map_set .map_area .names .area15_10 {
  margin-top:-125px;
  margin-left:0;
}
.map_set .map_area .names .area15_11 {
  margin-top:-90px;
  margin-left:-75px;
}
.map_set .map_area .names .area15_12 {
  margin-top:-130px;
  margin-left:80px;
}
.map_set .map_area .names .area15_13 {
  margin-top:25px;
  margin-left:-40px;
}
.map_set .map_area .names .area15_14 {
  margin-top:-120px;
  margin-left:-230px;
}
.map_set .map_area .names .area15_15 {
  margin-top:-35px;
  margin-left:-120px;
}
/* 경북 */
.map_set .map_area .names .area06_01 {
  margin-top:140px;
  margin-left:-15px;
}
.map_set .map_area .names .area06_02 {
  margin-top:145px;
  margin-left:80px;
}
.map_set .map_area .names .area06_03 {
  margin-top:150px;
  margin-left:-130px;
}
.map_set .map_area .names .area06_04 {
  margin-top:20px;
  margin-left:-100px;
}
.map_set .map_area .names .area06_05 {
  margin-top:40px;
  margin-left:-30px;
}
.map_set .map_area .names .area06_06 {
  margin-top:40px;
  margin-left:-170px;
}
.map_set .map_area .names .area06_07 {
  margin-top:-120px;
  margin-left:-150px;
}
.map_set .map_area .names .area06_08 {
  margin-top:-170px;
  margin-left:30px;
}
.map_set .map_area .names .area06_09 {
  margin-top:-40px;
  margin-left:-170px;
}
.map_set .map_area .names .area06_10 {
  margin-top:95px;
  margin-left:-140px;
}
.map_set .map_area .names .area06_11 {
  margin-top:-85px;
  margin-left:-5px;
}
.map_set .map_area .names .area06_12 {
  margin-top:-35px;
  margin-left:110px;
}
.map_set .map_area .names .area06_13 {
  margin-top:-110px;
  margin-left:75px;
}
.map_set .map_area .names .area06_14 {
  margin-top:-145px;
  margin-left:-40px;
}
.map_set .map_area .names .area06_15 {
  margin-top:70px;
  margin-left:20px;
}
.map_set .map_area .names .area06_16 {
  margin-top:-105px;
  margin-left:-75px;
}
.map_set .map_area .names .area06_18 {
  margin-top:-175px;
  margin-left:110px;
}
.map_set .map_area .names .area06_19 {
  margin-top:-20px;
  margin-left:-40px;
}
.map_set .map_area .names .area06_20 {
  margin-top:175px;
  margin-left:-15px;
}
.map_set .map_area .names .area06_21 {
  margin-top:0px;
  margin-left:60px;
}
.map_set .map_area .names .area06_22 {
  margin-top:70px;
  margin-left:-85px;
}
.map_set .map_area .names .area06_23 {
  margin-top:40px;
  margin-left:90px;
}
/* 경남 */
.map_set .map_area .names .area05_01 {
  margin-top:145px;
  margin-left:35px;
}
.map_set .map_area .names .area05_02 {
  margin-top:-165px;
  margin-left:-180px;
}
.map_set .map_area .names .area05_03 {
  margin-top:95px;
  margin-left:-60px;
}
.map_set .map_area .names .area05_04 {
  margin-top:0;
  margin-left:100px;
}
.map_set .map_area .names .area05_05 {
  margin-top:170px;
  margin-left:-160px;
}
.map_set .map_area .names .area05_06 {
  margin-top:-70px;
  margin-left:75px;
}
.map_set .map_area .names .area05_07 {
  margin-top:80px;
  margin-left:-130px;
}
.map_set .map_area .names .area05_08 {
  margin-top:-25px;
  margin-left:-175px;
}
.map_set .map_area .names .area05_09 {
  margin-top:-40px;
  margin-left:150px;
}
.map_set .map_area .names .area05_10 {
  margin-top:-40px;
  margin-left:-65px;
}
.map_set .map_area .names .area05_11 {
  margin-top:30px;
  margin-left:-115px;
}
.map_set .map_area .names .area05_12 {
  margin-top:-90px;
  margin-left:-10px;
}
.map_set .map_area .names .area05_13 {
  margin-top:25px;
  margin-left:30px;
}
.map_set .map_area .names .area05_14 {
  margin-top:130px;
  margin-left:-30px;
}
.map_set .map_area .names .area05_15 {
  margin-top:40px;
  margin-left:-210px;
}
.map_set .map_area .names .area05_16 {
  margin-top:-10px;
  margin-left:-20px;
}
.map_set .map_area .names .area05_17 {
  margin-top:-110px;
  margin-left:-225px;
}
.map_set .map_area .names .area05_18 {
  margin-top:-110px;
  margin-left:-100px;
}
/* 전북 */
.map_set .map_area .names .area13_01 {
  margin-top:90px;
  margin-left:-200px;
}
.map_set .map_area .names .area13_02 {
  margin-top:-105px;
  margin-left:-150px;
}
.map_set .map_area .names .area13_03 {
  margin-top:-34px;
  margin-left:-115px;
}
.map_set .map_area .names .area13_04 {
  margin-top:110px;
  margin-left:40px;
}
.map_set .map_area .names .area13_05 {
  margin-top:-100px;
  margin-left:145px;
}
.map_set .map_area .names .area13_06 {
  margin-top:10px;
  margin-left:-190px;
}
.map_set .map_area .names .area13_07 {
  margin-top:115px;
  margin-left:-40px;
}
.map_set .map_area .names .area13_08 {
  margin-top:-110px;
  margin-left:-5px;
}
.map_set .map_area .names .area13_09 {
  margin-top:-140px;
  margin-left:-80px;
}
.map_set .map_area .names .area13_10 {
  margin-top:40px;
  margin-left:-10px;
}
.map_set .map_area .names .area13_11 {
  margin-top:45px;
  margin-left:75px;
}
.map_set .map_area .names .area13_12 {
  margin-top:-55px;
  margin-left:-55px;
}
.map_set .map_area .names .area13_13 {
  margin-top:30px;
  margin-left:-110px;
}
.map_set .map_area .names .area13_14 {
  margin-top:-60px;
  margin-left:60px;
}
/* 전남 */
.map_set .map_area .names .area12_01 {
  margin-top:30px;
  margin-left:-55px;
}
.map_set .map_area .names .area12_02 {
  margin-top:45px;
  margin-left:90px;
}
.map_set .map_area .names .area12_03 {
  margin-top:-150px;
  margin-left:60px;
}
.map_set .map_area .names .area12_04 {
  margin-top:-90px;
  margin-left:160px;
}
.map_set .map_area .names .area12_05 {
  margin-top:-140px;
  margin-left:120px;
}
.map_set .map_area .names .area12_06 {
  margin-top:-70px;
  margin-left:-65px;
}
.map_set .map_area .names .area12_07 {
  margin-top:-160px;
  margin-left:0px;
}
.map_set .map_area .names .area12_08 {
  margin-top:-15px;
  margin-left:-160px;
}
.map_set .map_area .names .area12_09 {
  margin-top:-55px;
  margin-left:-140px;
}
.map_set .map_area .names .area12_10 {
  margin-top:-20px;
  margin-left:40px;
}
.map_set .map_area .names .area12_11 {
  margin-top:-75px;
  margin-left:90px;
}
.map_set .map_area .names .area12_12 {
  margin-top:-25px;
  margin-left:-225px;
}
.map_set .map_area .names .area12_13 {
  margin-top:-15px;
  margin-left:155px;
}
.map_set .map_area .names .area12_14 {
  margin-top:-160px;
  margin-left:-130px;
}
.map_set .map_area .names .area12_15 {
  margin-top:-15px;
  margin-left:-85px;
}
.map_set .map_area .names .area12_16 {
  margin-top:155px;
  margin-left:-15px;
}
.map_set .map_area .names .area12_17 {
  margin-top:-170px;
  margin-left:-60px;
}
.map_set .map_area .names .area12_18 {
  margin-top:-5px;
  margin-left:-25px;
}
.map_set .map_area .names .area12_19 {
  margin-top:90px;
  margin-left:-185px;
}
.map_set .map_area .names .area12_20 {
  margin-top:-110px;
  margin-left:-130px;
}
.map_set .map_area .names .area12_21 {
  margin-top:80px;
  margin-left:-105px;
}
.map_set .map_area .names .area12_22 {
  margin-top:-80px;
  margin-left:10px;
}
/* 제주 */
.map_set .map_area .names .area14_01 {
  margin-top:40px;
  margin-left:-80px;
}
.map_set .map_area .names .area14_02 {
  margin-top:-65px;
  margin-left:-50px;
}
.map_set .map_area .names .area14_03 {
  margin-top:20px;
  margin-left:-260px;
}
.map_set .map_area .names .area14_04 {
  margin-top:-10px;
  margin-left:-220px;
}
.map_set .map_area .names .area14_05 {
  margin-top:-45px;
  margin-left:-155px;
}
.map_set .map_area .names .area14_06 {
  margin-top:-85px;
  margin-left:45px;
}
.map_set .map_area .names .area14_07 {
  margin-top:-90px;
  margin-left:120px;
}
.map_set .map_area .names .area14_08 {
  margin-top:60px;
  margin-left:-240px;
}
.map_set .map_area .names .area14_09 {
  margin-top:30px;
  margin-left:-180px;
}
.map_set .map_area .names .area14_10 {
  margin-top:10px;
  margin-left:40px;
}
.map_set .map_area .names .area14_11 {
  margin-top:-30px;
  margin-left:90px;
}
.map_set .map_area .names .area14_12 {
  margin-top:-40px;
  margin-left:155px;
}
.map_set .map_area .names .area14_13 {
  margin-top:-130px;
  margin-left:220px;
}
/* 부산 */
.map_set .map_area .names .area10_01 {
  margin-top:60px;
  margin-left:-200px;
}
.map_set .map_area .names .area10_02 {
  margin-top:-95px;
  margin-left:15px;
}
.map_set .map_area .names .area10_03 {
  margin-top:-130px;
  margin-left:110px;
}
.map_set .map_area .names .area10_04 {
  margin-top:65px;
  margin-left:30px;
}
.map_set .map_area .names .area10_05 {
  margin-top:45px;
  margin-left:-5px;
}
.map_set .map_area .names .area10_06 {
  margin-top:-35px;
  margin-left:5px;
}
.map_set .map_area .names .area10_07 {
  margin-top:20px;
  margin-left:-30px;
}
.map_set .map_area .names .area10_08 {
  margin-top:-50px;
  margin-left:-40px;
}
.map_set .map_area .names .area10_09 {
  margin-top:25px;
  margin-left:-85px;
}
.map_set .map_area .names .area10_10 {
  margin-top:105px;
  margin-left:-85px;
}
.map_set .map_area .names .area10_11 {
  margin-top:65px;
  margin-left:-40px;
}
.map_set .map_area .names .area10_12 {
  margin-top:30px;
  margin-left:50px;
}
.map_set .map_area .names .area10_13 {
  margin-top:-10px;
  margin-left:10px;
}
.map_set .map_area .names .area10_14 {
  margin-top:115px;
  margin-left:5px;
}
.map_set .map_area .names .area10_15 {
  margin-top:85px;
  margin-left:-17px;
}
.map_set .map_area .names .area10_16 {
  margin-top:-5px;
  margin-left:75px;
}
/* 인천 */
.map_set .map_area .names .area03_01 {
  margin-top:-110px;
  margin-left:-50px;
}
.map_set .map_area .names .area03_02 {
  margin-top:-10px;
  margin-left:80px;
}
.map_set .map_area .names .area03_03 {
  margin-top:0;
  margin-left:160px;
}
.map_set .map_area .names .area03_04 {
  margin-top:50px;
  margin-left:160px;
}
.map_set .map_area .names .area03_05 {
  margin-top:130px;
  margin-left:160px;
}
.map_set .map_area .names .area03_06 {
  margin-top:100px;
  margin-left:100px;
}
.map_set .map_area .names .area03_07 {
  margin-top:70px;
  margin-left:85px;
}
.map_set .map_area .names .area03_08 {
  margin-top:35px;
  margin-left:-60px;
}
.map_set .map_area .names .area03_09 {
  margin-top:45px;
  margin-left:-175px;
}
.map_set .map_area .names .area03_10 {
  margin-top:130px;
  margin-left:95px;
}
/* 세종 */
/*.map_set .map_area .names .area17_01 {margin-top:-230px;margin-left:-140px;}
	.map_set .map_area .names .area17_02 {margin-top:-155px;margin-left:-135px;}
	.map_set .map_area .names .area17_03 {margin-top:-135px;margin-left:-50px;}
	.map_set .map_area .names .area17_04 {margin-top:-60px;margin-left:10px;}
	.map_set .map_area .names .area17_05 {margin-top:-25px;margin-left:-60px;}
	.map_set .map_area .names .area17_06 {margin-top:150px;margin-left:-90px;}
	.map_set .map_area .names .area17_07 {margin-top:65px;margin-left:10px;}
	.map_set .map_area .names .area17_08 {margin-top:20px;margin-left:45px;}
	.map_set .map_area .names .area17_09 {margin-top:50px;margin-left:110px;}
	.map_set .map_area .names .area17_10 {margin-top:50px;margin-left:-95px;}
	.map_set .map_area .names .area17_11 {margin-top:95px;margin-left:-15px;}
	.map_set .map_area .names .area17_12 {margin-top:50px;margin-left:-5px;}
	.map_set .map_area .names .area17_13 {margin-top:70px;margin-left:-80px;}
	.map_set .map_area .names .area17_14 {margin-top:85px;margin-left:-80px;}
	.map_set .map_area .names .area17_15 {margin-top:100px;margin-left:-80px;}
	.map_set .map_area .names .area17_16 {margin-top:110px;margin-left:-25px;}
	.map_set .map_area .names .area17_17 {margin-top:126px;margin-left:-41px;}
	.map_set .map_area .names .area17_18 {margin-top:145px;margin-left:-2px;}
	.map_set .map_area .names .area17_19 {margin-top:127px;margin-left:20px;}
	.map_set .map_area .names .area17_20 {margin-top:110px;margin-left:40px;}
	.map_set .map_area .names .area17_21 {margin-top:90px;margin-left:60px;}
	.map_set .map_area .names .area17_22 {margin-top:170px;margin-left:-10px;}*/
/* 대전 */
.map_set .map_area .names .area09_01 {
  margin-top:-85px;
  margin-left:-2px;
}
.map_set .map_area .names .area09_02 {
  margin-top:-10px;
  margin-left:45px;
}
.map_set .map_area .names .area09_03 {
  margin-top:60px;
  margin-left:-100px;
}
.map_set .map_area .names .area09_04 {
  margin-top:-50px;
  margin-left:-100px;
}
.map_set .map_area .names .area09_05 {
  margin-top:45px;
  margin-left:-15px;
}
/* 대구 */
.map_set .map_area .names .area08_01 {
  margin-top:-35px;
  margin-left:10px;
}
.map_set .map_area .names .area08_02 {
  margin-top:-25px;
  margin-left:-55px;
}
.map_set .map_area .names .area08_03 {
  margin-top:40px;
  margin-left:-70px;
}
.map_set .map_area .names .area08_04 {
  margin-top:-120px;
  margin-left:60px;
}
.map_set .map_area .names .area08_05 {
  margin-top:-120px;
  margin-left:-5px;
}
.map_set .map_area .names .area08_06 {
  margin-top:-70px;
  margin-left:-30px;
}
.map_set .map_area .names .area08_07 {
  margin-top:-40px;
  margin-left:60px;
}
.map_set .map_area .names .area08_08 {
  margin-top:-60px;
  margin-left:10px;
}
/* 광주 */
.map_set .map_area .names .area07_01 {
  margin-top:-30px;
  margin-left:-100px;
}
.map_set .map_area .names .area07_02 {
  margin-top:50px;
  margin-left:10px;
}
.map_set .map_area .names .area07_03 {
  margin-top:30px;
  margin-left:80px;
}
.map_set .map_area .names .area07_04 {
  margin-top:-60px;
  margin-left:50px;
}
.map_set .map_area .names .area07_05 {
  margin-top:2px;
  margin-left:-5px;
}
/* 울산 */
.map_set .map_area .names .area11_01 {
  margin-top:5px;
  margin-left:40px;
}
.map_set .map_area .names .area11_02 {
  margin-top:5px;
  margin-left:100px;
}
.map_set .map_area .names .area11_03 {
  margin-top:-35px;
  margin-left:20px;
}
.map_set .map_area .names .area11_04 {
  margin-top:-45px;
  margin-left:-80px;
}
.map_set .map_area .names .area11_05 {
  margin-top:-65px;
  margin-left:80px;
}
/* 일반 - 상세 */
.general_top {
  display:flex;
  align-items:center;
  gap:80px;
  margin-bottom:80px;
}
.general_top .img_area {
  width:904px;
  display:flex;
  gap:16px;
}
.general_top .img_area .large_image {
  width:750px;
  height:500px;
  overflow:hidden;
  border-radius:4px;
}
.general_top .img_area .large_image .swiper-slide img,
.general_top .img_area .small_image .swiper-slide img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.general_top .img_area .small_image {
  width:138px;
  height:500px;
  overflow:hidden;
}
.general_top .img_area .small_image .swiper-slide {
  position:relative;
  height:92px;
  border-radius:2px;
  overflow:hidden;
}
.general_top .img_area .small_image .swiper-slide:before,
.general_top .img_area .small_image .swiper-slide:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:0.2s linear;}
.general_top .img_area .small_image .swiper-slide:before {background:#0009 url("/images/icon_all_photo_view.svg") no-repeat 50% 50%;}
.general_top .img_area .small_image .swiper-slide:after {border:#dbb465 2px solid;border-radius:inherit;}
.general_top .img_area .small_image .swiper-slide button {
  display:block;
  width:100%;
  height:100%;
}
.general_top .img_area .small_image .swiper-slide-thumb-active:after {opacity:1;}
.general_top .txt_area {
  width:696px;
}
.general_top .txt_area .tit {
  font-size:32px;
  color:#131416;
  font-weight:500;
  line-height:1.5;
  margin:24px 0 8px;
}
.general_top .txt_area .pay_area {
  padding-top:32px;
  margin-top:32px;
}
.general_top .txt_area .pay_area dt {
  font-size:17px;
  color:#4a4b4d;
  font-weight:600;
}
.general_top .txt_area .pay_area strong {
  font-size:40px;
  line-height:1.3;
}
.general_top .txt_area .btns {
  margin-top:40px;
  display:flex;
  gap:12px;
}
.general_top .txt_area .btns .btn {
  width:calc(50% - 6px);
}
.order_view_wrap {
  position:relative;
}
.order_view_wrap.start {
  padding-top:124px;
}
.order_view_wrap.start .tabs_under {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  padding:0 120px;
  margin:0;
  z-index:10;
}
.order_view_area.intab .order_remot.fixed {
  top:45px;
}
.car_info li {
  display:flex;
  align-items:center;
  gap:40px;
  border:#e0dedc 1px solid;
  border-radius:4px;
  padding:24px;
}
.car_info .imgfit {
  width:330px;
  aspect-ratio:3/2;
  border:#e0dedc 1px solid;
  border-radius:4px;
}
.car_info .txt {
  width:calc(100% - 370px);
}
.car_info h4 {
  font-size:22px;
  color:#131416;
  line-height:1.55;
  margin-bottom:4px;
}
.car_info p {
  font-size:16px;
  text-overflow:ellipsis;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.order_view_area .btn_more {
  font-size:14px;
  font-weight:500;
  line-height:24px;
  padding-right:24px;
  background:url("/images/arrow_more.svg") no-repeat 100% 50%;
}
.general_option {
  display:flex;
  flex-wrap:wrap;
  gap:32px;
}
.general_option li {
  width:calc(50% - 16px);
  display:flex;
  align-items:center;
  gap:16px;
}
.general_option li .imgfit {
  width:200px;
  aspect-ratio:50/33;
  border:#e0dedc 1px solid;
}
.general_option li .txt {
  width:calc(100% - 216px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
}
.general_option h4 {
  font-size:17px;
  color:#131416;
  font-weight:500;
}
.order_view_area .detail {
  font-size:16px;
  color:#1e2124;
}
.order_view_area .detail img {
  height:auto !important;
}
.order_view_area .detail h4 {
  font-size:17px;
  font-weight:600;
  margin:24px 0 4px;
}
.order_view_area .detail ol {
  list-style:decimal;
  padding-left:20px;
}

.order_remot.ver_general {
  padding:0;
}
.order_remot.ver_general .option_area {
  padding:32px 32px 0;
}
.order_remot.ver_general .tit {
  margin-bottom:8px;
}
.order_remot.ver_general .total {
  padding:32px 32px 0;
  margin-top:32px;
  font-size:16px;
  align-items:baseline;
}
.order_remot.ver_general .btns_btm {
  padding:0 32px 32px;
}
.pop_option_wrap .inbox {
  width:1000px;
}
.pop_option_area {
  display:flex;
  align-items:center;
  gap:40px;
}
.pop_option_area .imgfit {
  width:440px;
  aspect-ratio:110/73;
  border:#e0dedc 1px solid;
  border-radius:4px;
}
.pop_option_area .txt {
  width:calc(100% - 480px);
}
.pop_option_area .scroll {
  max-height:204px;
}
.pop_option_area h4 {
  font-size:26px;
  color:#1e2124;
  font-weight:500;
  line-height:1.55;
}
.pop_option_area p {
  font-size:16px;
  margin-top:8px;
}
.pop_option_area .total {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  font-size:16px;
  color:#7a7c7f;
  padding-top:24px;
  margin-top:24px;
  border-top:#e0dedc 1px solid;
}
.pop_option_area .total .payment {
  display:flex;
  align-items:baseline;
  gap:4px;
}
.pop_option_area .total .payment strong {
  font-size:26px;
  color:#131416;
  font-weight:400;
  line-height:1.55;
}

/* RESERVATION */
body[class*="fp-viewing-reservation0"] .header .logo {
  background:#2f2317;
  mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/logo.svg") no-repeat 50% 50% / contain;
}
body[class*="fp-viewing-reservation0"] .header .logo img {
  opacity:0;
}
body[class*="fp-viewing-reservation0"] .header .gnb > li > a {
  color:#131416;
}
body[class*="fp-viewing-reservation0"] .header .member,
body[class*="fp-viewing-reservation0"] .header .btn_menu span {
  background:#131416;
}
body.fp-viewing-reservation01 .header .logo,
body.fp-viewing-reservation06.scroll_up .header .logo {
  background:#cccdcc;
}
body.fp-viewing-reservation01 .header .gnb > li > a,
body.fp-viewing-reservation06.scroll_up .header .gnb > li > a {
  color:#fff;
}
body.fp-viewing-reservation01 .header .member,
body.fp-viewing-reservation06.scroll_up .header .member,
body.fp-viewing-reservation01 .header .btn_menu span,
body.fp-viewing-reservation06.scroll_up .header .btn_menu span {
  background:#fff;
}
.svisual.g05.s01 {
  margin-bottom:100px;
}
.reservation_wrap {
  background:#f8f6f0;
  height:100vh;
}
.reservation_wrap .fullpage-wrapper {
  background:#f8f6f0;
}
.reservation_wrap .section {
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.reservation_wrap .section.reservation00 {
  height:auto;
  overflow:hidden;
  background:#f8f6f0;
}
.reservation_wrap .section.reservation06,
.reservation_wrap .reservation_footer {
  height:auto;
}
.reservation_wrap .reservation_footer .footer {
  width:100%;
}
.fullpage-wrapper .mo_fake_aos {
  position:sticky;
  transform:translateY(100px);
  opacity:0 !important;
  transition:0.6s linear;
}
.fullpage-wrapper .mo_fake_aos.mo_start {
  transform:translateY(0);
  opacity:1 !important;
}
body[class*="reservation"] .section .fp-tableCell {
  opacity:1 !important;
}
body[class*="reservation"] .section.scale-down .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation02"]
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation03"]
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation04"]
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation05"]
  .fp-tableCell,
body.scroll_up.fp-viewing-reservation03 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation04 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation04 .reservation03 .fp-tableCell,
body.scroll_up.fp-viewing-reservation05 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation05 .reservation03 .fp-tableCell,
body.scroll_up.fp-viewing-reservation05 .reservation04 .fp-tableCell,
body.scroll_up.fp-viewing-reservation06 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation06 .reservation03 .fp-tableCell,
body.scroll_up.fp-viewing-reservation06 .reservation04 .fp-tableCell,
body[class*="reservation"].scroll_up .section .fp-tableCell {
  position:sticky;
  transform:translateY(0) !important;
}
.fullpage-wrapper .mo_hauto .fp-tableCell {
  position:relative !important;
  height:auto !important;
}
.fullpage-wrapper .mo_hauto .reservation_box .inner {
  height:auto;
}

.reservation_wrap .section.reservation01 {position:relative; height:auto; z-index:1;}
.reservation_wrap .section.reservation01 .bg {position:absolute; top:100px; left:0; width:100%; height:100vh; background:url("/images/bg_reservation01.jpg") no-repeat 50% 50% / cover; z-index:-1; opacity:0; transition:0.6s linear;}
.reservation_wrap .section.reservation01 .flex_center {position:relative; top:100px; opacity:0; transition:0.6s linear;}
.reservation_wrap .section.reservation01.mo_start .bg {top:0; opacity:1;}
.reservation_wrap .section.reservation01.mo_start .flex_center {top:0; opacity:1;}
.reservation_wrap .section.reservation01.bg_start .bg {position:fixed;}
.reservation_wrap .section.reservation01.bg_end .bg {position:absolute; top:auto; bottom:0;}
.reservation01 .flex_center {
  min-height:100vh;
  padding:100px 20px;
}
.reservation01 h2 {
  font-size:56px;
  color:#fff;
  text-shadow:#0000004d 0 2px 4px;
  line-height:1.25;
  text-align:center;
}
.reservation01 p {
  color:#fff;
  margin-top:24px;
}
.reservation01 .btn {
  margin-top:64px;
}
.reservation_box {
  background:#f8f6f0;
  transition:cubic-bezier(0.645, 0.045, 0.355, 1);
  transform:translateY(0);
  opacity:1;
  width:100%;
}
.reservation_box .inner {
  display:flex;
  align-items:center;
  gap:120px;
  height:100vh;
  padding-top:92px;
}
.reservation_box .imgfit,
.reservation_box .txt {
  width:calc(50% - 60px);
}
.reservation_box .imgfit {
  height:calc(100vh - 160px);
}
.reservation_box .txt {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.reservation_box .txt .num {
  position:absolute;
  top:-80px;
  right:0;
  font-size:200px;
  color:transparent;
  line-height:1;
  font-family:"NexonLv1Gothic";
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#2f23171a;
}
.reservation_box .txt .step {
  font-size:14px;
  color:#fff;
  font-weight:600;
  line-height:32px;
  height:32px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:8px;
  background:#2f2317;
}
.reservation_box .txt .step:before {
  content:"";
  display:block;
  width:6px;
  height:11px;
  background:url("/images/icon_copyright.svg") no-repeat 50% 50% / contain;
}
.reservation_box .txt h2 {
  font-size:44px;
  color:#131416;
  font-weight:500;
  line-height:1.32;
  margin:32px 0 16px;
}
.reservation_box .txt > p + p {
  margin-top:12px;
}
.reservation_box .txt .gbox {
  margin-top:40px;
  padding:32px;
  background:#eeeae2;
  display:flex;
  flex-direction:column;
  gap:32px;
  width:100%;
}
.reservation_box .txt .gbox li {
  padding-left:20px;
}
.reservation_box .txt .gbox h3 {
  position:relative;
  font-size:20px;
  color:#1e2124;
  font-weight:500;
  line-height:32px;
  margin-bottom:4px;
}
.reservation_box .txt .gbox h3:before {
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  width:8px;
  height:100%;
  background:url("/images/icon_logotit.svg") no-repeat 50% 50% / contain;
}
.reservation_box .txt .gbox li p {
  font-size:16px;
}
.reservation_box .txt .dots_list li {
  display:flex;
  flex-wrap:wrap;
  gap:0 6px;
  padding-left:10px;
}
.reservation_box .txt .dots_list li:before {
  top:10px;
}
.reservation06 {
  padding:160px 0;
  background:url("/images/bg_reservation06.jpg") no-repeat 50% 50% / cover;
}
.reservation06 h2 {
  font-size:44px;
  color:#fff;
  font-weight:500;
  line-height:1.32;
  margin-bottom:64px;
  text-align:center;
}
/* sticky 구간 섹션에만 고정 효과 적용 */
body.in-sticky-zone .fp-sections-container {
  transform:translate3d(0, 0, 0) !important;
  transition:none !important;
}
body.in-sticky-zone .section[data-anchor="reservation02"] .fp-tableCell,
body.in-sticky-zone .section[data-anchor="reservation03"] .fp-tableCell,
body.in-sticky-zone .section[data-anchor="reservation04"] .fp-tableCell,
body.in-sticky-zone .section[data-anchor="reservation05"] .fp-tableCell {
  position:absolute;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change:transform;
  display:flex;
  align-items:center;
}

body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation02"]
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation03"]
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation04"]
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation05"]
  .fp-tableCell {
  transform:translateY(100vh);
}
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation02"].active
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation03"].active
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation04"].active
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation05"].active
  .fp-tableCell {
  transform:translateY(0) !important;
}
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation02"].fp-completely
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation03"].fp-completely
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation04"].fp-completely
  .fp-tableCell,
body.scroll_down.in-sticky-zone
  .section[data-anchor="reservation05"].fp-completely
  .fp-tableCell {
  position:relative;
  transform:translateY(0);
  opacity:1;
}
body.scroll_down.fp-viewing-reservation04 .reservation02,
body.scroll_down.fp-viewing-reservation05 .reservation03,
body.scroll_down.fp-viewing-reservation06 .reservation04 {
  opacity:0;
}
body[class*="reservation"] .section.scale-down .fp-tableCell {
  transform:translateY(100vh) scale(0.95) !important;
  opacity:0.5;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

body[class*="reservation"].scroll_up .section .fp-tableCell {
  transform:translateY(0) scale(1) !important;
  opacity:1;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
body.scroll_up.fp-viewing-reservation03 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation04 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation04 .reservation03 .fp-tableCell,
body.scroll_up.fp-viewing-reservation05 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation05 .reservation03 .fp-tableCell,
body.scroll_up.fp-viewing-reservation05 .reservation04 .fp-tableCell,
body.scroll_up.fp-viewing-reservation06 .reservation02 .fp-tableCell,
body.scroll_up.fp-viewing-reservation06 .reservation03 .fp-tableCell,
body.scroll_up.fp-viewing-reservation06 .reservation04 .fp-tableCell {
  transform:translateY(100vh) scale(1) !important;
  opacity:0 !important;
  transition:none;
}
body[class*="reservation"] .section.scale-up .fp-tableCell {
  transform:translateY(100vh) scale(0.95) !important;
  opacity:0.5;
  transition:none;
}
body[class*="reservation"].scroll_up .section.scale-up.active .fp-tableCell {
  transform:translateY(0) scale(1) !important;
  opacity:1;
  transition:
    transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    opacity 1.1s !important;
}
/* RESERVATION 쓰기 */
.item_select {
  background:#eeeae2;
  border:#e0dedc 1px solid;
  border-radius:4px;
  padding:25px 24px;
  display:flex;
  align-items:flex-start;
  gap:24px;
  margin-top:16px;
}
.item_select .imgfit {
  width:240px;
  height:auto;
  aspect-ratio:3/2;
}
.item_select .txt {
  width:calc(100% - 264px);
}
.star_top {
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:10px;
}
.star_top .new,
.star_top .vip {
  font-size:12px;
  color:#fff;
  font-weight:500;
  line-height:20px;
  width:50px;
  border-radius:2px;
  text-align:center;
}
.star_top .new {
  background:#a01818;
}
.star_top .vip {
  background:#c5a059;
}
.star_top .star {
  font-size:14px;
  color:#2f2317;
  font-weight:500;
  line-height:1.7;
  padding-left:18px;
  background:url("/images/btn_star_on.svg") no-repeat 0 50% / 14px;
  margin:0 16px;
}
.star_top .people {
  position:relative;
  font-size:14px;
  color:#7a7c7f;
  line-height:1.7;
}
.star_top .people:before {
  content:"";
  position:absolute;
  top:50%;
  left:-8px;
  width:1px;
  height:12px;
  background:#c1bdba4d;
  transform:translateY(-50%);
}
.item_select .tit {
  font-size:20px;
  color:#131416;
  font-weight:500;
  line-height:1.6;
  margin-bottom:2px;
}
.item_select p {
  font-size:16px;
  color:#4a4b4d;
}
.item_select .pay_area {
  padding-top:16px;
  margin-top:16px;
}
.item_select .pay_area dt {
  font-size:16px;
  color:#4a4b4d;
  font-weight:500;
}
.item_select .pay_area strong {
  font-size:20px;
  line-height:1.6;
}
.datepick_area {
  display:flex;
  align-items:center;
  font-size:16px;
}
.datepick_area span {
  color:#4a4b4d;
  font-weight:500;
  padding-right:8px;
}
.datepick_area span ~ span {
  padding-left:16px;
}
.datepick_area .text {
  width:196px;
}

/* PARTNERS */
/* 파트너 소개 */
.partners_about01 {
  position:relative;
  background:#eeeae2;
  overflow:hidden;
  height:300vh;
}
.partners_about01 .inbox {
  padding:170px 0;
  height:100vh;
}
.partners_about01 .img_side {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-between;
}
.partners_about01 .img_side .box {
  display:flex;
}
.partners_about01 .img_side .leftbox {
  align-items:flex-start;
  transform:translateY(-100vh);
}
.partners_about01 .img_side .rightbox {
  align-items:flex-end;
  transform:translateY(100vh);
}
.partners_about01 .left {
  left:0;
  background-image:url("/images/img_partners_about01_left.jpg") !important;
}
.partners_about01 .right {
  right:0;
  background-image:url("/images/img_partners_about01_right.jpg") !important;
}
.partners_about01 .img_motion {
  display:block;
  width:480px;
  aspect-ratio:3/4;
  background:no-repeat 50% 50% / cover;
  transition:transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change:transform;
}
.partners_about01 .txt {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  gap:24px;
  text-align:center;
  pointer-events:none;
  z-index:2;
}
.partners_about01 h2 {
  font-size:44px;
  color:#131416;
  font-weight:500;
  line-height:1.32;
}
.partners_about02 {
  height:100vh;
  background:url("/images/bg_partners_about02.jpg") no-repeat 50% 50% / cover;
}
.partners_about02 .inner {
  height:100%;
  text-align:center;
}
.partners_about02 span {
  font-size:17px;
  color:#c5a059;
  font-weight:500;
  line-height:1.65;
}
.partners_about02 h2 {
  font-size:56px;
  color:#fff;
  line-height:1.25;
  text-shadow:#0000003d 0 2px 4px;
  margin:24px 0 80px;
}
.partners_about02 .btn {
  width:220px;
}
.partners_about01.start .inbox {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
}
.partners_about01.end .inbox,
.partners_about01.end .txt {
  position:absolute;
  top:auto;
  bottom:0;
  width:100vw;
  height:100vh;
  opacity:1;
}
/* 협력업체 */
.partners_list .list {
  border-top:#e0dedc 1px solid;
}
.partners_list .list li {
  border-bottom:#e0dedc 1px solid;
  padding-top:64px;
  padding-bottom:64px;
  display:flex;
  align-items:center;
  gap:56px;
}
.partners_list .list .img {
  width:320px;
  text-align:center;
}
.partners_list .list .txt {
  width:calc(100% - 376px);
}
.partners_list .list .name {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:16px;
}
.partners_list .list h3 {
  font-size:26px;
  color:#131416;
  font-weight:500;
  line-height:40px;
  padding-left:26px;
  background:url("/images/icon_logotit.svg") no-repeat 0 50%;
}
.partners_list .list span {
  font-size:17px;
  color:#4a4b4d;
}
.case_Studies_wrap {
  background:#2f2317;
  padding:160px 0;
}
.case_Studies_wrap .sub_title .e_name,
.case_Studies_wrap .sub_title .page_name {
  color:#fff;
}
.case_list {
  display:flex;
  flex-direction:column;
  gap:48px;
  overflow:hidden;
  width:100%;
}
.case_list .case_box {
  border-top:#53493e 1px solid;
  border-bottom:#53493e 1px solid;
  overflow:hidden;
  width:100%;
}
.case_list ul {
  position:relative;
  display:flex;
  white-space:nowrap;
  will-change:transform;
  width:max-content;
  transform:translateX(0);
}
.case_list li {
  border-right:#53493e 1px solid;
  padding:48px 72px;
  width:720px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.case_list li:nth-child(2n-1) {
  background:#00000033;
}
.case_list li strong {
  position:relative;
  display:block;
  font-size:22px;
  color:#fff;
  font-weight:500;
  line-height:1.55;
  margin-bottom:16px;
}
.case_list li strong:before,
.case_list li strong:after {
  content:"";
  position:absolute;
  top:0;
  width:14px;
  height:12px;
  background:#f6e0b866;
  mask:url("/images/icon_dda.svg") no-repeat 50% 50% / contain;
  -webkit-mask:url("/images/icon_dda.svg") no-repeat 50% 50% / contain;
}
.case_list li strong:before {
  left:-24px;
}
.case_list li strong:after {
  right:-24px;
  transform:rotate(180deg);
}
.case_list li p {
  font-size:17px;
  color:#d5d3d1;
  line-height:28px;
  height:112px;
  white-space:normal;
  text-overflow:ellipsis;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.case_list li .name {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:14px;
  color:#d5d3d1;
  line-height:1.7;
  margin-top:54px;
}
.case_list li .name span {
  position:relative;
  font-weight:600;
}
.case_list li .name span:after {
  content:"";
  position:absolute;
  top:50%;
  right:-8px;
  width:1px;
  height:12px;
  background:#e0dedc33;
  transform:translateY(-50%);
}
.animate_left {
  animation:marqueeLeft var(--duration) linear infinite;
}
.animate_right {
  animation:marqueeRight var(--duration) linear infinite;
}
@keyframes marqueeLeft {
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(-50%);
  }
}

@keyframes marqueeRight {
  0% {
    transform:translateX(-50%);
  }
  100% {
    transform:translateX(0);
  }
}

/* COMMUNITY */
/* FAQ */
.faq_wrap {
  border-top:#2f2317 1px solid;
}
.faq_wrap *[class*="faq_"] {
  position:relative;
  padding:25px 88px 25px 80px;
}
.faq_wrap .faq_q {
  border-bottom:#e0dedc 1px solid;
  color:#1e2124;
  font-weight:500;
  line-height:32px;
  width:100%;
  text-align:left;
  white-space:normal;
  word-break:break-word;
}
.faq_wrap .faq_a {
  background:#eeeae2;
  display:none;
}
.faq_wrap *[class*="faq_"]:before {
  position:absolute;
  top:25px;
  left:32px;
  width:32px;
  height:32px;
  line-height:32px;
  text-align:center;
  border-radius:50%;
}
.faq_wrap .faq_q:before {
  content:"Q";
  color:#fff;
  background:#2f2317;
}
.faq_wrap .faq_a:before {
  content:"A";
  color:#2f2317;
  background:#fff;
}
.faq_wrap .faq_a {
  word-break:break-word;
}
.faq_wrap .faq_a img {
  height:auto !important;
}
.faq_wrap .faq_q i {
  position:absolute;
  top:0;
  right:32px;
  width:32px;
  height:100%;
}
.faq_wrap .faq_q i:before,
.faq_wrap .faq_q i:after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  background:#2f2317;
  transition:0.2s linear;
  transform:translate(-50%, -50%);
}
.faq_wrap .faq_q i:before {
  width:20px;
  height:2px;
}
.faq_wrap .faq_q i:after {
  width:2px;
  height:20px;
}
.faq_wrap .on .faq_q i:after {
  width:20px;
  height:2px;
}

/* 회원 */
.member_area {
  max-width:520px;
  margin:0 auto;
}
.member_area.dl_slice {
  max-width:600px;
}
.member_area .tit {
  font-size:17px;
  color:#131416;
  font-weight:500;
  display:block;
  margin-bottom:8px;
}
.member_area .tit ~ .tit {
  margin-top:16px;
}
.member_area .text {
  width:100%;
  background:none;
  border:#c1bdbacc 1px solid;
}
.member_area .join_password_hint {
  font-size:15px;
  line-height:1.55;
  margin-top:5px;
  /* white-space:nowrap; */
}
.member_area .contact_manager_head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-top:48px;
}
.member_area .contact_manager_head .htit {
  margin-top:0;
}
.member_area .contact_manager_head .check {
  flex:0 0 auto;
}
.member_area .contact_manager_notice {
  font-size:12px;
  line-height:1.5;
}
.btn_large {
  display:block;
  font-size:17px;
  font-weight:600;
  line-height:54px;
  height:54px;
  width:100%;
  border-radius:4px;
  text-align:center;
}
.btn_mt {
  margin-top:48px;
}
.inbtn {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.inbtn .text {
  width:calc(100% - 130px);
}
.inbtn .btn {
  font-size:17px;
  color:#fff;
  font-weight:600;
  line-height:54px;
  height:54px;
  width:122px;
  background:#2f2317;
  border-radius:4px;
}
.htit {
  font-size:22px;
  color:#131416;
  font-weight:500;
  line-height:1.55;
  margin:48px 0 16px;
}
.htit + .tb {
  font-size:14px;
  color:#a27f46;
  line-height:1.7;
  margin-top:2px;
}
/* LOGIN */
.login_area .btm {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
}
.login_area .btns {
  display:flex;
  gap:16px;
}
.login_area .btns .btn_noline {
  position:relative;
  font-size:16px;
  color:#4a4b4d;
}
.login_area .btns .btn_noline + .btn_noline:before {
  content:"";
  position:absolute;
  top:50%;
  left:-8px;
  width:1px;
  height:12px;
  background:#c1bdba;
  transform:translateY(-50%);
}
.login_area .join_encouraging {
  margin-top:48px;
  padding-top:48px;
  border-top:#e0dedc 1px solid;
  text-align:center;
}
.login_area .join_encouraging h3 {
  font-size:15px;
  color:#4a4b4d;
  line-height:1.7;
  margin-bottom:16px;
}
.login_area .mt {margin-top:12px;}
.login_area .kakao_login_btn {
  margin-top:12px;
}
.btns_sns_area {margin-top:48px;}
.btns_sns_area .tit {position:relative; display:flex; justify-content:center; margin-bottom:24px;}
.btns_sns_area .tit:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#E0DEDC;}
.btns_sns_area h3 {position:relative; font-size:15px; color:#4A4B4D; font-weight:400; line-height:26px; padding:0 26px; background:#F8F6F0; z-index:1;}
.btns_sns {gap:16px;}
.btns_sns .btn_large {width:56px; height:56px; border-radius:50%; background:no-repeat 50% 50% !important; font-size:0;}
.btns_sns .btn_kakao {background-color:#FFE812 !important; background-image:url('/images/btn_kakao.svg') !important;}
.btns_sns .btn_naver {background-color:#00C300 !important; background-image:url('/images/btn_naver.svg') !important;}
/* JOIN */
#pop_privacy h3 {
  font-weight:400;
}
#pop_privacy h3 ~ h3 {
  margin-top:20px;
}
.end_area .gbox {
  padding:40px;
  background:#eeeae2;
  margin-bottom:64px;
  text-align:center;
}
.end_area .tit {
  font-size:22px;
  color:#1e2124;
  font-weight:500;
  line-height:1.55;
  margin-bottom:4px;
}
.end_area .tit.ico:before {
  content:"";
  display:block;
  width:48px;
  height:48px;
  background:#f8f6f0 url("/images/icon_end.svg") no-repeat 50% 50%;
  border-radius:50%;
  margin:0 auto 24px;
}
.end_area p {
  font-size:17px;
  color:#4a4b4d;
}
.btns_tac {
  display:flex;
  gap:12px;
}
.btns_tac .btn_large {
  border:1px solid;
}
/* 아이디 찾기 */
.find_box {
  padding-bottom:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.find_box h1 {
  font-size:32px;
  color:#1e2124;
  font-weight:500;
  line-height:1.5;
  margin-bottom:4px;
}
.find_box p {
  font-size:17px;
  color:#4a4b4d;
}
.end_area .ftit {
  font-size:32px;
  color:#1e2124;
  font-weight:500;
  line-height:1.5;
  text-align:center;
  margin-bottom:24px;
}
/* 비밀번호 찾기 */
.find_area .inputs {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:64px;
}
.find_area .inputs .comments {
  font-size:14px;
  color:#7a7c7f;
  line-height:1.7;
}

/* MY PAGE */
.mypage_pl {
  position:relative;
  padding-left:400px;
  min-height:500px;
}
.mypage_pl .side_menu {
  position:absolute;
  top:0;
  left:0;
  width:280px;
}
.mypage_pl .side_menu .gname {
  font-size:56px;
  color:#1a1a1a;
  line-height:1.25;
  margin-bottom:16px;
}
.mypage_pl .side_menu ul {
  border-top:#53493e 1px solid;
}
.mypage_pl .side_menu li {
  border-bottom:#e0dedc 1px solid;
  background:#f8f6f0;
}
.mypage_pl .side_menu a {
  position:relative;
  display:block;
  font-size:17px;
  color:#1e2124;
  padding:16px 20px;
}
.mypage_pl .side_menu a:after {
  content:"";
  position:absolute;
  top:0;
  right:20px;
  width:20px;
  height:100%;
  background:url("/images/arrow_more.svg") no-repeat 50% 50% / contain;
  opacity:0;
  transition:0.2s linear;
}
.mypage_pl .side_menu .on a {
  background:#eeeae2;
}
.mypage_pl .side_menu .on a:after {
  opacity:1;
}
.mypage_pl .side_menu.start {
  position:fixed;
  left:120px;
}
.mypage_pl .side_menu.end {
  position:absolute;
  top:auto;
  bottom:0;
}
.mypage_pl .user_profile {
  position:relative;
  background:#eeeae2;
  border:#e0dedc 1px solid;
  border-radius:4px;
  padding:40px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-bottom:80px;
}
.mypage_pl .user_profile .state {
  font-weight:500;
  padding:0 16px;
  background:#c5a059;
  backdrop-filter:blur(50px);
}
.mypage_pl .user_profile .tit {
  font-size:32px;
  color:#131416;
  font-weight:500;
  line-height:1.5;
  margin:16px 0 6px;
}
.mypage_pl .user_profile p {
  font-size:17px;
  color:#4a4b4d;
}
.mypage_pl .user_profile .btn_link {
  position:absolute;
  bottom:40px;
  right:40px;
  font-size:17px;
  color:#fff;
  font-weight:600;
  line-height:54px;
  height:54px;
  width:160px;
  text-align:center;
  border-radius:4px;
  background:#1a1a1a;
}

.myboard_area ~ .myboard_area {
  margin-top:64px;
}
.my_tit {
  position:relative;
  font-size:26px;
  color:#131416;
  line-height:40px;
  margin-bottom:16px;
}
.my_tit * {
  font-weight:500;
}
.my_tit .more {
  position:absolute;
  top:0;
  right:0;
  font-size:14px;
  color:#4a4b4d;
  padding-right:24px;
  background:url("/images/arrow_more.svg") no-repeat 100% 50%;
}
.myboard_area .list li {
  border:#e0dedc 1px solid;
  display:flex;
  align-items:flex-start;
  gap:40px;
  padding:24px;
}
.myboard_area .list li + li {
  margin-top:16px;
}
.myboard_area .list .imgfit {
  width:264px;
  aspect-ratio:3/2;
  border-radius:4px;
}
.myboard_area .list .txt {
  position:relative;
  width:calc(100% - 304px);
}
.myboard_area .list .tit {
  position:relative;
  padding-right:180px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.myboard_area .list .tit h3 {
  font-size:20px;
  color:#131416;
  font-weight:500;
  line-height:1.6;
}
.myboard_area .list .tit .btns {
  position:absolute;
  bottom:0;
  right:0;
  display:flex;
  gap:8px;
}
.myboard_area .list .tit .btn {
  display:block;
  font-size:14px;
  font-weight:500;
  line-height:30px;
  height:32px;
  width:auto;
  padding:0 14px;
  border:1px solid;
  border-radius:4px;
}
.myboard_area .list .con {
  position:relative;
  margin-top:16px;
  padding-top:16px;
  border-top:#e0dedc 1px solid;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.myboard_area .list .con div {
  display:flex;
  font-size:16px;
}
.myboard_area .list .con dt {
  width:92px;
  color:#4a4b4d;
}
.myboard_area .list .con dd {
  width:calc(100% - 92px);
  color:#1e2124;
}
.myboard_area .list .txt > .btns {
  position:absolute;
  bottom:0;
  right:0;
  display:flex;
  gap:12px;
}
.myboard_area .list .txt > .btns .btn {
  font-size:16px;
  font-weight:500;
  line-height:40px;
  height:42px;
  width:160px;
  text-align:center;
  border-radius:4px;
  border:1px solid;
}

.my_title {
  position:relative;
  font-size:32px;
  color:#131416;
  font-weight:500;
  line-height:1.5;
  padding-bottom:16px;
  margin-bottom:48px;
  border-bottom:#2f2317 1px solid;
}
.my_title.mb24 {
  margin-bottom:24px;
}
.my_title > * {
  font-weight:inherit;
}
.my_title .tb {
  font-size:17px;
  color:#1e2124;
  font-weight:400;
  line-height:1.65;
  margin-top:4px;
}
.my_title .excl {
  position:absolute;
  bottom:16px;
  right:0;
  font-size:14px;
  color:#a27f46;
}
.my_title.flex {
  gap:16px;
  align-items:baseline;
}
.flex_date {
  font-size:16px;
  color:#4a4b4d;
  font-weight:400;
}
.flex_date .time_area {
  position:relative;
  color:#1e2124;
  padding-left:8px;
  margin-left:8px;
}
.flex_date .time_area:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:12px;
  background:#c1bdba;
  transform:translateY(-50%);
}
/* 개인정보 관리 */
.member_level {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:32px 40px;
  background:#2f2317;
  border:#e0dedc 1px solid;
  border-radius:4px;
  margin-bottom:48px;
}
.member_level dt {
  font-size:17px;
  color:#fff;
  font-weight:500;
  line-height:28px;
  padding-left:34px;
  background:url("/images/icon_level_star.svg") no-repeat 0 50%;
}
.member_level dd strong {
  display:inline-block;
  vertical-align:top;
  font-size:16px;
  color:#fff;
  font-weight:500;
  line-height:28px;
  height:28px;
  padding:0 16px;
  background:#c5a059;
  border-radius:2px;
}
.inputs_area li {
  display:flex;
  gap:8px;
}
.inputs_area li + li {
  margin-top:24px;
}
.inputs_area li input {
  font-size:16px;
}
.inputs_area .tit {
  position:relative;
  width:200px;
  font-size:17px;
  color:#131416;
  font-weight:500;
  line-height:54px;
}
.inputs_area .tit .excl {
  color:#a27f46;
  margin-left:2px;
}
.inputs_area .tit .check {
  position:absolute;
  top:0;
  right:0;
}
.inputs_area .con {
  width:calc(100% - 208px);
}
.inputs_area .excl {
  font-size:14px;
  color:#7a7c7f;
  line-height:1.7;
  margin-top:8px;
}
.inputs_area.colm li {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.inputs_area.colm .tit {
  width:100%;
  line-height:28px;
}
.inputs_area.colm .con {
  width:100%;
}
.profile_area .btns_btm .btn_abso {
  position:absolute;
  bottom:0;
  right:0;
  line-height:54px;
  padding-right:24px;
  background:url("/images/arrow_more.svg") no-repeat 100% 50%;
}
/* 회원 탈퇴 */
.withdraw_info {
  background:#eeeae2;
  border:#e0dedc 1px solid;
  padding:32px 40px;
  margin-bottom:48px;
}
.withdraw_info h3 {
  font-size:17px;
  color:#1e2124;
  font-weight:600;
}
.withdraw_info .dots_list li {
  font-size:16px;
  color:#1e2124;
}
.withdraw_info .check_box {
  margin-top:24px;
  padding-top:24px;
  border-top:#e0dedc 1px solid;
}
.withdraw_info .check i {
  background:#f8f6f0;
}
#pop_withdraw .btns_btm {
  margin-top:32px;
}
/* 나의 소유차량 */
/* 예약내역 */
.inquiry_items_area {
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:24px;
  border:#e0dedc 1px solid;
  border-radius:4px;
  padding:16px;
}
.inquiry_items_area .imgfit {
  width:120px;
  aspect-ratio:3/2;
  border:#e0dedc 1px solid;
  border-radius:4px;
}
.inquiry_items_area .txt {
  position:relative;
  width:calc(100% - 144px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.inquiry_items_area .txt .tt {
  font-size:17px;
  color:#131416;
  font-weight:500;
}
.inquiry_items_area .txt p {
  font-size:15px;
  color:#7a7c7f;
  font-weight:500;
  line-height:1.7;
}
.colm .inquiry_items_area {
  border-radius:4px 4px 0 0;
  border-bottom-width:0;
}
.colm .inquiry_items_area:last-child {
  border-radius:0 0 4px 4px;
  border-bottom-width:1px;
}

.inquiry_items_area .abso_date,
.inquiry_items_area .count_box {
  position:absolute;
  top:50%;
  right:40px;
  transform:translateY(-50%);
  display:flex;
}
.inquiry_items_area .abso_date {
  gap:8px;
  font-size:15px;
  color:#4a4b4d;
}
.inquiry_items_area .abso_date strong {
  color:#1e2124;
  font-weight:400;
}
.count_box {
  display:flex;
}
.count_box button {
  position:relative;
  width:32px;
  height:32px;
  border:#e0dedc 1px solid;
  font-size:0;
}
.count_box button:before,
.count_box button:after {
  content:"";
  position:absolute;
  top:50%;
  background:#2f2317;
  transform:translate(-50%, -50%);
}
.count_box button:before {
  width:12px;
  height:2px;
}
.count_box button:after {
  width:2px;
  height:12px;
}
.count_box .minus:after {
  display:none;
}
.count_box .text {
  display:block;
  width:40px;
  height:32px;
  border:0;
  font-size:14px;
  color:#4a4b4d;
  font-weight:500;
  text-align:center;
  padding:0;
}
/* 주문 상세 */
.order_view_area {
  position:relative;
  padding-right:520px;
}
.otit {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:16px;
}
.otit.mt {
  margin-top:48px;
}
.otit ~ .otit {
  margin-top:64px;
}
.otit > * {
  font-size:22px;
  color:#131416;
  font-weight:500;
}
.order_info .tit {
  font-size:17px;
  color:#1e2124;
  font-weight:500;
  margin:16px 0 8px;
}
.order_remot {
  position:absolute;
  top:0;
  right:0;
  width:440px;
  padding:32px;
  border:#c1bdba 1px solid;
  background:#eeeae2;
  z-index:10;
  border-radius:6px;
}
.order_remot.fixed {
  position:fixed;
  top:0;
  right:120px;
}
.order_remot.end {
  top:auto;
  bottom:0;
}
.order_remot .imgfit {
  border-radius:4px;
}
.order_remot .tit {
  font-size:22px;
  color:#131416;
  font-weight:500;
  line-height:1.55;
  margin-bottom:24px;
}
.order_remot .scroll {
  width:calc(100% + 20px);
  max-height:calc(100vh - 90px);
  overflow:auto;
  padding-right:20px;
}
.order_remot .tt {
  position:relative;
  font-size:15px;
  color:#7a7c7f;
  font-weight:500;
  line-height:1.7;
  margin-bottom:8px;
}
.order_remot .tt ~ .tt {
  margin-top:18px;
}
.order_remot .tt:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:1px;
  background:#e0dedc;
}
.order_remot .tt span {
  position:relative;
  z-index:1;
  background:#eeeae2;
  padding-right:8px;
}
.order_remot dl {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.order_remot dl div {
  display:flex;
  justify-content:space-between;
}
.order_remot dl div strong {
  display:block;
  font-size:17px;
  color:#1e2124;
  font-weight:500;
}
.order_remot dl dt p {
  font-size:14px;
  color:#4a4b4d;
  line-height:1.7;
}
.order_remot dl dd {
  text-align:right;
}
.order_remot dl dd del {
  display:block;
  font-size:14px;
  color:#7a7c7f;
  line-height:1.7;
}
.order_remot dl div + div {
  margin-top:8px;
}
.order_remot .total {
  display:flex;
  justify-content:space-between;
  padding-top:24px;
  margin-top:24px;
  border-top:#e0dedc 1px solid;
  font-size:17px;
  color:#4a4b4d;
  font-weight:500;
}
.order_remot .total .payment {
  display:flex;
  align-items:baseline;
  gap:4px;
}
.order_remot .total .payment strong {
  font-size:26px;
  color:#131416;
  font-weight:400;
  font-family:"NexonLv1Gothic";
}
.order_remot .dots_list {
  margin-top:40px;
}
.order_remot .btns_btm {
  margin-top:40px;
  gap:12px;
}
.order_remot .btns_after {
  margin-top:24px;
  padding-top:24px;
  border-top:#e0dedc 1px solid;
  gap:8px;
}
/* 결제하기 */
.order_select_list {
  border-top:#53493e 1px solid;
  border-bottom:#e0dedc 1px solid;
}
.order_select_list ul {
  max-height:451px;
  overflow:auto;
}
.order_select_list li {
  position:relative;
  padding:16px 16px 16px 48px;
  border-bottom:#e0dedc 1px solid;
  display:flex;
  align-items:flex-start;
}
.order_select_list li:last-child {
  border-bottom:0;
}
.order_select_list .check {
  position:absolute;
  top:50%;
  left:12px;
  width:20px;
  aspect-ratio:1/1;
  border-radius:2px;
  transform:translateY(-50%);
}
.order_select_list .check label {
  display:block;
  width:20px;
  height:20px;
  padding:0;
}
.order_select_list .check label i {
  top:0;
}
.order_select_list .imgfit {
  width:120px;
  aspect-ratio:3/2;
  border-radius:4px;
}
.order_select_list .txt {
  position:relative;
  width:calc(100% - 120px);
  padding:0 320px 0 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.order_select_list .tt {
  font-size:17px;
  color:#131416;
  font-weight:500;
}
.order_select_list .time,
.order_select_list .pay_solo {
  font-size:15px;
  color:#7a7c7f;
  line-height:1.7;
}
.order_select_list .right {
  position:absolute;
  top:50%;
  right:12px;
  display:flex;
  gap:48px;
  transform:translateY(-50%);
}
.order_select_list .pay {
  width:146px;
  text-align:right;
}
.order_select_list .pay strong {
  font-weight:400;
  font-family:"NexonLv1Gothic";
}
.reservation-option-section {
  margin-top:64px;
}
.reservation-option-section[hidden] {
  display:none;
}
.reservation-option-section + .reservation-option-section {
  margin-top:64px;
}
.bank_info {
  display:flex;
  gap:16px;
}
.bank_info li {
  display:flex;
  gap:16px;
  font-size:16px;
  color:#1e2124;
}
.bank_info li span {
  position:relative;
  color:#4a4b4d;
}
.bank_info li span:after {
  content:"";
  position:absolute;
  top:50%;
  right:-8px;
  width:1px;
  height:12px;
  background:#c1bdba;
  transform:translateY(-50%);
}
.select_card,
.select_bank,
.select_issued {
  display:none !important;
}
.select_card.on,
.select_bank.on,
.select_issued.on {
  display:table-row !important;
}

/* 결제완료 */
.order_end_area {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:440px;
  margin:0 auto;
  padding-top:30px;
}
.order_end_area h2 {
  font-size:32px;
  color:#1e2124;
  font-weight:500;
  margin-bottom:4px;
}
.order_end_area h2:before {
  content:"";
  display:block;
  width:80px;
  height:80px;
  border:#2f2317 1px solid;
  border-radius:50%;
  margin:0 auto 40px;
  background:url("/images/icon_check2.svg") no-repeat 50% 50%;
}
.order_end_area p {
  font-size:17px;
  color:#4a4b4d;
  line-height:1.65;
  text-align:center;
}
.order_end_area .bgbox {
  font-size:14px;
  color:#a01818;
  line-height:1.7;
  text-align:center;
  background:#eeeae2;
  border-radius:4px;
  padding:16px;
  width:100%;
  margin-top:24px;
}
.order_end_area .btns_btm {
  margin-top:64px;
}
/* 후기 작성 */
.star_area {
  display:flex;
  gap:2px;
}
.star_area button {
  width:24px;
  height:24px;
  background:url("/images/btn_star.svg") no-repeat 50% 50% / contain;
  border:0;
  font-size:0;
}
.star_area button:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:url("/images/btn_star_on.svg") no-repeat 50% 50% / contain;
  opacity:0;
  transition:0.2s linear;
}
.star_area button.on:before {
  opacity:1;
}
.checks_select {
  gap:24px;
}
/* 1:1 컨시어지 - 문의하기 */
.bg_img_contact {
  height:200px;
  margin-bottom:48px;
  background:url("/images/bg_img_contact.jpg") no-repeat 50% 50% / cover;
  border-radius:4px;
}
/* 문의하기 상세 */
.concierge_view_wrap .glbox {
  border:#e0dedc 1px solid;
  border-radius:4px;
  padding:32px;
}
.concierge_view_wrap .view_head {
  padding-bottom:24px;
  border-bottom:#e0dedc 1px solid;
}
.concierge_view_wrap h1 {
  font-size:26px;
  color:#1e2124;
  font-weight:500;
  line-height:1.55;
  margin:12px 0 8px;
}
.concierge_view_wrap .info {
  display:flex;
  gap:16px;
}
.concierge_view_wrap .info li {
  display:flex;
  gap:6px;
}
.concierge_view_wrap .info li span {
  font-weight:600;
}
.concierge_view_wrap .con_area {
  padding-top:64px;
}
.concierge_view_wrap .con_area .con,
.contact_after_box .con {
  word-break:break-word;
}
.line_box {
  border:#53493e 1px solid;
  border-radius:4px;
  padding:24px;
}
.contact_before_box {
  position:relative;
  margin-top:48px;
  padding-left:96px;
}
.contact_before_box:before {
  content:"";
  position:absolute;
  top:50%;
  left:24px;
  width:48px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:url("/images/icon_contact_check.svg") no-repeat 50% 50% / contain;
  transform:translateY(-50%);
}
.contact_before_box h2 {
  font-size:17px;
  color:#1e2124;
  font-weight:500;
}
.contact_before_box p {
  font-size:16px;
  color:#7a7c7f;
}
.contact_after_box {
  margin-top:48px;
  padding:32px;
}
.contact_after_box .writer {
  display:flex;
  align-items:center;
  gap:32px;
  padding-bottom:24px;
  border-bottom:#e0dedc 1px solid;
}
.contact_after_box .writer .name {
  font-size:20px;
  color:#1e2124;
  font-weight:500;
  line-height:32px;
}
.contact_after_box .writer .date {
  position:relative;
  font-size:14px;
  color:#7a7c7f;
}
.contact_after_box .writer .date:before {
  content:"";
  position:absolute;
  top:50%;
  left:-16px;
  width:1px;
  height:12px;
  background:#c1bdba;
  transform:translateY(-50%);
}
.contact_after_box .con {
  padding:32px 0;
}
.contact_after_box .btn_right {
  margin-top:32px;
}
/* 영수증 */
.print_outbox {
  background:#f5f5f5;
  min-width:594px;
  min-height:100vh;
}
.print_wrap {
  min-width:594px;
  min-height:845px;
}
.print_paper {
  width:594px;
  height:845px;
  margin:0 auto;
  background:#fff;
  padding:32px 24px;
  line-height:1.65;
}
.print_paper * {
  letter-spacing:-0.03em;
}
.print_paper .print_top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:#0000001a 1px solid;
  padding-bottom:16px;
}
.print_paper .print_number {
  font-size:14px;
  color:#0009;
}
.print_paper .btns {
  display:flex;
  gap:8px;
}
.print_paper .btns .btn {
  font-weight:500;
  width:80px;
}
.print_paper h1 {
  font-size:36px;
  color:#000;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0.4em;
  text-align:center;
  margin:56px 0 40px;
}
.print_paper .bg_area {
  background:url("/images/bg_logo.svg") no-repeat 50% 50%;
}
.print_paper .tbl {
  height:430px;
}
.print_paper .tbl th,
.print_paper .tbl td {
  font-size:14px;
  line-height:24px;
  padding:12px 8px;
}
.print_paper .tbl th {
  width:110px;
  color:#000;
}
.print_paper .tbl td {
  padding-left:24px;
  color:#0009;
}
.print_paper .paper_btm {
  text-align:center;
}
.print_paper .paper_btm p {
  font-size:18px;
  color:#000c;
}
.print_paper .paper_btm time {
  font-size:13px;
  color:#000c;
}
.print_paper .paper_btm .copy {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  font-size:18px;
  color:#000;
  font-weight:600;
  margin-top:10px;
}
@media print {
  .btns {
    display:none !important;
  }
  .print_paper {
    width:594px !important;
    height:845px !important;
    transform:scale(1.33);
    margin:0 auto !important;
    /* 안쪽 여백은 유지 */
    box-sizing:border-box;
    border:none !important;
  }
  @page {
    size:A4;
    margin:0;
  }
}

/* 개인정보처리방침 */
.privacy_wrap {
  background-image:url("/images/bg_privacy.png");
  padding-top:200px;
  font-size:16px;
  color:#4a4b4d;
}
.privacy_wrap h1 {
  font-size:45px;
  font-weight:400;
  line-height:1.25;
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom-color:#e0dedc;
}
.privacy_wrap h3 {
  font-size:17px;
  color:#1e2124;
  font-weight:500;
  margin-bottom:2px;
}
.privacy_wrap h3 ~ h3 {
  margin-top:40px;
}
.privacy_wrap ol {
  list-style:decimal;
  padding-left:20px;
}
.privacy_wrap li ul li {
  padding-left:20px;
  text-indent:-20px;
}
/* 404 ERROR */
.error_wrap {
  background-image:none;
  padding:275px 0;
}
.error_area {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.error_area h1 {
  font-size:44px;
  color:#2f2317;
  font-weight:400;
  line-height:1.32;
  text-align:center;
  padding:12px 0 40px;
}
.error_area h1:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  height:76px;
  background:url("/images/icon_tri_excl.svg") no-repeat 50% 50% / contain;
  margin-bottom:28px;
}
.error_area strong {
  display:block;
  font-size:22px;
  color:#1e2124;
  font-weight:500;
}
.error_area p {
  font-size:17px;
  color:#4a4b4d;
  margin-top:8px;
}
.error_area .btns_btm {
  margin-top:64px;
}
/* END */