@charset "UTF-8";
@font-face {
    font-family: "NanumSquareNeoBold";
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix)
            format("embedded-opentype"),
        url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff)
            format("woff"),
        url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf)
            format("truetype");
}
.is_mo {
    display: none;
}
.privacy-box .checkbox-counsel {
    display: none !important;
}

.wrapper {
    margin: 0 auto;
    max-width: 100%;
    padding: 80px 0 200px 0;
}

.titleBox {
    text-align: left;
}
.titleBox .tit {
    color: #000;
    font-family: Pretendard;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 135% */
    letter-spacing: -0.8px;
}

.meritzItem {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 360px;
    border-radius: 30px;
    border: 10px solid rgba(222, 29, 7, 0.5);
    background: #fff;
}

.infoText {
    margin-top: 50px;
    text-align: left;
    color: #898989;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 100% */
    letter-spacing: -0.44px;
}

section {
    max-width: 720px;
    margin: 0 auto;
}

.section01 .titleBox {
    margin-bottom: 30px;
}
.section01 .titleBox .tit {
    font-weight: 600;
}
.section01 .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    color: #898989;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 100% */
    letter-spacing: -0.44px;
}
.section01 .textBox {
    padding: 50px 0;
    border-bottom: 1px solid rgba(137, 137, 137, 0.231372549);
}
.section01 .textBox dl {
    display: flex;
    position: relative;
    padding-left: 341px;
}
.section01 .textBox dl dt {
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 100% */
    letter-spacing: -0.52px;
}
.section01 .textBox dl dd {
    color: #000;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 100% */
    letter-spacing: -0.52px;
}
.section01 .textBox dl + dl {
    margin-top: 20px;
}

.section02 {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 60px 0 50px 0;
    border-bottom: 1px solid rgba(137, 137, 137, 0.231372549);
}
.section02 .infoText {
    margin-top: 0;
}
.section02 .subTit {
    text-align: left;
    padding-left: 90px;
    color: #686868;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    background: url(../images/img_cal.png) no-repeat left center/auto 100%;
}
.section02 .subTit span {
    color: #de1d07;
}
.section02 .textBox {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.section02 .textBox dl dt {
    padding-left: 30px;
    margin-bottom: 20px;
    text-align: left;
    color: #000;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 123.077% */
    letter-spacing: -0.52px;
    background: no-repeat left center/20px auto;
}
.section02 .textBox dl dt.icon01 {
    background-image: url(../images/icon_fix.png);
}
.section02 .textBox dl dt.icon02 {
    background-image: url(../images/icon_user.png);
}
.section02 .textBox dl dt.icon03 {
    background-image: url(../images/icon_desc.png);
}
.section02 .textBox dl dt.icon04 {
    background-image: url(../images/icon_msg.png);
}
.section02 .textBox dl dt span {
    margin-left: 10px;
    color: #898989;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.52px;
}
.section02 .textBox dl dd {
    display: flex;
    flex-direction: column;
}
.section02 .textBox dl dd p {
    position: relative;
    padding-left: 40px;
    text-align: left;
    color: #000;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 123.077% */
    letter-spacing: -0.52px;
}
.section02 .textBox dl dd p::after {
    display: block;
    position: absolute;
    left: 16px;
    top: 12px;
    width: 6px;
    height: 6px;
    background-color: #000;
    content: "";
    border-radius: 100%;
}
.section02 .textBox dl dd p.gap {
    margin-bottom: 50px;
}
.section02 .textBox dl dd p.noDot {
    padding-left: 0;
}
.section02 .textBox dl dd p.noDot::after {
    display: none;
}

.section03 {
    padding: 60px 0 50px 0;
    border-bottom: 1px solid rgba(137, 137, 137, 0.231372549);
}
.section03 .titleBox {
    margin-bottom: 50px;
}
.section03 .tags {
    display: flex;
    gap: 14px;
}
.section03 .tags .tag {
    display: flex;
    padding: 12px 18px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 3px solid #ff8a7d;
    background: #ffe5e2;
    color: #991b1b;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 83.333% */
}
.section03 .tags .tag.yellow {
    border: 3px solid #f3e522;
    background: #fffde2;
    color: #7e5800;
}
.section03 .tags .tag.blue {
    color: #2474ba;
    border: 3px solid #79bffc;
    background: #d8edff;
}
.section03 .tags .tag.purple {
    color: #2c41af;
    border: 3px solid #7d92ff;
    background: #e2e7ff;
}

.section04 {
    padding: 60px 0 50px 0;
    border-bottom: 1px solid rgba(137, 137, 137, 0.231372549);
}
.section04 .titleBox {
    margin-bottom: 50px;
}

.section05 {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 60px 0 50px 0;
    border-bottom: 1px solid rgba(137, 137, 137, 0.231372549);
}
.section05 .info {
    padding-left: 100px;
    text-align: left;
    color: #000;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.48px;
    background: url(../images/icon_m.png) no-repeat left center;
}
.section05 .textBox {
    text-align: left;
}
.section05 .textBox .title {
    background: url(../images/icon_poket.png) no-repeat left center/auto 100%;
    padding-left: 46px;
    color: #000;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 123.077% */
    letter-spacing: -0.52px;
}
.section05 .textBox .title span {
    color: #de1d07;
}
.section05 .textBox p {
    margin-top: 20px;
    color: #000;
    font-family: Pretendard;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 123.077% */
    letter-spacing: -0.52px;
}
.section05 .infoText {
    margin-top: 0;
}

.fixed-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #000;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}
.fixed-btn .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    margin-right: 50px;
}
.fixed-btn .btnInner {
    align-items: center;
}
.fixed-btn .desc {
    color: #de1d07;
    text-align: center;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.66px;
}
.fixed-btn .time {
    display: flex;
    margin-left: 22px;
}
.fixed-btn .time .number {
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-family: "NanumSquare Neo OTF";
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.5px;
}
.fixed-btn button {
    margin-left: 82px;
    display: inline-flex;
    padding: 30px 40px;
    color: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.9px;
    border-radius: 10px;
    background: #de1d07;
}

