@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');


/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/


p, span, h5, h4, h3, h2, h1, strong, small {word-break: keep-all;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, .main_wrap .sec05 .swiper-button-next dl{margin: 0; padding: 0;border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none; color: inherit;}
a, span {display: inline-block;}
section {font-family: 'Pretendard' !important;}
section p {font-family: 'Pretendard';}


#post_area, .board_bgcolor, .board_desc {font-family: 'Pretendard' !important;}



/* pc */
.pc_header {position: absolute !important; top: 0; left: 0;}
.pc_header.fix {position: fixed !important; background-color: #fff;}
#header .pc_header.fix>.header_inner>.menu_category>ul>li {color: #222;}
#header .pc_header .fix_logo {display: none;}
#header .pc_header.fix .fix_logo {display: block;}
#header .pc_header.fix .nofix_logo {display: none;}
#header .pc_header .nofix_logo {display: block;}
#header .m_header .fix_logo {display: none;}
#header .m_header.fix .fix_logo {display: block;}
#header .m_header.fix .nofix_logo {display: none;}
#header .m_header .nofix_logo {display: block;}
#header.main-color .pc_header {}
#header.main-color .pc_header.fix {}
#header .pc_header {width: 100%; padding: 20px 4%; box-sizing: border-box; position: relative; z-index: 499;}
#header .pc_header.fix {position: fixed; top: 0; left: 0; z-index: 499; padding: 20px 4%;}
#header .pc_header>.header_inner {display: flex; flex-direction: row; align-content: center; align-items: center; flex-wrap: nowrap; justify-content: space-between;}
#header .pc_header>.header_inner>.menu_category>ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center;}
#header .pc_header>.header_inner>.menu_category>ul>li {margin: 0 30px 0 0; line-height: 20px; padding: 10px 0; cursor: pointer; position: relative; font-family: 'SangBlueOgSansRegular' !important; color: #fff; font-size: 16px !important;}
#header .pc_header>.header_inner>.menu_category>ul>li:last-child {}
#header .pc_header>.header_inner>.menu_category>ul>li, #header .pc_header>.header_inner>.menu_category>ul>li>a, #header .pc_header .menu_member>ul>li a {font-size: 13px;}
#header .pc_header, #header .pc_header.fix, #header .pc_header_bg {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}



/* ·Î°í */
#header .pc_header>.header_inner>h1 {}
#header .pc_header>.header_inner>h1 a {vertical-align: top; font-size: 0; line-height: 0; padding: 0; margin: 0;}
#header .pc_header>.header_inner>h1 img {padding: 0 0 0 0;}



/* °Ô½ÃÆÇ */
#header .pc_header .board_menu {position: relative;}
#header .pc_header .board_menu>ul {position: absolute; top: 50px; left: 50%; opacity: 0; visibility: hidden; z-index: 999; background-color: rgba(255, 255, 255, 0.5); width: 200px; transform: translateX(-50%) !important;}
#header .pc_header .board_menu:hover>ul {opacity: 1; visibility: visible;}
#header .pc_header .board_menu>ul>li {line-height: 20px; text-align: center;}
#header .pc_header .board_menu>ul>li>a {font-size: 16px; font-family: 'Pretendard' !important; margin: 4px 0; font-weight: 200 !important;}
#header .pc_header .board_menu>ul, #header .pc_header .board_menu:hover>ul {transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}



/* ȸ¿ø¸Þ´º */
#header .pc_header .menu_member {margin-left: auto; width: 390px;}
#header .pc_header .menu_member>ul {display: flex; flex-direction: row; justify-content: flex-end; align-content: center; align-items: center;}
#header .pc_header .menu_member>ul>li {position: relative; padding: 0 0 0 30px;}



@media (min-width:1px) and (max-width:960px) {
    #header .pc_header {display: none;}
}



@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');



:root {
/*! font size*/
--font-title: 80px;
--font-Mlarge: 44px;
--font-large: 40px;
--font-medium: 24px;
--font-regular: 20px;
--font-small: 18px;
--font-Xsmall: 16px;
/*! color*/
}


.common_youtube .sec_tit h3 {margin-bottom: 60px;}
.more_ico img {vertical-align: bottom;}
.m-on-off {line-height: 80px;}
.small_fit_wrap .sec08 .sec_tit {font-family: 'AritaBuri';}
.rnb2 {position: fixed; bottom: 0%; right: 0; z-index: 1000;}
.rnb2 a {display: flex; flex-direction: column; justify-content: space-between; gap: 10px; align-items: center; width: 80px; height: 80px; color: #fff; font-size: 13px; margin-top: 1px; position: relative; left: 0; transition: all 0.3s; background: rgba(38, 38, 38, 0.7); text-decoration: none; font-family: 'Pretendard' !important; text-align: left;}
.rnb2 a strong {font-family: 'Pretendard' !important;}
.rnb2 a>span+span {margin-bottom: 10px;}
.rnb2 a span img {width: 30px; display: block; margin: 0 auto; margin-top: 20px;}
.rnb2 .side_youtube_icon img {margin-top: 25px;}
.rnb2 a:last-child {background: #d6d2cf;}
.rnb2 a:last-child span {color: #000; font-size: 14px; font-family: 'pretendard', sans-serif; text-align: center;}
.rnb2 a:last-child span img {width: 11px !important; margin: 0 auto; margin-top: 25px; margin-bottom: 5px;}
.rnb2 a:hover:last-child {left: 0px; background: #fff;}
.rnb2 .rnb_item {opacity: 0; visibility: hidden;}
.rnb2.show .rnb_item {opacity: 1; visibility: visible;}
.rnb2.active {right: 500px !important;}
.rnb2.active a:active:nth-child(2) {width: 29px; position: absolute; top: 50px; right: 100px;}
.rnb_qr {position: absolute; top: 50%; left: -119px; transform: translateY(-50%); padding: 10px; box-sizing: border-box; background-color: #817266; border-radius: 10px; transition: 0.3s; width: auto; height: auto; color: #fff; opacity: 0; visibility: hidden;}
.rnb2 a:hover .rnb_qr {opacity: 1; visibility: visible;}
.rnb2 a .qr_triangle {content: ""; position: absolute; top: 50%; left: -11px; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #817266; border-right: 10px solid transparent; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: 0.3s;}
.rnb2 a:hover .qr_triangle {opacity: 1; visibility: visible;}
.rnb_qr p {font-size: 12px; text-align: center; margin-top: 4px;}



@media(max-width:768px) {
    .rnb2 {right: 0;}
    .rnb2 a {width: 55px; height: 55px;}
    .rnb2 a:last-child span img {margin-top: 15px;}
    .rnb2 a span {font-size: 11px;}
    .rnb2 .side_youtube_icon img {margin-top: 18px;}
    .rnb2 a span img {width: 20px; margin-right: 0; margin-top: 10px;}
    .rnb2 a span strong {font-size: 12px;}
    .m-on-off {line-height: 55px;}
    .rnb2 .rnb_item {opacity: 0; visibility: hidden;}
    .rnb2.show .rnb_item {opacity: 1; visibility: visible;}
}



.paging {text-align: center; color: #949494; padding: 50px 0;}
.paging span {margin: 0 15px; cursor: pointer !important;}
.paging span.active {color: #000; font-weight: 600; text-decoration: underline;}


section {font-family: 'Pretendard'; color: #222;}


.txt_line {background-color: #F3EFEC; font-family: 'Pretendard'; text-align: center; padding: 25px; font-size: 18px; font-weight: 500; color: #222;}
.txt_line.ico {display: flex; align-items: center; justify-content: center; gap: 30px;}
.txt_line.ico span {display: flex; align-items: center; justify-content: center; font-weight: 700;}
.txt_line.ico span img {margin-right: 10px;}


.sec_tit {text-align: center;}
.sec_tit h5 {font-family: "Noto Serif KR", serif; font-size: var(--font-regular); margin-bottom: 20px;}
.sec_tit h3 {font-family: 'SangBlueOgSerifRelgular' !important; margin-bottom: 10px; font-size: 54px;}
.sec_tit span {font-family: 'Pretendard'; font-size: 24px; margin: 10px 0 50px 0; font-weight: 600; color: #aa8863; line-height: 1.5;}
.sec_tit P {font-family: 'Pretendard'; font-size: var(--font-regular); line-height: 1.5;}



/*! header start*/
.header {z-index: 1110; transition: 0.3s; position: absolute; top: 0; left: 0; width: 100%;}
.header.active {position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 111;}
.header.active .nav_global li>a {color: #222;}
.header .logo_white {display: block;}
.header .logo a img {max-width: 120px;}
.header.active .logo_white {display: none;}
.header .logo_black {display: none;}
.header.active .logo_black {display: block;}
.header nav {display: flex; justify-content: space-between; align-items: center; padding: 0 40px;}
.header .nav_global ul {display: flex; align-items: center;}
.header .nav_global ul>li {position: relative; padding: 30px 20px; box-sizing: border-box; flex: 1; white-space: nowrap;}
.header .nav_global ul>li>a {font-family: 'SangBlueOgSansRegular' !important; font-size: 16px; position: relative;}
.header .nav_global ul>li>a+ul {display: flex; flex-direction: column; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 1; background-color: rgba(255, 255, 255, 0.5); width: 160px; opacity: 0; visibility: hidden; transition: 0.3s;}
.header .nav_global ul>li:hover>a+ul {opacity: 1; visibility: visible;}
.header .nav_global ul>li>a+ul li {padding: 10px 0; white-space: nowrap; text-align: center; font-size: 15px; width: 100%; transition: 0.3s;}
.header .nav_global ul>li>a+ul li a {font-family: 'Pretendard'; color: #222;}
.header .nav_global ul>li>a+ul li:hover a {text-decoration: underline; font-weight: 600;}
.main_header {background-color: transparent;}
/*! header end*/



/*! visual start*/
.visual {position: relative; overflow: hidden;}
.visual_img {position: relative; height: 100vh;}
.visual img {height: 100%; width: 100%; object-fit: cover;}
.visual .visual_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.visual_title {position: absolute; bottom: 15%; color: #fff; z-index: 1; left: 50%; transform: translateX(-50%); text-align: center; font-family: 'Pretendard'; white-space: nowrap;}
.visual_title h5 {font-size: 26px; font-weight: 200; margin-bottom: 30px; letter-spacing: .5px;}
.visual_title h2 {font-size: 100px; margin: 10px 0 15px 0; font-family: 'SangBlueOgSansRegular' !important; margin-top: 20px;}
.visual_title h5 strong {font-weight: 400;}
.visual_title span {font-size: 18px;}
.slide-txt-bt {width: 2px; height: 59px; background-color: #808080; position: absolute; text-align: center; bottom: 0; margin: 0 auto; left: 50%; transform: translateX(-50%); z-index: 1;}
.slide-txt-bt::before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 2px; height: 20px; background-color: #fff; animation: upndown 3s infinite; -webkit-animation: upndown 1.8s infinite;}
.slide-txt-bt::after {content: "Scroll"; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); color: #fff; font-family: 'Pretendard';}
.medical_law {text-align: center; max-width: 1200px; margin: 50px auto 0; line-height: 1.5;}
.medical_law span {padding: 10px 30px; border: 1px solid #f4f4f4; color: #cdcdcd; display: inline-flex; align-items: center; font-size: 12;}
.medical_law span img {margin-right: 30px;}


@-webkit-keyframes upndown {
    0% {top: 0px;}
    100% {top: 40px;}
}
/*! visual end*/



/*! footer start*/
.footer {padding: 30px 30px 70px 30px; font-family: "Pretendard !important"; color: #222;}
.footer .policy {display: flex; justify-content: center; margin-bottom: 70px; padding-bottom: 30px; border-bottom: 1px solid #efefef;}
.footer .footer_wrap {display: flex; justify-content: center; max-width: 1240px; margin: 0 auto;}
.footer .footer_info {display: flex; align-items: center;}
.footer .footer_info .footer_logo {transform: scale(0.6);}
.footer .footer_info span {line-height: 1.5; font-family: 'Pretendard' !important; font-weight: 200 !important;}
.footer .sns_box {display: flex; gap: 20px; font-family: 'Pretendard' !important; font-weight: 200 !important;}
.footer .copyright {font-size: 13px; color: #919090; margin-top: 10px; font-family: 'Pretendard' !important; font-weight: 200 !important;}
.m_policy {display: none;}

@media(max-width:1024px) {
    .visual_title {white-space: wrap;}
}

@media(max-width:768px) {
    .policy {display: none;}
    .m_policy {display: block;}
}
/*! footer end*/



/*!toggle_list start*/
.toggle_list {padding: 200px 0; max-width: 1200px; margin: 0 auto;}
.toggle_list .sec_tit h3 {font-family: "Marcellus", serif; font-weight: 700;}
.toggle_list ul li {border-bottom: 1px solid #C1C1C1; padding: 25px 20px; cursor: pointer;}
.toggle_list ul li .faq_tit {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: var(--font-regular); color: #222; transition: 0.3s; font-weight: 600;}
.toggle_list ul li .faq_tit.show {color: #7F5F3B; font-weight: 600;}
.toggle_list ul li .faq_tit .mius_ico {display: none;}
.toggle_list ul li .faq_tit h5 {font-size: 20px;}
.toggle_list ul li .faq_tit.show .mius_ico {display: block;}
.toggle_list ul li .faq_tit.show .plus_ico {display: none;}
.toggle_list ul li .faq_contant {margin: 20px 0;}
.toggle_list ul li .faq_contant p {line-height: 1.5; font-size: 20px; text-align: left;}
.toggle_list ul li .faq_tit h5 {font-weight: 600 !important; text-align: start !important;}
/*!toggle_list end*/



/*!common_youtube start*/
.common_youtube {padding-top: 200px; max-width: 1240px; margin: 0 auto;}
.common_youtube .youtube_thumbnail a {width: 100%;}
.common_youtube .youtube_thumbnail img {width: 100%;}
/*!common_youtube end*/



/*!common_instagram start*/
.common_instagram {padding-top: 300px; max-width: 1240px; margin: 0 auto;}
.main_wrap .common_instagram {padding-bottom: 200px;}
.common_instagram .np_instagram ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px 10px}
.common_instagram .np_instagram ul li img {width: 100%;}


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


@media(max-width:768px) {
    .common_instagram {padding: 200px 20px;}
    .common_instagram .np_instagram ul {grid-template-columns: repeat(3, 1fr); margin-top: 30px;}
    .np_instagram ul li:nth-child(4), .np_instagram ul li:nth-child(5), .np_instagram ul li:nth-child(6), .np_instagram ul li:nth-child(10), .np_instagram ul li:nth-child(11), .np_instagram ul li:nth-child(12) {display: none;}
}
/*!common_instagram end*/



.comparison-slider {position: relative; width: 100%; margin: auto; user-select: none; overflow: hidden; touch-action: pan-x; max-width: 1000px;}
.comparison-slider>figure {margin: 0;}
.comparison-slider>figure:last-of-type {position: absolute; top: 0; left: 0; height: 100%; clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);}
.comparison-slider>figure>img {width: 100%; height: 100%; display: block; object-fit: cover; pointer-events: none;}
.comparison-slider>figure>figcaption {position: absolute; bottom: 0; display: inline-block; padding: 5px 10px; line-height: 1.5; background: rgba(30, 30, 30, 0.7); max-width: 30%; overflow: hidden; text-overflow: ellipsis; color: #f1f1f1; transition: opacity 0.35s, transform 0.35s;}
.comparison-slider>figure:first-child>figcaption {left: 0;}
.comparison-slider>figure:last-of-type>figcaption {right: 0;}
.comparison-slider>figure>figcaption.hide {opacity: 0; transform: translate3d(-10px, 0, 0);}
.comparison-slider>figure:last-of-type>figcaption.hide {transform: translate3d(10px, 0, 0);}
.comparison-slider>.slider svg {width: 0px;}
.comparison-slider>.slider {position: absolute; top: calc(50% - 20px); left: 50%; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; border-radius: 50%; transform: translate3d(-20px, 0, 0); background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); text-align: center; cursor: grab;}
.comparison-slider.dragging, .comparison-slider.dragging>.slider {cursor: grabbing;}
.comparison-slider.dragging>.slider {background: #d2abff;}
.comparison-slider>.slider>svg {pointer-events: none;}
.figcaption_befo {left: 0;}
.slider::after {content: ""; background-image: url('https://cheongdamcircle.cafe24.com/web/upload/img/rl_ico.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px;}


.aside_txt {display: flex; flex-direction: column; overflow: hidden; width: 100%;}
.aside_txt h1 {font-size: 140px; font-family: 'Marcellus' !important; color: #DECFB6; opacity: 0.2 !important; letter-spacing: -2px;}
.aside_txt h1:last-child {margin-left: auto;}
.aside_txt .ani_le_txt {margin-right: auto; margin-left: 100px;}
.aside_txt .ani_ri_txt {margin-right: 100px;}


.vertical_line {width: 1px; height: 400px; background-color: #C4AF82; margin: 0 auto; padding: 100px 0; box-sizing: border-box;}
.vertical_line.black {background-color: #000;}


.instagram_section {padding-top: 400px; max-width: 1240px; margin: 0 auto;}
.instagram_section .instagram_box ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px 10px}
.instagram_section .instagram_box ul li img {width: 100%;}


.header .m_logo {display: none;}


.m_side {background-color: #dfd2b9; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 11111; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Pretendard';}
.m_side.show {opacity: 1; visibility: visible;}
.m_side .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 30px 40px 20px;}
.m_side .top .symbol img {max-width: 40px;}
.m_side .top .close {cursor: pointer; margin-bottom: 10px;}
.m_side .top .close img {max-width: 24px;}
.m_side ul li h5, .m_side ul li {text-align: left;}
.m_side .m_nav_list {display: flex; flex-direction: column; gap: 20px; margin-left: 40px;}
.m_side .m_nav_list>li>h5 {font-size: 24px; padding-bottom: 5px; font-family: 'SangBlueOgSansRegular'; cursor: pointer; margin-bottom: 10px; transition: 0.3s; text-align: left;}
.m_side .m_nav_list>li>h5.active {border-bottom: 1px solid #222;}
.m_side .m_nav_list>li>ul li a {font-size: 16px; line-height: 1.5;}


.m_br {display: none !important;}
.p_br {display: block !important;}


.pc_img {display: block !important;}
.mb_img {display: none !important;}


.pc_flex {display: block;}


.m_menu {display: none;}
.visual_title .mb_txt {display: none;}
.main_visual_swiper .visual_title p a {border: 1px solid #fff; padding: 5px 25px; border-radius: 30px; font-family: 'Pretendard' !important; color: #fff;}
.recommend_sec .sec08_box .txt_box p {font-family: "Noto Serif KR", serif !important;}
.persoonal_review .sec_tit h3 {margin-bottom: 50px;}


body .small_wrap .sec06 {background-color: transparent;}



@media(max-width:1240px) {
    .header .pc_logo {display: none;}
    .header .m_logo {display: block;}
    .header .m_logo img {max-width: 100px;}
    .header {background-color: transparent; padding: 20px; box-sizing: border-box;}
    .header .nav_global {display: none;}
    .header nav {padding: 0;}
    .header .m_menu img {max-width: 37px; width: 100%; cursor: pointer;}
    .visual_title h5 {font-size: 20px; line-height: 1.5;}
    .visual_title h2 {font-size: 60px;}
    .footer {padding: 100px 20px;}
    .footer .sns_box {display: none;}
    .footer .footer_info {flex-direction: column;}
    .footer .footer_content .txt {text-align: center;}
    .footer .footer_info span {font-size: 14px;}
    .footer .footer_info span small {display: none;}
    .footer .footer_info .footer_logo {margin-right: 0; margin-bottom: 20px;}
    .footer .footer_info .footer_logo img {max-width: 250px;}
    .footer .policy {display: none;}
    .footer .copyright {text-align: center;}
    .footer .m_policy {margin: 20px 0; font-size: 12px; text-align: center; color: #444;}
    .m_menu {display: block;}
    .footer .copyright {font-size: 8px;}
}



@media(max-width:768px) {
    body.wrap .toggle_list .sec_tit h3 {font-size: 36px;}
    body .wrap .toggle_list .sec_tit h3 {font-size: 42px;}
    body .location {padding: 100px 20px; margin-top: 0;}
    body .location h2 {font-size: 42px;}
    body .location p {font-size: 16px; line-height: 1.5;}
    body .location p strong {font-size: 16px; font-weight: 600; margin-top: 22px; display: block}
    body .location .reservation_btns {gap: 5px;}
    body .location .reservation_btns a {font-size: 14px;}
    body .location .reservation_btns img {max-width: 27px;}
    body .volumn_wrap .sec07 .disc p {font-size: 12px; letter-spacing: 3px;}
    .footer .footer_info .footer_logo img {max-width: 100px;}

    .header {position: absolute; top: 0; left: 0; width: 100%;}
    .header.active {background-color: #fff;}
    .sec_tit h3 {font-size: 42px; font-weight: 500; margin-bottom: 10px;}
    .aside_txt {padding: 0; text-align: center;}
    .pc_img {display: none !important;}
    .pc_flex {display: none !important;}
    .mb_img {display: block !important;}
    .m_br {display: block !important;}
    .p_br {display: none !important;}
    .volumn_wrap .visual_title h2 {font-size: 46px;}
    .more_ico {display: none;}
    .toggle_list .sec_tit a {margin-bottom: 20px;}
    .small_fit_wrap .sec11 .np_instagram ul {grid-template-columns: repeat(3, 1fr);}
    .toggle_list ul {padding: 0 20px;}
    .toggle_list ul li {padding: 20px 0;}
    .toggle_list ul li .faq_tit {font-size: 18px; line-height: 1.5; text-align: start !important;}
    .toggle_list ul li .faq_contant {margin: 0;}
    .toggle_list ul li .faq_contant p {font-size: 14px; text-align: left;}
    .toggle_list ul li .faq_tit h5 {font-size: 16px;}
    .toggle_list .sec_tit a {color: #fff; background-color: #dcccb2; padding: 10px 25px; border-radius: 20px; margin: 20px 0 0px;}
    .visual_title h5 strong {display: none;}
    .visual_title .mb_txt {display: block;}
}



.header nav li a {color: #fff;}
.header.active nav li a {color: #222;}



@media(max-width:768px) {
    .treatment_tit small, .main_sec_tit small {display: none;}
}



/* font-family: "Noto Serif KR", serif; */
/*!----------- INTRO --------------- */
.visual_title strong {font-weight: 700;}



/*! intro start*/
.intro {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.intro .global_nav {position: absolute; top: 5%; right: 5%; background-color: #fff; padding: 45px 40px; font-family: 'Pretendard'; font-weight: 600; z-index: 1;}
.intro .global_nav .country {flex-direction: column; align-items: center; text-align: center; justify-content: center; margin-top: 15px; display: none;}
.intro .global_nav .country.show {display: flex;}
.intro .global_nav .country img {margin-right: 5px;}
.intro .global_nav .country a:first-child {font-weight: 600; text-decoration: underline; width: 66px; font-size: 16px; text-align: left;}
.intro .global_nav .country a {margin: 7px 0; font-weight: 500; width: 50px; font-size: 14px;}
.intro .global_nav span {cursor: pointer;}
.intro .global_nav>span img {margin-left: 10px;}


.muted_btn {position: absolute; bottom: 60px; left: 60px;}


button {background-color: transparent; outline: none; border: none;}
button img {cursor: pointer; vertical-align: bottom; max-width: 60px;}


.muted_btn.active img:first-child {display: block;}
.muted_btn img:first-child {display: none;}
.muted_btn.active img:last-child {display: none;}


.intro video {width: 100%;}
.intro .intro_box {position: relative;}
.intro .m_bg.bottom {position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 12.5%, #000 38%);}
.intro .m_bg.top {position: absolute; top: 0; left: 0; width: 100%; height: 400px; background: linear-gradient(0, rgba(255, 255, 255, 0.00) 12.5%, #000 63%);}
.intro_m_logo {position: absolute; top: 55px; left: 50%; transform: translateX(-50%); z-index: 111;}
.m_intro_list {position: absolute; bottom: 20px; left: 0; z-index: 111; width: 100%; display: flex; justify-content: space-between; text-align: center; gap: 5px; padding: 0 20px; box-sizing: border-box;}
.m_intro_list a {color: #fff; border: 1px solid #fff; padding: 5px 20px; box-sizing: border-box; width: 100%; border-radius: 30px; font-size: 14px; font-family: 'Pretendard' !important;}
.muted_btn {z-index: 1;}
.m_intro_list {position: absolute; bottom: 30px; left: 0; z-index: 111; width: 100%; justify-content: space-between; text-align: center; gap: 5px; padding: 0 20px; box-sizing: border-box; display: none;}
.m_intro_list a {color: #fff; border: 1px solid #fff; padding: 5px 20px; box-sizing: border-box; width: 100%; border-radius: 30px; font-size: 14px; font-family: 'Pretendard';}
.muted_btn {z-index: 1;}
.m_intro_txt {position: absolute; left: 0px; bottom: 14%; z-index: 1; width: 100%; box-sizing: border-box; padding: 20px; display: none;}
.m_intro_txt h1, .m_intro_txt a, .m_intro_txt p {color: #fff;}
.m_intro_txt>div {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.m_intro_txt>div>a img {max-width: 42px;}
.m_intro_txt>div>a {display: flex; flex-direction: column; align-items: center;}
.m_intro_txt h1 {font-size: 36px; font-family: 'SangBlueOgSansRegular' !important;}
.m_intro_txt a span {margin-top: 5px;}
.m_intro_txt p {font-family: 'Pretendard'; line-height: 1.4; font-size: 15px;}



@media(max-width:1240px) {
    .m_intro_txt {display: block;}
    .intro .m_bg.bottom {height: 400px;}
    .intro .m_bg.top {height: 400px;}
    .muted_btn {position: absolute; bottom: 60px; right: auto; left: 60px;}
    .m_intro_list {display: flex;}
    .muted_btn {top: 20px; right: 30px; left: auto; width: 40px; height: 40px;}
    .muted_btn img {width: 40px;}
    .intro video {height: 100vh;}
    .intro .intro_box {display: flex; background-color: #000; flex-direction: column; justify-content: flex-end; height: 100vh;}
    .intro .global_nav {display: none;}
}



/*! intro end*/
/*!----------- MAIN --------------- */
/*! main visual start*/
.main_wrap .main_visual {position: relative; height: 100vh;}
.main_wrap .main_visual .main_visual_swiper {height: 100%;}
.main_wrap .main_visual .swiper-slide {position: relative;}
.main_wrap .main_visual .swiper-slide .visual_img img {width: 100%; position: relative;}
.main_wrap .main_visual .main_bg {position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; z-index: 1;}
.main_wrap .main_visual .visual_title {position: absolute; bottom: 20%; left: 75px; z-index: 2; transform: translateX(0); text-align: left;}
.main_wrap .main_visual .visual_title strong {color: #fff; font-family: "Pretendard" !important;}
.main_wrap .main_visual .visual_title h2 {margin: 20px 0 10px 0; color: #fff; letter-spacing: -0.1px;}
.main_wrap .main_visual .visual_title p {font-size: 24px; color: #fff; font-family: "Pretendard" !important; letter-spacing: -0.1px; font-weight: 200 !important;}
.main_wrap .main_visual .visual_title h3 {font-size: 30px; font-weight: 200 !important; line-height: 1.5; color: #fff; font-family: "Pretendard" !important; letter-spacing: -0.1px; text-align: left;}
.main_wrap .main_visual .visual_title h3 strong {font-weight: 600 !important;}
.main_wrap .main_visual .swiper-pagination-bullet {background-color: #EBE5DE !important; border-radius: 0; width: 2px; height: 25px; margin: 0 8px !important; opacity: 1 !important;}
.main_wrap .main_visual .swiper-pagination-bullet-active {width: 4px; height: 50px; background-color: #fff !important;}
.main_wrap .swiper-pagination-bullets {text-align: left !important; left: 75px !important; bottom: 10% !important; display: flex; align-items: center;}
.main_wrap .sec01 ul li h3 span {vertical-align: text-bottom; display: inline;}

@media(max-width:1024px) {
.main_wrap .main_visual .swiper-slide .visual_img img{width: auto; position: absolute; right: -250px;}
.main_wrap .sec04 .treatment_tit{width: 30%;}
.main_wrap .sec04 .treatment_list ul li .thumbnail img{max-width: 250px;}
.youtube-section .you_profile{left:0 !important; bottom: -180px !important; transform: scale(0.6) translate(-30%, 0) !important;}

}

@media(max-width:768px) {
    .main_wrap .main_visual .visual_title h3 {font-size: 18px;}
    .main_wrap .main_visual .visual_title h2 {font-size: 41px;}
    .main_wrap .swiper-pagination-bullets {left: 4% !important;}
    .main_wrap .main_visual .swiper-slide .visual_img img {width: 100%; position: relative; right: 0;}
    .main_wrap .main_visual .swiper-slide .visual_img img {height: 100vh; object-fit: cover;}
    .main_wrap .main_visual .visual_title {left: 5%;}
    .main_wrap .swiper-pagination-bullets {left: 5%}
    .main_wrap .main_visual .visual_title p {font-size: 13px;}
    #header .m_header {position: fixed !important;}
    #header .m_header>.header_inner ul .xans-layout-orderbasketcount {display: none !important;}
    #header .m_header>.header_inner>h1 img {max-height: 40px !important;}
}
/*! main visual end*/



/*! main sec01 start*/
.main_wrap .sec01 {max-width: 1280px; margin: 0 auto; padding: 200px 0;}
.main_wrap .sec01 .main_sec01_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important; letter-spacing: -0.1px;}
.main_wrap .sec01 .main_sec01_tit p {font-size: var(--font-regular); margin-left: 95px; margin-top: 20px; line-height: 1.3; font-weight: 400 !important; letter-spacing: -0.1px;}
.main_wrap .sec01 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 5px; margin-top: 60px;}
.main_wrap .sec01 ul li {display: flex; align-items: flex-end;}
.main_wrap .sec01 ul li .signature_txt {display: flex; flex-direction: column; padding-left: 30px; box-sizing: border-box;}
.main_wrap .sec01 ul li .signature_txt p strong {font-weight: 600 !important;}
.main_wrap .sec01 ul li h3 {font-size: 30px; font-family: 'SangBlueOgSerifRelgular' !important; line-height: 1.3; transition: all 0.5s; font-weight: 400; color: #222; text-align: left;}
.main_wrap .sec01 ul li p {font-size: 15px; margin: 20px 0 40px; line-height: 1.5; font-weight: 400 !important;}
.main_wrap .sec01 ul li .more a {font-size: 14px; border: 1px solid #222; color: #222; padding: 8px 25px; border-radius: 30px; transition: all 0.5s; font-family: 'Pretendard' !important;}
.main_wrap .sec01 ul li:hover .more a {background-color: #222; color: #fff; border: 1px solid #222;}
.main_wrap .sec01 ul li:hover h3 {text-decoration: underline 2px; text-underline-position: under; text-underline-offset: 3px;}


@media(max-width:1240px) {
    .main_wrap .sec01 {max-width: 100%; padding: 200px 20px;}
    .main_wrap .sec01 ul li .signature_thumbnail img {max-width: 200px;}
.main_wrap .sec01 ul li .signature_txt {padding-left: 10px;}

.main_wrap .sec01 ul li h3 {font-size: 30px;}
.main_wrap .sec01 ul li p {font-size: 14px; margin: 20px 0;}
}

@media(max-width:768px) {
    .main_wrap .sec01 {padding: 150px 20px; box-sizing: border-box;}
    .main_wrap .sec01 .main_sec01_tit p {margin-left: 0; font-size: 13px; line-height: 1.5;}
    .main_wrap .sec01 .main_sec01_tit h2 {font-size: 40px;}
    .main_wrap .sec01 .signature_thumbnail img {width: 100%;}
    .main_wrap .sec01 ul {grid-template-columns: repeat(1, 1fr); gap: 100px;}
    .main_wrap .sec01 ul li .signature_thumbnail {width: 40%;}
    .main_wrap .sec01 ul li .signature_txt {width: 60%; padding-left: 20px;}
    .main_wrap .sec01 ul li p {font-size: 12px; margin: 10px 0 20px 0;}
    .main_wrap .sec01 ul li h3 {font-size: 26px;}
    .main_wrap .sec01 ul li:hover h3 {text-decoration: unset;}
}
/*! main sec01 end*/



/*! main sec02 start*/
.main_wrap .sec02 {padding: 200px 0;}
.main_wrap .sec02 .main_sec_tit {text-align: center; margin-bottom: 50px;}
.main_wrap .sec02 .main_sec_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important; letter-spacing: -0.1px;}
.main_wrap .sec02 .main_sec_tit span {margin-top: 30px; font-size: 24px; font-family: 'Pretendard' !important; letter-spacing: -0.1px;}
.main_wrap .sec02 .main_sec02_vid img {width: 100%;}
.main_wrap .sec02 .main_sec02_vid iframe {width: 100%;}
.video_default {max-width: 1200px; margin: 0 auto;}



@media(max-width:1240px) {
    .video_default {max-width: 100%}
}



@media(max-width:768px) {
    .main_wrap .sec02 {padding: 0;}
    .main_wrap .sec02 .main_sec_tit h2 {font-size: 40px;}
    .main_wrap .sec02 .main_sec_tit span {font-size: 16px; margin-top: 20px;}
    .main_wrap .sec02 .main_sec02_vid iframe {height: 300px;}
}
/*! main sec02 end*/



/*! main sec03 start*/
.main_wrap .sec03 {padding: 200px 0;}
.main_wrap .sec03 p {font-family: "Noto Serif KR", serif !important; font-size: 22px; line-height: 1.5; text-align: center; margin-top: 50px;}
.main_wrap .sec03 .main_sec_tit {text-align: center; margin-bottom: 50px;}
.main_wrap .sec03 .main_sec_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important; letter-spacing: -0.1px;}
.main_wrap .sec03 .main_sec_tit span {margin-top: 20px; font-size: 24px; font-family: 'Pretendard' !important; letter-spacing: -0.1px;}
.main_wrap .sec03 .main_medical_swiper img {width: 100%;}
.main_wrap .sec03 .main_medical_swiper .swiper-slide {transform: scale(0.7);}
.main_wrap .sec03 .main_medical_swiper .swiper-slide.swiper-slide-next {transform: scale(1);}
.main_wrap .sec03 .swiper-button-prev::after, .main_wrap .sec03 .swiper-button-next::after {content: "";}
.main_wrap .sec03 .swiper-button-next {top: 50%; right: 29.5%; width: 50px; height: 50px;}
.main_wrap .sec03 .swiper-button-prev {top: 50%; left: 29.5%; position: absolute !important; width: 50px; height: 50px;}

@media(max-width:1024px) {
    .main_wrap .sec03 .main_medical_swiper .swiper-slide {transform: scale(1);}
    .main_wrap .sec03 .main_medical_swiper .swiper-slide.swiper-slide-next {transform: scale(1);}
}

@media(max-width:768px) {
.main_wrap .sec03 {padding: 150px 0;}
    .main_wrap .sec03 p {font-size: 16px; font-weight: 600; margin-top: 30px;}
    .main_wrap .sec03 .main_medical_swiper {padding-left: 0px;}
    .main_wrap .sec03 .main_sec_tit h2 {font-size: 40px;}
    .main_wrap .sec03 .main_sec_tit span {font-size: 18px;}
    .main_wrap .sec03 .swiper-button-next, .main_wrap .sec03 .swiper-button-prev {display: none;}
    .main_wrap .sec03 .swiper-button-next {right: 11.5%;}
    .main_wrap .sec03 .swiper-button-prev {left: 5.5%;}
}
/*! main sec03 end*/



/*! main sec04 start*/
.main_wrap .sec04 {max-width: 1200px; margin: 0 auto; display: flex; height: auto; padding-bottom: 200px;}
.main_wrap .sec04 .treatment_tit {width: 40%; margin-top: 400px; position: sticky; top: 100px; align-self: flex-start;}
.main_wrap .sec04 .treatment_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important; line-height: 1.2; letter-spacing: -0.1px;}
.main_wrap .sec04 .treatment_tit h5 {font-size: 24px; margin-top: 20px; font-family: 'Pretendard' !important; letter-spacing: -0.1px;}
.main_wrap .sec04 .treatment_list {width: 60%; display: flex; gap: 50px;}
.main_wrap .sec04 .treatment_list ul:last-child {margin-top: 400px;}
.main_wrap .sec04 .treatment_list ul:last-child li {margin-top: 600px;}
.main_wrap .sec04 .treatment_list ul:first-child li:first-child {margin-top: 400px;}
.main_wrap .sec04 .treatment_list ul:first-child li {margin-top: 600px;}
.main_wrap .sec04 .treatment_list ul li {margin-top: 200px;}
.main_wrap .sec04 .treatment_list ul li:hover .txt a {background-color: #222; color: #fff; transition: 0.3s;}
.main_wrap .sec04 .treatment_list ul li .txt {text-align: center; margin-top: 20px;}
.main_wrap .sec04 .treatment_list ul li .txt h4 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important;}
.main_wrap .sec04 .treatment_list ul li .txt p {font-size: 18px; margin: 10px 0 30px 0; line-height: 1.5;}
.main_wrap .sec04 .treatment_list ul li .txt a {border: 1px solid #222; padding: 7px 30px; border-radius: 30px; font-size: 14px; font-weight: 500; font-family: 'Pretendard' !important;}
.main_wrap .sec04 .treatment_list ul li .abs_txt {display: none; position: absolute;}


@media(max-width:1024px) {
.main_wrap .sec04 {max-width: 100%; padding: 0 20px 200px;}

.main_wrap .sec04 .treatment_list ul li .txt h4 {font-size: 30px;}

.main_wrap .sec04 .treatment_list ul li .txt p {font-size: 16px; margin: 10px 0;}

.main_wrap .sec04 .treatment_list {gap: 0; width: 65%;}
.main_wrap .sec04 .treatment_tit {width: 35%;}

.main_wrap .sec04 .treatment_tit h2 {font-size: 44px;}
.main_wrap .sec04 .treatment_tit h5 {font-size: 20px; line-height: 1.5;}
}


@media(max-width:768px) {
    .main_wrap .sec04 {flex-direction: column; overflow: hidden; padding: 0 0 150px;}
    .main_wrap .sec04 .treatment_tit {width: 100%; text-align: center; position: unset; margin-top: 0; margin-bottom: 50px;}
    .main_wrap .sec04 .treatment_tit h2 {font-size: 40px;}
    .main_wrap .sec04 .treatment_tit h2 br {display: none;}
    .main_wrap .sec04 .treatment_tit h5 {font-size: 18px;}
    .main_wrap .sec04 .treatment_list {width: 100%; gap: 10px; padding: 0 20px; box-sizing: border-box;}
    .main_wrap .sec04 .treatment_list .thumbnail img {width: 100%;}
    .main_wrap .sec04 .treatment_list ul:first-child li:first-child {margin-top: 0;}
    .main_wrap .sec04 .treatment_list ul:last-child {margin: 0;}
    .main_wrap .sec04 .treatment_list ul li {margin-top: 425px; position: relative;}
    .main_wrap .sec04 .treatment_list ul li .txt h4 {font-size: 28px;}
    .main_wrap .sec04 .treatment_list ul li .txt p {font-size: 15px;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt {display: block; font-size: 170px; opacity: 0.05; font-family: 'SangBlueOgSansRegular' !important; z-index: -1;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt1 {top: 10%; left: 80%;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt2 {top: 10%; right: 80%;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt3 {top: 10%; left: 80%;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt4 {top: 10%; right: 80%;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt5 {top: 10%; left: 80%;}
    .main_wrap .sec04 .treatment_list ul li .abs_txt6 {top: 10%; right: 80%;}
    .main_wrap .sec04 .treatment_list ul:last-child li {margin-top: 500px;}
    .main_wrap .sec04 .treatment_list ul:last-child li:nth-child(2) {margin-top: 600px;}
    .main_wrap .sec04 .treatment_list ul:last-child li:nth-child(2) h4 {font-size: 20px;}
    .main_wrap .sec04 .treatment_list ul:last-child li:nth-child(3) {margin-top: 550px;}
}
/*! main sec04 end*/



/*! main sec05 start*/
.main_wrap .sec05 {margin-top: 200px; padding-bottom: 200px;}
.main_wrap .sec05 .main_sec_tit {text-align: center; margin-bottom: 50px;}
.main_wrap .sec05 .main_sec_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important;}
.main_wrap .sec05 .main_sec_tit h5 {font-size: 24px; margin-top: 10px; font-family: 'Pretendard' !important;}
.main_wrap .sec05 .box {display: flex; max-width: 100%; margin: 0 auto;}
.main_wrap .sec05 .swiper-container {overflow: hidden; width: 100%; margin: 0 auto;}
.main_wrap .sec05 .swiper-container-wrapper {display: flex; gap: 20px; flex-flow: column nowrap; position: relative; width: 100%; max-width: 1200px;}
.main_wrap .sec05 .swiper-slide {text-align: center; background-size: cover; background-position: center; background-color: #fff; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
.main_wrap .sec05 .swiper-slide a {width: 100%;}
.main_wrap .sec05 .swiper-button-next, .swiper-button-prev {color: #000;}
.main_wrap .sec05 .swiper-button-next, .main_wrap .sec05 .swiper-button-prev {width: 44px;}
.main_wrap .sec05 .swiper-button-next {left: auto; right: 9%; top: 110%;}
.main_wrap .sec05 .swiper-button-prev {left: auto; right: 9%; top: -10%;}
.main_wrap .sec05 .swiper-button-next::after, .main_wrap .sec05 .swiper-button-prev::after {content: "";}
.main_wrap .sec05 .gallery-top {position: relative; width: 86%;}
.main_wrap .sec05 .gallery-top img {border-radius: 300px 0 0 0;}
.main_wrap .sec05 .gallery-top .swiper-slide {position: relative;}
.main_wrap .sec05 .gallery-thumbs {width: 100%; height: 546px; padding-top: 10px;}
.main_wrap .sec05 .gallery-thumbs .swiper-wrapper {flex-direction: row;}
.main_wrap .sec05 .gallery-thumbs .swiper-slide {overflow: hidden; width: 25%; flex-flow: row nowrap; height: 100%; opacity: 0.75; cursor: pointer;}
.main_wrap .sec05 .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.main_wrap .sec05 .youtube_txt {width: 30%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main_wrap .sec05 .youtube_txt .youtube_txt_box {margin-left: 30px;}
.main_wrap .sec05 .youtube_txt h5 {font-family: "Noto Serif KR", serif !important; font-size: 24px; font-weight: 500 !important; margin-bottom: 20px;}
.main_wrap .sec05 .youtube_txt h4 {font-family: "Noto Serif KR", serif !important; font-size: 54px; margin: 20px 0 40px; font-weight: 600 !important;}
.main_wrap .sec05 .youtube_txt p {font-size: 20px; line-height: 1.5; font-weight: 300 !important;}
.main_wrap .sec05 .youtube_txt a img {width: 20px; margin-right: 8px;}
.main_wrap .sec05 .youtube_txt a {margin-top: 60px; border: 1px solid #222; padding: 10px 30px; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard' !important; font-weight: 300 !important;}
.main_wrap .sec05 .youtube_txt a strong {font-weight: 700 !important; font-family: 'Pretendard' !important;}
.main_wrap .sec05 img {width: 100%; vertical-align: bottom;}
.main_wrap .sec05 iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



@media (min-width: 1240px) {
    .main_wrap .sec05 .swiper-container {min-height: 320px;}
    .main_wrap .sec05 .swiper-container-wrapper {flex-flow: row nowrap;}
    .gallery-top {width: 80%; margin-right: 10px;}
    .main_wrap .sec05 .gallery-thumbs {width: 30%; padding: 0;}
    .main_wrap .sec05 .gallery-thumbs .swiper-wrapper {flex-direction: column;}
    .main_wrap .sec05 .gallery-thumbs .swiper-slide {flex-flow: column nowrap; width: 100%;}
}



@media(max-width:1240px) {
    .main_wrap .sec05 .main_sec_tit h5 {font-size: 20px;}
    .main_wrap .sec05 .main_sec_tit h2 {font-size: 40px;}
    .main_wrap .sec05 .main_sec_tit span {font-size: 14px;}
    .main_wrap .sec05 .box {flex-direction: column-reverse;}
    .main_wrap .sec05 .swiper-container-wrapper {gap: 0;}
    .main_wrap .sec05 .swiper-slide {height: 300px;}
    .main_wrap .sec05 .swiper-button-prev {left: 3%; right: auto; top: 80%; transform: rotate(-90deg);}
    .main_wrap .sec05 .swiper-button-next {left: auto; right: 3%; top: 80%; transform: rotate(-90deg);}
    .main_wrap .sec05 .swiper-button-next, .main_wrap .sec05 .swiper-button-prev {width: 30px;}
    .main_wrap .sec05 .gallery-top {width: 100%;}
    .main_wrap .sec05 .gallery-top img {border-radius: 100px 0 0 0;}
    .main_wrap .sec05 .gallery-thumbs {height: auto; width: 75%;}
    .main_wrap .sec05 .youtube_txt {align-items: flex-start; padding: 10px 20px 20px 20px; box-sizing: border-box; width: 100%;}
    .main_wrap .sec05 .youtube_txt .youtube_txt_box {margin-left: 30px;}
    .main_wrap .sec05 .youtube_txt h5 {font-size: 20px;}
    .main_wrap .sec05 .youtube_txt h4 {font-size: 52px; margin: 10px 0 20px;}
    .main_wrap .sec05 .youtube_txt p {font-size: 14px;}
    .main_wrap .sec05 .youtube_txt p br {display: none;}
    .main_wrap .sec05 .youtube_txt a {margin-top: 25px;}
    .main_wrap .sec05 .youtube_txt .youtube_txt_box {text-align: center;}
}
/*! main sec05 end*/



.common_instagram.sec13 .sec_tit h3 {font-family: "Marcellus", serif; margin-bottom: 50px; font-size: 60px; color: #222;}
.common_instagram.sec13 .sec_tit h5 {margin-bottom: 50px; font-family: 'Pretendard' !important;}



/*! main sec06 start*/
/*! main sec06 end*/



/*! main sec07 end*/
.main_wrap .sec07 {padding: 200px;}
.main_wrap .sec07 .main_sec_tit {text-align: center; margin-bottom: 50px;}
.main_wrap .sec07 .main_sec_tit h2 {font-size: 54px; font-family: 'SangBlueOgSerifRelgular' !important;}
.main_wrap .sec07 .main_sec_tit h5 {font-size: 24px; margin-top: 10px; font-family: 'Pretendard' !important;}
.main_wrap .sec07 .box {padding: 0 200px; box-sizing: border-box;}
.main_wrap .sec07 .box img {width: 100%;}

@media(max-width:1024px) {
    .main_wrap .sec07 .box {padding: 0}
.main_wrap .sec07 {padding: 200px 20px;}
}

@media(max-width:768px) {
    .main_wrap .sec07 {padding: 150px 0}
    .main_wrap .sec07 .box {padding: 0 20px; padding-left: 0;}
    .main_wrap .sec07 .main_sec_tit h2 {font-size: 40px;}
    .main_wrap .sec07 .main_sec_tit h5 {font-size: 20px; line-height: 1.5;}
}
/*! main sec07 end*/



/*!----------- NPBOOSTART --------------- */
/*! npsec4 start*/
.np_wrap .sec04 {padding-top: 200px; max-width: 1200px; margin: 0 auto;}
.np_wrap .sec04 .sec_tit h3 {font-size: 54px; font-family: 'Pretendard'; line-height: 1.3; font-weight: 500;}
.np_wrap .sec04 .sec_tit h3 strong {font-family: 'AritaBuriSB'; font-weight: 600;}
.np_wrap .sec04 .sec04_visual {text-align: center; margin: 100px 0 50px 100px;}
.np_wrap .sec04 .sec04_visual img {max-width: 782px; width: 100%;}
.np_wrap .sec04 p {line-height: 1.5; font-size: var(--font-regular); text-align: center;}
.np_wrap .sec04 p strong {font-weight: 700; color: #0a0a50; font-size: 24px; text-decoration: underline; text-decoration-thickness: 2px; text-underline-position: under}
/*! npsec4 end*/



/*! npsec6 start*/
.np_wrap .sec06 .swiper-button-next img, .swiper-button-prev img {width: 100%;}
/*! npsec6 end*/



/*! npsec7 start*/
.np_wrap .sec07 {margin: 0 auto;}
.np_wrap .sec07>h2 {font-size: 54px; text-align: center; font-family: 'AritaBuriM'; margin: 70px 0;}
.np_wrap .sec07 .vertical_line {text-align: center;}
.np_wrap .sec07 .sec07_box {display: flex; gap: 20px;}
.np_wrap .sec07 .sec07_box>div {width: 50%; text-align: center; border-left: 1px solid #efefef; border-right: 1px solid #EFEFEF;}
.np_wrap .sec07 .sec07_box>div:nth-child(1) .box_tit {background-color: #EFEFEF;}
.np_wrap .sec07 .sec07_box>div:nth-child(2) .box_tit {background-color: #0A0A50; color: #fff;}
.np_wrap .sec07 .sec07_box>div:last-child {border-left: 1px solid #0B0A50; border-right: 1px solid #0B0A50;}
.np_wrap .sec07 .sec07_box>div:last-child .box_content:last-child {border-bottom: 1px solid #0B0A50;}
.np_wrap .sec07 .sec07_box>div h5 {font-size: var(--font-medium); font-weight: 600;}
.np_wrap .sec07 .sec07_box>div .box_tit {padding: 30px 20px;}
.np_wrap .sec07 .sec07_box>div .box_content {text-align: center;}
.np_wrap .sec07 .sec07_box>div .box_content {padding: 30px; color: #707070; border-bottom: 1px solid #EFEFEF;}
.np_wrap .sec07 .sec07_box>div .box_content span {margin-bottom: 15px; font-weight: 600; font-size: var(--font-small);}
.np_wrap .sec07 .sec07_box>div .box_content p {line-height: 1.5;}
/*! npsec7 end*/


/*! np sec8 start*/
.np_wrap .sec08 {overflow: hidden; padding: 200px 360px;}
.np_wrap .sec08 .sec_tit h3 {font-family: 'Pretendard'; line-height: 1.3; font-weight: 600; font-size: 40px;}
.np_wrap .sec08 .sec08_box>div {display: flex;}
.np_wrap .sec08 .sec08_box>div img {width: 100%;}
/*! np sec8 end*/



.arrow_box {display: flex; justify-content: center; flex-direction: row-reverse; margin-top: 100px; gap: 50px;}
.arrow_box>div {width: auto;}



.main_wrap .sec_footer {overflow: hidden;}
.main_wrap .sec_footer .map {display: flex; justify-content: center; align-items: center; background-color: #FAFAFA;}
.main_wrap .sec_footer .map_img img {width: 100%;}
.main_wrap .sec_footer .map>div {width: 50%;}
.main_wrap .sec_footer .map_info {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main_wrap .sec_footer .map_info h2 {font-family: 'SangBlueOgSerifRelgular' !important; font-size: 60px; margin: 20px 0 40px 0;}
.main_wrap .sec_footer .map_info h5 {font-family: 'Pretendard' !important; font-size: 14px; letter-spacing: 10px; font-weight: 200 !important;}
.main_wrap .sec_footer .map_info .txt ul li {display: flex; margin-bottom: 20px;}
.main_wrap .sec_footer .map_info .txt ul li .infomation {display: flex; flex-direction: column;}
.main_wrap .sec_footer .map_info .txt ul li>.infomation span {margin: 3px; font-family: 'Pretendard' !important; font-weight: 200 !important;}
.main_wrap .sec_footer .map_info .txt ul li:last-child {margin-bottom: 50px;}
.main_wrap .sec_footer .map_info .txt ul li>span:first-child {width: 100px; font-weight: 700; font-family: 'Pretendard' !important; font-weight: 500 !important;}
.main_wrap .sec_footer .reservation_btns {display: flex; justify-content: flex-start; align-items: center; gap: 20px;}
.main_wrap .sec_footer .reservation_btns a {background-color: #000; color: #fff !important; display: flex; align-items: center; padding: 10px 30px; justify-content: center;}
.main_wrap .sec_footer .reservation_btns a span {color: #fff; font-family: 'Pretendard' !important;}

@media(max-width:1024px) {
    .main_wrap .sec_footer .map>div {width: 100%;}
    .main_wrap .sec_footer .map {flex-direction: column;}
    .main_wrap .sec_footer .map .map_info {margin: 100px 0;}






}

@media(max-width:768px) {
    .header .logo a img { max-width: 100px; width: 100%; height: auto;}
    .main_wrap .sec_footer .map .map_info {margin: 50px 0;}
    .main_wrap .sec_footer .map .map_info .tit {text-align: center; margin-bottom: 20px;}
    .main_wrap .sec_footer .map_info h2 {font-size: 36px; font-family: 'SangBlueOgSerifRelgular';}
    .main_wrap .sec_footer .map_info h5 {font-size: 10px;}
    .main_wrap .sec_footer .map_info .txt ul li {flex-direction: column;}
    .main_wrap .sec_footer .map_info .txt ul li>span:first-child {margin-bottom: 10px;}
    .main_wrap .sec_footer .map ul {padding: 0 20px;}
    .main_wrap .sec_footer .reservation_btns {gap: 10px; justify-content: center;}
    .main_wrap .sec_footer .reservation_btns a {font-size: 12px; padding: 10px 18px;}
    .main_wrap .sec_footer .reservation_btns>div {width: 40%; justify-content: center;}
}



/*! locataion start*/
.location {margin-top: 200px; padding: 250px 0; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; text-align: center;}
.location h2 {font-size: 80px; font-family: 'SangBlueOgSansRegular'}
.location p {margin: 30px 0 40px; font-size: 20px;}
.location p strong {font-family: "Marcellus", serif;}
.location .reservation_btns {display: flex; justify-content: center; align-items: center; gap: 20px;}
.location .reservation_btns a {background-color: #000; color: #fff; display: flex; align-items: center; padding: 10px 30px;}
/*! locataion end*/



.sec_tit h3 {color: #222;}
.comparison_before {left: 0;}
.header .m_menu_ico_black {display: none;}
.header .m_menu_ico_white {display: block;}
.header.active .m_menu_ico_black {display: block;}
.header.active .m_menu_ico_white {display: none;}



@media(max-width:768px){
.main{overflow-x: hidden;}
}