.signup-container {
   max-width: 440px;
   margin: 0 auto;
   background-color: #fff;
   position: relative;
   z-index: 1;
   border-radius: 10px;
   padding: 30px 35px 22px;
   box-shadow: 0 0 20px rgba(144, 144, 144, 0.34)
 }
 .signup-box {
   position: relative;
   box-sizing: border-box;
   background: #fff;
   width: 100%
 }
 .signup-box .mandate {
   display: none;
 }
 .signupbtn-acc {
   text-align: center;
   padding-top: 25px;
 }
 .signupbtn-acc .logo {
   width: 90px;
   height: 40px;
 }
 .signup-box .sign-in {
   text-align: center;
   padding: 15px 0 0px;
   font-size: 14px;
 }
 .signup-box * {
   box-sizing: border-box;
   font-family: 'ZohoPuvi'
 }
 .signup-box #signup-newsletter.checked::before {
   background: #333;
   content: "";
   height: 1px;
   left: 4px;
   position: absolute;
   top: 3px;
   transform: rotate(-45deg);
   width: 15px
 }
 .signup-box #signup-newsletter.checked::after {
   background: #333;
   content: "";
   height: 1px;
   left: 2px;
   position: absolute;
   top: 6px;
   transform: rotate(45deg);
   width: 5px
 }
 .signup-box #signup-termservice.checked::before {
   background: #333;
   content: "";
   height: 1px;
   left: 3px;
   position: absolute;
   top: 4px;
   transform: rotate(-45deg);
   width: 15px
 }
 .signup-box #signup-termservice.checked::after {
   background: #333;
   content: "";
   height: 1px;
   left: 1px;
   position: absolute;
   top: 7px;
   transform: rotate(45deg);
   width: 5px
 }
 .signup-box i.ic {
   background: url(/sites/meweb/images/kr/identity-360/images/id360-demo-icons-sprite.png) no-repeat;
   background-size: 111px;
   width: 20px;
   height: 20px;
   position: absolute;
   left: 11px;
   top: 13px;
   z-index: 2
 }
 .signup-box .ic.icn-name {
   background-position: -7px -6px
 }
 .signup-box .ic.icn-mail {
   background-position: -45px -6px
 }
 .signup-box .ic.icn-comp {
   background-position: -45px -40px
 }
 .signup-box .ic.icn-count {
   background-position: -7px -39px
 }
 .signup-box .ic.icn-pass {
   background-position: -80px -6px
 }
 .signup-box h4 {
   font-size: 20px;
   line-height: 30px;
   color: #333;
   font-weight: 500;
   text-align: center;
   margin-top: 0;
   margin-bottom: 20px
 }
 .signup-box .zhide-common {
   display: none
 }
 .signup-box h3 {
   font-size: 22px
 }
 .signup-box input[type=email],
 .signup-box input[type=number],
 .signup-box input[type=password],
 .signup-box input[type=search],
 .signup-box input[type=tel],
 .signup-box input[type=text],
 .signup-box input[type=url],
 .signup-box textarea,
 .signup-box .za-country-container .globalcountrycode-signup {
   color: #333;
   padding: 14px 12px;
   border: 1px solid #D9D9D9;
   display: block;
   width: 100%;
   font-size: 14px;
   background: #F8F8F8;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   position: relative;
   z-index: 1;
   transition: .5s;
   border-radius: 6px;
   height: 48px;
   font-family: var(--primaryfont-regular);
   line-height: 18px;
   padding-left: 40px
 }
 .signup-box input[type=email]:focus,
 .signup-box input[type=number]:focus,
 .signup-box input[type=password]:focus,
 .signup-box input[type=search]:focus,
 .signup-box input[type=tel]:focus,
 .signup-box input[type=text]:focus,
 .signup-box input[type=url]:focus,
 .signup-box textarea:focus {
   outline: 1px solid #ccc
 }
 .signup-box input[type=email]::placeholder,
 .signup-box input[type=number]::placeholder,
 .signup-box input[type=password]::placeholder,
 .signup-box input[type=search]::placeholder,
 .signup-box input[type=tel]::placeholder,
 .signup-box input[type=text]::placeholder,
 .signup-box input[type=url]::placeholder,
 .signup-box textarea::placeholder {
   font-weight: 300
 }
 .signup-box .za-country-container .globalcountrycode-signup,
 .signup-box .za-country-container .za-globalstate-signup {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   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 + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) .5em;
   background-size: 6px 5px, 5px 5px, 1px 1.5em;
   background-repeat: no-repeat;
 }
 .signup-box .za-country-container {
   position: relative;
   background: #fff
 }
 .signup-box .za-country-container.za-country-container-arrow,
 .password-strength {
   display: none
 }
 .signup-box .za-country-container.za-country-container-arrow.zshow {
   display: block;
   margin-top: 30px
 }
 .signup-box .za-country-container.za-country-container-arrow.zshow+.dc-info {
   margin-top: 5px
 }
 .signup-box .za-password-container input {
   padding-right: 35px
 }
 .signup-box .za-country-container .placeholder {
   font-size: 11px;
   top: -20px;
   left: 0;
   position: absolute
 }
 .signup-box .za-state-container .za-globalstate-signup {
   color: #333;
   padding: 14px 12px;
   border: 1px solid #d5d5d5;
   display: block;
   width: 100%;
   font-size: 16px;
   background: #fff;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   position: relative;
   z-index: 1;
   transition: .5s ease;
   height: 48px;
   font-family: var(--primaryfont-regular);
   line-height: 1;
   border-radius: 6px
 }
 .signup-box .sgnbtn input[type='submit'] {
   font-size: 15px;
   height: 50px;
   padding: 0 60px;
   background: #f0483e;
   text-align: center;
   text-transform: uppercase;
   border: 0;
   color: #fff;
   width: 100%;
   cursor: pointer;
   font-weight: 500;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   border-radius: 6px
 }
 .signup-box .sgnbtn input[type='button'] {
   font-size: 15px;
   height: 50px;
   padding: 0 60px;
   background: #f0483e;
   text-align: center;
   text-transform: uppercase;
   border: 0;
   color: #fff;
   width: 100%;
   cursor: pointer;
   font-weight: 600;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none
 }
 .signup-box p.zcountry-info {
   color: #333;
   font-size: 11px;
   margin: 10px 0 0;
   text-align: left;
   line-height: 1.6;
   font-weight: 300
 }
 .signup-box p.dc-info {
   font-size: 11px;
   margin: 6px 0 5px;
   text-align: left;
   line-height: 1.6;
   font-weight: 300
 }
 .signup-box p.dc-info .dcset {
   text-transform: uppercase;
   font-size: 11px;
   margin-right: 3px
 }
 .signup-box .za-newsletter-container {
   margin: 10px 0 0;
   position: relative;
   font-size: 11px
 }
 .signup-box .za-newsletter-container span {
   font-size: 11px
 }
 .signup-box .za-newsletter-container label {
   position: relative;
   padding-left: 22px;
   /* font-weight: 500; */
 }
 .signup-box .za-newsletter-container #signup-newsletter {
   position: absolute;
   top: 2px;
   left: 0
 }
 .signup-box .za-newsletter-container label span {
   font-size: 11px
 }
 .signup-box .za-tos-container {
   margin: 8px 0 15px;
   position: relative
 }
 .signup-box .za-tos-container label {
   position: relative;
   padding-left: 22px;
   font-weight: 300;
 }
 .signup-box .za-tos-container #signup-termservice {
   position: absolute;
   top: 0px;
   left: 0
 }
 .signup-box h5 {
   color: #333
 }
 .signup-box .dc-info {
   color: #333
 }
 .signup-box .sign_agree,
 .signup-box label {
   color: #333;
   font-size: 11px;
   display: inline-block;
   line-height: 17px;
   cursor: pointer;
   margin-top: 5px;
   width: 100%;
   text-align: left;
   font-family: var(--zf-primary-semibold), sans-serif
 }
 .signup-box .sign_agree a {
   color: #333;
   text-decoration: underline
 }
 .signup-box span#zip-countryname-change {
   color: #333;
   cursor: pointer;
   text-decoration: underline;
   margin-left: 3px
 }
 .signup-box p.zcountry-info #zip-countryname {
   font-weight: 500;
   text-transform: uppercase
 }
 .signup-box .socl-signup {
   margin-top: 30px;
   text-align: center;
   color: #aaa;
   font-size: 14px;
   line-height: 24px;
   padding: 0;
   margin-top: 10px
 }
 .signup-box .socl-signup p {
   color: #333;
   font-size: 14px;
   margin-bottom: 5px;
 }
 .signup-box .socl-signup a,
 .signup-box .socl-signup span {
   background: url(/sites/meweb/images/kr/identity-360/images/id360-demo-icons-sprite.png) no-repeat;
   background-size: 111px;
   z-index: 2;
   display: inline-block;
   height: 30px;
   text-indent: -9999px;
   margin-left: 1px;
   cursor: pointer;
 }
 .signup-box .socl-signup span.vi-google {
   background-position: -4px -68px;
   width: 29px;
   margin-left: 10px;
   position: relative;
 }
 .signup-box .socl-signup span.vi-google:before {
   content: '';
   position: absolute;
   border-left: 1px solid #b4b4b4;
   width: 1px;
   height: 20px;
   left: -6px;
   top: 2px;
 }
 .signup-box .socl-signup span.vi-office365 {
   width: 26px;
   background-position: -39px -69px;
 }
 .signup-box .sgfrm {
   margin: 15px 0 0;
   position: relative
 }
 .signup-box #signup-newsletter {
   border: 1px solid #a9a9a9;
   display: inline-block;
   height: 14px;
   margin-right: 4px;
   width: 14px;
   position: relative;
   vertical-align: middle;
   border-radius: 3px;
 }
 .signup-box #signup-termservice {
   border: 1px solid #a9a9a9;
   display: inline-block;
   height: 14px;
   margin-right: 20px;
   width: 14px;
   position: relative;
   vertical-align: middle;
   border-radius: 3px;
 }
 .signup-box #newsletter {
   height: 1px;
   left: 0;
   margin: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 1px
 }
 .signup-box #tos {
   height: 1px;
   left: 0;
   margin: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 1px
 }
 .signup-box .error,
 .signup-box .za-email-suggestion .za-domain-error {
   color: red;
   font-size: 11px;
   line-height: 1.5;
   margin-top: 5px;
   font-weight: 300;
 }
 .signup-box .field-error .field-msg * {
   font-size: 11px
 }
 .signup-box .field-error .field-msg {
   display: block;
   text-align: left
 }
 .signup-box .za-tos-container .field-msg {
   margin: 12px 0 0 -15px
 }
 .signup-box .za-state-container,
 .signup-box .za-state-container.zshow-common {
   display: none
 }
 .signup-popup {
   opacity: 0;
   top: -50%;
   visibility: hidden;
   transition: top .5s ease-in-out;
   position: fixed;
   z-index: 999999999;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6)
 }
 .signup-popup,
 .signup-popup * {
   box-sizing: border-box
 }
 .signup-popup .signup-close {
   position: absolute;
   right: 0;
   top: 0;
   width: 20px;
   height: 20px;
   background-color: #3339;
   text-align: CENTER;
   line-height: 19px;
   font-size: 20px;
   z-index: 2;
   color: #fff;
   cursor: pointer
 }
 .signup-popup .signup-container {
   width: 950px;
   min-height: 590px;
   background-color: #fff;
   margin: 100px auto 0;
   position: relative
 }
 .signup-popup .signup-container .signup-popup-lhs {
   width: 535px;
   position: absolute;
   left: 0;
   padding: 35px 75px 75px;
   min-height: 590px
 }
 .signup-popup .signup-container .signup-popup-lhs h1 {
   font-weight: 500;
   font-size: 30px;
   line-height: 40px;
   width: 82%;
   margin: 0 9%;
   text-align: center;
   margin-bottom: 30px
 }
 .signup-popup .sign-in {
   text-align: center;
   padding: 20px 0;
   font-size: 13px
 }
 .signup-popup.open {
   visibility: visible;
   opacity: 1;
   top: 0
 }
 .signup-popup .signup-container .signup-popup-rhs {
   width: 415px;
   position: absolute;
   right: 0;
   top: 0;
   min-height: 590px;
   box-shadow: -10px 0 17px #c6d4d870;
   padding: 40px 60px;
   background: #002c37 url(/sites/meweb/images/kr/identity-360/images/signup-bg.png) 0 229px / 416px 516px no-repeat
 }
 .signup-popup .signup-container .signup-popup-rhs .slogan {
   font-size: 16px;
   color: #fff;
   line-height: 32px;
   text-align: center
 }
 .signup-popup .signup-container .signup-popup-rhs .slogan span {
   color: #52ebc0
 }
 .signupbtn-acc h2,
 .signupbtn-acc h2 span {
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 7px
 }
 .signupbtn-acc p {
   font-size: 14px;
   line-height: 24px;
   color: #333;
   margin: 0;
 }
 .signupbtn-access {
   position: relative;
   z-index: 99;
   font-size: 16px;
   height: 55px;
   padding: 0 60px;
   background: #f0483e;
   text-align: center;
   text-transform: uppercase;
   border: 0;
   color: #fff;
   width: 100%;
   cursor: pointer;
   font-weight: 400;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   border-radius: 5px;
   margin: 20px 0 40px;
   display: block;
   line-height: 50px;
   text-transform: inherit;
   cursor: pointer
 }
 .signupotpcontainer .verifytitle {
   margin-bottom: 10px;
   text-align: left;
   font-weight: 500;
   font-size: 16px
 }
 .signupotpcontainer .za-otp-container {
   text-align: left;
   font-size: 16px;
   font-weight: 500
 }
 .signupotpcontainer .verifyheader {
   text-align: left;
   font-size: 15px
 }
 .signupotpcontainer .change {
   cursor: pointer;
   margin-left: 5px;
   font-size: .9em;
   border-bottom: 1px solid;
   display: inline-block;
   line-height: 1
 }
 .signupotpcontainer .otpmobile {
   margin-bottom: 15px;
   text-align: left;
   font-size: 16px;
   font-weight: 500
 }
 .signupotpcontainer .resendotp {
   cursor: pointer;
   text-decoration: underline;
   font-size: .9em;
   margin-top: 8px;
   display: inline-block;
   text-align: left
 }
 .signupotpcontainer .za-submitbtn-otp .signupbtn {
   background: #f0483e;
   border-color: #f0483e;
   font-size: 15px;
   color: #fff;
   cursor: pointer;
   padding: 14px 12px;
   display: block;
   width: 100%;
   margin: 15px 0 0;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   position: relative;
   z-index: 1;
   transition: .5s ease;
   border-radius: 0;
   border: 0
 }
 .za-password-container {
   position: relative
 }
 .za-password-container span.zpassword-show {
   position: absolute;
   right: 4px;
   top: 0;
   z-index: 10;
   cursor: pointer;
   width: 30px;
   height: 45px;
   font-size: 0;
   text-indent: -9999px
 }
 .za-password-container span.zpassword-show.active:before {
   background-position: -5px -4px
 }
 .za-password-container span.zpassword-show:before {
   content: '';
   width: 20px;
   background: url(/sites/meweb/images/kr/identity-360/images/id360-signup-sprite.png) no-repeat;
   background-size: 60px 21px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background-position: -32px -4px;
   opacity: .7;
   height: 14px;
   margin-top: 17px
 }
 .signupbtn-access:hover {
   background-color: #d83025
 }
 .za-country-container,
 .za-state-container,
 .za-state-container.zshow-common {
   display: none;
 }
 @media only screen and (max-width: 425px) {
   body .op-wrapper .op-tab .tab-contents .signup-wrap.zlog-signup .signup-container {
     width: 100%
   }
 }
 .t-box-body .za-password-container span.zpassword-show {
   position: absolute;
   right: 4px;
   top: 0;
   z-index: 10;
   cursor: pointer;
   width: 30px;
   height: 41px;
   font-size: 0;
   text-indent: -9999px
 }
 .t-box-body .signup-container .signup-box .sgnbtn input[type='submit'] {
   font-weight: 300;
   text-transform: uppercase
 }
 body .heading-menu p {
   margin: 2px 0;
   font-size: 23px;
   font-weight: 200
 }
 .t-box-body .za-password-container span.zpassword-show:before {
   content: '';
   width: 20px;
   background: url(/cloud-siem/images/log360cloud-signup-sprite.png) no-repeat;
   background-size: 60px 21px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background-position: -32px -4px;
   opacity: .7;
   height: 14px;
   margin-top: 14px
 }
 .t-box-body .signup-box #signup-newsletter {
   border: 1px solid #ccc;
   display: inline-block;
   height: 15px;
   margin-right: 4px;
   width: 15px;
   vertical-align: sub
 }
 .t-box-body .signup-box #signup-newsletter.checked::before {
   background: #333;
   content: "";
   height: 2px;
   left: 4px;
   position: absolute;
   top: 5px;
   transform: rotate(-45deg);
   width: 9px
 }
 .t-box-body .signup-box #signup-newsletter.checked::after {
   background: #333;
   content: "";
   height: 2px;
   left: 2px;
   position: absolute;
   top: 7px;
   transform: rotate(45deg);
   width: 5px
 }
 .t-box-body .signup-box .za-newsletter-container label {
   position: relative;
   padding-left: 25px;
   font-weight: 400;
   line-height: 18px
 }