#wrapper {position:relative; width:100%; height:auto; min-height:100%; -webkit-overflow-scrolling:touch; }
#wrapper header {position:fixed; top:0; left:0; width:100%;  z-index:101;transform:translateY(0%); transition: all .3s; }
#wrapper header.hid {transform:translateY(-100%);}
#wrapper header.open {height: 250px; }
#wrapper header .hd_bg {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:var(--main-color); background-position:center center !important; background-size:cover !important; z-index: 2; transition:all .5s;}
#wrapper header .hd_bg:after {content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3);}
/*
#wrapper header .hd_bg.b_1 { background-color: red !important; }
#wrapper header .hd_bg.b_2 { background-color: brown !important; }
#wrapper header .hd_bg.b_3 { background-color: #693e3e !important; }
#wrapper header .hd_bg.b_4 { background-color: #3576a1 !important; }
#wrapper header .hd_bg.b_5 { background-color: orange !important; }
*/
#wrapper header .top_pos {position:relative; max-width:var(--default_wd); width:100%; height:80px; left:0; right:0; margin:auto; font-size:0; z-index: 3; transition:all .3s;}
#wrapper header .top_pos:hover {height:250px;}
#wrapper header .top_pos .logo {position: absolute; left: 0; top:0;  font-size:0; z-index: 1; cursor:pointer; width:300px; height:80px;}
#wrapper header .top_pos .logo img {position:absolute; top:50%; left:20px; transform:translateY(-50%);width:35px;}
#wrapper header .top_pos .logo img.hanji {width:180px;}
#wrapper header .top_pos .logo span {position:absolute; top:50%; left:70px; transform:translateY(-50%); font-family:var(--neo); font-weight:800; color:#fff; font-size:16px;}
#wrapper header .top_pos .logo .logo_txt {display:inline-block; vertical-align:middle; width:calc(100% - 60px); padding-left:15px;}
#wrapper header .top_pos .logo .logo_txt h2 {font-family:yg-jalnan; font-weight: normal;font-size:17px; text-align:left; color:#fff;transition: all .3s; letter-spacing:0.05em; padding-top:3px;}
#wrapper header .top_pos .logo .logo_txt h2 a {display:block; color:#a9f100;}

#wrapper header .top_pos .logo .hanji_logo {position:absolute; top:50%; left:20px; transform:translateY(-50%);width:180px;background: url(/images/logo_hanji_w.png) no-repeat; background-position: center center !important; background-size: cover !important; font-size:0;}
#wrapper header .top_pos .logo .hanji_logo:after {content:""; display:block; padding-top:21%;}



