@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

/* Reset CSS  */
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    -webkit-text-size-adjust: none;
    /* font-family: 'Spoqa Han Sans', 'sans-serif'; */
    font-family: 'NanumSquareLight', 'NanumSquare', 'NanumSquareBold', 'NanumSquareExtraBold', 'NanumSquareAcb', 'NanumSquareAceb', 'NanumSquareAcl', 'NanumSquareAcr', 'sans-serif';
}

body {
    font-size: 14px;
    transform: skew(0.03deg);
    color: #333;
    background-color: #f5f7f6;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
ol,
dl {
    list-style: none;
}

img,
video {
    border: 0;
    vertical-align: top;
}

a,
a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
}

a:hover,
a:active {
    color: #333;
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select {
    vertical-align: middle;
}

label {
    cursor: pointer;
}

.blind,
legend,
hr,
caption {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -1000em;
}

i,
em,
address {
    font-style: normal;
    font-weight: normal;
}

p,
dd {
    line-height: 1.5em
}

.hidden {
    position: absolute;
    left: -1000px;
    top: 0;
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: #fff
}

/* intro_layout */
#login_main_wrap {
    position: relative;
    width: 100%;
}

#login_main_wrap .web_intro_inner {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* ------------------------------------ */

.left_ct .logo {
    width: 350px;
}

.left_ct .logo a {
    display: block;
    width: 100%;
    height: 40px;
    background-image: url(../../images/connectplace/common/cp_logo_white.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_ct #intro_ct {
    width: 100%;
    position: absolute;
    bottom: 50px;
    font-family: 'NanumSquareLight', 'NanumSquare', 'NanumSquareBold', 'NanumSquareExtraBold', 'NanumSquareAcb', 'NanumSquareAceb', 'NanumSquareAcl', 'NanumSquareAcr';
}

.left_ct #intro_ct .ct_tit {
    width: 100%;
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 900;
    line-height: 1.8;
    color: #Fff;
    text-align: left;
}

.left_ct #intro_ct .ct_txt {
    width: 100%;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-top: 20px;
    text-align: left;
    line-height: 1.8;
    transform: skew(0.03deg);
    font-weight: 500;
    color: #fff;
}

/* ------------------------------------ */
.right_ct #intro_header {
    width: 100%;
}

.right_ct #intro_header .main_txt {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    font-weight:300;
    padding:0 10px;
    box-sizing: border-box;
    letter-spacing: -0.5px;
    font-family: 'Spoqa Han Sans', 'sans-serif';
    white-space: nowrap;
    color: #777;
}

.right_ct #intro_header .main_txt>.txt_line {
    width: 100%;
    margin-left: 20px;
    border-bottom: 1px solid #ccc;
    font-family: 'Spoqa Han Sans', 'sans-serif';
    color: #ccc;
}

.right_ct #intro_header .main_tit {
    width: 100%;
    line-height: 80px;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    font-family: 'Spoqa Han Sans', 'sans-serif';
    letter-spacing: -0.5px;
    color: #1b274d;
}

.right_ct #intro_header .login-lang li:last-child {
    margin-right: 0;
}

.right_ct #intro_header .login-lang li:last-child::after {
    width: 0;
    margin-left: 0;
}

.right_ct #intro_header .login-lang li:hover {
    opacity: 0.7;
}

.right_ct #intro_header .login-lang li.click {
    color: #1b274d;
    font-weight: 600;
}

.right_ct #intro_login form.login_box span.company_icon {
    position: absolute;
    top: 20px;
    left: 25px;
    display: block;
    width: 30px;
    opacity: 40%;
    z-index: 2;
}

.right_ct #intro_login form.login_box span.company_icon img {
    display: block;
    width: 100%;
}

.right_ct #intro_login form.login_box input.domain_box {
    text-align: left;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding-left: 70px;
    background-image: unset;
    letter-spacing: 0.5px;
}

.right_ct #intro_login form.login_box input.domain_s_btn {
    margin-top: 20px;
    background-image: linear-gradient( 45deg,  #1f3567,#1b274d);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transform: skew(0.03deg);
    cursor: pointer;
    letter-spacing: 1px;
}

.right_ct #intro_login form.login_box input.domain_box:focus{
    border: 1px solid #fff
}

/* 셀렉트 박스 공통 */
.domain_box {
    position: relative;
    width: 100%;
    height: 70px;
    padding-left: 70px;
    padding-right: 30px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #ffffff url(../../images/connectplace/intro/ico_triangle_down_b.svg) no-repeat top 50% right 25px/ 11px;
    font-size: 17px;
    transform: skew(0.03deg);
    font-weight: 600;
    color: #151515;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1;
}

.domain_box:not(.select-box) {
    cursor: text;
}

.domain_box.active {
    background: #ffffff url(../../images/connectplace/intro/ico_triangle_up_b.svg) no-repeat top 50% right 25px / 10px;
}

.domain_box.no-select {
    background-image: none;
}

.domain_box .btn-select {
    width: 100%;
    height: 100%;
    padding-right: 15px;
    box-sizing: border-box;
    text-align: left;
    font-size: 17px;
    transform: skew(0.03deg);
    font-weight: 500;
    color: #4c5266;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.btn-select+.select-list.visible {
    display: block;
}

.domain_box.active .select-list {
    display: block;
}

.domain_box .select-list {
    display: none;
    position: absolute;
    z-index: 10;
    top: 71px;
    left: 0;
    max-height: 200px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.14);
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0;
}

.domain_box .select-list li {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
}

