@charset "utf-8";

#gnb{
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(10px);
}

.re_title h1{
    padding-top: 150px;
    font-family: 'noto sans kr', sans-serif;
}
.re_title h1, .re_title h2{
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 400;
    text-align: center;
    color: #124331;
}
.re_title p{
    font: 18px 'noto sans kr', sans-serif;
    font-weight: 300;
    text-align: center;
    margin-top: 20px;
}

.content{
    display: flex;
    justify-content: space-between;
    margin: 50px 0 70px;
    
}
.c_left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.left_con > p{
    font: 20px 'noto sans kr', sans-serif;
    color: #124331;
    border-bottom: 1px solid #124331;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.left_con ul li{
    font: 18px 'noto sans kr', sans-serif;
    letter-spacing: -1px;
    font-weight: 300;
    margin-left: 40px;
    padding-bottom: 10px;
    list-style: circle;
}
.left_con ul li p{
    width: 50px;
    display: inline-block;
}
.left_con ul li span{
    text-align: right;
    margin-left: 30px;
}

.left_con:nth-child(2) ul li:nth-child(3), .left_con:nth-child(3) ul li:nth-child(3){
    margin-top: 20px;
    list-style: square;
}




.c_right{
    flex-grow: 1;
    margin-left: 50px;
}
.g_map{
    width: 100%;
    height: 700px;
}
.g_map iframe{
    width: 100%;
    height: 100%;
    border: 0;
}
/* 반응형 */
@media screen and (min-width:971px) {
    
}/* PC */



@media screen and (max-width:970px) {
    .re_title h1{
        padding-top: 100px;
    }
    .left_con{
        margin-bottom: 50px;
    }
    .left_con:last-child{
        margin-bottom: 0;
    }
    .content{
        flex-direction: column;
    }
    .c_right{
        margin: 50px 0;
    }
}/* 970 */

@media screen and (max-width:510px){
    .content{
        margin: 50px 0 0;
    }
    .left_con{
        margin-bottom: 30px;
    }

    .re_title h1, .re_title h2{
        font-size: 18px;

    }
    .re_title p{
        font: 16px 'noto sans kr', sans-serif;

    }
    .left_con > p{
        font: 16px 'noto sans kr', sans-serif;
        margin-bottom: 20px;
    }
    .left_con ul li{
        font: 14px 'noto sans kr', sans-serif;
    }
    .left_con:nth-child(2) ul li:nth-child(3), .left_con:nth-child(3) ul li:nth-child(3){
        margin-top: 15px;
    }
    .c_right{
        margin: 30px 0;
    }
}