/* 화면 크기가 600px 이하일 때 */
@media screen and (max-width: 760px) {
    .is_pc {
        display: none;
    }
    .wrapper {
        margin: 0 auto;
        max-width: 100%;
        padding: 40px 16px 120px 16px;
    }
    .titleBox {
        text-align: left;
    }
    .titleBox .tit {
        font-size: 24px;
        line-height: 30px; /* 135% */
    }
    .meritzItem {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 200px;
        border: 6px solid rgba(222, 29, 7, 0.5);
    }
    .meritzItem h2 img {
        height: 100%;
    }
    .infoText {
        margin-top: 24px;
        font-size: 16px;
        line-height: 20px; /* 100% */
    }
    .section01 .titleBox {
        margin-bottom: 16px;
    }
    .section01 .info {
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 20px; /* 100% */
    }
    .section01 .textBox {
        padding: 24px 0;
    }
    .section01 .textBox dl {
        display: flex;
        position: relative;
        padding-left: 150px;
    }
    .section01 .textBox dl dt {
        font-family: Pretendard;
        font-size: 18px;
    }
    .section01 .textBox dl dd {
        font-size: 18px;
        line-height: 26px; /* 100% */
    }
    .section01 .textBox dl + dl {
        margin-top: 14px;
    }
    .section02 {
        gap: 24px;
        padding: 30px 0 24px 0;
    }
    .section02 .subTit {
        text-align: left;
        padding-left: 40px;
        font-size: 16px;
        line-height: 20px; /* 133.333% */
        background-size: 34px auto;
    }
    .section02 .textBox {
        gap: 24px;
    }
    .section02 .textBox dl dt {
        padding-left: 16px;
        margin-bottom: 12px;
        font-size: 18px;
        background-size: 12px;
    }
    .section02 .textBox dl dt span {
        margin-left: 8px;
        font-size: 16px;
    }
    .section02 .textBox dl dd {
        display: flex;
        flex-direction: column;
    }
    .section02 .textBox dl dd p {
        position: relative;
        padding-left: 20px;
        font-size: 16px;
        line-height: 20px; /* 123.077% */
        letter-spacing: -0.52px;
    }
    .section02 .textBox dl dd p::after {
        left: 10px;
        top: 7px;
        width: 4px;
        height: 4px;
    }
    .section02 .textBox dl dd p.gap {
        margin-bottom: 20px;
    }
    .section03 {
        padding: 30px 0 24px 0;
    }
    .section03 .titleBox {
        margin-bottom: 24px;
    }
    .section03 .tags {
        gap: 10px;
    }
    .section03 .tags .tag {
        display: flex;
        padding: 6px 10px;
        border: 2px solid #ff8a7d;
        font-size: 14px;
    }
    .section04 {
        padding: 30px 0 24px 0;
    }
    .section04 .titleBox {
        margin-bottom: 24px;
    }
    .section05 {
        gap: 24px;
        padding: 30px 0 24px 0;
    }
    .section05 .info {
        padding-left: 40px;
        font-size: 16px;
        line-height: 20px;
        background-size: 34px auto;
    }
    .section05 .textBox .title {
        padding-left: 24px;
        font-size: 16px;
        line-height: 20px;
        background-size: auth 100%;
        letter-spacing: -0.52px;
    }
    .section05 .textBox p {
        margin-top: 12px;
        font-size: 16px;
        line-height: 20px; /* 123.077% */
        letter-spacing: -0.52px;
    }
    .section05 .infoText {
        margin-top: 0;
    }
    .fixed-btn {
        padding: 14px 14px 8px 14px;
        bottom: 2%;
        width: 92%;
        left: 4%;
        border-radius: 10px;
    }
    .fixed-btn .icon {
        width: 24px;
        margin-right: 8px;
    }
    .fixed-btn .btnInner {
        display: flex;
        flex: 1;
        text-align: center;
        flex-direction: column;
    }
    .fixed-btn .btnInner .desc {
        font-size: 14px;
    }
    .fixed-btn .btnInner .desc span {
        font-size: 14px;
    }
    .fixed-btn .btnInner .time {
        margin-left: 0;
    }
    .fixed-btn .btnInner .number {
        font-size: 30px;
    }
    .fixed-btn button {
        display: flex;
        padding: 14px 20px;
        margin-left: auto;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }
} /*# sourceMappingURL=styles.css.map */