@charset "utf-8";

/* ======================================================
   .list-wrap
=========================================================*/
.list-wrap {
    padding: 0 45px;
}

.detail .list-wrap {
    padding: 0 0px;
}


.list-wrap .search-result {
    margin-bottom: 48px;
    text-align: center;
}

.list-wrap .search-result .ov {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background: #f7f7f7;
    text-align: center;
    border-radius: 70px;
    padding: 0 25px;
}

.list-wrap .search-result .ov p {
    display: inline-block;
    vertical-align: top;
    line-height: 1.3em;
    padding: 20px 0 16px;
    padding-left: 42px;
    background: url(../_Img/layout/bt-search.png) no-repeat left 20px;
    font-size: 24px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.03em;
}

.list-wrap .search-result .ov p span {
    font-weight: 500;
}

.list-wrap .search-result .ov p i {
    font-weight: 500;
    color: #fd5c3f
}

@media only screen and (max-width:1220px) {
    .list-wrap .search-result .ov p {
        font-size: 21px;
        background-size: 25px auto;
        padding-left: 34px;
    }
}

@media only screen and (max-width:999px) {
    .list-wrap .search-result {
        margin-bottom: 35px;
    }

    .list-wrap .search-result .ov p {
        font-size: 18px;
        background-size: 20px auto;
        padding-left: 28px;
    }
}

@media only screen and (max-width:680px) {
    .list-wrap .search-result {
        margin-bottom: 25px;
    }

    .list-wrap .search-result .ov {
        padding: 0 20px;
    }

    .list-wrap .search-result .ov p {
        font-size: 15px;
        padding: 16px 0 12px;
        padding-left: 26px;
        background-position: left 16px
    }
}

@media only screen and (max-width:480px) {}

.list-wrap .filter {
    position: relative;
    z-index: 8123;
    padding-left: 162px;
}

.list-wrap .filter.no-pad {
    padding-left: 0;
}

.list-wrap .filter .abl {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 125
}

.list-wrap .filter .ov {
    position: Relative;
    z-index: 123;
}

.list-wrap .filter .ov ul {}

.list-wrap .filter .ov ul:after {
    display: block;
    content: "";
    clear: both
}

.list-wrap .filter .ov li {
    width: 180px;
    float: left;
    position: relative;
    z-index: 1;
}

.list-wrap .filter .ov li:nth-child(n+2) {
    margin-left: 12px
}

.list-wrap .filter .ov li.rlz {
    z-index: 432;
}

.list-wrap .filter .sbtn {
    border-radius: 48px;
    padding: 0 20px;
    color: #1b1b1b;
    font-size: 16px;
}

.list-wrap .filter .sel-box ul li:nth-child(n+2) {
    border-top: none;
}

.list-wrap .filter .sel-box ul li a {
    font-weight: 300;
    font-size: 16px;
}

.list-wrap .filter .sel-box ul li.active a {
    font-weight: 400
}

.list-wrap .filter .abl.pad35l {
    padding-left: 35px;
}

.list-wrap .filter .abl .delete-btn {
    width: 120px;
    height: 48px;
    border-radius: 48px;
    background: #1b1b1b;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.list-wrap .filter .abl .chk-check {
    position: Absolute;
    left: 0;
    top: 12px;
    z-index: 5455;
    width: 24px;
    height: 24px;
}

.list-wrap .filter .abl .chk-check label {
    width: 24px;
    height: 24px;
    padding: 0;
}


.list-wrap .filter .total {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 48px;
    position: absolute;
    right: 0;
    top: 0;
}


@media only screen and (max-width:1480px) {
    .list-wrap .filter .ov li {
        width: 160px;
    }

    .list-wrap .filter .sbtn {
        font-size: 15px;
    }

    .list-wrap .filter .sel-box ul li a {
        font-size: 15px;
    }

    .list-wrap .filter .total {
        font-size: 16px;
    }
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:999px) {
    .list-wrap .filter {
        padding-left: 0;
    }

    .list-wrap .filter:after {
        display: block;
        content: "";
        clear: both;
    }

    .list-wrap .filter .abl {
        position: relative;
        left: auto;
        top: auto;
        width: calc(25% - 4px);
        float: left;
    }

    .list-wrap .filter:not(.no-pad) .ov {
        float: left;
        width: calc(75% - 4px);
        margin-left: 8px;
    }

    .list-wrap .filter:not(.no-pad) .ov ul {
        margin: 0 -4px
    }

    .list-wrap .filter:not(.no-pad) .ov li {
        width: calc(33.33333% - 8px);
        margin: 0 4px;
    }

    .list-wrap .filter:not(.no-pad) .ov li:nth-child(n+2) {
        margin-left: 4px
    }

    .list-wrap .filter:not(.no-pad) .total {
        font-size: 15px;
        position: relative;
        line-height: 1.2em;
        margin-top: 17px;
        float: left;
        width: 100%;
    }

    .list-wrap .filter.no-pad .ov {
        float: none;
        width: auto;
        margin-left: 0;
    }

    .list-wrap .filter.no-pad .ov ul {
        margin: 0 -4px
    }

    .list-wrap .filter.no-pad .ov li {
        width: calc(33.33333% - 8px);
        margin: 0 4px;
    }

    .list-wrap .filter.no-pad .ov li:nth-child(n+2) {
        margin-left: 4px
    }

    .list-wrap .filter.no-pad .ov.c04 li {
        width: calc(25% - 8px);
        margin: 0 4px;
    }

    .list-wrap .filter.like {}

    .list-wrap .filter.like .ov {
        float: none;
        width: auto;
        margin: 0;
        padding-left: 145px;
    }

    .list-wrap .filter.like .ov ul {
        margin: 0;
    }

    .list-wrap .filter.like .ov li {
        width: 100%;
        margin: 0;
    }

    .list-wrap .filter.like .abl {
        position: Absolute;
        left: 0;
        top: 0;
        width: auto;
        float: none;
    }

    .list-wrap .filter.like .abl .delete-btn {
        width: 100px;
        height: 45px;
        line-height: 47px;
        font-size: 15px;
    }

    .list-wrap .filter .abl.pad35l {
        padding-left: 25px;
    }
}

@media only screen and (max-width:680px) {
    .list-wrap .filter .total {
        font-size: 14px;
    }

    .list-wrap .filter .abl {
        width: calc(50% - 4px);
    }

    .list-wrap .filter:not(.no-pad) .ov {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .list-wrap .filter:not(.no-pad) .ov li {
        width: calc(50% - 8px);
        margin: 0 4px;
    }

    .list-wrap .filter:not(.no-pad) .ov li:nth-child(1) {
        position: absolute;
        right: -4px;
        top: -55px;
        z-index: 623;
        width: calc(50% - 4px);
        display: none;
    }

    .list-wrap .filter.no-pad .ov.c04 li {
        width: auto;
        float: none;
        margin: 0;
    }

    .list-wrap .filter.no-pad .ov.c04 li:nth-child(n+2) {
        margin-top: 7px;
        margin-left: 0;
    }

    .list-wrap .filter.no-pad .ov.c04 li.rlz:nth-child(1) {
        z-index: 4
    }

    .list-wrap .filter.no-pad .ov.c04 li.rlz:nth-child(2) {
        z-index: 3
    }

    .list-wrap .filter.no-pad .ov.c04 li.rlz:nth-child(3) {
        z-index: 2
    }

    .list-wrap .filter.no-pad .ov.c04 li.rlz:nth-child(4) {
        z-index: 1
    }

    .list-wrap .filter.like .ov {
        float: none;
        width: auto;
        margin: 0;
        padding-left: 135px;
    }

    .list-wrap .filter.like .ov ul {
        margin: 0;
    }

    .list-wrap .filter.like .ov li:nth-child(1) {
        width: 100%;
        margin: 0;
        position: relative;
        right: auto;
        top: auto;
    }

    .list-wrap .filter.like .abl {
        position: Absolute;
        left: 0;
        top: 0;
        width: auto;
        float: none;
    }

    .list-wrap .filter.like .abl .delete-btn {
        width: 100px;
        height: 45px;
        line-height: 47px;
        font-size: 15px;
    }
}

@media only screen and (max-width:480px) {
    .list-wrap .filter .total {
        font-size: 13px;
    }

    .list-wrap .filter.no-pad .ov ul {
        margin: 0
    }

    .list-wrap .filter.no-pad .ov li {
        width: auto;
        float: none;
        margin: 0;
    }

    .list-wrap .filter.no-pad .ov li:nth-child(n+2) {
        margin-top: 7px;
        margin-left: 0;
    }

    .list-wrap .filter.no-pad .ov li.rlz:nth-child(1) {
        z-index: 3
    }

    .list-wrap .filter.no-pad .ov li.rlz:nth-child(2) {
        z-index: 2
    }

    .list-wrap .filter.no-pad .ov li.rlz:nth-child(3) {
        z-index: 1
    }

}


.list-wrap .filter .search {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 180px;
    width: 420px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-radius: 48px;
    z-index: 423
}

.list-wrap .filter .search .sel-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 175px;
}

.list-wrap .filter .search .sel-box .sbtn {
    border: none;
}

.list-wrap .filter .search .chk-input {
    width: 100%;
}

.list-wrap .filter .search .chk-input input {
    padding-right: 50px;
    border: none;
    background: none;
}

.list-wrap .filter .search .enter {
    width: 48px;
    height: 48px;
    position: Absolute;
    right: 5px;
    top: 0;
    border: none;
    background: url(../_Img/layout/bt-search.png) no-repeat center center;
}

@media only screen and (max-width:1480px) {}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:999px) {
    .list-wrap .filter .search {
        margin-top: 7px;
        width: auto;
        position: relative;
        right: auto;
        top: auto;
        ;
        padding-left: 155px;
        z-index: 23
    }

    .list-wrap .filter .search .sel-box {
        width: 150px
    }

    .list-wrap .filter .search .enter {
        height: 45px;
        width: 45px;
        background-size: 50% auto
    }
}

@media only screen and (max-width:680px) {
    .list-wrap .filter .search {
        padding-left: 135px;
    }

    .list-wrap .filter .search .sel-box {
        width: 130px
    }
}

@media only screen and (max-width:480px) {
    .list-wrap .filter .search {
        padding-left: 120px;
    }

    .list-wrap .filter .search .sel-box {
        width: 115px
    }
}

.list-wrap .filter .layer-filter .vtem {
    position: relative;
    padding: 14px 28px 12px 94px;
    box-sizing: border-box;
}

.list-wrap .filter .layer-filter .vtem:after {
    display: block;
    content: "";
    clear: both;
}

.list-wrap .filter .layer-filter .vtem:nth-child(n+2) {
    border-top: 1px solid #e1e1e1
}

.list-wrap .filter .layer-filter .vtem h5 {
    position: absolute;
    left: 28px;
    top: 14px;
    height: 27px;
    line-height: 29px;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
}

.list-wrap .filter .layer-filter .vtem h5:after {
    position: Absolute;
    right: -18px;
    top: 1px;
    display: block;
    content: ":"
}

.list-wrap .filter .layer-filter .vtem ul:after {
    display: block;
    content: "";
    clear: both
}

.list-wrap .filter .layer-filter .vtem li {
    float: left;
    position: Relative;
}

.list-wrap .filter .layer-filter .vtem li:nth-child(n+2) {
    margin-left: 40px;
}

.list-wrap .filter .layer-filter .vtem li:nth-child(n+2):before {
    width: 0;
    height: 14px;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -8px;
    border-left: 1px solid #dcdcdc;
    display: block;
    content: "";
}

.list-wrap .filter .layer-filter .vtem li a {
    display: block;
    height: 27px;
    line-height: 29px;
    font-size: 16px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.03em;
}

.list-wrap .filter .layer-filter .vtem li a:hover {
    color: #1b1b1b;
}

.list-wrap .filter .layer-filter .vtem li.active a {
    color: #fd5c3f;
}

.list-wrap .filter .layer-filter .vtem .multi {
    margin: 0 -6px
}

.list-wrap .filter .layer-filter .vtem .multi li {
    margin: 0 6px
}

.list-wrap .filter .layer-filter .vtem .multi li:nth-child(n+2) {
    margin: 0 6px
}

.list-wrap .filter .layer-filter .vtem .multi li:nth-child(n+2):before {
    display: none;
}

.list-wrap .filter .layer-filter .vtem .multi li a {
    padding: 0 12px 0 12px;
    border-radius: 20px;
    box-sizing: border-box;
}

.list-wrap .filter .layer-filter .vtem .multi li.active a {
    background: #fd5c3f;
    color: #fff;
}

@media only screen and (max-width:1220px) {
    .list-wrap .filter .layer-filter .vtem h5 {
        font-size: 15px;
    }

    .list-wrap .filter .layer-filter .vtem li:nth-child(n+2) {
        margin-left: 30px;
    }

    .list-wrap .filter .layer-filter .vtem li:nth-child(n+2):before {
        left: -15px
    }

    .list-wrap .filter .layer-filter .vtem li a {
        font-size: 15px;
        height: 22px;
        line-height: 26px;
    }
}

@media only screen and (max-width:999px) {
    .list-wrap .filter .layer-filter .vtem {
        padding: 10px 20px 8px 75px
    }

    .list-wrap .filter .layer-filter .vtem h5 {
        font-size: 14px;
        top: 10px;
        height: 24px;
        line-height: 26px;
    }

    .list-wrap .filter .layer-filter .vtem h5:after {
        top: -1px;
        right: -12px;
    }

    .list-wrap .filter .layer-filter .vtem li:nth-child(n+2) {
        margin-left: 20px;
    }

    .list-wrap .filter .layer-filter .vtem li:nth-child(n+2):before {
        left: -10px
    }

    .list-wrap .filter .layer-filter .vtem li a {
        font-size: 14px;
    }

    .list-wrap .filter .layer-filter .vtem .multi {
        margin: 0 -3px
    }

    .list-wrap .filter .layer-filter .vtem .multi li {
        margin: 0 3px
    }

    .list-wrap .filter .layer-filter .vtem .multi li:nth-child(n+2) {
        margin: 0 3px
    }

    .list-wrap .filter .layer-filter .vtem .multi li a {
        padding: 0 8px 0 8px;
    }
}

@media only screen and (max-width:680px) {
    .list-wrap .filter .layer-filter .vtem {
        padding: 10px 20px 8px 20px
    }

    .list-wrap .filter .layer-filter .vtem h5 {
        position: Relative;
        left: auto;
        top: auto;
        margin-bottom: 0;
    }

    .list-wrap .filter .layer-filter .vtem h5:after {
        display: none
    }

    .list-wrap .filter .layer-filter .vtem li:nth-child(n+2) {
        margin-left: 20px;
    }

    .list-wrap .filter .layer-filter .vtem li:nth-child(n+2):before {
        left: -10px;
        height: 10px;
        margin-top: -6px;
    }

    .list-wrap .filter .layer-filter .vtem li a {
        font-size: 13px;
        line-height: 24px;
    }
}

@media only screen and (max-width:480px) {
    .list-wrap .filter .layer-filter .vtem li a {
        font-size: 12px
    }
}

.list-wrap .filter.photo .layer-filter .vtem.c02 {
    position: Absolute;
    right: 0;
    top: 17px;
    border-top: none;
}

.list-wrap .filter.photo .layer-filter .vtem.c04 {
    padding-left: 105px
}

.list-wrap .filter.photo .layer-filter .vtem.c05 {
    padding-left: 86px;
}

