/*!
 * Author: NextFlow <nextflow@kakao.com>
 * Created: 21. 1. 6. 오전 11:13
 * Copyright (c) 2021. NextFlow. All rights reserved.
 */
@import url("https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap");@media (max-width: 1100px) {
    .signin__resetpassword-btn {
        font-size:12px
    }
}

@media (max-width: 1100px) {
    .login_title {
        margin-bottom:20px
    }
}

.signin_inner_wrapper {
    background: white;
    width: 580px;
    height: 353px;
    padding: 20px 30px
}

@media (max-width: 1100px) {
    .signin_inner_wrapper {
        width:calc(100vw - 20px);
        height: 454px;
        padding: 20px 10px
    }
}

header.header.unauth~.content.index {
    max-width: 1920px;
    padding: 0;
    margin-bottom: -100px
}

header.header.unauth~.content.signin {
    margin: auto
}

.content .content-inner.signin~.content-inner.index {
    margin-top: 0
}

.content.index .content-inner.index {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0
}

.content.signin .content-inner.signin {
    display: block;
    margin-top: 30px
}

.content-inner.index {
    display: none
}

.content-inner.index .index-section {
    text-align: center;
    padding: 30px 0
}

.content-inner.index .index-section:nth-child(2n-1) {
    background: #f9f9f9
}

.content-inner.index .index-section>span {
    display: block;
    font-size: 14px;
    font-weight: 300
}

.content-inner.index .index-section .index-section__title {
    font-size: 49px;
    margin: 30px 0
}

.content-inner.index .index-section>img {
    margin: 30px auto 0;
    max-width: 100%
}

.content-inner.index .index-section>img.mobile {
    display: none
}

.content-inner.index .index-section__typeA,.content-inner.index .index-section__typeB {
    font-size: 0;
    max-width: 790px;
    margin: auto
}

.content-inner.index .index-section__typeA>*,.content-inner.index .index-section__typeB>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: calc(100% / 3 - 10px)
}

.content-inner.index .index-section__typeA>*:nth-child(n + 2),.content-inner.index .index-section__typeB>*:nth-child(n + 2) {
    margin-left: 5px
}

.content-inner.index .index-section__typeA .typeA-item {
    padding: 45px
}

.content-inner.index .index-section__typeA .typeA-item .typeA-item__img {
    height: 80px;
    width: auto
}

.content-inner.index .index-section__typeA .typeA-item .typeA-item__title {
    display: block;
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: bold
}

.content-inner.index .index-section__typeB {
    background: #ffffff;
    padding: 25px;
    border: 1px solid #e3e3e3;
    margin: 50px auto
}

.content-inner.index .index-section__typeB .typeB-item {
    font-size: 12px;
    position: relative;
    padding: 10px 0 0 50px;
    text-align: left;
    width: calc(100% / 3 - 40px)
}

.content-inner.index .index-section__typeB .typeB-item:nth-child(n + 2) {
    margin-left: 20px
}

.content-inner.index .index-section__typeB .typeB-item .typeB-item__title {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold
}

.content-inner.index .index-section__typeB .typeB-item::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    width: 30px;
    height: 100%
}

.content-inner.index .index-section__typeB .typeB-item:nth-child(1)::before {
    background: url("/img/typeB-item__icon-1.png") no-repeat center top;
    background-size: 30px auto
}

.content-inner.index .index-section__typeB .typeB-item:nth-child(2)::before {
    background: url("/img/typeB-item__icon-2.png") no-repeat center top;
    background-size: 30px auto
}

.content-inner.index .index-section__typeB .typeB-item:nth-child(3)::before {
    background: url("/img/typeB-item__icon-3.png") no-repeat center top;
    background-size: 30px auto
}

.content-inner.signin {
    display: none
}

.content-inner.signin .signin__resetpassword-btn {
    float: right
}

.content.index~footer {
    display: block
}

.content.signin button[type="submit"] {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 16px
}

.content.signin .signin__resetpassword-btn {
    color: #000000
}

.content-inner.notice {
    padding: 0px 60px 20px 60px
}

@media (max-width: 768px) {
    .content-inner.notice {
        width:96%;
        padding: 0px 0px 20px 0px;
        margin: 0 auto
    }
}

.content-inner.notice .centered_title_style {
    font: normal normal 550 28px/41px Noto Sans KR;
    text-align: center;
    color: #333333;
    margin-top: 12px;
    margin-bottom: 16px
}

@media (max-width: 768px) {
    .content-inner.notice .centered_title_style {
        text-align:left;
        font-size: 18px;
        margin-bottom: 9px;
        margin-top: 30px;
        line-height: 20px
    }
}

.content-inner.notice .content-inner__desc {
    border: 1px solid #d2d2d8;
    border-radius: 5px;
    padding: 15px 10px
}

.content-inner.notice ul {
    line-height: 1.5;
    max-height: 115px;
    overflow-y: auto
}

.content-inner.notice ul li {
    padding: 0 10px
}

.content-inner.notice ul li::before {
    content: attr(data-date);
    color: #ff9c00;
    vertical-align: text-bottom;
    padding-right: 3px
}

.content-inner.notice .attention {
    display: none
}

.content-notify.error {
    position: relative
}

.content-notify.success {
    text-align: left;
    padding: 15px !important;
    line-height: 1.5;
    position: relative
}

.content-notify.success .close-btn {
    top: 15px
}

.content-notify .confirm-time {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    transition: width 0.5s;
    opacity: 0
}

