@font-face {
    font-family: "Caveat";
    font-weight: 400;
    font-style: normal;
    src: url("https://static.zohocdn.com/webfonts/caveatregular/font.eot");
    src: url("https://static.zohocdn.com/webfonts/caveatregular/font.eot?#iefix") format("eot"),
        url("https://static.zohocdn.com/webfonts/caveatregular/font.woff2") format("woff2"),
        url("https://static.zohocdn.com/webfonts/caveatregular/font.woff") format("woff"),
        url("https://static.zohocdn.com/webfonts/caveatregular/font.ttf") format("truetype"),
        url("https://static.zohocdn.com/webfonts/caveatregular/font.svg#Caveat-Regular") format("svg");
}
body {
    margin: 0;
    padding: 0;
    background: #efeee6
}
.af {
    font-family: ZohoPuvi;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.af * {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 300
}
.af h1,
.af h2,
.af h3,
.af h4,
.af h5,
.af h6,
.af p {
    margin: 0;
    color: #000
}
.af ul {
    padding-left: 0;
    margin: 0
}
.af li {
    list-style-type: none
}
.af a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.af a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.af *,
.af :after,
.af :before {
    box-sizing: border-box
}
.af {
    width: 100%;
    display: inline-block
}
.ac {
    margin: 0 auto;
    position: relative;
    max-width: 1280px;
    width: 100%
}
.af div:after,
.af:after {
    content: "";
    clear: both;
    display: table
}
.af img {
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}
.wsm-sec-ready {padding-bottom: 70px;}
.cal-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}
.cal-8 {
    width: 60%
}
.cal-6 {
    width: 50%
}
.cal-5 {
    width: 40%
}
.cal-4 {
    width: 33.33%
}
.cal-3 {
    width: 25%
}
.wsm-ban {
    align-items: center;
    padding: 80px 92px 0px 92px;
}
.wsm-ban,
.wsm-box3-ctas {
    background: url(/sites/meweb/images/kr/identity-360/images/home-ban-bg-line-25.png) #061C1D;
    background-size: 350px;
    background-repeat: repeat-x
}
.wsm-tag-hig {
    border: 1px solid #74c3c3;
    padding: 4px 6px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 10px;
    background: #74c3c321
}
.wsm-tag-hig span {
    background: #74c3c3;
    color: #000;
    border-radius: 3px;
    padding: 2px 3px;
    margin-right: 4px
}
.wsm-ban .ban-tit h1 {
    padding-bottom: 20px;
    color: #ffe1c4
}
.wsm-ban .ban-tit h1 strong {
    color: #fff
}
.wsm-ban .ban-tit h1,
.wsm-ban .ban-tit h1 strong {
    font-size: 60px;
    line-height: 65px;
    font-weight: 500
}
.wsm-ban .ban-tit p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #fff
}
.wsm-ban .ban-tit {
    padding-right: 100px;
    width: calc(100% - 440px);
    /* justify-content: center; */
    display: flex;
    flex-direction: column;
}
.af .signup-container {
    background: linear-gradient(177deg, #0b3333, transparent);
    box-shadow: 0 0 15px rgb(0 0 0 / 16%);
    padding: 40px;
}
.af .signup-box .sign_agree,
.af .signup-box .sign_agree a,
.af .signup-box .socl-signup p,
.af .signup-box p.zcountry-info,
.af .signup-box span#zip-countryname-change,
.af .signup-container *,
.signup-box label {
    color: #fff
}
.af .signup-box {
    background: 0 0
}
.af .signupcontainer input {
    font-weight: 400
}
.af .signup-box #signup-termservice.checked::before,
.signup-box #signup-termservice.checked::after {
    background: #ABA9AA;
}
.af .signup-box .field-error .field-msg * {
    color: red;
}
.wsm-ban-cus {
    padding: 80px 0 50px;
}
.wsm-ban-cus span {
    display: block;
    color: #ffe1c4;
    font-size: 15px;
    padding: 0 0 15px
}
.wsm-ban-cus img {
    max-width: 650px;
    width: 100%
}
@media screen and (max-width:1100px) {
    .wsm-ban .ban-tit {
        width: 100%;
        text-align: center;
        padding: 0
    }
    .wsm-ban .ban-img {
        width: 100%;
        max-width: 500px;
        margin: auto;
        margin-top: 40px
    }
    .wsm-ban .ban-tit h1 {
        font-size: 42px;
        line-height: 54px
    }
}
@media screen and (max-width:992px) {
    .wsm-ban {
        padding: 50px 30px
    }
    .wsm-ban-cus {
        padding: 30px 0 20px;
    }
    .wsm-ban .ban-tit h1,
    .wsm-ban .ban-tit h1 strong {
        font-size: 32px;
        line-height: 42px;
        font-size: 26px;
        line-height: 36px
    }
    .af .signup-container {
        padding: 30px;
    }
}
.wsm-work {
    padding: 70px 0 50px 0;
}
.wsm-tit-typ-2 {
    text-align: center;
    padding-bottom: 50px
}
.wsm-tit-typ-2 h2,
.wsm-tit-typ-2 h2 strong {
    font-size: 34px;
    line-height: 44px
}
.wsm-tit-typ-2 h2 {
    padding: 0 0 20px;
    font-weight: 300;
}
.wsm-tit-typ-2 strong {
    font-weight: 600;
    display: block
}
.wsm-tit-typ-2 p {
    margin: 0;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300
}
.wsm-tit-typ-2 p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: 1050px;
    margin: auto
}
.flex-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}
.wsm-box-bor {
    padding: 35px;
    border-radius: 20px;
    background: linear-gradient(to top, #d3c3ae, #f1e6d7);
    position: relative;
    flex: 1
}
.wsm-box-bor::after {
    content: "";
    width: 100%;
    height: 70px;
    background: linear-gradient(to top, #efeee6, #e7e2d6);
    position: absolute;
    bottom: -90px;
    left: 0;
    border-radius: 20px
}
.wsm-box-bor p {
    margin: 0;
    font-size: 16px;
}
.wsm-box-bor h3,
.wsm-box-bor h3 span {
    line-height: 28px;
    font-size: 36px;
    padding-bottom: 18px;
    font-weight: 600
}
.wsm-box-bor i.ic {
    background: url(/sites/meweb/images/kr/identity-360/images/home-work-sprite-25.png);
    background-size: 130px;
    width: 57px;
    height: 70px;
    display: inline-block;
    margin-bottom: 30px;
    background-repeat: no-repeat
}
.wsm-box-bor i.ic-2 {
    background-position: -70px 0
}
.wsm-box-bor i.ic-3 {
    background-position: 0 -73px
}
.wsm-box-bor i.ic-4 {
    background-position: -65px -66px
}
@media (max-width:768px) {
    .flex-container {
        flex-direction: column;
        align-items: stretch
    }
}
@media (max-width:480px) {
    .wsm-box-bor {
        flex: 1 1 100%
    }
}
.wsm-rea {
    padding: 100px 0 0 0;
}
.wsm-rea .ac {
    border-radius: 20px;
    padding: 70px;
    background: url(/sites/meweb/images/kr/identity-360/images/home-rea-bg-25.png) #061f1f no-repeat;
    background-position: -5px -52px;
    position: relative;
    background-size: 750px
}
.wsm-rea-lhs {
    position: relative
}
.wsm-rea-lhs .inn {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 80px
}
.wsm-rea-lhs h2 {
    color: #fff;
    font-size: 48px;
    line-height: 56px;
    font-weight: 600;
    padding-bottom: 20px
}
.wsm-rea-lhs h2 span {
    color: #fff;
    font-family: Caveat;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    display: block;
    line-height: 60px
}
.wsm-rea-lhs p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.wsm-rea-rhs {
    position: relative
}
.wsm-fea-poi {
    padding-left: 75px;
    padding-right: 50px;
}
.wsm-fea-poi li {
    position: relative;
    font-size: 18px;
    border-bottom: 1px dashed #f0e7dc47;
    padding: 35px 0
}
.wsm-fea-poi li:last-child {
    border-bottom: 0
}
.wsm-fea-poi ul {
    counter-reset: item
}
.wsm-fea-poi li::before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: -55px;
    top: 49px;
    z-index: 1
}
.wsm-fea-poi li::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: linear-gradient(180deg, #044747 0, rgba(4, 33, 33, 0) 100%);
    left: -73px;
    top: 40px;
}
.wsm-fea-poi h3 {
    color: #ffe1c4;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    padding-bottom: 10px
}
.wsm-fea-poi p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}
.sec-exp {
    padding: 100px 0
}
.wsm-tit-2 {
    text-align: center;
    padding-bottom: 60px
}
.wsm-tit-2 span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
    display: block
}
.wsm-tit-2 h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    padding-bottom: 15px
}
.wsm-tit-2 h5 {
    font-size: 24px;
    font-weight: 400
}
.wsm-lr-container {
    display: block;
    width: 100%;
    font-size: 0;
    position: relative
}
.wsm-lr-container .wsm-m-lhs,
.wsm-lr-container .wsm-m-rhs {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative
}
.wsm-lr-container .wsm-m-lhs {
    width: 32%
}
.wsm-lr-container .wsm-m-rhs {
    width: 68%;
    padding-left: 50px
}
.wsm-tab-5-list {
    position: relative
}
.wsm-tab-5-list li {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: #000;
    background: 0 0;
    border-bottom: 1px dashed #b1a897;
    padding: 24px 100px 24px 25px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}
