/* /* @import url(//cdn.jsdelivr.net/npm/typeface-nanum-barun-gothic@1.0.0/nanumbarungothic.min.css); */
/* @import url(//cdn.jsdelivr.net/npm/typeface-nanum-barun-gothic@1.0.0/nanumbarungothic.min.css);
.nanumfont {font-family: "Nanum Barun Gothic";outline:none;font-size:14px;} */

.container {font-size:16px;}

button {user-select: none;}
select.ui-datepicker-year, select.ui-datepicker-month {padding:0px;}

.trans_scroll {overflow: overlay;}
.trans_scroll::-webkit-scrollbar {width: 16px;height: 10px;}
.trans_scroll::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);}
.trans_scroll::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);}

.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;}
.bottom_fix_menu {position:fixed;bottom:20px;z-index: 10;box-shadow: 2px 2px 4px #a2a2a2;}

.iconY{cursor:pointer;box-shadow: 1px 1px 1px #a2a2a2;}
.iconN{filter: grayscale(100%);opacity: 0.3;cursor:pointer;}
.opbtn {display:inline-block;font-weight:bold;cursor:pointer;background:#008000;color:#ffffff;padding:7px;border-radius:2px;}

.no-tailwind * {
    all: revert !important;
}

.ui-datepicker{box-shadow: 2px 2px 4px #a2a2a2;}
.ui-datepicker-prev {cursor:pointer;margin:2px 0 0 2px;}
.ui-datepicker-next {cursor:pointer;margin:2px 2px 0 0;}
.ui-datepicker-year, .ui-datepicker-month {height:26px;}
.ui-widget-content .ui-state-highlight {background: #fafbc1;}
.ui-state-default {cursor:pointer;}
.ui-widget.ui-widget-content {-webkit-user-select: none;user-select: none;}