@charset "utf-8";

#gatefront-wrap {position:relative;}
button {cursor:pointer;}

/*********************** header **********************/
/* header_guide */
.header_guide{height:355px;width:100%;box-sizing:border-box;background:#fff;}
.header_wrap {display:flex;height: 100%;flex-direction: column;align-items: center;}
.header_wrap > h1{position: relative;display: flex;align-items: center;margin: auto;padding-top:40px;;}

.header_wrap .ti_logo {width:309px;height:31px;display:block;background:url('../images/logo_thyundai.png') no-repeat left center/contain;margin:0 auto;position:relative;text-indent: -9999px;z-index:28;}
.header_wrap .ti_logo span {position:absolute;top:0;right:0;display: block;width: 33px;height: 33px;font-size: 0;line-height: 0;background: url('../../../hdmall/images/event/2021/0823_sw_test/images/icon_logo_arrow_down.png') no-repeat 0 0;transform: rotate(0deg);transition: transform 0.25s;}
.header_wrap .ti_logo.active span {transform:rotate(180deg);}
.header_wrap .logo_flex {display:flex;}
.header_wrap .icon_arrow {width:17px;height:17px;background:url('../images/icon_logo_arrow_down.png') no-repeat center center/contain;position:absolute;top:50%;left:100%;margin-left:10px;transform:translateY(-50%);border:0;text-indent: -9999px;cursor:pointer;}
.header_wrap .open_layer {position:absolute;top:0;left:-33px;border:1px solid #cacaca;background:#fff;display:none;width:370px;z-index:25;display:none;}

/* open_layer */
.open_layer ul{list-style:none;margin:0;padding:19px 0 0 0;box-sizing:border-box;width:100%;background:#fff;}
.open_layer li{padding:0; margin:0;text-align:center;}
.open_layer li a {text-decoration:none;color:#111111;text-align:center;position:relative;font:400 28px/92px  'Noto Sans Korean', sans-serif;margin-left:51px;}
.open_layer li:nth-child(2n-1){border-bottom:1px solid #cacaca;margin-top:68px;}
.open_layer .li_logo:before{content:'';position:absolute;right: calc(100% + 8px);top:54%;transform: translateY(-50%);display:block;width:43px;height:43px;}
.open_layer li:nth-child(2n) a:before{background:url('../images/circle_logo_the.png') no-repeat center center/contain;}
.open_layer li:nth-child(2n-1) a:before{background:url('../images/circle_logo_e.png') no-repeat center center/contain;}

/* search */
.search_wrap {font-size:12px;width:100%;display:flex;flex-direction:column; flex: 0 0 182px;}
.search_window {display:flex;border-bottom:4px solid #111111;width:666px;margin:0 auto;position:relative;}
.search_window .search_cat {width:185px;height:86px;flex: 0 0 200px;position:relative;}
.search_window .search_cat li button{font:700 26px/86px  'Noto Sans Korean', sans-serif;border:0;position:relative;padding:0;width: 152px;background:transparent;text-align:left;}
.search_window .search_cat li button:after{content:'';display:block;position:absolute;width:19px;height:13px;background:url('../images/icon_cat_arrow_down.png') no-repeat center center/contain;top:51%;right:0px;transform:translateY(-50%);}
.search_window .search_input {position:relative;width:100%;display:flex;height:86px;}
.search_window .search_input input[type='text'] {width:100%;border:0px;font:normal 24px/86px  'Noto Sans Korean', sans-serif;background:transparent;margin:0px 75px 0px 10px;outline:none;height:86px;text-align:center;}
.search_window .search_input button {position:absolute;right:0;top: 50%;transform: translateY(-50%);width:37px;height:37px;padding: 20px;background:url('../images/icon_search.png') no-repeat center center/contain;text-indent: -9999px;background-size: 37px auto;border:0;}
.search_wrap ul {list-style:none;margin:0;padding:0;}
.search_quick ul {display:flex;list-style:none;margin:20px 0;padding:0;justify-content: center;}
.search_quick ul > li{font:400 18px/38px  'Noto Sans Korean', sans-serif;border:1px solid #888888;;position:relative;padding:0 15px;margin: 0px 14px;border-radius:20px;display:none;}
.search_quick ul > li > a{text-decoration:none;color:#aeaeae;}
.msg_search{font:400 16px/22px  'Noto Sans Korean', sans-serif;color:#fff;background:#111;text-align:center;position:relative;padding-top:13px;z-index:10;display:none;width:160px;height:70px;}
.msg_search:after{content: '';display: block;border-color: transparent transparent #111111 transparent;width: 0;height: 0;border-style: solid;border-top-width: 10px;border-right-width: 4px;border-bottom-width: 10px;border-left-width: 4px;bottom: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
.msg_search > .close_msg_search{background:url('../images/search_icon_x.png') no-repeat center center/contain;text-indent: -9999px;width:15px;height:15px;position:absolute;top:10px;right:10px;border:0;padding:0;margin:0;}
.search_opener_wrap {width:682px;position:absolute;top:-4px;left:-8px;;z-index:20;border:1px solid #cacaca;border-top:4px solid #111111;display:none;box-sizing:border-box;}
.search_window .search_opener{width:100%;background:#f1f1f1}
.search_dpt_1{display: flex;width: 100%;padding-left: 12px;flex: 0 0 90px;height:85px;}
.search_window .search_opener ul.search_dpt_1 li{background:#f1f1f1;padding-left:12px;width:100%;}
.search_window .search_opener ul.search_dpt_1 li button{font:700 26px/85px  'Noto Sans Korean', sans-serif;border:0;position:relative;padding:0;width: 138px;}
.search_window .search_opener ul.search_dpt_1 li:nth-child(2n) button:after{content:'';display:block;position:absolute;width:20px;height:13px;background:url('../images/icon_cat_arrow_up.png') no-repeat center center/contain;top:50%;right:0;margin-left:10px;transform:translateY(-50%);}
.search_window .search_opener ul.search_dpt_1 li:nth-child(2n){flex: 0 0 164px;margin-right:31px;}
.search_window .search_opener ul.search_dpt_1 li:nth-child(2n) button{width:164px;}
.search_window .search_opener ul.search_dpt_2{display:flex;}
.search_window .search_opener ul.search_dpt_2 > li{flex: 1 1 25%;}
.search_window .search_opener ul.search_dpt_2 li{background:#fff;border-bottom:1px solid #dadada}
.search_window .search_opener ul.search_dpt_2 li button{font:400 22px/70px  'Noto Sans Korean', sans-serif;border:0;position:relative;padding:0;width: 100%;text-align:center;background:#fff;color:rgba(17,17,17, .25);}
.search_window .search_opener ul.search_dpt_2 li.active button{font:400 22px/70px  'Noto Sans Korean', sans-serif;border:0;position:relative;padding:0;width: 100%;text-align:center;background:#fff;color:#111111}
.search_window .search_opener ul.search_dpt_2 li button.isHidden {cursor:default;}/* 20230208 */
.search_window .search_opener ul.search_dpt_3 {display:flex;flex-direction: row;flex-wrap: wrap;}
.search_window .search_opener ul.search_dpt_3 > li{flex: 0 0 25%;height:65px;text-align:center;line-height:65px;}
.search_window .search_opener ul.search_dpt_3{background:#fff;}
.search_window .search_opener ul.search_dpt_3 li span,
.search_window .search_opener ul.search_dpt_3 li a{font:400 20px/65px  'Noto Sans Korean', sans-serif;border:0;position:relative;padding:0;width: 100%;text-align:center;text-decoration:none;color: rgba(17,17,17, .25);width:100%;height:100%;display:block;}/* 20230208 */
.search_window .search_opener ul.search_dpt_3 li a:hover {color:#111}
.search_window .search_opener ul.search_dpt_3 li a.active {color:#111}
/*********************** // header **********************/


/*********************** visual **********************/
/* visual */
.swip_guide {position:relative;height:621px;overflow-x:hidden;font-size: 14px;color: #000;}
.swip_guide >.dim_layer {background-color:rgba(136, 135, 135, .5);opacity:0.5;position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;display:none;}
.swiper-container {width: 100%;height:100%;}

/* visual content */
.visual_in {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: 50%;flex-direction: column;}
.visual_in img {display: block;width: 100%;height: 100%;object-fit: cover;}
.visual_in:nth-child(1) {background:url('../images/left_bg_pc5.jpg') no-repeat center center;background-size:cover;}/* 20230130 이미지 수정 */
.visual_in:nth-child(2) {background:url('../images/right_bg_pc5.jpg') no-repeat center center;background-size:cover;}/* 20230130 이미지 수정 */
.visual_wrap{min-width:1120px;display:flex;flex-direction: row;flex-wrap: nowrap;height:621px;}

/** title **/
.visual_in .ti_wrap {width:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;margin:0;font:normal 17px/1  'Noto Sans Korean', sans-serif;height:464px;overflow:hidden;border-bottom:1px solid #fff;flex: 0 0 464px;position: relative;}
.flex_guide {display:none;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(17,17,17,.8);font:normal 28px/40px  'Noto Sans Korean', sans-serif;color:#fff !important;cursor:pointer;text-decoration:none !important;}
.flex_guide .span_ti{color:#6edb94;}
.flex_guide .span_ti2{color:#dd71bc;}
.visual_in .ti_wrap .ti_flex{width:100%;transition:.5s;}
.ti_wrap .ti_flex .ti_ti {font-size:34px;font-weight:300;line-height:50px;}
.visual_in:nth-child(1) .ti_wrap .ti_flex .ti_ti2 {font-size:34px;font-weight:700;line-height:50px;}
.visual_in:nth-child(2) .ti_wrap .ti_flex .ti_ti2 {font-size:34px;font-weight:700;line-height:50px;margin-left:12px;}
.ti_wrap .ti_flex .ti_ti3 {display:block;}
.ti_wrap .ti_flex .ti_ti3 a{display:inline-block;color:#fff;font-size:16px;font-weight:300px;border:1px solid #fff;padding:6px 18px 8px 18px;border-radius:20px;margin-top:5px;text-decoration:none;}

/** visual icon **/
.visual_in .flex_wrap {display:flex;align-items: center;flex:1;width:100%;justify-content: center;}
.visual_in .flex_wrap .icon_guide{box-sizing:border-box;}
.visual_in .flex_wrap .icon_guide .icon {display: inline-block;vertical-align:middle;width: 90px;height: 95px;margin: 0 20px;}
.visual_in .flex_wrap .icon_guide .icon span {position:absolute;bottom:10px;display:block;left:0;right:0;}
.icon_guide .icon_size {width:77px;height:100px;display:block;color:#fff;font:normal 14px/1  'Noto Sans Korean', sans-serif;text-decoration:none;position:relative;}
.icon_guide .icon_size::after {position:absolute;bottom:10px;display:block;left:0;right:0;}
.icon_guide .icon.e_card_css {background:url('../images/left_picon_card.png') no-repeat top center/contain;}
/*.icon_guide .icon.e_card_css::after {content:'백화점카드';}*/
.icon_guide .icon.e_card_css:hover {background-image:url('../images/left_picon_card_hover.png');}
.icon_guide .icon.e_area_css {background:url('../images/left_picon_area.png') no-repeat top center/contain;}
/*.icon_guide .icon.e_area_css::after {content:'지점안내'}*/
.icon_guide .icon.e_area_css:hover {background-image:url('../images/left_picon_area_hover.png');}
.icon_guide .icon.e_culture_css {background:url('../images/left_picon_culture.png') no-repeat top center/contain;}
/*.icon_guide .icon.e_culture_css::after {content:'문화센터'}*/
.icon_guide .icon.e_culture_css:hover {background-image:url('../images/left_picon_culture_hover.png');}
.icon_guide .icon.t_new_css {background:url('../images/right_picon_new.png') no-repeat top center/contain;}
/*.icon_guide .icon.t_new_css::after{content:'신상품';}*/
.icon_guide .icon.t_new_css:hover {background-image:url('../images/right_picon_new_hover.png');}
.icon_guide .icon.t_sel_css {background:url('../images/right_picon_sel.png') no-repeat top center/contain;}
.icon_guide .icon.t_sel_css::after {content:'셀렉션'}
.icon_guide .icon.t_sel_css:hover {background-image:url('../images/right_picon_sel_hover.png');}
.icon_guide .icon.t_showroom_css {background:url('../images/right_picon_showroom.png') no-repeat top center/contain;}/* 20230130 이미지 수정 */
/*.icon_guide .icon.t_sel_css::after {content:'프리미엄쇼룸'}*/
.icon_guide .icon.t_showroom_css:hover {background-image:url('../images/right_picon_showroom_hover.png');}/* 20230130 이미지 수정 */
.icon_guide .icon.t_gift_css {background:url('../images/right_picon_gift.png') no-repeat top center/contain;}
/*.icon_guide .icon.t_gift_css::after {content:'선물하기'}*/
.icon_guide .icon.t_gift_css:hover {background-image:url('../images/right_picon_gift_hover.png');}
/*********************** // visual **********************/

/* 2022-12-27 추가 [S] */
/*********************** popup **********************/
.popup_fixed {display: none; position: fixed; bottom: 0%; left: 50%; transform: translateX(-50%); z-index: 31;}
.popup_fixed.popup_active{display: block;}
.popup_fixed .popup_closed{background:url('../images/popup_closed.png') no-repeat center center/contain;text-indent: -9999px;width:24px;height:24px;position:absolute;top:10px;right:10px;border:0;padding:0;margin:0;}
/*********************** // popup **********************/
/* 2022-12-27 추가 [E] */


/**푸터 관련 수정 작업**/
.frame-footer{position:relative;}
.frame-footer:before{content:'';display: block;position: absolute;top: 0;bottom: 0;height: 64px;left: 0;width:100%;background-color: #252525;}
#footer .related-website:before													{display: none !important;}