.wsm-tab-5-list li:last-child {
    border-bottom: 1px dashed #b1a897
}
.wsm-tab-5-list li:after {
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50px;
    top: 30px;
    left: 0;
    margin: 0 auto;
    transition: all .3s ease-in-out;
    transform: scale(0);
}
.wsm-tab-5-list li.active:after {
    transform: scale(1);
}
.wsm-tab-5-list li:after,
.wsm-tab-5-list li:before {
    content: '';
    position: absolute
}
.wsm-tab-5-list li:before {
    width: 0;
    height: 3px;
    background: #333;
    bottom: -2px;
    left: 0;
    right: 0;
    transition: all .5s ease
}
.wsm-tab-5-list li.active:before {
    background: #000;
    -webkit-animation: lineBar 12s ease-out;
    animation: lineBar 12s ease-out;
    box-shadow: 0 6px 15px 0 #0000009c
}
.wsm-tab-5-list li:hover h4 {
    font-weight: 500;
}
@-webkit-keyframes lineBar {
    to {
        width: 100%
    }
}
@keyframes lineBar {
    to {
        width: 100%
    }
}
.wsm-tab-5-list li.active:after {
    transform: scale(1)
}
.wsm-tab-5-list li h4 {
    font-weight: 300;
    line-height: 1.3;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 18px
}
.wsm-tab-5-list li.active h4 {
    font-weight: 500
}
.wsm-tab-5-list li h4:hover {
    color: #144650
}
.wsm-tab-5-list .active h3 {
    font-weight: 500
}
.wsm-tab-5-content-container {
    position: relative
}
.wsm-tab-5-content {
    display: none;
    -webkit-animation: fadeRight .6s .4s cubic-bezier(.25, .46, .45, .94) both;
    animation: fadeRight .6s .1s cubic-bezier(.25, .46, .45, .94) both;
    position: relative;
    border: 1px solid #d7c2a7;
    border-radius: 20px;
    background: #e8dbca;
    padding: 65px 60px;
}
.wsm-tab-5-content-lhs {
    padding-right: 50px;
    position: relative
}
.wsm-tab-5-content-lhs img {
    width: 100%
}
.wsm-tab-5-content h3 {
    font-weight: 500;
    line-height: 47px;
    font-size: 37px;
    padding-bottom: 20px
}
.wsm-tab-5-content p {
    font-size: 16px;
    line-height: 28px
}
.wsm-tab-5-content a {
    position: absolute;
    bottom: 0
}
.wsm-tab-5-content a.me-btn-arr-line:hover {
    border: 1.5px solid #064344;
    background: #064344;
    color: #fff
}
.wsm-tab-5-content a.me-btn-arr-line:hover i {
    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
}
a.me-btn-arr-line {
    font-size: 16px;
    color: #000;
    padding: 5px 13px 5px 14px;
    cursor: pointer;
    font-weight: 400;
    border: 0;
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    text-align: left;
    border: 1.5px solid #000;
    margin-top: 50px
}
a.me-btn-arr-line i {
    width: 8px;
    height: 8px;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    transform: rotate(45deg);
    display: inline-block;
    transition: all .5s ease;
    vertical-align: middle;
    margin-top: -1px;
}
a.me-btn-arr-line.cta-dark-big {
    color: #fff;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.38%, #383838), color-stop(51.79%, #181818), to(#000));
    background: -o-linear-gradient(top, #383838 6.38%, #181818 51.79%, #000 100%);
    background: linear-gradient(180deg, #656565 6.38%, #181818 51.79%, #000 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
    padding: 15px 35px;
    display: inline-block;
    margin: 30px 0 0;
    box-shadow: 0 1px 4px 0 #00000029;
    border: 0;
    border-radius: 8px;
}
a.me-btn-arr-line.cta-dark-big i {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 9px;
    height: 9px
}
a.me-btn-arr-line.cta-dark-big:hover {
    box-shadow: 0 23px 24px -4px #00000082;
    padding: 15px 40px;
}
a.me-btn-arr-line.cta-dark-big:hover i {
    margin-left: 5px
}
.wsm-tab-5-content.active {
    display: block
}
@-webkit-keyframes fadeRight {
    from {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes fadeRight {
    from {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
.wsm-tab-5-content img {
    width: 100%;
    height: auto
}
@-webkit-keyframes fadeRight {
    from {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes fadeRight {
    from {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}
.wsm-tab-5-content h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #000
}
@media screen and (min-width:1100px) {
    .sec-exp-sm .wsm-lr-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 50px 100px
    }
    .sec-exp-sm .wsm-lr-container .wsm-m-lhs {
        width: calc(100% - 530px);
        padding-top: 70px
    }
    .sec-exp-sm .wsm-lr-container .wsm-m-rhs {
        width: 530px;
        padding-left: 60px
    }
}
@media screen and (max-width:1100px) {
    .wsm-lr-container .wsm-m-rhs {
        display: none
    }
    .wsm-lr-container .wsm-m-lhs {
        width: 100%
    }
    .wsm-tab-5-list .wsm-tab-5-dropdown .wsm-mob-view-img {
        display: block
    }
}
.wsm-sec-inte {
    padding: 120px 0
}
.brands {
    position: relative
}
.ban-img {
    position: relative;
    width: 440px;
}
.brand-com {
    position: absolute
}
.brand-com i {
    transition: all 1.5s ease-in-out;
    transform: scale(0);
    position: absolute;
    background-image: url(/sites/meweb/images/kr/identity-360/images/home-marketplace-spri-25.png);
    background-size: 445px;
    background-repeat: no-repeat;
    width: 78px;
    height: 78px;
    display: inline-block;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: -25px 25px 45px 5px #0000002b
}
.brand-com i.act {
    transform: scale(1)
}
.brand-1 {
    top: -80px;
    left: 165px
}
.brand-2 {
    left: 22px;
    top: 28px
}
.brand-3 {
    left: 144px;
    top: 116px;
}
.brand-4 {
    left: 289px;
    top: 36px
}
.brand-5 {
    left: 25px;
    top: 221px
}
.brand-6 {
    left: 256px;
    top: 234px;
}
.brand-7 {
    left: 130px;
    top: 325px
}
.logo-11 {
    background-position: -16px -14px
}
.logo-12 {
    background-position: -128px -9px
}
.logo-21 {
    background-position: -250px -14px
}
.logo-22 {
    background-position: -130px -98px
}
.logo-31 {
    background-position: -343px -15px
}
.logo-32 {
    background-position: -240px -98px
}
.logo-41 {
    background-position: -13px -99px
}
.logo-42 {
    background-position: -14px -191px
}
.logo-51 {
    background-position: -134px -192px
}
.logo-52 {
    background-position: -245px -192px
}
.logo-61 {
    background-position: -347px -191px
}
.logo-62 {
    background-position: -246px -274px
}
.logo-71 {
    background-position: -11px -277px
}
.logo-72 {
    background-position: -131px -275px
}
.brands-cen {
    text-align: center;
    padding-top: 40px;
}
.brands-lhs {
    left: 0
}
.brands-cen h2 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
    padding-bottom: 10px;
}
.brands-cen span {
    font-family: Caveat;
    font-size: 41px;
    font-style: normal;
    font-weight: 400;
    display: block;
    line-height: 38px;
    color: #000
}
.brands-rhs {
    left: 50px
}
#sligive .flex-direction-nav {
    display: none
}
#sligive .flex-control-paging {
    display: table;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto
}
#sligive .flex-control-paging li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}
#sligive .flex-control-paging li a {
    color: #3330;
    width: 10px;
    height: 6px;
    border-radius: 50px;
    background: #9c6217;
    border: 0;
    cursor: pointer;
    outline: 0;
    transition: all .5s ease
}
#sligive .flex-control-paging li a.flex-active {
    background: #000;
    width: 40px;
    height: 6px
}
#slilock .flex-direction-nav {
    display: none
}
#slilock .flex-control-paging {
    position: absolute;
    margin: 0;
    padding: 0;
    right: 20px;
    bottom: 8px
}
#slilock .flex-control-paging li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}
#slilock .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    border: 2px solid #bbb;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 0 1px #33333354
}
#slilock .flex-control-paging li a.flex-active {
    background: #0879b8;
    cursor: default;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #047ab8
}
.sec-sli-bans .inn {
    position: relative;
    z-index: 1
}
.slides li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.sli-com {
    position: relative;
    min-height: 350px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 70px;
    margin-top: 125px;
    border: 1px solid #d7c2a7;
    border-radius: 20px;
    background: #e8dbca
}
.sli-com img {
    width: 200px;
    margin-bottom: 20px
}
.sec-sli-bans .sli-com h2,
.sec-sli-bans .sli-com h2 span {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500
}
.sec-sli-bans .sli-com h2 {
    margin-bottom: 0;
    width: 100%;
    color: #000
}
.sec-enha h2 span,
.sli-com h2 span {
    color: #9c6217
}
.sec-sli-bans .sli-com h2~a.cta-red-arr {
    margin-top: 30px
}
.sec-sli-bans .inn {
    width: 100%;
    display: block
}
.sec-sli-bans .sli-with-img {
    padding-right: 440px
}
.sli-with-img:after {
    background-image: url(/sites/meweb/images/kr/identity-360/images/identity-home-sli-spri.png);
    background-repeat: no-repeat;
    width: 258px;
    height: 261px;
    position: absolute;
    background-size: 600px;
    top: 52%;
    transform: translate(-50%, -50%);
    right: 0
}
.sli-ban-1:after {
    background-position: 32px -1px
}
.sli-ban-2:after {
    background-position: -266px 19px
}
@media screen and (max-width:1100px) {
    .sec-sli-bans .sli-with-img {
        padding-right: 30px
    }
    .sec-sli-bans .sli-com h2,
    .sec-sli-bans .sli-com h2 span {
        font-size: 24px;
        line-height: 34px
    }
    .af .sli-with-img:after {
        display: none
    }
    .sec-sli-bans .sli-com {
        padding: 30px;
        text-align: center
    }
    .sli-com {
        align-items: center;
        min-height: 350px
    }
}
@media screen and (max-width:550px) {
    .sli-com {
        min-height: 450px
    }
    .sec-sli-bans .sli-com h2,
    .sec-sli-bans .sli-com h2 span {
        font-size: 20px;
        line-height: 30px
    }
    .sec-sli-bans .sli-com h2~a.cta-red-arr {
        font-size: 14px
    }
}
.demo {
    padding: 100px 0 130px 0
}
.demo .lhs {
    position: relative;
    width: calc(100% - 514px);
    padding-right: 20px;
}
.wsm-tit-typ-1 {
    text-align: center;
    width: 100%;
    padding-bottom: 50px
}
.wsm-tit-typ-1 h2 {
    padding: 0 0 10px 0;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600
}
.wsm-tit-typ-1 p {
    margin: 0;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 34px
}
.wsm-tit-typ-1 p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}
.pri-start {
    transition: all .5s ease;
    padding: 20px;
    border-radius: 20px;
    background: #f7f7f2;
    border: 1px solid #fff;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center
}
.pri-start:last-child {
    border-bottom: 0;
    padding-bottom: 0
}
.pri-start .txt {
    width: calc(100% - 250px);
    padding: 0 25px 0 50px;
}
.pri-start .txt i {
    background-image: url(/sites/meweb/images/kr/identity-360/images/home-marketplace-spri-25.png);
    background-size: 445px;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-position: -348px -292px
}
.pri-start .txt i.ic-ssomfa {
    background-position: -403px -292px
}
.pri-start .txt h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 15px 0 20px
}
.pri-start .txt p {
    font-size: 16px;
    line-height: 26px
}
.pri-doll {
    width: 250px;
    position: relative;
    background: #efeee6;
    text-align: center;
    padding: 80px 25px
}
.pri-doll .start {
    font-size: 14px;
    letter-spacing: 1px;
    color: #575757;
    text-transform: uppercase
}
.pri-doll p {
    font-size: 50px;
    font-weight: 600;
    line-height: 70px;
    color: #000
}
.pri-doll .pri-per {
    font-size: 15px;
    font-weight: 400
}
.demo .rhs {
    width: 514px;
}
.howto-demo-form {
    border-radius: 20px;
    box-sizing: border-box;
    max-width: 514px;
    background: #061f1f;
    padding: 29px 65px;
    display: grid;
    align-items: center
}
.howto-demo-form .tit {
    text-align: center
}
.howto-demo-form .tit span {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff
}
.howto-demo-form .tit h3 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 500;
    color: #ffe1c4;
    padding-bottom: 10px
}
.howto-demo-form .tit p {
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0 0;
    color: #ffe1c4
}
.howto-demo-form form ul li input,
.howto-demo-form form ul li select,
.howto-demo-form form ul li textarea {
    height: 45px;
    line-height: 27px;
    background-color: #ffffff0d;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: #ffffff38 solid 1px;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: 400
}
.howto-demo-form form ul li textarea {
    height: 80px;
    padding-left: 15px
}
.howto-demo-form form ul li select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
    background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) .5em;
    background-size: 6px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    font-size: 13px;
    cursor: pointer;
}
.howto-demo-form .form-sec * {
    font-family: ZohoPuvi
}
.howto-demo-form .form-sec #meGDPRMessage {
    width: 100%;
    color: #fff
}
.success-message {
    display: none;
    text-align: center
}
.success-message * {
    color: #fff;
    margin: 0
}
.success-message h4 {
    font-weight: 600;
    line-height: 35px;
    padding: 0 0 10px;
    font-size: 21px;
    color: #fff;
}
.success-message p {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
}
.hidden-data {
    display: none
}
.howto-demo-form form ul li input[type=submit]:focus {
    background: #037c3a
}
.howto-demo-form input[type=submit] {
    cursor: pointer;
    background-color: #009f44;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    border-width: 0;
    padding: 12px;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    height: auto;
    width: 100%;
    margin: 25px 0 10px 0;
    border-radius: 0;
    font-weight: 500;
    background: linear-gradient(180deg, #15b097, #094a3f);
    border-radius: 8px;
    font-size: 16px
}
.howto-demo-form form ul {
    padding: 0;
    margin: 0
}
.howto-demo-form form ul li {
    margin-bottom: 12px;
    position: relative;
    list-style-type: none;
    padding: 0;
    max-width: 400px
}
.howto-demo-form form ul li:last-child {
    border: 0;
    margin: 0
}
.howto-demo-form form ul li .ffw-errmsg {
    display: none;
    position: relative;
    color: red;
    padding: 4px 0 0;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    float: left;
    bottom: 0;
    width: 100%;
    border-radius: 2px;
    border-top-left-radius: 0;
    right: 0;
    border-top-right-radius: 0;
    box-sizing: border-box
}
.howto-demo-form .misc-field .dwn-priv {
    margin-top: 0;
    line-height: 17px;
    font-weight: 300;
    padding-top: 10px;
    /* float:left; */
    text-align: center
}
.howto-demo-form .misc-field .dwn-priv,
.howto-demo-form .misc-field .dwn-priv * {
    font-size: 11px;
    color: #fff
}
.howto-demo-form .misc-field .dwn-priv strong {
    font-weight: 600
}
.howto-demo-form .misc-field .dwn-priv a {
    text-decoration: underline
}
.howto-demo-form form .ffw-field input:focus,
.howto-demo-form form .ffw-field input:focus-visible {
    outline: 0;
    border-color: #527be6
}
.howto-demo-form form .ffw-additional-data {
    display: none
}
.howto-demo-form form .ffw-additional-data {
    display: none
}
.howto-demo-form form ul li select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
    background-position: calc(100% - 15px) calc(1em + 6px), calc(100% - 10px) calc(1em + 6px), calc(100% - 2.5em) .5em;
    background-size: 6px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}