#wrapper header .top_pos .menu {display:inline-block; width:calc(100% - 310px); margin-left:250px; height: 100%; transition:all .3s; padding:0; }
#wrapper header .plus_area {position:absolute; bottom:-60px; right:0; width:50%; height:60px; background:#f4f4f4;transform:translate(0,10px); transition:all .7s;border-radius: 35px 0 0 35px; z-index: 1;-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);}
#wrapper header.hid .plus_area {/*transform:translateY(-100%); transform:translate(100%,10px);*/ opacity: 0;transform:translate(0, -100%);}
#wrapper header .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper header .pa_wd .lastest {position:relative; padding-right:70px;}
#wrapper header .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
#wrapper header .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper header .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper header .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper header .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper header .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper header button {position:absolute; top:0; right:0; width:80px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s; z-index:1;}
#wrapper header button:after {content:""; display: block; padding-top:100%;}
#wrapper header button i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#fff;transition:all .3s;  }
#wrapper header .icon {position:absolute; top:0; width:80px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s;}
#wrapper header .icon:after {content:""; display: block; padding-top:100%;}
#wrapper header .icon i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#fff;transition:all .3s;  }
#wrapper header .icon.user {right:80;}
#wrapper header .icon.cart {right:0; z-index:1;}
#wrapper .contents {position:relative; min-height:100%; height:auto; padding: 80px 0 610px 0; transition:all .3s; font-size:15px; background: #fff; transition: all .3s; }
#wrapper .contents .nav_sub_area {position:relative; width:100%; left:0; right:0; margin:auto; padding:0; transition:all .3s; overflow:hidden; z-index:10;}
#wrapper .contents .q_area {position:relative; max-width:var(--default_wd); width:100%; left:0; right:0; margin:0 auto; padding:0 28px; font-size:0; border:0px solid #eee; }
#wrapper .contents .q_area:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:300%; height:1px; z-index:1; border-top:1px dashed #eee;}
#wrapper .contents .q_area > i {display:inline-block; vertical-align:middle; font-size: 18px; color:#000; background: #fff; position: relative; z-index: 1;}
#wrapper .contents .q_area > img {display:none;}
#wrapper .contents .plus_area {position:absolute; top:90px; right:0; width:50%; height:60px; background:#f4f4f4;border-radius: 35px 0 0 35px; z-index: 100;/*-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);*/}
#wrapper .contents .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper .contents .pa_wd .lastest {position:relative;/* padding-right:70px;*/}
#wrapper .contents .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%; display:none;}
#wrapper .contents .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper .contents .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper .contents .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper .contents .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper .contents .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper footer {position:absolute; left: 0;bottom: 0; width:100%; height:auto; background:#fafafa; transition: all .3s; border-top:0px solid #eee; z-index:2;}
.content_hdbx				{position:fixed; top:0; left:0; width:100%; height:70px; text-align:center; border-bottom:0px solid #eee; background:#003e67; z-index:1001;transition:all .2s;transform: translateY(-100%);}
.content_hdbx.move		{transition:all .2s;transform: translateY(0%);}
.content_hdbx .cwb_pos			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:var(--default_wd); width:100%; padding:0 25px; text-align:left; transition:all .5s;}
.content_hdbx.move .cwb_pos			{transition:all .5s;}
.content_hdbx .title_box			{display:inline-block; width:100%; position:relative;}
.content_hdbx h2 {position:relative; font-family:var(--neo); font-size:18px; line-height:120%; color:#fff;}
.content_hdbx h2 span {display:inline-block; vertical-align:middle;}
.content_hdbx h2 .c1		{font-weight:600; color:#eee; padding-right:5px; }
.content_hdbx h2 .c2		{font-weight:800;}
.content_hdbx .location_box	{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:0; line-height:100%;}
.content_hdbx .location_box i,
.content_hdbx .location_box a	{display:inline-block; vertical-align:middle; transition:all .2s; line-height:100%;}
.content_hdbx .location_box i	{font-size:13px; color:rgba(255,255,255,0.7); }
.content_hdbx .location_box a	{font-size:13px; color:rgba(255,255,255,0.7); font-family:var(--neo); font-weight:bold;}
.content_hdbx .location_box a:hover	{color:#fff; transition:all .2s;}
.content_hdbx .location_box a.last	{color:yellow}
.content_hdbx .location_box a:first-child	{color:#fff; font-weight:bold;}
.content_hdbx .location_box i	{display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px;}
.sub_nv_ar {position:relative; border-bottom:1px solid var(--default_sel_line); background:#fff; display:none; width:100%; z-index:11;}
.sub_nv_ar nav {position:relative; left:0; right:0; max-width:var(--default_wd); width:100%; height:var(--default_sel_nav); margin:auto;}
.sub_nv_ar nav > ul 			{position:relative; font-size:0;border-left:1px solid var(--default_sel_line);}
.sub_nv_ar nav > ul > li 					{display:inline-block; vertical-align:middle; position:relative; width:calc(50% - (var(--default_sel_nav)/2)); height:100%; border-right:1px solid var(--default_sel_line); background:#fff;}
.sub_nv_ar nav > ul > li.home			{width:var(--default_sel_nav); position:relative; border-right:1px solid var(--default_sel_line);}
.sub_nv_ar nav > ul > li.home:after		{content:""; display:block; padding-top:100%; }
.sub_nv_ar nav > ul > li > a		{position:absolute; top:0; left:0; width:100%; height:100%; font-size:15px; cursor:pointer;}
.sub_nv_ar nav > ul > li > a > span		{position:absolute; top:50%; left:0; width:100%; padding:0 35px 0 20px; text-align:left; transform:translateY(-50%); line-height:120%; font-size:13px; color:rgba(0,0,0,0.8); transition:all .2s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;}
.sub_nv_ar nav > ul > li > a > i				{position:absolute; top:50%;  line-height:100%; font-size:25px; color:#383838; transform:translateY(-50%);}
.sub_nv_ar nav > ul > li > a > i.xi-home-o		{left:50%; transform:translate(-50%, -50%);}
.sub_nv_ar nav > ul > li > a > i.xi-angle-down-min	{right:10px;}
.sub_nv_ar nav > ul > li .list		{position:absolute; top:var(--default_sel_nav); left:-1; ; width:calc(100% + 2px); z-index:10;}
ul.sub_sel_cate {position:relative; top:0; left:0; width:100%; border:1px solid var(--default_sel_line); border-width:0 1px 1px 1px; background:#fafafa;}
ul.sub_sel_cate > li {display:inline-block; letter-spacing: 0em; width: 100% !important; font-family:var(--neo) ; border-top: 1px solid var(--default_sel_line);}
ul.sub_sel_cate > li > a {position:relative !important; font-size:13px; display:block; padding:15px 20px; color:#333;}
ul.sub_sel_cate > li > a.on {color:red; font-weight:bold;}
ul.sub_sel_cate.sub > li > a.on {color:#2979df; font-weight:bold;}
ul.sub_sel_cate > li > ul.depth3 {position:relative; padding:0px 20px 25px 20px; border-top:1px dashed var(--default_sel_line);}
ul.sub_sel_cate > li > ul.depth3 li {display:inline-block; letter-spacing: 0em; width: 100% !important; font-family: var(--neo); border:0;}
ul.sub_sel_cate > li > ul.depth3 li > a {position:relative !important; font-size:15px; display:block; color:#333;}
ul.sub_sel_cate > li > ul.depth3 li > a.on {color:red;}
ul.sub_sel_cate > li > ul.depth3 li > a:before {content:"ㆍ"; }
.title_area  {position:relative; z-index:10;}
.title_area .title_box  {position:relative; left:0; right:0; max-width:var(--default_wd); width:100%; margin:90px auto 45px auto; padding:0 25px; text-align:left; z-index:1;}
.title_area .title_box h2 {position:relative; font-family:var(--neo); line-height:120%; color:#000;}
.title_area .title_box h2 span {display:inline-block; vertical-align:middle; line-height:110%}
.title_area .title_box h2 .c1		{/*font-family:var(--neo); font-weight:normal;*/ font-weight:600; color:#555; letter-spacing:-0.05em;  width:100%; font-size:17px; padding:0 0 7px 3px; }
.title_area .title_box h2 .c2		{font-weight:800; font-size:40px;}
.title_area .location_box	{position:absolute; bottom:0; right:25px; font-size:0; line-height:100%;}
.title_area .location_box i,
.title_area .location_box a	{display:inline-block; vertical-align:middle; transition:all .2s; line-height:100%;}
.title_area .location_box i	{font-size:13px; color:rgba(0,0,0,0.7); }
.title_area .location_box a	{font-size:13px; color:rgba(0,0,0,0.7); font-family:var(--neo); font-weight:bold;}
.title_area .location_box a:hover	{color:black; transition:all .2s;}
.title_area .location_box a.last	{color:#00649f;}
.title_area .location_box a:first-child	{color:black; font-weight:bold;}
.title_area .location_box i	{display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px;}

@media screen and (max-width: 1160px){
	#wrapper {min-height:auto;}
	#wrapper header {background:#fff; height:80px; border-bottom:1px solid #eee;}
	#wrapper header .hd_bg {display:none;}
	#wrapper header .top_pos,
	#wrapper header .top_pos:hover {height:100%;}
	#wrapper header .top_pos .logo {transform: translate(-50%, -50%); top:50%; left: 50%; width:auto; height:45%; text-align:center;}
	#wrapper header .top_pos .logo img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
	#wrapper header .top_pos .logo img.hanji {width:auto; height:50px;}
	#wrapper header .top_pos .logo span {display:none;}
	#wrapper header .top_pos .logo .logo_txt {width:auto; padding:0; display:none;}
	#wrapper header .top_pos .logo .logo_txt h2 {text-align:center;}

	#wrapper header .top_pos .logo .hanji_logo {width:180px;background: url(/images/logo_hanji.png) no-repeat; transform:translate(-50%, -50%); left:50%;}

	#wrapper header .top_pos .menu {display:none;}
	#wrapper header .plus_area {bottom:0; z-index:3;-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); width:80px; height:100%; background:none;transform:none;border-radius: 0;}
	#wrapper header .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper header .pa_wd .lastest {display:none;}
	#wrapper header .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper header button {position:fixed; top:0; left:0; right:initial; display:inline-block;}
	#wrapper header button i {color:#000;}
	#wrapper header .icon i {color:#000;}
	#wrapper .contents {min-height:auto; padding: 80px 0 0 0;}
	#wrapper .contents .nav_sub_area {display:none;}
	#wrapper .contents .plus_area {position:fixed; top:0;  width:80px; height:80px; background:none;border-radius: 0; transform:translateY(0); transition: all .3s; z-index:102;}
	#wrapper .contents .plus_area.hid {transform:translateY(-100%);}
	#wrapper .contents .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper .contents .pa_wd .lastest {display:none;}
	#wrapper .contents .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper footer {position:relative; height:auto;}
	.sub_nv_ar {display:inline-block; }
	.sub_nv_ar nav > ul 			{border:0;}
	.sub_nv_ar nav > ul > li.navi_sub_m2_box	{border:0;}
	.sub_nv_ar nav > ul > li.navi_sub_m2_box ul.sub_sel_cate {border-width:0 0px 1px 1px;}
	.title_area .title_box  {margin:30px auto 25px auto; padding:0 25px;}
	.title_area .title_box h2 .c1		{display:none}
	.title_area .title_box h2 .c2		{font-size:30px;}
	.title_area .location_box	{display:none;}
}

@media screen and (max-width: 650px){
	#wrapper header {height:55px; }
	#wrapper header .top_pos .logo img.hanji {height:25px;}
	#wrapper header .top_pos .logo .logo_txt h2 {font-size:15px;}
	#wrapper header .top_pos .logo .hanji_logo {width:110px;}
	#wrapper header .plus_area {width:55px;}
	#wrapper header .pa_wd .kakao {width:25px; }
	#wrapper header .pa_wd .kakao i {font-size:18px;}
	#wrapper header button {width:55px; }
	#wrapper header button i {font-size:20px;}
	#wrapper header .icon {width:55px;}
	#wrapper header .icon i {font-size:20px;}
	#wrapper header .icon.user {right:35px;}
	#wrapper header .icon.cart {right:0;}
	#wrapper .contents {padding: 55px 0 0 0; }
	#wrapper .contents .nav_sub_area {padding:25px 22px 0 22px;}
	#wrapper .contents .plus_area { width:55px; height:55px; }
	#wrapper .contents .pa_wd .kakao {width:25px; }
	#wrapper .contents .pa_wd .kakao i {font-size:18px;}
	.content_hdbx				{height:55px;}
	.content_hdbx .cwb_pos			{padding:0 20px;}
	.content_hdbx h2 {font-size:14px;}
	.content_hdbx .location_box	{display:none;}
	.sub_nv_ar nav > ul > li > a > span		{ padding:0 30px 0 15px; font-size:12px;}
	.sub_nv_ar nav > ul > li > a > i				{font-size:16px;}
	.sub_nv_ar nav > ul > li > a > i.xi-angle-down-min	{right:8px;}
	ul.sub_sel_cate > li > a {font-size:11px; padding:10px 15px;}
	.title_area .title_box  {margin:30px auto 0 auto; padding:0 25px;}
	.title_area .title_box h2 .c2		{font-size:20px;}
}

/* 하단정보 */
.btm_nav			{position:relative; font-size:0; overflow:hidden; background:#fff; padding:0 0 20px 0;}
.btm_info			{position:relative; margin:0 auto; max-width:var(--default_wd); width:100%; padding:50px 20px; font-size:0; background:#fafafa;}
.btm_info .logo		{display:inline-block; vertical-align:top; width:80px;}
.btm_info .logo img		{width:100%;}
.btm_info .info_box		{display:inline-block; vertical-align:top; width:calc(100% - 80px); text-align:left; padding:0 0 0 70px; position:relative;}
.btm_info .detail				{display:inline-block; vertical-align:top; width:100%; font-size:0;}
.btm_info .detail span				{display:inline-block; vertical-align:middle; padding:2px 10px 2px 0; font-size:12px; color:#555; line-height:150%;font-family: var(--neo); font-weight: 700;}
.btm_info .detail span.cmp		{width:100%; padding:0px 10px 10px 0; font-size:15px; color:#000; font-weight: 800;}
.btm_info .detail span a			{color:#555;}
.btm_info .detail span i			{display:inline-block; padding-right:5px; vertical-align:middle; color:#000;}
.btm_info .detail span em		{display:inline-block; padding-right:5px; font-style:normal; color:rgba(0,0,0,0.6);}
.btm_info p				{display:inline-block; width:100%; font-size:11px; color:rgba(0,0,0,0.45); padding-top:7px;}
.btm_info .rest				{position:absolute; top:0; right:0; width:200px; }
.btm_info .copy				{display:inline-block; width:100%; font-size:11px; color:rgba(0,0,0,0.7); padding-top:20px;}
.btm_info .copy span		{color:#000; display:inline-block; padding:0 10px;}
.btm_info ul.sns_bnr {position:relative; margin-top:25px; font-size:0; text-align:center;}
.btm_info ul.sns_bnr li {display:inline-block; vertical-align:middle; font-size:20px; margin-right:10px; color:#000;}
.btm_info ul.sns_bnr li:last-child {margin:0;}
.select_replace	{position:relative; font-size:0; margin-top:15px;}
.select_replace > h3{display:inline-block; vertical-align:top; width:100%; text-align:left; position:relative; font-size:0; border:1px solid #eee;border-radius:3px;}
.select_replace > h3:first-child {margin:0;}
.select_replace > h3 span{display:inline-block; width:100%; font-size:12px; line-height:40px; padding:0 15px; background:#fff; border-radius:7px; color:#333;position:relative; transition:all .3s; cursor:pointer;}
.select_replace > h3 span > i{position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:13px; color:#333;}
ul.sr_kind{position:absolute; bottom:50px; left:0; width:100%;transition:all .3s; z-index:10; visibility: hidden; opacity: 0; background:#fff; border:1px solid #eee; padding:15px; border-radius:7px;max-height:300px; height:auto;}
ul.sr_kind.show{bottom:45px; transition:all .3s;opacity: 1; visibility: visible; }
ul.sr_kind		{overflow-y:overlay;}
ul.sr_kind:: {-ms-overflow-style: none;}
ul.sr_kind::-webkit-scrollbar {background: transparent; width:2px; height:2px; border-radius:15px;}
ul.sr_kind::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
ul.sr_kind li {position:relative; font-size:12px; color:#333; transition:all .3s; cursor:pointer; padding:3px 0;}

@media screen and (max-width: 1160px){
	.btm_nav			{display:none;}
	.btm_info			{width:100%; padding:50px;}
	.btm_info .info_box		{padding:10px 0 0 0px; width:100%;}
	.btm_info .rest	{position:relative; width:100%;}
	.btm_info ul.sns_bnr {margin-top:15px; text-align:left;}
	.select_replace	{display:none;}
}

@media screen and (max-width: 650px){
	.btm_info			{padding:30px;}
	.btm_info .logo		{width:100%; text-align:left;}
	.btm_info .logo img		{width:40px;}
	.btm_info .info_box		{padding:15px 0 0 0; width:100%; text-align:left;}
	.btm_info .detail span		{padding:0 10px 3px 0; font-size:11px; line-height:100%;}
	.btm_info .detail span.cmp		{font-size:13px; font-weight: 700;}
	.btm_info .detail span i {padding-right:2px;}
	.btm_info .detail .hd		{display:none;}
	.btm_info p				{font-size:10px; line-height:150%;}
	.btm_info p .hd				{display:none;}
	.btm_info .copy				{font-size:10px; padding-top:10px;}
	.btm_info .copy span		{font-size:0; padding:0 2px;}
	.btm_info ul.sns_bnr li {font-size:18px; margin-right:7px;}
}

.bg_color		{position: fixed;  left:0; width: 100%; height: calc(100% - 50px); z-index: -10;}
.bg_color.b_top			{top:0;}
.bg_color.b_bottom		{bottom:0;}
.color_t	{background:#fff;}
.color_b	{background:#fafafa;}


/* 한지축제 D-Day 카운트 */
.biz_wrap .count_day {position:absolute; top:-50px; right:-20px; width:100px; font-size:0; color:#000; text-align:right; }
.biz_wrap .count_day .dday,
.biz_wrap .count_day .now_festival {display:inline-block; vertical-align:middle;width:100%;}
.biz_wrap .count_day .dday span,
.biz_wrap .count_day .dday em {display:inline-block; vertical-align:middle; line-height:100%;}
.biz_wrap .count_day .dday span {font-family:var(--neo); font-weight:800; color:#ddd; font-size:30px;}
.biz_wrap .count_day .dday em {font-family:var(--neo); font-weight:900; font-size:30px; color:#beff00; font-style:normal;}

.biz_wrap .count_day .now_festival {font-family:var(--neo); font-weight:700; color:#333; line-height:110%; margin-top:15px;font-size:0; }
.biz_wrap .count_day .now_festival span {display:inline-block; font-size:12px; font-weight:900; color:red;}
.biz_wrap .count_day .now_festival span.ready {color:orange;}
.biz_wrap .count_day .now_festival span.ing {color:#438919;}
.biz_wrap .count_day .now_festival span.pass {color:red;}

@media screen and (max-width: 650px){
	.biz_wrap .count_day {top:-35px; right:-15px; }
	.biz_wrap .count_day .dday span {font-size:18px;}
	.biz_wrap .count_day .dday em {font-size:18px;}
	.biz_wrap .count_day .now_festival {margin-top:10px;}
	.biz_wrap .count_day .now_festival span {font-size:11px;}
	.biz_wrap .since {top:15px; left:15px; font-size:10px;}
}

.poster_thum {position:fixed; bottom:20px; right:20px; width:200px; z-index:10;}
.poster_thum img {width:100%; border-radius:10px;}

@media screen and (max-width: 1800px){
.poster_thum {width:150px;}
}

@media screen and (max-width: 1160px){
.poster_thum {bottom:10px; right:10px;  width:100px;}
}

@media screen and (max-width: 650px){
.poster_thum {bottom:10px; right:10px;  width:70px;}
.poster_thum img {border-radius:5px;}
}