@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;}

@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;
	}
}

/* ÄÚ½º ¹öÆ° */
.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: 100px; border-bottom: 4px solid #eee;}
.course-info .head {background: #e7f6f1; border-radius: 25px; overflow: hidden;}
.course-info .head .img {width: 47.5%;}
.course-info .head .txt {padding: 60px;}

@media (max-width: 767px) {
	
}
@media (min-width: 768px){
}
@media (min-width: 992px){
}
@media (min-width: 1310px){
}
@media (min-width: 1530px){
	
}