/* BASIC css start */
#content > .cateHeader > .depth2.active, #content > .cateHeader > .depth3.active{ justify-content: center !important; width: 100% !important; }
.cateHeader ul:not(.displaynone) li{
   display:flex; align-items: center; flex-direction: column; width: fit-content;
}
#content .cateHeader .depth2 li{ padding: 15px 10.5px !important;}
#content .cateHeader .depth2 li a{ font-size: 16px !important; color: #555 !important; text-align: center;}
#content .cateHeader .depth2 li a:not(:has(img)){ width:max-content;}
#content .cateHeader .depth2 li a img{ display: block; margin-bottom: 5px; width: 100%;}
#content .cateHeader .depth2 li.active a{color: black !important; }

.filter_area{ padding: 20px 15px 20px !important;}



#planid_31{position:relative;}
#planid_31 img{width:100%;}
#planid_31 #HourCountdown{position:absolute; top:9vw; left:50.6%; transform: translateX(-50%); font-size:10vw; color: #fff; font-family:'SpoqaHanSansNeo-Regular'; width:88%;}
#planid_31 #HourCountdown span{display:inline-block; width:25%; text-align:center;}


.img_area, .img_area img{ width: 100%;}

.accordionBox{ display: none;}


/*.wondermove-box {margin-top: 30px;}*/
.wondermove-box .wd50{width:48%; display: inline-block;}
.wondermove-box a{ display: inline-block;}
.wondermove-box img{ border: 0; width: 100%; display:inline-block;}
/* BASIC css end */