@charset "utf-8";
body { padding: 0; margin: 0;}
#dy-wrap>* { padding: 0; margin: 0; box-sizing: border-box; font: 13px "맑은 고딕"; width: 90%; margin: 0 auto;}
#dy-wrap>nav { background:black;}
#dy-wrap ul { display: flex; justify-content: space-around; font-size: 1.15rem; width: 70%; margin: 0 auto;}
#dy-wrap ul>li>a { color:white; text-decoration: none; padding: 15px 0; display: block; font-weight: bold;}
#dy-wrap>.course { margin: 60px auto; padding: 30px; display: flex; justify-content: space-evenly; font-size: 1.025rem; align-items: center; width: 85%;}
#dy-wrap>.course>.left { width:20%;}
#dy-wrap>.course>.left>img { width:130%; object-fit: cover;}
#dy-wrap>.course>.right { margin: 0 80px;width:80%;}
#dy-wrap>.course>.right>.right-top { margin-bottom: 70px;}
#dy-wrap>.course>.right h2 { color:black; font-size: 1.4rem; font-weight: bolder;}
#dy-wrap>.course>.right h2::before { content: '';}
#dy-wrap>.course>.right p::before { content: '';}
#dy-wrap>.course>.right>.right-down>p { font-weight: bold; font-size: 1.25rem; letter-spacing: .1rem;}
#dy-wrap>.course>.right>.right-down td { width: 230px; color:brown; padding: 10px 0;}
#dy-wrap>.line { height: 1px; background: grey; width: 90%; margin: 0 auto;}

@media only screen and (max-width:480px) {
    #dy-wrap { width: 100%;}
    #dy-wrap>.course>.left { width:100%;}
    #dy-wrap>.course>.left>img { width:90%; margin: 0 auto; display:block;}
    #dy-wrap ul { font-size: 1rem; width: 100%;justify-content:space-between;} 
    #dy-wrap>.course {margin: 20px auto; padding: 20px; flex-direction: column;}
    #dy-wrap>.course>.right { width: 100%; margin:0 10px;}
    #dy-wrap>.course>.right>.right-top { margin-bottom: 30px;}
    #dy-wrap>.course>.right h2 { font-size: 1.2rem; text-align: center; margin-top: 40px;}
    #dy-wrap>.course>.right>.right-down>p {font-size: 1.1rem;}
    #dy-wrap>.course>.right>.right-down td  { font-size: .85rem;width: 200px; }
}