.content-notify .confirm-time[style*="width"] {
    position: static;
    opacity: 1
}

.content-notify .confirm-time[style*="width"]:not(.init) {
    width: 0 !important
}

.content-notify .username {
    color: #ffff00
}

.content-notify .balance {
    color: #00ff00
}

.content-notify .orders-count {
    color: #e76363
}

.content-notify .content-notify__desc:nth-child(2) {
    font-size: 0.8em;
    margin-top: 5px
}

.content-inner__title {
    margin-bottom: 18.5px
}

.content-inner.notice .content-inner__title,.content-inner.neworder .content-inner__title,.content-inner.attention .content-inner__title {
    font-size: 25px;
    text-align: left;
    font-weight: bold
}

.content-inner.notice .content-inner__title-en,.content-inner.neworder .content-inner__title-en,.content-inner.attention .content-inner__title-en {
    color: #555
}

.content-inner.notice .content-inner__title-desc,.content-inner.neworder .content-inner__title-desc,.content-inner.attention .content-inner__title-desc {
    color: #555;
    font-weight: bold
}

.content-inner.neworder input {
    margin: 0
}

.content-inner.neworder .form-group {
    margin-bottom: 25px;
    word-break: keep-all
}

.content-inner.neworder .form-group small[data-name] {
    display: block
}

.content-inner.neworder .form-group small[data-name]:nth-last-child(2) {
    margin-top: 5px
}

.content-inner.neworder .form-group small[data-name]::before {
    content: attr(data-name);
    color: #ff0000;
    vertical-align: text-bottom;
    margin-right: 3px;
    font-weight: bold
}

.content-inner.neworder .control-label .low-balance {
    font-size: 0.8em;
    color: #ef7300
}

.content-inner.neworder .control-label .low-balance a {
    display: none
}

.content-inner.neworder .control-label .low-balance.active::before {
    content: "*잔액이 부족합니다"
}

.content-inner.neworder .control-label .low-balance.active a {
    display: inline-block
}

.content-inner.neworder .control-label a {
    display: inline-block;
    vertical-align: text-top;
    background: #333333 0% 0% no-repeat padding-box;
    color: #ffffff;
    padding: 1px 5px 3px 5px;
    border-radius: 5px;
    margin-top: 1px;
    margin-left: 3px;
    font-size: 11px
}

.content-inner.neworder select {
    padding: 0 5px
}

.content-inner.neworder .row {
    position: relative;
    font-size: 0;
    margin: 0
}

.content-inner.neworder .row>[class^="col"] {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 5px);
    white-space: nowrap;
    padding: 0
}

.content-inner.neworder .row>[class^="col"]:first-child {
    margin-right: 10px
}

.content-inner.neworder .row>[class^="col"] input {
    margin: 0
}

.content-inner.neworder .row label {
    font-size: 14px
}

.content-inner.neworder .row label:not(.control-label) {
    padding-top: 5px
}

.content-inner.neworder .row small {
    font-size: 12px
}

.content-inner.neworder .row .input-group-btn {
    border: 1px solid #d2d2d8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.content-inner.neworder .row .input-group-btn button {
    font-size: 14px
}

.content-inner.neworder .neworder-step__title {
    font: normal normal 500 18px/20px Noto Sans KR;
    color: var(--button-color2);
    padding-right: 3px
}

.content-inner.neworder .neworder-step__title::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    background: #cccccc;
    margin-left: 5px;
    margin-right: 2px
}

.content-inner.neworder input[type="checkbox"]:checked+.form-group__label-title {
    margin-bottom: 5px
}

.content-inner.attention .content-inner__desc {
    text-align: center;
    font-size: 0.8em;
    padding: 20px 0
}

.content-inner.attention .content-inner__desc ul li {
    border-top: 1px solid #eeeeee;
    padding: 20px 0
}

.content-inner.attention .content-inner__desc ul li p {
    margin: 0
}

.content-inner.attention .content-inner__desc ul li b {
    font-weight: normal;
    color: #ff0000
}

.content-inner.attention .content-inner__desc ul li a {
    background: #ffe445;
    color: #3b2a15;
    padding: 10px 50px;
    font-size: 1.5em;
    font-weight: bold
}

@media only screen and (max-width: 768px) {
    .content-inner.index .index-section .index-section__title {
        font-size:24px
    }

    .content-inner.index .index-section>img.pc {
        display: none
    }

    .content-inner.index .index-section>img.mobile {
        display: block;
        max-width: 270px
    }

    .content-inner.index .index-section__typeA>*,.content-inner.index .index-section__typeB>* {
        display: block;
        width: 100%;
        margin: 0
    }

    .content-inner.index .index-section__typeA>*:nth-child(n + 2),.content-inner.index .index-section__typeB>*:nth-child(n + 2) {
        margin-left: 0 !important
    }

    .content-inner.index .index-section__typeA .typeA-item {
        padding: 20px 45px
    }

    .content-inner.index .index-section__typeA .typeA-item .typeA-item__title {
        margin-top: 20px !important
    }

    .content-inner.index .index-section__typeB {
        padding: 10px 0 0;
        margin: 0 10px
    }

    .content-inner.index .index-section__typeB .typeB-item {
        width: auto;
        max-width: 200px;
        margin: 0 auto 20px !important
    }

    .content-inner.notice .content-inner__title,.content-inner.neworder .content-inner__title,.content-inner.attention .content-inner__title {
        margin: 0 0 5px
    }

    .content-inner.neworder #order_delay .row>div {
        width: 100%
    }

    .content-inner.neworder #order_delay .row label:not(.control-label) {
        margin-top: 10px
    }
}

