/* 관련사이트 */ 
.rel_site{position:relative; overflow:hidden;}
.rel_site li{float:left; width:30%; height:5.5rem; margin:0 1.5% 1.5rem; text-align:center;}
.rel_site li a{display:block;}
.rel_site li a:hover p{border:1px solid #0060c4; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease}
.rel_site li p{border:1px solid #dfdfdf; height:4.5rem; line-height:4.5rem; font-size:0; }
.rel_site li p img{max-width:90%; vertical-align: middle;}
.rel_site li span{display:block; margin:0.5rem 0 0; }

/* 상담이용안내 */
.dl_box dl { position:relative; display:flex; justify-content:space-between; width:100%; }
.dl_box dl + dl { margin-top:1rem; }   
.dl_box dl dt { display:flex; width:13.85rem; justify-content:center; align-items:center; text-align:center; flex-direction:column; border-radius:0.6rem; padding:0.5rem; color:#fff; font-size:0.85rem; font-weight:700; } 
.dl_box dl:nth-child(1) dt { background:#0c3771; }
.dl_box dl:nth-child(2) dt { background:#108bd8; } 
.dl_box dl dd { width:calc(100% - 15rem); background:#f8f8f8; border:1px solid #eee; border-radius:0.5rem; padding:1.4rem; }


@media (max-width:768px){
    /* 관련사이트 */ 
    .rel_site li { width:47%; } 
    
	/* 상담이용안내 */
	.dl_box dl { display:block; }
	.dl_box dl dt { width:100%; height:auto; border-radius:0.5rem 0.5rem 0 0; } 
	.dl_box dl dd { width:100%; border-radius:0 0 0.5rem 0.5rem; }

}
@media (max-width:380px){
    /* 관련사이트 */ 
    .rel_site li { width:100%; margin:0 0 1.5rem; }
}