#header {position:absolute; top: 0; left: 0;}
.wrap {padding-top: 240px; padding-left: 8%; padding-right: 8%; padding-bottom: 80px; overflow: hidden; background-image: url("../images/bg-main.jpg"); background-repeat: no-repeat; background-size: cover;}
.inner-content {overflow: hidden; margin-bottom: 30px;}

.center-content {float: left; padding: 5%; background-image: url("../images/main-center-image.jpg"); background-repeat: no-repeat; background-size: cover; width: 50%; height: 447px; cursor: pointer;}
.center-title {font-size: 42px; font-weight: bold; letter-spacing: -0.78px; color: white; margin-bottom: 20px;}
.center-msg {font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: -0.6px; color: white;}

.main-content {
    float: left;
    background: url("../images/image-main-car (2).jpg") center no-repeat ;
    background-size: cover;
    padding: 5%;
    width: 50%;
    height: 448px;
    cursor: pointer;
}

.tech-content {float: left; width: 50%; height: 431px; border: 1px solid #c9c9c9; border-right: none; background-color: white; cursor: pointer;}
.tech-name {margin-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 19px; color: #282828;}
.tech-desc {margin-bottom: 30px; font-size: 18px; line-height: 28px; letter-spacing: -0.45px; color: #818181}
.tech {padding: 28px 35px;}
.wrap-tech-image {text-align: center;}
.tech-image {width: calc(49% - 8px); max-width: 504px; height: 248px;}
.part-content {float: right; width: 50%; height: 431px; border: 1px solid #c9c9c9;}
.part {display: flex; padding-top: 80px; width: 100%; height: 235px !important; overflow: hidden}
.part-image {margin: auto;}
.part-name {font-size: 21px; font-weight: bold; color: #282828; margin-bottom: 26px;}
.part-desc {font-size: 18px; line-height: 28px; letter-spacing: -0.45px; color: #818181; overflow: hidden;}

.main-eng-intro-msg {font-size: 21px; line-height: 28px; letter-spacing: -0.53px; color: white; margin-bottom: 12px;}
.main-kor-intro-msg {font-size: 38px; font-weight: 600; line-height: 61px; letter-spacing: -1px; color: white;}

.part-content-slide {margin-top: 43px;}
.post-content {float: left; width: 50%; height: 300px; background-color: white; border-right: 1px solid #dcdcdc;}
.post-tabs {display: table; width: 100%; height: 59px; table-layout: fixed; border-bottom: 1px solid #dcdcdc;}
.post-list {padding: 30px 0;}
.post-item {position: relative; margin-bottom: 15px; padding-left: 28px; padding-right: 25%; cursor: pointer;}
.post-item:last-child {margin-bottom: 0;}
.post-title {text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.post-created {position: absolute; top: 0; right: 4%; font-size: 16px; color: #9b9b9b;}

.tab {display: table-cell; vertical-align: middle; text-align: center; font-size: 17px; font-weight: 500; line-height: 28px; color: #3d3d3d; background-color: white; cursor: pointer;}
.tab-on {background-color: #001e5f; color: white;}
.tab+.tab {border-left: 1px solid #dcdcdc;}
.more-tab {width: 10%;}
.btn-add {float: right; font-weight: 300; color: #888787}

.menu-links {float: right; display: table; width: 100%; height: 160px; table-layout: fixed; background-color: #f5f5f5;; text-align: center;}
.link {display: table-cell; vertical-align: middle; cursor: pointer;}
.link-txt {margin-top: 20px; font-size: 14px; font-weight: 700; line-height: 19px; color: #282828; letter-spacing: -0.45px;}
.prev, .next {border: none;}

.slick-prev, .slick-next {background: initial !important; background-size: cover !important; z-index: 999;}
.slick-prev {background-image: url("../images/arrow_left.svg") !important; width: 30px !important; height: 30px !important; left: 5px !important;}
.slick-prev:before {content: ''!important;;}
.slick-next {background-image: url("../images/arrow_right.svg") !important; width: 30px !important; height: 30px !important; right: 5px !important;}
.slick-next:before {content: ''!important;;}

.promotion-content {
    float: left;
    width: 50%;
    height: 300px;
    background-color: white;
}
.promotion-header {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #282828;
    padding-top: 15px;
    padding-left: 33px;
}
.promotion-post {
    height: 175px;
    padding: 0 25px 0 33px;
}
.item {
    height: 208px;
    margin-right: 8px;
    cursor: pointer;
}
.item-img {
    width: 100%;
    height: 180px;
    margin-bottom: 8px;
}
.item-title {
    color: #333;
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .wrap {padding-left: 2% !important; padding-right: 2% !important;}
}
@media screen and (max-width: 1300px) {
    .part {text-align: center;}
    .part-image {max-width: 350px;}
    .part-name, .part-desc {text-align: left;}
    .slick-slide img {display: initial !important;}
}

@media screen and (max-width: 768px){
    .wrap {padding: 0; padding-top: 62.5px; background-image: none;}
    .main-content {float: none; width: 100%; height: 265px; padding: 10%;}
    .main-eng-intro-msg {font-size: 10px; margin-bottom: 8px;}
    .main-kor-intro-msg {font-size: 24px; line-height: 33px;}
    .center-content {float: none; width: 100%; height: 250px; padding: 10%;}
    .center-title {margin-bottom: 20px; font-size: 25px;}
    .center-msg {font-size: 20px;}
    .inner-content {margin-bottom: 0;}
    .inner-content > div {width: 100%;}
    .post-content {border-right: none;}
    .part-content {border: none; height: auto;}
    .part-image {padding-left: 0}
    .tech-content {height: auto; max-height: 431px;}
    .tech-image {height: auto; max-height: 200px;}
    .menu-links {height: 146px;}
    .menu-links:nth-of-type(1) > .link > img {height: 35.6px;}
    .menu-links:nth-of-type(2) > .link > img {height: 42.5px;}
    .menu-links:nth-of-type(3) > .link > img {height: 40.4px;}
    .menu-links:nth-of-type(4) > .link > img {height: 36.9px;}
    .menu-links:nth-of-type(5) > .link > img {height: 37.6px;}
    .tab {font-size: 14px;}
    .post-item {padding-left: 10px;}
    .link-txt {font-size: 10px;}
    .promotion-content {border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
}