/* BASIC css start */
.subrealwood_box{min-width:1300px;max-width:1600px;margin:0 auto;}

.subrealwood_imgbox1{position:relative;overflow:hidden;min-width:1300px;max-width:1600px;margin:0 auto;}
.subrealwood_imgbox1 .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family: "Pretendard", sans-serif;font-size:80px;line-height:80px;color:#fff;letter-spacing:3px;font-weight:500;text-align:center;text-transform: uppercase;z-index:2;}
.subrealwood_imgbox1 .img{position:realtive;z-index:1;}
.subrealwood_imgbox1 .img img{width:100%;}

@media screen and (max-width:1600px) {
.ordermade_textbox3 .txt2{font-size:20px;line-height:34px;}
}

.madeinkorea_area{position:relative;min-width:1300px;max-width:1600px;margin:0 auto;/*border-top:1px solid #e9e5df;padding:120px 0;*/}
.madeinkorea_area.first{border-top:0;padding-top:0;}

.madeintitle_box{position:relative;height:100px;padding:0 50px;background:#201f1e;}
.madeintitle_box h2{font-family:"Pretendard", sans-serif;color:#fff;font-size:20px;line-height:100px;letter-spacing:2px;font-weight:400;text-transform:uppercase;}
.madeintitle_box .txt{position:absolute;right:50px;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;line-height:18px;font-weight:300;letter-spacing:-1px;}

.sliderfor_outer{position:relative;}
.sliderfor_outer .next{display:none !important;position: absolute; left: -60px; top: 50%; transform: translateY(-50%); width: 11px; height: 20px; background: url("//dainpark06.cafe24.com/sunny/images/ico_leftblack.png") 0px 0px / 11px 20px no-repeat; outline: 0px;cursor:pointer;}
.sliderfor_outer .prev{display:none !important;position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 11px; height: 20px; background: url("//dainpark06.cafe24.com/sunny/images/ico_rightblack.png") 0px 0px / 11px 20px no-repeat; outline: 0px;cursor:pointer;}
.slidernav_outer{position:relative;}
.slidernav_outer .next{ position: absolute; left: -60px; top: 50%; transform: translateY(-50%); width: 11px; height: 20px; background: url("//dainpark06.cafe24.com/sunny/images/ico_leftblack.png") 0px 0px / 11px 20px no-repeat; outline: 0px;cursor:pointer;}
.slidernav_outer .prev{ position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 11px; height: 20px; background: url("//dainpark06.cafe24.com/sunny/images/ico_rightblack.png") 0px 0px / 11px 20px no-repeat; outline: 0px;cursor:pointer;}

.slider-for{position:relative;overflow:hidden;}
.slider-for .item{outline:0;outline:0;}
.slider-for .item img{width:100%;}
.slider-nav{overflow:hidden;margin:10px 0 0 0;}
.slider-nav .slick-list{margin:0 -10px 0 0;}
.slider-nav .item{margin:0 10px 0 0;background:#201f1e;}
.slider-nav .item img{width:100%;opacity:0.5;filter:alpha(opacity=50);}
.slider-nav .item.slick-current img{opacity:1;filter:alpha(opacity=100);}

.showroomlayout_area{padding:120px 0;border-top:1px solid #e9e5df;}
.realstory_imgbox2{position:relative;overflow:hidden;min-width:1300px;max-width:1600px;margin:0 auto;}
.realstory_imgbox2 .img_left{float:left;width:49.7%;margin-right:0.3%;}
.realstory_imgbox2 .img_left img{width:100%;}
.realstory_imgbox2 .img_right{float:left;width:49.7%;margin-left:0.3%;}
.realstory_imgbox2 .img_right img{width:100%;}

.mainourteam_area3{padding:120px 0;border-top:1px solid #e9e5df;}
.mainourteam_box3{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainourteam_area3 .outer_box .next{position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:11px;height:20px;background:url("//dainpark06.cafe24.com/sunny/images/ico_leftblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.mainourteam_area3 .outer_box .prev{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:11px;height:20px;background:url("//dainpark06.cafe24.com/sunny/images/ico_rightblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.mainourteam_area3 .outer_box{position:relative;}
.mainourteam_area3 .showroom_event{overflow:hidden;}

.mainourteam_box3 .img_box2{position:relative;overflow:hidden;display:flex;background:#c3b6ab;}
.mainourteam_box3 .img_box2 .img{flex:1;}
.mainourteam_box3 .img_box2 .img img{width:100%;}
.mainourteam_box3 .img_box2 .text_box{position:relative;flex:1;}
.mainourteam_box3 .img_box2 .text_box dl{padding:10% 10%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mainourteam_box3 .img_box2 dt{font-family: "Pretendard", sans-serif;color:#fff;font-size:40px;line-height:65px;letter-spacing:-2px;font-weight:300;}
.mainourteam_box3 .img_box2 dd{position:absolute;left:10%;bottom:10%;color:#fff;font-size:22px;line-height:40px;font-weight:400;letter-spacing:-2px;font-weight:300;}

.showroomlayout_area2{padding:120px 0 0;border-top:1px solid #e9e5df;}
.subvideo_area{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.subvideo_area_inner{position:relative;background:#f2f1ee;}


.mainourteam_area{padding:120px 0;background:#e9e5df;}
.mainourteam_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.mainourteam_area .outer_box .next{position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:11px;height:20px;background:url("//dainpark06.cafe24.com/sunny/images/ico_leftblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.mainourteam_area .outer_box .prev{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:11px;height:20px;background:url("//dainpark06.cafe24.com/sunny/images/ico_rightblack.png") no-repeat 0 0;background-size:11px 20px;outline:0;}
.mainourteam_area .outer_box{position:relative;}
.mainourteam_area .mainour_team{overflow:hidden;}

.mainourteam_box .img_box{position:relative;overflow:hidden;}
.mainourteam_box .img_box .text{position:absolute;left:0;bottom:25px;width:100%;color:#fff;font-size:15px;line-height:15px;text-align:center;z-index:3;}
.mainourteam_box .img_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}

.mainourteam_box .box:hover .img_box .bg{
background:rgba(0,0,0,.4);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}
.mainourteam_box .img{position:relative;overflow:hidden;z-index:1;}
.mainourteam_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index:1;
}
.mainourteam_box .box:hover .img img{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.mainhistorynum_area{padding:120px 0;background:url("//dainpark06.cafe24.com/sunny/images/bg_mainnumber.jpg") repeat 0 0;background-size:2000px auto;}
.mainhistorynum_box{min-width:1300px;max-width:1600px;margin:0 auto;overflow:hidden;}
.mainhistorynum_box .title_box{position:relative;margin-bottom:50px;}
.mainhistorynum_box .title_box .title{display:none;font-family:"Pretendard", sans-serif;font-size:26px;line-height:26px;color:#fff;letter-spacing:-2px;}
.mainhistorynum_box .title_box .title2{font-family:"Pretendard", sans-serif;font-size:26px;line-height:26px;color:#fff;letter-spacing:-2px;}
.mainhistorynum_box .title_box .txt{position:absolute;right:0;top:12px;color:#8e8e8d;font-size:12px;line-height:12px;letter-spacing:-1px;}
.mainhistorynum_box ul{overflow:hidden;margin-left:-3%;}
.mainhistorynum_box li{float:left;width:30.33%;margin-left:3%;padding:50px 0;border:1px solid #2f2e2d;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mainhistorynum_box .num_box{padding-left:10%;}
.mainhistorynum_box .num_box .number_hisnum{display:inline-block;font-family:"Pretendard", sans-serif;color:#fff;font-size:50px;line-height:50px;font-weight:400;letter-spacing:1px;vertical-align:top;}
.mainhistorynum_box .num_box .text_hisnum{display:inline-block;font-family:"Pretendard", sans-serif;color:#fff;font-size:15px;line-height:15px;padding-left:7px;vertical-align:top;text-transform:uppercase;}
.mainhistorynum_box .text_box{color:#fff;font-size:19px;line-height:28px;letter-spacing:-1px;margin-top:30px;padding-left:10%;}

.title_main{position:relative;min-width:1300px;max-width:1600px;margin:0 auto 50px;}
.title_main h2{font-family:"Pretendard", sans-serif;color:#201f1e;font-size:20px;line-height:20px;font-weight:400;letter-spacing:1px;text-transform:uppercase;}

/* =========================================
   SHOWROOM COMMON
========================================= */

.showroom_hero,
.showroom_map_section,
.showroom_info_section,
.showroom_benefit_section,
.showroom_video_section,
.showroom_cta_section {
    font-family: "Pretendard", sans-serif;
    box-sizing: border-box;
}

.showroom_section_title {
    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 0 auto 52px;
    text-align: center;
}

.showroom_section_title > p {
    margin: 0 0 15px;
    color: #8e7964;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1.8px;
}

.showroom_section_title h2 {
    margin: 0;
    color: #201f1e;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: -1.8px;
}

.showroom_section_title > span {
    display: block;
    margin-top: 18px;
    color: #8b8782;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: -0.5px;
}


/* =========================================
   HERO
========================================= */

.showroom_hero {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
    background: #2b211a;
}

.showroom_hero_bg {
    position: absolute;
    inset: 0;
    background:
        url("//dainpark06.cafe24.com/sunny/images/basic_showroom_banner.jpg")
        no-repeat center center;
    background-size: cover;
    transform: scale(1.01);
}

.showroom_hero_dim {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(16, 12, 9, 0.72) 0%,
            rgba(16, 12, 9, 0.40) 48%,
            rgba(16, 12, 9, 0.08) 100%
        );
}

.showroom_hero_inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;

    width: calc(100% - 40px);
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}

.showroom_hero_eyebrow {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2.5px;
}

.showroom_hero h1 {
    margin: 0;
    color: #fff;
    font-size: 54px;
    line-height: 1.28;
    font-weight: 600;
    letter-spacing: -3px;
}

.showroom_hero_desc {
    margin: 30px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.75;
    font-weight: 300;
    letter-spacing: -0.8px;
}

.showroom_hero_buttons {
    display: flex;
    gap: 12px;
    margin-top: 42px;
}

.showroom_button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    min-width: 180px;
    height: 52px;
    padding: 0 22px;

    border-radius: 999px;
    box-sizing: border-box;

    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.showroom_button:hover {
    transform: translateY(-2px);
}

.showroom_button_fill {
    background: #8a4d18;
    color: #fff !important;
}

.showroom_button_fill:hover {
    background: #6f3e15;
}

.showroom_button_line {
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: #fff !important;
}

.showroom_button_line:hover {
    background: #fff;
    color: #201f1e !important;
}


/* =========================================
   MAP
========================================= */

.showroom_map_section {
    padding: 0px 0 40px;
    background: #fff;
}

.showroom_map_container {
    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 0 auto;
}

.basic_map_wrap {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    background: #e9e5df;
}

#basic_showroom_map {
    width: 100%;
    height: 100%;
}

.basic_map_message {
    position: absolute;
    left: 50%;
    bottom: 218px;
    z-index: 20;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 20px 12px 12px;
    border-radius: 999px;

    background: #201f1e;
    color: #fff !important;

    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.4px;
    white-space: nowrap;
    text-decoration: none !important;

    transform: translateX(-50%);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.basic_map_message:hover {
    background: #57320a;
    transform: translateX(-50%) translateY(-3px);
}

.basic_map_message_icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;
    flex-shrink: 0;

    border-radius: 50%;
    background: #57320a;
    color: #fff;

    font-size: 13px;
    font-weight: 700;
}

.basic_map_message_arrow {
    font-size: 17px;
}

.basic_custom_marker {
    position: relative;
    width: 48px;
    height: 58px;
}

.basic_custom_marker_circle {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border: 3px solid #fff;
    border-radius: 50%;

    background: #57320a;
    color: #fff;

    font-size: 17px;
    font-weight: 700;

    box-sizing: border-box;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.24);
}

.basic_custom_marker_tail {
    position: absolute;
    left: 50%;
    bottom: 3px;
    z-index: 1;

    width: 14px;
    height: 14px;

    background: #57320a;
    transform: translateX(-50%) rotate(45deg);
}

.basic_marker_name {
    min-width: 145px;
    padding: 10px 15px;

    border: 1px solid rgba(87, 50, 10, 0.08);
    border-radius: 9px;

    background: rgba(255, 255, 255, 0.97);
    color: #201f1e;

    text-align: center;
    box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

.basic_marker_name strong {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.basic_marker_name span {
    display: block;
    margin-top: 2px;
    color: #99938e;
    font-size: 11px;
    line-height: 16px;
}


/* =========================================
   INFORMATION
========================================= */

.showroom_info_section {
    padding: 0 0 120px;
    background: #fff;
}

.showroom_info_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 0 auto;

    border-right: 1px solid #e7e2dc;
    border-bottom: 1px solid #e7e2dc;
}

.showroom_info_item {
    display: flex;
    align-items: flex-start;
    gap: 25px;

    min-height: 170px;
    padding: 42px 38px;
    border-top: 1px solid #e7e2dc;
    border-left: 1px solid #e7e2dc;

    background: #fff;
    box-sizing: border-box;
}

.showroom_info_icon span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid #8a684c;
    border-radius: 50%;

    color: #765238;
    font-size: 11px;
    font-weight: 600;
}

.showroom_info_content .label {
    margin: 1px 0 12px;
    color: #9c8d80;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1.4px;
}

.showroom_info_content h3 {
    margin: 0;
    color: #201f1e;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: -0.8px;
}

.showroom_info_content .description {
    margin: 14px 0 0;
    color: #8c8782;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: -0.4px;
}


/* =========================================
   BENEFIT
========================================= */

.showroom_benefit_section {
    padding: 120px 0;
    background: #fff;
    text-align:center;
}

.showroom_benefit_wrap {
    position: relative;
    width: calc(100% - 120px);
    max-width: 1400px;
    margin: 0 auto;
}

.showroom_benefit_slider {
    overflow: hidden;
}

.showroom_benefit_card {
    background: #fff;
}

.showroom_benefit_card .image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.3 / 1;
}

.showroom_benefit_card .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform 0.5s ease;
}

.showroom_benefit_card:hover .image img {
    transform: scale(1.03);
}

.showroom_benefit_card .content {
    min-height: 175px;
    padding: 27px 26px 30px;
    box-sizing: border-box;
}

.showroom_benefit_card .number {
    display: block;
    margin-bottom: 12px;
    color: #a49382;
    font-size: 15px;
    font-weight: 500;
}

.showroom_benefit_card h3 {
    margin: 0;
    color: #201f1e;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: -0.8px;
}

.showroom_benefit_card p {
    margin: 12px 0 0;
    color: #8b8782;
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: -0.4px;
}

/* ==================================================
   쇼룸 혜택 좌우 화살표
   메인 클라이언트 화살표와 동일한 디자인
================================================== */

.showroom_benefit_prev,
.showroom_benefit_next {
    position: absolute;
    top: 28%;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;
    background: transparent;

    transform: translateY(-50%);
    cursor: pointer;
    outline: 0;
    z-index: 20;

    font-size: 0;
    color: transparent;
}

/* 왼쪽 */
.showroom_benefit_prev {
    left: -48px;
}

/* 오른쪽 */
.showroom_benefit_next {
    right: -48px;
}

/* 화살표 선 */
.showroom_benefit_prev::before,
.showroom_benefit_next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 11px;
    height: 11px;

    border-top: 2px solid #c8bbae;
    border-right: 2px solid #c8bbae;

    transition: border-color .25s ease;
}

/* 왼쪽 방향 */
.showroom_benefit_prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

/* 오른쪽 방향 */
.showroom_benefit_next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

.showroom_benefit_prev:hover::before,
.showroom_benefit_next:hover::before {
    border-color: #c3b6ab;
}



/* =========================================
   VIDEO
========================================= */

.showroom_video_section {
    padding: 130px 0;
    background: #f4f1ed;
}

.showroom_video_heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 0 auto 50px;
}

.showroom_video_heading > div > p {
    margin: 0 0 18px;
    color: #af9e8d;
    font-size: 12px;
    letter-spacing: 1.8px;
}

.showroom_video_heading h2 {
    margin: 0;
    color: #000000;
    font-size: 38px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -2px;
}

.showroom_video_desc {
    margin: 0;
    color: #000000;
    font-size: 15px;
    text-align: right;
    line-height: 1.8;
    letter-spacing: -0.5px;
}

.showroom_video_box {
    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    background: #111;
}

.showroom_video_box .media_wrap {
    width: 100%;
}


/* =========================================
   CTA
========================================= */

.showroom_cta_section {
    padding: 140px 20px;
    background: #f2eee8;
    text-align: center;
}

.showroom_cta_section > p {
    margin: 0 0 20px;
    color: #9a8570;
    font-size: 12px;
    letter-spacing: 2px;
}

.showroom_cta_section h2 {
    margin: 0;
    color: #201f1e;
    font-size: 40px;
    line-height: 1.45;
    font-weight: 500;
    letter-spacing: -2px;
}

.showroom_cta_button {
    display: inline-flex;
    align-items: center;
    gap: 34px;

    margin-top: 38px;
    padding: 16px 25px;

    border-radius: 999px;
    background: #57320a;
    color: #fff !important;

    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.showroom_cta_button:hover {
    background: #3f2408;
    transform: translateY(-2px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media screen and (max-width: 1024px) {

    .showroom_hero {
        height: 620px;
    }

    .showroom_hero h1 {
        font-size: 46px;
    }

    .showroom_info_grid {
        grid-template-columns: 1fr;
    }

    .showroom_info_item {
        min-height: auto;
    }

    .showroom_benefit_wrap {
        width: calc(100% - 40px);
    }

    .showroom_benefit_prev,
    .showroom_benefit_next {
        display: none;
    }
}


@media screen and (max-width: 767px) {

    .showroom_section_title {
        width: calc(100% - 32px);
        margin-bottom: 34px;
    }

    .showroom_section_title h2 {
        font-size: 27px;
        letter-spacing: -1.2px;
    }

    .showroom_section_title > span {
        font-size: 14px;
    }

    .showroom_hero {
        height: 580px;
    }

    .showroom_hero_bg {
        background-position: 62% center;
    }

    .showroom_hero_dim {
        background: rgba(20, 14, 10, 0.48);
    }

    .showroom_hero_inner {
        width: calc(100% - 32px);
        justify-content: flex-end;
        padding-bottom: 55px;
        box-sizing: border-box;
    }

    .showroom_hero_eyebrow {
        margin-bottom: 18px;
        font-size: 12px;
    }

    .showroom_hero h1 {
        font-size: 34px;
        line-height: 1.35;
        letter-spacing: -2px;
    }

    .showroom_hero_desc {
        margin-top: 20px;
        font-size: 15px;
    }

    .showroom_hero_buttons {
        flex-direction: column;
        margin-top: 30px;
    }

    .showroom_button {
        width: 100%;
    }

    .showroom_map_section {
        padding-top: 85px;
    }

    .showroom_map_container {
        width: calc(100% - 24px);
    }

    .basic_map_wrap {
        height: 430px;
    }

    .basic_map_message {
        bottom: 18px;
        max-width: calc(100% - 24px);
        padding: 10px 14px 10px 9px;
        gap: 7px;
        font-size: 12px;
    }

    .basic_map_message_text {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .showroom_info_section {
        padding-bottom: 85px;
    }

    .showroom_info_grid {
        width: calc(100% - 24px);
    }

    .showroom_info_item {
        gap: 18px;
        padding: 30px 24px;
    }

    .showroom_info_content h3 {
        font-size: 18px;
    }

    .showroom_benefit_section {
        padding: 85px 0;
    }

    .showroom_benefit_wrap {
        width: calc(100% - 32px);
    }

    .showroom_video_section {
        padding: 85px 0;
    }

    .showroom_video_heading {
        display: block;
        width: calc(100% - 32px);
        margin-bottom: 35px;
    }

    .showroom_video_heading h2 {
        font-size: 29px;
    }

    .showroom_video_desc {
        margin-top: 24px;
    }

    .showroom_video_box {
        width: calc(100% - 24px);
    }

    .showroom_cta_section {
        padding: 95px 20px;
    }

    .showroom_cta_section h2 {
        font-size: 29px;
    }
}
.showroom_video_box {
    width: calc(100% - 24px);
    height: auto;
    aspect-ratio: 16 / 9;
}

.showroom_video_box .media_wrap,
.showroom_video_box .media_wrap2,
.showroom_video_box .media_auto_player,
.showroom_video_box .media {
    height: 100% !important;
}
/* =========================================
   쇼룸 영상 영역 강제 확장
========================================= */

.showroom_video_box{
    position:relative;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    overflow:hidden;

    aspect-ratio:16 / 9;
    background:#111;
}

.showroom_video_box iframe{
    position:absolute;
    top:50%;
    left:50%;

    width:150%;
    height:150%;

    transform:translate(-50%,-50%);
}

@media screen and (max-width: 767px) {
    .showroom_video_box {
        width: calc(100% - 24px);
    }
}
/* BASIC css end */