/*전체 폰트 pretendard 적용| 출력물 제외 */
/* 눈누 : 상업적 이용 무료 */
/* https://noonnu.cc/font_page/694 */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*{
	font-family: 'Pretendard-Regular';
}

label {
    display: inline-block;
}


/* 입력 폼의 오류메시지 출력 부분 */
.error {
    color: tomato;
	font-size: small;
}

.gray-message {
	color: #6b7280;
	font-size: small;
}

.alert {
	color: orangered;
}

/* 페이지 이동 링크의 현재 페이지번호 */
.dsa-board-page-current {
	font-weight: bolder;
	color:white;
	background-color:#405189;
}

/* 과정목록 페이지네이션 */
.gridjs-footer{
	margin:0 auto;
	width:200px;
}

/*프린트*/
@media print {
	body {
		width: 210mm;
		height: 297mm;
		margin: 0mm;
		padding: 0mm;
	}
	@page {
		size: A4;
		margin: 0mm;
		padding: 0mm;
	}
	.Certificates{
		width: 210mm;
		height: 290mm;
	}
	.Certificate-edu{
		width: 210mm;
		height: 290mm;
	}
}
/*====색상=====*/
.coloryr{
	background-color:#FFCEAF;
}
.colorlb{
	background-color:#DEE6F7;
}
.colorgreen{
	background-color:#CDF1E3;
}
.color2{
	background-color:#f5f5f5;
	background-clip: padding-box;
}

/*====너비 높이====*/
.w20{
	width: 20%;
}
.h-1000{
	height:1000px;
}
.h-150{
	height:150px;
}
/*=====margin======*/
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt-80{
	margin-top:80px;
}
/*=====text========*/
.text-indent{
	text-indent:30px;
}
.letter-spacing{
	letter-spacing:20px;
}
.text-small{
	font-size:10px;
}
.fs20{
	font-size:20px;
}
.center{
	justify-content: center;
}
/* 학적부- 상세보기 */
.Certification-Record{
	/* width:1200px; */
}
.Certification-Record div span{
	display: inline-block;
	width:13%;
}
.Certification-Recordlist {
	/* width:1200px; */
}
.Certification-Recordlist div span{
	display: inline-block;
	width:11%;
	margin:1%;
}
.Certification-Record-b div span{
	display: inline-block;
	width:15%;
	text-align:left;
}
.Certification-Recordlist-b div span{
	display: inline-block;
	width:12%;
	margin:1%;
}
/*=====출력물 start=====*/
/*수료증명서*/
.Certificates {
	margin:0 auto;
	padding:25% 15% 10%;
	position:relative;
}
.Certificates .background-cert img{
	position:absolute;
	top:0;
	left: 0;
	width:100vw;
}
.Certificates .title .number {
	text-align: left;
}
.Certificates .title .titlemain {
	font-size:55px;
	font-weight:bold;
	letter-spacing:18px;
	margin-top:50px;
	text-align:center;
	color:#DA0005;
}
.Certificates .education {
	line-height:2;
}
.Certificates .education th {
	font-weight:bold;
	text-align:left;
	width:250px;
	color:#683B11;
	font-size:27px;
}
.Certificates .education td {
	font-weight:bold;
	text-align:left;
	font-size:27px;
}
.Certificates .DSA {
	position:relative;
}
.Certificates .DSA .ment {
	margin-top:5%;
	line-height:1.5;
	font-weight:bold;
	color:gray;
  	word-break: keep-all;
}

.Certificates .DSA .company {
	text-align:center;
	font-weight:bold;
	margin-top:50px;
}

/* .DSA .ceo {
	text-align:center;
	line-height:3;
} */
.Certificates .DSA .sign {
	position:absolute;
	right:35%;
	top:70%;
	width: 50px;
	height: 50px;
}

.Certificates .Awards{
	text-align: left;
	margin-left: 260px;
	margin-top:100px;
}
.Date {
	text-align: right;
}
.Certificates .homepage{
	text-align: right;
	margin-top:15%;
	color:#683B11;
}
/*성적증명서*/
.Certificatesscore {
	padding:3%;
}

.Certificatesscore .tableheadscore tr{
	border-top: 1px solid black;
}
/* .Certificatesscore .tableheadscore .title{
	text-align:justify;
} */
.bordertopblack{
	border-top: 1px solid black;
}
.Certificatesscore .titlescore .titlemainscore {
	text-align: center;
	font-weight:bold;
	font-size:36px;
	margin-top:30px;
	letter-spacing:12px;
}

.Certificatesscore .DSAscore {
	margin-top:20px;
	font-size:15px;
	position:relative;
}

.grade{
	border-top:3px solid black;
	height:100px;
	margin-top:100px;
}
.Certificatesscore .scorestandard{
	line-height:2;
	margin-top:20px;
	background-color:white;
}
.Certificatesscore .DSAscore .sign {
	position:absolute;
	right:25%;
	top:11%;
	width: 100px;
	height: 100px;
}

/* 출석증명서(공통)*/
.Attendance {
	padding:3%;
	line-height:2;
}
.Attendance .titlescore .titlemainscore {
	text-align: center;
	font-weight:bold;
	font-size:24px;
	letter-spacing:12px;
}
/*출석증명서(서울)*/
.Attendance .AT_Seoul_con{
	display:flex;
	justify-content: space-between;
	border-style: solid;
	padding:10px;
}
.Attendance .AT_Seoul_con div dl{
	display:flex;
	text-align:left;
}
.Attendance .AT_Seoul_con .AT_Seoul_con1 dl dt,
.Attendance .AT_Seoul_con .AT_Seoul_con2 dl dt{
	width:90px;
}
.Attendance .AT_Seoul_con .AT_Seoul_con1 dl dd,
.Attendance .AT_Seoul_con .AT_Seoul_con2 dl dd{
	width:140px;
}
.Attendance .AT_Seoul_con .AT_Seoul_con4{
	width:300px;
}
/*출석증명서(부산)*/
.Attendance .busan-rule{
	text-align:left;
}
.Attendance .busan-info{
	text-align:right;
	gap:10px;
}
.week{
	background-color:#f5f5f5;
	background-clip: padding-box;
	width:200px;
}
/* 상담일지 */
.consulting{
	margin:0 auto;
	/* magin:30px; */
	padding:30px;
}
.consulting h1{
	letter-spacing:6px;
}
/*수강확인증*/
.Certificate-edu-bk img{
	position:absolute;
	top:0;
	left: 0;
	width:100vw;
	height:auto;
}

.Certificate-edu{
	margin:0 auto;
	padding:5% 15% 25%;
	position:relative;
}
.Certificate-edu .title{
	font-size:50px;
	margin-top:30%;
}
/* .Certificate-edu .sub-title{
	font-size:27px;
	color:white;
	background-color:black;
	border-radius: 30px;
    width:35%;
    padding:1%;
    margin:0 auto;
    align-items:center;
} */

.Certificate-edu .sign{
	margin:3%;
}
.Certificate-edu div{
	font-size:27px;
}
.Certificate-edu div .list{
	line-height:2.5;
	margin:10% auto;
}
.Certificate-edu div .ment{
	color:#B47026;
  	word-break: keep-all;
  	margin-top:20px;
}
.Certificate-edu div .date{
	margin-top:10%;
}
.Certificate-edu div{
	position:relative;
}
.Certificate-edu div .sign {
	position:absolute;
	right:22%;
	top:87%;
	width: 100px;
	height: 100px;
}
/*=====출력물 end====== */