@charset "UTF-8";
/* --------------------- sec 1 start--------------------- */
.sec_1 .container .wrapper .map_area .map {
    height: clamp(500px, 35.42vw, 680px);
}
.sec_1 .container .wrapper .map_area .info {
    width: calc(100% - 12.5vw);
    position: relative;
    z-index: 1;
    background: #fff;
    margin-top: -90px;
    font-weight: 700;
}
.sec_1 .container .wrapper .map_area .info span {
    font-size: clamp(18px, 0.94vw, 18px);
    color: #bc9c5f;
}
.sec_1 .container .wrapper .map_area .info p {
    font-size: clamp(26px, 1.35vw, 26px);
}
.sec_1 .container .wrapper .map_area .info .call_area a {
    font-size: clamp(18px, 0.94vw, 18px);
    font-weight: 400;
}
.sec_1 .container .wrapper .map_area .info .call_area a i {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-color: #eee;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 14px;
}
.sec_1 .container .wrapper .map_area .info .call_area .call {
    margin-right: 60px;
}
.sec_1 .container .wrapper .map_area .info .call_area .call i {
    background-image: url(../img/call_ico.png);
}
.sec_1 .container .wrapper .map_area .info .call_area .phone i {
    background-image: url(../img/phone_ico.png);
}

/* --------------------- RWD --------------------- */
@media (max-width: 750px) {
    .sec_1 .container .wrapper .map_area .map {
        height: clamp(300px, 90.67vw, 680px);
    }
    .sec_1 .container .wrapper .map_area .info {
        width: calc(100% - 8vw);
        margin-top: -80px;
    }
    .sec_1 .container .wrapper .map_area .info span {
        font-size: clamp(13px, 4vw, 30px);
    }
    .sec_1 .container .wrapper .map_area .info p {
        font-size: clamp(6px, 4.8vw, 36px);
        line-height: 1.44; /* 52px */
    }
    .sec_1 .container .wrapper .map_area .info .call_area {
        display: block;
    }
    .sec_1 .container .wrapper .map_area .info .call_area a {
        justify-content: center;
        font-size: clamp(13px, 4vw, 30px);
    }
    .sec_1 .container .wrapper .map_area .info .call_area a i {
        width: clamp(30px, 6.67vw, 50px);
        height: clamp(30px, 6.67vw, 50px);
        margin-right: 2.67vw; /*20px*/
        background-size: clamp(15px, 2.93vw, 22px) clamp(15px, 2.93vw, 22px);
    }
    .sec_1 .container .wrapper .map_area .info .call_area .call {
        margin-right: 0;
        margin-bottom: 4vw; /*30px*/
    }
}
/* 버튼 hover용 */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #1e3960;
    }
}
@keyframes pulse_green {
    0% {
        box-shadow: 0 0 0 0 #82a006;
    }
}
@keyframes pulse_red {
    0% {
        box-shadow: 0 0 0 0 #d65047;
    }
}
@keyframes pulse_yellow {
    0% {
        box-shadow: 0 0 0 0 #eeab00;
    }
}
@keyframes pulse_white {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }
}
@keyframes pulse_sky_blue {
    0% {
        box-shadow: 0 0 0 0 #4380d6;
    }
}