@charset "utf-8";

/* 그누보드 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* 커스텀 */
a { text-decoration: none; }
select { font-size: 14px; }

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }

.ck.ck-editor__editable { min-height: 200px !important; }

/*
.dropdown-item { font-size: 1rem; }
.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
*/
/* morrisonstudio */
:root{
  --x2026-blue: #33ff33;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family: "Pretendard Variable", Pretendard, Roboto, "Helvetica", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  background:#000;
  color:#fff;
  overflow-x:hidden;
  scroll-snap-type:y mandatory;
}
p.small {
	font-size: xx-large;
}
a {
	color: #33ff33;
}
/* ============================= */
/* YOUTUBE FULL COVER */
/* ============================= */

.video-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  overflow:hidden;
}

.video-bg iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:177.78vh;
  height:100vh;
  transform:translate(-50%,-50%);
  pointer-events:none;
  transition:filter .6s ease;
}

@media (min-aspect-ratio:16/9){
  .video-bg iframe{
    width:100vw;
    height:56.25vw;
  }
}

.video-blur iframe{
  filter:blur(20px) brightness(.7);
}

body.x2026-open .x2026-video-wrap iframe{
  filter:blur(20px) brightness(.6);
}

/* ---------------- GRAIN ---------------- */

.x2026-grain{
  position:fixed;
  inset:0;
  background:url('https://grainy-gradients.vercel.app/noise.svg');
  opacity:.08;
  pointer-events:none;
  z-index:-1;
}

/* ---------------- SECTION ---------------- */

.x2026-section{
  height:100vh;
  scroll-snap-align:start;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  position:relative;
  overflow: hidden;
}

.x2026-hero{
  perspective:1000px;
}

.x2026-layer{
  transform-style:preserve-3d;
  will-change:transform;
}

.x2026-year{
  font-size:5vw;
  font-weight:900;
  -webkit-text-stroke:2px #fff;
  color:transparent;
  mix-blend-mode:difference;
  cursor:pointer;
  transition:.4s;
  width: 1200px;
  text-align: center;
}

.x2026-year:hover{
  -webkit-text-stroke:2px var(--x2026-blue);
}

.x2026-sub{
  margin-top:20px;
  font-size:1.2rem;
  letter-spacing:2px;
}
.x2026-sec2,
.x2026-sec3,
.x2026-sec4 {
  font-size:4rem;
  background:rgba(0,0,0,.3);
}
.x2026-sec3 h3 {
	margin-bottom: 2rem;
}
/* ---------------- HAMBURGER ---------------- */

.x2026-trigger{
  position:fixed;
  top:30px;
  right:30px;
  width:28px;
  height:20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:none;
  border:none;
  z-index:1001;
  cursor:pointer;
}

.x2026-trigger span{
  height:1px;
  background:#fff;
  transition:.4s cubic-bezier(.77,0,.18,1);
}

.x2026-trigger.active span:nth-child(1){
  transform:translateY(9px) rotate(45deg);
}
.x2026-trigger.active span:nth-child(2){
  opacity:0;
}
.x2026-trigger.active span:nth-child(3){
  transform:translateY(-9px) rotate(-45deg);
}
.x2026-trigger.active span:nth-child(4){
  transform:translateY(-9px) rotate(-45deg);
}

/* ---------------- OVERLAY ---------------- */

.x2026-overlay{
  position:fixed;
  inset:0;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:30px;
  transform:translateY(-100%);
  z-index:1000;
}

.x2026-overlay a{
  position:relative;
  font-size:40px;
  color:#fff;
  text-decoration:none;
  margin:20px 0;
  transition:color .3s ease;
  cursor: pointer;
}
.x2026-overlay a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:1px;
  background:#fff;
  transition:width .4s cubic-bezier(.77,0,.18,1);
}

.x2026-overlay a:hover::after{
  width:100%;
}
@media (max-width: 767px) {
	.x2026-year {
		font-size: 9vw;
	}
	p.small {
		font-size: medium;
	}
}