/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3x2_contentBox
                { width             : 100%;             height              : auto;             padding             : 0 2%;             text-align          : center;    
                  font-family       : "Noto Sans Kr";   font-size           : min(1.6vw,20px);                                                                                                                          }
   #division3x2_contentBox .sectionWrap        
                { width             : 100%;             height              : auto;             max-width           : 1300px;           display             : inline-flex;  
                  flex-direction    : column;           align-items         : center;           justify-content     : center;           min-height          : 100%;}
   
   #division3x2_contentBox .sectionWrap .sectionTitBox
                { width             : 100%;             height              : auto;                                                                                             } 
   #division3x2_contentBox .sectionWrap .sectionTitBox .tit            
                { font-size         : 1.7em;            font-weight         : 600;              display             : flex;             align-items         : center;
                  justify-content   : center;                                                                                 }
   #division3x2_contentBox .sectionWrap .sectionTitBox .tit div             
                { font-size         : inherit;          color               : #6eb92b;                                                                                           }
   #division3x2_contentBox .sectionWrap .sectionTitBox .subTit             
                { font-size         : 1em;              color               : #767575;        word-break          : keep-all;}
   #division3x2_contentBox .sectionWrap .sectionContBox
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns: repeat(3,1fr);   
                  justify-content   : space-between;    gap                 : 1em;              margin-top         : 3%;                                                       }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox             
                { width             : 100%;             height              : auto;             display             : inline-block;     aspect-ratio        : 3 / 2;}
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .overflowWrap
                { width             : 100%;             height              : 100%;             position            : relative;         overflow            : hidden;}
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverBox
                { width             : 200%;             height              : 100%;             position            : absolute;         background          : #518e1cb3;
                  top               : 150%;             left                : -30%;             transform           : rotate(20deg);    transition          : .4s;              }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox:hover .hoverBox
                { top               : 75%;              transition          : .4s;                                                                                              } 
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverTitBox
                { width             : 100%;             height              : auto;             position            : absolute;         bottom              : -100%;
                  left              : 6%;               text-align          : left;             transition          : .4s;                                                      }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox:hover .hoverTitBox
                { bottom            : 8%;               transition          : .4s;                                                                                              }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverTitBox .conTit
                { font-size         : 1.4em; color             : #fff;             margin-bottom       : 2%;                                                       }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark
                { font-size         : max(14px,0.8em); color             : #fff;           transition          :  .4s;            display              : flex;
                  align-items       : center;}   
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark div
                { font-size         : inherit;          margin-left         : -2%;              opacity             : 0;                color               : #fff000;   
                  transition        :  .4s;                                                                                                                                     }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark:hover
                { color             : #fff000;          transition          : .4s;                                                                                              }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark:hover div
                { opacity          : 1;                margin-left         : 1%;                 transition          :  .4s;                                                     }
   
   #division3x2_contentBox[view-mode="tab"]
                { font-size         : min(2.5vw,16px);}
   #division3x2_contentBox[view-mode="tab"] .sectionWrap .sectionContBox
                { max-width         : 600px;            grid-template-columns : repeat(2,1fr);}
   #division3x2_contentBox[view-mode="tab"] .sectionWrap .sectionContBox .contBox
                { max-height        : 200px; }
   #division3x2_contentBox[view-mode="tab"] .sectionWrap .sectionContBox .contBox .hoverBox
                { top               : 75%;}
   #division3x2_contentBox[view-mode="tab"] .sectionWrap .sectionContBox .contBox .hoverTitBox
                { bottom            : 8%;                                                                                                             }
   #division3x2_contentBox[view-mode="tab"] .sectionWrap .sectionContBox .contBox .detailMark
                { color             : #fff000;          transition          : .4s;                                                                                              }
   #division3x2_contentBox[view-mode="tab"] .sectionWrap .sectionContBox .contBox .detailMark div
                { opacity          : 1;                margin-left         : 1%;                 transition          :  .4s;                                                     }
   
   #division3x2_contentBox[view-mode="mobile"]
                { font-size         : min(3vw,16px);}
   #division3x2_contentBox[view-mode="mobile"] .sectionWrap .sectionTitBox .subTit
                { font-size         : max(14px,1em);                                                                                                                                     }
   #division3x2_contentBox[view-mode="mobile"] .sectionWrap .sectionContBox
                { grid-template-columns : 1fr;         justify-content      : center;           max-width           : 300px;}        
   #division3x2_contentBox[view-mode="mobile"] .sectionWrap .sectionContBox .contBox .hoverBox          
                { top               : 75%;                                                                                                                                      }
   #division3x2_contentBox[view-mode="mobile"] .sectionWrap .sectionContBox .contBox .hoverTitBox          
                { bottom            : 8%;                                                                                                                                       }
   #division3x2_contentBox[view-mode="mobile"] .sectionWrap .sectionContBox .contBox .detailMark span          
                { opacity           : 1;                 margin-left        : 0;                color               : #fff;}                           


@media (max-width:1024px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3x2_contentBox
                { font-size         : min(2.5vw,16px);}
   #division3x2_contentBox .sectionWrap .sectionContBox
                { max-width         : 600px;            grid-template-columns : repeat(2,1fr);}
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox
                { max-height        : 200px; }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverBox
                { top               : 75%;}
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverTitBox
                { bottom            : 8%;                                                                                                             }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark
                { color             : #fff000;          transition          : .4s;                                                                                              }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark div
                { opacity          : 1;                margin-left         : 1%;                 transition          :  .4s;                                                     }             
}  



@media (max-width:640px) {


/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3x2_contentBox
                { font-size         : min(3vw,16px);}
   
   #division3x2_contentBox .sectionWrap .sectionTitBox .subTit
                { font-size         : max(14px,1em);                                                                                                                                     }
   #division3x2_contentBox .sectionWrap .sectionContBox
                { grid-template-columns : 1fr;         justify-content      : center;           max-width           : 300px;}        
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverBox          
                { top               : 75%;                                                                                                                                      }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .hoverTitBox          
                { bottom            : 8%;                                                                                                                                       }
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox .detailMark span          
                { opacity           : 1;                 margin-left        : 0;                color               : #fff;}
             
             
}           
             
@media (max-width:300px) {
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3x2_contentBox
                { font-size         : 12px;} 
   #division3x2_contentBox .sectionWrap .sectionContBox
                { width             : 95%;}
   #division3x2_contentBox .sectionWrap .sectionContBox .contBox
                { max-height        : 150px;} 
    
    
}