/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub3-3 .contWrap
                { flex-direction    : column;           max-width           : 1400px;} 
   #sub3-3 .contWrap .downWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-end;         margin-bottom       : 1em;}
   #sub3-3 .contWrap .downWrap .downBtn
                { font-size         : max(14px,0.7em);  color               : #777;             line-height         : 1em;              }
   #sub3-3 .contWrap .downWrap .downBtn:first-child
                { margin-right      : 1.2em;}
   #sub3-3 .contWrap .downWrap .downBtn:hover
                { color             : #333;             }
   #sub3-3 .contWrap .floorImgWrap
                { width             : 100%;             height              : auto;             aspect-ratio        : 1400 / 665;      position            : relative;}
   #sub3-3 .contWrap .floorImgWrap img
                { width             : 100%;             height              : 100%;             object-fit          : contain;          position            : absolute;
                  top               : 0;                left                : 0;                display             : none;}             
   #sub3-3 .contWrap .floorImgWrap img.on
                { display           : block;}             
   #sub3-3 .contWrap .tabBtnWrap
                { width             : 100%;             display             : grid;             grid-template-columns : repeat(6,calc(100% / 6));
                  border-right      : 1px solid #ddd;   border-left         : 1px solid #ddd;   margin              : 2em 0 3em;}     
   #sub3-3 .contWrap .tabBtnWrap p 
                { font-size         : max(14px,0.7em);  line-height         : 1em;              padding             : 1em 0;            text-align          : center;
                  cursor            : pointer;          border              : 1px solid #ddd;   transition          : .2s;              border-left         : none;}                        
   #sub3-3 .contWrap .tabBtnWrap p:hover 
                { background        : #e7e7e7;          transition          : .2s;}
   #sub3-3 .contWrap .tabBtnWrap p:last-child
                { border-right      : none;}       
   #sub3-3 .contWrap .tabBtnWrap p.on[data-target-btn="A"]             
                { background        : #fb9172;          color               : #fff;             border              : 1px solid #fb9172;                
                  pointer-events    : none;}   
   #sub3-3 .contWrap .tabBtnWrap p.on[data-target-btn="B"]             
                { background        : #8b8d82;          color               : #fff;             border              : 1px solid #8b8d82;                
                  pointer-events    : none;}  
   #sub3-3 .contWrap .tabBtnWrap p.on[data-target-btn="C"]             
                { background        : #c89166;          color               : #fff;             border              : 1px solid #c89166;                
                  pointer-events    : none;}  
   #sub3-3 .contWrap .tabBtnWrap p.on[data-target-btn="D"]             
                { background        : #9777b6;          color               : #fff;             border              : 1px solid #9777b6;                
                  pointer-events    : none;}  
   #sub3-3 .contWrap .tabBtnWrap p.on[data-target-btn="E"]             
                { background        : #62bf89;          color               : #fff;             border              : 1px solid #62bf89;                
                  pointer-events    : none;}  
   #sub3-3 .contWrap .tabBtnWrap p.on[data-target-btn="F"]             
                { background        : #f06e86;          color               : #fff;             border              : 1px solid #f06e86;                
                  pointer-events    : none;}                                   
   #sub3-3 .contWrap .floorListAllWrap
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;}            
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap
                { width             : 100%;             height              : auto;             display             : none;             flex-direction      : column;
                  align-items       : center;           justify-content     : center;}             
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap.on
                { display            : flex;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap .floorTit
                { font-size         : 1.2em;            margin-bottom       : 2em;              font-weight         : 600;              line-height         : 1em;}         
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap[data-target-list="A"] .floorTit
                { color             : #fb9172;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap[data-target-list="B"] .floorTit
                { color             : #8b8d82;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap[data-target-list="C"] .floorTit
                { color             : #c89166;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap[data-target-list="D"] .floorTit
                { color             : #9777b6;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap[data-target-list="E"] .floorTit
                { color             : #62bf89;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap[data-target-list="F"] .floorTit
                { color             : #f06e86;}                                                                
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap .floorList
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : repeat(6, 16%);
                  justify-content   : space-between;    font-size           : max(14px,0.8em);  gap                 : 1em 0;}
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap .floorList p
                { text-align        : center;           font-weight         : 300;}


@media(max-width:1024px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub3-3 .contWrap .floorImgWrap  
                { aspect-ratio      : 1024 / 700;}  
}

@media(max-width:640px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub3-3 .contWrap .floorImgWrap  
                { aspect-ratio      : 640 / 520;}  
   #sub3-3 .contWrap .tabBtnWrap
                { grid-template-columns : repeat(3,calc(100% / 3));}       
   #sub3-3 .contWrap .floorListAllWrap .floorListWrap .floorList    
                { grid-template-columns : repeat(3, 32%);}
                  
}