.content-inner.link-guide {
    padding: 0;
    border: 0;
    text-align: center
}

.content-inner.link-guide img {
    max-width: 100%
}

@media only screen and (max-width: 768px) {
    .content-inner.link-guide {
        padding:10px
    }
}

.content-inner.rank-guide {
    padding: 30px
}

.content-inner.rank-guide .content-inner__title span {
    display: block;
    font-weight: 300 !important
}

.content-inner.rank-guide>ul {
    border-top: 1px solid #d2d2d8;
    font-size: 20px;
    font-family: "Noto Sans KR", sans-serif !important
}

.content-inner.rank-guide>ul>li {
    padding-top: 20px;
    padding-left: 20px;
    position: relative
}

.content-inner.rank-guide>ul>li::before {
    content: "ㆍ";
    position: absolute;
    left: 0
}

.content-inner.rank-guide>ul ul {
    padding-top: 5px;
    font-size: 14px;
    font-family: "Malgun Gothic", "맑은 고딕", sans-serif
}

.content-inner.rank-guide>ul ul>li {
    line-height: 22px;
    padding-left: 10px;
    position: relative
}

.content-inner.rank-guide>ul ul>li::before {
    content: "- ";
    position: absolute;
    left: 0
}

@media only screen and (max-width: 768px) {
    .content-inner.rank-guide {
        padding:10px
    }
}

.content-inner.qna .content-inner__title {
    padding: 15px
}

.content-inner.qna ul>li {
    position: relative;
    word-break: keep-all;
    transition: padding-bottom 0.5s
}

.content-inner.qna ul>li>span {
    display: block;
    padding: 15px 0;
    border-top: 1px solid #d2d2d8;
    border-bottom: 1px solid #d2d2d8;
    margin-bottom: -1px;
    position: relative;
    cursor: pointer;
    transition: margin-bottom 0.5s
}

.content-inner.qna ul>li>span::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(-45deg);
    transition: transform 0.3s;
    border: 2px solid #ccc;
    border-top: 0;
    border-right: 0
}

.content-inner.qna ul>li:not(.active)>div[style*="height"] {
    height: 0 !important
}

.content-inner.qna ul>li.active {
    padding-bottom: 20px
}

.content-inner.qna ul>li.active>span {
    margin-bottom: 10px
}

.content-inner.qna ul>li.active>span::after {
    transform: translateY(-50%) rotate(135deg)
}

.content-inner.qna ul>li>div {
    position: absolute;
    opacity: 0;
    transition: height 0.5s;
    overflow: hidden;
    padding: 0 10px;
    line-height: 24px
}

.content-inner.qna ul>li>div[style*="height"] {
    position: static;
    opacity: 1
}

header.header.auth~section.content.index {
    max-width: 880px
}

.content-notify.neworder_notify {
    display: none;
    margin: 15px -100%;
    margin-top: 0px
}

@media (max-width: 768px) {
    .content-notify.neworder_notify {
        display:block;
        margin-top: 10px;
        margin-bottom: 16px;
        background: transparent linear-gradient(90deg, #ff7b00 0%, #6f54ff 100%) 0% 0% no-repeat padding-box
    }
}

.content.index .content-notify.error,.content.index .content-notify.success {
    margin: 0px
}

.content-inner.neworder {
    padding: 30px;
    margin-top: 70px
}

.content-inner.neworder .buttonListTitle {
    font: normal normal 500 18px/27px Noto Sans KR;
    margin-bottom: 11px;
    color: #333333
}

@media (max-width: 768px) {
    .content-inner.neworder .buttonListTitle {
        font:normal normal 500 14px/20px Noto Sans KR
    }
}

.content-inner.neworder .buttonList {
    width: 100%;
    margin: 5px 0 30px 0;
    display: flex;
    justify-content: space-between
}

.content-inner.neworder .buttonList .mobile {
    display: none
}

.content-inner.neworder .buttonList .categoryBtn {
    /* width: 155px;
    height: 155px; */
    border-radius: 50%;
    background: #ffffff 0% 0% no-repeat padding-box;
    padding: 0px;
    border: 5px solid #ffffff
}

.content-inner.neworder .buttonList .categoryBtn img.hover {
    display: none
}

.content-inner.neworder .buttonList .categoryBtn:hover img.default {
    display: none
}

.content-inner.neworder .buttonList .categoryBtn:hover img.hover {
    display: inline-block
}

.content-inner.neworder .buttonList .categoryBtn .category {
    margin-top: 10px;
    font: normal normal 550 18px/27px Noto Sans KR
}

.content-inner.neworder .buttonList .categoryBtn img {
    height: 53px
}

.content-inner.neworder .buttonList .categoryBtn[value="인스타"] {
    color: #e31364
}

.content-inner.neworder .buttonList .categoryBtn[value="인스타"]:hover {
    color: #ff63b1
}

.content-inner.neworder .buttonList .categoryBtn[value="페이스북"] {
    color: #004fd5
}

.content-inner.neworder .buttonList .categoryBtn[value="페이스북"]:hover {
    color: #61c0ff
}

.content-inner.neworder .buttonList .categoryBtn[value="유튜브"] {
    color: #fc0300
}

.content-inner.neworder .buttonList .categoryBtn[value="유튜브"]:hover {
    color: #ff7a50
}

.content-inner.neworder .buttonList .categoryBtn[value="기타"] {
    color: #000000
}

.content-inner.neworder .buttonList .categoryBtn[value="기타"] img {
    width: 36px
}

.content-inner.neworder .buttonList .categoryBtn[value="기타"]:hover {
    color: #ff004f
}

.content-inner.neworder form .form-control {
    width: 100%;
    height: 40px
}

.content-inner.neworder form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/ico_select_box.svg") no-repeat 98%;
    background-size: 8px
}

