@charset "utf-8";
@font-face { font-family:'SUIT'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal; }

@font-face { font-family:'SUIT'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; }

@font-face { font-family:'Europa Regular'; src:url('https://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.woff2')format('woff2'); font-weight:normal; font-style:normal; }

/*----------------------------------------------------------
Customized Swiper 11.0.5
https://cdn.jsdelivr.net/npm/swiper@11.0.5/swiper.min.css
----------------------------------------------------------*/
.swiper-button-next, .swiper-button-prev { display:inline-block; width:2rem; height:2rem; position:absolute; top:0; cursor:pointer; } 
.swiper-button-next:after, .swiper-button-prev:after { display:inline-block; width:.6875rem; height:1.4375rem; padding:1rem; font-size:0; } 
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content:'prev'; } 
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content:'next'; } 
.swiper-button-prev:after { transform:rotate(180deg); } 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.2; cursor:auto; pointer-events:none; } 

/* common */
body { overflow:auto; font-family:'Europa Regular','SUIT'; font-weight:400; color:#000; }
a { display:inline-block; width:100%; height:100%; cursor:pointer; } 
input { border:0; } 
.inner { max-width:1920px; margin:0 auto; } 
.title_wrapper { margin-bottom:20px; }

.header { position:fixed; top:0; left:0; z-index:100; width:100%; background:rgba(255, 255, 255, 0.01); backdrop-filter:blur(5px); -webkit-backdrop-filter: blur(5px);}
.header .section {max-width:1200px; width:100%; margin:0 auto; text-align:right;}
.header h1 { height:80px; background:url(/assets/images/img_logo.svg) no-repeat 50% 45%; color:transparent; margin:0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
.header a.newsletter{
    height:max-content;
    width: max-content;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 12px;
    background-color: #000000;
    border: 1px solid #000000;
}
.header a.newsletter:hover {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}

.main_top { background:url(/assets/images/bg_top.jpg) no-repeat 50% 0 / 1920px; } 
.main_top .inner { padding-top:606px; } 
.main_top .intro { max-width:1200px; width:100%; margin:0 auto; padding:50px; background-color:#fff; } 
.main_top h2 { font-size:48px; color:#938F96; line-height:1.4; } 
.main_top h2 em { display:block; color:#000; letter-spacing:8.4px; text-transform:uppercase; } 
.main_top .title { margin-bottom:10px; font-size:32px; line-height:1.6; text-align:right; } 
.main_top .text { font-size:24px; line-height:1.6; text-align:right; } 

.btn_apply { display:block; position:fixed; bottom:20px; left:50%; z-index:100; max-width:1200px; width:100%; height:60px; margin:0 auto; border:solid 1px #000; background-color:#fff; font-size:20px; line-height:60px; transition:all .5s; transform:translateX(-50%); } 
.btn_apply:hover { background-color:#000; color:#fff; } 
.ani_out { margin-bottom:-100px; } 

[class^="section_"] { max-width:1200px; width:100%; margin:0 auto; padding-bottom:100px; } 
[class^="section_"] .title { font-size:40px; } 
[class^="section_"] .subtitle { font-size:24px; } 
[class^="section_"] .explanation { display:inline-block; height:37px; padding:0 12px; margin-top:20px; border:1px solid rgba(0, 0, 0, 0.05); background:#F2F3F5; font-size:20px; line-height:37px; } 

.section_room .room_list { display:flex; column-gap:40px; } 
.section_room .room_item .room_type { margin-bottom:20px; font-size:32px; } 
.section_room .room_item .thumbnail { position:relative; width:100%; margin-bottom:20px; } 
.section_room .room_item .thumbnail .btn_more { position:absolute; bottom:0; right:0; width:56px; height:56px; background:url('/assets/images/ico_cross.png') no-repeat 50% 50% / 100%; font-size:0; } 
.section_room .room_item .info { display:flex; flex-direction:column; row-gap:8px; padding:12px 0; border-width:1px 0 1px; border-style:solid; border-color:#000; font-size:18px; } 
.section_room .room_item .info_item { display:flex; justify-content:space-between; } 
.section_room .room_item .info_item .value { font-weight:bold; } 
.section_room .room_item .info_item .value .regular_price { margin-right:4px; text-decoration:line-through; font-weight:normal; } 

.section_shared .shared_tab_list { margin-bottom:20px; font-size:0; } 
.section_shared .shared_tab_list .shared_tab_item { display:inline-block; padding:20px; border-bottom:solid 2px currentColor; font-size:24px; line-height:1.31; color:#AEA9B1; cursor: pointer; } 
.section_shared .shared_tab_list .shared_tab_item.on { color:#000; } 
.section_shared .shared_tab_content h3 { display:none; } 
.section_shared .swiper_shared .swiper-slide .tag { position:absolute; top:0; right:0; height:29px; padding:0 8px; background:rgba(255, 255, 255, 0.40); line-height:29px; } 
.section_shared .swiper_button { position:absolute; top:50%; z-index:10; width:60px; height:60px; margin-top:-30px; background:url(/assets/images/ico_arrow_black_right.svg) no-repeat 50% 50% / contain;; } 
.section_shared .swiper_button.swiper-button-next { right:0; } 
.section_shared .swiper_button.swiper-button-prev { left:0; transform:rotate(-180deg); } 

.card_list { display:flex; column-gap:40px; } 
.card_list .card_item { flex-basis:33.3%; padding:30px; border:solid 1px #000; } 
.card_list .card_item .icon { display:block; width:48px; height:48px; margin-bottom:20px; } 
.card_list .card_item .card_title { display:inline-block; margin-bottom:10px; font-size:20px; font-weight:700; } 
.card_list .card_item .description { font-size:16px; line-height:1.87; letter-spacing:-0.2px; } 

.faq_list { border-top:solid 1px #000; } 
.faq_list .faq_item { padding:24px 0; border-bottom:solid 1px #000; } 
.faq_list .faq_item .faq_q { position:relative; font-size:20px; cursor:pointer; } 
.faq_list .faq_item .faq_q::after { display:inline-block; position:absolute; top:24px; right:0; width:24px; height:24px; margin-top:-24px; background:url(/assets/images/ico_arrow_black_down.svg)no-repeat 50% 50%/contain; content:''; transition:.2s; } 
.faq_list .faq_item .faq_q.on::after { transform:rotate(180deg); } 
.faq_list .faq_item .faq_a { padding-top:20px; font-size:16px; } 

.section_location .map_wrapper { width:100%; max-width:1200px; height:560px; background-color:#AEA9B1; } 
.section_location .info_wrapper { display:flex; } 
.section_location .info { flex-basis:50%; margin-top:20px; } 
.section_location .info .info_title { margin-bottom:10px; font-size:20px; font-weight:700; } 
.section_location .info .info_item { margin-bottom:16px; } 
.section_location .info .text { font-size:16px; } 
.section_location .info .label { display:inline-block; margin-bottom:6px; font-weight:700; } 

.subway_text { display:inline-flex; column-gap:10px; } 
[class^='subway_line'] { display:inline-block; width:22px; height:22px; margin-right:4px; text-align:center; border-radius:100px; font-size:16px; line-height:23px; color:#fff; font-weight:700; } 
[class^='subway_line']:last-child { margin-right:6px; } 
.line1 { background-color:#1645A1; } 
.line5 { background-color:#893BB5; } 
.line_sillim { background-color:#6776B9; } 
.subway_line_t { width:auto; padding:0 6px; } 

.footer { padding:40px 0; background-color:#000; color:#fff; font-size:16px; } 
.footer .inner { position:relative; display:flex; column-gap:60px; max-width:1200px; width:100%; } 
.footer .info:last-child { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; margin-left:auto; } 
.footer .info h3 { margin-bottom:20px; } 
.footer .info_item_list li { line-height:1.75; } 
.footer .info_item_list a { text-decoration:underline; } 
.footer .sns_list { display:flex; column-gap:20px; padding-right:38px; } 
.footer .sns_list [class^="sns_item"] { display:inline-block; width:24px; height:24px; font-size:0; background-repeat:no-repeat; background-size:100%; } 
.footer .sns_list .sns_item_insta { background-image:url(/assets/images/ico_insta.svg); } 
.footer .sns_list .sns_item_blog { background-image:url(/assets/images/ico_blog.svg); } 
.footer .sns_list .sns_item_stibee { background-image:url(/assets/images/ico_stibee.png); } 
.footer .btn_top { position:absolute; top:0; right:0; padding-top:10px; font-size:10px; background:url(/assets/images/ico_arrow_white_up.svg) no-repeat 50% 0 / 18px; } 

.popup_wrapper { display:flex; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; justify-content:center; align-items:center; background-color:rgba(0,0,0, 0.5); } 
.popup { display:flex; flex-direction:column; width:350px; background-color:#fff; } 
.popup .popup_body { flex-grow:1; overflow-y:auto; } 
.popup .popup_header { display:flex; align-items:center; height:60px; padding:12px 16px; background-color:#fff; border-bottom:solid 2px #000; } 
.popup .popup_header h3 { font-size:20px; font-weight:bold; } 
.popup .popup_header .btn_close, .popup .popup_header .btn_prev { display:inline-block; width:36px; height:36px; margin-left:auto; background:url(/assets/images/ico_close.svg) no-repeat 50% 50% / contain; font-size:0; } 
.popup .popup_footer { margin-top:auto; } 
.popup .popup_footer button { display:inline-block; width:100%; padding:16px 10px; background-color:#000; color:#fff; font-size:20px; line-height:1.4; transition:all .3s; } 
.popup .popup_footer .btn_group { display:flex; column-gap:1px; padding-top:1px; background-color:#C4C4C4; } 
.popup .popup_footer .btn_group button { width:50%; background-color:#fff; color:#000; } 
.popup .popup_footer .btn_group button:hover { background-color:#000; color:#fff; } 

#popup_bnr { background-color:transparent; } 
.popup_bnr { height:505px; } 
.popup_bnr .popup_footer button { font-size:16px; } 

/*.popup_apply { height:487px; } */
.popup_apply .popup_body > [class^="form_"] { margin-top:30px; } 
.popup_apply .popup_body .form_item { padding:0 16px; } 
.popup_apply .popup_body .form_item .title { font-size:16px; font-weight:700; line-height:1; } 
.popup_apply .popup_body .form_item.form_info .title { display:flex; justify-content:space-between; margin-bottom:20px; } 
.popup_apply .popup_body .form_item.form_info .text_required { font-size:14px; font-weight:normal; color:#a7a7a7; } 
.popup_apply .popup_body .form_item.form_info input:first-of-type { border-top:solid 1px #000; } 
.popup_apply .popup_body .form_item.form_info input { width:100%; padding:16px 0; border-bottom:solid 1px #000; font-size:16px; line-height:1; color:#000; } 
.popup_apply .popup_body .form_item.form_info input::-ms-input-placeholder { color:#A7A7A7; } 
.popup_apply .popup_body .form_item.form_info input::placeholder { color:#A7A7A7; } 
.popup_apply .popup_body .form_item.form_privacy { position:relative; } 
.popup_apply .popup_body .form_item.form_privacy .checkbox_wrapper { position:relative; font-size:16px; line-height:26px; cursor:pointer; } 
.popup_apply .popup_body .form_item.form_privacy .checkbox_wrapper input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; height:0; width:0; } 
.popup_apply .popup_body .form_item.form_privacy .checkbox_wrapper .checkmark { position:absolute; top:0; left:0; height:26px; width:26px; background-color:#fff; border:solid 1px #000; } 
.popup_apply .popup_body .form_item.form_privacy .checkbox_wrapper input[type="checkbox"]:checked + .checkmark { background:url(/assets/images/ico_checked.svg) no-repeat 50% 50% / contain; } 
.popup_apply .popup_body .form_item.form_privacy .btn_terms { position:absolute; bottom:5px; right:16px; font-size:14px; text-decoration:underline; } 
.popup_apply .popup_body .form_item.form_privacy .title { margin-bottom:10px; } 
.popup_apply .popup_body .form_item.form_privacy .checkbox_wrapper { display:inline-block; padding-left:36px; } 
.popup_apply .popup_body .form_notice { padding:10px 16px; background-color:#F2F3F5; font-size:14px; line-height:2.14; } 

.popup_apply_done { height:487px; } 
.popup_apply_done h4 { display:none; } 
.popup_apply_done .popup_body { display:flex; height:370px; flex-direction:column; align-items:center; justify-content:center; } 
.popup_apply_done .popup_body .popup_content { display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.popup_apply_done .popup_body img { width:64px; } 
.popup_apply_done .popup_body .title { font-size:20px; font-weight:700; line-height:1.4; } 
.popup_apply_done .popup_body .text { margin-top:10px; font-size:16px; line-height:1.87; text-align:center; } 

.popup_terms { height:487px; } 
.popup_terms .popup_body { padding:16px; } 
.popup_terms .popup_content { font-size:16px; } 
.popup_terms .popup_content .bold { font-weight:700; } 
.popup_terms .popup_content > p { margin-bottom:16px; line-height:1.88; } 
.popup_terms .popup_content > div { line-height:2.15; } 
.popup_terms .popup_content .list_dot { padding-left:36px; } 
.popup_terms .popup_content [class^="list_dot"] li { position:relative; } 
.popup_terms .popup_content [class^="list_dot"] li:before { position:absolute; top:13px; left:-13px; display:inline-block; width:4px; height:4px; border-radius:50%; background-color:#000; content:''; } 
.list_dot2 { padding-left:56px; } 

.popup_room { max-width:1200px; width:100%; background-color:#fff; } 
.popup_room .popup_header { display:flex; justify-content:space-between; align-items:center; height:96px; padding:20px; } 
.popup_room .popup_header h3 { font-size:32px; line-height:1; } 
.popup_room .popup_header .btn_close { display:inline-block; width:56px; height:56px; margin-left:auto; background:url(/assets/images/ico_close.svg) no-repeat 50% 50% / contain; font-size:0; } 
.popup_room .swiper_room { position:relative; height:600px; } 
.popup_room .swiper_room .swiper-slide img { width:auto; height:100%; margin:0 auto; } 
.popup_room .swiper_button { position:absolute; top:50%; z-index:10; width:60px; height:60px; margin-top:-30px; background:url(/assets/images/ico_arrow_black_right.svg) no-repeat 50% 50% / contain; } 
.popup_room .swiper_button.swiper-button-next { right:0; } 
.popup_room .swiper_button.swiper-button-prev { left:0; transform:rotate(-180deg); } 
.popup_room .popup_footer { display:flex; align-items:center; padding:20px; height:68px; background-color:#fff; }

.br_m_block{display : none; }

/*-------------------------
840px 이하 해상도 대응 
-------------------------*/
@media (max-width:840px){
    /*.header { position:fixed; top:0; left:0; z-index:100; width:100%; background:rgba(255, 255, 255, 0.01); backdrop-filter:blur(5px); }*/
    .header h1 { height:60px; background: url(/assets/images/img_logo.svg) no-repeat 50% 45%;color: transparent; background-size:40%; }
.header a.newsletter{
    font-size: 0.7rem;
    padding: 4px 6px;
    margin-right: 16px;
}
    .main_top { width:100%; background:url(/assets/images/bg_top_m.jpg) no-repeat 50% 0 / 100%; } 
    .main_top .inner {  padding-top: 483px;padding-left: 16px;padding-right: 16px; }
    .main_top h2 { font-size:36px; } 
    .main_top h2 em { letter-spacing:6.3px; } 
    .main_top .intro { width: 100%;padding: 16px; }
    .main_top .title { margin-top:16px; margin-bottom:4px; font-size:20px; text-align:left; } 
    .main_top .text { font-size:14px; text-align:left; } 

    .btn_apply { width:100%; bottom:0; background-color:#000; color:#fff; } 

    [class^="section_"] { width:100%; padding:0 16px; margin-top:100px;; } 
    [class^="section_"] .title { line-height:1.27; letter-spacing:-0.02em; } 
    [class^="section_"] .subtitle { line-height:1.25; } 
    [class^="section_"] .explanation { display:block; min-height:32px; padding:6px 12px; height:auto; font-size:16px; line-height:1.75; text-align:center; } 

    .section_room { margin-top:64px; } 
    .section_room .room_list { flex-direction:column; row-gap:40px; } 
    .section_room .room_item .room_type { margin-bottom:18px; } 

    .section_shared .shared_tab_list { display:none; } 
    .section_shared .shared_tab_content { margin-bottom:40px; } 
    .section_shared .shared_tab_content h3 { display:block; margin-bottom:17px; font-size:20px; font-weight:700; } 
    .section_shared .swiper_shared .swiper-slide { height:auto; } 
    .section_shared .swiper_shared .swiper-slide .tag { font-size:14px; height:29px; line-height:29px; } 
    .section_shared .swiper_shared .swiper-slide img { width:100%; height:100%; } 
    .section_shared .swiper_button { width:56px; height:56px; margin-top:-28px; } 

    .card_list { flex-direction:column; row-gap:40px; column-gap:unset; } 
    .card_list .card_item { padding:20px 14px; } 

    .faq_list .faq_item .faq_q { padding-right:24px; } 
    .faq_list .faq_item .faq_a { padding-top:16px; line-height:1.88; } 

    .section_location .map_wrapper { width:100%; height:300px; } 
    .section_location .info_wrapper { flex-direction:column; } 
    .section_location .info .label { display:block; } 
    .section_location .info .info_item { margin-bottom:12px; } 

    .footer { margin-top:100px; font-size:14px; } 
    .footer .inner { width:100%; flex-direction:column; row-gap:20px; column-gap:unset; padding:0 16px; } 
    .footer .info:last-child { position:relative; row-gap:20px; } 
    .footer .sns_list { margin-top:20px; } 
    .footer .btn_top { top:20px; } 

    .popup_room { width:100%; } 
    .popup_room .swiper_room { height:290px; }
    .br_m_block{display : block; }
 }

.popup_apply_tour {
    height: 300px;
}
.popup_apply_tour .popup_body {
    display: flex;

    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.popup_apply_tour .popup_body .popup_content {
    display: flex;

    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
    gap: 10px;
}
.tour {
    background-color: #000000;
    color: #ffffff;
    display: flex;

    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56px;
    cursor: pointer;
}
/**스크롤 방지**/
.noscroll {
    overflow: hidden;
    position: fixed;
    left : 0px;
    right: 0px;
    bottom: 0px;
}