/*공통*/
.con1300 {width: 1300px; margin: 0 auto;}

/*Content CSS*/
#contact {text-align: center; }
#contact .article {display: flex; margin-top: 50px; justify-content: center; position: relative; z-index: 3}
#contact .article .box {width: 20%; border: 1px solid #dee3e8; padding: 50px 30px; margin-left: -1px; border-top: 3px solid #007dff; background: #fff;}
#contact .article .box:last-child {width: 40%; text-align: center;}
#contact .article .box:nth-child(2n) {border-top: 3px solid #a1cc3a}
#contact .article .box .icon {margin-bottom: 15px; font-size: 30px; color:#007dff; transition: all 0.5s;}
#contact .article .box:nth-child(2n) .icon {color: #a1cc3a}
#contact .article .box h1 {color: #333;font-family: 'paybooc-ExtraBold',sans-serif; text-transform: uppercase;  font-size: 16px; margin-bottom: 7px;}
#contact .article .box p {color: #888; font-size: 14px; line-height: 24px;}

#contact_map_box {margin-top: 50px;}
.contact_map {width: 100%!important;}
.root_daum_roughmap .wrap_controllers {display: none;}

#contact .article .box:hover .icon {transform:rotateY(180deg);}


@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}