/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   .board_commonCSSWrap .list_TopWrap
                { padding           : 120px 0 60px;     font-family         : "SUIT";           display             : flex;             flex-direction      : column;
                  align-items       : center;           width               : 100%;
                  background-image  : url("../Image/listTop_back.png");
                  background-size   : cover;
                  background-repeat : no-repeat;
                  background-position : center bottom;} 
   .board_commonCSSWrap .list_TopWrap .sound_only
                { display           : none;}
   .board_commonCSSWrap .list_TopWrap .tit
                { font-size         : 22px;             font-weight         : 800;              line-height         : 1em;              margin              : 3em 0;}
   .board_commonCSSWrap .list_TopWrap #bo_cate 
                { width             : 100%;             max-width           : 1600px;           display             : flex;             justify-content     : center;}
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul
                { width             : 100%;             display             : flex;             align-items         : center;           justify-content     : center;} 
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li
                { margin-right      : 1em;            display             : flex;             align-items         : center;}
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li:last-child
                { margin-right      : 0;}
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li a
                { font-size         : 15px;             margin              : 0 0.8em;          line-height         : 1em;              font-weight         : 500;
                  color             : #555555;}          
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li a#bo_cate_on
                { font-weight       : 800;              color               : #000;}
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li span
                { font-size         : 25px;             line-height         : 1em;              font-weight         : 500;
                  color             : #c9c9ca;          font-weight         : 300;}               
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M   
                { width             : 100%;             display             : none;             align-items         : center;
                  justify-content   : center;           position            : relative;         } 
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .activeWrap
                { width             : 100%;             display             : flex;             align-items         : center;           justify-content     : center;
                  background        : #fff;             border              : 1px solid #c9c9ca; padding            : 1em;              z-index             : 2;}
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .activeWrap span
                { line-height       : 1em;              color               : #000;             font-weight         : 800;}
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .active
                { text-align        : center;}             
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .arrow
                { position          : absolute;         right               : 1em;              top                 : 50%;              transform           : translateY(-50%);}
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .catelistWrapMob
                { display           : flex;             flex-direction      : column;           align-items         : center;           position            : absolute;
                  top               : 80%;              left                : 0;                width               : 100%;             border              : 1px solid #ddd;
                  border-top        : none;             background          : #fff;             opacity             : 0;                pointer-events      : none;
                  transition        : .2s;              z-index             : 1;}
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M.active .catelistWrapMob
                { opacity           : 1;                pointer-events      : auto;             top                 : 100%;             transition          : .2s;}
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .catelistWrapMob #none
                { display           : none;}               
   
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .catelistWrapMob a
                { width             : 100%;             color             : #555;             line-height         : 1em;              padding              : 1em 0;
                  border-bottom     : 1px solid #ddd;   text-align          : center;}               
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M .catelistWrapMob a:last-child
                { border-bottom     : none;}
@media(max-width:1024px){
   .board_commonCSSWrap .list_TopWrap
                { padding           : 70px 0 35px;}
   .board_commonCSSWrap .list_TopWrap .tit
                { font-size         : 22px;             margin              : 3em 0;}
   .board_commonCSSWrap .list_TopWrap #bo_cate
                { padding           : 0 30px;}                            
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li
                { margin-right      : 0.3em;}
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul li a
                { font-size         : 16px;             margin              : 0 0.5em;} 
    
} 

@media(max-width:768px){

   .board_commonCSSWrap .list_TopWrap .tit
                { margin            : 3em 0 2em;}
   .board_commonCSSWrap .list_TopWrap #bo_cate #bo_cate_ul 
                { display           : none;} 
   .board_commonCSSWrap .list_TopWrap #bo_cate .cate_M
                { display           : flex;}
}               

@media(max-width:640px){
   
   .board_commonCSSWrap .list_TopWrap 
                { padding           : 60px 0 30px;}
   .board_commonCSSWrap .list_TopWrap .tit
                { margin            : 2.5em 0 1.5em;}
   .board_commonCSSWrap .list_TopWrap #bo_cate
                { padding           : 0 40px;}
}                   

@media(max-width:374px){                 
   .board_commonCSSWrap .list_TopWrap #bo_cate
                { padding           : 0 20px;}               
}