/** 해상도별 조정 **/
@media screen and (max-width:899px)
{
    .login-form .main_area {display:none;}
    .login-form .main_menu {position:relative; width:100%; margin:0 auto; height:100%;  text-align: center;}
    .login-form .mlt1 {margin-top:100px;}
    .login-form .mltbox {margin:0 auto; margin-bottom:10px;}
    .login-form .mlline {margin:14.5px auto;}
    .login-form .mltbox2 {margin:0 auto; margin-bottom:10px;}
    .login-form .mltbox3 {margin-top:45px; }
    .login-form .mltbox4 {margin-top:45px; }
}
@media screen and (min-width:900px) and (max-width:1119px)
{
    .login-form .main_area {width:50%; max-width:1500px;}
    .login-form .mimg {clear:both; margin-top:50px;}
    .login-form .mimg img{width:80%; height:auto;}
}
@media screen and (min-width:1120px) and (max-width:1519px)
{
    .login-form .mimg {float:left; margin-top:50px;}
}
@media screen and (min-width:1520px) and (max-width:1820px)
{

    .login-form .mimg {float:right; margin-top:50px;}
}
@font-face {
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-display: swap;
    font-weight:300;
    src: local("Font Awesome 5 Free"),
    url("../fonts/fa-solid-900.woff2") format("woff2"),
    url("../fonts/fa-solid-900.woff") format("font-woff"),
    url("../fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
    font-family:"Spoqa Han Sans Neo";
    font-style:normal;
    font-display: swap;
    font-weight:300;
    src: local("Spoqa Han Sans Neo"),
    url("../fonts/SpoqaHanSansNeo-Regular.otf") format("opentype"),
    url("../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}
@font-face {
    font-family:"Lexend Deca";
    font-style:normal;
    font-display: swap;
    font-weight:300;
    src: local("Lexend Deca"),
    url("../fonts/LexendDeca-Regular.ttf") format("truetype")
}

/******** style ********/
.login {-webkit-font-smoothing: antialiased;}
.login .head_main_logo {margin-top:40px; margin-left:100px; }
.login .head_main_logo img {width:176.8px; height:auto;}
/*.login input:focus { outline: none !important; border: solid 2px #0748c0; border-radius: 3px;}*/
.login .hand {
    cursor: pointer;
}
.login .comm_back {
    position: fixed;
    bottom: 55px;
    left: 60px;
}
.login .cbimg {
    float: left;
    margin-right: 10px;
}
.login .cbt {
    float: left;
    font-family: Lexend Deca;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.3px;
    text-align: left;
    color: #333;
    margin-top: 15px;
}
.login .tbtn_login {
    font-family: Lexend Deca;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.6px;
    text-align: left;
    color: #536dfe;
    position: fixed;
    top: 55px;
    right: 76px;
    text-decoration: underline;
    cursor: pointer;
}
.login .agline {
    margin-top: 13.5px;
    margin-bottom: 13.5px;
    border-bottom: 1px solid #dfdfdf;
}

.login-form .main_logo {margin-left:100px; margin-top:40px;}
.login-form .main_logo img {width:176.8px; height:auto;}

.login-form .logom {position:absolute; width:100px; height:auto; left:25px; top:15px;}

.login-form .main_box {padding-left:100px; margin-top:119.8px;}
.login-form .mtxt1 {font-family: Spoqa Han Sans Neo;  font-size: 20px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.35;  letter-spacing: -0.5px;  text-align: left;  color: #333;}
.login-form .mtxt2 {font-family: Lexend Deca;  font-size: 58px;  font-weight: 800;  font-stretch: normal;  font-style: normal;  line-height: 1.21;  letter-spacing: -1.45px;  text-align: left;  color: #2b2b2b; margin-top:24px;}
.login-form .mtxt3 {font-family: Lexend Deca;  font-size: 58px;  font-weight: 800;  font-stretch: normal;  font-style: normal;  line-height: 1.21;  letter-spacing: -1.45px;  text-align: left;  color: #536dfe; margin-top:0px;}
.login-form .mtxt4 {font-family: Spoqa Han Sans Neo;  font-size: 28px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 0.96;  letter-spacing: -0.7px;  text-align: left;  color: #333; margin-top:35px;}
.login-form .mtxt5 {float:left; width:287px; font-family: Spoqa Han Sans Neo;  font-size: 15px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.8;  letter-spacing: -0.38px;  text-align: left;  color: #333; margin-top:20px; margin-right:72px;}
.login-form .mimg {float:left;}


.login-form .main_menu {position:fixed; top:0; right:0; width:490px; height:100vh; background-color:#fbfbff; text-align: center;}

.login-form .mlt1 {font-family: Lexend Deca;  font-size: 30px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.4;  letter-spacing: -0.75px;  text-align: center;  color: #536dfe; margin-top:216px; margin-bottom:28px;}
.login-form .mltbox {width:248px;  height: 50px; border-radius: 4px;  border: solid 1px #dfdfdf;  background-color: #fff; margin-bottom:10px; margin-left:121px; padding-top:15px; }
.login-form .mltbox {font-family: Spoqa Han Sans Neo; font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  color: #444;}
.login-form .mltb1:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #2b2b2b;}
.login-form .mltb2:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #3a5a9b;}
.login-form .mltb3:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #f7d64d;}
.login-form .mltb4:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #04cf5c;}
.login-form .mltb5:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #ea4335;}
.login-form .mltb6:hover {box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #2b2b2b;}

.login-form .tx_l {float:left; margin-right:9.1px; margin-left:20px; margin-right:40px;}
.login-form .tx_f {float:left; margin-right:9.1px; margin-left:20px; margin-right:40px;}
.login-form .tx_k {float:left; margin-right:9.3px; margin-left:20px; margin-right:40px;}
.login-form .tx_n {float:left; margin-right:8.9px; margin-left:20px; margin-right:40px;}
.login-form .tx_g {float:left; margin-right:9px; margin-left:20px; margin-right:40px;}
.login-form .tx_c {float:left; margin-right:9.1px; margin-left:20px; margin-right:40px;}
.login-form .mlt2 {float:left; font-family: Spoqa Han Sans Neo;  font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  text-align: left;  color: #444;}
.login-form .mlline {width:248px;  height:1px; background-color:#dfdfdf; margin-left:121px; margin-top:14.5px; margin-bottom:14.5px;}
.login-form .mltbox2 {width:248px;  height: 50px;   border-radius: 4px;  border: solid 1px #dfdfdf;  background-color: #ececff; margin-left:121px; padding-top:15px;}
.login-form .mltbox2 {font-family: Spoqa Han Sans Neo;  font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  text-align: center;  color: #444;}

.login-form .mltboxb {width:248px; margin:0 auto;}

.login-form .mltbox3 {float:left; width:50%; font-family: Spoqa Han Sans Neo;  font-size: 12px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.75;  letter-spacing: -0.3px;  text-align: right;  color: #333; margin-top:45px; text-decoration:underline; padding-right:20px;}
.login-form .mltbox3:hover {color: #536dfe;}
.login-form .mltbox4 {float:right; width:50%; font-family: Spoqa Han Sans Neo;  font-size: 12px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.75;  letter-spacing: -0.3px;  text-align: left;  color: #333; margin-top:45px; text-decoration:underline; padding-left:20px;}
.login-form .mltbox4:hover {color: #536dfe;}

.login-form .main_area {max-width:1500px; background-color: #fbfbff;}

.personal-login-form .popchgpw {width:612px; height:305px; background-color:#fff; padding-top:40px;}
.personal-login-form .pct1 {font-family: Spoqa Han Sans Neo; font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.05;  letter-spacing: -0.5px;  text-align: center;  color: #333;}
.personal-login-form .pct2 {width:400px; margin:0 auto; margin-top:50px;}
.personal-login-form .pct2 input {width:400px; height:50px; border:1px solid #dfdfdf; padding:0 20px;}
.personal-login-form .pct2 input:placeholder {font-family: Spoqa Han Sans Neo;  font-size: 14px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  text-align: left;  color: #929292;}

.personal-login-form .btn_box {width:224px; margin:0 auto; margin-top:50px;}
.personal-login-form .bt_cfm {float:left; width:106px; height:50px; background-color:#3d5afe; border-radius: 4px; padding-top:15px;}
.personal-login-form .bt_cfm {font-family: Spoqa Han Sans Neo;  font-size: 14px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  text-align: center;  color: #fff;}
.personal-login-form .bt_cac {float:left; width:106px; height:50px; background-color:#929292; border-radius: 4px; padding-top:15px; margin-right:12px;}
.personal-login-form .bt_cac {font-family: Spoqa Han Sans Neo;  font-size: 14px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  text-align: center;  color: #fff;}


.personal-login-form .company .lbt0 {color:#6200ea;}
.personal-login-form .company .lbt1 {color:#6200ea;}
.personal-login-form .company .btn_login {background-color:#6200ea;}
.personal-login-form input[type="checkbox"] + label span {
    background:url('/images/gbp/ic_checkp.svg') left top no-repeat;
}
.personal-login-form input[type="checkbox"]:checked + label span {
    background:url('/images/gbp/ic_checkp_on.svg') left top no-repeat;
}

.agree-form .jbt1 {
    font-family: Spoqa Han Sans Neo;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #3d5afe;
    margin-bottom: 45px;
}
.agree-form .jbt2 {
    font-family: Lexend Deca;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.35px;
    text-align: left;
    color: #333;
}
.agree-form .agree_box {
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fff;
    text-align: left;
    margin-top: 9px;
    padding: 20px 16px;
}

.agree-form input[type="checkbox"] + label {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
    margin-right: auto;
    display: -webkit-inline-flex;
}

.agree-form input[type="checkbox"] + label d {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
}
.agree-form input[type="checkbox"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -2px 4.2px 0 0;
    vertical-align: middle;
    background: url(/images/gbp/ic_check.svg) left top no-repeat;
    cursor: pointer;
}
.agree-form input[type="checkbox"]:checked + label span {
    background: url(/images/gbp/ic_check_on.svg) left top no-repeat;
}
.agree-form .chklf {
    float: left;
    height: 20px;
}
.agree-form .cisub {
    float: left;
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #3d5afe;
    margin-left: 6px;
    text-decoration: underline;
}
.agree-form .mt11 {
    height: 11px;
}
.agree-form .btn_next {
    font-family: Lexend Deca;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #3d5afe;
    margin-top: 24px;
    border: none;
}
.agree-form .lbt4 {
    width: 100%;
    font-family: Spoqa Han Sans Neo;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.3px;
    text-align: center;
    color: #333;
    padding-top: 20px;
    padding-left: unset;
}

.resetPassword {
    position: absolute;
    z-index: 9999;
    opacity: 1;
    width: 612px;
    height: 305px;
    background-color: #fff;
    padding-top: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.resetPassword .pct1 {
    font-family: Spoqa Han Sans Neo;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: -0.5px;
    text-align: center;
    color: #333;
}
.resetPassword .pct2 {
    width: 400px;
    margin: 0 auto;
    margin-top: 50px;
}
.resetPassword .pct2 input {
    width: 400px;
    height: 50px;
    border: 1px solid #dfdfdf;
    padding: 0 20px;
}
.resetPassword .btn_box {
    width: 224px;
    margin: 0 auto;
    margin-top: 50px;
}
.resetPassword .bt_cac {
    font-family: Spoqa Han Sans Neo;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.35px;
    text-align: center;
    color: #fff;
    float: left;
    width: 106px;
    height: 50px;
    background-color: #929292;
    border-radius: 4px;
    padding-top: 15px;
    margin-right: 12px;
}
.resetPassword .bt_cfm {
    font-family: Spoqa Han Sans Neo;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.35px;
    text-align: center;
    color: #fff;
    float: left;
    width: 106px;
    height: 50px;
    background-color: #3d5afe;
    border-radius: 4px;
    padding-top: 15px;
}

.term-detail .priv1 {
    position: fixed;
    height: 100%;
    overflow-y: hidden;
    margin-top: 0px;
    left: 50%;
    top: 0px;
    z-index: 9999;
    transform: translate(-50%, 0%);
    opacity: 1;
}


.term-detail .login_box {width:400px; margin:0 auto; margin-top:134.8px; text-align:center;}
.term-detail .jbt1 {font-family: Spoqa Han Sans Neo; font-size: 26px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.62;  letter-spacing: normal;  text-align: center;  color: #3d5afe;margin-bottom:45px;}
.term-detail .jbt2 {font-family: Lexend Deca;  font-size: 14px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  text-align: left;  color: #333;}

.term-detail .agree_box {width:100%; border:1px solid #dfdfdf; border-radius: 4px; background-color: #fff; text-align:left; margin-top:9px; padding:20px 16px;}
.term-detail .agline {margin-top:13.5px; margin-bottom:13.5px; border-bottom:1px solid #dfdfdf;}
.term-detail .mt11 {height:11px;}

.term-detail .btn_next {width:100%; height:50px; border-radius: 4px;  background-color: #3d5afe; margin-top:24px; border:none;}
.term-detail .btn_next {font-family: Lexend Deca;  font-size: 20px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 2.1;  letter-spacing: -0.5px;  text-align: center;  color: #fff;}
.term-detail .lchk_box {text-align:left; padding-bottom:20px; border-bottom:1px solid #dfdfdf;}

.chklf {float:left; height:20px;}
.cisub {float:left; font-family: Spoqa Han Sans Neo;	  font-size: 13px;	  font-weight: bold;	  font-stretch: normal;	  font-style: normal;	  line-height: 1.62;	  letter-spacing: -0.33px;	  text-align: left;	  color: #3d5afe; margin-left:6px; text-decoration:underline;}

.term-detail input[type="checkbox"] {
    display:none;
}
.term-detail input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:-2px 4.2px 0 0;
    vertical-align:middle;
    background:url('/images/gbp/ic_check.svg') left top no-repeat;
    cursor:pointer;
}
.term-detail input[type="checkbox"]:checked + label span {
    background:url('/images/gbp/ic_check_on.svg') left top no-repeat;
}

.term-detail input[type="checkbox"] + label {
    font-family: Spoqa Han Sans Neo;   font-size: 13px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.62;  letter-spacing: -0.33px;  text-align: left;  color: #333;
}


.term-detail input[type="checkbox"] + label c {
    font-family: Spoqa Han Sans Neo;	  font-size: 13px;	  font-weight: bold;	  font-stretch: normal;	  font-style: normal;	  line-height: 1.62;	  letter-spacing: -0.33px;	  text-align: left;	  color: #3d5afe; margin-left:6px;
}
.term-detail input[type="checkbox"] + label d {
    font-family: Spoqa Han Sans Neo;   font-size: 13px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.62;  letter-spacing: -0.33px;  text-align: left;  color: #333;
}

.term-detail .priv_area {width:1100px; max-width:1100px; margin:0 auto; padding:60px 50px; background-color:#fff; overflow:auto; height: 100%; text-align: left; white-space: break-spaces;}
.term-detail .priv_area {-ms-overflow-style: none; }
.term-detail .priv_area::-webkit-scrollbar { display:none;}
.term-detail .prvline {max-width:992px; margin:0 auto; border-top:1px solid #cfcfcf;}

.term-detail .prvt1 {font-size:32px; font-weight:bold; line-height:1.47; letter-spacing:-0.25px; color:#5A5A5A;  margin-bottom:10px;}
.term-detail .prvt2 {font-size:16px; font-weight:300; line-height:1.47; letter-spacing:-0.25px; color:#5A5A5A; padding-bottom:18px;}
.term-detail .prvt3 {font-size:14px; font-weight:300; line-height:1.8; letter-spacing:-0.5px; color:#1c1c1c; padding:38px 13px;}
.term-detail .prvt3 c {font-size:15px; font-weight:400; line-height:1.8; letter-spacing:-0.5px; color:#1c1c1c;  }

.term-detail .prvt4 {font-size:32px; font-weight:bold; line-height:1.47; letter-spacing:-0.25px; color:#5A5A5A;  margin-bottom:30px;}
.term-detail .prvt5 {font-size:15px; font-weight:300; line-height:24px; letter-spacing:-0.5px; color:#1c1c1c; padding:44px 11px;}

.term-detail .xbtn {position: absolute;top: 15px;right: 15px;}

.term-detail .lbt4 {width:100%; font-family: Spoqa Han Sans Neo;  font-size: 12px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.75;  letter-spacing: -0.3px;  text-align: center;  color: #333; padding-top:20px;}

.signup-form form {
    display: inline;
    margin: 0;
    padding: 0;
}

.signup-form .login_box {
    width: 400px;
    margin: 0 auto;
    margin-top: 134.8px;
    text-align: center;
    padding-bottom: 100px;
}

.signup-form .jbt1 {
    font-family: Spoqa Han Sans Neo;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #3d5afe;
    margin-bottom: 45px;
}

.signup-form .lbin {
    text-align: left;
}

.signup-form .lbin .c {
    color: #f00;
    margin-left: 5px;
}

.signup-form .lchk_box {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}

.signup-form .lbt2 {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
}

.signup-form .lbt3 {
    float: left;
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
    margin-right: 43px;
    padding-right: 0;
    width: auto;
}

.signup-form .lbt4 {
    float: left;
    width: auto;
}

.signup-form .lbt5 {
    float: left;
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
}

.signup-form .lbt6 {
    float: right;
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: right;
    color: #FE3D3D;
}

.signup-form input[type="radio"] {
    display: none;
}

.signup-form input[type="radio"]:first-child + label {
    margin-right: 25px;
}

.signup-form input[type="radio"] + label {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
}
.signup-form label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.signup-form input[type="radio"]:checked + label span {
    background: url(/images/gbp/ic_radio_on.svg) left top no-repeat;
}
.signup-form input[type="radio"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -2px 4.2px 0 0;
    vertical-align: middle;
    background: url(/images/gbp/ic_radio.svg) left top no-repeat;
    cursor: pointer;
}

.signup-form .lbin i {
    position: absolute;
    margin-left: -35px;
    margin-top: 27px;
    font-size: 18px;
    color: #3D5AFE;
}

.signup-form .fa, .fas {
    font-weight: 900;
}
.signup-form .fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.signup-form .fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -0.0667em;
}
.signup-form .fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.signup-form .fa-eye-slash:before {
    content: "\f070";
}

.signup-form .btn_next {
    font-family: Lexend Deca;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #3d5afe;
    margin-top: 24px;
    border: none;
    padding-top: 5px;
}

.signup-form input[type="checkbox"] {
    display:none;
}
.signup-form .lchk_box2 {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
}
.signup-form .btn_bladd {
    float: left;
    width: 146px;
    height: 40px;
    border-radius: 20px;
    border: solid 1px #3d5afe;
    background-color: #fff;
    padding-top: 7px;
    margin-bottom: 16px;
}
.signup-form .btn_bladd {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: -0.33px;
    text-align: center;
    color: #3d5afe;
}
.signup-form .lsel {
    background: url(/images/gbp/sel_dar.svg) no-repeat 92% 50%/25px auto #fff;
    float: left;
    width: 93px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #dfdfdf;
    margin-top: 9px;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 0 10px;
    -webkit-appearance: none;
}
.signup-form .lbiw2 {
    float: left;
    width: 75% !important;
}
.signup-form .lbiw3 {
    width: 144px !important;
}
.signup-form .lbinl {
    float: left;
    width: 240px;
}
.signup-form #cimg {
    width: 230px;
    height: 132px;
    margin-top: 8px;
}
.signup-form #cimg img {
    width: 100%;
    height: auto;
}
.signup-form .lbinr {
    float: right;
    width: 144px;
}
.signup-form .lbbox {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #dfdfdf;
    background-color: #fff;
    margin-top: 9px;
    margin-bottom: 16px;
    padding: 10px;
}
.signup-form .mb8 {
    margin-bottom: 8px;
}
.signup-form .mb18 {
    margin-bottom: 18px;
}
.signup-form .lbbl {
    float: left;
    width: 50%;
    text-align: left;
}
.signup-form .lbbr {
    float: left;
    width: 50%;
    text-align: left;
}
.signup-form input[type="checkbox"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 2px 4.2px 0 0;
    vertical-align: middle;
    background: url(/images/gbp/ic_chk3.png) left top no-repeat;
    cursor: pointer;
}
.signup-form input[type="checkbox"]:checked + label span {
    background: url(/images/gbp/ic_chk3_on.png) left top no-repeat;
}
.signup-form input[type="checkbox"] + label {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #5a5a5a;
}
.signup-form label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.signup-form input[type="checkbox"]:first-child + label {
    margin-right: 0;
}
.signup-form .note-editor.note-frame, .note-editor.note-airframe {
    border: 1px solid #00000032 !important;
    margin-bottom: 20px;
}

.signup-form .addfl {
    text-decoration: underline;
    font-family: Spoqa Han Sans Neo;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: -0.3px;
    text-align: left;
    color: #3d5afe;
    float: left;
    margin-left: 7px;
    padding-top: 8px;
}
.profile-form .jbt1 {
    font-family: Spoqa Han Sans Neo;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #3d5afe;
    margin-bottom: 45px;
}

.profile-form #prfbox {
    margin-top: 30px;
    margin-bottom: 44px;
}

.profile-form .lbin2 .jbt2 {
    font-family: Spoqa Han Sans Neo;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: -0.33px;
    text-align: left;
    color: #333;
}

.profile-form .lbin2 .jbt2 .c {
    color: #f00;
    margin-left: 5px;
}

.profile-form .lbin2 input {
    font-family: Spoqa Han Sans Neo;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.35px;
    text-align: left;
    color: #000;
    float: left;
    width: 285px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #dfdfdf;
    margin-top: 9px;
    padding: 0 20px;
    margin-right: 9px;
}

.profile-form .btn_check {
    font-family: Spoqa Han Sans Neo;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.35px;
    text-align: center;
    color: #fff;
    float: left;
    width: 106px;
    height: 50px;
    border-radius: 4px;
    padding-top: 14px;
    margin-top: 9px;
    background-color: rgb(146, 146, 146);
}

.profile-form .photo_samb_cic {
    width: 126px;
    height: 126px;
    margin: 0 auto;
    border-radius: 50%;
}

.profile-form .btn_upload {
    margin-top: 90px;
    margin-left: 88px;
    cursor: pointer;
}

.profile-form .lbin2 .active {
    background-color: rgb(61, 90, 254);
}

.account-management {
    width: 548px;
    height: 300px;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px rgb(0, 0, 0, .15);
    left: 0;
    overflow-y: scroll;
    padding: 32px 24px;
    z-index: 9999;
    margin: 0px auto;
    position: relative;
    top: 100px;
    text-align: left;
}

. mobile .account-management {
    width: 350px;
    height: 300px;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px rgb(0, 0, 0, .15);
    left: 0;
    overflow-y: scroll;
    padding: 32px 24px;
    z-index: 9999;
    margin: 0px auto;
    position: relative;
    top: 100px;
    text-align: left;
}

.account-management .title {
    border-bottom: #E6E6E6 1px solid;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 8px;
}

.account-management .ic_x {
    position: absolute;
    right: 20px;
    top: 20px;
}

.account-management .login-form {
    display: inline-block;
    padding: 20px 10px;
    position: absolute;
}

.mobile .account-management .mltbox {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 0;
    padding-top: 0;
}

.account-management .login-form .mltbox {
    margin-left: 10px;
}

.account-manegement .login-form .mlt2 {
    float: initial;
}

.account-management button {
    background-color: #fff;
    border: #929292 1px solid;
    border-radius: 4px;
    color: #929292;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 18px;
}

.account-management :nth-child(5) {
    top: 68px;
    left: 360px;
}
.mobile .account-management :nth-child(5) {
    top: 68px;
    left: 200px;
}
.account-management button:hover {border:#536DFE 1px solid; color:#536DFE;}
.mobile .account-management .login-form .mltbox {width:150px;  height: 50px; border-radius: 4px;  border: solid 1px #dfdfdf;  background-color: #fff; margin-bottom:10px;}
.mobile .account-management .login-form .mltbox {font-family: Spoqa Han Sans Neo; font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.35px;  color: #444;}
.mobile .account-management .login-form .tx_l,
.mobile .account-management .login-form .tx_k,
.mobile .account-management .login-form .tx_n {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.account-management .login-form .tx_l {float:left; margin-right:9.1px; margin-left:20px; margin-right:40px;}
.account-management .login-form .tx_k {float:left; margin-right:9.3px; margin-left:20px; margin-right:40px;}
.account-management .login-form .tx_n {float:left; margin-right:8.9px; margin-left:20px; margin-right:40px;}
.account-management .login-form .link {
    height: 50px;
    margin-bottom: 10px;
    padding: 8px 0;
}
.account-management .login-form .disabled {
    background-color: #dedede !important;
}
.mobile .login-form .main_menu {
    position: relative;
}
.mobile .login-form .mlline,
.mobile .login-form .mltbox,
.mobile .login-form .mltbox2{
    margin-left: auto;
}
.mobile .head_main_logo {
    width: 170px;
    margin: 0 auto;
    margin-top: 120px;
}
.mobile .head_main_logo img {
    width: 100%;
    height: auto;
}
.mobile .login_box {
    width: 315px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}
.mobile #step3 {
    /*width: 352px;*/
    margin-top: 80px;
}

.mobile #step5 {
    margin-top: 80px;
}

.mobile .tbtn_login {
    font-family: Lexend Deca;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.6px;
    text-align: left;
    color: #536dfe;
    position: absolute;
    top: 0px;
    right: 20px;
    text-decoration: underline;
    cursor: pointer;
    margin-top: -70px;
}
.mobile .jbt1 {
    font-family: Spoqa Han Sans Neo;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #3d5afe;
    margin-bottom: 45px;
}

.mobile .jbt2 {
    font-family: Lexend Deca;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.35px;
    text-align: left;
    color: #333;
}

.mobile .agree_box {
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fff;
    text-align: left;
    margin-top: 9px;
    padding: 20px 16px;
}

.mobile .lchk_box {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}

.mobile .btn_next {
    font-family: Lexend Deca;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #3d5afe;
    margin-top: 24px;
    border: none;
}

.mobile .login_box .lbt4 {
    width: 100%;
    font-family: Spoqa Han Sans Neo;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.3px;
    text-align: center;
    color: #333;
    padding-top: 20px;
}

.mobile .stepbox .lbt4 {
    width: auto;
    padding-top: 0;
    padding-left: 0;
}

.mobile .term-detail .priv_area {
    width: 320px;
}

.mobile .lbinl {
    float: none;
    width: 240px;
}

.mobile .lbinr {
    float: none;
    width: 144px;
    margin-top: 20px;
}

.mobile .login_box {
    margin-top: 0;
}
.mobile .login .lbt0 {
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    margin: 0 auto;
}

.mobile .login .lbt1 {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 48px;
}

.mobile .llnk_box .lbt4 {
    float: left;
    width: 50%;
    font-family: Spoqa Han Sans Neo;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.3px;
    text-align: left;
    color: #333;
    padding-left: 20px;
    padding-top: 0;
}