.course-detail-page .container {
display: flex;
}
.course-detail-page .left-content {
width: 65%;
margin-right: 50px;
}
.course-detail-page .left-content .page-ttl {
text-align: left;
}
.course-detail-page .right-content {
width: 30%;
}
.course-content img {
margin-top: 20px;
width: 100%;
height: auto;
}
.course-content p {
margin: 20px 0;
letter-spacing: 0;
line-height: 1.5;
}
.course-content h4 {
font-size: 25px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
}
.course-content ul {
margin: 20px 0;
letter-spacing: 0;
line-height: 1.5;
}
.course-content li {
list-style-type: disc;
margin-left: 20px;
}
.course-detail-page .right-content .faq-list {
padding: 0;
}
.course-detail-page .right-content .faq-list li {
margin-bottom: 19px;
background-color: #F8F8F8;
border-radius: 13px;
border: 1px solid var(--gray);
padding: 20px 24px;
} 
.course-detail-page .right-content .faq-list .faq-ttl h5 {
margin: 10px 0;
}
.course-detail-page .right-content .faq-list .faq-ttl::before {
top: 1px;
}
.course-detail-page .right-content .faq-list .faq-ttl::after {
right: 5px;
width: 5%;
}
.course-detail-page .right-content .faq-list .faq-tab .schedule-icon{
margin-right: 10px;
width: 20px;
height: 20px;  
}
.course-detail-page .right-content .faq-list .faq-tab .date {
background-color: var(--white);
border: 1px solid #cccccc;
border-radius: 10px;
padding: 12px 18px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0;
}
.course-detail-page .right-content .faq-list .faq-tab .start-date p:first-child ,
.course-detail-page .right-content .faq-list .faq-tab .end-date p:first-child {    
font-size: 14px;
font-weight: 400;
}
.course-detail-page .right-content .faq-list .faq-tab .start-date p:last-child,
.course-detail-page .right-content .faq-list .faq-tab .end-date p:last-child {
font-size: 18px;
font-weight: 600;
margin-top: 5px;
}
.enroll-btn {
width: 100%;
align-items: center;
text-align: center;
}
.cart-icon {
width: 20px;
height: 20px;
margin-right: 5px;
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.course-detail-page .left-content {
margin-right: 3.906vw;
}
.course-content p {
margin: 1.563vw 0;
}
.course-content li {
margin-left: 1.563vw;
}
.course-detail-page .right-content .faq-list li {
margin-bottom: 1.484vw;
border-radius: 1.016vw;
padding: 1.563vw 1.875vw;
} 
.course-detail-page .right-content .faq-list .faq-ttl h5 {
margin: 0.781vw 0;
}
.course-detail-page .right-content .faq-list .faq-tab .schedule-icon{
margin-right: 0.781vw;
width: 1.563vw;
height: 1.563vw;  
}
.course-detail-page .right-content .faq-list .faq-tab .date {
border-radius: 0.781vw;
padding: 0.938vw 1.406vw;
margin: 1.563vw 0;
}
.course-detail-page .right-content .faq-list .faq-tab .start-date p:first-child ,
.course-detail-page .right-content .faq-list .faq-tab .end-date p:first-child {    
font-size: 1.094vw;
}
.course-detail-page .right-content .faq-list .faq-tab .start-date p:last-child,
.course-detail-page .right-content .faq-list .faq-tab .end-date p:last-child {
font-size: 1.406vw;
margin-top: 0.391vw;
}
.cart-icon {
width: 1.563vw;
height: 1.563vw;
margin-right: 0.391vw;
}
}
@media all and (max-width:767.9px) {
.course-detail-page .container {
flex-direction: column;
}
.course-detail-page .left-content {
width: 100%;
margin-right: 0;
}
.course-detail-page .right-content {
width: 100%;
}
.course-content p {
margin: 5.333vw 0;
}
.course-content li {
margin-left: 5.333vw;
}
.course-detail-page .right-content .faq-list li {
width: 100%;
margin-bottom: 5.067vw;
border-radius: 3.467vw;
padding: 5.333vw 6.4vw;
} 
.course-detail-page .right-content .faq-list .faq-ttl h5 {
margin: 2.667vw 0;
}
.course-detail-page .right-content .faq-list .faq-ttl::before {
top: 0.267vw;
}
.course-detail-page .right-content .faq-list .faq-ttl::after {
right: 0.533vw;
width: 5%;
}
.course-detail-page .right-content .faq-list .faq-tab .schedule-icon{
margin-right: 1.333vw;
width: 5.333vw;
height: 5.333vw;  
}
.course-detail-page .right-content .faq-list .faq-tab .date {
border-radius: 2.667vw;
padding: 3.2vw 4.8vw;
margin: 5.333vw 0;
}
.course-detail-page .right-content .faq-list .faq-tab .start-date p:first-child ,
.course-detail-page .right-content .faq-list .faq-tab .end-date p:first-child {    
font-size: 3.733vw;
}
.course-detail-page .right-content .faq-list .faq-tab .start-date p:last-child,
.course-detail-page .right-content .faq-list .faq-tab .end-date p:last-child {
font-size: 4.8vw;
}
.cart-icon {
width: 5.333vw;
height: 5.333vw;
margin-right: 1.333vw;
}
}