@font-face {
    font-family: 'DOSMyungjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/DOSMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SEBANG_Gothic_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KoddiUDOnGothic-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/KoddiUDOnGothic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KoreanFrenchTypewriter';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/KoreanFrenchTypewriter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UnTaza';
    src: url('https://cdn.jsdelivr.net/gh/wooin21/web/fonts/UnFont/UnTaza.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Orbit-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/Orbit-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Punk-Typewriter';
    src:url('../data/Punk-Typewriter.ttf.woff') format('woff'),
        url('../data/Punk-Typewriter.ttf.svg#Punk-Typewriter') format('svg'),
        url('../data/Punk-Typewriter.ttf.eot'),
        url('../data/Punk-Typewriter.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TAEBAEKmilkyway';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/TAEBAEKmilkyway.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;
}
body {
	padding: 0;
	margin: 0;
	width: 100%;
	font-family:'consolas', 'Special Elite', 'GyeonggiBatang';
	font-size: 24px;height: 2em;line-height: 1.2em;
}
textarea {
	padding: 8px 12px;
	box-sizing: border-box;
	border: 2px solid #4C50AF;
	border-radius: 4px;
    font-size:1.6em;
	line-height: 1.5em;
	font-family:'Special Elite', 'GyeonggiBatang', 'UnTaza';
}

input[type=text],[type=password] {
  width: 120px;
  padding: 8px 12px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #4C50AF;
  border-radius: 4px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4C50AF;
  border: 2px solid #4C50AF;
  color: white;
  padding: 8px 12px;
  text-decoration: none;
  margin: 8px 0;
  border-radius: 4px;
  cursor: pointer;
}

s {
	color : silver;
}
.select {
    padding: 10px;
}
.select input[type=radio], input[type=checkbox]{
    display: none;
}
.select input[type=radio]+label, input[type=checkbox]+label{
	padding: 10px;
    cursor: pointer;
    border: 1px solid #333;
    margin: 0px 0;
    text-align: center;
    font-weight:normal;
    font-size:0.6em;
}

.post_table {
    width: 100%;
    border-collapse: collapse;
}

.post_table td, .post_table th {
    padding: 8px 12px;
    box-sizing: border-box;
    border: 2px solid #4C50AF;
    border-radius: 4px;
    font-size: 1.2em;
    line-height: 1.5em;
    font-family: 'Special Elite', 'GyeonggiBatang', 'UnTaza';
}

.select input[type=radio]+label, input[type=checkbox]+label{
    background-color: #fff;
    color: #333;
}
.select input[type=radio]:checked+label, input[type=checkbox]:checked+label{
    background-color: #333;
    color: #fff;
}

.main_docu {
    font-family: 'KoddiUDOnGothic-Regular';
	text-align:justify;padding:8px;
	line-height:1.6em;
}

.docu {
    text-align:justify;padding:6px;line-height:1.2em;overflow-wrap: break-word;word-wrap: break-word;word-break:break-all;
}

.data_report {
	font-size:1.2em;
	font-family: 'Special Elite', 'UnTaza';
}

.data_report a {
	padding:3px;border:1px solid silver;border-radius:5px;
	background-color:blue;color:#ffffff;
	transition:border .5s,padding .5s,color .9s,background .5s,border-radius .5s;
	font-size:1.0rem;text-decoration:none;
}

.data_report a:hover {
	padding:6px;border:2px solid #66f;border-radius:10px;cursor: pointer;
	background-color:#ccf;color:#00f;font-size:1.0rem;font-weight:bold;text-decoration:none;
}

.box0 {
	padding:3px;border:1px solid silver;border-radius:5px;
	transition:border .5s,padding .5s,color .9s,background .5s,border-radius .5s;
	background-color:blue;color:#ffffff;
	text-decoration:none;
}
.box0:hover {
	padding:6px;border:2px solid #66f;border-radius:10px;cursor: pointer;
	background-color:#ccf;color:#00f;font-weight:bold;text-decoration:none;
}

.pad6 {
	 padding:6px;line-height:1.2em;
}
#element_to_pop_up {
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none;
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.class_title {
	color:red;
	font-size:1.6em;
	font-family:'Special Elite', UnTaza;
}

.class_title2 {
	font-size:1.4em;
	font-family:SEBANG_Gothic_Regular;
}

.div_s1 {
	width:196px; 
	border:1px solid black; 
	float:left; 
	font-size:0.8em; 
	line-height:1.6em;
}

.div_empty {
	width:2px; 
	float:left; 
}
.img-wrapper {
    position: relative;
    width: 150px;
    height: 150px;
}

.img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
	opacity:1.0;
}
.imgs_wrap {
	border: 2px solid #A8A8ff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}
.imgs_wrap img {
	max-width: 220px;
	margin: 5px;
}


.img-wrapper2 {
    position: relative;
    width: 250px;
    height: 250px;
}
.img-wrapper2 img {
    position: float;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.d_overimg {
	position: absolute;
    width: 250px;
    height: 250px;
	font-size:1.4em;
	font-family:SEBANG_Gothic_Regular;
	opacity:0.2;
}
.d_overimg:hover {
	opacity:1.0;
}
.d_text {
	width: 244px;
	height: 37px;
	background: rgba(200, 200, 200, 0.5);
	color:white;
	font-size:12pt;
}

.ellipsis {
	white-space: initial;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.img-wrapper3 {
    position: relative;
    width: 163px;
    height: 163px;
}
.img-wrapper3 img {
    position: float;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.d_overimg2 {
	position: absolute;
    width: 163px;
    height: 163px;
	font-size:1.4em;
	font-family:SEBANG_Gothic_Regular;
	opacity:0.2;
}
.d_overimg2:hover {
	opacity:1.0;
}
.d_text2 {
	width: 157px;
	height: 37px;
	background: rgba(50, 50, 50, 0.5);
	color:white;
	font-size:12pt;
}
.trans_td {
	background-color:#ffffff;color:#000000;
	transition:border .5s,padding .5s,color .9s,background .5s,border-radius .5s;
}
.trans_td:hover {
	background-color:#000000;color:#ffffff;cursor: pointer;
}

.lecture_a {
	line-height:2.0em;
	color: blue;
	background-color: none;
	transition: background-color 0.5s;
	}
.lecture_a:hover {
	color: white;
	font-weight:bold;
	background-color: blue;
	}

.lecture_b {
	line-height:2.0em;
	color: #b8b8cc;
	background-color: none;
	transition: background-color 0.5s;
	}
.lecture_b:hover {
	color: white;
	font-weight:bold;
	background-color: #d5d5ee;
	}
	
.lecture_a2 {
	padding:1px;border:0px solid none;border-radius:5px;
	transition:border .5s,padding .5s,background .5s,border-radius .5s;
	line-height:2.0em;
	color: blue;
	background-color: none;
	transition: background-color 0.5s;
	}
.lecture_a2:hover {
	padding:5px;border:1px solid blue;border-radius:10px;
	color: blue;
	font-weight:bold;
	background-color: white;
	text-decoration: none;
	}
.lecture_b2 {
	padding:1px;border:0px solid none;border-radius:5px;
	transition:border .5s,padding .5s,background .5s,border-radius .5s;
	line-height:2.0em;
	color: #b8b8cc;
	background-color: none;
	transition: background-color 0.5s;
	}
.lecture_b2:hover {
	padding:5px;border:1px solid #d5d5ee;border-radius:10px;
	color: #d5d5ee;
	font-weight:bold;
	background-color: white;
	text-decoration: none;
	}
	
.lecture_table {
	  margin: auto;
	  min-width: 380px;
	  max-width: 100%;
	  border-collapse: collapse;
	  border-style: hidden;
	  box-shadow: 0 0 0 0 #000;
	  font-size:2.0rem;
	  color: #333;
	  border-radius: .4em;
	  overflow: hidden;
	}
.lecture_table tr:first-child {
	  border-top: none;
	  background: #428bca;
	  color: #fff;
	}
.lecture_table tr {
	  border: 1px solid #ddd;
	  background-color: #f1f1fc;
	}
.lecture_table td {
		font-size:1.4rem;
	}
.lecture_table td:first-child {
	  margin-top: .5em;
	}

.lecture_table td:last-child {
	  margin-bottom: .5em;
	}
.lecture_table tr {
		border-color: #bfbfbf;
	}

.lecture_table th,
.lecture_table td {
	  padding: .5em .8em;
	}
.traffic { border:0px solid black;border-collapse:collapse;font-size:10pt }