.content-inner.neworder form .neworder-link {
    display: none
}

.content-inner.neworder form .btn-primary {
    width: 100%;
    height: 40px
}

.content-inner.neworder form .validate-btn {
    background-color: var(--button-color);
    border-radius: 3px;
    margin: -20px 0 20px;
    transition: background-color 0.3s
}

.content-inner.neworder form .validate-btn:disabled {
    background-color: #eee
}

@media (max-width: 768px) {
    .content-inner.neworder {
        width:96%;
        margin: 0 auto;
        padding: 0 !important
    }

    .content-inner.neworder .mobile {
        display: block !important;
        text-align: center;
        font: normal normal 500 16px/17px Noto Sans KR;
        color: #333333;
        margin-top: 5px
    }

    .content-inner.neworder .buttonList {
        margin-bottom: 30px
    }

    .content-inner.neworder .buttonList .categoryBtn {
        border-width: 3px;
        /* width: 17.89vw;
        height: 17.89vw; */
        padding: 0;
        font-weight: normal
    }

    .content-inner.neworder .buttonList .categoryBtn img {
        vertical-align: unset;
        height: 7vw
    }

    .content-inner.neworder .buttonList .categoryBtn .category {
        display: none
    }
}

@media (max-width: 500px) {
    .content-inner.neworder .mobile {
        font-size:11px
    }

    .content-inner.neworder .buttonList .categoryBtn {
        padding-top: 5px !important;
        font: normal normal normal 11px/22px Malgun Gothic, sans-serif !important
    }
}

.content-inner.rank-guide {
    margin-top: 30px
}

.content-inner.rank-guide .content-inner__title {
    font: normal normal 500 28px/40px Noto Sans KR
}

.content-inner.rank-guide .content-inner__title span {
    font: normal normal 300 28px/40px Noto Sans KR, -apple-system
}

.content-inner.rank-guide ul {
    word-break: keep-all;
    font: normal normal 500 20px/36px Noto Sans KR
}

.content-inner.rank-guide ul ul {
    font: normal normal normal 14px/22px Malgun Gothic, sans-serif
}

.content-inner.index h1,.content-inner.index h3,.content-inner.index b {
    margin: 0
}

@media (max-width: 768px) {
    .content-inner.index [data-aos="fade-up"] {
        transform:translate3d(0, 70px, 0);
        -webkit-transform: translate3d(0, 70px, 0)
    }
}

.content-inner.index .first_section {
    position: relative;
    height: 803px;
    background: no-repeat #1a1a1a url(../img/main_1.svg);
    background-size: cover;
    padding-top: 301px;
    overflow: hidden
}

@media (max-width: 768px) {
    .content-inner.index .first_section {
        height:373px;
        padding-top: 127px;
        background-image: url(../img/m_main_1_1.svg)
    }
}

.content-inner.index .first_section .first_box {
    margin: 0 auto 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box {
        transition-duration:0s !important
    }
}

.content-inner.index .first_section .first_box .first_main {
    font: normal normal normal 50px/56px NanumSquare;
    letter-spacing: -0.5px;
    color: #ffffff
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .first_main {
        font:normal normal normal 20px/22px NanumSquare;
        letter-spacing: -0.2px;
        color: #ffffff
    }
}

.content-inner.index .first_section .first_box .first_main .first_logo {
    font: normal normal normal 57px/56px BR B;
    letter-spacing: -0.57px;
    color: #ff7b00;
    vertical-align: bottom
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .first_main .first_logo {
        font:normal normal normal 23px/23px BR B;
        letter-spacing: -0.23px;
        color: #ffffff
    }
}

.content-inner.index .first_section .first_box .first_main .first_mong {
    font: normal normal normal 57px/56px BR B;
    letter-spacing: -0.57px;
    color: #ffffff;
    vertical-align: bottom
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .first_main .first_mong {
        font:normal normal normal 23px/23px BR B;
        letter-spacing: -0.23px;
        color: #ffffff
    }
}

.content-inner.index .first_section .first_box .first_desc {
    margin-top: 25px;
    text-align: center;
    font: normal normal normal 24px/40px NanumSquare;
    letter-spacing: -0.24px;
    color: #999999
}

.content-inner.index .first_section .first_box .first_desc .mobile {
    display: none
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .first_desc .mobile {
        display:block
    }
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .first_desc {
        margin-top:12px;
        font: normal normal normal 13px/17px Malgun Gothic;
        letter-spacing: -0.13px;
        color: #999999
    }
}

.content-inner.index .first_section .first_box .button_box {
    display: flex;
    gap: 30px;
    margin-top: 60px
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .button_box {
        gap:10px;
        margin-top: 26px
    }
}

.content-inner.index .first_section .first_box .first_btn {
    width: 250px;
    height: 68px;
    border-radius: 34px;
    /* background: transparent linear-gradient(134deg, #ff7b00 0%, #ff5e0a 100%) 0% 0% no-repeat padding-box;*/

    background: gray;
    text-align: center;
    font: normal normal normal 22px/67px Noto Sans KR;
    letter-spacing: 0px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_box .first_btn {
        width:163px;
        height: 44px;
        text-align: center;
        font: normal normal normal 14px/43px Noto Sans KR;
        letter-spacing: 0px;
        color: #ffffff;
        border-radius: 22px
    }
}

