/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
    html.with-fancybox body.hide-scrollbar
    {
   width: auto;
    margin-right: 0 !important;
    overflow: auto !important;
    overscroll-behavior-y: none;
   }     
   /* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub1-4.sungshin_sub .titText
                { text-align        : center;           width               : 90%;              word-break          : keep-all;}
 
   .sungshin_sub form
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;       
                  align-items       : center;           justify-content     : center;           background          : #f7f7f7;          padding             : 4em 0;
                  gap               : 2em;}
   .sungshin_sub form .listWrap
                { width             : 95%;              height              : auto;             display             : grid;             grid-template-columns : repeat(4, calc(calc(100% - 3.6em) / 4));
                  gap               : 3.6em 1.2em;      max-width           : 1200px;           }              
   .sungshin_sub form .listWrap .list
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;       flex-direction      : column;}          
   .sungshin_sub form .listWrap .list .imgWrap
                { width              :100%;             height              : auto;             aspect-ratio        : 285 / 408;        overflow            : hidden;}
   .sungshin_sub form .listWrap .list .imgWrap img
                { width             : 100%;             height              : 100%;             object-fit          : cover;            transition          : .2s;}
   .sungshin_sub form .listWrap .list:hover .imgWrap img
                { transform         : scale(1.1);       transition          : .4s;}
   .sungshin_sub form .listWrap .list .title             
                { color             : #767777;          text-align          : center;           word-break          : keep-all;
                  margin-top        : 0.6em;            transition          : .2s;}          
   .sungshin_sub form .listWrap .list:hover .title                          
                { color             : #000;             transition          : .2s;}
                
/* 페이징 */
   #certificateListForm .pagingWrap
                { width             : 100%;             height              : auto;             display             : flex;                 align-items         : center;
                  justify-content   : center;           }
   #certificateListForm .pagingWrap .pagingBtn
                { width             : 2em;              height              : 2em;              margin              : 0 0.2em;               display             : flex;
                  align-items       : center;           justify-content     : center;           cursor              : pointer;                
                  color             : #999999;        transition        : .2s;                  border-radius       : 50%;
                  line-height       : 1em;              }               
   #certificateListForm .pagingWrap .pagingBtn.btns.on
                { background        : #00b3ff;          color               : #fff;             pointer-events      :  none;}
   #certificateListForm .pagingWrap .pagingBtn:hover
                { background        : #999;          color               : #fff;          transition          : .2s;}                 
   #certificateListForm .pagingWrap .pagingBtn svg
                { pointer-events    : none;}   
   #certificateListForm .pagingWrap .pagingBtn.first
                { margin            : 0;                margin-right         : 0.2em;           background          : #fff;                 color              : #999999;
                  border-radius     : 0;}
   #certificateListForm .pagingWrap .pagingBtn.before
                { margin-left       : 0;                color                : #999999;       border-radius     : 0;                        background          : #fff;
                  margin-right      : 1em;}
   #certificateListForm .pagingWrap .pagingBtn.last
                { margin            : 0;                margin-left          : 0.2em;           background          : #fff;                  color              : #999999;
                  border-radius     : 0;                }
   #certificateListForm .pagingWrap .pagingBtn.first:hover,
   #certificateListForm .pagingWrap .pagingBtn.last:hover
                { background        : #999999;          color               : #fff;}                
   #certificateListForm .pagingWrap .pagingBtn.next
                { margin-right      : 0;                background          : #fff;             color              : #999;              border-radius     : 0;
                  margin-left       : 1em;}             
   #certificateListForm .pagingWrap .pagingBtn.before:hover,
   #certificateListForm .pagingWrap .pagingBtn.next:hover
                { background        : #999;             color               : #fff;}
   
   #certificateListForm .pagingWrap .pagingBtn.first svg,
   #certificateListForm .pagingWrap .pagingBtn.before svg,
   #certificateListForm .pagingWrap .pagingBtn.next svg,
   #certificateListForm .pagingWrap .pagingBtn.last svg
                { font-size         : 0.8em;            }                  


@media(max-width : 1024px){

.sungshin_sub form .listWrap
                { grid-template-columns : repeat(3,calc(calc(100% - 1em) / 3));}   
                
                
}  

@media(max-width : 640px){

.sungshin_sub form .listWrap
                { grid-template-columns : repeat(2,calc(calc(100% - 0.5em) / 2));}    
#sub7-3 .sectionWrap.cate .cateList
                { width             : 95%;             height              : auto;             display             : grid;             grid-template-columns : repeat(3,calc(calc(100% - 1em) / 3));
                  gap               : 1em 0.5em;       }       
    
    
}