@charset "utf-8";

#inc05{background:var(--dark)}
#inc05 .inner{position:relative}
#inc05 .map_area{display:flex;align-items:center;height:600px}
#inc05 .group_tit{padding-left:8%}
#inc05 .group_tit h3{color:#fff !important}
#inc05 .group_tit div{color:rgba(255,255,255,.3)}
#inc05 .group_tit ul li.border a{margin-top:0;border-color:#fff;color:#fff}
#inc05 .group_tit ul{display:flex;gap:10px;margin-top:30px}
#inc05 .group_tit ul li.full a{margin-top:0;color:var(--dark);background:#fff}
#inc05 .group_tit ul li.full a:hover{color:#fff;background:var(--primary)}
#inc05 .map_area .map_img{position:absolute;right:0;}
#inc05 .contact_area{overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:50px;border-radius:13px;background:url('./img/bg.jpg') no-repeat}
#inc05 .contact_area h3{font-size:35px !important}
#inc05 .contact_area h3 b{font-weight:700;color:var(--primary)}
#inc05 .contact_area li{display:flex;justify-content:space-between;width:480px;padding:20px 30px;border-radius:8px}
#inc05 .contact_area li+li{margin-top:10px;border:2px solid rgba(255,255,255,.3)}
#inc05 .contact_area li div p{font-size:22px;font-weight:700;color:#fff}
#inc05 .contact_area li div span{color:rgba(255,255,255,.5)}
#inc05 .contact_area li.color{color:#fff;background:var(--gradient)}
#inc05 .contact_area li.color .num{font-size:35px;font-weight:700}
#inc05 .contact_area li a{color:#fff}
#inc05 .contact_area li .link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:5px;color:#fff;background:rgba(255,255,255,.3);transition:all .3s}
.point{position:absolute;top:240px;right:425px;width:55px;height:55px;border-radius:50%;background:rgba(227, 157, 32, .5)}
.point::before,.point::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2.5s infinite}
.point::before{width:150px;height:150px;background:rgba(227, 157, 32,.35)}
.point::after{width:230px;height:230px;background:rgba(227, 157, 32,.15)}

@keyframes pulse{
    0%{transform:translate(-50%,-50%) scale(.9);opacity:.7}
    70%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}
    100%{transform:translate(-50%,-50%) scale(1.2);opacity:0}
}

@media(hover:hover){
#inc05 .group_tit ul li.border a:hover{border-color:var(--primary);color:var(--primary)}
#inc05 .contact_area li .link:hover{color:var(--dark);background:#fff}
}

/* 반응형 [s] */
/* Tablet */
@media (max-width:1024px){
.point{top:252px;right:441px;width:30px;height:30px}
#inc05{overflow:hidden}
#inc05 .map_area{display:block;height:auto;padding-top:300px;text-align:center}
#inc05 .map_area .map_img{top:-100px}
#inc05 .group_tit{padding-left:0}
#inc05 .group_tit ul{justify-content:center}
@keyframes pulse{
0%{transform:translate(-50%,-50%) scale(.5);opacity:.7}
70%{transform:translate(-50%,-50%) scale(.7);opacity:.5}
100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
#inc05 .contact_area{margin-top:30px;padding:30px;flex-direction:column;background-size:cover}
#inc05 .contact_area .group_tit{text-align:center}
#inc05 .contact_area h3{margin:0 0 10px;font-size:25px !important}
#inc05 .contact_area .info{width:100%;margin-top:20px}
#inc05 .contact_area .info ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#inc05 .contact_area li{width:100%;align-items:center;padding:15px 20px}
#inc05 .contact_area li+li{margin-top:0}
#inc05 .contact_area li.color .num{font-size:30px}
#inc05 .contact_area li .link{width:40px;height:40px}
#inc05 .contact_area li div p{font-size:18px}
}

/* Mobile */
@media (max-width:768px){
#inc05 .contact_area .info ul{grid-template-columns:repeat(1,1fr);gap:10px}
#inc05 .map_area{padding-top:180px}
#inc05 .map_area .map_img{top:-190px;right:-150px}
}

/* Medium Mobile */
@media (max-width:580px){
#inc05 .contact_area{padding:20px}
#inc05 .contact_area li{padding:15px}
#inc05 .contact_area li.color .num{font-size:25px}
#inc05 .contact_area li div p{font-size:16px}
#inc05 .contact_area h3{font-size:18px !important}
#inc05 .contact_area li a svg{width:15px}
}

/* Small Mobile */
@media (max-width:480px){
#inc05 .map_area .map_img{right:-224px}
}

/* iPhone SE */
@media (max-width:390px){
#inc05 .contact_area h3{font-size:18px !important}
#inc05 .contact_area li div p{font-size:15px}
#inc05 .contact_area li.color .num{font-size:20px}
}
/* 반응형 [e] */