#contents.au.vision .download>div>div,
#contents.au .gallery ul li span,
.mainNews>header div>*::before,
.mainBiz .swiper .bizPaging button::before,
.mainVi .h1,
#contents.cs.notice .list>*:not(.pagination) .arrow::before,
#contents.pr.press .modeTarget.textMode>*:not(.pagination) .arrow::before,
#contents.pr.newsroom .modeTarget.textMode>*:not(.pagination) .arrow::before,
.mainBetter>div>* .arr::before,
#detailContents.portfolioDetail .detailContainer>section.gallery .zoom>div>.closeZoom,
#detailContents.portfolioDetail .detailContainer>section.gallery .zoom>div,
.popup>div,
.popup>div>.closePopup,
.popup>.closePopup,
.toastMessage p {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#header>div>.h1 {
    width: 57px;
    height: 26px;
    background: url(../images/slp/logo.svg) no-repeat center;
}

body.main #header:not(.sticky):not(.hover):not(.opened)>div>.h1,
body.main #header:not(.sticky):not(.hover):not(.opened)>div>button,
body.main #header:not(.sticky):not(.hover):not(.opened)>div>nav {
    -moz-filter: grayscale(1) brightness(100);
    -ms-filter: grayscale(1) brightness(100);
    -o-filter: grayscale(1) brightness(100);
    filter: grayscale(1) brightness(100);
}

#footer>div .h1 {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0.5rem;
    width: 57px;
    height: 26px;
    background: url(../images/slp/logo.svg) no-repeat center;
    -moz-filter: grayscale(1) brightness(100);
    -ms-filter: grayscale(1) brightness(100);
    -o-filter: grayscale(1) brightness(100);
    filter: grayscale(1) brightness(100);
}

#header>div>.h1 a {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0.5rem;
    display: block;
    width: 100%;
    height: 100%;
}

.popup>div .terms .h1 {
    font-weight: 400;
}

.popup>div .terms .termsContents .h1 {
    font-weight: 700;
}


@media (max-width: 1024px) {
    #header.opened>nav section .h1 button::after {
        content: '';
        position: absolute;
        right: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 24px;
        height: 24px;
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-width: 0 0 1px 1px;
        border-color: #707070;
        border-style: solid;
        transform: rotate(-45deg);
    }
}

@media (max-width: 1024px) {
    #header.opened>nav section.opened .h1 button::after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-width: 0 0 1px 1px;
        border-color: #707070;
        border-style: solid;
        transform: rotate(135deg);
    }
}

@media (min-width: 1025px) {
    #header.opened>nav>div section .h1 {
        width: 100%;
        padding-bottom: 48px;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 1024px) {

    .mainBetter>header p,
    .popup>div .terms .h1,
    .popup>div .full .h1:not(.caseSmall) {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

@media (min-width: 1025px) {
    #header:not(.opened)>nav section .h1 {
        position: absolute;
        display: inline-block;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
}

@media (max-width: 1024px) {
    #header.opened>nav section .h1 button {
        position: relative;
        width: 100%;
        height: 70px;
        padding-left: 20px;
        text-align: left;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.02em;
    }
}



.mainVi .h1 {
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    font-weight: normal;
    line-height: 1.3;
    word-break: keep-all;
    pointer-events: none;
    color: #fff;
}

@media (min-width: 1025px) {
    .mainVi .h1 {
        font-size: 50px;
        line-height: 62px;
        letter-spacing: -0.035em;
    }
}

@media (max-width: 1024px) {
    .mainVi .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

.mainBiz>header .h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #0097e0
}

.mainSmart .h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
}

.mainBetter>header .h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #0097e0;
}

.mainNews>header .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    color: #fff;
}

