.bg-item1 { background: url("/images/contents/bg4.jpg"); }
.bg-item2 { background: url("/images/contents/bg4.jpg"); }
.bg-item3 { background: url("/images/contents/bg4.jpg"); }
.bg-item4 { background: url("/images/contents/bg4.jpg"); }
.bg-item5 { background: url("/images/contents/bg4.jpg"); }
.bg-item6 { background: url("/images/contents/bg4.jpg"); }
.bg-item7 { background: url("/images/contents/bg4.jpg"); }
.lnb { display: flex; align-items: stretch; background: var(--primary); }
.lnb-dropdown, .lnb-bar { display: flex; align-items: stretch; gap: 1px; height: var(--lnb-height); }
.lnb-dropdown .home, .lnb-bar .home { display: flex; }
.lnb-dropdown .home > a, .lnb-bar .home > a { display: flex; justify-content: center; align-items: center; background: var(--white); color: var(--primary); padding: 0 20rem; transition: all 0.4s; }
.lnb-dropdown .home > a:hover, .lnb-bar .home > a:hover { background: var(--primary1); color: var(--white); }
.lnb-dropdown .parent, .lnb-bar .parent { display: flex; flex-direction: column; justify-content: center; align-items: stretch; color: var(--white); position: relative; }
.lnb-dropdown .parent-toggle, .lnb-bar .parent-toggle { display: flex; justify-content: space-between; align-items: center; gap: 10rem; height: 100%; padding-inline: 20rem; min-width: 150rem; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.lnb-dropdown .parent-toggle i, .lnb-bar .parent-toggle i { transition: all 0.4s; font-size: var(--fs16); color: var(--primary2); position: relative; }
.lnb-dropdown .parent-toggle.active i, .lnb-bar .parent-toggle.active i { transform: rotate(180deg); }
.lnb-dropdown .parent-menu, .lnb-bar .parent-menu { display: none; position: absolute; top: 100%; width: 100%; color: var(--grey8); background: var(--white); box-shadow: var(--box-shadow); }
.lnb-dropdown .parent-menu > li, .lnb-bar .parent-menu > li { display: flex; border-bottom: 1px solid var(--grey1); }
.lnb-dropdown .parent-menu > li > a, .lnb-bar .parent-menu > li > a { padding: 10rem 20rem; font-size: var(--fs16); transition: all 0.4s; width: 100%; }
.lnb-dropdown .parent-menu > li > a:hover, .lnb-bar .parent-menu > li > a:hover { color: var(--primary1); }
.lnb-dropdown .child, .lnb-bar .child { display: flex; flex-direction: column; justify-content: center; color: var(--white); position: relative; }
.lnb-dropdown .child-toggle, .lnb-bar .child-toggle { display: flex; justify-content: space-between; align-items: center; gap: 10rem; height: 100%; padding-inline: 20rem; min-width: 150rem; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.lnb-dropdown .child-toggle i, .lnb-bar .child-toggle i { transition: all 0.4s; font-size: var(--fs16); color: var(--primary2); position: relative; }
.lnb-dropdown .child-toggle.active i, .lnb-bar .child-toggle.active i { transform: rotate(180deg); }
.lnb-dropdown .child-menu, .lnb-bar .child-menu { display: none; position: absolute; top: 100%; width: 100%; color: var(--grey8); background: var(--white); box-shadow: var(--box-shadow); }
.lnb-dropdown .child-menu > li, .lnb-bar .child-menu > li { display: flex; border-bottom: 1px solid var(--grey1); }
.lnb-dropdown .child-menu > li > a, .lnb-bar .child-menu > li > a { padding: 10rem 20rem; font-size: var(--fs16); transition: all 0.4s; width: 100%; }
.lnb-dropdown .child-menu > li > a:hover, .lnb-bar .child-menu > li > a:hover { color: var(--primary1); }
.lnb-bar { justify-content: center; }
.lnb-bar > li { display: flex; align-items: stretch; position: relative; }
.lnb-bar > li:not(:first-child)::before { content: ""; width: 0; height: 30%; border-right: 1px solid rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.lnb-bar-item { display: flex; align-items: center; color: var(--white); padding: 0 20rem; }
.lnb-bar-item.active { color: var(--primary); }
.content-hero { display: flex; flex-direction: column; display: none; }
.content-hero__bg { display: flex; flex-direction: column; position: relative; width: 100%; position: relative; height: var(--hero-height); background-color: var(--primary); background-size: 100% auto; background-position: top center; background-repeat: no-repeat; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content-hero__bg { background-size: auto 100%; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content-hero__bg { background-size: auto 100%; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .content-hero__bg { background-size: 100%; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .content-hero__bg { background-size: 100%; }
 }
.content-hero__bg::before { display: flex; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); }
.content-hero .hero__text { display: flex; width: 100%; height: 100%; position: absolute; z-index: 1; color: var(--white); }
.content-hero .hero__text--content { display: flex; flex-direction: column; justify-content: center; align-items: stretch; position: relative; height: 100%; }
.content-hero .hero__text .title { text-align: center; font-size: var(--fs42); text-shadow: var(--text-shadow); margin: 10rem 0; }
.content-hero .hero__text .subtitle { text-align: center; font-size: var(--fs24); text-shadow: var(--text-shadow); text-transform: uppercase; font-family: var(--font2); }
.content-hero .hero__text .info { font-size: var(--fs16); text-shadow: var(--text-shadow); }
.content-01, .content-02, .content-03, .content-04, .content-05, .content-06 { display: flex; flex-direction: column; margin-top: 90rem; margin-bottom: 100rem; }
.content-subtitle { font-size: var(--fs20); font-weight: 300; color: var(--primary); text-align: center; font-family: var(--font2); }
.content-title { font-size: var(--fs36); font-weight: 700; text-align: center; }
.content .about { display: flex; flex-direction: column; align-items: stretch; margin-top: 50rem; }
.content .about-content1 { display: flex; gap: 50rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .about-content1 { flex-direction: column; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .about-content1 { flex-direction: column; }
 }
.content .about-content2 { display: flex; }
.content .about-img { display: flex; flex-direction: column; flex-shrink: 0; flex-basis: 30%; }
.content .about-img > figure img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 3/4.1; -o-object-position: 25%; object-position: 25%; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .about-img > figure img { aspect-ratio: 1/1; -o-object-position: center; object-position: center; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .about-img > figure img { aspect-ratio: 1/1; -o-object-position: center; object-position: center; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .content .about-img > figure img { aspect-ratio: 1/2.5; -o-object-position: 48.5%; object-position: 48.5%; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .content .about-img > figure img { aspect-ratio: 1/2.5; -o-object-position: 48.5%; object-position: 48.5%; }
 }
.content .about-text { display: flex; flex-direction: column; flex-grow: 1; }
.content .about-text > p { margin-block: 10rem; }
.content .about-text > p q { font-size: var(--fs18); background: var(--grey1); font-weight: 700; padding: 20rem 10rem; width: 100%; display: block; border-left: 2px solid var(--primary); }
.content .about-text > p i { font-size: var(--fs16); margin-left: 10rem; color: var(--grey5); }
.content .about-text > h3 { font-size: var(--fs20); font-weight: 700; margin-top: 30rem; border-bottom: 1px solid var(--grey1); padding-bottom: 5rem; color: var(--secondary1); }
.content .about-text > ul li { list-style: disc; margin-left: 30rem; margin-block: 5rem; }
.content .about-text > ul li b { min-width: 90rem; display: inline-block; }
.content .about-text .service, .content .about-text .service2 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); -moz-column-gap: 30rem; column-gap: 30rem; row-gap: 50rem; margin-top: 30rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .about-text .service, .content .about-text .service2 { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 20rem; margin-top: 20rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .about-text .service, .content .about-text .service2 { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 20rem; margin-top: 20rem; }
 }
.content .about-text .service > li, .content .about-text .service2 > li { list-style: decimal-leading-zero; list-style-position: inside; background: var(--grey1); padding: 20rem; position: relative; margin-left: 0; }
.content .about-text .service > li::marker, .content .about-text .service2 > li::marker { display: inline-block; color: var(--secondary1); }
.content .about-text .service2 { grid-template-columns: repeat(5, minmax(0, 1fr)); -moz-column-gap: 10rem; column-gap: 10rem; }
.content .about-text .service2 > li { padding: 10rem; padding-bottom: 35rem; }
.content .about-text .service2 > li .service-item { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.content .about-text > blockquote { font-size: var(--fs30); font-weight: 300; background: var(--grey1); margin: 0; margin-block: 30rem; color: var(--white); padding: 50rem 20rem; text-align: center; background: #be824e; padding-inline: 100rem; background-image: url("/images/main/cta_bg1.png"); background-repeat: no-repeat; background-size: auto 250%; background-position: center left; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .about-text > blockquote { padding-inline: 60rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .about-text > blockquote { padding-inline: 60rem; }
 }
.content .about-text > blockquote p { margin: 0; }
.content .about-text > blockquote i { font-size: var(--fs16); }
.content .about-text > h4 { font-size: var(--fs18); color: var(--primary); margin-top: 30rem; padding: 30rem; border: 1px solid var(--grey1); text-align: center; }
.content .tourcard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); -moz-column-gap: 30rem; column-gap: 30rem; row-gap: 50rem; margin-top: 65rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .tourcard-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 20rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .tourcard-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 20rem; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .content .tourcard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 30rem; }
 }
.content .tourcard-grid .tourcard { display: flex; flex-direction: column; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.4s; }
.content .tourcard-grid .tourcard:hover { box-shadow: 0px 0px 0px 3px rgb(28, 58, 111); }
.content .tourcard-grid .tourcard:hover .tourcard-img img { scale: 1.02; transition: all 0.4s; }
.content .tourcard-grid .tourcard:hover .tourcard-title > h1 { color: var(--primary); }
.content .tourcard-grid .tourcard-img { overflow: hidden; height: 280rem; }
.content .tourcard-grid .tourcard-img img { -o-object-fit: cover; object-fit: cover; width: 100%; scale: 1; transition: all 0.4s; }
.content .tourcard-grid .tourcard-title { padding: 30rem 40rem; }
.content .tourcard-grid .tourcard-title > h1 { font-size: var(--fs20); font-weight: 700; margin-bottom: 10rem; }
.content .tourcard-grid .tourcard-title > p { font-size: var(--fs16); color: var(--grey6); margin-bottom: 20rem; height: 5ch; overflow: hidden; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.content .tourcard-grid .tourcard-title > span { font-size: var(--fs18); font-weight: 700; }
.content .tour-info { display: flex; align-items: stretch; gap: 50rem; margin-top: 50rem; padding-bottom: 30rem; border-bottom: 1px solid var(--grey1); }
@media screen and (min-width: 0px) and (max-width: 480px) {
 .content .tour-info { flex-direction: column; gap: 20rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .tour-info { flex-direction: column; gap: 20rem; }
 }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .content .tour-info { flex-direction: column; gap: 30rem; }
 }
.content .tour-info__img { display: flex; flex-basis: 40%; }
.content .tour-info__img .img { width: 100%; height: 100%; }
.content .tour-info__img .img img { -o-object-fit: cover; object-fit: cover; width: auto; height: 100%; }
@media screen and (min-width: 601px) and (max-width: 1024px) {
 .content .tour-info__img .img img { width: 100%; height: auto; }
 }
.content .tour-info__text { display: flex; flex-direction: column; flex-basis: 60%; }
.content .tour-info__text > h1 { font-size: var(--fs20); font-weight: 700; margin-bottom: 10rem; color: var(--primary); }
.content .tour-info__text > p { font-size: var(--fs16); color: var(--grey6); margin-bottom: 20rem; height: 5ch; overflow: hidden; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.content .tour-info__text .detail { display: flex; background: var(--grey1); padding: 20rem; }
.content .tour-info__text .detail ul { display: flex; flex-direction: column; gap: 10rem; width: 100%; }
.content .tour-info__text .detail ul li { display: flex; gap: 10rem; padding-bottom: 10rem; border-bottom: 1px solid var(--white); }
.content .tour-info__text .detail ul li:last-child { padding-bottom: 0; border: none; }
.content .tour-info__text .detail ul li .title { display: flex; flex-basis: 80rem; font-weight: 700; }
.content .tour-info__text .detail ul li .info { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; width: 100%; }
.content .tour-info__text .detail ul li .info img { max-width: 100rem; height: auto; mix-blend-mode: multiply}
.content .tour-info__text .detail ul li .info i.ph { font-size: var(--fs16); }
.content .tour-info__text .detail ul li .info.row { gap: 10rem; flex-direction: row; align-items: center; justify-content: flex-start; }
.content .tour-info__text h3 { font-size: var(--fs18); margin-top: 30rem; margin-bottom: 10rem; }
.content .tour-info__text .table { border: 1px solid var(--grey1); width: 100%; table-layout: auto; border-collapse: collapse; border-spacing: 1px; margin-bottom: 10rem; }
.content .tour-info__text .table td { padding: 5rem 20rem; border: 1px solid var(--grey1); }
.content .tour-info__text .table td:not(:first-child) { font-weight: 700; }
.content .tour-info__text > .info { color: var(--grey5); font-size: var(--fs16); padding-bottom: 10rem; border-bottom: 1px solid var(--grey1); }
.content .tour-info__text .btn-book { background: var(--secondary1); padding: 10rem 40rem; color: var(--white); text-align: center; margin-left: auto; margin-top: 20rem; font-weight: 700; transition: all 0.4s; min-width: 140rem; }
.content .tour-info__text .btn-book:hover { background: var(--secondary); }
.content .tour-info__text .btn-cancel { margin-left: auto; color: var(--grey6); text-align: center; padding: 5rem 15rem; margin-top: 10rem; transition: all 0.4s; min-width: 140rem; }
.content .tour-info__text .btn-cancel:hover { background: var(--grey1); color: var(--black); }
.content .tour-desc, .content .tour-feature, .content .tour-timeline { display: flex; flex-direction: column; }
.content .tour-desc h1, .content .tour-feature h1, .content .tour-timeline h1 { font-size: var(--fs20); margin-top: 30rem; margin-bottom: 10rem; }
.content .tour-desc .box, .content .tour-feature .box, .content .tour-timeline .box { background: var(--grey1); padding: 30rem; }
.content .tour-timeline .tl-detail { display: flex; flex-direction: column; border: 1px solid var(--grey6); }
.content .tour-timeline .tl-detaildate { display: flex; align-items: stretch; gap: 10rem; background: var(--grey6); color: var(--white); padding: 10rem 20rem; border: 1px solid var(--grey6); }
.content .tour-timeline .tl-detaildate .day { font-weight: 700; }
.content .tour-timeline .tl-fromto { display: flex; flex-direction: column; gap: 30rem; padding: 10rem 20rem; position: relative; padding-bottom: 40rem; }
.content .tour-timeline .tl-fromto .from,
.content .tour-timeline .tl-fromto .to { display: flex; flex-basis: 100%; }
.content .tour-timeline .tl-fromto .from ul,
.content .tour-timeline .tl-fromto .to ul { display: flex; flex-direction: column; flex-basis: 100%; gap: 10rem; padding-left: 20rem; padding-bottom: 20rem; position: relative; }
.content .tour-timeline .tl-fromto .from ul::before,
.content .tour-timeline .tl-fromto .to ul::before { content: ""; width: 2rem; height: 100%; position: absolute; left: 0; top: 15rem; background: var(--grey5); }
.content .tour-timeline .tl-fromto .from ul::after,
.content .tour-timeline .tl-fromto .to ul::after { content: "\e316"; font-family: "Phosphor-Fill" !important; speak: never; color: var(--secondary1); position: absolute; left: 0; top: 0; transform: translate(-45%, -15%); font-size: var(--fs24); }
.content .tour-timeline .tl-fromto .place { display: flex; position: relative; }
.content .tour-timeline .tl-fromto .place::before { content: ""; width: 10rem; height: 10rem; border-radius: 10rem; background: var(--white); border: 3px solid var(--primary); position: absolute; left: -24rem; top: 25rem; }
.content .tour-timeline .tl-fromto .place-photo { display: flex; flex-direction: column; flex-basis: 100%; border: 1px solid var(--grey1); position: relative; }
.content .tour-timeline .tl-fromto .place-photo .phototitle { display: flex; align-items: center; flex-basis: 100%; padding: 10rem 10rem; position: absolute; width: 100%; }
.content .tour-timeline .tl-fromto .place-photo .phototitle .icon { transition: all 0.4s; }
.content .tour-timeline .tl-fromto .place-photo .phototitle .icon.rotated { transform: rotate(180deg); }
.content .tour-timeline .tl-fromto .place-photo .photo { display: flex; align-items: stretch; gap: 20rem; height: 0; padding: 0 10rem; transition: all 0.4s; margin-top: 60rem; position: relative; width: 100%; overflow: hidden; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .tour-timeline .tl-fromto .place-photo .photo { flex-direction: column; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .tour-timeline .tl-fromto .place-photo .photo { flex-direction: column; }
 }
/* .content .tour-timeline .tl-fromto .place-photo .photo figure { display: flex; flex-basis: 100%; } */
.content .tour-timeline .tl-fromto .place-photo .photo figure { display: flex; flex-basis: 100%; max-width: 418px; }
.content .tour-timeline .tl-fromto .place-photo .photo figure img { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; }
.content .tour-timeline .tl-fromto .place-photo .photo.open { height: 100%; padding: 10rem 10rem; overflow: hidden; }
.content .tour-timeline .tl-fromto .place-photo > span { font-weight: 700; }
.content .tour-timeline .tl-fromto .place-photo-button { display: flex; justify-content: space-between; align-items: center; flex-basis: 15%; margin-left: auto; padding: 10rem 10rem; border: 1px solid var(--primary); }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .tour-timeline .tl-fromto .place-photo-button { flex-basis: 40%; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .tour-timeline .tl-fromto .place-photo-button { flex-basis: 40%; }
 }
.content .tour-timeline .tl-fromto .place-photo-button .disabled { display: none; }
.content .tour-timeline .tl-hotel, .content .tour-timeline .tl-feature { display: flex; align-items: center; gap: 10rem; padding: 10rem 20rem; border-top: 1px solid var(--grey6); }
.content .tour-timeline .tl-hotel span:first-child, .content .tour-timeline .tl-feature span:first-child { display: grid; place-items: center; padding: 5rem; border: 1px solid var(--grey6); color: var(--primary1); font-size: var(--fs20); }
.content .tour-timeline .tl-hotel span:nth-child(2), .content .tour-timeline .tl-feature span:nth-child(2) { font-weight: 700; display: flex; align-items: center; gap: 10rem;  flex-wrap: wrap;}
.content .tour-timeline .tl-hotel span i, .content .tour-timeline .tl-feature span i { font-weight: 500; }
.content .tour-timeline .tl-hotel span i.tag, .content .tour-timeline .tl-feature span i.tag {     padding: 4rem 10rem; border-radius: 0; color: var(--primary); background: var(--white); border: 1px solid var(--primary); font-size: var(--fs14); }
.content .reservation-form { display: flex; background: var(--grey1); padding: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 30rem 100rem; margin: 0 auto; }
.content .guide > h3 { font-size: var(--fs20); font-weight: 700; margin-top: 30rem; margin-bottom: 20rem; border-bottom: 1px solid var(--grey1); padding-bottom: 5rem; color: var(--secondary1); }
.content .guide > ul li { list-style: none; margin-block: 5rem; }
.content .guide > ul li b { min-width: 90rem; display: inline-block; }
.content .guide-account { display: flex; gap: 20rem; background: var(--grey1); padding: 20rem; }
.content .guide-account > span { position: relative; }
.content .guide-account > span:first-child { min-width: 100rem; }
.content .guide-account > span:first-child::after { content: ":"; position: absolute; right: 0; }
.content .guide-account > span:not(:first-child) { font-weight: 700; color: var(--primary); }
.content .guide-account > span.email { text-transform: lowercase; font-weight: 700; color: var(--primary); }
.content .guide-bank { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); -moz-column-gap: 30rem; column-gap: 30rem; place-items: center; list-style: none; margin-top: 30rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .guide-bank { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 20rem; margin-top: 20rem; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .guide-bank { grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 20rem; margin-top: 20rem; }
 }
.content .guide-bank > li { display: flex; flex-direction: column; align-items: center; gap: 20rem; width: 100%; list-style: none; background: var(--grey1); padding: 20rem; position: relative; margin-left: 0; }
.content .guide-bank > li > img { max-width: 50%; border-radius: 20rem; }
.content .guide-bank > li span:last-child { font-weight: 700; }
.content .inquiry,
.content .reservation,
.content .board { margin-top: 50rem; }
.content .inquiry .join_area .box > h3,
.content .reservation .join_area .box > h3,
.content .board .join_area .box > h3 { border-radius: 0; }
.content .inquiry .join_area .box .check,
.content .reservation .join_area .box .check,
.content .board .join_area .box .check { border-radius: 0; }
.content .inquiry .black,
.content .reservation .black,
.content .board .black { background: var(--grey); color: var(--white); }
.content .inquiry .inline,
.content .reservation .inline,
.content .board .inline { display: inline-flex; }
.content .inquiry .bbsFrom_data:has(.inline),
.content .reservation .bbsFrom_data:has(.inline),
.content .board .bbsFrom_data:has(.inline) { display: flex; align-items: center; }
.content .inquiry label,
.content .reservation label,
.content .board label { min-width: 100rem; margin-bottom: 0; }
.content .selectoption,
.content .selectbox { text-transform: lowercase; }
.content .primary { background: var(--primary); color: var(--white) !important; border-color: var(--primary); }
.content .gray { background: var(--grey5); color: var(--white); }
.content .direction-map { display: flex; flex-direction: column; position: relative; width: 100%; margin-top: 50rem; }
.content .direction-map .root_daum_roughmap { width: 100%; height: 100%; aspect-ratio: 16/6; position: relative; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .direction-map .root_daum_roughmap { aspect-ratio: 3/4; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .direction-map .root_daum_roughmap { aspect-ratio: 3/4; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .content .direction-map .root_daum_roughmap { aspect-ratio: 4/3; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .content .direction-map .root_daum_roughmap { aspect-ratio: 4/3; }
 }
.content .direction-map .root_daum_roughmap .wrap_map { height: 100%; }
.content .direction-map .root_daum_roughmap .wrap_controllers.hide { display: none; }
.content .direction-map-link { position: absolute; top: 0; right: 0; z-index: 1; background: var(--secondary1); color: var(--white); padding: 10rem 20rem; }
.content .direction-map-link i { font-size: var(--fs16); }
.content .direction-address { display: flex; justify-content: flex-start; align-items: stretch; gap: 50rem; margin-top: 50rem; }
@media screen and (min-width: 320px) and (max-width: 480px) {
 .content .direction-address { flex-direction: column; gap: 0; }
 }
@media screen and (min-width: 481px) and (max-width: 600px) {
 .content .direction-address { flex-direction: column; gap: 0; }
 }
@media screen and (min-width: 601px) and (max-width: 768px) {
 .content .direction-address { flex-direction: column; gap: 0; }
 }
@media screen and (min-width: 769px) and (max-width: 1024px) {
 .content .direction-address { flex-direction: column; gap: 0; }
 }
.content .direction-address .address,
.content .direction-address .phone { display: flex; align-items: center; flex-basis: 50%; gap: 30rem; padding: 30rem 0; border-bottom: 1px solid var(--grey3); font-size: var(--fs20); font-weight: 700; }
.content .direction-address .address i,
.content .direction-address .phone i { color: var(--secondary1); font-size: var(--fs30); }
.content-tab { display: flex; }
.content-tab-link { display: flex; padding: 10rem 20rem; font-size: var(--fs20); margin-top: 30rem; margin-bottom: 10rem; font-weight: 700; }
.content-tab-link:first-child { padding-left: 0; }
.content-tab li.active > a { color: var(--primary); }
.content .btn-more { display: flex; align-items: center; gap: 10rem; background: var(--white); border: 1px solid var(--primary); color: var(--primary); padding: 10rem 20rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; transition: all 0.4s; }
.content .btn-more:hover { background: var(--primary); border: 1px solid var(--primary); color: var(--white); }
.content table.table { border-top: 2px solid #000; margin-top: 15px; }
.content table.table th, .content table.table td { padding: 15px; letter-spacing: -0.5px; line-height: 1.4em; word-break: keep-all; }
.content table.table thead th { background: #f5f5f5; border-bottom: 1px solid #868686; }
.content table.table tbody td { border: 1px solid #e0e0e0; text-align: left; vertical-align: top; }
.content table.table tbody td:first-child { border-left: 0; }
.content table.table tbody td:last-child { border-right: 0; }