.domain_box .select-list li button {
    padding: 0 10px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #333;
    font-size: 17px;
    transform: skew(0.03deg);
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.domain_box .select-list li button:hover,
.domain_box .select-list li button:focus {
    background-color: rgba(0, 0, 0, 0.03);
    color: #406df3;
    font-weight: 500;
}

.domain_box .select-list::-webkit-scrollbar {
    width: 8px;
}

.domain_box .select-list::-webkit-scrollbar-thumb {
    background: #dcdfe6;
}

.domain_box .select-list::-webkit-scrollbar-track {
    background: transparent;
}

.domain_box .select-list::-webkit-scrollbar-thumb:hover {
    background: #e9e9e9;
    cursor: pointer;
}


.right_ct #intro_login .new_company {
    width: 100%;
    margin: 30px auto 0;
    line-height: 40px;
    display: flex;
    justify-content: center;
}

.right_ct #intro_login .new_company a {
    font-size: 15px;
    transform: skew(0.03deg);
    color: #4c5266;
    border-bottom: 1px solid #ccc;
    margin-left: auto;
    line-height: unset;
}

/* wrong_pop */
#wrong_pop {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 400px;
    max-width: 550px;
    height: auto;
    padding: 30px 40px;
    box-sizing: border-box;
    background-color: #fffffff7;
    border: 2px solid #9fd7ffe2;
    transform: translate(-50%,-50%);
}

#wrong_pop .wrong_icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

#wrong_pop .wrong_icon img {
    display: block;
    width: 100%;
}

#wrong_pop .wrong_txt {
    width: 100%;
    margin: 15px 0;
    line-height: 1.2;
    word-break: keep-all;
    text-align: center;
    font-size: 16px;
    transform: skew(0.03deg);
}

#wrong_pop .wrong_btn {
    display: block;
    width: auto;
    min-width: 80px;
    padding: 0 20px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background-color: #082244;
    color: #fff;
    font-size: 16px;
    transform: skew(0.03deg);
    white-space: nowrap;
}

/* qr */
.right_ct #intro_login .qr {
    display: block;
    width: 100%;
    margin: 0 auto;
    line-height: 38px;
    font-size: 16px;
    transform: skew(0.03deg);
    text-align: center;
}

.right_ct #intro_login .qr_login_wrap {
    float: right;
    width: 170px;
    height: 40px;
}

.right_ct #intro_login .qr_login_wrap a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #5a6681;
    box-sizing: border-box;
    text-decoration: none;
    color: #4c5266;
    line-height: 50px;
}
.right_ct #intro_login .cp {
    display: block;
    width: 100%;
    margin: 0 auto;
    line-height: 38px;
    font-size: 16px;
    transform: skew(0.03deg);
    text-align: center;
}

.right_ct #intro_login .box_qr>img {
    display: block;
    width: 100%;
}

.right_ct #intro_login .refresh {
    display: flex;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: url(../../../figma/svg/refresh_lightgray_16.svg) no-repeat center;
}

.right_ct #intro_login .scan {
    background: url(../../images/connectplace/intro/qr_scan.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: -5px;
}

/* 새로운 회사 만들기 */
.background1 {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.4);
}

.create_company1 {
    display: none;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -435px;
    margin-left: -225px;
    width: 450px;
    height: 870px;
    background-color: #fff;
    padding: 50px 30px;
    box-sizing: border-box;
    transition: all 1s;
}

.create_company1.left {
    margin-left: -530px;
    z-index: 9;
    pointer-events: none;
}

.background2 {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.5);
}

.create_company1 .close_btn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.create_company1 h4 {
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 50px;
}

.create_company1 .create_wrap {
    width: 100%;
    height: 385px;
    margin-top: 50px;
    padding: 30px 28px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
}

.create_company1 .create_wrap .create_box {
    width: 100%;
    height: 230px;
    padding: 30px 40px;
    box-sizing: border-box;
    background-color: #ebf8fe;
    text-align: center;
    font-size: 18px;
    transform: skew(0.03deg);
    font-weight: 600;
    box-shadow: 1px 1px 3px #ccc;
    cursor: pointer;
}

.create_company1 .create_wrap .create_box>img {
    margin-top: 20px;
}

.create_company1 .create_wrap .explain_txt {
    margin-top: 30px;
    font-size: 16px;
    transform: skew(0.03deg);
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}

.create_company1 .sub_txt {
    margin-top: 50px;
    font-size: 16px;
    transform: skew(0.03deg);
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}

.create_company1 .sub_txt>span {
    font-size: 18px;
    transform: skew(0.03deg);
    font-weight: 600;
}

/* 관리자 계정 만들기 */
.create_company2 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -435px;
    margin-left: -70px;
    width: 600px;
    height: 870px;
    background-color: #fff;
    padding: 30px 30px 20px;
    box-sizing: border-box;
    z-index: 10;
}

.background3 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(34, 34, 34, 0.5);
    z-index: 9;
}

