@CHARSET "UTF-8";

/*******공지사항(취업현황도 같아 함께 사용)********/
.title-ptBlue{display:block;}
/*취업현황만 해당(배너)*/
/*.list-container .mainView{width:100%; border-radius:28px; overflow:hidden;}
.list-container .mainView img{width:100%; height:auto;}*/

.notice-list table{width:100%; text-align:center; border-collapse:collapse;}
.notice-list table tr{height:64px; border-bottom:1px solid #E8EBF0;}
.notice-list table thead tr{background:#E8EBF0; font-size:16px; border-bottom:none;}
.notice-list table td:first-child, .notice-list table th:first-child{border-top-left-radius:14px; border-bottom-left-radius:14px;}
.notice-list table td:last-child, .notice-list table th:last-child{border-top-right-radius:14px; border-bottom-right-radius:14px;}
.notice-list table tbody tr td{font-size:16px;}
.notice-list table tbody tr td:nth-child(3){font-size:17px; font-family:"PretendardM";}
.notice-list:not(.congrat-list, .edu-list) table tbody tr td:nth-child(3):hover{font-weight:600;}
.notice-list table tbody tr td:nth-child(3):hover .new{font-weight:500;}
.notice-list table tbody tr .new{display:inline-block; background:#FF3042; color:#fff; font-size:13px; margin-left:6px; padding:2px 5px; border-radius:6px; vertical-align:middle; margin-bottom:3px;}

/*취업현황만 해당*/
.congrat-list table{margin-top:40px;}
.wrap-employ{padding:0;}

/*개강일정*/
.edu-list{display:none;}
.edu-list-container .title-box{padding-bottom:80px;}
.edu-list .list-title{font-size:24px; font-family:"PretendardB"; margin-bottom:8px;}
.edu-list .list-subTitle{font-size:17px; color:#4D5762; font-family:"PretendardM"; margin-bottom:18px;}
.edu-list table:first-of-type{margin-bottom:40px;}
.edu-list table tbody tr .edu-date{position:relative; padding-top: 15px;}
.edu-list table tbody tr .edu-date:before{content:'마감임박'; display:inline-block; letter-spacing:-0.07em; color:#FF3042; border-bottom:1px solid #FF3042; font-size:11px; font-family:"PretendardB"; position:absolute; top:12px; left:calc(50% - 17px);}
.edu-list table tbody tr td{}
.edu-list table tbody tr td:nth-child(3){font-size:16px; font-family:"PretendardR";}
.schedule{color:#fff; font-size:16px; font-family:"PretendardM"; cursor:pointer; border-radius:8px; width:96px; height:40px; margin:0 auto; text-align:center; line-height:40px;}
.schedule_reservation{background-color:#3182F6;}
.schedule_online{background-color:#0050E6;}
.schedule_national{background-color:#001F6A;}
.schedule_ok{background-color:#F9F9F9; color:#A3A8AE; border:1px solid #DEE2E9;}

/*수강후기*/
.wrap-phrase{}
.phrase-list{display: block;}
.wrap-phrase .phrase-list{margin-bottom:16px;}
.wrap-phrase .phrase-list .phrase{border:1px solid #D6D9E6; border-radius:32px; width:100%; padding:24px 40px; display:grid; grid-template-columns:40px auto; gap:40px;}
.wrap-phrase .phrase-list .phrase:not(:last-child){margin-bottom:16px;}
.wrap-phrase .phrase-list .phrase .img-wrap{width:100%; display:flex; justify-content:center; align-items:center;}
.wrap-phrase .phrase-list .phrase .img-wrap img{width:40px; height:58px;}
.wrap-phrase .phrase-list .phrase .txt-wrap{}
.wrap-phrase .phrase-list .phrase .txt-wrap .course{display: flex; align-items:center; gap:6px; margin-bottom:8px;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course .titleCard{margin-bottom:0; margin-left:0;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course p{font-family:"PretendardSB"; color:#4D5762;}
.wrap-phrase .phrase-list .phrase .txt-wrap .review{font-size:17px; font-family:"PretendardM"; line-height:1.5;}
.wrap-phrase .btn-return-list a{display:flex; align-items:center; gap:10px;}
.wrap-phrase .btn-return-list a img{width:27px; height:27px; marign-left:5px;}

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

.notice-list table{letter-spacing:-0.07em;}
.notice-list table tbody tr .new{font-size:12px; font-family:var(--main-font-family);}
.notice-list table tbody tr td{padding-right:5px;}

/*취업현황만 해당*/
.congrat-list table{margin-top:28px;}

/*개강일정*/
.edu-list table tbody tr td{padding: 0 3px;}
.edu-list table thead tr .edu-cell1{width:10% !important;}
.edu-list table thead tr .edu-cell2{width:13% !important;}
.edu-list table thead tr .edu-cell3{width:16% !important;}
.edu-list table thead tr .edu-cell4{width:31% !important;}
.schedule{width:75px; font-size:15px;}

/*수강후기*/
.wrap-phrase .phrase-list{margin-bottom:12px;}
.wrap-phrase .phrase-list .phrase:not(:last-child){margin-bottom:12px;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course{display:block;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course .titleCard{margin-bottom:5px;}
}


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

/*취업현황만 해당(배너)*/
.list-container .mainView{height:280px; border-radius:32px;}
.list-container .mainView img{height:100%; object-fit:cover;}
	
.notice-list table tr{border-top:1px solid #E8EBF0; height:88px;}	
.notice-list table tr:last-child{border-bottom:1px solid #E8EBF0;}	
.notice-list table tr td:nth-child(3){text-align:left; width:240px; padding: 18px 0; position:relative;}
.notice-list table tr td:last-child{text-align:right; font-size:15px; padding-right:3px; display:block; height:100%; padding-top:24px; letter-spacing:-0.03em; color:#4d5762;}
.notice-list table tbody tr .new{margin-left:4px;}
.notice-list table tr td span:not(.new){font-size:14px; color:#4D5762; margin-top:6px;}
.notice-list table tbody tr .new{font-size:11px;}

.notice-list table tr td .name{line-height:1.5 !important;}
.notice-list table tr td .procedure{margin-top:0 !important; display:inline-block !important; margin-left:17px; color:#222 !important; position:absolute; top:21px;}
.notice-list table tr td .procedure:before{display:inline-block; content:''; width:1px; height:12px; background:#4D5762; position:absolute; top:3px; left:-9px;}
	
/*취업현황만 해당*/
.congrat-list table{margin-top:20px;}

/*개강일정*/
.edu-list table:first-of-type{margin-bottom:35px;}
.edu-list table tbody tr .edu-date:before{display:none;}
.edu-list .list-title{font-size:19px; margin-bottom:6px;}
.edu-list .list-subTitle{font-size:15px; font-family:"PretendardSB"; margin-bottom:16px;}
.edu-list table tr:first-child{border-top:2px solid #E8EBF0;}
.edu-list table tbody tr .edu-date{padding-top: 0;}
.edu-list table tr td:last-child{padding:18px 0; text-align:center;}
.edu-list table tbody tr td .edu-mobile-it .edu-date{position:relative;}
.edu-list table tbody tr td .edu-mobile-it .edu-date:before{content:'마감임박'; display:inline-block; letter-spacing:-0.07em; color:#FF3042; border-bottom:1px solid #FF3042; font-size:11px; font-family:"PretendardB"; height:22px; position:absolute; top:-27px; left:calc(50% - 17px);}
.edu-mobile .edu-mobile-top{display:flex; justify-content:space-between; margin-bottom:6px;}
.edu-mobile .edu-mobile-top a{font-size:16px; color:#222; font-family:"PretendardM"; max-width:240px; text-align:left; line-height:1.4;}
.edu-mobile .edu-mobile-top p:last-child{font-size:14px;}
.edu-mobile .edu-mobile-bottom{display:flex; justify-content:space-between; align-items:flex-end;}
.edu-mobile .edu-mobile-bottom>div:first-child{text-align:left; line-height:1.5; font-size:14px;}
.edu-mobile .edu-mobile-bottom div:last-child{}
.edu-mobile .edu-mobile-bottom .edu-mobile-it{display:flex; gap:6px; border-radius:6px;}
.schedule{font-size:14px; margin:0; height:32px; line-height:32px;}

/*수강후기*/
.wrap-phrase .phrase-list{margin-bottom:10px;}
.wrap-phrase .phrase-list .phrase{display:block; padding:24px 20px;}
.wrap-phrase .phrase-list .phrase:not(:last-child){margin-bottom:10px;}
.wrap-phrase .phrase-list .phrase .img-wrap{display:none;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course{margin-bottom:5px;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course p{line-height:1.5; font-size:14px;}
.wrap-phrase .phrase-list .phrase .txt-wrap .course .titleCard{margin-bottom:8px;}
.wrap-phrase .phrase-list .phrase .txt-wrap .review{font-size:15px;}
.wrap-phrase .btn-return-list a{width:205px;}

}