@media screen and (max-width:480px) {
    .howto-demo-form form ul li.ic-date {
        width: 100%
    }
}
.pri-detail {
    margin-top: 15px;
    padding: 40px 20px;
    border-radius: 20px;
    background: #f7f7f2;
    border: 1px solid #fff
}
.pri-detail p {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #000
}
.pri-detail p a {
    font-size: 16px;
    color: #005e5e;
    text-decoration: underline;
    font-weight: 400;
}
@media screen and (min-width:1101px) {
    .success-message {
        position: relative;
        padding: 60px 30px
    }
}
@media screen and (max-width:1300px) {
    .ac {
        max-width: 95%
    }
}
@media screen and (max-width:992px) {
    .ac {
        padding: 0 20px
    }
}
@media screen and (max-width:1100px) {
    .demo .lhs {
        width: 100%;
        border: 0;
        border-radius: 5px;
        margin-bottom: 50px;
        padding: 0
    }
    .demo .rhs {
        width: 100%;
        padding: 40px
    }
    .howto-demo-form {
        margin: 0 auto;
        display: table;
        float: initial
    }
}
@media screen and (max-width:600px) {
    .pri-doll {
        width: 100%;
        border-left: 0;
        padding: 20px;
        border-radius: 15px 15px 0 0
    }
    .pri-start .txt {
        padding: 0;
        width: 100%
    }
    .pri-doll .pri-per {
        left: 125px;
        top: 70px;
        font-size: 18px;
        line-height: 24px
    }
}
.wsm-box3-ctas {
    text-align: center;
    padding: 61px 50px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 57%
}
.wsm-box3-ctas h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #ffe1c4;
    padding-bottom: 10px
}
.wsm-box3-ctas p {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}
.wsm-box3-ctas a {
    color: #fff;
    padding: 12px 30px 12px 30px;
    margin-top: 35px;
    border-radius: 8px;
    width: 200px;
    text-align: center
}
.me-btn-arr-line.cta-sm-foot {
    border: 1px solid #fff
}
a.me-btn-arr-line.cta-grn {
    background: linear-gradient(180deg, #15b097, #094a3f);
    border: 0;
    padding: 13px 30px 13px 30px;
    margin-left: 15px;
}
.wsm-box3-ctas a i {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}
.wsm-foot-img {
    padding-left: 35px;
    width: 43%
}
.wsm-foot-img img {
    margin-top: -47px;
    height: 361px;
    object-fit: cover;
    border-radius: 20px
}
.fea-res-section {
    padding: 100px 0 80px 0;
    text-align: center
}
.fea-res-section h2 {
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #000;
    padding-bottom: 20px
}
.res-wrap {
    display: flex;
    margin-top: 20px;
    gap: 20px
}
.res-box {
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    position: relative;
    flex: auto
}
.res-text {
    padding: 20px 17px 0 17px;
    position: unset;
    text-align: left;
}
.res-text h5 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 8px;
    padding-top: 4px
}
.res-text p {
    position: relative;
    font-size: 15px;
    line-height: 23px;
    color: #333
}
.res-text .learn-more {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    color: teal;
    position: relative;
    margin-bottom: 5px
}
.res-text .learn-more:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 1.5px solid teal;
    border-bottom: 0;
    border-left: 0;
    position: absolute;
    right: -12px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    top: 48%
}
.res-box .overlay-link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}
.res-img {
    width: 100%;
    overflow: hidden;
    background: #e8dbca;
    padding: 50px 50px 0 50px;
    border-radius: 20px
}
.res-img img {
    width: 150px;
    height: 180px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}
