/* DDOKSUN XEDITION SEO OVERLAY - CENTER FIX v4 */

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
}

#wrap,
#container,
#content,
#body,
.body,
.container,
.content,
.xe_content,
.rx_content,
.e1,
.e1 .container,
.e1 .body,
.e1 #content {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

#content,
#body,
.body,
.content,
.xe_content,
.rx_content,
.e1 #content,
.e1 .body {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.xe_content > *,
.rx_content > *,
.page_content > *,
.ddsf-wrap,
.ddsf-main,
.ddsf-section,
.ddsf-feed,
.ddsf-hero,
.ddsf-card-list,
.dsc-card-list,
.dsc-board,
.dsc-article {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.dsc-article,
.board_read,
.read_body,
.document_content,
.xe_content .dsc-article {
    max-width: 960px !important;
}

.xe_content img,
.rx_content img,
.dsc-article img,
.document_content img,
.read_body img {
    max-width: 100% !important;
    height: auto !important;
}

.xe_content figure,
.rx_content figure,
.dsc-article figure,
.document_content figure {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.dsc-card-list,
.ddsf-card-list {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#header,
.header,
.e1 header {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

#header .search,
#header .gnb,
#header .login,
#header .account,
#header .profile,
#header .language,
#header .admin,
.header .search,
.header .gnb,
.header .login,
.header .account,
.header .profile,
.header .language,
.header .admin,
.e1 .search,
.e1 .gnb,
.e1 .login,
.e1 .account,
.e1 .profile,
.e1 .language {
    display: none !important;
}

#footer,
.footer,
.e1 footer {
    display: block !important;
    width: 100% !important;
    margin-top: 64px !important;
    border-top: 1px solid #edf0f5 !important;
    background: #fff !important;
}

#footer > *,
.footer > *,
.e1 footer > * {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    #wrap,
    #container,
    #content,
    #body,
    .body,
    .container,
    .content,
    .xe_content,
    .rx_content,
    .dsc-card-list,
    .ddsf-card-list,
    .dsc-article {
        max-width: 100% !important;
    }

    #content,
    #body,
    .body,
    .content,
    .xe_content,
    .rx_content,
    #header,
    .header,
    .e1 header {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

@media (max-width: 768px){

    .body.fixed-width{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    .content{
        width:100% !important;
        max-width:100% !important;
        padding-left:14px !important;
        padding-right:14px !important;
        box-sizing:border-box;
    }

    .seo-wrap{
        width:100% !important;
        max-width:100% !important;
        padding:20px 0 !important;
        margin:0 !important;
    }

    .seo-wrap h1{
        font-size:30px !important;
        line-height:1.35;
    }

    .seo-wrap h2{
        font-size:24px !important;
        line-height:1.45;
    }

    .seo-wrap p,
    .seo-wrap li{
        font-size:17px !important;
        line-height:1.9 !important;
    }

    .summary-card,
    .point-box,
    .compare-box,
    .final-box,
    .check-item{
        border-radius:18px;
    }

.seo-wrap img{
    width:100%;
    height:auto;
    border-radius:18px;
}



}

}


/* searchdoc landing SEO body unfold */
.dd-seo-guide--landing .dd-seo-scroll-body,
.dd-seo-guide--landing .dd-seo-body,
.dd-seo-guide--landing .dd-seo-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

.dd-seo-guide--landing .dd-seo-scroll-body::before,
.dd-seo-guide--landing .dd-seo-scroll-body::after,
.dd-seo-guide--landing .dd-seo-body::before,
.dd-seo-guide--landing .dd-seo-body::after {
    display: none !important;
}