.content-inner.index .first_section .first_img1 {
    position: absolute;
    top: 151px;
    left: 334.5px
}

@media (max-width: 1500px) {
    .content-inner.index .first_section .first_img1 {
        left:100px
    }
}

@media (max-width: 1100px) {
    .content-inner.index .first_section .first_img1 {
        display:none
    }
}

.content-inner.index .first_section .first_img2 {
    position: absolute;
    top: -30px;
    left: 740px
}

@media (max-width: 1100px) {
    .content-inner.index .first_section .first_img2 {
        display:none
    }
}

.content-inner.index .first_section .first_img3 {
    position: absolute;
    top: 630px;
    right: 183.6px
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_img3 {
        display:none
    }
}

.content-inner.index .first_section .first_img4 {
    position: absolute;
    top: 630px;
    right: 147.6px
}

@media (max-width: 768px) {
    .content-inner.index .first_section .first_img4 {
        display:none
    }
}

.content-inner.index .second_section {
    position: relative;
    height: 430px;
    background: #fff;
    box-shadow: 0px 3px 20px #0000001a;
    overflow-y: visible
}

@media (max-width: 1100px) {
    .content-inner.index .second_section {
        height:755px
    }
}

@media (max-width: 768px) {
    .content-inner.index .second_section {
        height:475px
    }
}

.content-inner.index .second_section .second_box_wrapper {
    width: 1090px;
    position: absolute;
    top: -133px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between
}

