/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #bottom_notice
                { width             : 100%;             height              : auto;             font-family         : "Noto Sans Kr";   font-size           : min(1.6vw,23px);
                  display           : flex;             align-items         : center;           justify-content     : center;           background          : #f7f7f7; 
                  padding           : 1em 0;}
   #bottom_notice .wrap
                { width             : 90%;              height              : auto;             max-width           : 1000px;           display             : flex;
                  align-items       : center;           justify-content     : center;}
   #bottom_notice .wrap .noticeTit
                { width             : auto;             font-weight         : 500;              line-height         : 1em;}
   #bottom_notice .wrap .noticeWrap
                { width             : 70%;              flex-grow           : 1;                display             : flex;             align-items         : center;
                  justify-content   : center;           font-size           : max(13px,0.7em);  padding-left        : 2em;              height              : 1.8em;}             
   #bottom_notice .wrap .noticeWrap .bottom_noticeSwiper
                { width             : 100%;             height            : 100%;}
   #bottom_notice .wrap .noticeWrap .noticeList
                { width             : 100%;             height              : 100%;             display             : flex;             align-items         : stretch;
                  justify-content   : flex-start;       }             
   #bottom_notice .wrap .noticeWrap .noticeList:hover
                { color             : #0787aa;}
   #bottom_notice .wrap .noticeWrap .noticeList .line
                { width             : 2px;              background          : #ddd;}             
   #bottom_notice .wrap .noticeWrap .noticeList .notice_subject
                { width             : 60%;              padding-left        : 2em;              flex-grow           : 1;                overflow            : hidden;
                  display           : flex;             align-items         : center;           justify-content     : flex-start;}             
   #bottom_notice .wrap .noticeWrap .noticeList .notice_subject span
                { width             : calc(100% - 2em); text-overflow       : ellipsis;         overflow            : hidden;           white-space         : nowrap;
                  display           : block;}
   #bottom_notice .wrap .noticeWrap .noticeList .notice_date
                { padding-left      : 2em;              text-align          : center;           display             : flex;             align-items         : center;
                  justify-content   : center;}             
                
                
                
                
@media(max-width:1024px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #bottom_notice
                { font-size         : min(2.3vw,18px);}
                
}


@media(max-width:640px){                              
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */                
   #bottom_notice
                { font-size         : min(3.8vw,16px);}    
   #bottom_notice .wrap
                { width             : 100%;             padding             : 0 1em;}   
   #bottom_notice .wrap .noticeWrap,
   #bottom_notice .wrap .noticeWrap .noticeList .notice_subject
                { padding-left      : 1em;}
   #bottom_notice .wrap .noticeWrap .noticeList .notice_subject span
                { width             : 100%;}             
   #bottom_notice .wrap .noticeWrap .noticeList .notice_date
                { display           : none;}  
   #bottom_notice .wrap .noticeWrap .noticeList .noMobile
                { display           : none;}           
                
                
}                
                
                
                
                
                
                
                
                                              