/* ---------------커스텀 클래스 START--------------- */
.uppercase{text-transform: uppercase;}
.pe-none{pointer-events: none;}
.ovh{overflow: hidden;}
.nowrap{white-space: nowrap;}
.flex{display: flex;}
.bor-rads20{border-radius: 2rem;}
.bor-rads30{border-radius: 3rem;}
.bor-rads50{border-radius: 5rem;}
@media screen and (max-width:991px){
    .bor-rads50{border-radius: 4rem;}
}
@media screen and (max-width:450px){
    .bor-rads30{border-radius: 2rem;}
    .bor-rads50{border-radius: 3rem;}
}
/* ---------------커스텀 클래스 END--------------- */


/* ---------------text-align START--------------- */
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.taj{text-align: justify;}
/* ---------------text-align END--------------- */


/* ---------------font-color START--------------- */

/* txc1 ~ txc3 커스텀 해서 사용 */
.txc1{color: #a49377;}

.txcw{color: #FFF;}
.txc-a{color:#aaa;}
.txc-b{color:#bbb;}
.txc-c{color:#ccc;}
.txc-d{color:#ddd;}
.txc-e{color:#eee;}
/* ---------------font-color END--------------- */


/* ---------------background-color START--------------- */

/* bgc1 ~ bgc3 커스텀 해서 사용 */
.bgc1{background-color:#fffcea;}
.bgc2{background-color:#f1e8ab;}
.bgc3{background-color: #a49377;}

.bgcw{background-color: #fff;}
.bgc-a{background-color: #aaa;}
.bgc-b{background-color: #bbb;}
.bgc-c{background-color: #ccc;}
.bgc-d{background-color: #ddd;}
.bgc-e{background-color: #eee;}
.bgc-f7{background-color: #f7f7f7;}
.bgc-f8{background-color: #f8f8f8;}
/* ---------------background-color END--------------- */


/* ---------------padding-top(rem) START--------------- */
.pdt5{padding: 0.5rem 0 0;}
.pdt6{padding: 0.6rem 0 0;}
.pdt7{padding: 0.7rem 0 0;}
.pdt8{padding: 0.8rem 0 0;}
.pdt9{padding: 0.9rem 0 0;}
.pdt10{padding: 1.0rem 0 0;}
.pdt11{padding: 1.1rem 0 0;}
.pdt12{padding: 1.2rem 0 0;}
.pdt13{padding: 1.3rem 0 0;}
.pdt14{padding: 1.4rem 0 0;}
.pdt15{padding: 1.5rem 0 0;}
.pdt16{padding: 1.6rem 0 0;}
.pdt17{padding: 1.7rem 0 0;}
.pdt18{padding: 1.8rem 0 0;}
.pdt19{padding: 1.9rem 0 0;}
.pdt20{padding: 2.0rem 0 0;}
.pdt21{padding: 2.1rem 0 0;}
.pdt22{padding: 2.2rem 0 0;}
.pdt23{padding: 2.3rem 0 0;}
.pdt24{padding: 2.4rem 0 0;}
.pdt25{padding: 2.5rem 0 0;}
.pdt26{padding: 2.6rem 0 0;}
.pdt27{padding: 2.7rem 0 0;}
.pdt28{padding: 2.8rem 0 0;}
.pdt29{padding: 2.9rem 0 0;}
.pdt30{padding: 3.0rem 0 0;}
.pdt31{padding: 3.1rem 0 0;}
.pdt32{padding: 3.2rem 0 0;}
.pdt33{padding: 3.3rem 0 0;}
.pdt34{padding: 3.4rem 0 0;}
.pdt35{padding: 3.5rem 0 0;}
.pdt36{padding: 3.6rem 0 0;}
.pdt37{padding: 3.7rem 0 0;}
.pdt38{padding: 3.8rem 0 0;}
.pdt39{padding: 3.9rem 0 0;}
.pdt40{padding: 4.0rem 0 0;}
.pdt41{padding: 4.1rem 0 0;}
.pdt42{padding: 4.2rem 0 0;}
.pdt43{padding: 4.3rem 0 0;}
.pdt44{padding: 4.4rem 0 0;}
.pdt45{padding: 4.5rem 0 0;}
.pdt46{padding: 4.6rem 0 0;}
.pdt47{padding: 4.7rem 0 0;}
.pdt48{padding: 4.8rem 0 0;}
.pdt49{padding: 4.9rem 0 0;}
/* ---------------padding-top(rem) END--------------- */


/* ---------------padding-bottom(rem) START--------------- */
.pdb5{padding: 0 0 0.5rem;}
.pdb6{padding: 0 0 0.6rem;}
.pdb7{padding: 0 0 0.7rem;}
.pdb8{padding: 0 0 0.8rem;}
.pdb9{padding: 0 0 0.9rem;}
.pdb10{padding: 0 0 1.0rem;}
.pdb11{padding: 0 0 1.1rem;}
.pdb12{padding: 0 0 1.2rem;}
.pdb13{padding: 0 0 1.3rem;}
.pdb14{padding: 0 0 1.4rem;}
.pdb15{padding: 0 0 1.5rem;}
.pdb16{padding: 0 0 1.6rem;}
.pdb17{padding: 0 0 1.7rem;}
.pdb18{padding: 0 0 1.8rem;}
.pdb19{padding: 0 0 1.9rem;}
.pdb20{padding: 0 0 2.0rem;}
.pdb21{padding: 0 0 2.1rem;}
.pdb22{padding: 0 0 2.2rem;}
.pdb23{padding: 0 0 2.3rem;}
.pdb24{padding: 0 0 2.4rem;}
.pdb25{padding: 0 0 2.5rem;}
.pdb26{padding: 0 0 2.6rem;}
.pdb27{padding: 0 0 2.7rem;}
.pdb28{padding: 0 0 2.8rem;}
.pdb29{padding: 0 0 2.9rem;}
.pdb30{padding: 0 0 3.0rem;}
.pdb31{padding: 0 0 3.1rem;}
.pdb32{padding: 0 0 3.2rem;}
.pdb33{padding: 0 0 3.3rem;}
.pdb34{padding: 0 0 3.4rem;}
.pdb35{padding: 0 0 3.5rem;}
.pdb36{padding: 0 0 3.6rem;}
.pdb37{padding: 0 0 3.7rem;}
.pdb38{padding: 0 0 3.8rem;}
.pdb39{padding: 0 0 3.9rem;}
.pdb40{padding: 0 0 4.0rem;}
.pdb41{padding: 0 0 4.1rem;}
.pdb42{padding: 0 0 4.2rem;}
.pdb43{padding: 0 0 4.3rem;}
.pdb44{padding: 0 0 4.4rem;}
.pdb45{padding: 0 0 4.5rem;}
.pdb46{padding: 0 0 4.6rem;}
.pdb47{padding: 0 0 4.7rem;}
.pdb48{padding: 0 0 4.8rem;}
.pdb49{padding: 0 0 4.9rem;}
/* ---------------padding-bottom(rem) END--------------- */


/* ---------------margin-top(rem) START--------------- */
.mgt5{display: block;margin:0.5rem 0 0 0;}
.mgt6{display: block;margin:0.6rem 0 0 0;}
.mgt7{display: block;margin:0.7rem 0 0 0;}
.mgt8{display: block;margin:0.8rem 0 0 0;}
.mgt9{display: block;margin:0.9rem 0 0 0;}
.mgt10{display: block;margin:1.0rem 0 0 0;}
.mgt11{display: block;margin:1.1rem 0 0 0;}
.mgt12{display: block;margin:1.2rem 0 0 0;}
.mgt13{display: block;margin:1.3rem 0 0 0;}
.mgt14{display: block;margin:1.4rem 0 0 0;}
.mgt15{display: block;margin:1.5rem 0 0 0;}
.mgt16{display: block;margin:1.6rem 0 0 0;}
.mgt17{display: block;margin:1.7rem 0 0 0;}
.mgt18{display: block;margin:1.8rem 0 0 0;}
.mgt19{display: block;margin:1.9rem 0 0 0;}
.mgt20{display: block;margin:2.0rem 0 0 0;}
.mgt21{display: block;margin:2.1rem 0 0 0;}
.mgt22{display: block;margin:2.2rem 0 0 0;}
.mgt23{display: block;margin:2.3rem 0 0 0;}
.mgt24{display: block;margin:2.4rem 0 0 0;}
.mgt25{display: block;margin:2.5rem 0 0 0;}
.mgt26{display: block;margin:2.6rem 0 0 0;}
.mgt27{display: block;margin:2.7rem 0 0 0;}
.mgt28{display: block;margin:2.8rem 0 0 0;}
.mgt29{display: block;margin:2.9rem 0 0 0;}
.mgt30{display: block;margin:3.0rem 0 0 0;}
.mgt31{display: block;margin:3.1rem 0 0 0;}
.mgt32{display: block;margin:3.2rem 0 0 0;}
.mgt33{display: block;margin:3.3rem 0 0 0;}
.mgt34{display: block;margin:3.4rem 0 0 0;}
.mgt35{display: block;margin:3.5rem 0 0 0;}
.mgt36{display: block;margin:3.6rem 0 0 0;}
.mgt37{display: block;margin:3.7rem 0 0 0;}
.mgt38{display: block;margin:3.8rem 0 0 0;}
.mgt39{display: block;margin:3.9rem 0 0 0;}
.mgt40{display: block;margin:4.0rem 0 0 0;}
.mgt41{display: block;margin:4.1rem 0 0 0;}
.mgt42{display: block;margin:4.2rem 0 0 0;}
.mgt43{display: block;margin:4.3rem 0 0 0;}
.mgt44{display: block;margin:4.4rem 0 0 0;}
.mgt45{display: block;margin:4.5rem 0 0 0;}
.mgt46{display: block;margin:4.6rem 0 0 0;}
.mgt47{display: block;margin:4.7rem 0 0 0;}
.mgt48{display: block;margin:4.8rem 0 0 0;}
.mgt49{display: block;margin:4.9rem 0 0 0;}
/* ---------------margin-top(rem) END--------------- */


/* ---------------margin-bottom(rem) START--------------- */
.mgb5{display: block;margin:0 0 0.5rem 0;}
.mgb6{display: block;margin:0 0 0.6rem 0;}
.mgb7{display: block;margin:0 0 0.7rem 0;}
.mgb8{display: block;margin:0 0 0.8rem 0;}
.mgb9{display: block;margin:0 0 0.9rem 0;}
.mgb10{display: block;margin:0 0 1.0rem 0;}
.mgb11{display: block;margin:0 0 1.1rem 0;}
.mgb12{display: block;margin:0 0 1.2rem 0;}
.mgb13{display: block;margin:0 0 1.3rem 0;}
.mgb14{display: block;margin:0 0 1.4rem 0;}
.mgb15{display: block;margin:0 0 1.5rem 0;}
.mgb16{display: block;margin:0 0 1.6rem 0;}
.mgb17{display: block;margin:0 0 1.7rem 0;}
.mgb18{display: block;margin:0 0 1.8rem 0;}
.mgb19{display: block;margin:0 0 1.9rem 0;}
.mgb20{display: block;margin:0 0 2.0rem 0;}
.mgb21{display: block;margin:0 0 2.1rem 0;}
.mgb22{display: block;margin:0 0 2.2rem 0;}
.mgb23{display: block;margin:0 0 2.3rem 0;}
.mgb24{display: block;margin:0 0 2.4rem 0;}
.mgb25{display: block;margin:0 0 2.5rem 0;}
.mgb26{display: block;margin:0 0 2.6rem 0;}
.mgb27{display: block;margin:0 0 2.7rem 0;}
.mgb28{display: block;margin:0 0 2.8rem 0;}
.mgb29{display: block;margin:0 0 2.9rem 0;}
.mgb30{display: block;margin:0 0 3.0rem 0;}
.mgb31{display: block;margin:0 0 3.1rem 0;}
.mgb32{display: block;margin:0 0 3.2rem 0;}
.mgb33{display: block;margin:0 0 3.3rem 0;}
.mgb34{display: block;margin:0 0 3.4rem 0;}
.mgb35{display: block;margin:0 0 3.5rem 0;}
.mgb36{display: block;margin:0 0 3.6rem 0;}
.mgb37{display: block;margin:0 0 3.7rem 0;}
.mgb38{display: block;margin:0 0 3.8rem 0;}
.mgb39{display: block;margin:0 0 3.9rem 0;}
.mgb40{display: block;margin:0 0 4.0rem 0;}
.mgb41{display: block;margin:0 0 4.1rem 0;}
.mgb42{display: block;margin:0 0 4.2rem 0;}
.mgb43{display: block;margin:0 0 4.3rem 0;}
.mgb44{display: block;margin:0 0 4.4rem 0;}
.mgb45{display: block;margin:0 0 4.5rem 0;}
.mgb46{display: block;margin:0 0 4.6rem 0;}
.mgb47{display: block;margin:0 0 4.7rem 0;}
.mgb48{display: block;margin:0 0 4.8rem 0;}
.mgb49{display: block;margin:0 0 4.9rem 0;}
/* ---------------margin-bottom(rem) END--------------- */


/* ---------------padding(px) START--------------- */
.pd50{padding: 50px 0;}
.pdt50{padding-top: 50px;}
.pdb50{padding-bottom: 50px;}
.pd70{padding: 70px 0;}
.pdt70{padding-top: 70px;}
.pdb70{padding-bottom: 70px;}
.pd100{padding: 100px 0;}
.pdt100{padding-top: 100px;}
.pdb100{padding-bottom: 100px;}
.pd150{padding: 150px 0;}
.pdt150{padding-top: 150px;}
.pdb150{padding-bottom: 150px;}
.pd200{padding: 200px 0;}
.pdt200{padding-top: 200px;}
.pdb200{padding-bottom: 200px;}

@media screen and (max-width:1279px) {
    .pd50{padding: 45px 0;}
    .pdt50{padding-top: 45px;}
    .pdb50{padding-bottom: 45px;}
    .pd70{padding: 67px 0;}
    .pdt70{padding-top: 67px;}
    .pdb70{padding-bottom: 67px;}
    .pd100{padding: 85px 0;}
    .pdt100{padding-top: 85px;}
    .pdb100{padding-bottom: 85px;}
    .pd150{padding: 135px 0;}
    .pdt150{padding-top: 135px;}
    .pdb150{padding-bottom: 135px;}
    .pd200{padding: 180px 0;}
    .pdt200{padding-top: 180px;}
    .pdb200{padding-bottom: 180px;}
}

@media screen and (max-width:1023px) {
    .pd50{padding: 40px 0;}
    .pdt50{padding-top: 40px;}
    .pdb50{padding-bottom: 40px;}
    .pd70{padding: 55px 0;}
    .pdt70{padding-top: 55px;}
    .pdb70{padding-bottom: 55px;}
    .pd100{padding: 70px 0;}
    .pdt100{padding-top: 70px;}
    .pdb100{padding-bottom: 70px;}
    .pd150{padding: 120px 0;}
    .pdt150{padding-top: 120px;}
    .pdb150{padding-bottom: 120px;}
    .pd200{padding: 160px 0;}
    .pdt200{padding-top: 160px;}
    .pdb200{padding-bottom: 160px;}
}

@media screen and (max-width:767px) {
    .pd50{padding: 35px 0;}
    .pdt50{padding-top: 35px;}
    .pdb50{padding-bottom: 35px;}
    .pd70{padding: 47px 0;}
    .pdt70{padding-top: 47px;}
    .pdb70{padding-bottom: 47px;}
    .pd100{padding: 62px 0;}
    .pdt100{padding-top: 62px;}
    .pdb100{padding-bottom: 62px;}
    .pd150{padding: 100px 0;}
    .pdt150{padding-top: 100px;}
    .pdb150{padding-bottom: 100px;}
    .pd200{padding: 140px 0;}
    .pdt200{padding-top: 140px;}
    .pdb200{padding-bottom: 140px;}
}

@media screen and (max-width:450px) {
    .pd50{padding: 30px 0;}
    .pdt50{padding-top: 30px;}
    .pdb50{padding-bottom: 30px;}
    .pd70{padding: 40px 0;}
    .pdt70{padding-top: 40px;}
    .pdb70{padding-bottom: 40px;}
    .pd100{padding: 55px 0;}
    .pdt100{padding-top: 55px;}
    .pdb100{padding-bottom: 55px;}
    .pd150{padding: 85px 0;}
    .pdt150{padding-top: 85px;}
    .pdb150{padding-bottom: 85px;}
    .pd200{padding: 120px 0;}
    .pdt200{padding-top: 120px;}
    .pdb200{padding-bottom: 120px;}
}

.pd0{padding: 0;}
.pdt0{padding-top: 0;}
.pdb0{padding-bottom: 0;}
.pdl0{padding-left: 0;}
.pdr0{padding-right: 0;}

.pdn{padding: 0 !important;}
.pdtn{padding-top: 0 !important;}
.pdbn{padding-bottom: 0 !important;}
.pdln{padding-left: 0 !important;}
.pdrn{padding-right: 0 !important;}
/* ---------------padding(px) END--------------- */


/* ---------------font-weight START--------------- */
.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}
/* ---------------font-weight END--------------- */


/* ---------------font-size(px) START--------------- */
.fsz70{font-size: 70px;}
.fsz50{font-size: 50px;}
.fsz48{font-size: 48px;}
.fsz46{font-size: 46px;}
.fsz44{font-size: 44px;}
.fsz42{font-size: 42px;}
.fsz40{font-size: 40px;}
.fsz38{font-size: 38px;}
.fsz36{font-size: 36px;}
.fsz34{font-size: 34px;}
.fsz32{font-size: 32px;}
.fsz30{font-size: 30px;}
.fsz29{font-size: 29px;}
.fsz28{font-size: 28px;}
.fsz27{font-size: 27px;}
.fsz26{font-size: 26px;}
.fsz25{font-size: 25px;}
.fsz24{font-size: 24px;}
.fsz22{font-size: 22px;}
.fsz20{font-size: 20px;}
.fsz19{font-size: 19px;}
.fsz18{font-size: 18px;}
.fsz17{font-size: 17px;}
.fsz16{font-size: 16px;}
.fsz15{font-size: 15px;}
.fsz14{font-size: 14px;}
.fsz13{font-size: 13px;}
.fsz12{font-size: 12px;}
.fsz11{font-size: 11px;}
.fsz10{font-size: 10px;}

@media screen and (max-width:1279px) {
    .fsz70{font-size: 63px;}
    .fsz50{font-size: 45px;}
    .fsz48{font-size: 43px;}
    .fsz46{font-size: 41.5px;}
    .fsz44{font-size: 39.5px;}
    .fsz42{font-size: 38px;}
    .fsz40{font-size: 36px;}
    .fsz38{font-size: 33.5px;}
    .fsz36{font-size: 32.5px;}
    .fsz34{font-size: 31.5px;}
    .fsz32{font-size: 30.5px;}
    .fsz30{font-size: 28px;}
    .fsz29{font-size: 27px;}
    .fsz28{font-size: 26px;}
    .fsz27{font-size: 25px;}
    .fsz26{font-size: 24px;}
    .fsz25{font-size: 23px;}
    .fsz24{font-size: 22px;}
    .fsz22{font-size: 20px;}
    .fsz20{font-size: 19px;}
    .fsz19{font-size: 18px;}
    .fsz18{font-size: 17px;}
    .fsz17{font-size: 16.5px;}
    .fsz16{font-size: 15.5px;}
    .fsz15{font-size: 14.5px;}
    .fsz14{font-size: 13.5px;}
    .fsz13{font-size: 12.5px;}
    .fsz12{font-size: 11.5px;}
    .fsz11{font-size: 10.5px;}
    .fsz10{font-size: 9.5px;}
}

@media screen and (max-width:1023px) {
    .fsz70{font-size: 56px;}
    .fsz50{font-size: 40px;}
    .fsz48{font-size: 38.5px;}
    .fsz46{font-size: 37px;}
    .fsz44{font-size: 35px;}
    .fsz42{font-size: 33.5px;}
    .fsz40{font-size: 32px;}
    .fsz38{font-size: 30.5px;}
    .fsz36{font-size: 29.5px;}
    .fsz34{font-size: 28.5px;}
    .fsz32{font-size: 27.5px;}
    .fsz30{font-size: 26px;}
    .fsz29{font-size: 25px;}
    .fsz28{font-size: 24px;}
    .fsz27{font-size: 23px;}
    .fsz26{font-size: 22px;}
    .fsz25{font-size: 21px;}
    .fsz24{font-size: 20px;}
    .fsz22{font-size: 19px;}
    .fsz20{font-size: 18px;}
    .fsz19{font-size: 17px;}
    .fsz18{font-size: 16px;}
    .fsz17{font-size: 16px;}
    .fsz16{font-size: 15px;}
    .fsz15{font-size: 14px;}
    .fsz14{font-size: 13px;}
    .fsz13{font-size: 12px;}
    .fsz12{font-size: 11px;}
    .fsz11{font-size: 10px;}
    .fsz10{font-size: 9px;}
}

@media screen and (max-width:767px) {
    .fsz70{font-size: 49px;}
    .fsz50{font-size: 35px;}
    .fsz48{font-size: 33.5px;}
    .fsz46{font-size: 32px;}
    .fsz44{font-size: 31px;}
    .fsz42{font-size: 29.5px;}
    .fsz40{font-size: 29px;}
    .fsz38{font-size: 28px;}
    .fsz36{font-size: 27px;}
    .fsz34{font-size: 26px;}
    .fsz32{font-size: 25px;}
    .fsz30{font-size: 24px;}
    .fsz29{font-size: 23px;}
    .fsz28{font-size: 22px;}
    .fsz27{font-size: 21px;}
    .fsz26{font-size: 20px;}
    .fsz25{font-size: 19px;}
    .fsz24{font-size: 18px;}
    .fsz22{font-size: 17.5px;}
    .fsz20{font-size: 17px;}
    .fsz19{font-size: 16px;}
    .fsz18{font-size: 15px;}
    .fsz17{font-size: 15px;}
    .fsz16{font-size: 14px;}
    .fsz15{font-size: 13px;}
    .fsz14{font-size: 12px;}
    .fsz13{font-size: 11px;}
    .fsz12{font-size: 10px;}
    .fsz11{font-size: 9px;}
    .fsz10{font-size: 8px;}
}

@media screen and (max-width:450px) {
    .fsz70{font-size: 42px;}
    .fsz50{font-size: 30px;}
    .fsz48{font-size: 29.5px;}
    .fsz46{font-size: 29px;}
    .fsz44{font-size: 28px;}
    .fsz42{font-size: 27px;}
    .fsz40{font-size: 26px;}
    .fsz38{font-size: 25.5px;}
    .fsz36{font-size: 24.5px;}
    .fsz34{font-size: 23.5px;}
    .fsz32{font-size: 22.5px;}
    .fsz30{font-size: 22px;}
    .fsz29{font-size: 21px;}
    .fsz28{font-size: 20px;}
    .fsz27{font-size: 19px;}
    .fsz26{font-size: 18px;}
    .fsz25{font-size: 17.5px;}
    .fsz24{font-size: 17px;}
    .fsz22{font-size: 16.5px;}
    .fsz20{font-size: 16px;}
    .fsz19{font-size: 15px;}
    .fsz18{font-size: 14px;}
    .fsz17{font-size: 14px;}
    .fsz16{font-size: 13.5px;}
    .fsz15{font-size: 12.5px;}
    .fsz14{font-size: 11.5px;}
    .fsz13{font-size: 10.5px;}
    .fsz12{font-size: 9.4px;}
    .fsz11{font-size: 8.5px;}
    .fsz10{font-size: 7.5px;}
}
/* ---------------font-size(px) END--------------- */


/* ---------------animation START--------------- */

/* ---------------animation-before START--------------- */
.ani-text{display: block;overflow: hidden;}
.ani-text .ani-inner{display: block;opacity: 0;transform: translateY(100%);transition-property: transform, opacity;transition-duration: 1s;}
.opacity-text{opacity: 0; transition-property: opacity;transition-duration: 1s;}
.fade{opacity: 0;transition-property: opacity;transition-duration: 1s;}
.fade-blur{opacity: 0;filter: blur(5px); transition-property: opacity, filter;transition-duration: 1s;}
.fade-up{opacity: 0;transform: translateY(3rem);transition-property: transform, opacity;transition-duration: 1s;}
.fade-down{opacity: 0;transform: translateY(-3rem);transition-property: transform, opacity;transition-duration: 1s;}
.fade-left{opacity: 0;transform: translateX(-3rem);transition-property: transform, opacity;transition-duration: 1s;}
.fade-right{opacity: 0;transform: translateX(3rem);transition-property: transform, opacity;transition-duration: 1s;}
.fade-blur-up{opacity: 0;transform: translateY(3rem);filter: blur(5px); transition-property: transform, opacity, filter;transition-duration: 1s;}
.fade-blur-down{opacity: 0;transform: translateY(-3rem);filter: blur(5px); transition-property: transform, opacity, filter;transition-duration: 1s;}
.fade-blur-left{opacity: 0;transform: translateX(-3rem);filter: blur(5px); transition-property: transform, opacity, filter;transition-duration: 1s;}
.fade-blur-right{opacity: 0;transform: translateX(3rem);filter: blur(5px); transition-property: transform, opacity, filter;transition-duration: 1s;}
.clip-top{clip-path: inset(0 0 100% 0);transition-property: clip-path;transition-duration: 1s;}
.clip-bottom{clip-path: inset(100% 0 0 0);transition-property: clip-path;transition-duration: 1s;}
.clip-left{clip-path: inset(0 100% 0 0);transition-property: clip-path;transition-duration: 1s;}
.clip-right{clip-path: inset(0 0 0 100%);transition-property: clip-path;transition-duration: 1s;}
.clip-opacity-top{opacity: 0;clip-path: inset(0 0 100% 0);transition-property: clip-path, opacity;transition-duration: 1s;}
.clip-opacity-bottom{opacity: 0;clip-path: inset(100% 0 0 0);transition-property: clip-path, opacity;transition-duration: 1s;}
.clip-opacity-left{opacity: 0;clip-path: inset(0 100% 0 0);transition-property: clip-path, opacity;transition-duration: 1s;}
.clip-opacity-right{opacity: 0;clip-path: inset(0 0 0 100%);transition-property: clip-path, opacity;transition-duration: 1s;}
.border-ani{opacity: 0;border-radius: 50%;transition-property: border-radius opacity;transition-duration: 1s;}
/* ---------------animation-before END--------------- */


/* ---------------animation-after1 START--------------- */
.animate .ani-text{}
.animate .ani-text .ani-inner{opacity: 1;transform: translateY(0%);}
.animate .opacity-text{opacity: 1;}
.animate .fade{opacity: 1;}
.animate .fade-blur{opacity: 1;filter: blur(0px);}
.animate .fade-up, .animate .fade-down, .animate .fade-left, .animate .fade-right{opacity: 1;transform: translateY(0rem);}
.animate .fade-blur-up, .animate .fade-blur-down, .animate .fade-blur-left, .animate .fade-blur-right{opacity: 1;transform: translateY(0rem);filter: blur(0px);}
.animate .clip-top, .animate .clip-bottom, .animate .clip-left, .animate .clip-right{clip-path: inset(0 0 0 0);}
.animate .clip-opacity-top, .animate .clip-opacity-bottom, .animate .clip-opacity-left, .animate .clip-opacity-right{opacity: 1;clip-path: inset(0 0 0 0);}
.animate .border-ani{opacity: 1;border-radius: 3rem;}
/* ---------------animation-after1 END--------------- */


/* ---------------animation-after2 START--------------- */
.animate.ani-text .ani-inner{opacity: 1;transform: translateY(0%);}
.animate.opacity-text{opacity: 1;}
.animate.fade{opacity: 1;}
.animate.fade-blur{opacity: 1;filter: blur(0px);}
.animate.fade-up, .animate.fade-down, .animate.fade-left, .animate.fade-right{opacity: 1;transform: translateY(0rem);}
.animate.fade-blur-up, .animate.fade-blur-down, .animate.fade-blur-left, .animate.fade-blur-right{opacity: 1;transform: translateY(0rem);filter: blur(0px);}
.animate.border-ani{opacity: 1;border-radius: 3rem;}
/* ---------------animation-after2 END--------------- */

/* ---------------animation END--------------- */


/* ---------------transition-delay START--------------- */
.delay50{transition-delay: 0.050s;}
.delay75{transition-delay: 0.075s;}
.delay100{transition-delay: 0.1s;}
.delay150{transition-delay: 0.15s;}
.delay175{transition-delay: 0.175s;}
.delay200{transition-delay: 0.2s;}
.delay225{transition-delay: 0.225s;}
.delay250{transition-delay: 0.25s;}
.delay300{transition-delay: 0.3s;}
.delay350{transition-delay: 0.35s;}
.delay375{transition-delay: 0.375s;}
.delay400{transition-delay: 0.4s;}
.delay450{transition-delay: 0.45s;}
.delay500{transition-delay: 0.5s;}
.delay525{transition-delay: 0.525s;}
.delay550{transition-delay: 0.55s;}
.delay600{transition-delay: 0.6s;}
.delay650{transition-delay: 0.65s;}
.delay675{transition-delay: 0.675s;}
.delay700{transition-delay: 0.7s;}
.delay750{transition-delay: 0.75s;}
.delay800{transition-delay: 0.8s;}
.delay825{transition-delay: 0.825s;}
.delay850{transition-delay: 0.85s;}
.delay900{transition-delay: 0.9s;}
.delay950{transition-delay: 0.95s;}
.delay975{transition-delay: 0.975s;}
.delay1000{transition-delay: 1.0s;}
.delay1050{transition-delay: 1.05s;}
.delay1100{transition-delay: 1.1s;}
.delay1150{transition-delay: 1.15s;}
.delay1200{transition-delay: 1.2s;}
.delay1300{transition-delay: 1.3s;}
.delay1400{transition-delay: 1.4s;}
.delay1500{transition-delay: 1.5s;}
.delay1600{transition-delay: 1.6s;}
.delay1700{transition-delay: 1.7s;}
.delay1800{transition-delay: 1.8s;}
.delay1900{transition-delay: 1.9s;}
.delay2000{transition-delay: 2.0s;}
/* ---------------transition-delay END--------------- */


/* ---------------transition-duration START--------------- */
.duration5{transition-duration: 0.5s;}
.duration6{transition-duration: 0.6s;}
.duration7{transition-duration: 0.7s;}
.duration8{transition-duration: 0.8s;}
.duration9{transition-duration: 0.9s;}
.duration10{transition-duration: 1.0s;}
.duration11{transition-duration: 1.1s;}
.duration12{transition-duration: 1.2s;}
.duration13{transition-duration: 1.3s;}
.duration14{transition-duration: 1.4s;}
.duration15{transition-duration: 1.5s;}
.duration16{transition-duration: 1.6s;}
.duration17{transition-duration: 1.7s;}
.duration18{transition-duration: 1.8s;}
.duration19{transition-duration: 1.9s;}
.duration20{transition-duration: 2.0s;}
/* ---------------transition-duration END--------------- */