@charset "utf-8";

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

.m_header .logo_tit_area .strg {background-image:url(../../images/integration/common/HMS_Logo_Goyang_wh.svg);}
.mobile.fixed .m_header .logo_tit_area .strg {background-image:url(../../images/integration/common/HMS_Logo_Goyang_bk.svg);}
.strg_mn_v2.gy .head_strg.active .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Goyang_bk.svg);}


/* .strg_mn_v2.gy .head_strg .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Goyang_wh.svg);} */
/* .strg_mn_v2.gy .head_strg .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Goyang_bk.svg);}
.strg_mn_v2.gy .bg_transparent .head_strg .intro .logo_cmnt_wrap .logo a {background-image:url(../../images/integration/common/HMS_Logo_Goyang_wh.svg);} */


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



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

/* ------------------------------------ 헤더 > 배경 이미지 ------------------------------------ */
.display.car .sub_background {background-image:url(../../images/integration/sub_bg/img_gy_experience_banner_pc_20261013.png);}
.display.n_brand_zone .sub_background,

.display.experience .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_experience.png); background-position:-726px -50px;}


.display.n_brand_zone .sub_background.vesion02 {
    background-image:url(../../images/integration/sub_bg/img_header_art_exhibition2_gy_1920_320.png) !important; background-position:-438px -85px;
}
.display.experience .sub_background.vesion01 {background-image:url(../../images/integration/sub_bg/img_header_art_exhibition1_gy_1920_320.png) !important; background-position:-377px -70px; }
.display.art .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_art_v1.png); background-position:-438px -70px;}

.program.test_ride .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_test_ride_v1.png);}
.program.kids_sfty .sub_background,
.program.kids_tour .sub_background,
.program.kids .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_kids.jpg); background-position:-490px -70px;}
.program.education .sub_background  {background-image:url(../../images/integration/sub_bg/bg_gy_education_v1.png);} 
.program.oneday .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_oneday.jpg); background-position:0 0;}
.program.untact .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_untact.jpg); background-position:0 0;}
.program.design_tbl .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_master_h.jpg); background-position:0 0;}
.program.master_h .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_master_h.jpg); background-position:0 0;}

.display.fish .sub_background {background-image:url(../../images/integration/sub_bg/img_goyang_banner_fishing_20240702.png);}

.display.neolun .sub_background {background-image:url(../../images/integration/sub_bg/bg_gy_experience.png); background-position:-726px -50px;}
.guide .sub_background {background-image:url(../../images/integration/sub_bg/bg_strg_guide.jpg); background-position:-50px -70px;}

/* 전시안내 > 아트전시 */
.display.art .art_work {overflow:hidden; margin-bottom:30px;}
.display.art .art_work .img {overflow:hidden;}
.display.art .art_work .img img {display:block; width:100%;}

