.welcome_box {position:fixed; top:0; left:0; width:100%; height:100%; background:url(/hanji_festival/2024/images/bg_hanfs.jpg) no-repeat; background-position:center center !important; background-size:cover  !important; z-index:2;animation: zoom_eff 20s cubic-bezier(.25,.57,.25,.64) infinite;}
.welcome_box:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2;}
.welcome_day {position:fixed; top:0; left:0; width:100%; height:100%; z-index:3;}
.welcome_day .count_day {position:absolute; top:20px; right:20px; width:100px; font-size:0; color:#000; text-align:right; }
.welcome_day .count_day .dday,
.welcome_day .count_day .now_festival {display:inline-block; vertical-align:middle;width:100%;}
.welcome_day .count_day .dday span,
.welcome_day .count_day .dday em {display:inline-block; vertical-align:middle; line-height:100%;}
.welcome_day .count_day .dday span {font-family:var(--neo); font-weight:800; color:#ddd; font-size:30px;}
.welcome_day .count_day .dday em {font-family:var(--neo); font-weight:900; font-size:30px; color:#beff00; font-style:normal;}
.welcome_day .count_day .now_festival {font-family:var(--neo); font-weight:700; color:#333; line-height:110%; margin-top:15px;font-size:0; }
.welcome_day .count_day .now_festival span {display:inline-block; font-size:12px; font-weight:900; color:red;}
.welcome_day .count_day .now_festival span.ready {color:orange;}
.welcome_day .count_day .now_festival span.ing {color:#438919;}
.welcome_day .count_day .now_festival span.pass {color:red;}
.welcome_day .since {position:absolute; top:20px; left:20px; font-family:var(--neo); font-weight:800; color:rgba(255,255,255,0.3); font-size:12px;}
.welcom_nav {position:fixed; top:calc(50% - 50px); left:50%; transform:translate(-50%, -50%); font-size:15px; z-index:10; width:100%; text-align:center; }
.welcom_nav h1 {position:relative; left:0; right:0; margin:0 auto; max-width:500px; padding:0 50px;}
.welcom_nav h1 img {width:100%;}
.welcom_nav p {position:relative; left:0; right:0; margin:0 auto; max-width:600px;font-family:var(--neo); font-weight:600; color:rgba(255,255,255,0.6); font-size:14px; line-height:160%; padding:25px 25px 0 25px;}
.welcom_nav ul.go_web {position:relative; display:flex; left:0; right:0; margin:40px auto 0 auto; max-width:550px; padding:0 50px;}
.welcom_nav ul.go_web li {flex:1; cursor:pointer; padding:20px 0; margin:0 5px; font-family:var(--neo); font-weight:800; color:#fff; font-size:16px; text-align:center; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.2); border-radius:35px; transition:all .2s;}
.welcom_nav ul.go_web li:hover {background:rgba(0,0,0,0.85); border-color:rgba(0,0,0,0.85);}
.intro_copy  {position:fixed; bottom:30px; left:0; width:100%; text-align:center;font-family:var(--neo); font-weight:800; color:rgba(255,255,255,0.45); font-size:12px; z-index:9; letter-spacing:0.05em;}
.intro_copy span  {display:inline-block; padding:0 5px; color:rgba(255,255,255,0.9);}

@media screen and (max-width: 650px){
	.welcome_day .count_day {top:15px; right:15px; }
	.welcome_day .count_day .dday span {font-size:18px;}
	.welcome_day .count_day .dday em {font-size:18px;}
	.welcome_day .count_day .now_festival {margin-top:10px;}
	.welcome_day .count_day .now_festival span {font-size:11px;}
	.welcome_day .since {top:15px; left:15px; font-size:10px;}
	.welcom_nav h1 {max-width:350px;}
	.welcom_nav p {font-size:12px; line-height:160%; padding:15px 25px 0 25px;}
	.welcom_nav ul.go_web {margin:25px auto 0 auto; }
	.welcom_nav ul.go_web li {padding:15px 0; margin:0 2px; font-size:13px;}
	.intro_copy  {font-size:10px;letter-spacing:0em;}
	.intro_copy span  {padding:0 3px;}
}