.res-box:hover {
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}
.res-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
div#scroll {
    padding: 0
}
@media screen and (max-width :992px) {
    .fea-res-section {
        padding: 80px 0 60px 0
    }
    .fea-res-section h2 {
        font-size: 24px;
        line-height: 34px
    }
    .res-box {
        width: calc(50% - 40px);
        margin: 10px
    }
}
@media screen and (max-width:1300px) {
    .brands-rhs {
        left: 0
    }
    .brands-cen h2 {
        font-size: 32px;
        line-height: 42px
    }
}
@media screen and (max-width:1200px) {
    .brands-rhs {
        display: none
    }
    .brands-lhs {
        position: absolute;
        width: 100%
    }
    .brands-cen {
        width: 100%
    }
    .brand-1 {
        left: 10%
    }
    .brand-2 {
        top: 70px
    }
    .brand-3 {
        left: 90%;
        top: 70px
    }
    .brand-4 {
        left: 80%;
        top: -80px
    }
    .brand-5 {
        left: 10%;
        top: 244px
    }
    .brand-6 {
        left: 80%
    }
    .brand-7 {
        left: 46%;
        top: 380px
    }
    .brand-com i.act {
        transform: scale(.5)
    }
}
@media screen and (max-width:1100px) {
    .ac {
        max-width: 90%
    }
    .wsm-box3-ctas {
        width: 100%
    }
    .wsm-foot-img,
    .wsm-tab-5-list li .cal-flex,
    .wsm-tab-5-list li .cal-flex h3 {
        display: none
    }
    .wsm-tab-5-list li.active .cal-flex {
        display: block;
        padding-top: 30px
    }
    .demo {
        padding: 80px 0
    }
    .howto-demo-form .tit {
        padding-bottom: 30px
    }
    .wsm-tab-5-list li {
        padding-right: 25px
    }
    .wsm-tab-5-content-lhs {
        padding-right: 0
    }
    .wsm-tab-5-list img {
        margin-top: 30px
    }
    a.me-btn-arr-line {
        margin-top: 30px
    }
}
@media screen and (max-width:992px) {
    .cal-6 {
        width: 100%
    }
    .wsm-rea-lhs .inn {
        position: relative;
        left: 0;
        bottom: 0;
        padding: 0 0 50px 0
    }
    .wsm-tit-2 {
        padding-bottom: 30px
    }
    .howto-demo-form .tit h3 {
        font-size: 32px;
        line-height: 42px
    }
    .fea-res-section h2,
    .wsm-box3-ctas h2,
    .wsm-tit-2 h2,
    .wsm-tit-typ-1 h2,
    .wsm-tit-typ-2 h2,
    .wsm-tit-typ-2 h2 strong {
        font-size: 28px;
        line-height: 38px
    }
    .res-wrap {
        margin-top: 0;
        gap: 10px
    }
    .wsm-box3-ctas p,
    .wsm-tit-typ-1 p {
        font-size: 18px;
        line-height: 30px
    }
    .sec-exp {
        padding: 80px 0
    }
    .res-img {
        padding: 0
    }
    .wsm-box3-ctas {
        padding: 60px 30px
    }
}
@media screen and (max-width:769px) {
    .wsm-rea .ac {
        padding: 40px
    }
    .pri-start .txt {
        width: 100%;
        padding: 50px 20px 40px 20px;
        text-align: center
    }
    .res-wrap {
        display: block
    }
    .res-box {
        width: 100%;
        margin: 30px 0;
        border: 1px solid #a4a49e;
        border-radius: 20px
    }
    .res-text {
        padding: 30px 20px
    }
    .res-img {
        border-radius: 20px 20px 0 0
    }
    .brand-1 {
        left: 3%
    }
    .brand-2 {
        left: 0
    }
    .brand-5 {
        left: 3%
    }
    .brand-7,
    .wsm-box-bor::after {
        display: none
    }
    .brands-cen {
        padding-top: 0
    }
    .brands-cen h2 {
        font-size: 18px;
        line-height: 28px
    }
    .wsm-sec-inte {
        padding: 60px 0
    }
    .wsm-rea-lhs h2 {
        font-size: 34px;
        line-height: 40px
    }
    .brand-3 {
        left: 85%
    }
    .wsm-fea-poi h3 {
        font-size: 16px;
        line-height: 24px
    }
    .wsm-fea-poi p {
        font-size: 15px;
        line-height: 23px
    }
}
@media screen and (max-width:400px) {
    .brands {
        display: none
    }
    .wsm-sec-inte {
        background: #fff
    }
}
.brands-cen span {
    font-family: inherit;
    font-size: 22px;
    line-height: 32px;
    margin-top: 10px;
}
@media screen and (max-width:769px) {
    .brands-cen span {
        font-size: 16px;
        line-height: 26px;
    }
}