@charset "utf-8";

#smooth-wrapper {
  height: 100%;
  overflow: hidden;
}
#smooth-content {
  will-change: transform;
} 

body { background-color:#F5F1ED;}

/* 버튼 내 흰색 화살 */
.btn_more_green { background:#356547; transition:0.3s; font-size:1.0625rem; border-radius:62.4375rem;}
.btn_more_green:hover { background:#46341A; }
.ico_arr{ width: 0.875rem; height: 0.875rem;  background: url(../img/exp_ico_arr.png) 50% 100% / cover no-repeat;  }

/* main_visual */
.main_visual {position: relative; width: 100%; height: 100vh; overflow: hidden; padding:6rem 4.5rem 5rem; background: #F5F1ED;} 
.main_visual .video_wrap {width: 100%; height: 100%; background: #ccc;}
.main_visual .video_wrap video {width: 100%; height: 100%; object-fit: cover; }
 .main_visual .video_wrap img{width: 100%; height: 100%; object-fit: cover;}
/* 공통 메인 타이틀 디자인 */
.main_ttl {display:block; color:#356547; font-size:1.125rem; font-family: 'Goudy Old Style'; }
.main_sub_ttl {font-size:2.125rem; line-height:1.3; font-weight:700; font-family: "Noto Serif KR", serif; }
.main_ttl_desc {margin-top:2.5rem; font-size:1.125rem;  line-height:1.6;}
.main_ttl  + .main_sub_ttl { margin-top: 1rem;}
.main_sub_ttl  + .main_ttl_desc { margin-top: 2.3rem;}

/* romy_signature */
.romy_signature {padding:11rem 0 3rem; background: url(../img/romy_signature_bg.jpg) 50% 100% / cover no-repeat; position:relative; overflow: hidden; z-index: 1;}
.romy_signature::before { content:""; display: block; background: url(../img/romy_signature_ltt.png) 50% 100% / cover no-repeat;  position: absolute; top: 0; left: 0;width: 10.063rem; height:126.188rem; z-index: -1;}
.romy_signature .inner {display:flex; align-items:stretch; justify-content:flex-end; gap:1rem; max-width: 97.5rem; margin: 0 auto; } 
.romy_signature .txt_wrap{position:-webkit-sticky; position:sticky; top:0; width:38%; align-self:flex-start; height:fit-content;}
.romy_signature .box_wrap {display:flex; gap:3rem; width:60%; max-width: 58.6875rem; justify-content: flex-end;} 
.romy_signature .box_col {display:flex; flex-direction:column; gap:4.6rem;}
.romy_signature .col_left { padding-top:10rem;}
.romy_signature .col_right {}
.romy_signature .sig_box {background-color: #C9C0B2; padding:2.75rem 2.75rem; border-radius:1.5rem; width: 27rem; height:32.25rem ;display:flex; flex-direction:column; justify-content:space-between; box-shadow: 4px 4px 10px 0 rgba(9, 37, 3, 0.12); transition:0.3s; cursor: default;}
.romy_signature .sig_box *{cursor: default;}
.romy_signature .sig_box:hover { background-color: #356547; }
.romy_signature .sig_box .sub_tit {display:block; font-family: "Noto Serif KR"; font-size:1.25rem; color: #fff; margin-bottom:0.8rem;}
.romy_signature .sig_box strong {display:block; font-size: 2rem; color:#fff; margin-bottom:1.5rem; line-height:1.3;}
.romy_signature .sig_box p {font-size:1.25rem; color:#fff; line-height:1.6; font-weight:300;}
.romy_signature .sig_box .icon_img {text-align:right;} 
.romy_signature .sig_box .icon_img.n01 img {width:9.4375rem;}
.romy_signature .sig_box .icon_img.n02 img {width:8.75rem;}
.romy_signature .sig_box .icon_img.n03 img {width:8.4375rem;}
.romy_signature .sig_box .icon_img.n04 img {width:8.75rem;}
.romy_signature .sig_box .icon_img.n05 img {width:11.4375rem;}


.promise_sect {padding: 11rem 0 5rem;  }
.promise_title_area {text-align: center; margin-bottom: 5.38rem;}
.floor-wrap-container {position: relative; perspective: 2000px; max-width: 105rem; width: 90%; margin: 0 auto;}
.floor-area {width: 100%; margin-bottom: 10vh; transform-origin: center top;}
.floor-inner { height: 33.625rem; padding: 6.375rem 0 0 6.375rem; border-radius: 3.125rem; color: #fff; position: relative; overflow: hidden;  }
.floor-area--1 .floor-inner { background: url(../img/promise_floor_bg01.png) 50% 100% / cover no-repeat; }
.floor-area--2 .floor-inner {background: url(../img/promise_floor_bg02.png) 50% 100% / cover no-repeat; }
.floor-area--3 .floor-inner {background: url(../img/260513_promise_floor_bg03.png) 50% 100% / cover no-repeat; }
.floor-area--4 .floor-inner {background: url(../img/promise_floor_bg04.png) 50% 100% / cover no-repeat;}
.floor-area .txt_box {width: 50%;}
.floor-area .num {font-size: 1.25rem; font-family: "Noto Serif KR"; font-weight: 500;}
.floor-area .tit {font-size: 2.375rem; margin-top: 1rem; font-weight: 700; font-family: "Noto Serif KR";}
.floor-area .txt {font-size: 1.25rem; margin-top: 2.5rem; line-height: 1.6; font-weight: 300;} 
.floor-area--1 .txt_box { color: #383838; }
.align{display: flex; align-items: center;}

.romy_experience {padding:3rem 0 6rem;   }
.romy_experience .inner {display:flex; justify-content:flex-start; align-items: flex-end; gap:1.6rem;}
.experience_main_wrap { width: 60rem; max-width: 51%; position:relative;}
.experience_main_wrap .slide_img_box {position:relative; width:100%;   overflow:hidden;}
.experience_main_wrap .slide_img_box img {width:100%; height:100%; object-fit:cover;}
.experience_main_wrap .img_txt_overlay {position:absolute; top:4.1rem; left:3.8rem; color:#fff; z-index:2;}
.experience_main_wrap .stay_num {display:block; font-size:1.125rem; letter-spacing: 0.06rem; margin-bottom:0.5rem; font-family: "Goudy Old Style"; font-style: italic;}
.experience_main_wrap .img_tit {font-size:2rem; font-weight:500; letter-spacing: 0.06rem; font-family: "Goudy Old Style";}
.experience_info_wrap {width: calc(100% - 60rem); max-width:50%; display:flex; flex-direction:column; justify-content:space-between; height:100%;} 
.romy_experience .info_top { padding-left: 3rem; }
.romy_experience .btn_more_green {display:inline-flex; align-items:center; gap:0.88rem; margin-top:4.88rem; padding:1rem 1.38rem; color:#fff;  text-decoration:none;}

.thumb_slider_area {margin-top: 11.8rem; position:relative; overflow: hidden;}
.thumb_slider { width: 100%;}
.thumb_slider .thumb_box {width:100%;  overflow:hidden; cursor:pointer; opacity:0.4; transition:0.3s;}
.thumb_slider .swiper-slide-thumb-active .thumb_box {opacity:1;}
.thumb_slider .thumb_box img {width:100%; height:100%; object-fit:cover;}
.slider_progress_bar {width:100%; height:4px; background:rgba(53,101,71,0.1); margin-top:2.7rem; position:relative;}
.slider_progress_bar .bar_active {position:absolute; top:0; left:0; width:0; height:100%; background:#356547; transition:0.3s;}


.sec_media {padding:6rem 0 10rem;  overflow:hidden;}
.sec_media .media_top_area {padding-left: 7.5rem; padding-right: 7.5rem; display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:5rem;}
.sec_media .btn_more_green {display:inline-flex; align-items:center; gap:0.625rem; padding:1.4rem 2rem;  color:#fff;   text-decoration:none; } 
.sec_media .media_slider_wrap {padding-left: 7.5rem; width:100%;}
.sec_media .media_swiper {overflow:hidden;} 
.yt_card {display:block; text-decoration:none;}
.yt_card .thumb_box {position:relative; width:100%; aspect-ratio:16/9; border-radius:0.5rem; overflow:hidden; background:#eee;}
.yt_card .thumb_box img {width:100%; height:100%; object-fit:cover; transition:0.5s;}
.yt_card .play_btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:3.5rem; height:3.5rem;   opacity:0.8; transition: 0.3s;}
.yt_card:hover .thumb_box img {transform:scale(1.05);}
.yt_card:hover .play_btn {opacity:1; scale:1.1;}
.yt_card .info_box {margin-top:1.5rem; display:flex; align-items:flex-start; gap:0.6rem;}
.yt_card .info_box::before {content:''; display:block; flex-shrink:0; width:1.625rem; height:1.125rem; margin-top:0.4rem; background:url(../img/ico_yt_red.png) no-repeat center/contain;}
.yt_card .subject {font-size:1.125rem; color:#333; line-height:1.5; font-weight:400; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} 


.sec_consult {padding:0 0 6.2rem;  }
.sec_consult .inner { max-width:104.5rem; margin: 0 auto;}
.sec_consult .consult_content {display:flex; align-items:center; justify-content:space-between; gap:6.25rem;}
.sec_consult .img_box {width:60rem;  }
.sec_consult .img_box img {width:100%; height:auto; display:block;}
.sec_consult .txt_box {width:45%;} 
.sec_consult .txt_box .main_sub_ttl {font-size:2.125rem;  }
.sec_consult .txt_box .main_ttl_desc {margin-top:2.38rem;  }
.sec_consult .btn_wrap {margin-top:5.6rem;}
.sec_consult .btn_more_green {display:inline-flex; align-items:center; gap:0.625rem; padding:1.1rem 1.6rem;  color:#fff;   text-decoration:none;} 
.sec_consult .point_txt {font-size:1.5rem;   font-weight:600;  text-align: center; font-family: "Noto Serif KR"; margin: 1.8rem auto 0;}
.sec_consult .highlight {display:inline-block; position:relative; z-index:1; padding:0 0.1rem;}
.sec_consult .highlight::before {content:''; position:absolute; bottom: 0; left:0; width:100%; height:60%; background: rgba(40, 71, 0, 0.20); z-index:-1;  }
 
@media (max-width: 1880px) {


}
@media (max-width: 1600px) {
    .romy_signature .inner {max-width: 90%; gap: 3.5rem;}
    .romy_signature .box_wrap {width: 65%; gap: 2rem;}
    .romy_signature .sig_box {width: 100%; height: auto;  padding: 2.5rem;}

    .floor-inner { padding: 4.375rem 0 0 3.375rem;}

    .experience_info_wrap {width: 48%;}
    .thumb_slider_area{margin-top: 4rem;}
    .romy_experience .btn_more_green { margin-top: 2.5rem;}
 
} 
@media (max-width: 1440px) {
    .romy_signature .inner {gap: 2.5rem;}
    .romy_signature .txt_wrap {width: 35%;}
    .romy_signature .box_wrap {width: 62%; gap: 1.5rem;}
    .romy_signature .sig_box strong {font-size: 1.75rem;}
    .romy_signature .sig_box p {font-size: 1.125rem;}
}
@media (max-width: 1280px) { 
	.romy_signature {padding: 8rem 0 6rem;}
    .romy_signature .inner {gap: 2rem;}
    .romy_signature .txt_wrap {width: 32%;}
    .romy_signature .box_wrap {width: 65%;}
    .romy_signature .box_col {gap: 3rem;}
}

@media (max-width: 1024px) {

    /*260507_임현욱_메인 영상 풀스크린 수정 s */
    .main_visual { 
        /* padding: 5rem 2rem;  */
        padding: 0;
        height: auto;}
    .main_visual .video_wrap { 
        margin-top: 5rem;
        /* aspect-ratio: 1 / 1;   */
        aspect-ratio: 720 / 720;
    }
    /*260507_임현욱_메인 영상 풀스크린 수정 e */
    

    .romy_signature .inner {flex-direction:column;}
    .romy_signature .txt_wrap {position:static; width:100%; margin-bottom:5rem;}
    .romy_signature .box_wrap {width:100%; gap:1.5rem; }
    .romy_signature .col_right {margin-top:5rem;}

    .floor-inner { height: auto; padding: 3rem 2rem; }
    .floor-area .txt_box  {width: 100%;} 
    
    
    .romy_experience .inner {flex-direction:column;  }
    .experience_main_wrap, .experience_info_wrap {width:100%; max-width:100%; }
    .thumb_slider_area {margin-top: 0;}
    .experience_main_wrap .img_txt_overlay {top:2rem; left:2rem;}
    .romy_experience .info_top { width: 100%; padding-left: 2rem;}
    .slider_progress_bar { width: 95%; margin: 1.5rem auto 0;}

    .sec_consult .consult_content {flex-direction:column; gap:3rem;}
    .sec_consult .img_box, .sec_consult .txt_box {width:100%; text-align:center;}
    .sec_consult .txt_box .main_sub_ttl {font-size: 1.9rem;}
    .sec_consult .btn_wrap{ margin-top: 3rem;}
    .romy_signature .sig_box.active{background-color: #356547;}
}

@media (max-width: 768px) {
    .main_visual .video_wrap{aspect-ratio: 720 / 1280;}
    .main_ttl {font-size:1.1rem; }
    .main_sub_ttl {font-size:1.875rem;;}
    .main_ttl_desc {font-size:1.1rem; } 
    .main_sub_ttl  + .main_ttl_desc { margin-top: 1.5rem;} 

    .romy_signature{ padding: 5rem 0 6rem;}
	.romy_signature::before { width: 5.063rem; height: 64.188rem; }
    .romy_signature .inner {flex-direction: column; align-items: center; gap: 0;}
    .romy_signature .txt_wrap {position: static; width: 100%; margin-bottom: 4rem; }
    .romy_signature .box_wrap {width: 100%; max-width: 100%; justify-content: center; gap: 2rem ;     flex-direction: column;}
    .romy_signature .box_col {width: 100%; gap: 2rem; margin-top: 0;}  
    .romy_signature .col_left {padding-top: 0;} 
    .romy_signature .sig_box .icon_img.n01 img {width:7.4375rem;}
    .romy_signature .sig_box .icon_img.n02 img {width:6rem;}
    .romy_signature .sig_box .icon_img.n03 img {width:6.4375rem;}
    .romy_signature .sig_box .icon_img.n04 img {width:5.75rem;}
    .romy_signature .sig_box .icon_img.n05 img {width:8.4375rem;}


    .promise_sect {padding: 5rem 0;}
    .promise_title_area {margin-bottom: 4rem;}
    .floor-wrap {display: flex; flex-direction: column; align-items: center;}
    .floor-area {width: 100%; margin-bottom: 0; margin-top: 1rem;  position: relative;}
    .floor-area--1 {margin-top: 0; z-index: 1;}
    .floor-area--2 {z-index: 2;}
    .floor-area--3 {z-index: 3;}
    .floor-area--4 {z-index: 4;}
    .floor-inner {  aspect-ratio: 1 / 1.1; padding: 3rem 1.5rem 0; border-radius: 2rem;  }
    .floor-area--1 .floor-inner { background: url(../img/promise_floor_bg01_m.png) 50% 100% / cover no-repeat; }
    .floor-area--2 .floor-inner {background: url(../img/promise_floor_bg02_m.png) 50% 100% / cover no-repeat; }
    .floor-area--3 .floor-inner {background: url(../img/260513_promise_floor_bg03_m.png) 50% 100% / cover no-repeat; }
    .floor-area--4 .floor-inner {background: url(../img/promise_floor_bg04_m.png) 50% 100% / cover no-repeat;}
    .floor-area .txt_box {width: 100%;} 
    .floor-area .tit {font-size: 1.4rem; line-height: 1.3; } 
    .floor-area .txt {font-size: 1rem; margin-top: 1.5rem;}
    

    .romy_experience {padding:5rem 0;}
    .experience_main_wrap .img_tit {font-size:1.8rem;}
	 
    .sec_media {padding:5rem 0;}
	.sec_media .media_slider_wrap {padding-left:3.125rem;}
    .sec_media .media_top_area {flex-direction:column; align-items:flex-start; gap:2.5rem; margin-bottom:3rem; padding:0 1.25rem;}
    .sec_media .media_slider_wrap {padding-left:1.25rem;}
    .yt_card .subject {font-size:1rem;}
    .yt_card .info_box { margin-top: 0.5rem;}
    .yt_card .info_box::before { width: 1.2rem; margin-top:0.2rem;}

    .sec_consult {padding:5rem 0;}
    .sec_consult .point_txt {font-size:1.125rem; line-height:1.6;}
    .sec_consult .highlight::before {height:0.6rem;}
}