body {overflow-x: hidden;}
footer {margin-top:0;}
.side_menu {display:none;}

.pledge-wrap {
    background:#fbf1f0;
    padding-bottom:8rem;
}
.pledge-wrap .indiv {
    max-width:128rem;
    margin:auto;
}

/** **/
.pledge-vs {
    padding:0 var(--container-padding);
    height:49rem;
    background:url("/assets/home/img/pledge/vs-bg.jpg") no-repeat center;
    background-size:cover;
    font-size:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.pledge-vs .indiv {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5rem;
}
.pledge-vs .indiv .typo {
    width:42rem;
}
.pledge-vs .indiv .typo span.stx {
    font-size:2.4rem;
    color:#fff;
}
.pledge-vs .indiv .typo h2 {
    font-size:6rem;
    color:#fff;
    font-weight:900;
}
.pledge-vs .indiv .typo h2.tit1 {
    margin-top:3rem;
}
.pledge-vs .indiv .typo h2.tit1 span {
    position:relative;
}
.pledge-vs .indiv .typo h2.tit1 span::after {
    display:block;
    content:"";
    position:absolute;
    left:100%;
    bottom:0;
    width:17.7rem;
    height:6.8rem;
    background:url("/assets/home/img/pledge/vs-plying.png") no-repeat center;
    background-size:contain;
}
.pledge-vs .indiv .img {
    flex:1;
    font-size:0;
}
.pledge-vs .indiv .img img {
    display:block;
    max-width:100%;   
    position:relative;
    top:-4rem;     
}

.pledge-wrap .tag {
    background:#fbf1f0;
    padding:1.5rem 0 0;
}
.pledge-wrap .tag ul {
    display:flex;
    align-items:center;
}
.pledge-wrap .tag ul li {
    display:flex;
    align-items:center;
}
.pledge-wrap .tag ul li::after {
    display:inline-block;
    content:"";
    width:4px;
    height:4px;
    background:#ff7558;
    border-radius:100vh;
    margin-left:2rem;
}
.pledge-wrap .tag ul li span {
    font-size:2.4rem;
    color:#d31421;
    font-weight:500;
    white-space:nowrap;
}

@media (max-width: 1220px) {
    .pledge-vs {
        padding:6rem var(--container-padding);
        height:auto;
    }
    .pledge-vs .indiv {
        flex-wrap:wrap;
    }
    .pledge-vs .indiv .typo {
        width:100%;
        text-align:center;
    }
    .pledge-vs .indiv .img {
        text-align:center;
    }
    .pledge-vs .indiv .img img {
        display:inline-block;
        top:inherit;     
    }
}
@media (max-width: 520px) {
    .pledge-vs .indiv .typo span.stx {
        font-size:1.8rem;
    }
    .pledge-vs .indiv .typo h2 {
        font-size:4rem;
    }
    .pledge-vs .indiv .typo h2.tit1 span::after {
        width: 12.7rem;
    }
    .pledge-wrap .tag ul li a {
        font-size:2rem;
    }
}



/** **/
.sec1-tab-wrap {        
    padding:9rem var(--container-padding) 5rem;
}    

/* tab 메뉴 */
.sec-tab {
    display:flex;
    align-items:center;
    gap:4rem;
}
.sec-tab li {
    position:relative;
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    padding:0 2rem;
    -webkit-box-shadow: 0.9rem 0.9rem 2.9rem 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0.9rem 0.9rem 2.9rem 0 rgba(0,0,0,0.08);
    box-shadow: 0.9rem 0.9rem 2.9rem 0 rgba(0,0,0,0.08);        
    border-radius:5px;
    z-index:1;
}
.sec-tab li.active {
    background:#d31421;
}
.sec-tab li.active::after {
    display:block;
    content:"";
    width:3rem;
    height:3rem;
    background:url("/assets/home/img/pledge/tap-anchor.png") no-repeat center;
    background-size:contain;
    position:absolute;
    left:50%;
    bottom:-1.5rem;
    transform:translateX(-50%);
    z-index:0;
}
.sec-tab li a { 
    position:relative;
    flex:1;   
    height:9rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.2rem;
    color:#000;
    font-weight:600;
    z-index:1;
}
.sec-tab li.active a {
    color:#fff;
}
.sec-tab li a span { 
    position:relative;
    display:inline-block;
    padding-left:4.5rem;
    text-align:center;
}
.sec-tab li.tb1 a span { 
    padding-left:4.5rem;
}
.sec-tab li.tb2 a span { 
    padding-left:4.3rem;
}
.sec-tab li.tb3 a span { 
    padding-left:5rem;
}
.sec-tab li a span::before { 
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
}
.sec-tab li.tb1 a span::before { 
    width:2.9rem;
    height:4.9rem;
    background:url("/assets/home/img/pledge/tap-icon1.png") no-repeat left center;
    background-size:contain;
}
.sec-tab .tb1.active a span::before { 
    background:url("/assets/home/img/pledge/tap-icon1-on.png") no-repeat left center;
    background-size:contain;
}
.sec-tab li.tb2 a span::before { 
    width:3.1rem;
    height:4.2rem;
    background:url("/assets/home/img/pledge/tap-icon2.png") no-repeat left center;
    background-size:contain;
}
.sec-tab .tb2.active a span::before { 
    background:url("/assets/home/img/pledge/tap-icon2-on.png") no-repeat left center;
    background-size:contain;
}
.sec-tab li.tb3 a span::before { 
    width:3.8rem;
    height:3.9rem;
    background:url("/assets/home/img/pledge/tap-icon3.png") no-repeat left center;
    background-size:contain;
}
.sec-tab .tb3.active a span::before { 
    background:url("/assets/home/img/pledge/tap-icon3-on.png") no-repeat left center;
    background-size:contain;
}

@media (max-width: 1220px) {
    .sec-tab {
        gap: 2rem;
    }
    .sec-tab li a { 
        font-size:2rem;
    }
}
@media (max-width: 1110px) {
    .sec-tab li a span em {
        display:block !important;
    }
    .sec-tab li a span em br {
        display:none;
    }
}
@media (max-width: 640px) {
    .sec-tab li a span { 
        padding-left:0 !important;
        position:inherit;
    }
    .sec-tab li a span::before { 
        display:none;
        top:inherit;
        bottom:calc(100% + 2.5rem);
        transform:translateX(-50%);
        left:50%;
    }   
    .sec-tab .tb1.active a span::before { 
        background:url("/assets/home/img/pledge/tap-icon1.png") no-repeat left center;
        background-size:contain;
    }   
    .sec-tab .tb2.active a span::before { 
        background:url("/assets/home/img/pledge/tap-icon2.png") no-repeat left center;
        background-size:contain;
    }   
    .sec-tab .tb3.active a span::before { 
        background:url("/assets/home/img/pledge/tap-icon3.png") no-repeat left center;
        background-size:contain;
    }                       
}
@media (max-width: 520px) {
    .sec-tab {
        gap:1rem;
    }
    .sec-tab li {
        padding:0 1rem;
    }
    .sec-tab li a { 
        font-size:1.8rem;
    }
}
@media (max-width: 400px) {
    .sec-tab li a { 
        font-size:1.6rem;
    }
    .sec-tab li a span::before { 
        bottom:calc(100% + 3rem);
    }   
} 



/** **/
.pledge-down {
    padding:0 1.5%;
}
.pledge-down .outer-box {
    background:#fff;
    border-radius:1.5rem;
    padding:6rem calc(var(--container-padding) - 1.5%);
}
.pledge-down .outer-box ul {
    display:flex;
    gap:3rem;
}
.pledge-down .outer-box ul li {
    position:relative;
    flex:1;
    display:flex;
    align-items:center;
    border:solid 1px #000;
    padding:4rem;
    position:relative;
    justify-content:space-between;
    gap:1rem;
}
.pledge-down .outer-box ul li::after {
    display:block;
    content:"";
    width:100%;
    height:0.8rem;
    position:absolute;
    bottom:0;
    left:0;
}
.pledge-down .outer-box ul li.center::after {
    background:#d31421;
}
.pledge-down .outer-box ul li.sido::after {
    background:#112c56;
}
.pledge-down .outer-box ul li .title {
    font-size:3.8rem;
    color:#000;
    font-weight:300;
}
.pledge-down .outer-box ul li .title h2 {

}
.pledge-down .outer-box ul li .title h2 span {
    position:relative;
    display:inline-block;
    line-height:1.3;
}
.pledge-down .outer-box ul li .title h2 span em {
    position:relative;
    display:inline-block;
    font-size:4rem;
    color:#000;
    font-weight:800;
    z-index:1;
    line-height:1;
}
.pledge-down .outer-box ul li .title h2 span::after {
    display:block;
    content:"";
    background:#f6d0d3;
    width:100%;
    height:1.5rem;
    position:absolute;
    bottom:0;
    left:0;
    z-index:0;
}
.pledge-down .outer-box ul li .down-button {
    width:16.8rem;
    height:16.8rem;
    background:url("/assets/home/img/pledge/down-border.png") no-repeat center;
    background-size:contain;
    display:flex;
    align-items:center;
    justify-content:center;
}
.pledge-down .outer-box ul li.sido .down-button {
    background:url("/assets/home/img/pledge/down-border2.png") no-repeat center;
    background-size:contain;
}
.pledge-down .outer-box ul li .down-button .box {
    position:relative;
    background:#000;
    border-radius:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    width:12.8rem;
    height:12.8rem;
    -webkit-box-shadow: 1.1rem 1.1rem 3.8rem 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 1.1rem 1.1rem 3.8rem 0 rgba(0,0,0,0.22);
    box-shadow: 1.1rem 1.1rem 3.8rem 0 rgba(0,0,0,0.22);    
}
.pledge-down .outer-box ul li .down-button .box span {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:inline-block;
    width:100%;
    text-align:center;
    padding-bottom:2.5rem;
    background:url("/assets/home/img/pledge/download.png") no-repeat center bottom;
    background-size:2rem auto;
    font-size:1.8rem;
    color:#fff;
    font-weight:600;
}

@media (max-width: 1340px) {
    .pledge-down .outer-box ul li {
        flex-direction: column;
        row-gap:4rem;
    }
    .pledge-down .outer-box ul li .title {
        text-align:center;
    }
}
@media (max-width: 940px) {
    .pledge-down .outer-box ul {
        flex-direction: column;
    }
    .pledge-down .outer-box ul li {
        flex-direction: row;
    }
    .pledge-down .outer-box ul li .title {
        text-align:left;
    }
}
@media (max-width: 540px) {
    .pledge-down .outer-box ul li {
        flex-direction: column;
    }
    .pledge-down .outer-box ul li .title {
        text-align:center;
    }
}
@media (max-width: 520px) {
    .pledge-down .outer-box ul li .title {
        font-size:3.2rem;
    }
    .pledge-down .outer-box ul li .title h2 span em {
        font-size:3.6rem;
    }
}
@media (max-width: 420px) {
    .pledge-down .outer-box ul li .title {
        font-size:2.8rem;
    }
    .pledge-down .outer-box ul li .title h2 span em {
        font-size:3.2rem;
    }
}



/** **/
.sec2-tab-wrap {        
    padding:9rem var(--container-padding) 5rem;
}  




/** **/
.secPromise {
    padding:0 var(--container-padding) 8rem; 
}
/* .secPromise .indiv {
    position:relative;
    background:url("/assets/home/img/pledge/promise-bgg.png") no-repeat right bottom;
    background-size:53.2rem auto;
} */
.secPromise .indiv.bg-none {
    background:none;
    padding-bottom:0;
}
.secPromise ul.list {
    display:flex;
    flex-wrap:wrap;
    margin-left:-2rem;
    row-gap:2rem;
}
.secPromise ul.list li {
    flex-basis:calc(20% - 2rem);
    margin-left:2rem;
}
.secPromise ul.list li img {
    display:block;
    width:100%;
}

.secPromise .ol {
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
}
.secPromise .ol.view {
    visibility:visible;
    position:inherit;
    top:inherit;
    left:inherit;
}

.secPromise .info {
    display:none;
    margin-top:3rem;
    text-align:center;
}
.secPromise .info .bbtn {
    display:inline-block;
    padding:1.5rem 2.5rem;
    border-radius:0.5rem;
    background:#000;
    font-size:2.8rem;
    color:#fff;
    font-weight:600;
}

@media (max-width: 1200px) {
    .secPromise .indiv {
        position:relative;
        background:url("/assets/home/img/pledge/promise-bgg.png") no-repeat right bottom;
        background-size:53.2rem auto;
    }   
    .secPromise ul.list li {
        flex-basis:calc(25% - 2rem);
    }           
}

@media (max-width: 980px) {
    .secPromise ul.list {
        margin-left:-2rem;
        row-gap:2rem;
    }
    .secPromise ul.list li {
        flex-basis:calc(33.333% - 2rem);
        margin-left:2rem;
    }
    .secPromise .info .bbtn {
        font-size:2.6rem;
    }            
}
@media (max-width: 680px) {
    .secPromise .indiv {
        padding-bottom:30rem;
    }    
    .secPromise ul.list li {
        flex-basis:calc(50% - 2rem);
    }
    .secPromise .info .bbtn {
        font-size:2.4rem;
    } 
}    
@media (max-width: 520px) {
    .secPromise .indiv {
        padding-bottom:20rem;
        background:url("/assets/home/img/pledge/promise-bgg.png") no-repeat right bottom;
        background-size:40rem auto;
    }
    .secPromise ul.list {
        margin-left:-1rem;
        row-gap:1rem;
    }
    .secPromise ul.list li {
        flex-basis:calc(50% - 1rem);
        margin-left:1rem;
    }
    .secPromise .info .bbtn {
        font-size:2.2rem;
    } 
}
@media (max-width: 380px) {
    .secPromise .indiv {
        padding-bottom:18rem;
        background:url("/assets/home/img/pledge/promise-bgg.png") no-repeat right bottom;
        background-size:35rem auto;
    }
    .secPromise ul.list {
        margin-left:0;
    }
    .secPromise ul.list li {
        flex-basis:100%;
        margin-left:0;
    }
    .secPromise .info .bbtn {
        font-size:2rem;
    } 
}  




/** **/
.delivery-completed {
    padding:0 1.5%;
}
.delivery-completed .outer-box {
    background:#fff;
    border-radius:1.5rem;
    padding:9rem calc(var(--container-padding) - 1.5%);
}      

.delivery-completed .sec-tab li.tb1,
.delivery-completed .sec-tab li.tb2 {
    border:solid 1px #ddd;
}
.delivery-completed .bn-wrap {
    padding-top:6rem;
}
.delivery-completed .bn-wrap ul {
    display:flex;
    flex-wrap:wrap;
    margin-left:-2.4rem;
    row-gap:2.4rem;
}
.delivery-completed .bn-wrap ul li {
    position:relative;
    flex-basis:calc(25% - 2.4rem);
    margin-left:2.4rem;
    border:solid 1px #000;
}
.delivery-completed .bn-wrap ul li span.no {
    width:6rem;
    height:6rem;
    position:absolute;
    top:-1rem;
    left:-1px;
    border-radius:100vh;
    background:#000;
    font-size:1.8rem;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}
.delivery-completed .bn-wrap ul li span.no::before {
    display:block;
    content:"";
    width:3rem;
    height:3.2rem;
    background:url("/assets/home/img/pledge/corner-bg.png") no-repeat center;
    background-size:contain;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}
.delivery-completed .bn-wrap ul li span.no em {
    position:relative;
    top:-1px;
    font-size:2.4rem;
}
.delivery-completed .bn-wrap ul li .thumb {
    position:relative;
}
.delivery-completed .bn-wrap ul li .thumb img {
    display:block;
    width:100%;
}
.delivery-completed .bn-wrap ul li .info {
    padding:2rem;
}
.delivery-completed .bn-wrap ul li:nth-child(even) .info {
    border-top:solid 1rem #112c56;
}
.delivery-completed .bn-wrap ul li:nth-child(odd) .info {
    border-top:solid 1rem #d31421;
}
.delivery-completed .bn-wrap ul li .info span {
    font-size:1.8rem;
    color:#757575;
}
.delivery-completed .bn-wrap ul li .info p {
    margin-top:0.5rem;
    font-size:1.9rem;
    color:#000;
    font-weight:600;
    line-height:1.2;
    letter-spacing:-0.5px;
}

@media (max-width: 1220px) {
    .delivery-completed .bn-wrap ul li span.no {
        width:5rem;
        height:5rem;
        font-size:1.7rem;
    }
    .delivery-completed .bn-wrap ul li span.no em {
        font-size:2.2rem;
    }
}
@media (max-width: 980px) {
    .delivery-completed .bn-wrap ul {
        margin-left:-2rem;
        row-gap:2rem;
    }
    .delivery-completed .bn-wrap ul li {
        flex-basis:calc(33.333% - 2rem);
        margin-left:2rem;
    }
}
@media (max-width: 680px) {
    .delivery-completed .bn-wrap ul li {
        flex-basis:calc(50% - 2rem);
    }
}   
@media (max-width: 520px) {         
    .delivery-completed .bn-wrap ul {
        margin-left:-1rem;
    }
    .delivery-completed .bn-wrap ul li {
        flex-basis:calc(50% - 1rem);
        margin-left:1rem;
    }
}    
@media (max-width: 380px) {   
    .delivery-completed .bn-wrap ul {
        margin-left:0;
    }
    .delivery-completed .bn-wrap ul li {
        flex-basis:100%;
        margin-left:0;
    }
} 


/** 슬라이드 **/
.ol .v-slide {
    display:block;
}
.ol .v-slide .sl-bxslider {
    position:relative;
    max-width:82rem;
    margin:auto;  
}
.ol .v-slide .sl-bxslider li {
    text-align:center;
}
.ol .v-slide .sl-bxslider li .thumb img {
    max-width:100%;
}

.ol .v-slide .sl-bxslider li .info {
    margin-top:3rem;
    text-align:left;
    font-size:2rem;
    color:var(--grey-txt);
}
.ol .v-slide .sl-bxslider .bx-controls-direction a {
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:2.8rem;
    height:4.4rem;
    font-size:0;
}
.ol .v-slide .sl-bxslider .bx-controls-direction a.bx-prev {
    left:-8rem;
    background:url("../img/g_prev.png") no-repeat center;
    background-size:2.8rem auto;
}
.ol .v-slide .sl-bxslider .bx-controls-direction a.bx-next {
    right:-8rem;
    background:url("../img/g_next.png") no-repeat center;
    background-size:2.8rem auto;
}
.ol .v-slide .sl-bxslider .v-control {
    display:flex;
    margin-top:3rem;
    justify-content:center;
}
.ol .v-slide .sl-bxslider .v-control .indi {
    display:inline-block;
    border:solid 1px #bbb;
    height:4rem;
    line-height:4rem;
    border-radius:2rem;
    padding:0 1.5rem;
    min-width:8rem;
    text-align:center;
}
.ol .v-slide .sl-bxslider .v-control .indi .cur {
    font-size:1.8rem;
    color:#000;
    font-weight:600;
    margin-right:0;
}
.ol .v-slide .sl-bxslider .v-control .indi .end {
    font-size:1.8rem;
    color:var(--grey-txt);
    margin-right:0;
}
.ol .v-slide .sl-bxslider .v-control .indi .end::before {
    display:inline-block;
    content:"/";
    margin:0 0.5rem 0 0;
}

.ol .v-slide .sl-pager {
    margin-top:4rem;
    position:relative;
    border-top:solid 1px #ddd;
    padding:4rem 8rem;
}
.ol .v-slide .sl-pager li {
    width:20rem !important;
    margin-right:2rem !important;
}
.ol .v-slide .sl-pager li a {
    position:relative;
    display:block;
}
.ol .v-slide .sl-pager li a:after {
    display:block;
    content:"";
    padding-top:100%;
}
.ol .v-slide .sl-pager li img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.ol .v-slide .sl-pager .bx-controls-direction a {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1.4rem;
    height:2.2rem;
    font-size:0;
}
.ol .v-slide .sl-pager .bx-controls-direction a.bx-prev {
    left:2rem;
    background:url("../img/pager_prev.png") no-repeat center;
    background-size:1.4rem auto;
}
.ol .v-slide .sl-pager .bx-controls-direction a.bx-next {
    right:2rem;
    background:url("../img/pager_next.png") no-repeat center;
    background-size:1.4rem auto;
}
/* 반응형 */
@media all and (max-width:1020px) {
    /* 포토뉴스 이미지 비율로 고정 */
    .ol .v-slide.photo .sl-bxslider li .thumb {
        position:relative;
    }
    .ol .v-slide.photo .sl-bxslider li .thumb:after {
        display:block;
        content:"";
        padding-top:67%;
    }
    .ol .v-slide.photo .sl-bxslider li .thumb img {
        height:100%;
        position:absolute;
        top:0;
        left:50%;
        transform:translateX(-50%);
    }

    .ol .v-slide .sl-bxslider .bx-controls-direction {
        /* display:none; */
    }
    .ol .v-slide .sl-bxslider .bx-controls-direction a.bx-prev {
        left:-4rem;
    }
    .ol .v-slide .sl-bxslider .bx-controls-direction a.bx-next {
        right:-4rem;
    }
}
@media all and (max-width:800px) {
    .ol .v-slide .sl-pager {
        padding:4rem 4rem;
    }
    .ol .v-slide .sl-pager .bx-controls-direction a.bx-prev {
        left:0;
    }
    .ol .v-slide .sl-pager .bx-controls-direction a.bx-next {
        right:0;
    }
}
@media all and (max-width:720px) {
    .ol .v-slide .sl-bxslider .bx-controls-direction a.bx-prev {
        left:-3rem;
    }
    .ol .v-slide .sl-bxslider .bx-controls-direction a.bx-next {
        right:-3rem;
    }
}
@media all and (max-width:520px) {
    .ol .v-slide .sl-bxslider .bx-controls-direction a.bx-prev {
        left:-2rem;
    }
    .ol .v-slide .sl-bxslider .bx-controls-direction a.bx-next {
        right:-2rem;
    }
}


/** ###### 상세 페이지 ###### **/
.ot {
    border-top: solid 1px #000;
    border-bottom:solid 1px #ddd;
    padding: 2rem 3rem;
    background: #fafafa;
    font-size: 2.6rem;
    color: #000;
    font-weight: 600;
    text-align:center;
    margin-bottom:5rem;
    word-break:keep-all; 
    word-wrap:break-word;
}
@media (max-width: 1200px) {
    .ot {
        padding: 2rem 2rem;
        font-size: 2.4rem;
        margin-bottom:4rem;
    }
}
@media (max-width: 520px) {
    .ot {
        font-size: 2rem;
    }
}
@media (max-width: 420px) {
    .ot {
        font-size: 1.8rem;
    }
}

/** **/
.dev-tab-wrap {        
    padding:9rem var(--container-padding) 5rem;
}   


/* 상세 tab 메뉴 */
.dev-tab {
    max-width:86rem;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4rem;
}
.dev-tab li {
    max-width:26rem;
    position:relative;
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    padding:0 2rem;
    -webkit-box-shadow: 0.9rem 0.9rem 2.9rem 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0.9rem 0.9rem 2.9rem 0 rgba(0,0,0,0.08);
    box-shadow: 0.9rem 0.9rem 2.9rem 0 rgba(0,0,0,0.08);        
    border-radius:5px;
    z-index:1;
}
.dev-tab li.active {
    background:#d31421;
}
.dev-tab li.active::after {
    display:block;
    content:"";
    width:3rem;
    height:3rem;
    background:url("/assets/home/img/pledge/tap-anchor.png") no-repeat center;
    background-size:contain;
    position:absolute;
    left:50%;
    bottom:-1.5rem;
    transform:translateX(-50%);
    z-index:0;
}
.dev-tab li a { 
    position:relative;
    flex:1;   
    height:6rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.2rem;
    color:#000;
    font-weight:600;
    z-index:1;
}
.dev-tab li.active a {
    color:#fff;
}

@media (max-width: 1200px) {
    .dev-tab {
        gap: 2rem;
    }
    .dev-tab li a { 
        font-size:2rem;
    }
}
@media (max-width: 1110px) {

}
@media (max-width: 640px) {
                      
}
@media (max-width: 520px) {
    .dev-tab {
        gap:1rem;
    }
    .dev-tab li {
        padding:0 1rem;
    }
    .dev-tab li a { 
        font-size:1.8rem;
    }
}
@media (max-width: 400px) {
    .dev-tab li a { 
        font-size:1.6rem;
    }  
} 



/** **/
.dev-card-news {
    padding:0 1.5%;
}
.dev-card-news .outer-box {
    background:#fff;
    border-radius:1.5rem;
    padding:6rem calc(var(--container-padding) - 1.5%);
}




/** **/
.dev-toon {
    padding:0 var(--container-padding) 8rem; 
}
.dev-toon .indiv {
    background:url("/assets/home/img/pledge/toon-bg.png") no-repeat right bottom;
    background-size:35.5rem auto;
}
.dev-toon .indiv ul {
    display:flex;
    flex-wrap:wrap;
    row-gap:4rem;
    margin-left:-4rem;
}
.dev-toon .indiv ul li {
    flex-basis:calc(33.333% - 4rem);
    margin-left:4rem;
    border:solid 3px #000;
}
.dev-toon .indiv ul li img {
    width:100%;
}
@media (max-width: 1200px) {
    .dev-toon .indiv ul {
        row-gap:2rem;
        margin-left:-2rem;
    }
    .dev-toon .indiv ul li {
        flex-basis:calc(50% - 2rem);
        margin-left:2rem;
    }
}
@media (max-width: 640px) {
    .dev-toon .indiv {
        padding-bottom:26rem;
        background:url("/assets/home/img/pledge/toon-bg.png") no-repeat right bottom;
        background-size:25rem auto;
    }
    .dev-toon .indiv ul {
        margin-left:0;
    }
    .dev-toon .indiv ul li {
        flex-basis:100%;
        margin-left:0;
    }
}



/** **/
.dev-reels {
    padding:0 1.5%;
}
.dev-reels .outer-box {
    background:#fff;
    border-radius:1.5rem;
    padding:9rem calc(var(--container-padding) - 1.5%);
}      

.dev-reels .dev-tab li.tb1,
.dev-reels .dev-tab li.tb2 {
    border:solid 1px #ddd;
}
.dev-reels .reels-wrap {
    margin:6rem auto 0;
    max-width:43.4rem;
    position:relative;
    height:77.1rem;
}
.dev-reels .reels-wrap iframe,
.dev-reels .reels-wrap video {
    margin:auto;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:1;
}
.dev-reels .reels-wrap .cover {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:2;
    background:url("../img/pledge/video-cover.png") no-repeat center;
    background-size:100%;
    cursor: pointer;
}
@media (max-width: 380px) {
    .dev-reels .reels-wrap {
        height:67.5rem;
    }
}
@media (max-width: 370px) {
    .dev-reels .reels-wrap {
        height:65.7rem;
    }
}
@media (max-width: 360px) {
    .dev-reels .reels-wrap {
        height:64rem;
    }
}


/* */
.dev-reels .news-go {
    margin-top:5rem;
    text-align:center;
}
.dev-reels .news-go img {
    width:30rem;
    height:auto;
    max-width:100%;
}
@media (max-width: 640px) {
    .dev-reels .news-go img {
        width:25rem;
    }
}
@media (max-width: 420px) {
    .dev-reels .news-go img {
        width:22rem;
    }
}


/* */
.dev-reels .reels-btn {
    margin-top:6rem;
    border-top:solid 1px #ddd;
    padding-top:5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
}
.dev-reels .reels-btn a {
    display:inline-block;
    width:13rem;
    height:5rem;
    line-height:5rem;
    text-align:center;
    border-radius:0.5rem;
    font-size:1.8rem;
    font-weight:500;
}
.dev-reels .reels-btn a.prev {
    border:solid 1px #757575;
    color:#757575;
}
.dev-reels .reels-btn a.list {
    border:solid 1px #757575;
    background:#757575;
    color:#fff;
}
.dev-reels .reels-btn a.next {
    border:solid 1px #000;
    background:#000;
    color:#fff;
}
@media (max-width: 640px) {
    .dev-reels .reels-btn {
        margin-top:5rem;
        padding-top:4rem;
    }
    .dev-reels .reels-btn a {
        width:10rem;
        height:4.5rem;
        line-height:4.5rem;
        font-size:1.6rem;
    }
}