@charset "UTF-8";

/* 
	ÇÁ·Î±×·¥ °ü·Ã ½ºÅ¸ÀϽÃÆ®
	°úÁ¤¸®½ºÆ®, °úÁ¤»ó¼¼, °­ÁÂÁ¦¾È µî
*/


div.course-wrap{width:1400px; margin:0 auto;}

/****** course table ******/
div.course-wrap table.course-table{text-align:center; font-size:1.125rem;}
div.course-wrap table.course-table tr{border-bottom:1px solid #ddd;}
div.course-wrap table.course-table th{border-right:1px solid #ddd; padding:1rem 0.5rem;}
div.course-wrap table.course-table th:last-child{border:0;}
div.course-wrap table.course-table td{border-right:1px solid #ddd; padding:1rem 0.5rem;}
div.course-wrap table.course-table td:last-child{border:0;}
div.course-wrap table.course-table thead{background:var(--color-main01); color:#fff;}
div.course-wrap table.course-table thead th{border:0; padding:1.2rem 0.5rem;}
div.course-wrap table.course-table tbody{}
div.course-wrap table.course-table tbody td.tit{text-align:left; font-family:'Pretendard-SemiBold',sans-serif; padding:1rem;}
div.course-wrap table.course-table tbody a.state{border:2px solid #333; background:#fff; font-family:'Pretendard-SemiBold',sans-serif; padding:0.25rem 0.6rem; border-radius:5px; display:inline-block; font-size:1rem; transition:0.3s; -webkit-transition:0.3s;}
div.course-wrap table.course-table tbody a.state.state01{border-color:var(--color-main01); color:var(--color-main01); box-shadow:0 5px 18px rgba(145,0,35,0.1);/* Á¢¼öÁß */}
div.course-wrap table.course-table tbody a.state.state02{background:#eee; border-color:#eee; color:#9f9f9f;/* ¸¶°¨ */}
@media(hover:hover){ 
	div.course-wrap table.course-table tbody td.tit a:hover{color:var(--color-main01);}
	div.course-wrap table.course-table tbody tr:hover{background:#f9f9f9;}
	div.course-wrap table.course-table tbody a.state.state01:hover{box-shadow:0 5px 20px rgba(145,0,35,0.2);}
}

/****** course view ******/
div.course-wrap.view{}
div.course-wrap.view div.c-top{margin-bottom:2rem;}
div.course-wrap.view div.c-top div.course-box{padding:3rem; background:#f5f5f5; border-radius:1.5rem; border:1px solid #ddd;}
div.course-wrap.view div.c-top div.course-box div.name{font-family:'Pretendard-Bold',sans-serif; font-size:1.8rem; text-align:center; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
div.course-wrap.view div.c-top div.course-box div.more{display:flex; align-items:center;}
div.course-wrap.view div.c-top div.course-box div.more div.thumb{width:30%; height:14rem;}
div.course-wrap.view div.c-top div.course-box div.more div.thumb img{display:block; width:100%; height:100%; object-fit:contain;}
div.course-wrap.view div.c-top div.course-box div.more ul.info{width:70%; padding:0 2rem;}
div.course-wrap.view div.c-top div.course-box div.more ul.info li{font-size:1.125rem; margin-bottom:1rem; display:flex; position:relative; padding-left:1rem;}
div.course-wrap.view div.c-top div.course-box div.more ul.info li:before{content:''; display:block; width:5px; height:5px; background:var(--color-main01); border-radius:50%; position:absolute; top:0.6rem; left:0;}
div.course-wrap.view div.c-top div.course-box div.more ul.info li:last-child{margin-bottom:0;}
div.course-wrap.view div.c-top div.course-box div.more ul.info li span.lab{font-family:'Pretendard-Bold',sans-serif; min-width:5rem;}
div.course-wrap.view div.c-top a.btn-back{border-bottom:1px solid #333; padding:0.3rem; padding-left:1.5rem; position:relative; margin-top:0.5rem;}
div.course-wrap.view div.c-top a.btn-back:before{content:''; display:block; width:1em; height:1em; opacity:.5; background:url("../img/ico_arrow.svg")center/70% auto no-repeat; position:absolute; top:50%; left:0; transform:scaleX(-1) translateY(-50%);}
div.course-wrap.view div.c-bot{}
div.course-wrap.view div.c-bot div.tab-wrap{}
div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list{display:flex; gap:0.25rem; border-bottom:2px solid #333;}
div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li{font-size:1.3rem; background:#fff; border:2px solid #ddd; background:#f9f9f9; color:#777; border-bottom:0; border-radius:1rem 1rem 0 0; position:relative;}
div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li:after{content:''; display:none; width:100%; height:3px; background:#fff; position:absolute; bottom:-2px; left:0;}
div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li a{display:inline-block; padding:0.8rem 1.8rem;}
div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li.on{background:#fff; color:#333; border-color:#333; font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li.on:after{display:block;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con{padding:2rem 0;}
/* °­»ç¼Ò°³ */
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap{display:flex; justify-content:space-between; margin:2rem 1rem;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.left{width:30%;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.left div.prof-img{width:15rem; height:18rem; margin:0 auto; box-shadow:5px 18px 25px rgba(0,0,0,0.28);}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.left div.prof-img img{width:100%; height:100%; display:block; vertical-align:bottom;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right{width:70%;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-name{font-size:2rem; margin-bottom:1rem; font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist{padding-left:1.5rem; border-left:1px solid #ddd; margin-left:0.5rem;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist div.set{margin-top:1.5rem;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist div.set p.hist-tit{margin-bottom:0.5rem; font-family:'Pretendard-Bold',sans-serif; color:var(--color-main02); font-size:1.125rem; position:relative;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist div.set p.hist-tit:before{content:''; display:block; width:3px; height:100%; background:var(--color-main02); position:absolute; top:0; left:-1.65rem;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist div.set ul.hist-list{}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist div.set ul.hist-list li{margin-bottom:0.5rem; position:relative; padding-left:0.8rem;}
div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-hist div.set ul.hist-list li:before{content:''; display:block; width:4px; height:4px; background:var(--color-main02); border-radius:50%; position:absolute; top:0.5rem; left:0;}
/* °­ÀÇ°èȹ¼­ */
div.course-wrap.plan{width:100%; padding:2rem;}
div.course-wrap.plan section.sect01{margin-bottom:1rem;}
div.course-wrap.plan section.sect01 h4.course-name{text-align:center; font-size:1.8rem; margin-bottom:1rem; font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap.plan section.sect01 div.table-wrap{}
div.course-wrap.plan section.sect01 div.table-wrap table.table01{}
div.course-wrap.plan section.sect01 div.table-wrap table.table01 tr:hover{background:#fff;}
div.course-wrap.plan section.sect02 div.pdf-wrap{width:100%;}
div.course-wrap.plan section.sect02 div.pdf-wrap iframe{width:100%; height:53rem; max-width:600px;}


/****** °­ÁÂÁ¦¾È ******/
div.course-suggest-wrap{}
div.course-suggest-wrap ul.step{display:flex; align-items:center; justify-content:center; gap:3rem; margin-bottom:4rem;}
div.course-suggest-wrap ul.step li{text-align:center;}
div.course-suggest-wrap ul.step li p.step-num{margin:0 auto; margin-bottom:0.5rem; width:4rem; height:4rem; font-size:0.9rem; background:#fff; color:#9f9f9f;  position:relative; line-height:1.2; display:flex;align-items:center; justify-content:center; border:5px solid #eee; border-radius:50%; font-family:'Montserrat_B','Pretendard-Bold',sans-serif;}
div.course-suggest-wrap ul.step li p.step-num:before{content:''; display:block; width:calc(100% + 2rem); height:0.5rem; background:#eee; position:absolute; top:50%; left:3rem; transform:translateY(-50%); z-index:-1;}
div.course-suggest-wrap ul.step li:last-child p.step-num:before{display:none;}
div.course-suggest-wrap ul.step li p.step-txt{font-size:1.2rem; color:#777;}
div.course-suggest-wrap ul.step li.on{}
div.course-suggest-wrap ul.step li.on p.step-num{background:#fff; color:var(--color-main01); border-color:var(--color-main01);}
div.course-suggest-wrap ul.step li.on p.step-txt{color:#333; font-family:'Pretendard-Bold',sans-serif;}
div.course-suggest-wrap ul.step li.done p.step-num{font-size:0; position:relative; border-color:var(--color-main01); background:var(--color-main01);}
div.course-suggest-wrap ul.step li.done p.step-num:before{background:var(--color-main01);}
div.course-suggest-wrap ul.step li.done p.step-num:after{content:''; display:block; width:1rem; height:1rem; background:url("../img/ico_check_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
div.course-suggest-wrap ul.step li.done p.step-txt{color:#333; font-family:'Pretendard-Bold',sans-serif;}

/* ¾à°ü Æû */
div.course-suggest-wrap div.suggest-term{width:1024px; margin:2rem auto;}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect{margin-bottom:3rem;}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap{}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap div.term{border:2px solid #333; margin-bottom:2rem; border-radius:1rem;}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap div.term div.term-input{position:relative; border-bottom:1px solid #333; padding:0.5rem; margin:0.5rem;}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap div.term div.term-input label{font-size:1.2rem; font-family:'Pretendard-Bold',sans-serif;}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap div.term div.term-input a.term-box-arrow{width:1rem; height:1rem; display:block; background:url("../img/ico_arrow.svg")center/80% auto no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(90deg);}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap div.term div.term-input a.term-box-arrow.open{transform:translateY(-50%) rotate(-90deg);}
div.course-suggest-wrap div.suggest-term section.suggest-term-sect div.term-wrap div.term div.term-box{margin:0.5rem; padding:1rem; line-height:1.5; font-size:1rem;}

/* Á¦¾È¼­, À̷¼­ ÀÔ·Â Æû */
div.course-suggest-wrap div.suggest-form{width:1024px; margin:2rem auto;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect{margin-bottom:5rem; border-bottom:2px solid #333;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form-tit{font-family:'Pretendard-Bold',sans-serif; font-size:1.5rem; background:var(--color-main01); padding:1rem 2rem; border-radius:1.5rem 1.5rem 0 0; color:#fff;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form{}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form div.form-item:last-child{border-bottom:0;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form-item-add{width:100%;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form-item-add a{display:block; width:100%; height:100%; padding:0.8rem; text-align:center; font-family:'Pretendard-Medium',sans-serif; background:#eee; color:#555;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form-item-add a span{position:relative; padding-left:1.5em;}
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form-item-add a span:before{content:''; display:block; width:1em; height:1em; background:url("../img/ico_plus.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%);}
@media(hover:hover){
div.course-suggest-wrap div.suggest-form section.suggect-form-sect div.form-item-add:hover a{background:#f5f5f5; color:#333;}
}


@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){
	
	div.course-wrap{width:100%;}
}
@media screen and (max-width:1280px){
	
	/* °­ÁÂÁ¦¾È */
	div.course-suggest-wrap div.suggest-term,
	div.course-suggest-wrap div.suggest-form{width:100%;}

}
@media screen and (max-width:1024px){
	
	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap table.course-table colgroup{display:none;}
	div.course-wrap table.course-table thead{display:none;}
	div.course-wrap table.course-table,
	div.course-wrap table.course-table tbody,
	div.course-wrap table.course-table tr,
	div.course-wrap table.course-table th,
	div.course-wrap table.course-table td{display:block; width:100%; border:0;}
	div.course-wrap table.course-table tbody{display:flex; justify-content:space-between; flex-wrap:wrap;}
	div.course-wrap table.course-table tbody tr{width:48%; border-radius:1.5rem 1.5rem 0 0; overflow:hidden; margin-bottom:3rem;}
	div.course-wrap 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 table.course-table tbody tr td:nth-child(odd){background:#f5f5f5;}
	div.course-wrap table.course-table tbody tr td:last-child{border-bottom:1px solid #333;}
	div.course-wrap 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 table.course-table tbody tr td.tit{text-align:center; background:var(--color-main01); color:#fff; padding:1.25rem 0.5rem; border-bottom:0;}
	div.course-wrap table.course-table tbody tr td.tit a{color:inherit; font-family:'NanumNeo_EB',sans-serif;}
	div.course-wrap table.course-table tbody tr td.tit:before{display:none;}
	div.course-wrap 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 table.course-table tbody tr td.time ul.week{margin-bottom:0;}
	div.course-wrap 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 table.course-table tbody tr td.period br{display:none;}
	div.course-wrap table.course-table tbody tr td.state{text-align:center; padding-left:0.5rem; background:#fff;}
	div.course-wrap table.course-table tbody tr td.state:before{display:none;}
	div.course-wrap 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 table.course-table tbody tr td.state a.state.ready{color:var(--color-main02);}
	div.course-wrap table.course-table tbody tr td.state a.state.finish{background:#dbdbdb; color:#777;}
	div.course-wrap table.course-table tbody tr.noList{width:100%; border-radius:0; border-top:1px solid #ddd;}
	div.course-wrap 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.c-bot div.tab-wrap div.tab-con div.prof-wrap{margin:0;}
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.left div.prof-img{width:10rem; height:13rem; box-shadow:5px 18px 25px rgba(0,0,0,0.2);}
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-name{font-size:1.5rem;}

}
@media screen and (max-width:800px){}
@media screen and (max-width:640px){
	
	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap table.course-table tbody tr td{font-size:0.9rem;}
	div.course-wrap table.course-table tbody tr td.tit{font-size:1rem;}

	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.c-top div.course-box{padding:1.5rem;}
	div.course-wrap.view div.c-top div.course-box div.name{margin-bottom:1rem; padding-bottom:1rem; font-size:1.6rem;}
	div.course-wrap.view div.c-top div.course-box div.more{display:block;}
	div.course-wrap.view div.c-top div.course-box div.more div.thumb{width:100%; margin-bottom:1rem;}
	div.course-wrap.view div.c-top div.course-box div.more ul.info{width:100%; padding:0;}

	/* °úÁ¤»ó¼¼ - °­»ç¼Ò°³ */
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap{display:block;}
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.left{width:100%; margin-bottom:1rem;}
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.left div.prof-img{margin:0; box-shadow:5px 10px 10px rgba(0,0,0,0.1); width:8rem; height:10rem;}
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right{width:100%;}
	div.course-wrap.view div.c-bot div.tab-wrap div.tab-con div.prof-wrap div.right div.prof-name{}

}
@media screen and (max-width:480px){
	
	/* °úÁ¤¸®½ºÆ® */
	div.course-wrap table.course-table tbody tr{width:100%;}

	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li a{padding:0.5rem 1rem; font-size:1.125rem;}
}
@media screen and (max-width:400px){
	
	/* °úÁ¤»ó¼¼ */
	div.course-wrap.view div.c-bot div.tab-wrap ul.tab-list li a{padding:0.5rem 0.6rem;}
}
@media screen and (max-width:320px){}