.list-wrap .filter.photo .layer-filter .vtem.c05 h5:after {
    display: none
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul:after {}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li {}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(n+2) {
    margin-left: 10px !important
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(n+2):before {
    display: none !important
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li.active a:after {
    border: 2px solid #1b1b1b;
    display: Block;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 100%;
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li a {
    border-radius: 27px;
    width: 27px;
    height: 27px;
    display: block;
    position: Relative;
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(1) a {
    background: url(../_Img/content/color-style01.jpg) no-repeat center center;
    background-size: 100% auto
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(2) a {
    background: url(../_Img/content/color-style02.jpg) no-repeat center center;
    background-size: 100% auto
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(3) a {
    background: #e60012
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(4) a {
    background: #eb6100
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(5) a {
    background: #f39800
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(6) a {
    background: #fff100
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(7) a {
    background: #8fc31f
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(8) a {
    background: #22ac38
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(9) a {
    background: #009e96
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(10) a {
    background: #00a0e9
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(11) a {
    background: #0068b7
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(12) a {
    background: #1d2088
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(13) a {
    background: #00479d
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(14) a {
    background: #920783
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(15) a {
    background: #e4007f
}

.list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(16) a {
    background: #e5004f
}

@media only screen and (max-width:1220px) {
    .list-wrap .filter.photo .layer-filter .vtem.c02 {
        position: relative;
        right: auto;
        top: auto;
        border-top: 1px solid #dcdcdc
    }

    .list-wrap .filter.photo .layer-filter .vtem.c05 ul {
        margin: 0 -4px !important;
    }

    .list-wrap .filter.photo .layer-filter .vtem.c05 ul li {
        margin: 4px !important;
    }

    .list-wrap .filter.photo .layer-filter .vtem.c05 ul li:nth-child(n+2) {
        margin-left: 4px !important
    }

}

@media only screen and (max-width:999px) {}

@media only screen and (max-width:680px) {
    .list-wrap .filter.photo .layer-filter .vtem.c04 {
        padding-left: 20px
    }

    .list-wrap .filter.photo .layer-filter .vtem.c05 {
        padding-left: 20px;
    }

    .list-wrap .filter.photo .layer-filter .vtem.c05 ul li a {
        width: 24px;
        height: 24px;
        border-radius: 24px
    }
}

@media only screen and (max-width:480px) {}



.list-wrap .filter.video .layer-filter .vtem.c01 {
    padding-left: 105px
}

.list-wrap .filter.video .layer-filter .vtem.c02 {
    padding-left: 96px;
}

@media only screen and (max-width:1220px) {
    .list-wrap {
        padding: 0 20px;
    }
}

@media only screen and (max-width:999px) {}

@media only screen and (max-width:680px) {
    .list-wrap .filter.video .layer-filter .vtem.c01 {
        padding-left: 20px
    }

    .list-wrap .filter.video .layer-filter .vtem.c02 {
        padding-left: 20px;
    }
}

@media only screen and (max-width:480px) {}


.list-wrap .list {
    margin-top: 24px;
}

.list-wrap .list .masonry {
    padding: 0;
    margin: 0 -12px;
    font-size: 0;
}

.list-wrap .list .masonry:after {
    display: block;
    content: "";
    clear: both;
}

.list-wrap .list .masonry .grid-sizer {
    width: 20%;
}

.list-wrap .list .masonry .item {
    float: left;
    width: calc(20% - 24px);
    margin: 0 12px;
    overflow: hidden;
    background: #e1e1e1;
    padding: 0;
    outline: none;
    position: relative;
}


.list-wrap .list .masonry .item.view-item {
    width: calc(25% - 10px);
    margin: 5px;
}

.list-wrap .list .masonry .item:nth-child(n+6) {
    margin-top: 24px;
}

.list-wrap .list .masonry .item.view-item:nth-child(n+1) {
    margin-top: 10px;
}

.list-wrap .list .masonry .item a {
    display: block;
}

.view-wrap .vtop .swiper-slide .cate,
.list-wrap .list .masonry .item .cate {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.7);
    height: 30px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.list-wrap .list .masonry .item .cate.bg-red {
    background-color: rgba(255, 0, 0, 0.7)
}

.list-wrap .list .masonry .item .img {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 438px;
}


.list-wrap .list .masonry .item.view-item .img {
    height: 300px;
}

.list-wrap .list .masonry .item .img img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease-out;
}

.list-wrap .list .masonry .item:hover .over {
    opacity: 1
}

.list-wrap .list .masonry .item .over {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.list-wrap .list .masonry .item .over .like {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    background: url(../_Img/main/like-off.png) no-repeat 15px center;
    padding-left: 62px;
    font-size: 14px;
    font-weight: 500;
    line-height: 62px;
    color: #fff;
}

.list-wrap .list .masonry .item .over .like.active {
    background-image: url(../_Img/main/like-on.png)
}

.list-wrap .list .masonry .item .over .down {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(../_Img/main/img-down.png) no-repeat center center;
    background-size: 100% auto;
}

.list-wrap .list .masonry .item .over .down:hover {
    background-color: #1b1b1b
}

.list-wrap .list .masonry .item:hover .img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.list-wrap .list .masonry .item .chk-check {
    position: Absolute;
    left: 22px;
    top: 22px;
    z-index: 5455;
    width: 24px;
    height: 24px;
}

.list-wrap .list .masonry .item .chk-check label {
    width: 24px;
    height: 24px;
    padding: 0;
}

.list-wrap .list .masonry .item .tdown {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.list-wrap .list .masonry .item:hover .tdown {
    opacity: 1
}

.list-wrap .list .masonry .item .txt {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 15px 20px 0 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.list-wrap .list .masonry .item .txt .btxt {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1.4em;
}

.list-wrap .list .masonry .item .txt .stxt {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1.4em;
}

.list-wrap .list .masonry .item .txt .stxt:nth-child(2) {
    margin-top: 14px;
}

.list-wrap .list .masonry .item .txt .stxt:nth-child(n+3) {
    margin-top: 5px;
}

.list-wrap .list .masonry .item .txt a {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
    background: url(../_Img/sub/ico-down.png) no-repeat center center #1b1b1b;
    background-size: 100% auto;
}

@media only screen and (max-width:1920px) {
    .list-wrap .list .masonry {
        margin: 0 -10px;
    }

    .list-wrap .list .masonry .grid-sizer {
        width: 25%;
    }

    .list-wrap .list .masonry .item {
        width: calc(25% - 20px);
        margin: 0 10px;
    }

    .list-wrap .list .masonry .item.view-item {
        width: calc(25% - 20px);
    }

    .list-wrap .list .masonry .item .img {
        height: 400px;
    }

    .list-wrap .list .masonry .item:nth-child(n+5) {
        margin-top: 20px;
    }


    .list-wrap .list .masonry .item .txt .btxt {
        font-size: 15px;
    }

    .list-wrap .list .masonry .item .txt .stxt {
        font-size: 15px;
    }

    .list-wrap .list .masonry .item .txt a {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1480px) {
    .list-wrap .list .masonry {
        margin: 0 -10px;
    }

    .list-wrap .list .masonry .grid-sizer {
        width: 33%;
    }

    .list-wrap .list .masonry .item {
        width: calc(33% - 20px);
        margin: 0 10px;
    }

    .list-wrap .list .masonry .item.view-item {
        width: calc(33% - 20px);
    }

    .list-wrap .list .masonry .item .img {
        height: 360px;
    }

    .list-wrap .list .masonry .item:nth-child(n+4) {
        margin-top: 20px;
    }

    .list-wrap .list .masonry .item .cate {
        font-size: 11px;
        padding: 0 10px;
        height: 26px;
        line-height: 28px;
    }

    .list-wrap .list .masonry .item .over {
        height: 50px;
    }

    .list-wrap .list .masonry .item .over .like {
        background-size: 30px;
        height: 50px;
        line-height: 52px;
        font-size: 12px;
        padding-left: 54px
    }

    .list-wrap .list .masonry .item .over .down {
        width: 50px;
        height: 50px;
    }


}

@media only screen and (max-width:1220px) {
    .list-wrap {
        padding: 0 20px;
    }
}

@media only screen and (max-width:999px) {
    .list-wrap .list .masonry {
        margin: 0 -5px;
    }

    .list-wrap .list .masonry .grid-sizer {
        width: 50%;
    }

    .list-wrap .list .masonry .item {
        width: calc(50% - 10px);
        margin: 0 5px;
    }

    .list-wrap .list .masonry .item.view-item {
        width: calc(50% - 10px);
    }

    .list-wrap .list .masonry .item .img {
        height: 310px;
    }

    .list-wrap .list .masonry .item.view-item .img {
        height: 400px;
    }

    .list-wrap .list .masonry .item:nth-child(n+3) {
        margin-top: 10px;
    }

    .list-wrap .list .masonry .item .cate {
        font-size: 10px;
        padding: 0 8px;
        height: 22px;
        line-height: 24px;
    }

    .list-wrap .list .masonry .item .over {
        height: 40px;
    }

    .list-wrap .list .masonry .item .over .like {
        background-position: 10px center;
        background-size: 20px;
        height: 40px;
        line-height: 42px;
        font-size: 11px;
        padding-left: 42px
    }

    .list-wrap .list .masonry .item .over .down {
        width: 40px;
        height: 40px;
    }

    .list-wrap .list .masonry .item .txt .btxt {
        font-size: 14px;
    }

    .list-wrap .list .masonry .item .txt .stxt {
        font-size: 14px;
    }

    .list-wrap .list .masonry .item .txt a {
        width: 40px;
        height: 40px;
    }

    .list-wrap .list .masonry .item .chk-check {
        left: 16px;
        top: 16px;
    }
}

@media only screen and (max-width:680px) {
    /* .list-wrap .list .masonry .item {} */

    .list-wrap .list .masonry .item:nth-child(n+2) {
        margin-top: 10px;
    }

    .list-wrap .list .masonry {
        margin: 0 -5px;
    }

    .list-wrap .list .masonry .grid-sizer {
        width: 100%;
    }

    .list-wrap .list .masonry .item,
    .list-wrap .list .masonry .item.view-item {
        width: calc(100% - 10px);
        margin: 0 5px;
    }


    .list-wrap .list .masonry .item .img,
    .list-wrap .list .masonry .item.view-item .img {
        /* min-height: 260px; */
        height: 100%;
    }

    .list-wrap .list .masonry .item .over {
        height: 30px;
    }

    .list-wrap .list .masonry .item .over .like {
        background-size: 16px;
        height: 30px;
        line-height: 32px;
        font-size: 10px;
        padding-left: 34px
    }

    .list-wrap .list .masonry .item .over .down {
        width: 30px;
        height: 30px;
    }

    .list-wrap .list .masonry .item .txt .btxt {
        font-size: 13px;
    }

    .list-wrap .list .masonry .item .txt .stxt {
        font-size: 13px;
    }

    .list-wrap .list .masonry .item .txt .stxt:nth-child(2) {
        margin-top: 10px;
    }

    .list-wrap .list .masonry .item .txt a {
        width: 30px;
        height: 30px;
        margin-top: 15px;
    }

    .list-wrap .list .masonry .item .chk-check {
        left: 12px;
        top: 12px;
    }
}

@media only screen and (max-width:480px) {
    .list-wrap .list .masonry .item {}

    .list-wrap .list .masonry .item .img {
        height: 100%;
        /* min-height: 165px; */
    }

    .list-wrap .list .masonry .item .txt .stxt {
        font-size: 12px;
    }
}




/* ======================================================
   .quality-wrap
=========================================================*/
.quality-wrap h3 {
    font-size: 30px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    padding-bottom: 20px;
    border-bottom: 1px solid #1b1b1b;
    margin-bottom: 45px;
}

.quality-wrap .tits {
    text-align: center;
}

.quality-wrap .tits .btxt {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.quality-wrap .tits .btxt a {
    color: #fd5c3f;
    text-decoration: underline
}

.quality-wrap .tits .stxt {
    margin-top: 45px;
    font-size: 24px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.quality-wrap .cont {
    margin: 0 auto;
    background: #f7f7f7;
    width: 100%;
    max-width: 828px;
    margin-top: 45px;
    position: relative;
}

.quality-wrap .cont .img {
    /* height: 828px; */
}

.quality-wrap .cont .img img {
    width: 100%;
    max-height: 828px;
    object-fit: contain;
}

.quality-wrap .cont .sect {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -60px
}

.quality-wrap .cont .sect ul {
    font-size: 0;
    text-align: center;
}

.quality-wrap .cont .sect li {
    display: inline-block;
    vertical-align: top
}

.quality-wrap .cont .sect li:nth-child(n+2) {
    margin-left: 24px;
}

.quality-wrap .cont .sect li a {
    display: block;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    overflow: hidden;
}

.quality-wrap .cont .sect li:nth-child(1) a {
    background: url(../_Img/content/quality-no.png) no-repeat center center rgba(0, 0, 0, 0.5);
    background-size: 100% auto;
}

.quality-wrap .cont .sect li:nth-child(2) a {
    background: url(../_Img/content/quality-yes.png) no-repeat center center rgba(0, 0, 0, 0.5);
    background-size: 100% auto;
}

.quality-wrap .cont .sect li.active a {
    background-color: rgba(253, 92, 63, 0.75) !important;
}

.quality-wrap .ex {
    font-size: 16px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    position: Relative;
    padding-left: 22px;
}

.quality-wrap .ex:before {
    position: Absolute;
    left: 0;
    top: 0;
    display: block;
    content: "※"
}

.quality-wrap .ex span {
    color: #1b1b1b;
}

@media only screen and (max-width:1220px) {
    .quality-wrap h3 {
        font-size: 27px
    }

    .quality-wrap .tits .btxt {
        font-size: 16px;
    }

    .quality-wrap .tits .stxt {
        margin-top: 35px;
        font-size: 22px;
    }

    .quality-wrap .ex {
        font-size: 15px;
    }

    .quality-wrap .cont .img {
        height: 750px;
    }

    .quality-wrap .cont .img img {
        max-height: 750px;
    }

    .quality-wrap .cont .sect li:nth-child(n+2) {
        margin-left: 20px;
    }

    .quality-wrap .cont .sect li a {
        width: 100px;
        height: 100px
    }
}

@media only screen and (max-width:1120px) {
    .quality-wrap .cont .img {
        height: 700px;
    }

    .quality-wrap .cont .img img {
        max-height: 700px;
    }
}

@media only screen and (max-width:999px) {
    .quality-wrap h3 {
        font-size: 24px;
        padding-bottom: 15px;
        margin-bottom: 35px;
    }

    .quality-wrap .tits .btxt {
        font-size: 14px;
    }

    .quality-wrap .tits .stxt {
        margin-top: 25px;
        font-size: 20px;
    }

    .quality-wrap .ex {
        font-size: 14px;
    }

    .quality-wrap .cont {
        margin-top: 30px;
    }

    .quality-wrap .cont .img {
        height: 620px;
    }

    .quality-wrap .cont .img img {
        max-height: 620px;
    }

    .quality-wrap .cont .sect li:nth-child(n+2) {
        margin-left: 16px;
    }

    .quality-wrap .cont .sect li a {
        width: 80px;
        height: 80px
    }
}

@media only screen and (max-width:680px) {
    .quality-wrap h3 {
        font-size: 21px;
        margin-bottom: 25px;
    }

    .quality-wrap .tits .btxt {
        font-size: 13px;
    }

    .quality-wrap .tits .stxt {
        margin-top: 15px;
        font-size: 18px;
    }

    .quality-wrap .ex {
        font-size: 13px;
    }

    .quality-wrap .cont .img {
        height: 540px;
    }

    .quality-wrap .cont .img img {
        max-height: 540px;
    }

    .quality-wrap .cont .sect li a {
        width: 60px;
        height: 60px
    }
}

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

    .quality-wrap .cont .img {
        height: 420px;
    }

    .quality-wrap .cont .img img {
        max-height: 420px;
    }

}



/* ======================================================
   .layer-wrap.edit
=========================================================*/
.layer-wrap.edit {
    position: fixed;
    left: 0;
    width: 100%;
    min-width: 360px;
    display: none;
    top: 96px;
    height: calc(100% - 96px);
    box-sizing: border-box;
    background: #fff;
    z-index: 5410;
    -webkit-transition: transform 0.35s ease-in-out;
    -moz-transition: transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    ;
    transition: transform 0.35s ease-in-out;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.layer-wrap.edit.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.layer-wrap.edit.active .close {
    transition-delay: 0.3s;
    opacity: 1
}

.layer-wrap.edit .layer-ov {
    position: Absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.layer-wrap.edit .close {
    position: Absolute;
    right: 22px;
    top: -60px;
    width: 30px;
    height: 30px;
    background: url(../_Img/content/view-close.png) no-repeat center center;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

#contents.edit .is-top,
.layer-wrap.edit .is-top {
    position: relative;
    margin: 0 auto 0 auto;
    max-width: 1220px;
    box-sizing: border-box;
    padding: 0 20px;
}

#contents.edit .is-con,
.layer-wrap.edit .is-con {
    position: relative;
    margin: 0 auto 0 auto;
    max-width: 1220px;
    box-sizing: border-box;
    padding: 0 20px;
    /* padding-top: 48px; */
}

#contents.edit .lower,
.layer-wrap.edit .lower {
    position: Relative;
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid #dcdcdc;
    text-align: center;
    font-size: 0;
    padding-bottom: 48px;
}

#contents.edit .lower.no-line,
.layer-wrap.edit .lower.no-line {
    border-top: none;
}

#contents.edit .lower:after,
.layer-wrap.edit .lower:after {
    display: block;
    content: "";
    clear: both;
}

#contents.edit .lower a,
.layer-wrap.edit .lower a {
    text-align: center;
    font-size: 18px;
    line-height: 63px;
    height: 60px;
}

#contents.edit .lower .cancel-btn,
.layer-wrap.edit .lower .cancel-btn {
    background: #707070;
    display: inline-block;
    vertical-align: top;
    width: 260px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.03em;
}

#contents.edit .lower .enter-btn,
.layer-wrap.edit .lower .enter-btn {
    margin-left: 12px;
    background: #1b1b1b;
    display: inline-block;
    vertical-align: top;
    width: 260px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.03em;
}

#contents.edit .lower .save-btn,
.layer-wrap.edit .lower .save-btn {
    position: absolute;
    right: 0;
    top: 48px;
    background: #35a6aa;
    display: inline-block;
    vertical-align: top;
    width: 180px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.03em;
}

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

    #contents.edit .lower,
    .layer-wrap.edit .lower {
        margin-top: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #contents.edit .lower a,
    .layer-wrap.edit .lower a {
        line-height: 57px;
        height: 55px;
    }

    #contents.edit .lower .cancel-btn,
    .layer-wrap.edit .lower .cancel-btn {
        width: 220px;
    }

    #contents.edit .lower .enter-btn,
    .layer-wrap.edit .lower .enter-btn {
        width: 220px;
    }

    #contents.edit .lower .save-btn,
    .layer-wrap.edit .lower .save-btn {
        top: 35px;
        width: 160px;
    }
}

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

    #contents.edit .lower,
    .layer-wrap.edit .lower {
        text-align: left;
    }
}

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

    #contents.edit,
    .layer-wrap.edit {
        top: 65px;
        height: calc(100% - 65px);
    }

    .layer-wrap.edit .close {
        background-size: 14px auto;
        top: -46px;
        background-color: #1b1b1b;
        border-radius: 100%
    }

    #contents.edit .lower,
    .layer-wrap.edit .lower {
        margin-top: 25px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #contents.edit .lower a,
    .layer-wrap.edit .lower a {
        font-size: 16px;
        line-height: 52px;
        height: 50px;
    }

    .layer-wrap.edit .lower .cancel-btn {
        width: 180px;
    }

    #contents.edit .lower .enter-btn,
    .layer-wrap.edit .lower .enter-btn {
        width: 180px;
    }

    #contents.edit .lower .save-btn,
    .layer-wrap.edit .lower .save-btn {
        top: 25px;
        width: 140px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.edit .close {
        background-size: 12px auto;
    }

    #contents.edit .lower a,
    .layer-wrap.edit .lower a {
        font-size: 15px;
        line-height: 47px;
        height: 45px;
    }

    #contents.edit .lower .cancel-btn,
    .layer-wrap.edit .lower .cancel-btn {
        width: 140px;
    }

    #contents.edit .lower .enter-btn,
    .layer-wrap.edit .lower .enter-btn {
        margin-left: 6px;
        width: 140px;
    }

    #contents.edit .lower .save-btn,
    .layer-wrap.edit .lower .save-btn {
        width: 120px
    }
}

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

    #contents.edit .lower .cancel-btn,
    .layer-wrap.edit .lower .cancel-btn {
        width: calc(50% - 3px)
    }

    #contents.edit .lower .enter-btn,
    .layer-wrap.edit .lower .enter-btn {
        margin-left: 6px;
        width: calc(50% - 3px)
    }

    #contents.edit .lower .save-btn,
    .layer-wrap.edit .lower .save-btn {
        display: block;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 6px;
        width: auto;
    }
}


/* ======================================================
   .edit-wrap
=========================================================*/
.edit-wrap:after {
    display: block;
    content: "";
    cleaR: both;
}

.edit-wrap .fl {
    float: left;
    box-sizing: border-box;
    width: 70.34%
}

.edit-wrap .fr {
    float: right;
    box-sizing: border-box;
    width: 29.66%;
    padding-top: 20px;
    padding-left: 45px;
}

.edit-wrap .vimg {
    /* height: 828px; */
    background: #f7f7f7
}

.edit-wrap .vimg img {
    width: 100%;
    max-height: 828px;
    object-fit: contain;
}

.edit-wrap .vbtn {
    position: relative;
    height: 80px;
    padding: 0 24px;
}

.edit-wrap .vbtn .waste-btn {
    width: 42px;
    height: 40px;
    background: url(../_Img/content/edit-waste.jpg) no-repeat center center;
    background-size: 100% auto;
    position: Absolute;
    left: 24px;
    top: 50%;
    margin-top: -20px;
}

.edit-wrap .vbtn .add-btn {
    width: 40px;
    height: 40px;
    background: url(../_Img/content/edit-add.jpg) no-repeat center center;
    background-size: 100% auto;
    position: Absolute;
    right: 24px;
    top: 50%;
    margin-top: -20px;
}

@media only screen and (max-width:1220px) {
    .edit-wrap .vimg {
        /* height: 760px; */
    }

    .edit-wrap .vimg img {
        max-height: 760px;
    }

    .edit-wrap .fl {
        width: 68.34%
    }

    .edit-wrap .fr {
        width: 31.66%;
        padding-left: 35px
    }

    .edit-wrap .vbtn {
        height: 70px;
        padding: 0 20px;
    }

    .edit-wrap .vbtn .waste-btn {
        width: 38px;
        height: 36px;
        left: 20px;
        margin-top: -18px;
    }

    .edit-wrap .vbtn .add-btn {
        width: 36px;
        height: 36px;
        right: 20px;
        margin-top: -18px;
    }
}

@media only screen and (max-width:1120px) {
    .edit-wrap .fl {
        width: 66.34%
    }

    .edit-wrap .fr {
        width: 33.66%;
        padding-left: 25px
    }

    .edit-wrap .vimg {
        /* height: 700px; */
    }

    .edit-wrap .vimg img {
        max-height: 700px;
    }
}

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

    .edit-wrap .fl {
        float: none;
        width: auto
    }

    .edit-wrap .fr {
        float: none;
        margin-top: 25px;
        width: auto;
        padding-left: 0;
        padding-top: 0;
    }

    .edit-wrap .vimg {
        /* height: 670px; */
    }

    .edit-wrap .vimg img {
        max-height: 670px;
    }

    .edit-wrap .vbtn {
        height: 60px;
        padding: 0 15px;
    }

    .edit-wrap .vbtn .waste-btn {
        width: 32px;
        height: 30px;
        left: 15px;
        margin-top: -15px;
    }

    .edit-wrap .vbtn .add-btn {
        width: 30px;
        height: 30px;
        right: 15px;
        margin-top: -15px;
    }
}

@media only screen and (max-width:680px) {
    .edit-wrap .vimg {
        /* height: 590px; */
    }

    .edit-wrap .vimg img {
        max-height: 590px;
    }

    .edit-wrap .vbtn {
        height: 50px;
        padding: 0 10px;
    }

    .edit-wrap .vbtn .waste-btn {
        width: 28px;
        height: 26px;
        left: 10px;
        margin-top: -13px;
    }

    .edit-wrap .vbtn .add-btn {
        width: 26px;
        height: 26px;
        right: 10px;
        margin-top: -13px;
    }
}

@media only screen and (max-width:480px) {
    .edit-wrap .vimg {
        /* height: 500px; */
    }

    .edit-wrap .vimg img {
        max-height: 500px;
    }

    .edit-wrap .vbtn .waste-btn {
        width: 24px;
        height: 22px;
        margin-top: -11px;
    }

    .edit-wrap .vbtn .add-btn {
        width: 22px;
        height: 22px;
        margin-top: -11px;
    }
}

@media only screen and (max-width:480px) {
    .edit-wrap .vimg {
        /* height: 420px; */
    }

    .edit-wrap .vimg img {
        max-height: 420px;
    }
}


.edit-wrap .vlist {
    border-top: 1px solid #dcdcdc;
}

.edit-wrap .vlist ul {
    padding: 40px;
}

.edit-wrap .vlist ul:after {
    display: block;
    content: "";
    clear: both;
}

.edit-wrap .vlist li {
    float: left;
    width: 50%;
}

.edit-wrap .vlist li:nth-child(n+3) {
    margin-top: 28px;
}

.edit-wrap .vlist li .btxt {
    font-size: 14px;
    font-weight: 500;
    color: #707070;
    line-height: 1.3em;
}

.edit-wrap .vlist li .stxt {
    margin-top: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.3em;
}

.edit-wrap .vlist li.has-map .stxt {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    position: relative;
    padding-right: 94px;
    box-sizing: border-box;
    max-width: 100%;
}

.edit-wrap .vlist li.has-map .stxt a {
    position: Absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    color: #19adb2;
    background: url(../_Img/content/ico-map.png) no-repeat right center;
}

.edit-wrap h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2em;
    margin-bottom: 15px;
}

@media only screen and (max-width:1220px) {
    .edit-wrap .vlist ul {
        padding: 30px;
    }

    .edit-wrap h4 {
        font-size: 17px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .vlist ul {
        padding: 30px 20px;
    }

    .edit-wrap h4 {
        font-size: 16px;
    }
}

@media only screen and (max-width:680px) {
    .edit-wrap .vlist ul {
        padding: 25px 20px;
    }

    .edit-wrap .vlist li {
        float: none;
        width: auto;
    }

    .edit-wrap .vlist li:nth-child(n+2) {
        margin-top: 14px;
    }

    .edit-wrap .vlist li .btxt {
        font-size: 13px;
    }

    .edit-wrap .vlist li .stxt {
        font-size: 13px;
    }

    .edit-wrap h4 {
        font-size: 15px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:480px) {
    .edit-wrap .vlist ul {
        padding: 25px 10px;
    }
}


.edit-wrap .fr .offer ul {}

.edit-wrap .fr .offer li {}

.edit-wrap .fr .offer li:nth-child(n+2) {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #dcdcdc;
}

.edit-wrap .fr .offer li .btxt {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.edit-wrap .fr .offer li .btxt span {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
}

.edit-wrap .fr .offer li .field {
    margin-top: 15px;
    display: block;
}

.edit-wrap .fr .offer li .field .chk-radio {
    display: block;
}

.edit-wrap .fr .offer li .field .chk-radio:nth-child(n+2) {
    margin-top: 7px;
}

.edit-wrap .fr .offer li .field .chk-radio label {
    font-size: 16px;
    color: #898989;
    height: 24px;
    line-height: 28px;
    padding-left: 36px;
}

.edit-wrap .fr .offer li .field .chk-radio input[type="radio"]+label:before {
    width: 24px;
    height: 24px;
    background-image: url(../_Img/sub/radio-off02.png);
    background-size: 100% auto !important;
}

.edit-wrap .fr .offer li .field .chk-radio input[type="radio"]:checked+label {
    color: #fd5c3f;
}

.edit-wrap .fr .offer li .field .chk-radio input[type="radio"]:checked+label:before {
    background-image: url(../_Img/sub/radio-on02.png)
}

@media only screen and (max-width:1220px) {
    .edit-wrap .fr .offer li .btxt {
        font-size: 17px;
    }

    .edit-wrap .fr .offer li .btxt span {
        font-size: 13px
    }

    .edit-wrap .fr .offer li .field .chk-radio input[type="radio"]+label {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .fr .offer li .btxt {
        font-size: 16px;
    }

    .edit-wrap .fr .offer li .field .chk-radio input[type="radio"]+label {
        font-size: 14px;
    }

    .edit-wrap .fr .offer li .field .chk-radio input[type="radio"]+label:before {
        top: 0;
    }
}

@media only screen and (max-width:680px) {
    .edit-wrap .fr .offer li .field .chk-radio input[type="radio"]+label {
        font-size: 13px;
    }
}

@media only screen and (max-width:480px) {}


.edit-wrap .fr .entry {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #dcdcdc;
}

.edit-wrap .fr .entry.no-mgt {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.edit-wrap .fr .entry ul {}

.edit-wrap .fr .entry li {}

.edit-wrap .fr .entry li:nth-child(n+2) {
    margin-top: 17px;
}

.edit-wrap .fr .entry li .btxt {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2em;
    margin-bottom: 12px;
}

.edit-wrap .fr .entry li .stxt {
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2em;
    margin-bottom: 12px;
}

.edit-wrap .fr .entry li .stxt span {
    color: #fd5c3f
}

.edit-wrap .fr .entry li .chk-input {
    width: 100%;
}

.edit-wrap .fr .entry li .chk-input input {
    font-size: 16px;
}

.edit-wrap .fr .entry li .chk-select {
    width: 100%;
}

.edit-wrap .fr .entry li .field.birth {
    display: block;
    position: relative;
    margin: 0 -6px;
}

.edit-wrap .fr .entry li .field.birth .chk-select {
    width: calc(33.3333% - 12px);
    margin: 0 6px
}

.edit-wrap .fr .entry li .field.birth .chk-input {
    width: calc(33.3333% - 12px);
    margin: 0 6px
}

.edit-wrap .fr .entry li .field.birth .chk-select select {
    font-size: 16px;
}

.edit-wrap .fr .entry li .field.birth .chk-select input {
    font-size: 16px;
}


.edit-wrap .fr .entry li .field.choice {
    display: block;
    text-align: center;
}

.edit-wrap .fr .entry li .field.choice.l {
    text-align: left;
}

.edit-wrap .fr .entry li .mg12t {
    margin-top: 12px;
}

.edit-wrap .fr .entry .field.names {
    display: block;
    position: relative;
}

.edit-wrap .fr .entry .field.names .chk-input {
    width: 90px
}

.edit-wrap .fr .entry .field.names .chk-input:nth-child(2) {
    width: calc(100% - 102px);
    margin-left: 10px;
}

.edit-wrap .fr .entry .field.post {
    display: block;
    position: relative;
    padding-right: 150px;
}

.edit-wrap .fr .entry .field.post .chk-input {
    width: 100%
}

.edit-wrap .fr .entry .field.post a {
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    text-align: center;
    height: 48px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #898989;
}

.edit-wrap .fr .entry .field.post a:hover {
    background: #1b1b1b;
}


.edit-wrap .fr .entry .chk-check input[type="checkbox"]+label {
    color: #898989;
    font-size: 16px;
    padding-left: 30px;
}

.edit-wrap .fr .entry .chk-check input[type="checkbox"]+label:before {
    background-image: url(../_Img/content/edit-chkoff.jpg);
    border: none !Important;
    background-size: 18px auto !important;
}

.edit-wrap .fr .entry .chk-check input[type="checkbox"]:checked+label {
    color: #1b1b1b;
}

.edit-wrap .fr .entry .chk-check input[type="checkbox"]:checked+label:before {
    background-image: url(../_Img/content/edit-chkon.jpg)
}

.edit-wrap .fr .entry .chk-radio input[type="radio"]+label {
    color: #898989;
    font-size: 16px;
    padding-left: 25px;
}

.edit-wrap .fr .entry .chk-radio input[type="radio"]+label:before {
    background-image: url(../_Img/content/edit-radioff.jpg);
    border: none !Important;
    background-size: 18px auto !important;
}

.edit-wrap .fr .entry .chk-radio input[type="radio"]:checked+label {
    color: #1b1b1b;
}

.edit-wrap .fr .entry .chk-radio input[type="radio"]:checked+label:before {
    background-image: url(../_Img/content/edit-radion.jpg)
}

@media only screen and (max-width:1220px) {
    .edit-wrap .fr .entry li .btxt {
        font-size: 17px;
    }

    .edit-wrap .fr .entry li .stxt {
        font-size: 15px;
    }

    .edit-wrap .fr .entry li .chk-input input {
        font-size: 15px;
    }

    .edit-wrap .fr .entry .chk-check input[type="checkbox"]+label {
        font-size: 15px;
    }

    .edit-wrap .fr .entry .chk-radio input[type="radio"]+label {
        font-size: 15px;
    }

    .edit-wrap .fr .entry .field.post {
        padding-right: 140px
    }

    .edit-wrap .fr .entry .field.post a {
        width: 130px;
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .fr .entry li .btxt {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .edit-wrap .fr .entry li .stxt {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .edit-wrap .fr .entry li .chk-input input {
        font-size: 14px;
    }

    .edit-wrap .fr .entry .chk-check input[type="checkbox"]+label {
        font-size: 14px;
    }

    .edit-wrap .fr .entry .chk-radio input[type="radio"]+label {
        font-size: 14px;
    }

    .edit-wrap .fr .entry .field.post {
        padding-right: 120px
    }

    .edit-wrap .fr .entry .field.post a {
        width: 110px;
        height: 45px;
        line-height: 47px;
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .edit-wrap .fr .entry .chk-check input[type="checkbox"]+label {
        font-size: 13px;
    }

    .edit-wrap .fr .entry .chk-radio input[type="radio"]+label {
        font-size: 13px;
    }

    .edit-wrap .fr .entry li .field.birth .chk-select:nth-child(1) {
        width: calc(46% - 12px);
        margin: 0 6px;
    }

    .edit-wrap .fr .entry li .field.birth .chk-select {
        width: calc(27% - 12px);
        margin: 0 6px
    }
}

@media only screen and (max-width:480px) {}


.edit-wrap .fr .entry .bg-sel {
    border: 1px solid #dcdcdc;
    padding: 17px 17px;
    margin-top: 15px;
    box-sizing: border-box;
    min-height: 190px;
}

.edit-wrap .fr .entry .bg-sel ul:after {
    display: block;
    content: "";
    clear: both
}

.edit-wrap .fr .entry .bg-sel li {
    float: left;
    width: 25%;
    box-sizing: border-box;
}

.edit-wrap .fr .entry .bg-sel li:nth-child(n+2) {
    margin-top: 0;
}

.edit-wrap .fr .entry .bg-sel li:nth-child(n+5) {
    margin-top: 5px
}

.edit-wrap .fr .entry .bg-sel li p {
    display: inline-block;
    vertical-align: top;
    padding-right: 22px;
    position: Relative;
    height: 20px;
    line-height: 22px;
}

.edit-wrap .fr .entry .bg-sel li p:after {
    width: 20px;
    height: 20px;
    background: url(../_Img/content/edit-bgr.jpg) no-repeat right center;
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .fr .entry .bg-sel {
        padding: 12px;
        min-height: 140px;
    }
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:480px) {}

.edit-wrap .fr .filter {
    margin-top: 25px
}

.edit-wrap .fr .vtem {}

.edit-wrap .fr .vtem:nth-child(n+2) {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #dcdcdc;
}

.edit-wrap .fr .vtem ul:after {
    display: block;
    content: "";
    clear: both
}

.edit-wrap .fr .vtem .chk-check input[type="checkbox"]+label {
    color: #898989;
    font-size: 16px;
    padding-left: 30px;
}

.edit-wrap .fr .vtem .chk-check input[type="checkbox"]+label:before {
    background-image: url(../_Img/content/edit-chkoff.jpg);
    border: none !Important;
    background-size: 18px auto !important;
}

.edit-wrap .fr .vtem .chk-check input[type="checkbox"]:checked+label {
    color: #1b1b1b;
}

.edit-wrap .fr .vtem .chk-check input[type="checkbox"]:checked+label:before {
    background-image: url(../_Img/content/edit-chkon.jpg)
}

.edit-wrap .fr .vtem .chk-radio input[type="radio"]+label {
    color: #898989;
    font-size: 16px;
    padding-left: 25px;
}

.edit-wrap .fr .vtem .chk-radio input[type="radio"]+label:before {
    background-image: url(../_Img/content/edit-radioff.jpg);
    border: none !Important;
    background-size: 18px auto !important;
}

.edit-wrap .fr .vtem .chk-radio input[type="radio"]:checked+label {
    color: #1b1b1b;
}

.edit-wrap .fr .vtem .chk-radio input[type="radio"]:checked+label:before {
    background-image: url(../_Img/content/edit-radion.jpg)
}

@media only screen and (max-width:1220px) {
    .edit-wrap .fr .vtem .chk-check input[type="checkbox"]+label {
        font-size: 15px;
    }

    .edit-wrap .fr .vtem .chk-radio input[type="radio"]+label {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .fr .vtem .chk-check input[type="checkbox"]+label {
        font-size: 14px;
    }

    .edit-wrap .fr .vtem .chk-radio input[type="radio"]+label {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .edit-wrap .fr .vtem:nth-child(n+2) {
        padding-top: 15px;
        margin-top: 15px;
    }

    .edit-wrap .fr .vtem .chk-check input[type="checkbox"]+label {
        font-size: 13px;
    }

    .edit-wrap .fr .vtem .chk-radio input[type="radio"]+label {
        font-size: 13px;
    }
}

@media only screen and (max-width:480px) {}




.edit-wrap .fr .vtem.colors ul {
    margin: 0 -5px;
    box-sizing: border-box;
    padding: 0 5px;
}

.edit-wrap .fr .vtem.colors ul:after {}

.edit-wrap .fr .vtem.colors ul li {
    float: left;
    width: calc(12.5% - 10px);
    margin: 0 5px;
}

.edit-wrap .fr .vtem.colors ul li:nth-child(n+9) {
    margin-top: 10px;
}

.edit-wrap .fr .vtem.colors ul li.active a:after {
    border: 2px solid #1b1b1b;
    display: Block;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 100%;
}

.edit-wrap .fr .vtem.colors ul li a {
    border-radius: 27px;
    width: 27px;
    height: 27px;
    display: block;
    position: Relative;
}

.edit-wrap .fr .vtem.colors ul li:nth-child(1) a {
    background: url(../_Img/content/color-style01.jpg) no-repeat center center;
    background-size: 100% auto
}

.edit-wrap .fr .vtem.colors ul li:nth-child(2) a {
    background: url(../_Img/content/color-style02.jpg) no-repeat center center;
    background-size: 100% auto
}

.edit-wrap .fr .vtem.colors ul li:nth-child(3) a {
    background: #e60012
}

.edit-wrap .fr .vtem.colors ul li:nth-child(4) a {
    background: #eb6100
}

.edit-wrap .fr .vtem.colors ul li:nth-child(5) a {
    background: #f39800
}

.edit-wrap .fr .vtem.colors ul li:nth-child(6) a {
    background: #fff100
}

.edit-wrap .fr .vtem.colors ul li:nth-child(7) a {
    background: #8fc31f
}

.edit-wrap .fr .vtem.colors ul li:nth-child(8) a {
    background: #22ac38
}

.edit-wrap .fr .vtem.colors ul li:nth-child(9) a {
    background: #009e96
}

.edit-wrap .fr .vtem.colors ul li:nth-child(10) a {
    background: #00a0e9
}

.edit-wrap .fr .vtem.colors ul li:nth-child(11) a {
    background: #0068b7
}

.edit-wrap .fr .vtem.colors ul li:nth-child(12) a {
    background: #1d2088
}

.edit-wrap .fr .vtem.colors ul li:nth-child(13) a {
    background: #00479d
}

.edit-wrap .fr .vtem.colors ul li:nth-child(14) a {
    background: #920783
}

.edit-wrap .fr .vtem.colors ul li:nth-child(15) a {
    background: #e4007f
}

.edit-wrap .fr .vtem.colors ul li:nth-child(16) a {
    background: #e5004f
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .fr .vtem.colors ul li a {
        border-radius: 24px;
        width: 24px;
        height: 24px;
    }
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:480px) {}



.edit-wrap .fr .vtem.person {}

.edit-wrap .fr .vtem.person li {
    float: left;
    width: 22%
}

.edit-wrap .fr .vtem.person li:nth-child(5) {
    width: 29%;
}

.edit-wrap .fr .vtem.person li:nth-child(1) {
    width: 100%;
}

.edit-wrap .fr .vtem.person li:nth-child(n+2) {
    margin-top: 5px;
}

.edit-wrap .fr .vtem.gender {}

.edit-wrap .fr .vtem.gender li {
    float: left;
    width: 25%
}

.edit-wrap .fr .vtem.gender li:nth-child(n+5) {
    margin-top: 5px;
}

.edit-wrap .fr .vtem.year {}

.edit-wrap .fr .vtem.year li {
    float: left;
    width: 33.33333%
}

.edit-wrap .fr .vtem.year li:nth-child(n+4) {
    margin-top: 5px;
}

.edit-wrap .fr .no-reserve {
    font-size: 18px;
    font-weight: 500;
    color: #fd5c3f;
    letter-spacing: -0.03em;
    text-align: center;
}

.edit-wrap .btns {
    margin-top: 22px;
}

.edit-wrap .btns:after {
    display: block;
    content: "";
    clear: both
}

.edit-wrap .btns a {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    line-height: 50px;
    box-sizing: border-box;
    height: 48px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.edit-wrap .btns .entry-btn {
    float: left;
    width: calc(50% - 6px);
    border: 1px solid #1b1b1b;
    color: #1b1b1b
}

.edit-wrap .btns .disable-btn {
    float: right;
    width: calc(50% - 6px);
    border: 1px solid #898989;
    color: #fff;
    background: #898989
}

.edit-wrap .privacy {
    float: left;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.edit-wrap .privacy .agrees {
    margin-top: 24px;
}

.edit-wrap .privacy .agrees a {
    display: inline-block;
    vertical-align: top;
    background: #fd5c3f;
    width: 300px;
    line-height: 62px;
    box-sizing: border-box;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.edit-wrap .privacy .field label {
    text-align: left;
}

.edit-wrap .privacy .ex {
    border-top: 2px solid #dcdcdc;
    text-align: right;
    margin-top: 48px;
    padding-top: 20px;
}

.edit-wrap .privacy .ex p {
    font-size: 16px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

@media only screen and (max-width:1220px) {
    .edit-wrap .fr .no-reserve {
        font-size: 17px;
    }

    .edit-wrap .btns a {
        height: 45px;
        line-height: 47px;
        font-size: 15px;
    }

    .edit-wrap .privacy .ex p {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .edit-wrap .fr .no-reserve {
        font-size: 16px;
    }

    .edit-wrap .btns a {
        height: 40px;
        line-height: 42px;
        font-size: 14px;
    }

    .edit-wrap .btns .entry-btn {
        width: calc(50% - 3px);
    }

    .edit-wrap .btns .disable-btn {
        width: calc(50% - 3px);
    }

    .edit-wrap .privacy .ex p {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .edit-wrap .fr .no-reserve {
        font-size: 15px;
    }

    .edit-wrap .privacy .ex p {
        font-size: 13px;
    }
}

@media only screen and (max-width:480px) {
    .edit-wrap .fr .no-reserve {
        font-size: 14px;
    }
}


.sub #container-wrap #contents.detail {
    padding-top: 0px;
}

/* ======================================================
   .layer-wrap.detail
=========================================================*/
.layer-wrap.detail {
    position: fixed;
    left: 0;
    width: 100%;
    min-width: 360px;
    display: none;
    top: 96px;
    height: calc(100% - 96px);
    box-sizing: border-box;
    background: #fff;
    z-index: 5410;
    -webkit-transition: transform 0.35s ease-in-out;
    -moz-transition: transform 0.35s ease-in-out;
    -o-transition: transform 0.35s ease-in-out;
    ;
    transition: transform 0.35s ease-in-out;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.layer-wrap.detail.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.layer-wrap.detail.active .close {
    transition-delay: 0.3s;
    opacity: 1
}

.layer-wrap.detail .layer-ov {
    position: Absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.layer-wrap.detail .close {
    position: Absolute;
    right: 0;
    top: -60px;
    width: 30px;
    height: 30px;
    background: url(../_Img/content/view-close.png) no-repeat center center;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

#contents.detail .is-top,
.layer-wrap.detail .is-top {
    position: relative;
    margin: 0 auto 0 auto;
    max-width: 1220px;
    box-sizing: border-box;
    padding: 0 20px;
}

#contents.detail .is-con,
.layer-wrap.detail .is-con {
    position: relative;
    margin: 0 auto 0 auto;
    max-width: 1220px;
    box-sizing: border-box;
    padding: 0 20px;
}

#contents.detail .myInfo,
.layer-wrap.detail .myInfo {
    text-align: center;
    padding: 25px 0;
    /* border-bottom: 1px solid #dcdcdc; */
}

#contents.detail .myInfo .ov,
.layer-wrap.detail .myInfo .ov {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 77px;
    min-height: 60px;
    text-align: left;
}

#contents.detail .myInfo .ov .photo,
.layer-wrap.detail .myInfo .ov .photo {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    overflow: hidden;
}

#contents.detail .myInfo .ov .photo img,
.layer-wrap.detail .myInfo .ov .photo img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.myInfo .txt,
.layer-wrap.detail .myInfo .txt {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myInfo .vc,
.layer-wrap.detail .myInfo .vc {
    width: 100%;
    position: relative;
    padding-right: 105px
}

.myInfo .btxt,
.layer-wrap.detail .myInfo .btxt {
    font-size: 14px;
    font-weight: 700;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.3em;
}

.myInfo .stxt,
.layer-wrap.detail .myInfo .stxt {
    font-size: 0;
    margin-top: 5px
}

.myInfo .stxt span,
.layer-wrap.detail .myInfo .stxt span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.3em;
}

.myInfo .stxt span:nth-child(n+2),
.layer-wrap.detail .myInfo .stxt span:nth-child(n+2) {
    margin-left: 12px;
}

.myInfo .follow-btn,
.layer-wrap.detail .myInfo .follow-btn {
    border: 1px solid #dcdcdc;
    height: 30px;
    box-sizing: border-box;
    line-height: 32px;
    color: #fd5c3f;
    font-size: 12px;
    width: 90px;
    text-align: Center;
    position: Absolute;
    right: 0;
    bottom: -2px;
}

.myInfo .follow-btn span,
.layer-wrap.detail .myInfo .follow-btn span {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    background: url(../_Img/content/view-followo.png) no-repeat left calc(50% - 1px);
}

.myInfo .follow-btn.active,
.layer-wrap.detail .myInfo .follow-btn.active {
    background: #fd5c3f;
    color: #fff;
    border-color: #fd5c3f
}

.myInfo .follow-btn.active span,
.layer-wrap.detail .myInfo .follow-btn.active span {
    background-image: url(../_Img/content/view-follow.png)
}

.vscrolls>.scroll-element.scroll-y,
.layer-wrap.detail .vscrolls>.scroll-element.scroll-y {
    right: 6px;
}

@media only screen and (max-width:1220px) {
    /*
    .myInfo .ov,
    .layer-wrap.detail .myInfo .ov {
        padding-left: 67px;
        min-height: 50px;
    }

    .myInfo .ov .photo,
    .layer-wrap.detail .myInfo .ov .photo {
        width: 50px;
        height: 50px;
    }

    .myInfo .ov .photo img,
    .layer-wrap.detail .myInfo .ov .photo img {
        height: 50px;
    }

    .myInfo .txt,
    .layer-wrap.detail .myInfo .txt {
        height: auto;
        display: block;
    }

    .myInfo .vc,
    .layer-wrap.detail .myInfo .vc {
        padding-right: 0
    }

    .myInfo .follow-btn,
    .layer-wrap.detail .myInfo .follow-btn {
        position: relative;
        right: auto;
        bottom: auto;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
    }
        */
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.detail {
        top: 65px;
        height: calc(100% - 65px);
    }

    .close,
    .layer-wrap.detail .close {
        background-size: 14px auto;
        top: -46px;
        background-color: #1b1b1b;
        border-radius: 100%
    }

}

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

    .close,
    .layer-wrap.detail .close {
        background-size: 12px auto;
    }

    /*
    .myInfo .btxt,
    .layer-wrap.detail .myInfo .btxt {
        font-size: 14px;
        font-weight: 700;
    }

    .myInfo .stxt span,
    .layer-wrap.detail .myInfo .stxt span {
        display: block;
        font-size: 13px;
    }

    .myInfo .stxt span:nth-child(n+2),
    .layer-wrap.detail .myInfo .stxt span:nth-child(n+2) {
        margin-left: 0;
        margin-top: 2px;
    }
        */
}

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

    .myInfo .stxt span,
    .layer-wrap.detail .myInfo .stxt span {
        font-size: 12px;
    }
}


/* ======================================================
   .view-wrap
=========================================================*/
.view-wrap {
    padding-top: 24px;
}

.view-wrap:after {
    display: block;
    content: "";
    clear: both
}

.view-wrap .fl {
    float: left;
    box-sizing: border-box;
    width: 70.34%
}

.view-wrap .fr {
    float: right;
    box-sizing: border-box;
    width: 29.66%;
    padding-top: 20px;
    padding-left: 45px;
}

@media only screen and (max-width:1220px) {
    .view-wrap .fl {
        width: 68.34%
    }

    .view-wrap .fr {
        width: 31.66%;
        padding-left: 35px
    }

}

@media only screen and (max-width:1120px) {
    .view-wrap .fl {
        width: 66.34%
    }

    .view-wrap .fr {
        width: 33.66%;
        padding-left: 25px
    }
}

@media only screen and (max-width:999px) {
    .view-wrap .fl {
        float: none;
        width: auto
    }

    .view-wrap .fr {
        float: none;
        margin-top: 25px;
        width: auto;
        padding-left: 0;
        padding-top: 0;
    }
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:480px) {}

@media only screen and (max-width:480px) {}

.view-wrap .vimg {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
}

.view-wrap .swiper-slide {
    text-align: center;
}

.view-wrap .vtop .vtop-prev {
    display: none;
    width: 60px;
    height: 60px;
    position: Absolute;
    left: 25px;
    top: 50%;
    margin-top: -30px;
    background: url(../_Img/content/view-prev.png) no-repeat center center #fff;
    z-index: 912;
    cursor: pointer;
    border-radius: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.view-wrap .vtop .vtop-next {
    display: none;
    width: 60px;
    height: 60px;
    position: Absolute;
    right: 25px;
    top: 50%;
    margin-top: -30px;
    background: url(../_Img/content/view-next.png) no-repeat center center #fff;
    z-index: 912;
    cursor: pointer;
    border-radius: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.view-wrap .swiper-button-disabled {
    opacity: 0.4;
}

.view-wrap .vtop .swiper-slide {
    background: #f7f7f7;
}

.view-wrap .vtop-ctrl {
    position: Absolute;
    left: 24px;
    bottom: 24px;
    background: Rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    width: calc(100% - 48px);
    height: 90px;
    z-index: 9123;
}

.view-wrap .vtop-ctrl .sound-btn {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 35px;
    height: 35px;
    background: url(../_Img/sub/video-sound.png) no-repeat center center;
}

.view-wrap .vtop-ctrl .sound-btn.active {
    background-image: url(../_Img/sub/video-soundo.png)
}

.view-wrap .vtop-ctrl .full-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 35px;
    height: 35px;
    background: url(../_Img/sub/video-full.png) no-repeat center center;
}

.view-wrap .vtop-ctrl .full-btn.active {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 35px;
    height: 35px;
    background: url(../_Img/sub/video-fullo.png) no-repeat center center;
}

.view-wrap .vtop-ctrl .play-btn {
    position: absolute;
    left: 50%;
    top: 15px;
    width: 36px;
    height: 35px;
    margin-left: -18px;
    background: url(../_Img/sub/video-play.png) no-repeat center center;
}

.view-wrap .vtop-ctrl .stop-btn {
    position: absolute;
    left: 50%;
    top: 15px;
    width: 36px;
    height: 35px;
    margin-left: -18px;
    background: url(../_Img/sub/video-stop.png) no-repeat center center;
    display: none;
}

.view-wrap .vtop-ctrl .timer {
    position: Absolute;
    left: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    box-sizing: border-box;
    padding: 6px 60px;
    height: 14px;
    box-sizing: border-box;
}

.view-wrap .vtop-ctrl .timer .first {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 16px;
    height: 14px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
}

.view-wrap .vtop-ctrl .timer .last {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 16px;
    height: 14px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
}

.view-wrap .vtop-ctrl .timer .bar {
    position: relative;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
}

.view-wrap .vtop-ctrl .timer .bar p {
    position: Absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    width: 20%
}

.view-wrap .vtop-ctrl .timer .bar p:after {
    width: 12px;
    height: 12px;
    position: Absolute;
    background: #fff;
    border-radius: 100%;
    display: block;
    content: "";
    right: -6px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media only screen and (max-width:1220px) {
    .view-wrap .vtop .vtop-prev {
        width: 50px;
        height: 50px;
        background-size: 100% auto;
        left: 20px;
        margin-top: -25px;
    }

    .view-wrap .vtop .vtop-next {
        width: 50px;
        height: 50px;
        background-size: 100% auto;
        right: 20px;
        margin-top: -25px;
    }

    .view-wrap .vtop-ctrl {
        left: 20px;
        bottom: 20px;
        width: calc(100% - 40px);
        height: 80px;
    }

    .view-wrap .vtop-ctrl .sound-btn {
        width: 30px;
        height: 30px;
        background-size: 100% auto;
    }

    .view-wrap .vtop-ctrl .full-btn {
        width: 30px;
        height: 30px;
        background-size: 100% auto;
    }

    .view-wrap .vtop-ctrl .play-btn {
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background-size: 100% auto;
    }

    .view-wrap .vtop-ctrl .stop-btn {
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background-size: 100% auto;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .view-wrap .vtop .vtop-prev {
        width: 40px;
        height: 40px;
        left: 15px;
        margin-top: -20px;
    }

    .view-wrap .vtop .vtop-next {
        width: 40px;
        height: 40px;
        right: 15px;
        margin-top: -20px;
    }

    .view-wrap .vtop-ctrl {
        left: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
        height: 70px;
        border-radius: 10px;
    }

    .view-wrap .vtop-ctrl .sound-btn {
        width: 26px;
        height: 26px;
        top: 10px;
    }

    .view-wrap .vtop-ctrl .full-btn {
        width: 26px;
        height: 26px;
        top: 10px;
    }

    .view-wrap .vtop-ctrl .play-btn {
        width: 26px;
        height: 26px;
        top: 10px;
        margin-left: -13px;
    }

    .view-wrap .vtop-ctrl .stop-btn {
        width: 26px;
        height: 26px;
        top: 10px;
        margin-left: -13px;
    }
}

@media only screen and (max-width:680px) {
    .view-wrap .vtop .vtop-prev {
        width: 30px;
        height: 30px;
        left: 10px;
        margin-top: -15px;
    }

    .view-wrap .vtop .vtop-next {
        width: 30px;
        height: 30px;
        right: 10px;
        margin-top: -15px;
    }

    .view-wrap .vtop-ctrl {
        left: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        height: 65px;
    }

    .view-wrap .vtop-ctrl .sound-btn {
        width: 22px;
        height: 22px;
        top: 10px;
    }

    .view-wrap .vtop-ctrl .full-btn {
        width: 22px;
        height: 22px;
        top: 10px;
    }

    .view-wrap .vtop-ctrl .play-btn {
        width: 22px;
        height: 22px;
        margin-left: -11px;
    }

    .view-wrap .vtop-ctrl .stop-btn {
        width: 22px;
        height: 22px;
        margin-left: -11px;
    }

    .view-wrap .vtop-ctrl .timer {
        bottom: 12px;
    }

    .view-wrap .vtop-ctrl .timer .first {
        font-size: 11px;
    }

    .view-wrap .vtop-ctrl .timer .last {
        font-size: 11px;
    }
}

@media only screen and (max-width:480px) {}

.view-wrap .vthumbs {
    box-sizing: border-box;
    margin-top: 24px;
}

.view-wrap .vthumbs .swiper-slide {
    position: relative;
    width: 25%;
    height: 160px;
    opacity: 0.75;
    display: flex;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.view-wrap .vthumbs .swiper-slide img {
    width: 100%;
    max-height: 160px;
    object-fit: contain;
}

.view-wrap .vthumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/* .view-wrap .vthumbs .swiper-slide:after{width:100%;height:100%;border:1px solid #ddd; display:block; content:"";box-sizing:border-box; left:0; top:0; position:absolute;}
.view-wrap .vthumbs .swiper-slide-thumb-active:after{border-color:#000;} */

.view-wrap .vtop .swiper-slide {
    min-height: 200px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-wrap .vtop .swiper-slide img {
    width: 100%;
    max-height: 828px;
    object-fit: contain;
}

:root {
    --swiper-theme-color: #1b1b1b
}

.view-wrap .swiper-pagination-progressbar {
    position: Relative;
    margin-top: 32px;
    background: #dcdcdc;
    height: 2px !important;
    left: auto !important;
    top: auto !important;
}

@media only screen and (max-width:1220px) {
    .view-wrap .vtop .swiper-slide {
        /* height: 760px; */
    }

    .view-wrap .vtop .swiper-slide img {
        max-height: 760px;
    }

    .view-wrap .vthumbs .swiper-slide {
        height: 140px;
    }

    .view-wrap .vthumbs .swiper-slide img {
        max-height: 140px;
    }
}

@media only screen and (max-width:1120px) {
    .view-wrap .vtop .swiper-slide {
        /* height: 700px; */
    }

    .view-wrap .vtop .swiper-slide img {
        max-height: 700px;
    }
}

@media only screen and (max-width:999px) {
    .view-wrap .vtop .swiper-slide {
        /* height: 670px; */
    }

    .view-wrap .vtop .swiper-slide img {
        max-height: 670px;
    }

    .view-wrap .vthumbs .swiper-slide {
        height: 120px;
    }

    .view-wrap .vthumbs .swiper-slide img {
        max-height: 120px;
    }

    .view-wrap .swiper-pagination-progressbar {
        margin-top: 24px
    }
}

@media only screen and (max-width:680px) {
    .view-wrap .vtop .swiper-slide {
        /* height: 590px; */
    }

    .view-wrap .vtop .swiper-slide img {
        max-height: 590px;
    }

    .view-wrap .vthumbs .swiper-slide {
        height: 100px;
    }

    .view-wrap .vthumbs .swiper-slide img {
        max-height: 100px;
    }

    .view-wrap .swiper-pagination-progressbar {
        margin-top: 16px
    }
}

@media only screen and (max-width:480px) {
    .view-wrap .vtop .swiper-slide {
        /* height: 500px; */
    }

    .view-wrap .vtop .swiper-slide img {
        /* max-height: 500px; */
    }

    .view-wrap .vthumbs .swiper-slide {
        height: 80px;
    }

    .view-wrap .vthumbs .swiper-slide img {
        max-height: 80px;
    }
}

@media only screen and (max-width:400px) {
    .view-wrap .vtop .swiper-slide {
        /* height: 420px; */
    }

    .view-wrap .vtop .swiper-slide img {
        /* max-height: 420px; */
    }

    .view-wrap .vthumbs .swiper-slide {
        height: 60px;
    }

    .view-wrap .vthumbs .swiper-slide img {
        max-height: 60px;
    }
}


.view-wrap .hash {
    margin-top: 20px;
}

.view-wrap .hash ul {
    margin: 0 -10px;
}

.view-wrap .hash ul:after {
    display: block;
    content: "";
    clear: both
}

.view-wrap .hash li {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #1b1b1b;
    border-radius: 9999px;
    padding: 8px 20px 6px 20px;
}

.view-wrap .hash li a {
    font-size: 14px;
    font-weight: 500;
    color: #898989;
    /* letter-spacing: -0.03em; */
    line-height: 1.2em;
}

.view-wrap .hash li.active a,
.view-wrap .hash li a:hover {
    color: #1b1b1b;
}

@media only screen and (max-width:1220px) {
    .view-wrap .hash li a {
        font-size: 17px;
    }
}

@media only screen and (max-width:1120px) {
    .view-wrap .hash li a {
        font-size: 16px;
    }
}

@media only screen and (max-width:999px) {
    /* .view-wrap .hash {
        margin-top: 30px;
    } */

    .view-wrap .hash ul {
        margin: 0 -6px;
    }

    .view-wrap .hash li {
        margin: 5px 6px;
    }

    .view-wrap .hash li a {
        font-size: 15px;
    }
}

@media only screen and (max-width:680px) {
    .view-wrap .hash li a {
        font-size: 14px;
    }
}

@media only screen and (max-width:480px) {
    .view-wrap .hash li a {
        font-size: 13px;
    }
}


.view-wrap .view_mobile {
    display: none;
}

.view-wrap .view_pc {
    display: block;
}

.view-wrap .tits {}

.view-wrap .tits .btxt {
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2em;
    letter-spacing: -0.01em;
}

.view-wrap .tits .stxt {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

.view-wrap .state {
    /* margin-top: 35px; */
    text-align: right;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.view-wrap .state .like,
.view-wrap .state .share {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 30px;
    position: relative;
}

.view-wrap .state .like {
    background: url(../_Img/content/view-like.jpg) no-repeat right center;
    padding-right: 45px;
    font-size: 14px;
    line-height: 32px;
    color: #1b1b1b;
    letter-spacing: -0.03em;
}

.view-wrap .state .like.active {
    background-image: url(../_Img/content/view-likeo.jpg)
}

.view-wrap .state .share {
    margin-left: 28px;
    background: url(../_Img/content/view-share.jpg) no-repeat right center;
    z-index: 5;
}

.view-wrap .state .like:before {
    width: 0;
    height: 20px;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px;
    border-left: 1px solid #dcdcdc;
    display: block;
    content: "";
    z-index: -1;
}


.view-wrap .layer-share {
    width: 72px;
    display: none;
    position: absolute;
    right: -20px;
    top: -20px;
    background: #fff;
    z-index: 4;
    border-radius: 20px;
    padding-top: 68px;
    padding-bottom: 24px;
    box-shadow: 3px 1px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 1px 10px rgba(0, 0, 0, 0.1);
}

.view-wrap .layer-share ul {}

.view-wrap .layer-share li {
    text-align: center;
}

.view-wrap .layer-share li:nth-child(n+2) {
    margin-top: 10px;
}

.view-wrap .layer-share li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: 100% auto !important;
}

/* .view-wrap .layer-share li:nth-child(1) a {
    background: url(../_Img/content/share-ico01.jpg) no-repeat center center;
} */

.view-wrap .layer-share li:nth-child(1) a {
    background: url(../_Img/content/share-ico02.jpg) no-repeat center center;
}

.view-wrap .layer-share li:nth-child(2) a {
    background: url(../_Img/content/share-ico03.jpg) no-repeat center center;
}

.view-wrap .layer-share li:nth-child(3) a {
    background: url(../_Img/content/share-ico04.jpg) no-repeat center center;
}

.view-wrap .layer-share li:nth-child(4) a {
    background: url(../_Img/content/share-ico05.jpg) no-repeat center center;
}

@media only screen and (max-width:1220px) {
    .view-wrap .tits .btxt {
        font-size: 13px;
    }

    .view-wrap .tits .stxt {
        font-size: 17px
    }
}

@media only screen and (max-width:1120px) {}

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

    .view-wrap .view_mobile {
        display: block;
    }

    .view-wrap .view_pc {
        display: none;
    }

    .view-wrap .tits .btxt {
        font-size: 12px;
    }

    .view-wrap .tits .stxt {
        font-size: 16px
    }

    .view-wrap .state {
        margin-top: 25px;
    }

    .view-wrap .state .like,
    .view-wrap .state .share {
        width: 30px;
        height: 28px;
    }

    .view-wrap .state .like {
        padding-right: 40px;
        font-size: 13px;
        line-height: 30px;
        background-size: 28px auto;
    }

    .view-wrap .state .share {
        margin-left: 20px;
        background-size: 28px auto;
    }

    .view-wrap .layer-share {
        width: 64px;
    }
}

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

    .view-wrap .state .like,
    .view-wrap .state .share {
        width: 26px;
        height: 24px;
    }

    .view-wrap .state .like {
        padding-right: 35px;
        font-size: 12px;
        line-height: 26px;
        background-size: 24px auto;
    }

    .view-wrap .state .share {
        margin-left: 15px;
        background-size: 24px auto;
    }
}

@media only screen and (max-width:480px) {}

.view-wrap .btns {
    margin-top: 28px;
}

.view-wrap .btns a {
    display: block;
    line-height: 62px;
    height: 60px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.view-wrap .btns a:nth-child(n+2) {
    margin-top: 6px;
}

.down-btn,
.view-wrap .btns .down-btn {
    border: 1px solid #1b1b1b;
    color: #1b1b1b;
}

.down-btn:hover,
.view-wrap .btns .down-btn:hover {
    background: #1b1b1b;
    color: #fff;
}

.view-wrap .btns .supp-btn {
    border: 1px solid #dcdcdc;
    color: #fd5c3f;
}

.view-wrap .btns .supp-btn:hover {
    border-color: #fd5c3f;
    background: #fd5c3f;
    color: #fff;
}

@media only screen and (max-width:1220px) {
    .view-wrap .btns a {
        line-height: 57px;
        height: 55px;
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .view-wrap .btns a {
        line-height: 52px;
        height: 50px;
        font-size: 15px;
    }
}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:480px) {}


.view-wrap .rinfo {
    margin-top: 40px;
}

.view-wrap .rinfo h5 {
    padding-top: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.3em;
    background: url(../_Img/content/ico-phone.png) no-repeat 0 2px;
    padding-left: 26px;
    min-height: 22px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.view-wrap .rinfo .c01 {
    margin-top: 15px
}

.view-wrap .rinfo .c01:after {
    display: block;
    content: "";
    clear: both;
}

.view-wrap .rinfo .c01 li {
    float: left;
    width: 50%;
}

.view-wrap .rinfo .c01 li:nth-child(even) {
    float: right;
}

.view-wrap .rinfo .c01 li:nth-child(n+3) {
    margin-top: 15px;
}

.view-wrap .rinfo .c01 li .btxt {
    font-size: 13px;
    font-weight: 500;
    color: #707070;
    line-height: 1.3em;
}

.view-wrap .rinfo .c01 li .stxt {
    margin-top: 3px;
    font-size: 13px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.3em;
}

.view-wrap .rinfo .c02 {
    margin-top: 15px
}

.view-wrap .rinfo .c02:after {
    display: block;
    content: "";
    clear: both;
}

.view-wrap .rinfo .c02 li:nth-child(1) {
    width: 100%;
}

.view-wrap .rinfo .c02 li {
    float: left;
    width: 50%;
}

.view-wrap .rinfo .c02 li:nth-child(n+2) {
    margin-top: 15px;
}

.view-wrap .rinfo .c02 li .btxt {
    font-size: 13px;
    font-weight: 500;
    color: #707070;
    line-height: 1.3em;
}

.view-wrap .rinfo .c02 li .stxt {
    margin-top: 3px;
    font-size: 13px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.3em;
}

.view-wrap .rinfo .c02 li.has-map .stxt {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 94px;
    box-sizing: border-box;
    max-width: 100%;
}

.view-wrap .rinfo .c02 li.has-map .stxt a {
    position: Absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    color: #19adb2;
    background: url(../_Img/content/ico-map.png) no-repeat right center;
}

.view-wrap .rinfo .onfile {
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-weight: 500;
    color: #fd5c3f;
    border-bottom: 1px solid #fd5c3f;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {}

@media only screen and (max-width:680px) {
    /* .view-wrap .rinfo .c01 li {
        float: none;
        width: auto;
    } */

    /* .view-wrap .rinfo .c01 li:nth-child(even) {
        float: none;
    }

    .view-wrap .rinfo .c01 li:nth-child(n+2) {
        margin-top: 10px;
    }

    .view-wrap .rinfo .onfile {
        font-size: 12px;
    } */
}

@media only screen and (max-width:480px) {}

.view-wrap .banner {
    margin-top: 40px;
}

.view-wrap .banner a {
    display: block;
}

.view-wrap .banner img {
    width: 100%;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {}

@media only screen and (max-width:680px) {}

@media only screen and (max-width:480px) {}





/* ======================================================
   .cmmt-wrap
=========================================================*/
.cmmt-wrap {
    margin-top: 50px;
    /* padding-bottom: 96px; */
}

.cmmt-wrap .entry {
    position: relative;
    padding-left: 80px;
}

.cmmt-wrap .entry .photo {
    width: 60px;
    height: 60px;
    position: Absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    overflow: hidden;
}

.cmmt-wrap .entry .photo img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.cmmt-wrap .entry .field {
    display: block;
    padding-right: 120px;
    border: 1px solid #dcdcdc;
}

.cmmt-wrap .entry .field .chk-input {
    width: 100%
}

.cmmt-wrap .entry .field .chk-input textarea {
    width: 100%;
    background: none;
    font-size: 16px;
    line-height: 1.5em;
    height: 80px;
    border: none;
    border-right: 1px solid #dcdcdc;
}

.cmmt-wrap .entry .field .enter {
    position: Absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 80px;
    line-height: 82px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    border: none;
    background: #fff;
}

.cmmt-wrap .entry .field .enter:hover {
    background: #1b1b1b;
    color: #fff;
    border-color: #1b1b1b;
}

@media only screen and (max-width:1220px) {
    .cmmt-wrap {
        margin-top: 40px;
        padding-bottom: 80px;
    }

    .cmmt-wrap .entry {
        padding-left: 70px;
    }

    .cmmt-wrap .entry .photo {
        width: 50px;
        height: 50px;
    }

    .cmmt-wrap .entry .photo img {
        height: 50px;
    }

    .cmmt-wrap .entry .field {
        padding-right: 100px;
    }

    .cmmt-wrap .entry .field .chk-input textarea {
        font-size: 15px;
        height: 100px
    }

    .cmmt-wrap .entry .field .enter {
        width: 100px;
        height: 100px;
        line-height: 104px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .cmmt-wrap {
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .cmmt-wrap .entry {
        padding-left: 60px;
    }

    .cmmt-wrap .entry .photo {
        width: 40px;
        height: 40px;
    }

    .cmmt-wrap .entry .photo img {
        height: 40px;
    }

    .cmmt-wrap .entry .field {
        padding-right: 100px;
    }
}

@media only screen and (max-width:680px) {
    .cmmt-wrap .entry .field {
        padding-right: 0;
    }

    .cmmt-wrap .entry .field .enter {
        display: block;
        height: 50px;
        line-height: 52px;
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        border-top: 1px solid #dcdcdc;
        text-align: center;
    }
}

@media only screen and (max-width:480px) {}

.cmmt-wrap .list {
    margin-top: 45px
}

.cmmt-wrap .list ul {}

.cmmt-wrap .list li {
    position: Relative;
    display: none
}

.cmmt-wrap .list li.active {
    display: block;
}

.cmmt-wrap .list li:nth-child(n+2) {
    margin-top: 30px;
}

.cmmt-wrap .list li .con {
    position: relative;
    padding-left: 100px;
    min-height: 60px;
}

.cmmt-wrap .list li .vc {}

.cmmt-wrap .list li .photo {
    width: 60px;
    height: 60px;
    position: Absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    overflow: hidden;
}

.cmmt-wrap .list li .photo img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.cmmt-wrap .list li .user {
    font-size: 0;
}

.cmmt-wrap .list li .user .btxt {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.01em;
    line-height: 28px;
    height: 25px
}

.cmmt-wrap .list li .user .stxt {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.01em;
    line-height: 28px;
    height: 25px;
    background: url(../_Img/content/cmmt-time.jpg) no-repeat left center;
    padding-left: 22px;
}

.cmmt-wrap .list li .txt {
    margin-top: 10px;
}

.cmmt-wrap .list li .txt p {
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.6em;
}

.cmmt-wrap .list li .abr {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    z-index: 12;
}

.cmmt-wrap .list li .abr a {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
}

.cmmt-wrap .list li .abr a:nth-child(n+2) {
    margin-left: 6px
}

.cmmt-wrap .list li .abr .modify {
    background: url(../_Img/content/cmmt-modify.jpg) no-repeat center center;
}

.cmmt-wrap .list li .abr .delete {
    background: url(../_Img/content/cmmt-delete.jpg) no-repeat center center;
}

.cmmt-wrap .more {
    margin-top: 40px;
    background: #ededed;
    color: #1b1b1b;
    font-weight: 500;
    letter-spacing: -0.03em;
    height: 60px;
    line-height: 62px;
    font-size: 16px;
    text-align: center;
    display: block;
}

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

    .cmmt-wrap .list li .con {
        padding-left: 90px;
        min-height: 50px;
    }

    .cmmt-wrap .list li .photo {
        width: 50px;
        height: 50px;
    }

    .cmmt-wrap .list li .photo img {
        height: 50px;
    }

    .cmmt-wrap .list li .txt p {
        font-size: 15px;
    }

    .cmmt-wrap .more {
        font-size: 15px;
        height: 55px;
        line-height: 57px;
    }
}

@media only screen and (max-width:1120px) {
    .cmmt-wrap .list li .con {
        padding-left: 80px;
    }
}

@media only screen and (max-width:999px) {
    .cmmt-wrap .list li .con {
        padding-left: 60px;
        min-height: 40px;
    }

    .cmmt-wrap .list li .photo {
        width: 40px;
        height: 40px;
    }

    .cmmt-wrap .list li .photo img {
        height: 40px;
    }

    .cmmt-wrap .list li .txt p {
        font-size: 12px;
        word-wrap: break-word;
    }


    .cmmt-wrap .more {
        height: 50px;
        line-height: 52px;
    }
}

@media only screen and (max-width:680px) {
    .cmmt-wrap .list li .user .btxt {
        font-size: 14px;
    }

    .cmmt-wrap .list li .user .stxt {
        margin-left: 15px;
        font-size: 11px
    }
}

@media only screen and (max-width:480px) {}


/* ======================================================
   .profile-wrap
=========================================================*/
.profile-wrap .info {
    text-align: center;
    padding-top: 45px;
}

.profile-wrap .info .ov {
    position: Relative;
    padding-left: 200px;
    display: inline-block;
    vertical-align: top;
}

.profile-wrap .info .photo {
    width: 120px;
    height: 120px;
    position: Absolute;
    left: 48px;
    top: 0;
}

.profile-wrap .info .photo img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 90px;
}

.profile-wrap .info .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

.profile-wrap .info .vc {
    width: 100%;
    text-align: left
}

.profile-wrap .info .btxt {
    font-size: 30px;
    font-weight: 700;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.profile-wrap .info .stxt {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.profile-wrap .info .ctxt {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.profile-wrap .info .ztxt {
    margin-top: 17px;
    font-size: 24px;
    font-weight: 300;
    color: #fd5c3f;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.profile-wrap .info .ztxt span {
    font-weight: 700;
}

@media only screen and (max-width:1220px) {
    .profile-wrap .info {
        padding-top: 30px;
    }

    .profile-wrap .info .ov {
        padding-left: 180px;
    }

    .profile-wrap .info .photo {
        width: 100px;
        height: 100px
    }

    .profile-wrap .info .photo img {
        height: 100px;
    }

    .profile-wrap .info .txt {
        height: 100px
    }

    .profile-wrap .info .btxt {
        font-size: 26px
    }

    .profile-wrap .info .stxt {
        font-size: 16px;
    }

    .profile-wrap .info .ctxt {
        margin-top: 10px;
        font-size: 16px;
    }

    .profile-wrap .info .ztxt {
        margin-top: 12px;
        font-size: 21px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .profile-wrap .info {
        padding-top: 15px;
    }

    .profile-wrap .info .ov {
        padding-left: 160px;
    }

    .profile-wrap .info .photo {
        width: 80px;
        height: 80px
    }

    .profile-wrap .info .photo img {
        height: 80px;
    }

    .profile-wrap .info .txt {
        height: 80px
    }

    .profile-wrap .info .btxt {
        font-size: 22px
    }

    .profile-wrap .info .stxt {
        font-size: 14px;
    }

    .profile-wrap .info .ctxt {
        margin-top: 7px;
        font-size: 14px;
    }

    .profile-wrap .info .ztxt {
        margin-top: 10px;
        font-size: 18px;
    }
}

@media only screen and (max-width:680px) {
    .profile-wrap .info {
        padding-top: 0;
    }

    .profile-wrap .info .ov {
        padding-left: 0;
    }

    .profile-wrap .info .photo {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;
    }

    .profile-wrap .info .txt {
        height: auto;
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .profile-wrap .info .vc {
        text-align: center;
    }

    .profile-wrap .info .btxt {
        font-size: 20px
    }

    .profile-wrap .info .stxt {
        font-size: 13px;
    }

    .profile-wrap .info .ctxt {
        font-size: 13px;
    }

    .profile-wrap .info .ztxt {
        font-size: 16px;
    }
}

@media only screen and (max-width:480px) {}


.profile-wrap .state {
    position: relative;
    margin-top: 65px
}

.profile-wrap .state ul {
    font-size: 0;
    text-align: center;
}

.profile-wrap .state ul:after {
    display: block;
    content: "";
    clear: both
}

.profile-wrap .state li {
    display: inline-block;
    vertical-align: top;
    position: Relative;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    padding-left: 45px;
}

.profile-wrap .state li:nth-child(n+2) {
    margin-left: 50px
}

.profile-wrap .state li:nth-child(n+2):before {
    width: 0;
    height: 20px;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -10px;
    border-left: 1px solid #dcdcdc;
    display: block;
    content: "";
    z-index: -1;
}

.profile-wrap .state li:nth-child(1) {
    background: url(../_Img/content/profile-like.jpg) no-repeat left center;
}

.profile-wrap .state li:nth-child(2) {
    background: url(../_Img/content/profile-share.jpg) no-repeat left center;
}

.profile-wrap .state li:nth-child(3) {
    background: url(../_Img/content/profile-down.jpg) no-repeat left center;
}

@media only screen and (max-width:1220px) {
    .profile-wrap .state {
        margin-top: 50px
    }

    .profile-wrap .state li {
        font-size: 13px;
        padding-left: 40px;
        background-size: 30px auto !important;
    }

    .profile-wrap .state li:nth-child(n+2) {
        margin-left: 40px
    }

    .profile-wrap .state li:nth-child(n+2):before {
        left: -20px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .profile-wrap .state {
        margin-top: 40px
    }

    .profile-wrap .state li {
        font-size: 12px;
        padding-left: 30px;
        background-size: 25px auto !important;
    }

    .profile-wrap .state li:nth-child(n+2) {
        margin-left: 30px
    }

    .profile-wrap .state li:nth-child(n+2):before {
        left: -15px;
    }
}

@media only screen and (max-width:680px) {
    .profile-wrap .state {
        margin-top: 30px
    }

    .profile-wrap .state li {
        font-size: 11px;
        background-size: 21px auto !important;
    }

    .profile-wrap .state li p button {
        font-size: 11px;
        background-size: 21px auto !important;
    }

    .profile-wrap .state li:nth-child(n+2) {
        margin-left: 20px
    }

    .profile-wrap .state li:nth-child(n+2):before {
        left: -10px;
    }
}

@media only screen and (max-width:480px) {
    .profile-wrap .state {
        margin-top: 20px
    }
}


.profile-wrap .follower {
    position: relative;
    margin-top: 45px;
}

.profile-wrap .follower:after {
    position: absolute;
    left: 0;
    top: 50%;
    /* border-bottom: 2px solid #dcdcdc; */
    margin-top: -1px;
    display: block;
    content: "";
    width: 100%;
    z-index: -1;
}

.profile-wrap .follower ul {
    font-size: 0;
    text-align: center;
}

.profile-wrap .follower ul:after {
    display: block;
    content: "";
    clear: both
}

.profile-wrap .follower li {
    display: inline-block;
    vertical-align: top;
}

.profile-wrap .follower li a {
    display: block;
    border-radius: 60px;
    width: 180px;
    line-height: 62px;
    height: 60px;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #1b1b1b;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 0 16px;
}

.profile-wrap .follower li.active a {
    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
}

.profile-wrap .filter {
    margin-top: 47px;
    position: relative;
    height: 48px;
    z-index: 123;
}

.profile-wrap .filter ul {
    position: Relative;
    z-index: 2;
}

.profile-wrap .filter ul:after {
    display: block;
    content: "";
    clear: both
}

.profile-wrap .filter ul li ul {
    position: absolute;
    top: 50px;
}

.profile-wrap .filter li {
    width: 180px;
    float: left;
}

.profile-wrap .filter li:nth-child(n+2) {
    margin-left: 12px
}

.profile-wrap .filter .sbtn {
    border-radius: 48px;
    padding: 0 20px;
    color: #1b1b1b;
}

.profile-wrap .filter .total {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 48px;
    position: absolute;
    right: 0;
    top: 0;
}

.profile-wrap .filter .sel-box ul li:nth-child(n+2) {
    border-top: none !important;
}

@media only screen and (max-width:1220px) {
    .profile-wrap .follower {
        margin-top: 35px;
    }

    .profile-wrap .follower li a {
        width: 160px;
        font-size: 16px;
        height: 55px;
        line-height: 57px;
    }

    .profile-wrap .filter li {
        width: 160px;
    }

    .profile-wrap .filter .total {
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .profile-wrap .follower {
        margin-top: 25px;
    }

    .profile-wrap .follower li a {
        width: auto;
        font-size: 15px;
        height: 50px;
        line-height: 52px;
    }

    .profile-wrap .filter {
        margin-top: 35px;
    }

    .profile-wrap .filter li {
        width: 140px;
    }

    .profile-wrap .filter .total {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .profile-wrap .follower li a {
        font-size: 14px;
        height: 45px;
        line-height: 47px;
    }

    .profile-wrap .filter {
        height: auto;
        margin-top: 25px;
    }

    .profile-wrap .filter ul {
        margin: 0 -4px;
    }

    .profile-wrap .filter li {
        width: calc(50% - 8px);
        margin: 0 4px;
    }

    .profile-wrap .filter li:nth-child(n+2) {
        margin-left: 4px
    }

    .profile-wrap .filter .total {
        font-size: 13px;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 15px;
        line-height: 1.2em;
    }
}

@media only screen and (max-width:480px) {
    .profile-wrap .follower li a {
        height: 40px;
        line-height: 42px;
        font-size: 13px;
    }

    .profile-wrap .filter li {}

    .profile-wrap .filter .total {
        font-size: 12px;
    }
}

.profile-wrap .list {
    margin-top: 25px;
}

.profile-wrap .list .masonry {
    padding: 0;
    margin: 0 -12px;
    font-size: 0;
}

.profile-wrap .list .masonry:after {
    display: block;
    content: "";
    clear: both;
}

.profile-wrap .list .masonry .grid-sizer {
    width: 33.333333333333%;
}

.profile-wrap .list .masonry .item {
    float: left;
    width: calc(33.33333333333% - 24px);
    margin: 0 12px;
    background: #e1e1e1;
    padding: 0;
    outline: none;
    position: relative;
}

.profile-wrap .list .masonry .item:nth-child(n+4) {
    margin-top: 20px;
}

.profile-wrap .list .masonry .item a {
    display: block;
}

.profile-wrap .list .masonry .item .cate {
    position: absolute;
    display: none !important;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.7);
    height: 30px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.profile-wrap .list .masonry .item .cate.bg-red {
    background-color: rgba(255, 0, 0, 0.7)
}

.profile-wrap .list .masonry .item .img {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 438px;
    overflow: hidden;
}

.profile-wrap .list .masonry .item .img img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease-out;
}

.profile-wrap .list .masonry .item:hover .over {
    opacity: 1
}

.profile-wrap .list .masonry .item .over {
    position: absolute;
    left: 0;
    bottom: 0;
    /* display: none !important; */
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.profile-wrap .list .masonry .item .over .like {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    background: url(../_Img/main/like-off.png) no-repeat 15px center;
    padding-left: 62px;
    font-size: 14px;
    font-weight: 500;
    line-height: 62px;
    color: #fff;
}

.profile-wrap .list .masonry .item .over .like.active {
    background-image: url(../_Img/main/like-on.png)
}

.profile-wrap .list .masonry .item .over .down {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(../_Img/main/img-down.png) no-repeat center center;
}

.profile-wrap .list .masonry .item .over .down:hover {
    background-color: #1b1b1b
}


.profile-wrap .list .masonry .item:hover .img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

@media only screen and (max-width:1920px) {
    .profile-wrap .list .masonry {
        margin: 0 -10px;
    }

    .profile-wrap .list .masonry .item .img {
        height: 400px;
    }

    .profile-wrap .list .masonry .item:nth-child(n+5) {
        margin-top: 20px;
    }
}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1480px) {
    .profile-wrap .list .masonry {
        margin: 0 -10px;
    }

    .profile-wrap .list .masonry .grid-sizer {
        width: 33%;
    }

    .profile-wrap .list .masonry .item {
        width: calc(33% - 20px);
        margin: 0 10px;
    }

    .profile-wrap .list .masonry .item .img {
        height: 360px;
    }

    .profile-wrap .list .masonry .item:nth-child(n+4) {
        margin-top: 20px;
    }

    .profile-wrap .list .masonry .item .cate {
        font-size: 11px;
        padding: 0 10px;
        height: 26px;
        line-height: 28px;
    }

    .profile-wrap .list .masonry .item .over {
        height: 50px;
    }

    .profile-wrap .list .masonry .item .over .like {
        background-size: 30px;
        height: 50px;
        line-height: 52px;
        font-size: 12px;
        padding-left: 54px
    }

    .profile-wrap .list .masonry .item .over .down {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:999px) {
    .profile-wrap .list .masonry {
        margin: 0 -5px;
    }

    .profile-wrap .list .masonry .grid-sizer {
        width: 50%;
    }

    .profile-wrap .list .masonry .item {
        width: calc(100%);
        margin: 0 5px;
    }

    .profile-wrap .list .masonry .item .img {
        height: 310px;
    }

    .profile-wrap .list .masonry .item:nth-child(n+1) {
        margin-top: 10px;
    }

    .profile-wrap .list .masonry .item .cate {
        font-size: 10px;
        padding: 0 8px;
        height: 22px;
        line-height: 24px;
    }

    .profile-wrap .list .masonry .item .over {
        height: 40px;
    }

    .profile-wrap .list .masonry .item .over .like {
        background-position: 10px center;
        background-size: 20px;
        height: 40px;
        line-height: 42px;
        font-size: 11px;
        padding-left: 42px
    }

    .profile-wrap .list .masonry .item .over .down {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width:680px) {
    .profile-wrap .list {
        margin-top: 15px;
    }

    .profile-wrap .list .masonry .item {}

    .profile-wrap .list .masonry .item .img {
        height: 260px;
    }

    .profile-wrap .list .masonry .item .over {
        height: 30px;
    }

    .profile-wrap .list .masonry .item .over .like {
        background-size: 16px;
        height: 30px;
        line-height: 32px;
        font-size: 10px;
        padding-left: 34px
    }

    .profile-wrap .list .masonry .item .over .down {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width:480px) {
    .profile-wrap .list .masonry .item {}

    .profile-wrap .list .masonry .item .img {
        height: 100%;
        min-height: 150px;
    }
}





/* ======================================================
   .sign-wrap
=========================================================*/
.sign-wrap {
    max-width: 564px;
    margin: 0 auto;
}

.sign-wrap .tab {}

.sign-wrap .tab ul {}

.sign-wrap .tab ul:after {
    display: block;
    content: "";
    clear: both
}

.sign-wrap .tab li {
    float: left;
    width: 50%;
}

.sign-wrap .tab li:nth-child(2) {}

.sign-wrap .tab li a {
    display: block;
    height: 58px;
    border: 1px solid #1b1b1b;
    line-height: 60px;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #1b1b1b;
    text-align: center;
}

.sign-wrap .tab li.active a {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #fff;
}

@media only screen and (max-width:1220px) {
    .sign-wrap .tab li a {
        font-size: 16px;
        height: 55px;
        line-height: 58px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .sign-wrap .tab li a {
        font-size: 15px;
        height: 50px;
        line-height: 53px;
    }
}

@media only screen and (max-width:680px) {
    .sign-wrap .tab li a {
        height: 45px;
        line-height: 48px;
    }
}

@media only screen and (max-width:480px) {
    .sign-wrap .tab li a {
        height: 40px;
        line-height: 44px;
    }
}


.sign-wrap .sign {
    margin-top: 48px;
}

.sign-wrap .sign ul {
    margin: 0 -6px;
}

.sign-wrap .sign ul:after {
    display: block;
    content: "";
    clear: both
}

.sign-wrap .sign li {
    float: left;
    width: calc(33.3333% - 12px);
    margin: 0 6px;
}

.sign-wrap .sign li a {
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-wrap .sign li a span {
    display: block;
    padding-top: 124px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 1.3em;
    position: relative
}

.sign-wrap .sign li a span:before {
    width: 84px;
    height: 84px;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: 0;
    display: block;
    content: "";
    background-size: 100% auto !important;
    border-radius: 100%;
    background-color: #fff !important;
}

.sign-wrap .sign li:nth-child(1) a {
    background: #898989
}

.sign-wrap .sign li:nth-child(2) a {
    background: #e94336
}

.sign-wrap .sign li:nth-child(3) a {
    background: #3b5a9a
}

.sign-wrap .sign li:nth-child(1) span:before {
    background: url(../_Img/content/sign-type01.png) no-repeat center center;
}

.sign-wrap .sign li:nth-child(2) span:before {
    background: url(../_Img/content/sign-type02.png) no-repeat center center;
}

.sign-wrap .sign li:nth-child(3) span:before {
    background: url(../_Img/content/sign-type03.png) no-repeat center center;
}

@media only screen and (max-width:1220px) {
    .sign-wrap .sign {
        margin-top: 40px;
    }

    .sign-wrap .sign li a {
        height: 220px;
    }

    .sign-wrap .sign li a span {
        font-size: 16px;
        padding-top: 110px;
    }

    .sign-wrap .sign li a span:before {
        width: 76px;
        height: 76px;
        margin-left: -38px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .sign-wrap .sign {
        margin-top: 35px;
    }

    .sign-wrap .sign li a {
        height: 200px;
    }

    .sign-wrap .sign li a span {
        font-size: 15px;
        padding-top: 90px;
    }

    .sign-wrap .sign li a span:before {
        width: 66px;
        height: 66px;
        margin-left: -33px;
    }
}

@media only screen and (max-width:680px) {
    .sign-wrap .sign {
        margin-top: 25px;
    }

    .sign-wrap .sign ul {
        margin: 0
    }

    .sign-wrap .sign li {
        float: none;
        width: auto;
        margin: 0
    }

    .sign-wrap .sign li:nth-child(n+2) {
        margin-top: 6px;
    }

    .sign-wrap .sign li a {
        height: 180px;
    }

    .sign-wrap .sign li a span {
        font-size: 14px;
        padding-top: 70px;
    }

    .sign-wrap .sign li a span:before {
        width: 56px;
        height: 56px;
        margin-left: -28px;
    }
}

@media only screen and (max-width:480px) {
    .sign-wrap .sign li a {
        height: 150px;
    }
}


.sign-wrap .other {
    margin-top: 45px;
    text-align: right;
}

.sign-wrap .other p {
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.3em;
}

.sign-wrap .other p a {
    display: inline-block;
    vertical-align: top;
    color: #1b1b1b;
    border-bottom: 1px solid #1b1b1b;
    margin-left: 10px;
}

.sign-wrap .other p a:hover {
    color: #fd5c3f
}

.sign-wrap .agrees {
    margin-top: 48px;
    padding-left: 24px;
}

.sign-wrap .agrees ul {
    margin-top: 20px;
}

.sign-wrap .agrees li {
    position: Relative;
}

.sign-wrap .agrees li:nth-child(n+2) {
    margin-top: 16px;
}

.sign-wrap .agrees .chk-check.all-chk label {
    font-size: 22px;
}

.sign-wrap .agrees .chk-check label:before {
    border-radius: 100%;
}

.sign-wrap .agrees .view-btn {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    font-size: 18px;
    color: #1b1b1b;
    line-height: 26px;
    margin-left: 14px;
    border-bottom: 1px solid #1b1b1b
}

@media only screen and (max-width:1220px) {
    .sign-wrap .other {
        margin-top: 30px
    }

    .sign-wrap .other p {
        font-size: 15px;
    }

    .sign-wrap .agrees {
        margin-top: 40px;
    }

    .sign-wrap .agrees .chk-check.all-chk label {
        font-size: 20px;
    }

    .sign-wrap .agrees .view-btn {
        font-size: 16px;
        height: 20px;
        line-height: 24px;
        margin-left: 10px
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .sign-wrap .other p {
        font-size: 14px;
    }

    .sign-wrap .agrees {
        margin-top: 30px;
        padding: 0 15px
    }

    .sign-wrap .agrees .chk-check.all-chk label {
        font-size: 18px;
    }

    .sign-wrap .agrees .view-btn {
        font-size: 14px;
        height: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width:680px) {
    .sign-wrap .other {
        margin-top: 20px
    }

    .sign-wrap .other p {
        font-size: 13px;
    }

    .sign-wrap .agrees li {
        padding-right: 60px;
    }

    .sign-wrap .agrees .chk-check.all-chk label {
        font-size: 16px;
    }

    .sign-wrap .agrees .view-btn {
        font-size: 13px;
        position: Absolute;
        right: 0;
        top: 0;
    }
}

@media only screen and (max-width:480px) {
    .sign-wrap .agrees .chk-check.all-chk label {
        font-size: 15px;
    }
}

.sign-wrap .entry {
    margin-top: 45px;
}

.sign-wrap .entry li {}

.sign-wrap .entry li:nth-child(n+2) {
    margin-top: 12px;
}

.sign-wrap .entry li.company {
    display: none;
}

.sign-wrap .entry .chk-input {
    width: 100%;
}

.sign-wrap .entry .field {
    display: block;
}

.sign-wrap .entry .field .chk-input {
    float: left;
    width: calc(50% - 6px)
}

.sign-wrap .entry .field .chk-input:nth-child(2) {
    float: right
}

.sign-wrap .entry .ex {
    font-size: 14px;
    font-weight: 500;
    color: #fd5c3f;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-top: 25px;
    padding-left: 15px;
}

.sign-wrap .lower {
    margin-top: 25px;
    margin-bottom: 50px;
}

.sign-wrap .lower .join-btn {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .sign-wrap .entry {
        margin-top: 35px;
    }

    .sign-wrap .entry .ex {
        font-size: 13px;
    }

    .sign-wrap .lower .join-btn {
        font-size: 16px;
        line-height: 58px;
        height: 55px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .sign-wrap .entry .ex {
        font-size: 12px;
        margin-top: 20px;
    }

    .sign-wrap .lower .join-btn {
        font-size: 15px;
        line-height: 54px;
        height: 50px;
    }
}

@media only screen and (max-width:680px) {
    .sign-wrap .entry {
        margin-top: 25px;
    }

    .sign-wrap .entry .field .chk-input {
        float: none;
        width: 100%
    }

    .sign-wrap .entry .field .chk-input:nth-child(2) {
        float: none;
        margin-top: 7px;
    }
}

@media only screen and (max-width:480px) {}




/* ======================================================
   .member-wrap.login
=========================================================*/
.member-wrap.login {
    max-width: 420px;
    margin: 0 auto;
}

.member-wrap.login .entry {
    border-top: 3px solid #1b1b1b;
    padding-top: 24px;
}

.member-wrap.login .entry li:nth-child(n+2) {
    margin-top: 12px;
}

.member-wrap.login .entry .chk-input {
    width: 100%;
}

.member-wrap.login .lower {
    margin-top: 25px;
}

.member-wrap.login .lower .login-btn {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.member-wrap.login .other {
    margin-top: 45px
}

.member-wrap.login .other ul {
    text-align: right;
}

.member-wrap.login .other ul:after {
    display: block;
    content: "";
    clear: both
}

.member-wrap.login .other li {
    display: inline-block;
    vertical-align: top;
}

.member-wrap.login .other li:nth-child(n+2) {
    margin-left: 30px
}

.member-wrap.login .other li a {
    display: block;
    line-height: 1.2em;
    color: #898989;
    font-size: 16px;
    border-bottom: 1px solid #898989
}

.member-wrap.login .other li a:hover {
    color: #1b1b1b;
    border-color: #1b1b1b
}

.member-wrap.login .sns {
    margin-top: 60px;
    text-align: center;
    font-size: 0;
}

.member-wrap.login .sns p {
    display: inline-block;
    vertical-align: top;
    height: 48px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
}

.member-wrap.login .sns ul {
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
    height: 48px;
}

.member-wrap.login .sns ul:after {
    display: block;
    content: ""
}

.member-wrap.login .sns li {
    float: left
}

.member-wrap.login .sns li:nth-child(n+2) {
    margin-left: 12px;
}

.member-wrap.login .sns li a {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.member-wrap.login .sns li:nth-child(1) a {
    background: url(../_Img/content/login-sns01.jpg) no-repeat center center;
    background-size: 100% auto;
}

.member-wrap.login .sns li:nth-child(2) a {
    background: url(../_Img/content/login-sns02.jpg) no-repeat center center;
    background-size: 100% auto;
}


.member-wrap.login .join {
    margin-top: 45px;
    border: 1px solid #1b1b1b;
    text-align: center;
    padding: 30px 10px;
}

.member-wrap.login .join p {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.3em;
}

.member-wrap.login .join a {
    margin-left: 6px;
    color: #1b1b1b;
}

.member-wrap.login .join a:hover {
    color: #fd5c3f;
}

@media only screen and (max-width:1220px) {
    .member-wrap.login .lower .login-btn {
        font-size: 16px;
        height: 55px;
        line-height: 58px;
    }

    .member-wrap.login .other li a {
        font-size: 15px;
    }

    .member-wrap.login .sns {
        margin-top: 50px;
    }

    .member-wrap.login .sns p {
        font-size: 16px;
        height: 42px;
        line-height: 45px;
    }

    .member-wrap.login .sns li a {
        width: 42px;
        height: 42px;
    }

    .member-wrap.login .join p {
        font-size: 16px
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .member-wrap.login .lower .login-btn {
        font-size: 15px;
        height: 50px;
        line-height: 54px;
    }

    .member-wrap.login .other {
        margin-top: 30px
    }

    .member-wrap.login .other li:nth-child(n+2) {
        margin-left: 20px
    }

    .member-wrap.login .other li a {
        font-size: 14px;
    }

    .member-wrap.login .sns {
        margin-top: 40px
    }

    .member-wrap.login .sns p {
        font-size: 15px;
        height: 36px;
        line-height: 40px;
    }

    .member-wrap.login .sns ul {
        margin-left: 15px;
    }

    .member-wrap.login .sns li a {
        width: 36px;
        height: 36px;
    }

    .member-wrap.login .join {
        margin-top: 30px;
        padding: 20px 10px
    }

    .member-wrap.login .join p {
        font-size: 15px
    }
}

@media only screen and (max-width:680px) {
    .member-wrap.login .other li a {
        font-size: 13px;
    }

    .member-wrap.login .sns {
        margin-top: 30px
    }

    .member-wrap.login .sns p {
        font-size: 14px;
    }

    .member-wrap.login .join p {
        font-size: 14px
    }
}

@media only screen and (max-width:480px) {
    .member-wrap.login .join p {
        font-size: 13px
    }
}






/* ======================================================
   .member-wrap.find
=========================================================*/
.member-wrap.find {
    max-width: 564px;
    margin: 0 auto;
}

.member-wrap.find .tab {}

.member-wrap.find .tab ul {}

.member-wrap.find .tab ul:after {
    display: block;
    content: "";
    clear: both
}

.member-wrap.find .tab li {
    float: left;
    width: 50%;
}

.member-wrap.find .tab li:nth-child(2) {}

.member-wrap.find .tab li a {
    display: block;
    height: 58px;
    border: 1px solid #1b1b1b;
    line-height: 60px;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #1b1b1b;
    text-align: center;
}

.member-wrap.find .tab li.active a {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #fff;
}

@media only screen and (max-width:1220px) {
    .member-wrap.find .tab li a {
        font-size: 16px;
        height: 55px;
        line-height: 58px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .member-wrap.find .tab li a {
        font-size: 15px;
        height: 50px;
        line-height: 53px;
    }
}

@media only screen and (max-width:680px) {
    .member-wrap.find .tab li a {
        height: 45px;
        line-height: 48px;
    }
}

@media only screen and (max-width:480px) {
    .member-wrap.find .tab li a {
        height: 40px;
        line-height: 44px;
    }
}

.member-wrap.find .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 252px;
}

.member-wrap.find .txt p {
    font-size: 22px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    width: 100%;
    text-align: center;
}

.member-wrap.find .result-con1 {}

.member-wrap.find .result-con2 {
    display: none;
}

.member-wrap.find .result {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 252px;
}

.member-wrap.find .result .vc {
    width: 100%;
    text-align: center;
}

.member-wrap.find .result .btxt {
    font-size: 22px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.member-wrap.find .result .stxt {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

@media only screen and (max-width:1220px) {
    .member-wrap.find .txt {
        height: 220px
    }

    .member-wrap.find .txt p {
        font-size: 20px;
    }

    .member-wrap.find .result {
        height: 220px
    }

    .member-wrap.find .result .btxt {
        font-size: 20px;
    }

    .member-wrap.find .result .stxt {
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .member-wrap.find .txt {
        height: 190px
    }

    .member-wrap.find .txt p {
        font-size: 18px;
    }

    .member-wrap.find .result {
        height: 190px
    }

    .member-wrap.find .result .btxt {
        font-size: 18px;
    }

    .member-wrap.find .result .stxt {
        font-size: 15px;
    }
}

@media only screen and (max-width:680px) {
    .member-wrap.find .txt {
        height: 160px
    }

    .member-wrap.find .txt p {
        font-size: 16px;
    }

    .member-wrap.find .result {
        height: 160px
    }

    .member-wrap.find .result .btxt {
        font-size: 17px;
    }

    .member-wrap.find .result .stxt {
        font-size: 14px;
        margin-top: 5px;
    }
}

@media only screen and (max-width:480px) {
    .member-wrap.find .txt p {
        font-size: 14px;
    }

    .member-wrap.find .result .stxt {
        font-size: 13px;
    }
}


.member-wrap.find .entry {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 252px;
}

.member-wrap.find .entry .vc {
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
}

.member-wrap.find .entry ul {}

.member-wrap.find .entry li:nth-child(n+2) {
    margin-top: 12px;
}

.member-wrap.find .entry .chk-input {
    width: 100%;
}

.member-wrap.find .entry .ex {
    font-size: 14px;
    font-weight: 500;
    color: #fd5c3f;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-top: 25px;
    padding-left: 15px;
}

.member-wrap.find .lower {}

.member-wrap.find .lower .cerfity-btn,
.member-wrap.find .lower .enter-btn,
.member-wrap.find .lower .join-btn {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .member-wrap.find .entry {
        height: 220px
    }

    .member-wrap.find .lower .cerfity-btn,
    .member-wrap.find .lower .enter-btn,
    .member-wrap.find .lower .join-btn {
        font-size: 16px;
        height: 55px;
        line-height: 58px
    }

    .member-wrap.find .entry .ex {
        font-size: 13px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .member-wrap.find .entry {
        height: 190px
    }

    .member-wrap.find .entry.last {
        height: 200px;
    }

    .member-wrap.find .entry .vc {
        padding: 0 30px;
    }

    .member-wrap.find .lower .cerfity-btn,
    .member-wrap.find .lower .enter-btn,
    .member-wrap.find .lower .join-btn {
        font-size: 15px;
        height: 50px;
        line-height: 54px
    }

    .member-wrap.find .entry .ex {
        font-size: 12px;
        margin-top: 15px;
    }
}

@media only screen and (max-width:680px) {
    .member-wrap.find .entry {
        height: 160px
    }
}

@media only screen and (max-width:480px) {
    .member-wrap.find .entry .vc {
        padding: 0 20px;
    }
}






/* ======================================================
   .mypage-wrap.account
=========================================================*/
.mypage-wrap.account .info {
    position: Relative;
    padding-right: 330px;
    text-align: left;
}

.mypage-wrap.account .info .ov {
    position: Relative;
    padding-left: 200px;
    display: inline-block;
    vertical-align: Top;
}

.mypage-wrap.account .info .photo {
    width: 120px;
    height: 120px;
    position: Absolute;
    left: 48px;
    top: 0;
}

.mypage-wrap.account .info .photo img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 104px;
}

.mypage-wrap.account .info .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

.mypage-wrap.account .info .vc {
    width: 100%;
    text-align: left
}

.mypage-wrap.account .info .btxt {
    font-size: 30px;
    font-weight: 700;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.mypage-wrap.account .info .stxt {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.mypage-wrap.account .info .ctxt {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.mypage-wrap.account .info .abr {
    position: absolute;
    right: 48px;
    top: 0;
    font-size: 0;
}

.mypage-wrap.account .info .abr a {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    text-align: center;
    box-sizing: border-box;
    width: 120px;
    height: 120px;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.mypage-wrap.account .info .abr a:nth-child(n+2) {
    margin-left: 12px;
}

.mypage-wrap.account .info .abr a span {
    display: block;
    padding-top: 78px;
}

.mypage-wrap.account .info .abr a:nth-child(1) span {
    background: url(../_Img/content/account-photo.png) no-repeat center 40px
}

.mypage-wrap.account .info .abr a:nth-child(2) span {
    background: url(../_Img/content/account-password.png) no-repeat center 40px
}

.mypage-wrap.account .info .abr a:hover {
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width:1220px) {
    .mypage-wrap.account .info {
        padding-right: 290px
    }

    .mypage-wrap.account .info .ov {
        padding-left: 160px;
    }

    .mypage-wrap.account .info .photo {
        width: 100px;
        height: 100px;
        left: 20px;
    }

    .mypage-wrap.account .info .photo img {
        height: 100px;
    }

    .mypage-wrap.account .info .txt {
        height: 100px
    }

    .mypage-wrap.account .info .btxt {
        font-size: 26px
    }

    .mypage-wrap.account .info .stxt {
        font-size: 16px;
    }

    .mypage-wrap.account .info .ctxt {
        margin-top: 10px;
        font-size: 16px;
    }

    .mypage-wrap.account .info .abr {
        right: 20px;
    }

    .mypage-wrap.account .info .abr a {
        width: 100px;
        height: 100px;
        font-size: 14px;
    }

    .mypage-wrap.account .info .abr a span {
        padding-top: 60px;
        background-position: center 30px !Important;
        background-size: 20px auto !important;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .mypage-wrap.account .info {
        padding-right: 260px
    }

    .mypage-wrap.account .info .ov {
        padding-left: 130px;
    }

    .mypage-wrap.account .info .photo {
        width: 80px;
        height: 80px
    }

    .mypage-wrap.account .info .photo img {
        height: 80px;
    }

    .mypage-wrap.account .info .txt {
        height: 80px
    }

    .mypage-wrap.account .info .btxt {
        font-size: 23px
    }

    .mypage-wrap.account .info .stxt {
        font-size: 14px;
    }

    .mypage-wrap.account .info .ctxt {
        margin-top: 7px;
        font-size: 14px;
    }

    .mypage-wrap.account .info .abr a {
        width: 100px;
        height: 80px;
        font-size: 13px;
    }

    .mypage-wrap.account .info .abr a span {
        padding-top: 50px;
        background-position: center 20px !Important;
        background-size: 18px auto !important;
    }
}

@media only screen and (max-width:680px) {
    .mypage-wrap.account .info {
        padding-right: 0;
        text-align: center;
        padding-top: 10px;
    }

    .mypage-wrap.account .info .ov {
        padding-left: 0;
    }

    .mypage-wrap.account .info .photo {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;
    }

    .mypage-wrap.account .info .txt {
        height: auto;
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .mypage-wrap.account .info .vc {
        text-align: center;
    }

    .mypage-wrap.account .info .btxt {
        font-size: 20px
    }

    .mypage-wrap.account .info .stxt {
        font-size: 13px;
    }

    .mypage-wrap.account .info .ctxt {
        font-size: 13px;
    }

    .mypage-wrap.account .info .abr {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 auto;
        margin-top: 25px;
        max-width: 300px;
    }

    .mypage-wrap.account .info .abr:after {
        display: block;
        content: "";
        clear: both;
    }

    .mypage-wrap.account .info .abr a {
        display: block;
        height: 45px;
        line-height: 49px;
        float: left;
        width: calc(50% - 6px);
        margin: 0 3px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
    }

    .mypage-wrap.account .info .abr a span {
        padding-top: 0;
        background-position: 0 calc(50% - 1px) !Important;
        background-size: 15px auto !important;
        padding-left: 25px;
        display: inline-block;
        vertical-align: top
    }

    .mypage-wrap.account .info .abr a:nth-child(n+2) {
        margin-left: 3px;
    }
}

@media only screen and (max-width:480px) {
    .mypage-wrap.account .info .abr a {
        height: 40px;
        line-height: 44px;
    }
}

.mypage-wrap.account .cont {
    border-top: 1px solid #dcdcdc;
    padding-top: 48px;
    margin-top: 48px;
}

.mypage-wrap.account .cont:after {
    display: block;
    content: "";
    clear: both
}

.mypage-wrap.account .cont .fl {
    float: left;
    width: calc(50% - 24px)
}

.mypage-wrap.account .cont .fr {
    float: right;
    width: calc(50% - 24px)
}

.mypage-wrap.account .cont h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 25px;
}

.mypage-wrap.account .cont .nec {
    font-size: 14px;
    font-weight: 500;
    color: #fd5c3f;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-top: 25px;
    padding-left: 15px;
}

@media only screen and (max-width:1220px) {
    .mypage-wrap.account .cont h4 {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .mypage-wrap.account .cont .nec {
        font-size: 13px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .mypage-wrap.account .cont {
        padding-top: 35px;
        margin-top: 35px;
    }

    .mypage-wrap.account .cont .fl {
        float: none;
        width: auto
    }

    .mypage-wrap.account .cont .fr {
        float: none;
        width: auto;
        margin-top: 25px;
    }

    .mypage-wrap.account .cont h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .mypage-wrap.account .cont .nec {
        font-size: 12px;
        margin-top: 20px;
        padding-left: 10px;
    }
}

@media only screen and (max-width:680px) {
    .mypage-wrap.account .cont {
        padding-top: 25px;
        margin-top: 25px;
    }
}

@media only screen and (max-width:480px) {}

.mypage-wrap.account .entry ul:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dcdcdc;
}

.mypage-wrap.account .entry li {}

.mypage-wrap.account .entry li:nth-child(n+2) {
    margin-top: 12px;
}

.mypage-wrap.account .entry .chk-input {
    width: 100%;
}

.mypage-wrap.account .entry .chk-select {
    width: 100%;
}

.mypage-wrap.account .entry .chk-input.ids {}

.mypage-wrap.account .entry .chk-input.ids input {
    padding-right: 55px;
}

.mypage-wrap.account .entry .chk-input.ids .modify {
    position: Absolute;
    right: 5px;
    top: 0;
    width: 48px;
    height: 48px;
    background: url(../_Img/content/account-pen.png) no-repeat center center;
    border: none;
    z-index: 12;
}

.mypage-wrap.account .entry .field.name {
    display: block;
}

.mypage-wrap.account .entry .field.name .chk-input {
    float: left;
    width: calc(50% - 6px)
}

.mypage-wrap.account .entry .field.name .chk-input:nth-child(2) {
    width: calc(50% - 6px);
    float: right;
}

.mypage-wrap.account .entry .field.birth {
    display: block;
    position: relative;
    margin: 0 -6px;
}

.mypage-wrap.account .entry .field.birth .chk-select {
    width: calc(33.3333% - 12px);
    margin: 0 6px
}

.mypage-wrap.account .entry .field.post {
    display: block;
    position: relative;
    padding-right: 190px;
}

.mypage-wrap.account .entry .field.post .chk-input {
    width: 100%
}

.mypage-wrap.account .entry .field.post a {
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
    text-align: center;
    height: 48px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #898989;
}

.mypage-wrap.account .entry .field.post a:hover {
    background: #1b1b1b;
}

.mypage-wrap.account .chk-check label {
    color: #898989;
    font-size: 16px;
}

.mypage-wrap.account .chk-check input[type="checkbox"]:checked+label {
    color: #1b1b1b;
}

.mypage-wrap.account .alrim .chk-radio label {
    color: #898989;
    font-size: 16px;
}

.mypage-wrap.account .alrim .chk-radio input[type="radio"]:checked+label {
    color: #1b1b1b;
}

@media only screen and (max-width:1220px) {
    .mypage-wrap.account .entry .field.post {
        padding-right: 170px;
    }

    .mypage-wrap.account .entry .field.post a {
        width: 160px;
        font-size: 16px;
    }

    .mypage-wrap.account .chk-check label {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .mypage-wrap.account .entry .field.post {
        padding-right: 150px;
    }

    .mypage-wrap.account .entry .field.post a {
        width: 140px;
        font-size: 15px;
        height: 45px;
        line-height: 47px
    }

    .mypage-wrap.account .chk-check label {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .mypage-wrap.account .entry .field.post {
        padding-right: 130px;
    }

    .mypage-wrap.account .entry .field.post a {
        width: 120px;
        font-size: 15px;
    }

    .mypage-wrap.account .entry .field.birth .chk-select:nth-child(1) {
        width: calc(46% - 12px);
        margin: 0 6px;
    }

    .mypage-wrap.account .entry .field.birth .chk-select {
        width: calc(27% - 12px);
        margin: 0 6px
    }

    .mypage-wrap.account .chk-check label {
        font-size: 13px;
    }
}

@media only screen and (max-width:480px) {
    .mypage-wrap.account .entry .field.post {
        padding-right: 130px;
    }

    .mypage-wrap.account .entry .field.post a {
        width: 120px;
    }
}

.mypage-wrap.account .sns ul {}

.mypage-wrap.account .sns li:nth-child(n+2) {
    margin-top: 12px;
}

.mypage-wrap.account .sns .chk-input {
    width: 100%;
}

/* .mypage-wrap.account .alrim{margin-top:24px; padding-top:22px;border-top:1px solid #dcdcdc;} */
.mypage-wrap.account .alrim ul {}

.mypage-wrap.account .alrim li:nth-child(n+2) {
    margin-top: 12px;
}

.mypage-wrap.account .spon {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid #dcdcdc;
}

.mypage-wrap.account .spon .txt {
    text-align: center;
}

.mypage-wrap.account .spon .txt p {
    font-size: 16px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.04em;
    line-height: 1.4em;
}

.mypage-wrap.account .spon .txt a {
    margin-top: 15px;
    width: 240px;
    height: 48px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #898989;
}

.mypage-wrap.account .spon .txt a:hover {
    background: #1b1b1b;
}

.mypage-wrap.account .spon ul {
    margin-top: 48px;
}

.mypage-wrap.account .spon li:nth-child(n+2) {
    margin-top: 12px;
}

.mypage-wrap.account .spon li .chk-input {
    width: 100%
}

.mypage-wrap.account .spon .field.bank {
    display: block;
}

.mypage-wrap.account .spon .field.bank .chk-input {
    float: left;
    width: calc(50% - 6px)
}

.mypage-wrap.account .spon .field.bank .chk-input:nth-child(2) {
    float: right;
    width: calc(50% - 6px)
}

.mypage-wrap.account .spon .field.bank .chk-select {
    width: calc(50% - 6px);
    float: right;
}

@media only screen and (max-width:1220px) {
    .mypage-wrap.account .spon .txt p {
        font-size: 15px;
    }

    .mypage-wrap.account .spon .txt a {
        width: 220px;
        height: 45px;
        line-height: 47px;
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .mypage-wrap.account .spon .txt p {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .mypage-wrap.account .alrim li:nth-child(1) .field.choice {}

    .mypage-wrap.account .alrim li:nth-child(1) .field.choice .chk-check {
        width: 40%;
    }

    .mypage-wrap.account .alrim li:nth-child(1) .field.choice .chk-check:nth-child(1) {
        width: 60%
    }

    .mypage-wrap.account .alrim li:nth-child(1) .field.choice .chk-check:nth-child(n+2) {
        margin: 0;
    }

    .mypage-wrap.account .alrim li:nth-child(1) .field.choice .chk-check:nth-child(n+3) {
        margin-top: 10px;
    }

    .mypage-wrap.account .alrim li:nth-child(3) .field.choice .chk-check {
        width: 50%;
    }

    .mypage-wrap.account .alrim li:nth-child(3) .field.choice .chk-check:nth-child(n+2) {
        margin: 0;
    }

    .mypage-wrap.account .alrim li:nth-child(3) .field.choice .chk-check:nth-child(n+3) {
        margin-top: 10px;
    }

    .mypage-wrap.account .spon .txt p {
        font-size: 13px;
    }

    .mypage-wrap.account .spon .txt a {
        width: 200px;
        height: 40px;
        line-height: 44px;
    }

}

@media only screen and (max-width:480px) {
    .mypage-wrap.account .spon .txt a {
        width: 180px;
    }
}

.mypage-wrap.account .dona {
    border-top: 1px solid #dcdcdc;
    padding: 40px 0;
    margin-top: 24px;
}

.mypage-wrap.account .dona:after {
    display: block;
    content: "";
    clear: both
}

.mypage-wrap.account .dona .fl {
    float: left;
    width: calc(50% - 24px)
}

.mypage-wrap.account .dona .fr {
    float: right;
    width: calc(50% - 24px)
}

.mypage-wrap.account .dona h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.mypage-wrap.account .dona .fl ul {
    margin-top: 15px;
}

.mypage-wrap.account .dona .fl ul:after {
    display: block;
    content: "";
    clear: both
}

.mypage-wrap.account .dona .fl ul li {
    float: left;
}

.mypage-wrap.account .dona .fl ul li:nth-child(n+2) {
    margin-left: 12px;
}

.mypage-wrap.account .dona .fl ul li a {
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    text-align: center;
    box-sizing: border-box;
    width: 150px;
    height: 48px;
    line-height: 48px;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.mypage-wrap.account .dona .fl ul li a:hover {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}

.mypage-wrap.account .dona .nec {
    font-size: 14px;
    font-weight: 500;
    color: #fd5c3f;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-top: 25px;
}

.mypage-wrap.account .dona .field {
    display: block;
    padding-top: 2px;
}

.mypage-wrap.account .lower {
    margin-top: 30px;
}

.mypage-wrap.account .lower a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .mypage-wrap.account .dona h4 {
        font-size: 18px
    }

    .mypage-wrap.account .dona .nec {
        font-size: 13px;
        margin-top: 20px;
    }

    .mypage-wrap.account .dona .fl ul li a {
        font-size: 14px;
        width: 140px;
        height: 45px;
        line-height: 48px;
    }

    .mypage-wrap.account .lower a {
        font-size: 16px;
        height: 55px;
        line-height: 59px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .mypage-wrap.account .dona {
        padding: 25px 0;
        margin-top: 20px;
    }

    .mypage-wrap.account .dona h4 {
        font-size: 16px
    }

    .mypage-wrap.account .dona .nec {
        font-size: 12px;
        margin-top: 15px;
    }

    .mypage-wrap.account .dona .fl {
        float: none;
        width: auto
    }

    .mypage-wrap.account .dona .fr {
        float: none;
        width: auto;
        margin-top: 20px;
    }

    .mypage-wrap.account .dona .fl ul li a {
        font-size: 13px;
        width: 130px;
        height: 40px;
        line-height: 44px;
        border-radius: 4px
    }

    .mypage-wrap.account .dona .field.choice .chk-radio {
        width: 25%;
    }

    .mypage-wrap.account .dona .field.choice .chk-radio:nth-child(n+2) {
        margin: 0;
    }

    .mypage-wrap.account .dona .field.choice .chk-radio:nth-child(n+5) {
        margin-top: 7px;
    }

    .mypage-wrap.account .lower a {
        font-size: 15px;
        height: 50px;
        line-height: 54px;
    }
}

@media only screen and (max-width:680px) {
    .mypage-wrap.account .lower a {
        height: 45px;
        line-height: 48px;
    }
}

@media only screen and (max-width:480px) {}





/* ======================================================
   .upload-wrap
=========================================================*/
.upload-wrap .cont {}

.upload-wrap .cont ul {
    margin: 0 -36px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.upload-wrap .cont ul:after {
    display: block;
    content: "";
    clear: both
}

.upload-wrap .cont li {
    float: left;
    width: calc(25% - 72px);
    margin: 0 36px;
    padding-top: 75px;
    position: relative;
    display: flex;
    display: -webkit-flex;
}

.upload-wrap .cont li:before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 24px;
    display: block;
    content: "";
    z-index: -1;
    background: url(../_Img/content/upload-dot.jpg) repeat-x -2px;
}

.upload-wrap .cont li .vc {
    width: 100%;
}

.upload-wrap .cont li:nth-child(n+2):before {
    width: calc(100% + 72px);
    left: -72px;
}

.upload-wrap .cont li:first-child:before {
    width: 50%;
    left: 50%
}

.upload-wrap .cont li:last-child:before {
    width: calc(50% + 72px);
    left: auto;
    right: 50%
}

.upload-wrap .cont li .num {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 0;
    background: #fd5d40;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    text-align: Center;
    z-index: 2;
    color: #fff;
    border-radius: 100%;
}

.upload-wrap .cont li .img {
    border: 1px solid #dcdcdc
}

.upload-wrap .cont li .img img {
    width: 100%;
}

.upload-wrap .cont li .txt {
    margin-top: 20px;
    min-height: 50px;
}

.upload-wrap .cont li .txt p {
    font-size: 17px;
    font-weight: 400;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.upload-wrap .lower {
    margin-top: 45px;
    text-align: center;
}

.upload-wrap .lower a {
    background: #1b1b1b;
    display: inline-block;
    padding: 0 40px;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.upload-wrap .lower label {
    background: #1b1b1b;
    display: inline-block;
    padding: 0 40px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

#uploadPhotoForm #image {
    display: none;
}

@media only screen and (max-width:1220px) {
    .upload-wrap .cont ul {
        margin: 0 -30px;
    }

    .upload-wrap .cont li {
        width: calc(25% - 60px);
        margin: 0 30px;
        padding-top: 68px;
    }

    .upload-wrap .cont li:before {
        top: 21px;
    }

    .upload-wrap .cont li .num {
        width: 42px;
        height: 42px;
        line-height: 45px;
        margin-left: -21px;
        font-size: 18px;
    }

    .upload-wrap .cont li .txt p {
        font-size: 16px;
    }

    .upload-wrap .cont li:nth-child(n+2):before {
        width: calc(100% + 60px);
        left: -60px;
    }

    .upload-wrap .cont li:last-child:before {
        width: calc(50% + 60px);
    }

    .upload-wrap .lower a {
        font-size: 17px;
        line-height: 57px;
        height: 55px;
        padding: 0 30px;
    }
}

@media only screen and (max-width:1120px) {
    .upload-wrap .cont ul {
        margin: 0 -24px;
    }

    .upload-wrap .cont li {
        width: calc(25% - 48px);
        margin: 0 24px;
        padding-top: 60px;
    }
}

@media only screen and (max-width:999px) {
    .upload-wrap .cont {
        max-width: 660px;
        margin: 0 auto;
    }

    .upload-wrap .cont ul {
        margin: 0 -24px;
    }

    .upload-wrap .cont li {
        width: calc(50% - 48px);
        margin: 0 24px;
        padding-top: 52px;
    }

    .upload-wrap .cont li:nth-child(n+3) {
        margin-top: 40px;
    }

    .upload-wrap .cont li:nth-child(n+2):before {
        width: calc(100% + 48px);
        left: -48px;
    }

    .upload-wrap .cont li:last-child:before {
        width: calc(50% + 48px);
    }

    .upload-wrap .cont li:nth-child(2):before {
        width: calc(50% + 48px);
        left: -48px;
    }

    .upload-wrap .cont li:nth-child(3):before {
        left: 50%;
    }

    .upload-wrap .cont li:before {
        top: 18px;
    }

    .upload-wrap .cont li .num {
        width: 36px;
        height: 36px;
        line-height: 39px;
        margin-left: -18px;
        font-size: 16px;
    }

    .upload-wrap .cont li .txt p {
        font-size: 15px;
    }

    .upload-wrap .lower {
        margin-top: 30px;
    }

    .upload-wrap .lower a {
        font-size: 16px;
        line-height: 52px;
        height: 50px;
        padding: 0 20px;
    }
}

@media only screen and (max-width:680px) {
    .upload-wrap .cont ul {
        margin: 0 -12px;
    }

    .upload-wrap .cont li {
        width: calc(50% - 24px);
        margin: 0 12px;
        padding-top: 46px;
    }

    .upload-wrap .cont li:nth-child(n+3) {
        margin-top: 30px;
    }

    .upload-wrap .cont li:before {
        top: 15px;
    }

    .upload-wrap .cont li .num {
        width: 30px;
        height: 30px;
        line-height: 33px;
        margin-left: -15px;
        font-size: 14px;
    }

    .upload-wrap .cont li .txt {
        margin-top: 15px;
    }

    .upload-wrap .cont li .txt p {
        font-size: 14px;
        line-height: 1.3em;
    }

    .upload-wrap .cont li:nth-child(n+2):before {
        width: calc(100% + 24px);
        left: -24px;
    }

    .upload-wrap .cont li:last-child:before {
        width: calc(50% + 24px);
    }

    .upload-wrap .cont li:nth-child(2):before {
        width: calc(50% + 24px);
        left: -24px;
    }

    .upload-wrap .cont li:nth-child(3):before {
        width: calc(50% + 48px);
        left: 50%;
    }

    .upload-wrap .lower a {
        font-size: 15px;
        line-height: 48px;
        height: 45px;
    }
}

@media only screen and (max-width:480px) {
    .upload-wrap .cont ul {
        margin: 0 -6px;
    }

    .upload-wrap .cont li {
        width: calc(50% - 12px);
        margin: 0 6px;
        padding-top: 40px;
    }

    .upload-wrap .cont li:before {
        top: 12px;
    }

    .upload-wrap .cont li .num {
        width: 24px;
        height: 24px;
        line-height: 26px;
        margin-left: -12px;
        font-size: 13px;
    }

    .upload-wrap .cont li:nth-child(n+2):before {
        width: calc(100% + 12px);
        left: -12px;
    }

    .upload-wrap .cont li:last-child:before {
        width: calc(50% + 12px);
    }

    .upload-wrap .cont li:nth-child(2):before {
        width: calc(50% + 12px);
        left: -12px;
    }

    .upload-wrap .cont li:nth-child(3):before {
        width: calc(50% + 12px);
        left: 50%;
    }
}





/* ======================================================
   .about-wrap.about
=========================================================*/
.about-wrap.about {}

.about-wrap.about h3 {
    margin-top: 40px;
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.about-wrap.about .stit {
    text-align: center;
}

.about-wrap.about .stit p {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.8em;
}

.about-wrap.about .cont {
    position: relative;
    box-sizing: border-box;
    min-height: 310px;
    margin-top: 30px;
    padding-right: 400px;
}

.about-wrap.about .cont .img {
    width: 384px;
    height: 100%;
    position: Absolute;
    right: 0;
    top: 0;
    display: block;
    content: "";
    z-index: -1;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-wrap.about .cont .img img {
    width: 100%;
}

.about-wrap.about .cont .btxt {
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.about-wrap.about .cont .stxt {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.03em;
    line-height: 1.8em;
}

.about-wrap.about .cont .gap25 {
    height: 25px;
}

.about-wrap.about .share {
    margin-top: 40px
}

.about-wrap.about .share ul {
    text-align: center;
    font-size: 0;
}

.about-wrap.about .share ul:after {
    display: block;
    content: "";
    clear: both
}

.about-wrap.about .share li {
    display: inline-block;
    vertical-align: top
}

.about-wrap.about .share li:nth-child(n+2) {
    margin-left: 36px;
}

@media only screen and (max-width:1220px) {
    .about-wrap.about h3 {
        font-size: 36px
    }

    .about-wrap.about .cont:before {
        background-size: auto 250px
    }

    .about-wrap.about .cont .btxt {
        font-size: 18px
    }

    .about-wrap.about .cont .stxt {
        font-size: 14px
    }

    .about-wrap.about .cont .img img {
        width: auto;
        height: 260px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .about-wrap.about h3 {
        font-size: 32px;
        padding-top: 45px;
        position: relative;
    }

    .about-wrap.about h3:before {
        border-left: 1px solid #1b1b1b;
        position: Absolute;
        left: 50%;
        margin-left: -1px;
        top: -13px;
        height: 30px;
        display: block;
        content: ""
    }

    .about-wrap.about .stit p {
        font-size: 14px;
    }

    .about-wrap.about .share li:nth-child(n+2) {
        margin-left: 24px;
    }

    .about-wrap.about .share li img {
        width: 120px;
    }

    .about-wrap.about .cont {
        text-align: center;
        padding-right: 0;
    }

    .about-wrap.about .cont .btxt {
        font-size: 16px
    }

    .about-wrap.about .cont .stxt {
        font-size: 13px
    }

    .about-wrap.about .cont .img {
        margin: 25px 0;
        width: auto;
        height: auto;
        position: Relative;
        right: auto;
        display: block;
        top: auto;
        text-align: center;
    }

    .about-wrap.about .cont .img img {
        height: 220px;
    }
}

@media only screen and (max-width:680px) {
    .about-wrap.about h3 {
        font-size: 28px
    }

    .about-wrap.about .stit p br {
        display: none;
    }

    .about-wrap.about .cont .stxt br {
        display: none;
    }

    .about-wrap.about .share li:nth-child(n+2) {
        margin-left: 12px;
    }

    .about-wrap.about .share li img {
        width: 100px;
    }
}

@media only screen and (max-width:480px) {
    .about-wrap.about h3 {
        font-size: 24px;
    }

}



/* ======================================================
   .about-wrap.license
=========================================================*/
.about-wrap.license h3 {
    margin-top: 40px;
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 25px;
}

.about-wrap.license .sum {
    position: relative;
    border: 1px solid #dcdcdc;
}

.about-wrap.license .sum:before {
    border-left: 1px solid #dcdcdc;
    height: 100%;
    position: absolute;
    left: 50%;
    display: block;
    content: "";
    top: 0;
}

.about-wrap.license .sum:after {
    display: block;
    content: "";
    clear: both
}

.about-wrap.license .sum .fl {
    float: left;
    width: 50%
}

.about-wrap.license .sum .fr {
    float: right;
    width: 50%
}

.about-wrap.license .sum h4 {
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    text-align: center;
    line-height: 52px;
    height: 48px;
    border-bottom: 1px solid #dcdcdc;
}

.about-wrap.license .sum ul {
    padding: 22px 24px;
}

.about-wrap.license .sum li {
    font-size: 15px;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    position: relative;
    padding-left: 12px;
}

.about-wrap.license .sum li:nth-child(n+3) {
    margin-top: 5px
}

.about-wrap.license .sum li:before {
    width: 5px;
    border-bottom: 1px solid #1b1b1b;
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    content: ""
}

.about-wrap.license .btns {
    text-align: center;
    margin-top: 45px;
}

.about-wrap.license .btns a {
    background: #fd5d40;
    display: inline-block;
    width: 300px;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.about-wrap.license .btns a:hover {
    background: #1b1b1b;
}

.about-wrap.license .u-list01 {
    margin-top: 30px;
}

@media only screen and (max-width:1220px) {
    .about-wrap.license h3 {
        font-size: 36px
    }

    .about-wrap.license .sum h4 {
        font-size: 18px;
    }

    .about-wrap.license .sum li {
        font-size: 14px;
    }

    .about-wrap.license .sum li:before {
        top: 7px;
    }

    .about-wrap.license .btns a {
        font-size: 16px;
        width: 260px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .about-wrap.license h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .about-wrap.license .sum h4 {
        font-size: 16px;
        height: 45px;
        line-height: 49px;
    }

    .about-wrap.license .sum li {
        font-size: 14px;
    }

    .about-wrap.license .sum li:before {
        top: 7px;
    }

    .about-wrap.license .btns {
        margin-top: 30px;
    }

    .about-wrap.license .btns a {
        font-size: 15px;
        width: 220px;
        height: 55px;
        line-height: 57px;
    }
}

@media only screen and (max-width:680px) {
    .about-wrap.license h3 {
        font-size: 28px
    }

    .about-wrap.license .sum:before {
        display: none;
    }

    .about-wrap.license .sum .fl {
        float: none;
        width: auto
    }

    .about-wrap.license .sum .fr {
        float: none;
        width: auto;
        border-top: 1px solid #dcdcdc;
    }

    .about-wrap.license .btns a {
        height: 50px;
        line-height: 52px;
    }
}

@media only screen and (max-width:480px) {
    .about-wrap.license h3 {
        font-size: 24px;
    }

}




/* ======================================================
   .about-wrap.counsel
=========================================================*/
.about-wrap.counsel h3 {
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 25px;
}

.about-wrap.counsel .stit {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.about-wrap.counsel .cont {
    max-width: 766px;
    margin: 0 auto;
    margin-top: 30px;
}

.about-wrap.counsel .entry ul:after {
    display: block;
    content: "";
    clear: both
}

.about-wrap.counsel .entry li {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

.about-wrap.counsel .entry li.rlz {
    z-index: 3;
}

.about-wrap.counsel .entry li:nth-child(1) {
    float: left;
    width: calc(50% - 6px)
}

.about-wrap.counsel .entry li:nth-child(2) {
    float: right;
    width: calc(50% - 6px)
}

.about-wrap.counsel .entry li:nth-child(n+3) {
    margin-top: 12px;
}

.about-wrap.counsel .entry .chk-input {
    width: 100%;
}

.about-wrap.counsel .entry .chk-select {
    width: 100%;
}

.about-wrap.counsel .entry .bgff {
    background: #fff
}

.about-wrap.counsel .entry .bgff input,
.about-wrap.counsel .entry .bgff textarea {
    background: none
}

.about-wrap.counsel .lower {
    margin-top: 25px;
}

.about-wrap.counsel .lower:after {
    display: block;
    content: "";
}

.about-wrap.counsel .lower a {
    width: calc(50% - 6px);
    line-height: 62px;
    height: 60px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.about-wrap.counsel .lower .cancel-btn {
    float: left;
    border: 1px solid #dcdcdc;
    color: #1b1b1b;
}

.about-wrap.counsel .lower .enter-btn {
    float: right;
    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #fff;
}

@media only screen and (max-width:1220px) {
    .about-wrap.counsel h3 {
        font-size: 36px
    }

    .about-wrap.counsel .stit {
        font-size: 18px;
    }

    .about-wrap.counsel .lower a {
        font-size: 16px
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .about-wrap.counsel h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .about-wrap.counsel .stit {
        font-size: 16px;
    }

    .about-wrap.counsel .cont {
        margin-top: 25px;
    }

    .about-wrap.counsel .lower a {
        line-height: 52px;
        height: 50px;
        font-size: 15px
    }
}

@media only screen and (max-width:680px) {
    .about-wrap.counsel h3 {
        font-size: 28px
    }

    .about-wrap.counsel .stit {
        font-size: 15px;
        font-weight: 300;
    }

    .about-wrap.counsel .entry li:nth-child(1) {
        float: left;
        width: 100%
    }

    .about-wrap.counsel .entry li:nth-child(2) {
        float: right;
        width: 100%
    }

    .about-wrap.counsel .entry li:nth-child(n+2) {
        margin-top: 8px;
    }
}

@media only screen and (max-width:480px) {
    .about-wrap.counsel h3 {
        font-size: 24px;
        margin-bottom: 7px;
    }

    .about-wrap.counsel .stit {
        font-size: 14px;
    }
}

/* ======================================================
   .about-wrap.faq
=========================================================*/
.about-wrap.faq h3 {
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 25px;
}

.about-wrap.faq .stit {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.about-wrap.faq .cont {
    margin-top: 30px;
}

.about-wrap.faq .vmenu {
    border: 1px solid #dcdcdc;
    padding: 24px 36px;
    font-size: 0;
}

.about-wrap.faq .vmenu .ov {
    margin: 0 -12px;
}

.about-wrap.faq .vmenu dl {
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 24px);
    margin: 0 12px;
}

.about-wrap.faq .vmenu dl dt {
    /* margin-bottom: 10px; */
}

.about-wrap.faq .vmenu dl dt a {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 32px;
    height: 30px;
}

.about-wrap.faq .vmenu dl dd {}

.about-wrap.faq .vmenu dl dd a {
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 27px;
    height: 25px;
}

.about-wrap.faq .vmenu dl dd:nth-child(n+3) {
    margin-top: 5px;
}

.about-wrap.faq .list {
    margin-top: 24px;
}

.about-wrap.faq .list ul {}

.about-wrap.faq .list li {
    position: relative;
    border: 1px solid #dcdcdc;
}

.about-wrap.faq .list li:nth-child(n+2) {
    margin-top: 12px;
}

.about-wrap.faq .list li .sel {
    display: block;
    padding: 24px 50px 20px 50px;
    position: relative;
}

.about-wrap.faq .list li .sel:before {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 16px;
    top: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 32px;
    color: #1b1b1b;
    font-size: 20px;
    font-weight: 500;
    display: block;
    content: "Q."
}

.about-wrap.faq .list li .sel:after {
    width: 24px;
    height: 14px;
    background: url(../_Img/sub/faq-on.png) no-repeat center center;
    background-size: 20px auto;
    display: block;
    content: "";
    position: absolute;
    right: 22px;
    top: 30px;
}

.about-wrap.faq .list li.active .sel:after,
.about-wrap.faq .list li.show .sel:after {
    background-image: url(../_Img/sub/faq-off.png)
}

.about-wrap.faq .list li.active .sel {
    background: #ededed;
}

.about-wrap.faq .list li .sel .btxt {
    font-size: 21px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2em;
    word-break: keep-all;
}

.about-wrap.faq .list li .txt {
    position: relative;
    display: none;
    padding: 24px 50px;
    background: #fff;
    border-top: 1px solid #dcdcdc;
}

.about-wrap.faq .list li .txt:before {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 16px;
    top: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    color: #1b1b1b;
    font-size: 15px;
    font-weight: 500;
    display: block;
    content: "A"
}

.about-wrap.faq .list li .txt .btxt {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.4em;
}

.about-wrap.faq .list li .txt .stxt {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #898989;
    line-height: 1.5em;
    word-break: keep-all;
}

@media only screen and (max-width:1220px) {
    .about-wrap.faq h3 {
        font-size: 36px
    }

    .about-wrap.faq .stit {
        font-size: 18px;
    }

    .about-wrap.faq .vmenu dl dt a {
        font-size: 18px;
    }

    .about-wrap.faq .vmenu dl dd a {
        font-size: 14px
    }

    .about-wrap.faq .list li .sel:before {
        font-size: 19px;
        top: 18px;
    }

    .about-wrap.faq .list li .sel .btxt {
        font-size: 19px;
    }

    .about-wrap.faq .list li .txt .btxt {
        font-size: 14px;
    }

    .about-wrap.faq .list li .txt .stxt {
        font-size: 14px;
    }

    .about-wrap.faq .list li .txt:before {
        font-size: 14px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .about-wrap.faq h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .about-wrap.faq .stit {
        font-size: 16px;
    }

    .about-wrap.faq .cont {
        margin-top: 25px;
    }

    .about-wrap.faq .vmenu {
        padding: 20px 25px;
    }

    .about-wrap.faq .vmenu .ov {
        margin: 0 -6px;
    }

    .about-wrap.faq .vmenu dl {
        width: calc(33% - 12px);
        margin: 0 6px;
    }

    .about-wrap.faq .vmenu dl:nth-child(n+4) {
        margin-top: 25px;
    }

    .about-wrap.faq .vmenu dl dd:nth-child(n+3) {
        margin-top: 4px;
    }

    .about-wrap.faq .vmenu dl dt a {
        font-size: 16px;
        line-height: 27px;
        height: 25px;
    }

    .about-wrap.faq .vmenu dl dd a {
        font-size: 13px;
        line-height: 22px;
        height: 20px;
    }

    .about-wrap.faq .list li .sel {
        padding-right: 40px
    }

    .about-wrap.faq .list li .sel:after {
        right: 16px;
        top: 27px;
    }

    .about-wrap.faq .list li .sel:before {
        font-size: 17px;
    }

    .about-wrap.faq .list li .sel .btxt {
        font-size: 17px;
    }

    .about-wrap.faq .list li .txt {
        padding: 25px 30px 20px 50px
    }

    .about-wrap.faq .list li .txt:before {
        top: 20px;
    }
}

@media only screen and (max-width:680px) {
    .about-wrap.faq h3 {
        font-size: 28px
    }

    .about-wrap.faq .stit {
        font-size: 15px;
    }

    .about-wrap.faq .vmenu dl {
        width: calc(50% - 12px);
    }

    .about-wrap.faq .vmenu dl:nth-child(n+3) {
        margin-top: 25px;
    }

    .about-wrap.faq .list li .sel:after {
        right: 12px;
    }
}

@media only screen and (max-width:480px) {
    .about-wrap.faq h3 {
        font-size: 24px;
        margin-bottom: 7px;
    }
}


/*=======================================================
  .board-wrap.list
=========================================================*/
.board-wrap.list .list table {
    table-layout: fixed;
}

.board-wrap.list .list table thead th {
    text-align: center;
    background: #ededed;
    font-size: 17px;
    color: #1b1b1b;
    line-height: 1.2em;
    font-weight: 500;
    padding: 22px 5px 16px 5px;
}

.board-wrap.list .list table tbody td {
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    font-size: 17px;
    color: #1b1b1b;
    line-height: 1.2em;
    font-weight: 500;
    padding: 22px 5px 16px 5px;
}

.board-wrap.list .list table tbody td.l {
    text-align: left;
}

.board-wrap.list .list table tbody td.l a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1b1b1b;
    position: relative;
}

.board-wrap.list .list table tbody .nec td {
    color: #fd5d40;
}

.board-wrap.list .list table tbody .nec td a {
    color: #fd5d40;
}

@media only screen and (max-width:1220px) {
    .board-wrap.list .list table thead th {
        font-size: 16px;
    }

    .board-wrap.list .list table tbody td {
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .board-wrap.list .list table {
        border-top: 2px solid #1b1b1b;
    }

    .board-wrap.list .list table colgroup {
        display: none;
    }

    .board-wrap.list .list table thead {
        display: none;
    }

    .board-wrap.list .list table thead th {
        font-size: 15px;
    }

    .board-wrap.list .list table tbody td {
        font-size: 15px;
    }

    .board-wrap.list .list table tbody tr {
        display: block;
        padding: 20px 20px 15px 20px;
        border-bottom: 1px solid #dcdcdc;
        position: relative
    }

    .board-wrap.list .list table tbody td {
        padding: 0;
        display: block;
        border: none;
        text-align: left;
    }

    .board-wrap.list .list table tbody td:nth-child(1) {
        display: none;
    }

    .board-wrap.list .list table tbody td:nth-child(3) {
        font-size: 13px;
        margin-top: 7px;
        opacity: 0.5
    }

    .board-wrap.list .list table tbody td:nth-child(4) {
        display: none;
    }

    .board-wrap.list .list table tbody .nec {
        background: #f4f4f4
    }

    .board-wrap.list .list table tbody .nec td {
        color: #1b1b1b;
    }

    .board-wrap.list .list table tbody .nec td a {
        color: #1b1b1b;
    }
}

@media only screen and (max-width:680px) {
    .board-wrap.list .list table tbody td {
        font-size: 14px;
    }

    .board-wrap.list .list table tbody td:nth-child(3) {
        font-size: 12px;
    }
}

@media only screen and (max-width:480px) {}

/*=======================================================
  .board-wrap.detail
=========================================================*/
.board-wrap.detail .tits {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 24px 24px 20px 24px;
    padding-right: 300px;
    position: relative;
}

.board-wrap.detail .tits h3 {
    font-size: 17px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    text-align: left;
}

.board-wrap.detail .tits .abr {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    padding: 24px 24px 20px 24px;
}

.board-wrap.detail .tits .abr p:nth-child(n+2) {
    margin-left: 24px;
}

.board-wrap.detail .tits .abr p:nth-child(n+2):before {
    border-left: 1px solid #dcdcdc;
    position: Absolute;
    left: -12px;
    top: 50%;
    height: 12px;
    margin-top: -8px;
    display: block;
    content: ""
}

.board-wrap.detail .tits .abr p {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: 0;
    line-height: 1.2em;
    position: relative;
}

.board-wrap.detail .cont {}

.board-wrap.detail .scon {
    border-bottom: 1px solid #dcdcdc;
    min-height: 180px;
    padding: 24px 24px;
}

.board-wrap.detail .scon p {
    font-size: 15px;
    color: #666;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.7em;
}

.board-wrap.detail .files {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    padding: 24px 24px 20px 120px
}

.board-wrap.detail .files h5 {
    font-size: 17px;
    color: #1b1b1b;
    font-weight: 500;
    position: absolute;
    line-height: 1.3em;
    left: 0;
    padding: 24px 24px 20px 24px;
    top: 0;
    width: 150px;
    text-align: left;
    letter-spacing: -0.03em;
}

.board-wrap.detail .files li {}

.board-wrap.detail .files li:nth-child(n+2) {
    margin-top: 5px;
}

.board-wrap.detail .files li a {
    background: url(../_Img/sub/ico-file.jpg) no-repeat left center;
    background-size: 18px auto;
    display: inline-block;
    vertical-align: top;
    padding-left: 24px;
}

.board-wrap.detail .files li a span {
    font-size: 17px;
    color: #1b1b1b;
    line-height: 1.3em;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: background 0s ease-in-out;
    -moz-transition: background 0s ease-in-out;
    -o-transition: background 0s ease-in-out;
    transition: background 0s ease-in-out;
}

.board-wrap.detail .others {
    border-bottom: 1px solid #dcdcdc
}

.board-wrap.detail .others li {
    position: relative;
    padding: 0 20px 0 160px
}

.board-wrap.detail .others li:nth-child(n+2) {
    border-top: 1px solid #dcdcdc;
}

.board-wrap.detail .others li .btxt {
    font-size: 17px;
    color: #1b1b1b;
    height: 48px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    text-align: center;
    letter-spacing: -0.03em;
    border-right: 1px solid #dcdcdc;
}

.board-wrap.detail .others li a {
    font-size: 17px;
    color: #1b1b1b;
    height: 48px;
    line-height: 50px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.02em;
}

.board-wrap.detail .others li a:hover {
    text-decoration: underline
}

.board-wrap.detail .lower {
    margin-top: 45px;
    position: relative;
    text-align: center;
    font-size: 0;
}

.board-wrap.detail .lower a:nth-child(n+2) {
    margin-left: 12px;
}

.board-wrap.detail .lower .abr {
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width:1220px) {
    .board-wrap.detail .tits {
        padding-right: 24px;
    }

    .board-wrap.detail .tits h3 {}

    .board-wrap.detail .tits .abr {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 20px;
        padding: 0;
    }

    .board-wrap.detail .tits .abr p {
        font-size: 15px;
        font-weight: 300;
    }

    .board-wrap.detail .files {
        padding-left: 110px;
    }

    .board-wrap.detail .files h5 {
        font-size: 16px;
    }

    .board-wrap.detail .files li a {
        background-position: left calc(50% - 1px);
    }

    .board-wrap.detail .files li a span {
        font-size: 16px;
    }

    .board-wrap.detail .others li {
        padding: 0 20px 0 150px
    }

    .board-wrap.detail .others li .btxt {
        font-size: 16px;
        width: 120px;
    }

    .board-wrap.detail .others li a {
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .board-wrap.detail .tits {
        padding: 20px 20px 16px 20px
    }

    .board-wrap.detail .tits h3 {
        font-size: 16px;
    }

    .board-wrap.detail .tits .abr p {
        font-size: 14px;
    }

    .board-wrap.detail .files {
        padding: 20px 20px 16px 20px;
        padding-left: 100px;
    }

    .board-wrap.detail .files h5 {
        font-size: 15px;
        padding: 20px 20px 16px 20px
    }

    .board-wrap.detail .files li a span {
        font-size: 15px;
    }

    .board-wrap.detail .scon {
        padding: 20px;
    }

    .board-wrap.detail .scon p {
        font-size: 14px;
    }

    .board-wrap.detail .others li {
        padding: 0 20px 0 135px
    }

    .board-wrap.detail .others li .btxt {
        font-size: 15px;
        width: 110px;
    }

    .board-wrap.detail .others li a {
        font-size: 15px;
    }

    .board-wrap.detail .lower {
        margin-top: 30px
    }
}

@media only screen and (max-width:680px) {
    .board-wrap.detail .tits {
        padding: 20px 15px 16px 15px
    }

    .board-wrap.detail .tits .abr p {
        font-size: 13px
    }

    .board-wrap.detail .files {
        padding: 20px 15px 16px 15px;
        padding-left: 90px;
    }

    .board-wrap.detail .files h5 {
        font-size: 14px;
        padding: 20px 15px 16px 15px
    }

    .board-wrap.detail .files li a span {
        font-size: 14px;
    }

    .board-wrap.detail .scon {
        padding: 20px 15px;
    }

    .board-wrap.detail .scon p {
        font-size: 13px;
    }

    .board-wrap.detail .others li {
        padding: 0 15px 0 125px
    }

    .board-wrap.detail .others li .btxt {
        font-size: 14px;
        width: 100px;
    }

    .board-wrap.detail .others li a {
        font-size: 14px;
    }
}

@media only screen and (max-width:480px) {
    .board-wrap.detail .others li {
        padding: 0 15px 0 110px
    }

    .board-wrap.detail .others li .btxt {
        font-size: 13px;
        width: 90px;
    }

    .board-wrap.detail .others li a {
        font-size: 13px;
    }
}


/* ======================================================
   .guide-wrap
=========================================================*/
.guide-wrap {}

.guide-wrap .tits {
    margin-bottom: 25px;
}

.guide-wrap .tits h3 {
    font-size: 40px;
    text-align: center;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.guide-wrap .tits .stit {
    margin-top: 5px;
    font-size: 24px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.3em;
    text-align: center;
}

.guide-wrap .gap45 {
    height: 45px
}

.guide-wrap li {
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.guide-wrap li:hover {
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
}

.guide-wrap .guide {}

.guide-wrap .guide ul {
    margin: 0 -12px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.guide-wrap .guide ul:after {
    display: block;
    content: "";
    clear: both
}

.guide-wrap .guide li {
    float: left;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    border: 1px solid #dcdcdc;
    width: calc(25% - 24px);
    margin: 0 12px;
    padding: 28px 34px 0 34px;
    min-height: 276px;
    text-align: left;
}

.guide-wrap .guide li .vc {
    width: 100%;
}

.guide-wrap .guide li .ico {}

.guide-wrap .guide li .ico img {
    width: 80px;
}

.guide-wrap .guide li .txt {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    margin-top: 10px;
}

@media only screen and (max-width:1220px) {
    .guide-wrap .tits h3 {
        font-size: 36px
    }

    .guide-wrap .tits .stit {
        font-size: 22px;
    }

    .guide-wrap .guide li {
        min-height: auto;
        padding: 25px 30px 25px 30px
    }

    .guide-wrap .guide li .ico img {
        width: 70px;
    }

    .guide-wrap .guide li .txt br {
        display: none;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .guide-wrap .tits {
        margin-bottom: 15px;
    }

    .guide-wrap .tits h3 {
        font-size: 32px;
        position: relative;
    }

    .guide-wrap .tits .stit {
        font-size: 20px;
    }

    .guide-wrap .guide ul {
        margin: 0 -12px
    }

    .guide-wrap .guide li {
        width: calc(50% - 24px);
        margin: 0 12px;
        padding: 25px;
    }

    .guide-wrap .guide li:nth-child(n+3) {
        margin-top: 24px;
    }

    .guide-wrap .guide li .txt {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .guide-wrap .tits h3 {
        font-size: 28px
    }

    .guide-wrap .tits .stit {
        font-size: 18px;
    }

    .guide-wrap .guide li {
        padding: 25px 20px;
        padding-top: 20px
    }

    .guide-wrap .guide li:nth-child(n+3) {
        margin-top: 16px;
    }

    .guide-wrap .guide li .ico img {
        width: 60px;
    }

}

@media only screen and (max-width:480px) {
    .guide-wrap .tits h3 {
        font-size: 24px;
    }

    .guide-wrap .tits .stit {
        font-size: 16px;
    }

    .guide-wrap .guide ul {
        margin: 0;
        display: block;
    }

    .guide-wrap .guide li {
        width: auto;
        margin: 0;
        display: block;
        float: none;
        text-align: center;
    }

    .guide-wrap .guide li:nth-child(n+2) {
        margin-top: 16px;
    }

    .guide-wrap .guide li .ico img {
        width: 50px;
    }

    .guide-wrap .guide li .txt {
        font-size: 13px;
    }

}

.guide-wrap .step {}

.guide-wrap .step .ov {
    position: relative;
}

.guide-wrap .step .ov:nth-child(1) {
    z-index: 4;
}

.guide-wrap .step .ov:nth-child(2) {
    margin-top: 24px;
}

.guide-wrap .step .ov:nth-child(2) li {
    float: right;
}

.guide-wrap .step ul {
    margin: 0 -12px;
}

.guide-wrap .step ul:after {
    display: block;
    content: "";
    clear: both
}

.guide-wrap .step li {
    float: left;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    width: calc(25% - 24px);
    margin: 0 12px;
    padding: 28px 34px 0 34px;
    min-height: 232px;
    text-align: left;
    position: relative;
}

.guide-wrap .step li .vc {
    width: 100%;
}

.guide-wrap .step li .btxt {
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.3em;
    margin-bottom: 15px;
    min-height: 52px;
}

.guide-wrap .step li .stxt {
    font-size: 15px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.05em;
    line-height: 1.5em;
}

.guide-wrap .step li:before {
    display: block;
    content: "";
    clear: both;
    position: Absolute;
}

.guide-wrap .step li:after {
    display: block;
    content: "";
    clear: both;
    position: Absolute;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(2):before {
    width: 48px;
    height: 52px;
    left: -25px;
    top: 50%;
    margin-top: -26px;
    background: url(../_Img/content/guide-arrow01.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(3):before {
    width: 48px;
    height: 52px;
    left: -25px;
    top: 50%;
    margin-top: -26px;
    background: url(../_Img/content/guide-arrow01.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(4):before {
    width: 48px;
    height: 52px;
    left: -25px;
    top: 50%;
    margin-top: -26px;
    background: url(../_Img/content/guide-arrow02.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(4):after {
    width: 52px;
    height: 48px;
    left: 50%;
    margin-left: -26px;
    bottom: -24px;
    background: url(../_Img/content/guide-arrow03.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(2) li:nth-child(1):before {
    width: 48px;
    height: 52px;
    left: -25px;
    top: 50%;
    margin-top: -26px;
    background: url(../_Img/content/guide-arrow05.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(2) li:nth-child(2):before {
    width: 48px;
    height: 52px;
    left: -25px;
    top: 50%;
    margin-top: -26px;
    background: url(../_Img/content/guide-arrow04.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(2) li:nth-child(3):before {
    width: 48px;
    height: 52px;
    left: -25px;
    top: 50%;
    margin-top: -26px;
    background: url(../_Img/content/guide-arrow04.png) no-repeat center center;
    background-size: 100% auto;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(1) {
    z-index: 4;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(2) {
    z-index: 3;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(3) {
    z-index: 2;
}

.guide-wrap .step .ov:nth-child(1) li:nth-child(4) {
    z-index: 1;
}

.guide-wrap .step .ov:nth-child(2) li:nth-child(1) {
    z-index: 3;
}

.guide-wrap .step .ov:nth-child(2) li:nth-child(2) {
    z-index: 2;
}

.guide-wrap .step .ov:nth-child(2) li:nth-child(3) {
    z-index: 1;
}

@media only screen and (max-width:1220px) {
    .guide-wrap .step li {
        min-height: 220px;
        padding: 25px 30px 0 30px
    }

    .guide-wrap .step li .btxt {
        font-size: 18px;
        min-height: 48px;
        margin-bottom: 10px;
    }

    .guide-wrap .step li .stxt {
        font-size: 14px;
    }

    .guide-wrap .step li .stxt br {
        display: none;
    }


    .guide-wrap .step .ov:nth-child(1) li:nth-child(2):before {
        background-size: 30px auto;
        width: 30px;
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(3):before {
        background-size: 30px auto;
        width: 30px;
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(4):before {
        background-size: 30px auto;
        width: 30px;
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(4):after {
        width: 30px;
        margin-left: -15px;
        bottom: -38px
    }


    .guide-wrap .step .ov:nth-child(2) li:nth-child(1):before {
        background-size: 30px auto;
        width: 30px;
        left: -30px;
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(2):before {
        background-size: 30px auto;
        width: 30px;
        left: -30px;
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(3):before {
        background-size: 30px auto;
        width: 30px;
        left: -30px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .guide-wrap .step li {
        width: calc(50% - 24px);
        min-height: 180px;
        padding: 25px
    }

    .guide-wrap .step li:nth-child(n+3) {
        margin-top: 24px;
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(3) {
        float: right
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(1) {
        float: left
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(2):after {
        width: 30px;
        height: 48px;
        left: 50%;
        margin-left: -15px;
        bottom: -38px;
        background: url(../_Img/content/guide-arrow03.png) no-repeat center center;
        background-size: 30px auto;
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(3):before {
        background-image: url(../_Img/content/guide-arrow05.png);
        left: -30px
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(4):before {
        display: none;
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(1):before {
        display: none;
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(2):before {
        background-image: url(../_Img/content/guide-arrow02.png);
        left: -25px
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(2):after {
        width: 30px;
        height: 48px;
        left: 50%;
        margin-left: -15px;
        bottom: -38px;
        background: url(../_Img/content/guide-arrow03.png) no-repeat center center;
        background-size: 30px auto;
    }

}

@media only screen and (max-width:680px) {
    .guide-wrap .step ul {
        margin: 0;
    }

    .guide-wrap .step li {
        width: auto;
        margin: 0;
        float: none !important;
        min-height: 120px;
        padding: 25px 20px
    }

    .guide-wrap .step li:before {
        display: none
    }

    .guide-wrap .step li:after {
        width: 30px;
        height: 48px;
        left: 50%;
        margin-left: -15px;
        bottom: -38px;
        background: url(../_Img/content/guide-arrow03.png) no-repeat center center;
        background-size: 30px auto;
    }

    .guide-wrap .step li:nth-child(n+2) {
        margin-top: 24px;
    }

    .guide-wrap .step li .btxt {
        min-height: auto;
        font-size: 16px;
        margin-bottom: 7px
    }

    .guide-wrap .step li .btxt br {
        display: none;
    }

    .guide-wrap .step li .stxt {}

    .guide-wrap .step .ov:nth-child(2) li:last-child:after {
        display: none;
    }

    .guide-wrap .step .ov:nth-child(1) li:nth-child(3):after {
        background-image: url(../_Img/content/guide-arrow06.png)
    }

    .guide-wrap .step .ov:nth-child(2) li:nth-child(1):after {
        background-image: url(../_Img/content/guide-arrow06.png)
    }
}

@media only screen and (max-width:480px) {}

.guide-wrap .support {}

.guide-wrap .support ul {
    margin: 0 -12px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.guide-wrap .support ul:after {
    display: block;
    content: "";
    clear: both
}

.guide-wrap .support li {
    float: left;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    border: 1px solid #dcdcdc;
    width: calc(25% - 24px);
    margin: 0 12px;
    padding: 28px 34px 0 34px;
    min-height: 220px;
    text-align: left;
}

.guide-wrap .support li .vc {
    width: 100%;
}

.guide-wrap .support li .btxt {
    font-size: 20px;
    font-weight: 500;
    color: #fd5d40;
    letter-spacing: -0.03em;
    line-height: 1.3em;
    margin-bottom: 15px;
}

.guide-wrap .support li .stxt {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.guide-wrap .support li .stxt.abr {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.guide-wrap .support li .stxt.abr span {
    position: absolute;
    right: 0;
    bottom: -24px;
}

.guide-wrap .support li .ctxt {
    font-size: 15px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

@media only screen and (max-width:1220px) {
    .guide-wrap .support li {
        min-height: auto;
        padding: 25px 30px 25px 30px
    }

    .guide-wrap .support li .btxt {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .guide-wrap .support li .stxt {
        font-size: 14px;
    }

    .guide-wrap .support li .ctxt {
        font-size: 14px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .guide-wrap .support li {
        width: calc(50% - 24px);
        padding: 25px;
    }

    .guide-wrap .support li:nth-child(n+3) {
        margin-top: 24px;
    }

    .guide-wrap .support li .stxt.abr span {
        display: inline;
        position: Relative;
        right: auto;
        bottom: auto;
    }

    .guide-wrap .support li .ctxt br {
        display: none;
    }
}

@media only screen and (max-width:680px) {
    .guide-wrap .support ul {
        margin: 0 -8px;
    }

    .guide-wrap .support li {
        width: calc(50% - 16px);
        margin: 0 8px;
        padding: 25px 20px;
        min-height: auto;
    }

    .guide-wrap .support li:nth-child(n+3) {
        margin-top: 16px;
    }

    .guide-wrap .support li .btxt {
        font-size: 16px;
    }

    .guide-wrap .support li .stxt {
        font-size: 13px;
    }

    .guide-wrap .support li .ctxt {
        font-size: 14px;
    }

}

@media only screen and (max-width:480px) {
    .guide-wrap .support ul {
        margin: 0;
        display: block;
    }

    .guide-wrap .support li {
        width: auto;
        margin: 0;
        display: block;
        float: none;
        border-radius: 0 15px 0 0
    }

    .guide-wrap .support li:nth-child(n+2) {
        margin-top: 16px;
    }
}


.guide-wrap .rule ul {
    margin: 0 -12px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.guide-wrap .rule ul:after {
    display: block;
    content: "";
    clear: both
}

.guide-wrap .rule li {
    float: left;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    border: 1px solid #dcdcdc;
    width: calc(33.33333% - 24px);
    margin: 0 12px;
    padding: 28px 34px 0 34px;
    min-height: 345px;
    text-align: left;
}

.guide-wrap .rule li .vc {
    width: 100%;
}

.guide-wrap .rule li .btxt {
    font-size: 50px;
    font-weight: 700;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 25px;
}

.guide-wrap .rule li .btxt:before {
    width: 30px;
    height: 5px;
    background: #fd5d40;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: ""
}

.guide-wrap .rule li .stxt {
    font-size: 20px;
    font-weight: 500;
    color: #fd5d40;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    margin-top: 12px;
}

.guide-wrap .rule li .ctxt {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.5em;
    margin-top: 10px;
}

.guide-wrap .rule li .ztxt {
    font-size: 15px;
    font-weight: 500;
    color: #898989;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.guide-wrap .share {
    margin-top: 40px
}

.guide-wrap .share ul {
    text-align: center;
    font-size: 0;
}

.guide-wrap .share ul:after {
    display: block;
    content: "";
    clear: both
}

.guide-wrap .share li {
    display: inline-block;
    vertical-align: top
}

.guide-wrap .share li:nth-child(n+2) {
    margin-left: 36px;
}

@media only screen and (max-width:1220px) {
    .guide-wrap .rule li {
        padding: 25px 30px 25px 30px;
        min-height: auto;
    }

    .guide-wrap .rule li .btxt:before {
        width: 26px;
        height: 4px;
    }

    .guide-wrap .rule li .btxt {
        font-size: 45px;
    }

    .guide-wrap .rule li .stxt {
        font-size: 18px;
    }

    .guide-wrap .rule li .ctxt {
        font-size: 14px;
    }

    .guide-wrap .rule li .ctxt br {
        display: none;
    }

    .guide-wrap .rule li .ztxt {
        font-size: 14px;
    }

    .guide-wrap .rule li .ztxt br {
        display: none;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .guide-wrap .rule ul {
        margin: 0;
        display: block;
    }

    .guide-wrap .rule li {
        float: none;
        width: auto;
        margin: 0;
        padding: 25px 25px 25px 25px;
        min-height: auto;
        display: block;
    }

    .guide-wrap .rule li:nth-child(n+2) {
        margin-top: 24px;
    }

    .guide-wrap .rule li .btxt {
        font-size: 40px;
        padding-top: 20px;
    }

    .guide-wrap .rule li .btxt:before {
        width: 22px;
        height: 3px;
    }

    .guide-wrap .rule li .stxt {
        font-size: 17px;
    }

    .guide-wrap .rule li .ctxt {
        font-size: 14px;
    }

    .guide-wrap .rule li .ztxt {
        font-size: 14px;
    }

    .guide-wrap .rule li .ctxt br {
        display: none;
    }

    .guide-wrap .rule li .ztxt br {
        display: none;
    }

    .guide-wrap .share {
        margin-top: 30px;
    }

    .guide-wrap .share li:nth-child(n+2) {
        margin-left: 24px;
    }

    .guide-wrap .share li img {
        width: 120px;
    }
}

@media only screen and (max-width:680px) {
    .guide-wrap .rule li:nth-child(n+2) {
        margin-top: 16px;
    }

    .guide-wrap .rule li .btxt {
        font-size: 35px;
        padding-top: 15px;
    }

    .guide-wrap .rule li .btxt:before {
        width: 18px;
        height: 2px;
    }

    .guide-wrap .rule li .stxt {
        font-size: 16px;
    }

    .guide-wrap .rule li .ctxt {
        font-size: 14px;
    }

    .guide-wrap .rule li .ztxt {
        font-size: 14px;
    }

    .guide-wrap .share li {
        padding: 25px 20px
    }

    .guide-wrap .share li:nth-child(n+2) {
        margin-left: 12px;
    }

    .guide-wrap .share li img {
        width: 100px;
    }
}

@media only screen and (max-width:480px) {
    .guide-wrap .rule li .btxt {
        font-size: 30px;
    }

    .guide-wrap .rule li .stxt {
        font-size: 15px;
    }

    .guide-wrap .rule li .ctxt {
        font-size: 13px;
    }

    .guide-wrap .rule li .ztxt {
        font-size: 13px;
    }
}






/* ======================================================
   .state-wrap
=========================================================*/
.state-wrap {
    position: relative;
    z-index: 22;
}

.state-wrap h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.state-wrap .filter {
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 123;
}

.state-wrap .filter .ov {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 42
}

.state-wrap .filter ul:after {
    display: block;
    content: "";
    clear: both
}

.state-wrap .filter li {
    float: left;
    width: 180px;
    position: relative;
}

.state-wrap .filter li:nth-child(2) {
    margin-left: 12px
}

.state-wrap .filter .sbtn {
    border-radius: 48px;
    padding-left: 20px;
    color: #1b1b1b;
    font-size: 16px;
}

.state-wrap .filter .sel-box ul li:nth-child(n+2) {
    border-top: none;
}

.state-wrap .filter .sel-box ul li a {
    font-weight: 300;
    font-size: 16px;
}

.state-wrap .filter .sel-box ul li.active a {
    font-weight: 400
}

.state-wrap .filter .field.date {
    margin-left: 24px;
}

.state-wrap .filter .field.date .chk-input {
    width: 180px;
}

.state-wrap .filter .field.date .chk-input:before {
    width: 48px;
    height: 48px;
    left: 6px;
    background: url(../_Img/sub/ico-calendar.jpg) no-repeat center center;
    display: block;
    content: "";
    position: Absolute;
    top: 0;
    z-index: -1;
}

.state-wrap .filter .field.date .chk-input input {
    border-radius: 48px;
    background: none;
    padding-left: 55px;
}

.state-wrap .filter .field.date .ctxt {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    width: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    text-align: center;
}

.state-wrap .state {
    margin-top: 36px;
}

.state-wrap .state table {
    table-layout: fixed;
    border: 1px solid #dcdcdc
}

.state-wrap .state thead th {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    text-align: center;
    padding: 14px 5px 10px 5px;
    border: 1px solid #1b1b1b;
    background: #1b1b1b
}

.state-wrap .state tbody th {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    text-align: center;
    padding: 14px 5px 10px 5px;
    border: 1px solid #dcdcdc;
}

.state-wrap .state tbody td {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    text-align: center;
    padding: 14px 5px 10px 5px;
    border: 1px solid #dcdcdc
}

@media only screen and (max-width:1220px) {
    .state-wrap .state thead th {
        font-size: 16px;
    }

    .state-wrap .state tbody th {
        font-size: 16px;
    }

    .state-wrap .state tbody td {
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .state-wrap h4 {
        font-size: 16px;
    }

    .state-wrap .filter .ov {
        display: block;
    }

    .state-wrap .filter .sbtn {
        font-size: 15px;
        padding-left: 15px;
    }

    .state-wrap .filter .sel-box ul li a {
        font-size: 15px;
    }

    .state-wrap .filter li {
        width: calc(50% - 10px);
        float: left;
    }

    .state-wrap .filter li:nth-child(2) {
        margin-left: 0;
        float: right;
    }

    .state-wrap .filter .field.date {
        margin-left: 0;
        display: block;
        margin-top: 10px;
    }

    .state-wrap .filter .field.date .chk-input:before {
        width: 45px;
        height: 45px;
        background-size: 50% auto
    }

    .state-wrap .filter .field.date .chk-input {
        width: calc(50% - 10px);
    }

    .state-wrap .filter .field.date .chk-input:nth-child(2) {}

    .state-wrap .filter .field.date .ctxt {
        width: 20px;
        line-height: 45px;
        font-size: 14px;
    }

    .state-wrap .filter.exchange {
        margin: 0 -5px
    }

    .state-wrap .filter.exchange .ov {
        display: inline-block;
        vertical-align: top;
        width: calc(33.33333% - 10px);
        margin: 0 5px;
    }

    .state-wrap .filter.exchange li {
        float: none;
        width: auto;
    }

    .state-wrap .filter.exchange .field.date {
        display: inline-block;
        width: calc(66.333333% - 10px);
        margin: 0 5px;
    }

    .state-wrap .state {
        margin-top: 24px;
    }

    .state-wrap .state thead th {
        font-size: 14px;
    }

    .state-wrap .state tbody th {
        font-size: 14px;
    }

    .state-wrap .state tbody td {
        font-size: 14px;
    }

    .state-wrap .filter.exchange {
        margin: 0
    }

    .state-wrap .filter.exchange .ov {
        display: block;
        width: auto;
        margin: 0;
    }

    .state-wrap .filter.exchange .field.date {
        display: block;
        width: auto;
        margin: 0;
        margin-top: 10px
    }
}

@media only screen and (max-width:680px) {
    .state-wrap .filter .sel-box ul li a {
        font-size: 14px;
    }

    .state-wrap .state thead th {
        font-size: 12px;
    }

    .state-wrap .state tbody th {
        font-size: 12px;
    }

    .state-wrap .state tbody td {
        font-size: 12px;
    }
}

@media only screen and (max-width:480px) {}



/* ======================================================
   .spon-wrap
=========================================================*/
.spon-wrap {
    margin-top: 48px;
    position: relative;
    z-index: 21;
}

.spon-wrap .tits {
    position: Relative;
}

.spon-wrap .tits .more {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 28px;
    height: 24px;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    font-weight: 500;
}

.spon-wrap h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.spon-wrap .gap40 {
    height: 40px
}

.spon-wrap .filter {
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 123;
}

.spon-wrap .filter .ov {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 180px;
    z-index: 42
}

.spon-wrap .filter .sbtn {
    border-radius: 48px;
    padding-left: 20px;
    color: #1b1b1b;
    font-size: 16px;
}

.spon-wrap .filter .sel-box ul li:nth-child(n+2) {
    border-top: none;
}

.spon-wrap .filter .sel-box ul li a {
    font-weight: 300;
    font-size: 16px;
}

.spon-wrap .filter .sel-box ul li.active a {
    font-weight: 400
}

.spon-wrap .filter .search {
    margin-left: 12px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 180px;
    width: 420px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-radius: 48px;
    z-index: 3
}

.spon-wrap .filter .search .sel-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 175px;
}

.spon-wrap .filter .search .sel-box .sbtn {
    border: none;
}

.spon-wrap .filter .search .chk-input {
    width: 100%;
}

.spon-wrap .filter .search .chk-input input {
    padding-right: 50px;
    border: none;
    background: none;
}

.spon-wrap .filter .search .enter {
    width: 48px;
    height: 48px;
    position: Absolute;
    right: 5px;
    top: 0;
    border: none;
    background: url(../_Img/layout/bt-search.png) no-repeat center center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .spon-wrap {
        margin-top: 32px;
    }

    .spon-wrap h4 {
        font-size: 16px;
    }

    .spon-wrap .tits .more {
        font-size: 13px;
        height: 22px;
        line-height: 24px;
    }

    .spon-wrap .filter {
        padding-left: 160px;
    }

    .spon-wrap .filter .ov {
        position: Absolute;
        left: 0;
        top: 0;
        width: 145px;
    }

    .spon-wrap .filter .sbtn {
        padding-left: 15px;
        font-size: 15px;
    }

    .spon-wrap .filter .sel-box ul li a {
        font-weight: 300;
        font-size: 15px;
    }

    .spon-wrap .filter .search {
        margin-left: 0;
        display: block;
        width: auto;
        padding-left: 155px;
    }

    .spon-wrap .filter .search .sel-box {
        width: 150px
    }

    .spon-wrap .filter .search .enter {
        height: 45px;
        width: 45px;
        background-size: 50% auto
    }
}

@media only screen and (max-width:680px) {
    .spon-wrap .filter {
        padding-left: 0;
    }

    .spon-wrap .filter .ov {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        display: block;
    }

    .spon-wrap .filter .sel-box ul li a {
        font-size: 14px;
    }

    .spon-wrap .filter .search {
        margin-top: 7px;
        padding-left: 135px;
    }

    .spon-wrap .filter .search .sel-box {
        width: 130px
    }
}

@media only screen and (max-width:480px) {
    .spon-wrap .filter .search {
        padding-left: 120px;
    }

    .spon-wrap .filter .search .sel-box {
        width: 115px
    }
}


.spon-wrap .list {
    margin-top: 22px;
}

.spon-wrap .list table {
    table-layout: fixed;
}

.spon-wrap .list thead th {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    text-align: center;
    padding: 14px 5px 10px 5px;
    border: 1px solid #6c6c6c;
    border-left: none;
    border-right: none;
    background: #898989
}

.spon-wrap .list thead th:last-child {
    border-right: 1px solid #6c6c6c;
}

.spon-wrap .list thead th:first-child {
    border-left: 1px solid #6c6c6c;
}

.spon-wrap .list tbody th {
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    text-align: center;
    padding: 14px 5px 10px 5px;
    border-bottom: 1px solid #dcdcdc;
}

.spon-wrap .list tbody td {
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    text-align: center;
    padding: 14px 5px 10px 5px;
    border-bottom: 1px solid #dcdcdc
}

.spon-wrap .list table .img img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.spon-wrap .exchange .field.candy {
    display: block;
    text-align: right;
    padding-right: 15px;
}

.spon-wrap .exchange .field.candy .chk-input {
    display: inline-block;
    vertical-align: top;
    width: 120px;
}

.spon-wrap .exchange .field.candy .chk-input input {
    padding: 0 10px;
    padding-top: 4px;
    height: 36px;
    border: none;
    font-size: 18px;
}

.spon-wrap .exchange .field.candy .rtxt {
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    height: 36px;
    margin-left: 12px;
}

.spon-wrap .btns {
    margin-top: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-right: 350px;
}

.spon-wrap .btns .ex {
    width: 100%;
}

.spon-wrap .btns .ex p {
    font-size: 16px;
    color: #898989;
    letter-spacing: -0.03em;
    line-height: 1.6em;
}

.spon-wrap .btns a {
    width: 300px;
    line-height: 63px;
    height: 60px;
    background: #fd5c3f;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .spon-wrap .list thead th {
        font-size: 15px;
    }

    .spon-wrap .list tbody th {
        font-size: 15px;
    }

    .spon-wrap .list tbody td {
        font-size: 15px;
    }


    .spon-wrap .exchange .field.candy .chk-input {
        width: 100px;
    }

    .spon-wrap .exchange .field.candy .chk-input input {
        font-size: 16px;
    }

    .spon-wrap .exchange .field.candy .rtxt {
        font-size: 16px;
        margin-left: 8px;
    }

    .spon-wrap .btns {
        padding-right: 300px;
    }

    .spon-wrap .btns .ex p {
        font-size: 15px;
    }

    .spon-wrap .btns a {
        width: 260px;
        height: 55px;
        line-height: 58px;
        font-size: 16px;
    }
}

@media only screen and (max-width:1120px) {
    .spon-wrap .list thead th {
        font-size: 14px;
    }

    .spon-wrap .list tbody th {
        font-size: 14px;
    }

    .spon-wrap .list tbody td {
        font-size: 14px;
    }
}

@media only screen and (max-width:999px) {
    .spon-wrap .list table colgroup {
        display: none;
    }

    .spon-wrap .list table thead {
        display: none
    }

    .spon-wrap .list table tbody tr {
        display: block;
        padding: 0;
        border: 1px solid #dcdcdc;
        position: relative;
    }

    .spon-wrap .list table tbody tr:nth-child(n+2) {
        margin-top: 25px;
    }

    .spon-wrap .list table tbody tr:after {
        display: block;
        content: "";
        clear: both
    }

    .spon-wrap .list table tbody tr td {
        padding: 0;
        display: block;
        border: none;
        border-bottom: 1px solid #dcdcdc;
        position: relative;
        padding: 10px 10px 8px 10px;
        text-align: left;
        padding-left: 180px;
    }

    .spon-wrap .list table tbody tr td:before {
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px 10px 8px 15px;
        font-size: 14px;
        font-weight: 500;
        color: #1b1b1b;
        letter-spacing: -0.03em;
        line-height: 1.2em;
        display: block;
        content: ""
    }

    .spon-wrap .list table tbody tr td:after {
        background: #f2f2f2;
        border-right: 1px solid #dcdcdc;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        width: 165px;
        display: block;
        content: "";
        z-index: -1;
    }

    .spon-wrap .list table tbody tr td:last-child {
        border-bottom: none;
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(1):before {
        content: "번호"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(2):before {
        content: "Photo ID"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(3):before {
        content: "콘텐츠"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(4):before {
        content: "후원금"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(5):before {
        content: "기부금"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(6):before {
        content: "기부비율"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(7):before {
        content: "적립후원금"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(8):before {
        content: "후원자"
    }

    .spon-wrap .list.type01 table tbody tr td:nth-child(9):before {
        content: "다운로드 일"
    }

    .spon-wrap .list.type02 table tbody tr td:nth-child(1):before {
        content: "번호"
    }

    .spon-wrap .list.type02 table tbody tr td:nth-child(2):before {
        content: "Photo ID"
    }

    .spon-wrap .list.type02 table tbody tr td:nth-child(3):before {
        content: "콘텐츠"
    }

    .spon-wrap .list.type02 table tbody tr td:nth-child(4):before {
        content: "후원한 금액 (원)"
    }

    .spon-wrap .list.type02 table tbody tr td:nth-child(5):before {
        content: "작가 (수혜자)"
    }

    .spon-wrap .list.type02 table tbody tr td:nth-child(6):before {
        content: "다운로드 일"
    }


    .spon-wrap .exchange .field.candy .chk-input {
        width: 80px;
    }

    .spon-wrap .exchange .field.candy .chk-input input {
        font-size: 14px;
    }

    .spon-wrap .exchange .field.candy .rtxt {
        font-size: 14px;
        margin-left: 8px;
    }

    .spon-wrap .btns {
        padding-right: 0;
        display: block;
        text-align: center;
    }

    .spon-wrap .btns .ex {
        text-align: left;
    }

    .spon-wrap .btns .ex p {
        font-size: 15px;
    }

    .spon-wrap .btns a {
        width: 220px;
        height: 50px;
        line-height: 54px;
        font-size: 15px;
        display: inline-block;
        vertical-align: top;
        margin-top: 25px;
        position: relative;
        right: auto;
        top: auto;
    }
}

@media only screen and (max-width:680px) {
    .spon-wrap .list table tbody tr td {
        padding-left: 150px
    }

    .spon-wrap .list table tbody tr td:after {
        width: 135px
    }

    .spon-wrap .btns .ex p {
        font-size: 14px;
    }

    .spon-wrap .btns a {
        width: 160px;
        margin-top: 15px;
        height: 45px;
        line-height: 48px;
    }
}

@media only screen and (max-width:480px) {
    .spon-wrap .list table tbody tr td {
        padding-left: 120px;
        font-size: 13px
    }

    .spon-wrap .list table tbody tr td:before {
        width: 105px;
        font-size: 13px
    }

    .spon-wrap .list table tbody tr td:after {
        width: 105px
    }

    .spon-wrap .btns .ex p {
        font-size: 13px;
    }
}


/* ======================================================
   .layer-wrap.signEnd
=========================================================*/
.layer-wrap.signEnd {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.signEnd .is-con {
    padding: 30px
}

.layer-wrap.signEnd .is-con h3 {
    text-align: Center;
}

.layer-wrap.signEnd .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
}

.layer-wrap.signEnd .is-con .txt {
    margin-top: 45px;
    text-align: center;
}

.layer-wrap.signEnd .is-con .txt p {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.signEnd .is-btm {
    margin-top: 35px;
}

.layer-wrap.signEnd .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.signEnd .is-con .txt p {
        font-size: 22px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.signEnd .is-con .txt p {
        font-size: 20px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.signEnd .is-con {
        padding: 30px
    }

    .layer-wrap.signEnd .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.signEnd .is-con .txt {
        margin-top: 35px;
    }

    .layer-wrap.signEnd .is-con .txt p {
        font-size: 18px;
    }

    .layer-wrap.signEnd .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.signEnd .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.signEnd .is-con {
        padding: 30px 25px
    }

    .layer-wrap.signEnd .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.signEnd .is-con .txt {
        margin-top: 25px;
    }

    .layer-wrap.signEnd .is-con .txt p {
        font-size: 16px;
    }

    .layer-wrap.signEnd .is-btm {
        margin-top: 10px;
    }
}


/* ======================================================
   .layer-wrap.loginError
=========================================================*/
.layer-wrap.loginError {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.loginError .is-con {
    padding: 30px
}

.layer-wrap.loginError .is-con h3 {
    text-align: Center;
}

.layer-wrap.loginError .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.loginError .is-con .txt {
    margin-top: 45px;
    text-align: center;
}

.layer-wrap.loginError .is-con .txt p {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.loginError .is-btm {
    margin-top: 35px;
}

.layer-wrap.loginError .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.loginError .is-con .txt p {
        font-size: 22px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.loginError .is-con .txt p {
        font-size: 20px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.loginError .is-con {
        padding: 30px
    }

    .layer-wrap.loginError .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.loginError .is-con .txt {
        margin-top: 35px;
    }

    .layer-wrap.loginError .is-con .txt p {
        font-size: 18px;
    }

    .layer-wrap.loginError .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.loginError .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.loginError .is-con {
        padding: 30px 25px
    }

    .layer-wrap.loginError .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.loginError .is-con .txt {
        margin-top: 25px;
    }

    .layer-wrap.loginError .is-con .txt p {
        font-size: 16px;
    }

    .layer-wrap.loginError .is-btm {
        margin-top: 10px;
    }
}





/* ======================================================
   .layer-wrap.exChange
=========================================================*/
.layer-wrap.exChange {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.exChange .is-con {
    padding: 30px
}

.layer-wrap.exChange .is-con h3 {
    text-align: Center;
}

.layer-wrap.exChange .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.exChange .is-con .txt {
    margin-top: 45px;
    text-align: center;
}

.layer-wrap.exChange .is-con .txt p {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.exChange .is-btm {
    margin-top: 35px;
}

.layer-wrap.exChange .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.exChange .is-con .txt p {
        font-size: 22px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.exChange .is-con .txt p {
        font-size: 20px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.exChange .is-con {
        padding: 30px
    }

    .layer-wrap.exChange .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.exChange .is-con .txt {
        margin-top: 35px;
    }

    .layer-wrap.exChange .is-con .txt p {
        font-size: 18px;
    }

    .layer-wrap.exChange .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.exChange .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.exChange .is-con {
        padding: 30px 25px
    }

    .layer-wrap.exChange .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.exChange .is-con .txt {
        margin-top: 25px;
    }

    .layer-wrap.exChange .is-con .txt p {
        font-size: 16px;
    }

    .layer-wrap.exChange .is-btm {
        margin-top: 10px;
    }
}


/* ======================================================
   .layer-wrap.emailSend
=========================================================*/
.layer-wrap.emailSend {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.emailSend .is-con {
    padding: 30px
}

.layer-wrap.emailSend .is-con h3 {
    text-align: Center;
}

.layer-wrap.emailSend .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.emailSend .is-con .txt {
    margin-top: 45px;
    text-align: center;
}

.layer-wrap.emailSend .is-con .txt p {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.emailSend .is-btm {
    margin-top: 35px;
}

.layer-wrap.emailSend .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.emailSend .is-con .txt p {
        font-size: 22px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.emailSend .is-con .txt p {
        font-size: 20px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.emailSend .is-con {
        padding: 30px
    }

    .layer-wrap.emailSend .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.emailSend .is-con .txt {
        margin-top: 35px;
    }

    .layer-wrap.emailSend .is-con .txt p {
        font-size: 18px;
    }

    .layer-wrap.emailSend .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.emailSend .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.emailSend .is-con {
        padding: 30px 25px
    }

    .layer-wrap.emailSend .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.emailSend .is-con .txt {
        margin-top: 25px;
    }

    .layer-wrap.emailSend .is-con .txt p {
        font-size: 16px;
    }

    .layer-wrap.emailSend .is-btm {
        margin-top: 10px;
    }
}



/* ======================================================
   .layer-wrap.passModify
=========================================================*/
.layer-wrap.passModify {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.passModify .is-con {
    padding: 30px 48px
}

.layer-wrap.passModify .is-con h3 {
    text-align: Center;
}

.layer-wrap.passModify .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.passModify .is-con ul {
    margin-top: 24px;
    text-align: center;
}

.layer-wrap.passModify .is-con ul li:nth-child(n+2) {
    margin-top: 12px;
}

.layer-wrap.passModify .is-con ul .chk-input {
    width: 100%;
}

.layer-wrap.passModify .is-con ul .chk-select {
    width: 100%;
}

.layer-wrap.passModify .is-btm {
    margin-top: 15px;
}

.layer-wrap.passModify .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.passModify .is-con {
        padding: 30px 35px
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.passModify .is-con {
        padding: 30px
    }

    .layer-wrap.passModify .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.passModify .is-con ul {
        margin-top: 16px;
    }

    .layer-wrap.passModify .is-con ul li:nth-child(n+2) {
        margin-top: 8px;
    }

    .layer-wrap.passModify .is-btm {
        margin-top: 5px;
    }

    .layer-wrap.passModify .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.passModify .is-con {
        padding: 30px 25px
    }

    .layer-wrap.passModify .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }
}


/* ======================================================
   .layer-wrap.photoModify
=========================================================*/
.layer-wrap.photoModify {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.photoModify .is-con {
    padding: 30px 48px
}

.layer-wrap.photoModify .is-con h3 {
    text-align: Center;
}

.layer-wrap.photoModify .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.photoModify .is-con ul {
    margin-top: 24px;
    text-align: center;
}

.layer-wrap.photoModify .is-con ul li:nth-child(n+2) {
    margin-top: 12px;
}

.layer-wrap.photoModify .is-con ul .chk-input {
    width: 100%;
}

.layer-wrap.photoModify .is-con ul .chk-select {
    width: 100%;
}

.layer-wrap.photoModify .is-btm {
    margin-top: 15px;
}

.layer-wrap.photoModify .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.photoModify .is-con {
        padding: 30px 35px
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.photoModify .is-con {
        padding: 30px
    }

    .layer-wrap.photoModify .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.photoModify .is-con ul {
        margin-top: 16px;
    }

    .layer-wrap.photoModify .is-con ul li:nth-child(n+2) {
        margin-top: 8px;
    }

    .layer-wrap.photoModify .is-btm {
        margin-top: 5px;
    }

    .layer-wrap.photoModify .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.photoModify .is-con {
        padding: 30px 25px
    }

    .layer-wrap.photoModify .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }
}





/* ======================================================
   .layer-wrap.donaHistory
=========================================================*/
.layer-wrap.donaHistory {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.donaHistory .is-con {
    padding: 45px 48px 0 48px
}

.layer-wrap.donaHistory .is-con h3 {
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.donaHistory .is-con .vscrolls {
    max-height: 216px;
    overflow: hidden;
}

.layer-wrap.donaHistory .is-btm {
    margin-top: 30px;
}

.layer-wrap.donaHistory .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.donaHistory .is-con h3 {
        font-size: 16px
    }

    .layer-wrap.donaHistory .is-con {
        padding: 35px 35px 0 35px
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.donaHistory .is-con {
        padding: 25px 25px 0 25px
    }

    .layer-wrap.donaHistory .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.donaHistory .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.donaHistory .is-con .vscrolls {
        max-height: 172px;
    }
}


/* ======================================================
   .layer-wrap.modifyBack
=========================================================*/
.layer-wrap.modifyBack {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.modifyBack .is-con {
    padding: 30px
}

.layer-wrap.modifyBack .is-con h3 {
    text-align: Center;
}

.layer-wrap.modifyBack .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.modifyBack .is-con .txt {
    margin-top: 45px;
    text-align: center;
}

.layer-wrap.modifyBack .is-con .txt p {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.modifyBack .is-btm {
    margin-top: 35px;
}

.layer-wrap.modifyBack .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.modifyBack .is-con .txt p {
        font-size: 22px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.modifyBack .is-con .txt p {
        font-size: 20px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.modifyBack .is-con {
        padding: 30px
    }

    .layer-wrap.modifyBack .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.modifyBack .is-con .txt {
        margin-top: 35px;
    }

    .layer-wrap.modifyBack .is-con .txt p {
        font-size: 18px;
    }

    .layer-wrap.modifyBack .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.modifyBack .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.modifyBack .is-con {
        padding: 30px 25px
    }

    .layer-wrap.modifyBack .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.modifyBack .is-con .txt {
        margin-top: 25px;
    }

    .layer-wrap.modifyBack .is-con .txt p {
        font-size: 16px;
    }

    .layer-wrap.modifyBack .is-btm {
        margin-top: 10px;
    }
}


/* ======================================================
   .layer-wrap.license
=========================================================*/
.layer-wrap.license {
    position: fixed;
    display: none;
    left: 50%;
    min-width: 360px;
    width: 90%;
    max-width: 984px;
    padding: 45px 50px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.license .is-top {
    text-align: Center;
    position: Relative;
}

.layer-wrap.license .is-top h2 {
    font-size: 20px;
    letter-spacing: -0.03em;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.4em;
}

.layer-wrap.license .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}

.layer-wrap.license .is-con {
    margin-top: 25px;
}

.layer-wrap.license .is-con h3 {
    font-size: 15px;
    text-align: Center;
    font-weight: 500;
    color: #fd5d40;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.layer-wrap.license .is-con ul {
    margin: 0 -12px;
    margin-top: 27px;
    text-align: Center;
}

.layer-wrap.license .is-con li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333% - 24px);
    margin: 0 12px
}

.layer-wrap.license .is-con li:nth-child(n+4) {
    margin-top: 30px;
}

.layer-wrap.license .is-con li .img {
    position: relative
}

.layer-wrap.license .is-con li .img:after {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(../_Img/content/licen-close.png) no-repeat center center;
    background-size: 100% auto;
    display: block;
    content: ""
}

.layer-wrap.license .is-con li .img img {
    width: 100%;
}

.layer-wrap.license .is-con li .txt {
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.layer-wrap.license .is-con .ex {
    margin-top: 30px;
    font-size: 15px;
    color: #898989;
    line-height: 1.5em;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {
    .layer-wrap.license {
        padding: 35px 40px
    }

    .layer-wrap.license .is-top h2 {
        font-size: 18px;
    }

    .layer-wrap.license .is-top .close {
        background-size: 20px auto;
    }

    .layer-wrap.license .is-con li .img:after {
        width: 26px;
        height: 26px;
        right: -13px;
        top: -13px;
    }

    .layer-wrap.license .is-con li .txt {
        margin-top: 15px;
        font-size: 14px;
    }

    .layer-wrap.license .is-con .ex {
        font-size: 14px;
    }
}

@media only screen and (max-width:999px) {
    .layer-wrap.license {
        padding: 30px 30px
    }

    .layer-wrap.license .is-con {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .layer-wrap.license .is-con h3 {
        font-size: 14px;
    }

    .layer-wrap.license .is-con li {
        width: calc(50% - 24px);
    }

    .layer-wrap.license .is-con li:nth-child(n+3) {
        margin-top: 20px;
    }

    .layer-wrap.license .is-con li .img:after {
        width: 22px;
        height: 22px;
        right: -11px;
        top: -11px;
    }

    .layer-wrap.license .is-con li .txt {
        font-size: 13px;
    }

    .layer-wrap.license .is-con li .txt br {
        display: none;
    }

    .layer-wrap.license .is-con .ex {
        font-size: 13px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.license {
        padding: 25px 20px
    }

    .layer-wrap.license .is-top .close {
        background-size: 16px auto;
    }

    .layer-wrap.license .is-con .ex {
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.license .is-top h2 {
        font-size: 16px;
    }

    .layer-wrap.license .is-con {
        margin-top: 14px;
    }

    .layer-wrap.license .is-con li:nth-child(n+3) {
        margin-top: 15px;
    }

    .layer-wrap.license .is-con li .txt {
        font-size: 12px;
    }

    .layer-wrap.license .is-con li .img:after {
        width: 16px;
        height: 16px;
        right: -8px;
        top: -8px;
    }

    .layer-wrap.license .is-con .ex {
        font-size: 12px;
    }
}



/* ======================================================
   .layer-wrap.privacy
=========================================================*/
.layer-wrap.privacy {
    position: fixed;
    display: none;
    left: 50%;
    min-width: 360px;
    width: 90%;
    max-width: 984px;
    padding: 45px 50px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.privacy .is-top {
    text-align: Center;
    position: Relative;
}

.layer-wrap.privacy .is-top h2 {
    font-size: 20px;
    letter-spacing: -0.03em;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.4em;
}

.layer-wrap.privacy .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}

.layer-wrap.privacy .is-con {
    margin-top: 25px;
}

.layer-wrap.privacy .is-con h3 {
    font-size: 15px;
    text-align: Center;
    font-weight: 500;
    color: #fd5d40;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.layer-wrap.privacy .is-con ul {
    margin: 0 -12px;
    margin-top: 27px;
    text-align: Center;
}

.layer-wrap.privacy .is-con li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333% - 24px);
    margin: 0 12px
}

.layer-wrap.privacy .is-con li:nth-child(n+4) {
    margin-top: 30px;
}

.layer-wrap.privacy .is-con li .img {
    position: relative
}

.layer-wrap.privacy .is-con li .img:after {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    background: url(../_Img/content/licen-close.png) no-repeat center center;
    background-size: 100% auto;
    display: block;
    content: ""
}

.layer-wrap.privacy .is-con li .img img {
    width: 100%;
}

.layer-wrap.privacy .is-con li .txt {
    margin-top: 25px;
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.layer-wrap.privacy .is-con .ex {
    margin-top: 30px;
    font-size: 15px;
    color: #898989;
    line-height: 1.5em;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {
    .layer-wrap.privacy {
        padding: 35px 40px
    }

    .layer-wrap.privacy .is-top h2 {
        font-size: 18px;
    }

    .layer-wrap.privacy .is-top .close {
        background-size: 20px auto;
    }

    .layer-wrap.privacy .is-con li .img:after {
        width: 26px;
        height: 26px;
        right: -13px;
        top: -13px;
    }

    .layer-wrap.privacy .is-con li .txt {
        margin-top: 15px;
        font-size: 14px;
    }

    .layer-wrap.privacy .is-con .ex {
        font-size: 14px;
    }
}

@media only screen and (max-width:999px) {
    .layer-wrap.privacy {
        padding: 30px 30px
    }

    .layer-wrap.privacy .is-con {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .layer-wrap.privacy .is-con h3 {
        font-size: 14px;
    }

    .layer-wrap.privacy .is-con li {
        width: calc(50% - 24px);
    }

    .layer-wrap.privacy .is-con li:nth-child(n+3) {
        margin-top: 20px;
    }

    .layer-wrap.privacy .is-con li .img:after {
        width: 22px;
        height: 22px;
        right: -11px;
        top: -11px;
    }

    .layer-wrap.privacy .is-con li .txt {
        font-size: 13px;
    }

    .layer-wrap.privacy .is-con li .txt br {
        display: none;
    }

    .layer-wrap.privacy .is-con .ex {
        font-size: 13px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.privacy {
        padding: 25px 20px
    }

    .layer-wrap.privacy .is-top .close {
        background-size: 16px auto;
    }

    .layer-wrap.privacy .is-con .ex {
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.privacy .is-top h2 {
        font-size: 16px;
    }

    .layer-wrap.privacy .is-con {
        margin-top: 14px;
    }

    .layer-wrap.privacy .is-con li:nth-child(n+3) {
        margin-top: 15px;
    }

    .layer-wrap.privacy .is-con li .txt {
        font-size: 12px;
    }

    .layer-wrap.privacy .is-con li .img:after {
        width: 16px;
        height: 16px;
        right: -8px;
        top: -8px;
    }

    .layer-wrap.privacy .is-con .ex {
        font-size: 12px;
    }
}


/* ======================================================
   .layer-wrap.authorSup
=========================================================*/
.layer-wrap.authorSup {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    border-radius: 20px 20px;
    background: #fff;
    background-size: cover;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.authorSup .is-con {
    padding: 30px;
    padding-bottom: 45px;
    background: url(../_Img/content/author-bg.jpg) no-repeat center center;
    background-size: cover;
}

.layer-wrap.authorSup .is-con h3 {
    text-align: Center;
}

.layer-wrap.authorSup .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.authorSup .is-con .txt {
    margin-top: 24px;
    text-align: center;
}

.layer-wrap.authorSup .is-con .txt p {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.authorSup .is-btm {}

.layer-wrap.authorSup .is-btm:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.authorSup .is-btm a {
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.layer-wrap.authorSup .is-btm .gift-btn {
    float: left;
    width: 50%;
    background: #fd5c3f
}

.layer-wrap.authorSup .is-btm .charge-btn {
    float: right;
    width: 50%;
    background: #1b1b1b;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.authorSup .is-con .txt p {
        font-size: 22px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.authorSup .is-con .txt p {
        font-size: 20px;
    }

    .layer-wrap.authorSup .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.authorSup .is-con {
        padding: 30px
    }

    .layer-wrap.authorSup .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.authorSup .is-con .txt {
        margin-top: 35px;
    }

    .layer-wrap.authorSup .is-con .txt p {
        font-size: 18px;
    }

    .layer-wrap.authorSup .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.authorSup .is-btm a {
        font-size: 15px;
        line-height: 52px;
        height: 50px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.authorSup .is-con {
        padding: 30px 25px
    }

    .layer-wrap.authorSup .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.authorSup .is-con .txt {
        margin-top: 25px;
    }

    .layer-wrap.authorSup .is-con .txt p {
        font-size: 16px;
    }

    .layer-wrap.authorSup .is-btm {
        margin-top: 10px;
    }
}



/* ======================================================
   .layer-wrap.candyGift
=========================================================*/
.layer-wrap.candyGift {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 480px;
    top: 50%;
    border-radius: 20px 20px;
    background: #fff;
    background-size: cover;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.candyGift .is-con {
    padding: 30px;
    padding-bottom: 45px;
}

.layer-wrap.candyGift .is-con h3 {
    text-align: Center;
}

.layer-wrap.candyGift .is-con h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.candyGift .is-con .txt {
    margin-top: 24px;
    text-align: center;
}

.layer-wrap.candyGift .is-con .txt .btxt {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.candyGift .is-con .txt .stxt {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
    margin-top: 15px;
}

.layer-wrap.candyGift .is-btm {}

.layer-wrap.candyGift .is-btm:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.candyGift .is-btm a {
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.candyGift .is-con .txt .btxt {
        font-size: 22px;
    }

    .layer-wrap.candyGift .is-con .txt .stxt {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.candyGift .is-con .txt .btxt {
        font-size: 20px;
    }

    .layer-wrap.candyGift .is-con .txt .stxt {
        font-size: 15px;
    }

    .layer-wrap.candyGift .is-btm a {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.candyGift .is-con {
        padding: 30px
    }

    .layer-wrap.candyGift .is-con h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.candyGift .is-con .txt .btxt {
        font-size: 18px;
    }

    .layer-wrap.candyGift .is-con .txt .stxt {
        font-size: 14px;
    }

    .layer-wrap.candyGift .is-btm {
        margin-top: 20px;
    }

    .layer-wrap.candyGift .is-btm a {
        font-size: 15px;
        line-height: 52px;
        height: 50px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.candyGift .is-con {
        padding: 30px 25px
    }

    .layer-wrap.candyGift .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.candyGift .is-con .txt .btxt {
        font-size: 16px;
    }

    .layer-wrap.candyGift .is-con .txt .stxt {
        font-size: 13px;
    }

    .layer-wrap.candyGift .is-btm {
        margin-top: 10px;
    }
}



/* ======================================================
   .layer-wrap.upload
=========================================================*/
.layer-wrap.upload {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 540px;
    top: 50%;
    border-radius: 20px 20px;
    background: #fff;
    background-size: cover;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.upload .is-top {
    position: relative;
    padding-top: 30px;
}

.layer-wrap.upload .is-top h3 {
    text-align: center;
}

.layer-wrap.upload .is-top h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.upload .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    top: 46px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}

.layer-wrap.upload .is-con {
    padding: 0 30px;
    padding-bottom: 45px;
}

.layer-wrap.upload .is-con .txt {
    margin-top: 24px;
    text-align: center;
}

.layer-wrap.upload .is-con .txt .btxt {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.upload .is-con .txt .vc {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.layer-wrap.upload .is-con .txt .stxt {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #898989;
    margin-top: 5px;
}

.layer-wrap.upload .is-con .txt .ctxt {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #898989;
    margin-top: 5px;
}

.layer-wrap.upload .is-btm {}

.layer-wrap.upload .is-btm:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.upload .is-btm .enter-btn {
    float: left;
    width: 50%;
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.layer-wrap.upload .is-btm .write-btn {
    float: left;
    width: 50%;
    background: #fd5c3f;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.upload .is-con .txt .btxt {
        font-size: 22px;
    }

    .layer-wrap.upload .is-con .txt .stxt {
        font-size: 15px;
    }

    .layer-wrap.upload .is-con .txt .ctxt {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {
    .layer-wrap.upload .is-top .close {
        background-size: 20px auto;
    }
}

@media only screen and (max-width:999px) {
    .layer-wrap.upload .is-con .txt .btxt {
        font-size: 20px;
    }

    .layer-wrap.upload .is-top h3 span {
        font-size: 15px;
        width: 140px;
        height: 50px;
        line-height: 52px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.upload .is-con h3 span {
        height: 45px;
        line-height: 47px;
    }

    .layer-wrap.upload .is-top .close {
        background-size: 16px auto;
    }

    .layer-wrap.upload .is-con {}


    .layer-wrap.upload .is-con .txt {
        margin-top: 16px;
    }

    .layer-wrap.upload .is-con .txt .btxt {
        font-size: 18px;
    }

    .layer-wrap.upload .is-con .txt .stxt {
        font-size: 14px;
    }

    .layer-wrap.upload .is-con .txt .ctxt {
        font-size: 14px;
    }

    .layer-wrap.upload .is-con .txt .ctxt br {
        display: none;
    }

    .layer-wrap.upload .is-btm {}

    .layer-wrap.upload .is-btm .enter-btn,
    .layer-wrap.upload .is-btm .write-btn {
        font-size: 16px;
        line-height: 57px;
        height: 55px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.upload .is-con {
        padding: 0 25px;
        padding-bottom: 25px;
    }


    .layer-wrap.upload .is-con .txt {}

    .layer-wrap.upload .is-con .txt .btxt {
        font-size: 16px;
    }

    .layer-wrap.upload .is-con .txt .stxt {
        font-size: 13px;
    }

    .layer-wrap.upload .is-con .txt .ctxt {
        font-size: 13px;
    }

    .layer-wrap.upload .is-btm {}
}

/* ======================================================
   .layer-wrap.modelFail
=========================================================*/
.layer-wrap.modelFail {
    position: fixed;
    display: none;
    left: 50%;
    width: 90%;
    min-width: 360px;
    max-width: 540px;
    top: 50%;
    border-radius: 20px 20px;
    background: #fff;
    background-size: cover;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.modelFail .is-top {
    position: relative;
    padding-top: 30px;
}

.layer-wrap.modelFail .is-top h3 {
    text-align: center;
}

.layer-wrap.modelFail .is-top h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 180px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.modelFail .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    top: 46px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}

.layer-wrap.modelFail .is-con {
    padding: 0 48px;
    padding-bottom: 45px;
}

.layer-wrap.modelFail .is-con .txt {
    margin-top: 24px;
    text-align: left;
}

.layer-wrap.modelFail .is-con .txt .stxt {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
    margin-top: 5px;
    padding-left: 28px;
    background: url(../_Img/sub/ico-ex.jpg) no-repeat left 1px;
    padding-top: 1px;
}

.layer-wrap.modelFail .is-con .txt .stxt.corange {
    background-image: url(../_Img/sub/ico-exo.jpg)
}

.layer-wrap.modelFail .is-con .txt .stxt.mg12t {
    margin-top: 12px;
}

.layer-wrap.modelFail .is-btm {}

.layer-wrap.modelFail .is-btm:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.modelFail .is-btm .cancel-btn {
    float: left;
    width: 50%;
    background: #898989;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.layer-wrap.modelFail .is-btm .enter-btn {
    float: left;
    width: 50%;
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {
    .layer-wrap.modelFail .is-top .close {
        background-size: 20px auto
    }
}

@media only screen and (max-width:999px) {}

@media only screen and (max-width:680px) {
    .layer-wrap.modelFail .is-top .close {
        background-size: 16px auto
    }
}

@media only screen and (max-width:480px) {}

/* ======================================================
   .layer-wrap.modelAgree
=========================================================*/
.layer-wrap {
    box-sizing: border-box;
}

.layer-wrap.modelAgree {
    position: fixed;
    display: none;
    left: 50%;
    width: 684px;
    min-width: 360px;
    max-width: 984px;
    padding: 30px 50px 50px 50px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.modelAgree .is-top {
    position: relative;
}

.layer-wrap.modelAgree .is-top h3 {
    text-align: center;
}

.layer-wrap.modelAgree .is-top h3 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 300px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.modelAgree .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 16px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}


.layer-wrap.modelAgree .is-con {
    margin-top: 24px;
}

.layer-wrap.modelAgree .is-con .stit {
    font-size: 24px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    text-align: center;
    line-height: 1.2em;
}

.layer-wrap.modelAgree .is-con .cont {
    margin-top: 40px;
}

.layer-wrap.modelAgree .is-con .cont .fl {
    width: 100%;
    position: relative;
    /* padding-right: 48px; */
    box-sizing: border-box;
}

.layer-wrap.modelAgree .is-con .cont .fr {
    width: calc(47.51% + 48px);
    position: relative;
    padding-left: 48px;
    box-sizing: border-box;
}

.layer-wrap.modelAgree .is-con .cont .fr:before {
    border-left: 1px solid #dcdcdc;
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    display: block;
    content: "";
}

.layer-wrap.modelAgree .is-con .cont h4 {
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 20px;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.modelAgree .is-con .stit {
        font-size: 22px
    }

    .layer-wrap.modelAgree .is-con .cont h4 {
        font-size: 17px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.modelAgree {
        padding: 30px;
        width: 90%
    }

    .layer-wrap.modelAgree .is-top h3 span {
        font-size: 15px;
        width: 260px;
        height: 50px;
        line-height: 52px;
    }

    .layer-wrap.modelAgree .is-top .close {
        background-size: 20px auto
    }

    .layer-wrap.modelAgree .is-con .stit {
        font-size: 20px
    }

    .layer-wrap.modelAgree .is-con .stit br {
        display: none;
    }

    .layer-wrap.modelAgree .is-con .cont {
        margin-top: 30px;
    }

    .layer-wrap.modelAgree .is-con .cont h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .layer-wrap.modelAgree .is-con .cont .fl {
        float: none;
        width: auto;
        padding-right: 0;
    }

    .layer-wrap.modelAgree .is-con .cont .fr {
        float: none;
        width: auto;
        padding-left: 0;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #dcdcdc;
    }

    .layer-wrap.modelAgree .is-con .cont .fr:before {
        display: none;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.modelAgree {
        padding: 30px 20px;
    }

    .layer-wrap.modelAgree .is-top h3 {
        text-align: center;
    }

    .layer-wrap.modelAgree .is-top h3 span {
        height: 45px;
        width: 250px;
        line-height: 47px;
        text-align: center;
    }

    .layer-wrap.modelAgree .is-top .close {
        background-size: 16px auto;
        top: 10px
    }

    .layer-wrap.modelAgree .is-con {
        margin-top: 16px;
    }

    .layer-wrap.modelAgree .is-con .cont {
        margin-top: 20px;
    }

    .layer-wrap.modelAgree .is-con .cont h4 {
        font-size: 15px;
    }

    .layer-wrap.modelAgree .is-con .stit {
        font-size: 18px
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.modelAgree .is-con .stit {
        font-size: 16px
    }
}


.layer-wrap.modelAgree .is-con .cont .fl .link {
    background: #ededed;
    padding: 22px 20px;
}

.layer-wrap.modelAgree .is-con .cont .fl .link p {
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    word-break: break-all;
}

.layer-wrap.modelAgree .is-con .cont .fl .ex {
    margin-top: 20px;
    font-size: 15px;
    color: #fd5c3f;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.layer-wrap.modelAgree .is-con .cont .fl .copy-btn {
    margin-top: 32px;
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.layer-wrap.modelAgree .is-con .cont .fr .entry {}

.layer-wrap.modelAgree .is-con .cont .fr .entry li {}

.layer-wrap.modelAgree .is-con .cont .fr .entry li:nth-child(n+2) {
    margin-top: 12px
}

.layer-wrap.modelAgree .is-con .cont .fr .field.name {
    display: block;
    position: relative;
    padding-right: 180px;
}

.layer-wrap.modelAgree .is-con .cont .fr .field.name .chk-input {
    width: 100%;
}

.layer-wrap.modelAgree .is-con .cont .fr .field.name .abr {
    position: absolute;
    left: calc(100% - 165px);
    top: 16px;
}

.layer-wrap.modelAgree .is-con .cont .fr .field.name .abr .chk-radio:nth-child(n+2) {
    margin-left: 12px;
}

.layer-wrap.modelAgree .is-con .cont .fr .field.birth {
    display: block;
    position: relative;
    margin: 0 -6px;
}

.layer-wrap.modelAgree .is-con .cont .fr .field.birth .chk-select {
    width: 25%;
    margin: 0 6px
}

.layer-wrap.modelAgree .is-con .cont .fr .field.birth .chk-select select {
    font-size: 16px;
}

.layer-wrap.modelAgree .is-con .cont .fr .field.birth .chk-select:nth-child(1) {
    width: calc(50% - 36px);
}


.layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]+label {
    color: #898989;
    font-size: 16px;
    padding-left: 25px;
}

.layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]+label:before {
    background-image: url(../_Img/content/edit-radioff.jpg);
    border: none !Important;
    background-size: 18px auto !important;
}

.layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]:checked+label {
    color: #1b1b1b;
}

.layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]:checked+label:before {
    background-image: url(../_Img/content/edit-radion.jpg)
}


.layer-wrap.modelAgree .is-con .cont .fr .rtxt {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -0.03em;
    color: #898989
}

.layer-wrap.modelAgree .is-con .cont .fr .entry {
    margin-top: 19px;
}

.layer-wrap.modelAgree .is-con .cont .fr .upload-btn {
    margin-top: 24px;
    background: #1b1b1b;
    display: block;
    line-height: 62px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
}

.layer-wrap.modelAgree .is-con .cont .fr dl {
    margin-top: 17px;
}

.layer-wrap.modelAgree .is-con .cont .fr dt {
    margin-bottom: 15px;
    font-size: 15px;
    color: #898989;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.layer-wrap.modelAgree .is-con .cont .fr dd {
    background: #ededed;
    position: relative;
    height: 48px;
    padding: 13px 45px 0 20px;
    font-size: 0;
    box-sizing: border-box;
}

.layer-wrap.modelAgree .is-con .cont .fr dd:nth-child(n+3) {
    margin-top: 6px;
}

.layer-wrap.modelAgree .is-con .cont .fr dd ul {
    display: inline-block;
    vertical-align: top;
}

.layer-wrap.modelAgree .is-con .cont .fr dd ul:after {
    display: block;
    content: "";
    clear: both;
}

.layer-wrap.modelAgree .is-con .cont .fr dd li {
    float: left;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #898989;
    height: 20px;
    line-height: 24px;
    position: Relative;
}

.layer-wrap.modelAgree .is-con .cont .fr dd li:nth-child(n+2) {
    margin-left: 20px;
}

.layer-wrap.modelAgree .is-con .cont .fr dd li:nth-child(n+2):before {
    border-left: 1px solid #898989;
    width: 0;
    height: 12px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -6px;
    display: block;
    content: ""
}

.layer-wrap.modelAgree .is-con .cont .fr dd a {
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #fd5c3f;
    letter-spacing: -0.03em;
    height: 20px;
    line-height: 24px;
}

.layer-wrap.modelAgree .is-con .cont .fr dd a span {
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top
}

.layer-wrap.modelAgree .is-con .cont .fr dd .delete {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    border: none;
    background: url(../_Img/sub/upload-delete.jpg) no-repeat center center;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.modelAgree .is-con .cont .fl .ex {
        font-size: 14px
    }

    .layer-wrap.modelAgree .is-con .cont .fr .rtxt {
        font-size: 17px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .field.birth .chk-select select {
        font-size: 15px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]+label {
        font-size: 15px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.modelAgree .is-con .cont .fl .link {
        padding: 16px
    }

    .layer-wrap.modelAgree .is-con .cont .fl .link p {
        font-size: 13px;
    }

    .layer-wrap.modelAgree .is-con .cont .fl .ex {
        font-size: 13px
    }

    .layer-wrap.modelAgree .is-con .cont .fl .ex br {
        display: none;
    }

    .layer-wrap.modelAgree .is-con .cont .fl .copy-btn {
        line-height: 57px;
        height: 55px;
        font-size: 16px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .rtxt {
        font-size: 16px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .field.birth .chk-select select {
        font-size: 14px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]+label {
        font-size: 14px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .upload-btn {
        line-height: 57px;
        height: 55px;
        font-size: 16px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr dt {
        font-size: 14px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.modelAgree .is-con .cont .fl .copy-btn {
        line-height: 52px;
        height: 50px;
        font-size: 15px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .rtxt {
        font-size: 15px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .chk-radio input[type="radio"]+label {
        font-size: 13px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr .upload-btn {
        line-height: 52px;
        height: 50px;
        font-size: 15px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr dd {
        height: auto;
        padding: 13px 35px 13px 15px;
    }

    .layer-wrap.modelAgree .is-con .cont .fr dd a {
        display: block;
        margin-top: 3px;
        margin-left: 0;
    }

    .layer-wrap.modelAgree .is-con .cont .fr dd .delete {
        margin-top: 0;
        right: 14px;
        top: 16px;
    }
}

@media only screen and (max-width:480px) {}





/* ======================================================
   .layer-wrap.candySelect
=========================================================*/
.layer-wrap.candySelect {
    position: fixed;
    display: none;
    left: 50%;
    width: 984px;
    min-width: 360px;
    max-width: 984px;
    padding: 45px 50px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow-x: hidden;
    max-height: 90%;
    overflow-y: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.candySelect .is-top {
    text-align: Center;
    position: relative;
}

.layer-wrap.candySelect .is-top h2 span {
    display: inline-block;
    vertical-align: top;
    line-height: 62px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    width: 160px;
    box-sizing: Border-box;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #1b1b1b;
}

.layer-wrap.candySelect .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}

@media only screen and (max-width:1220px) {
    .layer-wrap.candySelect {
        padding: 35px 40px
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.candySelect {
        padding: 30px;
        width: 90%
    }

    .layer-wrap.candySelect .is-top h2 span {
        font-size: 15px;
        width: 260px;
        height: 50px;
        line-height: 52px;
        width: 150px;
    }

    .layer-wrap.candySelect .is-top .close {
        background-size: 20px auto
    }

}

@media only screen and (max-width:680px) {
    .layer-wrap.candySelect {
        padding: 30px 20px;
    }

    .layer-wrap.candySelect .is-top h2 span {
        height: 45px;
        width: 250px;
        line-height: 47px;
        text-align: center;
        width: 135px;
    }

    .layer-wrap.candySelect .is-top .close {
        background-size: 16px auto;
    }

}

@media only screen and (max-width:480px) {}

.layer-wrap.candySelect .is-con {
    margin-top: 25px;
}

.layer-wrap.candySelect .is-con .state {
    text-align: center;
}

.layer-wrap.candySelect .is-con .state h3 {
    display: inline-block;
    vertical-align: top;
    padding-left: 44px;
    height: 34px;
    line-height: 37px;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 500;
    letter-spacing: -0.03em;
    background: url(../_Img/content/has-candy.jpg) no-repeat left 1px;
}

.layer-wrap.candySelect .is-con .state h3 span {
    color: #fd5c3f
}

.layer-wrap.candySelect .is-con .state ul {
    margin-top: 25px;
    font-size: 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.layer-wrap.candySelect .is-con .state ul:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.candySelect .is-con .state li {
    display: inline-block;
    vertical-align: top;
    height: 58px;
    line-height: 61px;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
    letter-spacing: -0.03em;
    position: Relative;
}

.layer-wrap.candySelect .is-con .state li:nth-child(n+2) {
    margin-left: 30px;
}

.layer-wrap.candySelect .is-con .state li:nth-child(n+2):before {
    width: 0;
    height: 12px;
    position: absolute;
    left: -16px;
    top: 50%;
    margin-top: -6px;
    border-left: 1px solid #dcdcdc;
    display: block;
    content: "";
    z-index: -1;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.candySelect .is-con .state h3 {
        font-size: 17px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.candySelect .is-con .state h3 {
        font-size: 16px;
        line-height: 1.2em;
        padding: 8px 0 6px 40px;
        height: auto;
        background-position: left 0;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .layer-wrap.candySelect .is-con .state ul {
        margin-top: 15px;
    }

    .layer-wrap.candySelect .is-con .state li {
        font-size: 15px;
        height: 55px;
        line-height: 57px;
    }

    .layer-wrap.candySelect .is-con .state li:nth-child(n+2) {
        margin-left: 20px;
    }

    .layer-wrap.candySelect .is-con .state li:nth-child(n+2):before {
        left: -11px
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.candySelect .is-con .state h3 {
        font-size: 15px;
    }

    .layer-wrap.candySelect .is-con .state li {
        font-size: 14px;
        height: 50px;
        line-height: 52px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.candySelect .is-con .state li {
        font-size: 13px;
    }
}

.layer-wrap.candySelect .is-con .entry {
    margin-top: 48px
}

.layer-wrap.candySelect .is-con .entry ul {
    margin: 0 -12px;
}

.layer-wrap.candySelect .is-con .entry ul:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.candySelect .is-con .entry li {
    float: left;
    margin: 0 12px;
    width: calc(33.33333% - 24px)
}

.layer-wrap.candySelect .is-con .entry li:nth-child(n+4) {
    margin-top: 24px
}

.layer-wrap.candySelect .is-con .entry li a {
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    height: 120px;
    box-sizing: border-box;
    padding: 20px 0 0 0
}

.layer-wrap.candySelect .is-con .entry li a:after {
    display: block;
    content: "";
    clear: both;
}

.layer-wrap.candySelect .is-con .entry li .num {
    float: left;
    width: 60%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #1b1b1b;
    padding-top: 50px;
    position: relative;
}

.layer-wrap.candySelect .is-con .entry li .num:after {
    border-right: 1px solid #dcdcdc;
    position: absolute;
    right: -1px;
    top: 5px;
    height: Calc(100% - 10px);
    display: block;
    content: ""
}

.layer-wrap.candySelect .is-con .entry li .pes {
    float: right;
    width: 40%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #1b1b1b;
    padding-top: 50px;
    background: url(../_Img/content/ico-gift.jpg) no-repeat center 9px;
}

.layer-wrap.candySelect .is-con .entry li.active .pes {
    background-image: url(../_Img/content/ico-gifto.jpg);
    color: #fd5c3f
}

.layer-wrap.candySelect .is-con .entry li.active a {
    border-color: #fd5c3f
}

.layer-wrap.candySelect .is-con .entry li:nth-child(1) .num {
    background: url(../_Img/content/sel-candy01.jpg) no-repeat center top
}

.layer-wrap.candySelect .is-con .entry li:nth-child(2) .num {
    background: url(../_Img/content/sel-candy02.jpg) no-repeat center top
}

.layer-wrap.candySelect .is-con .entry li:nth-child(3) .num {
    background: url(../_Img/content/sel-candy03.jpg) no-repeat center top
}

.layer-wrap.candySelect .is-con .entry li:nth-child(4) .num {
    background: url(../_Img/content/sel-candy04.jpg) no-repeat center top
}

.layer-wrap.candySelect .is-con .entry li:nth-child(5) .num {
    background: url(../_Img/content/sel-candy05.jpg) no-repeat center top
}

.layer-wrap.candySelect .is-con .entry li:nth-child(6) .num {
    background: url(../_Img/content/sel-candy06.jpg) no-repeat center top
}

@media only screen and (max-width:1220px) {
    .layer-wrap.candySelect .is-con .entry li a {
        border-radius: 20px;
        height: 110px;
    }

    .layer-wrap.candySelect .is-con .entry li .num {
        font-size: 26px;
        background-size: 64px auto !important;
        padding-top: 45px;
    }

    .layer-wrap.candySelect .is-con .entry li .pes {
        font-size: 15px;
        background-size: 30px auto !important;
        padding-top: 45px;
    }
}

@media only screen and (max-width:1120px) {}

@media only screen and (max-width:999px) {
    .layer-wrap.candySelect .is-con .entry {
        margin-top: 35px
    }

    .layer-wrap.candySelect .is-con .entry ul {
        margin: 0 -8px;
    }

    .layer-wrap.candySelect .is-con .entry li {
        margin: 0 8px;
        width: calc(33.33333% - 16px)
    }

    .layer-wrap.candySelect .is-con .entry li:nth-child(n+4) {
        margin-top: 16px
    }

    .layer-wrap.candySelect .is-con .entry li a {
        border-radius: 15px;
        height: 100px;
        ;
        padding: 15px 0 0 0
    }

    .layer-wrap.candySelect .is-con .entry li .num {
        width: 55%;
        font-size: 24px;
        background-size: 58px auto !important;
        padding-top: 40px;
    }

    .layer-wrap.candySelect .is-con .entry li .pes {
        width: 45%;
        font-size: 14px;
        background-size: 26px auto !important;
        padding-top: 40px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.candySelect .is-con .entry {
        margin-top: 25px
    }

    .layer-wrap.candySelect .is-con .entry ul {
        margin: 0 -4px;
    }

    .layer-wrap.candySelect .is-con .entry li {
        margin: 0 4px;
        width: calc(50% - 8px)
    }

    .layer-wrap.candySelect .is-con .entry li:nth-child(n+3) {
        margin-top: 8px
    }

    .layer-wrap.candySelect .is-con .entry li a {
        height: 90px;
        ;
        padding: 15px 0 0 0
    }

    .layer-wrap.candySelect .is-con .entry li .num {
        font-size: 22px;
        background-size: 50px auto !important;
        padding-top: 35px;
    }

    .layer-wrap.candySelect .is-con .entry li .pes {
        font-size: 13px;
        background-size: 22px auto !important;
        padding-top: 35px;
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.candySelect .is-con .entry li a {
        height: 80px;
    }

    .layer-wrap.candySelect .is-con .entry li .num {
        width: 51%;
        font-size: 20px;
        background-size: 40px auto !important;
        padding-top: 30px;
    }

    .layer-wrap.candySelect .is-con .entry li .pes {
        width: 49%;
        font-size: 12px;
        background-size: 16px auto !important;
        padding-top: 30px;
    }
}

.layer-wrap.candySelect .is-con .field {
    display: block;
    text-align: center;
    margin-top: 48px;
}

.layer-wrap.candySelect .is-con .field .btxt {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    margin-right: 20px;
}

.layer-wrap.candySelect .is-con .field .rtxt {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    margin-left: 20px;
    margin-right: 25px;
}

.layer-wrap.candySelect .is-con .field .chk-input {
    width: 180px;
}

.layer-wrap.candySelect .is-con .field .chk-input input {
    font-size: 18px;
    background: #fff;
    border: 2px solid #dcdcdc;
    text-align: right;
    padding: 0 20px;
    font-weight: 500;
}

.layer-wrap.candySelect .is-con .field .gift-btn {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 48px;
    line-height: 52px;
    background: #fd5c3f;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: Center;
}

.layer-wrap.candySelect .is-con .ex {
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fd5c3f;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

@media only screen and (max-width:1220px) {
    .layer-wrap.candySelect .is-con .field .btxt {
        font-size: 16px;
    }

    .layer-wrap.candySelect .is-con .field .rtxt {
        font-size: 16px;
    }

    .layer-wrap.candySelect .is-con .field .chk-input {
        width: 150px;
    }

    .layer-wrap.candySelect .is-con .field .chk-input input {
        font-size: 17px;
    }
}

@media only screen and (max-width:1120px) {
    .layer-wrap.candySelect .is-con .field .chk-input input {
        font-size: 16px;
    }
}

@media only screen and (max-width:999px) {
    .layer-wrap.candySelect .is-con .field {
        margin-top: 30px;
    }

    .layer-wrap.candySelect .is-con .field .btxt {
        font-size: 14px;
        margin-right: 10px;
    }

    .layer-wrap.candySelect .is-con .field .rtxt {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 15px;
    }

    .layer-wrap.candySelect .is-con .field .chk-input {
        width: 130px;
    }

    .layer-wrap.candySelect .is-con .field .chk-input input {
        font-size: 15px;
    }

    .layer-wrap.candySelect .is-con .field .gift-btn {
        height: 40px;
        width: 100px;
        line-height: 44px;
        font-size: 15px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.candySelect .is-con .field .chk-input {
        width: 110px;
    }

    .layer-wrap.candySelect .is-con .ex {
        margin-top: 30px;
        font-size: 13px
    }
}

@media only screen and (max-width:480px) {
    .layer-wrap.candySelect .is-con .field .chk-input {
        width: 90px;
    }
}



/* ======================================================
   .layer-wrap.follower
=========================================================*/
.layer-wrap.follower {
    position: fixed;
    display: none;
    left: 50%;
    min-width: 360px;
    width: 90%;
    max-width: 984px;
    padding: 45px 50px;
    top: 50%;
    background: #fff;
    border-radius: 20px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-wrap.follower .is-top {
    text-align: Center;
    position: Relative;
}

.layer-wrap.follower .is-top ul {
    font-size: 0;
    padding-top: 5px;
}

.layer-wrap.follower .is-top li {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.layer-wrap.follower .is-top li:nth-child(n+2) {
    margin-left: 40px
}

.layer-wrap.follower .is-top li:nth-child(n+2):before {
    width: 0;
    height: 16px;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -12px;
    border-left: 1px solid #dcdcdc;
    display: block;
    content: "";
    z-index: -1;
}

.layer-wrap.follower .is-top li a {
    font-size: 20px;
    letter-spacing: -0.03em;
    font-weight: 500;
    color: #898989;
    line-height: 24px;
}

.layer-wrap.follower .is-top li.active a {
    color: #1b1b1b;
}

.layer-wrap.follower .is-top .close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    display: block;
    background: url(../_Img/sub/layer-close.png) no-repeat center center
}

.layer-wrap.follower .is-con {
    margin-top: 20px;
}

.layer-wrap.follower .is-con ul {
    margin: 0 -12px;
}

.layer-wrap.follower .is-con ul:after {
    display: block;
    content: "";
    clear: Both
}

.layer-wrap.follower .is-con li {
    float: left;
    width: calc(33.33333% - 24px);
    margin: 0 12px;
}

.layer-wrap.follower .is-con li:nth-child(n+4) {
    margin-top: 24px;
}

.layer-wrap.follower .is-con li a {
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    text-align: center;
    display: block;
    box-sizinG: border-box;
    height: 240px;
    padding-top: 40px;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.layer-wrap.follower .is-con li .img {
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
}

.layer-wrap.follower .is-con li .img img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.layer-wrap.follower .is-con li .txt {
    margin-top: 20px;
}

.layer-wrap.follower .is-con li .txt p {
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.3em;
}

.layer-wrap.follower .is-con li .txt p:nth-child(1) {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.layer-wrap.follower .is-con li .txt p:nth-child(2) {
    font-size: 15px;
    margin-top: 5px;
}

.layer-wrap.follower .is-con li .txt p:nth-child(3) {
    font-size: 15px;
    margin-top: 5px;
}

.layer-wrap.follower .is-con li a:hover {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}



.upload-wrap .list li {
    float: left;
    width: calc(32% - 4px);
    margin: 0 2px;
    position: relative;
}


.upload-wrap .list li:nth-child(n+4) {
    margin-top: 4px;
}

.upload-wrap .list li img {
    width: 100%
}

.upload-wrap .list li .delete {
    position: absolute;
    right: 0vw;
    top: 0vw;
    width: 2.2vw;
    height: 2.2vw;
    border-radius: 0;
    border: none;
    background: url(../_Img/sub/ico-delete.png) no-repeat center center;
    background-size: 22% auto;
    background-color: #f2f2f2;
}

.upload-wrap .list li .add {
    position: absolute;
    right: 2vw;
    bottom: 2vw;
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 0;
    border: none;
    background: url(../_Img/sub/ico-add.png) no-repeat center center;
    background-size: 100% auto;
}


.upload-wrap .lower {
    margin-top: 0vw;
    text-align: center;
}

.upload-wrap .lower a {
    margin-top: 50px;
    /* display: inline-block; */
    vertical-align: top;
    width: 22vw;
    /* height: 9vw;
    line-height: 9.6vw; */
    background: #1b1b1b;
    color: #fff;
    letter-spacing: -0.03em;
    /* font-size: 3.2vw; */
}

.upload-wrap .lower .ex {
    /* margin-top: 3vw;
    display: inline-block; */
    vertical-align: top;
    text-align: left;
    /* font-size: 2.8vw; */
    font-weight: 400;
    color: #1b1b1b;
    padding-left: 1vw;
    line-height: 1.3em;
    position: relative;
    /* padding-top: 0.2vw; */
}

.upload-wrap .lower .ex:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "※"
}

.upload-wrap .lower .ex span {
    font-weight: 700;
}






@media only screen and (max-width:1220px) {}

@media only screen and (max-width:1120px) {
    .layer-wrap.follower {
        padding: 35px 40px
    }

    .layer-wrap.follower .is-top li a {
        font-size: 18px;
    }

    .layer-wrap.follower .is-top li:nth-child(n+2) {
        margin-left: 30px
    }

    .layer-wrap.follower .is-top li:nth-child(n+2):before {
        left: -15px;
        height: 14px;
        margin-top: -10px;
    }

    .layer-wrap.follower .is-top .close {
        background-size: 20px auto;
    }

    .layer-wrap.follower .is-con li a {
        height: 220px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(1) {
        font-size: 16px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(2) {
        font-size: 14px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(3) {
        font-size: 14px;
    }

    .layer-wrap.follower .is-con li .img {
        height: 50px;
    }

    .layer-wrap.follower .is-con li .img img {
        height: 50px;
    }
}

@media only screen and (max-width:999px) {
    .layer-wrap.follower {
        padding: 30px 30px
    }

    .layer-wrap.follower .is-top li a {
        font-size: 16px;
    }

    .layer-wrap.follower .is-con li {
        width: calc(50% - 24px);
        margin: 0 12px;
    }

    .layer-wrap.follower .is-con li:nth-child(n+3) {
        margin-top: 24px;
    }

    .layer-wrap.follower .is-con li a {
        height: 200px;
        border-radius: 15px;
        padding-top: 30px
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(1) {
        font-size: 15px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(2) {
        font-size: 13px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(3) {
        font-size: 13px;
    }
}

@media only screen and (max-width:680px) {
    .layer-wrap.follower {
        padding: 25px 20px
    }

    .layer-wrap.follower .is-top .close {
        background-size: 16px auto;
    }

    .layer-wrap.follower .is-top li a {
        font-size: 15px;
    }

    .layer-wrap.follower .is-top li:nth-child(n+2) {
        margin-left: 20px
    }

    .layer-wrap.follower .is-top li:nth-child(n+2):before {
        left: -10px;
        height: 12px;
        margin-top: -8px
    }

    .layer-wrap.follower .is-con {
        margin-top: 15px;
    }

    .layer-wrap.follower .is-con ul {
        margin: 0 -6px;
    }

    .layer-wrap.follower .is-con li {
        width: calc(50% - 12px);
        margin: 0 6px;
    }

    .layer-wrap.follower .is-con li:nth-child(n+3) {
        margin-top: 12px;
    }

    .layer-wrap.follower .is-con li a {
        height: 180px;
        padding-top: 25px
    }

    .layer-wrap.follower .is-con li .txt {
        margin-top: 15px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(1) {
        font-size: 14px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(2) {
        font-size: 12px;
    }

    .layer-wrap.follower .is-con li .txt p:nth-child(3) {
        font-size: 12px;
    }
}

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


    /*=======================================================
  .upload-wrap
=========================================================*/
    .upload-wrap {
        padding: 4vw 0
    }

    .upload-wrap .list {
        position: relative;
    }

    .upload-wrap .list ul {
        margin: 0 -2px;
    }

    .upload-wrap .list ul:after {
        display: block;
        content: "";
        clear: both;
    }

    .upload-wrap .list li {
        float: left;
        width: calc(49% - 4px);
        margin: 0 2px;
        position: relative;
    }

    .upload-wrap .list li:nth-child(n+4) {
        margin-top: 4px;
    }

    .upload-wrap .list li img {
        width: 100%
    }

    .upload-wrap .list li .delete {
        position: absolute;
        left: 3vw;
        top: 3vw;
        width: 3.2vw;
        height: 3.2vw;
        border-radius: 0;
        border: none;
        background: url(../_Img/sub/ico-delete.png) no-repeat center center;
        background-size: 100% auto;
    }

    .upload-wrap .list li .add {
        position: absolute;
        right: 2vw;
        bottom: 2vw;
        width: 3.2vw;
        height: 3.2vw;
        border-radius: 0;
        border: none;
        background: url(../_Img/sub/ico-add.png) no-repeat center center;
        background-size: 100% auto;
    }

    .upload-wrap .lower {
        margin-top: 6vw;
        text-align: center;
    }

    .upload-wrap .lower a {
        display: inline-block;
        vertical-align: top;
        width: 30vw;
        height: 9vw;
        line-height: 9.6vw;
        background: #1b1b1b;
        color: #fff;
        letter-spacing: -0.03em;
        font-size: 3.2vw;
    }

    .upload-wrap .lower .ex {
        margin-top: 3vw;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        font-size: 2.8vw;
        font-weight: 400;
        color: #1b1b1b;
        padding-left: 4vw;
        line-height: 1.3em;
        position: relative;
        padding-top: 0.2vw;
    }

    .upload-wrap .lower .ex:before {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: "※"
    }

    .upload-wrap .lower .ex span {
        font-weight: 700;
    }
}

@media only screen and (max-width:500px) {
    .upload-wrap {
        padding: 20px 0
    }

    .upload-wrap .list li .delete {
        left: 15px;
        top: 15px;
        width: 16px;
        height: 16px;
    }

    .upload-wrap .list li .add {
        right: 10px;
        bottom: 10px;
        width: 16px;
        height: 16px;
    }

    .upload-wrap .lower {
        margin-top: -18px;
    }

    .upload-wrap .lower a {
        /* width: 150px; */
        height: 45px;
        line-height: 48px;
        font-size: 16px;
    }

    .upload-wrap .lower .ex {
        margin-top: 15px;
        font-size: 14px;
        color: #1b1b1b;
        padding-left: 20px;
        padding-top: 1px;
    }

    .upload-wrap .lower .ex:before {
        display: block;
        content: "※"
    }
}

.upload-wrap .result {
    text-align: center;
    padding: 1vw 0
}

.upload-wrap .result p {
    font-size: 16px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    position: relative;
    margin-bottom: 1vw;
}

.upload-wrap .result p span {
    display: block;
    font-weight: 500;
}

.upload-wrap .result a {
    display: inline-block;
    vertical-align: top;
    padding: 0px 25px;
    /* width: 30vw; */
    height: 50px;
    line-height: 50px;
    background: #1b1b1b;
    color: #fff;
    letter-spacing: -0.03em;
    font-size: 18px;
}

.upload-wrap .ex {
    margin-top: 1vw;
}

.upload-wrap .ex p {
    font-size: 16px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    position: relative;
}

.upload-wrap .ex p:nth-child(n+2) {
    margin-top: 1vw;
}

.upload-wrap .ex p span {
    font-weight: 500;
}

.upload-wrap .step {
    margin-top: 1vw;
}

.upload-wrap .step .btxt {
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    margin-bottom: 1.4vw;
}

.upload-wrap .step .stxt {
    font-size: 14px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    position: relative;
}

.upload-wrap .nec {
    margin-top: 1vw;
}

.upload-wrap .nec dt {
    font-size: 14px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    margin-bottom: 1.4vw;
}

.upload-wrap .nec dd {
    font-size: 14px;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    position: relative;
    padding-left: 2vw;
}

.upload-wrap .nec dd span {
    position: absolute;
    left: 0;
    top: 0;
}

.upload-wrap .nec dd:nth-child(n+3) {
    margin-top: 0.6vw;
}

@media only screen and (max-width:500px) {
    .upload-wrap .result {
        padding: 15px 0
    }

    .upload-wrap .result p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .upload-wrap .result p span {
        display: block;
    }

    .upload-wrap .result a {
        padding: 0px 5px;
        width: 140px;
        height: 45px;
        line-height: 48px;
        font-size: 16px;
    }

    .upload-wrap .ex {
        margin-top: 40px;
    }

    .upload-wrap .ex p {
        font-size: 14px;
    }

    .upload-wrap .ex p:nth-child(n+2) {
        margin-top: 7px;
    }

    .upload-wrap .ex p span {
        font-weight: 500;
    }

    .upload-wrap .step {
        margin-top: 30px;
    }

    .upload-wrap .step .btxt {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .upload-wrap .step .stxt {
        font-size: 14px;
    }

    .upload-wrap .nec {
        margin-top: 30px;
    }

    .upload-wrap .nec dt {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .upload-wrap .nec dd {
        font-size: 14px;
        padding-left: 20px;
    }

    .upload-wrap .nec dd:nth-child(n+3) {
        margin-top: 3px;
    }
}

.ikCloser {
    margin-left: 2px;
    color: #3290a7;
}

.hand {
    cursor: pointer;
}

#select_gender,
#select_year {
    display: none;
}

.list-wrap .filter:not(.no-pad) .ov li#sortLi01 {

    position: absolute;
    right: -4px;
    top: -55px;
    z-index: 623;
    /* width: calc(50% - 4px); */
}


.view-wrap .sponser_wrap {
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 100px;
    grid-gap: 20px;
}

.view-wrap .sponser_wrap div img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.cmmt-wrap .list li .reply-btns {
    margin-top: 10px;
}

.cmmt-wrap .list li .reply-btns a span {
    color: #adadad;
}

.view-wrap .vtop .img-zoom {
    position: Absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    z-index: 912;
    cursor: pointer;
}

a.list-more {
    display: block;
    width: 150px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #8a8a8a;
    margin: 50px auto 0;
    border: #bababa 1px solid;
    padding: 16px 0;
    border-radius: 9999px;
}

.list-wrap h2 {
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    margin-top: 50px;
    margin-bottom: 15px;
}

.btn-custom {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
    padding: 8px 8px 5px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    line-height: 1em;
    margin-left: 5px;
}

.alrim-itme {
    display: flex;
    align-items: center;
    border: 1px solid #dcdcdc;
    padding: 15px;
    margin-bottom: 10px;
}

.alrim-itme .btxt {
    font-size: 15px;
    font-weight: 500;
    color: #060606;
}

.alrim-itme .stxt {
    font-size: 12px;
    font-weight: 500;
    color: #adadad;
    margin-top: 5px;
}

.alrim-itme .photo {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
}

.alrim-itme .photo img {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.alrim-itme .photo svg {
    margin-top: 15px;
    object-fit: cover;
}

.alrim-itme .btn-custom-del {
    position: absolute;
    right: 60px;
}

.layer-my-alrim {
    position: Absolute;
    right: 0px;
    top: 65px;
    z-index: 999;
    display: none;
    background: #fff;
    border-radius: 10px;
    text-align: left;
    width: 450px;
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.1);
}

.layer-my-alrim:before {
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -10px;
    border-bottom: 10px solid #fff;
    display: block;
    content: "";
}

.layer-my-alrim div h3 {
    font-size: 16px;
    color: #1b1b1b;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px;
    margin-bottom: 20px;
}

.layer-my-alrim .list {
    display: flex;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    align-items: center;
    margin: 10px 20px
}

.layer-my-alrim .list .photo {
    text-align: center;
    border-radius: 40%;
    width: 60px;
    min-width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.layer-my-alrim .list .photo p {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
}

.layer-my-alrim .list .photo svg {
    object-fit: cover;
}

.layer-my-alrim .list .photo img {
    width: 100%;
    height: 90px;
    object-fit: cover;
}

.layer-my-alrim .list .alrim-tit {
    text-align: left;
    font-weight: 500;
    width: calc(100% - 180px);
}

.layer-my-alrim .alrim-noti {
    font-size: 13px;
    color: #fc5d40;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}

.layer-my-alrim .list .txt .stxt {
    margin-top: 7px;
    font-size: 14px;
    color: #898989;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper {
    position: relative;
    width: 60px;
    padding-top: 13px;
}

#switch {
    position: absolute;
    /* hidden */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.switch_label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 58px;
    height: 28px;
    background: #dcdcdc;
    border: 2px solid #dcdcdc;
    border-radius: 20px;
    transition: 0.2s;
}

.switch_label:hover {
    background: #dcdcdc;
}

.onf_btn {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 20px;
    background: #f5f5f5;
    transition: 0.2s;
}

/* checking style */
#switch:checked+.switch_label {
    background: #fd5c3f;
    border: 2px solid #fd5c3f;
}

#switch:checked+.switch_label:hover {
    background: #e55;
}

/* move */
#switch:checked+.switch_label .onf_btn {
    left: 33px;
    background: #fff;
    box-shadow: 1px 2px 3px #00000020;
}

#switch:checked+label::before {
    font-size: 14px;
    content: "";
    color: #fff;
    left: 15px;
}

.cmmt-wrap .list li .txt .reply-form {
    display: flex;
    flex-direction: row;
    border: 1px solid #dcdcdc;
    height: 80px;
}

.cmmt-wrap .list li .txt .reply-form .chk-input {
    flex: auto;
    height: 100%;
}


.cmmt-wrap .list li .txt .reply-form .chk-input textarea {
    border: none;
    padding: 10px;
    height: 100%;
    resize: none;
}


.cmmt-wrap .list li .txt .reply-form .btn-wrap {
    border: none;
    display: flex;
    flex-direction: row;
}

.cmmt-wrap .list li .txt .reply-form .cancel {
    width: 120px;
    height: 100%;
    line-height: 82px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    border: none;
    border-left: 1px solid #dcdcdc;
    background: #fff;
}

.cmmt-wrap .list li .txt .reply-form .cancel:hover {
    background: #c9c9c9;
    color: #1b1b1b;
    border-color: #c9c9c9;
}



.cmmt-wrap .list li .txt .reply-form .enter {
    width: 120px;
    height: 100%;
    line-height: 82px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    border: none;
    border-left: 1px solid #dcdcdc;
    background: #fff;
}

.cmmt-wrap .list li .txt .reply-form .enter:hover {
    background: #1b1b1b;
    color: #fff;
    border-color: #1b1b1b;
}

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

    .cmmt-wrap .list li .txt .reply-form {
        display: flex;
        flex-direction: column;
        border: 1px solid #dcdcdc;
        height: 151px;
    }

    .cmmt-wrap .list li .txt .reply-form .chk-input textarea {
        padding: 10px;
        height: 100px;
        resize: none;
    }

    .cmmt-wrap .list li .txt .reply-form .enter {
        flex: auto;
        height: 50px;
        line-height: 41px;
    }

    .cmmt-wrap .list li .txt .reply-form .cancel {
        flex: auto;
        height: 50px;
        line-height: 41px;
    }

    .cmmt-wrap .list li .txt .reply-form .btn-wrap {
        border-top: 1px solid #dcdcdc;
    }

}



/* 2024.09.27추가 */
.notice-wrap .topTitleWrap {
    position: relative;
}

.notice-wrap .topTitleWrap {}

.notice-wrap .topTitleWrap .settingBox {
    position: absolute;
    top: -16px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.notice-wrap .topTitleWrap .settingBox a {
    position: relative;
    display: block;
    border-radius: 5px;
    padding: 12px;
    border: 1px solid #dedede;
    font-weight: 500;
    color: #1b1b1b;
}

.notice-wrap .topTitleWrap .settingBox a.setting {
    padding: 0;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: #dcdcdc;
}

.notice-wrap .topTitleWrap .settingBox a.setting::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 25px;
    background: url(../_Img/content/setting.png)no-repeat;
}

.notice-wrap .topTitleWrap .settingBox a.refresh {
    padding: 0;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
}

.notice-wrap .topTitleWrap .settingBox a.refresh::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 24px;
    background: url(../_Img/content/notice-icon.png)no-repeat;
}

.notice-wrap h3 {
    font-size: 30px;
    font-weight: 500;
    color: #1b1b1b;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    padding-bottom: 20px;
    border-bottom: 1px solid #1b1b1b;
    margin-bottom: 45px;
}

.notice-wrap .noticeList {
    overflow: hidden;
}

.notice-wrap .noticeList li {
    position: relative;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 23px 97px 23px 23px;
    border: 1px solid #ededed;
}

.notice-wrap .noticeList li .imgBox {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

.notice-wrap .noticeList li .imgBox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.notice-wrap .noticeList li .textBox {}

.notice-wrap .noticeList li .textBox p {
    font-weight: 500;
    color: #1b1b1b;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.notice-wrap .noticeList li .textBox span {
    font-size: 15px;
    font-weight: 300;
    color: #707070;
}

.notice-wrap .noticeList li .closeBtn {
    position: absolute;
    top: 50%;
    right: 48px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(../_Img/content/close-btn.png)no-repeat;
    border: 0;
}

.notice-wrap .blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

.notice-wrap .settingPopup {
    /* display: none; */
    justify-content: center;
    padding: 0 30px 0;
    width: 480px;
    height: 690px;
    position: relative;
    top: -19px;
    right: 0;
    border-radius: 27px;
    overflow: hidden;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    box-sizing: border-box;
    z-index: 9999999;
}

.notice-wrap .settingPopup h3 {
    margin-bottom: 30px;
    padding: 28px 0 25px;
    position: relative;
    font-weight: 500;
    color: #1b1b1b;
    font-size: 20px;
    border-bottom: 0;
}

.notice-wrap .settingPopup h3::after {
    content: '';
    position: absolute;
    left: -100%;
    right: -100%;
    bottom: 0;
    border-bottom: 1px solid #dcdcdc;
}

.notice-wrap .settingPopup .settingPopupList li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.notice-wrap .settingPopup .settingPopupList li:last-child {
    margin-bottom: 0;
}

.notice-wrap .settingPopup .settingPopupList li .imgBox {
    margin-right: 17px;
    width: 60px;
    height: 60px;
}

.notice-wrap .settingPopup .settingPopupList li .imgBox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notice-wrap .settingPopup .settingPopupList li p {
    width: calc(100% - 149px);
    font-weight: 500;
    color: #1b1b1b;
    font-size: 15px;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox {
    width: 72px;
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 36px;
    line-height: 38px;
    border-radius: 50px;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox a {
    margin: 0 -3px;
    width: 50%;
    height: 100%;
    font-size: 11px;
    font-weight: 500;
    color: #898989;
    background-color: #dcdcdc;
    text-align: center;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox.off a {
    background-color: #dcdcdc;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox.on a {
    background-color: #fd5c3f;
    color: #fff;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox a.off {
    border-radius: 50px 0 0 50px;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox a.on {
    border-radius: 0 50px 50px 0;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox a.active {
    position: relative;
    font-size: 10px;
}

.notice-wrap .settingPopup .settingPopupList li .modeBox a.active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
}

.notice-wrap .settingPopup .infoText {
    margin-top: 22px;
    font-size: 13px;
    color: #fd5c3f;
    font-weight: 500;
    letter-spacing: -1px;
}

.notice-wrap .settingPopup .popupClose {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 18px;
    height: 18px;
    background: url(../_Img/content/popupclose.png)no-repeat;
    border: 0;
}

@media (max-width: 640px) {

    body.of {
        overflow: hidden;
    }

    .notice-wrap .topTitleWrap .topTitleBox {
        position: relative;
    }

    .notice-wrap .topTitleWrap .topTitleBox h3 {
        margin-bottom: 24px;
        border-bottom: 0;
        font-size: 30px;
    }

    .notice-wrap .topTitleWrap .topTitleBox::after {
        content: '';
        position: absolute;
        left: -100%;
        bottom: 0;
        right: -100%;
        border-bottom: 1px solid #1b1b1b;
    }

    .notice-wrap .topTitleWrap .settingBox {
        max-width: 544px;
        margin: 0 auto;
        position: static;
        margin-bottom: 24px;
        justify-content: flex-end;
    }

    .notice-wrap .noticeList li .imgBox {
        width: 60px;
        height: 60px;
    }

    .notice-wrap .noticeList li {
        padding: 23px 59px 23px 18px;
        gap: 18px;
    }

    .notice-wrap .noticeList li .closeBtn {
        right: 20px;
    }

    .notice-wrap .noticeListWrap {
        max-width: 544px;
        margin: 0 auto;
    }

    .settingPopupBg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .3);
        z-index: 99999;
    }

    .notice-wrap .settingPopup {
        /* display: none; */
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999999999999;
    }

}

@media (max-width: 576px) {

    .notice-wrap .settingPopup {
        width: 90%;
    }

}

@media (max-width: 414px) {

    .notice-wrap .settingPopup .settingPopupList li p {
        width: calc(100% - 129px);
    }

    .notice-wrap .settingPopup {
        padding: 0 15px 35px;
        height: auto;
    }

    .notice-wrap .settingPopup .imgBox,
    .notice-wrap .noticeList li .imgBox {
        width: 40px !important;
        height: 40px !important;
    }

}