@charset "utf-8";

.viewBtn{ margin: 50px auto 0; text-align: right;}
.viewBtn a{ display: inline-block;  position: relative; margin: 0 0 0 auto;}
.viewBtn a span{ display: block; font-family: 'MapoFlowerIsland'; font-size: 16px; text-align: center; padding: 5px 0;}
.viewBtn a::after{ content: ''; display: block; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%;}
.viewBtn a:hover::after{ content:''; width: 100%; animation: line 0.5s; transition: ease-in-out 0.3s; background-color: #000;}

.mainBn{ height: auto;}
.mainBnCenter{ width: 85%; aspect-ratio:4/3; background: url(../img/main/image3.jpg) no-repeat center/cover;}
.mainBnTxt h2{ font-size: 21px;}

#locWrap{ margin:  80px auto;}
#locWrap .locConWrap{ display: flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; margin-bottom: 50px;}
.locConWrap .locCon{ width: 50%; margin-right: 50px;}
.locConWrap .locConTxt{ width: 50%; position: relative;}
.locConTxt .viewBtn{ position: absolute; bottom: 0; right: 0;}
.locConTxt h3{ font-family: 'MapoFlowerIsland'; font-size: 24px; margin-bottom: 10px;}
.locConTxt p{ font-family: 'Pretendard'; font-size: 14px; font-weight: 400;}
.locConTxt p span{ font-family: 'Pretendard'; font-weight: 500;}

.locNotice h3{ font-family: 'MapoFlowerIsland'; font-size: 24px; margin-bottom: 30px; }
.locNotice .locNotiCon{ margin-top: 20px;}
.locNotiCon p span{ font-family: 'Pretendard'; font-size: 14px; display: block; }
.locNotiCon p span:first-child{ font-weight: 500; font-size: 16px; margin-bottom: 10px;}
.locNotiCon p span:last-child{ margin-left: 10px;}

/* 카카오 지도 */
.root_daum_roughmap .cont .section.lst{ display: none;}

@media all and (max-width: 768px){
    #locWrap .locConWrap{ flex-direction: column-reverse;}
    .locConWrap .locCon{width: 100%; margin-right: 0;}
    .locConWrap .locConTxt{ width: 100%; margin-bottom: 50px;}
    .locConTxt .viewBtn{ position: static; text-align: center; margin: 30px auto 0;}
}

@media all and (max-width: 520px){
    .mainBn{ height: auto;}
    .mainBnCenter{ aspect-ratio: 16/9; margin: 30px auto;}
    .mainBnBottom{ display: none;}
    .mainBnTxt h2{ margin-top: 30px;}
}