body {background:#000 !important;}

.loading{background:#000;}
.loading .ld_bx i {color:#fff;}


#wrapper header {height:var(--default_nav); background:transparent !important;}
#wrapper header:after {display:none;}
#wrapper header:hover:after {display:nonel}
#wrapper header .hwrp {max-width:100%;}
#wrapper .contents {padding-top:0 !important;}
#wrapper header button {display:none;}
#wrapper header .count_day {position:absolute; top:20px; right:20px; font-size:0; color:#fff; z-index:10; transform:none;}
#wrapper header .count_day .dday,
#wrapper header .count_day .now_festival {display:inline-block !important; vertical-align:middle;width:100%; line-height:1;}
#wrapper header .count_day .dday span,
#wrapper header .count_day .dday em {display:inline-block; vertical-align:middle;}
#wrapper header .count_day .dday span {font-family:var(--neo); font-weight:100; color:#ddd; font-size:17px;}
#wrapper header .count_day .dday em {font-family:var(--neo); font-weight:700; font-size:18px; color:#fff; font-style:normal;}

#wrapper header .count_day .now_festival {display:none !important;}

@media screen and (max-width: 1160px){
	#wrapper header button {display:block;}
	#wrapper header .count_day {top:0px; right:25px; }
	#wrapper header .count_day .dday,
	#wrapper header .count_day .now_festival {line-height:80px;}
	#wrapper header .count_day .dday span,
	#wrapper header .count_day .dday em {font-size:15px;}
}

@media screen and (max-width: 650px){
	#wrapper header .count_day {top:0px; right:25px; }
	#wrapper header .count_day .dday,
	#wrapper header .count_day .now_festival {line-height:55px;}

	#wrapper header .count_day .dday span,
	#wrapper header .count_day .dday em {font-size:13px;}
}


.moving_this {position: absolute; top:0; left: 0; width: 100%; height:100%; overflow: hidden; background:url(/images/sym_bg2.jpg) no-repeat; background-position:center center !important; background-size:cover  !important; }
.moving_this:after		{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.55;}
.moving_this .bg_mov		{position:absolute; top:0; left:0; width:100%; height:100%; animation: show_con 1s forwards; animation-delay: 3s; opacity: 0;}
.mc_text {position:relative; color:#fff; line-height:1; font-size: 32px; font-weight:700; text-align:center; padding-top:13px;text-shadow: 0 1px 3px rgba(0,0,0,0.6); opacity:0;}
.date_box {display:inline-block; border:0px solid red; width:100%; padding:40px 0 0 0;}
.date_box .db_sec {font-size:0;opacity:0;}
.date_box .db_sec.mg {padding-bottom:15px;}
.date_box .db_sec year,
.date_box .db_sec month,
.date_box .db_sec day {display:inline-block; vertical-align:middle; line-height:1; font-weight:100; font-family:var(--neo);text-shadow: 0 1px 3px rgba(0,0,0,0.6); }
.date_box .db_sec year {font-size:20px; color:#ddd; letter-spacing:0.2em;}
.date_box .db_sec month {font-size:20px; color:#ddd; display:none;}
.date_box .db_sec day {font-size:45px; color:#fff;}
.date_box .db_sec day.bul {opacity:0.3; padding:0 7px;}
.ani_show {animation: main_intro_show 1.5s ease forwards;}

.ani_dl1 {animation-delay: 0.3s;}
.ani_dl2 {animation-delay: 0.6s;}
.ani_dl3 {animation-delay: 0.9s;}
.ani_dl4 {animation-delay: 1.2s;}
.ani_dl5 {animation-delay: 1.5s;}
.ani_dl6 {animation-delay: 2.3s;}

@keyframes main_intro_show {
	0%	{transform: translateY(5px); opacity:0;}
	35%	{transform: translateY(-15px); opacity:0.7;}
	100%	{transform: translateY(0); opacity:1;}
}

@keyframes main_fade {
	0%	{background:rgba(0,0,0,0.0);backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0);}
	100%	{background:rgba(0,0,0,0.25);backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
}

@keyframes main_fade_txt {
	0%	{opacity:0;}
	100%	{opacity:1;}
}

@media screen and (max-width: 650px){
.mc_text {font-size: 23px; padding-top:10px;}
.date_box .db_sec year {font-size:16px;}
.date_box .db_sec day {font-size:35px;}
}


.festival_sc_all {position:relative; left:0; top:0; width:100%; height:100%; min-height:900px;z-index:10; }

section.intro_sec {position:fixed; top:0; left:0;  width:100%; height:100%;}
section.intro_sec .mn_pos {position:relative; top:calc(50% - 100px); left:50%; transform:translate(-50%, -50%); max-width:1300px; width:100%; padding:0 ;}
section.intro_sec .copy				{position:absolute; bottom:30px; left:0; width:100%; font-size:11px; color:rgba(255,255,255,0.7); line-height:1; text-align:center; z-index:1;}
section.intro_sec .copy span	{color:#fff; display:inline-block; padding:0 10px;}


.welcome_box {position:fixed; top:0; left:0; width:100%; height:100%; }
.welcome_box:after {content:""; position:absolute; top:0; left:0; border-left:1300px solid rgba(0,0,0,0.0)/*#a1c946*/; border-bottom:1700px solid transparent; 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:100; color:#fff; font-size:30px;}
.welcome_day .count_day .dday em {font-family:var(--neo); font-weight:800; font-size:30px; color:#008b4c; 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:#b4ff71;}
.welcome_day .count_day .now_festival span.ing {color:#f0ffe3;}
.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:500; color:rgba(0,0,0,0.85); font-size:12px; display:none;}
.welcom_nav {position:relative; font-size:15px; z-index:4; width:100%; text-align:center; }
.welcom_nav h1 {position:relative; }
.welcom_nav h1 > img {width:600px;opacity:0;}
.welcom_nav h1 > his_no {font-family:var(--neo);font-weight:100; color:#fff; font-size:18px; display:inline-block; padding:25px 0 0px 0px; position:relative; width:100%;text-shadow: 0 1px 3px rgba(0,0,0,0.6); opacity:0;}
.welcom_nav h1 > his_no sb_t {color:#fff;display:inline-block; padding:0 0 0px 10px;font-weight:100;}
.welcom_nav .s_title {position:relative; padding:20px 0 0 15px;}
.welcom_nav .s_title img {width:75%;}
.welcom_nav ul.schedule_box_ing {position:relative; max-width:500px; width:100%; padding:35px 20px 0 20px; font-size:0;  text-align:left; display:inline-block;}
.welcom_nav ul.schedule_box_ing > li {display:inline-block; vertical-align:top; width:100%; }
.welcom_nav ul.schedule_box_ing > li .go_content {display:inline-block; position:relative; background:#009962; color:#fff; font-size:13px;margin:20px 0 0 10px; padding:10px 0; max-width:150px; width:100%; text-align:center;font-family:var(--neo);font-weight:800; border-radius:35px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check {display:inline-block; vertical-align:top; width:100%; padding-left:4px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li {display:inline-block; vertical-align:top; width:50%; font-size:0; margin:1px 0; padding-left:8px; }
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now {padding:0 0 30px 0;font-family:var(--neo);font-weight:800; width:100%; border:0; margin:-15px 0 0 -3px;}
/*.welcom_nav ul.schedule_box_ing > li ul.date_check li.now {position:absolute; top:0; right:0; width:auto; ;font-family:var(--neo);font-weight:800;}*/
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span {font-size:14px !important; letter-spacing:-0.05em;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span em {font-style:normal;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span.ready em {color:orangered;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span.ing em {color:green;}
.welcom_nav ul.schedule_box_ing > li.none {width:100%; padding:30px 0; text-align:center; font-size:12px; color:red; background:#fafafa; border-radius:7px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li span {display:inline-block; vertical-align:top;  line-height:110%; font-family:var(--neo);font-weight:600; position:relative; width:100%; }
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_t {color:rgba(255,255,255,0.65); font-size:12px; margin-bottom:7px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_c {color:rgba(255,255,255,1); font-weight:800;font-size:17px;letter-spacing:0em;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_c em {position:absolute; top:50%; left:90px; transform:translateY(-50%); font-style:normal; display:inline-block; vertical-align:middle; background:rgba(255,255,255,0.2); border-radius:3px; line-height:100%; width:16px; height:16px; line-height:16px; text-align:center;  margin-left:2px; font-size:11px; font-family:var(--bar);font-weight:normal; color:#fff;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info {display:none; vertical-align:top; width:100%; padding:20px 0 0 7px;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li {display:inline-block; vertical-align:top; width:100%; font-size:0; margin:1px 0; }
.welcom_nav ul.schedule_box_ing > li ul.detail_info li span {display:inline-block; vertical-align:top;  line-height:130%; font-family:var(--neo);font-weight:700; position:relative;  letter-spacing:0em;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_t {color:rgba(255,255,255,0.55);font-size:12px; width:45px;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_t:before {content:"ㆍ";}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_c {color:rgba(255,255,255,1); font-weight:700;font-size:12px;width:calc(100% - 45px);}
.welcom_nav ul.go_web {position:relative; display:flex; max-width:400px; padding:10px 0 0 0;}
.welcom_nav ul.go_web li {flex:1; cursor:pointer; padding:15px 0; margin:0 5px; font-family:var(--neo); font-weight:800; color:#008c4d; border:3px solid #008c4d; font-size:14px; text-align:center; background:#fff;  border-radius:35px; transition:all .2s; position:relative;}
.welcom_nav ul.go_web li:last-child {background:#222; border-color:#222; color:#eee; font-weight:600;}
.welcom_nav ul.go_web li:hover {background:#009118; border-color:#009118; color:#fff;}
.welcom_nav ul.go_web li:last-child:hover {background:#000; border-color:#000;}

.welcom_nav .count_day {position:absolute; font-size:0; color:#000; top:-5px; right:-25px; transform:translateX(100%);}
.welcom_nav .count_day .dday,
.welcom_nav .count_day .now_festival {position:relative; display:inline-block; vertical-align:middle;}
.welcom_nav .count_day .dday  {position:absolute; top:2px; left:80px; white-space:nowrap;}
.welcom_nav .count_day .dday span,
.welcom_nav .count_day .dday em {display:inline-block; vertical-align:middle; line-height:100%;}
.welcom_nav .count_day .dday span {font-family:var(--neo); font-weight:100; color:#fff; font-size:13px; padding-right:3px;}
.welcom_nav .count_day .dday em {font-family:var(--neo); font-weight:800; font-size:17px; color:#fff; font-style:normal;}
.welcom_nav .count_day .now_festival {font-family:var(--neo); font-weight:500; color:#333; line-height:110%; font-size:0; width:70px; text-align:center;}
.welcom_nav .count_day .now_festival span {display:inline-block; font-size:11px; font-weight:500; color:#fff;line-height:110%;  padding:5px 0; border-radius:30px; width:100%;}
.welcom_nav .count_day .now_festival span:after {content:""; border-top:5px solid #ddd; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; bottom:-5px; left:0; right:0; margin:auto; width:0;}
.welcom_nav .count_day .now_festival span.ready {background:red;}
.welcom_nav .count_day .now_festival span.ready:after {border-top-color:red;}
.welcom_nav .count_day .now_festival span.ing {background:#008762;}
.welcom_nav .count_day .now_festival span.ing:after {border-top-color:#008762;}
.welcom_nav .count_day .now_festival span.pass {background:red;}
.welcom_nav .count_day .now_festival span.pass:after {border-top-color:red;}


.welcom_nav nav {display: flex; transition:all .3s; background:rgba(0,0,0,0); height:70px; overflow:hidden; border-radius:40px;margin: 80px auto 0;max-width:900px;justify-content: center; padding:0 30px;animation: main_fade 1.5s ease forwards; animation-delay: 2.3s;}
.welcom_nav nav > li {flex: 1; position:relative; transition:all .3s; max-width:150px;animation: main_fade_txt 1.5s ease forwards; animation-delay: 2.3s; opacity:0;}
.welcom_nav nav > li.on {}
.welcom_nav nav > li a {transition: all .3s;}
.welcom_nav nav > li > a {position:relative; height:100%; display:block;}
.welcom_nav nav > li > a span {position:absolute; top:calc(50% + 0px); left:50%; transform:translate(-50%,-50%); line-height:100%;font-family: var(--neo); font-weight: 700;font-size: 14px; color:#ddd;padding:0;transition:all .3s; text-align:center;letter-spacing:0em; white-space:nowrap;text-shadow: 0 1px 3px rgba(0,0,0,0.6);}
.welcom_nav nav > li:hover > a span {color:yellow;}
.welcom_nav nav > li.on > a span {color:yellow;}
.welcom_nav nav > li > a > i {position: absolute; transform: translateY(-50%) rotate(0deg);top: 50%; right: 25px; font-size: 15px; transition: all .3s; display:none !important;}
.welcom_nav nav > li:hover > a > i {transform: translateY(-50%) rotate(180deg); }
.welcom_nav nav > li ul.sub_cate1 {position:absolute; top:calc(var(--default_nav) + 10px); left:0; width:100%;  visibility: visible; opacity: 0; transition: all .3s; padding:0 10px;}

.welcom_nav .hwrp:hover nav > li ul.sub_cate1 {opacity: 1; visibility: visible; top:calc(var(--default_nav) - 0px); }

.welcom_nav nav > li ul.sub_cate1 > li {display: inline-block; width: 100%;}
.welcom_nav nav > li ul.sub_cate1 > li a {display: block; position: relative; padding:3px 0; letter-spacing:0;}
.welcom_nav nav > li ul.sub_cate1 > li.on > a {#82cbff}
.welcom_nav nav > li ul.sub_cate1 > li a span {display: inline-block; font-size: 12px; color: #eee; padding:0; position:relative; font-family:var(--neo); font-weight:500;  transition:all .2s;}
.welcom_nav nav > li ul.sub_cate1 > li a:hover span {color:#fff; }
.welcom_nav nav > li ul.sub_cate1 > li.on > a span {color:#82cbff; font-weight:bold;}
.welcom_nav nav > li .empty_box {position:absolute; top:calc(var(--default_nav) + 20px); left:0; width:100%; height:calc(100% - var(--default_nav)); background:yellow; opacity:0; transition:all .3s;}
.welcom_nav.open nav > li .empty_box {top:var(--default_nav); opacity:1;}
.welcom_nav nav > li .empty_box a {position:absolute; top:0; left:0; width:100%; height:100%; background:orange;}
.welcom_nav nav > li > a span em {display:inline-block; vertical-align:top; margin-left:5px; position:relative;}
.welcom_nav nav > li > a span em now {position:absolute; top:0px; left:0; /*padding:3px; border-radius:3px; */font-family: var(--neo); font-weight:normal; line-height:100%; background:red; font-size:0; color:#fff; font-style:normal; white-space:nowrap; width:4px; height:4px; border-radius:100%;}


.welcom_nav nav > li ul.sub_cate1 > li a span em {display:inline-block; vertical-align:top; margin-left:5px; position:relative;}

.welcom_nav nav > li ul.sub_cate1 > li a span em s_now {position:absolute; top:0px; left:0; /*padding:3px; border-radius:3px; */font-family: var(--neo); font-weight:normal; line-height:100%; background:red; font-size:0; color:#fff; font-style:normal; white-space:nowrap; width:4px; height:4px; border-radius:100%;}



.intro_copy  {position:fixed; bottom:0; right:0; width:100%; text-align:right;font-family:var(--neo); font-weight:500; color:rgba(255,255,255,0.45); font-size:11px; z-index:4; letter-spacing:0.05em; padding:0 30px 30px 30px;}
.intro_copy span  {display:inline-block; padding:0 5px; color:rgba(255,255,255,0.9);}

.exp_hanji {position:relative; padding:30px 10px 0 40px; font-size:12px; color:#fff; line-height:150%;font-family:var(--neo); font-weight:500; }
.ani_icon_box {position: absolute; width: 20px; pointer-events: none; will-change: transform; opacity:0.35;}

@media screen and (max-width: 2000px){
section.intro_sec .mn_pos {top:calc(50% - 50px); }
.welcom_nav h1 > img {width:500px;}
}

@media screen and (max-width: 1700px){
.welcom_nav h1 > img {width:450px;opacity:0;}
}

@media screen and (max-width: 1160px){
	#wrapper header button i {color: #fff;}
section.intro_sec .copy				{font-size:9px;}
section.intro_sec .copy span	{padding:0 7px;}
.welcom_nav nav {display: none;}
}


@media screen and (max-width: 650px){
	.welcome_box:after {border-left:200px solid rgba(255,255,255,0.1)/*#a1c946*/; border-bottom:230px solid transparent; z-index:2; display:none;}
	.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 {padding:70px 30px 0 30px;}
	.welcom_nav h1 {}

	.welcom_nav h1 > img {max-width:300px; width:90%;}

	.welcom_nav h1 > his_no {font-size:13px; padding:10px 0 0px 0px;}
	.welcom_nav .s_title {padding:5px 0 0 10px;}
	.welcom_nav ul.schedule_box_ing {padding:20px 0px 0 0px;}
	.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_t {font-size:11px;}
	.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_c {font-size:14px;}
	.welcom_nav ul.schedule_box_ing > li ul.detail_info li {margin:0px 0; }
	.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_t {font-size:11px; width:40px;}
	.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_c {font-size:11px;width:calc(100% - 40px);}
	.welcom_nav .count_day {padding:25px 0 0 20px; }
	.welcom_nav .count_day .dday  {top:27px; left:100px;}
	.welcom_nav .count_day .dday span {font-size:11px; font-weight:500;}
	.welcom_nav .count_day .dday em {font-size:13px;}
	.welcom_nav ul.go_web {}
	.welcom_nav ul.go_web li {padding:12px 0; margin:0 2px; font-size:13px;border:2px solid #008c4d; }
	.intro_copy  {font-size:9px;letter-spacing:0em; padding:0 15px 20px 15px; text-align:center;color:rgba(255,255,255,0.8)}
	.intro_copy span  {padding:0 3px;color:rgba(0,0,0,1)}
	.flower {bottom:-18%; right:-20px; height:65%;}
	.flower_box {bottom:-18%; right:-20px; width:280px;z-index:3;}
	.pattern_color {bottom:-1%; width:100%;}
	.pattern_color_box {bottom:-1%;width:100%;right:0px;}
	.typo_title {top:20px; right:15px;}
	.typo_title span {line-height:90%; font-size:14vw; opacity:0.65;}
}

/**/
ul.notice_fs_2025 {position:relative; max-width:400px; padding:45px 0 0 30px;}
ul.notice_fs_2025 li {position:relative; text-align:left; line-height:100%;}
ul.notice_fs_2025 li.title {}
ul.notice_fs_2025 li.title h3 {display:inline-block; width:auto; margin:0 0 10px -8px; }
ul.notice_fs_2025 li.title h3 a {display:block; background:#333; color:#fff !important; font-size:11px; width:auto; padding:5px 8px; border-radius:30px;  line-height:110%;}
ul.notice_fs_2025 li h3,
ul.notice_fs_2025 li p,
ul.notice_fs_2025 li span {position:relative; display:inline-block; width:100%;}
ul.notice_fs_2025 li h3 a {display:block; font-weight:700; font-size:17px; color:#fff; line-height:140%; transition:all .3s;}
ul.notice_fs_2025 li p { margin:10px 0 0 0;}
ul.notice_fs_2025 li p a {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; font-family:var(--neo); font-size:12px; color:#999; transition:all .3s; line-height:170%;}
ul.notice_fs_2025 li span {font-size:11px; color:#555; padding:10px 0 0 0; opacity:0.65; line-height:100%; margin:0;}
ul.notice_fs_2025 li:hover h3 a {color:#fff;}
ul.notice_fs_2025 li:hover p a {opacity:1;}

@media screen and (max-width: 1160px){
	ul.notice_fs_2025 {padding:35px 0 0 30px; }
}

@media screen and (max-width: 650px){
	ul.notice_fs_2025 {padding:25px 0 0 10px; max-width:280px;}
	ul.notice_fs_2025 li h3 a {font-size:13px; font-weight:600;}
	ul.notice_fs_2025 li p { margin:7px 0 0 0; display:none;}
	ul.notice_fs_2025 li p a {font-size:11px; line-height:140%}
	ul.notice_fs_2025 li span {font-size:10px; padding-top:10px;}
}

/**/
.logo_2026 {position:fixed; top:0; left:0; width:300px;}
.logo_2026 img {width:100%;}
.gd_box_wrap {position:absolute; bottom:50px; right:-70px; width:50%; height:1px;}
.gd_box_wrap .gbw {position:absolute; left:0; width:100%; }
.gd_box_wrap .gbw:after {content:""; display:block; padding-top:80%; }
.gd_box_wrap .gbw.str {bottom:0; z-index:1;border:0px solid red;}
.gd_box_wrap .gbw.sha {top:0; opacity:0.3; transform:translateY(-15%);border:0px solid blue;}
.gd_box_wrap .gbw .step {position:absolute;left:0; width:100%;opacity:0;}
.gd_box_wrap .gbw.str .step {bottom:0; animation: won_array_up 1s ease forwards;}
.gd_box_wrap .gbw.sha .step {top:0;animation: won_array_down 1s ease forwards;}
.gd_box_wrap .gbw.sha .step.sha_l_01 {top:-10%;}
.gd_box_wrap .gbw img {width:100%;}
.gd_box_wrap .gbw.str .step.str_r_01 {animation-delay: 0.3s;}
.gd_box_wrap .gbw.str .step.str_r_02 {animation-delay: 0.5s;}
.gd_box_wrap .gbw.str .step.str_r_03 {animation-delay: 0.7s;}

.gd_box_wrap .gbw.str .step.str_l_01 {animation-delay: 0.45s;}
.gd_box_wrap .gbw.str .step.str_l_02 {animation-delay: 0.65s;}
.gd_box_wrap .gbw.str .step.str_l_03 {animation-delay: 0.85s;}

.gd_box_wrap .gbw.str .step.str_center {animation-delay: 0.95s;}

.gd_box_wrap .gbw.sha .step.sha_r_01 {animation-delay: 0.3s;}
.gd_box_wrap .gbw.sha .step.sha_r_02 {animation-delay: 0.5s;}
.gd_box_wrap .gbw.sha .step.sha_r_03 {animation-delay: 0.7s;}

.gd_box_wrap .gbw.sha .step.sha_l_01 {animation-delay: 0.45s;}
.gd_box_wrap .gbw.sha .step.sha_l_02 {animation-delay: 0.65s;}
.gd_box_wrap .gbw.sha .step.sha_l_03 {animation-delay: 0.85s;}

.gd_box_wrap .gbw.sha .step.sha_center {animation-delay: 0.95s;}

.dot_box_wrap {position:fixed; top:0; right:0; height:100%; opacity:0; animation: dot_show 1s ease forwards;}
.dot_box_wrap img {height:100%;}

@keyframes won_array_up {
	from	{transform: translate(0, 30px); opacity:0;}
	to		{transform: translate(0,0%); opacity:1;}
}
@keyframes won_array_down {
	from	{transform: translate(0,-30px); opacity:0;}
	to		{transform: translate(0, 0%); opacity:0.6;}
}

@keyframes dot_show {
	from	{transform: translateY(10px); opacity:0;}
	to		{transform: translate(0, 0%); opacity:0.3;}
}



/**/
ul.festival_time_line_main {position:relative; padding:0;}
ul.festival_time_line_main li {position:relative; font-size:0; line-height:110%; display:none; padding:8px 10px; width:100%; border-bottom:0px dashed #ddd;}
ul.festival_time_line_main li a {position:absolute; top:0; left:0; width:100%; height:100%; border:0px solid red; z-index:1;}
ul.festival_time_line_main li.show {display:block; }
ul.festival_time_line_main li.none {display:none;}
ul.festival_time_line_main li .sr_pic,
ul.festival_time_line_main li .sr_info {display:inline-block; vertical-align:middle; position:relative; }
ul.festival_time_line_main li .sr_pic {width:35px; border-radius:100%; overflow:hidden; background-size:50% 50% !important; background-position:center center !important; background:rgba(0,0,0,0.2) url("/images/sym.png") no-repeat;}
ul.festival_time_line_main li .sr_pic:after {content:""; display:block; padding-top:100%; }
ul.festival_time_line_main li .sr_pic .data {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; background-position:center center !important;}
ul.festival_time_line_main li .sr_info {width:calc(100% - 35px); padding-left:15px;}
ul.festival_time_line_main li cnm {position:relative; font-size:10px; line-height:110%; color:#999; font-weight:500; display:inline-block; margin-bottom:3px;}
ul.festival_time_line_main li cnm:before {content: ""; color:#eee !important;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
ul.festival_time_line_main li cnm.cnm1:before {content: "개막"; color: var(--map_mk_color1);}
ul.festival_time_line_main li cnm.cnm2:before {content: "주제전시"; color: var(--map_mk_color2);}
ul.festival_time_line_main li cnm.cnm3:before {content: "작가참여전시"; color: var(--map_mk_color2);}
ul.festival_time_line_main li cnm.cnm4:before {content: "시민참여전시"; color: var(--map_mk_color2);}
ul.festival_time_line_main li cnm.cnm5:before {content: "기획전시(실내)"; color: var(--map_mk_color2);}
ul.festival_time_line_main li cnm.cnm6:before {content: "대한민국한지대전"; color: var(--map_mk_color2);}
ul.festival_time_line_main li cnm.cnm7:before {content: "한지한마당"; color: var(--map_mk_color7);}
ul.festival_time_line_main li cnm.cnm8:before {content: "국제포럼"; color: var(--map_mk_color8);}
ul.festival_time_line_main li cnm.cnm9:before {content: "마켓"; color: var(--map_mk_color9);}
ul.festival_time_line_main li cnm.cnm10:before {content: "버스킹"; color: var(--map_mk_color10);}
ul.festival_time_line_main li cnm.cnm11:before {content: "이벤트"; color: var(--map_mk_color11);}
ul.festival_time_line_main li h3 {position:relative; font-size:13px; line-height:110%; color:#fff; font-weight:600;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}

@media screen and (max-width: 1300px){
	ul.festival_time_line_main {padding:0px;}
	ul.festival_time_line_main li {padding:0px 15px;}
}

@media screen and (max-width: 1160px){
	ul.festival_time_line_main {padding:0px;}
	ul.festival_time_line_main li {padding:0px;}
	ul.festival_time_line_main li .sr_info {padding-left:10px;}
	ul.festival_time_line_main li h3 {font-size:12px;}
}

/**/
.welcom_nav > .count_day {position:relative; }
.welcom_nav > .count_day .dday,
.welcom_nav > .count_day .now_festival {display:inline-block !important; vertical-align:middle;width:100%;}
.welcom_nav > .count_day .dday span,
.welcom_nav > .count_day .dday em {display:inline-block; vertical-align:middle;}
.welcom_nav > .count_day .dday span {font-family:var(--neo); font-weight:800; color:#ddd; font-size:20px;}
.welcom_nav > .count_day .dday em {font-family:var(--neo); font-weight:900; font-size:20px; color:#000; font-style:normal;}
.welcom_nav > .count_day .now_festival {font-family:var(--neo); font-weight:700; color:#333; line-height:110%; margin-top:10px;font-size:0; }
.welcom_nav > .count_day .now_festival span {display:inline-block; font-size:12px; font-weight:900; color:red;}
.welcom_nav > .count_day .now_festival span.ready {color:#fff200;}
.welcom_nav > .count_day .now_festival span.ing {color:#438919;}
.welcom_nav > .count_day .now_festival span.pass {color:red;}

.welcom_nav .ct_view {position:absolute; top:590px; left:570px; padding:10px 25px; font-size:0; white-space:nowrap; cursor:pointer; background:#004e53; border-radius:30px;}
.welcom_nav .ct_view i,
.welcom_nav .ct_view span {display:inline-block; vertical-align:middle; position:relative; }
.welcom_nav .ct_view i {font-size:20px; color:#fff; font-weight:normal;}
.welcom_nav .ct_view span {font-size:12px; font-weight:500; color:#fff; padding-left:7px;}


@media screen and (max-width: 2000px){
	.welcom_nav .ct_view {top:570px;}
}

@media screen and (max-width: 1160px){

	.welcom_nav .ct_view {top:400px; left:420px; padding:10px 25px; }
}

@media screen and (max-width: 650px){

	.welcom_nav .ct_view {top:0px; left:0px; padding:5px 7px; background:transparent; border-bottom:1px dashed rgba(0,0,0,0.3); position:relative; display:inline-block; margin-top:25px; border-radius:0;}
	.welcom_nav .ct_view i {font-size:18px;}
	.welcom_nav .ct_view span {font-size:11px;}
}

/**/
.welcom_nav nav.pro_nav {position:relative; top:0; max-width:1050px; width:100%; height:80; display:flex; z-index:5; justify-content: center; font-size:0; margin:50px 0 0 -80px;}
.welcom_nav nav.pro_nav:after {content:""; position:absolute; top:0; left:0;width:100%; height:100%;background:rgba(0,0,0,0.6); border-radius:0 100px 100px 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.welcom_nav nav.pro_nav > li {flex:1; position:relative; max-width:150px; z-index:1;}
.welcom_nav nav.pro_nav > li > a {display:block; position:relative; height:100%;}
.welcom_nav nav.pro_nav > li > a > span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; font-size:14px; font-weight:600; color:rgba(255,255,255,0.9); border-right:0px solid rgba(0,0,0,0.3); padding:10px 30px; border-radius:30px; transition:all .3s; white-space:nowrap;}
.welcom_nav nav.pro_nav > li:hover a span {color:#fff;}
.welcom_nav nav.pro_nav > li.on > a span {background:rgba(0,0,0,0.05); color:#fff;}
.welcom_nav nav.pro_nav > li:last-child a span {border:0;}
.welcom_nav nav.pro_nav > li > a span .count_day {position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-size:0; color:#000; background:red; padding:3px 7px; border-radius:30px; display:none !important;}
.welcom_nav nav.pro_nav > li > a span .count_day .dday,
.welcom_nav nav.pro_nav > li > a span .count_day .now_festival {display:inline-block !important; vertical-align:middle;white-space:nowrap;line-height:100%;}
.welcom_nav nav.pro_nav > li > a span .count_day .dday span,
.welcom_nav nav.pro_nav > li > a span .count_day .dday em {display:inline-block; vertical-align:middle; line-height:100%;}
.welcom_nav nav.pro_nav > li > a span .count_day .dday span {font-family:var(--neo); font-weight:800; color:#ddd; font-size:10px;}
.welcom_nav nav.pro_nav > li > a span .count_day .dday em {font-family:var(--neo); font-weight:900; font-size:10px; color:#fff; font-style:normal;}
.welcom_nav nav.pro_nav > li > a span .count_day .now_festival {font-family:var(--neo); font-weight:700; color:#333; line-height:110%; margin-top:10px;font-size:0; display:none !important;}
.welcom_nav nav.pro_nav > li > a span .count_day .now_festival span {display:inline-block; font-size:12px; font-weight:900; color:red;}
.welcom_nav nav.pro_nav > li > a span .count_day .now_festival span.ready {color:orange;}
.welcom_nav nav.pro_nav > li > a span .count_day .now_festival span.ing {color:#438919;}
.welcom_nav nav.pro_nav > li > a span .count_day .now_festival span.pass {color:red;}

.welcom_nav nav.pro_nav > li.old_festival {position:fixed; top:20px; right:20px; }
.welcom_nav nav.pro_nav > li.old_festival a {width:100px; height:30px; border:0px solid #199969; background:#fff; border-radius:30px;}
.welcom_nav nav.pro_nav > li.old_festival a span {color:#07795a; font-size:12px;}

.welcom_nav nav.pro_nav > li ul.sub_cate1 {position:absolute; top:80px; left:0; right:0; margin:auto; max-width:150px; width:100%; background:#003555; border-radius:10px; padding:15px; visibility: hidden; opacity: 0; transition:all .3s;}
.welcom_nav nav.pro_nav > li ul.sub_cate1:before {content:""; position:absolute; left:50%; top:-7px; transform:translateX(-50%); border-bottom:7px solid #003555; border-left:5px solid transparent; border-right:5px solid transparent;}
.welcom_nav nav.pro_nav > li:hover ul.sub_cate1 {opacity: 1; visibility: visible; top:75px;}
.welcom_nav nav.pro_nav > li ul.sub_cate1.show {}
.welcom_nav nav.pro_nav > li ul.sub_cate1 li {position:relative; width:100%;}
.welcom_nav nav.pro_nav > li ul.sub_cate1 li a {display:block; position:relative; text-align:left; padding:2px 0;}
.welcom_nav nav.pro_nav > li ul.sub_cate1 li a span {display:inline-block; position:relative; font-size:12px; color:#eee;}
.welcom_nav nav.pro_nav > li ul.sub_cate1 li:hover a span {color:#fff;}
.welcom_nav nav.pro_nav > li ul.sub_cate1 li a span:before {content:"ㆍ";}



.time_line_slide {position:fixed; top:80px; right:100px; z-index:5; width:300px;background:rgb(114 145 46 / 85%); border-radius:15px; overflow:hidden;}
.time_line_slide:after {content:""; position:absolute; top:0; left:0; width:100%; height:90px; background:rgba(0,0,0,0.1);}
.time_line_slide .char {position:absolute; top:15px; right:15px; z-index:1; width:80px; }
.time_line_slide .char img {width:100%;}
.time_line_slide > h3 {position:relative; font-size:15px; padding:30px 30px 0 30px; color:#fff; font-weight:700; z-index:2;}
.time_line_slide > h4 {position:relative; font-size:12px; padding:2px 30px 20px 30px; color:#fff; font-weight:500; z-index:2;}
.time_line_slide > h4 em {display:inline-block; vertical-align:middle; width:15px; height:15px; line-height:15px; text-align:center; background:red; color:#fff; font-size:10px; padding:0; font-weight:500; font-style:normal; border-radius:3px;}
.time_line_box {position:relative; left:0; right:0; margin:auto; max-height:600px; height:100%; padding:25px; z-index:10;}
.time_line_box		{overflow-y:overlay;}
.time_line_box:: {-ms-overflow-style: none;}
.time_line_box::-webkit-scrollbar {background: transparent; width:3px; height:3px; border-radius:15px;}
.time_line_box::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.6); border-radius:15px; }

@media screen and (max-width: 2000px){

}

@media screen and (max-width: 1300px){
	.time_line_slide {position:fixed; top:80px; right:100px; width:300px;border-radius:10px;}
	.time_line_slide:after {display:none;}
	.time_line_slide > h4 {padding:2px 30px 0px 30px;}
	.time_line_box {height:65px; overflow:hidden;background:rgb(114 145 46 / 85%); border-radius:90px; padding:0; width:calc(100% - 30px);margin:15px auto;}
}

@media screen and (max-width: 1160px){
	.welcom_nav nav.pro_nav {display:none;}
	.time_line_slide {position:relative; top:0; right:0; max-width:500px; width:calc(100% - 30px); height:70px; background: url(/hanji_festival/2025/images/bg_menu_green.jpg) no-repeat; background-size: cover; background-position: center center;border-radius:35px; margin:35px 0 0 0;}
	.time_line_slide > h3 {font-size:13px; padding:16px 0px 0 40px;}
	.time_line_slide > h4 {font-size:11px; padding:1px 0px 15px 40px;}
	.time_line_slide > h4 em {font-size:9px; }
	.time_line_box {height:65px; overflow:hidden;padding:0; border-radius:0; position:absolute; top:50%; left:initial; right:0; width:calc(100% - 170px); margin:0; transform:translateY(-50%); background:transparent; }
}

@media screen and (max-width: 650px){
	.time_line_slide {max-width:calc(100% + 15px); width:calc(100% + 15px); height:60px; margin:20px 0 0 -15px;}
	.time_line_slide .char {top:initial; bottom:0; right:-5px; width:65px;}
	.time_line_slide > h3 {font-size:12px; padding:12px 0px 0 30px;}
	.time_line_slide > h4 {font-size:10px; padding:0px 0px 15px 30px;}
	.time_line_slide > h4 em {font-size:8px; width:12px; height:12px; line-height:12px;}
	.time_line_box {height:60px; right:0; width:calc(100% - 150px);}
}