/* BASIC css start */
@font-face {
font-family: 'SpoqaHanSansNeo-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}


#content.sub.prdList_page{margin: 96px 0 50px !important;}

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

#content > .cateHeader > .depth2.active, #content > .cateHeader > .depth3.active{ 
   flex-wrap: wrap; justify-content: center !important; width: 100% !important; 
}
#content .cateHeader .depth3{ 
   border-top: unset !important; padding: 0 !important;
}
.cateHeader ul:not(.displaynone) li{
   display:flex; align-items: center; flex-direction: column; width: 22%;
}
#content .cateHeader .depth2 li{ padding: 23px 10.5px !important;}
#content .cateHeader .depth2 li a{ font-size: 13px !important; color: #555 !important; text-align: center; }
#content .cateHeader .depth2 li a img{ display: block; margin-bottom: 5px; width: 100%;}
#content .cateHeader .depth2 li.active a{color: black !important;}

#content .cateHeader .depth3 li{ 
    border: unset !important; border-radius: unset !important; width: 100%; margin-left: unset !important; background: #f2f2f2;
    padding: 18px 0 !important; margin: 23px 0 30px;

}
#content .cateHeader .depth3 li a{ display: block; width: 100%; border-right: 1px solid black; text-align: center; font-size: 0.85rem;}
#content .cateHeader .depth3 li:last-child a{ border-right: unset;}
#content .cateHeader .depth3 li.active a{ font-weight: 400 !important;}

.step1, .step2{ width: 100%; text-align: center; font-weight: 500; font-size: 0.85rem;}
.step1{  margin: 30px 0 0; }
.step2{  margin: 25px 0 0; }

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

#planid_31{position:relative;}
#planid_31 #HourCountdown{position:absolute; top:60%; left:48%; transform: translateX(-50%); display:flex; width:69%; font-size:11vw; color: #2F2020; font-family:'SpoqaHanSansNeo-Regular'; }
#planid_31 #HourCountdown span{display:inline-block; width:33.33%; text-align:center; font-variant-numeric: tabular-nums; font-feature-settings: "tnum";}
#planid_31 #HourCountdown .colon { width: auto; }

/* BASIC css end */