@media (min-width: 1025px) {
    .mainNews>header .h1 {
        padding-top: 92px;
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

@media (max-width: 1024px) {
    .mainNews>header .h1 {
        padding-top: 40px;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}


#contents.ba .tabContent>header .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1025px) {
    #contents.ba .tabContent>header .h1 {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

@media (max-width: 1024px) {
    #contents.ba .tabContent>section h2 {
        margin-bottom: 28px;
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

#contents .contentHeader .h2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

@media (min-width: 1025px) {
    #contents .contentHeader .h2 {
        margin-top: 100px;
        font-size: 60px;
        line-height: 74px;
        letter-spacing: -0.05em;
    }
}

@media (max-width: 1024px) {
    #contents .contentHeader .h2 {
        margin-top: 60px;
        font-size: 36px;
        line-height: 48px;
        letter-spacing: -0.03em;
    }
}

@media (min-width: 1025px) {
    #contents.sl>section .h1 {
        padding-top: 108px;
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

@media (max-width: 1024px) {
    #contents.sl>section .h1 {
        padding-top: 65px;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}



#contents .contentHeader h2 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}


#contents .contentHeader .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

@media (min-width: 1025px) {
    #contents .contentHeader .h1 {
        margin-top: 100px;
        font-size: 60px;
        line-height: 74px;
        letter-spacing: -0.05em;
    }
}

@media (max-width: 1024px) {
    #contents .contentHeader .h1 {
        margin-top: 60px;
        font-size: 36px;
        line-height: 48px;
        letter-spacing: -0.03em;
    }
}


@media (min-width: 1025px) {
    #contents.bp.default .portfolio>header .h1 {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

@media (max-width: 1024px) {
    #contents.bp.default .portfolio>header .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}


#contents.pr.newsroom>section .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 18px;
    font-weight: 500;
}

@media (min-width: 1025px) {
    #contents.pr.newsroom>section .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 1024px) {
    #contents.pr.newsroom>section .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}


#detailContents.article .recommend .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 1024px) {
    #detailContents.article .recommend .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

@media (min-width: 1025px) {
    #detailContents.article .recommend .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

#contents.cs .inquiry>section>header h1,
#contents.cs .inquiry>section>.h1,
#contents.cs .inquiry>section>header h2,
#contents.cs .inquiry>section>h2 {
    font-weight: 400;
    word-break: keep-all;
}

@media (max-width: 1024px) {

    #contents.cs .inquiry>section>header,
    #contents.cs .inquiry>section>.h1 {
        margin-bottom: 32px;
    }
}


@media (min-width: 1025px) {

    #contents.cs .inquiry>section>header h1,
    #contents.cs .inquiry>section>.h1,
    #contents.cs .inquiry>section>header h2,
    #contents.cs .inquiry>section>h2 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (min-width: 1025px) {

    #contents.cs .inquiry>section>header,
    #contents.cs .inquiry>section>.h1 {
        position: absolute;
        left: 0;
        top: 0;
    }
}

#contents.au .overview01 .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0.5rem;
    font-size: 0;
    background: url(../images/slp/text/SLPlatform.png) no-repeat;
}

@media (min-width: 1025px) {
    #contents.au .overview01 .h1 {
        padding-top: 285px;
        padding-right: 28px;
        height: 120px;
        background-position: right bottom;
        background-size: 552px;
    }
}

@media (max-width: 1024px) {
    #contents.au .overview01 .h1 {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        background-position: center;
        height: 60px;
        background-size: contain;
    }
}

#contents.au .overview02 .h1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1240px;
    min-width: 315px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0.5rem;
    font-size: 0;
    background: url(../images/slp/text/slogan.png) no-repeat;
}

@media (max-width: 1024px) {
    #contents.au .overview02 .h1 {
        margin-top: 20px;
        height: 60px;
        background-size: contain;
        background-position: center;
    }
}

@media (min-width: 1025px) {
    #contents.au .overview02 .h1 {
        padding-right: 28px;
        height: 120px;
        background-position: right -20px;
        background-size: 330px auto;
    }
}

#contents.au.vision>section .h1 {
    text-align: center;
}

@media (max-width: 1024px) {
    #contents.au.vision>section .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

@media (min-width: 1025px) {
    #contents.au.vision>section .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

#contents.management_au .contentHeader h1+p {
    font-size: 20px;
    text-align: center;
    color: #212121;
    line-height: 32px;
    margin-top: 20px;
}

#contents.au.vision .logo .h1 {
    width: 100%;
}

@media (max-width: 1024px) {
    #contents.au.vision>section+section .h1 {
        padding-top: 67px;
    }
}

#contents.au.vision>section+section .h1 {
    border-top: 1px dashed #c8c8c8;
}

@media (max-width: 1024px) {
    #contents.au.vision>section .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

@media (max-width: 1024px) {
    #contents.au.vision .logo .h1 {
        padding-bottom: 36px;
    }
}

@media (min-width: 1025px) {
    #contents.au.vision .logo .h1 {
        padding-bottom: 57px;
    }
}


#contents.au .historyContainer .content .year .h1 {
    position: relative;
    color: #0097e0;
}


#contents.au .historyContainer .content .year .h1::after,
#contents.au .historyContainer .content .year .h1::before {
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin: auto;
}

#contents.au .historyContainer .content .year .h1::before {
    z-index: 1;
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid #4614a0;
    border-radius: 50%;
    background: #fff;
}