.create_company2 .table_head {
    width: 100%;
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.create_company2 .table_head .back_btn {
    cursor: pointer;
}

.create_company2 .table_head .title {
    width: 100%;
    margin-top: -7px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.create_company2 .table_body {
    width: 100%;
    height: 700px;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.create_company2 .table_body .input_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
}

.create_company2 .table_body .input_box li {
    width: 100%;
}

.create_company2 .table_body .input_box li:not(:first-child) {
    margin-top: 5px;
}

.create_company2 .table_body .input_box li:nth-child(5) {
    position: relative;
}

.create_company2 .table_body .input_box li:nth-child(4) {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.create_company2 .table_body .input_box li:nth-child(4)>.name,
.create_company2 .table_body .input_box li:nth-child(4)>.num {
    width: 49.5%;
}

.create_company2 .table_body .input_box li .title {
    font-size: 15px;
    transform: skew(0.03deg);
    font-weight: 400;
}

.create_company2 .table_body .input_box li .title>span {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 15px;
    color: #aaa;
    border: 1px solid #aaa;
    border-radius: 10px;
    text-align: center;
    margin-top: 4px;
    margin-left: 5px;
    font-size: 8px;
    transform: skew(0.03deg);
    font-weight: 600;
    cursor: pointer;
}

.create_company2 .table_body .input_box li input {
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-top: 5px;
    box-sizing: border-box;
    font-size: 14px;
    transform: skew(0.03deg);
    font-weight: 400;
}

.create_company2 .table_body .input_box li .com_domain input,
.create_company2 .table_body .input_box li .com_id input,
.create_company2 .table_body .input_box li .email1 input,
.create_company2 .table_body .input_box li .email2 input {
    width: 83%;
    height: 36px;
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-top: 5px;
    box-sizing: border-box;
    font-size: 14px;
    transform: skew(0.03deg);
    font-weight: 400;
}

.create_company2 .table_body .input_box li .com_domain,
.com_id,
.email1,
.email2,
.password1,
.password2 {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.create_company2 .table_body .input_box li .com_domain input {
    width: 55%;
}

.create_company2 .table_body .input_box li .com_domain span {
    display: inline-block;
    margin-top: 13px;
    padding: 0 10px;
    letter-spacing: 0.2px;
    font-size: 15px;
    transform: skew(0.03deg);
    font-weight: 400;
}

.create_company2 .table_body .input_box li .com_domain div,
.com_id div,
.create_company2 .table_body .input_box li .email1 div {
    position: relative;
    margin-top: 5px;
    width: 80px;
    height: 36px;
    font-size: 13px;
    transform: skew(0.03deg);
    text-align: center;
    color: #fff;
    line-height: 36px;
    background-color: #43a7ec;
    cursor: pointer;
}


.create_company2 .table_body .input_box li .email2 .count_time {
    position: absolute;
    top: 14px;
    right: 100px;
    text-align: center;
    color: red;
}

.create_company2 .table_body .input_box li .email2 .confirm_btn {
    position: relative;
    margin-top: 5px;
    width: 80px;
    height: 36px;
    font-size: 13px;
    transform: skew(0.03deg);
    text-align: center;
    color: #fff;
    line-height: 36px;
    background-color: #7cbeeb;
    cursor: pointer;
}

.create_company2 .table_body .input_box li .email2 .confirm_btn.on {
    background-color: #43a7ec;
}

.create_company2 .table_body .input_box li .msg_box {
    font-size: 14px;
    transform: skew(0.03deg);
}

.create_company2 .table_body .input_box li .msg_box div {
    display: none;
    margin-top: 3px;
    color: #00b200;
}

.create_company2 .table_body .input_box li .msg_box div.wrong {
    color: #ea0000;
}

.create_company2 .table_body .input_box li .tooltip {
    display: none;
    position: absolute;
    left: 100px;
    top: -25px;
    width: 280px;
    line-height: 1.75em;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #efefef;
    font-size: 12px;
    transform: skew(0.03deg);
    text-align: left;
    color: #333;
    box-shadow: 1px 1px 1px #cccccc80;
}

.create_company2 .table_body .input_box li .display {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 26px;
    height: 18px;
    background-image: url(../../images/connectplace/intro/display_off_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.create_company2 .table_body .input_box li .display.on {
    top: 15px;
    height: 16px;
    background-image: url(../../images/connectplace/intro/display_on_btn.png);
}

.create_company2 .table_body .rule_box {
    width: 100%;
    height: 145px;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 0 10px 0;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.create_company2 .table_body .rule_box li {
    width: 100%;
    margin-top: 7px;
    font-size: 15px;
    transform: skew(0.03deg);
}

.create_company2 .table_body .rule_box li:first-child {
    width: 100%;
    padding: 0px 0 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    transform: skew(0.03deg);
    font-weight: 600;
}

.create_company2 .table_body .rule_box li input {
    display: none;
}

.create_company2 .table_body .rule_box li input+label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url(../../images/connectplace/intro/checkbox_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.create_company2 .table_body .rule_box li input:checked+label:before {
    background-image: url(../../images/connectplace/intro/checkbox_on_btn.png);
}

.create_company2 .table_body .rule_box li .detail_btn {
    width: 20px;
    height: 20px;
    float: right;
    padding-top: 2px;
    box-sizing: border-box;
    cursor: pointer;
}

.create_company2 .table_footer {
    width: 100%;
    height: 50px;
    margin-top: 15px;
    background-color: #43a7ec;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    transform: skew(0.03deg);
    font-weight: 400;
    cursor: pointer;
}

/* 알림 팝업 */
.alert_box {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -235px;
    width: 470px;
    height: auto;
    padding: 30px 50px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    z-index: 11;
    box-shadow: 1px 1px 3px #ccc;
}

.alert_box h2 {
    font-size: 22px;
    font-weight: 600;
}

.alert_box p {
    margin-top: 20px;
    font-size: 16px;
    transform: skew(0.03deg);
    font-weight: 400;
}

.alert_box p span {
    color: #0089f2;
}

.alert_box .btn_box {
    width: 100%;
    height: 40px;
    margin-top: 25px;
}

.alert_box .btn_box .ok_btn {
    margin: 0 auto;
    width: 110px;
    height: 40px;
    background: #43a7ec;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    transform: skew(0.03deg);
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

/* 이용약관, 개인정보처리방침 */
.detail_box {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -435px;
    margin-left: -70px;
    width: 600px;
    height: 870px;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    box-sizing: border-box;
    z-index: 10;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.detail_box .close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.detail_box h4 {
    font-weight: 600;
    font-size: 18px;
    transform: skew(0.03deg);
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
}

.detail_box .detail {
    width: 540px;
    height: 760px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
}

.detail_box .detail select {
    margin-top: 15px;
    margin-left: -5px;
}

.detail_box .detail table {
    border: 1px solid #000;
    text-align: center;
    margin-bottom: 1.2rem;
}

.detail_box .detail table td {
    border: 1px solid #000;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

/* ========================================================= */
/* 로그인 v3 – 회사코드 / 아이디·비밀번호 / QR              */
/* (기존 intro 레이아웃 오버라이드, index.css 기준)           */
/* ========================================================= */
#login_main_wrap.login-page,
#login_solo_wrap.login-page { min-height: 100vh; background-color: #f5f5f5; display: flex; flex-direction: column; position: relative; width: 100%; }
#login_main_wrap.login-page .web_intro_inner,
#login_solo_wrap.login-page .web_intro_inner { display: flex !important; align-items: center; justify-content: center; flex: 1; width: 100%; height: auto !important; min-height: calc(100vh - 60px); overflow: visible; background: transparent; gap: 80px; }
#login_main_wrap.login-page .web_intro_inner .left_ct,
#login_solo_wrap.login-page .web_intro_inner .left_ct { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; min-width: 500px; }
#login_main_wrap.login-page .web_intro_inner .right_ct,
#login_solo_wrap.login-page .web_intro_inner .right_ct { display: inline-flex; padding: 60px; flex-direction: column; align-items: flex-start; gap: 40px; border-radius: 30px; background: var(--clr-w100); box-shadow: var(--ds-e200); }
#login_main_wrap.login-page #intro_login { display: flex; width: 400px; flex-direction: column; align-items: center; gap: 32px; }
.right_ct #intro_login form.login_box { display: flex; width: 400px; flex-direction: column; align-items: center; }
.right_ct #intro_login form.login_box .login-page__group.login-page__group--form { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; }
#login_main_wrap.login-page .login-page__inner,
#login_solo_wrap.login-page .login-page__inner { flex: 1; display: flex; align-items: center; justify-content: center; gap: 80px; width: 100%; max-width: 1200px; margin: 0 auto; padding: 60px 40px; box-sizing: border-box; }
#login_main_wrap.login-page .login-page__brand-logo,
#login_solo_wrap.login-page .login-page__brand-logo { width: 490px; height: 56px; aspect-ratio: 35/4; }
#login_main_wrap.login-page .login-page__brand-logo img,
#login_solo_wrap.login-page .login-page__brand-logo img { width: 490px; height: 56px; aspect-ratio: 35/4; }
#login_main_wrap.login-page .login-page__brand-logo .brand-name,
#login_solo_wrap.login-page .login-page__brand-logo .brand-name { font-size: 28px; font-weight: 700; color: #1b274d; letter-spacing: -0.5px; line-height: 1.2; }
#login_main_wrap.login-page .login-page__slogan,
#login_solo_wrap.login-page .login-page__slogan { color: var(--txt-color-t900, #1F1F1F); font-size: var(--txt-size-32); font-weight: var(--txt-weight-medium); line-height: var(--txt-line-height); letter-spacing: var(--txt-letter-spacing); font-family: var(--txt-font-family); }
#login_main_wrap.login-page .login-page__card-header,
#login_solo_wrap.login-page .login-page__card-header { display: flex; align-items: center; gap: 16px; align-self: stretch; }
#login_main_wrap.login-page .login-page__card-header h2,
#login_main_wrap.login-page .login-page__card-header h3,
#login_main_wrap.login-page .login-page__card-header h4,
#login_solo_wrap.login-page .login-page__card-header h2,
#login_solo_wrap.login-page .login-page__card-header h3,
#login_solo_wrap.login-page .login-page__card-header h4 { flex: 1 0 0; color: var(--txt-color-t900, #1F1F1F); font-family: var(--txt-font-family); font-size: var(--txt-size-28); font-weight: var(--txt-weight-semibold); line-height: var(--txt-line-height); letter-spacing: var(--txt-letter-spacing); margin: 0; }
#login_main_wrap.login-page .login-page__card-header .login-lang,
#login_solo_wrap.login-page .login-page__card-header .login-lang { display: flex; align-items: center; border-radius: 6px; border: 1px solid var(--clr-w300, #E3E3E3); background: var(--clr-n30, #F6F6F8); margin: 0; padding: 0; list-style: none; }
#login_main_wrap.login-page .login-page__card-header .login-lang li,
#login_solo_wrap.login-page .login-page__card-header .login-lang li { display: flex; height: 36px; min-width: 36px; max-width: 160px; padding: 0 16px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; color: var(--txt-color-t70, #999); text-align: center; font-size: var(--txt-size-14); font-weight: var(--txt-weight-medium); cursor: pointer; }
#login_main_wrap.login-page .login-page__card-header .login-lang li::after,
#login_solo_wrap.login-page .login-page__card-header .login-lang li::after { display: none !important; }
#login_main_wrap.login-page .login-page__card-header .login-lang li.click,
#login_solo_wrap.login-page .login-page__card-header .login-lang li.click { color: var(--txt-color-p600); border-radius: 6px; border: 1px solid var(--clr-p600, #267BFF); background: var(--clr-w100); }
#login_main_wrap.login-page .login-field-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch;}
#login_main_wrap.login-page .login-page__field { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; }
#login_main_wrap.login-page .login-page__field > label { color: var(--txt-color-t900, #1F1F1F); font-size: var(--txt-size-14); font-weight: var(--txt-weight-medium); line-height: var(--txt-line-height); letter-spacing: var(--txt-letter-spacing); }
#login_main_wrap.login-page .login-page__field .domain_box:not(.select-box) { background-image: none; padding-right: 16px; cursor: text; }
#login_main_wrap.login-page .login-page__field .domain_box.active { background-image: url(../../images/connectplace/intro/ico_triangle_up_b.svg); }
#login_main_wrap.login-page .login-page__field .domain_box .select-list { top: 49px; border-radius: 6px; }
#login_main_wrap.login-page .login-page__field .domain_box .btn-select { font-size: 15px; font-weight: 400; color: #333; padding-right: 0; height: 100%; }
#login_main_wrap.login-page .login-page__field input:focus,
#login_main_wrap.login-page .login-page__field .domain_box:focus { outline: none; border-color: #4a90e2 !important; }
#login_main_wrap.login-page .right_ct #intro_login form.login_box input { align-self: stretch; }
#login_main_wrap.login-page .right_ct #intro_login form.login_box input.domain_s_btn:hover,
#login_main_wrap.login-page .domain_s_btn:hover { background-color: #222 !important; opacity: 1; }
#login_main_wrap.login-page .right_ct #intro_login form.login_box > .or { display: flex; align-items: center; align-self: stretch; width: 100%; gap: 16px; margin: 32px 0; padding: 0; height: auto; line-height: 1; }
#login_main_wrap.login-page .right_ct #intro_login form.login_box > .or::before,
#login_main_wrap.login-page .right_ct #intro_login form.login_box > .or::after { content: ""; flex: 1; height: 1px; background: #e3e3e3; }
#login_main_wrap.login-page .right_ct #intro_login form.login_box > .or span { font-size: var(--txt-size-12); color: var(--txt-color-t70, #999); font-weight: var(--txt-weight-medium); }
#login_main_wrap.login-page .mz_isp_login { align-self: stretch; gap: 10px; font-size: var(--txt-size-14) !important; font-weight: var(--txt-weight-regular) !important; color: var(--txt-color-t700) !important; }
#login_main_wrap.login-page .mz_isp_login::before { content: ""; width: 18px; height: 18px; background: url(../../images/connectplace/common/login_workit_icon.svg) no-repeat center / 18px 18px; flex -shrink: 0;  }
#login_main_wrap.login-page .google-login { align-self: stretch; gap: 10px; font-size: var(--txt-size-14) !important; font-weight: var(--txt-weight-regular) !important; color: var(--txt-color-t700) !important; }
#login_main_wrap.login-page .google-login::before { content: ""; width: 18px; height: 18px; background: url(../../images/connectplace/common/login_google_icon.png) no-repeat center / 18px 18px; flex -shrink: 0;  }
#login_main_wrap.login-page .microsoft-login { align-self: stretch; gap: 10px; font-size: var(--txt-size-14) !important; font-weight: var(--txt-weight-regular) !important; color: var(--txt-color-t700) !important; }
#login_main_wrap.login-page .microsoft-login::before { content: ""; width: 18px; height: 18px; background: url(../../images/connectplace/common/login_microsoft_icon.svg) no-repeat center / 18px 18px; flex -shrink: 0;  }
#login_main_wrap.login-page .login-page__footer-links,
#login_main_wrap.login-page .right_ct #intro_login .new_company { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; padding-top: 4px; width: 100%; line-height: 1.4; }
#login_main_wrap.login-page .login-page__footer-links a,
#login_main_wrap.login-page .right_ct #intro_login .new_company a { font-size: var(--txt-size-14); color: var(--txt-color-t900); border-bottom: 0 !important; margin: 0 !important; }
#login_main_wrap.login-page .login-page__footer-links a:hover { color: #555; }
#login_main_wrap.login-page .login-page__footer-links .divider { color: #ddd; font-size: 12px; }
#login_main_wrap.login-page > footer,
#login_main_wrap.login-page .web_intro_inner + footer,
#login_solo_wrap.login-page > footer { text-align: center; padding: 20px; flex-shrink: 0; }
#login_main_wrap.login-page > footer address h4,
#login_solo_wrap.login-page > footer address h4 { font-size: 12px; color: #bbb; font-weight: 400; font-style: normal; }
#login_main_wrap.login-page .company_icon,
#login_main_wrap.login-page #intro_header .main_txt,
#login_main_wrap.login-page #intro_header .main_tit,
#login_main_wrap.login-page .left_ct #intro_ct,
#login_main_wrap.login-page .login-txt { display: none !important; }
#login_main_wrap.login-page .left_ct .logo a { display: none; }
#login_main_wrap.login-page #wrong_pop { border-radius: 12px; border: 1px solid #e0e8f5; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); }

/* QR 로그인 */
#login_main_wrap.login-page .qr_wrap { display: flex; align-items: center; gap: 16px; align-self: stretch; }
#login_main_wrap.login-page .box_qr { display: flex; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; border-radius: 12px; background: var(--clr-n30, #F6F6F8); }
#login_main_wrap.login-page .box_qr > img { width: 88px; height: 88px; aspect-ratio: 1/1; }
#login_main_wrap.login-page .timer_qr { display: flex; width: 88px; justify-content: center; align-items: center; gap: 8px; }
#login_main_wrap.login-page .timer_qr #remainTime { color: var(--clr-r900, #CB3F3F); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); }
#login_main_wrap.login-page .qr_wrap__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; flex: 1 0 0; align-self: stretch; }
#login_main_wrap.login-page .qr_wrap .qr_box_tit { align-self: stretch; color: var(--txt-color-t900, #1F1F1F);  font-size: var(--txt-size-16); font-weight: var(--txt-weight-medium); }
#login_main_wrap.login-page .qr_wrap .qr_box_txt { color: var(--txt-color-t300, #777); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); }
#login_main_wrap.login-page .qr_wrap .qr_box_txt span { color: #4a90e2; font-weight: 600; }
#login_main_wrap.login-page .qr-login-btn-wrap { display: flex; flex-direction: column; align-items: center; gap: 20px; align-self: stretch; }
#login_main_wrap.login-page .right_ct #intro_login .qr-login-btn-wrap > .or { display: flex; align-items: center; align-self: stretch; width: 100%; gap: 16px; margin: 0 0 12px 0; padding: 0; height: auto; line-height: 1; }
#login_main_wrap.login-page .right_ct #intro_login .qr-login-btn-wrap > .or::before,
#login_main_wrap.login-page .right_ct #intro_login .qr-login-btn-wrap > .or::after { content: ""; flex: 1; height: 1px; background: #e3e3e3; }
#login_main_wrap.login-page .right_ct #intro_login .qr-login-btn-wrap > .or span { font-size: var(--txt-size-12); color: var(--txt-color-t70, #999); font-weight: var(--txt-weight-medium); }

/* 로그인 카드 공통 */
#login_main_wrap.login-page .right_ct .login-input,
#login_solo_wrap.login-page .right_ct .login-input { display: flex; width: 400px; flex-direction: column; align-items: flex-start; gap: 32px; padding: 0; background: transparent; box-shadow: none; border-radius: 0; }
#login_main_wrap.login-page .right_ct .login-input h3,
#login_solo_wrap.login-page .right_ct .login-input h3 { display: none; }
#login_main_wrap.login-page .login-page__field-group,
#login_solo_wrap.login-page .login-page__field-group { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; }
#login_main_wrap.login-page .login-page__field-label,
#login_solo_wrap.login-page .login-page__field-label { display: block; color: var(--txt-color-t900, #1F1F1F); font-size: var(--txt-size-14); font-weight: var(--txt-weight-medium); margin-bottom: 0; line-height: var(--txt-line-height); }

/* 2단계 – 아이디/비밀번호 */
#login_main_wrap.login-page .right_ct .login-input .input-idpw { display: flex; flex-direction: column; gap: 20px; align-self: stretch; }
#login_main_wrap.login-page .right_ct .login-input .input-idpw input { width: 100%; height: 48px; padding: 0 16px; margin-top: 0; font-size: 15px; border: 1px solid #e0e0e0; border-radius: 6px; background-image: none !important; box-sizing: border-box; }
#login_main_wrap.login-page .login-page__card-header--step2 { margin-bottom: 0; }
#login_main_wrap.login-page .login-page__field--password .login-page__input-wrap { position: relative; width: 100%; }
#login_main_wrap.login-page .login-page__field--password .login-page__input-wrap input { padding-right: 44px; }
#login_main_wrap.login-page .right_ct .login-input .or { display: flex; align-items: center; align-self: stretch; width: 100%; gap: 16px; margin: 0; padding: 0; height: auto; line-height: 1; }
#login_main_wrap.login-page .right_ct .login-input .or::before,
#login_main_wrap.login-page .right_ct .login-input .or::after { content: ""; flex: 1; height: 1px; background: #e3e3e3; }
#login_main_wrap.login-page .right_ct .login-input .or span { flex: 0 0 auto; padding: 0; background: transparent; font-size: var(--txt-size-12); color: var(--txt-color-t70, #999); font-weight: var(--txt-weight-medium); line-height: 1; position: static; transform: none; }
#login_main_wrap.login-page .right_ct .login-input .google-login,
#login_main_wrap.login-page .right_ct .login-input .microsoft-login { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff !important; box-shadow: none !important; align-self: stretch; }
#login_main_wrap.login-page .right_ct .login-input .google-login em,
#login_main_wrap.login-page .right_ct .login-input .microsoft-login em { line-height: 1; font-size: 14px; font-weight: 500; color: #333; }
#login_main_wrap.login-page #div_login2 .login-page__footer-links { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 0; align-self: stretch; width: 100%; }
#login_main_wrap.login-page #div_login2 .login-page__footer-links a { font-size: var(--txt-size-14); color: var(--txt-color-t900); text-decoration: none; }
#login_main_wrap.login-page #div_login2 .login-page__footer-links .divider { color: #ddd; font-size: 12px; }
#login_main_wrap.login-page .right_ct #frmLogin,
#login_main_wrap.login-page .right_ct #frmAuthLogin { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; align-self: stretch; width: 100%; }
#login_main_wrap.login-page .right_ct #frmAuthLogin .login-page__btn-social-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; width: 100%;  }

/* CHANGE PASSWORD – login_main_wrap (left_ct 표시) */
#login_main_wrap.login-page .login-page__pw-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: 0; background: transparent url(../../images/connectplace/intro/display_off_btn.png) no-repeat center / contain; cursor: pointer; padding: 0; }
#login_main_wrap.login-page .login-page__pw-toggle.is-visible { background-image: url(../../images/connectplace/intro/display_on_btn.png); }
#login_main_wrap.login-page .login-page__auth-code-header-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; }
#login_main_wrap.login-page .login-page__auth-code-header { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; }
#login_main_wrap.login-page .login-page__auth-code-title { align-self: stretch; color: var(--txt-color-t900, #1F1F1F); font-family: var(--txt-font-family); font-size: var(--txt-size-28); font-weight: var(--txt-weight-semibold); line-height: var(--txt-line-height); letter-spacing: var(--txt-letter-spacing); }
#login_main_wrap.login-page .login-page__auth-code-desc { align-self: stretch; color: var(--txt-color-t300, #777); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); line-height: var(--txt-line-height); }
#login_main_wrap.login-page .login-page__auth-code-form-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; align-self: stretch; }
#login_main_wrap.login-page .login-page__reset-pwd { gap: 40px !important; width: 100%; max-width: 400px; animation: loginPageFadeIn 0.25s ease; }
#login_main_wrap.login-page .login-page__reset-pwd-form { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; width: 100%; }
#login_main_wrap.login-page .login-page__reset-pwd-form .login-page__field-group { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; }
#login_main_wrap.login-page .login-page__pwd-input-wrap { position: relative; width: 100%; }
#login_main_wrap.login-page .login-page__pwd-input-wrap .input_text_wrapper { width: 100%; }
#login_main_wrap.login-page .login-page__pwd-input-wrap .input_text_clear_btn { display: none !important; }
#login_main_wrap.login-page .login-page__pwd-input-wrap .input_text_field_wrap input { padding-right: 44px; }
#login_main_wrap.login-page .login-page__reset-pwd-match { margin: 0; font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); line-height: var(--txt-line-height); }
#login_main_wrap.login-page .login-page__reset-pwd-match.success { color: var(--clr-g900); }
#login_main_wrap.login-page .login-page__reset-pwd-match.fail { color: var(--clr-r900, #CB3F3F); }
#login_main_wrap.login-page .login-page__change-pwd-notice { margin: 0; font-size: var(--txt-size-14); color: var(--clr-r900, #CB3F3F); line-height: var(--txt-line-height); }
#login_main_wrap.login-page .login-page__change-pwd-expiry { color: #993333; }
#login_main_wrap.login-page .login-page__auth-code-form-wrap > .btn_ex + .btn_ex { margin-top: 0; }

/* solo – 비밀번호 토글 / 개인정보 동의 */
#login_solo_wrap.login-page .login-page__pw-toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: 0; background: transparent url(../../images/connectplace/intro/display_off_btn.png) no-repeat center / contain; cursor: pointer; padding: 0; }
#login_solo_wrap.login-page .login-page__pw-toggle.is-visible { background-image: url(../../images/connectplace/intro/display_on_btn.png); }
#login_solo_wrap.login-page .right_ct .login-input .login-btn { width: 100%; height: 48px; margin-top: 8px; background-color: #333 !important; background-image: none !important; border-radius: 6px; align-self: stretch; }
#login_solo_wrap.login-page .right_ct .login-input .login-btn:hover { background-color: #222 !important; }
#login_solo_wrap.login-page .right_ct .login-input h3:not(:empty) { display: block; font-size: 22px; margin-bottom: 24px; text-align: left; }

/* 인증 번호 입력 */
#login_solo_wrap.login-page .login-page__auth-code { gap: 40px !important; width: 100%; max-width: 400px; position: relative; animation: loginPageFadeIn 0.25s ease; }
#login_solo_wrap.login-page .login-page__auth-code-back-wrap { display: flex; height: 52px; padding: 16px 0; align-items: center; gap: 12px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-back { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: url(../../../figma/svg/arrow_back_black_16.svg) no-repeat center; cursor: pointer; margin: -8px 0 0 -4px; }
#login_solo_wrap.login-page .login-page__auth-code-header-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-header { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-title { align-self: stretch; color: var(--txt-color-t900, #1F1F1F); font-family: var(--txt-font-family); font-size: var(--txt-size-28); font-weight: var(--txt-weight-semibold); line-height: var(--txt-line-height); letter-spacing: var(--txt-letter-spacing); }
#login_solo_wrap.login-page .login-page__auth-code-desc { align-self: stretch; color: var(--txt-color-t300, #777); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); line-height: var(--txt-line-height); }
#login_solo_wrap.login-page .login-page__auth-code-form-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-form { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-form .login-page__field-group { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-input-wrap { position: relative; width: 100%; }
#login_solo_wrap.login-page .login-page__auth-code-input-wrap input { width: 100%; height: 52px; padding: 0 96px 0 16px; border: 1px solid var(--clr-w300, #E3E3E3); border-radius: 6px; font-size: var(--txt-size-14); color: var(--txt-color-t900, #1F1F1F); background: var(--clr-w100, #fff); box-sizing: border-box; }
#login_solo_wrap.login-page .login-page__auth-code-input-wrap input:focus { outline: none; border-color: #4a90e2; }
#login_solo_wrap.login-page .login-page__auth-code-input-wrap input:disabled { background: var(--clr-n30, #F6F6F8); color: var(--txt-color-t70, #999); }
#login_solo_wrap.login-page .login-page__auth-code-timer { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--clr-r900, #CB3F3F); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); white-space: nowrap; pointer-events: none; }
#login_solo_wrap.login-page .login-page__auth-code-msg { margin: 0; font-size: var(--txt-size-14); text-align: center; align-self: stretch; }
#login_solo_wrap.login-page .login-page__auth-code-msg.fail { color: var(--clr-r900, #CB3F3F); }
#login_solo_wrap.login-page .login-page__auth-code-msg.success { color: var(--clr-g900); }
#login_solo_wrap.login-page .login-page__auth-code-resend { display: flex; justify-content: center; align-items: center; gap: 12px; align-self: stretch; color: var(--txt-color-t70, #999); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); line-height: var(--txt-line-height); }
#login_solo_wrap.login-page .login-page__auth-code-resend-link { display: inline; padding: 0; border: 0; background: transparent; font-size: var(--txt-size-14); font-weight: var(--txt-weight-medium); color: var(--txt-color-t900, #1F1F1F); cursor: pointer; text-decoration: none; }
#login_solo_wrap.login-page .login-page__auth-code-resend-link:disabled,
#login_solo_wrap.login-page .login-page__auth-code-resend-link.is-disabled { color: var(--txt-color-t70, #999); cursor: not-allowed; text-decoration: none; }
#login_solo_wrap.login-page .login-page__auth-code-resend-notice { margin: 0; font-size: var(--txt-size-14); color: var(--clr-r900, #CB3F3F); text-align: center; align-self: stretch; }

/* 계정 인증 – 본인확인 방법 선택 */
#login_solo_wrap.login-page .login-page__inner.login-page__inner--solo { gap: 0; justify-content: center; }
#login_solo_wrap.login-page .login-page__inner.login-page__inner--solo .right_ct { margin: 0 auto; }
#login_solo_wrap.login-page .login-page__account-verify { gap: 40px !important; width: 100%; max-width: 400px; animation: loginPageFadeIn 0.25s ease; }
#login_solo_wrap.login-page .login-page__account-verify .login-page__account-verify-title-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__account-verify-header { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__account-verify-title { align-self: stretch; color: var(--txt-color-t900, #1F1F1F); font-size: var(--txt-size-28); font-weight: var(--txt-weight-semibold); line-height: var(--txt-line-height); font-family: var(--txt-font-family); }
#login_solo_wrap.login-page .login-page__account-verify-desc { align-self: stretch; color: var(--txt-color-t70, #999); font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); line-height: var(--txt-line-height); font-family: var(--txt-font-family); }
#login_solo_wrap.login-page .login-page__account-verify-options { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__verify-option { display: flex; padding: 20px 16px; align-items: center; gap: 16px; align-self: stretch; border-radius: 8px; border: 1px solid var(--clr-w300, #E3E3E3); }
#login_solo_wrap.login-page .login-page__verify-option:hover:not(:disabled):not(.is-disabled) { border-color: var(--txt-color-t900, #1F1F1F); }
#login_solo_wrap.login-page .login-page__verify-option:active:not(:disabled):not(.is-disabled) { opacity: 0.85; }
#login_solo_wrap.login-page .login-page__verify-option:disabled,
#login_solo_wrap.login-page .login-page__verify-option.is-disabled { cursor: not-allowed; opacity: 0.45; }
#login_solo_wrap.login-page .login-page__verify-option-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; color: var(--txt-color-t900, #1F1F1F); }
#login_solo_wrap.login-page .login-page__verify-option-icon.login-page__verify-option-icon--phone { background: url(../../../figma/svg/mobile_bluegray_16.svg) no-repeat center; }
#login_solo_wrap.login-page .login-page__verify-option-icon.login-page__verify-option-icon--email { background: url(../../../figma/svg/mail_bluegray_16.svg) no-repeat center; }
#login_solo_wrap.login-page .login-page__verify-option-text { display: flex; flex: 1 0 0; flex-direction: column; align-items: flex-start; gap: 4px; }
#login_solo_wrap.login-page .login-page__verify-option-text strong { color: var(--txt-color-t900, #1F1F1F); font-size: var(--txt-size-16); font-weight: var(--txt-weight-medium); line-height: var(--txt-line-height); }
#login_solo_wrap.login-page .login-page__verify-option-text span { color: var(--txt-color-t70, #999); font-size: var(--txt-size-14); font-weight: var(--txt-weight-medium); line-height: var(--txt-line-height); }
#login_solo_wrap.login-page .login-page__verify-option-arrow { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 16px; height: 16px; background: url(../../../figma/svg/arrow_right_black_16.svg) no-repeat center;}
#login_solo_wrap.login-page .login-page__account-verify-error { margin: 0; font-size: var(--txt-size-14); color: var(--clr-r900, #CB3F3F); align-self: stretch; }
#login_solo_wrap.login-page .login-page__verify-radio,
#login_solo_wrap.login-page .login-page__verify-data { display: none !important; }
@keyframes loginPageFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 비밀번호 재설정 */
#login_solo_wrap.login-page .login-page__reset-pwd { gap: 40px !important; width: 100%; max-width: 400px; animation: loginPageFadeIn 0.25s ease; }
#login_solo_wrap.login-page .login-page__reset-pwd-form { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; width: 100%; }
#login_solo_wrap.login-page .login-page__reset-pwd-form .login-page__field-group { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; }
#login_solo_wrap.login-page .login-page__pwd-input-wrap { position: relative; width: 100%; }
#login_solo_wrap.login-page .login-page__pwd-input-wrap .input_text_wrapper { width: 100%; }
#login_solo_wrap.login-page .login-page__pwd-input-wrap .input_text_clear_btn { display: none !important; }
#login_solo_wrap.login-page .login-page__pwd-input-wrap .input_text_field_wrap input { padding-right: 44px; }
#login_solo_wrap.login-page .login-page__reset-pwd-match { margin: 0; font-size: var(--txt-size-14); font-weight: var(--txt-weight-regular); line-height: var(--txt-line-height); }
#login_solo_wrap.login-page .login-page__reset-pwd-match.success { color: var(--clr-g900); }
#login_solo_wrap.login-page .login-page__reset-pwd-match.fail { color: var(--clr-r900, #CB3F3F); }
#login_solo_wrap.login-page .login-page__change-pwd-notice { margin: 0; font-size: var(--txt-size-14); color: var(--clr-r900, #CB3F3F); line-height: var(--txt-line-height); }
#login_solo_wrap.login-page .login-page__change-pwd-expiry { color: #993333; }
#login_solo_wrap.login-page .login-page__auth-code-form-wrap > .btn_ex + .btn_ex { margin-top: 0; }