/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #exhibitions_list { width             : 100%;             height              : auto;             display             : flex;             justify-content     : center;
                  align-items       : center;           font-family         : "SUIT";           flex-direction      : column;
                  z-index           : 10;               position            : relative;         }
   #exhibitions_list .sound_only
                { display           : none;}
   #exhibitions_list .listWrap
                { margin            : 20px 0 100px;     width               : 100%;             height              : auto;             display             : flex;
                  justify-content   : center;           padding             : 0 20px;           flex-direction: column;
    align-items: center;}               
   #exhibitions_list .listWrap form
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : repeat(3,32%);
                  gap               : min(3vw,45px) 0;  max-width           : 1600px;           align-items         : start;            justify-content     : space-between;}   
   #exhibitions_list .listWrap .listBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;}    
   #exhibitions_list .listWrap .listBox .imgBox
                { width             : 100%;             height              : auto;             aspect-ratio        : 1 / 1;            overflow            : hidden;                                                    }
   #exhibitions_list .listWrap .listBox .imgBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}                                    
   #exhibitions_list .listWrap .listBox .titBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           margin-top          : 0.5em;            font-size           : 16px;             margin-top          : 2em;}               
   #exhibitions_list .listWrap .listBox .titBox .cate
                { color             : #9999;            line-height         : 1em;              font-weight         : 500;}
   #exhibitions_list .listWrap .listBox .titBox .line
                { width             : 3em;              height              : 0.2em;            background          : #777777;          margin-top          : 0.6em;}               
   #exhibitions_list .listWrap .listBox .titBox .subject
                { font-size         : 1.25em;           margin              : 0.9em 0 0.5em;    overflow            : hidden;           display             : flex;             
                  height            : auto;             align-items         : center;           width               : 100%;}               
   #exhibitions_list .listWrap .listBox .titBox .subject span
                { width             : 100%;             line-height         : 1.2em;            font-weight         : 500;              word-break          : keep-all;         
                  text-overflow     : ellipsis;         overflow            : hidden;           display             : -webkit-box;      -webkit-line-clamp  : 2;                
                  -webkit-box-orient: vertical;         text-align          : center;}                              
   #exhibitions_list .listWrap .listBox .titBox .date
                { color             : #999;             font-weight         : 500;              line-height         : 1em;}
   #exhibitions_list .listWrap .listBox .titBox .date br
                { display           : none;}
@media(max-width : 1024px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #exhibitions_list .listWrap 
                { padding           : 0 30px;}
   #exhibitions_list .listWrap form
                { grid-template-columns : repeat(3,31%); gap                : min(4vw,30px) 0;} 
   #exhibitions_list .listWrap .listBox .titBox
                { font-size         : 14px;             margin-top          : 1.2em;}
       
}

@media(max-width : 767px){
   #exhibitions_list .listWrap form
                { grid-template-columns : repeat(2,49%); gap                : 40px 0;} 
}

@media(max-width : 640px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #exhibitions_list .listWrap 
                { margin-top        : 10px;             padding             : 0 40px;}  
   #exhibitions_list .listWrap form
                { grid-template-columns : repeat(2,48%); gap                : min(8vw,40px) 0;}
   #exhibitions_list .listWrap .listBox .imgBox
                { padding-top       : 100%;             position            : relative;         aspect-ratio        : unset;}
   #exhibitions_list .listWrap .listBox .imgBox img
                { position          : absolute;         top                 : 0;                left                : 0;}            
   #exhibitions_list .listWrap .listBox .titBox
                { font-size         : min(3.5vw,14px); margin-top           : 1em;}
   #exhibitions_list .listWrap .listBox .titBox .line
                { width             : 2em;              margin-top          : 0.4em;}
   #exhibitions_list .listWrap .listBox .titBox .subject
                { font-size         : 1.13em;           margin              : 0.7em 0 0.5em;}
   
   #exhibitions_list .listWrap .listBox .titBox .date br
                { display           : block;}                                        
}                 
                  
@media(max-width:374px){                 
   #exhibitions_list .listWrap
                { padding           : 0 20px;}                  
   #exhibitions_list .listWrap form
                { grid-template-columns : repeat(1,1fr); gap               : 30px;}             
   #exhibitions_list .listWrap .listBox .titBox
                { font-size         : 14px;}                               
   #exhibitions_list .listWrap .listBox .titBox .subject
                { font-size         : 16px;             height              : auto;}
}
                  
                  
                  

.pagingCSS .pg_wrap
                { font-size         : clamp(14px,2vw,18px);     margin-top :4em;    font-family : "Noto Sans Kr"; font-weight   : 600;}
   .pagingCSS .pg_wrap .pg
                { display           : flex;             align-items : center;}
   .pagingCSS .pg_wrap .pg .pg_page             
                { font-size         : inherit;          width       : 2.2em;        height  : 2.2em;            border-bottom   : 2px solid #c0c0c1;
                  display           : flex;             align-items : center;       justify-content : center;   color           : #595757; 
                  }
   .pagingCSS .pg_wrap .pg .pg_page.pg_current
                { border-bottom     : 2px solid #000000; color : #000;}
   .pagingCSS .pg_wrap .pg .pg_page.pg_arrow
                { border            : none;             color       : #abacac;      width   : auto;             height          : auto;     font-size   : 1.5em;
                  margin            : 0;                background  : none;}            
   .pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_start,
   .pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_prev
                { margin-right      : 0.5em;} 
   .pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_end,
   .pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_next
                { margin-left       : 0.5em;}               
                                
@media (max-width : 640px){
    .pagingCSS .pg_wrap 
                { font-size         : 13px;             margin-top  : 2em;}
}