html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@media screen and (max-width: 1900px) {
    html, body {
        overflow-x: visible;
    }
}
.all{
    width: 100%;
    height: 100%;
}
.all img {
    display: block;
}
.all > .inner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

/*header*/
.header {
    width: 1920px;
    height: 60px;
    margin: 0 auto;
    background: url("../img/gnb_bg.jpg") repeat-x top center;
    position: relative;
    z-index: 1000;
}
.header > .inner{
    width: 1214px;
    height: 60px;
    position: relative;
    left: 50%;
    margin-left: -604px;
}
.header .logo {
    float: left;
    position: relative;
    top: 12px;
    cursor: pointer;
}
.header .menu_group {
    position: absolute;
    top: 0;
    left: 153px;
    /*left: 130px;*/
}
.header .menu {
    float: left;
}
.header .menu > li {
    float: left;
    top: 0;
    margin-right: 1px;
    border-right: 1px solid #f2f2f2;
    cursor: pointer;
}
.header .menu > li:last-child {
    margin-right: 0;
}
.header .search {
    width: 145px;
    height: 56px;
    position: relative;
    background: #f4f5f7;
    float: left;
    border-right: 1px solid #f2f2f2;
}

.header .search_inner {
    position: absolute;
    top: 20px;
    left: 21px;
}
.header .search_btn {
    float: left;
    margin-right: 12px;
}
.header .language {
    float: left;
}
.header .kor {
    float: left;
    cursor: pointer;
}
.header .kor.on {
    background: url("../img/gnb_language_kor_on.png") no-repeat 0 0;
    width: 35px;
    height: 20px;
}
.header .kor.on img {
    display: none;
}
.header .eng {
    float: left;
    cursor: pointer;
}
.header .eng.on {
    background: url("../img/gnb_language_eng_on.png") no-repeat 0 0;
    width: 35px;
    height: 20px;
}
.header .eng.on img {
    display: none;
}
.header .blog {
    width: 146px;
    height: 56px;
    position: relative;
    background: #f4f5f7;
    float: left;
    cursor: pointer;
}
.header .blog img {
    position: absolute;
}


.header .gnb_sub {
    width: 100%;
    background: white;
    position: absolute;
    top: 60px;
    z-index: 1;
    display: none;
    border-bottom: 1px solid #132A6E;
}
.header .gnb_sub .inner {
    width: 1209px;
    position: relative;
    left: 50%;
    margin-left: -604px;
}
.header .gnb_sub .sub {
    padding-top: 58px;
    display: none;
}
.header .gnb_sub .sub > ul > li {
    float: left;
    margin-right: 54px;
}
.header .gnb_sub .sub > ul > li:last-child {
    margin-right: 0;
}
.header .gnb_sub .sub1,
.header .gnb_sub .sub2,
.header .gnb_sub .sub3 {
    height: 481px;
}
.header .gnb_sub .sub4,
.header .gnb_sub .sub5 {
    height: 291px;
}
.header .gnb_sub .close_btn {
    position: absolute;
    top: 58px;
    right: 0;
}
.header .gnb_sub .sub1 {
     cursor: pointer;
 }
.header .gnb_sub .sub .none {
    cursor: default;
}


/*section1*/
.section1 {
    /*height: 919px;*/
}
.section1 .inner{
    width: 1920px;
    height: 919px;
    margin: 0 auto;
    position: relative;
}
.section1 .slide_group {

}
.section1 .slide_group .slider {
    width: 1920px;
    height: 919px;
    position: relative;
}
.section1 .slide_group .slider li.group1 {

}
.section1 .slide_group .slider li.group1 .title {
    position: absolute;
    top: 0;
}
.section1 .slide_group .slider li.group1 .btn {
    position: absolute;
    top: 322px;
    left: 885px;
    cursor: pointer;
}
.section1 .slide_group .slider li.group2 {

}
.section1 .slide_group .slider li.group2 .title {
    position: absolute;
    top: 0;
}
.section1 .slide_group .slider li.group2 .btn {
    position: absolute;
    top: 322px;
    left: 885px;
    cursor: pointer;
}
.section1 .slide_group .slider li.group3 {

}
.section1 .slide_group .slider li.group3 .title {
    position: absolute;
    top: 0;
}
.section1 .slide_group .slider li.group3 .btn {
    position: absolute;
    top: 322px;
    left: 885px;
    cursor: pointer;
}
.section1 .slide_group .slider li.group4 {

 }
.section1 .slide_group .slider li.group4 .title {
    position: absolute;
    top: 0;
}
.section1 .slide_group .slider li.group4 .btn {
    position: absolute;
    top: 322px;
    left: 885px;
    cursor: pointer;
}
.section1 .slide_group .slider li.group5 {

}
.section1 .slide_group .slider li.group5 .title {
    position: absolute;
    top: 0;
}
.section1 .slide_group .slider li.group5 .btn {
    position: absolute;
    top: 322px;
    left: 885px;
    cursor: pointer;
}
.section1 .slide_group .car {
    position: absolute;
    bottom: 69px;
    z-index: 100;
}