@media (min-width: 1025px) {
    #contents.au .historyContainer .content .year .h1::before {
        left: -120px;
    }
}

#contents.au .historyContainer .content .year .h1::after {
    z-index: 0;
    content: '';
    width: 100%;
    max-width: 0;
    height: 1px;
    background: #c8c8c8;
    transition: all 0.2s;
}

@media (min-width: 1025px) {
    #contents.au .historyContainer .content .year .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (min-width: 1025px) {
    #contents.au .historyContainer .content .year .h1::after {
        left: -120px;
    }
}

@media (min-width: 1025px) {
    #contents.au .historyContainer .content .year .h1.active::after {
        max-width: 93px;
    }
}

@media (max-width: 1024px) {
    #contents.au .historyContainer .content .year .h1 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 1024px) {
    #contents.au .historyContainer .content .year .h1::before {
        left: -40px;
    }
}

@media (max-width: 1024px) {
    #contents.au .historyContainer .content .year .h1.active::after {
        max-width: 30px;
    }
}

@media (max-width: 1024px) {
    #contents.au .historyContainer .content .year:first-of-type .h1::after {
        min-width: 30px;
    }
}

@media (max-width: 1024px) {
    #contents.au .historyContainer .content .year .h1::after {
        left: -40px;
    }
}

#contents.au .gallery .h1 {
    border-top: 1px dashed #dbdbdb;
    text-align: center;
}

@media (max-width: 1024px) {
    #contents.au .gallery .h1 {
        padding-top: 58px;
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

@media (min-width: 1025px) {
    #contents.au .gallery .h1 {
        padding-top: 105px;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}


@media (min-width: 1025px) {
    #contents.cr .management>section>div .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 1024px) {
    #contents.cr .management>section>div .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

#contents.cr .recruitMethod .h1 {
    text-align: center;
}


@media (min-width: 1025px) {
    #contents.cr .recruitMethod .h1 {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

@media (max-width: 1024px) {
    #contents.cr .recruitMethod .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (min-width: 1025px) {
    #contents.cr .recruitProcess>header .h1 {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

@media (max-width: 1024px) {
    #contents.cr .recruitProcess>header .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (min-width: 1025px) {

    #contents.au .historyContainer .content ul li,
    .preview>section>div>header h2 small,
    .popup>div .terms .termsContents .h1 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.02em;
        line-height: 32px;
    }
}


@media (max-width: 1024px) {

    #contents.au .historyContainer .content ul li,
    .preview>section>div>header h2 small,
    .popup>div .terms .termsContents .h1 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -0.015em;
    }
}

@media (min-width: 1025px) {

    .mainBetter>header p,
    .popup>div .terms .h1,
    .popup>div .full .h1:not(.caseSmall) {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}

.popup>div .terms .termsContents .h1 {
    font-weight: 700;
}

.popup>div .terms .termsContents .h1 {
    color: #666;
}

/* 스마트리빙연구소 */
#contents.slp-plus .mySwiper-02 .box-max-1200 .text-box .h1 {
    font-size: 42px;
    font-weight: 700;
    margin: 12px 0 33px;
    letter-spacing: -0.02em;
}

@media (max-width: 720px) {
    #contents.slp-plus .mySwiper-02 .box-max-1200 .text-box .h1 {
        font-size: 28px;
        margin: 10px 0 15px;
        line-height: 35px;
    }
}


#contents.bp.clients>section .h1 {
    padding-top: 20px;
}

@media (min-width: 1025px) {
    #contents.bp.clients>section .h1 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -0.025em;
    }
}

@media (max-width: 1024px) {
    #contents.bp.clients>section .h1 {
        font-size: 26px;
        line-height: 36px;
        letter-spacing: -0.02em;
    }
}

#contents.au.vision .greeting .h1 {
    width: 100%;
}

@media (min-width: 1025px) {
    #contents.au.vision>section+section .h1 {
        padding-top: 109px;
    }
}

@media (min-width: 1025px) {
    #contents.ba .section > .h1, #contents.ba .section > header > .h1 {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.03em;
    }
}


@media screen and (max-width: 1180px) {
    #contents.ba .section > .h1, #contents.ba .section > header > .h1 {
        font-size: 34px;
    }
}

#contents.au.vision .colors .h1 {
    width: 100%;
}

@media (min-width: 1025px) {
    #contents.au.vision .colors .h1 {
        padding-bottom: 62px;
    }
}

@media (max-width: 1024px) {
    #contents.au.vision .colors .h1 {
        padding-bottom: 9px;
    }
}