@charset "utf-8";

/* Info Visual 공통 */
.counseling-center {padding-bottom: 5rem;}
.info-visual {height: 60rem;}
.info-visual img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.info-visual .desc {overflow: visible; position: absolute; display: block; width: calc(100% - 40rem); height: auto; margin: 0; padding: 4.7rem 6rem; background: #fff; border-radius: 1rem; font-family: sl; font-size: 1.8rem; text-align: center; color: #1d1d1d; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; left: 50%; bottom: 0rem; line-height: 2.8rem;}
.info-visual .desc::before {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #00aae5; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem; margin-left: -1.3rem;}
.info-visual .desc::after {overflow: visible; position: absolute; display: block; width: 1rem; height: 1rem; margin: 0; padding: 0; background: #302a6c; border-radius: 50%; font-family: inherit; font-size: inherit; text-align: center; color: inherit; text-indent: 0; transform: translateX(-50%); transition: none; opacity: 1; content: ''; left: 50%; bottom: 0.7rem;}

@media screen and (max-width:1300px) {
	.info-visual {height: 50rem;}
}

@media screen and (max-width:1024px) {
	.info-visual {height: 45rem;}
	.info-visual .desc {width: calc(100% - 25rem); padding: 4rem 7rem !important; font-size: 1.7rem;}
	.info-visual .desc br {display: none;}
}

@media screen and (max-width:768px) {
	.info-visual {height: 35rem;}
	.info-visual .desc {width: calc(100% - 10rem);padding: 3rem 3rem !important;font-size: 1.6rem;}
	.info-visual .desc::before,
	.info-visual .desc::after {width: 0.8rem; height: 0.8rem; bottom: 1rem;}
}

@media screen and (max-width:500px) {
	.info-visual .desc {width: calc(100% - 8.5rem);padding: 3rem 2.5rem !important;font-size: 1.6rem;}
}