@charset "utf-8";

/**************************************************************************************************************************************************************************************************
                                                            현대 모터스튜디오 서울 사이트 Layout
***************************************************************************************************************************************************************************************************/
/* 헤더 > 로고 */
.head_strg .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Seoul_bk.svg);}
.head_strg.col_white .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Seoul_wh.svg);}
.fixed .head_strg.col_white .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Seoul_bk.svg);}


.mobile.fixed .m_header .logo_tit_area .strg {background-image:url(../../images/integration/common/HMS_Logo_Seoul_bk.svg);}

.strg_mn_v2 .head_strg.active .intro .logo_cmnt_wrap .logo a, .strg_mn_v2.fixed .head_strg .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Seoul_bk.svg);}
/* .strg_mn_v2 .head_strg .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Seoul_wh.svg);}/* 

/* 햄버거 열림: 로고 none/block */
.m_header .logo_home .gy {display:none;}
.m_header .logo_home .so {display:block;}
.m_header .logo_home .hn {display:none;}
.m_header .logo_home .bs {display:none;}

/* ------------------------------------ 《 통합사이트/거점사이트 서브메뉴/전체메뉴 Layout 》 ------------------------------------ */
/* 거점메인:거점GNB */
.strg_mn .head_strg.active:before {height:312px;}

/* ------------------------------------ 헤더 > 배경 이미지 ------------------------------------ */
.display.car .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_display_20250919.png);}
.display.dialogue .sub_background,
.display.experience .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_experience_20250924.png); background-position:0px 0px;}
.display.art .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_art_240226.png); background-position:0 0;}
.display.onestep .sub_background {background-image:url(../../images/integration/sub_bg/img_seoul_display_banner_20241010.png);}
.display.palisade .sub_background {background-image:url(../../images/integration/sub_bg/img_seoul_experience_banner_2_20250116.png);}
.program .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_program.jpg); background-position:0px 0px;}
.program.test_ride .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_test_ride_v1.png); background-position: center;}
.display.ioniq_bg .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_display_20250214.png);}

.program.education .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_education.jpg); background-position:0px 0px;}
.program.design_tbl .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_master_h.jpg); background-position:0 0;}
.program.master_h .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_master_h_240415.jpg); background-position:0 0;}
/* 2023-04-17 이미지 우측 고정 및 고배율 이미지 사용으로 인한 커버 속성 추가 */
.program.oneday .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_oneday.jpg); background-position:right; background-size: cover;}
.guide .sub_background {background-image:url(../../images/integration/sub_bg/img_se_info_banner_PC_20250131.png); }

.guide.utilize .sub_background {background-image:url(../../images/integration/sub_bg/img_se_info_banner_PC_20250131.png); }

.program.kids .sub_background {background-image:url(../../images/integration/sub_bg/bg_so_kids_240226.png);}
/* 2023-04-17 이미지 우측 고정 및 고배율 이미지 사용으로 인한 커버 속성 추가 */

/* ------------------------------------ 메인 ------------------------------------ */
/* .strg_mn .main_content_wrap .swiper-container {padding-bottom:0;} */


/* ------------------------------------ 서브페이지 ------------------------------------ */
/* 체험 */
.display.experience .zerotozero_item_wrap dt {margin-top:25px; font-size:3.2rem; font-family:'hd_head_R';}
.display.experience .zerotozero_item_wrap dd {margin-top:12px; font-size:1.6rem; line-height:2.6rem; color:#626262;}
.language_ch {font-family:'Malgun Gothic';}

/* 아트 */
.display.art .sub_intro_cmnt {}
.display.art .sub_intro_cmnt .btn_wrap {margin-top:0;}
.display.art .sub_intro_cmnt dt {margin-bottom:10px;font-size:2rem; color:#000;}
.display.art .sub_intro_cmnt dt::before {content:"";display:inline-block; width:32px; height:32px; margin-right:10px; background:url(../../images/integration/common/ico_art.png) no-repeat 0 0; vertical-align:middle;}
.display.art .sub_intro_cmnt dd {font-size:1.6rem; color:#626262;}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   MOBILE Layout   》》》   ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:767px) and (min-width:270px) {
    /* 헤더 > 배경 이미지 */
    .display.car .sub_background {background-position:0 0;}
    .display.dialogue .sub_background,
    .display.experience .sub_background {background-position:0 0;}
    .display.art .sub_background {background-position:0 w 0;}

    .program .sub_background {background-position:0  0;}
    .program.education .sub_background {background-position:0  0;}
    .program.master_h .sub_background {background-position:0  0;}
    .guide .sub_background {background-position:0  0;}

    /* 체험 */
    .display.experience .zerotozero_item_wrap dt {width:80%; font-size:3rem; line-height:3.5rem;}

    .display.art .sub_background {background-image:url(../../images/integration/sub_bg/m_bg_so_art_240226.png);}
    .display.car .sub_background {background-image:url(../../images/integration/sub_bg/m_bg_so_display_240227.png);}
    .program.test_ride .sub_background {background-image:url(../../images/integration/sub_bg/m_bg_so_test_ride_v1.png);}
    .guide .sub_background {background-image:url(../../images/integration/sub_bg/img_se_info_banner_M_20250131.png); }

    .guide.utilize .sub_background {background-image:url(../../images/integration/sub_bg/img_se_info_banner_M_20250131.png); }
}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《TABLET Layout》》》 *******************************************************************************************************************
***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:1119px) and (min-width:768px) {
    .m_header .logo_tit_area .strg {background-image:url(../../images/integration/common/HMS_Logo_Seoul_wh.svg);}
    .fixed .m_header .logo_tit_area .strg {background-image:url(../../images/integration/common/HMS_Logo_Seoul_bk.svg);}
}