/* ±âº» º»¹® ¹®´Ü ¿©¹é ÃʱâÈ­ */
.cke_editable p, 
.xe-content p, 
.document_content p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. PC/¸ð¹ÙÀÏ »ó´Ü Çì´õ Àüü Ʋ ±âº» ¼³Á¤ */
header, .xe-header, #header {
    background-color: #f9f9f9 !important;       /* »ó´Ü Àüü ¿¬ÇÑ È¸»ö ¹è°æ */
    border-bottom: 1px solid #e0e0e0 !important; /* ¹Ù´Ú °¡·Î ±¸ºÐ¼± */
    width: 100% !important;                     
    display: block !important;                  
    box-sizing: border-box !important;
    position: relative !important;
    padding-top: 0px !important;   
    padding-bottom: 12px !important;
    margin-bottom: 0px !important;             
}

/* 2. PC È­¸é Àü¿ë ¸Þ´º Åõ¸íÈ­ Á¦¾î */
header .xe-theme__gnb.gnb--pc,
header .xe-theme__gnb.gnb--pc *,
header .container, 
header .xe-container, 
header .header-inner, 
header .row {
    background-color: transparent !important;   
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. º»¹® ŸÀÌƲ ¹× ÄÜÅÙÃ÷ ¿µ¿ª ¿©¹é ¹ÐÂø (°£°Ý Á¼È÷±â) */
.xe-list-board-header__title-content {
    border-top: 0 !important;
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
}
.xe-container, .container, #content, .content, main, .main-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.xe-list-board-header {
    margin-top: 0 !important;
    padding-top: 10px !important; 
}


/* ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡
   4. [¸ð¹ÙÀÏ Àü¿ë] Âî±×·¯Áø .gnb-inner °¡·ÎÆøÀ» °­Á¦ ÇعæÇÏ´Â ¸¶½ºÅÍ ÄÚµå
   ¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡ */
@media screen and (max-width: 768px) {
    
    /* [A] ¸ð¹ÙÀÏ ¸Þ´º ÃÖ»óÀ§ nav ¹Ú½º: °íÁ¤ ³Êºñ ÇѰ踦 ºÎ¼ö°í ÁÂ¿ì ¹ÐÂø */
    nav.xe-theme__gnb.gnb--mobile.open {
        background-color: #ffffff !important;   /* µÚÂÊ º»¹® Â÷´Ü¿ë ¼ø¹é»ö */
        background: #ffffff !important;
        position: absolute !important;          
        top: 100% !important;                   
        left: 0 !important;
        right: 0 !important;
        
        width: 100% !important;                 
        min-width: 100% !important;             
        max-width: 100% !important;             
        height: auto !important;                
        
        display: block !important;              
        z-index: 99999 !important;              
        box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; 
        border-bottom: 2px solid #e0e0e0 !important; 
        padding: 10px 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;           
    }

    /* ¦¡¦¡ [¡ÚÇÙ½É º¸¿Ï¡Ú] 105px·Î ±Ø´ÜÀûÀ¸·Î ±¸°ÜÁö´ø ¹üÀÎ(.gnb-inner)ÀÇ °¡·Î ÇѰ踦 °­Á¦·Î ŸÆÄÇÕ´Ï´Ù ¦¡¦¡ */
    nav.xe-theme__gnb.gnb--mobile.open .gnb-inner {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;            /* Å׸¶°¡ flex ±¸Á¶ÀÏ ¶§ ±¸°ÜÁüÀ» °­Á¦ ¹æÁö */
        display: block !important;
        padding: 0 24px !important;             /* ÁÂ¿ì ±Õµî ¿©¹é ¾ÈÂø */
        margin: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* ³»ºÎÀÇ ¸ðµç ±âŸ Á¶°¢ ¿ä¼ÒµéÀÇ °¡·Î ÇÑ°è°ªµµ À¯¿¬ÇÏ°Ô ÃʱâÈ­ */
    nav.xe-theme__gnb.gnb--mobile.open * {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    nav.xe-theme__gnb.gnb--mobile.open ul.gnb__menu {
        background: transparent !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;           
        box-sizing: border-box !important;
    }

    /* [C] ·Î±×ÀΠȸ¿ø Á¤º¸ ¿µ¿ª ¿©¹é ±ä¹ÐÈ­ */
    nav.xe-theme__gnb.gnb--mobile.open [class*="user"],
    nav.xe-theme__gnb.gnb--mobile.open [class*="member"],
    nav.xe-theme__gnb.gnb--mobile.open div:first-child {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        height: auto !important;                
        box-sizing: border-box !important;
    }

    /* [D] °³º° ¸Þ´º ±ÛÀÚ Ä­(li) ¼¼·Î Á¤·Ä ¹× ±¸ºÐ¼± */
    nav.xe-theme__gnb.gnb--mobile.open ul.gnb__menu li {
        background: transparent !important;
        display: block !important;
        width: 100% !important;
        float: none !important;                 
        padding: 14px 0 !important;             
        margin: 0 !important;
        border-bottom: 1px solid #f2f2f2 !important; 
        box-sizing: border-box !important;
    }
    nav.xe-theme__gnb.gnb--mobile.open ul.gnb__menu li:last-child {
        border-bottom: none !important;         
    }

    /* [E] ±ÛÀÚ °¡µ¶¼º º¸Àå */
    nav.xe-theme__gnb.gnb--mobile.open a.gnb__menu-link,
    nav.xe-theme__gnb.gnb--mobile.open span.gnb__menu-link-text {
        color: #333333 !important;              
        font-size: 15px !important;
        font-weight: 500 !important;
        display: inline-block !important;
    }
}