@charset "UTF-8";
section[class*=info-] {
    color:#000;
    font-size: 16px;
    font-size: 1.6rem;
}
[class*=info-].container::before,
[class*=info-].container::after,
[class*=info-] .inner::before,
[class*=info-] .inner::after{
    content: " ";
    display: table;
    clear: both;
}
#basicadmin {
    position: relative;
    padding-top: 80px;
    line-height: normal
}

#basicadmin>div:after {
    display: block;
    content: "";
    clear: both
}

#basicadmin .inner {
    width: 1360px;
    margin: 0 auto
}

#basicadmin .main-section {
    padding: 90px 0
}

#basicadmin .main-section .inner {
    padding: 220px 0 270px 0;
    margin-bottom: -150px
}

#basicadmin .main-section .inner .text-area {
    position: relative;
    z-index: 100;
    margin-left: -70px
}

#basicadmin .main-section .inner .text-area .title {
    font-size: 36px;
    font-weight: 100;
    letter-spacing: -1px
}

#basicadmin .main-section .inner .text-area p {
    font-size: 22px
}

#basicadmin .main-section .inner .text-area h2 {
    margin: 35px 0
}

#basicadmin .main-section .inner .text-area .info-list {
    margin-top: 100px
}

#basicadmin .main-section .inner .text-area .info-list li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    height: 180px;
    background: #2471f0;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    padding: 55px 0;
    margin-left: 60px
}

#basicadmin .main-section .inner .text-area .info-list li:after {
    content: "";
    position: absolute;
    top: 75px;
    left: -40px;
    background: url("/images/info/basicadmin/ico_cross.png") no-repeat;
    width: 22px;
    height: 22px
}

#basicadmin .main-section .inner .text-area .info-list li:first-of-type {
    margin-left: 0
}

#basicadmin .main-section .inner .text-area .info-list li:first-of-type:after {
    background: none
}

#basicadmin .main-section .inner .text-area .info-list li em {
    display: block;
    font-size: 37px;
    margin: 15px 0 10px
}

#basicadmin .main-section>img {
    position: absolute;
    top: 180px;
    right: 0
}

#basicadmin .sub-section {
    padding: 200px 0;
    background: #f6f6f6
}

#basicadmin .sub-section .title {
    text-align: center;
    font-size: 52px;
    font-weight: 300;
    margin-bottom: 190px
}

#basicadmin .sub-section .title strong {
    font-size: 62px;
    font-weight: 600;
    display: block
}

#basicadmin .sub-section .img-area {
    width: 780px
}

#basicadmin .sub-section .text-area h4 {
    font-size: 36px;
    font-weight: 100;
    margin: 60px 0 40px;
    padding-top: 10px;
    position: relative
}

#basicadmin .sub-section .text-area h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 3px;
    background: #4089ff
}

#basicadmin .sub-section .text-area h4:first-of-type {
    margin-top: 0
}

#basicadmin .sub-section .text-area p {
    font-size: 18px;
    line-height: 30px
}

#basicadmin .sub-section01 .text-area {
    float: left;
    margin-right: -500px
}

#basicadmin .sub-section01 .img-area {
    float: right
}

#basicadmin .sub-section02 {
    margin-top: 320px
}

#basicadmin .sub-section02 .text-area {
    float: right
}

#basicadmin .sub-section02 .text-area:before {
    left: inherit !important;
    right: 0
}

#basicadmin .sub-section02 .img-area {
    float: left;
    margin: 0 -500px 0 -100px
}

#basicadmin div[class*=sub-section0] .inner .text-area {
    position: relative;
    padding: 100px 140px
}

#basicadmin div[class*=sub-section0] .inner .text-area:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "01";
    font-size: 250px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -15px;
    color: #e4e4e4;
    opacity: .4;
    z-index: 1
}

#basicadmin div[class*=sub-section0] .inner .text-area.list-two:before {
    content: "02"
}

#basicadmin div[class*=sub-section0] .inner .text-area.list-three:before {
    content: "03"
}

#basicadmin div[class*=sub-section0] .inner .text-area.list-four:before {
    content: "04"
}

#basicadmin div[class*=sub-section0] .inner .text-area h4 {
    position: relative;
    z-index: 10;
    font-size: 36px;
    font-weight: 300;
    line-height: 45px;
    margin-top: 45px
}

#basicadmin div[class*=sub-section0] .inner .text-area h4 strong {
    display: block
}

#basicadmin div[class*=sub-section0] .inner .text-area h4 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    letter-spacing: 1px;
    background: #4089ff;
    margin: -5px 0 0 10px;
    padding: 5px 10px
}

#basicadmin div[class*=sub-section0] .inner .text-area p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 45px
}

#basicadmin div[class*=sub-section0] .inner .img-area {
    position: relative
}

#basicadmin div[class*=sub-section0] .inner .img-area img:last-of-type {
    position: absolute;
    top: 0;
    left: 0
}

#basicadmin .section01 {
    background: url("/images/info/basicadmin/basicadmin_bg01.png") no-repeat bottom;
    padding: 190px 0
}

#basicadmin .section01 .sub-section02 .text-area {
    color: #fff
}

#basicadmin .section02 {
    background: url("/images/info/basicadmin/basicadmin_bg02.png") no-repeat bottom
}

#basicadmin .section02 .sub-section02 .img-area {
    width: 810px
}

#basicadmin .btn-area {
    background: #f6f6f6;
    text-align: center;
    padding: 170px 0 130px
}

#basicadmin .btn-area a {
    display: inline-block;
    background: #2471f0;
    border-radius: 15px;
    padding: 40px 80px
}

#designpro{
    letter-spacing: -.26px;
    line-height: normal;
    color: #111;
}
#designpro .txt-wrap{
    text-align: center;
    margin-bottom: 60px;
}
#designpro .txt-wrap em{
    display: block;
    color: #EA5514;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.389;
    margin-bottom: 12px;
}
#designpro .txt-wrap strong{
    display: block;
    font-size: 36px;
    line-height: 1.389;
}
#designpro .layout-intro{
    overflow: hidden;
    padding: 96px 0;
}
#designpro .layout-intro .cont-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 8px;
}
#designpro .layout-intro .img-box{
    overflow: hidden;
    width: 560px;
    margin-right: 80px;
    border-radius: 24px;
}
#designpro .layout-intro .txt-box{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 11px 0;
}
#designpro .layout-intro .txt-box li{
    word-break: keep-all;
    color: #7A7A7A;
    font-size: 16px;
    line-height: 1.625;
}
#designpro .layout-intro .txt-box li strong{
    display: block;
    color: #111;
    font-size: 21px;
    line-height: 1.381;
    padding-bottom: 13px;
}
#designpro .layout-intro .txt-box li + li{
    margin-top: 48px;
}
#designpro .visual-wrap{
    overflow: hidden;
    position: relative;
    padding: 168px 0 150px;
    margin: 20px;
    border-radius: 24px;
    background: url("/images/info/designpro/img_visual_bg.png") no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
#designpro .visual-wrap::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(124, 65, 39, .04);
}
#designpro .visual-wrap::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .20) 11.5%, rgba(0, 0, 0, .00) 100%);
}
#designpro .visual-wrap .txt-area{
    z-index: 1;
    position: relative;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.278;
}
#designpro .visual-wrap .txt-area strong{
    display: block;
    font-size: 72px;
    padding-bottom: 12px;
    line-height: 1.2362;
    text-shadow: 0 0 20px rgba(0, 0, 0, .28);
}
#designpro .visual-wrap .txt-area strong em{
    display: block;
    font-size: 60px;
    line-height: 1.2;
}
#designpro .visual-wrap .txt-area a{
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.182;
    border-radius: 50px;
    padding: 20px 80px;
    margin-top: 40px;
    background: #EA5514;
}
#designpro .design-wrap .cont-wrap{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#designpro .design-wrap .txt-box{
    padding: 24px 0;
}
#designpro .design-wrap .img-box{
    margin-left: 80px;
    margin-right: 0;
}
#designpro .howtouse-wrap{
    padding: 88px 0 96px;
}
#designpro .howtouse-wrap .swiper-slide{
    overflow: hidden;
    position: relative;
    height: 520px;
    margin-bottom: 20px;
    border-radius: 24px;
    background: #E3EFFD;
}
#designpro .howtouse-wrap .swiper-slide .txtbox{
    width: 100%;
    height: 100%;
    font-size: 17px;
    font-weight: 300;
    padding: 100px 0 0 72px;
}
#designpro .howtouse-wrap .swiper-slide .txtbox .num{
    font-size: 32px;
    line-height: 1.4064;
    padding-bottom: 16px;
}
#designpro .howtouse-wrap .swiper-slide .txtbox .num em{
    display: inline-block;
    color: #EA5514;
    font-weight: 700;
    margin-right: 12px;
}
#designpro .howtouse-wrap .swiper-slide .txtbox p{
    word-break: keep-all;
    display: inline-block;
    line-height: 1.6475;
}
#designpro .howtouse-wrap .swiper-slide .txtbox p > span{
    display: block;
}
#designpro .howtouse-wrap .swiper-slide .txtbox p br{
    display: none;
}
#designpro .howtouse-wrap .swiper-slide .objbox{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 760px;
    height: auto;
    border-radius: 20px 0 24px 0;
    box-shadow: -16px 28px 28px 0px rgba(20, 50, 82, 0.15);
}
#designpro .howtouse-wrap .swiper-slide .objbox::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-shadow: -5px -5px 20px 0px rgba(0, 0, 0, 0.02) inset;
}
#designpro .howtouse-wrap .navigation-wrap{
    z-index: 1;
    position: absolute;
    bottom: 68px;
    left: 72px;
    font-size: 0;
}
#designpro .howtouse-wrap .navigation-wrap div + div{
    margin-left: 12px;
}
#designpro .howtouse-wrap .navigation-wrap :is(.swiper-button-prev, .swiper-button-next){
    opacity: 1;
    position: unset;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 0;
}
#designpro .howtouse-wrap .navigation-wrap :is(.swiper-button-prev, .swiper-button-next)::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url("/images/info/designpro/img_prev.png") no-repeat center;
    background-size: 100% auto;
}
#designpro .howtouse-wrap .navigation-wrap .swiper-button-next::after{
    transform: rotate(180deg);
}
#designpro .howtouse-wrap .info-wrap{
    text-align: center;
    font-size: 14px;
    padding: 14px 20px;
    border-radius: 12px;
    background: #F4F4F4;
}
#designpro .howtouse-wrap .info-wrap p{
    word-break: keep-all;
    position: relative;
    display: inline-block;
    text-align: left;
    padding-left: 26px;
    line-height: 1.429;
}
#designpro .howtouse-wrap .info-wrap p::before{
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("/images/info/designpro/img_info.png") no-repeat center left;
    background-size: 100% auto;
}
#designpro .setup-wrap{
    overflow: hidden;
    text-align: center;
    padding: 140px 0 188px;
}
#designpro .setup-wrap .inner{
    max-width: none;
}
#designpro .setup-wrap strong{
    display: block;
    font-size: 47px;
    line-height: 1.2767;
}
#designpro .setup-wrap .txt-flow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.3;
    margin: 20px 0 72px;
    transition: .3s;
}
#designpro .setup-wrap .txt-flow p{
    color: #EA5514;
    font-size: 120px;
    font-weight: 700;
    padding-left: 40px;
    animation: textflow 40s linear infinite;
}
@keyframes textflow{
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
#designpro .setup-wrap .btn-wrap a{
    display: inline-block;
    width: 320px;
    font-size: 22px;
    font-weight: 700;
    padding: 27px 0;
    border-radius: 50px;
    background: #F6F6F6;
}
#designpro .setup-wrap .btn-wrap a + a{
    color: #fff;
    margin-left: 20px;
    background: #111;
}
@media only screen and (max-width: 1200px){
    #designpro.container{
        min-width: 100%;
    }
    #designpro .layout-intro .txt-box li p{
        width: 90%;
    }
    #designpro .layout-intro .txt-box li br{
        display: none;
    }
    #designpro .layout-intro .img-box{
        width: 50%;
        margin-right: 7%;
    }
    #designpro .design-wrap .img-box{
        margin-left: 7%;
        margin-right: 0;
    }
    #designpro .howtouse-wrap .swiper-slide{
        height: auto;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox{
        padding: 8.5% 0 24.25% 6.2%;
    }
    #designpro .howtouse-wrap .swiper-slide .objbox{
        width: 64%;
    }
    #designpro .howtouse-wrap .navigation-wrap{
        left: 6.2%;
    }
    #designpro .setup-wrap .inner{
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1024px){
    #designpro .layout-intro .txt-box li + li{
        margin-top: 7%;
    }
    #designpro .visual-wrap .txt-area{
        font-size: 16px;
    }
    #designpro .visual-wrap .txt-area strong{
        font-size: 62px;
    }
    #designpro .visual-wrap .txt-area strong em{
        font-size: 50px;
    }
    #designpro .visual-wrap .txt-area a{
        font-size: 18px;
        padding: 18px 70px;
        margin-top: 36px;
    }
    #designpro .design-wrap .img-box{
        margin-left: 0;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox{
        padding-bottom: 40%;
    }
}
@media only screen and (max-width: 991px){
    #designpro .txt-wrap em{
        font-size: 16px;
    }
    #designpro .layout-intro .cont-wrap{
        padding-top: 0;
    }
    #designpro .layout-intro .img-box{
        border-radius: 16px;
    }
    #designpro .visual-wrap{
        border-radius: 16px;
        background-size: 160% auto;
        background-position: left 27% center;
    }
}
@media only screen and (max-width: 768px) {
    #designpro .txt-wrap{
        margin-bottom: 50px;
    }
    #designpro .txt-wrap em{
        font-size: 15px;
        margin-bottom: 10px;
    }
    #designpro .txt-wrap strong{
        font-size: 33px;
    }
    #designpro .txt-wrap strong > span{
        display: block;
    }
    #designpro .layout-intro{
        padding-bottom: 80px;
    }
    #designpro .layout-intro .cont-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #designpro .layout-intro .img-box{
        width: 100%;
        margin: 0;
    }
    #designpro .layout-intro .txt-box{
        padding: 30px 0 0;
        margin: 0 4px;
    }
    #designpro .layout-intro .txt-box li + li{
        margin-top: 38px;
    }
    #designpro .visual-wrap .txt-area strong{
        font-size: 57px;
    }
    #designpro .visual-wrap .txt-area strong em{
        font-size: 45px;
    }
    #designpro .howtouse-wrap{
        padding: 80px 0;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox{
        font-size: 16px;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox .num{
        font-size: 26px;
        padding-bottom: 12px;
    }
    #designpro .howtouse-wrap .swiper-slide .objbox{
        border-top-left-radius: 12px;
    }
    #designpro .setup-wrap{
        padding: 100px 0 140px;
    }
    #designpro .setup-wrap strong{
        font-size: 40px;
    }
    #designpro .setup-wrap strong br{
        display: none;
    }
    #designpro .setup-wrap strong > span{
        display: block;
    }
    #designpro .setup-wrap .txt-flow p{
        font-size: 88px;
        padding-left: 3%;
    }
    #designpro .setup-wrap .btn-wrap a{
        width: 260px;
        font-size: 20px;
    }
    #designpro .setup-wrap .btn-wrap a + a{
        margin-left: 15px;
    }
}
@media only screen and (max-width: 575px) {
     #designpro .inner{
        margin: 0 12px;
    }
    #designpro .layout-intro{
        padding: 80px 0 68px;
    }
    #designpro .layout-intro .txt-box{
        padding: 40px 0 0;
    }
    #designpro .layout-intro .txt-box li + li{
        margin-top: 32px;
    }
    #designpro .layout-intro .txt-box li strong{
        font-size: 20px;
        padding-bottom: 8px;
    }
    #designpro .layout-intro .txt-box li p{
        width: 100%;
    }
    #designpro .txt-wrap{
        margin-bottom: 40px;
    }
    #designpro .txt-wrap em{
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 1.429;
    }
    #designpro .txt-wrap strong{
        font-size: 30px;
    }
    #designpro .visual-wrap{
        padding: 209px 0;
        margin: 16px 12px;
        background-size: 270% auto;
        background-position: left 41% center;
    }
    #designpro .visual-wrap .txt-area{
        font-size: 15px;
        line-height: 1.534;
    }
    #designpro .visual-wrap .txt-area strong{
        font-size: 40px;
        line-height: 1.2855;
        text-shadow: 0 0 20px rgba(0, 0, 0, .36);
    }
    #designpro .visual-wrap .txt-area strong em{
        font-size: 28px;
        line-height: 1.2145;
    }
    #designpro .visual-wrap .txt-area span{
        display: block;
    }
    #designpro .visual-wrap .txt-area a{
        font-size: 16px;
        padding: 14px 56px;
        margin-top: 32px;
    }
    #designpro .howtouse-wrap{
        padding: 80px 0 68px;
    }
    #designpro .howtouse-wrap .inner{
        margin: 0 auto;
    }
    #designpro .howtouse-wrap .swiper-slide{
        padding-bottom: 168px;
        margin-bottom: 0;
    }
    #designpro .howtouse-wrap .swiper-slide .objbox{
        position: relative;
        width: calc(100% - 24px);
        margin: 0 auto 32px;
        border-radius: 8px;
        box-shadow: 0 16px 24px 0 rgba(20, 50, 82, .12);
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox{
        height: auto;
        padding: 60px 20px 24px;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox .num{
        font-size: 24px;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox .num em{
        margin-right: 8px;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox p > span{
        display: inline;
    }
    #designpro .howtouse-wrap .swiper-slide .txtbox p br{
        display: block;
    }
    #designpro .howtouse-wrap .navigation-wrap{
        left: 0;
        bottom: 48px;
        width: 100%;
        text-align: center;
    }
    #designpro .howtouse-wrap .navigation-wrap :is(.swiper-button-prev, .swiper-button-next){
        width: 48px;
        height: 48px;
    }
    #designpro .howtouse-wrap .navigation-wrap div + div{
        margin-left: 16px;
    }
    #designpro .howtouse-wrap .info-wrap{
        z-index: 1;
        position: absolute;
        bottom: 128px;
        text-align: left;
        padding: 0 20px;
        background: transparent;
    }
    #designpro .howtouse-wrap .info-wrap p{
        padding-left: 22px;
    }
    #designpro .howtouse-wrap .info-wrap p::before{
        width: 15px;
        height: 15px;
        margin-top: 2px;
    }
    #designpro .setup-wrap{
        padding: 68px 0 128px;
    }
    #designpro .setup-wrap strong{
        font-size: 32px;
        line-height: 1.2815;
    }
    #designpro .setup-wrap .txt-flow{
        margin: 24px 0 40px;
    }
    #designpro .setup-wrap .txt-flow p{
        font-size: 58px;
    }
    #designpro .setup-wrap .btn-wrap a{
        display: block;
        width: 228px;
        font-size: 17px;
        padding: 20px 0;
        margin: 0 auto;
    }
    #designpro .setup-wrap .btn-wrap a + a{
        margin: 12px auto 0;
    }
}
@media only screen and (max-width: 375px) {
    #designpro .visual-wrap{
        background-size: 374% auto;
        background-position: left 50% top 72%;
    }
    #designpro .setup-wrap .btn-wrap a{
        width: 228px;
    }
}

#dahaedream{
    color: #272727;
    letter-spacing: -0.2px;
    line-height: 1.4;
    text-align: center;
}
#dahaedream .inner{
    max-width: 1120px;
    margin: 0 auto;
}

#dahaedream .use-m{
    display: none;
}
#dahaedream .tit {
    padding: 60px 0 40px 0;
    text-align: center;
    margin: 0 auto;
}
#dahaedream .section01 {
    padding: 44px 0 24px;
    text-align: center;
    background: linear-gradient(98deg, #FBCB4A 20%, #EAB629 68%);
}
#dahaedream .section01 .inner {
    position: relative;
}
#dahaedream .section01 .txt .txt-top p {
    margin-bottom: 28px;
    font-weight: 600;
    font-size: 22px;
}
#dahaedream .section01 .txt .txt-top p strong {
    font-weight: 800;
}
#dahaedream .section01 .txt .txt-box .box-wrap {
    background-color: #272727;
    border-radius: 13px;
}
#dahaedream .section01 .txt .txt-box .box-wrap strong {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 68px;
}
#dahaedream .section01 .txt .txt-box .box-wrap strong span {
    color: #EEBB31;
}
#dahaedream .section01 .txt .txt-btm {
    position: absolute;
    bottom: 96px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: #fff;
    font-size: 27px;
    font-weight: 800;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.70);
    z-index: 1;
}
#dahaedream .section01 .obj {
    margin-top: -24px;
}
#dahaedream .section02 {
    background: #272727;
}
#dahaedream .section02 .benefit {
    position: absolute;
    top: -48px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 20px;
    width: 100%;
}
#dahaedream .section02 .benefit li {
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 18px 28px 0px rgba(0, 0, 0, 0.40);
}
#dahaedream .section02 .benefit img.tit {
    width: 90px;
    padding: 24px 0 12px;
}
#dahaedream .section02 .benefit .txt-box {
    height: 100%;
    padding: 20px 20px 24px;
    border-radius: 28px 28px 24px 24px;
    background: #F5F5F5;
}
#dahaedream .section02 .benefit .txt-box img {
    width: 238px;
}
#dahaedream .section02 .benefit .txt-box p {
    margin-top: 7px;
    font-size: 17px;
    line-height: 1.48;
}
#dahaedream .section02 .worry {
    padding: 340px 0 48px;
}

#dahaedream .section02 .worry .tit {
    padding-top: 0;
}
#dahaedream .section02 .worry .tit>img {
    width: 596px;
}
#dahaedream .section02 .worry ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#dahaedream .section02 .worry ul li {
    width: 100%;
    padding: 36px 20px;
    border-right: 1px dashed #ebebeb;
    background:#fff;
}

#dahaedream .section02 .worry ul li:first-child {
    border-radius: 24px 0 0 24px;
}

#dahaedream .section02 .worry ul li:last-child {
    border-radius: 0 24px 24px 0;
    border-right: none;
}
#dahaedream .section02 .worry ul li img {
    width: 180px;
}
#dahaedream .section02 .worry ul li p {
    margin-top: 20px;
    font-size: 18px;
}
#dahaedream .section02 .pick {
    padding-bottom: 152px;
}
#dahaedream .section02 .pick .tit>img {
    width: 492px;
}
#dahaedream .section02 .pick .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#dahaedream .section02 .pick .other-box {
    width: 460px;
    height: 596px;
    margin-top: 60px;
    padding: 0 20px 20px;
    border-radius: 24px;
    background: #717171;
}
#dahaedream .section02 .pick .other-box p {
    padding: 37px 0 20px;
    font-size: 26px;
    font-weight: 600;
    color: #ABABAB;
    line-height: 1.19;
}
#dahaedream .section02 .pick .other-box ul li {
    padding: 24px 0;
    font-size: 16px;
    color: #989898;
    border-bottom: 1px solid #DFDFDF;
    background: #E6E6E6;
    line-height: 1.18;
}
#dahaedream .section02 .pick .other-box ul li:first-child {
    border-radius: 18px 18px 0 0;
}
#dahaedream .section02 .pick .other-box ul li:last-child {
    padding: 19px 0;
    border-radius: 0 0 18px 18px;
    line-height: 1.3;
}
#dahaedream .section02 .pick .other-box ul li span {
    font-size: 14px;
}
#dahaedream .section02 .pick .blogpay-box {
    position: relative;
    width: 532px;
    margin-left: -52px;
    padding: 0 20px 18px 20px;
    border-radius: 28px;
    box-shadow: 0px -6px 20px 1px rgba(255, 96, 28, 0.60) inset, 0px 12px 32px 1px rgba(0, 0, 0, 0.28);
    background: #FFBE0E;
    z-index: 1;
    overflow: hidden;
}
#dahaedream .section02 .pick .blogpay-box::before {
    content: '';
    position: absolute;
    top: -163px;
    left: -112px;
    width: 758px;
    height: 270px;
    background: url(/images/info/dahaedream/img_sec02_obj06.png) no-repeat 0 -30px / 100%;
}
#dahaedream .section02 .pick .blogpay-box>strong {
    position: relative;
    display: inline-block;
    padding: 56px 0 28px;
    font-size: 44px;
    font-weight: 700;
    line-height:1.20;
}
#dahaedream .section02 .pick .blogpay-box>strong::after {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 268px;
    height: 118px;
    background: url(/images/info/dahaedream/img_sec02_obj05.png) no-repeat 0 0 / 100%;
}

#dahaedream .section02 .pick .blogpay-box ul li {
    padding: 25px 0;
    border-bottom: 1px solid #ECECEC;
    background: #fff;
}
#dahaedream .section02 .pick .blogpay-box ul li strong {
    position: relative;
    display: inline-block;
    padding-left: 29px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
}
#dahaedream .section02 .pick .blogpay-box ul li strong::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(/images/info/dahaedream/img_sec02_ic.svg) no-repeat 0 0 / 100%;
}
#dahaedream .section02 .pick .blogpay-box ul li strong span {
    font-size: 18px;
    font-weight: 400;
}
#dahaedream .section02 .pick .blogpay-box ul li:first-child {
    border-radius: 20px 20px 0 0;
}
#dahaedream .section02 .pick .blogpay-box ul li:last-child {
    border-radius: 0 0 20px 20px;
}
#dahaedream .section03 {
    padding: 60px 0 100px;
    background: linear-gradient(180deg, #FEEFC4 0%, #FEEAB8 100%);
}
#dahaedream .section03 .design {
    padding-bottom: 40px;
}
#dahaedream .section03 .design .tit>img {
    width: 519px;
}
#dahaedream .section03 .design .swiper-container {
    position: relative;
}
#dahaedream .section03 .design .swiper-slide {
    position: relative;
    padding: 52px 0 34px;
    border-radius: 28px;
    background: #fff;
    overflow: hidden;
}
#dahaedream .section03 .design .swiper-slide img {
    width: 788px;
}
#dahaedream .section03 .design .swiper-container .navigation-wrap>div {
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 1;
    width: 70px;
    height: 70px;
    border: 1px solid #EBEBEB;
    border-radius: 100%;
    background: #fff;
}
#dahaedream .section03 .design .swiper-container .navigation-wrap>div::after {
    content: '';
    position:absolute;
    top: calc(50% - 11px);
    left: calc(50% - 8px);
    width: 12px;
    height: 22px;
    background: url(/images/info/dahaedream/img_ic_arr.svg) no-repeat center / 100%;
}
#dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-prev {
    left: 40px;
}
#dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-next {
    right: 40px;
}
#dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-next::after {
    transform: rotate(180deg);
    left: calc(50% - 5px);
}
#dahaedream .section03 .service {
    padding-bottom: 40px;
}
#dahaedream .section03 .service .tit>img {
    width: 532px;
}
#dahaedream .section03 .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
#dahaedream .section03 .list-box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 40px 36px;
    width: calc((100% - 36px) / 4);
    border-radius: 20px;
    background: #fff;
}
#dahaedream .section03 .list-box li p {
    font-size: 18px;
    text-align: left;
    line-height: 1.4;
}
#dahaedream .section03 .list-box li img {
    width: 58px;
}
#dahaedream .section03 .list-box li span  {
    display: block;
    margin-top: 3px;
}
#dahaedream .section03 .service ul li:nth-child(3) span,
#dahaedream .section03 .service ul li:nth-child(6) span {
    font-size: 16px;
    color: #707070;
}
#dahaedream .section03 .guide ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#dahaedream .section03 .guide {
    margin-top: 112px;
    padding-bottom: 40px;
}
#dahaedream .section03 .guide .tit {
    padding-bottom: 20px;
}
#dahaedream .section03 .guide .tit>img {
    width: 473px;
}
#dahaedream .section03 .guide .bg-box {
    position: relative;
    padding:8px 0 48px;
    border-radius: 28px;
    background: #F9DB93;
}
#dahaedream .section03 .guide .bg-box::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    top: -60px;
    left: calc(50% - 60px);
    background: url(/images/info/dahaedream/img_sec03_obj05.png) no-repeat center / 100%;
}
#dahaedream .section04 {
    position: relative;
    padding: 60px 0 152px;
    background: url(/images/info/dahaedream/img_sec04_bg.png) no-repeat 0 bottom / 100%;
}
#dahaedream .section04 .tit {
    padding-bottom: 28px;
}
#dahaedream .section04 .tit>img {
    width: 571px;
}
#dahaedream .section04 .shop-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#dahaedream .section04 .shop-list ul li a img {
    width: 330px;
    margin-bottom: 10px;
}
#dahaedream .section04 .shop-list ul li a div.txt strong {
    position: relative;
    padding-right: 33px;
    font-size: 24px;
    font-weight: 800;
    cursor:pointer;
}
#dahaedream .section04 .shop-list ul li a div.txt strong::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0px;
    right: 0;
    background: #F98316 url(/images/info/dahaedream/img_sec04_icon.svg) no-repeat center / 12px;
    border-radius: 100%;
}
#dahaedream .section04 .shop-list ul li a div.txt p {
    margin-top: 4px;
    color: #a6a6a6;
    font-size: 16px;
}
#dahaedream .section05 {
    position: relative;
    padding: 60px 0 278px;
    margin-bottom: -228px;
    background: #FBCA4A url(/images/info/dahaedream/img_sec05_bg.png) no-repeat left bottom / 800px;
}
#dahaedream .section05 .tit>img {
    width: 486px;
}
#dahaedream .section05 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 7px;
}
#dahaedream .section05 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding: 44px 0 35px;
    border-radius: 20px;
    background: #fff;
}
#dahaedream .section05 ul li p.num {
    display: block;
    margin: 13px 0 12px;
    width: 28px;
    height: 28px;
    color: #f76339;
    font-size: 15px;
    font-weight: 800;
    border-radius: 100%;
    background: #ffebdc;
    line-height: 28px;
}
#dahaedream .section05 ul li p.txt {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
#dahaedream .section05 + a {
    position: relative;
    display: inline-block;
    padding: 30px 70px 31px 80px;
    border-radius: 90px;
    background: linear-gradient(90deg, #FF7544 0%, #FF4A15 54.69%, #D0120B 136.71%);
    box-shadow: -2px -16px 24px 0px rgba(0, 0, 0, 0.10) inset, -3px 17px 32px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 40px 0px rgba(182, 51, 27, 0.36);
    line-height: 1.2335;
    letter-spacing: -.7px;
}
#dahaedream .section05 + a p {
    position: relative;
    padding-right: 36px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
#dahaedream .section05 + a p::after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    top: 5px;
    right: 0;
    background: url(/images/info/dahaedream/img_sec04_icon.svg) no-repeat center / 100%;
}
#dahaedream .section05 + a.boostupApplyBtn{
    position: sticky;
    bottom: 20px;
    margin-top: 0;
}
#dahaedream .section06 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 60px 0 72px;
    margin-top: 130px;
    background:#333;
    text-align: left;
    color: #fff;
}
#dahaedream .section06 strong {
    position: relative;
    padding-left: 34px;
    font-size: 24px;
    font-weight: 700;
}
#dahaedream .section06 strong::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 25px;
    height: 25px;
    background: url(/images/info/dahaedream/img_sec06_ic.svg) no-repeat 0 0 / 24px;
}
#dahaedream .section06 ul {
    margin-top: 20px;
}
#dahaedream .section06 ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 11px;
    color: #e5e5e5;
    font-size: 18px;
}
#dahaedream .section06 ul li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #e5e5e5;
    border-radius: 100%;
}
#dahaedream .section06 ul li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
    #dahaedream.container {
        min-width: 100%;
    }
    #dahaedream .inner {
        width: 94%;
    }
    #dahaedream .section04 {
        background: url(/images/info/dahaedream/img_sec04_bg.png) no-repeat center bottom -27px / 125%;
    }
    #dahaedream .section06 .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1024px) {
    #dahaedream .section03 .design .swiper-slide img {
        width: 730px;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-prev {
        left: 30px;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-next {
        right: 30px;
    }
    #dahaedream .section03 .list-box li {
        padding: 34px 28px;
        gap: 22px;
    }
    #dahaedream .section05 {
        background: #FBCA4A url(/images/info/dahaedream/img_sec05_bg.png) no-repeat left bottom / 600px;
    }
    #dahaedream .section05 ul li {
        padding: 36px 0 32px;
    }
    #dahaedream .section05 ul li img {
        width: 70px;
    }s
}

@media screen and (max-width: 991px) {
    #dahaedream .section01 .txt .txt-btm {
        bottom: 8.825vw;
        font-size: 2.422vw;
    }
    #dahaedream .section02 .benefit {
        gap: 1.211vw;
    }
    #dahaedream .section02 .benefit .txt-box img {
        width: 21.191vw;
    }
    #dahaedream .section02 .benefit .txt-box p {
        font-size: 1.715vw;
    }
    #dahaedream .section02 .worry .tit {
        width: 66.095vw;
    }
    #dahaedream .section02 .worry ul li img {
        width: 14.127vw;
    }
    #dahaedream .section02 .worry ul li {
        padding: 3.633vw 1.009vw;
    }
    #dahaedream .section02 .worry ul li p {
        font-size: 1.615vw;
    }
    #dahaedream .section02 .pick .tit>img {
        width: 49.647vw;
    }
    #dahaedream .section02 .pick .other-box {
        width: 39.758vw;
        height: 100%;
    }
    #dahaedream .section02 .pick .other-box p {
        padding: 3.431vw 0 1.615vw;
        font-size: 2.422vw;
    }
    #dahaedream .section02 .pick .other-box ul li {
        padding: 2.321vw 0;
        font-size: 1.514vw;
    }
    #dahaedream .section02 .pick .blogpay-box {
        width: 49.243vw;
    }
    #dahaedream .section02 .pick .blogpay-box>strong {
        padding: 5.247vw 0 2.422vw;
        font-size: 4.137vw;
    }
    #dahaedream .section02 .pick .blogpay-box>strong::after {
        top: -0.303vw;
        left: -2.220vw;
        width: 26.034vw;
        height: 100%;
    }
    #dahaedream .section02 .pick .blogpay-box ul li {
        padding: 2.523vw;
    }
    #dahaedream .section02 .pick .blogpay-box ul li strong {
        padding-left: 3.027vw;
        font-size: 2.018vw;
    }
    #dahaedream .section02 .pick .blogpay-box ul li strong::before {
        top: 0.101vw;
        width: 2.422vw;
        height: 2.422vw;
    }
    #dahaedream .section03 .design .tit>img {
        width: 57.619vw;
    }
    #dahaedream .section03 .design .swiper-slide img {
        width: 70.636vw;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-prev {
        left: 3.027vw;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-next {
        right: 3.027vw;
    }
    #dahaedream .section03 .service .tit>img {
        width: 53.683vw;
    }
    #dahaedream .section03 .list-box {
        gap: 1.009vw;
    }
    #dahaedream .section03 .list-box li {
        padding: 3.431vw 2.825vw;
        width: calc((100% - 3.027vw) / 4);
    }
    #dahaedream .section03 .list-box li img {
        width: 4.844vw;
    }
    #dahaedream .section03 .list-box li p {
        font-size: 1.615vw;
    }
    #dahaedream .section03 .service ul li:nth-child(3) span,
    #dahaedream .section03 .service ul li:nth-child(6) span {
        font-size: 1.413vw;
    }
    #dahaedream .section03 .guide .tit>img {
        width: 52.573vw;
    }
    #dahaedream .section04 .tit>img {
        width: 63.370vw;
    }
    #dahaedream .section04 .shop-list ul {
        gap: 2.624vw;
    }
    #dahaedream .section04 .shop-list ul li a div.txt strong {
        padding-right: 3.027vw;
        font-size: 2.321vw;
    }
    #dahaedream .section04 .shop-list ul li a div.txt strong::after {
        top: 0.202vw;
        width: 2.321vw;
        height: 2.321vw;
        background: #F98316 url(/images/info/dahaedream/img_sec04_icon.svg) no-repeat center / 1.211vw;
    }
    #dahaedream .section04 .shop-list ul li a div.txt p {
        font-size: 1.413vw;
    }
    #dahaedream .section04 .shop-list ul li a img {
        width: 28.254vw;
    }
    #dahaedream .section05 .tit>img {
        width: 53.986vw ;
    }
    #dahaedream .section05 ul li img {
        width: 6.559vw;
    }
    #dahaedream .section05 ul li p.num {
        margin: 1.211vw 0 1.110vw;
        width: 2.624vw;
        height: 2.624vw;
        font-size: 1.413vw;
        line-height: 2.624vw;
    }
    #dahaedream .section05 ul li {
        padding: 3.431vw 0 2.825vw;
    }
    #dahaedream .section05 ul li p.txt {
        font-size: 1.816vw;
    }
    #dahaedream .section05 + a {
        padding: 3.03vw 7.06vw 3.13vw 8.07vw;
    }
    #dahaedream .section05 + a p {
        font-size: 2.825vw;
    }
    #dahaedream .section05 + a p::after {
        width: 2.422vw;
        height: 2.422vw;
        top: 0.303vw;
    }
    #dahaedream .section06{
        margin-top: 133px;
    }
}

@media screen and (max-width: 768px) {
    #dahaedream.container {
        overflow-x: unset;
        overflow-y: unset;
    }
    #dahaedream .inner {
        width: 100%;
    }
    #dahaedream .use-m{
        display: block;
        margin: 0 auto;
    }
    #dahaedream .use-pc{
        display: none;
    }
    #dahaedream .tit {
        padding: 10.417vw 0 6.510vw;
    }
    #dahaedream .section01 {
        padding: 11.458vw 0 18.750vw;
    }
    #dahaedream .section01 .txt .txt-top p {
        margin-bottom: 3.125vw;
        font-weight: 400;
        font-size: 4.427vw;
    }
    #dahaedream .section01 .txt .txt-top p strong {
        display: block;
    }
    #dahaedream .section01 .txt .txt-box .use-m {
        width: 69.401vw;
        height: 10.156vw;
    }
    #dahaedream .section01 .txt .txt-box .box-wrap {
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 1.693vw;
    }
    #dahaedream .section01 .txt .txt-box .box-wrap strong {
        font-size: 3.385vw;
        line-height: 10.156vw;
        letter-spacing: -0.169vw;
    }
    #dahaedream .section01 .obj {
        margin-top: 4.167vw;
    }
    #dahaedream .section01 .obj img {
        width: 71.094vw;
    }
    #dahaedream .section02 .benefit {
        top: -8.333vw;
        left: 50%;
        transform: translateX(-50%);
        gap: 3.646vw;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #dahaedream .section02 .benefit li {
        width: 67.708vw;
        border-radius: 4.688vw;
    }
    #dahaedream .section02 .benefit img.tit {
        width: 20.182vw;
        padding: 4.688vw 0 2.604vw;
    }
    #dahaedream .section02 .benefit .txt-box {
        padding: 4.229vw 0 5.036vw;
        border-radius: 5.208vw 5.208vw 4.688vw 4.688vw;
    }
    #dahaedream .section02 .benefit .txt-box img {
        width: 52.083vw;
    }
    #dahaedream .section02 .benefit .txt-box p {
        margin-top: 0.260vw;
        font-size: 3.906vw;
        line-height: 1.48;
    }
    #dahaedream .section02 .worry {
        padding: 197.656vw 0 13.021vw;
    }
    #dahaedream .section02 .worry .tit {
        width: 71.745vw;
    }
    #dahaedream .section02 .worry ul {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        font-size: 0;
        padding: 0 18.750vw;
    }
    #dahaedream .section02 .worry ul li {
        white-space: normal;
        display: inline-block;
        width: 62.5vw;
        height: 72.917vw;
        margin-right: 3.906vw;
        padding-top: 6.510vw;
        border-radius: 3.906vw;
    }
    #dahaedream .section02 .worry ul li:first-child,
    #dahaedream .section02 .worry ul li:last-child {
        border-radius: 3.906vw;
    }
    #dahaedream .section02 .worry ul li:last-child {
        margin-right: 0;
    }
    #dahaedream .section02 .worry ul li img {
        width: 44.792vw;
    }
    #dahaedream .section02 .worry ul li p {
        margin-top: 3.906vw;
        font-size: 4.036vw;
    }
    #dahaedream .section02 .pick {
        padding-bottom: 26.042vw;
    }
    #dahaedream .section02 .pick .tit>img {
        width: 50.521vw;
    }
    #dahaedream .section02 .pick .cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #dahaedream .section02 .pick .other-box {
        width: 67.708vw;
        height: 97.005vw;
        margin-top: 0;
        padding: 0 2.865vw 2.604vw;
        border-radius: 4.167vw 4.167vw 0 0;
    }
    #dahaedream .section02 .pick .other-box p {
        padding: 5.859vw 0 4.167vw;
        font-size: 5.208vw;
        line-height: 1.2;
    }
    #dahaedream .section02 .pick .other-box ul li {
        padding: 3.255vw 0;
        font-size: 3.385vw;
        line-height: 1.2;
    }
    #dahaedream .section02 .pick .other-box ul li:first-child {
        border-radius: 2.865vw 2.865vw 0 0;
    }
    #dahaedream .section02 .pick .other-box ul li:last-child {
        padding: 3.385vw 0;
        border-radius: 0;
        line-height: 1.15;
    }
    #dahaedream .section02 .pick .other-box ul li span {
        font-size: 2.865vw;
    }
    #dahaedream .section02 .pick .blogpay-box {
        width: 80.729vw;
        margin-left: -0;
        margin-top: -2.604vw;
        padding: 0 3.255vw 3.646vw 3.255vw;
        border-radius: 4.557vw;
    }
    #dahaedream .section02 .pick .blogpay-box::before {
        top: -32.552vw;
        left: -32.552px;
        width: 120.182vw;
        height: 42.708vw;
        background-position: 0 -4.557vw;
    }
    #dahaedream .section02 .pick .blogpay-box>strong {
        padding: 9.896vw 0 4.167vw;
        font-size: 7.031vw;
        line-height:1.18;
    }
    #dahaedream .section02 .pick .blogpay-box>strong::after {
        top: 0;
        left: -1.436vw;
        width: 40.495vw;
        height: 100%;
        background: url(/images/info/dahaedream/img_sec02_obj05_m.png) no-repeat 0 0 / 100%;
    }
    #dahaedream .section02 .pick .blogpay-box ul li {
        padding: 4.688vw 0;
    }
    #dahaedream .section02 .pick .blogpay-box ul li strong {
        padding-left: 4.948vw;
        font-size: 4.297vw;
        line-height: 1.15;
    }
    #dahaedream .section02 .pick .blogpay-box ul li strong::before {
        top:0.391vw;
        width: 4.167vw;
        height: 4.167vw;
    }
    #dahaedream .section02 .pick .blogpay-box ul li strong span {
        font-size: 3.385vw;
    }
    #dahaedream .section02 .pick .blogpay-box ul li:first-child {
        border-radius: 3.255vw 3.255vw 0 0;
    }
    #dahaedream .section02 .pick .blogpay-box ul li:last-child {
        border-radius: 0 0 3.255vw 3.255vw;
    }
    #dahaedream .section03 {
        padding: 10.417vw 0 18.22vw;
    }
    #dahaedream .section03 .design {
        padding-bottom: 7.813vw;
        text-align: center;
    }
    #dahaedream .section03 .design .tit>img {
        width: 65.365vw;
    }
    #dahaedream .section03 .design .swiper-container {
        max-width: 71.615vw;
        margin: 0 auto;
    }
    #dahaedream .section03 .design .swiper-slide {
        width: 71.615vw;
        height: 138.411vw;
        padding: 9.082vw 0 16.448vw;
    }
    #dahaedream .section03 .design .swiper-slide img.use-m {
        width: 57.813vw;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap>div {
        top: auto;
        bottom: 8.464vw;
        margin-top: 0;
        width: 11.719vw;
        height: 11.719vw;
        border: 0.195vw solid #EBEBEB;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap>div::after {
        width: 1.953vw;
        height: 3.516vw;
        top: calc(50% - 1.758vw);
        left: calc(50% - 1.237vw);
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-prev {
        left: 22.135vw;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-next {
        right: 22.135vw;
    }
    #dahaedream .section03 .design .swiper-container .navigation-wrap .swiper-button-next::after {
        left: calc(50% - 0.846vw);
    }
    #dahaedream .section03 .service {
        padding-bottom: 7.813vw;
    }
    #dahaedream .section03 .service .tit>img {
        width: 68.229vw;
    }
    #dahaedream .section03 .list-box {
        gap: 1.563vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        align-content: center;
    }
    #dahaedream .section03  .list-box li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 3.906vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 4.557vw 7.813vw;
        width: 71.615vw;
        height: 20.573vw;
        border-radius: 3.646vw;
    }
    #dahaedream .section03 .list-box li p {
        font-size: 4.036vw;
        line-height: 1.34;
    }
    #dahaedream .section03 .list-box li img {
        width: 11.198vw;
    }
    #dahaedream .section03 .list-box li span  {
        display: inline-block;
        margin-top: 0;
    }
    #dahaedream .section03 .service ul li:nth-child(3) span,
    #dahaedream .section03 .service ul li:nth-child(6) span {
        display: block;
        font-size: 3.255vw;
        margin-top: 0;
    }
    #dahaedream .section03 .service ul li:nth-child(5) span {
        display: block;
    }
    #dahaedream .section03 .guide {
        max-width: 84.635vw;
        margin: 0 auto;
        margin-top: 15.625vw;
        padding-bottom: 16.667vw;
    }
    #dahaedream .section03 .guide .tit {
        padding: 9.896vw 0 4.948vw;
    }
    #dahaedream .section03 .guide .tit>img {
        width: 52.995vw;
    }
    #dahaedream .section03 .guide .bg-box {
        position: relative;
        padding:0 0 6.510vw;
        border-radius: 4.557vw;
    }
    #dahaedream .section03 .guide .bg-box::before {
        content: '';
        position: absolute;
        width: 20.833vw;
        height: 20.833vw;
        top: -10.417vw;
        left: calc(50% - 10.417vw);
    }
    #dahaedream .section04 {
        padding: 9.375vw 0 24.479vw;
        background: url(/images/info/dahaedream/img_sec04_bg_m.png) no-repeat 0 bottom / 100%;
    }
    #dahaedream .section04 .tit {
        padding-bottom: 3.906vw;
    }
    #dahaedream .section04 .tit>img {
        width: 68.229vw;
    }
    #dahaedream .section04 .shop {
        position:relative;
        overflow: hidden;
    }
    #dahaedream .section04 .shop-list a .objbox img {
        width: 58.594vw;
        margin-bottom: 1.823vw;
    }
    #dahaedream .section04 .shop-list a div.txt strong {
        position: relative;
        padding-right: 6.771vw;
        font-size: 5.469vw;
        font-weight: 800;
    }
    #dahaedream .section04 .shop-list a div.txt strong::after {
        content: '';
        position: absolute;
        width: 5.469vw;
        height: 5.469vw;
        top: 0.260vw;
        right: 0;
        background: #F98316 url(/images/info/dahaedream/img_sec04_icon.svg) no-repeat center / 2.474vw;
        border-radius: 100%;
    }
    #dahaedream .section04 .shop-list a div.txt p {
        margin-top: 1.563vw;
        color: #a6a6a6;
        font-size: 3.6463vw;
        line-height: 0.9;
    }
    #dahaedream .section04 .swiper-container .navigation-wrap>div {
        opacity: 1;
        position: absolute;
        top: 51.958vw;
        z-index: 1;
        width: 11.719vw;
        height: 11.719vw;
        border: 0.195vw solid #EBEBEB;
        background: #fff;
        border-radius: 100%;
    }
    #dahaedream .section04 .swiper-container .navigation-wrap>div::after {
        content: '';
        position: absolute;
        top: calc(50% - 1.758vw );
        left: calc(50% - 0.977vw);
        width: 1.953vw;
        height: 3.516vw;
        background: url(/images/info/dahaedream/img_ic_arr.svg) no-repeat center / 100%;
    }
    #dahaedream .section04 .swiper-container .navigation-wrap .swiper-button-prev {
        left: 5.208vw;
    }
    #dahaedream .section04 .swiper-container .navigation-wrap .swiper-button-next {
        right: 5.208vw;
    }
    #dahaedream .section04 .swiper-container .navigation-wrap .swiper-button-next::after {
        left: calc(50% - 0.586vw);
    }
    #dahaedream .section04 .swiper-container .navigation-wrap .swiper-button-next::after {
        transform: rotate(180deg);
    }
    #dahaedream .section05 {
        padding: 9.375vw 0 53.65vw;
        margin-bottom: -40.5vw;
        background: #FBCA4A url(/images/info/dahaedream/img_sec05_bg_m.png) no-repeat left bottom / 100%;
    }
    #dahaedream .section05 .tit>img {
        width: 53.646vw;
    }
    #dahaedream .section05 ul {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        padding: 0 24.609vw;
    }
    #dahaedream .section05 ul li {
        display: inline-block;
        white-space: normal;
        width: 50.781vw;
        height: 60.547vw;
        padding-top: 9.896vw;
        border-radius: 4.557vw;
        margin-right: 2.604vw;
    }
    #dahaedream .section05 ul li:last-child {
        margin-right: 0;
    }
    #dahaedream .section05 ul li img {
        width: 17.708vw;
    }
    #dahaedream .section05 ul li p.num {
        display: block;
        margin: 3.385vw 0 2.604vw;
        margin-left: calc(50% - 3.516vw);
        width: 7.031vw;
        height: 7.031vw;
        font-size: 3.516vw;
        line-height: 7.031vw;
    }
    #dahaedream .section05 ul li p.txt {
        font-size: 4.427vw;
        line-height: 1.3
    }
    #dahaedream .section05 + a.boostupApplyBtn{
        bottom: 40px;
    }
    #dahaedream .section05 + a {
        padding: 5.34vw 10.42vw 5.47vw 11.98vw;
        line-height: 1.251;
        letter-spacing: -0.164vw;
        box-shadow: -2px -16px 24px 0px rgba(0, 0, 0, 0.10) inset, -3px 17px 32px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 32px 0px rgba(182, 51, 27, 0.40);
    }
    #dahaedream .section05 + a p {
        padding-right: 7.031vw;
        font-size: 5.21vw;
    }
    #dahaedream .section05 + a p::after {
        width: 5.469vw;
        height: 5.469vw;
        top: 0.391vw;
    }
    #dahaedream .section06 {
        padding: 12.760vw 14.550vw 14.323vw;
        margin-top: 22.98vw;
    }
    #dahaedream .section06 strong {
        padding-left: 6.250vw;
        font-size: 4.948vw;
    }
    #dahaedream .section06 strong::before {
        top: 0.391vw;
        width: 4.948vw;
        height: 5.100vw;
        background-size: 4.948vw;
    }
    #dahaedream .section06 ul {
        margin-top: 3.646vw;
    }
    #dahaedream .section06 ul li {
        margin-bottom: 1.563vw;
        padding-left: 2.214vw;
        font-size: 3.906vw;
        word-break: keep-all;
    }
    #dahaedream .section06 ul li::before {
        top: 1.953vw;
        width: 0.911vw;
        height: 0.911vw;
    }
}

@keyframes mainsection_scroll {
    from {
        top: 0;
        animation-timing-function: linear
    }

    to {
        top: -300%;
        animation-timing-function: linear
    }
}

@keyframes mainsection_scroll_mobile {
    from {
        top: 0;
        animation-timing-function: linear
    }

    to {
        top: -300%;
        animation-timing-function: linear
    }
}

@keyframes move_go {
    0% {
        transform: translateY(0);
        animation-timing-function: linear
    }

    25% {
        transform: translateY(-4px);
        animation-timing-function: linear
    }

    50% {
        transform: translateY(0);
        animation-timing-function: linear
    }

    75% {
        transform: translateY(4px);
        animation-timing-function: linear
    }

    100% {
        transform: translateY(0);
        animation-timing-function: linear
    }
}

/* 다해드림 신청페이지 */
.boostup-wrap {
    background: #f5f8f9;
    padding: 25px 0 90px 0
}

.boostup-wrap .blue {
    color: #5790ef
}

.boostup-wrap .red {
    color: #f84a62
}

.boostup-wrap .inner {
    width: 650px
}

.boostup-wrap .formbox {
    display: block;
    width: 650px;
    height: auto;
    margin: 0 auto 10px;
    padding: 0 29px 25px 29px;
    background: #fff;
    border: 1px solid #e2e6e9
}

.boostup-wrap .formbox.txt {
    padding: 25px 29px 10px
}

.boostup-wrap .formbox.imgbox {
    background: rgba(0,0,0,0);
    border: 0;
    padding: 0
}

.boostup-wrap .formbox.imgbox.visual {
    padding: 20px 0 13px
}

.boostup-wrap .formbox.btm-btn-area {
    width: 650px;
    margin: 30px auto 0;
    background: rgba(0,0,0,0);
    border: 0;
    padding: 0
}

.boostup-wrap .formbox.btm-btn-area button {
    width: 100%;
    height: 60px;
    line-height: 50px;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 700;
    background: #5790ef;
    color: #fff
}

.boostup-wrap .formbox .btn-blue-line {
    color: #5790ef;
    border: 1px solid #5790ef
}

.boostup-wrap .formbox .btn-red-line {
    color: #f84a62;
    border: 1px solid #f84a62
}

.boostup-wrap .formbox .optional-box {
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid #e6e6e6
}

.boostup-wrap .formbox .optional-box .optional-txt {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #666;
    font-weight: normal;
    line-height: 15px
}

.boostup-wrap .formbox .optional-box .optional-txt+.form-inner {
    margin-top: 15px
}

.boostup-wrap .form-wrap {
    width: 100%;
    font-size: 1.6rem
}

.boostup-wrap .form-wrap+.form-wrap {
    margin-top: 15px
}

.boostup-wrap .form-wrap .mb8 {
    margin-bottom: 8px
}

.boostup-wrap .form-wrap .mb10 {
    margin-bottom: 10px
}

.boostup-wrap .form-wrap .mt15 {
    margin-top: 15px
}

.boostup-wrap .form-wrap2 {
    position: relative;
    padding: 20px 0 0
}

.boostup-wrap h4 {
    font-size: 2.3rem;
    font-weight: 400;
    margin-bottom: 25px;
    padding-top: 35px
}

.boostup-wrap h4 .btn {
    float: right;
    margin-top: 12px;
    padding: 0;
    font-size: 1.1rem;
    color: #afb0b2;
    text-decoration: underline
}

.boostup-wrap h4 p {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #666;
    font-weight: normal;
    line-height: 15px
}

.boostup-wrap h4 p b {
    color: #333
}

.boostup-wrap h4 small {
    position: relative;
    top: -2px;
    font-size: 1.6rem
}

.boostup-wrap .btn.d-block {
    height: 50px;
    line-height: 50px;
    padding: 0;
    display: block
}

.boostup-wrap .bn-info {
    width: 100%;
    height: 25px;
    margin-bottom: 5px
}

.boostup-wrap .bn-info .btn {
    float: right;
    padding: 0 9px 0 0;
    font-size: 1.1rem;
    color: #afb0b2;
    background: url("/images/common/ico_arrow11.png") no-repeat right top 4px
}

.boostup-wrap .bn-label {
    display: inline-block;
    margin: 0px 3px 0px 0;
    padding: 1px 12px 0 12px;
    font-size: 1.1rem;
    color: #2388ec;
    border: 1px solid rgba(35,136,236,.6);
    border-radius: 13px;
    vertical-align: text-bottom
}

.boostup-wrap .imgname {
    position: relative
}

.boostup-wrap .imgname:hover .imgview {
    display: block
}

.boostup-wrap .imgview {
    display: none;
    position: absolute;
    width: 400px;
    left: 0;
    top: 20px;
    z-index: 3
}

.boostup-wrap .imgview img {
    width: 100%;
    height: auto
}

.boostup-wrap .txt-info {
    font-size: 1.1rem;
    color: #afb0b2;
    margin-top: 5px
}

.boostup-wrap .txt-info span {
    display: block
}

.boostup-wrap .txt-exp {
    margin-top: 10px;
    font-size: 1.1rem;
    color: #666;
    line-height: 1.35
}

.boostup-wrap .txt-exp span {
    display: block
}

.boostup-wrap .txt-exp+.form-group,.boostup-wrap .txt-exp+.form-wrap {
    margin-top: 15px
}

.boostup-wrap .box-point {
    margin-bottom: 15px
}

.boostup-wrap .box-point b {
    color: #5790ef
}

.boostup-wrap .box-point li {
    font-size: 13px;
    padding-left: 10px;
    margin-bottom: 3px;
    letter-spacing: -0.5px
}

.boostup-wrap .box-point li:before {
    content: "-";
    display: inline-block;
    margin: 0 5px 0 -10px
}

.boostup-wrap .dvs {
    position: absolute;
    margin: 0;
    border: 0;
    top: 0;
    left: -29px;
    background-color: #ebebeb;
    width: 650px;
    height: 1px
}

.boostup-wrap .form-group {
    position: relative;
    width: 100%;
    height: 62px;
    border: 1px solid #ddd
}

.boostup-wrap .form-group input {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 12px;
    height: 60px;
    border: 0;
    font-size: 1.6rem;
    transition: .4s;
    background: rgba(0,0,0,0);
    z-index: 2;
    margin-bottom: 0
}

.boostup-wrap .form-group input .w60p {
    width: 60%
}

.boostup-wrap .form-group input:-webkit-autofill,.boostup-wrap .form-group input:-webkit-autofill:hover,.boostup-wrap .form-group input:-webkit-autofill:focus,.boostup-wrap .form-group input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s
}

.boostup-wrap .form-group input:focus+.select-wrap,.boostup-wrap .form-group input.has-cont+.select-wrap {
    height: 41px;
    bottom: 0
}

.boostup-wrap .form-group label {
    color: #afb0b2;
    z-index: 1
}

.boostup-wrap .form-group select {
    width: 100%;
    height: 100%;
    outline: 0;
    padding: 0 12px;
    font-size: 1.6rem;
    border: 0;
    background: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none
}

.boostup-wrap .form-group select::-ms-expand {
    display: none
}

.boostup-wrap .form-group .select-wrap {
    position: absolute;
    width: 100%;
    height: 60px;
    transition: .3s;
    z-index: 2
}

.boostup-wrap .form-group .select-wrap.w40p {
    width: 40%;
    right: 0
}

.boostup-wrap .form-group .select-wrap:after {
    display: block;
    content: "";
    position: absolute;
    right: 12px;
    top: 44%;
    width: 11px;
    height: 6px;
    background: url("/images/common/ico_select_arrow.png") no-repeat
}

.boostup-wrap .form-group .unit {
    position: absolute;
    right: 12px;
    top: 20px;
    background: #fff
}

.boostup-wrap .form-group .upload {
    float: right;
    padding: 19px 23px 0 23px;
    height: 60px;
    font-size: 1.6rem;
    color: #666;
    border-left: 1px solid #ddd;
    background-color: #f2f4f7;
    cursor: pointer
}

.boostup-wrap .form-group .upload input {
    display: none
}

.boostup-wrap .form-group .imgname {
    width: 70%;
    height: 41px;
    margin-top: 19px;
    font-size: 1.6rem;
    padding: 10px 0 0 12px
}

.boostup-wrap .form-group .imgname .imgview {
    top: 33px
}

.boostup-wrap .form-group+.form-group {
    margin-top: 10px
}

.boostup-wrap .form-group textarea {
    position: absolute;
    width: 100%;
    height: 150px;
    padding: 0 12px 10px 12px;
    resize: none;
    border: none;
    background: rgba(0,0,0,0);
    font-size: 1.6rem;
    z-index: 2
}

.boostup-wrap .tabs {
    display: inline-table;
    width: 100%;
    height: 50px;
    text-align: center
}

.boostup-wrap .tabs a {
    float: left;
    position: relative;
    width: 50%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    margin-top: -1px;
    transition: .2s;
    z-index: 1
}

.boostup-wrap .tabs a:not(:nth-child(odd)) {
    margin-left: -1px
}

.boostup-wrap .tabs a:nth-child(1),.boostup-wrap .tabs a:nth-child(2) {
    margin-top: 0
}

.boostup-wrap .tabs a.active,.boostup-wrap .tabs a:hover {
    color: #5790ef;
    border-color: #5790ef;
    z-index: 2
}

.boostup-wrap .tabs a.active em {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    background: url("/images/common/ico_check_blue.png") no-repeat top;
    background-size: 100% auto
}

.boostup-wrap .tabs a em {
    display: none
}
.border-effect~.focus-border:before,
.border-effect~.focus-border:after{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:0;
    height:1px;
    background-color:#5790ef;
    transition:0.3s;
}
.border-effect~.focus-border:after{
    top:auto;
    bottom:-1px;
    left:auto;
    right:0;
}
.border-effect~.focus-border i:before,
.border-effect~.focus-border i:after{
    content:"";
    position:absolute;
    top:0;
    left:-1px;
    width:1px;
    height:0;
    background-color:#5790ef;
    transition:0.4s;
}
.border-effect~.focus-border i:after{
    left:auto;
    right:-1px;
    top:auto;
    bottom:0;
}
.border-effect:focus~.focus-border:before,
.border-effect:focus~.focus-border:after{
    display:block;
    width:100%;
    transition:0.3s;
}
.border-effect:focus~.focus-border i:before,
.border-effect:focus~.focus-border i:after{
    display:block;
    height:100%;
    transition:0.4s;
}
.border-effect~label{
    position:absolute;
    top:19px;
    left:12px;
    transition:0.3s;
    font-size:1.6rem;
}
.border-effect:focus~label{
    top:9px;
    font-size:1.1rem;
    transition:0.3s;
}
.border-effect:focus{
    height:41px !important;
    bottom:0;
}
.border-effect~.won{
    transition:.3s;
}
.border-effect:focus~.won
.border-effect.has-cont~.won,
.border-effect.has-cont:focus~.won {
    top:29px;
    transition:0.3s;
}
.has-cont.border-effect{
    height:41px !important;
    bottom:0;
}
.has-cont.border-effect~.focus-border:before
.has-cont.border-effect~.focus-border:after{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:0;
    height:1px;
    background-color:#5790ef;
    transition:0.3s;
}
.has-cont.border-effect~.focus-border:after{
    top:auto;
    bottom:-1px;
    left:auto;
    right:0;
}
.has-cont.border-effect~.focus-border i:before,
has-cont.border-effect~.focus-border i:after{
    content:"";
    position:absolute;
    top:0;
    left:-1px;
    width:1px;
    height:0;
    background-color:#5790ef;
    transition:0.4s;
}
.has-cont.border-effect~.focus-border i:after{
    left:auto;
    right:-1px;
    top:auto;
    bottom:0;
}
.has-cont.border-effect:focus~.focus-border:before
.has-cont.border-effect:focus~.focus-border:after{
    display:block;
    width:100%;
    transition:0.3s;
}
.has-cont.border-effect:focus~.focus-border i:before,
.has-cont.border-effect:focus~.focus-border i:after{
    display:block;
    height:100%;
    transition:0.4s;
}
.has-cont.border-effect~label{
    top:9px;
    font-size:1.1rem;
    transition:0.3s;
}
textarea.border-effect:focus,
textarea.has-cont.border-effect{
    height:119px !important;
    top:29px;
}
.fix-cont.border-effect:focus~label,
.fix-cont.border-effect~label{
    top:19px;font-size:1.6rem;
}
.fix-cont.has-cont.border-effect~label{
    top:9px;font-size:1.1rem;
}
.fix-cont.border-effect:focus,
.fix-cont.has-cont.border-effect{
    height:60px !important;bottom:initial;
}

/* 	다해드림 진행확인페이지 */
.boost-tit{
    padding:30px;
    margin:12px auto 15px;
    text-align:center;
}
.boost-tit p{
    font-size:3.2rem;
    letter-spacing:-1px;
    line-height:3rem;
}
.boost-tit p span{
    display:block;
    font-size:2.1rem;
    font-weight:300;
}
.boost-tit p b{
    color:#5790ef;
}
.boost-step{
    margin-bottom:15px;
}
.boost-step ul{
    display:table;
    width:100%;
    table-layout:fixed;
}
.boost-step li{
    position:relative;
    display:table-cell;
    height:7px;
    background-color:#d2d2d2;
    cursor:pointer;
}
.boost-step li.bl{
    background-color:#5790ef;
}
.boost-step li.bl.end span,
.boost-step li.bl.end span em{
    color:#fff !important;
}
.boost-step li.bl.ing span{
    opacity:1 !important;
    color:#fff;
    z-index:9;
}
.boost-step li.bl.ing em{
    color:#fff799;
}
.boost-step li:hover{
    background-color:#5790ef;
}
.boost-step li:hover span{
    opacity:1;
    z-index:10;
}
.boost-step li span {
    position:absolute;
    opacity:0;
    max-width:130px;
    min-width:110px;
    top:-48px;
    left:-16px;
    background-color:#546178;
    border:1px solid #495770;
    border-radius:3px;
    padding:2px 5px 3px;
    font-size:1.1rem;
    text-align:center;
    color:#fff;
    line-height:17px;
}
.boost-step li span:after{
    display:block;
    position:absolute;
    content:'';
    left:49px;
    bottom:-6px;
    width:10px;
    height:0;
    border-top:6px solid #546178;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
}
.boost-step li span em{
    color:#ccc;
}
.boost-step li+li:before{
    display:block;
    float:left;
    content:'';
    top:0;
    left:0;
    width:2px;
    height:7px;
    background-color:#fff;
}
.boost-info{
    padding:30px 20px 20px;
    background-color:#f4f6fe;
    border:1px solid #d8dcf3;
}
.boost-info .detail-top{
    position:relative;
    margin-bottom:10px;
}
.boost-info .detail-top span{
    display:block;
    font-size:1.2rem;
    color:#888;
    margin-top:5px;
    text-align:left;
}
.boost-info .tit{
    font-size:1.7rem;
    text-align:center;
    font-weight:600;
}
.boost-info .r-btn{
    position:absolute;
    right:0;
    bottom:0;
    font-size:1.1rem;
    background-color:#fff;
    border:1px solid #c9c9c9;
    color:#666;
    padding:1px 4px 2px;
    letter-spacing:-1px;
}
.boost-info .detail-box{
    padding:15px 22px;
    background-color:#fff;
    border-top:1px solid #666;
}
.boost-info .detail-box .inner{
    display:inline-block;
    width:auto;
    margin:0 auto !important;
}
.boost-info dl{
    position:relative;
}
.boost-info dl+dl{
    margin-top:10px;
}
.boost-info dt{
    position:absolute;
    left:0;
    top:0;
    width:115px;
    font-size:1.2rem;
    color:#888;
}
.boost-info dd{
    padding-left:115px;
}
.boost-info dd em{
    border-radius:3px;
    border:1px solid #5790ef;
    padding:1px 3px;
    color:#5790ef;
    font-size:1.1rem;
    margin-right:3px;
}
.boost-info dd span{
    margin-left:7px;
}


[data-aos=example-anim1] {
    opacity: 1;
    transition-property: opacity
}

[data-aos=example-anim1].aos-animate {
    opacity: 0
}

#easyeditor {
    text-align: center;
    line-height: normal;
}

#easyeditor>div {
    padding: 75px 0 60px;
    min-height: 960px
}

#easyeditor .ico {
    position: relative;
    background: none
}

#easyeditor .title-area h4 {
    position: relative;
    display: inline-block;
    font-size: 45px;
    font-weight: 600
}

#easyeditor .title-area p {
    font-size: 22px;
    font-weight: 100;
    margin-top: 35px
}

#easyeditor .img-area {
    position: relative;
    display: inline-block;
    margin-top: 70px
}

#easyeditor .img-area>div {
    display: inline-block;
    position: relative
}

#easyeditor .img-area span {
    position: absolute;
    top: 0
}

#easyeditor .img-area .mobile-area {
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 100
}

#easyeditor .img-area .monitor-area {
    position: relative;
    z-index: 10
}

#easyeditor .img-area .scroll-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#easyeditor .img-area .scroll-img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    animation: mainsection_scroll 20s infinite;
    animation-duration: 20s
}

#easyeditor .img-area .scroll-img.mobile img {
    animation: mainsection_scroll_mobile 20s infinite;
    animation-duration: 15s
}

#easyeditor .top-bnr {
    height: auto;
    background: #0c0730;
    text-align: center;
    padding: 30px 0;
    min-height: inherit
}

#easyeditor .top-bnr p {
    font-size: 17px;
    color: #ff6e2d;
    margin-bottom: 15px
}

#easyeditor .main-section #mainTitle {
    font-size: 70px;
    line-height: 100px;
    font-weight: 100;
    letter-spacing: -0.5px;
    margin-bottom: 75px;
    min-height: 210px
}

#easyeditor .main-section .img-area {
    position: relative;
    display: block;
    margin-top: 0;
    background: url("/images/info/easyeditor/mainsection_bg01.png") no-repeat bottom;
    background-size: contain;
    z-index: -1
}

#easyeditor .main-section .experience {
    position: absolute;
    left: 75%;
    width: 160px;
    height: 160px;
    margin-top: -70px;
    border-radius: 50%;
    background: #ff7200;
    z-index: 100;
    cursor: pointer
}

#easyeditor .main-section .experience span {
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 22px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 45%;
    transform: translateY(-50%)
}

#easyeditor .main-section .experience span:after {
    content: "";
    background: url("/images/info/easyeditor/ico_arrow_down.png") no-repeat;
    width: 18px;
    height: 11px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%)
}

#easyeditor .main-btn-area {
    min-height: inherit;
    padding: 40px 0 80px
}

#easyeditor .main-btn-area .text-area {
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 85px
}

#easyeditor .main-btn-area .btn-area button {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    border: 2px solid #000;
    padding: 15px 20px;
    width: 320px;
    text-align: left;
    margin-right: 20px
}

#easyeditor .main-btn-area .btn-area button :last-of-type {
    margin-right: 0
}

#easyeditor .main-btn-area .btn-area button:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 20px;
    background: url("/images/info/easyeditor/ico_arrow.png") no-repeat;
    width: 9px;
    height: 15px
}

#easyeditor .main-btn-area .btn-area button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #0c0730;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: -1
}

#easyeditor .main-btn-area .btn-area button .ico {
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin: -3px 40px 0 0;
    overflow: visible
}

#easyeditor .main-btn-area .btn-area button .ico:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -20px;
    width: 1px;
    height: 20px;
    background: #d1d1d1
}

#easyeditor .main-btn-area .btn-area button .ico-top {
    background: url("/images/info/easyeditor/ico_top.png") no-repeat
}

#easyeditor .main-btn-area .btn-area button .ico-highheel {
    background: url("/images/info/easyeditor/ico_highheel.png") no-repeat
}

#easyeditor .main-btn-area .btn-area button .ico-bag {
    background: url("/images/info/easyeditor/ico_bag.png") no-repeat
}

#easyeditor .main-btn-area .btn-area button:hover {
    color: #fff
}

#easyeditor .main-btn-area .btn-area button:hover:before {
    width: 100%
}

#easyeditor .main-btn-area .btn-area button:hover:after {
    background: url("/images/info/easyeditor/ico_arrow_on.png") no-repeat
}

#easyeditor .main-btn-area .btn-area button:hover .ico:after {
    background: #fff
}

#easyeditor .main-btn-area .btn-area button:hover .ico-top {
    background: url("/images/info/easyeditor/ico_top_on.png") no-repeat
}

#easyeditor .main-btn-area .btn-area button:hover .ico-highheel {
    background: url("/images/info/easyeditor/ico_highheel_on.png") no-repeat
}

#easyeditor .main-btn-area .btn-area button:hover .ico-bag {
    background: url("/images/info/easyeditor/ico_bag_on.png") no-repeat
}

#easyeditor .first-item {
    background: #ff7200;
    color: #fff
}

#easyeditor .first-item .title-area h4:after {
    content: ""
}

#easyeditor .first-item .img-area .sticker-note {
    top: -80px;
    right: -180px
}

#easyeditor .first-item .img-area .sticker-like {
    top: 90px;
    right: -370px
}

#easyeditor .first-item .img-area .sticker-smile {
    top: inherit;
    right: -190px;
    bottom: 0
}

#easyeditor .first-item .guide-text {
    font-size: 13px;
    color: #c25700;
    margin: 30px 0 -25px
}

#easyeditor .first-item .guide-text img {
    margin-right: 3px
}

#easyeditor .second-item .frame-area01 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%)
}

#easyeditor .second-item .frame-area02 video {
    box-shadow: 0 1px 25px -5px rgba(0,0,0,.2)
}

#easyeditor .third-item {
    background: #0c0730;
    color: #fff
}

#easyeditor .third-item .img_comma {
    position: relative;
    display: inline-block
}

#easyeditor .third-item .img_comma:last-of-type {
    position: absolute;
    top: 0;
    right: 0
}

#easyeditor .third-item .title-area {
    margin-top: -55px
}

#easyeditor .third-item .img-area .img_quote {
    top: 160px;
    right: -165px
}

#easyeditor .third-item .img-area #moveText {
    width: 500px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    position: absolute;
    top: 50%;
    left: 38%
}

#easyeditor .third-item .img-area #moveText .Typewriter__wrapper {
    left: 0
}

#easyeditor .third-item .img-area #moveText .Typewriter__cursor {
    display: none
}

#easyeditor .fourth-item {
    position: relative;
    background: #f8f8f8
}

#easyeditor .fourth-item .img-area {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: table;
    width: 85%;
    margin: 100px auto 0;
    border-spacing: 20px 0
}

#easyeditor .fourth-item .img-area>div {
    display: table-cell
}

#easyeditor .fourth-item .img-area img {
    box-shadow: 0 1px 25px -5px rgba(0,0,0,.2)
}

#easyeditor .fourth-item .img-area img:last-of-type {
    margin-right: 0
}

#easyeditor>.btn-area {
    position: relative;
    z-index: 10;
    min-height: inherit;
    background: url("/images/info/easyeditor/btn_areabg.jpg") no-repeat;
    background-size: cover;
    color: #fff;
    padding: 60px 0
}

#easyeditor>.btn-area p {
    font-size: 40px;
    font-weight: 100
}

#easyeditor>.btn-area a {
    display: inline-block;
    background: #ff7200;
    font-size: 30px;
    font-weight: 600;
    margin-top: 35px;
    padding: 20px 100px;
    color: #fff
}

#easyeditor>.btn-area a em {
    margin-left: 10px;
    display: inline-block;
    animation: move_go .7s infinite
}

#hiinsureinfo .info-view{
    padding-top: 100px;
}
#hiinsureinfo-view .modal-content h3 {
    font-size: 20px;
    line-height: 1.3;
}

#hiinsureinfo-view .modal-content p {
    font-size: 16px;
    line-height: 1.5;
    margin: 15px 0px 42px;
}

#hiinsureinfo-confirm .modal-content>p {
    font-size: 20px
}

#hiinsureinfo-confirm .modal-content .table {
    display: table;
    table-layout: fixed;
    margin: 33px 0px;
    text-align: center;
    font-size: 18px
}

#hiinsureinfo-confirm .modal-content .table ul {
    display: table-row
}

#hiinsureinfo-confirm .modal-content .table ul li {
    display: table-cell;
    padding: 15px;
    vertical-align: middle;
    border-top: 1px solid #e8e7ec
}

#hiinsureinfo-confirm .modal-content .table ul:first-child li {
    border-top: 2px solid #1b1447
}

#hiinsureinfo-confirm .modal-content .table p {
    font-size: 14px;
    color: #777
}

#hiinsureinfo-confirm .modal-content .table .border-top {
    border-top: 1px solid #1b1447
}

#hiinsureinfo-confirm .modal-content .table .border-bottom {
    border-bottom: 1px solid #1b1447
}

#hiinsureinfo-confirm .modal-content .table .border-right {
    border-right: 1px solid #e8e7ec
}

#hiinsureinfo-confirm .modal-content .table .bg-gray {
    background: #f7f7f7
}

#hiinsureinfo-confirm .modal-content .note-area {
    letter-spacing: -0.5px;
    line-height: 28px
}

#hiinsureinfo-confirm .modal-content .service-area {
    border: 1px solid #e8e7ec;
    padding: 26px;
    margin: 35px 0px 30px
}

#hiinsureinfo-confirm .modal-content .service-area h3 a {
    color: #fff;
    padding: 4px 10px;
    font-size: 1.15rem;
    font-weight: normal;
    border-radius: 50px;
    background: #000
}

#hiinsureinfo-confirm .modal-content .service-area ul {
    margin: 15px 0 0
}

#hiinsureinfo-confirm .modal-content .service-area p {
    margin: 15px 0 0
}

#hiinsureinfo-confirm .modal-content .service-area .telinfo {
    margin: 30px 0 0;
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
    padding: 42px 35px 52px 35px
}

#hiinsureinfo-confirm .modal-content .service-area .telinfo b.name {
    font-size: 19px;
    vertical-align: middle
}

#hiinsureinfo-confirm .modal-content .service-area .telinfo .txt-gray {
    font-size: 15px;
    color: #777;
    vertical-align: middle
}

#hiinsureinfo-confirm .modal-content .service-area .telinfo .txt-red {
    font-size: 23px;
    float: right;
    text-align: right;
    line-height: 8px
}

#hiinsureinfo-confirm .modal-content .service-area .telinfo .txt-red .txt-gray {
    font-weight: normal
}

#hiinsureinfo-confirm .modal-content .btn-wrap {
    margin-left: -20px;
    margin-right: -20px
}

#hiinsureinfo-confirm .modal-content .btn-group {
    display: table;
    table-layout: fixed;
    border-spacing: 20px 0;
    width: 100%
}

#hiinsureinfo-confirm .modal-content .btn {
    display: table-cell;
    vertical-align: middle
}

#hiinsureinfo-confirm .modal-content .agree-area .input-chk {
    margin: 20px 0 10px
}

#hiinsureinfo-confirm .modal-content .agree-area .agree-infobox {
    height: 200px;
    padding: 16px;
    border: 1px solid #e8e7ec;
    overflow-y: auto;
    font-size: 13px
}

#hiinsureinfo-confirm .modal-content .agree-area .agree-infobox b {
    display: block;
    margin-bottom: 10px
}


#smartorder {
    overflow: hidden;
    text-align: center;
    letter-spacing: -0.8px
}

#smartorder .inner {
    position: relative;
    max-width: 1300px;
    margin: 0 auto
}

#smartorder .tit em {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    width: 144px;
    height: 45px;
    line-height: 45px;
    letter-spacing: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

#smartorder .tit em span {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    padding-left: 3px
}

#smartorder .tit div {
    font-weight: normal;
    font-size: 70px;
    margin-top: 22px;
    line-height: 1.2;
    letter-spacing: -2.2px
}

#smartorder .tit strong {
    word-break: keep-all;
    display: block;
    font-weight: 700
}

#smartorder .tit p {
    color: #393939;
    font-size: 20px;
    margin-top: 36px;
    line-height: 1.45;
    letter-spacing: normal;
}

#smartorder .section01 {
    text-align: left
}

#smartorder .section01 .wrap {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

#smartorder .section01 .txt {
    padding: 191px 0 155px
}

#smartorder .section01 .txt .tit {
    color: #393939;
    font-size: 83px;
    margin-top: 0;
    line-height: 1.097;
    font-weight: bold
}

#smartorder .section01 .txt .tit strong {
    color: #fb511d
}

#smartorder .section01 .txt p {
    color: #545454;
    font-size: 22px;
    margin: 32px 0 48px 3px;
    line-height: 1.6
}

#smartorder .section01 .tag {
    margin-left: 3px
}

#smartorder .section01 .tag span {
    display: inline-block;
    font-size: 18px;
    height: 47px;
    line-height: 47px;
    letter-spacing: 0;
    padding: 0 22px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #848484;
    background: #f6f6f6
}

#smartorder .section01 .tag span:nth-child(2) {
    margin: 0 12px
}

#smartorder .section01 .obj {
    width: 748px
}

#smartorder .section01 .obj img {
    display: block
}

#smartorder .section01 .obj .hands {
    z-index: -1;
    position: absolute;
    width: 874px;
    height: 577px;
    bottom: 0;
    right: -310px
}

#smartorder .section01 .obj_l {
    float: left;
    margin: 184px 0 0 78px
}

#smartorder .section01 .obj_l .card {
    margin: 14px 0 21px 27.2px
}

#smartorder .section01 .obj_l .ball01 {
    margin-left: 23px
}

#smartorder .section01 .obj_r {
    float: right;
    margin: 122px 55px 0 0
}

#smartorder .section01 .obj_r .box {
    margin: 0 0 34px 34px
}

#smartorder .section01 .obj_r .coin02 {
    margin-left: 99px
}

#smartorder .section02 {
    padding: 113px 0 133px;
    background: #393d4c
}

#smartorder .section02 .tit {
    color: #fff;
    margin-bottom: 86px
}

#smartorder .section02 .tit em {
    color: #393d4c;
    background: #fad13b
}

#smartorder .section02 .tit p {
    color: #fff
}

#smartorder .section02 .cont>ul {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    position: relative;
    margin: 0 64px 0 40px
}

#smartorder .section02 .cont>ul>li em {
    position: relative;
    font-weight: bold;
    z-index: 1
}

#smartorder .section02 .cont>ul>li em::after {
    content: "";
    position: absolute;
    left: -6px;
    bottom: -8px;
    z-index: -1
}

#smartorder .section02 .cont>ul>li.list01 {
    position: relative;
    color: #fff;
    width: 610px;
    height: 385px;
    padding-top: 49px;
    background: #5c6278 url("/images/info/smartorder/img_smartorder_obj08.png") no-repeat right
}

#smartorder .section02 .cont>ul>li.list01 em {
    display: inline-block;
    font-size: 26px;
    line-height: .925
}

#smartorder .section02 .cont>ul>li.list01 em::after {
    width: 208px;
    height: 17px;
    background: #4f5361
}

#smartorder .section02 .cont>ul>li.list01 ul {
    color: #d9d9d9;
    font-size: 17px;
    margin: 29px 180px 18px 172px
}

#smartorder .section02 .cont>ul>li.list01 ul li {
    margin-bottom: 8px;
    line-height: 1.412;
    letter-spacing: -0.14px
}

#smartorder .section02 .cont>ul>li.list01 ul li:last-child {
    margin-bottom: 0px
}

#smartorder .section02 .cont>ul>li.list01 strong {
    display: block;
    font-size: 21px;
    line-height: 1.143
}

#smartorder .section02 .cont>ul>li.list02 {
    position: relative;
    color: #393939;
    width: 586px;
    height: 424px;
    padding-top: 58px;
    background: #fff url("/images/info/smartorder/img_smartorder_obj09.png") no-repeat 105px bottom
}

#smartorder .section02 .cont>ul>li.list02::before {
    content: "";
    position: absolute;
    top: 198px;
    left: -36px;
    width: 77px;
    height: 45px;
    background: url("/images/info/smartorder/img_smartorder_obj10.png") no-repeat center
}

#smartorder .section02 .cont>ul>li.list02 em {
    display: inline-block;
    font-size: 32px;
    line-height: .75
}

#smartorder .section02 .cont>ul>li.list02 em::after {
    width: 338px;
    height: 16px;
    background: #fce389
}

#smartorder .section02 .cont>ul>li.list02 p {
    font-size: 20px;
    margin: 28px 0 10px;
    line-height: 1.6
}

#smartorder .section02 .cont>ul>li.list02 strong {
    display: inline-block;
    color: #fb511d;
    font-size: 38px;
    line-height: 1.45
}

#smartorder .section03 {
    padding: 120px 0;
    color: #393939;
    background: #fad13b
}

#smartorder .section03 .tit {
    margin-bottom: 70px
}

#smartorder .section03 .tit em {
    color: #fff;
    background: #fb511d
}

#smartorder .section03 .cont>ul {
    font-size: 0
}

#smartorder .section03 .cont>ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 490px;
    height: 464px;
    margin: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff
}

#smartorder .section03 .cont>ul li:first-child img {
    top: 85px;
    left: 107px
}

#smartorder .section03 .cont>ul li:nth-child(2) img {
    top: 84px;
    left: 110px
}

#smartorder .section03 .cont>ul li:nth-child(3) img {
    top: 86px;
    left: 117px
}

#smartorder .section03 .cont>ul li:last-child img {
    top: 65px;
    left: 114px
}

#smartorder .section03 .cont>ul li img {
    position: absolute
}

#smartorder .section03 .cont>ul li strong {
    display: block;
    font-size: 26px;
    margin: 295px 0 16px;
    line-height: 1.47
}

#smartorder .section03 .cont>ul li p {
    color: #848484;
    font-size: 20px;
    line-height: 1.6
}

#smartorder .section04 {
    padding: 120px 0 140px;
    color: #393939;
    background: #f6f6f6
}

#smartorder .section04 .tit {
    margin-bottom: 66px
}

#smartorder .section04 .tit em {
    color: #393d4c;
    background: #fad13b
}

#smartorder .section04 .cont>ul {
    font-size: 0
}

#smartorder .section04 .cont>ul li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

#smartorder .section04 .cont>ul li+li:before {
    content: "";
    position: absolute;
    top: 116px;
    left: -17px;
    width: 34px;
    height: 29px;
    background: url("/images/info/smartorder/img_smartorder_obj20.png") no-repeat center
}

#smartorder .section04 .cont>ul li .box {
    width: 260px;
    height: 260px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding-top: 42px
}

#smartorder .section04 .cont>ul li .box em {
    display: block;
    font-size: 17px;
    color: #848484;
    line-height: 1.53
}

#smartorder .section04 .cont>ul li .box em span {
    color: #fb511d;
    margin-left: 3px
}

#smartorder .section04 .cont>ul li .box img.step1 {
    margin: 9px 0 30px 5px
}

#smartorder .section04 .cont>ul li .box img.step2 {
    margin: 24px 0 18px 11px
}

#smartorder .section04 .cont>ul li .box img.step3 {
    margin: 13px 0 18px 3px
}

#smartorder .section04 .cont>ul li .box img.step4 {
    margin: 11px 0 13px 5px
}

#smartorder .section04 .cont>ul li .box img.step5 {
    margin: 14px 0 18px 3px
}

#smartorder .section04 .cont>ul li .box p {
    color: #393939;
    font-size: 20px;
    line-height: 1.3
}

#smartorder .section05 {
    color: #fff;
    padding: 105px 0 92px;
    background: #393d4c
}

#smartorder .section05 .tit span {
    font-size: 22px;
    line-height: 1.455;
    letter-spacing: normal;
}

#smartorder .section05 .tit strong {
    font-size: 76px;
    line-height: 1.448
}

#smartorder .section05 .btnbox {
    margin-top: 33px
}

#smartorder .section05 .btnbox .btn {
    padding: 0;
    width: 303px;
    height: 78px;
    line-height: 71px;
    color: #fad13b;
    font-weight: bold;
    font-size: 21px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #fad13b;
    background: #393d4c
}

#smartorder .section05 .btnbox .btn:hover {
    color: #393d4c;
    background: #fad13b
}

#smartorder .section05 .btnbox .btn:hover::after {
    border-color: #393d4c
}

#smartorder .section05 .btnbox .btn::after {
    content: "";
    display: inline-block;
    margin-left: 13px;
    width: 12px;
    height: 12px;
    border-width: 3px 3px 0 0;
    border-style: solid;
    border-color: #fad13b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: translateY(-2px) rotate(45deg);
    -moz-transform: translateY(-2px) rotate(45deg);
    -ms-transform: translateY(-2px) rotate(45deg);
    -o-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg)
}

#smartorder .section05 .btnbox .btn span {
    display: inline-block;
    padding-left: 8px
}

#deputypayinfo .info-view {
    position: relative
}

#deputypayinfo .info-view a {
    padding: 15px 0;
    width: 240px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 240px;
    font-size: 1.4rem;
    color: #fff;
    background: #ec0018
}

#thekoc {
    font-weight: 400;
    text-align: center
}

#thekoc .inner {
    width: 1200px;
    height: 100%
}

#thekoc .txt-area {
    display: table-cell;
    text-align: left
}

#thekoc .txt-area>p {
    font-size: 18px;
    line-height: 1.667;
    letter-spacing: -0.4px
}

#thekoc .txt-area .btn span::after {
    content: "";
    display: inline-block;
    margin-left: 32px;
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: translateY(-2px) rotate(45deg);
    -moz-transform: translateY(-2px) rotate(45deg);
    -ms-transform: translateY(-2px) rotate(45deg);
    -o-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg)
}

#thekoc .tit {
    color: #222;
    font-size: 53px;
    font-weight: 700;
    letter-spacing: -1.1px
}

#thekoc .tit strong {
    font-weight: 700;
    line-height: 1.321
}

#thekoc .obj {
    display: table-cell
}

#thekoc .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#thekoc .section01 {
    overflow: hidden;
    height: 610px;
    background: #e3523e
}

#thekoc .section01 .txt-area {
    width: 432px;
    color: #fff;
    padding-top: 120px;
    vertical-align: top
}

#thekoc .section01 .txt-area .tit strong {
    display: block;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    padding: 27px 0 18px
}

#thekoc .section01 .txt-area p {
    padding-bottom: 44px
}

#thekoc .section01 .txt-area .btn {
    padding: 19px 36px 18px;
    background: #000
}

#thekoc .section01 .obj {
    width: 768px;
    font-size: 0;
    padding-left: 210px
}

#thekoc .section01 .obj .slide-wrap {
    position: relative;
    display: inline-block;
    width: 178px;
    height: 610px
}

#thekoc .section01 .obj .slide-wrap .img {
    position: absolute;
    animation: slide 8s linear infinite alternate
}

#thekoc .section01 .obj .slide-shadow {
    z-index: 1;
    position: absolute;
    width: 178px;
    height: 38px
}

#thekoc .section01 .obj .slide-shadow.top {
    top: 0;
    background: url("/images/info/thekoc/img_thekoc_bg01.png") no-repeat top
}

#thekoc .section01 .obj .slide-shadow.bottom {
    top: 572px;
    background: url("/images/info/thekoc/img_thekoc_bg02.png") no-repeat bottom
}

#thekoc .section01 .obj .slide-1 .img {
    top: -392px
}

#thekoc .section01 .obj .slide-2 {
    margin-left: 12px
}

#thekoc .section01 .obj .slide-2 .img {
    top: -457px
}

#thekoc .section01 .obj .slide-3 {
    margin-left: 12px
}

#thekoc .section01 .obj .slide-3 .img {
    top: -385px
}

@keyframes slide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(390px)
    }
}

#thekoc .section02 {
    padding: 124px 0 70px;
    background: #fff
}

#thekoc .section02 .obj {
    width: 650px;
    height: 481px;
    vertical-align: top
}

#thekoc .section02 .obj img {
    position: absolute;
    left: 80px
}

#thekoc .section02 .txt-area {
    width: 550px
}

#thekoc .section02 .txt-area .tit {
    line-height: 1.321;
    padding-top: 91px
}

#thekoc .section02 .txt-area .tit strong {
    display: block;
    color: #ff5331
}

#thekoc .section02 .txt-area p {
    color: #676767;
    padding: 25px 0 20px
}

#thekoc .section02 .txt-area .tag {
    color: #676767;
    font-size: 0;
    letter-spacing: -0.1px
}

#thekoc .section02 .txt-area .tag span {
    font-size: 18px;
    padding-right: 12px
}

#thekoc .section02 .txt-area .tag span em {
    color: #ff5331;
    font-weight: bold;
    margin-right: 2px
}

#thekoc .section03 {
    padding: 155px 0 157px;
    background: #f6f6f6
}

#thekoc .section03 .obj {
    position: relative;
    width: 722px;
    height: 328px;
    vertical-align: top
}

#thekoc .section03 .obj img {
    position: absolute;
    right: 30px
}

#thekoc .section03 .txt-area {
    width: 478px;
    padding-left: 40px
}

#thekoc .section03 .txt-area .tit {
    line-height: 1.321;
    padding-top: 40px
}

#thekoc .section03 .txt-area .tit strong {
    display: block;
    color: #ff5331
}

#thekoc .section03 .txt-area p {
    color: #676767;
    padding-top: 25px
}

#thekoc .section04 {
    padding: 147px 0 83px;
    background: #222
}

#thekoc .section04 .obj {
    position: relative;
    width: 660px;
    height: 400px;
    vertical-align: top
}

#thekoc .section04 .obj img {
    position: absolute;
    left: -54px
}

#thekoc .section04 .txt-area {
    width: 540px
}

#thekoc .section04 .txt-area .tit {
    color: #fff;
    line-height: 1.321;
    padding-top: 54px
}

#thekoc .section04 .txt-area .tit strong {
    display: block;
    color: #ff5331
}

#thekoc .section04 .txt-area p {
    color: #c4c4c4;
    padding-top: 25px
}

#thekoc .section05 {
    padding: 140px 0 160px;
    background: #faf5f4
}

#thekoc .section05 .tit p {
    line-height: normal;
    padding-top: 10px
}

#thekoc .section05 .tit p em {
    color: #ff5331
}

#thekoc .section05 .tit strong {
    color: #ff5331
}

#thekoc .section05 .cont ul {
    padding-top: 60px
}

#thekoc .section05 .cont ul li {
    display: inline-block;
    width: 380px;
    height: 491px;
    vertical-align: top;
    margin-right: -4px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.06)
}

#thekoc .section05 .cont ul li+li {
    margin-left: 30px
}

#thekoc .section05 .cont ul li .step {
    font-weight: bold;
    letter-spacing: -0.1px;
    padding: 30px 0 21px
}

#thekoc .section05 .cont ul li .step span {
    color: #ff5331;
    font-size: 12px;
    font-weight: bold
}

#thekoc .section05 .cont ul li .step p {
    color: #222;
    font-size: 25px;
    padding-top: 5px
}

#thekoc .section05 .cont ul li .txt {
    color: #676767;
    text-align: left;
    line-height: 1.8;
    letter-spacing: -0.2px;
    padding: 34px 0 41px
}

#thekoc .section05 .cont ul li .txt1 {
    padding-left: 55px
}

#thekoc .section05 .cont ul li .txt2 {
    padding-left: 48px
}

#thekoc .section05 .cont ul li .txt3 {
    padding-left: 50px
}

#thekoc .section06 {
    padding: 130px 0 120px;
    background: #fff
}

#thekoc .section06 .tit p {
    line-height: normal;
    padding-top: 10px
}

#thekoc .section06 .tit p em {
    color: #ff5331
}

#thekoc .section06 .cont {
    padding-top: 50px
}

#thekoc .section06 .cont ul {
    width: 960px;
    height: 729px;
    text-align: left;
    padding: 110px 0 0 154px;
    margin: 0 auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,.06)
}

#thekoc .section06 .cont ul li {
    position: relative;
    line-height: 1
}

#thekoc .section06 .cont ul li+li {
    padding-top: 55px
}

#thekoc .section06 .cont ul li+li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -44px;
    width: 740px;
    height: 1px;
    background: url("/images/info/thekoc/img_thekoc_obj10.png") no-repeat
}

#thekoc .section06 .cont ul li strong {
    color: #222;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.5px
}

#thekoc .section06 .cont ul li strong em {
    color: #ff5331;
    font-size: 34px;
    margin-right: 12px
}

#thekoc .section06 .cont ul li p {
    color: #676767;
    font-size: 19px;
    line-height: 1.685;
    letter-spacing: -0.4px;
    padding: 15px 0 55px 46px
}

#thekoc .section07 {
    position: relative;
    padding: 95px 0 98px;
    background: url("/images/info/thekoc/img_thekoc_bg03.png") no-repeat;
    background-size: cover
}

#thekoc .section07 .txt-area {
    width: 440px;
    padding-left: 120px
}

#thekoc .section07 .txt-area strong {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px
}

#thekoc .section07 .txt-area .btn-wrap {
    padding-top: 18px
}

#thekoc .section07 .txt-area .btn-wrap .btn {
    padding: 19px 30px 18px;
    background: #ff5331
}

#thekoc .section07 .info-area {
    display: table-cell;
    width: 760px;
    text-align: right;
    padding-right: 120px
}

#thekoc .section07 .info-area a {
    display: inline-block
}

#thekoc .section07 .info-area a strong {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: normal;
    padding-left: 39px;
    background: url("/images/info/thekoc/img_thekoc_obj11.png") no-repeat 0 12px
}

#thekoc .section07 .info-area p {
    color: #c4c4c4;
    font-size: 17px;
    padding-top: 12px
}

#thekoc .section07 .info-area p em {
    font-weight: 600
}
/* 더콕 */
@media only screen and (max-width: 768px) {
    #thekoc-m {
        font-weight: 400;
        text-align: center
    }

    #thekoc-m .tit {
        color: #222;
        font-size: 8.85vw;
        font-weight: 700;
        letter-spacing: -0.2vw
    }

    #thekoc-m .tit strong {
        font-weight: 700
    }

    #thekoc-m .btn {
        color: #fff;
        font-weight: 700;
        letter-spacing: -0.1vw;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        border-radius: 1vw
    }

    #thekoc-m .section01 {
        overflow: hidden;
        padding: 19.5vw 0 10.41vw;
        background: #e3523e
    }

    #thekoc-m .section01 .txt-area .tit strong {
        display: block;
        color: #fff;
        font-size: 10.4vw;
        line-height: 1.2;
        letter-spacing: -0.2vw;
        padding: 3.9vw 0 3.25vw
    }

    #thekoc-m .section01 .txt-area .tit img {
        width: 32.8vw
    }

    #thekoc-m .section01 .txt-area p {
        color: #fff;
        font-size: 4vw;
        line-height: 1.6;
        letter-spacing: -0.1vw;
        padding-bottom: 6.5vw
    }

    #thekoc-m .section01 .txt-area .btn-wrap {
        padding-bottom: 13.28vw
    }

    #thekoc-m .section01 .txt-area .btn-wrap .btn {
        font-size: 3.25vw;
        padding: 3vw 6.5vw 3vw;
        background: #000
    }

    #thekoc-m .section01 .txt-area .btn-wrap .btn span::after {
        content: "";
        position: relative;
        top: -0.3vw;
        display: inline-block;
        width: 1.5vw;
        height: 1.5vw;
        margin-left: 7.1vw;
        border-width: .5vw .5vw 0 0;
        border-style: solid;
        border-color: #fff;
        -webkit-transform: translateY(-2px) rotate(45deg);
        -moz-transform: translateY(-2px) rotate(45deg);
        -ms-transform: translateY(-2px) rotate(45deg);
        -o-transform: translateY(-2px) rotate(45deg);
        transform: translateY(-2px) rotate(45deg)
    }

    #thekoc-m .section01 .obj {
        margin: 0 -20px
    }

    #thekoc-m .section01 .obj .slide-wrap {
        position: relative;
        width: 100%;
        height: 24.48vw
    }

    #thekoc-m .section01 .obj .slide-wrap .img {
        position: absolute;
        width: 219.28vw;
        animation: slide 8s linear infinite alternate
    }

    #thekoc-m .section01 .obj .slide-shadow {
        position: absolute;
        z-index: 1;
        width: 20vw;
        height: 24.48vw
    }

    #thekoc-m .section01 .obj .slide-shadow.left {
        left: 0;
        background: url("/images/info-m/thekoc/img_thekoc_bg01.png") no-repeat left
    }

    #thekoc-m .section01 .obj .slide-shadow.right {
        right: 0;
        background: url("/images/info-m/thekoc/img_thekoc_bg02.png") no-repeat right
    }

    #thekoc-m .section01 .obj .slide-1 .img {
        left: -8.5vw
    }

    #thekoc-m .section01 .obj .slide-2 {
        margin-top: 1.563vw
    }

    #thekoc-m .section01 .obj .slide-2 .img {
        left: -19.5vw
    }

    #thekoc-m .section01 .obj .slide-3 {
        margin-top: 1.563vw
    }

    #thekoc-m .section01 .obj .slide-3 .img {
        left: -7.5vw
    }

    @keyframes slide {
        0% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }

        100% {
            -webkit-transform: translateX(-100vw);
            -moz-transform: translateX(-100vw);
            -ms-transform: translateX(-100vw);
            -o-transform: translateX(-100vw);
            transform: translateX(-100vw)
        }
    }

    #thekoc-m .section02 {
        padding: 23.4vw 0 18.2vw;
        background: #fff
    }

    #thekoc-m .section02 .txt-area .tit {
        line-height: 1.2
    }

    #thekoc-m .section02 .txt-area .tit strong {
        display: block;
        color: #ff5331
    }

    #thekoc-m .section02 .txt-area p {
        color: #676767;
        font-size: 3.65vw;
        line-height: 1.6;
        letter-spacing: -0.1vw;
        padding: 4vw 0 3.26vw
    }

    #thekoc-m .section02 .txt-area .tag {
        color: #676767;
        font-size: 3.38vw;
        letter-spacing: -0.1vw;
        padding-bottom: 11.7vw
    }

    #thekoc-m .section02 .txt-area .tag span {
        padding-right: 1.8vw
    }

    #thekoc-m .section02 .txt-area .tag span em {
        color: #ff5331;
        font-weight: 500;
        margin-right: .4vw
    }

    #thekoc-m .section02 .obj img {
        width: 67.7vw
    }

    #thekoc-m .section03 {
        padding: 23.43vw 0 23.4vw;
        background: #f6f6f6
    }

    #thekoc-m .section03 .txt-area .tit {
        line-height: 1.2
    }

    #thekoc-m .section03 .txt-area .tit strong {
        display: block;
        color: #ff5331
    }

    #thekoc-m .section03 .txt-area p {
        color: #676767;
        font-size: 3.65vw;
        line-height: 1.6;
        padding: 4vw 0 14.3vw;
        letter-spacing: -0.1vw
    }

    #thekoc-m .section03 .obj img {
        width: 84.64vw
    }

    #thekoc-m .section04 {
        padding: 23.43vw 0 18.9vw;
        background: #222
    }

    #thekoc-m .section04 .txt-area .tit {
        color: #fff;
        line-height: 1.2
    }

    #thekoc-m .section04 .txt-area .tit strong {
        display: block;
        color: #ff5331
    }

    #thekoc-m .section04 .txt-area p {
        color: #c4c4c4;
        font-size: 3.65vw;
        line-height: 1.6;
        letter-spacing: -0.1vw;
        padding: 4vw 0 14.3vw
    }

    #thekoc-m .section04 .obj img {
        width: 80.6vw
    }

    #thekoc-m .section05 {
        padding: 23.43vw 0;
        background: #faf5f4
    }

    #thekoc-m .section05 .tit {
        padding-bottom: 9.11vw
    }

    #thekoc-m .section05 .tit img {
        width: 37.5vw
    }

    #thekoc-m .section05 .tit p {
        line-height: normal;
        padding-top: 1.05vw
    }

    #thekoc-m .section05 .tit p em {
        color: #ff5331
    }

    #thekoc-m .section05 .cont {
        margin: 0 -20px
    }

    #thekoc-m .section05 .cont ul {
        overflow-x: auto;
        white-space: nowrap;
        padding: 0 7.8102vw
    }

    #thekoc-m .section05 .cont ul li {
        display: inline-block;
        width: 75.27vw;
        height: 107.56vw;
        letter-spacing: -0.1vw;
        -webkit-border-radius: 3vw;
        -moz-border-radius: 3vw;
        border-radius: 3vw;
        background: #fff
    }

    #thekoc-m .section05 .cont ul li+li {
        margin-left: 3.25vw
    }

    #thekoc-m .section05 .cont ul li .step {
        font-weight: bold;
        padding: 9vw 0 4.56vw
    }

    #thekoc-m .section05 .cont ul li .step span {
        color: #ff5331;
        font-size: 2.73vw
    }

    #thekoc-m .section05 .cont ul li .step p {
        color: #222;
        font-size: 5.22vw;
        padding-top: 1.3vw
    }

    #thekoc-m .section05 .cont ul li img {
        width: 66.15vw
    }

    #thekoc-m .section05 .cont ul li .txt {
        color: #676767;
        font-size: 3.65vw;
        text-align: left;
        line-height: 1.8;
        padding-top: 5.86vw
    }

    #thekoc-m .section05 .cont ul li .txt1 {
        padding-left: 6.77vw
    }

    #thekoc-m .section05 .cont ul li .txt2 {
        padding-left: 5vw
    }

    #thekoc-m .section05 .cont ul li .txt3 {
        padding-left: 5.72vw
    }

    #thekoc-m .section06 {
        padding: 23.43vw 0 20.84vw;
        background: #fff
    }

    #thekoc-m .section06 .tit {
        padding-bottom: 9.11vw
    }

    #thekoc-m .section06 .tit img {
        width: 28.4vw
    }

    #thekoc-m .section06 .tit p {
        line-height: normal;
        padding-top: 1.05vw
    }

    #thekoc-m .section06 .tit p em {
        color: #ff5331
    }

    #thekoc-m .section06 .cont ul {
        text-align: left;
        width: 84.38vw;
        height: 125.13vw;
        letter-spacing: -0.1vw;
        padding: 10.41vw 7.8vw 0;
        margin: 0 auto;
        -webkit-border-radius: 3vw;
        -moz-border-radius: 3vw;
        border-radius: 3vw;
        background: #fff;
        box-shadow: 0 0 2vw rgba(0,0,0,.06)
    }

    #thekoc-m .section06 .cont ul li {
        padding-left: 1.18vw
    }

    #thekoc-m .section06 .cont ul li strong {
        color: #222;
        font-size: 4.2vw;
        font-weight: 700
    }

    #thekoc-m .section06 .cont ul li strong em {
        color: #ff5331;
        font-size: 4.2vw;
        margin-right: 1.04vw
    }

    #thekoc-m .section06 .cont ul li p {
        color: #676767;
        font-size: 3.39vw;
        line-height: 1.7;
        padding: 2.6vw 0 7.16vw 0
    }

    #thekoc-m .section06 .cont ul li+li {
        padding-top: 7.16vw;
        background: url("/images/info-m/thekoc/img_thekoc_obj10.png") no-repeat;
        background-size: 70vw
    }

    #thekoc-m .section07 {
        position: relative;
        padding: 18.23vw 0 18.23vw;
        background: url("/images/info-m/thekoc/img_thekoc_bg03.png") no-repeat;
        background-size: cover
    }

    #thekoc-m .section07 .txt-area strong {
        color: #fff;
        font-size: 8.33vw;
        font-weight: 700;
        line-height: normal
    }

    #thekoc-m .section07 .info-area {
        padding: 4vw 0 6.5vw
    }

    #thekoc-m .section07 .info-area a {
        display: inline-block
    }

    #thekoc-m .section07 .info-area a strong {
        color: #fff;
        font-size: 7.03vw;
        font-weight: 700;
        line-height: normal;
        padding-left: 7vw;
        background: url("/images/info-m/thekoc/img_thekoc_obj11.png") no-repeat;
        background-size: 5.4vw;
        background-position: 0 2vw
    }

    #thekoc-m .section07 .info-area p {
        color: #dedede;
        font-size: 3.12vw;
        padding-top: 1.05vw;
        line-height: 1.7
    }

    #thekoc-m .section07 .info-area p em {
        font-weight: 600
    }

    #thekoc-m .section07 .btn {
        font-size: 2.87vw;
        padding: 2.6vw 5.85vw;
        background: #ff5331
    }

    #thekoc-m .section07 .btn span::after {
        content: "";
        position: relative;
        top: 0;
        display: inline-block;
        width: 1.5vw;
        height: 1.5vw;
        margin-left: 8.5vw;
        border-width: .5vw .5vw 0 0;
        border-style: solid;
        border-color: #fff;
        -webkit-transform: translateY(-2px) rotate(45deg);
        -moz-transform: translateY(-2px) rotate(45deg);
        -ms-transform: translateY(-2px) rotate(45deg);
        -o-transform: translateY(-2px) rotate(45deg);
        transform: translateY(-2px) rotate(45deg)
    }
}
@media only screen and (max-width: 425px) {
    #thekoc-m .section01 .txt-area .btn-wrap .btn span::after {
        top:.3vw;
        width: 1.7vw;
        height: 1.7vw;
        margin-left: 7vw
    }
    #thekoc-m .section01 .obj .slide-shadow.left {
        width:23vw
    }
    #thekoc-m .section01 .obj .slide-shadow.right {
        width:23vw
    }
    #thekoc-m .section05 .cont ul li .step {
        padding:7.5vw 0 4.56vw
    }
    #thekoc-m .section07 .info-area p {
        padding-top:1.91vw
    }
    #thekoc-m .section07 .btn span {
        font-size:3vw
    }
}

#socialbiz{
    letter-spacing: -0.5px;
    line-height: normal;
    color: #222;
}
#socialbiz .use-m{
    display: none;
}
#socialbiz .tit{
    text-align: center;
}
#socialbiz .socialbiz-tit-white{
    color: #fff;
}
#socialbiz .socialbiz-tit-white p{
    opacity: 80%;
}
#socialbiz .socialbiz-section{
    padding: 120px 0 140px;
}
#socialbiz .socialbiz-section .tit{
    margin-bottom: 60px;
}
#socialbiz :is(.section03, .section04, .section06) .tit > p{
    color: #777;
}
#socialbiz .tit > p{
    font-size: 20px;
    font-weight: 300;
}
#socialbiz .tit > span{
    display: inline-block;
    font-size: 42px;
    font-weight: 200;
}
#socialbiz :is(.section02,.section03, .section04, .section07) .tit > span{
    display: inline-block;
    font-size: 32px;
    margin-bottom: 8px;
}
#socialbiz :is(.section02,.section03, .section04, .section07) .tit > strong{
    font-size: 58px;
    margin-top: 0;
}
#socialbiz .tit > strong{
    word-break: keep-all;
    display: block;
    font-size: 60px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.74px;
    margin: 2px auto 26px;
}
#socialbiz .tit > strong em{
    color: #10B1ED;
}
#socialbiz .tit.socialbiz-tit-white > strong em{
    color: #99E3FF;
}
#socialbiz .section01{
    overflow: hidden;
    padding: 160px 0 180px;
    background: linear-gradient(113deg, #E4EFFB 7.78%, #F7F7FC 26.26%, #F7F7FC 57.44%, #EFEEFC 69.37%, #E6E5FB 84.76%);
}
#socialbiz .section01 .tit{
    text-align: left;
}
#socialbiz .section01 .tit strong{
    display: block;
    font-size: 28px;
    margin: 26px 0 16px;
}
#socialbiz .section01 .txt{
    display: inline-block;
    margin-bottom: 0;
}
#socialbiz .section01 .txt .logo{
    width: 420px;
}
#socialbiz .section01 .txt .speech{
    margin-left: -26px;
    width: 366px;
}
#socialbiz .section01 .txt p{
    color: #777;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.579;
    margin: 30px 0 46px;
}
#socialbiz .section01 .txt a{
    display: inline-block;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.223;
    padding: 21px 53px 21px 38px;
    border-radius: 6px;
    background: linear-gradient(-92deg, #01BAFF -12.92%, #5F50FF 48.62%, #9C4FFF 100%);
}
#socialbiz .section01 .txt a::after{
    content: '';
    position: relative;
    top: -2px;
    left: 19px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff;
    transform: rotate(45deg);
}
#socialbiz .section01 .obj{
    float: right;
    position: relative;
    margin: -35px 16px;
}
#socialbiz .section01 .obj .eclipse{
    background: url("/images/info/socialbiz/img_socialbiz_obj02.png") no-repeat;
    width: 480px;
    height: 480px;
    background-size: 100% 100%;
}
#socialbiz .section01 .obj > div:not(.eclipse),
#socialbiz .section01 .obj .device img{
    position: absolute;
}
#socialbiz .section01 .obj .device{
    overflow: hidden;
    top: 0;
    left: 0;
    width: 480px;
    height: 480px;
    border-radius: 0 0 50% 50%;
}
#socialbiz .section01 .obj .device img{
    top: 24px;
    left: 97px;
    width: 282px;
}
#socialbiz .section01 .obj .link-popup{
    top: 138px;
    right: 19px;
}
#socialbiz .section01 .obj .link-popup img{
    width: 321px;
}
#socialbiz .section01 .obj .dm{
    bottom: 67px;
    left: -38px;
}
#socialbiz .section01 .obj .dm img{
    width: 108px;
}
#socialbiz .section01 .obj .shop{
    top: 41px;
    right: -24px;
}
#socialbiz .section01 .obj .shop img{
    width: 108px;
}
#socialbiz .section02{
    background: #8554FF;
}
#socialbiz .section02 .cont ul{
    font-size: 0;
}
#socialbiz .section02 .cont .box-wrap1{
    padding-bottom: 50px;
}
#socialbiz .section02 .cont .box-wrap1 li{
    display: inline-block;
    width: 380px;
    background: #fff;
    border-radius: 16px;
}
#socialbiz .section02 .cont .box-wrap1 li+li{
    margin-left: 30px;
}
#socialbiz .section02 .cont .box-wrap1 li div{
    text-align: center;
    padding: 35px 0 50px;
}
#socialbiz .section02 .cont .box-wrap1 li em{
    color: #914DFF;
    font-size: 14px;
    font-weight: 700;
}
#socialbiz .section02 .cont .box-wrap1 li p{
    font-size: 23px;
    font-weight: 700;
    margin: 10px 0 13px;
}
#socialbiz .section02 .cont .box-wrap1 li span{
    font-size: 16px;
    color: #777;
}
#socialbiz .section02 .cont .box-wrap2{
    position: relative;
}
#socialbiz .section02 .cont .box-wrap2 .plus{
    position: absolute;
    top: -30px;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #7528F1;
    transform: translateX(-50%);
}
#socialbiz .section02 .cont .box-wrap2 .plus::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: url("/images/info/socialbiz/img_socialbiz_ico01.svg") no-repeat;
    transform: translate(-50%, -50%);
    background-size: cover;
}
#socialbiz .section02 .cont .box-wrap2 li{
    background: #7528F1;
    border-radius: 15px;
    padding: 44px 80px;
}
#socialbiz .section02 .cont .box-wrap2 li .txt{
    font-size: 20px;
    color: #fff;
    display: inline-block;
    line-height: 1.5;
}
#socialbiz .section02 .cont .box-wrap2 li .icon-wrap{
    float: right;
    font-size: 16px;
    color: #fff;
    margin-top: -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#socialbiz .section02 .cont .box-wrap2 li .icon-wrap > div{
    position: relative;
    font-weight: 400;
}
#socialbiz .section02 .cont .box-wrap2 li .icon-wrap > div + div{
    padding-left: 44px;
    margin-left: 44px;
}
#socialbiz .section02 .cont .box-wrap2 li .icon-wrap div:nth-child(n+2)::before{
    content: '';
    position: absolute;
    height: 90px;
    border-right: 1px solid #6518E2;
    top: -5px;
    left: 0;
}
#socialbiz .section02 .cont .box-wrap2 li .icon-wrap img{
    display: block;
    margin: 0 auto 11px;
}
#socialbiz .section02 .cont .box-wrap2 li .txt strong{
    font-size: 28px;
    display: block;
    font-weight: 700;
}
#socialbiz .section02 .cont .box-wrap2 li .txt strong > em{
    color: #99E3FF;
}
#socialbiz .section03{
    padding-bottom: 96px;
}
#socialbiz .section03 .img{
    position: relative;
    width: 1064px;
    margin: 0 auto;
}
#socialbiz .section03 .img > div{
    position: absolute;
}
#socialbiz .section03 .img .focus-1{
    top: 212px;
    left: 166px;
    width: 753px;
}
#socialbiz .section03 .img .focus-2{
    top: 292px;
    right: 42px;
    width: 449px;
}
#socialbiz .section03 .img .focus-3{
    bottom: 35px;
    right: 32px;
    width: 444px;
}
#socialbiz .section04{
    padding-bottom: 86px;
    background: #F4F4F6;
}
#socialbiz .section04.socialbiz-section .tit{
    margin-bottom: 28px;
}
#socialbiz .section04 .tit > p > span{
    display: block;
    line-height: 1.8;
}
#socialbiz .section04 .img-wrap{
    font-size: 0;
    margin: 0 -6px;
}
#socialbiz .section04 .img-wrap img{
    width: calc(100% / 3);
}
#socialbiz .section05{
    background: #200054;
}
#socialbiz .section05 .cont li{
    background: #fff;
    border-radius: 24px;
    padding: 90px 0 83px;
}
#socialbiz .section05 .cont li .img-wrap{
    padding: 0 0 72px 104px;
}
#socialbiz .section05 .cont li .img-wrap img{
    width: 998px;
}
#socialbiz .section05 .cont li .txt-wrap{
    padding-top: 72px;
    text-align: center;
    position: relative;
}
#socialbiz .section05 .cont li .txt-wrap::before{
    content: '';
    position: absolute;
    background: url("/images/info/socialbiz/img_socialbiz_obj23.png") no-repeat;
    width: 100%;
    height: 1px;
    background-size: cover;
    top: 0;
    right: 0;
}
#socialbiz .section05 .cont li .txt-wrap strong{
    font-size: 20px;
}
#socialbiz .section05 .cont li .txt-wrap p{
    margin: 10px 0 34px;
    line-height: 1.471;
    font-size: 17px;
    color: #777;
}
#socialbiz .section05 .cont li a{
    color: #914DFF;
    font-size: 17px;
    font-weight: 700;
    padding: 20px 33px;
    border: 1px solid #914DFF;
    border-radius: 8px;
    display: inline-block;
}
#socialbiz .section06{
    background: linear-gradient(to bottom,#EDEDFD,#EFF8FC);
}
#socialbiz .section06 .tit{
    margin-bottom: 50px;
}
#socialbiz .section06 .tit strong div{
    display: inline;
}
#socialbiz .section06 .cont ul{
    font-size: 0;
    text-align: center;
}
#socialbiz .section06 .cont li{
    background-color: #fff;
    border-radius: 14px;
    padding: 40px 50px;
    display: inline-block;
    width: 520px;
    text-align: left;
    margin: 10px;
}
#socialbiz .section06 .cont li .icon{
    float: left;
    padding-right: 33px;
}
#socialbiz .section06 .cont li .icon img{
    box-shadow: 0 0.5px 7px rgba(0, 0, 0, .08);
    border-radius: 24px;
}
#socialbiz .section06 .cont li > div{
    display: inline-block;
    vertical-align: top;
}
#socialbiz .section06 .cont li .txt{
    padding-top: 10px;
}
#socialbiz .section06 .cont li .txt em{
    font-size: 22px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
#socialbiz .section06 .cont li .txt p{
    font-size: 19px;
    color: #777;
    line-height: 1.4;
}
#socialbiz .section06 .cont li .txt br{
    display: none;
}
#socialbiz .section07{
    background: #8554FF;
}
#socialbiz .section07 .tit{
    margin-bottom: 96px;
}
#socialbiz .section07 .cont li+li{
    margin-left: 30px;
}
#socialbiz .section07 .cont li{
    background: #fff;
    width: 380px;
    display: inline-block;
    border-radius: 16px;
    padding-top: 78px;
    position: relative;
}
#socialbiz .section07 .cont li::before{
    content: '';
    position: absolute;
    width: 92px;
    height: 92px;
    top: -36px;
    left: 144px;
}
#socialbiz .section07 .cont .case1::before{
    background: url("/images/info/socialbiz/img_socialbiz_obj17.png") no-repeat;
    background-size: 100% auto;
}
#socialbiz .section07 .cont .case2::before{
    background: url("/images/info/socialbiz/img_socialbiz_obj18.png") no-repeat;
    background-size: 100% auto;
}
#socialbiz .section07 .cont .case3::before{
    background: url("/images/info/socialbiz/img_socialbiz_obj19.png") no-repeat;
    background-size: 100% auto;
}
#socialbiz .section07 .cont ul{
    font-size: 0;
}
#socialbiz .section07 .cont li .company{
    padding-bottom: 27px;
    text-align: center;
}
#socialbiz .section07 .cont li .company strong{
    font-size: 24px;
    display: block;
    margin-bottom: 14px;
}
#socialbiz .section07 .cont li .company span{
    font-size: 16px;
    color: #777;
}
#socialbiz .section07 .cont li .company span em{
    color: #222;
}
#socialbiz .section07 .cont li .txt{
    word-break: keep-all;
    text-align: left;
    padding: 32px 0 37px 80px;
    border-radius: 0 0 16px 16px;
    background: #F6F7FF;
}
#socialbiz .section07 .cont li.case1 .txt{
    padding-left: 91px;
}
#socialbiz .section07 .cont li.case2 .txt{
    padding-left: 101px;
}
#socialbiz .section07 .cont li.case3 .txt span:last-child em:first-child{
    margin-right: 10px;
}
#socialbiz .section07 .cont li .txt strong{
    position: relative;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 15px;
}
#socialbiz .section07 .cont li .txt strong::before{
    content: '';
    position: absolute;
    top: 4px;
    left: -24px;
    display: inline-block;
    width: 17px;
    height: 12px;
    background: url("/images/info/socialbiz/img_socialbiz_ico09.svg") no-repeat left 0;
    background-size: 100% auto;
}
#socialbiz .section07 .cont li .txt span{
    display: block;
    color: #777;
    font-size: 16px;
}
#socialbiz .section07 .cont li .txt span + span{
    margin-top: 8px;
}
#socialbiz .section07 .cont li .txt span em{
    color: #914dff;
    font-weight: 600;
}
#socialbiz .section08 .tit,
#socialbiz .section09 .tit{
    margin-bottom: 50px;
}
#socialbiz .section08 .cont li+li{
    margin-top: 24px;
}
#socialbiz .section08 .cont li{
    width: 78.334%;
    padding: 39px 0 40px 88px;
    border-radius: 20px;
    margin: 0 auto;
    background: #FAFAFA;
}
#socialbiz .section08 .cont .question{
    padding-bottom: 30px;
    position: relative;
}
#socialbiz .section08 .cont .question::after{
    content: '';
    position: absolute;
    border-bottom: 1px solid rgb(0, 0, 0, 0.07);
    width: 940px;
    top: 64px;
    right: 0;
}
#socialbiz .section08 .cont .answer{
    padding: 28px 0 0 48px;
    color: #777;
    font-size: 18px;
    line-height: 1.667;
    word-break: keep-all;
}
#socialbiz .section08 .cont .answer em{
    color: #914DFF;
}
#socialbiz .section08 .cont .question strong{
    font-size: 24px;
    position: relative;
}
#socialbiz .section08 .cont .question strong::before{
    content: '';
    background: url("/images/info/socialbiz/img_socialbiz_ico10.svg") no-repeat;
    background-size: cover;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    display: inline-block;
    margin: -3px 14px 0 0;
}
#socialbiz .section08 .cont .answer a{
    text-decoration: underline;
    color: #006FF2;
    display: inline-block;
}
#socialbiz .section09{
    background: #F7F7F8;
}
#socialbiz .section09 .cont{
    background: #fff;
    border-radius: 20px;
    padding: 60px 69px 60px 87px;
    width: 78.334%;
    margin: 0 auto;
}
#socialbiz .section09 .cont li{
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
#socialbiz .section09 .cont li::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222;
    margin-left: -9px;
    display: inline-block;
    position: relative;
    top: -5px;
    left: -6px;
}
#socialbiz .section09 .cont li+li{
    margin-top: 18px;
}
#socialbiz .section09 .btn{
    display: block;
    padding: 0;
    margin-top: 50px;
    border: none;
}
#socialbiz .section09 .btn a{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    padding: 30px 90px 29px 89px;
    display: inline-block;
    background: linear-gradient(76deg,#01BAFF,#7868FF,#9C4FFF);
    border-radius: 10px;
    line-height: normal;
}
#socialbiz .section09 .btn a::after{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff;
    transform: translateY(-2px) rotate(45deg);
    position: relative;
    left: 14px;
}
@media screen and (max-width: 1200px){
    #socialbiz.container{
        min-width: 100%;
    }
    #socialbiz .socialbiz-section{
        padding: 120px 0 130px;
    }
    #socialbiz .socialbiz-section .tit{
        margin-bottom: 50px;
    }
    #socialbiz .tit > span{
        font-size: 36px;
    }
    #socialbiz :is(.section02,.section03, .section04, .section07) .tit > strong{
        font-size: 50px;
    }
    #socialbiz .tit > strong{
        font-size: 54px;
        margin: 1px auto 22px;
    }
    #socialbiz .tit > p{
        font-size: 19px;
    }
    #socialbiz .section01{
        padding: 140px 0 152px;
    }
    #socialbiz .section01 .txt{
        padding-left: 20px;
    }
    #socialbiz .section01 .txt .speech{
        width: 320px;
        margin-left: -16px;
    }
    #socialbiz .section01 .tit strong{
        font-size: 27px;
        margin: 22px 0 14px;
    }
    #socialbiz .section01 .txt .logo{
        width: 390px;
    }
    #socialbiz .section01 .txt p{
        font-size: 18px;
        margin: 28px 0 42px;
    }
    #socialbiz .section01 .txt a{
        font-size: 16px;
        line-height: 1;
        padding: 20px 42px 20px 33px;
    }
    #socialbiz .section01 .txt a::after{
        left: 14px;
        width: 6px;
        height: 6px;
    }
    #socialbiz .section01 .obj{
        margin: -24px 35px;
    }
    #socialbiz .section01 .obj .eclipse{
        width: 430px;
        height: 430px;
    }
    #socialbiz .section01 .obj .device{
        width: 430px;
        height: 430px;
    }
    #socialbiz .section01 .obj .device img{
        width: 60%;
        left: 19%;
        top: 4.5%;
    }
    #socialbiz .section01 .obj .link-popup{
        top: 29%;
        right: 6%;
    }
    #socialbiz .section01 .obj .link-popup img{
        width: 287px;
    }
    #socialbiz .section01 .obj .dm{
        bottom: 15%;
        left: -9%;
    }
    #socialbiz .section01 .obj .dm img{
        width: 98px;
    }
    #socialbiz .section01 .obj .shop{
        right: -22px;
        top: 38px;
    }
    #socialbiz .section01 .obj .shop img{
        width: 90px;
    }
    #socialbiz .section02 .cont .box-wrap1{
        text-align: center;
    }
    #socialbiz .section02 .cont .box-wrap1 li{
        width: 30%;
        border-radius: 14px;
    }
    #socialbiz .section02 .cont .box-wrap1 li div{
        padding: 9% 0 13%;
    }
    #socialbiz .section02 .cont .box-wrap1 li em{
        font-size: 13px;
    }
    #socialbiz .section02 .cont .box-wrap1 li p{
        font-size: 22px;
    }
    #socialbiz .section02 .cont .box-wrap1 li span{
        font-size: 15px;
    }
    #socialbiz .section02 .cont .box-wrap1 li+li{
        margin-left: 25px;
    }
    #socialbiz .section02 .cont .box-wrap1 li p{
        margin: 8px 0 11px;
    }
    #socialbiz .section02 .cont .box-wrap2 li{
        width: 95%;
        margin: 0 auto;
        padding: 3.5% 6%;
        border-radius: 13px;
    }
    #socialbiz .section02 .cont .box-wrap2 .plus{
        width: 50px;
        height: 50px;
        top: -25px;
    }
    #socialbiz .section02 .cont .box-wrap2 li .txt{
        font-size: 19px;
        line-height: 1.4;
    }
    #socialbiz .section02 .cont .box-wrap2 li .txt strong{
        font-size: 27px;
    }
    #socialbiz .section02 .cont .box-wrap2 .plus::after{
        width: 17px;
        height: 17px;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap{
        font-size: 15px;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap img{
        margin: 0 auto 8px;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap{
        margin-top: -7px;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap > div + div{
        padding-left: 38px;
        margin-left: 38px;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap .icon img{
        width: 52px;
    }
    #socialbiz .section03{
        padding-bottom: 100px;
    }
    #socialbiz .section03 .img{
        width: 90%;
    }
    #socialbiz .section03 .img .focus-1{
        top: 33%;
        left: 15.8%;
        width: 71%;
    }
    #socialbiz .section03 .img .focus-2{
        top: 45.25%;
        right: 4%;
        width: 42.5%;
    }
    #socialbiz .section03 .img .focus-3{
        bottom: 5.5%;
        right: 3%;
        width: 43.35%;
    }
    #socialbiz .section04{
        padding-bottom: 100px;
    }
    #socialbiz .section04 .img-wrap{
        width: 85%;
        margin: 0 auto;
    }
    #socialbiz .section04 .img-wrap > div{
        display: inline-block;
        width: 376px;
        background: red;
    }
    #socialbiz .section04 .img-wrap > div + div{
        margin-left: 20px;
    }
    #socialbiz .section05 .cont li{
        width: 97%;
        margin: 0 auto;
        border-radius: 22px;
        padding: 7.5% 0 6.5%;
    }
    #socialbiz .section05 .cont li .img-wrap{
        padding: 0 9% 6% 9%;
    }
    #socialbiz .section05 .cont li .txt-wrap{
        padding-top: 6%;
    }
    #socialbiz .section05 .cont li .txt-wrap strong{
        font-size: 19px;
    }
    #socialbiz .section05 .cont li .txt-wrap p{
        font-size: 16px;
    }
    #socialbiz .section05 .cont li a{
        font-size: 16px;
        border-radius: 7px;
    }
    #socialbiz .section06 .cont li{
        border-radius: 13px;
        padding: 3.5% 0 3.5% 4.5%;
        width: 45%;
    }
    #socialbiz .section06 .cont li .icon{
        padding-right: 6%;
    }
    #socialbiz .section06 .cont li .txt em{
        font-size: 21px;
    }
    #socialbiz .section06 .cont li .txt p{
        font-size: 18px;
    }
    #socialbiz .section07 .cont li{
        width: 30%;
        padding-top: 68px;
    }
    #socialbiz .section07 .cont li+li{
        margin-left: 25px;
    }
    #socialbiz .section07 .tit{
        margin-bottom: 80px;
    }
    #socialbiz .section07 .cont ul{
        text-align: center;
    }
    #socialbiz .section07 .cont li .txt{
        padding: 9.2% 15% 10.7% 20%;
    }
    #socialbiz .section07 .cont li.case1 .txt{
        padding-left: 22%;
    }
    #socialbiz .section07 .cont li.case2 .txt{
        padding-left: 25%;
    }
    #socialbiz .section07 .cont li::before{
        width: 88px;
        height: 88px;
        top: -13%;
        left: 38%;
    }
    #socialbiz .section07 .cont li .company strong{
        font-size: 23px;
    }
    #socialbiz .section07 .cont li .company span{
        font-size: 15px;
    }
    #socialbiz .section07 .cont li .txt strong{
        font-size: 16px;
    }
    #socialbiz .section07 .cont li .txt strong::before{
        left: -22px;
        width: 15px;
        height: 10px;
    }
    #socialbiz .section07 .cont li .txt span{
        font-size: 15px;
    }
    #socialbiz .section08 .cont li{
        padding: 3% 6%;
    }
    #socialbiz .section08 .cont li+li{
        margin-top: 20px;
        border-radius: 18px;
    }
    #socialbiz .section08 .cont .question{
        padding-bottom: 3%;
    }
    #socialbiz .section08 .cont .question strong{
        font-size: 23px;
    }
    #socialbiz .section08 .cont .question strong::before{
        width: 30px;
        height: 30px;
        margin: -4px 10px 0 0;
    }
    #socialbiz .section08 .cont .answer{
        font-size: 17px;
        padding: 3% 0 0 43px;
    }
    #socialbiz .section08 .cont .question::after{
        width: 118%;
        left: -9%;
        top: 100%;
    }
    #socialbiz .section09 .cont li{
        font-size: 19px;
        line-height: 1.4;
    }
    #socialbiz .section09 .cont{
        padding: 5% 7%;
    }
    #socialbiz :is(.section08, .section09) .tit{
        margin-bottom: 40px;
    }
    #socialbiz .section09 .btn{
        margin-top: 40px;
    }
    #socialbiz .section09 .btn a{
        font-size: 23px;
    }
}
@media screen and (max-width: 991px){
    #socialbiz .socialbiz-section{
        padding: 110px 0 120px;
    }
    #socialbiz .tit > p > span{
        display: block;
        line-height: 1.948;
    }
    #socialbiz :is(.section02, .section04) .tit > strong{
        width: 60vw;
    }
    #socialbiz :is(.section03, .section07) .tit > strong{
        width: 70vw;
    }
    #socialbiz .section01{
        padding: 110px 0 120px;
        background: linear-gradient(171deg, #E4EFFB -3.5%, #F7F7FC 24.44%, #F7F7FC 71.6%, #EFEEFC 89.65%, #E6E5FB 112.93%);
    }
    #socialbiz .section01 .txt{
        display: block;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    #socialbiz .section01 .tit{
        text-align: center;
    }
    #socialbiz .section01 .txt .btnbox{
        margin: 0 auto 70px;
    }
    #socialbiz .section01 .obj{
        margin: 0 auto;
        float: none;
        width: 430px;
    }
    #socialbiz .section01 .obj .eclipse{
        margin: 0 auto;
    }
    #socialbiz .section01 .txt .speech{
        width: 325px;
        margin-left: 0;
    }
    #socialbiz .section01 .tit strong{
        font-size: 32px;
    }
    #socialbiz .section01 .txt .logo{
        width: 420px;
    }
    #socialbiz .section01 .txt p{
        margin: 32px 0 45px;
    }
    #socialbiz .section01 .txt a{
        font-size: 17px;
    }
    #socialbiz .section02 .cont .box-wrap1 li{
        display: block;
        margin: 0 auto;
    }
    #socialbiz .section02 .cont .box-wrap1 li+li{
        margin: 28px auto 0;
    }
    #socialbiz .section02 .cont :is(.box-wrap1, .box-wrap2) li{
        width: 380px;
    }
    #socialbiz .section02 .cont .box-wrap2{
        text-align: center;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap{
        float: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #socialbiz .section02 .cont .box-wrap2 li .txt{
        text-align: center;
        margin-bottom: 40px;
    }
    #socialbiz .section02 .cont .box-wrap2 li{
        padding: 60px 0;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap > div + div{
        padding-left: 0;
        margin: 30px auto 0;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap div:nth-child(n+2)::before{
        display: none;
    }
    #socialbiz .section02 .cont .box-wrap1{
        padding-bottom: 40px;
    }
    #socialbiz .section04 .img-wrap{
        width: 100%;
    }
    #socialbiz .section06 .cont li .txt br{
        display: block;
    }
    #socialbiz .section06 .cont li .txt{
        padding-top: 0;
    }
    #socialbiz .section06 .cont li .icon img{
        width: 80px;
    }
    #socialbiz .section06 .cont li{
        padding: 4.2% 0 4.2% 4.2%;
        width: 47%;
    }
    #socialbiz .section07 .tit > span > span{
        display: block;
    }
    #socialbiz .section07 .cont li .txt{
        padding-left: 24%;
    }
    #socialbiz .section07 .cont li.case1 .txt{
        padding-left: 25%;
    }
    #socialbiz .section07 .cont li.case2 .txt{
        padding-left: 30%;
    }
    #socialbiz .section07 .cont li{
        margin: 0 auto;
        width: 380px;
        display: block;
    }
    #socialbiz .section07 :is(.case2, .case3) .txt{
        padding-left: 21%;
    }
    #socialbiz .section07 .cont li+li{
        margin: 60px auto 0;
    }
    #socialbiz .section08 .cont li{
        padding: 3% 4%;
    }
    #socialbiz .section08 .cont .question::after{
        width: 111%;
        left: -5.5%;
    }
}
@media screen and (max-width: 768px){
    #socialbiz .use-pc{
        display: none;
    }
    #socialbiz .use-m{
        display: block;
    }
    #socialbiz .tit > span,
    #socialbiz :is(.section02,.section03, .section04, .section07) .tit > span{
        font-size: 5.729vw;
        margin-bottom: 1.563vw;
    }
    #socialbiz .tit > strong,
    #socialbiz :is(.section02,.section03, .section04, .section07) .tit > strong{
        word-break: keep-all;
        width: 100%;
        font-size: 9.369vw;
        line-height: 1.1954;
        margin: 0 auto 3.646vw;
    }
    #socialbiz .tit > p{
        word-break: keep-all;
        font-size: 3.645vw;
        line-height: 1.3385;
        margin: 0 auto;
    }
    #socialbiz :is(.section02, .section05, .section06) .tit{
        margin-bottom: 11.068vw;
    }
    #socialbiz :is(.section02,.section03, .section04, .section07) .tit > strong span{
        display: block;
    }
    #socialbiz .socialbiz-section{
        padding: 16.927vw 0 18.228vw;
    }
    #socialbiz .section01 .txt :is(.speech2, img){
        margin: 0 auto;
    }
    #socialbiz .section01 .txt{
        padding: 0;
    }
    #socialbiz .section01 .tit div{
        text-align: center;
    }
    #socialbiz .section01{
        padding: 15.104vw 0 18.228vw;
    }
    #socialbiz .section01 .txt .speech2{
        width: 44.533vw;
    }
    #socialbiz .section01 .tit strong{
        font-size: 6.25vw;
        line-height: 1.25;
        margin: 2.344vw auto 4.167vw;
    }
    #socialbiz .section01 .tit strong em{
        display: block;
    }
    #socialbiz .section01 .txt .logo{
        width: 71.875vw;
    }
    #socialbiz .section01 .txt p{
        font-size: 3.645vw;
        line-height: 1.643;
        margin: 6.51vw auto 6.51vw;
    }
    #socialbiz .section01 .txt .btnbox{
        margin: 0 auto 10.409vw;
        border-radius: 1.041vw;
        border: 0.27vw solid transparent;
    }
    #socialbiz .section01 .txt a{
        font-size: 3.516vw;
        line-height: 1.19;
        padding: 3.776vw 10.807vw 4.036vw 7.813vw;
        border-radius: 1.042vw;
    }
    #socialbiz .section01 .txt a::after{
        left: 4.167vw;
        width: 1.563vw;
        height: 1.563vw;
        border-width: .4vw .4vw 0 0;
    }
    #socialbiz .section01 .obj{
        width: 100%;
    }
    #socialbiz .section01 .obj .dm{
        bottom: 11.198vw;
        left: 4.297vw;
        width: 17.188vw;
    }
    #socialbiz .section01 .obj .dm img{
        width: 100%;
    }
    #socialbiz .section01 .obj .shop{
        top: 5.99vw;
        right: 4.818vw;
        width: 16.667vw;
    }
    #socialbiz .section01 .obj .shop img{
        width: 100%;
    }
    #socialbiz .section01 .obj .eclipse{
        width: 76.564vw;
        height: 76.564vw;
    }
    #socialbiz .section01 .obj :is(.frame, .device){
        width: 76.564vw;
    }
    #socialbiz .section01 .obj .device{
        left: 50%;
        height: 100%;
        transform: translateX(-50%);
    }
    #socialbiz .section01 .obj .device img{
        top: 3.646vw;
        left: 16.406vw;
        width: 44.531vw;
    }
    #socialbiz .section01 .obj .link-popup{
        top: 29%;
        left: 33%;
        width: 49.609vw;
    }
    #socialbiz .section01 .obj .link-popup img{
        width: 100%;
    }
    #socialbiz .section02 .cont .box-wrap1{
        padding-bottom: 8.854vw;
    }
    #socialbiz .section02 .cont .box-wrap1 li{
        width: 73.96vw;
        border-radius: 3.125vw;
    }
    #socialbiz .section02 .cont .box-wrap1 li div{
        padding: 6.51vw 0 8.724vw;
    }
    #socialbiz .section02 .cont .box-wrap1 li em{
        font-size: 3.125vw;
    }
    #socialbiz .section02 .cont .box-wrap1 li p{
        font-size: 4.947vw;
        margin: 1.953vw 0 2.604vw;
    }
    #socialbiz .section02 .cont .box-wrap1 li span{
        font-size: 3.385vw;
    }
    #socialbiz .section02 .cont .box-wrap1 li+li{
        margin: 4.947vw auto 0;
    }
    #socialbiz .section02 .cont .box-wrap2 li{
        width: 73.96vw;
        padding: 13.672vw 0 14.974vw;
        border-radius: 2.864vw;
    }
    #socialbiz .section02 .cont .box-wrap2 li .txt{
        font-size: 4.297vw;
        line-height: 1.36;
        margin-bottom: 9.114vw;
    }
    #socialbiz .section02 .cont .box-wrap2 li .txt strong{
        font-size: 5.989vw;
        margin: 0 auto;
        width: 45vw;
    }
    #socialbiz .section02 .cont .box-wrap2 .plus{
        top: -6vw;
        left: 50%;
        width: 13.022vw;
        height: 13.022vw;
    }
    #socialbiz .section02 .cont .box-wrap2 .plus::after{
        width: 4.688vw;
        height: 4.688vw;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap{
        font-size: 3.906vw;
        margin-top: 0;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap > div + div{
        margin-top: 9.114vw;
    }
    #socialbiz .section02 .cont .box-wrap2 li .icon-wrap .icon img{
        width: 16.277vw;
        margin: 0 auto 3.255vw;
    }
    #socialbiz .section03{
        padding-bottom: 19.531vw;
    }
    #socialbiz .section03 .tit{
        margin-bottom: 10.417vw;
    }
    #socialbiz .section03 .tit p{
        width: 60vw;
    }
    #socialbiz .section03 .img{
        width: 98.077%;
    }
    #socialbiz .section04{
        padding-bottom: 11.5vw;
    }
    #socialbiz .section04 .inner{
        margin: 0 auto;
    }
    #socialbiz .section04.socialbiz-section .tit{
        margin-bottom: 5.078vw;
    }
    #socialbiz .section04 .tit > p > span > span{
        display: block;
    }
    #socialbiz .section04 .img-wrap{
        overflow-x: auto;
        white-space: nowrap;
        padding-left: 17.318vw;
    }
    #socialbiz .section04 .img-wrap img{
        width: 70.313vw;
    }
    #socialbiz .section04 .img-wrap img + img{
        margin-left: -5.208vw;
    }
    #socialbiz .section04 .img-wrap img:last-child{
        margin-right: 14.714vw;
    }
    #socialbiz :is(.section05, .section07) .tit strong{
        width: 73vw;
    }
    #socialbiz .section05 .tit p{
        width: 47vw;
    }
    #socialbiz .section05 .cont li{
        width: 84.377vw;
        padding: 13.672vw 0 15.625vw;
        border-radius: 3.125vw;
    }
    #socialbiz .section05 .cont li .img-wrap .use-pc{
        display: none;
    }
    #socialbiz .section05 .cont li .img-wrap{
        padding: 0 0 5.468vw 0;
    }
    #socialbiz .section05 .cont li .img-wrap img{
        display: block;
        width: 58.595vw;
        margin: 0 auto 8.333vw;
    }
    #socialbiz .section05 .cont li .txt-wrap{
        padding-top: 11.719vw;
        width: 57vw;
        margin: 0 auto;
        word-break: keep-all;
    }
    #socialbiz .section05 .cont li .txt-wrap strong{
        font-size: 4.688vw;
        line-height: 1.5;
    }
    #socialbiz .section05 .cont li .txt-wrap p{
        font-size: 3.645vw;
        line-height: 1.643;
        margin: 3.125vw 0 7.031vw;
        width: 70vw;
        margin-left: -6vw;
    }
    #socialbiz .section05 .cont li a{
        font-size: 3.255vw;
        padding: 3.645vw 6.46vw;
        border-radius: 1.302vw;
    }
    #socialbiz .section05 .cont li .txt-wrap::before{
        width: 84.377vw;
        height: 0.131vw;
        left: -13.7vw;
    }
    #socialbiz .section06 .tit{
        margin-bottom: 11.068vw;
    }
    #socialbiz .section06 .tit p{
        width: 70vw;
    }
    #socialbiz .section06 .tit strong{
        width: 70vw;
    }
    #socialbiz .section06 .tit strong div{
        display: block;
    }
    #socialbiz .section06 .cont{
        margin: 0 -20px;
    }
    #socialbiz .section06 .cont ul{
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        padding: 0 12.37vw 0 7.8102vw
    }
    #socialbiz .section06 .cont li .txt span br{
        display: block;
    }
    #socialbiz .section06 .cont li{
        display: inline-block;
        width: 75.522vw;
        height: 32.554vw;
        padding: 9.114vw 7.812vw;
        border-radius: 2.604vw;
        margin: 0;
    }
    #socialbiz .section06 .cont li+li{
        margin-left: 3.125vw;
    }
    #socialbiz .section06 .cont .step1{
        margin-left: 5%;
    }
    #socialbiz .section06 .cont li .icon img{
        width: 14.324vw;
    }
    #socialbiz .section06 .cont li .txt{
        width: 40vw;
        margin-top: -1.5vw;
        float: right;
        padding-top: 0;
    }
    #socialbiz .section06 .cont li .txt em{
        font-size: 4.297vw;
        margin-bottom: 1.692vw;
    }
    #socialbiz .section06 .cont li .txt p{
        font-size: 3.906vw;
        line-height: 1.4;
    }
    #socialbiz .section06 .cont li .icon{
        padding-right: 5.208vw;
    }
    #socialbiz .section07 .tit{
        margin-bottom: 14.845vw;
    }
    #socialbiz .section07 .cont li{
        width: 79.167vw;
        padding-top: 18.88vw;
        border-radius: 3.125vw;
    }
    #socialbiz .section07 .cont li::before{
        top: -8.333vw;
        left: 36%;
        width: 22.136vw;
        height: 22.136vw;
    }
    #socialbiz .section07 .cont li .company strong{
        font-size: 4.688vw;
        margin-bottom: 2.474vw;
    }
    #socialbiz .section07 .cont li .company{
        padding-bottom: 6.119vw;
    }
    #socialbiz .section07 .cont li .company span{
        font-size: 3.515vw;
    }
    #socialbiz .section07 .cont li .txt{
        padding: 7.813vw 0 8.594vw 16.536vw;
        border-radius: 0 0 3.125vw 3.125vw;
    }
    #socialbiz .section07 .cont li.case1 .txt{
        padding-left: 24%;
    }
    #socialbiz .section07 .cont li.case2 .txt{
        padding-left: 26%;
    }
    #socialbiz .section07 .cont li .txt strong{
        font-size: 3.645vw;
        margin-bottom: 3.906vw;
    }
    #socialbiz .section07 .cont li .txt strong::before{
        top: 1.042vw;
        left: -4.818vw;
        width: 3.517vw;
        height: 2.475vw;
    }
    #socialbiz .section07 .cont li .txt span{
        font-size: 3.645vw;
    }
    #socialbiz .section07 .cont li .txt span + span{
        margin-top: 1.823vw;
    }
    #socialbiz .section07 .cont li+li{
        margin: 13.281vw auto 0;
    }
    #socialbiz :is(.section08, .section09) .tit{
        margin-bottom: 10.409vw;
    }
    #socialbiz .section08 .cont li{
        border-radius: 3.125vw;
        width: 79.167vw;
        padding: 9.635vw;
    }
    #socialbiz .section08 .cont li+li{
        margin-top: 3.906vw;
    }
    #socialbiz .section08 .cont .question{
        padding-bottom: 3.645vw;
        word-break: keep-all;
        width: 60vw;
    }
    #socialbiz .section08 .cont .question::after{
        width: 132%;
        left: -16%;
    }
    #socialbiz .section08 .cont .question strong{
        font-size: 4.688vw;
        line-height: 1.389;
    }
    #socialbiz .section08 .cont .question strong::before{
        display: block;
        margin: 0 0 2.344vw 0;
        width: 7.3vw;
        height: 7.3vw;
        margin-bottom: 2.34vw;
    }
    #socialbiz .section08 .cont br{
        display: none;
    }
    #socialbiz .section08 .cont .answer{
        font-size: 3.906vw;
        line-height: 1.6;
        padding: 3.645vw 0 0 0;
    }
    #socialbiz .section09 .cont{
        width: 84.377vw;
        padding: 7.812vw 0 7.812vw 11.979vw;
        border-radius: 3.125vw;
    }
    #socialbiz .section09 .cont li{
        width: 61vw;
        font-size: 3.906vw;
        line-height: 1.467;
    }
    #socialbiz .section09 .cont li+li{
        margin-top: 3.385vw;
    }
    #socialbiz .section09 .cont li::before{
        width: 0.6vw;
        height: 0.6vw;
        margin-left: -1.5vw;
        top: -1vw;
        left: -1vw;
    }
    #socialbiz .section09 .btn{
        margin-top: 6.51vw;
    }
    #socialbiz .section09 .btn a{
        font-size: 4.427vw;
        padding: 4.8vw 13.71vw 5.468vw 12.63vw;
        border-radius: 1.822vw;
    }
    #socialbiz .section09 .btn a::after{
        left: 2vw;
        width: 2vw;
        height: 2vw;
        border-width: 0.4vw 0.4vw 0 0;
    }
}
@media screen and (max-width: 575px){
    #socialbiz .section01 .txt a{
        line-height: 1.21;
    }
    #socialbiz .section01 .txt a::after{
        border-width: .5vw .5vw 0 0;
    }
    #socialbiz .section09 .btn a::after{
        border-width: 0.6vw 0.6vw 0 0;
    }
}
#shortsworks{
    color: #222;
    letter-spacing: -0.5px;
    line-height: normal;
}
#shortsworks .inner{
    width: 1200px;
}
#shortsworks section{
    padding-bottom: 140px;
}
#shortsworks section:not(.section01) .tit{
    text-align: center;
    padding: 128px 0 60px;
}
#shortsworks section .label-shortsworks{
    display: block;
    margin: 0 auto 24px;
}
#shortsworks .section01{
    padding: 106px 0 0;
    text-align: center;
    background: url("/images/info/shortsworks/img_sec01_bg.png") no-repeat center;
    background-size: cover;
}
#shortsworks .section01 .tit p{
    color: #6B7072;
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
}
#shortsworks .section01 .tit .btnbox{
    display: inline-block;
    line-height: 1;
    margin-top: 28px;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #F452DA, #8E1BDA) 1;
    background-image: linear-gradient(#FCF9FF, #FCF9FF), linear-gradient(to right, #F452DA, #8E1BDA);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background: transparent;
}
#shortsworks .section01 .tit a{
    display: block;
    color: transparent;
    font-size: 17px;
    font-weight: 700;
    padding: 19px 40px;
    background: linear-gradient(to right, #F452DA, #8E1BDA);
    -webkit-background-clip: text;
}
#shortsworks .section01 .img-wrap{
    position: relative;
    width: 880px;
    margin: 55px auto -39px;
}
#shortsworks .section01 .img-wrap .sticker{
    position: absolute;
    top: -52px;
    right: 29px;
    width: 120px;
    height: 120px;
}
#shortsworks .section01 .img-wrap .video{
    overflow: hidden;
    position: absolute;
    top: 9px;
    left: 50%;
    width: 701px;
    height: 398px;
    border-radius: 14px 14px 0 0;
    transform: translateX(-50%);
}
#shortsworks .section02{
    padding: 176px 0 108px;
    background: #F6F4FB;
}
#shortsworks .section02 .title{
    width: 400px;
    height: 152px;
}
#shortsworks :is(.section02, .section03) .cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#shortsworks .section02 .swiper-sec2{
    width: 650px;
    margin-left: -34px;
}
#shortsworks .section02 .txt{
    padding: 52px 90px 0 0;
}
#shortsworks .section02 .label-shortsworks{
    margin-left: 6px;
}
#shortsworks .section02 .swiper-pagination{
    position: relative;
    bottom: 0;
    display: inline-block;
    width: auto;
    text-align: left;
    margin-top: 24px;
}
#shortsworks .section02 .swiper-pagination .swiper-pagination-bullet{
    opacity: 1;
    display: block;
    width: auto;
    height: auto;
    color: #6B7072;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    background: transparent;
}
#shortsworks .section02 .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-top: 26px;
}
#shortsworks .section02 .swiper-pagination .swiper-pagination-bullet em{
    color: #000;
    display: inline-block;
    width: 35px;
    height: 35px;
    font-weight: 700;
    text-align: center;
    line-height: 1.7;
    vertical-align: middle;
    margin: -4px 10px 0 0;
    border-radius: 50%;
    background: #DFDFDF;
}
#shortsworks .section02 .swiper-pagination .swiper-pagination-bullet-active{
    color: #222;
    font-weight: 600;
}
#shortsworks .section02 .swiper-pagination .swiper-pagination-bullet-active em{
    color: #fff;
    background: #A850E2;
}
#shortsworks .section02 .swiper-slide.slide01 .focus{
    position: absolute;
    top: 89px;
    left: 107px;
    width: 436px;
    height: 104px;
}
#shortsworks .section02 .swiper-slide.slide02 .focus{
    position: absolute;
    bottom: 52px;
    left: 74px;
    width: 510px;
    height: 186px;
}
#shortsworks .section03{
    padding: 88px 0;
}
#shortsworks .section03 .title{
    width: 469px;
    height: 152px;
}
#shortsworks .section03 .label-shortsworks{
    margin-left: 0;
}
#shortsworks .section03 .txt{
    padding-top: 180px;
    margin-left: 68px;
}
#shortsworks .section03 .txt p{
    color: #6B7072;
    font-size: 20px;
    line-height: 1.6;
    margin-top: 20px;
}
#shortsworks .section03 .obj{
    position: relative;
    margin-right: 132px;
}
#shortsworks .section03 .device{
    width: 342px;
    height: 622px;
}
#shortsworks .section03 .tag{
    position: absolute;
}
#shortsworks .section03 .tag01{
    top: 122px;
    right: -98px;
    width: 236px;
    height: 83px;
}
#shortsworks .section03 .tag02{
    top: 263px;
    right: 178px;
    width: 248px;
    height: 96px;
}
#shortsworks .section03 .tag03{
    bottom: 123px;
    right: -34px;
    width: 204px;
    height: 83px;
}
#shortsworks .section04{
    background: #F1F1F1;
}
#shortsworks section.section04 .tit{
    padding-bottom: 26px;
}
#shortsworks .section04 .title{
    width: 476px;
    height: 148px;
}
#shortsworks .section04 ul{
    font-size: 0;
    margin: 0 -36px;
}
#shortsworks .section04 li{
    display: inline-block;
    width: 318px;
    text-align: center;
}
#shortsworks .section04 li p{
    font-size: 18px;
    margin-top: -2px;
    line-height: 1.167;
}
#shortsworks .section04 li p::before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
    margin-right: 3px;
    background: url("/images/info/shortsworks/img_sec04_obj.svg") no-repeat center;
    background-size: 100% auto;
}
#shortsworks .section05{
    background: #373641;
}
#shortsworks .section05 .title{
    width: 591px;
    height: 148px;
}
#shortsworks .section05 .cont{
    margin: 0 16px;
    text-align: center;
}
#shortsworks .section05 small{
    display: block;
    color: #93969F;
    font-size: 14px;
    margin-top: 24px;
}
#shortsworks .section05 .img-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 20px;
}
#shortsworks .section05 .img-wrap img{
    width: 50%;
    margin: 0 20px;
}
#shortsworks .section05 .table-wrap{
    margin: 68px 0 8px;
}
#shortsworks .section05 .table-info{
    overflow: hidden;
    width: 100%;
    color: #6B7072;
    font-size: 16px;
    line-height: 1;
    border-radius: 12px;
    background: #fff;
}
#shortsworks .section05 .table-info .head{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #fff;
    background: linear-gradient(90deg, #F452DA 0%, #A830D9 100%);
}
#shortsworks .section05 .table-info .head .bold{
    font-size: 18px;
    color: #FF7;
    font-weight: 700;
}
#shortsworks .section05 .table-info .body .bold{
    font-size: 18px;
    color: #222;
    font-weight: 800;
}
#shortsworks .section05 .table-info .body > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#shortsworks .section05 .body > div + div{
    border-top: 1px solid #EEECF4;
}
#shortsworks .section05 .table-info > div p{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    padding: 26px 0 24px;
}
#shortsworks .section05 .table-info .col01{
    flex: 0 0 250px;
}
#shortsworks .section05 .table-info .col02{
    flex: 0 0 280px;
}
#shortsworks .section05 .table-info .col03{
    flex: 0 0 316px;
}
#shortsworks .section06{
    background: #F4F2F8;
}
#shortsworks .section06 .title{
    width: 540px;
    height: 148px;
}
#shortsworks .section06 .box-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: calc(980px + 40px);
    margin: 0 auto;
}
#shortsworks .section06 .box{
    width: 50%;
    font-size: 16px;
    padding: 64px 72px 60px;
    margin: 0 20px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 0 28px 4px rgba(147, 35, 193, .06);
}
#shortsworks .section06 .box strong{
    display: block;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5385;
    margin-bottom: 14px;
}
#shortsworks .section06 .box strong::before{
    content: '';
    display: block;
    width: 31px;
    height: 31px;
    margin-bottom: 30px;
    background: url("/images/info/shortsworks/img_sec06_obj.svg") no-repeat center;
    background-size: 100% auto;
}
#shortsworks .section06 .box p{
    line-height: 1.8125;
}
#shortsworks .section06 .box p em{
    color: #A850E2;
    font-weight: 600;
}
#shortsworks .section06 .box .thumb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #6B7072;
    font-size: 15px;
    margin-top: 20px;
}
#shortsworks .section06 .box .thumb img{
    width: 40px;
    height: 40px;
    margin-right: 12px;
}
#shortsworks .section07 .title{
    width: 401px;
    height: 74px;
}
#shortsworks .section07 .cont{
    width: 980px;
    margin: 0 auto;
}
#shortsworks .section07 .plan-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 8px;
    margin: 0 -20px;
}
#shortsworks .section07 .plan-wrap .box{
    width: 50%;
    font-size: 19px;
    margin: 0 20px;
    border-radius: 16px;
    border: 1px solid #A830D9;
    background: #fff;
    box-shadow: 0 0 28px 0 rgba(147, 35, 193, .04);
}
#shortsworks .section07 .plan-wrap .box h3{
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 1.182;
    padding: 17px 0;
    margin-top: -1px;
    background: url("/images/info/shortsworks/img_sec07_bg.png") no-repeat center;
    background-size: 262px auto;
}
#shortsworks .section07 .plan-wrap .box ul{
    width: 370px;
    padding: 32px 0 40px;
    margin: 0 auto;
}
#shortsworks .section07 .plan-wrap .box li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 23px 0;
}
#shortsworks .section07 .plan-wrap .box li + li{
    border-top: 1px solid #EEECF4;
}
#shortsworks .section07 .plan-wrap .box strong{
    font-weight: 700;
    line-height: 1.579;
}
#shortsworks .section07 .plan-wrap .box small{
    display: block;
    color: #6B7072;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}
#shortsworks .section07 .plan-wrap .box em{
    color: #A850E2;
}
#shortsworks .section07 .plan-wrap .box.feature-box li{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
#shortsworks .section07 .plan-wrap .box.feature-box p{
    min-width: 173px;
    line-height: 1.5;
    padding: 0 14px;
}
#shortsworks .section07 .plan-wrap .box.price-box p{
    min-width: 237px;
    padding: 0 38px;
    line-height: 1.5;
}
#shortsworks .section07 .info-wrap{
    color: #6B7072;
    font-size: 15px;
    padding: 36px 40px 32px;
    margin-top: 44px;
    border-radius: 12px;
    background: #F9F8FB;
}
#shortsworks .section07 .info-wrap li{
    position: relative;
    line-height: 1.467;
    padding-left: 10px;
}
#shortsworks .section07 .info-wrap li::before{
    content: '-';
    position: absolute;
    left: 0;
}
#shortsworks .section07 .info-wrap li + li{
    margin-top: 10px;
}
#shortsworks .section07 .info-wrap li p{
    font-size: 14px;
    line-height: 1.5715;
}
#shortsworks .section08{
    background: #F1F1F1;
}
#shortsworks .section08 .title{
    width: 336px;
    height: 74px;
}
#shortsworks .section08 .cont{
    width: 960px;
    margin: 0 auto;
}
#shortsworks .section08 li{
    color: #6B7072;
    font-size: 19px;
    padding: 57px 0 54px 149px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06);
}
#shortsworks .section08 li + li{
    margin-top: 16px;
}
#shortsworks .section08 li strong{
    position: relative;
    display: block;
    color: #222;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 23px;
}
#shortsworks .section08 li strong::before{
    content: '';
    position: absolute;
    top: -1px;
    left: -47px;
    width: 31px;
    height: 31px;
    background: url("/images/info/shortsworks/img_sec08_obj.svg") no-repeat center;
    background-size: 100% auto;
}
#shortsworks .section08 li p{
    line-height: 1.7895;
}
#shortsworks .section08 li small{
    display: block;
    font-size: 15px;
    margin-top: 8px;
}
#shortsworks .section08 li :is(em, small){
    color: #A850E2;
    font-weight: 500;
}
#shortsworks .section09{
    background: #373641;
}
#shortsworks .section09 .inner{
    width: 960px;
}
#shortsworks .section09 .title{
    width: 373px;
    height: 74px;
}
#shortsworks .section09 ul{
    color: #fff;
    padding: 60px 160px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
}
#shortsworks .section09 li{
    position: relative;
    font-size: 20px;
    padding-left: 17px;
}
#shortsworks .section09 li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    background: #fff;
    transform: translateY(-50%);
}
#shortsworks .section09 li + li{
    margin-top: 22px;
}
#shortsworks .section09 li em{
    color: #FCC4F3;
    font-weight: 700;
}
#shortsworks .section09 .btn-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 1;
    margin: 28px 0 8px;
}
#shortsworks .section09 .btn-wrap a{
    width: 100%;
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    text-align: center;
    line-height: 1.174;
    padding: 26px 26px 25px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .30);
}
#shortsworks .section09 .btn-wrap a:nth-child(2){
    color: #CA55DC;
    border-color: rgba(202, 85, 220, .70);
    margin: 0 10px;
}
#shortsworks .section09 .btn-wrap a:last-child{
    font-weight: 700;
    border: none;
    background: linear-gradient(90deg, #ED59D5 0%, #A850E2 72%);
}
@media only screen and (max-width: 768px) {
    #shortsworks-m{
        color: #222;
        letter-spacing: -0.1vw;
        line-height: normal;
    }
    #shortsworks-m section:not(.section01, .section02) .tit{
        text-align: center;
        padding: 16.667vw 0 9.375vw;
    }
    #shortsworks-m section:not(.section01, .section02, .section03, .section04){
        padding-bottom: 20.833vw;
    }
    #shortsworks-m section .label-shortsworks{
        display: block;
        width: 23.438vw;
        margin: 0 auto 3.906vw;
    }

    #shortsworks-m .section01{
        padding-top: 18.75vw;
        text-align: center;
        background: url("/images/info-m/shortsworks/img_sec01_bg.png") no-repeat center;
        background-size: cover;
    }
    #shortsworks-m .section01 .inner{
        margin: 0 auto;
    }
    #shortsworks-m .section01 .tit p{
        color: #6B7072;
        font-size: 3.646vw;
        text-align: center;
        line-height: 1.572;
        padding-bottom: 4.688vw;
    }
    #shortsworks-m .section01 .tit .device{
        width: 76.823vw;
    }
    #shortsworks-m .section01 .tit .btnbox{
        display: inline-block;
        line-height: 1;
        margin-top: 7.292vw;
        border: 1px solid transparent;
        border-image: linear-gradient(to right, #F452DA, #8E1BDA) 1;
        background-image: linear-gradient(#FCF9FF, #FCF9FF), linear-gradient(to right, #F452DA, #8E1BDA);
        background-origin: border-box;
        background-clip: content-box, border-box;
        background: transparent;
    }
    #shortsworks-m .section01 .tit a{
        display: block;
        color: transparent;
        font-size: 3.646vw;
        font-weight: 700;
        line-height: 1.215;
        padding: 4.036vw 8.724vw 4.297vw;
        background: linear-gradient(to right, #F452DA, #8E1BDA);
        -webkit-background-clip: text;
    }
    #shortsworks-m .section01 .img-wrap{
        position: relative;
        left: 50%;
        width: 104.167vw;
        margin: 13.411vw auto -4.557vw;
        transform: translateX(-50%);
    }
    #shortsworks-m .section01 .img-wrap .device{
        width: 100%;
    }
    #shortsworks-m .section01 .img-wrap .sticker{
        position: absolute;
        top: -6.25vw;
        right: 4.688vw;
        width: 18.49vw;
        height: 18.49vw;
    }
    #shortsworks-m .section01 .img-wrap .video{
        overflow: hidden;
        position: absolute;
        top: 1.172vw;
        left: 50%;
        width: 83.073vw;
        height: 46.875vw;
        border-radius: 1.823vw 1.823vw 0 0;
        transform: translateX(-50%);
    }
    #shortsworks-m .section02{
        text-align: center;
        padding: 18.229vw 0 14.453vw;
        background: #F6F4FB;
    }
    #shortsworks-m .section02 .inner{
        margin: 0 1.302vw;
    }
    #shortsworks-m .section02 .txt{
        width: 57.813vw;
    }
    #shortsworks-m .section02 .swiper-pagination{
        position: relative;
        margin: 5.208vw 0 2.083vw;
    }
    #shortsworks-m .section02 .swiper-pagination .swiper-pagination-bullet{
        opacity: 1;
        color: #000;
        display: inline-block;
        width: 6.25vw;
        height: 6.25vw;
        font-size: 3.385vw;
        font-weight: 700;
        text-align: center;
        line-height: 1.8;
        border-radius: 50%;
        background: #DFDFDF;
    }
    #shortsworks-m .section02 .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{
        margin-left: 2.604vw;
    }
    #shortsworks-m .section02 .swiper-pagination .swiper-pagination-bullet-active{
        color: #fff;
        background: #A850E2;
    }
    #shortsworks-m .section02 .swiper-slide.slide01 .focus{
        position: absolute;
        top: 13.802vw;
        left: 9.115vw;
        width: 79.167vw;
    }
    #shortsworks-m .section02 .swiper-slide.slide02 .focus{
        position: absolute;
        bottom: 6.641vw;
        left: 8.854vw;
        width: 79.688vw;
    }
    #shortsworks-m .section03{
        padding-bottom: 14.323vw;
    }
    #shortsworks-m section.section03 .tit {
        padding-bottom: 2.865vw;
    }
    #shortsworks-m .section03 .tit p{
        color: #6B7072;
        font-size: 3.646vw;
        font-weight: 300;
        line-height: 1.61;
        margin-top: 2.604vw;
    }
    #shortsworks-m .section03 .txt{
        width: 67.578vw;
    }
    #shortsworks-m .section03 .obj{
        position: relative;
        width: 62.5vw;
        margin: 0 auto;
    }
    #shortsworks-m .section03 .tag{
        position: absolute;
    }
    #shortsworks-m .section03 .tag01{
        top: 23.177vw;
        right: -15.885vw;
        width: 41.276vw;
    }
    #shortsworks-m .section03 .tag02{
        top: 45.964vw;
        left: -14.063vw;
        width: 43.49vw;
    }
    #shortsworks-m .section03 .tag03{
        bottom: 25.521vw;
        right: -6.901vw;
        width: 35.417vw;
    }
    #shortsworks-m .section04{
        padding-bottom: 14.063vw;
        background: #F1F1F1;
    }
    #shortsworks-m .section04 .inner{
        margin: 0 auto;
    }
    #shortsworks-m .section04 .txt{
        width: 73.568vw;
    }
    #shortsworks-m section.section04 .tit{
        padding-bottom: 4.818vw;
    }
    #shortsworks-m .section04 .swiper-container{
        padding: 0 18.75vw 0 13.1vw;
        margin: 0 -5.208vw;
    }
    #shortsworks-m .section04 .swiper-container .swiper-slide{
        margin-right: -5.208vw;
        width: 62.5vw;
    }
    #shortsworks-m .section04 li p{
        font-size: 3.906vw;
        text-align: center;
        margin-top: -2.604vw;
    }
    #shortsworks-m .section04 li p::before{
        content: '';
        display: inline-block;
        width: 4.818vw;
        height: 4.688vw;
        margin-bottom: -.911vw;
        margin-right: .391vw;
        background: url("/images/info-m/shortsworks/img_sec04_obj.svg") no-repeat center;
        background-size: 100% auto;
    }
    #shortsworks-m .section04 .swiper-pagination{
        bottom: auto;
        left: 50%;
        line-height: .5;
        transform: translateX(-50%);
    }
    #shortsworks-m .section04 .swiper-pagination-bullet{
        opacity: 1;
        width: 1.563vw;
        height: 1.563vw;
        margin: 0 1.042vw;
        background: #DFDFDF;
    }
    #shortsworks-m .section04 .swiper-pagination-bullet-active{
        background: #A850E2;
    }
    #shortsworks-m .section05{
        background: #373641;
    }
    #shortsworks-m .section05 .txt{
        width: 73.568vw;
    }
    #shortsworks-m .section05 .cont{
        margin: 0 3.906vw;
    }
    #shortsworks-m .section05 small{
        word-break: keep-all;
        position: relative;
        display: block;
        color: #93969F;
        font-size: 2.865vw;
        line-height: 1.455;
        padding: 0 3.516vw;
        margin-top: 4.167vw;
    }
    #shortsworks-m .section05 small::before{
        content: '*';
        position: absolute;
        left: 1.563vw;
    }
    #shortsworks-m .section05 .img-wrap img + img{
        margin-top: 4.167vw;
    }
    #shortsworks-m .section05 .table-wrap{
        margin-top: 7.813vw;
    }
    #shortsworks-m .section05 .table-info{
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #6B7072;
        font-size: 3.255vw;
        line-height: 1;
        border-radius: 1.563vw;
        background: #fff;
    }
    #shortsworks-m .section05 .table-info .head{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        flex: 0 0 25.521vw;
        color: #fff;
        background: linear-gradient(180deg, #F452DA 0%, #A830D9 100%);
    }
    #shortsworks-m .section05 .table-info .head .bold{
        color: #FF7;
        font-size: 3.776vw;
        font-weight: 700;
    }
    #shortsworks-m .section05 .table-info .body{
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    #shortsworks-m .section05 .table-info .body .bold{
        color: #222;
        font-size: 4.036vw;
        font-weight: 800;
    }
    #shortsworks-m .section05 .table-info .body > div{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 50%;
    }
    #shortsworks-m .section05 .body > div + div{
        border-left: 1px solid #EEECF4;
    }
    #shortsworks-m .section05 .table-info > div p{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: center;
        line-height: 1.32;
    }
    #shortsworks-m .section05 .table-info > div p span{
        display: block;
    }
    #shortsworks-m .section05 .table-info :is(.col01, .col02){
        height: 17.708vw;
    }
    #shortsworks-m .section05 .table-info .col03{
        height: 19.531vw;
    }
    #shortsworks-m .section05 .table-info .col04{
        height: 19.792vw;
    }
    #shortsworks-m .section06{
        background: #F4F2F8;
    }
    #shortsworks-m .section06 .inner{
        margin: 0 auto;
    }
    #shortsworks-m .section06 .txt{
        width: 83.333vw;
    }
    #shortsworks-m .section06 .box-wrap{
        white-space: nowrap;
        overflow-x: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 2.604vw 8.333vw;
        margin: -2.604vw 0;
    }
    #shortsworks-m .section06 .box{
        word-break: keep-all;
        white-space: normal;
        min-width: 83.333vw;
        font-size: 3.255vw;
        padding: 9.896vw 12.24vw 10.156vw;
        border-radius: 3.646vw;
        background: #FFF;
        box-shadow: 0 0 2.604vw .521vw rgba(147, 35, 193, .05);
    }
    #shortsworks-m .section06 .box + .box{
        margin-left: 3.125vw;
    }
    #shortsworks-m .section06 .box strong{
        display: block;
        font-size: 4.948vw;
        font-weight: 800;
        line-height: 1.606;
        margin-bottom: 3.125vw;
    }
    #shortsworks-m .section06 .box strong::before{
        content: '';
        display: block;
        width: 4.818vw;
        height: 4.818vw;
        margin-bottom: 4.688vw;
        background: url("/images/info-m/shortsworks/img_sec06_obj.svg") no-repeat center;
        background-size: 100% auto;
    }
    #shortsworks-m .section06 .box p{
        line-height: 1.88;
    }
    #shortsworks-m .section06 .box p em{
        color: #A850E2;
        font-weight: 600;
    }
    #shortsworks-m .section06 .box .thumb{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #6B7072;
        font-size: 2.865vw;
        margin-top: 4.948vw;
    }
    #shortsworks-m .section06 .box .thumb img{
        width: 6.771vw;
        height: 6.771vw;
        margin-right: 1.953vw;
    }
    #shortsworks-m .section07 .cont{
        width: 83.333vw;
        margin: 0 auto;
    }
    #shortsworks-m .section07 .txt{
        width: 61.849vw;
    }
    #shortsworks-m .section07 .plan-wrap{
        padding-top: 2.083vw;
    }
    #shortsworks-m .section07 .plan-wrap .box{
        font-size: 3.776vw;
        border-radius: 3.646vw;
        border: 1px solid #A830D9;
        background: #fff;
        box-shadow: 0 0 3.646vw 0 rgba(147, 35, 193, .04);
    }
    #shortsworks-m .section07 .plan-wrap .box + .box{
        margin-top: 5.208vw;
    }
    #shortsworks-m .section07 .plan-wrap .box h3{
        color: #fff;
        font-size: 4.297vw;
        text-align: center;
        line-height: 1.182;
        padding: 3.125vw 0 3.385vw;
        margin-top: -1px;
        background: url("/images/info-m/shortsworks/img_sec07_bg.png") no-repeat center;
        background-size: 50.521vw auto;
    }
    #shortsworks-m .section07 .plan-wrap .box ul{
        padding: 5.729vw 0 7.292vw;
        margin: 0 5.208vw;
    }
    #shortsworks-m .section07 .plan-wrap .box li{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 3.906vw 0 4.036vw;
    }
    #shortsworks-m .section07 .plan-wrap .box li + li{
        border-top: 1px solid #EEECF4;
    }
    #shortsworks-m .section07 .plan-wrap .box strong{
        font-weight: 700;
        line-height: 1.518;
    }
    #shortsworks-m .section07 .plan-wrap .box small{
        display: block;
        color: #6B7072;
        font-size: 2.865vw;
        font-weight: 400;
        line-height: 1.182;
        padding-top: .26vw;
    }
    #shortsworks-m .section07 .plan-wrap .box em{
        color: #A850E2;
    }
    #shortsworks-m .section07 .plan-wrap .box.feature-box p{
        min-width: 34.896vw;
        line-height: 1.5175;
        padding: 0 3.646vw;
    }
    #shortsworks-m .section07 .plan-wrap .box.price-box p{
        min-width: 44.531vw;
        line-height: 1.5175;
        padding: 0 9.896vw;
    }
    #shortsworks-m .section07 .info-wrap{
        color: #6B7072;
        font-size: 3.125vw;
        padding: 8.854vw 7.292vw;
        margin-top: 5.729vw;
        border-radius: 3.646vw;
        background: #F9F8FB;
    }
    #shortsworks-m .section07 .info-wrap li{
        word-break: keep-all;
        position: relative;
        line-height: 1.585;
        padding-left: 2.083vw;
    }
    #shortsworks-m .section07 .info-wrap li::before{
        content: '-';
        position: absolute;
        top: 0;
        left: 0;
    }
    #shortsworks-m .section07 .info-wrap li + li{
        margin-top: 2.083vw;
    }
    #shortsworks-m .section07 .info-wrap li p{
        font-size: 2.865vw;
        line-height: 1.637;
    }
    #shortsworks-m .section08{
        background: #F1F1F1;
    }
    #shortsworks-m .section08 .txt{
        width: 51.823vw;
    }
    #shortsworks-m .section08 .cont{
        width: 83.333vw;
        margin: 0 auto;
    }
    #shortsworks-m .section08 li{
        word-break: keep-all;
        color: #6B7072;
        font-size: 3.516vw;
        padding: 10.417vw 9.5vw 9.635vw 16.146vw;
        border-radius: 3.646vw;
        background: #FFF;
        box-shadow: 0 0 2.604vw 0 rgba(0, 0, 0, .04);
    }
    #shortsworks-m .section08 li + li{
        margin-top: 4.688vw;
    }
    #shortsworks-m .section08 li strong{
        position: relative;
        display: block;
        color: #222;
        font-size: 4.688vw;
        font-weight: 700;
        line-height: 1.501;
        padding-bottom: 3.385vw;
    }
    #shortsworks-m .section08 li strong::before{
        content: '';
        position: absolute;
        top: .911vw;
        left: -7.813vw;
        width: 5.208vw;
        height: 5.208vw;
        background: url("/images/info-m/shortsworks/img_sec08_obj.svg") no-repeat center;
        background-size: 100% auto;
    }
    #shortsworks-m .section08 li p{
        line-height: 1.78;
    }
    #shortsworks-m .section08 li small{
        display: block;
        font-size: 3.125vw;
        line-height: 1.71;
        margin-top: .781vw;
    }
    #shortsworks-m .section08 li :is(em, small){
        color: #A850E2;
        font-weight: 500;
    }
    #shortsworks-m .section09{
        background: #373641;
    }
    #shortsworks-m .section09 .txt{
        width: 57.813vw;
    }
    #shortsworks-m .section09 .cont{
        width: 83.333vw;
        margin: 0 auto;
    }
    #shortsworks-m .section09 ul{
        color: #fff;
        padding: 8.854vw 12vw 8.854vw 9.115vw;
        border-radius: 1.563vw;
        background: rgba(255, 255, 255, .08);
    }
    #shortsworks-m .section09 li{
        word-break: keep-all;
        position: relative;
        font-size: 3.646vw;
        line-height: 1.572;
        padding-left: 2.344vw;
    }
    #shortsworks-m .section09 li::before{
        content: '';
        position: absolute;
        top: 2.214vw;
        left: 0;
        width: .781vw;
        height: .781vw;
        background: #fff;
    }
    #shortsworks-m .section09 li + li{
        margin-top: 2.865vw;
    }
    #shortsworks-m .section09 li em{
        color: #FCC4F3;
        font-weight: 700;
    }
    #shortsworks-m .section09 .btn-wrap{
        margin-top: 5.208vw;
    }
    #shortsworks-m .section09 .btn-wrap a{
        display: block;
        color: #fff;
        font-size: 4.167vw;
        font-weight: 500;
        text-align: center;
        line-height: 1.19;
        padding: 5.078vw 0 5.599vw;
        border-radius: .651vw;
        border: 1px solid rgba(255, 255, 255, .30);
    }
    #shortsworks-m .section09 .btn-wrap a + a{
        margin: 2.344vw 0 0;
    }
    #shortsworks-m .section09 .btn-wrap a:nth-child(2){
        color: #CA55DC;
        border-color: rgba(202, 85, 220, .70);
    }
    #shortsworks-m .section09 .btn-wrap a:last-child{
        font-weight: 700;
        border: none;
        background: linear-gradient(90deg, #ED59D5 0%, #A850E2 72%);
    }
}

#coworkcity{
    color: #333333;
    letter-spacing: -0.2px;
    line-height: 1.4;
    text-align: center;
}

#coworkcity .inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

#coworkcity .use-m{
    display: none;
}

#coworkcity>div {
    padding: 120px 0;
}

#coworkcity div[class^="section"] .tit p {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 300;
}

#coworkcity div[class^="con"] {
    margin-top: 60px;
}

#coworkcity .section01 {
    padding: 0;
    height: 800px;
    background-image: url("/images/info/coworkcity/img_visual_bg.jpg");
    background-position: center center;
    background-size: cover;
}

#coworkcity .section01 .tit {
    display: flex;
    padding-top: 207px;
    margin-bottom: 16px;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

#coworkcity .section01 .tit img.stit {
    width: 300px;
}

#coworkcity .section01 .tit img.logo {
    width: 685px;
}

#coworkcity .section01 .tbox {
    padding: 18px 60px 20px;
    background: url("/images/info/coworkcity/img_visual_tbox.png") no-repeat center / 657px;
}

#coworkcity .section01 .tbox p {
    color: #fff;
    font-size: 18px;
}

#coworkcity .section01 .tbox p.benefit {
    margin-top: 5px;
    color: #F6E1AC;
    font-size: 23px;
    font-weight: 700;
}

#coworkcity .section01 a.btn {
    margin-top: 62px;
    display: inline-block;
    padding: 20px 54px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    background: url("/images/info/coworkcity/img_visual_btn.png") no-repeat center / 100%;
}

#coworkcity .section02 {
    padding: 120px 0 180px;
    background-color: #344739;
}

#coworkcity .section02 .tit img {
    width: 448px;
}

#coworkcity .section02 .tit p,
#coworkcity .section07 .tit p {
    color: #fff;
}

#coworkcity .section02 .con {
    position: relative;
    display: flex;
    gap: 50px;
    justify-content: center;
}

#coworkcity .section02 .con>div {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 24px 25px ;
    width: 100%;
    max-width: 490px;
    height: 280px;
    border-radius: 8px;
    background: #C7C7C7 url("/images/info/coworkcity/img_sec02_obj01.png") no-repeat center top 56px / 370px;
}

#coworkcity .section02 .con>div.right {
    background: #ABCCB3 url("/images/info/coworkcity/img_sec02_obj02.png") no-repeat center top 56px / 370px;
}

#coworkcity .section02 .con div.tbox {
    padding: 18px 0;
    width: 100%;
    color: #828282;;
    font-size: 18px;
    background: #E2DFDF;
    border-radius: 8px;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.15);
}

#coworkcity .section02 .con div.tbox p.tit {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

#coworkcity .section02 .con div.tbox p.tit::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    background:url("/images/info/coworkcity/img_sec02_ic01.svg") no-repeat center / 20px;
}

#coworkcity .section02 .con div.tbox p.address {
    margin-top: 8px;
    font-weight: 700;
}

#coworkcity .section02 .con div.right div.tbox {
    border: 1px solid #4B7E60;
    background: linear-gradient(180deg, #2D9155 0%, #46855F 107.98%);
    box-shadow: 0px 4px 13px 0px #376B4B;
}

#coworkcity .section02 .con div.right div.tbox p {
    color: #fff;
}

#coworkcity .section02 .con div.right div.tbox p.tit::before {
    background:url("/images/info/coworkcity/img_sec02_ic02.svg") no-repeat center / 20px;
}

#coworkcity .section02 .con img.arr {
    position: absolute;
    width: 87px;
    top: calc(50% - 40px);
    left: calc(50% - 52px);
    z-index: 1;
}

#coworkcity .section03 {
    position: relative;
    background: #EEF1EF;
    overflow: hidden;
}

#coworkcity .section03::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -38px;
    left: 0;
    background:url("/images/info/coworkcity/img_sec03_bg.png") no-repeat center / 1920px;
}

#coworkcity .section03 .tit img {
    width: 492px;
}

#coworkcity .section03 .worry {
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
}

#coworkcity .section03 .con .worry ul {
    display: flex;
    gap: 20px;
}

#coworkcity .section03 .con .worry ul.line01 {
    padding-right: 46px;
}

#coworkcity .section03 .con .worry ul.line02,
#coworkcity .section03 .con .worry ul.line03 {
    padding-left: 67px;
}

#coworkcity .section03 .con .worry ul li {
    padding: 20px;
    background:#fff;
    font-size: 20px;
    box-shadow: 0px 4px 32.3px 0px rgba(0, 0, 0, 0.09);
}

#coworkcity .section03 .con .worry ul.line01 li:first-child {
    width: 400px;
}

#coworkcity .section03 .con .worry ul.line01 li:last-child {
    width: 420px;
}

#coworkcity .section03 .con .worry ul.line02 li {
    width: 340px;
}

#coworkcity .section03 .con .worry ul.line03 li {
    width: 320px;
}

#coworkcity .section03 .con .worry ul.line03 li:first-child {
    width: 340px;
}

#coworkcity .section03 .con .worry ul li.left_box {
    border-radius: 30px 40px 40px 2px;
}

#coworkcity .section03 .con .worry ul li.right_box {
    border-radius: 40px 30px 2px 40px;
}

#coworkcity .section03 .con div.btm {
    margin-top: 50px;
}

#coworkcity .section03 .con div.btm img {
    width: 493px;
    margin-bottom: 10px;
}

#coworkcity .section03 .con div.btm p {
    font-size: 32px;
    font-weight: 600;
}

#coworkcity .section03 .con div.btm p.point {
    display: inline-block;
    box-shadow: inset 0 -28px 0 #EFD3B3;
}

#coworkcity .section04 {
    padding: 120px 0 180px;
}

#coworkcity .section04 .tit img {
    width: 512px;
}

#coworkcity .section04 .con ul {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

#coworkcity .section04 .con ul li{
    position: relative;
    width: calc(50% - 12px);
    min-height: 330px;
    padding: 58px 45px;
    color: #fff;
    text-align: left;
    border-radius: 20px;
    background-image: url("/images/info/coworkcity/img_sec04_bg01.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    box-shadow: 0px 0px 30.8px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

#coworkcity .section04 .con ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#coworkcity .section04 .con ul li p {
    position: relative;
    z-index: 1;
    font-weight: 700;
}

#coworkcity .section04 .con ul li p.point {
    color: #3AC13A;
    font-size: 16px;
}

#coworkcity .section04 .con ul li p.tit {
    margin:22px 0 15px;
    font-size: 28px;
}

#coworkcity .section04 .con ul li p.txt {
    font-size: 18px;
    font-weight: 400;
}

#coworkcity .section04 .con ul li:nth-child(2) {
    background-image: url("/images/info/coworkcity/img_sec04_bg02.png");
}

#coworkcity .section04 .con ul li:nth-child(3) {
    background-image: url("/images/info/coworkcity/img_sec04_bg03.png");
}

#coworkcity .section04 .con ul li:nth-child(4) {
    background-image: url("/images/info/coworkcity/img_sec04_bg04.png");
}

#coworkcity .section05 {
    background: #ECECEC;
}

#coworkcity .section05 .tit img {
    width: 350px;
}

#coworkcity .section05 .con {
    padding: 30px 30px 24px;
    background: linear-gradient(180deg, #FFF 79.83%, rgba(255, 255, 255, 0.10) 100%);
}

#coworkcity .section05 .con p,
#coworkcity .section05 p.tbox {
    display: inline-block;
    margin-top: 34px;
    padding: 18px 33px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    background: #1D3825;
}

#coworkcity .section05 p.tbox {
    display: none;
}

#coworkcity .section06 .tit img {
    width: 415px;
}

#coworkcity .section06 ul.con {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

#coworkcity .section06 ul.con li {
    position: relative;
    padding: 30px 10px;
    width: 100%;
    min-height: 240px;
}

#coworkcity .section06 ul.con li img {
    width: 150px;
}

#coworkcity .section06 ul.con li p {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
}

#coworkcity .section06 ul.con li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 140px;
    top: calc(50% - 70px);
    right: -14px;
    background:#ededed;
}

#coworkcity .section06 ul.con li:last-child::after {
    display: none;
}

#coworkcity .section07 {
    padding: 120px 0 160px;
    background: #304435 url("/images/info/coworkcity/img_sec07_bg.png") no-repeat left bottom -4px / 100%;
}

#coworkcity .section07 .con {
    margin-top: 55px;
}

#coworkcity .section07 .tit img {
    width: 366px;
}

#coworkcity .section07 .con ul.step {
    display: flex;
    gap: 53px;
}

#coworkcity .section07 .con ul.step li {
    position: relative;
    width: 100%;
    min-height: 160px;
    padding-top:12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color:#fff;
    border: 1px solid #9EB1A3;
}

#coworkcity .section07 .con ul.step li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 22px;
    top: calc(50% - 11px);
    right: -32px;
    background:url("/images/info/coworkcity/img_sec07_arr.svg") no-repeat center / 100%;
}

#coworkcity .section07 .con ul.step li:last-child::before {
    display: none;
}

#coworkcity .section07 .con ul.step li p.num {
    position: absolute;
    top: -10px;
    left:calc(50% - 37px);
    width: 74px;
    padding: 7px 10px 6px;
    background: #487553;
    font-size: 15px;
    font-weight: 700;
}

#coworkcity .section07 .con ul.step li p.txt {
    font-size: 18px;
    font-weight: 500;
}

#coworkcity .section07 .con ul.step li p.txt span {
    color: #F3781C;
    font-weight: 700;
}

#coworkcity .section07 .con a.btn {
    display: inline-block;
    margin-top: 70px;
    padding: 26px 76px;
    border-radius: 10px;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    background: #4B8F3F;
    box-shadow: 0px 4px 36.6px 0px rgba(0, 0, 0, 0.14);
}

@media screen and (max-width: 1200px) {

    #coworkcity.container {
        min-width: 100%;
    }

    #coworkcity div.inner {
        width: 94%;
        margin: 0 auto;
    }

    #coworkcity .section03 .con .worry ul.line01 {
        padding-right: 0;
    }

    #coworkcity .section03 .con .worry ul.line02,
    #coworkcity .section03 .con .worry ul.line03 {
        padding-left: 0;
    }

}

@media screen and (max-width: 1024px) {

    #coworkcity .section02 .con {
        gap: 40px;
    }

    #coworkcity .section03 .con .worry ul.line03 li:first-child {
        width: 320px;
    }

    #coworkcity .section03 .con .worry ul.line03 li {
        width: 280px;
    }

}

@media screen and (max-width: 991px) {

    #coworkcity .section02 .con>div {
        height: 28.254vw;
        padding: 2.018vw 2.119vw;
        background-size: 37.291vw;
    }

    #coworkcity .section02 .con div.tbox {
        padding: 1.816vw 0;
        font-size: 1.8160vw;
    }

    #coworkcity .section02 .con>div.right {
        background-size: 37.291vw;
    }

    #coworkcity .section02 .con img.arr {
        width: 8.779vw;
        top: calc(50% - 4.036vw);
        left: calc(50% - 5.247vw);
    }

    #coworkcity .section03::before {
        top: -3.835vw;
        background-size: 193.744vw;
    }

    #coworkcity .section03 .con .worry ul li {
        padding: 2.018vw;
        font-size: 2.018vw;
    }

    #coworkcity .section03 .con .worry ul.line01 li:first-child {
        width: 40.363vw;
    }

    #coworkcity .section03 .con .worry ul.line01 li:last-child {
        width: 42.381vw;
    }

    #coworkcity .section03 .con .worry ul.line02 li {
        width: 34.309vw;
    }

    #coworkcity .section03 .con .worry ul.line03 li:first-child {
        width: 32.291vw;
    }

    #coworkcity .section03 .con .worry ul.line03 li {
        width: 28.254vw;
    }

    #coworkcity .section04 .con ul {
        gap: 2.422vw;
    }

    #coworkcity .section04 .con ul li {
        width: calc(50% - 1.211vw);
        min-height: 33.300vw;
        padding: 5.045vw 3.835vw;
        border-radius: 2.018vw;
    }

    #coworkcity .section04 .con ul li p.point {
        font-size: 1.615vw;
    }

    #coworkcity .section04 .con ul li p.tit {
        margin: 2.220vw 0 1.514vw;
        font-size: 2.825vw;
    }

    #coworkcity .section04 .con ul li p.txt {
        font-size: 1.816vw;
    }

    #coworkcity .section06 ul.con li p {
        font-size: 1.816vw;
    }

    #coworkcity .section07 .con ul.step {
        gap: 4.036vw;
    }

    #coworkcity .section07 .con ul.step li p.num {
        top: -1.009vw;
        left: calc(50% - 3.734vw);
        width: 7.467vw;
        padding: 0.706vw 1.009vw 0.605vw;
        font-size: 1.514vw;
    }

    #coworkcity .section07 .con ul.step li {
        min-height: 16.145vw;
        font-size: 1.816vw;
    }

    #coworkcity .section07 .con ul.step li::before {
        width: 1.009vw;
        height: 2.220vw;
        top: calc(50% - 1.110vw);
        right: -2.624vw;
    }

    #coworkcity .section07 .con ul.step li p.txt {
        font-size: 1.816vw;
    }

}

@media screen and (max-width: 768px) {

    #coworkcity div[class^="section"] .tit p {
        margin-top: 1.563vw;
        font-size: 3.646vw;
    }

    #coworkcity>div {
        padding: 15.625vw 0;
    }

    #coworkcity div[class^="con"] {
        margin-top: 7.813vw;
    }

    #coworkcity div.inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 7.813vw;
    }

    #coworkcity .use-m{
        display: block;
        margin: 0 auto;
    }
    #coworkcity .use-pc{
        display: none;
    }

    #coworkcity .section01 {
        height: 156.250vw;
        padding: 0;
        background-image: url("/images/info/coworkcity/img_visual_bg_m.jpg");
        background-position: center center;
        background-size: cover;
    }

    #coworkcity .section01 .tit {
        padding-top: 44.792vw;
        margin-bottom: 3.255vw;
        gap: 1.298vw;

    }

    #coworkcity .section01 .tit img.stit {
        width: 42.318vw;
    }

    #coworkcity .section01 .tit img.logo {
        width: 83.333vw;
    }

    #coworkcity .section01 .tbox {
        width: 76.823vw;
        margin: 0 auto;
        padding: 3.676vw 6.813vw;
        background: url("/images/info/coworkcity/img_visual_tbox_m.png") no-repeat center / 76.823vw;
    }

    #coworkcity .section01 .tbox p {
        font-size: 3.385vw;
    }

    #coworkcity .section01 .tbox p.benefit {
        margin-top: 1.693vw;
        font-size: 3.646vw;
    }

    #coworkcity .section01 .tbox p.benefit span {
        display: block;
    }

    #coworkcity .section01 .tbox p.benefit span.use-pc {
        display: none;
    }

    #coworkcity .section01 a.btn {
        margin-top: 7.813vw;
        padding: 2.945vw 7.991vw;
        font-size: 3.516vw;
    }

    #coworkcity .section02,
    #coworkcity .section04 {
        padding: 15.625vw 0 23.438vw;
    }

    #coworkcity .section02 .tit img {
        width: 65.625vw;
    }

    #coworkcity .section02 .con {
        gap: 5.208vw;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    #coworkcity .section02 .con>div {
        padding: 3.906vw 4.036vw;
        max-width: 75.521vw;
        height: 43.229vw;
        border-radius: 1.172vw;
        background-size: 57.943vw;
        background-position: center top 6.771vW;
    }

    #coworkcity .section02 .con>div.right {
        background-position: center top 6.771vW;
    }

    #coworkcity .section02 .con div.tbox {
        padding: 2.344vw 0;
        font-size: 2.865vw;
        border-radius: 1.172vw;
    }

    #coworkcity .section02 .con>div.right {
        background-size: 57.943vw;
    }

    #coworkcity .section02 .con div.tbox p.tit {
        padding-left: 3.906vw;
    }

    #coworkcity .section02 .con div.tbox p.tit::before,
    #coworkcity .section02 .con div.right div.tbox p.tit::before {
        width: 3.125vw;
        height: 3.125vw;
        top: 2px;
        background-size: 3.125vw;
    }

    #coworkcity .section02 .con div.tbox p.address {
        margin-top: 1.172vw;
        font-size: 3.125vw;
    }

    #coworkcity .section02 .con img.arr {
        width: 14.974vw;
        top: calc(50% - 6.036vw);
        left: calc(50% - 7.422vw);
    }

    #coworkcity .section03::before {
        top: -3.557vw;
        background: url("/images/info/coworkcity/img_sec03_bg_m.png") no-repeat center / 100.000vw;
    }

    #coworkcity .section03 .tit img {
        width: 70.833vw;
    }

    #coworkcity .section03 .con .worry ul {
        flex-direction: column;
    }

    #coworkcity .section03 .worry,
    #coworkcity .section03 .con .worry ul {
        gap: 0;
        width: 100%;
        align-items: center;
    }

    #coworkcity .section03 .con .worry ul li {
        padding: 2.668vw 4.229vw;
        font-size: 3.255vw;
        display: inline-block;
    }

    #coworkcity .section03 .con .worry ul.line01 li:first-child,
    #coworkcity .section03 .con .worry ul.line01 li:last-child,
    #coworkcity .section03 .con .worry ul.line02 li,
    #coworkcity .section03 .con .worry ul.line03 li:first-child,
    #coworkcity .section03 .con .worry ul.line03 li {
        width: auto;
    }

    #coworkcity .section03 .con .worry ul.line01 li:first-child {
        margin-left: -12.771vw;
    }

    #coworkcity .section03 .con .worry ul.line01 li:last-child {
        margin-right: -20.182vw;
        margin-top: -2.083vw;
        z-index: 4;
    }

    #coworkcity .section03 .con .worry ul.line02 {
        margin-top: -1.359vW;
        z-index: 3;
    }

    #coworkcity .section03 .con .worry ul.line02 li:first-child {
        margin-left: -30.990vw;
        z-index: 2;
    }

    #coworkcity .section03 .con .worry ul.line02 li:last-child {
        margin-right: -21.432vw;
        margin-top: -2.474vw;
    }

    #coworkcity .section03 .con .worry ul.line03 {
        margin-top: -1.823vw;
    }

    #coworkcity .section03 .con .worry ul.line03 li:first-child {
        margin-left: -14.583vw;
        z-index: 1;
    }

    #coworkcity .section03 .con .worry ul.line03 li:nth-child(2) {
        margin-left: -42.318vw;
        margin-top: -1.823vw;
    }

    #coworkcity .section03 .con .worry ul.line03 li:last-child {
        margin-right: -34.156vw;
        margin-top: -6.167vw;
    }

    #coworkcity .section03 .con .worry ul li.left_box {
        border-radius: 3.906vw 5.208vw 5.208vw 0.260vw;
    }

    #coworkcity .section03 .con .worry ul li.right_box {
        border-radius: 5.208vw 3.906vw 0.260vw 5.208vw;
    }

    #coworkcity .section03 .con div.btm {
        margin-top: 3.906vw;
    }

    #coworkcity .section03 .con div.btm img {
        width: 64.583vw;
        margin-bottom: 2.604vw;
    }

    #coworkcity .section03 .con div.btm p {
        font-size: 4.818vw;
    }

    #coworkcity .section03 .con div.btm p span {
        display: block;
    }

    #coworkcity .section03 .con div.btm p.point {
        font-size: 5.078vw;
        box-shadow: inset 0 -4.828vw 0 #EFD3B3;
        line-height: 1.3;
    }

    #coworkcity .section04 .tit img {
        width: 75.000vw
    }

    #coworkcity .section04 .con ul {
        margin: 0 auto;
        width: 78.125vw;
        gap: 5.208vw;
        flex-direction: column;
    }

    #coworkcity .section04 .con ul li {
        width: 100%;
        min-height: 48.438vw;
        padding: 7.552vw 5.859vw;
        border-radius: 2.604vw;
    }

    #coworkcity .section04 .con ul li:first-child {
        background-image: url("/images/info/coworkcity/img_sec04_bg01_m.png");
    }

    #coworkcity .section04 .con ul li:nth-child(3) {
        background-position: center left;
    }

    #coworkcity .section04 .con ul li p.point {
        font-size: 2.865vw;
    }

    #coworkcity .section04 .con ul li p.tit {
        margin: 2.865vw 0 1.953svw;
        font-size: 4.688vw;
    }

    #coworkcity .section04 .con ul li p.txt {
        font-size: 3.125vw;
    }

    #coworkcity .section05 .tit img {
        width: 51.172vw
    }

    #coworkcity .section05 .con {
        padding: 2.214vw 2.214vw 9.505vw 2.214vw;
        background: linear-gradient(180deg, #FFF 79.83%, rgba(255, 255, 255, 0.10) 100%);
    }

    #coworkcity .section05>div.inner {
        padding: 0 3.776vw;
    }

    #coworkcity .section05 .con p {
        display: none;
    }

    #coworkcity .section05 p.tbox {
        display: inline-block;
        margin-top: 2.604vw;
        padding: 2.759vw 5.058vw;
        font-size: 3.125vw;
        border-radius: 1.563vw;
    }

    #coworkcity .section06 .tit img {
        width: 60.677vw
    }

    #coworkcity .section06>div.inner {
        padding: 0;
    }

    #coworkcity .section06 ul.con {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        font-size: 0;
        padding: 0 27.344vw;
    }

    #coworkcity .section06 ul.con li {
        white-space: normal;
        display: inline-block;
        width: 45.313vw;
        height: 49.479vw;
        margin-right: 5.208vw;
        padding: 6.250vw 2.083vw;
    }

    #coworkcity .section06 ul.con li:last-child {
        margin-right: 0;
    }

    #coworkcity .section06 ul.con li::after {
        width: 2px;
        height: 28.646vw;
        top: calc(50% - 14.323vw);
        right: -2.865vw;
    }

    #coworkcity .section06 ul.con li img {
        width: 30.990vw;
    }

    #coworkcity .section06 ul.con li p {
        margin-top: 4.167vw;
        font-size: 3.906vw;
    }

    #coworkcity .section07 {
        padding: 15.625vw 0 23.438vw;
        background: #304435 url("/images/info/coworkcity/img_sec07_bg_m.png") no-repeat left bottom -4px / 100%;
    }

    #coworkcity .section07 .con {
        margin-top: 10.677vw;
    }

    #coworkcity .section07 .tit img {
        width: 52.865vw;
    }

    #coworkcity .section07 .con ul.step {
        gap: 13.281vw;
        flex-direction: column;
        align-items: center;
    }

    #coworkcity .section07 .con ul.step li {
        width: 70.313vw;
        min-height: 40.104vw;
        padding-top: 1.563vw;
    }

    #coworkcity .section07 .con ul.step li p.num {
        top: -2.865vw;
        left: calc(50% - 10.026vw);
        width: 20.052vw;
        padding: 1.953vw 4.427vw;
        font-size: 3.255vw;
    }

    #coworkcity .section07 .con ul.step li p.txt {
        font-size: 4.427vw;
    }

    #coworkcity .section07 .con ul.step li::before {
        width: 2.344vw;
        height: 5.078vw;
        bottom: -8.473vw;
        top: unset;
        left:calc(50% - 1.302vw);
        background: url("/images/info/coworkcity/img_sec07_arr.svg") no-repeat center / 100%;;
        transform: rotate(90deg);
    }

    #coworkcity .section07 .con a.btn {
        margin-top: 9.115vw;
        padding: 4.728vw 13.782vw;
        border-radius: 1.823vw;
        font-size: 4.688vw;
    }

}

#deputypay-view {
    width: 900px
}

#designcenter {
    text-align: center;
}

#designcenter .inner {
    width: 1200px;
    height: 100%
}

#designcenter .tit {
    padding: 130px 0 70px;
    letter-spacing: -1px
}

#designcenter .section01 {
    overflow: hidden;
    background: #3c4bf8
}

#designcenter .section01 .tit {
    padding: 0
}

#designcenter .section01 .tit p {
    color: #fff;
    font-size: 25px;
    padding: 148px 0 28px
}

#designcenter .section01 .tit img {
    padding-bottom: 94px
}

#designcenter .section01 .obj {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

#designcenter .section01 .obj .left-obj {
    position: absolute
}

#designcenter .section01 .obj .left-obj1 {
    top: 120px;
    left: 62px;
    animation: .5s moving01 .6s alternate linear infinite
}

#designcenter .section01 .obj .left-obj2 {
    bottom: 80px
}

#designcenter .section01 .obj .left-obj3 {
    bottom: -36px;
    left: 162px;
    animation: 13s rotate .5s linear infinite
}

#designcenter .section01 .obj .right-obj {
    position: absolute
}

#designcenter .section01 .obj .right-obj1 {
    top: 0;
    right: 0
}

#designcenter .section01 .obj .right-obj2 {
    top: 26px;
    right: 195px
}

#designcenter .section01 .obj .right-obj2>img {
    animation: 26s rotate .5s linear infinite
}

#designcenter .section01 .obj .right-obj2 span {
    position: absolute;
    top: 59px;
    right: 41px
}

#designcenter .section01 .obj .right-obj3 {
    bottom: 39px;
    right: 54px;
    animation: .5s moving02 .6s alternate linear infinite
}

@keyframes moving01 {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(10px)
    }
}

@keyframes moving02 {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#designcenter .section02 {
    background: #202991
}

#designcenter .section02 .tit::before {
    content: "";
    display: block;
    width: 35px;
    height: 32px;
    margin: 0 auto 30px;
    background: url("/images/info/designcenter/img_designcenter_obj08.png") no-repeat center
}

#designcenter .section02 .tit p {
    color: #fff;
    font-size: 65px;
    line-height: 1;
    padding-bottom: 30px
}

#designcenter .section02 .tit p strong {
    color: #ffcc2f
}

#designcenter .section02 .tit span {
    color: #fff;
    font-size: 21px;
    font-weight: lighter;
    letter-spacing: normal;
}

#designcenter .section02 .cont {
    padding-bottom: 151px
}

#designcenter .section02 .cont ul li {
    width: 1000px;
    height: 380px;
    border-radius: 20px;
    letter-spacing: -0.5px;
    margin: 0 auto 24px;
    background-color: #fff
}

#designcenter .section02 .cont ul li:nth-child(even) .box .txtbox {
    padding-left: 135px
}

#designcenter .section02 .cont ul li:nth-child(even) .box .imgbox img {
    margin-left: -135px
}

#designcenter .section02 .cont ul li .box {
    overflow: hidden;
    display: table
}

#designcenter .section02 .cont ul li .box .imgbox {
    display: table-cell;
    width: 419px
}

#designcenter .section02 .cont ul li .box .imgbox img {
    vertical-align: top;
    margin: -27px 0 0 135px;
}

#designcenter .section02 .cont ul li .box .txtbox {
    display: table-cell;
    width: 581px;
    text-align: left;
    padding: 87px 0 0 102px
}

#designcenter .section02 .cont ul li .box .txtbox strong {
    color: #333;
    font-size: 32px
}

#designcenter .section02 .cont ul li .box .txtbox dl {
    padding: 24px 0;
    font-weight: 400;
    letter-spacing: -1px
}

#designcenter .section02 .cont ul li .box .txtbox dl div {
    color: #545454;
    font-size: 21px;
    padding-bottom: 14px
}

#designcenter .section02 .cont ul li .box .txtbox dl dt {
    float: left;
    color: #a7a7a7;
    margin-right: 21px
}

#designcenter .section02 .cont ul li .box .txtbox .btnbox .btn {
    color: #1e2cc8;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    border-color: #1e2cc8;
    padding: 12px 37px;
    transition: .2s
}

#designcenter .section02 .cont ul li .box .txtbox .btnbox .btn:hover {
    color: #fff;
    background: #1e2cc8
}

#designcenter .section03 {
    background: #130952
}

#designcenter .section03 .tit::before {
    content: "";
    display: block;
    width: 30px;
    height: 64px;
    margin: 0 auto 30px;
    background: url("/images/info/designcenter/img_designcenter_obj14.png") no-repeat center
}

#designcenter .section03 .tit p {
    color: #fff;
    font-size: 65px;
    padding-bottom: 46px
}

#designcenter .section03 .tit p strong {
    color: #ffcc2f
}

#designcenter .section03 .tit span {
    color: #fff;
    font-size: 21px;
    letter-spacing: normal;
}

#designcenter .section03 .obj {
    padding-bottom: 155px
}

#designcenter .section03 .obj ul li {
    display: inline-block;
    width: 285px;
    height: 348px;
    vertical-align: top;
    letter-spacing: -0.5px;
    border-radius: 10px;
    background-color: #fff
}

#designcenter .section03 .obj ul li+li {
    margin-left: 16px
}

#designcenter .section03 .obj ul li img {
    width: 96px;
    height: 96px;
    margin: 46px auto 21px
}

#designcenter .section03 .obj ul li span {
    display: block;
    color: #a7a7a7;
    font-size: 16px;
    margin-bottom: 19px
}

#designcenter .section03 .obj ul li p {
    word-break: keep-all;
    color: #333;
    font-size: 20px;
    font-weight: lighter;
    width: 215px;
    line-height: 30px;
    margin: 0 auto
}

#designcenter .section04 {
    background: #f8f8f8
}

#designcenter .section04 .tit::before {
    content: "";
    display: block;
    width: 35px;
    height: 34px;
    margin: 0 auto 50px;
    background: url("/images/info/designcenter/img_designcenter_obj19.png") no-repeat center
}

#designcenter .section04 .tit p {
    color: #333;
    font-size: 65px;
    letter-spacing: -2px;
    padding-bottom: 46px
}

#designcenter .section04 .tit p strong {
    color: #130952
}

#designcenter .section04 .tit span {
    color: #545454;
    font-size: 21px;
    letter-spacing: normal;
}

#designcenter .section04 .cont {
    padding-bottom: 135px
}

#designcenter .section04 .cont ul li {
    position: relative;
    display: inline-block;
    vertical-align: top
}

#designcenter .section04 .cont ul li+li {
    margin-left: 37px
}

#designcenter .section04 .cont ul li+li::before {
    content: "";
    position: absolute;
    top: 126px;
    left: -27px;
    width: 18px;
    height: 33px;
    background: url("/images/info/designcenter/img_designcenter_obj24.png") no-repeat;
    background-size: 100%
}

#designcenter .section04 .cont ul li .box {
    width: 264px;
    height: 264px;
    border-radius: 50%;
    letter-spacing: -1px;
    background-color: #fff
}

#designcenter .section04 .cont ul li .box p {
    color: #acacac;
    font-size: 16px;
    font-weight: normal;
    padding: 48px 0 14px 0
}

#designcenter .section04 .cont ul li .box p em {
    color: #3c4bf8
}

#designcenter .section04 .cont ul li .box span {
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px
}

#designcenter .section05 {
    overflow: hidden;
    background-color: #ecf0f9;
}

#designcenter .section05 .tit {
    padding-bottom: 137px
}

#designcenter .section05 .tit::before {
    content: "";
    display: block;
    width: 29px;
    height: 29px;
    margin: 0 auto 50px;
    background: url("/images/info/designcenter/img_designcenter_obj25.png") no-repeat center
}

#designcenter .section05 .tit p {
    color: #333;
    font-size: 65px;
    letter-spacing: -2px;
    padding-bottom: 46px
}

#designcenter .section05 .tit p strong {
    color: #130952
}

#designcenter .section05 .tit span {
    color: #545454;
    font-size: 21px;
    line-height: 32px;
    letter-spacing: normal;
}

#designcenter .section05 .obj {
    position: relative;
    padding-bottom: 550px
}

#designcenter .section05 .obj .skin {
    position: absolute
}

#designcenter .section05 .obj .skin1 {
    z-index: 3;
    left: 86px
}

#designcenter .section05 .obj .skin2 {
    z-index: 2;
    top: -30px;
    left: 288px
}

#designcenter .section05 .obj .skin3 {
    z-index: 1;
    top: -50px;
    right: 178px
}

#designcenter .section05 .obj .skin4 {
    top: -83px;
    right: -22px
}

#designcenter .section05 .btnbox {
    padding-bottom: 147px
}

#designcenter .section05 .btnbox .btn {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    width: 550px;
    height: 80px;
    border-radius: 10px;
    letter-spacing: -0.5px;
    padding: 22px 122px;
    background-color: #202991
}

#designcenter .section05 .btnbox .btn span {
    color: #ffd34a
}

#designcenter .section06 {
    position: relative;
    padding-bottom: 93px;
    background: #202991
}

#designcenter .section06::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 406px;
    height: 169px;
    background: url("/images/info/designcenter/img_designcenter_bg01.png") no-repeat center
}

#designcenter .section06::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 356px;
    height: 283px;
    background: url("/images/info/designcenter/img_designcenter_bg02.png") no-repeat center
}

#designcenter .section06 .txt p {
    color: #fff;
    font-size: 24px;
    letter-spacing: normal;
    padding: 115px 0 38px
}

#designcenter .section06 .txt img {
    padding-bottom: 40px
}

#designcenter .section06 .btnbox .btn {
    color: #2731a5;
    font-size: 25px;
    font-weight: 600;
    width: 368px;
    height: 82px;
    border-radius: 10px;
    letter-spacing: -0.5px;
    padding: 22px 114px;
    background-color: #ffcc2f
}

#autocomplete .sub-page-wrap .sub-tit-wrap{
    background: #f2f7fb;
}
#autocomplete .sub-page-wrap .sub-tit-wrap em{
    color: #6c90e6;
}
#autocomplete .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
    width: 260px;
}
#autocomplete .info-cont .info-panel ol li span.point {
    background: #ff2037;
    font-size: 13px;
}
#autocomplete .info-cont .info-panel ol li b {
    color: #333;
}
#autocomplete .info-cont .info-panel .info-step li:nth-child(1) .ico-step:after {
    background: url("/images/info/autocomplete/ico_step01.png") no-repeat;
    background-size: 100%;
}
#autocomplete .info-cont .info-panel .info-step li:nth-child(2) .ico-step:after {
    background: url("/images/info/autocomplete/ico_step02.png") no-repeat;
    background-size: 100%;
}
#autocomplete .info-cont .info-panel .info-step li:nth-child(3) .ico-step:after {
    background: url("/images/info/autocomplete/ico_step03.png") no-repeat;
    background-size: 100%;
}
#autocomplete .info-cont .info-panel .info-step li .step-tit small {
    display: block;
    color: #999;
    font-size: 16px;
}
@media only screen and (max-width: 768px) {
    #autocomplete .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
        width: auto;
    }
}



#snslogin .sub-page-wrap .sub-tit-wrap {
    background: #fdf1f1;
}
#snslogin .sub-page-wrap .sub-tit-wrap em{
    color: #fe464b;
}
#snslogin .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
    height: 340px;
}
#snslogin .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box img{
    width: auto;
    height: 100%;
}
#snslogin .info-cont .info-panel .info-step li {
    width: 22%;
}
#snslogin .info-cont .info-panel .info-step li:not(:first-child) {
    margin-left: 17%;
}
#snslogin .info-cont .info-panel .info-step li:nth-child(1) .ico-step:after {
    background: url("/images/info/snslogin/ico_step01.png") no-repeat;
    background-size: 100%;
}
#snslogin .info-cont .info-panel .info-step li:nth-child(2) .ico-step:after {
    background: url("/images/info/snslogin/ico_step02.png") no-repeat;
    background-size: 100%;
}
#snslogin .info-cont .info-panel .info-step li:nth-child(3) .ico-step:after {
    background: url("/images/info/snslogin/ico_step03.png") no-repeat;
    background-size: 100%;
}
#snslogin .info-cont .info-panel .info-step li:not(:last-child):after {
    right: -50%;
}
#snslogin .info-cont .info-panel .info-step li a {
    margin-top: 30px;
    padding: 9px 38px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    background: #333;
    color: #fff;
}
#snslogin.info-subpage .info-cont .info-panel ol li{
    padding-left: 0;
}

@media only screen and (max-width: 768px) {
    #snslogin .sub-page-wrap .sub-tit-wrap .tit-wrap{
        padding-bottom: 0;
    }
    #snslogin .sub-page-wrap .sub-tit-wrap .txt-box{
        margin-bottom: 0;
    }
    #snslogin .info-cont .info-panel .info-step li{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #snslogin .info-cont .info-panel .info-step li:not(:first-child){
        margin: 18px 0 0 0;
    }
    #snslogin .info-cont .info-panel .info-step li a{
        margin-top: 12px;
    }
}

@media only screen and (max-width: 575px) {
    #snslogin .info-cont .info-panel .info-step li:not(:first-child){
        margin-top: 14px;
    }
    #snslogin .info-cont .info-panel .info-step li .ico-step::before{
        height: 20px;
    }
    #snslogin .info-cont .info-panel .info-step li a{
        font-size: 14px;
        padding: 6px 26px;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 425px) {
    #snslogin .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
        height: 280px;
    }
}


#smartstore .wrap-in {
    margin: 0 auto;
    width: 1200px
}

#smartstore .bg-green {
    background: #00ca30
}

#smartstore .bg-gray {
    background: #fbfbfb
}

.kakaopay section {
    text-align: center
}

.kakaopay section:nth-child(1) {
    height: 590px;
    padding-top: 90px;
    background: #ffdf00
}

.kakaopay section:nth-child(2) {
    padding-bottom: 125px;
    background: #fafafa
}

.kakaopay section:nth-child(2) img:nth-child(1) {
    margin-top: -85px
}

.kakaopay section:nth-child(2) img:nth-child(2) {
    margin: 130px 0 59px
}

.kakaopay section:nth-child(3) {
    padding-bottom: 118px;
    background: #f0f0f0
}

.kakaopay section:nth-child(3) img:nth-child(1) {
    margin-top: 130px
}

.kakaopay section:nth-child(3) img:nth-child(2) {
    margin: 73px 0 65px
}

.kakaopay section:nth-child(3) .btn-box {
    margin-bottom: 15px
}

.kakaopay section:nth-child(3) .btn-box .btn-prev {
    width: 378px;
    height: 84px;
    background: url("/images/info/kakaopay/img_kakaopay_btn01.png") no-repeat;
    margin-right: 32px
}

.kakaopay section:nth-child(3) .btn-box .btn-down {
    width: 378px;
    height: 84px;
    background: url("/images/info/kakaopay/img_kakaopay_btn02.png") no-repeat
}

.kakaopay section:nth-child(4) {
    height: 390px;
    padding-top: 101px;
    background: url("/images/info/kakaopay/img_kakaopay_bg.png") no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}

/* 카카오페이 모바일*/
@media only screen and (max-width: 768px) {
    .kakaopay-m .img-maxw80 {
        max-width: 80%
    }

    .kakaopay-m .img-maxw90 {
        max-width: 90%
    }

    .kakaopay-m section {
        text-align: center
    }

    .kakaopay-m section:nth-child(1) {
        padding: 9vw 0 27vw;
        background: #ffdf00
    }

    .kakaopay-m section:nth-child(2) {
        padding-bottom: 15vw;
        background: #fafafa
    }

    .kakaopay-m section:nth-child(2) img:nth-child(1) {
        margin-top: -17%
    }

    .kakaopay-m section:nth-child(2) img:nth-child(2) {
        margin: 19% 0 10%
    }

    .kakaopay-m section:nth-child(3) {
        padding: 15vw 0 13vw;
        background: #f0f0f0
    }

    .kakaopay-m section:nth-child(3) .img-device {
        margin: 10vw auto 0
    }

    .kakaopay-m section:nth-child(3) .img-device img {
        display: block;
        margin: 0 auto
    }

    .kakaopay-m section:nth-child(3) .img-device img+img {
        margin-top: 6vw
    }

    .kakaopay-m section:nth-child(3) .btn-box {
        margin: 5vw 0 1vw
    }

    .kakaopay-m section:nth-child(3) .btn-box .btn-prev {
        display: block;
        margin: 0 auto;
        padding: 7vw 30vw;
        background: url("/images/info-m/kakaopay/img_kakaopay_btn01.png") no-repeat;
        background-size: 100% auto
    }

    .kakaopay-m section:nth-child(3) .btn-box .btn-down {
        display: block;
        margin: 0 auto;
        padding: 7vw 30vw;
        background: url("/images/info-m/kakaopay/img_kakaopay_btn02.png") no-repeat;
        background-size: 100% auto
    }

    .kakaopay-m section:nth-child(4) {
        padding: 16vw 0 20vw;
        background: url("/images/info-m/kakaopay/img_kakaopay_bg.png") no-repeat;
        background-position: center center;
        background-size: cover
    }
}

.modal#prev-kakao {
    width: 100%
}

.naverpay section {
    text-align: center
}

.naverpay section:first-child {
    height: 590px;
    padding-top: 90px;
    background: #00c73c
}

.naverpay section:nth-child(2) {
    padding-bottom: 125px;
    background: #fafafa
}

.naverpay section:nth-child(2) img:nth-child(1) {
    margin-top: -85px
}

.naverpay section:nth-child(2) img:nth-child(2) {
    margin: 130px 0 59px
}

.naverpay section:last-child {
    height: 390px;
    padding-top: 130px;
    background: url("/images/info/kakaopay/img_kakaopay_bg.png") no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}
/* 네이버페이 모바일 */
@media only screen and (max-width: 768px) {
    .naverpay-m .img-maxw80 {
        max-width: 80%
    }

    .naverpay-m .img-maxw90 {
        max-width: 90%
    }

    .naverpay-m section {
        text-align: center
    }

    .naverpay-m section:first-child {
        padding: 9vw 0 27vw;
        background: #00c73c
    }

    .naverpay-m section:nth-child(2) {
        padding-bottom: 15vw;
        background: #fafafa
    }

    .naverpay-m section:nth-child(2) img:nth-child(1) {
        margin-top: -17%
    }

    .naverpay-m section:nth-child(2) img:nth-child(2) {
        margin: 19% 0 10%
    }

    .naverpay-m section:last-child {
        padding: 16vw 0 18vw;
        background: url("/images/info/kakaopay/img_kakaopay_bg.png") no-repeat;
        background-position: center center;
        background-size: cover
    }
}

#hanjindelivery{
    text-align: center;
}
#hanjindelivery .inner{
    height: 100%;
    max-width: 1200px;
    letter-spacing: -0.5px;
    line-height: normal;
}
#hanjindelivery .tit{
    font-size: 0;
}
#hanjindelivery .section01{
    background: #E2EFFF;
    overflow: hidden;
    padding-top: 160px;
}
#hanjindelivery .section01 .tit{
    text-align: left;
    position: relative;
    z-index: 1;
    display: inline-block;
}
#hanjindelivery .section01 .tit-img1{
    width: 289px;
    display: block;
}
#hanjindelivery .section01 .tit-img2{
    margin-top: 8px;
    width: 376px;
    display: inline-block;
}
#hanjindelivery .section01 .tit-img3{
    width: 299px;
    margin: 16px 0 0 12px;
}
#hanjindelivery .section01 .tit strong{
    color: #333333;
}
#hanjindelivery .section01 .tit p{
    padding-top: 44px;
    color: #797979;
    font-size: 23px;
    line-height: 1.5;
}
#hanjindelivery .section01 .obj{
    float: right;
    width: 817px;
    margin: -160px -360px 0 0;
    position: relative;
}
#hanjindelivery .section01 .obj .road{
    background: url("/images/info/hanjindelivery/img_hanjindelivery_obj01.png") no-repeat;
    width: 1129px;
    height: 573px;
    background-size: 1129px;
    background-position: top left 28px;
}
#hanjindelivery .section01 .obj .truck{
    top: 75px;
    position: absolute;
}
#hanjindelivery .section01 .obj .truck img{
    max-width: none;
}
#hanjindelivery .section02{
    background-color: #FFFFFF;
    padding: 130px 0 140px;
}
:is(#hanjindelivery .section02, #hanjindelivery .section03, #hanjindelivery .section04, #hanjindelivery .section05) .tit p{
    font-size: 19px;
    color: #797979;
    margin-top: 25px;
}
#hanjindelivery .section02 .cont{
    padding-top: 50px;
    font-size: 0;
}
#hanjindelivery .section02 .tit-img1{
    width: 208px;
    margin-right: 12px;
}
#hanjindelivery .section02 .tit-img2{
    width: 253px;
}
#hanjindelivery .section02 .cont strong{
    font-size: 25px;
    color: #333333;
}
#hanjindelivery .section02 .cont p{
    font-size: 19px;
    color: #555555;
    margin-top: 12px;
    line-height: 1.58;
}
#hanjindelivery .section02 .cont>ul li{
    display: inline-block;
    vertical-align: top;
    width: 490px;
    height: 270px;
    margin: 10px;
    border-radius: 8px;
    border: 1px solid #d8d8d8;
    padding: 50px 0 0 50px;
    text-align: left;
    background-position: 375px 161px;
}
#hanjindelivery .section02 li:nth-child(1){
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico02.svg") no-repeat;
}
#hanjindelivery .section02 li:nth-child(2){
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico03.svg") no-repeat;
}
#hanjindelivery .section02 li:nth-child(3){
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico04.svg") no-repeat;
}
#hanjindelivery .section02 li:nth-child(4){
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico05.svg") no-repeat;
}
#hanjindelivery .section03{
    background-color: #393D4C;
    padding: 130px 0 141px;
}
#hanjindelivery .section03 .tit p{
    color:rgb(255,255, 255,0.6);
}
#hanjindelivery .section03 .tit-img1{
    width: 383px;
    margin-right: 18px;
}
#hanjindelivery .section03 .tit-img2{
    width: 206px;
}
#hanjindelivery .section03 .cont .box1{
    width: 370px;
    height: 326px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    margin-right: 20px;
}
#hanjindelivery .section03 .cont{
    padding-top: 60px;
}
#hanjindelivery .section03 .cont .table-wrap{
    position: relative;
}
#hanjindelivery .section03 .cont .blue-line{
    z-index: 1;
    position: absolute;
    right: 0;
    top: -5px;
    border: 5px solid #62B5E5;
    padding: 312px 0;
    width: 243px;
    bottom: 0;
}
#hanjindelivery .section03 .cont table th,
#hanjindelivery .section03 .cont table td{
    border: 1px solid #D1D1D1;
    font-size: 22px;
    vertical-align: middle;
}
#hanjindelivery .section03 .cont table thead tr{
    background: #E2E2E2;
    height: 65px;
}
#hanjindelivery .section03 .cont table thead th{
    border-top: 0;
    color: rgb(57, 61, 76, 0.7);
    font-weight: 300;
}
#hanjindelivery .section03 .cont table .name{
    background: #E2E2E2;
    color: rgb(57, 61, 76, 0.7);
    border-left: 0;
}
#hanjindelivery .section03 .cont table .name-2{
    border-bottom: 0;
}
#hanjindelivery .section03 .cont table thead th:nth-child(1){
    width: 231px;
    border-left: 0;
}
#hanjindelivery .section03 .cont table thead th:nth-child(2){
    width: 418px;
}
#hanjindelivery .section03 .cont table thead th:nth-child(3){
    width: 309px;
    border-right: 1px solid #62B5E5;
}
#hanjindelivery .section03 .cont table thead th:nth-child(4){
    width: 242px;
    background: #62B5E5;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
    padding-top: 18px;
    border-bottom: 1px solid #62B5E5;
    border-right: 1px solid #62B5E5;
}
#hanjindelivery .section03 .cont table tbody th,
#hanjindelivery .section03 .cont table tbody td{
    background: #fff;
    font-weight: 400;
    color: #393D4C;
}
#hanjindelivery .section03 .cont table .last th,
#hanjindelivery .section03 .cont table .last td{
    border-bottom: 0;
}
#hanjindelivery .section03 .cont table .blue{
    color: #0C419A;
    font-weight: 700;
    background: #EBEFF9;
}
#hanjindelivery .section03 .cont table .em{
    font-size: 23px;
    padding-top: 4px;
}
#hanjindelivery .section03 .cont table .blue small{
    font-size: 16px;
    display: block;
    margin-top: 2px;
    font-weight: 500;
}
#hanjindelivery .section03 .cont table tbody td{
    height: 70px;
}
#hanjindelivery .section03 .notice{
    margin-top: 40px;
}
#hanjindelivery .notice{
    text-align: left;
    color: #FFFFFF;
    letter-spacing: -.2px;
}
#hanjindelivery .notice strong{
    color: #FFFFFF;
    opacity: 90%;
    font-size: 19px;
    position: relative;
}
#hanjindelivery .notice strong::before{
    content: '';
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico06.svg") no-repeat;
    margin: 0 3px -2px 0;
    background-size: cover;
}
#hanjindelivery .section03 .notice ul{
    padding: 16px 0 0 5px;
}
#hanjindelivery .notice ul>li{
    font-size: 18px;
}
#hanjindelivery .section03 .notice ul>li{
    padding-bottom: 9px;
    opacity: 70%;
    font-weight: 300;
    position: relative;
    padding-left: 11px;
}
#hanjindelivery .section03 li::before{
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}
#hanjindelivery .section04{
    background-color: #F5F9FF;
    padding: 130px 0
}
#hanjindelivery .section04 .tit-img1{
    width: 318px;
    margin-right: 17px;
}
#hanjindelivery .section04 .tit-img2{
    width: 199px;
}
#hanjindelivery .section04 .cont .box{
    width: 1080px;
    height: 370px;
    border-radius: 10px;
    background-color: #FFFFFF;
    text-align: left;
    margin: 0 auto;
    padding-top: 89px;
    position: relative;
}
#hanjindelivery .section04 .cont li{
    position: relative;
}
#hanjindelivery .section04 .cont li+li{
    margin-top: -10px;
}
#hanjindelivery .section04 .cont li:first-child{
    z-index: 4;
}
#hanjindelivery .section04 .cont li:nth-child(2){
    z-index: 3;
}
#hanjindelivery .section04 .cont li:nth-child(3){
    z-index: 2;
}
#hanjindelivery .section04 .cont{
    padding-top: 60px;
}
#hanjindelivery .section04 .box-step1 p{
    width: 390px;
}
#hanjindelivery .section04 .box-step2 p{
    width: 285px;
}
#hanjindelivery .section04 .box-step3 p{
    width: 410px;
}
#hanjindelivery .section04 .box-step4 p{
    width: 370px;
}
#hanjindelivery .section04 .box p{
    font-size: 18px;
    line-height: 1.6;
    color: #555555;
    padding-top: 41px;
    word-break: keep-all;
}
#hanjindelivery .section04 .box p strong{
    color: #17235B;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.5px;
}
#hanjindelivery .section04 .box .titbox{
    font-size: 25px;
    color: #333333;
    letter-spacing: -0.8px;
    font-weight: 700;
    line-height: normal;
    position: absolute;
}
#hanjindelivery .section04 .box-step1 .titbox,
#hanjindelivery .section04 .box-step3 .titbox{
    left: 522px;
    width: 558px;
}
#hanjindelivery .section04 .box-step3 .titbox{
    top: 117px;
}
#hanjindelivery .section04 .box-step3 .txtbox{
    margin-top: 28px;
}
#hanjindelivery .section04 .box-step2 .titbox,
#hanjindelivery .section04 .box-step4 .titbox{
    left: 175px;
}

#hanjindelivery .section04 .box .titbox em{
    font-size: 27px;
    color: #7bb1ff;
    font-weight: 700;
    font-style: italic;
    margin-right: 5px;
    display: inline-block;
    height: 32px;
}
#hanjindelivery .section04 .box small{
    font-size: 15px;
    color: #999999;
    padding-top: 9px;
    display: block;
}
#hanjindelivery .section04 .box-step1 .txtbox,
#hanjindelivery .section04 .box-step3 .txtbox{
    float: right;
    width: 558px;
}
#hanjindelivery .section04 .box-step2 .txtbox,
#hanjindelivery .section04 .box-step4 .txtbox{
    display: inline-block;
}
#hanjindelivery .section04 .box-step2 .txtbox,
#hanjindelivery .section04 .box-step4 .txtbox{
    margin-left: 175px;
}
#hanjindelivery .section04 .imgbox{
    position: relative;
    width: 310px;
}
#hanjindelivery .section04 .box-step1 .imgbox img{
    position: absolute;
    top: -5px;
    left: 135px;
}
#hanjindelivery .section04 .box-step2 .imgbox,
#hanjindelivery .section04 .box-step4 .imgbox{
    float: right;
}
#hanjindelivery .section04 .box-step2 .imgbox img,
#hanjindelivery .section04 .box-step4 .imgbox img{
    position: absolute;
    left: -168px;
}
#hanjindelivery .section04 .box-step2 .imgbox img{
    top: -7px;
}
#hanjindelivery .section04 .box-step3 .imgbox img{
    position: absolute;
    top: -3px;
    left: 135px;
}
#hanjindelivery .section04 .box-step4 .imgbox img{
    top: -12px;
}
#hanjindelivery .section04 .btnbox{
    margin-top: 25px;
    font-size: 0;
    letter-spacing: -0.5px;
}
#hanjindelivery .section04 .btn-outline-navy{
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #17235B;
    font-weight: 500;
    height: 52px;
    display: inline-block;
    text-align: center;
    padding: 15px 0 15px 3px;
    color: #17235B;
    font-size: 16px;
}
#hanjindelivery .box-step1 .btn-outline-navy{
    width: 201px;
}
#hanjindelivery .box-step2 .btn-outline-navy{
    width: 175px;
}
#hanjindelivery .box-step4 .btn-outline-navy{
    width: 185px;
}
#hanjindelivery .section04 .btn-outline-navy span::after{
    content: "";
    display: inline-block;
    margin-left: 7px;
    width: 7px;
    height: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #17235B;
    transform: translateY(-2px) rotate(45deg);
}
#hanjindelivery .section04 .cont li::after{
    content: "";
    width: 136px;
    height: 32px;
    background: url("/images/info/hanjindelivery/img_hanjindelivery_obj07.png") no-repeat;
    background-size: 100%;
    display: block;
    position: relative;
    z-index: 1;
    margin: -2px auto;
}
#hanjindelivery .section04 .cont li:last-child::after{
    content: none;
}
#hanjindelivery .section05{
    padding: 90px 0 125px;
    font-size: 0;
}
#hanjindelivery .section05 .tit{
    text-align: left;
    width: 485px;
    padding: 44px 0 0 60px;
    display: inline-block;
}
#hanjindelivery .section05 .tit-img1{
    width: 320px;
    margin-bottom: 11px;
}
#hanjindelivery .section05 .tit-img2{
    width: 201px;
}
#hanjindelivery .section05 .cont{
    text-align: right;
    padding-right: 60px;
    vertical-align: top;
    display: inline-block;
}
#hanjindelivery .section05 .tit p{
    margin-top: 27px;
    font-size: 19px;
    color: #333333;
}
#hanjindelivery .section05 .cont a{
    display: inline-block;
    padding: 51px 47px;
    background-color: #f8f8f8;
    border-radius: 10px;
    width: 320px;
    height: 348px;
}
#hanjindelivery .section05 .cont li{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
#hanjindelivery .section05 .cont>ul li+li{
    margin-left: 15px;
}
#hanjindelivery .section05 .cont em{
    font-weight: 600;
    color: #22a9fd;
    letter-spacing: -0.5px;
}
#hanjindelivery .section05 .box-cs-call em{
    font-size: 28px;
    padding-left: 28px;
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico07.svg") no-repeat;
    background-position: top 6px left;
}
#hanjindelivery .section05 .box-cs-board em{
    font-size: 25px;
    padding-left: 32px;
    background: url("/images/info/hanjindelivery/img_hanjindelivery_ico08.svg") no-repeat;
}
#hanjindelivery .section05 .cont strong{
    font-size: 25px;
    font-weight: 700;
    color: #333333;
    display: block;
    margin-bottom: 19px;
    line-height: normal;
}
#hanjindelivery .section05 .box-cs-call p,
#hanjindelivery .section05 .box-cs-board p{
    padding-top: 23px;
    color: #555555;
    line-height: 1.6;
    letter-spacing: -0.6px;
    font-size: 17px;
}
#hanjindelivery .section05 .box-cs-call p{
    padding-right: 10px;
}
#hanjindelivery .section05 .tit a{
    font-weight: 700;
    color: #17235B;
    font-size: 17px;
    padding: 32px 0;
    display: inline-block;
    letter-spacing: -0.7px;
}
#hanjindelivery .section05 .tit a::after{
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #17235B;
    transform: translateY(-2px) rotate(45deg);
    position: relative;
    top: 1px;
}
#hanjindelivery .section06{
    background-color: #393D4C;
    padding: 70px 0 73px;
}
#hanjindelivery .section06 .notice{
    padding-left: 60px;
}
#hanjindelivery .section06 .tit{
    font-size: 19px;
    padding: 0 0 17px 25px;
}
#hanjindelivery .section06 ul>li{
    padding-bottom: 12px;
    opacity: 80%;
    position: relative;
    padding-left: 11px;
    font-weight: 300;
    width: 920px;
}
#hanjindelivery .section06 li::before{
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}
#hanjindelivery .section06 .notice ul{
    padding: 17px 0 0 5px;
}
#hanjindelivery .section06 li em{
    font-weight: 600;
    line-height: 1.4;
}
#hanjindelivery .section06 .notice strong::before{
    margin: 0 6px -2px 0;
}
#hanjindelivery .quick{
    position: fixed;
    bottom:302px;
    right:20px;
    z-index: 9;
}
#hanjindelivery .quick a{
    display: inline-block;
}
#hanjindelivery .quick .fixed-banner{
    box-shadow: 0px 0px 12px rgba(0,0,0,0.10);
    border-radius: 50%;
}
@media screen and (max-width: 1200px){
    #hanjindelivery{
        min-width: 100%;
    }
    #hanjindelivery .section01{
        padding-top: 120px;
    }
    #hanjindelivery .section01 .tit{
        display: block;
        padding-left: 10%;
    }
    #hanjindelivery .section01 .obj .road{
        background-size: 100%;
    }
    #hanjindelivery .section01 .obj .truck img{
        width: 100%
    }
    #hanjindelivery .section01 .tit-img1{
        width: 279px;
    }
    #hanjindelivery .section01 .tit-img2{
        width: 346px;
    }
    #hanjindelivery .section01 .tit-img3{
        width: 262px;
    }
    #hanjindelivery .section01 .tit p{
        font-size: 21px;
        padding-top: 40px;
    }
    #hanjindelivery .section01 .obj{
        margin: -4% -15% 0 0;
    }
    #hanjindelivery .section02{
        padding: 110px 0 120px;
    }
    #hanjindelivery .section02 .tit-img1{
        width: 188px;
        margin-right: 10px;
    }
    #hanjindelivery .section02 .tit-img2{
        width: 233px;
    }
    :is(#hanjindelivery .section02, #hanjindelivery .section03, #hanjindelivery .section04) .tit p{
        font-size: 17px;
        margin-top: 2.2%;
    }
    #hanjindelivery .section02 .cont strong{
        font-size: 23px;
    }
    #hanjindelivery .section02 .cont p{
        font-size: 17px;
    }
    #hanjindelivery .section02 .cont>ul li{
        background-size: 60px;
        width: 38%;
        height: 250px;
        padding: 40px 0 0 40px;
        background-position: 90% 84%;
    }
    #hanjindelivery .section03 .tit-img1{
        width: 363px;
        margin-right: 16px;
    }
    #hanjindelivery .section03 .tit-img2{
        width: 186px;
    }
    #hanjindelivery .section02 .cont{
        padding-top: 40px;
    }
    #hanjindelivery .section03{
        padding: 110px 0 122px;
    }
    #hanjindelivery .section03 .cont{
        padding-top: 50px;
    }
    #hanjindelivery .section03 .cont table .em{
        font-size: 21px;
        padding-top: 0.7%;
    }
    #hanjindelivery .section03 .cont table .blue small{
        font-size: 14px;
    }
    #hanjindelivery .section03 .cont table th,
    #hanjindelivery .section03 .cont table td{
        font-size: 20px;
    }
    #hanjindelivery .section03 .cont table thead tr{
        height: 60px;
    }
    #hanjindelivery .section03 .cont table tbody td{
        height: 65px;
        padding: 1%;
    }
    #hanjindelivery .section03 .notice{
        margin-top: 30px;
    }
    #hanjindelivery .section03 .cont .blue-line{
        width: 20.3%;
        right: 0%;
        top: -0.5%;
        padding: 0;
        height: 101.4%;
    }
    #hanjindelivery .notice strong{
        font-size: 17px;
    }
    #hanjindelivery .notice ul>li{
        font-size: 16px;
        padding-bottom: 10px;
        width: 100%;
    }
    #hanjindelivery .section06 .notice ul>li{
        width: 90%;
    }
    #hanjindelivery .section04{
        padding: 110px 0;
    }
    #hanjindelivery .section04 .cont{
        padding-top: 50px;
    }
    #hanjindelivery .section04 .box small{
        font-size: 13px;
        padding-top: 8px;
    }
    #hanjindelivery .section04 .box strong em{
        font-size: 25px;
    }
    #hanjindelivery .section04 .cont .box{
        width: 90%;
        height: 350px;
        padding-top: 80px;
    }
    #hanjindelivery .section04 .box p{
        font-size: 16px;
    }
    #hanjindelivery .section04 .box-step1 p,
    #hanjindelivery .section04 .box-step3 p{
        width: 74%;
    }
    #hanjindelivery .section04 .box-step3 p{
        padding-top: 48px;
    }
    #hanjindelivery .section04 .box-step2 p{
        width: 256px;
    }
    #hanjindelivery .section04 .box-step4 p{
        width: 313px;
    }
    #hanjindelivery .section04 .box strong{
        font-size: 23px;
    }
    #hanjindelivery .section04 .box-step2 .titbox,
    #hanjindelivery .section04 .box-step4 .titbox{
        left: 14%;
    }
    #hanjindelivery .section04 .box-step1 .titbox,
    #hanjindelivery .section04 .box-step3 .titbox{
        left: 50%;
        width: 50%;
    }
    #hanjindelivery .section04 .box-step1 .txtbox,
    #hanjindelivery .section04 .box-step3 .txtbox{
        width: 50%;
    }
    #hanjindelivery .section04 .box-step2 .txtbox,
    #hanjindelivery .section04 .box-step4 .txtbox{
        margin-left: 14%;
    }
    #hanjindelivery .section04 .imgbox{
        width: 43%;
    }
    #hanjindelivery .section04 .imgbox img{
        width: 67%;
    }
    #hanjindelivery .section04 .box-step1 .imgbox img{
        left: 27%;
        top: 30%;
    }
    #hanjindelivery .section04 .box-step2 .imgbox img{
        left: -3%;
        top: 36%;
    }
    #hanjindelivery .section04 .box-step3 .imgbox img{
        left: 27%;
        top: 20%;
    }
    #hanjindelivery .section04 .box-step4 .imgbox img{
        left: 3%;
    }
    #hanjindelivery .section04 .btnbox{
        margin-top: 20px;
    }
    #hanjindelivery .section04 .box-step1 .btn-outline-navy{
        width: 191px;
    }
    #hanjindelivery .section04 .box-step2 .btn-outline-navy{
        width: 165px;
    }
    #hanjindelivery .section04 .box-step4 .btn-outline-navy{
        width: 175px;
    }
    #hanjindelivery .section04 .section04 .btn-outline-navy{
        font-size: 15px;
        height: 50px;
    }
    #hanjindelivery .section04 .btn-outline-navy span::after{
        width: 6px;
        height: 6px;
        margin-left: 6px;
    }
    #hanjindelivery .section05{
        padding: 70px 0 105px;
    }
    #hanjindelivery .section05 .tit p{
        margin-top: 6%;
        font-size: 17px;
    }
    #hanjindelivery .section05 .tit-img1{
        width: 300px;
        margin-bottom: 9px;
    }
    #hanjindelivery .section05 .tit-img2{
        width: 181px;
    }
    #hanjindelivery .section05 .tit a{
        font-size: 15px;
        padding: 7% 0;
    }
    #hanjindelivery .section05 .cont{
        padding-right: 0;
    }
    #hanjindelivery .section05 .cont a{
        width: 260px;
        padding: 41px 35px;
        height: 300px;
    }
    #hanjindelivery .section05 .tit{
        width: 37%;
        padding: 34px 0 0 0;
    }
    #hanjindelivery .section05 .cont strong{
        font-size: 23px;
        margin-bottom: 17px;
    }
    #hanjindelivery .section05 .box-cs-call em{
        font-size: 24px;
    }
    #hanjindelivery .section05 .box-cs-call p,
    #hanjindelivery .section05 .box-cs-board p{
        font-size: 15px;
        padding: 20px 0 0 0;
    }
    #hanjindelivery .section06{
        padding: 50px 0 53px;
    }
    #hanjindelivery .notice strong::before{
        width: 17px;
        height: 17px;
    }
}
@media screen and (max-width: 991px){
    #hanjindelivery .section01 .tit{
        padding-left: 6%;
    }
    #hanjindelivery .section04 .box-step1 .titbox,
    #hanjindelivery .section04 .box-step3 .titbox{
        left: 52%;
        width: 35%;
    }
    #hanjindelivery .section04 .cont .box{
        width: 100%;
    }
    #hanjindelivery .section04 .box-step2 .txtbox,
    #hanjindelivery .section04 .box-step4 .txtbox{
        margin-left: 13%;
    }
    #hanjindelivery .section04 .box-step1 p,
    #hanjindelivery .section04 .box-step3 p{
        width: 84%;
    }
    #hanjindelivery .section04 .box-step1 .txtbox,
    #hanjindelivery .section04 .box-step3 .txtbox{
        width: 48%;
    }
    #hanjindelivery .section05 .tit{
        width: auto;
        text-align: center;
        padding: 3%;
    }
    #hanjindelivery .section05 .tit-img2{
        display: block;
        margin: 0 auto;
    }
    #hanjindelivery .section05 .cont{
        display: block;
        text-align: center;
    }
    #hanjindelivery .section05 .tit p{
        margin-top: 9%;
    }
    #hanjindelivery .section04 .box-step2 .titbox,
    #hanjindelivery .section04 .box-step4 .titbox{
        left: 13%;
    }
    #hanjindelivery .quick{
        bottom: 60px;
        right: 60px;
    }
}
@media screen and (max-width: 768px){
    #hanjindelivery .section01 .tit{
        width: 100%;
        float: none;
        text-align: center;
        padding-left: 0;
    }
    #hanjindelivery .section01{
        padding-top: 18.229vw;
    }
    #hanjindelivery .section01 .obj .truck img{
        width: 81.588vw;
    }
    #hanjindelivery .section01 .obj{
        position: relative;
        float: none;
        height: 88vw;
        left: -7vw;
        top: 3vw;
        width: 100%;
    }
    #hanjindelivery .section01 .obj .road{
        width: 175vw;
        height: 89vw;
    }
    #hanjindelivery .section01 .obj .truck{
        right: -2vw;
        top: 10vw;
    }
    #hanjindelivery .section01 .tit-img1{
        width: 50.132vw;
        margin: 0 auto;
    }
    #hanjindelivery .section01 .tit-img2{
        margin: 2vw auto;
        width: 64.845vw;
    }
    #hanjindelivery .section01 .tit-img3{
        width: 53.646vw;
        margin: 0;
    }
    #hanjindelivery .section01 .tit p{
        font-size: 3.906vw;
        padding-top: 6.51vw;
    }
    #hanjindelivery .section02 .tit-img1,
    #hanjindelivery .section03 .tit-img1,
    #hanjindelivery .section04 .tit-img1,
    #hanjindelivery .section05 .tit-img1
    {
        display: block;
        margin: 0 auto 2.473vw;
    }
    #hanjindelivery .section02 .tit-img1{
        width: 37.632vw;
    }
    #hanjindelivery .section02 .tit-img2{
        width: 45.834vw;
    }
    :is(#hanjindelivery .section02, #hanjindelivery .section03, #hanjindelivery .section04, #hanjindelivery .section05) .tit p{
        font-size: 3.646vw;
        margin-top: 6.38vw;
    }
    #hanjindelivery .section02 .cont{
        padding-top: 7.813vw;
    }
    #hanjindelivery .section02 .cont>ul li{
        width: 78.125vw;

        height: 63.412vw;
        text-align: center;
        padding: 28.776vw 0 0 0;
        margin: 1.953vw;
        background-position: center 9vw;
        background-size: 14vw;
    }
    #hanjindelivery .section02 .cont strong{
        font-size: 4.687vw;
    }
    #hanjindelivery .section02 .cont p{
        font-size: 3.646vw;
        margin-top: 3.255vw;
        line-height: 1.429;
    }
    #hanjindelivery .section02{
        padding: 18.373vw 0 17.578vw;
    }
    #hanjindelivery .section03{
        padding: 18.373vw 0 17.448vw;
    }
    #hanjindelivery .section03 .notice ul{
        padding: 3.645vw  0 0 1.041vw;
    }
    #hanjindelivery .section03 .cont table .name{
        word-break: keep-all;
        padding: 2vw;
        line-height: 1.3;
    }
    #hanjindelivery .section03 .cont table thead tr{
        height: 7.89vw;
    }
    #hanjindelivery .section03 .cont .blue-line{
        width: 19%;
        right: 5%;
        height: 101%;
    }
    #hanjindelivery .section03 .cont table tbody td{
        height: 13.153vw;
    }
    #hanjindelivery .section03 .cont table{
        width: 84.377vw;
        margin: 0 auto;
    }
    #hanjindelivery .section03 .notice{
        margin: 8.463vw 0 0 5.2vw;
    }
    #hanjindelivery .section03 .tit-img1{
        width: 69.503vw;
    }
    #hanjindelivery .section03 .tit-img2{
        width: 37.24vw;
    }
    #hanjindelivery .section03 .cont .table-wrap{
        width: 84.377vw;
        margin: 0 auto;
    }
    #hanjindelivery .section03 .cont .blue-line{
        top: -.45%;
        right: 0;
        bottom: 0;
        width: 21%;
        height: 101%;
    }
    #hanjindelivery .section03 .cont table .em{
        font-size: 2.865vw;
    }
    #hanjindelivery .section03 .cont table .blue small{
        font-size: 1.822vw;
    }
    #hanjindelivery .section03 .cont table th,
    #hanjindelivery .section03 .cont table td{
        font-size: 2.734vw;
    }
    #hanjindelivery .section03 .cont table thead th:nth-child(1){
        width: 10.788vw;
    }
    #hanjindelivery .section03 .cont table thead th:nth-child(2){
        width: 22.112vw;
    }
    #hanjindelivery .section03 .cont table thead th:nth-child(3){
        width: 16.684vw;
    }
    #hanjindelivery .section03 .cont table thead th:nth-child(4){
        width: 18.49vw;
        padding-top: 2.1vw;
    }
    #hanjindelivery .notice strong{
        font-size: 3.645vw;
    }
    #hanjindelivery .section03 .notice ul>li{
        width: 79vw;
        line-height: 1.385;
        padding: 0 0 2.083vw 2vw;
    }
    #hanjindelivery .notice strong::before{
        width: 3.907vw;
        height: 3.907vw;
    }
    #hanjindelivery .section04{
        padding: 18.373vw 0 19.53vw;
    }
    #hanjindelivery .section04 .tit-img1{
        width: 57.553vw;;
    }
    #hanjindelivery .section04 .tit-img2{
        width: 36.068vw;
    }
    #hanjindelivery .section04 .cont{
        padding-top: vw;
    }
    #hanjindelivery .section04 .imgbox{
        width: 100%;
        float: none;
    }
    #hanjindelivery .section04 .btnbox{
        margin-top: 7.161vw;
    }
    #hanjindelivery .section04 .box-step1 .imgbox img{
        top: 13.672vw;
    }
    #hanjindelivery .section04 .box-step1 .imgbox img,
    #hanjindelivery .section04 .box-step3 .imgbox img{
        width: 41.668vw;
        left: 22vw;
    }
    #hanjindelivery .section04 .box-step3 .imgbox img{
        top: 16vw;
    }
    #hanjindelivery .section04 .box .titbox{
        width: 100%;
        text-align: center;
        left: 0;
    }
    #hanjindelivery .section04 .box-step3 .titbox{
        top: 11.328vw;
    }
    #hanjindelivery .section04 .box-step1 .btn-outline-navy,
    #hanjindelivery .section04 .box-step2 .btn-outline-navy,
    #hanjindelivery .section04 .box-step4 .btn-outline-navy{
        width: 65.105vw;
        height: 13.022vw;
        font-size: 3.515vw;
        border-radius: 6px;
        padding: 4.419vw;
    }
    #hanjindelivery .section04 .box-step1 .txtbox,
    #hanjindelivery .section04 .box-step3 .txtbox{
        width: 100%;
        text-align: center;
        margin: 48.3vw auto 0;
        float: none;
    }
    #hanjindelivery .section04 .box-step2 .txtbox,
    #hanjindelivery .section04 .box-step4 .txtbox{
        text-align: center;
        margin: 47.396vw auto 0;
        display: block;
    }
    #hanjindelivery .section04 .box-step2 .imgbox img,
    #hanjindelivery .section04 .box-step4 .imgbox img{
        width: 41.668vw;
        left: 20vw;
        top: -70vw;
    }
    #hanjindelivery .section04 .box p,
    #hanjindelivery .section04 .box p strong{
        font-size: 3.515vw;
    }
    #hanjindelivery .section04 .box p{
        padding-top: 0;
    }
    #hanjindelivery .section04 .box-step1 p,
    #hanjindelivery .section04 .box-step2 p,
    #hanjindelivery .section04 .box-step3 p,
    #hanjindelivery .section04 .box-step4 p{
        margin: 0 auto;
    }
    #hanjindelivery .section04 .box-step1 p,
    #hanjindelivery .section04 .box-step3 p{
        width: 60vw;
    }
    #hanjindelivery .section04 .box-step2 p{
        width: 56vw;
    }
    #hanjindelivery .section04 .box-step4 p{
        width: 68vw;
    }
    #hanjindelivery .section04 .btn-outline-navy span::after{
        width: 1.5vw;
        height: 1.5vw;
        position: relative;
    }
    #hanjindelivery .section04 .box .titbox em{
        font-size: 5.2vw;
    }
    #hanjindelivery .section04 .box .titbox{
        font-size: 4.687vw;
    }
    #hanjindelivery .section04 .cont .box-step1{
        height: 114.714vw;
    }
    #hanjindelivery .section04 .cont .box-step2{
        height: 108.335vw;
    }
    #hanjindelivery .section04 .cont .box-step3{
        height: 102.345vw;
    }
    #hanjindelivery .section04 .cont .box-step4{
        height: 109.767vw;
    }
    #hanjindelivery .section04 .cont .box{
        width: 83.335vw;
        padding-top: 11.328vw;
    }
    #hanjindelivery .section04 .box small{
        font-size: 2.864vw;
        padding-top: 2.343vw;
    }
    #hanjindelivery .section05 .tit{
        text-align: center;
        width: 100%;
        margin-bottom: 6.562vw;
        padding: 0;
    }
    #hanjindelivery .section05 .tit a{
        font-size: 3.255vw;
        padding: 3.28vw 0;
    }
    #hanjindelivery .section05 .tit a::after{
        width: 1.4vw;
        height: 1.4vw;
        top: 0;
        border-width: 0.4vw 0.4vw 0 0;
    }
    #hanjindelivery .section05 .cont a{
        width: 68.243vw;
        height: 53.806vw;
        padding: 10.416vw 0 0 10.416vw;
        margin-bottom: 3.281vw;
    }
    #hanjindelivery .section05 .cont strong{
        font-size: 4.724vw;
        margin-bottom: 2.213vw;
    }
    #hanjindelivery .section05 .box-cs-call em{
        font-size: 5.468vw;
        padding-left: 5.5vw;
        background-position: top 1.4vw left;
    }
    #hanjindelivery .section05 .box-cs-call em{
        background-size: 4.5vw;
    }
    #hanjindelivery .section05 .box-cs-call p,
    #hanjindelivery .section05 .box-cs-board p{
        font-size: 3.385vw;
        word-break: keep-all;
        width: 48vw;
        padding: 3.645vw 0 0 0;
    }
    #hanjindelivery .section05 .box-cs-board em{
        font-size: 4.687vw;
        padding-left: 5.5vw;
        background-size: 5vw;
        background-position: top 0.6vw left;
    }
    #hanjindelivery .section05{
        padding: 16.927vw 0 16.405vw;
    }
    #hanjindelivery .section05 .tit-img1{
        width: 58.036vw;
    }
    #hanjindelivery .section05 .tit-img2{
        width: 36.454vw;
    }
    #hanjindelivery .section05 .cont>ul li+li{
        margin-left: 0;
    }
    #hanjindelivery .section06{
        padding: 14.323vw 0 14.323vw;
    }
    #hanjindelivery .section06 .notice{
        padding-left: 8.203vw;
    }
    #hanjindelivery .notice ul>li{
        font-size: 3.385vw;
        word-break: keep-all;
        width: 78vw;
        padding: 0 0 2.083vw 2vw;
        line-height: 1.55;
    }
    #hanjindelivery .section06 .notice ul{
        padding: 4.297vw 0 0 1vw;
    }
}
@media screen and (max-width: 425px){
    #hanjindelivery .quick{
        bottom:140px;
        right:8px;
    }
    #hanjindelivery .quick a{
        width: 64px;
        height: 64px;
    }
}

#giftevent .wrap-in {
    width: 100%;
    max-width: 1903px;
    margin: 0 auto
}

#easypayment .sub-page-wrap .sub-tit-wrap {
    background: #f2f3fa url("/images/info/easypayment/bg_pattern.png") no-repeat center;
    background-size: cover;
}
#easypayment .sub-page-wrap .sub-tit-wrap p{
    color: #000;
}
#easypayment .sub-page-wrap .sub-tit-wrap em{
    color: #4762f4;
}
#easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .txt-box{
    z-index: 1;
    position: relative;
    margin-top: -60px;
}
#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap {
    position: absolute;
    left: 0;
    bottom: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li {
    display: inline-block;
    position: relative;
    width: 140px;
    font-size: 1.4rem;
    border: 1px solid #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li:nth-child(2) {
    margin: 0 10px
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li:hover a {
    color: #fff
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li:hover a:after {
    border-color: #fff
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.npay:hover {
    border-color: #00c63b;
    background: #00c63b
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.kpay:hover {
    border-color: #ffdd09;
    background: #ffdd09
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.kpay:hover a {
    color: #36231f
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.kpay:hover a:after {
    border-color: #36231f
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.payco:hover {
    border-color: #fa2828;
    background: #fa2828
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li a {
    display: block;
    font-weight: 700;
    padding: 8px 15px;
}

#easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li a:after {
    display: inline-block;
    content: "";
    border-style: solid;
    border-color: #000;
    border-width: 0 1px 1px 0;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 16px;
    right: 15px
}

#easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
    z-index: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45%;
    height: 100%;
}
#easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box img{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 72%;
    height: auto;
}

#easypayment .info-cont .info-panel ol li:before {
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #666;
    vertical-align: middle;
    margin-right: 5px
}
#easypayment.info-subpage .info-cont .info-panel ol li{
    padding-left: 0;
}
#easypayment .info-cont .info-panel ol li+li {
    margin-top: 8px
}
#easypayment .info-cont .info-panel .info-step li {
    width: 20%;
    text-align: center;
}
#easypayment.info-subpage .info-cont .info-panel .info-step li:not(:last-child):after{
    display: none;
}

#easypayment .info-cont .info-panel .info-step li:not(:first-child) {
    margin-left: 17%
}

#easypayment .info-cont .info-panel .info-step li:nth-child(1) .ico-step:after {
    background: url("/images/info/easypayment/icon01.png") no-repeat;
    background-size: 100%;
}

#easypayment .info-cont .info-panel .info-step li:nth-child(2) .ico-step:after {
    background: url("/images/info/easypayment/icon02.png") no-repeat;
    background-size: 100%;
}

#easypayment .info-cont .info-panel .info-step li:nth-child(3) .ico-step:after {
    background: url("/images/info/easypayment/icon03.png") no-repeat;
    background-size: 100%;
}

#easypayment .info-cont .info-panel .info-step li .step-tit {
    margin-top: 20px;
    padding: 0 15px;
}

#easypayment .info-cont .info-panel .info-step li .step-tit h4 {
    word-break: keep-all;
    line-height: 1.2;
    margin-bottom: 14px;
}

#easypayment .info-cont .info-panel .info-step li .step-tit span {
    word-break: keep-all;
    display: inline-block;
    color: gray;
    font-size: 15px;
    line-height: 1.35;
    margin-left: 0;
}
@media only screen and (max-width: 1200px) {
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box img{
        width: 82%;
    }
}
@media only screen and (max-width: 991px) {
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box img{
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    #easypayment .sub-page-wrap .sub-tit-wrap{
        background-image: none;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap{
        padding-bottom: 0;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .txt-box{
        margin-top: 0;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
        position: relative;
        width: 55%;
        margin-left: 10%;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box img{
        position: relative;
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap{
        position: unset;
        width: 100%;
        margin-top: 26px;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li {
        width: 110px;
        font-size: 15px;
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li a {
        padding: 10%;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li a:after{
        display: none;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li:nth-child(2) {
        margin: 0 8px
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.npay {
        border-color: #00c63b
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.npay a {
        color: #00c63b
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.kpay {
        border-color: #36231f
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.kpay a {
        color: #36231f
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.payco {
        border-color: #fa2828
    }

    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li.payco a {
        color: #fa2828
    }
    #easypayment .bg-blue .wrap-in .btn-wrap li.npay:hover,
    #easypayment .bg-blue .wrap-in .btn-wrap li.payco:hover,
    #easypayment .bg-blue .wrap-in .btn-wrap li.kpay:hover{
        background: none;
    }
    #easypayment .info-cont .info-panel .info-step li{
        width: 100%;
        text-align: left;
    }
    #easypayment .info-cont .info-panel .info-step li:not(:first-child){
        margin-left: 0;
    }
    #easypayment .info-cont .info-panel .info-step li .step-tit{
        padding: 0 25px;
        margin-top: 0;
    }
    #easypayment .info-cont .info-panel .info-step li .step-tit h4{
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 575px) {
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
        width: 72%;
        margin-left: 16%;
    }
}

@media only screen and (max-width: 425px) {
    #easypayment .sub-page-wrap .sub-tit-wrap .tit-wrap .img-box{
        width: 85%;
    }
    #easypayment .sub-page-wrap .sub-tit-wrap .btn-wrap li{
        width: 94px;
        font-size: 14px;
    }
    #easypayment .info-cont .info-panel .info-step li{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
}

#miricanvas .section1 {
    background: #fafafa
}

#miricanvas .section1 .txt {
    padding: 140px 35px 197px
}

#miricanvas .section1 .txt h2 {
    width: 314px;
    height: 73px;
    margin: 0 0 15px -35px;
    background: url("/images/info/miricanvas/sec1_logo.png")
}

#miricanvas .section1 .txt p {
    font-size: 5.2rem;
    font-weight: 300;
    line-height: 6.8rem;
}

#miricanvas .section1 .txt #aniTxt {
    display: inline-block;
    padding: 10px 0
}

#miricanvas .section1 .txt #aniTxt .Typewriter__wrapper {
    font-weight: 500;
    background: linear-gradient(to left, #0accac 10%, #75e494 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    color: #0accac;
    letter-spacing: -0.2rem
}

#miricanvas .section1 .txt #aniTxt .Typewriter__cursor {
    color: rgba(0,0,0,0)
}

#miricanvas .section1 .txt .tag {
    margin-top: 25px
}

#miricanvas .section1 .txt .tag span {
    margin-right: 18px;
    font-size: 1.8rem
}

#miricanvas .section1 .txt .tag b {
    font-size: 2.1rem;
    color: #2c8
}

#miricanvas .section1 .img {
    position: absolute;
    right: 25px;
    top: 240px
}

#miricanvas .section1 .img .pc {
    position: relative;
    width: 717px;
    height: 481px;
    background: url("/images/info/miricanvas/sec1_pc.png")
}

#miricanvas .section1 .img .pc img {
    position: absolute;
    right: 177px;
    top: 92px;
    width: 214px
}

#miricanvas .section1 .img .mobile {
    position: absolute;
    right: -18px;
    bottom: 26px;
    width: 259px;
    height: 379px;
    background: url("/images/info/miricanvas/sec1_mobile.png")
}

#miricanvas .section1 .img .mobile img {
    position: absolute;
    left: 86px;
    top: 114px;
    width: 137px
}

#miricanvas .section1 *[class*=circle-] {
    position: absolute;
    background: url("/images/info/miricanvas/sec1_circle.png")
}

#miricanvas .section1 .circle-lg {
    right: -18px;
    top: 160px;
    width: 535px;
    height: 535px
}

#miricanvas .section1 .circle-sm {
    left: 50%;
    bottom: 70px;
    margin-left: -105px;
    width: 152px;
    height: 152px;
    background-position: -535px 0
}

#miricanvas .section2 .video-section {
    width: 790px;
    height: 451px;
    margin: 0 auto 90px;
    padding-top: 29px;
    background: url("/images/info/miricanvas/sec2_pc.png")
}

#miricanvas .section2 .video-section .video-wrap {
    width: 596px;
    margin: 0 auto
}

#miricanvas .section2 .video-section .video-wrap .video-area {
    padding-top: 59.7315%
}

#miricanvas .section3 {
    padding: 100px 0;
    background: #fafafa
}

#miricanvas .section3 .txt {
    padding-left: 52px
}

#miricanvas .section3 .img {
    text-align: right
}

#miricanvas .section3 .img img {
    margin-right: -59px
}

#miricanvas .section4 {
    padding: 100px 0 50px
}

#miricanvas .section4 .txt {
    padding-right: 50px
}

#miricanvas .section4 .img .video-wrap {
    margin-top: -75px
}

#miricanvas .section4 .img .video-wrap .video-area {
    left: -120px;
    padding-top: 63%
}

#miricanvas .section5 {
    padding: 1px 0 140px;
    background: #f2f2f2
}

#miricanvas .section5 h2:before {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    margin: 0 auto 30px;
    background: #000
}

#miricanvas .section5 article {
    width: 1100px;
    margin: 60px auto 0;
    padding: 30px 50px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.05);
    box-shadow: 0 5px 10px rgba(0,0,0,.05)
}

#miricanvas .section5 article dl {
    position: relative;
    padding: 35px 0 35px 230px
}

#miricanvas .section5 article dl+dl {
    border-top: 2px dashed #f2f2f2
}

#miricanvas .section5 article dl dt {
    font-size: 2.3rem;
    color: #333;
    letter-spacing: -0.07rem
}

#miricanvas .section5 article dl dd {
    margin-top: 22px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.05rem;
    line-height: 3.2rem
}

#miricanvas .section5 article dl dd a {
    display: inline-block;
    border-bottom: 1px solid #2c8;
    color: #2c8;
    line-height: 2.1rem
}

#miricanvas .section5 article dl dd a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease,margin .2s linear;
    -moz-transition: opacity .4s ease,margin .2s linear;
    -ms-transition: opacity .4s ease,margin .2s linear;
    -o-transition: opacity .4s ease,margin .2s linear;
    transition: opacity .4s ease,margin .2s linear
}

#miricanvas .section5 article dl dd a:hover {
    border-color: rgba(0,0,0,0)
}

#miricanvas .section5 article dl dd a:hover:after {
    padding: 3px;
    margin-left: 7px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #24db92;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    filter: alpha(opacity=100)
}

#miricanvas .section5 article dl:before {
    content: "";
    position: absolute;
    left: 100px;
    top: 50%;
    margin-top: -20px;
    width: 60px;
    height: 40px;
    background: url("/images/info/miricanvas/sec5_num.png")
}

#miricanvas .section5 article dl:nth-child(2):before {
    background-position: -60px 0
}

#miricanvas .section5 article dl:nth-child(3):before {
    background-position: -120px 0
}

#miricanvas b,#miricanvas strong {
    font-weight: 500
}

#miricanvas .inner {
    position: relative;
    max-width: 1300px;
    margin: 0 auto
}

#miricanvas .inner-sm {
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

#miricanvas .inner-sm:before,#miricanvas .inner-sm:after {
    content: " ";
    display: table
}

#miricanvas .inner-sm:after {
    clear: both
}

#miricanvas .btn-go {
    display: inline-block;
    padding: 16px 45px 18px;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: -0.08rem;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

#miricanvas .btn-green {
    background: #2c8;
    color: #fff;
    overflow: hidden
}

#miricanvas .btn-green:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: #24db92;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    -ms-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease
}

#miricanvas .btn-green:hover:before {
    width: 100%
}

#miricanvas .main-tit {
    margin: 30px 0 42px
}

#miricanvas .main-tit.text-center {
    margin: 100px auto 35px
}

#miricanvas .main-tit h2 {
    margin-bottom: 25px;
    font-size: 4.6rem;
    font-weight: 400;
    line-height: 4.8rem;
    letter-spacing: -0.15rem
}

#miricanvas .main-tit p {
    font-size: 2rem;
    color: #666;
    line-height: 3rem;
}

#miricanvas .video-wrap {
    position: relative
}

#miricanvas .video-wrap .video-area {
    position: relative;
    height: 0;
    overflow: hidden
}

#miricanvas .video-wrap .video-area video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 100%;
    margin: auto
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    #miricanvas .section1 .txt #aniTxt .Typewriter__wrapper {
        background: rgba(0,0,0,0)
    }
}
#marketerlink .section1 {
    position: relative;
    padding: 260px 0;
    background: url("/images/info/marketerlink/sec1_bg.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

#marketerlink .section1 .txt p:nth-of-type(1) {
    font-size: 5.2rem;
    line-height: 5.2rem;
    letter-spacing: -0.1rem
}

#marketerlink .section1 .txt p:nth-of-type(3) {
    margin-top: 70px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #777
}

#marketerlink .section1 .txt p span {
    display: inline-block;
    font-size: 2.4rem
}

#marketerlink .section1 .txt p span+span {
    margin-left: 30px
}

#marketerlink .section1 .txt p .highlight:before {
    height: 8px
}

#marketerlink .section1 .txt h1 {
    margin: 25px 0 40px
}

#marketerlink .section1 .img {
    position: absolute;
    right: -32px;
    top: 50%;
    margin-top: -288px;
    width: 742px;
    height: 577px;
    background: url("/images/info/marketerlink/sec1_img1.png") no-repeat
}

#marketerlink .section1 .img .view {
    width: 652px;
    height: 487px;
    margin: 45px 35px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

#marketerlink .section2 ul {
    display: inline-block;
    position: relative;
    margin: 20px auto 100px
}

#marketerlink .section2 ul li {
    display: inline-block;
    padding: 0 38px;
    color: #ff6b80;
    vertical-align: middle;
    letter-spacing: -0.1rem
}

#marketerlink .section2 ul li * {
    display: block
}

#marketerlink .section2 ul li img {
    margin: 0 auto 25px
}

#marketerlink .section2 ul li.line {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 55px;
    height: 1px;
    z-index: -1;
    background: #ff6b80
}

#marketerlink .section2 .txt {
    position: relative;
    padding-top: 60px
}

#marketerlink .section2 .txt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 260px;
    background: url("/images/info/marketerlink/sec2_bg.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

#marketerlink .section2 .txt .item {
    display: table;
    margin: 0 auto;
    border-spacing: 25px 0
}

#marketerlink .section2 .txt dl {
    display: table-cell;
    width: 460px;
    padding: 60px 50px;
    background: #fff;
    vertical-align: top;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1)
}

#marketerlink .section2 .txt dl dt {
    margin-bottom: 35px;
    font-size: 3rem;
    color: #ff6b80
}

#marketerlink .section2 .txt dl dd {
    font-size: 1.8rem;
    font-weight: 400;
    color: #777;
    letter-spacing: -0.08rem;
    line-height: 3rem
}

#marketerlink .section2 .txt dl dd strong {
    font-size: 2rem;
    color: #000
}

#marketerlink .section2 .txt dl dd+dd {
    margin-top: 10px
}

#marketerlink .section2 .txt dl dd .highlight:before {
    bottom: 2px;
    height: 9px
}

#marketerlink .section2 .img {
    position: relative
}

#marketerlink .section2 .img .frame {
    width: 708px;
    height: 180px;
    margin: 200px auto 0;
    background: url("/images/info/marketerlink/sec2_img5.png") no-repeat center
}

#marketerlink .section2 .img .frame strong {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding: 50px 0;
    background: #ff6b80;
    font-size: 2.2rem;
    color: #fff;
    line-height: 2.6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#marketerlink .section2 .img .social img {
    position: absolute;
    left: 50%
}

#marketerlink .section2 .img .social .facebook {
    top: -30px;
    margin-left: -170px
}

#marketerlink .section2 .img .social .blog {
    top: -100px;
    margin-left: -94px
}

#marketerlink .section2 .img .social .youtube {
    top: -100px;
    margin-left: 20px
}

#marketerlink .section2 .img .social .insta {
    top: -25px;
    margin-left: 100px
}

#marketerlink .section2 .sub-txt {
    padding-top: 70px
}

#marketerlink .section3 {
    background: #f9f4f5
}

#marketerlink .section3 .img {
    position: relative;
    margin: 0 150px;
    text-align: left
}

#marketerlink .section3 .img .web {
    width: 984px;
    height: 580px;
    padding: 78px 0 0 11px;
    background: url("/images/info/marketerlink/sec3_img1.png")
}

#marketerlink .section3 .img .mobile {
    position: absolute;
    right: 0;
    top: 57px;
    width: 335px;
    height: 585px;
    padding: 15px 0 0 61px;
    background: url("/images/info/marketerlink/sec3_img2.png")
}

#marketerlink .section4 .main-tit {
    padding: 170px 0 0
}

#marketerlink .section4 .col-7 {
    padding: 100px 0;
    text-align: center
}

#marketerlink .section4 .col-7 .mobile {
    display: inline-block;
    position: relative;
    width: 228px;
    height: 407px;
    background: url("/images/info/marketerlink/sec4_img1.png")
}

#marketerlink .section4 .col-7 .mobile img {
    position: absolute
}

#marketerlink .section4 .col-7 .mobile img.insta {
    left: -175px;
    top: 35px
}

#marketerlink .section4 .col-7 .mobile img.blog {
    right: -180px;
    top: -5px
}

#marketerlink .section4 .col-7 .mobile img.youtube {
    right: -230px;
    top: 140px
}

#marketerlink .section4 .col-7 .mobile img.facebook {
    right: -52px;
    bottom: 2px
}

#marketerlink .section5 {
    background: #eee
}

#marketerlink .section5 ul {
    margin: 0 auto 140px
}

#marketerlink .section5 ul li {
    padding: 50px 150px 40px;
    background: #fff
}

#marketerlink .section5 ul li:before,#marketerlink .section5 ul li:after {
    content: " ";
    display: table
}

#marketerlink .section5 ul li:after {
    clear: both
}

#marketerlink .section5 ul li+li {
    margin-top: 20px
}

#marketerlink .section5 ul li .txt b {
    display: inline-block;
    padding: 3px 12px;
    border: 1px solid #888;
    font-size: 1.3rem;
    color: #555;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

#marketerlink .section5 ul li .txt strong {
    display: block;
    margin-top: 30px;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.6rem
}

#marketerlink .section5 ul li .txt strong em {
    color: #ff6b80
}

#marketerlink .section5 ul li .img {
    text-align: right
}

#marketerlink .section6 {
    padding-bottom: 100px
}

#marketerlink .section6 .txt {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 35px 0;
    border: 1px solid #ccc;
    text-align: left;
    letter-spacing: -0.1rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

#marketerlink .section6 .txt dl {
    display: table-cell;
    vertical-align: middle;
    padding: 18px 70px
}

#marketerlink .section6 .txt dl+dl {
    border-left: 2px solid #ccc
}

#marketerlink .section6 .txt dl dt {
    font-size: 3.2rem;
    font-weight: 400;
    color: #666
}

#marketerlink .section6 .txt dl dd {
    margin-top: 32px;
    font-size: 4rem;
    color: #444;
    line-height: 4rem
}

#marketerlink .section6 .txt dl dd strong {
    display: inline-block;
    font-size: 5.2rem
}

#marketerlink .section6 .btn-group .btn-go {
    width: 480px
}

#marketerlink .section6 .btn-group .btn-go+.btn-go {
    margin-left: 25px
}

#marketerlink .section7 {
    padding: 100px 0;
    color: #ddd;
    background: url("/images/info/marketerlink/sec7_bg.jpg") fixed no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

#marketerlink .section7 .inner>* {
    display: inline-block;
    vertical-align: top
}

#marketerlink .section7 h3 span {
    display: block;
    font-size: 2.4rem;
    font-weight: 400
}

#marketerlink .section7 h3 span.logo {
    margin: 4px 0 10px;
    background: url("/images/info/marketerlink/sec7_logo.png") no-repeat;
    width: 200px;
    height: 28px
}

#marketerlink .section7 ul {
    margin-left: 110px
}

#marketerlink .section7 ul li {
    font-size: 1.8rem;
    line-height: 3rem;
    text-indent: -1rem
}

#marketerlink .inner {
    position: relative;
    max-width: 1300px;
    margin: 0 auto
}

#marketerlink .btn-go {
    display: inline-block;
    padding: 28px;
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: -0.08rem
}

#marketerlink .btn-go:hover {
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

#marketerlink .btn-pink {
    border: 1px solid #ff6b80;
    background: #ff6b80;
    color: #fff
}

#marketerlink .btn-pink:hover {
    background: #ff576f
}

#marketerlink .btn-pink-line {
    border: 1px solid #ff6b80;
    background: #fff;
    color: #ff6b80
}

#marketerlink .btn-pink-line:hover {
    border-color: #ff3d59;
    color: #ff3d59
}

#marketerlink .main-tit {
    padding: 140px 0 100px
}

#marketerlink .main-tit h2 {
    font-size: 5.2rem;
    font-weight: 300;
    line-height: 7rem;
    letter-spacing: -0.15rem
}

#marketerlink .main-tit h2+.sub-txt {
    padding-top: 60px
}

#marketerlink .sub-txt {
    padding: 100px 0 140px;
    font-size: 2rem;
    font-weight: 400;
    color: #777;
    line-height: 3.1rem
}

#marketerlink .highlight {
    position: relative
}

#marketerlink .highlight:before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: 0;
    background: rgba(230,46,71,.2)
}

#hanjinlinkage .title {
    text-align: center
}

#hanjinlinkage .title h3 {
    font-size: 4.4rem;
    line-height: 4.8rem
}

#hanjinlinkage .title p {
    margin-top: 30px;
    font-size: 2rem;
    line-height: 3rem;
    color: #666
}

#hanjinlinkage .section1 {
    position: relative;
    background: #f9f9fb
}

#hanjinlinkage .section1 .circle-bg {
    background: url("/images/info/hanjinlinkage/circle_bg.png") no-repeat
}

#hanjinlinkage .section1 .txt {
    padding: 251px 0
}

#hanjinlinkage .section1 .txt h2 {
    position: relative;
    font-size: 5.2rem;
    line-height: 5.6rem;
    color: #0a214c
}

#hanjinlinkage .section1 .txt h2:after {
    display: inline-block;
    content: "";
    width: 120px;
    height: 48px;
    background: url("/images/info/hanjinlinkage/label_beta.png") no-repeat;
    position: absolute;
    left: 458px;
    top: -14px
}

#hanjinlinkage .section1 .txt p {
    margin-top: 44px;
    font-size: 2rem;
    line-height: 3rem;
    color: #666;
    font-weight: 400
}

#hanjinlinkage .section1 .obj>div {
    position: absolute
}

#hanjinlinkage .section1 .obj .logo-hanjin {
    width: 174px;
    height: 174px;
    top: 163px;
    right: -12px
}

#hanjinlinkage .section1 .obj .logo-blogpay {
    width: 161px;
    height: 161px;
    bottom: 78px;
    right: 594px
}

#hanjinlinkage .section1 .obj .obj1 {
    width: 54px;
    height: 54px;
    bottom: 315px;
    right: 582px
}

#hanjinlinkage .section1 .obj .obj2 {
    width: 54px;
    height: 54px;
    top: 122px;
    right: 241px
}

#hanjinlinkage .section1 .obj .obj3 {
    width: 54px;
    height: 54px;
    bottom: 119px;
    right: 237px
}

#hanjinlinkage .section2 {
    padding: 157px 0 160px
}

#hanjinlinkage .section2 .step-section {
    margin-top: 30px;
    position: relative
}

#hanjinlinkage .section2 .step-section .step-slide {
    padding-top: 178px
}

#hanjinlinkage .section2 .step-section .step-slide .step1 .obj1 {
    position: absolute;
    right: 114px;
    bottom: 152px
}

#hanjinlinkage .section2 .step-section .step-slide .step1 .obj2 {
    position: absolute;
    left: 165px;
    bottom: 241px
}

#hanjinlinkage .section2 .step-section .step-slide .step2 .obj3 {
    position: absolute;
    right: 262px;
    top: 166px
}

#hanjinlinkage .section2 .step-section .step-slide .step3 .obj4 {
    position: absolute;
    right: 114px;
    bottom: 152px
}

#hanjinlinkage .section2 .step-section .slick-dots {
    width: 88%
}

#hanjinlinkage .section2 .step-section .slick-dots li {
    position: relative
}

#hanjinlinkage .section2 .step-section .slick-dots li+li {
    margin-left: 40px
}

#hanjinlinkage .section2 .step-section .slick-dots li button {
    width: 300px;
    height: 96px;
    background: rgba(0,0,0,0);
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px
}

#hanjinlinkage .section2 .step-section .slick-dots li:first-child button {
    background: url("/images/info/hanjinlinkage/step_num1.png") no-repeat
}

#hanjinlinkage .section2 .step-section .slick-dots li:first-child.slick-active button {
    background: url("/images/info/hanjinlinkage/step_num1_active.png") no-repeat
}

#hanjinlinkage .section2 .step-section .slick-dots li:nth-child(2) button {
    background: url("/images/info/hanjinlinkage/step_num2.png") no-repeat
}

#hanjinlinkage .section2 .step-section .slick-dots li:nth-child(2).slick-active button {
    background: url("/images/info/hanjinlinkage/step_num2_active.png") no-repeat
}

#hanjinlinkage .section2 .step-section .slick-dots li:last-child button {
    background: url("/images/info/hanjinlinkage/step_num3.png") no-repeat
}

#hanjinlinkage .section2 .step-section .slick-dots li:last-child.slick-active button {
    background: url("/images/info/hanjinlinkage/step_num3_active.png") no-repeat
}

#hanjinlinkage .section2 .step-section .slick-dots li:not(:first-child):before {
    display: inline-block;
    content: "";
    width: 13px;
    height: 24px;
    background: url("/images/info/hanjinlinkage/right_arrow.png") no-repeat;
    position: absolute;
    top: 36px;
    left: -25px
}

#hanjinlinkage .section3 {
    padding: 157px 0 160px;
    background: #f1f3f8
}

#hanjinlinkage .section3 .way-section {
    margin-top: 90px;
    text-align: center
}

#hanjinlinkage .section3 .way-section .way {
    display: inline-block;
    padding: 0 30px;
    width: 516px;
    height: 590px;
    vertical-align: top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 1px 10px -5px rgba(29,34,46,.4)
}

#hanjinlinkage .section3 .way-section .way h5 {
    padding: 50px 0 35px;
    font-size: 3.4rem;
    line-height: 3.8rem;
    border-bottom: 1px solid #f1f4f8
}

#hanjinlinkage .section3 .way-section .way ul {
    padding: 55px 0 65px;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 400
}

#hanjinlinkage .section3 .way-section .way ul li {
    position: relative
}

#hanjinlinkage .section3 .way-section .way ul li+li {
    padding-top: 48px
}

#hanjinlinkage .section3 .way-section .way ul li:not(:last-child):after {
    display: block;
    content: "";
    width: 23px;
    height: 12px;
    background: url("/images/info/hanjinlinkage/down_arrow.png") no-repeat;
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

#hanjinlinkage .section3 .way-section .before-way {
    background: #fff
}

#hanjinlinkage .section3 .way-section .before-way ul {
    color: #666
}

#hanjinlinkage .section3 .way-section .after-way {
    margin-left: 50px;
    background: #06f url("/images/info/hanjinlinkage/way_bg.png") no-repeat;
    color: #fff
}

#hanjinlinkage .section3 .way-section .after-way h5 {
    border-bottom: 1px solid rgba(255,255,255,.3)
}

#hanjinlinkage .section3 .way-section .after-way:after {
    margin-top: 28px;
    display: inline-block;
    content: "";
    width: 254px;
    height: 65px;
    background: url("/images/info/hanjinlinkage/way_text.png") no-repeat
}

#hanjinlinkage .section4 {
    padding: 147px 0 124px
}

#hanjinlinkage .section4 .review-section {
    padding: 0 50px
}

#hanjinlinkage .section4 .review-section .review {
    padding: 86px 90px 0;
    display: inline-block;
    width: 560px;
    height: 320px;
    background: url("/images/info/hanjinlinkage/review_bg.png") no-repeat;
    position: relative
}

#hanjinlinkage .section4 .review-section .review:first-child {
    vertical-align: top
}

#hanjinlinkage .section4 .review-section .review p {
    font-size: 2.3rem;
    line-height: 3.8rem
}

#hanjinlinkage .section4 .review-section .review span {
    margin-top: 28px;
    display: inline-block;
    color: #666;
    font-size: 2rem
}

#hanjinlinkage .section4 .review-section .review:before {
    display: inline-block;
    content: "";
    width: 133px;
    height: 166px;
    background: url("/images/info/hanjinlinkage/review_face1.png") no-repeat;
    position: absolute;
    bottom: -35px;
    left: -50px
}

#hanjinlinkage .section4 .review-section .review:nth-child(2) {
    margin: 110px 0 0 70px;
    text-align: right
}

#hanjinlinkage .section4 .review-section .review:nth-child(2):before {
    background: url("/images/info/hanjinlinkage/review_face2.png") no-repeat;
    left: auto;
    right: -50px
}

#hanjinlinkage .section4 .review-section a {
    margin: 116px auto 0;
    display: block;
    font-size: 3rem;
    width: 500px;
    padding: 36px 15px;
    background: #000;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-weight: 600
}

#hanjinlinkage .section5 {
    padding: 130px 60px 150px;
    background: #f1f5fa
}

#hanjinlinkage .section5 .notice-section {
    position: relative
}

#hanjinlinkage .section5 .notice-section h6 {
    font-size: 4rem;
    line-height: 4.4rem
}

#hanjinlinkage .section5 .notice-section ul {
    margin: 90px 0 0 260px;
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: #333
}

#hanjinlinkage .section5 .notice-section ul li+li {
    margin-top: 12px
}

#hanjinlinkage .section5 .notice-section:before {
    display: inline-block;
    content: "";
    width: 206px;
    height: 206px;
    background: url("/images/info/hanjinlinkage/ico_notice.png") no-repeat;
    position: absolute;
    top: 130px
}

.naverpay section {
    text-align: center
}

.naverpay section:first-child {
    height: 590px;
    padding-top: 90px;
    background: #00c73c
}

.naverpay section:nth-child(2) {
    padding-bottom: 125px;
    background: #fafafa
}

.naverpay section:nth-child(2) img:nth-child(1) {
    margin-top: -85px
}

.naverpay section:nth-child(2) img:nth-child(2) {
    margin: 130px 0 59px
}

.naverpay section:last-child {
    height: 390px;
    padding-top: 130px;
    background: url("/images/info/kakaopay/img_kakaopay_bg.png") no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}


@keyframes visualSlide {
    from {
        -webkit-transform: translateX(-80%);
        -moz-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        -o-transform: translateX(-80%);
        transform: translateX(-80%)
    }

    to {
        -webkit-transform: translateX(40%);
        -moz-transform: translateX(40%);
        -ms-transform: translateX(40%);
        -o-transform: translateX(40%);
        transform: translateX(40%)
    }
}
#makelink .inner {
    width: 1300px;
    max-width: 95%
}
#makelink .img-area,#makelink .text-area {
    position: relative;
    float: left;
    width: 50%
}
#makelink .text-point {
    color: #f7751b
}
#makelink h3 {
    margin-bottom: 40px;
    font-size: 47px;
    line-height: 65px;
}
#makelink h3+p {
    font-size: 22px;
    line-height: 35px;
    letter-spacing: -1px
}

#makelink .link-mainsection {
    position: relative;
    padding: 100px 0
}

#makelink .link-mainsection h3 {
    line-height: 75px;
    font-weight: 400;
    margin: 30px 0
}

#makelink .link-mainsection .slide-area {
    position: absolute;
    top: 50%;
    width: 80%;
    margin-top: -105px;
    overflow: hidden
}

#makelink .link-mainsection .slide-area img {
    -webkit-animation: visualSlide 10s infinite ease-in-out;
    -o-animation: visualSlide 10s infinite ease-in-out;
    animation: visualSlide 10s infinite ease-in-out
}

#makelink .link-mainsection .img-area {
    width: 40%;
    text-align: right
}

#makelink .link-mainsection .img-area img {
    height: 700px;
    border: 14px solid #eee;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: -20px 25px 19px -5px rgba(0,0,0,.25);
    -moz-box-shadow: -20px 25px 19px -5px rgba(0,0,0,.25);
    box-shadow: -20px 25px 19px -5px rgba(0,0,0,.25)
}

#makelink .link-mainsection .text-area {
    width: 60%;
    margin-top: 12%;
    padding-left: 5%;
    background: #fff
}

#makelink .link-mainsection .text-area strong {
    font-size: 20px
}

#makelink .link-mainsection .text-area strong:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin-top: 5.5%;
    background: #ff6c00
}

#makelink .link-mainsection button {
    padding: 19px 35px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: -moz-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%);
    background: -webkit-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%);
    background: -o-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%);
    background: -ms-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%)
}

#makelink .link-mainsection button+button {
    margin-left: 10px
}

#makelink .bg-area {
    padding: 90px 0;
    text-align: center;
    color: #fff;
    background: url("/images/info/makelink/bg_pattern02.jpg") center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#makelink .bg-area .input-box {
    position: relative;
    max-width: 800px;
    margin: 0 auto
}

#makelink .bg-area .input-box h3 {
    margin-bottom: 55px
}

#makelink .bg-area .input-box input {
    width: 100%;
    padding: 18px 85px 18px 260px;
    font-size: 32px;
    font-weight: 600;
    background: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px
}

#makelink .bg-area .input-text {
    position: absolute;
    top: 15px;
    left: 30px
}

#makelink .bg-area .input-text+button {
    position: absolute;
    top: 12px;
    right: 15px;
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("/images/info/makelink/btn_next_orange.png") center no-repeat
}

#makelink .bg-area .input-text span {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    font-weight: 300;
    color: #000
}

#makelink .bg-area .guide-text {
    max-width: 800px;
    text-align: left;
    margin: 15px auto 0
}

#makelink .bg-area a {
    display: inline-block;
    padding: 19px 65px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px
}

#makelink .bg-area p {
    margin-top: 35px;
    font-size: 24px
}

#makelink .bg-area.bottom-bg {
    background: url("/images/info/makelink/bg_pattern01.jpg") center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#makelink .ico-symbol-orange {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    background: url("/images/info/makelink/ico_symbol_orange.png") center no-repeat
}

#makelink .ico-info-white {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: sub;
    background: url("/images/info/makelink/ico_info_white.png") center no-repeat
}

#makelink .beige-section {
    position: relative;
    padding: 130px 0 0;
    margin-bottom: 65px;
    text-align: center;
    background: #f8f4f0;
    overflow: hidden
}

#makelink .beige-section .img-box {
    position: relative;
    width: 350px;
    padding-top: 75px;
    margin: 60px auto 0;
    background: #fff;
    -webkit-border-radius: 40px 40px 0 0;
    -moz-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0;
    -webkit-box-shadow: 25px 10px 19px -5px rgba(0,0,0,.1);
    -moz-box-shadow: 25px 10px 19px -5px rgba(0,0,0,.1);
    box-shadow: 25px 10px 19px -5px rgba(0,0,0,.1)
}

#makelink .beige-section .img-box:after {
    content: "";
    position: absolute;
    top: 35px;
    left: 50%;
    width: 15%;
    height: 10px;
    margin-left: -7.5%;
    background: #ece6e1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#makelink .beige-section .img-box img {
    border: solid #ece6e1;
    border-width: 1px 1px 0;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0
}

#makelink .beige-section .per-pattern {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background: url("/images/info/makelink/bg_pattern03.png") center no-repeat
}

#makelink .beige-section.function-area {
    padding: 130px 0;
    margin: 100px 0 0
}

#makelink .beige-section.function-area .slick-list {
    overflow: hidden
}

#makelink .beige-section.function-area .moreFunction {
    margin: 80px auto 0;
    padding: 0 40px
}

#makelink .beige-section.function-area .moreFunction h4 {
    margin: 40px 0 35px;
    font-size: 28px;
    font-weight: 600
}

#makelink .beige-section.function-area .moreFunction h4+p {
    font-size: 18px;
    line-height: 26px;
    color: #666
}

#makelink .beige-section.function-area .moreFunction .function-list {
    padding: 10px
}

#makelink .beige-section.function-area .moreFunction .function-list .list-box {
    padding: 60px 10px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#makelink .beige-section.function-area .moreFunction .slick-prev {
    position: absolute;
    top: 57%;
    left: -30px;
    width: 30px;
    height: 62px;
    font-size: 0;
    background: url("/images/info/makelink/ico_arrow_left.png")
}

#makelink .beige-section.function-area .moreFunction .slick-next {
    position: absolute;
    top: 57%;
    right: -30px;
    width: 30px;
    height: 62px;
    font-size: 0;
    background: url("/images/info/makelink/ico_arrow_right.png") no-repeat center
}

#makelink .beige-section.function-area .moreFunction .slick-dots {
    margin-top: 50px
}

#makelink .beige-section.function-area .moreFunction .slick-dots li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#makelink .beige-section.function-area .moreFunction .slick-dots li.slick-active {
    background: #fe7b1a
}

#makelink .beige-section.function-area .moreFunction .slick-dots button {
    font-size: 0
}

#makelink .beige-section.function-area .ico {
    width: 122px;
    height: 120px
}

#makelink .beige-section.function-area .ico-function01 {
    background: url("/images/info/makelink/function01.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function02 {
    background: url("/images/info/makelink/function02.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function03 {
    background: url("/images/info/makelink/function03.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function04 {
    background: url("/images/info/makelink/function04.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function05 {
    background: url("/images/info/makelink/function05.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function06 {
    background: url("/images/info/makelink/function06.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function07 {
    background: url("/images/info/makelink/function07.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function08 {
    background: url("/images/info/makelink/function08.png") no-repeat center
}

#makelink .beige-section.function-area .ico-function09 {
    background: url("/images/info/makelink/function09.png") no-repeat center
}

#makelink .rading-section {
    padding: 65px 0
}

#makelink .rading-section .text-area {
    padding: 0 9%;
    margin-top: 12%
}

#makelink .rading-section .img-area {
    height: 570px;
    padding: 0 2%;
    overflow: hidden
}

#makelink .rading-section .img-area video {
    max-width: 100%
}

#makelink .rading-section .img-area.slide-img {
    height: 380px;
    max-height: 40vw;
    padding-right: 10%;
    margin-top: 7%
}

#makelink .rading-section .slick-dots {
    width: 100%;
    margin-top: 3%;
    padding-right: 3%;
    text-align: right
}

#makelink .rading-section .slick-dots li {
    display: inline-block;
    width: 2.5vw;
    height: 2.5vw;
    max-width: 35px;
    max-height: 35px;
    margin: 0 1%;
    vertical-align: top;
    cursor: pointer;
    opacity: .6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#makelink .rading-section .slick-dots li button {
    font-size: 0
}

#makelink .rading-section .slick-dots li:nth-child(1) {
    background: -moz-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%);
    background: -webkit-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%);
    background: -o-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%);
    background: -ms-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%)
}

#makelink .rading-section .slick-dots li:nth-child(2) {
    background: -moz-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%);
    background: -webkit-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%);
    background: -o-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%);
    background: -ms-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%)
}

#makelink .rading-section .slick-dots li:nth-child(3) {
    background: -moz-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%);
    background: -webkit-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%);
    background: -o-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%);
    background: -ms-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%)
}

#makelink .rading-section .slick-dots li:nth-child(4) {
    background: -moz-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%);
    background: -webkit-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%);
    background: -o-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%);
    background: -ms-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%)
}

#makelink .rading-section .slick-dots li:nth-child(5) {
    background: -moz-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%);
    background: -webkit-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%);
    background: -o-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%);
    background: -ms-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%)
}

#makelink .rading-section .slick-dots li.slick-active {
    opacity: 1;
    -webkit-box-shadow: 2px 2px 7px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 2px 2px 7px 0 rgba(0,0,0,.25);
    box-shadow: 2px 2px 7px 0 rgba(0,0,0,.25)
}

#makelink .rading-section .slick-list {
    margin-top: 7%;
    margin-left: -27%;
    overflow: hidden
}

#makelink .rading-section .mobile-box {
    position: absolute;
    top: 10px;
    left: 8px;
    display: block;
    width: 41%;
    height: 97%;
    padding-top: 33%;
    background: #fff;
    -webkit-box-shadow: 7px 3px 16px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 7px 3px 16px 3px rgba(0,0,0,.1);
    box-shadow: 7px 3px 16px 3px rgba(0,0,0,.1);
    -webkit-border-radius: 40px 40px 0 0;
    -moz-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0
}

#makelink .rading-section .mobile-box .mobile-list {
    width: 82%;
    height: 45px;
    margin: 6% auto;
    background: #f2f2f2;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#makelink .slick-initialized .slick-slide {
    display: inline-block;
    padding: 12px 28px
}

#makelink .slick-initialized .slick-slide.slick-current.slick-active img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04)
}

#franchise {
    font-weight: 400;
    letter-spacing: -0.12rem
}

#franchise section:not(.section1) {
    padding: 110px 0
}

#franchise .inner {
    position: relative;
    max-width: 1300px;
    margin: 0 auto
}

#franchise .btn-go {
    display: inline-block;
    width: 180px;
    padding: 19px 0 20px;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: -0.08rem;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

#franchise .btn-blue {
    background: #1553ff;
    color: #fff
}

#franchise .btn-blue:hover {
    background: #003ee7;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

#franchise .main-tit {
    padding-top: 80px;
    padding-left: 90px
}

#franchise .main-tit.text-center {
    padding: 0
}

#franchise .main-tit.text-center h2 {
    margin-top: 0
}

#franchise .main-tit h2 {
    margin: 40px auto 25px;
    font-size: 5.2rem;
    font-weight: 400;
    line-height: 7rem;
    letter-spacing: -0.25rem
}

#franchise .main-tit p {
    font-size: 2.2rem;
    color: #666;
    line-height: 3.8rem
}

#franchise .section1 {
    padding: 150px 0 80px;
    background: #e2e9f5
}

#franchise .section1 h2 {
    font-size: 5.8rem;
    line-height: 7.4rem;
    letter-spacing: -0.3rem
}

#franchise .section1 h2 span {
    font-weight: 400
}

#franchise .section1 p {
    margin: 20px auto 50px;
    font-size: 1.8rem;
    color: #666;
    line-height: 3.4rem
}

#franchise .section1 .img {
    position: relative
}

#franchise .section1 .img .screen {
    margin-left: -40px
}

#franchise .section1 .img span {
    position: absolute;
    left: 50%;
    width: 170px;
    padding: 16px 0;
    background: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 23px 10px 55px rgba(0,0,0,.17);
    -moz-box-shadow: 23px 10px 55px rgba(0,0,0,.17);
    box-shadow: 23px 10px 55px rgba(0,0,0,.17)
}

#franchise .section1 .img .tag1 {
    top: 100px;
    margin-left: -380px
}

#franchise .section1 .img .tag2 {
    top: 200px;
    margin-left: -340px
}

#franchise .section1 .img .tag3 {
    top: 250px;
    margin-left: 150px
}

#franchise .section2 .zoom {
    position: absolute;
    right: 62px;
    top: 127px
}

#franchise .section3 {
    background: #253560
}

#franchise .section3 h2 {
    color: #fff
}

#franchise .section3 h2+p {
    color: #eee
}

#franchise .section3 .img {
    height: 506px;
    background: url("/images/info/franchisereseller/sec3_img1.png") no-repeat right center
}

#franchise .section3 .item {
    margin: 10px 90px 0 0
}

#franchise .section4 {
    background: #f5f6fa
}

#franchise .section4 .main-tit {
    padding-top: 40px
}

#franchise .section4 .img {
    height: 441px;
    background: url("/images/info/franchisereseller/sec4_img1.png") no-repeat 50px center
}

#franchise .section4 .control {
    position: absolute;
    left: 299px;
    bottom: 45px
}

#franchise .section5 .main-tit {
    padding-top: 0
}

#franchise .section5 .img {
    height: 359px;
    background: url("/images/info/franchisereseller/sec5_img1.png") no-repeat right center
}

#franchise .section5 .item {
    margin-left: 147px
}

#franchise .section6 {
    background: url("/images/info/franchisereseller/sec6_bg.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover
}

#franchise .section6 p {
    font-size: 3.4rem;
    font-weight: 300;
    color: #fff;
    line-height: 5.2rem
}

#franchise .section7 ol {
    position: relative
}

#franchise .section7 ol li:not(:last-child) {
    margin-bottom: 45px
}

#franchise .section7 .num {
    display: block;
    float: left;
    width: 90px;
    height: 90px;
    padding: 17px 0;
    background: #ebebeb;
    font-size: 1.8rem;
    color: #666;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#franchise .section7 .num b {
    display: block;
    margin-bottom: 8px;
    font-size: 2.6rem;
    color: #000
}

#franchise .section7 .txt {
    margin-left: 120px;
    padding: 14px 0
}

#franchise .section7 .txt h3 {
    font-size: 2.8rem;
    font-weight: 500
}

#franchise .section7 .txt p {
    margin-top: 12px;
    font-size: 1.9rem;
    color: #8f8f8f;
    line-height: 3rem
}

#franchise .section7 .line {
    position: absolute;
    left: 45px;
    top: 0;
    width: 2px;
    height: 0;
    background: #ebebeb
}

#franchise .section7 .line.aos-animate {
    height: 100%;
    -webkit-transition: height 3.7s linear;
    -moz-transition: height 3.7s linear;
    -ms-transition: height 3.7s linear;
    -o-transition: height 3.7s linear;
    transition: height 3.7s linear
}

#franchise .section8 {
    position: relative
}

#franchise .section8:before,#franchise .section8:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0
}

#franchise .section8:after {
    background: url("/images/info/franchisereseller/sec8_bg.png") no-repeat center;
    -webkit-background-size: 102%;
    background-size: 102%;
    opacity: 0;
    filter: alpha(opacity=0)
}

#franchise .section8:before {
    z-index: -1;
    background: #f5f5f5
}

#franchise .section8.aos-animate:before,#franchise .section8.aos-animate:after {
    left: 0;
    width: 100%;
    moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

#franchise .section8.aos-animate:before {
    -webkit-transition: .7s linear;
    -moz-transition: .7s linear;
    -ms-transition: .7s linear;
    -o-transition: .7s linear;
    transition: .7s linear
}

#franchise .section8.aos-animate:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .8s linear,opacity 1s linear;
    -moz-transition: all .8s linear,opacity 1s linear;
    -ms-transition: all .8s linear,opacity 1s linear;
    -o-transition: all .8s linear,opacity 1s linear;
    transition: all .8s linear,opacity 1s linear
}

#franchise .section8 .btn-group {
    position: relative;
    z-index: 1;
    margin-top: 55px
}

#franchise .section8 .btn-group a {
    margin: 0 6px
}

@font-face {
    font-family: "GmarketSansMedium";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

#developer{
    letter-spacing: -0.2px;
    line-height: normal;
    color: #0C254B;
}
#developer .tit{
    text-align: center;
}
#developer .tit h3{
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
}
#developer .txt{
    color:#ffffff;
}
#developer .ico{
    vertical-align: middle;
    display: inline-block;
}
#developer .use-m{
    display: none;
}
/* container */
#developer .section01{
    background: url("/images/info/developer/img_developer_bg01.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 141px 0;
    overflow: hidden;
}
#developer .section01 .txt{
    float: left;
    margin-top: 24px;
}
#developer .section01 .txt span{
    font-size: 16px;
    font-weight: 600;
    background-color: #2A3B95;
    border-radius: 50px;
    padding: 10px 23px 9px;
    letter-spacing: 1.406px;
    display: inline-block;
    margin-bottom: 25px;
}
#developer .section01 .txt h2{
    font-size: 56px;
    font-weight: 400;
}
#developer .section01 .txt h2 strong{
    font-size: 76px;
}
#developer .section01 .txt p{
    font-size: 24px;
    font-weight: 200;
    opacity: 70%;
    margin-top: 20px;
}
#developer .section01 .obj-box{
    float: right;
}
#developer .section01 .obj-box .use-pc{
    width: 570px;
}
#developer .section01 .badge{
    position: relative;
    display: flex;
    bottom: 37px;
    margin-bottom: -37px;
    left: 285px;
    align-items: center;
}
#developer .section01 .badge div{
    padding: 17px;
    background-color: #0000A5;
    border-radius: 15px;
}
#developer .section01 .badge .ico-badge{
    background: url("/images/info/developer/img_developer_ico01.svg") no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
}
#developer .section01 .badge span{
    font-size: 32px;
    font-weight: 600;
    padding: 18px 40px 19px;
    background-color: #00A9D9;
    border-radius: 45px;
    color: #ffffff;
    margin-left: 10px;
}
#developer .section02{
    background: #E6E8EC;
    padding: 130px 0 120px 0;
}
#developer .section02 .tit{
    margin-bottom: 66px;
}
#developer .section02 .cont ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
#developer .section02 .cont ul li{
    width: calc((100% - 80px) / 4);
    padding: 70px 0;
    background-color: #ffffff;
    border-radius: 12px;
    text-align: center;
    margin: 10px;
}
#developer .section02 .cont ul li img{
    display: block;
    margin: auto;
    margin-bottom: 16px;
}
#developer .section02 .cont ul li strong{
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2176;
}
#developer .section02 .cont ul li p{
    font-size: 16px;
    color: #32435D;
    font-weight: 400;
    line-height: 1.625;
    margin-top: 14px;
}
#developer .section03{
    background-color: #F5F6FA;
    padding: 130px 0 140px;
}
#developer .section03 .tit{
    margin-bottom: 76px;
}
#developer .section03 .cont{
    background-color: #ffffff;
    padding: 84px 84px;
    border-radius: 12px;
    margin: 0 10px;
}
#developer .section03 .cont dl{
    margin-bottom: 48px;
    letter-spacing: -0.8px;
}
#developer .section03 .cont dl:last-child{
    margin-bottom: 0;
}
#developer .section03 .cont dl:last-child dt{
    line-height: 150px;
}
#developer .section03 .cont dl dt{
    font-size: 22px;
    font-weight: 700;
    margin-right: 59px;
    float: left;
    line-height: 1.182;
}
#developer .section03 .cont dl dd{
    font-size: 22px;
    font-weight: 400;
    color: #32435D;
    line-height: 1.182;
}
#developer .section03 .cont dl:last-child dd{
    font-size: 0;
}
#developer .section03 .cont dl:last-child dd span{
    position: relative;
    font-size: 19px;
    font-weight: 500;
    width: 150px;
    height: 150px;
    background-color: #F8F8F9;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 150px;
    margin-right: 32px;
}
#developer .section03 .cont dl:last-child dd span::after{
    display: block;
    content: '';
    background: url("/images/info/developer/img_developer_ico10.svg") no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
}
#developer .section03 .cont dl:last-child dd span:last-child::after{
    display: none;
}
#developer .section03 .cont dl:last-child dd span:last-child{
    background-color: #000038;
    color: #ffffff;
    margin-right: 0;
}
#developer .section04{
    background:#293C9B url("/images/info/developer/img_developer_bg03.png") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 110px 0 98px;
    overflow: hidden;
    position: relative;
}
#developer .section04 .txt-area{
    text-align: center;
    position: relative;
    z-index: 1;
}
#developer .section04 .txt h2{
    font-size: 52px;
    font-weight: 700;
}
#developer .section04 .txt p{
    font-size: 23px;
    font-weight: 400;
    margin: 20px 0 45px;
    color: #99A8FF;
}
#developer .section04 a{
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: #01092B;
    border-radius: 4px;
    padding: 23px 66px 24px 75px;
    display: inline-block;
}
#developer .section04 .ico-arrow{
    background: url("/images/info/developer/img_developer_ico11.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    margin: -3px 0 0 12px;
}
@media screen and (max-width: 1200px){
    #developer.container{
        min-width: 100%;
    }
    #developer .section02 .tit{
        margin-bottom: 71px;
    }
    #developer .section02 .cont ul li{
        width: calc((100% - 40px) / 4);
        padding: 60px 0;
        margin: 5px;
    }
    #developer .section03 .cont{
        padding: 7.25vw 0 7.25vw 8.5vw;
    }
    #developer .section03 .cont dl dt{
        padding-left: 3.5vw;
    }
    #developer .section03 .cont dl:last-child{
        display: flex;
        flex-direction: column;
    }
    #developer .section03 .cont dl:last-child dt{
        margin-bottom: 2.25vw;
        line-height: initial;
        margin-right: 0;
    }
}
@media screen and (max-width: 1080px){
    #developer .section01 .txt{
        padding-left: 10.5vw;
        margin-bottom: 4vw;
        margin-top: 0;
    }
    #developer .section01 .obj-box{
        padding-right: 8.5vw;
    }
    #developer .section01 .badge{
        left: 250px;
    }
    #developer .section01 .badge div{
        padding: 1.85vw;
    }
    #developer .section01 .badge span{
        padding: 2vw 4vw;
        margin-left: 1.5vw;
    }
    #developer .section03 .cont{
        padding: 7.25vw 0 7.25vw 5.5vw;
    }
    #developer .section03 .cont dl dt{
        padding-left: 3.85vw;
    }
}
@media screen and (max-width: 1024px){
    #developer .section01,
    #developer .section02{
        padding: 11vw 0;
    }
    #developer .section01 .txt{
        padding-left: 14.5vw;
        margin-bottom: 6.65vw;
    }
    #developer .section01 .obj-box{
        padding-right: 12.5vw;
    }
    #developer .section02 .cont{
        padding: 0 7.85vw;
    }
    #developer .section02 .tit{
        margin-bottom: calc(6vw - 10px);
    }
    #developer .section02 .cont ul li {
        width: calc((100% - 40px) / 2);
        padding: 8.25vw 0;
        margin: 10px;
    }
    #developer .section03{
        padding: 11vw 0 12vw 0;
    }
    #developer .section03 .cont{
        margin: 0 8.85vw;
    }
    #developer .section03 .tit{
        margin-bottom: 6vw;
    }
    #developer .section03 .cont{
        padding: 6.65vw 0;
    }
    #developer .section03 .cont dl{
        margin-bottom: 3.85vw;
    }
    #developer .section03 .cont dl dt{
        padding-left: calc(3.85vw + 30px);
        line-height: 1.5;
    }
    #developer .section03 .cont dl dd{
        display: table;
        padding-right: calc(3.85vw + 30px);
        line-height: 1.5;
    }
    #developer .section03 .cont dl:last-child dt{
        margin-bottom: 2.85vw;
    }
    #developer .section03 .cont dl:last-child dd{
        overflow-x: auto;
        white-space: nowrap;
        padding-left: 30px;
        padding-right: 30px;
        display: initial;
    }
    #developer .section04 .txt h2{
        font-size: 46px;
    }
    #developer .section04 .txt p{
        font-size: 20px;
    }
    #developer .section04 a{
        font-size: 17px;
        padding: 20px 50px 21px 64px;
    }
}
@media screen and (max-width: 991px){
    #developer .section01 .txt{
        margin-bottom: 7.5vw;
        padding-left: 10.85vw;
    }
    #developer .section01 .obj-box{
        padding-right: 8.5vw;
        margin-top: 0;
    }
    #developer .section01 .badge{
        left: 274px;
    }
    #developer .section02 .cont ul li img{
        width: 8.65vw;
    }
    #developer .section03 .cont dl dt{
        padding-left: calc(4.15vw + 20px);
        line-height: 1.682;
        margin-right: 50px;
    }
    #developer .section03 .cont dl dd{
        padding-right: calc(4.15vw + 20px);
        line-height: 1.682;
    }
    #developer .section03 .cont dl:last-child dd{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 875px){
    #developer .section03 .cont dl dt{
        padding-left: calc(4.7vw + 20px);
    }
    #developer .section03 .cont dl dd{
        padding-right: calc(4.7vw + 20px);
    }
}
@media screen and (max-width: 768px){
    #developer .use-pc{
        display: none;
    }
    #developer .use-m{
        display: block;
    }
    #developer .txt{
        text-align: center;
    }
    #developer .tit span{
        display: block;
    }
    #developer .tit h3{
        font-size: 9.375vw;
        line-height: 1.1945;
    }
    #developer .section01{
        background: url("/images/info/developer/img_developer_bg02.png") no-repeat;
        padding: 19.531vw 0;
        background-size: cover;
    }
    #developer .section02 .tit,
    #developer .section03 .tit{
        margin-bottom: 10.417vw;
    }
    #developer .section01 .txt{
        float: inherit;
        padding-left: 0;
        margin-bottom: 7.292vw;
    }
    #developer .section01 .txt span{
        font-size: 2.604vw;
        padding: 2.344vw 5.149vw;
        margin-bottom: 4.95vw;
        letter-spacing: 1.8px;
    }
    #developer .section01 .txt h2{
        font-size: 8.594vw;
    }
    #developer .section01 .txt h2 strong{
        font-size: 15.104vw;
        margin-top: 0.651vw;
        display: block;
        line-height: 1.1897;
    }
    #developer .section01 .txt p{
        font-size: 4.167vw;
        margin-top: 3.125vw;
        line-height: 1.4375;
    }
    #developer .section01 .obj-box{
        width: 86.976vw;
        float: inherit;
        margin: auto;
        padding: 0;
    }
    #developer .section01 .badge{
        bottom: 6.25vw;
        left: 39.063vw;
        margin-bottom: -6.25vw;
    }
    #developer .section01 .badge div{
        padding: 3.255vw;
        border-radius: 1.953vw;
    }
    #developer .section01 .badge div .ico-badge{
        width: 5.99vw;
        height: 5.99vw;
    }
    #developer .section01 .badge span{
        font-size: 4.688vw;
        padding: 3.385vw 5.99vw 3.516vw 6vw;
        border-radius: 8vw;
        margin-left: 1.563vw;
    }
    #developer .section02{
        padding: 19.531vw 0 20.833vw 0;
    }
    #developer .section02 .cont {
        padding: 0;
        margin-bottom: -2.083vw;
    }
    #developer .section02 .cont ul li{
        width: 75.521vw;
        padding: 17.708vw 0;
        margin: 2.083vw auto;
        border-radius: 2.083vw;
    }
    #developer .section02 .cont ul li:first-child{
        margin-top: 0;
    }
    #developer .section02 .cont ul li img{
        width: 17.448vw;
        margin-bottom: 3.906vw;
    }
    #developer .section02 .cont ul li strong{
        font-size: 5.859vw;
        line-height: initial;
    }
    #developer .section02 .cont ul li p{
        font-size: 4.167vw;
        margin-top: 3.385vw;
        line-height: 1.4376;
    }
    #developer .section03{
        padding: 19.531vw 0 22.135vw 0;
    }
    #developer .section03 .cont{
        padding: 14.2vw 0;
        margin: 0 auto;
        width: 75.521vw;
        border-radius: 2.083vw;
    }
    #developer .section03 .cont dl{
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-bottom: 9.375vw;
    }
    #developer .section03 .cont dl:last-child{
        align-items: center;
    }
    #developer .section03 .cont dl dt{
        margin-right: 0;
        font-size: 5.469vw;
        margin-bottom: 2.604vw;
        padding-left: 0;
        line-height: 1.1905;
    }
    #developer .section03 .cont dl:last-child dt{
        margin-bottom: 5.98vw;
    }
    #developer .section03 .cont dl dd{
        font-size: 4.688vw;
        line-height: 1.4446;
        padding: 0;
    }
    #developer .section03 .cont dl dd span{
        display: block;
    }
    #developer .section03 .cont dl:last-child dd {
        padding: 0;
    }
    #developer .section03 .cont dl:last-child dd span{
        font-size: 4.557vw;
        width: 46.875vw;
        height: 46.875vw;
        margin-right: 0;
        margin-bottom: 7.291vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #developer .section03 .cont dl:last-child dd span::after{
        width: 4.167vw;
        height: 4.167vw;
        transform: rotate(90deg);
        right: 0;
        top: calc(100% + 3%);
        left: calc(50% - 4.5%);
    }
    #developer .section03 .cont dl:last-child dd span:last-child{
        margin-bottom: 0;
    }
    #developer .section04{
        background: #293C9B url("/images/info/developer/img_developer_bg04.png") no-repeat;
        padding: 15.625vw 0;
        background-size: cover;
    }
    #developer .section04 .txt h2{
        font-size: 9.115vw;
        line-height: 1.2778;
    }
    #developer .section04 .txt span{
        display: block;
    }
    #developer .section04 .txt p{
        font-size: 3.646vw;
        line-height: 1.5;
        margin: 2.604vw 0 7.161vw;
    }
    #developer .section04 a{
        font-size: 3.65vw;
        padding: 4vw 16vw 4.5vw 18vw;
    }
    #developer .section04 .ico-arrow{
        width: 3.125vw;
        height: 3.125vw;
        margin-left: 3.125vw;
    }
}

@charset "UTF-8";

#payco{
    letter-spacing: -0.2px;
    line-height: normal;
    color: #0C254B;
}
#payco .inner{
    max-width: 1060px;
    margin: auto;
}
#payco .txt{
    text-align: center;
}
#payco .tit{
    text-align: center;
}
#payco .ico{
    vertical-align: middle;
    display: inline-block;
}
#payco .use-m{
    display: none;
}
/* container */
#payco .section01{
    background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(255,234,234,1) 100%);
    padding: 100px 0 66px;
    overflow: hidden;
}
#payco .section01 .txt{
    margin-bottom: 18px;
}
#payco .section01 .txt p{
    color: #C9B9B9;
    font-size: 20px;
    letter-spacing: -0.9px;
    margin-bottom: 16px;
}
#payco .section01 .txt .tit img{
    width: 618px;
}
#payco .section01 .obj{
    position: relative;
    height: 388px;
}
#payco .section01 .obj > div{
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}
#payco .section01 .obj .img-card{
    width: 870px;
    bottom: 0;
}
#payco .section01 .obj .img-item{
    width: 544px;
    top: 52px;
}
#payco .section02{
    background-color: #24253A;
    padding: 120px 0 140px;
}
#payco .section02 .cont{
    width: 100%;
    background-color: #2D2E43;
    border-radius: 20px;
    padding: 90px 0 80px;
    position: relative;
    text-align: center;
}
#payco .section02 .cont1{
    margin-bottom: 100px;
}
#payco .section02 .cont::before{
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
#payco .section02 .cont1::before{
    background: url("/images/sub/event/img_payco_label01.png") no-repeat;
    background-size: 100%;
}
#payco .section02 .cont2::before{
    background: url("/images/sub/event/img_payco_label02.png") no-repeat;
    background-size: 100%;
}
#payco .section02 .cont .txt{
    margin-bottom: 36px;
}
#payco .section02 .cont1 .txt .tit img{
    width: 436px;
}
#payco .section02 .cont2 .txt .tit img{
    width: 435px;
}
#payco .section02 .cont .txt p{
    color: #9696A0;
    font-size: 18px;
    line-height: 1.667;
    margin-top: 15px;
    font-weight: 300;
}
#payco .section02 .cont .coupon-wrap ul{
    font-size: 0;
}
#payco .section02 .cont li {
    display: inline-block;
    margin: 0 23px;
    width: 340px;
}
#payco .section02 .cont1 .info{
    margin-top: 36px;
}
#payco .section02 .cont1 .info p{
    display: inline-block;
    color: #9696A0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.407;
    position: relative;
    word-break: keep-all;
}
#payco .section02 .cont1 .info p::before{
    content: "";
    position: absolute;
    top: 2px;
    left: 33px;
    width: 16px;
    height: 16px;
    background: url("/images/sub/event/img_payco_ico.svg") no-repeat;
    background-size: 100%;
}
#payco .section02 .cont1 .info p span{
    display: block;
    padding-left: 25px;
}
#payco .section02 .cont2 .txt p em{
    display: block;
    font-size: 16px;
    line-height: 1.5;
}
#payco .section02 .cont2 img{
    width: 444px;
}
#payco .section02 .cont2 .btn a{
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    background: #E7241F;
    border-radius: 4px;
    padding: 22px 95px;
    display: inline-block;
    margin-top: 40px;
}
#payco .section03{
    background-color: #F5F5F9;
    padding: 110px 0 130px;
}
#payco .section03 .notice-txt .tit{
    margin-bottom: 56px;
}
#payco .section03 .notice-txt .tit img{
    width: 273px;
}
#payco .section03 .notice-txt ul{
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px 80px;
}
#payco .section03 .notice-txt ul li{
    font-size: 18px;
    line-height: 2;
    margin-bottom: 8px;
    color: #646464;
    padding-left: 12px;
    position: relative;
    padding-right: 35px;
    word-break: keep-all;
    letter-spacing: -0.9px;
}
#payco .section03 .notice-txt ul li:last-child{
    margin-bottom: 0;
}
#payco .section03 .notice-txt ul li::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #646464;
    position: absolute;
    top: 17px;
    left: 0;
}

@media screen and (max-width: 1200px){
    #payco.container{
        min-width: 100%;
    }
    #payco .inner{
        max-width: 90vw;
    }
}
@media screen and (max-width: 991px){
    #payco .section01 .txt .tit img{
        width: 62.361vw;
    }
    #payco .section01 .obj {
        height: 44.207vw;
    }
    #payco .section01 .obj .img-card{
        width: 110%;
        max-width: 110%;
    }
    #payco .section01 .obj .img-item {
        width: 60.373vw;
        top: 6.389vw;
    }
    #payco .section02 .cont1 .txt .tit img{
        width: 43.996vw;
    }
    #payco .section02 .cont1 .txt{
        margin-bottom: 1.312vw;
    }
    #payco .section02 .cont li {
        margin: 2.321vw;
        width: 34.309vw;
    }
    #payco .section02 .cont1 .info{
        margin-top: 1.312vw;
    }
    #payco .section02 .cont2 .txt .tit img {
        width: 43.895vw;
    }
    #payco .section02 .cont2 img{
        width: 44.803vw;
    }
    #payco .section02 .cont2 .btn a{
        padding: 2.22vw 9.586vw;
    }
    #payco .section03 .notice-txt ul li{
        padding-right: 0;
    }
}
@media screen and (max-width: 768px){
    #payco .use-m{
        display: block;
        margin: auto;
    }
    #payco .use-pc{
        display: none;
    }
    #payco .inner{
        margin: 0 7.813vw;
    }
    #payco .section01{
        padding: 15.625vw 0 11.719vw;
    }
    #payco .section01 .inner{
        margin: 0 auto;
        max-width: 100%;
    }
    #payco .section01 .txt{
        margin-bottom: 4.557vw;
    }
    #payco .section01 .txt p{
        font-size: 3.125vw;
        line-height: 1.5;
        margin-bottom: 2.865vw;
    }
    #payco .section01 .txt .tit img{
        width: 63.542vw;
    }
    #payco .section01 .obj{
        height: 72.656vw;
    }
    #payco .section01 .obj .img-card{
        width: 100vw;
        bottom: 0;
    }
    #payco .section01 .obj .img-item{
        width: 100%;
        top: 0;
    }
    #payco .section02{
        overflow: hidden;
        padding: 21.094vw 0 16.927vw;
    }
    #payco .section02 .cont{
        border-radius: 2.083vw;
        padding: 16.927vw 0 16.927vw;
    }
    #payco .section02 .cont1{
        margin-bottom: 18.49vw;
    }
    #payco .section02 .cont::before{
        width: 13.542vw;
        height: 13.542vw;
        top: -6.771vw;
    }
    #payco .section02 .cont .txt{
        margin-bottom: 4.2vw;
    }
    #payco .section02 .cont1 .txt .tit img{
        width: 69.141vw;
    }
    #payco .section02 .cont2 .txt .tit img{
        width: 63.021vw;
    }
    #payco .section02 .cont .txt p{
        font-size: 3.125vw;
        line-height: 1.417;
        margin-top: 3.255vw;
    }
    #payco .section02 .cont li {
        margin: 2.734vw auto;
        width: 58.594vw;
    }
    #payco .section02 .cont1 .info{
        margin-top: 2.85vw;
        padding: 0 14.453vw;
    }
    #payco .section02 .cont1 .info p{
        font-size: 2.604vw;
        line-height: 1.5;
        text-align: left;
        padding-left: 3.385vw;
    }
    #payco .section02 .cont1 .info p span{
        display: initial;
        padding-left: 0;

    }
    #payco .section02 .cont1 .info p::before{
        top: 0.651vw;
        left: 0;
        width: 2.344vw;
        height: 2.344vw;
    }
    #payco .section02 .cont2 .txt{
        margin-bottom: 5.99vw;
    }
    #payco .section02 .cont2 .txt p span{
        display: block;
    }
    #payco .section02 .cont2 .txt p em{
        font-size: 2.604vw;
        line-height: 1.6;
    }
    #payco .section02 .cont2 img{
        width: 67.448vw;
    }
    #payco .section02 .cont2 .btn a{
        font-size: 3.646vw;
        padding: 4.297vw 18.75vw;
        margin-top: 7.85vw;
    }
    #payco .section03{
        padding: 14.323vw 0 16.927vw;
    }
    #payco .section03 .notice-txt .tit{
        margin-bottom: 5.99vw;
    }
    #payco .section03 .notice-txt .tit img{
        width: 41.406vw;
    }
    #payco .section03 .notice-txt ul{
        border-radius: 2.083vw;
        padding: 7.813vw 6.510vw;
    }
    #payco .section03 .notice-txt ul li{
        font-size: 3.125vw;
        line-height: 1.5;
        margin-bottom: 2.344vw;
        padding-left: 2.344vw;
    }
    #payco .section03 .notice-txt ul li::before {
        top: 1.953vw;
        width: 0.521vw;
        height: 0.521vw;
    }
}
@media screen and (max-width: 414px){
    #payco .inner{
        margin: 0 5.208vw;
    }
    #payco .section02 .cont .txt p{
        font-size: 3.382vw;
    }
    #payco .section02 .cont1 .info p{
        font-size: 2.899vw;
    }
    #payco .section02 .cont1 .info p::before{
        top: 0.75vw;
    }
    #payco .section02 .cont2 .txt p em{
        font-size: 2.899vw;
    }
    #payco .section03 .notice-txt ul li{
        font-size: 3.65vw;
        padding-right: 2.344vw;
    }
    #payco .section03 .notice-txt ul li::before {
        top: 2.4vw;
        width: 0.65vw;
        height: 0.65vw;
    }
}


#smilepay .info-view{
    padding-top: 100px;
}
/* 스마일페이 모바일 */
@media screen and (max-width: 1024px){
    #smilepay .container{
        min-width: 0;
    }
    #smilepay .inner{
        margin: 0 auto;
    }
    #smilepay .info-view{
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    #smilepay-m .info-view img{
        width: 100%;
    }
}


#deputpayinfo {
    text-align: center
}

#deputpayinfo * {
    line-height: 1
}

#deputpayinfo .inner {
    width: 1120px
}

#deputpayinfo .section01 {
    overflow: hidden;
    background: #484ff7
}

#deputpayinfo .section01 .txt {
    display: table-cell;
    color: #fff;
    width: 589px;
    text-align: left;
    font-weight: lighter;
    padding: 99px 0 99px 50px
}

#deputpayinfo .section01 .txt span {
    color: #a4fadd;
    font-size: 20px;
    letter-spacing: 13px
}

#deputpayinfo .section01 .txt div {
    font-size: 60px;
    line-height: 1.3;
    letter-spacing: -1.5px;
    padding: 20px 0 25px
}

#deputpayinfo .section01 .txt div em {
    color: #a4fadd
}

#deputpayinfo .section01 .txt p {
    font-size: 21px;
    line-height: 1.8;
    letter-spacing: -0.5px
}

#deputpayinfo .section01 .obj {
    position: relative;
    display: table-cell;
    width: 531px
}
#deputpayinfo .section01 .obj > img{
    vertical-align: top;
}
#deputpayinfo .section01 .obj div {
    position: absolute;
    top: 175px;
    right: 65px
}

#deputpayinfo .section02 {
    padding-bottom: 90px;
    background-color: #f5f7f8
}

#deputpayinfo .section02 .tit {
    position: relative;
    color: #2f2d31;
    font-size: 46px;
    font-weight: bold;
    letter-spacing: -0.5px;
    padding: 96px 0 78px
}

#deputpayinfo .section02 .tit::before {
    content: "";
    display: block;
    width: 92px;
    height: 13px;
    margin: 0 auto 15px;
    background-image: url("/images/info/deputypayinfo/img_deputpayinfo_txt01.png")
}

#deputpayinfo .section02 .box {
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 0 auto 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff
}

#deputpayinfo .section02 .box>div {
    display: table-cell;
    vertical-align: top
}

#deputpayinfo .section02 .box .obj {
    position: relative
}

#deputpayinfo .section02 .box .txt {
    width: 610px;
    text-align: left;
    letter-spacing: -0.5px
}

#deputpayinfo .section02 .box .txt strong {
    font-size: 44px;
    color: #2f2d31
}

#deputpayinfo .section02 .box .txt strong::before {
    content: "";
    display: block;
    margin-bottom: 20px;
    width: 59px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center
}

#deputpayinfo .section02 .box .txt p {
    color: #666;
    font-size: 19px;
    line-height: 32px;
    margin: 18px 0 30px
}

#deputpayinfo .section02 .box .txt .tag {
    color: #999;
    font-size: 18px
}

#deputpayinfo .section02 .box .txt .tag span {
    margin-right: 12px
}

#deputpayinfo .section02 .box01 .obj {
    width: 510px;
    padding: 43px 0 5px 74px
}

#deputpayinfo .section02 .box01 .obj div {
    position: absolute;
    bottom: 0;
    left: 175px
}

#deputpayinfo .section02 .box01 .txt {
    padding: 110px 0 0 100px
}

#deputpayinfo .section02 .box01 .txt strong::before {
    background-image: url("/images/info/deputypayinfo/img_deputpayinfo_txt02.png")
}

#deputpayinfo .section02 .box02 .txt {
    padding: 110px 0 0 150px
}

#deputpayinfo .section02 .box02 .txt strong::before {
    background-image: url("/images/info/deputypayinfo/img_deputpayinfo_txt03.png")
}

#deputpayinfo .section02 .box02 .obj {
    padding-right: 103px;
    padding-top: 78px
}

#deputpayinfo .section02 .box02 .obj div {
    position: absolute
}

#deputpayinfo .section02 .box02 .obj .right {
    top: 117px;
    right: 115px
}

#deputpayinfo .section02 .box02 .obj .left {
    bottom: 111px;
    left: 11px
}

#deputpayinfo .section02 .box03 .obj {
    width: 510px;
    padding: 150px 0 10px
}

#deputpayinfo .section02 .box03 .obj div {
    position: absolute;
    bottom: 0;
    left: 175px
}

#deputpayinfo .section02 .box03 .txt {
    padding: 131px 0 0 100px
}

#deputpayinfo .section02 .box03 .txt strong::before {
    background-image: url("/images/info/deputypayinfo/img_deputpayinfo_txt04.png")
}

#deputpayinfo .section02 .box03 .txt .check {
    color: #666;
    font-size: 19px;
    padding: 30px 0 0 3px
}

#deputpayinfo .section02 .box03 .txt ul li {
    position: relative;
    margin-bottom: 18px
}

#deputpayinfo .section02 .box03 .txt ul li::before {
    content: "";
    display: inline-block;
    margin: 0 7px 2px 0;
    width: 13px;
    height: 10px;
    background: url("/images/info/deputypayinfo/img_deputpayinfo_obj10.png") no-repeat center
}

#deputpayinfo .section03 {
    background-color: #686b72;
    padding-bottom: 70px;
    letter-spacing: -0.3px
}

#deputpayinfo .section03 .txt {
    color: #fff;
    padding: 82px 0 40px
}

#deputpayinfo .section03 .txt p {
    color: #e1e1e3;
    font-size: 44px;
    font-weight: lighter;
    margin-bottom: 14px
}

#deputpayinfo .section03 .txt strong {
    font-size: 54px;
    padding-bottom: 20px
}

#deputpayinfo .section03 .btn {
    color: #fff;
    width: 240px;
    height: 64px;
    line-height: 59px;
    font-size: 19px;
    font-weight: 500;
    padding: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #484ff7
}

#deputpayinfo .section03 .btn::after {
    content: "";
    display: inline-block;
    margin-left: 18px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-2px) rotate(45deg);
    -moz-transform: translateY(-2px) rotate(45deg);
    -ms-transform: translateY(-2px) rotate(45deg);
    -o-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg)
}

#deputpayinfo .section03 .btn span {
    display: inline-block;
    padding-left: 8px
}

/*AI배너제작*/
#aibanner{
    letter-spacing: -0.2px;
    line-height: normal;
    color: #222;
}
#aibanner .use-m{
    display: none;
}
#aibanner :is(.tit, .txt){
    text-align: center;
}
#aibanner .txt span{
    font-size: 18px;
    font-weight: 300;
    margin-top: 28px;
    color: #666;
    display: block;
    line-height: 1.223;
}
#aibanner .txt span div{
    display: inline-block;
}
#aibanner .tit .tit1{
    display: block;
    margin: 0 auto 20px;
    width: 120px;
}
#aibanner .tit .tit2{
    width: 470px;
}
#aibanner :is(.section01, .section03) .txt{
    margin-bottom: 50px;
}
#aibanner .section01{
    background: url(/images/info/aibanner/img_aibanner_bg03.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-top: 122px;
    overflow: hidden;
}
#aibanner .section01 .txt .tit{
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
#aibanner .section01 .txt .tit::after{
    background: url(/images/info/aibanner/img_aibanner_ico01.svg) no-repeat;
    content: '';
    width: 56px;
    height: 48px;
    position: absolute;
    right: -63px;
    top: -17px;
    background-size: cover;
}
#aibanner .section01 .txt span{
    font-size: 19px;
    margin-top: 34px;
    line-height: 1.211;
}
#aibanner .section01 .txt span strong{
    color: #222;
}
#aibanner .section01 .txt img{
    width: 544px;
}
#aibanner .section01 .obj{
    position: relative;
    height: 395px;
}
#aibanner .section01 .obj::before,
#aibanner .section01 .obj::after{
    content: '';
    position: absolute;
    bottom: 0;
}
#aibanner .section01 .obj::before{
    background: url(/images/info/aibanner/img_aibanner_bg01.png) no-repeat;
    width: 359px;
    height: 210px;
    left: -4%;
    background-size: cover;
}
#aibanner .section01 .obj::after{
    background: url(/images/info/aibanner/img_aibanner_bg02.png) no-repeat;
    width: 337px;
    height: 387px;
    right: -2.7%;
    background-size: cover;
}
#aibanner .section01 .obj img{
    position: absolute;
    z-index: 1;
}
#aibanner .section01 .obj .img-web{
    width: 704px;
    left: 242px;
    bottom: 0;
}
#aibanner .section01 .obj .img-mobile{
    width: 171px;
    bottom: 0;
    right: 136px;
    z-index: 2;
}
#aibanner .section01 .obj .img-edit{
    width: 162px;
    top: 115px;
    left: 55px;
}
#aibanner .section01 .obj .img-effect{
    width: 86px;
    top: 271px;
    left: 187px;
}
#aibanner .section01 .obj .img-txt-edit{
    width: 182px;
    right: 61px;
    top: 46px;
}
#aibanner .section01 .obj .img-robot{
    width: 186px;
    right: 16px;
    top: 162px;
}
#aibanner .section02{
    background: #FAF8FB;
    padding: 130px 0;
}
#aibanner .section02 .tit{
    margin-bottom: 58px;
}
#aibanner .section02 .cont{
    text-align: center;
    font-size: 0;
}
#aibanner .section02 .cont li{
    width: 320px;
    background: #fff;
    display: inline-block;
    padding: 42px 0 56px;
    text-align: center;
    border-radius: 16px;
    border: 1px solid #EAEAEA;
}
#aibanner .section02 .cont li+li{
    margin-left: 20px;
}
#aibanner .section02 .cont li div{
    margin-top: 21px;
}
#aibanner .section02 .cont li div strong{
    display: block;
    font-size: 30px;
    margin-bottom: 12px;
}
#aibanner .section02 .cont li div span{
    font-size: 17px;
    color: #666;
}
#aibanner .section03{
    padding: 130px 0 160px;
}
#aibanner .section03 .cont .img div{
    overflow: hidden;
    position: relative;
    height: 520px;
    border-radius: 20px;
}
#aibanner .section03 .cont .img div img{
    width: 1100px;
    bottom: 0;
    left: 50px;
    position: absolute;
}
#aibanner .section03 .cont2{
    padding-top: 150px;
}
#aibanner .section03 .cont1 .img div{
    background: #F4F2FF;
}
#aibanner .section03 .cont2 .img div{
    background: #EFF7FF;
}
#aibanner .section04{
    padding: 120px 0 463px;
    background: #F3F4F6;
    overflow: hidden;
}
#aibanner .section04 .txt{
    margin-bottom: 60px;
}
#aibanner .section04 .img-wrap{
    position: absolute;
    top: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    left: -380px;
}
#aibanner .section04 .img-wrap ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    animation: horizontalscroll 20s linear infinite;
}
#aibanner .section04 .img-wrap li{
    width: 474px;
    margin: 15px;
}
@keyframes horizontalscroll {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-2000px)
    }
}
#aibanner .section05{
    padding: 120px 0 150px;
}
#aibanner .section05 .tit{
    margin-bottom: 80px;
}
#aibanner .section05 .cont .step{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 50px;
}
#aibanner .section05 .cont .step+.step{
    margin-top: 82px;
}
#aibanner .section05 .cont .txt-wrap{
    padding: 97px 0 0 140px;
}
#aibanner .section05 .cont .img{
    background: #F5F6F9;
    border-radius: 18px;
    padding: 58px 88px;
}
#aibanner .section05 .cont .img img{
    width: 384px;
}
#aibanner .section05 .cont .txt-wrap strong{
    font-size: 38px;
    display: block;
    margin: 27px 0 26px;
}
#aibanner .section05 .txt-wrap .label{
    background: rgb(34, 110, 240, .10);
    color: #226EF0;
    border-radius: 16px;
    font-size: 14px;
    width: 74px;
    font-weight: 700;
    text-align: center;
    padding: 7px 0 7px 4px;
}
#aibanner .section05 .cont .txt-wrap p{
    font-size: 18px;
    color: #777;
    line-height: 1.778;
    width: 217px;
    word-break: keep-all;
}
#aibanner .section05 .cont .step2{
    padding-left: 178px;
}
#aibanner .section05 .cont .step2 .txt-wrap{
    padding: 97px 220px 0 0;
}
#aibanner .section06{
    padding: 105px 0 100px;
    background: url(/images/info/aibanner/img_aibanner_bg05.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
}
#aibanner .section06 .background{
    position: relative;
}
#aibanner .section06 .background img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#aibanner .section06 .background :is(.wave1,.wave2){
    bottom: -370px;
}
@keyframes waveAnimation {
    0%{
        transform: translateX(-50%) translateY(0px);
    }
    50%{
        transform: translateX(-50%) translateY(20px);
    }
    100%{
        transform: translateX(-50%) translateY(0px);
    }
}
#aibanner .section06 .background .wave1{
    animation: waveAnimation 4s ease-in-out infinite;
}
#aibanner .section06 .background .wave2{
    animation: waveAnimation 4s ease-in-out infinite;
    animation-delay: 2s;
}
#aibanner .section06 .txt-area{
    position: relative;
    text-align: center;
}
#aibanner .section06 .txt span{
    font-size: 21px;
    color: #fff;
    margin: 0 0 24px;
    line-height: normal;
}
#aibanner .section06 .txt img{
    width: 588px;
}
#aibanner .section06 .btn-area{
    margin-top: 48px;
}
#aibanner .section06 .btn-area .btn{
    display: inline-block;
    color: #7067E0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.091;
    padding: 21px 60px 24px;
    border-radius: 6px;
    background: #fff;
}

@media screen and (max-width: 1200px){
    #aibanner.container{
        min-width: 100%;
    }
    #aibanner .txt span{
        font-size: 17px;
        margin-top: 22px;
    }
    #aibanner .tit .tit1{
        width: 110px;
        margin: 0 auto 15px;
    }
    #aibanner .tit .tit2{
        width: 430px;
    }
    #aibanner :is(.section01, .section03) .txt{
        margin-bottom: 40px;
    }
    #aibanner .section01{
        padding-top: 108px;
    }
    #aibanner .section01 .txt img{
        width: 504px;
    }
    #aibanner .section01 .obj{
        height: 38.5vw;
    }
    #aibanner .section01 .obj::before{
        width: 20%;
        height: 42%;
        left: -2%;
    }
    #aibanner .section01 .obj::after{
        width: 26%;
        height: 100%;
        right: 1%;
        top: 3%;
    }
    #aibanner .section01 .obj .img-web{
        width: 69%;
        left: 15.5%;
    }
    #aibanner .section01 .obj .img-mobile{
        width: 18%;
        right: 8%;
        top: 28%;
    }
    #aibanner .section01 .obj .img-edit{
        width: 14%;
        top: 33%;
        left: 0;
    }
    #aibanner .section01 .obj .img-effect{
        width: 9%;
        top: 68%;
        left: 10%;
    }
    #aibanner .section01 .obj .img-txt-edit{
        width: 16%;
        right: 0;
        top: 12%;
    }
    #aibanner .section01 .obj .img-robot{
        width: 17%;
        right: -2.5%;
        top: 42%;
    }
    #aibanner .section01 .txt .tit::after{
        width: 50px;
        height: 42px;
        right: -55px;
        top: -12px;
    }
    #aibanner .section01 .txt span{
        font-size: 18px;
        margin-top: 30px;
    }
    #aibanner .section02{
        padding: 110px 0;
    }
    #aibanner .section02 .tit{
        margin-bottom: 48px;
    }
    #aibanner .section02 .cont li{
        width: 32%;
        padding: 5% 0 6%;
    }
    #aibanner .section02 .cont li+li{
        margin-left: 1.3%;
    }
    #aibanner .section02 .cont li div strong{
        font-size: 25px;
        margin-bottom: 4%;
    }
    #aibanner .section02 .cont li div span{
        font-size: 16px;
    }
    #aibanner .section02 .cont li div{
        margin-top: 18px;
    }
    #aibanner .section02 .cont li img{
        width: 58px;
    }
    #aibanner .section03{
        padding: 110px 0 140px;
    }
    #aibanner .section03 .cont .img div{
        height: 47vw;
    }
    #aibanner .section03 .cont .img div img{
        width: 100%;
        left: 0;
    }
    #aibanner .section03 .cont2{
        padding-top: 130px;
    }
    #aibanner .section04{
        padding: 100px 0 420px;
    }
    #aibanner .section04 .txt{
        margin-bottom: 50px;
    }
    #aibanner .section04 .img-wrap{
        left: -50px;
        top: 250px;
    }
    @keyframes horizontalscroll {
        0% {
            transform: translateX(0)
        }
        100% {
            transform: translateX(-2500px)
        }
    }
    #aibanner .section04 .img-wrap li{
        margin: 10px;
        width: 440px;
    }
    #aibanner .section05{
        padding: 100px 0 130px;
    }
    #aibanner .section05 .tit{
        margin-bottom: 60px;
    }
    #aibanner .section05 .cont .step{
        padding: 0 4% 0 7%
    }
    #aibanner .section05 .cont .step+.step{
        margin-top: 68px;
    }
    #aibanner .section05 .cont .img{
        padding: 5% 5%;
        width: 40vw;
        text-align: center;
    }
    #aibanner .section05 .cont .img img{
        width: 344px;
    }
    #aibanner .section05 .cont .txt-wrap{
        padding: 7.5% 0 0 10%;
    }
    #aibanner .section05 .cont .txt-wrap strong{
        font-size: 34px;
        margin: 10% 0;
    }
    #aibanner .section05 .cont .txt-wrap p{
        font-size: 17px;
        line-height: 1.7;
        width: 206px;
    }
    #aibanner .section05 .cont .txt-wrap img{
        width: 68px;
    }
    #aibanner .section05 .txt-wrap .label{
        font-size: 13px;
        width: 68px;
        padding-left: 3px;
    }
    #aibanner .section05 .cont .step2{
        padding: 0 0 0 16%;
    }
    #aibanner .section05 .cont .step2 .txt-wrap{
        padding: 7.5% 15% 0 0;
    }
    #aibanner .section06{
        padding: 85px 0 80px;
    }
    #aibanner .section06 .txt span{
        font-size: 19px;
        margin-bottom: 20px;
    }
    #aibanner .section06 .txt img{
        width: 548px;
    }
    #aibanner .section06 .btn-area{
        margin-top: 42px;
    }
    #aibanner .section06 .btn-area .btn{
        font-size: 20px;
        padding: 18px 52px 21px;
    }
    #aibanner .section06 .background :is(.wave1,.wave2){
        bottom: -284px;
    }
}
@media screen and (max-width: 768px){
    #aibanner .inner{
        margin: 0;
    }
    #aibanner .use-m{
        display: block;
    }
    #aibanner .use-pc{
        display: none;
    }
    #aibanner .txt span{
        font-size: 3.776vw;
        margin: 4.427vw auto 0;
        width: 53vw;
        word-break: keep-all;
        line-height: 1.6207;
    }
    #aibanner .tit .tit1{
        width: 23.86vw;
        margin: 0 auto  4.297vw;
    }
    #aibanner .tit .tit2{
        width: 81.12vw;
    }
    #aibanner .txt span div{
        display: block;
    }
    #aibanner .section01{
        background: url(/images/info/aibanner/img_aibanner_bg04.png) no-repeat;
        background-size: cover;
        padding-top: 20.052vw;
    }
    #aibanner .section01 .txt .img1{
        display: block;
        margin: 0 auto;
        width: 33.205vw;
    }
    #aibanner .section01 .txt .tit::after{
        width: 10.157vw;
        height: 8.622vw;
        right: 3.906vw;
        top: -2.344vw;
    }
    #aibanner .section01 .txt img{
        width: 62.37vw;
    }
    #aibanner .section01 .txt span{
        width: 52vw;
        word-break: keep-all;
        margin: 4.688vw auto 0;
        font-size: 4.036vw;
        line-height: 1.613;
    }
    #aibanner .section01 .obj{
        height: 51.305vw;
    }
    #aibanner .section01 .obj::before{
        width: 44%;
        height: 56%;
        left: -31%;
        top: 23vw;
    }
    #aibanner .section01 .obj::after{
        background: url(/images/info/aibanner/img_aibanner_bg07.png) no-repeat;
        width: 19.792vw;
        right: 0;
        background-size: cover;
        top: 4vw;
        height: 47.266vw;
    }
    #aibanner .section01 .obj img{
        width: 100vw;
    }
    #aibanner .section01 .obj .img-web{
        width: 82.814vw;
        left: 8.59375vw;
    }
    #aibanner .section01 .obj .img-mobile{
        width: 22.917vw;
        right: 6.38021vw;
        top: auto;
    }
    #aibanner .section01 .obj .img-edit{
        width: 8.854vw;
        left: 0;
    }
    #aibanner .section01 .obj .img-effect{
        width: 10.417vw;
        left: 3.906vw;
    }
    #aibanner .section01 .obj .img-txt-edit{
        width: 14.453vw;
        right: 0;
    }
    #aibanner .section01 .obj .img-robot{
        width: 8.073vw;
        right: 0;
    }
    #aibanner .section01 .txt{
        margin-bottom: 9.766vw;
    }
    #aibanner .section02{
        padding: 16.927vw 0;
        overflow: hidden;
    }

    #aibanner .section02 .tit{
        margin-bottom: 10.409vw;
    }
    #aibanner .section02 .cont ul{
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        padding-left: 15.755vw;
    }
    #aibanner .section02 .cont li{
        width: 68.49vw;
        padding: 7.812vw 0 10.677vw;
        border-radius:  3.385vw;
    }
    #aibanner .section02 .cont li div strong{
        font-size: 5.989vw;
        margin-bottom: 2.604vw;
    }
    #aibanner .section02 .cont li img{
        width: 13.022vw;
    }
    #aibanner .section02 .cont li div{
        margin-top:  3.776vw;
    }
    #aibanner .section02 .cont li div span{
        font-size: 3.645vw;
    }
    #aibanner .section02 .cont li+li{
        margin-left:  3.385vw;
    }
    #aibanner .section02 .cont li:last-child{
        margin-right: 3.385vw;
    }
    #aibanner .section03 .txt{
        margin-bottom: 7.812vw;
    }
    #aibanner :is(.section03, section05){
        padding: 16.927vw 0 19.53vw;
    }
    #aibanner .section03 .cont2{
        padding-top: 23.438vw;
    }
    #aibanner .section03 .cont .img div{
        height: 63.804vw;
        width: 86.98vw;
        border-radius: 2.604vw;
        margin: 0 auto;
    }
    #aibanner .section04{
        padding: 16.927vw 0 112.5vw;
    }
    #aibanner .section04 .txt{
        margin-bottom: 0;
    }
    @keyframes horizontalscroll {
        0% {
            transform: translateX(0)
        }
        100% {
            transform: translateX(-130vw)
        }
    }
    #aibanner .section04 .img-wrap{
        top: 58.594vw;
        left: 0;
    }
    #aibanner .section04 .img-wrap ul{
        width: 270.82vw;
        position: absolute;
        animation: horizontalscroll 12s linear infinite;
    }
    #aibanner .section04 .img-wrap ul:nth-child(1){
        left: -39vw;
    }
    #aibanner .section04 .img-wrap ul:nth-child(2){
        top: 41.146vw;
        left: -4.7vw;
    }
    #aibanner .section04 .img-wrap li{
        margin: 1.953vw;
        width: 65vw;
    }
    #aibanner .section05 .tit{
        margin-bottom: 16.927vw;
    }
    #aibanner .section05 .cont .step{
        flex-direction: column-reverse;
        padding-left: 0;
    }
    #aibanner .section05 .cont .step+.step{
        margin-top: 15.625vw;
    }
    #aibanner .section05 .cont .txt-wrap{
        padding: 0 0 30px;
        text-align: center;
    }
    #aibanner .section05 .txt-wrap .label{
        font-size: 2.735vw;
        width: 14.064vw;
        padding: 1.302vw 0 1.436vw 0.4vw;
        border-radius: 3.125vw;
        margin: 0 auto;
    }
    #aibanner .section05 .cont .txt-wrap img{
        width: 14.064vw;
    }
    #aibanner .section05 .cont .txt-wrap strong{
        font-size: 6.77vw;
        margin: 3.125vw 0 2.344vw;
    }
    #aibanner .section05 .cont .txt-wrap p{
        font-size: 3.776vw;
        line-height: 1.621;
        width: 50vw;
        margin: 0 auto;
    }
    #aibanner .section05 .cont .txt-wrap,
    #aibanner .section05 .cont .step2 .txt-wrap{
        padding: 0 0 5.208vw;
    }
    #aibanner .section05 .cont .img{
        width: 86.98vw;
        border-radius: 3.385vw;
        text-align: center;
        padding: 7.682vw 0;
        margin: 0 auto;
    }
    #aibanner .section05 .cont .img img{
        width: 67.71vw;
    }
    #aibanner .section05 .cont .step2{
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #aibanner .section06{
        padding: 17.97vw 0 19.53vw;
        background: url(/images/info/aibanner/img_aibanner_bg06.png);
        background-size: cover;
    }
    #aibanner .section06 .background .wave1{
        top: 36vw;
    }
    #aibanner .section06 .background .wave2{
        top: 47vw;
    }
    #aibanner .section06 .txt span{
        font-size: 3.776vw;
        margin: 0 auto 7.943vw;
    }
    #aibanner .section06 .txt img{
        margin: 0 auto;
        width: 70.705vw;
    }
    #aibanner .section06 .btn-area{
        margin-top: 10.026vw;
    }
    #aibanner .section06 .btn-area .btn{
        font-size: 4.166vw;
        padding: 3.776vw 9.635vw 4.297vw;
        border-radius: 1.041vw;
    }
}


/*뱅크알람*/
#bankalarm{
    letter-spacing: -0.3px;
    line-height: normal;
}
#bankalarm .section01{
    padding: 179px 0 155px;
    background: url(/images/info/bankinfo/img_bankalarm_bg01.png) no-repeat #D5EFE7;
    background-size: 531px;
    background-position: top -46px right 31%;
    overflow: hidden;
}
#bankalarm .section01 .tit strong,
#bankalarm .section01 .tit em{
    font-size: 74px;
    font-weight: bold;
}
#bankalarm .section01 .tit strong{
    display: block;
    color: #333;
    margin-bottom: -3px;
}
#bankalarm .section01 .tit em{
    color: #13BD7E;
}
#bankalarm .section01 .tit p{
    font-size: 21px;
    color: #555;
    line-height: 1.6;
    margin-top: 23px;
}
#bankalarm .section01 .obj{
    position: absolute;
    top: 0;
    right: -18px;
    margin-top: -84px;
}
#bankalarm .section01 .obj .woman{
    z-index: 1;
    position: relative;
    top: 40px;
    right: -55px;
    display: inline-block;
}
#bankalarm .section01 .obj .woman .people{
    width: 267px;
}
#bankalarm .section01 .obj .woman .icon{
    width: 85px;
    height: 85px;
    position: absolute;
    left: -98px;
    top: 123px;
    box-shadow: 4px 4px 16px 0 rgb(0, 0, 0, .06);
}
#bankalarm .section01 .obj .man{
    position: relative;
    display: inline-block;
}
#bankalarm .section01 .obj .man .people{
    width: 328px;
}
#bankalarm .section01 .obj .man .icon{
    width: 85px;
    height: 85px;
    position: absolute;
    right: 18px;
    top: -32px;
    box-shadow: 4px 4px 16px 0 rgb(0, 0, 0, .06);
}
#bankalarm .section02{
    background: #F8F8F8;
    padding: 100px 0 120px;
}
#bankalarm .section02 .tit span{
    display: inline-block;
    color: #13BD7E;
    font-size: 21px;
    font-weight: 500;
}
#bankalarm .section02 .tit p{
    color: #333;
    font-weight: bold;
    margin-top: 18px;
}
#bankalarm .section02 .box-wrap{
    margin-top: 50px;
    font-size: 0;
}
#bankalarm .section02 .box-wrap li{
    background: #fff;
    width: 285px;
    display: inline-block;
    padding: 38px 0 81px 40px;
    border-radius: 12px;
    border: 1px solid #E4E4E4;
    text-align: left;
}
#bankalarm .section02 .box-wrap li img{
    margin-left: 1px;
}
#bankalarm .section02 .box-wrap li+li{
    margin-left: 20px;
}
#bankalarm .section02 .box-wrap li strong{
    font-size: 22px;
    display: block;
    margin-top: 22px;
}
#bankalarm .section02 .box-wrap li p{
    color: #777;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 13px;
    word-break: keep-all;
    width: 200px;
}
#bankalarm .section03{
    overflow: hidden;
    padding: 90px 0 120px;
}
#bankalarm .section02 .tit p,
#bankalarm .section03 .tit,
#bankalarm .section04 .tit{
    font-size: 50px;
    line-height: 1.35;
}
#bankalarm .section03 .tit{
    padding-bottom: 28px;
}
#bankalarm .section03 .tit strong{
    display: inline-block;
}
#bankalarm .section03 .tit ul{
    float: right;
    font-size: 0;
    border-radius: 7px;
}
#bankalarm .section03 .tit li{
    cursor: pointer;
    display: inline-block;
    background: #E8E8E8;
    color: #B3B3B3;
    cursor: pointer;
    font-weight: bold;
    font-size: 17px;
    padding: 18px 33px;
    border-radius: 7px 0 0 7px;
    line-height: normal;
}
#bankalarm .section03 .tit li.active{
    background: #13BD7E;
    color: #fff;
}
#bankalarm .section03 .tit li+li{
    border-radius: 0 7px 7px 0;
}
#bankalarm .section03 .step-list{
    overflow: hidden;
    border-radius: 11px;
    border: 1px solid rgb(0, 0, 0, .07);
    height: 360px;
    margin-top: 30px;
    font-size: 0;
}
#bankalarm .section03 .list-img{
    display: inline-block;
    background: #F6F6F6;
    width: 580px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#bankalarm .section03 .list-img img{
    position: absolute;
}
#bankalarm .section03 .tab-content-in1 .step2 .list-img img,
#bankalarm .section03 .tab-content-in1 .step3 .list-img img,
#bankalarm .section03 .tab-content-in1 .step4 .list-img img{
    width: 372px;
    top: 42px;
    right: 104px;
}
#bankalarm .section03 .tab-content-in2 .list-img img{
    width: 314px;
    left: 139px;
    bottom: -1px;
}
#bankalarm .section03 .tab-content-in2 .list-img .img2{
    width: 118px;
    left: 372px;
    top: 124px;
}
#bankalarm .section03 .list-txt{
    display: inline-block;
    width: 620px;
    margin-left: -5px;
    text-align: left;
    vertical-align: top;
}
#bankalarm .section03 .list-txt em{
    display: block;
    color: #13BD7E;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}
#bankalarm .section03 .list-txt strong{
    display: inline-block;
    font-size: 26px;
    color: #333;
}
#bankalarm .section03 .list-txt .small{
    font-size: 15px;
    color: #193158;
    line-height: 1.5;
    font-weight: 300;
    margin: 0;
}
#bankalarm .section03 .list-txt p{
    font-size: 17px;
    color: #555;
    margin: 22px 0 10px 0;
    line-height: 1.65;
    word-break: keep-all;
}
#bankalarm .section03 .tab-content-in1 .step1 .list-txt,
#bankalarm .section03 .tab-content-in1 .step5 .list-txt{
    padding: 109px 0 0 90px;
}
#bankalarm .section03 .tab-content-in1 .step2 .list-txt{
    padding: 78px 0 0 90px;
}
#bankalarm .section03 .tab-content-in1 .step3 .list-txt{
    padding: 81px 0 0 90px;
}
#bankalarm .section03 .tab-content-in1 .step4 .list-txt{
    padding: 67px 0 0 90px;
}
#bankalarm .section03 .tab-content-in1 .step1 .list-img img,
#bankalarm .section03 .tab-content-in1 .step5 .list-img img{
    width: 515px;
    right: 0;
    bottom: 0;
}
#bankalarm .section03 .tab-content-in1 .step1 .list-txt p{
    width: 380px;
}
#bankalarm .section03 .tab-content-in2 .step1 .list-txt p{
    width: 250px;
}
#bankalarm .section03 .tab-content-in1 .step2 .list-txt p,
#bankalarm .section03 .tab-content-in1 .step3 .list-txt p,
#bankalarm .section03 .tab-content-in1 .step5 .list-txt p{
    width: 350px;
}
#bankalarm .section03 .tab-content-in2 .step2 .list-txt p,
#bankalarm .section03 .tab-content-in2 .step3 .list-txt p{
    width: 450px;
}
#bankalarm .section03 .tab-content-in2 .step3 .step{
    margin-top: 23px;
}
#bankalarm .section03 .tab-content-in2 .step3 .step img{
    margin-right: 6px;
}
#bankalarm .section03 .tab-content-in2 .step3 p{
    margin: 0 0 14px 0;
    line-height: normal;
    position: relative;
    padding-left: 26px;
}
#bankalarm .section03 .tab-content-in2 .step3 .one::before,
#bankalarm .section03 .tab-content-in2 .step3 .two::before,
#bankalarm .section03 .tab-content-in2 .step3 .three::before{
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    display: inline-block;
}
#bankalarm .section03 .tab-content-in2 .step3 .one::before{
    content: '';
    position: absolute;
    background: url(/images/info/bankinfo/img_bankalarm_ico07.svg) no-repeat;
    background-size: 100%;
}
#bankalarm .section03 .tab-content-in2 .step3 .two::before{
    content: '';
    position: absolute;
    background: url(/images/info/bankinfo/img_bankalarm_ico08.svg) no-repeat;
    background-size: 100%;
}
#bankalarm .section03 .tab-content-in2 .step3 .three::before{
    content: '';
    position: absolute;
    background: url(/images/info/bankinfo/img_bankalarm_ico09.svg) no-repeat;
    background-size: 100%;
}
#bankalarm .section03 .tab-content-in2 .step5 .list-txt p{
    width: 400px;
}
#bankalarm .section03 .tab-content-in1 .step4 .list-txt p{
    width: 390px;
}
#bankalarm .section03 .tab-content-in2 .step4 .list-txt p{
    width: 250px;
}
#bankalarm .section03 .step3 .tab-content-in1 .list-txt .small{
    width: 300px;
}
#bankalarm .section03 .list-txt p strong{
    display: inline;
    font-size: 17px;
    color: #555;
    line-height: 28px;
}
#bankalarm .section03 .tab-content-in2 .list-btn{
    margin-top: 20px;
}
#bankalarm .section03 .tab-content-in2 .list-btn a{
    border: 1px solid #13BD7E;
    color: #13BD7E;
    padding: 15px 39px 15px 22px;
    display: inline-block;
    font-size: 15px;
    border-radius: 4px;
    position: relative;
}
#bankalarm .section03 .tab-content-in2 .list-btn a::after{
    content: '';
    position: absolute;
    background: url(/images/info/bankinfo/img_bankalarm_ico06.svg) no-repeat;
    width: 15px;
    height: 14px;
    margin: 2px 0 0 3px;
}
#bankalarm .section03 .tab-content-in2 .step1 .list-txt{
    padding: 62px 0 0 90px;
}
#bankalarm .section03 .tab-content-in2 .step2 .list-txt{
    padding: 78px 0 0 90px;
}
#bankalarm .section03 .tab-content-in2 .step3 .list-txt{
    padding: 90px 0 0 90px;
}
#bankalarm .section03 .tab-content-in2 .step4 .list-txt{
    padding: 109px 0 0 90px;
}
#bankalarm .section03 .tab-content-in2 .step5 .list-txt{
    padding: 78px 0 0 90px;
}
#bankalarm .section03 .notice{
    margin-top: 30px;
}
#bankalarm .section03 .accordion_header{
    background: #F6F6F6;
    border-radius: 10px;
}
#bankalarm .section03 .accordion_header.active{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#bankalarm .section03 .accordion_header .toggle_btn{
    position: relative;
    width: 100%;
    height: 91px;
    padding-left: 32px;
    padding-right: 40px;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
}
#bankalarm .section03 .accordion_header.active .toggle_btn:after {
    content: none;
}
#bankalarm .section03 .accordion_header.active + .accordion_body {
    display: block;
}
#bankalarm .section03 .accordion_header.active .toggle_btn::after{
    content: "";
    position: absolute;
    background-image: url(/images/info/bankinfo/img_bankalarm_ico05.svg);
    background-size: cover;
    width: 23px;
    height: 23px;
    top: 32px;
    right: 39px;
}
#bankalarm .section03 .accordion_header .toggle_btn::after{
    content: "";
    position: absolute;
    transition: all 0.2s linear;
    background-image: url(/images/info/bankinfo/img_bankalarm_ico10.svg);
    background-size: cover;
    width: 23px;
    height: 23px;
    top: 32px;
    right: 39px;
}
#bankalarm .section03 .accordion_body li{
    line-height: 1.9;
    font-size: 16px;
    color: #777;
    text-align: left;
    position: relative;
    padding-left: 10px;
    width: 820px;
}
#bankalarm .section03 .accordion_body li::before{
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}
#bankalarm .section03 .accordion_body .none::before{
    content: none;
}
#bankalarm .section03 .accordion_body{
    display: none;
    background-color: #f6f6f6;
    padding: 0 32px 43px;
    border-radius: 0 0 11px 11px;
}
#bankalarm .section04{
    padding: 100px 0;
    border-top: 1px solid rgb(0, 0, 0, 0.07);
}
#bankalarm .section04 .tit{
    text-align: center;
}
#bankalarm .section04 .bank-wrap{
    margin-top: 25px;
    font-size: 0;
}
#bankalarm .section04 .bank-wrap img{
    width: 200px;
}
#bankalarm .section04 .bank-wrap img+img{
    margin-left: 50px;
}
#bankalarm .section04 .bank-wrap .bank1{
    margin-left: 0;
}
#bankalarm .section04 .bank-wrap .bank2{
    margin-left: 0;
}
#bankalarm .section04 .img-wrap2,
#bankalarm .section04 .img-wrap3{
    margin-top: 15px;
}
#bankalarm .section04 .img-wrap1 img+img,
#bankalarm .section04 .img-wrap2 img+img,
#bankalarm .section04 .img-wrap3 img+img{
    margin-left: 50px;
}
#bankalarm .section05{
    background: linear-gradient(135deg, #13BD7E, #11BDA7);
    padding: 92px 0 98px;
    text-align: center;
}
#bankalarm .section05 .txt{
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}
#bankalarm .section05 .txt strong{
    font-size: 60px;
    display: block;
    margin: 19px 0 45px;
}
#bankalarm .section05 .btn-area a{
    font-size: 19px;
    color: #13BD7E;
    padding: 24px 45px 23px 47px;
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}
#bankalarm .section05 .btn-area a::after{
    content: "";
    display: inline-block;
    margin-left: 6px;
    width: 7px;
    height: 7px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #13BD7E;
    transform: translateY(-2px) rotate(45deg);
}
@media screen and (max-width: 1200px){
    #bankalarm .section01{
        padding: 169px 0 145px;
        background-position: top -50% right 9%;
        background-size: 472px;
    }
    #bankalarm .section01 .tit{
        padding-left: 20px;
    }
    #bankalarm .section01 .tit strong,
    #bankalarm .section01 .tit em{
        font-size: 68px;
    }
    #bankalarm .section01 .tit p{
        font-size: 19px;
        margin-top: 20px;
    }
    #bankalarm .section01 .obj{
        margin-top: -70px;
        right: -55%;
    }
    #bankalarm .section01 .obj .woman{
        width: 20%;
    }
    #bankalarm .section01 .obj .man{
        width: 25%;
    }
    #bankalarm .section01 .obj .woman .people{
        width: 100%;
    }
    #bankalarm .section01 .obj .man .people{
        width: 100%;
    }
    #bankalarm .section01 .obj .woman .icon,
    #bankalarm .section01 .obj .man .icon{
        width: 76px;
        height: 76px;
    }
    #bankalarm .section02{
        padding: 90px 0 110px;
    }
    #bankalarm .section02 .tit{
        padding-left: 20px;
    }
    #bankalarm .section02 .tit p{
        font-size: 44px;
        margin-top: 14px;
    }
    #bankalarm .section02 .tit span{
        font-size: 19px;
    }
    #bankalarm .section02 .box-wrap{
        margin-top: 42px;
        text-align: left;
    }
    #bankalarm .section02 .box-wrap li img{
        width: 16%;
    }
    #bankalarm .section02 .box-wrap li{
        width: 23%;
        padding: 28px 0 80px 30px;
    }
    #bankalarm .section02 .box-wrap li+li{
        margin-left: 15px;
    }
    #bankalarm .section02 .box-wrap li strong{
        font-size: 20px;
        margin-top: 18px;
    }
    #bankalarm .section02 .box-wrap li p{
        font-size: 17px;
        margin-top: 12px;
        width: 91%;
    }
    #bankalarm .section03{
        padding: 80px 0 110px;
    }
    #bankalarm .section03 .tit{
        padding: 0 20px 20px 20px;
    }
    #bankalarm .section03 .tit span{
        font-size: 44px;
    }
    #bankalarm .section03 .tit li{
        font-size: 16px;
        padding: 17px 32px;
    }
    #bankalarm .section03 .accordion{
        width: 97%;
        margin: 0 auto;
    }
    #bankalarm .section03 .step-list{
        width: 97%;
        height: 340px;
        margin: 25px auto;
        font-size: unset;
        overflow: hidden;
    }
    #bankalarm .section03 .list-img{
        width: 50%;
    }
    #bankalarm .section03 .list-txt{
        width: 50%;
    }
    #bankalarm .section03 .list-txt .small{
        font-size: 14px;
    }
    #bankalarm .section03 .tab-content-in1 .step1 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step5 .list-img img{
        width: 90%;
    }
    #bankalarm .section03 .tab-content-in1 .step2 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step3 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step4 .list-img img{
        width: 360px;
        right: 18.5%;
        top: 11%;
    }
    #bankalarm .section03 .tab-content-in2 .list-img img{
        width: 304px;
        left: 24%;
    }
    #bankalarm .section03 .tab-content-in2 .list-img .img2{
        width: 108px;
        left: 64%;
        top: 110px;
    }
    #bankalarm .section03 .tab-content-in1 .step1 .list-txt p,
    #bankalarm .section03 .tab-content-in1 .step2 .list-txt p,
    #bankalarm .section03 .tab-content-in1 .step3 .list-txt p,
    #bankalarm .section03 .tab-content-in1 .step4 .list-txt p,
    #bankalarm .section03 .tab-content-in1 .step5 .list-txt p{
        width: 90%;
    }
    #bankalarm .section03 .tab-content-in2 .step2 .list-txt p,
    #bankalarm .section03 .tab-content-in2 .step3 .list-txt p{
        width: 90%;
    }
    #bankalarm .section03 .tab-content-in2 .step5 .list-txt p{
        width: 78%;
    }
    #bankalarm .section03 .tab-content-in1 .step1 .list-txt,
    #bankalarm .section03 .tab-content-in1 .step5 .list-txt{
        padding: 9% 3% 0 7%;
    }
    #bankalarm .section03 .tab-content-in1 .step2 .list-txt{
        padding: 6.5% 3% 0 7%;
    }
    #bankalarm .section03 .tab-content-in1 .step3 .list-txt{
        padding: 6.5% 3% 0 7%;
    }
    #bankalarm .section03 .tab-content-in1 .step4 .list-txt{
        padding: 5% 3% 0 7%;
    }
    #bankalarm .section03 .tab-content-in2 .step1 .list-txt{
        padding: 4.5% 0 0 7%;
    }
    #bankalarm .section03 .tab-content-in2 .step2 .list-txt{
        padding: 6.5% 0 0 7%;
    }
    #bankalarm .section03 .tab-content-in2 .step3 .list-txt{
        padding: 7% 0 0 7%;
    }
    #bankalarm .section03 .tab-content-in2 .step4 .list-txt{
        padding: 9% 0 0 7%;
    }
    #bankalarm .section03 .tab-content-in2 .step5 .list-txt{
        padding: 6.5% 0 0 7%;
    }
    #bankalarm .section03 .list-txt em{
        font-size: 14px;
    }
    #bankalarm .section03 .list-txt strong{
        font-size: 24px;
    }
    #bankalarm .section03 .list-txt p{
        font-size: 16px;
        line-height: 26px;
    }
    #bankalarm .section03 .accordion_header .toggle_btn{
        font-size: 20px;
        height: 86px;
    }
    #bankalarm .section03 .accordion_header.active + .accordion_body{
        margin: 0 auto;
    }
    #bankalarm .section03 .accordion_body li{
        font-size: 15px;
        width: 770px;
    }
    #bankalarm .section03 .accordion_header.active .toggle_btn::after{
        width: 20px;
        height: 20px;
    }
    #bankalarm .section04{
        padding: 90px 0;
    }
    #bankalarm .section04 .tit{
        font-size: 44px;
    }
    #bankalarm .section04 .bank-wrap{
        margin-top: 15px;
        padding-left: 20px;
    }
    #bankalarm .section04 .bank-wrap img{
        width: 16%;
    }
    #bankalarm .section04 .bank-wrap img+img{
        margin-left: 30px;
    }
    #bankalarm .section04 .img-wrap1 img+img,
    #bankalarm .section04 .img-wrap2 img+img,
    #bankalarm .section04 .img-wrap3 img+img{
        margin-left: 15%;
    }
    #bankalarm .section04 .img-wrap2,
    #bankalarm .section04 .img-wrap3{
        margin-top: 10px;
    }
    #bankalarm .section05{
        padding: 82px 0 88px;
    }
    #bankalarm .section05 .txt{
        font-size: 19px;
    }
    #bankalarm .section05 .txt strong{
        font-size: 54px;
        margin: 13px 0 39px;
    }
    #bankalarm .section05 .btn a{
        font-size: 18px;
        padding: 23px 44px 22px 46px;
    }
}
@media screen and (max-width: 1024px){
    #bankalarm.container{
        min-width: auto;
    }
    #bankalarm .section01{
        padding: 100px 0 417px;
        background-position: top 94% right 18%;
    }
    #bankalarm .section01 .obj{
        margin-top: 200px;
        right: 5%;
    }
    #bankalarm .section01 .tit{
        padding-left: 80px;
    }
    #bankalarm .section01 .obj .man{
        width: 300px;
    }
    #bankalarm .section01 .obj .woman{
        width: 240px;
    }
    #bankalarm .section02 .box-wrap li{
        width: 23%;
        margin: 0 1.5% 3% 0;
        padding: 3% 0 7.5% 3%;
    }
    #bankalarm .section02 .box-wrap li+li{
        margin-left: 0;
    }
    #bankalarm .section03 .step1 .list-txt p{
        width: 94%;
    }
    #bankalarm .section03 .step2 .list-txt p,
    #bankalarm .section03 .step3 .list-txt p,
    #bankalarm .section03 .step5 .list-txt p{
        width: 95%;
    }
    #bankalarm .section03 .tab-content-in2 .list-img img{
        left: 19%;
    }
    #bankalarm .section03 .tab-content-in2 .list-img .img2{
        left: 67%;
    }
    #bankalarm .section03 .tab-content-in1 .step2 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step3 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step4 .list-img img{
        width: 320px;
        right: 16%;
        top: 15%;
    }
    #bankalarm .section03 .step4 .list-txt p{
        width: 99%;
    }
    #bankalarm .section03 .list-txt .small{
        width: 60%;
    }
    #bankalarm .section03 .accordion_body li{
        width: 86%;
    }
}
@media screen and (max-width: 991px){
    #bankalarm .section02{
        padding: 90px 0 100px;
    }
    #bankalarm .section02 .box-wrap{
        width: 92%;
        padding-left: 90px;
    }
    #bankalarm .section02 .box-wrap li p{
        width: 72%;
        margin: 5.5% auto 0;
        font-size: 18px;
    }
    #bankalarm .section02 .box-wrap li strong{
        font-size: 22px;
        margin-top: 8%;
    }
    #bankalarm .section02 .box-wrap li{
        width: 44%;
        margin: 0 2.5% 2.5% 0;
        padding: 7% 0% 8% 0;
        text-align: center;
    }
    #bankalarm .section02 .tit{
        padding-left: 90px;
    }
    #bankalarm .section02 .box-wrap li img{
        width: 14%;
    }
}
@media screen and (max-width: 768px){
    #bankalarm .section01{
        padding: 19.53vw 0 79.2vw;
        background-position: 14vw 80vw;
        background-size: 74vw;
    }
    #bankalarm .section01 .tit{
        text-align: center;
        padding: 0;
    }
    #bankalarm .section01 .tit strong,
    #bankalarm .section01 .tit em{
        font-size: 11.718vw;
    }
    #bankalarm .section01 .tit p{
        font-size: 4.166vw;
        line-height: 1.5;
        margin-top: 4.166vw;
    }
    #bankalarm .section01 .obj{
        margin-top: 58vw;
        right: 5.5vw;
    }
    #bankalarm .section01 .obj .man{
        width: 42.71vw;
    }
    #bankalarm .section01 .obj .woman{
        width: 34.767vw;
        right: -7.5vw;
        top: 5.3vw;
    }
    #bankalarm .section01 .obj .woman .icon,
    #bankalarm .section01 .obj .man .icon{
        width: 11.068vw;
        height: 11.068vw;
    }
    #bankalarm .section01 .obj .woman .icon{
        left: -12vw;
        top: 14vw;
    }
    #bankalarm .section01 .obj .man .icon{
        right: 2vw;
        top: -4vw;
    }
    #bankalarm .section02{
        padding: 16.927vw 0 15.625vw;
    }
    #bankalarm .section02 .tit{
        text-align: center;
        padding-left: 0;
    }
    #bankalarm .section02 .tit span{
        font-size: 3.906vw;
    }
    #bankalarm .section02 .tit p,
    #bankalarm .section03 .tit,
    #bankalarm .section04 .tit{
        font-size: 8.073vw;
        line-height: 1.3;
    }
    #bankalarm .section02 .tit p{
        margin-top: 4.947vw;
    }
    #bankalarm .section02 .box-wrap ul{
        text-align: center;
    }
    #bankalarm .section02 .box-wrap li{
        width: 62.5vw;
        text-align: center;
        padding: 10.416vw 0 12.239vw 0;
        margin: 0 0 3.907vw 0;
        border-radius: 2.5vw;
    }
    #bankalarm .section02 .box-wrap li img{
        width: 8.074vw;
    }
    #bankalarm .section02 .box-wrap{
        padding-left: 0;
        margin-top: 7.812vw;
        width: 100%;
    }
    #bankalarm .section02 .box-wrap li strong{
        font-size: 4.687vw;
        margin-top: 4.947vw;
    }
    #bankalarm .section02 .box-wrap li p{
        font-size: 3.776vw;
        line-height: 1.5;
        margin-top: 3.385vw;
    }
    #bankalarm .section03 .tit{
        text-align: center;
    }
    #bankalarm .section03 .tit ul{
        float: none;
        margin-top: 6.51vw;
    }
    #bankalarm .section03 .tit span{
        font-size: 8.073vw;
        margin-bottom: 6.51vw;
    }
    #bankalarm .section03 .tit li{
        font-size: 3.255vw;
        padding: 3.906vw 8.072vw;
        border-radius: 1.3vw 0 0 1.3vw;
    }
    #bankalarm .section03 .tit li+li{
        border-radius: 0 1.3vw 1.3vw 0;
    }
    #bankalarm .section03{
        padding: 15.625vw 0 13.021vw;
    }
    #bankalarm .section03 .step-list,
    #bankalarm .section03 .notice{
        border-radius: 2vw;
        width: 84.377vw;
        margin: 3.906vw auto;
    }
    #bankalarm .section03 .tab-content-in1 .step-list,
    #bankalarm .section03 .tab-content-in2 .step-list{
        height: auto;
        font-size: 0;
    }
    #bankalarm .section03 .tab-content-in2 .step1 .list-txt p{
        width: 51vw;
    }
    #bankalarm .section03 .tab-content-in2 .step2 .list-txt p{
        width: 56vw;
    }
    #bankalarm .section03 .tab-content-in2 .step4 .list-txt p{
        width: 47vw;
    }
    #bankalarm .section03 .tab-content-in2 .step2 .list-txt .small{
        width: 47vw;
    }
    #bankalarm .section03 .tab-content-in2 .step5 .list-txt p{
        width: 56vw;
    }
    #bankalarm .section03 .tab-content-in1 .step1 .list-txt p{
        width: 58vw;
    }
    #bankalarm .section03 .tab-content-in1 .step2 .list-txt p,
    #bankalarm .section03 .tab-content-in1 .step5 .list-txt p,
    #bankalarm .section03 .tab-content-in1 .step3 .list-txt p{
        width: 57vw;
    }
    #bankalarm .section03 .tab-content-in1 .step4 .list-txt p{
        width: 57vw;
    }
    #bankalarm .section03 .accordion{
        width: 84.377vw;
    }
    #bankalarm .section03 .list-txt .small{
        margin-top: 2.343vw;
        font-size: 2.864vw;
        line-height: 1.5;
        position: relative;
        padding-left: 1.5vw;
    }
    #bankalarm .section03 .list-txt .small::before{
        position: absolute;
        content: '*';
        top: 0;
        left: 0;
    }
    #bankalarm .section03 .tab-content-in2 .list-img .img2{
        width: 18.62vw;
        left: 55.47vw;
        top: 19vw;
    }
    #bankalarm .section03 .tab-content-in2 .step3 .step{
        margin-top: 3.776vw;
    }
    #bankalarm .section03 .tab-content-in1 .list-img{
        width: 100%;
        height: 52.344vw;
    }
    #bankalarm .section03 .tab-content-in2 .list-img{
        width: 100%;
        height: 56.642vw;
    }
    #bankalarm .section03 .list-txt{
        display: block;
    }
    #bankalarm .section03 .tab-content-in1 .step1 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step5 .list-img img{
        width: 74.87vw;
    }
    #bankalarm .section03 .tab-content-in2 .list-img img{
        width: 50.132vw;
        left: 18.099vw;
    }
    #bankalarm .section03 .tab-content-in1 .step1 .list-txt,
    #bankalarm .section03 .tab-content-in1 .step2 .list-txt,
    #bankalarm .section03 .tab-content-in1 .step3 .list-txt,
    #bankalarm .section03 .tab-content-in1 .step4 .list-txt,
    #bankalarm .section03 .tab-content-in1 .step5 .list-txt,
    #bankalarm .section03 .tab-content-in2 .step1 .list-txt,
    #bankalarm .section03 .tab-content-in2 .step2 .list-txt,
    #bankalarm .section03 .tab-content-in2 .step3 .list-txt,
    #bankalarm .section03 .tab-content-in2 .step4 .list-txt,
    #bankalarm .section03 .tab-content-in2 .step5 .list-txt{
        padding: 9.115vw 0 9.115vw 14.323vw;
        width: 85vw;
    }
    #bankalarm .section03 .step4 .list-txt p{
        width: 62vw;
    }
    #bankalarm .section03 .tab-content-in2 .list-btn a::after{
        width: 3vw;
        height: 3vw;
        margin: 0vw 0 0 1vw;
        background-size: cover;
    }
    #bankalarm .section03 .tab-content-in2 .list-btn a{
        font-size: 2.864vw;
        padding: 2.994vw 8.203vw 2.994vw 4.66vw;
    }
    #bankalarm .section03 .tab-content-in2 .list-btn{
        margin-top: 3.9vw;
    }
    #bankalarm .section03 .tit{
        padding: 0 0 5.859vw 0;
    }
    #bankalarm .section03 .list-txt em{
        font-size: 3.255vw;
        margin-bottom: 3.255vw;
    }
    #bankalarm .section03 .list-txt strong{
        font-size: 4.817vw;
    }
    #bankalarm .section03 .accordion_body li{
        font-size: 3.125vw;
        word-break: keep-all;
        width: 74vw;
        padding-left: 1.823vw;
    }
    #bankalarm .section03 .tab-content-in2 .step3 .list-txt p{
        line-height: 1.5;
        width: 59vw;
        padding-left: 4.688vw;
    }
    #bankalarm .section03 .tab-content-in2 .step3 .list-txt p+p{
        margin: 1.953vw 0 0 0;
    }
    #bankalarm .section03 .tab-content-in2 .step3 .step img{
        width: 3.646vw;
        margin: -0.4vw 1.041vw 0 0;
    }
    #bankalarm .section03 .list-txt p,
    #bankalarm .section03 .list-txt p strong{
        font-size: 3.255vw;
        line-height: 1.6;
        margin: 3.906vw 0 0 0;
    }
    #bankalarm .section03 .tab-content-in1 .step2 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step3 .list-img img,
    #bankalarm .section03 .tab-content-in1 .step4 .list-img img{
        width: 60.938vw;
        right: 11vw;
        top: 3.646vw;
    }
    #bankalarm .section03 .tab-content-in2 .step3 .one::before,
    #bankalarm .section03 .tab-content-in2 .step3 .two::before,
    #bankalarm .section03 .tab-content-in2 .step3 .three::before{
        width: 3.636vw;
        height: 3.636vw;
        margin-top: 0.4vw;
    }
    #bankalarm .section03 .accordion_header{
        border-radius: 2vw;
    }
    #bankalarm .section03 .accordion_header .toggle_btn{
        font-size: 3.906vw;
        height: 15.106vw;
        padding-left: 5.208vw;
        width: 84.377vw;
        line-height: 2;
    }
    #bankalarm .section03 .accordion_body{
        padding: 0 5.208vw 7.81vw;
        border-radius: 0 0 2vw 2vw;
    }
    #bankalarm .section03 .accordion_header.active + .accordion_body{
        width: 84.377vw;
    }
    #bankalarm .section03 .accordion_header .toggle_btn::after{
        width: 3.907vw;
        height: 3.907vw;
        top: 5.5vw;
        right: 5vw;
    }
    #bankalarm .section03 .accordion_header.active .toggle_btn::after{
        width: 3.907vw;
        height: 3.907vw;
        top: 5.5vw;
        right: 5vw;
    }
    #bankalarm .section04 .tit{
        font-size: 8.073vw;
    }
    #bankalarm .section04{
        padding: 16.927vw 0;
    }
    #bankalarm .section04 .bank-wrap img{
        width: 28.125vw;
    }
    #bankalarm .section04 .bank-wrap{
        margin: 4.297vw auto 0;
        width: 84.377vw;
        padding-left: 0;
    }
    #bankalarm .section04 .bank-wrap img+img{
        margin-left: 0;
    }
    #bankalarm .section05 .btn-area a{
        font-size: 3.776vw;
        padding: 4.947vw 10.547vw;
        border-radius: 1vw;
    }
    #bankalarm .section05 .btn-area a::after{
        width: 1.8vw;
        height: 1.8vw;
    }
    #bankalarm .section05{
        padding: 15.625vw 0 16.927vw;
    }
    #bankalarm .section05 .txt{
        font-size: 3.509vw;
    }
    #bankalarm .section05 .txt strong{
        font-size: 9.635vw;
        width: 57vw;
        word-break: keep-all;
        margin: 5.208vw auto 7.161vw;
        line-height: 1.3;
    }
    #bankalarm .section05 .btn a{
        font-size: 3.766vw;
        padding: 4.948vw 10.547vw;
        border-radius: 8px;
    }
    #bankalarm .section05 .btn a::after{
        width: 1.8vw;
        height: 1.8vw;
        margin-left: 1vw;
    }
}
@media screen and (max-width: 360px){
    #bankalarm .section01{
        background-position: 14vw 82vw;
    }
    #bankalarm .section01 .obj{
        margin-top: 60vw;
    }
    #bankalarm .section01 .obj .woman{
        width: 33vw;
    }
    #bankalarm .section01 .obj .man{
        width: 42vw;
    }
}

/* 디자인프로 */
@media only screen and (max-width: 768px) {
    #designpro-m .inner {
        padding: 21.875vw 0;
        text-align: center
    }

    #designpro-m .slick-slide {
        display: inline-block
    }

    #designpro-m .slick-slide:focus {
        outline: none;
        border: 0
    }

    #designpro-m .slick-slider {
        padding-top: 18.75vw
    }

    #designpro-m .slick-slider .slick-dots {
        position: absolute;
        top: 0;
        width: 100%
    }

    #designpro-m .slick-slider.tab-slide li {
        display: inline-block
    }

    #designpro-m .slick-slider.tab-slide li button {
        margin: 0 1vw;
        padding: 2.8125vw 3.5vw;
        background: #fff;
        line-height: 1;
        -webkit-border-radius: 3.125vw;
        -moz-border-radius: 3.125vw;
        border-radius: 3.125vw;
        font-size: 3.4375vw
    }

    #designpro-m .slick-slider.tab-slide li.slick-active button {
        background: #fd9806;
        color: #fff
    }

    #designpro-m h2 {
        font-size: 12.5vw;
        font-weight: 200;
        line-height: 15.3125vw
    }
    #designpro-m h2 b{
        display: block;
    }

    #designpro-m h2+p {
        margin-top: 7.8125vw;
        font-size: 4.0625vw;
        line-height: 5.9375vw
    }

    #designpro-m h3 {
        font-size: 8.4375vw;
        font-weight: 600;
        line-height: 11.5625vw
    }

    #designpro-m h3+p {
        margin: 7.8125vw 0;
        font-size: 3.75vw;
        line-height: 5.9375vw
    }

    #designpro-m .text-area {
        position: relative;
        margin-bottom: 12.5vw
    }

    #designpro-m .section01 {
        background: #f1f1f1
    }

    #designpro-m .section01 .img-area img:not(img:first-of-type) {
        position: absolute
    }

    #designpro-m .section01 .img-area img:first-of-type {
        position: relative;
        width: 74.6875vw
    }

    #designpro-m .section01 .img-area img:nth-child(2) {
        width: 20.3125vw;
        right: 3.1875vw;
        top: 5.3125vw
    }

    #designpro-m .section01 .img-area img:nth-child(3) {
        width: 21.5625vw;
        bottom: 1.125vw;
        left: 1.3125vw;
        z-index: 10
    }

    #designpro-m .section01 .img-area img:nth-child(4) {
        width: 36.875vw;
        bottom: -18.25vw;
        left: 9vw
    }

    #designpro-m .section01 .img-area img:nth-child(5) {
        width: 20.9375vw;
        bottom: -11.875vw;
        left: 4.5vw
    }

    #designpro-m .section01 .img-area img:nth-child(6) {
        width: 17.8125vw;
        bottom: -8.125vw;
        left: 33.8125vw
    }

    #designpro-m .section02 .img-area>* {
        position: absolute
    }

    #designpro-m .section02 img:first-of-type {
        position: relative;
        width: 93.75vw
    }

    #designpro-m .section02 .rolling-banner {
        width: 100%;
        top: -0.3vw;
        left: 0
    }

    #designpro-m .section02 [data-aos=rolling-aos].aos-animate {
        -webkit-animation: rollingBanner 6s infinite;
        -o-animation: rollingBanner 6s infinite;
        animation: rollingBanner 6s infinite
    }

    #designpro-m .section02 .move-banner {
        top: -0.2vw;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/images/info-m/designpro/img02_03.png") no-repeat center;
        -webkit-background-size: 100%;
        background-size: 100%
    }

    #designpro-m .section02 [data-aos=move-banner-aos].aos-animate {
        -webkit-animation: moveBanner 6s infinite;
        -o-animation: moveBanner 6s infinite;
        animation: moveBanner 6s infinite
    }

    #designpro-m .section02 .cursor {
        width: 93.75vw;
        top: 0;
        left: 0
    }

    #designpro-m .section02 [data-aos=cursor-aos].aos-animate {
        -webkit-animation: moveCursor 6s infinite;
        -o-animation: moveCursor 6s infinite;
        animation: moveCursor 6s infinite
    }

    #designpro-m .section03 {
        background: #f3f7fa
    }

    #designpro-m .section03 .slick-list {
        height: 96.5625vw;
        background: url("/images/info-m/designpro/img03_bg.png") no-repeat center bottom;
        -webkit-background-size: 56.5625vw;
        background-size: 56.5625vw
    }

    #designpro-m .section03 .slick-list .slick-slide img {
        width: 56.5625vw
    }

    #designpro-m .section04 .slick-slide {
        position: relative
    }

    #designpro-m .section04 .slick-slide img:nth-child(2) {
        position: absolute;
        right: 0
    }

    #designpro-m .section04 .slick-dots li button {
        background: #f4f4f4
    }

    #designpro-m .section04 .slick-dots li.slick-active button {
        background: #fd9806;
        color: #fff
    }

    #designpro-m .section05 {
        background: #f3f7fa
    }

    #designpro-m .section05 h4 {
        margin-bottom: 6.25vw;
        font-size: 4.6875vw
    }

    #designpro-m .section05 p {
        font-size: 3.75vw;
        line-height: 6.25vw
    }

    #designpro-m .section05 .slick-dots {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    #designpro-m .section05 .slick-dots li {
        display: inline-block
    }

    #designpro-m .section05 .slick-dots li button {
        width: 3.125vw;
        height: 3.125vw;
        margin: 0 2.5vw;
        font-size: 0;
        background: #bbc0be;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    #designpro-m .section05 .slick-dots li.slick-active button {
        background: #6585e2
    }

    #designpro-m .section06 {
        color: #fff;
        background: #5c62db
    }

    #designpro-m .section06 h3 {
        margin-bottom: 12.5vw;
        font-weight: 100
    }

    #designpro-m .section06 .btn-area a {
        display: block;
        margin: 4.6875vw 0;
        padding: 5vw 0;
        font-size: 5vw;
        font-weight: 600;
        color: #4e5df5;
        background: #fff;
        -webkit-border-radius: 2.5vw;
        -moz-border-radius: 2.5vw;
        border-radius: 2.5vw
    }

    #designpro-m .section06 .btn-area a:last-of-type {
        color: #fff;
        background: #8993f9
    }

    @keyframes rollingBanner {
        0% {
            top: -0.3vw
        }

        25% {
            top: 9.6vw
        }

        50% {
            top: 9.6vw
        }

        100% {
            top: 9.6vw
        }
    }

    @keyframes moveBanner {
        0% {
            background: url("/images/info-m/designpro/img02_03.png") no-repeat center;
            background-size: 100%
        }

        10% {
            background: url("/images/info-m/designpro/img02_03active.png") no-repeat center;
            background-size: 100%
        }

        30% {
            top: -8vw;
            background: url("/images/info-m/designpro/img02_03active.png") no-repeat center;
            background-size: 100%
        }

        50% {
            top: -9.5vw;
            background: url("/images/info-m/designpro/img02_03.png") no-repeat center;
            background-size: 100%
        }

        100% {
            top: -9.5vw;
            background: url("/images/info-m/designpro/img02_03.png") no-repeat center;
            background-size: 100%
        }
    }

    @keyframes moveCursor {
        0% {
            top: 2vw
        }

        30% {
            top: -8vw;
            opacity: 1
        }

        40% {
            opacity: 0
        }

        50% {
            top: -10.1vw;
            opacity: 0
        }

        100% {
            top: -10.1vw;
            opacity: 0
        }
    }
}

/* 이지에디터 */
@media only screen and (max-width: 768px) {
    #easyeditor-m {
        text-align: center;
        font-weight: 300;
        line-height: normal
    }

    #easyeditor-m>div:not(.top-bnr) {
        position: relative;
        padding: 15vw 5vw
    }

    #easyeditor-m p {
        word-break: keep-all;
        font-size: 5vw;
        line-height: 1.3;
    }

    #easyeditor-m .text-area h4 {
        font-size: 7vw;
        margin-bottom: 10vw
    }

    #easyeditor-m .img-area {
        margin-top: 20vw
    }

    #easyeditor-m .img-area span {
        position: absolute
    }

    #easyeditor-m .top-bnr {
        background: #0c0730;
        padding: 10vw
    }

    #easyeditor-m .top-bnr p {
        font-weight: 400;
        color: #ff6e2d;
        margin-bottom: 5vw
    }

    #easyeditor-m .main-section #mainTitle-m {
        min-height: 30vw;
        font-weight: 100;
        font-size: 11vw;
        line-height: 15vw
    }

    #easyeditor-m .main-section .experience {
        position: absolute;
        left: 75%;
        width: 23vw;
        height: 23vw;
        margin-top: 7vw;
        border-radius: 50%;
        background: #ff7200;
        z-index: 100;
        cursor: pointer
    }

    #easyeditor-m .main-section .experience span {
        width: 100%;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 3.5vw;
        line-height: 5vw;
        font-weight: 400;
        margin-top: 45%;
        transform: translateY(-50%)
    }

    #easyeditor-m .main-section .experience span:after {
        content: "";
        background: url("/images/info-m/easyeditor/ico_arrow_down.png") no-repeat;
        background-size: 100%;
        width: 4vw;
        height: 5vw;
        position: absolute;
        bottom: -7.5vw;
        left: 50%;
        transform: translateX(-50%)
    }

    #easyeditor-m .main-section .img-area {
        position: relative;
        margin: 20vw 0
    }

    #easyeditor-m .main-section .img-area .monitor-area {
        position: relative;
        z-index: 10
    }

    #easyeditor-m .main-section .img-area .mobile-area {
        position: absolute;
        right: 0;
        bottom: -20px;
        width: 19%;
        z-index: 100
    }

    #easyeditor-m .main-section .img-area .scroll-img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    #easyeditor-m .main-section .img-area .scroll-img img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        animation: mainsection_scroll 20s infinite;
        animation-duration: 18s
    }

    #easyeditor-m .main-section .img-area .scroll-img.mobile img {
        animation: mainsection_scroll_mobile 20s infinite;
        animation-duration: 13s
    }

    #easyeditor-m .main-section .text-area {
        padding: 0 5vw
    }

    #easyeditor-m .main-section .text-area .main-btn-group {
        margin-top: 15vw
    }

    #easyeditor-m .main-section .text-area .main-btn-group button {
        width: 100%;
        position: relative;
        display: block;
        text-align: left;
        font-size: 4.5vw;
        padding: 2.5vw 6vw;
        border: 1px solid #000;
        margin-top: 7vw
    }

    #easyeditor-m .main-section .text-area .main-btn-group button:before {
        content: "";
        position: absolute;
        top: 4.6vw;
        right: 5vw;
        background: url("/images/info-m/easyeditor/ico_arrow.png") no-repeat;
        background-size: 100%;
        width: 1.5vw;
        height: 2.6vw
    }

    #easyeditor-m .section01 {
        background: #ff7200;
        color: #fff
    }

    #easyeditor-m .section01 .img-area span {
        width: 25vw
    }

    #easyeditor-m .section01 .sticker_note {
        top: -20vw;
        left: -8vw
    }

    #easyeditor-m .section01 .sticker_like {
        top: -22vw;
        right: -1vw
    }

    #easyeditor-m .section01 .sticker_smile {
        bottom: -10vw;
        right: -4vw
    }

    #easyeditor-m .section02 .section-frame01 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        animation-fill-mode: forwards
    }

    #easyeditor-m .section03 {
        background: #0c0730;
        color: #fff
    }

    #easyeditor-m .section03 .quote {
        width: 70vw;
        top: 11vw;
        right: 0
    }

    #easyeditor-m .section03 #moveText-m {
        width: 90vw;
        position: absolute;
        top: 24.5vw;
        left: -17vw;
        color: #000;
        font-size: 3vw
    }

    #easyeditor-m .section03 #moveText-m .Typewriter__cursor {
        display: none
    }

    #easyeditor-m div.section04 {
        padding: 15vw 0 0 0
    }

    #easyeditor-m div.section04 .text-area {
        padding: 0 5vw
    }

    #easyeditor-m div.section04 .img-area {
        height: 350px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden
    }

    #easyeditor-m div.section04 .img-area>div {
        display: inline-block;
        margin: 0 -6vw 0 0
    }

    #easyeditor-m div.section04 .img-area>div img {
        max-width: 80%;
        box-shadow: 0 1px 25px -5px rgba(0,0,0,.2)
    }

    #easyeditor-m div.btn-area {
        padding: 10vw 0 0;
        color: #fff;
        background: url("/images/info-m/easyeditor/btn_areabg.jpg") no-repeat;
        background-size: cover
    }

    #easyeditor-m div.btn-area p {
        font-size: 6vw
    }

    #easyeditor-m div.btn-area a {
        display: block;
        background: #ff7200;
        margin-top: 10vw;
        padding: 5vw;
        font-size: 5vw;
        font-weight: 600;
        color: #fff
    }

    #easyeditor-m div.btn-area a em {
        display: inline-block;
        margin-left: 2vw;
        animation: move_go .7s infinite
    }

    @keyframes mainsection_scroll {
        from {
            top: 0;
            animation-timing-function: linear
        }

        to {
            top: -300%;
            animation-timing-function: linear
        }
    }

    @keyframes mainsection_scroll_mobile {
        from {
            top: 0;
            animation-timing-function: linear
        }

        to {
            top: -200%;
            animation-timing-function: linear
        }
    }

    @keyframes move_go {
        0% {
            transform: translateY(0);
            animation-timing-function: linear
        }

        25% {
            transform: translateY(-4px);
            animation-timing-function: linear
        }

        50% {
            transform: translateY(0);
            animation-timing-function: linear
        }

        75% {
            transform: translateY(4px);
            animation-timing-function: linear
        }

        100% {
            transform: translateY(0);
            animation-timing-function: linear
        }
    }

    [data-aos=frame-animation] {
        opacity: 1;
        transition-property: transform,opacity
    }

    [data-aos=frame-animation].aos-animate {
        opacity: 0
    }
}

/* 디자인센터 */
@media only screen and (max-width: 768px) {
    #designcenter-m {
        text-align: center;
    }

    #designcenter-m .tit {
        position: relative;
        color: #fff;
        font-size: 8.86vw;
        font-weight: lighter;
        line-height: 1.2;
        padding: 13vw 0 11.7vw
    }

    #designcenter-m .tit span {
        font-size: 3.4vw;
        letter-spacing: -.1vw;
    }

    #designcenter-m .section01 {
        overflow: hidden;
        position: relative;
        background: #3c4bf8;
        padding: 16.4vw 0 17.2vw
    }

    #designcenter-m .section01 .tit {
        padding: 0;
        font-weight: 300
    }

    #designcenter-m .section01 .tit p {
        color: #fff;
        font-size: 3.4vw;
        margin-bottom: 2.1vw
    }

    #designcenter-m .section01 .tit img {
        width: 68.8vw
    }

    #designcenter-m .section01 .obj {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    #designcenter-m .section01 .obj .left-obj {
        position: absolute
    }

    #designcenter-m .section01 .obj .left-obj1 {
        top: -10vw;
        left: 0;
        width: 26vw;
        animation: 1s moving01 .6s alternate linear infinite
    }

    #designcenter-m .section01 .obj .left-obj2 {
        bottom: -12vw;
        left: -0.5vw;
        width: 14.6vw
    }

    #designcenter-m .section01 .obj .left-obj3 {
        bottom: -19.5vw;
        left: 14vw;
        width: 9.7vw;
        animation: 13s rotate .5s linear infinite
    }

    #designcenter-m .section01 .obj .right-obj {
        position: absolute
    }

    #designcenter-m .section01 .obj .right-obj1 {
        top: -17vw;
        right: 0;
        width: 21vw
    }

    #designcenter-m .section01 .obj .right-obj2 {
        top: -14vw;
        right: 17.7vw;
        width: 10.55vw
    }

    #designcenter-m .section01 .obj .right-obj2>img {
        animation: 26s rotate .5s linear infinite
    }

    #designcenter-m .section01 .obj .right-obj2 span {
        position: absolute;
        top: 4.3vw;
        right: 3.2vw;
        width: 4.3vw;
        line-height: 2vw;
    }

    #designcenter-m .section01 .obj .right-obj3 {
        bottom: -13vw;
        right: 4vw;
        width: 17vw;
        animation: 1s moving02 .6s alternate linear infinite
    }


    @keyframes moving01 {
        0% {
            transform: translateY(0)
        }

        100% {
            transform: translateY(10px)
        }
    }

    @keyframes moving02 {
        0% {
            transform: translateY(10px)
        }

        100% {
            transform: translateY(0)
        }
    }

    @keyframes rotate {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    #designcenter-m .section02 {
        background: #202991;
        letter-spacing: -0.2vw
    }

    #designcenter-m .section02 .tit::before {
        content: "";
        display: block;
        width: 4.7vw;
        height: 4.56vw;
        margin: 0 auto 4vw;
        background: url("/images/info-m/designcenter/img_designcenter_obj08.png") no-repeat center;
        background-size: 100%
    }

    #designcenter-m .section02 .tit strong {
        color: #ffcc2f
    }

    #designcenter-m .section02 .cont {
        padding-bottom: 19.6vw
    }

    #designcenter-m .section02 .cont ul li+li {
        margin-top: 5.2vw
    }

    #designcenter-m .section02 .cont ul li .box {
        overflow: hidden;
        width: 75.5vw;
        margin: 0 auto;
        border-radius: 2.5vw
    }

    #designcenter-m .section02 .cont ul li .box-white {
        background-color: #fff
    }

    #designcenter-m .section02 .cont ul li .box-white strong {
        display: block;
        color: #333;
        font-size: 4.7vw;
        padding: 6.5vw 0 5.2vw
    }

    #designcenter-m .section02 .cont ul li .box-white img {
        width: 57vw
    }

    #designcenter-m .section02 .cont ul li .box-white dl {
        font-size: 3.4vw;
        text-align: left;
        padding: 5vw 0 7.8vw 10.5vw
    }

    #designcenter-m .section02 .cont ul li .box-white dl div+div {
        margin-top: 1.3vw
    }

    #designcenter-m .section02 .cont ul li .box-white dl dt {
        float: left;
        color: #838383;
        margin-right: 2.2vw;
        line-height: 5vw;
    }

    #designcenter-m .section02 .cont ul li .box-white dl dd {
        color: #545454;
        line-height: 5vw;
    }

    #designcenter-m .section02 .cont ul li .box-blue .btn {
        display: block;
        color: #fff;
        font-size: 3.4vw;
        font-weight: bold;
        padding: 3.8vw 0;
        background-color: #3c4bf8
    }

    #designcenter-m .section03 {
        background: #130952;
        letter-spacing: -0.2vw
    }

    #designcenter-m .section03 .tit::before {
        content: "";
        display: block;
        width: 4.7vw;
        height: 4.56vw;
        margin: 0 auto 4vw;
        background: url("/images/info-m/designcenter/img_designcenter_obj14.png") no-repeat center;
        background-size: 100%
    }

    #designcenter-m .section03 .tit strong {
        color: #ffcc2f
    }

    #designcenter-m .section03 .cont {
        padding-bottom: 19.5vw
    }

    #designcenter-m .section03 .cont ul li+li {
        margin-top: 3.2vw
    }

    #designcenter-m .section03 .cont ul li .box {
        width: 70.3vw;
        height: 62vw;
        border-radius: 2vw;
        margin: 0 auto;
        background-color: #fff
    }

    #designcenter-m .section03 .cont ul li .box img {
        width: 22.2vw;
        margin: 7.8vw auto 5.46vw
    }

    #designcenter-m .section03 .cont ul li .box span {
        display: block;
        color: #acacac;
        font-size: 3.4vw;
        margin-bottom: 1.8vw
    }

    #designcenter-m .section03 .cont ul li .box p {
        word-break: keep-all;
        color: #333;
        font-size: 3.65vw;
        font-weight: lighter;
        width: 51vw;
        line-height: 1.65;
        margin: 0 auto
    }

    #designcenter-m .section04 {
        background: #f8f8f8;
        letter-spacing: -0.2vw
    }

    #designcenter-m .section04 .tit {
        padding-bottom: 10.5vw
    }

    #designcenter-m .section04 .tit::before {
        content: "";
        display: block;
        width: 4.7vw;
        height: 4.56vw;
        margin: 0 auto 4vw;
        background: url("/images/info-m/designcenter/img_designcenter_obj19.png") no-repeat;
        background-size: 100%
    }

    #designcenter-m .section04 .tit p {
        color: #333;
        font-weight: lighter;
        line-height: 1.2
    }

    #designcenter-m .section04 .tit p strong {
        color: #130952
    }

    #designcenter-m .section04 .tit span {
        color: #545454
    }

    #designcenter-m .section04 .cont {
        padding-bottom: 19.5vw
    }

    #designcenter-m .section04 .cont ul li+li {
        margin-top: 4.43vw
    }

    #designcenter-m .section04 .cont ul li+li::before {
        content: "";
        display: block;
        width: 7.8vw;
        height: 4vw;
        margin: 0 auto 4.43vw;
        background: url("/images/info-m/designcenter/img_designcenter_obj24.png") no-repeat center;
        background-size: 100%
    }

    #designcenter-m .section04 .cont ul li .box {
        width: 58.5vw;
        height: 58.5vw;
        margin: 0 auto;
        border-radius: 50%;
        background: #fff
    }

    #designcenter-m .section04 .cont ul li .box p {
        color: #acacac;
        font-size: 3.4vw;
        padding-top: 13vw
    }

    #designcenter-m .section04 .cont ul li .box p em {
        color: #3c4bf8
    }

    #designcenter-m .section04 .cont ul li .box img {
        width: 19vw;
        margin: 1.5vw auto 3.64vw
    }

    #designcenter-m .section04 .cont ul li .box span {
        color: #333;
        display: block;
        font-size: 3.65vw
    }

    #designcenter-m .section05 {
        background: #ebf0f9;
        letter-spacing: -0.2vw
    }

    #designcenter-m .section05 .tit {
        color: #333;
        padding-bottom: 13vw
    }

    #designcenter-m .section05 .tit::before {
        content: "";
        display: block;
        width: 4.7vw;
        height: 4.56vw;
        margin: 0 auto 4vw;
        background: url("/images/info-m/designcenter/img_designcenter_obj25.png") no-repeat center;
        background-size: 100%
    }

    #designcenter-m .section05 .tit strong {
        color: #130952
    }

    #designcenter-m .section05 .tit span {
        display: block;
        color: #545454;
        line-height: 1.5;
        padding-top: 3vw
    }

    #designcenter-m .section05 .cont {
        padding-bottom: 15.6vw
    }

    #designcenter-m .section05 .cont .obj {
        position: relative;
        padding-bottom: 48vw
    }

    #designcenter-m .section05 .cont .obj .skin {
        position: absolute
    }

    #designcenter-m .section05 .cont .obj .skin1 {
        z-index: 3;
        left: 7vw;
        width: 43.8vw
    }

    #designcenter-m .section05 .cont .obj .skin2 {
        z-index: 2;
        top: -2.3vw;
        left: 23.5vw;
        width: 43.8vw
    }

    #designcenter-m .section05 .cont .obj .skin3 {
        z-index: 1;
        top: -4vw;
        right: 11.2vw;
        width: 43.8vw
    }

    #designcenter-m .section05 .cont .obj .skin4 {
        top: -6.5vw;
        right: -5vw;
        width: 43.8vw
    }

    #designcenter-m .section05 .cont .btnbox .btn {
        color: #fff;
        font-size: 3.4vw;
        font-weight: bold;
        width: 67.8vw;
        border-radius: 1.2vw;
        padding: 3.89vw 0;
        background: #202991
    }

    #designcenter-m .section05 .cont .btnbox .btn span {
        color: #ffd34a
    }

    #designcenter-m .section06 {
        position: relative;
        letter-spacing: -0.2vw;
        padding: 13vw 0 11.8vw;
        background: #202991
    }

    #designcenter-m .section06::before {
        content: "";
        position: absolute;
        bottom: -2.5vw;
        left: 0;
        width: 31.3vw;
        height: 20vw;
        background: url("/images/info-m/designcenter/img_designcenter_bg01.png") no-repeat center;
        background-size: 100%
    }

    #designcenter-m .section06::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 27.9vw;
        height: 19.5vw;
        background: url("/images/info-m/designcenter/img_designcenter_bg02.png") no-repeat center;
        background-size: 100%
    }

    #designcenter-m .section06 .txt p {
        color: #fff;
        font-size: 3.4vw;
        font-weight: lighter;
        padding-bottom: 4vw
    }

    #designcenter-m .section06 .txt img {
        width: 64.33vw
    }

    #designcenter-m .section06 .btnbox .btn {
        color: #202991;
        font-size: 3.4vw;
        font-weight: bold;
        width: 67.5vw;
        border-radius: 1vw;
        padding: 3.89vw 0;
        margin-top: 7.5vw;
        background: #ffcc2f
    }
}
@media only screen and (max-width: 425px) {
    #designcenter-m .section01 .obj .left-obj1 {
        left:-2vw
    }
    #designcenter-m .section01 .obj .left-obj2 {
        left:-3vw
    }
    #designcenter-m .section01 .obj .left-obj3 {
        left:12vw
    }
    #designcenter-m .section01 .obj .right-obj1 {
        right:-2vw
    }
    #designcenter-m .section01 .obj .right-obj2 {
        right:15.8vw
    }
    #designcenter-m .section01 .obj .right-obj3 {
        right:2.5vw
    }
    #designcenter-m .section05 .cont .btnbox .btn {
        border-radius:1.5vw
    }
    #designcenter-m .section06 .btnbox .btn {
        border-radius:1.5vw
    }
}

/* AI배너제작 */
@media only screen and (max-width: 768px) {
    #aibanner-m {
        text-align: center;
    }

    #aibanner-m .cont .txt p {
        color: #6a6a6a;
        font-size: 3.65vw;
        padding: 4.7vw 0 9.9vw;
        line-height: 1.6;
    }

    #aibanner-m .cont .obj {
        position: relative;
        margin-left: 1vw
    }

    #aibanner-m .section01 {
        background: #e5f3fe;
        padding: 22.1vw 0 23.5vw
    }

    #aibanner-m .section01 .tit img {
        width: 64vw
    }

    #aibanner-m .section01 .tit p {
        color: #656565;
        font-size: 3.78vw;
        margin: 7.7vw 0 12.5vw;
        line-height: 1.69;
    }

    #aibanner-m .section01 .obj {
        width: 82.12vw;
        margin: 0 auto
    }

    #aibanner-m .section01 .obj .monitor {
        margin-left: 1vw
    }

    #aibanner-m .section01 .obj .layer_small {
        position: absolute;
        width: 29.1vw;
        z-index: 1;
        top: 38.8vw;
        left: 17.2vw
    }

    #aibanner-m .section01 .obj .layer {
        position: absolute;
        width: 26.5vw;
        top: 22vw;
        left: -2.8vw
    }

    #aibanner-m .section01 .obj .point {
        position: absolute;
        width: 16vw;
        top: 6.8vw;
        right: -4.2vw
    }

    #aibanner-m .section02 {
        background: #fff;
        padding: 22.8vw 0 14vw
    }

    #aibanner-m .section02 .txt img {
        width: 63.45vw
    }

    #aibanner-m .section02 .obj img {
        width: 82vw
    }

    #aibanner-m .section03 {
        background: #f0f5fc;
        padding: 22.8vw 0 14vw
    }

    #aibanner-m .section03 .txt img {
        width: 65.65vw
    }

    #aibanner-m .section03 .obj {
        width: 76vw;
        margin: 0 auto
    }

    #aibanner-m .section03 .obj .monitor {
        margin-left: 2.5vw
    }

    #aibanner-m .section03 .obj .point {
        position: absolute;
        width: 13vw;
        top: 14.3vw;
        right: -5vw
    }

    #aibanner-m .section04 {
        background: #fff;
        padding: 22.8vw 0 13.9vw
    }

    #aibanner-m .section04 .txt img {
        width: 63.4vw
    }

    #aibanner-m .section04 .obj img {
        width: 82vw
    }

    #aibanner-m .section04 .obj .flow_wrap {
        overflow: hidden;
        position: absolute;
        top: 2.604vw;
        left: 24.042vw;
        width: 55.078vw;
        height: 38.672vw
    }

    #aibanner-m .section04 .obj .flow_wrap img {
        position: absolute;
        width: 22.786vw;
        height: 95.443vw
    }

    #aibanner-m .section04 .obj .flow_wrap img:first-child {
        left: 4.036vw;
        -webkit-animation: flow1 8s linear 0.5s infinite alternate;
        -moz-animation: flow1 8s linear 0.5s infinite alternate;
        -ms-animation: flow1 8s linear 0.5s infinite alternate;
        -o-animation: flow1 8s linear 0.5s infinite alternate;
        animation: flow1 8s linear 0.5s infinite alternate
    }

    @-webkit-keyframes flow1 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-57.292vw);
            -moz-transform: translateY(-57.292vw);
            -ms-transform: translateY(-57.292vw);
            -o-transform: translateY(-57.292vw);
            transform: translateY(-57.292vw)
        }
    }

    @-moz-keyframes flow1 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-57.292vw);
            -moz-transform: translateY(-57.292vw);
            -ms-transform: translateY(-57.292vw);
            -o-transform: translateY(-57.292vw);
            transform: translateY(-57.292vw)
        }
    }

    @-ms-keyframes flow1 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-57.292vw);
            -moz-transform: translateY(-57.292vw);
            -ms-transform: translateY(-57.292vw);
            -o-transform: translateY(-57.292vw);
            transform: translateY(-57.292vw)
        }
    }

    @-o-keyframes flow1 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-57.292vw);
            -moz-transform: translateY(-57.292vw);
            -ms-transform: translateY(-57.292vw);
            -o-transform: translateY(-57.292vw);
            transform: translateY(-57.292vw)
        }
    }

    @keyframes flow1 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(-57.292vw);
            -moz-transform: translateY(-57.292vw);
            -ms-transform: translateY(-57.292vw);
            -o-transform: translateY(-57.292vw);
            transform: translateY(-57.292vw)
        }
    }

    #aibanner-m .section04 .obj .flow_wrap img:last-child {
        top: -57.292vw;
        left: 28.776vw;
        -webkit-animation: flow2 8s linear 0.5s infinite alternate;
        -moz-animation: flow2 8s linear 0.5s infinite alternate;
        -ms-animation: flow2 8s linear 0.5s infinite alternate;
        -o-animation: flow2 8s linear 0.5s infinite alternate;
        animation: flow2 8s linear 0.5s infinite alternate
    }

    @-webkit-keyframes flow2 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(57.292vw);
            -moz-transform: translateY(57.292vw);
            -ms-transform: translateY(57.292vw);
            -o-transform: translateY(57.292vw);
            transform: translateY(57.292vw)
        }
    }

    @-moz-keyframes flow2 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(57.292vw);
            -moz-transform: translateY(57.292vw);
            -ms-transform: translateY(57.292vw);
            -o-transform: translateY(57.292vw);
            transform: translateY(57.292vw)
        }
    }

    @-ms-keyframes flow2 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(57.292vw);
            -moz-transform: translateY(57.292vw);
            -ms-transform: translateY(57.292vw);
            -o-transform: translateY(57.292vw);
            transform: translateY(57.292vw)
        }
    }

    @-o-keyframes flow2 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(57.292vw);
            -moz-transform: translateY(57.292vw);
            -ms-transform: translateY(57.292vw);
            -o-transform: translateY(57.292vw);
            transform: translateY(57.292vw)
        }
    }

    @keyframes flow2 {
        0% {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        100% {
            -webkit-transform: translateY(57.292vw);
            -moz-transform: translateY(57.292vw);
            -ms-transform: translateY(57.292vw);
            -o-transform: translateY(57.292vw);
            transform: translateY(57.292vw)
        }
    }

    #aibanner-m .section05 {
        background: #f3f4f6;
        padding: 22.8vw 0 14vw
    }

    #aibanner-m .section05 .txt img {
        width: 56.27vw
    }

    #aibanner-m .section05 .obj {
        width: 76vw;
        margin: 0 auto
    }

    #aibanner-m .section05 .obj .monitor {
        margin-left: 2.5vw
    }

    #aibanner-m .section05 .obj .point {
        position: absolute;
        width: 13vw;
        right: -5vw;
        top: 28vw
    }

    #aibanner-m .section06 {
        position: relative;
        padding: 22.8vw 0;
        background: #2c83f4 url("/images/info-m/aibanner/img_aibanner_bg01.png") no-repeat top right;
        background-size: 37vw auto
    }

    #aibanner-m .section06::before {
        content: "";
        background: url("/images/info-m/aibanner/img_aibanner_bg02.png") no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 20vw;
        height: 28vw;
        background-size: 100% auto
    }

    #aibanner-m .section06::after {
        content: "";
        background: url("/images/info-m/aibanner/img_aibanner_bg03.png") no-repeat;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 18vw;
        height: 18vw;
        background-size: 100% auto
    }

    #aibanner-m .section06 p {
        color: #fff;
        font-size: 3.65vw;
        margin-bottom: 7.5vw
    }

    #aibanner-m .section06 img:first-of-type {
        width: 62.8vw
    }

    #aibanner-m .section06 img+img {
        width: 62vw;
        margin-top: 12.1vw
    }
}
@media only screen and (max-width: 425px) {
    #aibanner-m .section04 .obj .flow_wrap {
        left:21.5vw
    }
}
@media only screen and (max-width: 375px) {
    #aibanner-m .section04 .obj .flow_wrap {
        left:20vw
    }
}

/* 스마트발주관리 */
@media only screen and (max-width: 768px) {
    #smartorder-m {
        text-align: center;
        letter-spacing: -0.15vw
    }

    #smartorder-m [class*=section] {
        padding: 16.41vw 0 18.71vw
    }

    #smartorder-m .inner {
        position: relative;
        margin: 0 20px
    }

    #smartorder-m .tit {
        margin-bottom: 9.9vw
    }

    #smartorder-m .tit em {
        display: inline-block;
        font-weight: bold;
        font-size: 2.604vw;
        width: 19.8vw;
        height: 6.25vw;
        line-height: 6.25vw;
        letter-spacing: 0;
        -webkit-border-radius: 6.25vw;
        -moz-border-radius: 6.25vw;
        border-radius: 6.25vw
    }

    #smartorder-m .tit em span {
        font-family: Arial,Helvetica,sans-serif;
        padding-left: .66vw
    }

    #smartorder-m .tit div {
        font-size: 8.34vw;
        margin-top: 2.35vw;
        line-height: 10.68vw;
        letter-spacing: -0.42vw
    }

    #smartorder-m .tit div span {
        font-weight: bold
    }

    #smartorder-m .tit p {
        color: #393939;
        font-size: 3.39vw;
        margin-top: 6.25vw;
        line-height: 4.95vw;
        letter-spacing: normal;
    }

    #smartorder-m .section01 {
        padding: 18vw 0 0
    }

    #smartorder-m .section01 .txt .tit {
        color: #393939;
        font-size: 11.72vw;
        margin: 0;
        line-height: 13.28vw;
        font-weight: bold
    }

    #smartorder-m .section01 .txt .tit span {
        color: #fb511d
    }

    #smartorder-m .section01 .txt p {
        color: #545454;
        font-size: 3.9vw;
        margin: 7.3vw 0 8vw;
        line-height: 6.64vw
    }

    #smartorder-m .section01 .tag {
        font-size: 0;
        margin-bottom: 12.5vw
    }

    #smartorder-m .section01 .tag span {
        display: inline-block;
        font-size: 3.26vw;
        height: 8.47vw;
        line-height: 8.47vw;
        padding: 0 4.18vw;
        -webkit-border-radius: 8.47vw;
        -moz-border-radius: 8.47vw;
        border-radius: 8.47vw;
        color: #848484;
        background: #f6f6f6
    }

    #smartorder-m .section01 .tag span:nth-child(2) {
        margin: 0 2.2vw
    }

    #smartorder-m .section01 .obj {
        position: relative;
        width: 100%;
        height: 67.58vw
    }

    #smartorder-m .section01 .obj .hands {
        z-index: -1;
        position: absolute;
        width: 73vw;
        height: 67.58vw;
        bottom: 0;
        right: -20px
    }

    #smartorder-m .section01 .obj div img {
        display: block
    }

    #smartorder-m .section01 .obj_l {
        float: left;
        margin: 3.91vw 0 0 10.55vw
    }

    #smartorder-m .section01 .obj_l .coin01 {
        width: 7.55vw;
        height: 7.03vw
    }

    #smartorder-m .section01 .obj_l .card {
        width: 8.78vw;
        height: 8.26vw;
        margin: 1.7vw 0 2.48vw 3.26vw
    }

    #smartorder-m .section01 .obj_l .ball01 {
        width: 3.45vw;
        height: 3.45vw;
        margin-left: 2.61vw
    }

    #smartorder-m .section01 .obj_r {
        float: right;
        margin: -3.385vw 10.286vw 0 0
    }

    #smartorder-m .section01 .obj_r .ball02 {
        width: 2.87vw;
        height: 2.87vw
    }

    #smartorder-m .section01 .obj_r .box {
        width: 16.73vw;
        height: 12.76vw;
        top: -0.4vw;
        left: 67.6vw;
        margin: 0 0 3.91vw 4.04vw
    }

    #smartorder-m .section01 .obj_r .coin02 {
        width: 6.38vw;
        height: 5.92vw;
        margin-left: 11.719vw
    }

    #smartorder-m .section02 {
        color: #fff;
        background: #393d4c
    }

    #smartorder-m .section02 .tit em {
        color: #393d4c;
        background: #fad13b
    }

    #smartorder-m .section02 .tit div {
        margin-top: 3.776vw
    }

    #smartorder-m .section02 .tit p {
        color: #fff
    }

    #smartorder-m .section02 .cont>ul {
        position: relative
    }

    #smartorder-m .section02 .cont>ul>li {
        margin: 0 auto
    }

    #smartorder-m .section02 .cont>ul>li em {
        position: relative;
        font-weight: bold;
        z-index: 1
    }

    #smartorder-m .section02 .cont>ul>li em::after {
        content: "";
        position: absolute;
        left: -0.95vw;
        bottom: -1.4vw;
        z-index: -1
    }

    #smartorder-m .section02 .cont>ul>li.list01 {
        position: relative;
        color: #fff;
        width: 73.96vw;
        height: 59.51vw;
        padding: 7.9vw 0 0;
        background: #5c6278 url("/images/info-m/smartorder/img_smartorder_obj08.png") no-repeat bottom;
        background-size: contain
    }

    #smartorder-m .section02 .cont>ul>li.list01 em {
        display: inline-block;
        font-size: 3.91vw;
        line-height: 2.87vw
    }

    #smartorder-m .section02 .cont>ul>li.list01 em::after {
        width: 32.04vw;
        height: 2.09vw;
        background: #4f5361
    }

    #smartorder-m .section02 .cont>ul>li.list01 ul {
        color: #d9d9d9;
        font-size: 2.61vw;
        margin: 3vw 0 2.5vw
    }

    #smartorder-m .section02 .cont>ul>li.list01 ul li {
        margin-bottom: 1.55vw;
        line-height: 3.125vw;
        letter-spacing: -0.056vw
    }

    #smartorder-m .section02 .cont>ul>li.list01 ul li:last-child {
        margin-bottom: 0
    }

    #smartorder-m .section02 .cont>ul>li.list01 strong {
        display: inline-block;
        font-size: 3.13vw;
        line-height: 3.13vw
    }

    #smartorder-m .section02 .cont>ul>li.list02 {
        position: relative;
        color: #393939;
        width: 73.96vw;
        height: 66.28vw;
        padding-top: 12.37vw;
        background: #fff url("/images/info-m/smartorder/img_smartorder_obj09.png") no-repeat 11.07vw bottom;
        background-size: 51.96vw 19.01vw
    }

    #smartorder-m .section02 .cont>ul>li.list02::before {
        content: "";
        position: absolute;
        top: -2.865vw;
        left: 50%;
        width: 8.99vw;
        height: 5.534vw;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background: url("/images/info-m/smartorder/img_smartorder_obj10.png") no-repeat center;
        background-size: cover
    }

    #smartorder-m .section02 .cont>ul>li.list02 em {
        display: inline-block;
        font-size: 4.69vw;
        line-height: 3.13vw
    }

    #smartorder-m .section02 .cont>ul>li.list02 em::after {
        width: 50.66vw;
        height: 2.22vw;
        left: -1.3vw;
        background: #fce389
    }

    #smartorder-m .section02 .cont>ul>li.list02 p {
        display: inline-block;
        font-size: 3.26vw;
        margin: 3vw 0 2vw;
        line-height: 5.21vw
    }

    #smartorder-m .section02 .cont>ul>li.list02 strong {
        display: inline-block;
        font-size: 5.73vw;
        color: #fb511d;
        line-height: 8.335vw
    }

    #smartorder-m .section03 {
        color: #393939;
        background: #fad13b
    }

    #smartorder-m .section03 .tit em {
        color: #fff;
        background: #fb511d
    }

    #smartorder-m .section03 .cont>ul li {
        position: relative;
        width: 73.96vw;
        height: 66.54vw;
        margin: 0 auto 3.65vw;
        -webkit-border-radius: 1.04vw;
        -moz-border-radius: 1.04vw;
        border-radius: 1.04vw;
        background: #fff
    }

    #smartorder-m .section03 .cont>ul li:first-child img {
        width: 45.182vw;
        height: 25.716vw;
        top: 8.594vw;
        left: 14.323vw
    }

    #smartorder-m .section03 .cont>ul li:nth-child(2) img {
        width: 41.146vw;
        height: 25.065vw;
        top: 10.677vw;
        left: 16.797vw
    }

    #smartorder-m .section03 .cont>ul li:nth-child(3) img {
        width: 40.82vw;
        height: 24.089vw;
        top: 10.156vw;
        left: 15.885vw
    }

    #smartorder-m .section03 .cont>ul li:last-child img {
        width: 35.156vw;
        height: 26.693vw;
        top: 9.245vw;
        left: 18.75vw
    }

    #smartorder-m .section03 .cont>ul li:last-child {
        margin-bottom: 0
    }

    #smartorder-m .section03 .cont>ul li img {
        position: absolute
    }

    #smartorder-m .section03 .cont>ul li strong {
        display: inline-block;
        font-size: 4.43vw;
        margin: 40.365vw 0 2.22vw;
        line-height: 6.38vw
    }

    #smartorder-m .section03 .cont>ul li p {
        font-size: 3.26vw;
        color: #848484;
        line-height: 5.21vw
    }

    #smartorder-m .section04 {
        color: #393939;
        background: #f6f6f6
    }

    #smartorder-m .section04 .tit {
        margin-bottom: 9.12vw
    }

    #smartorder-m .section04 .tit em {
        color: #393d4c;
        background: #fad13b
    }

    #smartorder-m .section04 .cont>ul {
        font-size: 0
    }

    #smartorder-m .section04 .cont>ul li {
        display: inline-block;
        position: relative;
        vertical-align: top
    }

    #smartorder-m .section04 .cont>ul li+li::before {
        content: "";
        position: absolute;
        top: -2.67vw;
        left: 0;
        width: 100%;
        height: 5.34vw;
        background: url("/images/info-m/smartorder/img_smartorder_obj20.png") no-repeat center;
        background-size: 4.69vw auto
    }

    #smartorder-m .section04 .cont>ul li .box {
        width: 52.08vw;
        height: 52.08vw;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        padding-top: 9.77vw
    }

    #smartorder-m .section04 .cont>ul li .box em {
        display: block;
        font-size: 3.26vw;
        color: #848484;
        line-height: 3.39vw
    }

    #smartorder-m .section04 .cont>ul li .box em span {
        color: #fb511d;
        margin-left: .4vw
    }

    #smartorder-m .section04 .cont>ul li .box img.step1 {
        width: 12.25vw;
        height: 14.6vw;
        margin: 2vw -0.7vw 5.5vw .13vw
    }

    #smartorder-m .section04 .cont>ul li .box img.step2 {
        width: 15.68vw;
        height: 11.46vw;
        margin: 5.5vw -2.2vw 2.4vw .13vw
    }

    #smartorder-m .section04 .cont>ul li .box img.step3 {
        width: 10.61vw;
        height: 12.76vw;
        margin: 3.5vw -0.7vw 2.86vw 0
    }

    #smartorder-m .section04 .cont>ul li .box img.step4 {
        width: 12.54vw;
        height: 14.58vw;
        margin: 2.3vw -1vw 2.34vw 0
    }

    #smartorder-m .section04 .cont>ul li .box img.step5 {
        width: 14.2vw;
        height: 12.3vw;
        margin: 3.5vw -0.6vw 3.5vw 0
    }

    #smartorder-m .section04 .cont>ul li .box p {
        color: #393939;
        font-size: 3.65vw;
        line-height: 5.34vw
    }

    #smartorder-m .section05 {
        color: #fff;
        padding: 15.63vw 0 15.2vw;
        background: #393d4c
    }

    #smartorder-m .section05 .tit span {
        display: block;
        font-size: 3.65vw;
        margin-bottom: 4.82vw;
        line-height: 5.21vw;
        letter-spacing: normal;
    }

    #smartorder-m .section05 .tit strong {
        display: block;
        font-size: 11.2vw;
        line-height: 13.55vw;
        letter-spacing: 0
    }

    #smartorder-m .section05 .btnbox {
        margin-top: 8.99vw
    }

    #smartorder-m .section05 .btnbox .btn {
        padding: 0;
        width: 52.35vw;
        height: 14.59vw;
        line-height: 14vw;
        font-size: 3.52vw;
        -webkit-border-radius: 14.59vw;
        -moz-border-radius: 14.59vw;
        border-radius: 14.59vw;
        font-weight: bold;
        color: #fad13b;
        border: .27vw solid #fad13b
    }

    #smartorder-m .section05 .btnbox .btn:hover {
        color: #393d4c;
        background: #fad13b
    }

    #smartorder-m .section05 .btnbox .btn:hover::after {
        border-color: #393d4c
    }

    #smartorder-m .section05 .btnbox .btn::after {
        content: "";
        display: inline-block;
        margin-left: 1.7vw;
        width: 2.09vw;
        height: 2.09vw;
        border-width: .4vw .4vw 0 0;
        border-style: solid;
        border-color: #fad13b;
        -webkit-border-radius: .27vw;
        -moz-border-radius: .27vw;
        border-radius: .27vw;
        -webkit-transform: translateY(-0.26vw) rotate(45deg);
        -moz-transform: translateY(-0.26vw) rotate(45deg);
        -ms-transform: translateY(-0.26vw) rotate(45deg);
        -o-transform: translateY(-0.26vw) rotate(45deg);
        transform: translateY(-0.26vw) rotate(45deg)
    }

    #smartorder-m .section05 .btnbox .btn span {
        display: inline-block;
        padding-left: 1vw
    }
}
@media only screen and (max-width: 425px) {
    #smartorder-m .section01 .obj_l {
        margin-left:7.55vw
    }
    #smartorder-m .section01 .obj_r {
        margin-right:5.28vw
    }
}


/* 인스타폼 */
#instapayinfo{
    color: #222;
    letter-spacing: -0.2px;
    line-height: 1.4;
    text-align: center;
}
#instapayinfo .inner{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
#instapayinfo .use-m{
    display: none;
}
#instapayinfo .info-wide > div {
    margin-top: 150px;
}
#instapayinfo strong {
    display: block;
}
#instapayinfo .info-wide .section01 {
    margin-top: 120px;
}
#instapayinfo .section01 .tit strong {
    margin-bottom: 10px;
    font-size: 52px;
    font-weight: 800;
}
#instapayinfo .section01 .tit p {
    font-size: 22px;
    color: #636363;
}
#instapayinfo .section01 .con {
    position: relative;
    margin-top: 3px;
}
#instapayinfo .section01 .con .device {
    position: relative;
    width: 641px;
    margin: 0 auto;
}
#instapayinfo .section01 .con .device img.center {
    position: relative;;
    width: 338px;
    z-index: 1;
}
#instapayinfo .section01 .con .device img:not(img.center) {
    position: absolute;
    width: 227px;
    top: 93px;
}
#instapayinfo .section01 .con .device img.bg_left {
    left: 0;
}
#instapayinfo .section01 .con .device img.bg_right {
    right: 0;
}
#instapayinfo .section01 .con .obj {
    position: absolute;
    width: 880px;
    left: calc(50% - 440px);
    bottom: 55px;
}
#instapayinfo .section01 .con .obj img {
    position: absolute;
}
#instapayinfo .section01 .con .obj img.icon_heart {
    width: 81px;
    bottom: 300px;
    left: -20px;
}
#instapayinfo .section01 .con .obj img.icon_insta {
    width: 87px;
    bottom: 0;
    right: 20px;
}
#instapayinfo .section02 .tit strong,
#instapayinfo .section03 .tit strong {
    margin-bottom: 20px;
    font-size: 46px;
    font-weight: 800;
}
#instapayinfo .section02 .tit strong>span,
#instapayinfo .section03 .tit strong>span {
    background: linear-gradient(90deg, #BC61DE 0.17%, #604ACA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#instapayinfo .section02 .tit>p,
#instapayinfo .section03 .tit>p {
    font-size: 20px;
    color: #6a6a6a;
}
#instapayinfo .section02 ul.con,
#instapayinfo .section03 ul.con {
    margin-top: 50px;
    position: relative;
}
#instapayinfo .section02 ul{
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    width: 100%;
}
#instapayinfo .section02 ul li {
    flex: 1;
    padding-top: 64px;
    border-radius: 15px;
    background-color: #F6F6F6;
}
#instapayinfo .section02 ul li .txt {
    padding-left: 64px;
    text-align: left;
}
#instapayinfo .section02 ul li .txt strong {
    position: relative;
    padding-left: 46px;
    font-size: 25px;
    font-weight: 700;
}
#instapayinfo .section02 ul li .txt strong::before {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    border-radius: 8px;
    background: #ECE3FF no-repeat center / 24px;
}
#instapayinfo .section02 ul li:nth-child(1) .txt strong::before {
    background-image: url("/images/info/instapayinfo/img_sec02_ic01.svg");
}
#instapayinfo .section02 ul li:nth-child(2) .txt strong::before {
    background-image: url("/images/info/instapayinfo/img_sec02_ic02.svg");
}
#instapayinfo .section02 ul li:nth-child(3) .txt strong::before {
    background-image: url("/images/info/instapayinfo/img_sec02_ic03.svg");
}
#instapayinfo .section02 ul li .txt p {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #696969;
    line-height: 1.48;
}
#instapayinfo .section02 ul li img {
    width: 370px;
    margin: 20px auto 0;
}
#instapayinfo .section03 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
#instapayinfo .section03 ul li {
    flex: 0 0 calc(50% - 14px);
    min-width: 0;
    padding: 56px 35px 0;
    border-radius: 15px;
    background-color: #F6F6F6;
}
#instapayinfo .section03 ul li p.num {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 800;
    color: #BA61DE;
}
#instapayinfo .section03 ul li strong {
    font-size: 25px;
    font-weight: 700;
}
#instapayinfo .section03 ul li p.txt {
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #606060;
}
#instapayinfo .section03 ul li img {
    width: 516px;
}
#instapayinfo .section04 {
    margin-bottom: 200px;
}
#instapayinfo .section04 .con {
    padding: 68px 0;
    border-radius: 16px;
    background: linear-gradient(90deg, #BC61DE 0%, #5E49CA 100%);
}
#instapayinfo .section04 .con strong {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
#instapayinfo .section04 .con .btn_wrap {
    margin-top: 30px;
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: nowrap;
}
#instapayinfo .section04 .con .btn_wrap a {
    display: inline-block;
    padding: 15px 52px;
    font-size: 23px;
    font-weight: 800;
    border-radius: 500px;
}
#instapayinfo .section04 .con .btn_wrap a.btn_white {
    color: #8d55d4;
    background-color: #fff;
}
#instapayinfo .section04 .con .btn_wrap a.btn_black {
    color: #fff;
    background-color: #161616;
}
@media screen and (max-width: 1200px) {
    #instapayinfo.container {
        min-width: 100%;
    }
    #instapayinfo div.inner {
        width: 96%;
        margin: 0 auto;
    }
    #instapayinfo .section02 ul li .txt {
        padding-left: 16%;
    }
    #instapayinfo .section02 ul li .txt p {
        font-size: 15px;
    }
    #instapayinfo .section02 ul {
        gap: 20px;
    }
}
@media screen and (max-width: 1024px) {
    #instapayinfo .section02 ul {
        gap: 15px;
    }
    #instapayinfo .section02 ul li .txt {
        padding-left: 15%;
    }
    #instapayinfo .section02 ul li .txt strong {
        font-size: 24px;
        padding-left: 42px;
    }
    #instapayinfo .section02 ul li .txt strong::before {
        width: 32px;
        height: 32px;
        background: #ECE3FF no-repeat center / 20px;
    }
    #instapayinfo .section03 ul {
        gap: 16px;
    }
    #instapayinfo .section03 ul li {
        flex: 0 0 calc(50% - 8px);
    }
    #instapayinfo .section03 ul li strong {
        font-size: 24px;
    }
}
@media screen and (max-width: 991px) {
    #instapayinfo .section01 .con .device {
        width: 64.682vw;
    }
    #instapayinfo .section01 .con .device img.center {
        width: 34.107vw;
    }
    #instapayinfo .section01 .con .device img:not(img.center) {
        width: 22.906vw;
        top: 9.384vw;
    }
    #instapayinfo .section01 .con .obj {
        width: 88.799vw;
        left: calc(50% - 44.400vw);
        bottom: 5.550vw;
    }
    #instapayinfo .section01 .con .obj img.icon_heart {
        width: 8.174vw;
        bottom: 30.272vw;
    }
    #instapayinfo .section01 .con .obj img.icon_insta {
        width: 8.779vw;
    }
    #instapayinfo .section02 ul {
        gap: 1.514vw;
    }
    #instapayinfo .section02 ul li {
        padding-top: 5.449vw;
    }
    #instapayinfo .section02 ul li .txt {
        padding-left: 4.541vw;
    }
    #instapayinfo .section02 ul li .txt p {
        font-size: 1.514vw;
    }
    #instapayinfo .section03 ul li {
        padding: 5.651vw 3.532vw 0;
    }
    #instapayinfo .section03 ul li p.txt {
        font-size: 1.615vw;
    }
}
@media screen and (max-width: 768px) {
    #instapayinfo .use-m{
        display: block;
    }
    #instapayinfo .use-pc{
        display: none;
    }
    #instapayinfo .info-wide > div {
        margin-top: 20.833vw;
    }
    #instapayinfo .inner{
        max-width: 84.375vw;
    }
    #instapayinfo .info-wide .section01 {
        margin-top: 18.229vw;
        padding-bottom: 0.911vw;
    }
    #instapayinfo .section01 .tit strong {
        margin-bottom: 1.302vw;
        font-size: 8.854vw;
    }
    #instapayinfo .section01 .tit p {
        font-size: 4.167vw;
        color: #636363;
    }
    #instapayinfo .section01 .con {
        margin-top: 5.208vw;
    }
    #instapayinfo .section01 .con .device {
        width: 80.078vw;
    }
    #instapayinfo .section01 .con .device img.center {
        width: 44.531vw;
        margin: 0 auto;
    }
    #instapayinfo .section01 .con .device img:not(img.center) {
        width: 34.245vw;
        top: 12.240vw;
    }
    #instapayinfo .section01 .con .obj {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }
    #instapayinfo .section01 .con .obj img.icon_heart {
        width: 11.198vw;
        bottom: 0;
        top: 2.604vw;
        left: 2.604vw;
    }
    #instapayinfo .section01 .con .obj img.icon_insta {
        width: 12.109vw;
        bottom: 2.344vw;
        right: 0;
    }
    #instapayinfo .section02 .tit strong,
    #instapayinfo .section03 .tit strong {
        margin-bottom: 2.604vw;
        font-size: 8.333vw;
    }
    #instapayinfo .section02 .tit>p,
    #instapayinfo .section03 .tit>p {
        font-size: 3.906vw;
    }
    #instapayinfo .section02 .tit>p>span,
    #instapayinfo .section03 .tit>p>span {
        display: block;
    }
    #instapayinfo .section02 ul.con,
    #instapayinfo .section03 ul.con {
        margin-top: 7.813vw;
    }
    #instapayinfo .section02 ul{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5.208vw;
    }
    #instapayinfo .section02 ul li {
        flex: 1 1 0%;
        width: 70.313vw;
        padding-top: 10.938vw;
        border-radius: 2.344vw;
    }
    #instapayinfo .section02 ul li .txt {
        padding-left: 10.677vw;
    }
    #instapayinfo .section02 ul li .txt strong {
        padding-left: 9.115vw;
        font-size: 5.078vw;
    }
    #instapayinfo .section02 ul li .txt strong::before {
        width: 6.771vw;
        height: 6.771vw;
        background: #ECE3FF no-repeat center / 4.557vw;
        border-radius: 1.302vw;
    }
    #instapayinfo .section02 ul li .txt p {
        margin-top: 2.083vw;
        font-size: 3.385vw;
        font-weight: 500;
    }
    #instapayinfo .section02 ul li img {
        margin-top: 2.604vw;
        width: 100%;
    }
    #instapayinfo .section03 ul {
        display: flex;
        gap: 5.208vw;
        flex-direction: column;
    }
    #instapayinfo .section03 ul li {
        flex: 0;
        padding: 9.635vw 0 0;
        border-radius: 2.604vw;
    }
    #instapayinfo .section03 ul li p.num {
        margin-bottom: 0.781vw;
        font-size: 2.995vw;
    }
    #instapayinfo .section03 ul li strong {
        font-size: 5.078vw;
    }
    #instapayinfo .section03 ul li p.txt {
        margin-top: 1.563vw;
        margin-bottom: 2.604vw;
        font-size: 3.385vw;
    }
    #instapayinfo .section03 ul li img {
        width: 100%;
    }
    #instapayinfo .section04 {
        margin-bottom: 26.042vw;
    }
    #instapayinfo .section04 .con {
        padding: 13.021vw 7.161vw 11.979vw;
        border-radius: 3.385vw;
    }
    #instapayinfo .section04 .con strong {
        font-size: 6.250vw;
    }
    #instapayinfo .section04 .con .btn_wrap {
        margin-top: 6.250vw;
        display: flex;
        gap: 2.604vw;
        flex-direction: column;
        align-items: center;
    }
    #instapayinfo .section04 .con .btn_wrap a {
        font-size: 4.167vw;
    }
    #instapayinfo .section04 .con .btn_wrap a.btn_white {
        padding: 3.255vw 16.276vw;
        color: #fff;
        background-color: rgba(255,255,255,0.16);
        border:1px solid rgba(224, 205, 243, 0.40);
    }
    #instapayinfo .section04 .con .btn_wrap a.btn_black {
        padding: 3.385vw 16.276vw;
        color: #fff;
        background-color: #161616;
    }
}

/* 대리결제 */
@media only screen and (max-width: 768px) {
    #deputypay-view{
        width: 100%;
    }
    #deputpayinfo-m {
        text-align: center;
    }

    #deputpayinfo-m * {
        line-height: 1
    }

    #deputpayinfo-m .section01 {
        overflow: hidden;
        background: #484ff7
    }

    #deputpayinfo-m .section01 .txt {
        color: #fff;
        padding-top: 17vw;
        font-weight: lighter;
        letter-spacing: -0.1vw
    }

    #deputpayinfo-m .section01 .txt span {
        color: #a4fadd;
        font-size: 3.25vw;
        font-weight: lighter;
        letter-spacing: 1.45vw
    }

    #deputpayinfo-m .section01 .txt div {
        font-size: 10.16vw;
        line-height: 1.3;
        padding: 4.5vw 0 5.21vw
    }

    #deputpayinfo-m .section01 .txt div em {
        color: #a4fadd
    }

    #deputpayinfo-m .section01 .txt p {
        font-size: 3.9vw;
        line-height: 1.72;
        padding-bottom: 11.7vw
    }

    #deputpayinfo-m .section01 .obj {
        position: relative;
        width: 84.12vw;
        margin: 0 auto
    }

    #deputpayinfo-m .section01 .obj div {
        position: absolute;
        width: 40.24vw;
        top: 9.5vw;
        left: 39vw
    }

    #deputpayinfo-m .section02 {
        letter-spacing: -0.2vw;
        padding-bottom: 8.4vw;
        background: #f5f7f8
    }

    #deputpayinfo-m .section02 .tit {
        position: relative;
        color: #2f2d31;
        font-size: 6.6vw;
        font-weight: bold;
        padding: 10vw 0 9vw
    }

    #deputpayinfo-m .section02 .tit::before {
        content: "";
        display: block;
        width: 100%;
        height: 6vw;
        margin: 0 auto 1vw;
        background: url("/images/info-m/deputypayinfo/img_deputypayinfo_txt01.png") no-repeat center;
        background-size: 18vw
    }

    #deputpayinfo-m .section02 .box {
        overflow: hidden;
        width: 81.78vw;
        margin: 0 auto 5.3vw;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #fff
    }

    #deputpayinfo-m .section02 .box .txt {
        padding-top: 12.5vw
    }

    #deputpayinfo-m .section02 .box .txt strong {
        color: #2f2d31;
        font-size: 7.16vw
    }

    #deputpayinfo-m .section02 .box .txt strong::before {
        content: "";
        display: block;
        margin-bottom: 3.3vw;
        width: 100%;
        height: 6vw;
        background-size: 11vw;
        background-repeat: no-repeat;
        background-position: center
    }

    #deputpayinfo-m .section02 .box .txt p {
        color: #666;
        font-size: 3.64vw;
        line-height: 1.5;
        padding: 5vw 0 4.5vw
    }

    #deputpayinfo-m .section02 .box .txt .tag {
        color: #999;
        font-size: 3vw;
        font-weight: 300
    }

    #deputpayinfo-m .section02 .box .txt .tag span+span {
        margin-left: 1vw
    }

    #deputpayinfo-m .section02 .box .obj {
        position: relative
    }

    #deputpayinfo-m .section02 .box01 .txt strong::before {
        background-image: url("/images/info-m/deputypayinfo/img_deputypayinfo_txt02.png")
    }

    #deputpayinfo-m .section02 .box01 .obj {
        width: 61.2vw;
        margin: 0 auto;
        padding-top: 7.9vw
    }

    #deputpayinfo-m .section02 .box01 .obj div {
        position: absolute;
        width: 37.8vw;
        bottom: 0;
        left: 12vw
    }

    #deputpayinfo-m .section02 .box02 .txt strong::before {
        background-image: url("/images/info-m/deputypayinfo/img_deputypayinfo_txt03.png")
    }

    #deputpayinfo-m .section02 .box02 .obj {
        width: 39vw;
        margin: 0 auto;
        padding-top: 10vw
    }

    #deputpayinfo-m .section02 .box02 .obj div {
        position: absolute
    }

    #deputpayinfo-m .section02 .box02 .obj .right {
        width: 46.8vw;
        top: 18.5vw;
        left: 2vw
    }

    #deputpayinfo-m .section02 .box02 .obj .left {
        width: 35.3vw;
        top: 35.5vw;
        right: 14vw
    }

    #deputpayinfo-m .section02 .box03 .txt strong::before {
        background-image: url("/images/info-m/deputypayinfo/img_deputypayinfo_txt04.png")
    }

    #deputpayinfo-m .section02 .box03 .txt .check {
        font-size: 3.64vw;
        text-align: left;
        margin-top: 6vw;
        padding: 0 7vw
    }

    #deputpayinfo-m .section02 .box03 .txt .check img {
        position: absolute;
        display: inline-block;
        width: 3vw;
        top: 1.8vw;
        left: -4.5vw
    }

    #deputpayinfo-m .section02 .box03 .txt ul li {
        position: relative;
        word-break: keep-all;
        line-height: 1.6;
        padding-left: 4.5vw;
        margin-bottom: 1.4vw
    }

    #deputpayinfo-m .section02 .box03 .txt ul li::before {
        content: "";
        position: absolute;
        top: 1.7vw;
        left: 0;
        width: 2.6vw;
        height: 1.8vw;
        background: url("/images/info-m/deputypayinfo/img_deputypayinfo_obj10.png") no-repeat center;
        background-size: 3vw
    }

    #deputpayinfo-m .section02 .box03 .obj {
        width: 75.13vw;
        margin: 12vw 0 3.5vw
    }

    #deputpayinfo-m .section02 .box03 .obj div {
        position: absolute;
        width: 37.8vw;
        bottom: -5.5vw;
        left: 22.5vw
    }

    #deputpayinfo-m .section03 {
        background-color: #686b72;
        padding-bottom: 11vw;
        letter-spacing: -0.2vw
    }

    #deputpayinfo-m .section03 .txt {
        color: #fff;
        padding: 10.5vw 0 5.3vw
    }

    #deputpayinfo-m .section03 .txt p {
        color: #e1e1e3;
        font-size: 5.73vw;
        font-weight: lighter;
        margin-bottom: 4vw
    }

    #deputpayinfo-m .section03 .txt strong {
        font-size: 9.9vw;
        line-height: 1.2
    }

    #deputpayinfo-m .section03 .btn {
        color: #fff;
        width: 47vw;
        font-size: 3.65vw;
        font-weight: bold;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        padding: 4.23vw 8.69vw;
        background: #484ff7
    }

    #deputpayinfo-m .section03 .btn::after {
        content: "";
        display: inline-block;
        margin-left: 3.5vw;
        border: solid #fff;
        border-width: .5vw .5vw 0 0;
        width: 2vw;
        height: 2vw;
        -webkit-transform: translateY(-2px) rotate(45deg);
        -moz-transform: translateY(-2px) rotate(45deg);
        -ms-transform: translateY(-2px) rotate(45deg);
        -o-transform: translateY(-2px) rotate(45deg);
        transform: translateY(-2px) rotate(45deg)
    }

    #deputpayinfo-m .section03 .btn span {
        display: inline-block;
        padding-left: .8vw
    }
}

/* 다해드림 */
@media only screen and (max-width: 768px) {
    #dahaedream-m{
        text-align: center;
    }
    #dahaedream-m .section01 {
        padding: 21.4vw 0 9.7vw;
        background: url("/images/info-m/dahaedream/img_dahaedream02.png") no-repeat center;
        background-size: cover
    }
    #dahaedream-m .section01 img {
        width: 84.51vw
    }
    #dahaedream-m .section02 {
        padding: 18.2vw 0
    }
    #dahaedream-m .section02 img {
        width: 85.3vw;
        margin-left: -4.948vw
    }
    #dahaedream-m .section03 {
        padding: 18.2vw 0;
        background: #f4f4f4;
    }
    #dahaedream-m .section03 .tit {
        width: 65.38vw
    }
    #dahaedream-m .section03 .inner>img {
        width: 84.4vw
    }
    #dahaedream-m .section03 .inner>img:nth-child(2) {
        margin-top: 13vw
    }
    #dahaedream-m .section03 .inner>img:last-child {
        margin-top: 10.2vw
    }
    #dahaedream-m .section04 {
        padding: 18.3vw 0 17.5vw
    }
    #dahaedream-m .section04 .tit {
        width: 65vw
    }
    #dahaedream-m .section04 .dahaedream-sample-slider {
        position: relative;
        width: auto;
        margin: 5.4vw auto 0
    }
    #dahaedream-m .section04 .dahaedream-sample-slider li {
        display: inline-block;
        width: calc(100vw - 40px)
    }
    #dahaedream-m .section04 .dahaedream-sample-slider li img {
        width: 58.3vw
    }
    #dahaedream-m .section04 .slick-arrow {
        position: absolute;
        top: 46vw;
        width: 10.45vw;
        height: 10.45vw;
        cursor: pointer
    }
    #dahaedream-m .section04 .slick-arrow::before {
        content: "";
        display: block;
        width: 7.4vw;
        height: 7.4vw;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: #a18672
    }
    #dahaedream-m .section04 .slick-arrow.slick-disabled::before {
        border-color: #e2e2e2
    }
    #dahaedream-m .section04 .slick-arrow.slick-prev {
        left: 4vw
    }
    #dahaedream-m .section04 .slick-arrow.slick-prev::before {
        margin-top: 1.5vw;
        margin-left: 3vw
    }
    #dahaedream-m .section04 .slick-arrow.slick-next {
        right: 4vw
    }
    #dahaedream-m .section04 .slick-arrow.slick-next::before {
        margin-top: 1.5vw;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    #dahaedream-m .section04 .slick-arrow i {
        font-size: 0;
        text-indent: -1000px;
        overflow: hidden
    }
    #dahaedream-m .section05 {
        padding: 110px 0;
        background: #e0ecf8;
    }

    #dahaedream-m .section05 .tit {
        width: 56.8vw
    }
    #dahaedream-m .section05 .tit+img {
        width: 46.9vw;
        margin-top: 10.5vw
    }
    #dahaedream-m .section05 .txt {
        width: 70.75vw;
        margin-top: 13.2vw
    }
    #dahaedream-m .section05 a {
        display: block;
        width: 84.4vw;
        margin: 7.6vw auto 0
    }
    #dahaedream-m .section06 {
        padding: 10.5vw 0 12.4vw;
        background: #141414;
        text-align: left
    }
    #dahaedream-m .section06 img {
        width: 82.2vw;
        margin-left: 5vw
    }
    #dahaedream-m .dahaedream-banner-slider {
        position: relative;
        width: 84.4vw;
        height: 68.4vw;
        margin: 8.8vw auto 0;
        background: #fff;
        overflow: hidden
    }
    #dahaedream-m .dahaedream-banner-slider>ul li {
        display: inline-block;
        width: 84.4vw;
        height: 68.4vw;
        padding-top: 13vw
    }
    #dahaedream-m .dahaedream-banner-slider>ul li img {
        width: 69.95vw
    }
    #dahaedream-m .dahaedream-banner-slider .slick-slider-dots {
        position: absolute;
        bottom: 4.5vw;
        right: 0;
        left: 0;
        text-align: center
    }
    #dahaedream-m .dahaedream-banner-slider .slick-slider-dots li {
        display: inline-block;
        width: auto;
        padding: 0 .75vw;
        line-height: normal
    }
    #dahaedream-m .dahaedream-banner-slider .slick-slider-dots li.slick-active button {
        background: #383782
    }
    #dahaedream-m .dahaedream-banner-slider .slick-slider-dots button {
        font-size: 0;
        text-indent: -1000px;
        overflow: hidden;
        background: #c4c4c4;
        width: 1.2vw;
        height: 1.2vw;
        padding: 0;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }
    #dahaedream-m-sample-banner .dahaedream-banner-slider {
        position: relative;
        width: auto;
        height: auto;
        padding-bottom: 2vw;
        margin-top: 0
    }
    #dahaedream-m-sample-banner .dahaedream-banner-slider>ul li {
        width: auto;
        padding-top: 7vw;
        text-align: center
    }
    #dahaedream-m-sample-banner .dahaedream-banner-slider img {
        width: 85vw
    }
}

/* 메이크링크 */
@media only screen and (max-width: 768px) {
    #makelink-m {
        padding-top: 9.3vw
    }

    #makelink-m .inner {
        max-width: 95%
    }

    #makelink-m .img-area,#makelink-m .text-area {
        position: relative;
        text-align: center
    }

    #makelink-m .text-point {
        color: #f7751b
    }

    #makelink-m h3 {
        margin-bottom: 9.3vw;
        font-size: 7.8vw;
        line-height: 10.3vw;
    }

    #makelink-m h3+p {
        font-size: 4vw;
        font-weight: 300;
        line-height: 6.2vw;
    }

    #makelink-m .link-mainsection {
        position: relative;
        padding: 6.2vw 0 15.6vw
    }

    #makelink-m .link-mainsection h3 {
        line-height: 10.9vw;
        font-size: 6.7vw;
        font-weight: 300;
        margin: 7.8vw 0 9.3vw
    }

    #makelink-m .link-mainsection .slide-area {
        position: absolute;
        top: 0;
        width: 150%;
        margin-top: 55%;
        overflow: hidden
    }

    #makelink-m .link-mainsection .slide-area img {
        -webkit-animation: visualSlide 10s infinite ease-in-out;
        -o-animation: visualSlide 10s infinite ease-in-out;
        animation: visualSlide 10s infinite ease-in-out
    }

    #makelink-m .link-mainsection .img-area {
        width: 65%;
        height: auto;
        margin: 0 auto;
        text-align: center
    }

    #makelink-m .link-mainsection .img-area img {
        border: 2.5vw solid #eee;
        -webkit-border-radius: 8vw;
        -moz-border-radius: 8vw;
        border-radius: 8vw;
        -webkit-box-shadow: -6.2vw 7.8vw 5.9vw -1.5vw rgba(0,0,0,.25);
        -moz-box-shadow: -6.2vw 7.8vw 5.9vw -1.5vw rgba(0,0,0,.25);
        box-shadow: -6.2vw 7.8vw 5.9vw -1.5vw rgba(0,0,0,.25)
    }

    #makelink-m .link-mainsection .text-area {
        width: 100%;
        margin-top: 17.1vw;
        padding: 0;
        text-align: center;
        background: #fff
    }

    #makelink-m .link-mainsection .text-area strong {
        font-size: 6.2vw
    }

    #makelink-m .link-mainsection .text-area strong:after {
        content: "";
        display: block;
        width: 15.63vw;
        height: 1.25vw;
        margin: 10.94vw auto 0;
        background: #ff6c00
    }

    #makelink-m .link-mainsection button {
        font-size: 3.3vw;
        padding: 4.38vw 6vw;
        font-weight: 600;
        color: #fff;
        -webkit-border-radius: 12.5vw;
        -moz-border-radius: 12.5vw;
        border-radius: 12.5vw;
        background: -moz-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%);
        background: -webkit-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%);
        background: -o-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%);
        background: -ms-linear-gradient(-45deg, #f7771b 0%, #fe9a1a 90%)
    }

    #makelink-m .bg-area {
        padding: 17.19vw 0;
        text-align: center;
        color: #fff;
        background: url("/images/info/makelink/bg_pattern02.jpg") center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    #makelink-m .bg-area .input-box {
        position: relative;
        max-width: 90%;
        margin: 0 auto
    }

    #makelink-m .bg-area .input-box h3 {
        margin-bottom: 17.19vw
    }

    #makelink-m .bg-area .input-box input {
        width: 100%;
        padding: 3.75vw 12.5vw 3.75vw 40.63vw;
        font-size: 6.25vw;
        font-weight: 600;
        background: #fff;
        -webkit-border-radius: 12.5vw;
        -moz-border-radius: 12.5vw;
        border-radius: 12.5vw
    }

    #makelink-m .bg-area .input-text {
        position: absolute;
        top: 5vw;
        left: 6.25vw;
        display: inline-block;
        vertical-align: middle;
        font-size: 6.25vw;
        font-weight: 600;
        color: #000
    }

    #makelink-m .bg-area .input-text+button {
        position: absolute;
        top: 3.75vw;
        right: 3.13vw;
        display: inline-block;
        width: 8.44vw;
        height: 8.44vw;
        background: url("/images/info/makelink/btn_next_orange.png") center no-repeat;
        background-size: 100%
    }

    #makelink-m .bg-area .guide-text {
        max-width: 90%;
        font-size: 3.43vw;
        font-weight: 100;
        text-align: left;
        margin: 4.68vw auto 0
    }

    #makelink-m .bg-area a {
        display: inline-block;
        padding: 4.69vw 17.19vw;
        font-size: 4.38vw;
        font-weight: 600;
        color: #fff;
        border: 1px solid #fff;
        -webkit-border-radius: 12.5vw;
        -moz-border-radius: 12.5vw;
        border-radius: 12.5vw
    }

    #makelink-m .bg-area p {
        margin-top: 8vw;
        font-size: 4.5vw
    }

    #makelink-m .bg-area {
        background: url("/images/info/makelink/bg_pattern01.jpg") center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    #makelink-m .ico-symbol-orange {
        width: 14.38vw;
        height: 14.38vw;
        margin-right: 3.13vw;
        background: url("/images/info/makelink/ico_symbol_orange.png") center no-repeat
    }

    #makelink-m .beige-section {
        position: relative;
        padding: 25vw 0 0;
        text-align: center;
        background: #f8f4f0;
        overflow: hidden
    }

    #makelink-m .beige-section .img-box {
        position: relative;
        width: 54.69vw;
        padding: 12.5vw 3.13vw 0;
        margin: 15.63vw auto 0;
        background: #fff;
        -webkit-border-radius: 6.25vw 6.25vw 0 0;
        -moz-border-radius: 6.25vw 6.25vw 0 0;
        border-radius: 6.25vw 6.25vw 0 0;
        -webkit-box-shadow: 7.81vw 3.13vw 5.94vw -1.56vw rgba(0,0,0,.1);
        -moz-box-shadow: 7.81vw 3.13vw 5.94vw -1.56vw rgba(0,0,0,.1);
        box-shadow: 7.81vw 3.13vw 5.94vw -1.56vw rgba(0,0,0,.1)
    }

    #makelink-m .beige-section .img-box:after {
        content: "";
        position: absolute;
        top: 5.31vw;
        left: 50%;
        width: 20%;
        height: 1.56vw;
        margin-left: -10%;
        background: #ece6e1;
        -webkit-border-radius: 3.13vw;
        -moz-border-radius: 3.13vw;
        border-radius: 3.13vw
    }

    #makelink-m .beige-section .img-box img {
        width: 100%;
        border: solid #ece6e1;
        border-width: .31vw .31vw 0;
        -webkit-border-radius: 4.69vw 4.69vw 0 0;
        -moz-border-radius: 4.69vw 4.69vw 0 0;
        border-radius: 4.69vw 4.69vw 0 0
    }

    #makelink-m .beige-section .per-pattern {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/images/info/makelink/bg_mobile_pattern03.png") center no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }

    #makelink-m .beige-section.function-area {
        padding: 21.88vw 0;
        margin-top: 15.63vw
    }

    #makelink-m .beige-section.function-area .slick-list {
        overflow: hidden
    }

    #makelink-m .beige-section.function-area .moreFunction {
        width: 93%;
        max-width: 406.25vw;
        margin: 12.5vw auto 0;
        float: right;
        padding: 0
    }

    #makelink-m .beige-section.function-area .moreFunction h4 {
        margin: 7.81vw 0 4.69vw;
        font-size: 6.25vw;
        font-weight: 600
    }

    #makelink-m .beige-section.function-area .moreFunction h4+p {
        font-size: 3.75vw;
        line-height: 8.13vw;
        color: #666
    }

    #makelink-m .beige-section.function-area .moreFunction .function-list {
        padding: 3.13vw
    }

    #makelink-m .beige-section.function-area .moreFunction .function-list .list-box {
        width: 71.88vw;
        padding: 10.94vw 0;
        background: #fff;
        -webkit-border-radius: 3.13vw;
        -moz-border-radius: 3.13vw;
        border-radius: 3.13vw
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-prev {
        position: absolute;
        top: 57%;
        left: -9.38vw;
        width: 9.38vw;
        height: 19.38vw;
        font-size: 0;
        background: url("/images/info/makelink/ico_arrow_left.png")
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-next {
        position: absolute;
        top: 57%;
        right: -9.38vw;
        width: 9.38vw;
        height: 19.38vw;
        font-size: 0;
        background: url("/images/info/makelink/ico_arrow_right.png") no-repeat center
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-dots {
        margin-top: 15.63vw
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-dots li {
        display: inline-block;
        width: 7.81vw;
        height: .94vw;
        margin: 0;
        background: #fe7b1a;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-dots li.slick-active {
        background: #fe7b1a
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-dots li.slick-active~li {
        background: #fff
    }

    #makelink-m .beige-section.function-area .moreFunction .slick-dots button {
        font-size: 0
    }

    #makelink-m .beige-section.function-area .ico {
        width: 15vw;
        height: 15vw;
    }

    #makelink-m .beige-section.function-area .ico-function01 {
        background: url("/images/info-m/makelink/mobile_function01.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function02 {
        background: url("/images/info-m/makelink/mobile_function02.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function03 {
        background: url("/images/info-m/makelink/mobile_function03.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function04 {
        background: url("/images/info-m/makelink/mobile_function04.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function05 {
        background: url("/images/info-m/makelink/mobile_function05.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function06 {
        background: url("/images/info-m/makelink/mobile_function06.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function07 {
        background: url("/images/info-m/makelink/mobile_function07.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function08 {
        background: url("/images/info-m/makelink/mobile_function08.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .beige-section.function-area .ico-function09 {
        background: url("/images/info-m/makelink/mobile_function09.png") no-repeat center;
        background-size: 100%
    }

    #makelink-m .rading-section {
        padding: 15.63vw 0
    }

    #makelink-m .rading-section .text-area {
        padding: 0 9%;
        margin-top: 5%
    }

    #makelink-m .rading-section .img-area {
        width: 80%;
        height: auto;
        max-width: 140.63vw;
        padding: 0;
        margin: 9.38vw auto 0;
        overflow: hidden
    }

    #makelink-m .rading-section .img-area video {
        max-width: 100%
    }

    #makelink-m .rading-section .img-area.slide-img {
        width: 80%;
        height: 45vw;
        margin: 15.63vw auto 9.38vw
    }

    #makelink-m .rading-section .slick-dots {
        width: 100%;
        margin: 0;
        text-align: right
    }

    #makelink-m .rading-section .slick-dots li {
        display: inline-block;
        width: 4.7vw;
        height: 4.7vw;
        max-width: 10.94vw;
        max-height: 10.94vw;
        margin: 0 .95%;
        vertical-align: top;
        cursor: pointer;
        opacity: .6;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    #makelink-m .rading-section .slick-dots li button {
        font-size: 0
    }

    #makelink-m .rading-section .slick-dots li:nth-child(1) {
        background: -moz-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%);
        background: -webkit-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%);
        background: -o-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%);
        background: -ms-linear-gradient(-45deg, #0ffdf3 0%, #fae646 90%)
    }

    #makelink-m .rading-section .slick-dots li:nth-child(2) {
        background: -moz-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%);
        background: -webkit-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%);
        background: -o-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%);
        background: -ms-linear-gradient(-45deg, #775de6 0%, #e7a0c3 90%)
    }

    #makelink-m .rading-section .slick-dots li:nth-child(3) {
        background: -moz-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%);
        background: -webkit-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%);
        background: -o-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%);
        background: -ms-linear-gradient(-45deg, #fdde4a 0%, #f0abb5 90%)
    }

    #makelink-m .rading-section .slick-dots li:nth-child(4) {
        background: -moz-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%);
        background: -webkit-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%);
        background: -o-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%);
        background: -ms-linear-gradient(-45deg, #05b3f9 0%, #3e23bd 90%)
    }

    #makelink-m .rading-section .slick-dots li:nth-child(5) {
        background: -moz-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%);
        background: -webkit-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%);
        background: -o-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%);
        background: -ms-linear-gradient(-45deg, #60f1e7 0%, #921cce 90%)
    }

    #makelink-m .rading-section .slick-dots li.slick-active {
        opacity: 1;
        -webkit-box-shadow: .63vw .63vw 2.19vw 0 rgba(0,0,0,.25);
        -moz-box-shadow: .63vw .63vw 2.19vw 0 rgba(0,0,0,.25);
        box-shadow: .63vw .63vw 2.19vw 0 rgba(0,0,0,.25)
    }

    #makelink-m .rading-section .slick-list {
        margin-top: 3%;
        margin-left: -23%;
        overflow: hidden
    }

    #makelink-m .rading-section .mobile-box {
        position: absolute;
        top: 3.13vw;
        left: 2.5vw;
        display: block;
        width: 47%;
        height: 97%;
        padding-top: 43%;
        background: #fff;
        -webkit-box-shadow: 2.19vw .94vw 5vw .94vw rgba(0,0,0,.1);
        -moz-box-shadow: 2.19vw .94vw 5vw .94vw rgba(0,0,0,.1);
        box-shadow: 2.19vw .94vw 5vw .94vw rgba(0,0,0,.1);
        -webkit-border-radius: 4.69vw 4.69vw 0 0;
        -moz-border-radius: 4.69vw 4.69vw 0 0;
        border-radius: 4.69vw 4.69vw 0 0
    }

    #makelink-m .rading-section .mobile-box .mobile-list {
        width: 82%;
        height: 7vw;
        margin: 6% auto;
        background: #f2f2f2;
        -moz-border-radius: .63vw;
        border-radius: .63vw
    }

    #makelink-m .slick-initialized .slick-slide {
        display: inline-block;
        padding: 7.81vw 1% 6.25vw
    }

    #makelink-m .slick-initialized .slick-slide.slick-current.slick-active img {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -o-transform: scale(1.04);
        transform: scale(1.04)
    }
}
@media only screen and (max-width: 360px) {
    #makelink-m .beige-section.function-area .ico{
        width: 20vw;
        height: 20vw;
    }
}


/* 마케터링크 */
@media only screen and (max-width: 768px) {
    #marketerlink-m .section1 {
        padding: 25vw 0 17vw;
        background: url("/images/info-m/marketerlink/sec1_bg.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }

    #marketerlink-m .section1 .txt h1 {
        margin: 5vw auto 6.25vw;
        font-size: 0
    }

    #marketerlink-m .section1 .txt h1 img {
        height: 11.4vw
    }

    #marketerlink-m .section1 .txt p {
        font-weight: 300
    }

    #marketerlink-m .section1 .txt p:nth-of-type(1) {
        font-size: 8.44vw
    }

    #marketerlink-m .section1 .txt p:nth-of-type(2) {
        font-size: 4.06vw
    }

    #marketerlink-m .section1 .txt p:nth-of-type(2) span+span {
        margin-left: 4.69vw
    }

    #marketerlink-m .section1 .txt p:nth-of-type(3) {
        margin-top: 10vw;
        font-size: 3.13vw;
        color: #555;
        line-height: 5vw;
    }

    #marketerlink-m .section1 .txt .highlight:before {
        height: 1.8vw
    }

    #marketerlink-m .section1 .img {
        margin-top: 13vw
    }

    #marketerlink-m .section1 .img .view {
        width: 94.38vw;
        height: 73.75vw;
        margin: 0 0 0 4vw;
        background: url("/images/info-m/marketerlink/sec1_img1.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #marketerlink-m .section1 .img .view img {
        width: 81.88vw;
        margin: 6vw 0 0 -2.7vw
    }

    #marketerlink-m .section2 ul {
        position: relative;
        margin-bottom: 15.63vw
    }

    #marketerlink-m .section2 ul li:not(.line) {
        display: inline-block;
        margin: 0 6.88vw;
        padding: 4vw 0;
        font-size: 3.13vw;
        color: #ff6b80;
        letter-spacing: -0.15vw
    }

    #marketerlink-m .section2 ul li.line {
        position: absolute;
        left: 30.5vw;
        right: 30.5vw;
        top: 22.5vw;
        bottom: 22.5vw;
        border: 1px solid #ff6b80;
        border-left: 0
    }

    #marketerlink-m .section2 ul li strong {
        display: block
    }

    #marketerlink-m .section2 ul li img {
        width: 23.44vw;
        margin: 2vw 0
    }

    #marketerlink-m .section2 .txt {
        padding: 6vw 0 0;
        background: url("/images/info-m/marketerlink/sec2_bg.jpg") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #marketerlink-m .section2 .txt dl {
        width: 75vw;
        margin: 7.8vw auto;
        padding: 9.38vw 0;
        background: #fff;
        -webkit-border-radius: 1.56vw;
        -moz-border-radius: 1.56vw;
        border-radius: 1.56vw;
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
        -moz-box-shadow: 0 5px 15px rgba(0,0,0,.1);
        box-shadow: 0 5px 15px rgba(0,0,0,.1)
    }

    #marketerlink-m .section2 .txt dl dt {
        margin-bottom: 5.47vw;
        font-size: 4.69vw;
        color: #ff6b80
    }

    #marketerlink-m .section2 .txt dl dd {
        font-size: 3.2vw
    }

    #marketerlink-m .section2 .txt dl dd:not(:first-child) {
        font-weight: 300;
        color: #555;
        line-height: 5vw;
    }

    #marketerlink-m .section2 .txt dl dd+dd {
        margin-top: 3.13vw
    }

    #marketerlink-m .section2 .txt .highlight:before {
        height: 1.4vw
    }

    #marketerlink-m .section2 .img {
        padding: 31.25vw 0 0
    }

    #marketerlink-m .section2 .img .frame {
        height: 31.2vw;
        background: url("/images/info-m/marketerlink/sec2_img5.png") no-repeat center center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #marketerlink-m .section2 .img .frame strong {
        display: block;
        width: 31.25vw;
        height: 31.25vw;
        padding: 8.5vw 0;
        margin: 0 auto;
        background: #ff6b80;
        font-size: 3.52vw;
        line-height: 5vw;
        color: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    #marketerlink-m .section2 .img .social img {
        position: absolute;
        left: 50%
    }

    #marketerlink-m .section2 .img .social .facebook {
        top: -7vw;
        width: 11.25vw;
        margin-left: -26vw
    }

    #marketerlink-m .section2 .img .social .blog {
        top: -17vw;
        width: 12.5vw;
        margin-left: -14.5vw
    }

    #marketerlink-m .section2 .img .social .youtube {
        top: -17vw;
        width: 12.5vw;
        margin-left: 1.5vw
    }

    #marketerlink-m .section2 .img .social .insta {
        top: -6.7vw;
        width: 10.16vw;
        margin-left: 14.5vw
    }

    #marketerlink-m .section3 {
        background: #f9f4f5
    }

    #marketerlink-m .section3 .img {
        position: relative;
        text-align: left
    }

    #marketerlink-m .section3 .img>div {
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }

    #marketerlink-m .section3 .img .web {
        width: 84.06vw;
        height: 49.53vw;
        background-image: url("/images/info-m/marketerlink/sec3_img1.png")
    }

    #marketerlink-m .section3 .img .web img {
        width: 77.4vw;
        margin: 7vw 0 0 1.3vw
    }

    #marketerlink-m .section3 .img .mobile {
        position: absolute;
        right: 0;
        top: 5vw;
        width: 27.81vw;
        height: 48.59vw;
        background-image: url("/images/info-m/marketerlink/sec3_img2.png")
    }

    #marketerlink-m .section3 .img .mobile img {
        width: 20vw;
        margin: 2.5vw 0 0 5.5vw
    }

    #marketerlink-m .section4 .img {
        position: relative;
        height: 59.69vw;
        background: url("/images/info-m/marketerlink/sec4_img1.png") no-repeat center;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        background-size: auto 100%
    }

    #marketerlink-m .section4 .img img {
        position: absolute
    }

    #marketerlink-m .section4 .img img.insta {
        left: 0;
        top: 4.69vw;
        width: 14.84vw
    }

    #marketerlink-m .section4 .img img.blog {
        right: 6.25vw;
        top: -0.63vw;
        width: 8.75vw
    }

    #marketerlink-m .section4 .img img.youtube {
        right: 0;
        top: 50%;
        width: 18.28vw;
        margin-top: -6.49vw
    }

    #marketerlink-m .section4 .img img.facebook {
        left: 50%;
        bottom: 0;
        width: 11.56vw;
        margin-left: 13vw
    }

    #marketerlink-m .section5 {
        padding-bottom: 21.88vw;
        background: #eee
    }

    #marketerlink-m .section5 ul li {
        padding: 7.8vw 0 5vw;
        background: #fff
    }

    #marketerlink-m .section5 ul li+li {
        margin-top: 7.81vw
    }

    #marketerlink-m .section5 ul li b {
        display: inline-block;
        padding: .5vw 2.2vw;
        border: 1px solid #888;
        font-size: 2.19vw;
        color: #555;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }

    #marketerlink-m .section5 ul li p {
        margin: 4.69vw auto;
        font-size: 4.38vw;
        line-height: 6vw
    }

    #marketerlink-m .section5 ul li p em {
        color: #ff6b80
    }

    #marketerlink-m .section5 ul li img {
        height: 28.13vw
    }

    #marketerlink-m .section6 {
        padding-bottom: 15.63vw
    }

    #marketerlink-m .section6 .txt {
        display: table;
        width: 100%;
        table-layout: fixed;
        padding: 6.25vw 0;
        border: 1px solid #ccc;
        -webkit-border-radius: 1.25vw;
        -moz-border-radius: 1.25vw;
        border-radius: 1.25vw
    }

    #marketerlink-m .section6 .txt dl {
        display: table-cell;
        vertical-align: top;
        letter-spacing: -0.2vw
    }

    #marketerlink-m .section6 .txt dl+dl {
        border-left: 1px solid #ccc
    }

    #marketerlink-m .section6 .txt dl dt {
        font-size: 4.38vw;
        color: #666
    }

    #marketerlink-m .section6 .txt dl dd {
        margin-top: 4.13vw;
        font-size: 4.31vw;
        color: #444
    }

    #marketerlink-m .section6 .txt dl dd strong {
        display: inline-block;
        margin-right: .5vw;
        font-size: 6.5vw;
        font-weight: 400
    }

    #marketerlink-m .section6 .btn-group a+a {
        margin-top: 3.69vw
    }

    #marketerlink-m .section7 {
        padding: 14.84vw 0;
        color: #ddd;
        text-align: left;
        background: url("/images/info-m/marketerlink/sec7_bg.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }

    #marketerlink-m .section7 dt {
        margin-bottom: 10.94vw;
        font-size: 5.31vw;
        line-height: 5vw;
    }

    #marketerlink-m .section7 dt .logo {
        display: block;
        width: 43.91vw;
        height: 6.09vw;
        margin-bottom: 2.34vw;
        background: url("/images/info-m/marketerlink/sec7_logo.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #marketerlink-m .section7 dd {
        margin-left: 2.5vw;
        font-size: 3.13vw;
        letter-spacing: -0.1vw;
        text-indent: -2vw;
        line-height: 5vw;
    }

    #marketerlink-m strong,#marketerlink-m b {
        font-weight: 500
    }

    #marketerlink-m .inner {
        padding: 0 6.25vw;
        margin: 0
    }

    #marketerlink-m .btn-go {
        display: block;
        padding: 4.47vw;
        font-size: 4.6vw;
        text-align: center;
        letter-spacing: -0.2vw
    }

    #marketerlink-m .btn-go:hover {
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -ms-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

    #marketerlink-m .btn-pink {
        border: 1px solid #ff6b80;
        background: #ff6b80;
        color: #fff
    }

    #marketerlink-m .btn-pink:focus,#marketerlink-m .btn-pink:active {
        background: #ff576f
    }

    #marketerlink-m .btn-pink-line {
        border: 1px solid #ff6b80;
        background: #fff;
        color: #ff6b80
    }

    #marketerlink-m .btn-pink-line:focus,#marketerlink-m .btn-pink-line:active {
        border-color: #ff3d59;
        color: #ff3d59
    }

    #marketerlink-m .main-tit {
        padding: 20vw 0 15vw
    }

    #marketerlink-m .main-tit h2 {
        font-size: 8.2vw;
        font-weight: 300;
        line-height: 10vw;
        letter-spacing: -0.15vw
    }

    #marketerlink-m .main-tit h2+.sub-txt {
        padding-top: 60px
    }

    #marketerlink-m .sub-txt {
        padding: 14vw 0 20vw;
        font-size: 3.75vw;
        font-weight: 300;
        color: #555;
        line-height: 5.9vw;
        letter-spacing: -0.1vw
    }

    #marketerlink-m .sub-txt p+p {
        margin-top: 6.5vw
    }

    #marketerlink-m .highlight {
        position: relative
    }

    #marketerlink-m .highlight:before {
        content: "";
        position: absolute;
        left: -2px;
        right: -2px;
        bottom: 0;
        background: rgba(230,46,71,.2)
    }
}

/* 현대 의무보험 */
@media only screen and (max-width: 1024px){
    #hiinsureinfo{
        min-width: 0;
    }
    #hiinsureinfo .inner{
        margin: 0 auto;
    }
    #hiinsureinfo .info-view{
        padding: 0;
    }
}
@media only screen and (max-width: 768px) {
    #hiinsureinfo-m .info-view img{
        width: 100%;
    }
    #hiinsureinfo-view .modal-content h3 {
        font-size: 19px;
        line-height: 24px
    }
    #hiinsureinfo-view .modal-content p {
        margin: 15px 0px 42px;
        line-height: 22px;
        font-size: 15px
    }
    #hiinsureinfo-confirm .modal-content>p {
        font-size: 19px;
        line-height: 24px
    }

    #hiinsureinfo-confirm .modal-content .table {
        display: table;
        table-layout: fixed;
        margin: 33px 0px;
        text-align: center;
        font-size: 17px
    }

    #hiinsureinfo-confirm .modal-content .table ul {
        display: table-row
    }

    #hiinsureinfo-confirm .modal-content .table ul li {
        display: table-cell;
        padding: 15px;
        vertical-align: middle;
        border-top: 1px solid #e8e7ec
    }

    #hiinsureinfo-confirm .modal-content .table ul li p {
        line-height: 15px
    }

    #hiinsureinfo-confirm .modal-content .table ul:first-child li {
        border-top: 2px solid #1b1447
    }

    #hiinsureinfo-confirm .modal-content .table p {
        font-size: 13px;
        color: #777
    }

    #hiinsureinfo-confirm .modal-content .table .border-top {
        border-top: 1px solid #1b1447
    }

    #hiinsureinfo-confirm .modal-content .table .border-bottom {
        border-bottom: 1px solid #1b1447
    }

    #hiinsureinfo-confirm .modal-content .table .border-right {
        border-right: 1px solid #e8e7ec
    }

    #hiinsureinfo-confirm .modal-content .table .bg-gray {
        background: #f7f7f7
    }

    #hiinsureinfo-confirm .modal-content .note-area {
        letter-spacing: -0.5px;
        line-height: 25px;
        font-size: 15px
    }

    #hiinsureinfo-confirm .modal-content .service-area {
        border: 1px solid #e8e7ec;
        padding: 26px;
        margin: 35px 0px 30px;
        font-size: 15px
    }

    #hiinsureinfo-confirm .modal-content .service-area h3 {
        font-size: 16px
    }

    #hiinsureinfo-confirm .modal-content .service-area h3 a {
        color: #fff;
        padding: 4px 10px;
        font-size: .8rem;
        font-weight: normal;
        border-radius: 50px;
        background: #000
    }

    #hiinsureinfo-confirm .modal-content .service-area ul {
        margin: 15px 0 0
    }

    #hiinsureinfo-confirm .modal-content .service-area ul li {
        line-height: 20px
    }

    #hiinsureinfo-confirm .modal-content .service-area p {
        margin: 15px 0 0;
        line-height: 20px
    }

    #hiinsureinfo-confirm .modal-content .service-area .telinfo {
        margin: 20px 0 0;
        background: #f6f6f6;
        padding: 28px 10px;
        text-align: center
    }

    #hiinsureinfo-confirm .modal-content .service-area .telinfo .name {
        font-size: 18px
    }

    #hiinsureinfo-confirm .modal-content .service-area .telinfo .txt-gray {
        color: #777
    }

    #hiinsureinfo-confirm .modal-content .service-area .telinfo .txt-red {
        font-size: 23px;
        margin-top: 8px
    }

    #hiinsureinfo-confirm .modal-content .btn-black-line {
        margin-top: 10px
    }

    #hiinsureinfo-confirm .modal-content .agree-area .input-chk {
        margin: 20px 0 10px
    }

    #hiinsureinfo-confirm .modal-content .agree-area .agree-infobox {
        height: 200px;
        padding: 16px;
        border: 1px solid #e8e7ec;
        overflow-y: auto;
        font-size: 13px
    }

    #hiinsureinfo-confirm .modal-content .agree-area .agree-infobox b {
        display: block;
        margin-bottom: 10px
    }
}

/* 미리캔버스 */
@media only screen and (max-width: 768px) {
    #miricanvas-m .section1 .txt h2 span,.table caption {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        text-indent: -9999;
        clip: rect(0 0 0 0)
    }
    #miricanvas-m .section1 {
        padding: 20vw 0 21vw;
        background: #fafafa
    }

    #miricanvas-m .section1 h2 {
        width: 135px;
        height: 19px;
        margin: 0 auto 6.25vw;
        background: url("/images/info-m/miricanvas/sec1_logo.png");
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section1 p {
        font-size: 8.13vw;
        font-weight: 300;
        line-height: 10.5vw;
        letter-spacing: -0.4vw
    }

    #miricanvas-m .section1 #aniTxt-m {
        display: inline-block;
        padding: 2.5vw 0
    }

    #miricanvas-m .section1 #aniTxt-m .Typewriter__wrapper {
        font-weight: 500;
        background: linear-gradient(to left, #0accac 10%, #75e494 98%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0,0,0,0);
        color: #0accac;
        letter-spacing: -0.4vw
    }

    #miricanvas-m .section1 #aniTxt-m .Typewriter__cursor {
        color: rgba(0,0,0,0)
    }

    #miricanvas-m .section1 .tag {
        margin-top: 4.5vw
    }

    #miricanvas-m .section1 .tag span {
        font-size: 3.28vw;
        font-weight: 300
    }

    #miricanvas-m .section1 .tag span:not(:last-child) {
        margin-right: 2.8vw
    }

    #miricanvas-m .section1 .tag b {
        font-size: 3.75vw;
        color: #2c8
    }

    #miricanvas-m .section1 .img {
        position: relative;
        margin-top: 22vw
    }

    #miricanvas-m .section1 .img *:not(.pc) {
        position: absolute
    }

    #miricanvas-m .section1 .img .pc {
        position: relative;
        left: 50%;
        width: 83.75vw;
        height: 56vw;
        margin: 16vw 0 0 -44.5vw;
        background: url("/images/info-m/miricanvas/sec1_pc.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section1 .img .pc img {
        left: 38vw;
        top: 10.5vw;
        width: 24.9vw
    }

    #miricanvas-m .section1 .img .mobile {
        right: 7.5vw;
        top: 8.5vw;
        width: 32.81vw;
        height: 47.97vw;
        background: url("/images/info-m/miricanvas/sec1_mobile.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section1 .img .mobile img {
        left: 10.7vw;
        top: 14.4vw;
        width: 17.4vw
    }

    #miricanvas-m .section1 .img .circle-lg {
        right: 4vw;
        top: -9.5vw;
        width: 67.19vw;
        height: 67.19vw;
        background: url("/images/info-m/miricanvas/sec1_circle1.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section1 .img .circle-sm {
        left: 5vw;
        bottom: 3.5vw;
        width: 16.72vw;
        height: 16.72vw;
        background: url("/images/info-m/miricanvas/sec1_circle2.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section2 {
        padding-bottom: 18vw
    }

    #miricanvas-m .section2 .video-section {
        width: 100%;
        height: 51.72vw;
        background: url("/images/info-m/miricanvas/sec2_pc.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section2 .video-section .video-wrap {
        width: 68.5vw;
        height: 44.4vw;
        padding-top: 3.3vw;
        margin: 0 auto
    }

    #miricanvas-m .section2 .video-section .video-wrap .video-area {
        padding-top: 59.616%
    }

    #miricanvas-m .section3 {
        background: #fafafa
    }

    #miricanvas-m .section3 .img {
        margin-right: -1.5vw;
        text-align: right
    }

    #miricanvas-m .section3 .img img:nth-child(1) {
        height: 52vw
    }

    #miricanvas-m .section3 .img img:nth-child(2) {
        height: 54.8vw;
        margin-left: -7vw
    }

    #miricanvas-m .section4 .video-wrap {
        margin-top: -15vw;
        margin-bottom: -2vw;
        z-index: -1
    }

    #miricanvas-m .section4 .video-wrap .video-area {
        width: 100%;
        padding-top: 85.9375%
    }

    #miricanvas-m .section5 {
        background: #f2f2f2
    }

    #miricanvas-m .section5 article {
        margin-bottom: 18.75vw;
        padding: 1.56vw 6.25vw;
        background: #fff;
        -webkit-border-radius: 1.56vw;
        -moz-border-radius: 1.56vw;
        border-radius: 1.56vw;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.05);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.05);
        box-shadow: 0 5px 10px rgba(0,0,0,.05)
    }

    #miricanvas-m .section5 article dl {
        position: relative;
        padding: 7.81vw 0 7.81vw 13.75vw
    }

    #miricanvas-m .section5 article dl+dl {
        border-top: 2px dashed #f2f2f2
    }

    #miricanvas-m .section5 article dl dt {
        font-size: 4.38vw;
        color: #333;
        letter-spacing: -0.2vw
    }

    #miricanvas-m .section5 article dl dd {
        margin-top: 3.5vw;
        font-size: 3.44vw;
        font-weight: 300;
        color: #666;
        line-height: 5.8vw;
        letter-spacing: -0.15vw
    }

    #miricanvas-m .section5 article dl dd a {
        display: inline-block;
        padding: 2vw 0 0;
        border-bottom: 1px solid #2c8;
        font-weight: 400;
        color: #2c8;
        line-height: 3.44vw
    }

    #miricanvas-m .section5 article dl dd a:focus,#miricanvas-m .section5 article dl dd a:active {
        border-color: #24db92;
        color: #24db92
    }

    #miricanvas-m .section5 article dl:before {
        content: "";
        position: absolute;
        left: 1.56vw;
        width: 7.81vw;
        height: 5vw
    }

    #miricanvas-m .section5 article dl:nth-child(1):before {
        background: url("/images/info-m/miricanvas/sec5_img1.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section5 article dl:nth-child(2):before {
        background: url("/images/info-m/miricanvas/sec5_img2.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m .section5 article dl:nth-child(3):before {
        background: url("/images/info-m/miricanvas/sec5_img3.png") no-repeat;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%
    }

    #miricanvas-m b,#miricanvas-m strong {
        font-weight: 500
    }

    #miricanvas-m .inner {
        padding: 0 4.69vw;
        margin: 0
    }

    #miricanvas-m .btn-go {
        display: block;
        width: 67.19vw;
        margin: 0 auto 18.75vw;
        padding: 3.91vw 2vw 4.22vw;
        font-size: 3.91vw;
        font-weight: 400;
        letter-spacing: -0.15vw;
        text-align: center;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }

    #miricanvas-m .btn-green {
        background: #2c8;
        color: #fff
    }

    #miricanvas-m .btn-green:focus,#miricanvas-m .btn-green:active {
        background: #24db92;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -ms-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

    #miricanvas-m .main-tit {
        padding: 21.88vw 0 7vw;
        text-align: center
    }

    #miricanvas-m .main-tit h2 {
        font-size: 7.5vw;
        font-weight: 400;
        line-height: 7.5vw;
        letter-spacing: -0.4vw
    }

    #miricanvas-m .main-tit p {
        margin-top: 6.4vw;
        font-size: 3.75vw;
        font-weight: 300;
        color: #666;
        line-height: 6vw;
        letter-spacing: -0.3vw
    }

    #miricanvas-m .video-wrap {
        position: relative
    }

    #miricanvas-m .video-wrap .video-area {
        position: relative;
        height: 0;
        overflow: hidden
    }

    #miricanvas-m .video-wrap .video-area video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

#cvsdelivery{
    letter-spacing: -0.5px;
    line-height: normal;
    color: #555;
}
#cvsdelivery .use-m{
    display: none;
}
#cvsdelivery .tit{
    text-align: center;
}
#cvsdelivery .tit p{
    word-break: keep-all;
    font-size: 18px;
    padding-top: 22px;
}
#cvsdelivery .section01 ~ div{
    padding: 120px 0 140px;
}
#cvsdelivery .section01{
    overflow: hidden;
    padding: 98px 0 119px;
    font-size: 18px;
    text-align: center;
    background: linear-gradient(180deg, #D0EBFB 0%, #ECF7FE 100%);
}
#cvsdelivery .section01 .label-wrap{
    display: inline-block;
    line-height: 1;
    padding: 8px 17px;
    margin-bottom: 28px;
    border-radius: 500px;
    background: rgba(255, 255, 255, .60);
}
#cvsdelivery .section01 .label-wrap li{
    display: inline-block;
    vertical-align: top;
    line-height: .8;
}
#cvsdelivery .section01 .label-wrap li + li{
    position: relative;
    padding-left: 11px;
}
#cvsdelivery .section01 .label-wrap li + li::before{
    content: '';
    position: absolute;
    top: 3px;
    left: 1px;
    width: 5px;
    height: 13px;
    background: url("/images/info/cvsdelivery/img_sec01_dash.svg") no-repeat left;
    background-size: 100% 100%;
}
#cvsdelivery .section01 .tit01{
    position: relative;
    display: inline-block;
}
#cvsdelivery .section01 .tit01 img:first-child{
    width: 294px;
}
#cvsdelivery .section01 .use-pc .tit02{
    display: block;
    width: 608px;
    margin: 8px auto 0;
}
#cvsdelivery .section01 .bubble{
    position: absolute;
    top: -3px;
    right: -72px;
    width: 63px;
}
#cvsdelivery .section01 .obj{
    position: relative;
    margin-top: 61px;
}
#cvsdelivery .section01 .background :not(.center){
    position: absolute;
}
#cvsdelivery .section01 .background .center{
    width: 454px;
}
#cvsdelivery .section01 .background .use-pc.left{
    top: -28px;
    left: 0;
    width: 333px;
}
#cvsdelivery .section01 .background .use-pc.right{
    top: -34px;
    right: 0;
    width: 347px;
}
#cvsdelivery .section01 .box{
    position: absolute;
    top: 150px;
    left: 50%;
    width: 100%;
    font-size: 0;
    transform: translate(-49%);
}
#cvsdelivery .section01 .box img{
    width: 210px
}
#cvsdelivery .section01 .box img:nth-child(2){
    margin: 0 3px;
}
#cvsdelivery .section02{
    overflow: hidden;
    color: #fff;
    background: #197BEB;
}
#cvsdelivery .section02 .tit .use-pc{
    width: 418px;
}
#cvsdelivery .section02 .tit p{
    color: #D9E9FC;
}
#cvsdelivery .section02 .cont{
    margin-top: 45px;
}
#cvsdelivery .section02 ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 32px -9px;
}
#cvsdelivery .section02 li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #555;
    font-size: 16px;
    width: calc(50% - 18px);
    padding: 45px 50px 41px;
    margin: 9px;
    border-radius: 10px;
    background: #fff;
}
#cvsdelivery .section02 li::before{
    content: '';
    display: inline-block;
    min-width: 100px;
    min-height: 100px;
    background: url("/images/info/cvsdelivery/img_sec02_ico01.svg") no-repeat center;
    background-size: 100% auto;
}
#cvsdelivery .section02 li:nth-child(2)::before{
    background: url("/images/info/cvsdelivery/img_sec02_ico02.svg") no-repeat center;
    background-size: 100% auto;
}
#cvsdelivery .section02 li:nth-child(3)::before{
    background: url("/images/info/cvsdelivery/img_sec02_ico03.svg") no-repeat center;
    background-size: 100% auto;
}
#cvsdelivery .section02 li:last-child::before{
    background: url("/images/info/cvsdelivery/img_sec02_ico04.svg") no-repeat center;
    background-size: 100% auto;
}
#cvsdelivery .section02 .txt-wrap{
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 28px;
}
#cvsdelivery .section02 .txt-wrap strong{
    word-break: keep-all;
    display: block;
    color: #333;
    font-size: 24px;
    padding-bottom: 12px;
}
#cvsdelivery .section02 .txt-wrap p{
    word-break: keep-all;
    line-height: 1.625;
}
#cvsdelivery .section02 .txt-wrap span{
    display: block;
}
#cvsdelivery .section03{
    background: #F4F2F7 ;
}
#cvsdelivery .section03 .tit .use-pc{
    width: 461px;
}
#cvsdelivery .section03 ol{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 55px;
}
#cvsdelivery .section03 li{
    position: relative;
    display: inline-block;
    width: calc(100% / 4);
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    padding: 12px 12px 38px;
    border-radius: 12px;
    background: #fff;
}
#cvsdelivery .section03 li + li{
    margin-left: 20px;
}
#cvsdelivery .section03 li + li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: -17px;
    width: 14px;
    height: 19px;
    background: url("/images/info/cvsdelivery/img_sec03_arrow.png") no-repeat center;
    background-size: 100% auto;
    transform: translateY(-50%);
}
#cvsdelivery .section03 li img{
    width: 100%;
    border-radius: 8px;
}
#cvsdelivery .section03 .txt-wrap{
    margin-top: 26px;
}
#cvsdelivery .section03 .txt-wrap > em{
    display: block;
    font-size: 14px;
    font-weight: 800;
    background: linear-gradient(90deg, #3978EF 0%, #963DF0 133.98%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#cvsdelivery .section03 .txt-wrap strong{
    display: block;
    color: #333;
    font-size: 26px;
    line-height: 1.1925;
    padding: 10px 0 12px;
}
#cvsdelivery .section03 .txt-wrap p{
    word-break: keep-all;
    line-height: 1.625;
}
#cvsdelivery .section04{
    background: #FFD200;
}
#cvsdelivery .section04 .tit .use-pc{
    width: 462px;
}
#cvsdelivery .section04 .tit p{
    color: rgba(85, 85, 85, .80);
}
#cvsdelivery .section04 .cont{
    margin-top: 66px;
}
#cvsdelivery .section04 .cont > div{
    font-size: 0;
    text-align: center;
}
#cvsdelivery .section04 .box{
    display: inline-block;
}
#cvsdelivery .section04 .box li{
    border-bottom: 1px solid #EAE8ED;
}
#cvsdelivery .section04 .box li:last-child{
    border: none;
}
#cvsdelivery .section04 .box strong{
    display: block;
    color: #fff;
}
#cvsdelivery .section04 .left{
    overflow: hidden;
    min-width: 428px;
    color: #393D4C;
    font-size: 21px;
    border-radius: 12px;
    vertical-align: top;
    background: #fff;
}
#cvsdelivery .section04 .left li{
    padding: 30px 0;
}
#cvsdelivery .section04 .left strong{
    padding: 21px 0 19px;
    background: #343443;
}
#cvsdelivery .section04 .left small{
    display: block;
    color: #555;
    font-size: 16px;
    line-height: 1.5625;
}
#cvsdelivery .section04 .right{
    min-width: 482px;
    font-size: 23px;
    padding: 0 10px 10px;
    margin: -11px 0 0 -10px;
    border-radius: 16px;
    background: #197BEB;
}
#cvsdelivery .section04 .right strong{
    line-height: 1.2176;
    padding: 24px 0;
}
#cvsdelivery .section04 .right ul{
    color: #0C419A;
    border-radius: 12px;
    background: #fff;
}
#cvsdelivery .section04 .right li{
    font-weight: 700;
    line-height: 1.174;
    padding: 29px 0;
}
#cvsdelivery .section04 .right li:last-child{
    line-height: 2.261;
}
#cvsdelivery .section05{
    overflow: hidden;
    color: #fff;
    background: #343443;
}
#cvsdelivery .section05 .tit .use-pc{
    width: 298px;
}
#cvsdelivery .section05 .cont{
    margin: 52px 0 -20px;
}
#cvsdelivery .section05 .notice{
    display: inline-block;
    margin-left: 267px;
}
#cvsdelivery .section05 .notice li{
    word-break: keep-all;
    position: relative;
    font-size: 18px;
    letter-spacing: -.25px;
    padding-left: 14px;
}
#cvsdelivery .section05 .notice li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #D9D9D9;
    transform: translateY(-50%);
}
#cvsdelivery .section05 .notice li + li{
    margin-top: 19px;
}
#cvsdelivery .section05 .cs-center{
    text-align: center;
    margin-top: 68px;
}
#cvsdelivery .section05 .cs-center .use-pc{
    height: 41px;
}
#cvsdelivery .section05 .cs-center > li{
    position: relative;
    display: inline-block;
    border-radius: 500px;
    vertical-align: top;
}
#cvsdelivery .section05 .cs-center > li > :is(a,div){
    display: block;
    padding: 28px 80px 31px;
}
#cvsdelivery .section05 .cs-center > li p{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.334;
    margin: 3px 0 14px;
}
#cvsdelivery .section05 .cs-center > li p img{
    margin: -4px 4px 0 0;
}
#cvsdelivery .section05 .cs-center :is(.cs-cu, .cs-gs25){
    z-index: 2;
}
#cvsdelivery .section05 .cs-center :is(.cs-cu, .cs-emart) a{
    margin: 20px 0 19px;
}
#cvsdelivery .section05 .cs-center .cs-cu{
    width: 360px;
    background: rgba(135, 78, 208, .64);
}
#cvsdelivery .section05 .cs-center .cs-emart{
    z-index: 1;
    width: 370px;
    margin: 0 -58px 0 -48px;
    background: linear-gradient(98deg, #FFD200 20%, #FFB41E 100%);
}
#cvsdelivery .section05 .cs-center .cs-emart p{
    text-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
}
#cvsdelivery .section05 .cs-center .cs-gs25{
    width: 416px;
    background: rgba(25, 123, 235, .68);
}
#cvsdelivery .section05 .cs-center .cs-gs25 a{
    display: block;
}
#cvsdelivery .section05 .cs-center .cs-gs25 p{
    margin: 0 0 11px;
}
#cvsdelivery .section05 .cs-center .cs-gs25 .use-pc{
    height: 44px;
}
#cvsdelivery .section05 .cs-center .cs-gs25 a strong{
    display: inline-block;
    font-size: 21px;
    vertical-align: middle;
    margin: 5px 6px 0 0;
}
#cvsdelivery .section05 .cs-center .cs-gs25 li:last-child{
    margin-top: -2px;
}

@media screen and (max-width: 1200px){
    #cvsdelivery.container{
        min-width: 100%;
    }
    #cvsdelivery .section01 ~ div{
        padding: 110px 0 130px;
    }
    #cvsdelivery .tit p{
        font-size: 17px;
        padding-top: 20px;
    }
    #cvsdelivery .section01 .inner{
        margin: 0 auto;
    }
    #cvsdelivery .section01 .label-wrap{
        padding: .667vw 1.417vw;
        margin-bottom: 2.333vw;
    }
    #cvsdelivery .section01 .label-wrap img{
        height: 1.667vw;
    }
    #cvsdelivery .section01 .label-wrap li + li{
        padding-left: .917vw;
    }
    #cvsdelivery .section01 .label-wrap li + li::before{
        top: .25vw;
        left: .083vw;
        width: .417vw;
        height: 1.083vw;
    }
    #cvsdelivery .section01 .tit01 img:first-child{
        width: 24.5vw;
    }
    #cvsdelivery .section01 .bubble{
        top: -.25vw;
        right: -6vw;
        width: 5.25vw;
    }
    #cvsdelivery .section01 .use-pc .tit02{
        width: 50.667vw;
    }
    #cvsdelivery .section01 .background .use-pc.left{
        top: -2.333vw;
        width: 27.75vw;
    }
    #cvsdelivery .section01 .background .center{
        width: 37.833vw;
    }
    #cvsdelivery .section01 .background .use-pc.right{
        top: -2.833vw;
        width: 28.917vw;
    }
    #cvsdelivery .section01 .box{
        top: 12.5vw;
    }
    #cvsdelivery .section01 .box img{
        width: 17.5vw;
    }
    #cvsdelivery .section02 .inner{
        margin: 0 auto;
    }
    #cvsdelivery .section02 .tit .use-pc{
        width: 34.833vw;
    }
    #cvsdelivery .section02 ul{
        margin: 0 3.229vw -.605vw;
    }
    #cvsdelivery .section02 li{
        width: calc(50% - 1.333vw);
        font-size: 15px;
        padding: 3.75vw 4.167vw 3.417vw;
        margin: .667vw;
    }
    #cvsdelivery .section02 li::before{
        min-width: 90px;
        min-height: 90px;
    }
    #cvsdelivery .section02 .txt-wrap{
        margin-left: 22px;
    }
    #cvsdelivery .section02 .txt-wrap strong{
        font-size: 21px;
        padding-bottom: 10px;
    }
    #cvsdelivery .section03 .tit .use-pc{
        width: 38.417vw;
    }
    #cvsdelivery .section03 li{
        font-size: 15px;
        padding: 1vw 1vw 3.167vw;
    }
    #cvsdelivery .section03 li + li::before{
        left: -1.417vw;
        width: 1vw;
        height: 1.333vw;
    }
    #cvsdelivery .section03 .txt-wrap > em{
        font-size: 13px;
    }
    #cvsdelivery .section03 .txt-wrap strong{
        font-size: 24px;
    }
    #cvsdelivery .section04 .tit .use-pc{
        width: 38.5vw;
    }
    #cvsdelivery .section04 .left{
        min-width: 35.667vw;
        font-size: 20px;
    }
    #cvsdelivery .section04 .left small{
        font-size: 15px;
    }
    #cvsdelivery .section04 .right{
        min-width: 40.167vw;
        font-size: 22px;
        padding: 0 .833vw .833vw;
    }
    #cvsdelivery .section05 .tit .use-pc{
        width: 24.833vw;
    }
    #cvsdelivery .section05 .notice{
        margin-left: 21vw;
    }
    #cvsdelivery .section05 .notice li{
        font-size: 17px;
        line-height: 1.5358;
        padding-left: 1.167vw;
    }
    #cvsdelivery .section05 .notice li::before{
        top: 12px;
    }
    #cvsdelivery .section05 .notice li + li{
        margin-top: 1.333vw;
    }
    #cvsdelivery .section05 .cs-center{
        margin-top: 5.5vw;
    }
    #cvsdelivery .section05 .cs-center > li > :is(a,div){
        padding: 2.333vw 0 2.583vw;
    }
    #cvsdelivery .section05 .cs-center .cs-cu{
        width: 30vw;
    }
    #cvsdelivery .section05 .cs-center .cs-emart{
        width: 30.833vw;
        margin: 0 -4.833vw 0 -4vw;
    }
    #cvsdelivery .section05 .cs-center :is(.cs-cu, .cs-emart) a{
        margin: 1.667vw 0 1.583vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25{
        width: 34.667vw;
    }
}

@media screen and (max-width: 1024px){
    #cvsdelivery .section05 .notice{
        margin-left: 19vw;
    }
    #cvsdelivery .section03 ol{
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 60%;
        margin: 3.418vw auto 0;
    }
    #cvsdelivery .section03 li{
        width: calc((100% / 2) - 10px);
        padding: 1.172vw 1.172vw 3.911vw;
        margin-top: 1.953vw;
    }
    #cvsdelivery .section03 li:nth-child(3){
        margin-left: 0;
    }
    #cvsdelivery .section03 li + li::before{
        left: -1.66vw;
        width: 1.172vw;
        height: 1.563vw;
    }
}

@media screen and (max-width: 991px){
    #cvsdelivery .section01 .label-wrap{
        padding: .807vw 1.715vw;
        margin-bottom: 2.825vw;
    }
    #cvsdelivery .section01 .label-wrap img{
        height: 2.018vw;
    }
    #cvsdelivery .section01 .label-wrap li + li{
        padding-left: 1.11vw;
    }
    #cvsdelivery .section01 .label-wrap li + li::before{
        top: .303vw;
        left: .101vw;
        width: .505vw;
        height: 1.312vw;
    }
    #cvsdelivery .section01 .tit01 img:first-child{
        width: 29.667vw;
    }
    #cvsdelivery .section01 .bubble{
        top: -.303vw;
        right: -7.265vw;
        width: 6.357vw;
    }
    #cvsdelivery .section01 .use-pc .tit02{
        width: 61.352vw;
    }
    #cvsdelivery .section01 .background .use-pc.left{
        left: -9vw;
        width: 33.602vw;
    }
    #cvsdelivery .section01 .background .center{
        width: 45.812vw;
    }
    #cvsdelivery .section01 .background .use-pc.right{
        right: -11vw;
        width: 35.015vw;
    }
    #cvsdelivery .section01 .box{
        top: 15.136vw;
    }
    #cvsdelivery .section01 .box img{
        width: 21.191vw;
    }
    #cvsdelivery .section02 .tit .use-pc{
        width: 42.18vw;
    }
    #cvsdelivery .section02 li{
        width: calc(50% - 1.211vw);
        margin: .605vw;
    }
    #cvsdelivery .section02 .txt-wrap{
        margin-left: 2.22vw;
    }
    #cvsdelivery .section03 .tit .use-pc{
        width: 46.519vw;
    }
    #cvsdelivery .section03 .txt-wrap p{
        margin: 0 auto;
    }
    #cvsdelivery .section03 .txt-wrap span{
        display: block;
    }
    #cvsdelivery .section04 .tit .use-pc{
        width: 46.62vw;
    }
    #cvsdelivery .section05 .tit .use-pc{
        width: 30.071vw;
    }
    #cvsdelivery .section05 .notice{
        margin: 0 14vw 0 19vw;
    }
    #cvsdelivery .section05 .notice li{
        padding-left: 1.413vw;
    }
    #cvsdelivery .section05 .cs-center .use-pc{
        height: 4.036vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 .use-pc{
        height: 4.339vw;
    }
    #cvsdelivery .section05 .cs-center > li > :is(a,div){
        padding: 2.825vw 0;
    }
    #cvsdelivery .section05 .cs-center > li p{
        font-size: 17px;
        margin: .303vw 0 1.211vw;
    }
    #cvsdelivery .section05 .cs-center > li p img{
        height: 22px;
    }
    #cvsdelivery .section05 .cs-center :is(.cs-cu, .cs-emart) a{
        margin: 2.018vw 0 1.917vw;
    }
    #cvsdelivery .section05 .cs-center .cs-cu{
        width: 30.676vw;
    }
    #cvsdelivery .section05 .cs-center .cs-emart{
        width: 33.3vw;
        margin: 0 -5.247vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25{
        width: 35.52vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 p{
        margin-bottom: 1.11vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 a strong{
        font-size: 20px;
        margin: .303vw .605vw 0 0;
    }
}

@media screen and (max-width: 768px){
    #cvsdelivery .use-m{
        display: block;
    }
    #cvsdelivery .use-pc{
        display: none;
    }
    #cvsdelivery .tit p{
        font-size: 3.776vw;
        line-height: 1.207;
        padding-top: 4.688vw;
    }
    #cvsdelivery .section01 ~ div{
        padding: 16.927vw 0 19.531vw;
    }
    #cvsdelivery .section01{
        padding: 15.625vw 0 25.521vw;
    }
    #cvsdelivery .section01 .inner{
        margin: 0 auto;
    }
    #cvsdelivery .section01 .label-wrap{
        padding: 1.693vw 3.516vw 1.823vw;
        margin-bottom: 6.901vw;
    }
    #cvsdelivery .section01 .label-wrap li + li::before{
        top: .651vw;
        left: .521vw;
        width: .911vw;
        height: 2.604vw;
    }
    #cvsdelivery .section01 .label-wrap li + li{
        padding-left: 2.604vw;
    }
    #cvsdelivery .section01 .label-wrap img{
        height: 4.167vw;
    }
    #cvsdelivery .section01 .tit01 img:first-child{
        width: 55.469vw;
    }
    #cvsdelivery .section01 .use-m .tit02{
        width: 83.333vw;
        margin-top: 1.042vw;
    }
    #cvsdelivery .section01 .bubble{
        top: -.781vw;
        right: -12.76vw;
        width: 11.979vw;
    }
    #cvsdelivery .section01 .tit p{
        width: 60%;
        font-size: 3.906vw;
        line-height: 1.6;
        padding-top: 3.646vw;
        margin: 0 auto;
    }
    #cvsdelivery .section01 .obj{
        margin-top: 11.328vw;
    }
    #cvsdelivery .section01 .box{
        top: 29.297vw;
    }
    #cvsdelivery .section01 .box img{
        width: 32.031vw;
    }
    #cvsdelivery .section01 .box img:nth-child(2){
        margin: 0 -1.823vw 0 -1.563vw;
    }
    #cvsdelivery .section01 .background .center{
        width: 68.229vw;
    }
    #cvsdelivery .section01 .background .use-m.left{
        top: 2.083vw;
        left: 0;
        width: 15.104vw;
    }
    #cvsdelivery .section01 .background .use-m.right{
        top: -1.042vw;
        right: 0;
        width: 19.401vw;
    }
    #cvsdelivery .section02 .tit .use-m{
        width: 48.828vw;
        margin: 0 auto;
    }
    #cvsdelivery .section02 .tit p{
        padding-top: 5.859vw;
    }
    #cvsdelivery .section02 ul{
        white-space: nowrap;
        overflow-x: auto;
        display: block;
        width: 100%;
        font-size: 0;
        margin: 9.635vw 0 0;
        padding: 0 16.146vw;
    }
    #cvsdelivery .section02 li{
        white-space: normal;
        display: inline-block;
        min-width: 67.708vw;
        min-height: 75.521vw;
        font-size: 3.646vw;
        text-align: center;
        vertical-align: top;
        padding: 7.292vw 6.51vw 8.984vw;
        margin: 0;
        border-radius: 2.604vw;
    }
    #cvsdelivery .section02 li + li{
        margin-left: 3.125vw;
    }
    #cvsdelivery .section02 li::before{
        width: 28.646vw;
        height: 28.646vw;
    }
    #cvsdelivery .section02 .txt-wrap{
        margin-top: 4.688vw;
    }
    #cvsdelivery .section02 .txt-wrap strong{
        font-size: 4.948vw;
        padding-bottom: 3.125vw;
    }
    #cvsdelivery .section02 .txt-wrap em{
        display: block;
    }
    #cvsdelivery .section03 .tit .use-m{
        width: 49.089vw;
        margin: 0 auto;
    }
    #cvsdelivery .section03 ol{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 9.635vw;
    }
    #cvsdelivery .section03 li{
        width: 70.313vw;
        font-size: 3.906vw;
        padding: 3.255vw 0 9.896vw;
        margin: 0 auto;
        border-radius: 2.604vw;
    }
    #cvsdelivery .section03 li + li{
        margin: 6.771vw auto 0;
    }
    #cvsdelivery .section03 li + li::before{
        top: -5.469vw;
        left: 50%;
        width: 4.688vw;
        height: 3.385vw;
        background: url("/images/info/cvsdelivery/img_sec03_arrow_m.png") no-repeat center;
        background-size: 100% auto;
        transform: translateX(-50%);
    }
    #cvsdelivery .section03 li img{
        width: 63.802vw;
        margin: 0 auto;
        border-radius: 1.953vw;
    }
    #cvsdelivery .section03 .txt-wrap{
        margin-top: 7.552vw;
    }
    #cvsdelivery .section03 .txt-wrap > em{
        font-size: 3.385vw;
    }
    #cvsdelivery .section03 .txt-wrap strong{
        font-size: 5.729vw;
        padding: 2.734vw 0 2.865vw;
    }
    #cvsdelivery .section03 .txt-wrap p{
        width: 70%;
        margin: 0 auto;
    }
    #cvsdelivery .section03 .txt-wrap br{
        display: none;
    }
    #cvsdelivery .section03 .txt-wrap span{
        display: block;
    }
    #cvsdelivery .section03 li:last-child .txt-wrap p{
        width: 80%;
    }
    #cvsdelivery .section04 .cont{
        margin-top: 11.719vw;
    }
    #cvsdelivery .section04 .cont > div{
        margin-left: .521vw;
    }
    #cvsdelivery .section04 .tit .use-m{
        width: 49.089vw;
        margin: 0 auto;
    }
    #cvsdelivery .section04 .left{
        min-width: 41.406vw;
        font-size: 3.646vw;
        border-radius: 1.823vw;
    }
    #cvsdelivery .section04 .left strong{
        padding: 2.344vw 0 2.604vw;
        margin-right: 1.302vw;
    }
    #cvsdelivery .section04 .left ul{
        margin-right: 1.563vw;
    }
    #cvsdelivery .section04 .left li{
        line-height: .894;
        padding: 6.51vw 0;
    }
    #cvsdelivery .section04 .left li:last-child{
        line-height: 1.2;
        padding: 4.557vw 0 4.818vw;
    }
    #cvsdelivery .section04 .left small{
        font-size: 2.734vw;
        padding-top: .26vw;
    }
    #cvsdelivery .section04 .right{
        min-width: 48.177vw;
        font-size: 3.906vw;
        padding: 0 1.432vw 1.432vw;
        margin: -2.083vw 0 0 -2.604vw;
        border-radius: 2.344vw;
    }
    #cvsdelivery .section04 .right strong{
        line-height: 1.2;
        padding: 3.125vw 0 3.646vw;
    }
    #cvsdelivery .section04 .right ul{
        border-radius: 1.823vw;
    }
    #cvsdelivery .section04 .right li{
        line-height: 1.2;
        padding: 5.859vw 0 5.729vw;
    }
    #cvsdelivery .section04 .right li:is(:nth-child(4), :nth-child(5)){
        padding: 3.516vw 0 3.385vw;
    }
    #cvsdelivery .section04 .right li:last-child{
        line-height: 1.2;
        padding: 3.906vw 0 4.948vw;
    }
    #cvsdelivery .section04 .right li span{
        display: block;
    }
    #cvsdelivery .section05 .tit .use-m{
        width: 64.844vw;
        margin: 0 auto;
    }
    #cvsdelivery .section05 .cont{
        margin: 7.813vw 0 0;
    }
    #cvsdelivery .section05 .notice{
        width: 80%;
        margin-left: 12.37vw;
    }
    #cvsdelivery .section05 .notice li{
        font-size: 3.646vw;
        line-height: 1.5358;
        padding-left: 2.474vw;
    }
    #cvsdelivery .section05 .notice li::before{
        top: 2.604vw;
        width: .911vw;
        height: .911vw;
    }
    #cvsdelivery .section05 .notice li + li{
        margin-top: 4.167vw;
    }
    #cvsdelivery .section05 .cs-center{
        width: 74.219vw;
        margin: 10.417vw auto 0;
    }
    #cvsdelivery .section05 .cs-center :is(.cs-cu, .cs-emart, .cs-gs25){
        width: 100%;
    }
    #cvsdelivery .section05 .cs-center > li a > img{
        height: 10.156vw;
        margin: 0 auto;
    }
    #cvsdelivery .section05 .cs-center > li > :is(a,div){
        padding: 8.854vw 0 6.771vw;
    }
    #cvsdelivery .section05 .cs-center .cs-cu a{
        padding: 7.682vw 0 8.073vw;
        margin: 0;
    }
    #cvsdelivery .section05 .cs-center .cs-emart a{
        padding: 9.505vw 0;
        margin: 0;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 .use-m{
        display: inline-block;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 a strong{
        font-size: 4.167vw;
        margin: 1.563vw .781vw 0 0;
    }
    #cvsdelivery .section05 .cs-center > li p{
        font-size: 3.646vw;
        line-height: 1.2145;
        margin: 0 auto 1.693vw;
    }
    #cvsdelivery .section05 .cs-center > li p img{
        height: 4.557vw;
        margin: -.781vw 1.042vw 0 0;
    }
    #cvsdelivery .section05 .cs-center .cs-emart{
        margin: -3.255vw auto;
        background: linear-gradient(99deg, #FFD200 20.48%, #FFB41E 99.21%);
    }
    #cvsdelivery .section05 .cs-center .cs-emart p img{
        margin-top: -1.302vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 p{
        margin-bottom: 1.953vw;
    }
    #cvsdelivery .section05 .cs-center .cs-gs25 li:last-child{
        margin-top: -1.042vw;
    }
}