@import url(/assets/css/nanumbarungothic.css);

* {font-family: "Nanum Barun Gothic",-apple-system, "Apple SD Gothic Neo", sans-serif;outline:none;}
span , i {font-size:inherit;}
/* code {display:block;padding:15px;color:#f2f2f2;background-color: #1e293b;border-radius: 0.375rem;box-shadow: 1px 1px 2px #a2a2a2;border-width: 0px;white-space: pre-line;font-family:Consolas,"Nanum Barun Gothic";} */
button {user-select: none;}

.disabled {opacity: 0.4;pointer-events: none;user-select: none;}

.progress-circle {display: flex;justify-content: center;align-items: center;border-radius: 50%;}

/* .video-container {margin-top:5px;position: relative;padding-bottom: 40%;height: 0;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:640px;max-height:360px;} */

figure.media {max-width:800px;}

.video-container {aspect-ratio: 16/9; overflow: hidden;max-width: 800px;margin:5px 0;}
.video-container iframe,.video-container video {width: 100%;height: 100%; object-fit: cover;}

.centersc {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.scale-200 {transform: scale(2.0);}
.scale-250 {transform: scale(2.5);}
.scale-300 {transform: scale(3.0);}
.scale-350 {transform: scale(3.5);}

@media (min-width: 640px) {
    .responsetable {display: inline-table !important;}
    .responsetable  thead tr:not(:first-child) {display: none;}
}

.notailwind a:link { color: #0645ad; text-decoration: none;}
.notailwind a:visited {color: #0b0080; text-decoration: none;}

.menu-shadow {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.box-shadow {box-shadow: 2px 2px 4px #a2a2a2;}

.pct_base {background:#e7e7e7;box-shadow: 1px 1px 2px #a2a2a2 inset;border-radius:2px;}
.pct_rap {display:inline-block;width: 100%;height:100%;background: linear-gradient(90deg, #207ab7 0%, transparent 0%);}
.pct_txt {background: linear-gradient(90deg, #FFF 0%, #207ab7 0%);background-clip:text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.ellapsis {display: -webkit-box;max-width: 100%;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.blink {animation: blinker 1s linear infinite;}
@keyframes blinker {15% {opacity: 0;}}


.top_fix_menu {
	position:fixed !important;
	top:0 !important;
	z-index: 10;
	box-shadow: 2px 2px 4px #a2a2a2;
}

.reset-style {
	all: initial;
}