@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');




@charset "utf-8";

/* ------------------------------------------------------------------------------------------------------------- */

/* popup */
#dimmed{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	z-index: 9999;
}

#popup{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1920px;
	height: 1080px;
	font-family: 'NanumSquare', sans-serif;
}
#popup a{display: inline-block;}

#popup .pop_wrap{
	width: 990px;
	margin: 70px auto;
	background: #204522;
	border-radius: 50px;
	padding: 28px;
	box-sizing: border-box;
}

#popup .p_title{
	font-size: 40px;
	font-weight: 800;
	color: #fff;
	float: left;
	padding: 13px 0 0 10px;
}
#popup .p_title img{margin-right: 16px;vertical-align: middle;}

#popup .btn_close{
	float: right;
	width: 60px;
	height: 60px;
	border-radius: 15px;
	background: #00a000 url(../images/btn_close.png) no-repeat;
	cursor: pointer;
}

#popup .p_container{
	position: relative;
	width: 930px;
	height: 800px;
	background: #fff;
	border-radius: 25px;
	margin: 88px auto 0;
	padding: 21px;
	box-sizing: border-box;
}

#popup .download .d_table{
	border-bottom: 2px solid #d0d0d0;
	max-height: 610px;
	overflow-y: overlay;
}
#popup .download .d_table tr:last-child th{border-bottom: none;}
#popup .download .d_table tr:last-child td{border-bottom: none;}

#popup .p_title1{
	font-size: 24px;
	font-weight: 800;
	color: #204522;
	padding-left: 10px;
	float: left;
	margin-bottom: 10px;
}

#popup .teachers{
	font-family: 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #E6001A;
	float: right;
	background: url(../images/t_only.png) no-repeat;
	padding-left: 28px;
	height: 20px;
	line-height: 23px;
	margin-top: 8px;
}

#popup table,.d_table{clear: both;width: 890px;}
#popup th,#popup td{height: 45px;}
#popup thead{background: #00a000;color: #fff;}
#popup thead th{font-size: 20px;font-weight: 800;}
#popup .type{width: 176px;}
#popup .checkbox{width: 54px;}
#popup .name{width: 549px;}
#popup .down{width: 111px;text-align: center;}

#popup table .checkbox label input[type="checkbox"] {display:none;}
#popup table .checkbox label input[type="checkbox"] + em {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	cursor: pointer;
}
#popup table .checkbox label input[type="checkbox"]:checked + em {background-position:-37px 0;}
#popup thead .checkbox label input[type="checkbox"] + em {
	background:url(../images/checked_w.png) 0 0 no-repeat;
}
#popup tbody .checkbox label input[type="checkbox"] + em {
	background:url(../images/checked.png) 0 0 no-repeat;
}

#popup tbody td{font-size: 18px;color: #333;}
#popup tbody th,#popup tbody td{
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	text-align: center;
}

#popup tbody td:last-child{border-right: none;}

#popup tbody th{
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	text-indent: 24px;
	color: #4e4e4e;
}

#popup tbody .name{
	font-size: 18px;
	text-align: left;
	text-indent: 16px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;
}
#popup tbody .down a img{vertical-align: middle;transform: scale(0.8);}

#popup tbody .t_icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/t_only.png) no-repeat;
	margin-right: 8px;
	vertical-align: top;
}

#popup .btn_download{
	position: absolute;
	right: 21px;
	bottom: 21px;
}
#popup .btn_download a{
	display: block;
	float: right;
	width: 190px;
	height: 40px;
	border-radius: 5px;
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	line-height: 40px;
	margin-left: 16px;
	font-family: 'Pretendard', sans-serif;
}

#popup .btn_download a img{margin: 7px 14px;}
#popup .btn_download a div{float: left;text-align: center;}
#popup .btn_download a div.d_icon{width: 50px;}
#popup .btn_download a div.d_text{width: 140px;}

#popup .selected{background: #00a000;}
#popup .all{background: #204522;}

::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-track{
	margin: 1px 0;
	/*margin: 45px 0;*/
	background: #f6f6f6;
}
::-webkit-scrollbar-thumb{
	background: #c6c6c6;
	border: 2px solid transparent;
	border-radius: 10px;
	background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover{
	background: #909090;
	border: 2px solid transparent;
	border-radius: 10px;
	background-clip: padding-box;
}