@charset "utf-8";

/* ȸ�� �ڽ� */
.gray-box {background: #f7f7f7; border: 1px solid #ddd; padding: 50px; display: flex;}
.gray-box .head {width: 250px;}
.gray-box .body ul {margin-top: -8px;}
.gray-box .body ul li {font-size: 18px; padding-top: 4px; padding-bottom: 4px; color: #222;}
.gray-box.certificate {display: grid; grid-template-columns: 250px 1fr;}

@media (max-width: 767px) {
	.gray-box {
		background: #f7f7f7;
		border: 1px solid #ddd;
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.gray-box .body ul li {
		font-size: 14px;
		padding-top: 4px;
		padding-bottom: 4px;
		color: #222;
	}
    .gray-box.certificate {display: grid; grid-template-columns: 1fr;}
}

/* �ڽ� ��ư */
.course-detail ul.course-func {gap: 10px;}
.course-detail ul.course-func li {margin-top: 9px;}
.course-detail ul.course-func li a {width: 150px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; display: block;}
.course-detail ul.course-func li:nth-child(2) a {border: 1px solid #222; color: #222;}
.course-detail ul.course-func li:nth-child(3) a {border: 1px solid #22a777; color: #fff; background: #22a777;}
.course-detail ul.course-func li:nth-child(4) a {border: 1px solid #222; color: #fff; background: #222;}
.course-detail ul.course-share {gap: 30px;}

/* �ڽ� ���� */
.course-info {padding-bottom: 50px; border-bottom: 4px solid #eee;}
.course-info .head {background: #e7f6f1; border-radius: 25px; overflow: hidden; display: grid; grid-template-columns: 47.5% 1fr;}
/* .course-info .head .img {width: 47.5%;} */
.course-info .head .img img {width: 100%; aspect-ratio: 16/9; object-fit: cover;}
.course-info .head .txt {padding: 60px;}

.edu_btn {margin:20px}

@media (max-width: 480px) {
	.edu_btn{margin: 0px; width: 100%;}
}
@media (max-width: 767px) {
    .course-info .head {
        border-radius: 15px;
        display: grid;
        grid-template-columns: 1fr;
    }
	.course-info .head .txt {
        padding: 20px;
    }
    .course-detail ul.course-func {
        flex-direction: column;
        gap: 10px;
        align-items: baseline;        
    }
}
@media (min-width: 768px){
}
@media (min-width: 992px){
}
@media (min-width: 1310px){
}
@media (min-width: 1530px){
	
}

section.edu-pets-section {background: url(../../img/00_main/edu_bg_111.jpg) center center no-repeat; background-size: cover; padding: 100px 0 50px;}
.edu-pets-section .container {padding-bottom: 600px !important;}
.edu-cont {background: url(../../img/00_main/edu_bg_2.png) top center no-repeat; background-size: 100%; padding: 120px 120px;}
.edu-cont table {width: 100%; table-layout : fixed; max-width: 1115px; margin: 0 auto;}
.edu-cont table th, .edu-cont table td {border-bottom: 3px solid #fff; border-right: 3px solid #fff; border-top: 3px solid #fff; color: #fff; padding: 15px 10px; vertical-align: top; font-size: 14px; text-align: center;}
.edu-cont table th img {display: inline-block;}
.edu-cont table th:nth-child(1), .edu-cont table td:nth-child(1) {border-left: 3px solid #fff;}
.edu-last-img {position: absolute; right: 0; bottom: 0;}

@media (max-width: 1024px) {
	.edu-cont {margin-left: -20px; margin-right: -20px; padding: 30px 10px 70px; background: #058c7f;}
	.edu-pets-section .container {padding-bottom: 150px !important;}
	.edu-cont table th, .edu-cont table td {border-right: 2px solid #fff; border-top: 2px solid #fff; color: #fff; padding: 10px 5px; font-size: 12px; letter-spacing: -.08em; word-break: break-all;}
	.edu-cont table td .font-18 {font-size: 14px !important;}
	.edu-last-img {display: none;}
}