/* BASIC css start */
img{display: block; width: 100%;}

.deps1{position: relative;}
.deps1 .text_wrap{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.deps1 .text_wrap p:first-of-type{margin-bottom: 12px;}

.deps2 .row{padding: 60px 0;}
.deps2 .row .text_wrap{position: relative; margin-bottom: 30px;}
.deps2 .row .text_wrap::before{content: ""; position: absolute; top: -18px; left: 0; display: block; width: 12px; height: 12px; background-color: #005c9c;}
.deps2 .row .text_wrap p:first-of-type{margin-bottom: 5%;}


.deps3{padding: 60px 0 80px; background-color: #f6fbff;}
.deps3 .map_wrap{width: 100%; margin: 30px 0 20px;}
.deps3 .map_wrap iframe{width: 100%; height: 400px;}
.deps3 .info_wrap{display: flex; text-align: center; flex-direction: column; align-items: center; gap: 30px;}
.deps3 .info_wrap .map_btn{display: flex; gap: 10px;}
.deps3 .info_wrap .map_btn > div{position: relative; display: flex; align-items: center; justify-content: center; width: 125px; height: 35px; border-radius: 50px;}
.deps3 .info_wrap .map_btn > div.kakao{background-color: #f8df00;}
.deps3 .info_wrap .map_btn > div.kakao::before{content: ""; display: inline-block; background-image: url('/design/dreamx860/250121/img/kakao_map_icon.png'); width: 22px; height: 22px; margin-right: 3px; background-size: 100%; background-repeat: no-repeat;}
.deps3 .info_wrap .map_btn > div.naver{background-color: #00c811}
.deps3 .info_wrap .map_btn > div.naver::before{content: ""; display: inline-block; background-image: url('/design/dreamx860/250121/img/naver_map_icon.png'); width: 20px; height: 20px; margin-right: 6px; background-size: 100%; background-repeat: no-repeat;}

/* BASIC css end */