/* BASIC css start */
#content > .cateHeader > .depth2.active, #content > .cateHeader > .depth3.active{ 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:113vw; left:50%; transform: translateX(-50%); font-size:10vw; color: #fff; font-family:'SpoqaHanSansNeo-Regular'; width:80%;}
#planid_31 #HourCountdown span{display:inline-block; width:25%; text-align:center;}

.img_area {position: relative;}
.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;}




/* 17¹ø Ä«Å×°í¸® ŸÀÌ¸Ó */
#HourCountdown {
    position:absolute;
    bottom: 12vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 8vw;
    font-weight: 600;
    color: #542422;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

#HourCountdown .colon { margin: 0 4px; }
/* BASIC css end */