@charset "utf-8";

@media screen and (max-width: 1400px) {
    .ux_typing .typing-txt span, .ux_typing .typing-txt-fake span { font-size: 1.8rem; }	
}
@media screen and (max-width: 1200px) {
    .cont { width: 85%; }
    .cnt_right { width: 100%; border: 0; }
    .float_menu { right: 0; }

    .menu_1dp { gap: 4rem; }
    
}

@media screen and (max-width: 1000px) {
    body.menuOn { overflow: hidden; }
    .pc { display: none; }
    .mobile { display: block; }
    .main { padding:0 1.6rem; padding-top: 16rem; }
    .container { margin-top: 16rem !important; }
    .cont { width: 100%; }
    .cont_inner { max-width: calc(100% - 3.2rem); }
    
    .stn_sub_tit { font-size: 1.9rem; }
    
    .stn_support.en ul li { width: 100%; }
    a.btn_spt_kakao { margin-right: 0; }
    
    /* 콘텐츠페이지 공통 */
    .cont_inner .location_wrap { margin-bottom: 2.4rem; }
    .hero_main_tit { padding-bottom: 2rem; font-size: 3.1rem; line-height: 4.8rem; }
    .hero_sub_txt { padding-top: 2rem; }
    .hero_sub_tit p { font-size: 1.6rem; line-height: 2.7rem; }
    .page_main_tit { margin-bottom: 1.6rem; padding-bottom: 1.6rem !important; font-size: 2.4rem; line-height: 3.6rem; }
    .page_sub_desc p, .page_sub_desc p span { font-size: 1.9rem; line-height: 2.9rem; }
    .page_sub_desc .d-flex { flex-direction: column; padding: 0 1.6rem; }
    .page_main .cnt_data ul { flex-direction: column; gap: 4.8rem; padding-bottom: 4.8rem; }
    .content_page_hero { height: 95vw !important; background-size: 400vw; animation: bgLoadAni2 6s forwards !important; }
    @keyframes bgLoadAni2 {
        0% { background-size: 400vw; }
        100% { background-size: 300vw; }
    }
    .page_main_txt, .page_main_txt * { font-size: 1.9rem; line-height: 2.9rem; word-break: keep-all; }
    .page_sub_txt, .page_sub_txt * { font-size: 1.5rem; line-height: 2.2rem; }
    .page_etc_txt, .page_etc_txt * { font-size: 1.4rem; line-height: 2.1rem; }
    
    
    .sns_wrap { display: none !important; }
    .float_menu { top: unset; bottom: 2% !important; right: 2%; }
    .float_menu .btn_top { margin-top: 0; } 
    .float_menu .btn_top::after { display: none;} 
    header { padding: 0; border: 0; }
    header.down { top: -8rem; }
    header .cont { padding: 1.5rem 1.8rem; border-bottom: 1px solid #D8D8D8; }
    .hd_bottom, .user_menu_wrap, .hd_top .nation_select_wrap { display: none; }
    .slide_menu_wrap.mobile .nation_select_wrap { margin: 0 0 0 auto; }
    .logo { margin: auto 0; }
    .logo img { width: 14.8rem; height: auto; }
    .menuPd { padding-top: 0; }
    
    .mobile-2depth-slider { position: fixed; top: 8rem; width: 100%; overflow-x: auto; background: #fff; border-bottom: 1px solid #D8D8D8; z-index: 10; transition: top 0.5s; }
    .mobile-2depth-slider.down { top: 0; }
    .mobile-2depth-slider::-webkit-scrollbar { height: 2px; }
    .mobile-2depth-slider::-webkit-scrollbar-thumb { background-clip: unset; background-color: var(--theme-color); border: none; border-radius: 0; cursor: pointer; }
    .mobile-2depth-slider::-webkit-scrollbar-track { background-color: #eee; }
    .mobile-2depth-slider ul { gap: 3.2rem; padding: 1.6rem; width: max-content; }
    .mobile-2depth-slider ul li a { font-size: 1.4rem; line-height: 2.1rem; }
    .mobile-2depth-slider ul li.active a { color:var(--theme-color); font-weight: 700; }
    .mobile-2depth-slider .scroll-line { height: 2px; margin-bottom: 0px; background: var(--theme-color); width: 0%; }
    .mobile-2depth-slider * { font-family: "RenaissanceRebond", "Pretendard-Regular" !important; }
    
    .page-title-type1.board-header p, .page-title-type1 p, .page-title-type1 .title { font-size: 18px; }

    .slide_menu_wrap { position: fixed; top:0; left:100%; width: 100vw; min-height: 100vh; background: #fff; z-index: 10; transition: left 0.5s; }
    body.menuOn .slide_menu_wrap { height: 100%; overflow-y: auto; left: 0; box-shadow: -4px 0 4rem rgba(0,0,0,0.05); z-index: 100; }
    .slMenu_top { padding:0 3%; height: 8rem; gap: 8px; border-bottom: 1px solid #D8D8D8; }
    .slide_join { padding: 3px 7px; border: 1px solid #D8D8D8; border-radius: 4px; line-height: 1.8rem; font-weight: 700; font-size: 1.2rem; color: #00000094; }

    .lnb-menu { margin-top: 16px; padding-bottom: 24px; border-bottom: 1px solid #D8D8D8; }
    .lnb-menu > .gnb-depth1::after { display: block; content: ''; clear: both; }
    .lnb-menu .gnb-depth1 > li { position: relative; cursor: pointer; }
    .lnb-menu .gnb-depth1 > li .menu-tgl-button { position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; background: url('/images/skin/renaissance/ico_arrowD_2x.png') no-repeat center; background-size: 100%; font-size: 0; }
    .lnb-menu .gnb-depth1 > li .menu-tgl-button.active { background-image: url('/images/skin/renaissance/ico_arrowU_2x.png'); }
    .lnb-menu .gnb-depth1 > li > a { display: block; padding: 16px; color: rgba(0, 0, 0, 0.58); border-bottom: 1px solid #eee; font-weight: bold; background: url(/images/skin/renaissance/ico_navi_arrow.png); background-size: 18px 18px; background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
    .lnb-menu .gnb-depth1 > li > a.active, .lnb-menu .gnb-depth1 > li > a:hover { color: #383838; color: var(--theme-color); }
    .lnb-menu .gnb-depth1 > li > a.active { background: url(/images/skin/renaissance/ico_navi_arrow_rotate.png); background-size: 18px 18px; background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
    .lnb-menu .gnb-depth2 { display: none; padding: 8px 0px; background: #f5f5f5; }
    .lnb-menu .gnb-depth1 > li a.active + .gnb-depth2 { display: flex; flex-wrap: wrap;}
    .lnb-menu .gnb-depth1 > li a.direct span { padding-right:15px; position: relative; }
    .lnb-menu .gnb-depth1 > li a.direct span::after { content: ""; position:absolute; top:0; right:0; width:11px; height:11px; background: url('/images/skin/renaissance/ico_arrowD_2x.png') no-repeat center / 11px 11px; }
    .lnb-menu .gnb-depth2 > li { position: relative; width: 50%;}
    /* .lnb-menu .gnb-depth2 > li .menu-tgl-button { position: absolute; top: 19px; right: 17px; width: 16px; height: 16px; background: url(/images/common/ico_depth2_close_2x.png) no-repeat center; background-size: 8px 6px; font-size: 0; }
    .lnb-menu .gnb-depth2 > li .menu-tgl-button.active { background-image: url(/images/common/ico_depth2_open_2x.png); } */
    .lnb-menu .gnb-depth2 > li:last-child { margin-bottom: 0; }
    .lnb-menu .gnb-depth2 > li > a { display: block; line-height: 22px; color: rgba(0, 0, 0, 0.58); padding: 8px; padding-left: 42px; font-weight: bold; letter-spacing: -1px; font-size: 13px;position: relative;}
    .lnb-menu .gnb-depth2 > li > a::before{content: ""; position: absolute; left: 32px; top: 18px; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); transition: all .3s;}/* 점 */

    .lnb-menu .gnb-depth2 > li > a.active, .lnb-menu .gnb-depth2 > li > a:hover { color: #383838; color: var(--theme-color); }
    .lnb-menu .gnb-depth2 > li > a.active::before, .lnb-menu .gnb-depth2 > li > a:hover::before { background-color: var(--theme-color); }
    .lnb-menu .gnb-depth2 > li > a + .gnb-depth3 { padding-left: 32px; }
    .lnb-menu .gnb-depth2 > li > a.active + .gnb-depth3 { display:block; }
    .lnb-menu .gnb-depth3 { display: none; }
    .lnb-menu .gnb-depth3.active { display: block; }
    .lnb-menu .gnb-depth3 > li { margin-bottom: 8px; }
    .lnb-menu .gnb-depth3 > li:last-child { margin-bottom: 0; }
    .lnb-menu .gnb-depth2 > li:last-child .gnb-depth3 { margin-bottom: 16px; }
    .lnb-menu .gnb-depth3 > li > a { display: block; line-height: 20px; font-size: 13px; color: rgba(0, 0, 0, 0.58); font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .lnb-menu .gnb-depth3 > li > a.active, .lnb-menu .gnb-depth3 > li > a:hover { color: #383838; color: var(--theme-color); font-weight: bold; }


	.user_menu_wrap_mobile { flex-wrap: wrap; gap: 8px; padding: 2.4rem 1.6rem; }
	.user_menu_wrap_mobile li { border: 1px solid #D8D8D8; width: calc(50% - 4px); line-height: 6rem; border-radius: 8px; text-align: center; }
	.user_menu_wrap_mobile li a { display: flex; align-items: center; justify-content: center; height: 6rem; }
	.user_menu_wrap_mobile li span { display: inline-block; color: #00000094; font-weight: 700; }
	.user_menu_wrap_mobile li img { width: 2.4rem; height: auto; }
	.user_menu_wrap_mobile .btn_quotaion { background: #191818; }
	.user_menu_wrap_mobile .btn_quotaion span { color: #fff; }
	.user_menu_wrap_mobile .btn_quotaion img { filter: brightness(0) invert(1); width: 3.2rem; height: auto; }
	
	
	.mobile_sns_wrap { padding: 1.6rem; border-top: 1px solid #eee; display: flex
; flex-wrap: wrap; gap: 8px; }
	.mobile_sns_wrap li {  }
	.mobile_sns_wrap li a { width: 6.4rem; height: 6.4rem; border: 1px solid #d8d8d8; border-radius: 8px; background-size: 2.4rem 2.4rem !important; }


    .cnt_left, .cnt_right { padding-top: 3.2rem; }
    
    
    /* 메인비주얼 */
    .stn_hero { padding-left: 1.6rem; padding-right: 1.6rem; }
    .swp_main .swiper-slide { width: 28.2rem !important; height: 37.5rem !important; }
    .swp_main .swiper-slide img:not(.btn_play) { width: 28rem; height: 15.7rem; }
    .bn_type_02 .bn_desc { padding: 1.6rem; }
    .bn_type_03 { gap: 1.6rem; }
    .bn_title { font-size: 1.9rem; line-height: 2.8rem; }
    .swp_main .swiper-slide::after { top: 1.6rem; right: 1.6rem; }
    .btn_play::before { bottom: 7.7rem; }
    .swp_main .swiper-slide > div { box-shadow: 0 12px 28px #00000029; }
    .swp_main .swiper-slide:hover { transform: unset; }
    .swp_main .swiper-slide:hover > div { transform: unset; box-shadow: 0 12px 28px #00000029; }
    .stn_hero .cont { animation-delay: 0.3s; }
    
    .stn_program .swp_program .swiper-slide .card_top::before, .stn_program .swp_program .swiper-slide .card_top::after { width: 5rem; }
    
    
    /* 왜 르네상스일까요 */
    .stn_why_renaissance { padding: 4.8rem 0 9.6rem; background-size: cover !important; background-position: 8rem top !important; }
    .stn_why_renaissance .cont > .d-flex { padding: 0 1.6rem; flex-direction: column; }
    .stn_why_renaissance .cont > .d-flex > div { width: 100% !important; }
    .stn_why_renaissance .cnt_content > .d-flex { flex-direction: column; }
    .stn_why_renaissance .cnt_content > .d-flex .stn_main_txt { padding-left: 0 !important; }
    .stn_why_renaissance .cnt_content { padding-left: 4.8rem; }
    .why_rn_right { border: 0; }
    .why_rn_right::before, .why_rn_right::after { display: none; }
    
    /* 성공사례 */
    .stn_success { padding: 4.8rem 1.6rem; }
    .stn_success .swiper-slide { flex-direction: column; }
    .tch_img_wrap { padding-bottom: 8rem; padding-left: 0; width: 100%; text-align: center; }
    .tch_info_wrap { width: 100% !important; }
    .swp_btn_wrap { padding-left: 0; text-align: center; position: absolute; top: 21rem; left: 0; width: 100%; z-index: 10; }
    .swp_success { position: relative; }
    .ux_typing .typing-txt.ex { min-height: 21rem; }
    
    /* 프로그램 */
    .stn_program { padding: 4.8rem 1.6rem 14rem; }
    .stn_program > div > .d-flex { flex-direction: column; }
    .stn_program .w462 { position: relative; margin: 0; padding: 0; width: 100% !important; border: 0; }
    .stn_program .w462b { width: 100% !important; }
    .stn_program .stn_main_desc { padding-bottom: 3.2rem; }
    .stn_program .swp_program { padding: 0; overflow: visible; }
    .stn_program .swp_program .swiper-slide { width: 27.6rem; height: 36rem; }
    .stn_program .swp_program .swiper-slide .card_top { height: 5.6rem; }
    .stn_program .swp_program .swiper-slide .card_mid img { height: 9.5rem !important; }
    .stn_program .swp_program .swiper-slide .card_mid { height: calc(100% - 14.4rem); }
    .stn_program .swp_program .swiper-slide .card_bottom { padding: 0 1.6rem 1.6rem 1.6rem; gap: 2.4rem; }
    .stn_program .swp_program .swiper-slide .card_bottom p { font-size: 11px; line-height: 16px; }
    .stn_program .swp_program .swiper-slide .card_bottom p span:nth-child(1) { min-width: 88px; font-size: 11px; }
    .stn_program .swp_program .swiper-slide .card_bottom p span:nth-child(2) { font-size: 22px; }
    .stn_program .btn_landing { position: absolute; left: 0; bottom: -44rem; }
    
    /* 브로슈어 */
    .stn_brochure { padding: 4.8rem 1.6rem; }
    .stn_brochure .cont { flex-direction: column; gap: 3.2rem; }
    .stn_brochure .stn_right { width: 100% !important; }
    
    /* 서포트 */
    .stn_support { padding: 4.8rem 1.6rem; }
    .stn_support ul { flex-direction: column; gap: 4.8rem; }
    .stn_support ul li { width: 100%; }
    
    

    /* footer */
    footer { padding: 4.8rem 1.8rem; }
    .footer .cont { flex-direction: column; } 
    .ft_left { flex-direction: column; gap: 1.6rem; }
    .ft_right { padding-top: 3.2rem; text-align: left; }
    .cmpy_info_wrap { max-width: 100%; }
    .pull-left, .pull-right { width: 100% !important; padding: 0 !important }
    .copyright { padding-top: 0; }
    .btn_quote_bottom { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 2.4rem; padding: 1.6rem 0; width: 15.5rem; height: 6.4rem; }
    .btn_quote_bottom p { padding: 0; }

    /* 견적요청 */
    .form_area { max-width: 100%; margin-right: 1.8rem !important; }
    .location_wrap, .page_info_wrap, .form_tit_wrap { padding-right: 1.8rem !important; }
    .uploaded_file_wrap p .btn_default  { max-width: 100%; }
    
    /* 계약현황 */
    .stn_cont_info .info-card { grid-template-columns: 1fr 1fr 1fr 1fr;  }
    .info-item { grid-column: span 2; }
    .stn_cont_info .info-card .divider { grid-column: span 4; }
    
    
    
    
    
    .stn_support ul li a:not(.spt_tell) { padding: 0 2rem }
    a.btn_spt_bank { background-position: 90px center !important; }
    /* en */
    .stn_program.en .swp_program .swiper-slide .card_mid { height: calc(100% - 19.4rem); }
    .ux_typing.en .typing-txt.ex { min-height: 22rem; }
    .stn_support.en ul li a { padding: 0 2rem; }
	.stn_support.en a.btn_spt_kakao { margin-right: 1.6rem; padding-left: 4.5rem !important; background-position: 14px center !important; }
	.stn_support.en ul li a.btn_spt_bank { background-position: 88px center !important; }
    
    
    
    
    
    
}