


.map { overflow: hidden; background: #fafafa; border-top:1px solid #eaeaea }
.map * { box-sizing: border-box }
#map_bg #map{padding: 5rem 0rem 0rem 0rem;  }
#map_bg #map .text{text-align: center;}
#map_bg #map .text h2{font-size: 3rem;font-family: 'Cafe24Dangdanghae'; }
#map_bg #map .text p{margin-top: 3rem;font-size: 1.6rem;line-height: 1.2em;font-family: 'S-CoreDream-4Regular';margin-bottom: 5rem;}
#map_bg #map .text img{margin-right: 1rem;width: 20px;}   


.phone_wrap li { float:left; font-size: 20px; padding: 4rem 2rem; width:50%; text-align: center }
.phone_wrap li:nth-child(1) { text-align: center; background: #25429f }
.phone_wrap li:nth-child(2) { background: #8f6c52; }
.phone_wrap li a { color:rgba(255,255,255,0.6); font-size:18px; display: inline-block; font-weight: 500 }
.phone_wrap li a strong { color:#fff; font-size: 19px; display: block; font-weight: 500;}
.phone_wrap li:first-child a { background: url("../img/phone_line.png") center top no-repeat; background-size: 60px; padding: 80px 0 20px }
.phone_wrap li:last-child a { background: url("../img/phone_mobile.png") center top no-repeat; background-size: 60px; padding: 80px 0 20px }






@media screen and (min-width:1200px) {
    
#map_bg #map{padding: 10rem 0rem 0rem 0rem;}
#map_bg #map .text{text-align: center;}
#map_bg #map .text h2{font-size: 6rem;font-family: 'Cafe24Dangdanghae'; }
#map_bg #map .text p{margin-top: 3rem;font-size: 2.6rem;line-height: 1.2em;font-family: 'S-CoreDream-4Regular';margin-bottom: 5rem;}
#map_bg #map .text img{margin-right: 2rem;width: auto;}   
    
    .phone_wrap li { float:left; font-size: 30px; padding: 4rem 4rem; width:50%; text-align: left }
    .phone_wrap li:nth-child(1) { text-align: right; background: #25429f; border-radius: 20px 0 0 20px }
    .phone_wrap li:nth-child(2) { background: #8f6c52; border-radius: 0 20px 20px 0 }
    .phone_wrap li a { color:rgba(255,255,255,0.6); font-size:25px; display: inline-block; font-weight: 500 }
    .phone_wrap li a strong { color:#fff; font-size: 36px; display: block; font-weight: 500;}
    .phone_wrap li:first-child a { background: url("../img/phone_line.png") calc(100% - 3px) center no-repeat; padding: 20px 130px 20px 0 }
    .phone_wrap li:last-child a { background: url("../img/phone_mobile.png") left center no-repeat; padding:20px 0 20px 130px }
    
}
