/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #sub7-3 .first 
                { background        : #f7f7f7;          padding             : 4em 0;            gap                 : 2em;}
   #sub7-3 .first form
                { width             : 90%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 2em;}
   #sub7-3 .first .listWrap
                { width             : 100%;              height              : auto;             display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;           gap                 : 1.5em;            max-width           : 1000px;
                  font-size         : 1.2em;}   
   #sub7-3 .first .listWrap .list                
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;       padding             : 1.2em 1.5em;      border-radius       : 17px;              background          : #fff;
                  position          : relative;         cursor              : pointer;}
   #sub7-3 .first .listWrap .list .arrow
                { width             : auto;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : center;           color               : #cccccc;          position            : absolute;         bottom              : 50%;
                  right             : 0.75em;           transform           : translateY(50%);  transition          : .3s;}               
   #sub7-3 .first .listWrap .list.on .arrow
                { bottom            : 0.75em;           transform           : translateY(0%) rotate(180deg);   transition          : .3s; color : #de1a22;}
   #sub7-3 .first .listWrap .list .arrow svg
                { font-size         : 1.2em;}               
   #sub7-3 .first .listWrap .list .listInnerWrap
                { width             : calc(100% - 1.5em); height              : auto;             position            : relative;}   
   #sub7-3 .first .listWrap .list .listInnerWrap .text
                { word-break        : keep-all;         display             : flex;             gap                 : 0.3em; 
                  align-items       : baseline; transition          : .3s;}
   
   #sub7-3 .first .listWrap .list.on .listInnerWrap .text.question
                { font-weight       : 800;              transition          : .3s;}
   #sub7-3 .first .listWrap .list .listInnerWrap .gapBox
                { height            : 0;                overflow            : hidden;           display             : flex;             align-items         : center;
                  justify-content   : center;           transition          : .3s;}
   #sub7-3 .first .listWrap .list .listInnerWrap .gapBox .line
                { width             : 100%;             height              : 1px;              background          : #fff;          transition          : .15s;}
   #sub7-3 .first .listWrap .list.on .listInnerWrap .gapBox .line
                { background        : #e5e5e5;          transition          : .15s;}
   #sub7-3 .first .listWrap .list.on .listInnerWrap .gapBox
                { height            : 2em;              transition          : .3s;}
   #sub7-3 .first .listWrap .list .listInnerWrap .answerWrap
                { width             : 100%;             height              : 0;             display             : flex;             flex-direction      : column;
                  align-items       : flex-start;       justify-content     : flex-start;       gap                 : 1em;
                  overflow          : hidden;           transition          : .3s;}               
   #sub7-3 .first .listWrap .list.on .listInnerWrap .answerWrap    
                { transition        : .3s;}
  
                     
                            
/* 페이징 */
   #sub7-3 .pagingWrap
                { width             : 100%;             height              : auto;             display             : flex;                 align-items         : center;
                  justify-content   : center;           }
   #sub7-3 .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;              }               
   #sub7-3 .pagingWrap .pagingBtn.btns.on
                { background        : #00b3ff;          color               : #fff;             pointer-events      :  none;}
   #sub7-3 .pagingWrap .pagingBtn:hover
                { background        : #999;          color               : #fff;          transition          : .2s;}                 
   #sub7-3 .pagingWrap .pagingBtn svg
                { pointer-events    : none;}   
   #sub7-3 .pagingWrap .pagingBtn.first
                { margin            : 0;                margin-right         : 0.2em;           background          : #fff;                 color              : #999999;
                  border-radius     : 0;}
   #sub7-3 .pagingWrap .pagingBtn.before
                { margin-left       : 0;                color                : #999999;       border-radius     : 0;                        background          : #fff;
                  margin-right      : 1em;}
   #sub7-3 .pagingWrap .pagingBtn.last
                { margin            : 0;                margin-left          : 0.2em;           background          : #fff;                  color              : #999999;
                  border-radius     : 0;                }
   #sub7-3 .pagingWrap .pagingBtn.first:hover,
   #sub7-3 .pagingWrap .pagingBtn.last:hover
                { background        : #999999;          color               : #fff;}                
   #sub7-3 .pagingWrap .pagingBtn.next
                { margin-right      : 0;                background          : #fff;             color              : #999;              border-radius     : 0;
                  margin-left       : 1em;}             
   #sub7-3 .pagingWrap .pagingBtn.before:hover,
   #sub7-3 .pagingWrap .pagingBtn.next:hover
                { background        : #999;             color               : #fff;}
   
   #sub7-3 .pagingWrap .pagingBtn.first svg,
   #sub7-3 .pagingWrap .pagingBtn.before svg,
   #sub7-3 .pagingWrap .pagingBtn.next svg,
   #sub7-3 .pagingWrap .pagingBtn.last svg
                { font-size         : 0.8em;            }