@charset "utf-8";

div.course-wrap{width:1440px; margin:0 auto;}
div.course-wrap div.pin-box{width:100%; padding:2.5rem 2rem; border-radius:1.25rem; background:var(--color-main01-5); font-family:'NanumNeo_B',sans-serif; margin-bottom:1rem; padding-left:5rem; position:relative; font-size:1.2rem;}
div.course-wrap div.pin-box:before{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/pro_pin.png")center/100% auto no-repeat; position:absolute; top:2.35rem; left:2rem; transform:rotate(-30deg);}

/* °úÁ¤¸®½ºÆ® */
div.course-wrap.list div.round{border-radius:1.25rem 1.25rem 0 0; overflow:hidden;}
div.course-wrap.list table.course-table{width:100%; text-align:center; font-size:1rem;}
div.course-wrap.list table.course-table tr{border-bottom:1px solid #ccc;}
div.course-wrap.list table.course-table th{padding:1.25rem 0.5rem; font-family:'NanumNeo_EB',sans-serif;}
div.course-wrap.list table.course-table td{padding:1rem 0.5rem; font-family:'NanumNeo_B',sans-serif;}
div.course-wrap.list table.course-table thead{background:var(--color-main01); color:#fff;}
div.course-wrap.list table.course-table tbody tr td{border-right:1px solid #ddd;}
div.course-wrap.list table.course-table tbody tr td:last-child{border-right:none;}
div.course-wrap.list table.course-table tbody tr td.name{padding-left:1rem; text-align:left;}
div.course-wrap.list table.course-table tbody tr td.name a{color:var(--color-blue);}
div.course-wrap.list table.course-table tbody tr td.time{}
div.course-wrap.list table.course-table tbody tr td.time ul.week{display:flex; align-items:center; justify-content:center; gap:0.25rem; font-size:0.85rem; margin-bottom:0.3rem;}
div.course-wrap.list table.course-table tbody tr td.time ul.week li{width:1.55rem; height:1.55rem; line-height:1.55rem; text-align:center; background:#efefef; border-radius:5px; color:#555;}
div.course-wrap.list table.course-table tbody tr td.period{}
div.course-wrap.list table.course-table tbody tr td.fee{}
div.course-wrap.list table.course-table tbody tr td.limit{}
div.course-wrap.list table.course-table tbody tr td.prof{}
div.course-wrap.list table.course-table tbody tr td.prof a{color:var(--color-blue);}
div.course-wrap.list table.course-table tbody tr td.state a.state{/*Á¢¼öÁß*/display:inline-block; padding:0.25rem 0.5rem; background:#fff; border-radius:5px; border:2px solid var(--color-main02); color:var(--color-main02); font-family:'NanumNeo_B',sans-serif; cursor:pointer; box-shadow:0 8px 16px var(--color-main02-20); transition:0.3s; -webkit-transition:0.3s; text-wrap:nowrap;}
div.course-wrap.list table.course-table tbody tr td.state a.state.finish{/*¸¶°¨*/cursor:default; border-color:#f5f5f5; background:#f5f5f5; color:#999; box-shadow:none;}
div.course-wrap.list table.course-table tbody tr td.state a.state.ready{/*ÁغñÁß*/cursor:default; border-color:var(--color-main02-10); background:var(--color-main02-10); box-shadow:none;}
@media(hover:hover){
	
	div.course-wrap.list table.course-table tbody tr:hover{background:#f7f7f7;}
	div.course-wrap.list table.course-table tbody tr td.name a:hover{font-family:'NanumNeo_EB',sans-serif;}
	div.course-wrap.list table.course-table tbody tr td.prof a:hover{font-family:'NanumNeo_EB',sans-serif;}
	div.course-wrap.list table.course-table tbody tr td.state a.state:not(.finish, .ready):hover{background:var(--color-main02); color:#fff; transform:translateY(-3px);}

}


/* °úÁ¤»ó¼¼ */
div.course-wrap.view div.top{position:relative;}
div.course-wrap.view div.top div.course-name{width:100%; min-height:13rem; margin-bottom:3rem; background:var(--color-main01) url("/fro_end/img/course_titbg.png")center/100% 100% no-repeat; border-radius:1.8rem; overflow:hidden; color:#fff; text-align:center; padding:1rem; display:flex; flex-direction:column; justify-content:center;}
div.course-wrap.view div.top div.course-name h3.name{font-size:1.65rem; font-family:'NanumNeo_EB',sans-serif;}
div.course-wrap.view div.top div.course-name div.btn-wrap{margin-top:2rem;}
div.course-wrap.view div.top div.course-name div.btn-wrap a[class*="btn-"]{font-size:1rem; margin:0 0.25rem; border:2px solid rgba(255,255,255,0.8); padding:0.5rem 1rem; border-radius:0.5rem; position:relative;}
div.course-wrap.view div.top div.course-name div.btn-wrap a.btn-apply{font-family:'NanumNeo_EB',sans-serif; background:#fff; color:var(--color-main01);}
div.course-wrap.view div.top div.course-name div.btn-wrap a.btn-done{background:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.2); color:rgba(255,255,255,0.8);}
div.course-wrap.view div.top a.btn-back{position:absolute; bottom:-3rem; right:0.5rem; height:2rem; line-height:2rem; padding-left:2rem; border-bottom:1px solid rgba(0,0,0,0.5); font-family:'NanumNeo_B',sans-serif;}
div.course-wrap.view div.top a.btn-back:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_arrow.svg")center/70% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(180deg);}
div.course-wrap.view p.empty{width:100%; padding:1rem; background:#f5f5f5; border-radius:0.5rem; text-align:center; font-size:1.125rem;}
div.course-wrap.view p.empty:before{content:''; display:block; width:2rem; height:2rem; margin:0 auto; margin-bottom:0.5rem; background:url("/fro_end/img/ico_info.png")center/100% auto no-repeat;}
div.course-wrap.view div.prof-info{}
div.course-wrap.view div.prof-info ul{}
div.course-wrap.view div.prof-info ul li.prof{display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px dashed #ccc;} 
div.course-wrap.view div.prof-info ul li.prof div.left{width:20%; position:sticky; padding-bottom:0; top:8rem; left:0;} 
div.course-wrap.view div.prof-info ul li.prof div.left div.img{width:12rem; background:var(--color-main03-5); margin:0 auto; margin-bottom:1rem; height:16rem; border-radius:500px; overflow:hidden;} 
div.course-wrap.view div.prof-info ul li.prof div.left div.img img{width:100%; height:100%; object-fit:cover;} 
div.course-wrap.view div.prof-info ul li.prof div.left div.txt{text-align:center;} 
div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.name{font-family:'NanumNeo_EB',sans-serif;  font-size:1.5rem; margin-bottom:0.5rem;} 
div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.name span.position{font-family:'NanumNeo_R',sans-serif; display:inline-block; font-size:1.3rem;}
div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.email{font-size:1.125rem; position:relative; padding-left:1.6rem; width:fit-content; margin:0 auto; color:#777;} 
div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.email:before{content:''; display:block; width:1.3rem; height:1.3rem; background:url("/fro_end/img/ico_email.svg")center/100% auto no-repeat; position:absolute; top:2px; left:0; opacity:.6;}
div.course-wrap.view div.prof-info ul li.prof div.right{width:75%; background:#f7f7f7; min-height:19rem; border-radius:2rem; padding:2rem 2.5rem; position:relative; overflow:hidden;} 
div.course-wrap.view div.prof-info ul li.prof div.right:before{content:''; display:block; width:19rem; height:19rem; background:url("/fro_end/img/symbol.png")center/auto 100% no-repeat; position:absolute; bottom:-2rem; right:-3rem; opacity:.06;}
div.course-wrap.view div.prof-info ul li.prof div.right div.history{margin-bottom:2rem;} 
div.course-wrap.view div.prof-info ul li.prof div.right div.history:last-child{margin-bottom:0;}
div.course-wrap.view div.prof-info ul li.prof div.right div.history p.tit{font-family:'NanumNeo_EB',sans-serif; margin-bottom:0.5rem; font-size:1.05rem; border-bottom:1px solid #ddd; padding-bottom:0.5rem;} 
div.course-wrap.view div.prof-info ul li.prof div.right div.history ul{} 
div.course-wrap.view div.prof-info ul li.prof div.right div.history ul li{line-height:1.6; padding-left:0.8rem; position:relative; margin-bottom:0.25rem;} 
div.course-wrap.view div.prof-info ul li.prof div.right div.history ul li:before{content:''; display:block; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; top:10px; left:0;} 

/* °úÁ¤»ó¼¼ > °­Á¼Ұ³ */
div.course-wrap.view div.course-info div.pdf-viewer{width:768px; margin:0 auto;}
div.course-wrap.view div.course-info div.pdf-viewer div.btn-wrap{margin-bottom:0.5rem; text-align:right;}
div.course-wrap.view div.course-info div.pdf-viewer div.btn-wrap a.btn-expand{position:relative; padding-left:2.5rem;}
div.course-wrap.view div.course-info div.pdf-viewer div.btn-wrap a.btn-expand:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_expand.svg")center/90% auto no-repeat; position:absolute; top:50%; left:0.85rem; transform:translateY(-50%);}
div.course-wrap.view div.course-info div.pdf-viewer div.view-wrap{box-shadow:rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; position:relative; width:100%; height:50rem;}
div.course-wrap.view div.course-info div.pdf-viewer div.view-wrap .viewer{width:100%; height:100%;}

/* °úÁ¤»ó¼¼ > È«º¸µ¿¿µ»ó */
div.course-wrap.view div.video-view div.youtube-viewer{width:768px; margin:0 auto;}
div.course-wrap.view div.video-view div.youtube-viewer .viewer{width:100%; height:33rem; box-shadow:rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}


/* ±³¼öÁø¼Ò°³ */
div.course-wrap.prof div.sort{display:flex; align-items:center; justify-content:flex-end; margin-bottom:1rem;}
div.course-wrap.prof div.sort > span.label{position:relative; padding-left:1.5rem; display:inline-block; font-family:'NanumNeo_EB',sans-serif; margin-right:1rem;}
div.course-wrap.prof div.sort > span.label:before{content:''; display:block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/ico_sort.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%);}
div.course-wrap.prof ul.prof-list{display:flex; flex-wrap:wrap; justify-content:space-between;} 
div.course-wrap.prof ul.prof-list > li{width:48%; background:#f9f9f9; padding:2rem; border:1px solid #e0e0e0; border-radius:1rem; margin-bottom:4rem; display:flex;} 
div.course-wrap.prof ul.prof-list > li.empty{width:100%; border:0; text-align:center; display:block;}
div.course-wrap.prof ul.prof-list > li div.img{width:10rem; height:13rem; border-radius:500px; background:#fff; overflow:hidden;} 
div.course-wrap.prof ul.prof-list > li div.img img{width:100%; height:100%; object-fit:cover;} 
div.course-wrap.prof ul.prof-list > li div.txt{width:calc(100% - 13rem); margin-left:3rem; padding-bottom:3rem; position:relative;} 
div.course-wrap.prof ul.prof-list > li div.txt > p span.lab{display:inline-block; margin-right:0.5rem; font-size:0.9rem; background:#eee; border-radius:50px; padding:0.3rem 0.8rem; color:#555;font-family:'NanumNeo_B',sans-serif;}
div.course-wrap.prof ul.prof-list > li div.txt p.name{font-size:1.65rem; font-family:'NanumNeo_EB',sans-serif; margin:0.5rem 0; padding-bottom:0.5rem; border-bottom:1px solid #ddd;} 
div.course-wrap.prof ul.prof-list > li div.txt p.name span.position{font-family:'NanumNeo_R',sans-serif; font-size:1.25rem;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list{}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li{margin-top:1rem; font-size:1.125rem; font-family:'NanumNeo_B',sans-serif; position:relative; padding-left:2rem;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li:before{content:''; display:block; width:1.5rem; height:1.5rem;  position:absolute; top:1px; left:0; opacity:.5;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li.course{font-family:'NanumNeo_EB',sans-serif; color:var(--color-main03);}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li.course:before{background:url("/fro_end/img/course_book.svg")center/100% auto no-repeat;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li.email{word-break:break-all; overflow-wrap:break-word; min-height:20px;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li.email:before{background:url("/fro_end/img/ico_email.svg")center/90% auto no-repeat;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li.subject{margin-bottom: 1rem;}
div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li.subject:before{background:url("/fro_end/img/ico_subject.svg")center/90% auto no-repeat;}
div.course-wrap.prof ul.prof-list > li div.txt a.btn-more{position:absolute; bottom:0; left:0; background:var(--color-main03); color:#fff; padding:0.6rem 1.2rem; border-radius:5px; font-family:'NanumNeo_B',sans-serif; padding-right:3rem; transition:0.6s; -webkit-transition:0.6s;} 
div.course-wrap.prof ul.prof-list > li div.txt a.btn-more:after{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_plus_wh.svg")center/90% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%); transition:0.6s; -webkit-transition:0.6s;}
@media(hover:hover){
	div.course-wrap.prof ul.prof-list > li div.txt a.btn-more:hover{background:var(--color-main01);}
	div.course-wrap.prof ul.prof-list > li div.txt a.btn-more:hover:after{transform:translateY(-50%) rotate(180deg);}
}


/* ±³¼öÁø »ó¼¼Á¤º¸ */
div.modal-wrap.prof-more{}
div.modal-wrap.prof-more div.modal{width:1000px; overflow:visible; top:55%; max-height:75%; border-radius:1.5rem;}
div.modal-wrap.prof-more div.modal div.inner{padding:2rem;}
div.modal-wrap.prof-more div.modal div.inner div.top{display:flex;}
div.modal-wrap.prof-more div.modal div.inner div.top div.img{width:8rem; height:11rem; overflow:hidden; border-radius:100px; display:none;}
div.modal-wrap.prof-more div.modal div.inner div.top div.img img{width:100%; height:100%;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt{width:100%; padding:0 1rem;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt p.name{font-size:1.3rem; font-family:'NanumNeo_EB',sans-serif; border-bottom:1px solid #333; padding-bottom:0.5rem;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt p.name span.position{font-family:'NanumNeo_R',sans-serif; margin-left:0.5rem; font-size:1.125rem; vertical-align:middle;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf{display:flex; flex-wrap: wrap;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf li{width:50%; margin-top:0.8rem;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf li:first-child{padding-right:0.5rem;}
div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf li span.lab{display:inline-block; min-width:4.5rem; font-size:0.8rem; font-family:'NanumNeo_EB',sans-serif; background:#eee; border-radius:50px; margin-right:0.5rem; padding:0.3rem; text-align:center;}
div.modal-wrap.prof-more div.modal div.inner div.box{background:var(--color-main03-5); margin-top:2rem; padding:1.5rem; border-radius:1rem; height:25rem; overflow-y:auto;}
div.modal-wrap.prof-more div.modal div.inner div.box::-webkit-scrollbar{width:5px;}
div.modal-wrap.prof-more div.modal div.inner div.box::-webkit-scrollbar-thumb{background-color:var(--color-main03); border-radius:10px; border-clip:padding-box; border:2px slid transparent;}
div.modal-wrap.prof-more div.modal div.inner div.box::-webkit-scrollbar-track{background-color:#c6c6c6; border-radius:10px; box-shadow:inset 0 0 5px white;}
div.modal-wrap.prof-more div.modal div.inner div.box div.history{margin-bottom:1.5rem;}
div.modal-wrap.prof-more div.modal div.inner div.box div.history:last-child{margin-bottom:0;}
div.modal-wrap.prof-more div.modal div.inner div.box div.history p.tit{color:var(--color-main03); font-family:'NanumNeo_EB',sans-serif; padding-bottom:0.3rem; border-bottom:1px solid var(--color-main03);}
div.modal-wrap.prof-more div.modal div.inner div.box div.history ul{}
div.modal-wrap.prof-more div.modal div.inner div.box div.history ul li{font-family:'NanumNeo_B',sans-serif;  color:#000; line-height:1.5; font-size:0.95rem; margin-top:0.6rem; position:relative; padding-left:1rem;}
div.modal-wrap.prof-more div.modal div.inner div.box div.history ul li:before{content:''; display:block; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; top:0.5rem; left:0.25rem;}
div.modal-wrap.prof-more div.modal div.inner div.btn-center-wrap{margin-top:0;}
div.modal-wrap.prof-more div.modal div.inner div.btn-center-wrap a.c-btn.modal-close{padding:0; font-size:0; border:0; background:#333 url("/fro_end/img/ico_plus_wh.svg")center / 40% auto no-repeat; border-radius:50%; width:3rem; height:3rem; transform:rotate(45deg); position:absolute; top:-0.5rem; right:-1rem; box-shadow:8px 10px 18px rgba(0,0,0,0.3); outline:3px solid #fff;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){
	
	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap{width:90%;}
}
@media screen and (max-width:1280px){
	
	/* ±³¼öÁøÁ¤º¸ */
	div.course-wrap.prof ul.prof-list > li{padding:1.5rem;}
	div.course-wrap.prof ul.prof-list > li div.img{width:9rem; height:12rem;}
	div.course-wrap.prof ul.prof-list > li div.txt{width:calc(100% - 11rem); margin-left:2rem;}
	div.course-wrap.prof ul.prof-list > li div.txt p.name{font-size:1.5rem;}
	div.course-wrap.prof ul.prof-list > li div.txt ul.txt-list li{font-size:1rem;}
	div.course-wrap.prof ul.prof-list > li div.txt a.btn-more{padding:0.6rem 1rem; padding-right:2.5rem;}

	/* ±³¼öÁø »ó¼¼Á¤º¸ */
	div.modal-wrap.prof-more div.modal div.inner div.box{height:20rem;}

}
@media screen and (max-width:1024px){
	
	div.course-wrap div.pin-box{padding:2rem; padding-left:4rem; border-radius:1rem; margin-bottom:2rem;}
	div.course-wrap div.pin-box:before{width:1.5rem; height:1.5rem; left:1.5rem; top:2.25rem;}

	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap.list div.round{border-radius:0;}
	div.course-wrap.list table.course-table colgroup{display:none;}
	div.course-wrap.list table.course-table thead{display:none;}
	div.course-wrap.list table.course-table,
	div.course-wrap.list table.course-table tbody,
	div.course-wrap.list table.course-table tr,
	div.course-wrap.list table.course-table th,
	div.course-wrap.list table.course-table td{display:block; width:100%; border:0;}
	div.course-wrap.list table.course-table tbody{display:flex; justify-content:space-between; flex-wrap:wrap;}
	div.course-wrap.list table.course-table tbody tr{width:48%; border-radius:1.5rem 1.5rem 0 0; overflow:hidden; margin-bottom:3rem;}
	div.course-wrap.list table.course-table tbody tr td{border:0; text-align:right; position:relative; min-height:3.18rem; border-bottom:1px solid #ddd; padding-left:5rem;}
	div.course-wrap.list table.course-table tbody tr td:nth-child(odd){background:#f5f5f5;}
	div.course-wrap.list table.course-table tbody tr td:last-child{border-bottom:1px solid #333;}
	div.course-wrap.list table.course-table tbody tr td:before{content:attr(data-label); display:block; position:absolute; top:1rem; left:0.5rem; color:#676767; font-family:'NanumNeo_R',sans-serif;}
	div.course-wrap.list table.course-table tbody tr td.name{text-align:center; background:var(--color-main01); color:#fff; padding:1.25rem 0.5rem; border-bottom:0;}
	div.course-wrap.list table.course-table tbody tr td.name a{color:inherit; font-family:'NanumNeo_EB',sans-serif;}
	div.course-wrap.list table.course-table tbody tr td.name:before{display:none;}
	div.course-wrap.list table.course-table tbody tr td.time{display:flex; gap:0.5rem; justify-content:flex-end; align-items:center; flex-wrap:wrap;}
	div.course-wrap.list table.course-table tbody tr td.time ul.week{margin-bottom:0;}
	div.course-wrap.list table.course-table tbody tr td.time ul.week li{width:1.5rem; height:1.5rem; line-height:1.5rem; border:1px solid #ccc; background:#fff;}
	div.course-wrap.list table.course-table tbody tr td.period br{display:none;}
	div.course-wrap.list table.course-table tbody tr td.state{text-align:center; padding-left:0.5rem; background:#fff;}
	div.course-wrap.list table.course-table tbody tr td.state:before{display:none;}
	div.course-wrap.list table.course-table tbody tr td.state a.state{width:100%; text-align:center; border:0; padding:0; font-family:'NanumNeo_EB',sans-serif; height:3rem; line-height:3rem; box-shadow:none; background:var(--color-main02); color:#fff; border-radius:0.5rem; font-size:1rem;}
	div.course-wrap.list table.course-table tbody tr td.state a.state.ready{color:var(--color-main02);}
	div.course-wrap.list table.course-table tbody tr td.state a.state.finish{background:#dbdbdb; color:#777;}
	div.course-wrap.list table.course-table tbody tr.noList{width:100%; border-radius:0; border-top:1px solid #ddd;}
	div.course-wrap.list table.course-table tbody tr.noList td{ text-align:center; background:#f5f5f5; border:0; color:#777; border-bottom:1px solid #ddd; padding:1rem;}

	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.prof-info ul li.prof div.left{width:25%;}
	div.course-wrap.view div.prof-info ul li.prof div.left div.img{width:10rem; height:13rem;}
	div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.name{font-size:1.35rem;}
	div.course-wrap.view div.prof-info ul li.prof div.right{width:70%; padding:1.5rem; min-height:16rem;}
	div.course-wrap.view div.prof-info ul li.prof div.right:before{width:16rem; height:16rem;}
	div.course-wrap.view div.prof-info ul li.prof div.right div.history ul li{font-size:0.9rem; line-height:1.5;}
	div.course-wrap.view div.prof-info ul li.prof div.right div.history ul li:before{top:7px;}
	div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.email{font-size:1rem;}
	div.course-wrap.view div.course-info div.pdf-viewer{width:90%;}

	/* ±³¼öÁøÁ¤º¸ */
	div.course-wrap.prof ul.prof-list > li{display:block;}
	div.course-wrap.prof ul.prof-list > li div.img{margin:0 auto;}
	div.course-wrap.prof ul.prof-list > li div.txt{width:100%; margin:0; padding-bottom:4rem;}
	div.course-wrap.prof ul.prof-list > li div.txt p.name{text-align:center;}
	div.course-wrap.prof ul.prof-list > li div.txt a.btn-more{left:50%; transform:translateX(-50%); width:100%; text-align:center; padding:0.6rem;}
	div.course-wrap.prof ul.prof-list > li div.txt a.btn-more:after{display:none;}

	/* ±³¼öÁø »ó¼¼Á¤º¸ */
	div.modal-wrap.prof-more div.modal{width:90%;}

}
@media screen and (max-width:800px){}
@media screen and (max-width:640px){
	
	div.course-wrap div.pin-box{font-size:1.1rem;}

	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap.list table.course-table tbody tr td{font-size:0.9rem;}
	div.course-wrap.list table.course-table tbody tr td.name{font-size:1rem;}

	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.top div.course-name{min-height:11rem; margin-bottom:5rem; border-radius:1.25rem;}
	div.course-wrap.view div.top div.course-name h3.name{font-size:1.3rem;}
	div.course-wrap.view div.top div.course-name div.btn-wrap{margin-top:1.5rem;}
	div.course-wrap.view div.top div.course-name div.btn-wrap a[class*="btn-"]{font-size:0.925rem;}
	div.course-wrap.view div.top a.btn-back{bottom:-2.5rem;}
	div.course-wrap.view div.prof-info ul li.prof{display:block;}
	div.course-wrap.view div.prof-info ul li.prof div.left{width:100%; margin-bottom:1rem; position:static;}
	div.course-wrap.view div.prof-info ul li.prof div.left div.img{width:9rem; height:12rem;}
	div.course-wrap.view div.prof-info ul li.prof div.left div.txt p.name{font-size:1.2rem;}
	div.course-wrap.view div.prof-info ul li.prof div.right{width:100%; border-radius:1.5rem; padding:1.25rem; min-height:unset;}
	div.course-wrap.view div.prof-info ul li.prof div.right:before{width:13rem; height:13rem; bottom:-1rem; right:-2rem;}
	div.course-wrap.view div.prof-info ul li.prof div.right div.history p.tit{font-size:1rem;}

	/* ±³¼öÁøÁ¤º¸ */
	div.course-wrap.prof ul.prof-list > li{margin-bottom:2rem;}
	div.course-wrap.prof ul.prof-list > li div.img{width:8rem; height:10rem;}

	/* ±³¼öÁø »ó¼¼Á¤º¸ */
	div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf{display:block;}
	div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf li{width:100%;}
	div.modal-wrap.prof-more div.modal div.inner div.top div.txt ul.inf li:first-child{padding-right:0;}

}
@media screen and (max-width:480px){
	
	div.course-wrap div.pin-box{font-size:1.025rem; padding:1.5rem; padding-left:3rem;}
	div.course-wrap div.pin-box:before{width:1.3rem; height:1.3rem; left:1.2rem; top:1.7rem;}

	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap.list table.course-table tbody tr{width:100%;}

	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.prof-info ul li.prof div.right div.history ul li:before{width:3px; height:3px; top:6px; left:3px;}
	div.course-wrap.view div.course-info div.pdf-viewer div.view-wrap{height:40rem;}

	/* ±³¼öÁøÁ¤º¸ */
	div.course-wrap.prof ul.prof-list > li{width:100%;}

	/* ±³¼öÁø »ó¼¼Á¤º¸ */
	div.modal-wrap.prof-more div.modal{top:50%;}
	div.modal-wrap.prof-more div.modal div.inner div.top{display:block;}
	div.modal-wrap.prof-more div.modal div.inner div.top div.img{display:none;}
	div.modal-wrap.prof-more div.modal div.inner div.top div.txt{padding:0; width:100%;}
	div.modal-wrap.prof-more div.modal div.inner div.top div.txt p.name{font-size:1.4rem;}
	div.modal-wrap.prof-more div.modal div.inner div.box{margin-bottom:0; height:25rem;}
	div.modal-wrap.prof-more div.modal div.inner div.box div.history ul li{font-size:0.9rem;}
	div.modal-wrap.prof-more div.modal div.inner div.box div.history ul li:before{width:3px; height:3px; top:7px;}
	div.modal-wrap.prof-more div.modal div.inner div.btn-center-wrap a.c-btn.modal-close{right:-0.5rem;}

}
@media screen and (max-width:400px){
	
	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.course-info div.pdf-viewer div.view-wrap{height:32rem;}

}
@media screen and (max-width:320px){}