@media (max-width: 1100px) {
    .content-inner.index .second_section .second_box_wrapper {
        width:530px;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper {
        width:285px;
        top: -39px
    }
}

.content-inner.index .second_section .second_box_wrapper .second_box {
    width: 250px;
    height: 295px;
    position: relative;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 15px 20px 20px #0000001a;
    border-radius: 10px;
    transition: transform 0.3s ease;
    opacity: 0;
    cursor: pointer
}

.content-inner.index .second_section .second_box_wrapper .second_box:last-of-type .second_img {
    width: 150px;
    margin-left: 16px
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper .second_box:last-of-type .second_img {
        width:95px;
        margin-left: 5px;
        margin-bottom: -5px
    }
}

@media (max-width: 1100px) {
    .content-inner.index .second_section .second_box_wrapper .second_box:nth-child(2) {
        order:-1
    }

    .content-inner.index .second_section .second_box_wrapper .second_box:nth-child(1),.content-inner.index .second_section .second_box_wrapper .second_box:nth-child(2) {
        margin-bottom: 30px
    }
}

@media (max-width: 1100px) and (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper .second_box:nth-child(1),.content-inner.index .second_section .second_box_wrapper .second_box:nth-child(2) {
        margin-bottom:26px
    }
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper .second_box {
        width:130px;
        height: 160px;
        box-shadow: 7px 7px 10px #0000001a;
        border-radius: 10px
    }
}

.content-inner.index .second_section .second_box_wrapper .second_box .second_img {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper .second_box .second_img {
        width:95px;
        margin-bottom: -5px
    }
}

.content-inner.index .second_section .second_box_wrapper .second_box .second_box_title {
    text-align: left;
    font: normal normal 500 25px/30px Noto Sans KR;
    letter-spacing: 0px;
    color: #666666;
    padding-left: 25px;
    margin-bottom: 8px
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper .second_box .second_box_title {
        font:normal normal bold 13px/17px Malgun Gothic;
        letter-spacing: 0px;
        padding-left: 11px;
        color: #000000;
        margin-bottom: 10.5px
    }
}

.content-inner.index .second_section .second_box_wrapper .second_box .second_box_desc {
    font: normal normal normal 17px/27px Noto Sans KR;
    letter-spacing: -0.51px;
    color: #383839;
    padding-left: 25px
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_box_wrapper .second_box .second_box_desc {
        font:normal normal normal 10px/15px Malgun Gothic;
        letter-spacing: -0.3px;
        color: #000000;
        padding-left: 11px
    }
}

.content-inner.index .second_section .second_box_wrapper .second_box:hover {
    transform: translateY(-30px)
}

.content-inner.index .second_section .second_box_wrapper .second_box:hover .second_box_title {
    color: #ff7b00
}

@media (max-width: 1100px) {
    .content-inner.index .second_section .second_box_wrapper .second_box:hover {
        transform:translateY(-15px)
    }

    .content-inner.index .second_section .second_box_wrapper .second_box:hover .second_box_title {
        color: #ff5511
    }
}

.content-inner.index .second_section .second_box_wrapper.animation .second_box {
    animation: fade-top-second 1000ms forwards
}

@keyframes fade-top-second {
    0% {
        top: 100px
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

.content-inner.index .second_section .second_box_wrapper.animation .second_box:nth-child(1) {
    animation-delay: 0ms
}

@media (max-width: 1100px) {
    .content-inner.index .second_section .second_box_wrapper.animation .second_box:nth-child(1) {
        animation-delay:200ms
    }
}

.content-inner.index .second_section .second_box_wrapper.animation .second_box:nth-child(2) {
    animation-delay: 200ms
}

@media (max-width: 1100px) {
    .content-inner.index .second_section .second_box_wrapper.animation .second_box:nth-child(2) {
        animation-delay:0ms
    }
}

.content-inner.index .second_section .second_box_wrapper.animation .second_box:nth-child(3) {
    animation-delay: 400ms
}

.content-inner.index .second_section .second_box_wrapper.animation .second_box:nth-child(4) {
    animation-delay: 600ms
}

.content-inner.index .second_section .second_textchunk {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 221px;
    background: #fff;
}

@media (max-width: 1100px) {
    .content-inner.index .second_section .second_textchunk {
        padding-top:546px
    }
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_textchunk {
        padding-top:351px
    }
}

.content-inner.index .second_section .second_textchunk .second_main {
    text-align: center;
    font: normal normal bold 44px/65px Noto Sans KR;
    letter-spacing: 0px;
    color: #363636;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_textchunk .second_main {
        font:normal normal 500 23px/30px Noto Sans KR;
        letter-spacing: 0px;
        color: #363636;
        margin-bottom: 11px
    }
}

.content-inner.index .second_section .second_textchunk .second_desc {
    text-align: center;
    font: normal normal 500 21px/30px Noto Sans KR;
    letter-spacing: 0px;
    color: #3d3d3d
}

@media (max-width: 768px) {
    .content-inner.index .second_section .second_textchunk .second_desc {
        font:normal normal normal 12px/16px Malgun Gothic;
        letter-spacing: -0.36px;
        color: #000000
    }

    .content-inner.index .second_section .second_textchunk .second_desc .pc {
        display: none
    }
}

.content-inner.index .third_section {
    padding-top: 141px;
    background: #1a1a1a 0% 0% no-repeat padding-box
}

@media (max-width: 1100px) {
    .content-inner.index .third_section {
        padding-top:70px
    }
}

.content-inner.index .third_section .third_wrapper {
    display: flex;
    justify-content: center
}

@media (max-width: 1100px) {
    .content-inner.index .third_section .third_wrapper {
        flex-direction:column;
        align-items: center
    }
}

.content-inner.index .third_section .third_wrapper .third_leftbox {
    margin-right: 233px
}

@media (max-width: 1100px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox {
        margin-right:0
    }
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox {
        margin-bottom:48px
    }
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_title {
    font: normal normal bold 45px/50px Noto Sans KR;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 46px
}

@media (max-width: 1100px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox .third_title {
        text-align:center
    }
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox .third_title {
        font:normal normal 500 24px/30px Noto Sans KR;
        letter-spacing: 0px;
        color: #ffffff;
        margin-bottom: 11px
    }
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_desc {
    font: normal normal normal 21px/35px Noto SansKR;
    letter-spacing: 0px;
    color: #eeeeee;
    margin-bottom: 100px
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_desc .mobile {
    display: none
}

@media (max-width: 1100px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox .third_desc {
        text-align:center;
        margin-bottom: 0
    }

    .content-inner.index .third_section .third_wrapper .third_leftbox .third_desc .pc {
        display: none
    }

    .content-inner.index .third_section .third_wrapper .third_leftbox .third_desc .mobile {
        display: block
    }
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox .third_desc {
        font:normal normal normal 12px/16px Malgun Gothic;
        letter-spacing: -0.36px;
        color: #ffffff
    }
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_imgbox {
    position: relative
}

@media (max-width: 1100px) {
    .content-inner.index .third_section .third_wrapper .third_leftbox .third_imgbox {
        display:none
    }
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_imgbox .third_img1 {
    position: relative;
    left: -22px;
    z-index: 2
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_imgbox .third_img2 {
    width: 63.3px;
    position: absolute;
    top: 48px;
    left: 236px
}

.content-inner.index .third_section .third_wrapper .third_leftbox .third_imgbox .third_img3 {
    width: 95.3px;
    position: absolute;
    top: 131px;
    left: 188px
}

.content-inner.index .third_section .third_wrapper .third_rightbox {
    width: 436px
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_rightbox {
        width:285px;
        display: flex;
        flex-wrap: wrap
    }
}

.content-inner.index .third_section .third_wrapper .third_rightbox .score_box {
    width: 100%;
    height: 162px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 2px solid #999999;
    padding-top: 40px;
    padding-bottom: 40px
}

.content-inner.index .third_section .third_wrapper .third_rightbox .score_box:last-child {
    border-bottom: none
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_rightbox .score_box {
        width:142px;
        height: auto;
        flex-direction: column;
        justify-content: unset;
        align-items: center;
        border: none;
        padding-top: 23px;
        padding-bottom: 19px
    }

    .content-inner.index .third_section .third_wrapper .third_rightbox .score_box:first-child {
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999
    }

    .content-inner.index .third_section .third_wrapper .third_rightbox .score_box:nth-child(2) {
        border-bottom: 1px solid #999999
    }

    .content-inner.index .third_section .third_wrapper .third_rightbox .score_box:nth-child(3) {
        border-right: 1px solid #999999
    }
}

.content-inner.index .third_section .third_wrapper .third_rightbox .score_box .score_title {
    text-align: left;
    font: normal normal 500 25px/30px Noto Sans KR;
    letter-spacing: 0px;
    color: #ffffff
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_rightbox .score_box .score_title {
        text-align:center;
        font: normal normal normal 11px/17px Noto Sans KR;
        letter-spacing: 0px;
        color: #ffffff
    }
}

.content-inner.index .third_section .third_wrapper .third_rightbox .score_box .score_desc {
    text-align: left;
    font: normal normal bold 55px/55px Noto Sans KR;
    letter-spacing: -0.55px;
    color: #ff6224
}

@media (max-width: 768px) {
    .content-inner.index .third_section .third_wrapper .third_rightbox .score_box .score_desc {
        text-align:center;
        font: normal normal bold 28px/41px Noto Sans KR;
        letter-spacing: -0.28px;
        color: #ff6224
    }
}

.content-inner.index .fourth_section {
    background: #1a1a1a 0% 0% no-repeat padding-box;
    padding-top: 210px;
    padding-bottom: 233px
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section {
        padding-top:70px;
        padding-bottom: 75px
    }
}

.content-inner.index .fourth_section .fourth_wrapper {
    display: flex;
    justify-content: center
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section .fourth_wrapper {
        flex-direction:column;
        align-content: center
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox {
    width: 540px;
    display: flex;
    flex-wrap: wrap;
    margin-right: 130px
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox {
        margin:0 auto;
        order: 2
    }
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox {
        width:285px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box {
    width: 250px;
    height: 295px;
    position: relative;
    background: #2d2e30 0% 0% no-repeat padding-box;
    box-shadow: 15px 20px 20px #0000001a;
    border: 2px solid #999999;
    border-radius: 10px;
    margin-right: 40px;
    margin-bottom: 40px;
    cursor: pointer
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box {
        width:130px;
        height: 180px;
        box-shadow: 7px 7px 10px #0000001a;
        border: 1px solid #999999;
        border-radius: 10px;
        margin-right: 25px;
        margin-bottom: 26px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_title {
    position: absolute;
    top: 203px;
    text-align: left;
    font: normal normal 500 25px/30px Noto Sans KR;
    letter-spacing: 0px;
    color: #999999;
    padding-left: 22px;
    transition: all 0.5s ease
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_title {
        top:108px;
        font: normal normal bold 13px/17px Malgun Gothic;
        letter-spacing: 0px;
        color: #ffffff;
        padding-left: 11px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_desc {
    position: absolute;
    top: 215px;
    opacity: 0;
    text-align: left;
    font: normal normal normal 17px/27px Noto Sans KR;
    letter-spacing: -0.51px;
    color: #ffffff;
    padding-left: 22px;
    transition: all 0.5s ease
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_desc.mobile {
    display: none
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_desc {
        top:115px;
        font: normal normal normal 10px/15px Malgun Gothic;
        letter-spacing: -0.3px;
        color: #ffffff;
        padding-left: 11px
    }

    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_desc.mobile {
        display: block
    }

    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box .fourth_box_desc.pc {
        display: none
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:hover .fourth_box_title {
    top: 170px;
    color: #ff8e2c
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:hover .fourth_box_title {
        top:87.5px;
        color: #ff8e2c
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:hover .fourth_box_desc {
    opacity: 1
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(2n) {
    margin-right: 0
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(n + 3) {
    margin-bottom: 0
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(1) .fourth_box_img {
    margin-top: 23px;
    margin-left: 19px
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(1) .fourth_box_img {
        width:59px;
        margin-top: 11.5px;
        margin-left: 6.5px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(2) .fourth_box_img {
    margin-top: 23px;
    margin-left: 29px
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(2) .fourth_box_img {
        width:61px;
        margin-top: 9.5px;
        margin-left: 17.5px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(3) .fourth_box_img {
    margin-top: 29px;
    margin-left: 27px
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(3) .fourth_box_img {
        width:57px;
        margin-top: 19.5px;
        margin-left: 8.5px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(4) .fourth_box_img {
    margin-top: 4px;
    margin-left: 12px
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_leftbox .fourth_box:nth-child(4) .fourth_box_img {
        width:74px;
        margin-top: 10.5px;
        margin-left: 8.5px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .mobile {
    display: none
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .mobile {
        display:block
    }

    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .pc {
        display: none
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_title {
    text-align: right;
    font: normal normal bold 45px/50px Noto Sans KR;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 45px
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_title {
        text-align:center
    }
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_title {
        font:normal normal 500 24px/30px Noto Sans KR;
        letter-spacing: 0px;
        color: #ffffff;
        margin-bottom: 11px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_desc {
    text-align: right;
    font: normal normal normal 21px/35px Noto Sans KR;
    letter-spacing: 0px;
    color: #eeeeee;
    margin-bottom: 158px
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_desc {
        text-align:center;
        margin-bottom: 70px
    }
}

@media (max-width: 768px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_desc {
        font:normal normal normal 12px/16px Malgun Gothic;
        letter-spacing: -0.36px;
        color: #ffffff;
        margin-bottom: 48px
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_imgbox {
    position: relative
}

@media (max-width: 1100px) {
    .content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_imgbox {
        display:none
    }
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_imgbox .fourth_img1 {
    position: relative
}

.content-inner.index .fourth_section .fourth_wrapper .fourth_rightbox .fourth_imgbox .fourth_img2 {
    position: absolute;
    top: -14px;
    left: 41px
}

.content-inner.index .fifth_section {
    background: #e9edf4 0% 0% no-repeat padding-box;
    overflow: hidden
}

.content-inner.index .fifth_section .mobile {
    display: none
}

@media (max-width: 768px) {
    .content-inner.index .fifth_section .pc {
        display:none
    }

    .content-inner.index .fifth_section .mobile {
        display: block
    }
}

.content-inner.index .fifth_section .fifth_wrapper {
    display: flex;
    justify-content: center
}

@media (max-width: 1100px) {
    .content-inner.index .fifth_section .fifth_wrapper {
        flex-direction:column;
        align-items: center
    }
}

.content-inner.index .fifth_section .fifth_textchunk {
    position: relative;
    margin: 219px 162px 225px 0px
}

@media (max-width: 1100px) {
    .content-inner.index .fifth_section .fifth_textchunk {
        margin:50px 0 36.5px 0
    }
}

.content-inner.index .fifth_section .fifth_textchunk .fifth_title {
    text-align: right;
    font: normal normal bold 44px/65px Noto Sans KR;
    letter-spacing: 0px;
    color: #363636;
    margin-bottom: 45px
}

@media (max-width: 1100px) {
    .content-inner.index .fifth_section .fifth_textchunk .fifth_title {
        text-align:center
    }
}

@media (max-width: 768px) {
    .content-inner.index .fifth_section .fifth_textchunk .fifth_title {
        font:normal normal bold 23px/34px Noto Sans KR;
        letter-spacing: 0px;
        color: #363636;
        margin-bottom: 18px
    }
}

.content-inner.index .fifth_section .fifth_textchunk .fifth_desc {
    text-align: right;
    font: normal normal 500 21px/35px Noto Sans KR;
    letter-spacing: 0px;
    color: #3d3d3d
}

@media (max-width: 1100px) {
    .content-inner.index .fifth_section .fifth_textchunk .fifth_desc {
        text-align:center
    }
}

@media (max-width: 768px) {
    .content-inner.index .fifth_section .fifth_textchunk .fifth_desc {
        font:normal normal 500 12px/19px Noto Sans KR;
        letter-spacing: 0px;
        color: #3d3d3d
    }
}

.content-inner.index .fifth_section .fifth_textchunk .fifth_title_img {
    position: absolute;
    top: -15px;
    left: 48px
}

@media (max-width: 768px) {
    .content-inner.index .fifth_section .fifth_textchunk .fifth_title_img {
        top:-11px;
        left: 15px
    }
}

.content-inner.index .fifth_section .fifth_textchunk .fifth_desc_img {
    position: absolute;
    top: 128px;
    left: -36px
}

@media (max-width: 768px) {
    .content-inner.index .fifth_section .fifth_textchunk .fifth_desc_img {
        top:30px;
        left: -21px
    }
}

.content-inner.index .fifth_section .fifth_background {
    width: 350px;
    background-image: url(/img/pc_background.svg);
    animation: slide_down 40s infinite linear;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 100% auto
}

@keyframes slide_down {
    0% {
    }

    100% {
        background-position: 0 3000px
    }
}

@media (max-width: 1100px) {
    .content-inner.index .fifth_section .fifth_background {
        display:none
    }
}

.content-inner.index .fifth_section .swiper-box {
    display: none;
    width: 300px;
    padding-bottom: 55px
}

@media (max-width: 1100px) {
    .content-inner.index .fifth_section .swiper-box {
        display:block
    }
}

@media (max-width: 768px) {
    .content-inner.index .fifth_section .swiper-box {
        width:250px
    }
}

.content-inner.index .fifth_section .swiper-box .swiper-wrapper .swiper-slide {
    width: 230px;
    height: 260px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 10px 10px 15px #00000012;
    border-radius: 10px;
    padding-top: 26px;
    padding-left: 25px
}

.content-inner.index .fifth_section .swiper-box .swiper-wrapper .swiper-slide .fifth_swiper_img {
    margin-right: 10px
}

.content-inner.index .fifth_section .swiper-box .swiper-wrapper .swiper-slide .top_box {
    display: flex;
    align-items: flex-end;
    margin-bottom: 26px
}

.content-inner.index .fifth_section .swiper-box .swiper-wrapper .swiper-slide .top_box .top_text_box .top_text {
    font: normal normal normal 11px/17px Noto Sans KR;
    letter-spacing: 0px;
    color: #adadad
}

.content-inner.index .fifth_section .swiper-box .swiper-wrapper .swiper-slide .top_box_desc {
    font: normal normal normal 13px/25px Noto Sans KR;
    letter-spacing: 0px;
    color: #666666
}

.content-inner.index .sixth_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 55px 0 57px;
    margin: 0 0 -1px 0
}

@media (max-width: 768px) {
    .content-inner.index .sixth_section {
        padding:28px 0
    }
}

.content-inner.index .sixth_section .mobile {
    display: none
}

@media (max-width: 768px) {
    .content-inner.index .sixth_section .mobile {
        display:block
    }
}

.content-inner.index .sixth_section .sixth_title {
    text-align: center;
    font: normal normal 500 30px/45px Noto Sans KR;
    letter-spacing: 0px;
    margin-bottom: 36px
}

@media (max-width: 768px) {
    .content-inner.index .sixth_section .sixth_title {
        font:normal normal normal 16px/23px Noto Sans KR;
        letter-spacing: -0.32px;
        margin-bottom: 13px
    }
}

.content-inner.index .sixth_section .button_box {
    display: flex;
    gap: 30px
}

@media (max-width: 768px) {
    .content-inner.index .sixth_section .button_box {
        gap:10px
    }
}

.content-inner.index .sixth_section .sixth_btn {
    width: 200px;
    height: 57px;
    background: gray;
    border-radius: 30px;
    text-align: center;
    font: normal normal normal 17px/56px Noto Sans KR;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer
}

.content-inner.index .sixth_section .sixth_btn>span {
    position: relative
}

@media (max-width: 768px) {
    .content-inner.index .sixth_section .sixth_btn {
        width:120px;
        height: 35px;
        font: normal normal normal 14px/35px Noto Sans KR
    }
}

#order_old_posts {
    display: none !important
}

/* .popup {display: none !important;} */