.display.art .art_explan {overflow:hidden;}
.display.art .art_explan .section_title {}
.display.art .art_explan .section_title h2 {font-size:3rem; margin-bottom:9px;}
.display.art .art_explan .section_title p {color:#626262; font-size:1.6rem; line-height:1.438em; word-break:keep-all;}

.display.art .art_explan .last_art {overflow:hidden;}
.display.art .art_explan .last_art .cotn_title {}
.display.art .art_explan .last_art .cotn_title h3 {font-size:2rem;}
.display.art .art_explan .last_art li ~ li {margin-top:26px;}
.display.art .art_explan .last_art li .tit_art {overflow:hidden;}
.display.art .art_explan .last_art li .tit_art .tit {display:inline-block; color:#000; font-size:1.8rem;}
.display.art .art_explan .last_art li .tit_art p {display:inline-block; font-size:1.5rem; position:relative; padding-left:27px;}
.display.art .art_explan .last_art li .tit_art p:before {background-color:#aaaaaa; content:''; position:absolute; left:11px; top:1px; height:11px; width:2px;}
.display.art .art_explan .last_art li .desc {color:#626262; font-size:1.5rem; line-height:1.333em; margin-top:4px; padding-left:14px; word-break:keep-all;}

/* 이용정보 */
.guide.utilize .display_price dl {float:left; width:calc(25% - 10px); margin-left:13px; padding:28px 20px; background-color:#e4dcd3; box-sizing:border-box;}
.guide.utilize .display_price dl:first-child {margin-left:0;}
.guide.utilize .display_price dt {margin-bottom:18px; font-size:2.2rem; font-family:'hd_head_R';}
.guide.utilize .display_price dt span {margin-left:10px;font-size:1.4rem; color:#626262; font-family:'hd_txt_R';}
.guide.utilize .display_price dd {width:100%; overflow:hidden;}
.guide.utilize .display_price dd ~ dd {margin-top:8px;}
.guide.utilize .display_price dd strong {float:left; font-size:1.5rem; color:#626262;}
.guide.utilize .display_price dd p {float:right; font-size:1.8rem; color:#000;}

/* 메뉴판 */ /* 2023-01-27 [팝업] 메뉴 타입추가 CSS정리 */

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   MOBILE Layout   》》》   ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:767px) and (min-width:270px) {
    /* 공지사항 */
    .guide.notice .content_serch {margin-top:20px;}

    /* 헤더 > 배경 이미지 */
    .display.car .sub_background {background-position:-113.889vw 0;}
    .display.n_brand_zone .sub_background,
    .display.experience .sub_background {background-position:-40.278vw 0;}

    .display.car .sub_background.mo_background {background-image:url(../../images/integration/sub_bg/img_gy_experience_banner_mo_20261013.png);}
    .display.car .sub_background.mo_background {background-position: 0 0;}

    .display.n_brand_zone .sub_background.vesion02 {
        background-position:-40.278vw 0;
    }
    .display.experience .sub_background.vesion01 {background-position:-40.278vw 0; }

    .display.art .sub_background {background-position:-163.889vw 0;}

    .program.test_ride .sub_background {background-position:-113vw 0;}
    .program.kids_sfty .sub_background,
    .program.kids_tour .sub_background,
    .program.kids .sub_background {background-position:-188.889vw 0;}
    .program.education .sub_background {background-position:-116.667vw 0;}
    .program.oneday .sub_background {background-position:-94.444vw 0;}
    .program.untact .sub_background {background-position:-86.111vw 0;}
    .program.master_h .sub_background {background-position:-36.111vw 0;}

    .guide .sub_background {background-position:-22.222vw 0;}

    /* 전시안내 > 아트전시 */
    .display.art .art_explan .last_art .cotn_title {margin-bottom:17px;}
    .display.art .art_explan .last_art li .tit_art .tit {display:block; margin-bottom:5px;}
    .display.art .art_explan .last_art li .tit_art .tit + p {padding-left:14px;}
    .display.art .art_explan .last_art li .tit_art .tit + p:before {display:none;}
    .display.art .art_explan .last_art li .desc {margin-top:8px;}

    /* 이용정보 */
    .guide.utilize .display_price dl {float:none; width:100%; margin-left:0; padding:20px; overflow:hidden;}
    .guide.utilize .display_price dt {width:63%; margin-bottom:0; font-size:1.8rem;}
    .guide.utilize .display_price dt span {margin-left:0; font-size:1.3rem;}
    .guide.utilize .display_price dd {float:left; width:37%;}
    .guide.utilize .display_price dd strong {font-size:1.4rem;}
    .guide.utilize .display_price dd p {font-size:1.6rem;}

    .program.test_ride .sub_background {background-image:url(../../images/integration/sub_bg/m_bg_gy_test_ride_v1.png);}
    .display.neolun .sub_background {background-position:-40.278vw 0;}
    
}


/**************************************************************************************************************************************************************************************************
*************************************************** 《《《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_Goyang_wh.svg);}
    .fixed .m_header .logo_tit_area .strg {background-image:url(../../images/integration/common/HMS_Logo_Goyang_bk.svg);}
    
    /* 이용정보 */
    .guide.utilize .display_price dt span {display:block; margin-top:5px; margin-left:0;}

    /*[팝업] 카페메뉴*/
    .cafe_menu .only_pc {display:block;}
    .cafe_menu .only_mobile {display:none;}
}