@charset "utf-8";


.section {
    width: 100%;
}

.title {
    width: 100%;
    height: 400px;
    background-color: #016BD6;
    min-width: 1024px;
    float: left;
}

.title > div {
    width: 1024px;
    margin: auto;
    padding-top: 150px;
}

.title > div > h1 {
    float: left;
    font: bold 35px/45px 'Roboto';
    width: 360px;
    text-align: left;
    color: #fff;
    margin-right: 300px;
    margin-bottom: 20px;
}

.title > div > h1 > span {
    font: bold 35px/45px 'Roboto';
    color: #FED653;

}

.title > div > p {
    width: 600px;
    text-align: left;
    color: #fff;
    font: normal 15px/30px 'Noto Sans KR';
}

.map {
    width: 100%;
    min-width: 1024px;
    height: 1242px;
    margin: auto;
    background-color: #016BD6;
    float: left;
}

.hill_map {
    width: 1024px;
    height: 380px;
    margin: auto;
}

.map_info {
    width: 1024px;
    height: 862px;
    background-color: #fff;
    margin: -5px auto;
}

.map_info > img {
    padding: 48px 0 25px 0;
    transform: scale(0.9);
}

.map_info > h2 {
    font: bold 22px/20px 'Noto Sans Kr';
    margin-bottom: 10px;
}

.map_info > p {
    font: normal 14px/25px 'Roboto';
    color: #8c8c8c;
}

.info_li {

    width: 900px;
    height: 320px;
    padding-left: 90px;
    margin: 80px auto 0 130px;
    border-left: 2px solid #adadad;
    float: left;
}

.info_li > li {
    width: 800px;
    margin: 20px 0;

}

.li {
    display: block;
    font: bold 17px/1px 'Roboto';
    width: 100px;
    height: 30px;
    float: left;
    text-align: left;
    color:
}

.li_sub {
    width: 600px;
    font: normal 15px/0px 'Noto Sans KR';
    float: left;
    text-align: left;
}

.en {
    font: normal 14px/50px 'Roboto';
    color: #adadad;
    float: left;
    text-align: left;
}

.end {
    margin-top: 100px;
    width: 1024px;
    float: left;
    font: 200 14px/20px 'Noto Sans Kr';

}