/* BASIC css start */
#prdBrand {justify-content: center;display:flex}
#prdBrand .cate-wrap .cate-img { padding: 25px 0 25px 0 }
#prdBrand .cate-wrap .cate-review li { float: left; padding-right: 6px; }
#prdBrand .cate-wrap .cate-review .review_end { padding-right: 0px }

#prdBrand .item-wrap .item-cont{width:1200px}
#prdBrand .item-wrap .item-cont .bestNum {text-align: center;font-size:16px;text-decoration: underline;font-weight:bold;margin-bottom: 5px;}

/* class-list */
.cate-wrap { overflow:hidden } 
.cate-wrap .bcate { font-family: 'Montserrat', sans-serif; padding-bottom: 12px; margin-bottom: 40px; font-size: 25px; color:#000; font-weight: 700; border-bottom: 4px solid #000; _white-space: pre; cursor:pointer; } 
.cate-wrap .class-list ul { } 
.cate-wrap .class-list>ul>li { margin-bottom: 30px; } 

.page_body_L { width: auto; min-width: 235px; margin-right: 30px; } 
.page_body_L .main_m>li { } 
.page_body_L .main_m>li>a { position: relative; display:block; font-size: 19px; color: #888; font-weight: 400; white-space: pre; margin-bottom: 14px; } 
.page_body_L .main_m>li>a.act { color:#000; font-weight: 700; } 
.page_body_L .main_m>li>a>span { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 15px; height: 15px; display: inline-block; cursor:pointer; transition:opacity .5s; opacity:0; } 
.page_body_L .main_m>li>a>span.show { opacity:1; } 
.page_body_L .main_m>li>a>span>a { transition: all .4s; display:block; width: 100%; height: 100%; } 
.page_body_L .main_m>li>a>span::before { transition: all .4s; content: ""; display: block; position: absolute; width: 2px; height: 15px; background-color: #000; top: 0; left: 41%; } 
.page_body_L .main_m>li>a>span::after { content: ""; display: block; position: absolute; width: 15px; height: 2px; background-color:#000; top: 37%; left: 0%; } 
.page_body_L .main_m>li>a>span.rotate::before { transform: rotate(90deg); transform-origin: center; transition: all .4s; } 
.page_body_L .sub_m { display: none; opacity:0; transition: opacity .7s } 
.page_body_L .sub_m.show { opacity:1; display:block;z-index:1; overflow:unset; height: auto;padding: 20px 10px 0;opacity:1;_display: block !important; } 
.page_body_L .sub_m>li { padding: 9px; } 
.page_body_L .sub_m>li.show ul.sub_menu{}

.page_body_L .sub_m>li:first-child { padding-top:13px } 
.page_body_L .sub_m>li>a { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight:400; color: #000; line-height:1.2; } 
.page_body_L .sub_m>li>a.act { color:#ff6600 !important; } 
.page_body_L .sub_m>li>a.act + .sub_menu{opacity:1; display:block;z-index:1; overflow:unset; height: auto;padding: 20px 10px 0;opacity:1;_display: block !important;}

.page_body_L .sub_m>li>a:hover { color:#ff6600 !important; } 

.sub_menu {  box-sizing:border-box; transition:0.5s ease-in-out; opacity:0; z-index: -1; padding: 0 10px; overflow: hidden; height: 0; padding: 0 10px; } 
.sub_menu.show{z-index:1; overflow:unset; height: auto;padding: 20px 10px 0;opacity:1;_display: block !important; } 

.sub_menu a { display: block; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight:400; color: #858585; line-height:1.2; margin-bottom: 13px; } 
.sub_menu a.act { color:#ff6600 !important; } 
.sub_menu a:hover { color:#ff6600 !important; } 

.item-wrap .item-cont .item-list .thumb{
    height: 380px;
    line-height: 380px;}
.item-wrap .item-cont .item-list .thumb a img{vertical-align: middle;}


/* BASIC css end */