.section1 .prev {
    position: absolute;
    top: 292px;
    left: 191px;
    cursor: pointer;
    z-index: 100;
}
.section1 .next {
    position: absolute;
    top: 292px;
    right: 191px;
    cursor: pointer;
    z-index: 100;
}
.section1 .controller {
    position: absolute;
    top: 850px;
    left: 819px;
    cursor: pointer;
    z-index: 100;
}
.section1 .controller .play {
    position: absolute;
    display: none;
}
.section1 .controller .pause {
    position: absolute;
}
.section1 .controller .pager {
    width: 224px;
    position: absolute;
    top: 3px;
    left: 20px;
}
.section1 .controller .pager li {
    float: left;
    margin-right: 5px;
}


/*section2*/
.section2 {
    width: 1920px;
    height: 1009px;
    position: relative;
    margin: 0 auto;
}
.section2 li.title {
    position: absolute;
    top: 261px;
    right: 414px;
}
.section2 li.menu1 {
    position: absolute;
    top: 95px;
    left: 442px;
    cursor: pointer;
}
.section2 li.menu2 {
    position: absolute;
    top: 421px;
    left: 226px;
    cursor: pointer;
}
.section2 li.menu3 {
    position: absolute;
    top: 421px;
    right: 275px;
}

/*section3*/
.section3 {
    width: 1920px;
    height: 1009px;
    position: relative;
    margin: 0 auto;
}
.section3 li.title {
    position: absolute;
    top: 86px;
    left: 708px;
}
.section3 li.menu1 {
    position: absolute;
    top: 302px;
    left: 285px;
    cursor: pointer;
 }
.section3 li.menu2 {
    position: absolute;
    top: 231px;
    left: 510px;
}
.section3 li.menu3 {
    position: absolute;
    top: 348px;
    left: 735px;
}
.section3 li.menu4 {
    position: absolute;
    top: 236px;
    right: 735px;
}
.section3 li.menu5 {
    position: absolute;
    top: 291px;
    right: 510px;
}
.section3 li.menu6 {
    position: absolute;
    top: 362px;
    right: 285px;
}

/*section4*/
.section4 {
    width: 1920px;
    height: 1009px;
    position: relative;
    margin: 0 auto;
}
.section4 li.title {
    position: absolute;
    top: 260px;
    left: 411px;
}
.section4 li.menu1 {
    position: absolute;
    top: 67px;
    right: 360px;
}
.section4 li.menu2 {
    position: absolute;
    top: 457px;
    left: 228px;
    cursor: pointer;
}
.section4 li.menu3 {
    position: absolute;
    top: 457px;
    right: 206px;
    cursor: pointer;
}

/*section5*/
.section5 {
    width: 1920px;
    height: 866px;
    position: relative;
    margin: 0 auto;
}
.section5 li.title {
    position: absolute;
    top: 211px;
    right: 382px;
}
.section5 li.menu1 {
    position: absolute;
    top: 40px;
    left: 227px;
}
.section5 li.menu2 {
    position: absolute;
    top: 40px;
    left: 649px;
    cursor: pointer;
}
.section5 li.menu3 {
    position: absolute;
    top: 369px;
    left: 649px;
}
.section5 li.menu4 {
    position: absolute;
    top: 369px;
    right: 0;
}


/*footer*/
.footer {
    width: 1920px;
    height: 218px;
    background: url("../img/footer_bg.jpg") repeat-x top center;
    position: relative;
    margin: 0 auto;
    z-index: 1000;
}
.footer .inner {
    width: 1209px;
    height: 218px;
    position: relative;
    left: 50%;
    margin-left: -604px;
}
.footer .link_group {
    position: absolute;
    top: 25px;
    left: 8px;
}
.footer .link_group li {
    float: left;
    font-family: "Noto Sans CJK KR Medium",sans-serif;
    font-size: 11pt;
    color: #b5bfc5;
    margin-right: 12pt;
    letter-spacing: -0.7pt;
}
.footer .sns_btn {
    position: absolute;
    top: 11pt;
    right: 0;
}
.footer .sns_btn li {
    float: left;
    margin-right: 10pt;
    cursor: pointer;
}
.footer .sns_btn li:last-child {
    margin-right: 0;
}
.footer .copyright {
    position: absolute;
    top: 99px;
    left: 8px;
}
.footer .mark {
    position: absolute;
    top: 130px;
    right: 185px;
}
.footer .hyundai_site .head {
    position: absolute;
    top: 142px;
    right: 0;
}
.footer .hyundai_site .head .group_off {

}
.footer .hyundai_site .head .group_on {
    display: none;
}
.footer .hyundai_site .body {
    position: absolute;
    display: none;
}


/*navi*/
nav {
    width: 19px;
    position: absolute;
    top: 920px;
    left: 50%;
    margin-left: 750px;
    cursor: pointer;
    background: url("../img/navi_line.png") no-repeat top center;
    z-index: 100;
}
nav li {
    margin-bottom: 29px;
}


#dimming {
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.65;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}