@charset "utf-8";
/**** 현대 디자인 개선****/
/* 현대 개선사항 2022-0407 */
.typeHyundai #headerWrapper header { z-index: 100; padding: 16px 100px; height: 69px; background: #fff; border-bottom: 1px solid #767a81;}
.typeHyundai #headerWrapper header h1 { margin-top: 5px; font-size: 14px; font-weight: 300 !important;}
.typeHyundai #headerWrapper .gnbArea { padding: 0 !important;}
.typeHyundai #headerWrapper .logo img { height: 26px;}
.typeHyundai #headerWrapper span.col-0 { padding: 0 !important; line-height: 25px; font-family:'HyundaiSansText', sans-serif;}
.typeHyundai #headerWrapper header .gnbArea .gnb_depth1 span { font-weight: normal;}
.typeHyundai #headerWrapper header .gnbArea .pt10 { padding-top: 6.5px !important;}
.typeHyundai #headerWrapper header .gnbArea .gnb_depth1 > li { font-size: 14px; font-weight: 500 !important;}


/**** 기아 디자인 개선****/
/* 기아 개선사항 2022-0407 */
.typeKia #headerWrapper header { z-index: 100; padding: 16px 100px; height: 69px; font-family:'KIA-SIG',sans-serif; background: #fff; border-bottom: 1px solid #767a81;}
.typeKia #headerWrapper header h1 { margin-top: 5px; font-size: 14px; font-weight: 300 !important;}
.typeKia #headerWrapper .gnbArea { padding-top: 0px !important; padding-bottom: 2px !important;}
.typeKia #headerWrapper .logo img { height: 26px;}
.typeKia #headerWrapper span.col-0 { padding: 0 !important; line-height: 25px; font-family:'KIA-SIG', sans-serif;}
.typeKia #headerWrapper header .gnbArea .gnb_depth1 span { font-weight: normal;}
.typeKia #headerWrapper header .gnbArea .pt10 { padding-top: 8px !important;}
.typeKia #headerWrapper header .gnbArea .gnb_depth1 > li { font-size: 14px; font-weight: 500 !important;}

/* 제네시스 개선사항 2021-0901 */
.typeGenesis #headerWrapper header { z-index: 200; padding: 16px 100px; height: 69px; font-family: 'GenesisSansTextKR',sans-serif;}
.typeGenesis #headerWrapper header h1 { margin-top: 6px; font-family: 'GenesisSansTextKR',sans-serif; font-size: 14px; color: #fff; font-weight: 300 !important;}
.typeGenesis #headerWrapper .gnbArea { padding: 0 !important;}

/* 제네시스 개선사항 2021-0825 */
.typeGenesis #headerWrapper .logo img { width: 128px; height: 26px;}
.typeGenesis #headerWrapper span.col-0 { padding:0 !important;}
.typeGenesis #headerWrapper header .gnbArea .gnb_depth1 span { font-weight: normal; color:#dfdfdf !important;}
/**/


.typeGenesis #headerWrapper header .gnbArea .gnb_depth1 > li { font-family:'GenesisSansTextKR',sans-serif; font-size: 14px; font-weight: 500 !important;}
.typeKia #headerWrapper header {font-family:'KIA',sans-serif;}
.typeKia #headerWrapper header h1 {font-family:'KIA',sans-serif;}
.typeHyundai #headerWrapper header .logo .hyundai {display:inline-block;}
.typeKia #headerWrapper header .logo .kia {display:inline-block;}
.typeGenesis #headerWrapper header .logo .genesis {display:inline-block;}


#headerWrapper header {padding:40px 100px; z-index:10;}
#headerWrapper header h1 {text-align:left;font-size:18px; line-height:24px; font-weight:500; letter-spacing:1.8px; color:#000;}
#headerWrapper header .logo.new::after {content:""; width:0; height:111px; background-color:#666; position:absolute; top:-40px; right:0;}
.typeGenesis #headerWrapper header .logo::after {content:""; width:1px; height:111px; background-color:#a36b4f; top:-40px; right:0;} /* 2019-11-26 추가 */
.typeGenesis #headerWrapper .logo a img { padding-top: 10px;}
.typeGenesis #headerWrapper header .logo.new::after {content:""; width:0; height:111px; background-color:#a36b4f; top:-40px; right:0;}

/* 2019-12-18 수정 */
#headerWrapper header .gnbArea .gnb_depth1 > li {position:relative; padding-right:60px; font-size:16px; line-height:22px; font-weight:600; letter-spacing:normal; color:#666; display:inline-block; transition:all 0.2s ease; vertical-align:top;}
.typeGenesis #headerWrapper header .gnbArea .gnb_depth1 > li {color: #dfdfdf;} /* 2019-11-25 추가 */
#headerWrapper header .gnbArea .gnb_depth1 > li:last-child{padding-right:0;}
#headerWrapper header .gnbArea .gnb_depth1 > li:hover {color:#000; transition:all 0.2s ease;}
#headerWrapper header .gnbArea .gnb_depth1 > li:hover span {border-bottom:1px solid #000;}
#headerWrapper header .gnbArea .gnb_depth1 .gnb_depth2 li:hover {color:#000; transition:all 0.2s ease;}
#headerWrapper header .gnbArea .gnb_depth1 .region.active .gnb_depth2 {display:block;}
#headerWrapper header .gnbArea .gnb_depth1 .language.active .gnb_depth2 {display:block;}
/*2019-12-26 수정*/
#headerWrapper header .gnbArea .gnb_depth2 {position:absolute; top:33px; left:0; z-index:100; min-width:130px; max-width:140px;padding:8px 4px 8px 4px; border:1px solid #dfdfdf; color:#666; background-color:#fff; display:none; transition:all 0.2s ease; box-sizing:border-box;}


#headerWrapper header .btn.mozen.white{color: #dfdfdf; border: 1px solid #dfdfdf;}   /* 2019-11-25 추가 */
#headerWrapper header .btn.mozen.white:hover{border-color:#a36b4f;}  /* 2019-11-25 추가 */
.typeHyundai #headerWrapper header .btn.mozen.hyundai{display: inline-block;}   /* 2019-11-25 추가 */
.typeKia #headerWrapper header .btn.mozen.kia{display: inline-block;}           /* 2019-11-25 추가 */
.typeGenesis #headerWrapper header .btn.mozen.genesis{display: inline-block;}   /* 2019-11-25 추가 */
#headerWrapper header .gnbArea .gnb_depth2 > li {margin-bottom:4px; letter-spacing:-0.48px;}
#headerWrapper header .gnbArea .gnb_depth2 > li:last-child {margin-bottom:0px;}
#headerWrapper header .btn.mozen {width:200px; padding:10px 0px; font-size:14px; line-height:20px; font-weight:500; color:#0d0856; text-align:center; border:1px solid #bbb; transition:all 0.2s ease;}
#headerWrapper header .btn.mozen:hover {border-color:#000; transition:all 0.2s ease;}

.typeHyundai #headerWrapper header .gnbArea img.hyundai{display: inline-block;}     /* 2019-11-25 추가 */
.typeKia #headerWrapper header .gnbArea img.kia{display: inline-block;}             /* 2019-11-25 추가 */
.typeGenesis #headerWrapper header .gnbArea img.genesis{display: inline-block;}     /* 2019-11-25 추가 */

@media (min-width:320px) and (max-width:1200px) {
    .typeHyundai #headerWrapper header {padding:20px 160px;}
    .typeKia #headerWrapper header {padding:20px 160px;}
}

@media all and (min-width:1400px){
    #headerWrapper header {padding:40px 160px;}
}