@charset "utf-8";


section {
    width: 100%;
}

.hills {
    width: 100%;
    height: 2500px;
    background: url(../image/intro_back.png) center no-repeat;
    z-index: -1;
    overflow: hidden;}

.hills > ul {
    width: 1024px;
    height: 770px;
    background-color: #fff;
    margin: 550px auto;
}


.hills > ul > li {
    display: block;
    height: 50px;
    width: 340.6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 3;
    background-color: #fed653;
}

.hills > ul > li > a {
    cursor: pointer;
    display: block;
    height: 50px;
    width: 340.6px;
}

.hills > ul > li:nth-child(1) {
    background-color: #fff;

}

.hills > ul > li:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.hills > ul > li > img {
    width: 499px;
    height: 79px;
    margin: 85px 262.5px 40px;
    transform: scale(0.8);
}

.intro_png {
    margin-left: 120px;
    width: 268px;
    height: 389px;
    float: left;
}

.intro_hill > h3 {
    display: block;
    width: 1000px;
    text-align: left;
    font: bold 20px/30px 'noto sans kr';
    margin-left: 430px;
}

.intro_hill > h3 > img {
    padding-top: 40px
}

.intro_hill > p {
    display: block;
    width: 410px;
    padding-left: 430px;
    padding-top: 140px;
    text-align: left;
    font: normal 15px/24px 'noto sans kr';
}

.about_hills {
    height: 450px;
    width: 1024px;
    background: url(../image/intro_back02.png) center no-repeat;
    overflow: hidden;
}

.hills_three {
    float: left;
    margin: auto;
    margin: 130px 82px 0;
}

.hills_three > li > img {
    transform: translateY(-200%)scale(0.8);
}

.hills_three > li > h3 {
    margin-top: -60px;
}

.hills_three > li{
    height: 120px;
    width: 206px;
    padding: 0 40px;
    margin-top: 30px;
}

.hills_three > li:nth-child(1)  {
    border-right: 1px solid #929292;
}

.hills_three > li:nth-child(2) {
    border-right: 1px solid #929292;
}

.hills_three > li > p {
    font: normal 15px/24px 'noto sans kr';
}

.hills_pro {
    float: left;
    width: 1024px;
    height: 800px;
}

.hills_box {
    margin-top: 30px;
}

.hills_box > li{
    display: block;
    width: 341px;
    height: 341px;
    float: left;}

.hills_box > li > img {
    float: right;
}

.hills_box > li > p {
margin: 180px 40px 0 31px;
    text-align: right;
    font: normal 15px/24px 'noto sans kr'
}

.box_text {
    transform: scale(0.9);
    margin: 35px 35px 0 164px;
}