/* 회원 */ #container.mbmr {min-height:inherit;padding-top:0;justify-content:center;align-items:flex-start;} #container.mbmr:before {content:none;} #container.mbmr > .contents {width:100%;padding:20px 20px 100px;} #container.mbmr > .contents > figure.logo {text-align:center;} #container.mbmr > .contents .process-tit {border-bottom:2px solid #9fadb9;} #container.mbmr > .contents .process-tit h1 {color:#999;font-size:15px;font-weight:600;text-align:center;padding:10px 0 20px;} #container.mbmr > .contents .process-tit h1.on {color:#0069b9;} #container.mbmr > .contents .tit_copy{font-size:19px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;padding-top:35px;font-weight:600;} #container.mbmr > .contents .tit_copy:before{content:'';margin-right:5px;background:url("../../images/common/celebrate-icon.png")no-repeat center center;width:19px;height:19px;display:inline-block;} #container.mbmr > .contents .tit_copy:after{content:'';margin-left:5px;background:url("../../images/common/celebrate-icon.png")no-repeat center center;width:19px;height:19px;display:inline-block;} #container.mbmr > .contents .copy {font-size:15px;font-weight:600;text-align:center;padding:35px 0;} #container.mbmr > .contents .copy > span {color:#CB0D0D;} #container.mbmr > .contents .btn-wrap {margin-top:30px;} #container.mbmr > .contents .btn-wrap > a {height:38px;line-height:36px;} #container.mbmr > .contents .tab {display:flex;background-color:#fafafa;border-radius:5px;} #container.mbmr > .contents .tab a {color:#c3c3c3;width:50%;font-weight:600;text-align:center;padding:10px;border:1px solid transparent;border-radius:5px;} #container.mbmr > .contents .tab a.on {color:#000;border:1px solid #eceff1;background-color:#fff;} #container.mbmr > .contents .process {display:flex;align-items:center;border-bottom:2px solid #9fadb9;} #container.mbmr > .contents .process > span {position:relative;width:calc(100% / 3);color:#c3c3c3;font-size:15px;font-weight:600;text-align:center;white-space:nowrap;padding:20px 0;} #container.mbmr > .contents .process > span.on {color:#0069b9;} #container.mbmr > .contents .process > span.on:before {content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:#0069b9;} #container.mbmr > .contents .login-form-table {} #container.mbmr > .contents .login-form-table > div.form {position:relative;border:1px solid #eceff1;border-radius:5px;height:52px;margin-top:10px;-webkit-transition: .55s; transition: .55s;} #container.mbmr > .contents .login-form-table > div.form > input {width:100%;height:100%;border:0;padding:0 15px;} #container.mbmr > .contents .login-form-table > div.form > label {position:absolute;top:50%;left:7px;transform:translate(0,-50%);color:#c3c3c3;font-size:16px;padding:0px 8px;background-color:transparent;-webkit-transition: .55s; transition: .55s;} #container.mbmr > .contents .login-form-table > div.form.on {border:2px solid #0069b9;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/31761 */ #container.mbmr > .contents .login-form-table > div.form.on.blur {border:1px solid #E0E0E0 !important;} #container.mbmr > .contents .login-form-table > div.form.on > label {position:absolute;top:0;color:#0069b9;font-size:13px;font-weight:600;background-color:#fff;} #container.mbmr > .contents .login-form-table > div.form.button {padding-right:100px;} #container.mbmr > .contents .login-form-table > div.form.button > a {position:absolute;top:50%;right:10px;transform:translate(0,-50%);width:92px;height:32px;color:#fff;font-size:13px;font-weight:600;border:1px solid #0069b9;background-color:#0069b9;border-radius:4px;display:flex;justify-content:center;align-items:center;} #container.mbmr > .contents .login-form-table > div.form.button > a.disabled {color:#c3c3c3;border:1px solid #eceff1;background-color:#fafafa;} #container.mbmr > .contents .login-form-table > div.form.mobileno {padding-left:80px;} #container.mbmr > .contents .login-form-table > div.form.mobileno > label {left:90px;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st {position:absolute;top:10px;left:10px;width:70px;height:32px;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st > input.selectValue {width:100%;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st > .select-wrap {max-height:215px;overflow-y:auto;border:1px solid #ECEFF1;border-radius:5px;padding:0;margin-top:3px;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st > .select-wrap > ul {width:320px;border:0px;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st ul.select-box-option li {display:flex;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st ul.select-box-option li span:nth-child(1) {width:65px;} #container.mbmr > .contents .login-form-table > div.form.mobileno > div.select-box-default-st ul.select-box-option li span:nth-child(2) {width:calc(100% - 65px);} #container.mbmr > .contents .signup-form-table {} #container.mbmr > .contents .signup-form-table > h1 {color:#0069b9;font-size:15px;font-weight:600;margin:30px 0 10px;} #container.mbmr > .contents .signup-form-table > div.form {position:relative;display:flex;align-items:flex-start;} #container.mbmr > .contents .signup-form-table > div.form + div.form {margin-top:10px;} #container.mbmr > .contents .signup-form-table > div.form > label {width:180px;font-weight:600;margin-top:9px;} #container.mbmr > .contents .signup-form-table > div.form > label.ticker {display:flex;align-items:center;margin-top:2px;} #container.mbmr > .contents .signup-form-table > div.form > input {width:calc(100% - 180px);height:32px;line-height:30px;} #container.mbmr > .contents .signup-form-table > div.form > div.add {width:calc(100% - 180px);} #container.mbmr > .contents .signup-form-table > div.form > div.add > input {width:100%;height:32px;line-height:30px;} #container.mbmr > .contents .signup-form-table > div.form > div.add > input + input {margin-top:3px;} #container.mbmr > .contents .signup-form-table > div.form > div.add > .select-box-default-st {width:100%;} #container.mbmr > .contents .signup-form-table > div.form > div.add > .select-box-default-st > input {width:100%;} #container.mbmr > .contents .signup-form-table > div.form > div.add > .select-box-default-st > .select-wrap {max-height:215px;overflow-y:auto;border:1px solid #ECEFF1;border-radius:5px;padding:0;margin-top:3px;} #container.mbmr > .contents .signup-form-table > div.form > div.add > .select-box-default-st > .select-wrap > ul {border:0px;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno {position:relative;width:calc(100% - 180px);} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > input {padding-left:85px;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st {position:absolute;top:1px;left:1px;width:70px;height:32px;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st > input {width:100%;border:0;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st > .select-wrap {max-height:215px;overflow-y:auto;border:1px solid #ECEFF1;border-radius:5px;padding:0;margin-top:3px;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st > .select-wrap > ul {width:320px;border:0px;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st ul.select-box-option li {display:flex;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st ul.select-box-option li span:nth-child(1) {width:65px;} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > div.select-box-default-st ul.select-box-option li span:nth-child(2) {width:calc(100% - 65px);} #container.mbmr > .contents .signup-form-table > div.form > div.mobileno > input {width:100%;height:32px;line-height:30px;} #container.mbmr > .contents .signup-form-table > div.form > div.button {width:calc(100% - 180px);display:flex;justify-content:space-between;align-items:center;} #container.mbmr > .contents .signup-form-table > div.form > div.button > input {width:calc(100% - 93px);} #container.mbmr > .contents .signup-form-table > div.form > div.button > a {width:90px;height:32px;color:#fff;font-size:13px;font-weight:600;border:1px solid #0069b9;background-color:#0069b9;border-radius:4px;display:flex;justify-content:center;align-items:center;} #container.mbmr > .contents .signup-form-table > div.form > div.button > a.disabled {color:#c3c3c3;border:1px solid #eceff1;background-color:#fafafa;} #container.mbmr > .contents .signup-form-table > div.form > div.password {width:calc(100% - 180px);} #container.mbmr > .contents .signup-form-table > div.form > div.password > input {width:100%;} #container.mbmr > .contents .signup-form-table > div.form > div.password > p {margin:5px 0 0 15px;font-size:12px;} #container.mbmr > .contents .signup-form-table > div.form > div.password > p.cBlue {color:#0069b9;} /* LOGIN */ #container.mbmr > .contents.login {width:360px;} #container.mbmr > .contents.login .btn-wrap > a {width:100%;font-size:13px;} #container.mbmr > .contents.login .mbmr-link {margin-top:20px;} #container.mbmr > .contents.login .mbmr-link ul li + li {margin-top:5px;} #container.mbmr > .contents.login .mbmr-link ul li a {display:flex;align-items:center;color:#9fadb9;font-size:13px;font-weight:600;-webkit-transition: .55s; transition: .55s;} #container.mbmr > .contents.login .mbmr-link ul li a:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#9fadb9;margin:0 5px 0 10px;-webkit-transition: .55s; transition: .55s;} #container.mbmr > .contents.login .mbmr-link ul li a:hover {color:#0069b9;} #container.mbmr > .contents.login .mbmr-link ul li a:hover:before {background-color:#0069b9;} /* FORGOT :: ID/PASSWORD */ #container.mbmr > .contents.forgot {width:440px;} #container.mbmr > .contents.forgot .btn-wrap {display:flex;justify-content:space-between;align-items:center;} #container.mbmr > .contents.forgot .btn-wrap > a {width:calc(50% - 3px);font-size:13px;} #container.mbmr > .contents.forgot.result .forgot-id-table {background-color:#fafafa;padding:10px;border-radius:7px;height:220px;} #container.mbmr > .contents.forgot.result .forgot-id-table ul li {font-size:15px;} #container.mbmr > .contents.forgot.result .forgot-id-table ul li + li {margin-top:5px;} #container.mbmr > .contents.forgot.result .btn-wrap > a {width:100%;} /* SIGN UP :: TAX ID */ #container.mbmr > .contents.taxid {width:480px;} #container.mbmr > .contents.taxid .btn-wrap > a {width:100%;font-size:13px;} #container.mbmr > .contents.taxid .login-form-table > div.form > input {text-align:center;} /* SIGN UP :: CHECK BUSINESS INFORMATION */ #container.mbmr > .contents.cbi {width:535px;} #container.mbmr > .contents.cbi .btn-wrap {display:flex;justify-content:space-between;align-items:center;} #container.mbmr > .contents.cbi .btn-wrap > a.normal {width:175px;font-size:13px;} #container.mbmr > .contents.cbi .btn-wrap > a.primary {width:calc(100% - 180px);font-size:13px;} #container.mbmr > .contents.cbi .login-form-table > div.form > input {text-align:center;} /* SIGN UP :: USER PROFILE */ #container.mbmr > .contents.userProfile {width:580px;} #container.mbmr > .contents.userProfile .guide {margin-top:20px;padding-top:20px;border-top:1px solid #9fadb9;} #container.mbmr > .contents.userProfile .guide ul {margin-top:15px;} #container.mbmr > .contents.userProfile .guide ul li + li {margin-top:5px;} #container.mbmr > .contents.userProfile .btn-wrap > a {width:calc(50% - 3px);font-size:13px;} #container.mbmr > .contents.userProfile .signup-form-table > div.form .ticker-layer-infor {width:570px;} #container.mbmr > .contents.userProfile .signup-form-table > div.form .ticker-layer-infor .conts ul li {position:relative;color:#494949;font-weight:400;padding-left:10px;} #container.mbmr > .contents.userProfile .signup-form-table > div.form .ticker-layer-infor .conts ul li:before {content:"";position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:50%;border:1px solid #494949;background-color:#fff;} #container.mbmr > .contents.userProfile .signup-form-table > div.form .ticker-layer-infor .conts ul li + li {margin-top:5px;} /* SIGN UP :: COMPANY INFORMATION */ #container.mbmr > .contents.companyinformation {width:580px;} #container.mbmr > .contents.companyinformation .signup-form-table > div.form {margin-top:20px;} #container.mbmr > .contents.companyinformation .signup-form-table > div.form + div.form {margin-top:20px;} #container.mbmr > .contents.companyinformation .signup-form-table > div.form > label {margin-top:0;} #container.mbmr > .contents.companyinformation .signup-form-table > div.form > div.txt {color:#999;font-size:15px;font-weight:600;} #container.mbmr > .contents.companyinformation .btn-wrap > a {width:calc(50% - 3px);font-size:13px;} /* SIGN UP :: COMPLETE */ #container.mbmr > .contents.complete {width:580px;} #container.mbmr > .contents.complete .txt {text-align:center;font-size:20px;line-height:1.4;padding:80px 0 50px;} #container.mbmr > .contents.complete .btn-wrap {text-align:center;} #container.mbmr > .contents.complete .btn-wrap > a {width:265px;font-size:13px;} /* SIGN UP :: TERMS */ #container.mbmr > .contents.terms {width:650px;} #container.mbmr > .contents.terms .terms-wrap {font-size:14px;line-height:1.5;font-weight:400;padding:15px;background-color:#fafafa;border-radius:7px;height:350px;margin-top:20px;} #container.mbmr > .contents.terms .terms-wrap p {margin-bottom:20px;} #container.mbmr > .contents.terms .terms-wrap p > span {display:block;margin-bottom:10px;font-size:13px;font-weight:600;} #container.mbmr > .contents.terms .terms-wrap div {margin-bottom:20px;} #container.mbmr > .contents.terms .btn-wrap {text-align:center;} #container.mbmr > .contents.terms .btn-wrap > a {width:300px;font-size:13px;} /* SIGN UP :: PRIVACY */ #container.mbmr > .contents.privacy {width:650px;} #container.mbmr > .contents.privacy .privacy-wrap {font-size:13px;line-height:1.5;font-weight:400;padding:15px;background-color:#fafafa;border-radius:7px;margin-top:20px;} #container.mbmr > .contents.privacy .privacy-wrap > table {} #container.mbmr > .contents.privacy .privacy-wrap > table thead tr th {font-weight:600;background-color:#e8ebed;padding:7px 10px;border:1px solid #cfd2d4;border-right:0;} #container.mbmr > .contents.privacy .privacy-wrap > table thead tr th:first-child {border-left:0;} #container.mbmr > .contents.privacy .privacy-wrap > table tbody tr td {background-color:#fff;padding:7px 10px;border:1px solid #ECEFF1;border-right:0;} #container.mbmr > .contents.privacy .privacy-wrap > table tbody tr td:first-child {border-left:0;} #container.mbmr > .contents.privacy .btn-wrap {text-align:center;} #container.mbmr > .contents.privacy .btn-wrap > a {width:300px;font-size:13px;} #container.mbmr > .contents .etc-link {display:flex;justify-content:center;margin-top:50px;} #container.mbmr > .contents .etc-link a {color:#0069b9;display:flex;align-items:center;} #container.mbmr > .contents .etc-link a + a:before {content:"";width:3px;height:3px;background-color:#0069b9;border-radius:50%;margin:0 20px;} /* 레이어팝업 공통 */ .layerCont.alert {max-width:500px;width:100%;} .layerCont.alert .icon-exclamation {display:flex;justify-content:center;} .layerCont.alert .icon-exclamation:before {content:"";display:inline-block;width:39px;height:39px;background:url('../../images/common/svg/icon-exclamation.svg') no-repeat center center;} .layerCont.send-code {max-width:500px;width:100%;} .layerCont.send-code .icon-check {display:flex;justify-content:center;} .layerCont.send-code .icon-check:before {content:"";display:inline-block;width:39px;height:39px;background:url('../../images/common/svg/icon_check.svg') no-repeat center center/75px 75px;}