@import "reset.css?v=1";
@import "common.css?v=9";



/* subpage - service information */

.service_info {
    word-break: keep-all;
    padding-top: 25px;
}

.service_info .pay_line {
    overflow: hidden
}

.service_info .pay_line .pay_info {
    width: 50%;
    float: left;
    padding-top: 50px;
    padding-bottom: 50px;
}

.service_info .pay_line .pay_info:nth-child(odd) {
    padding-right: 25px;
}

.service_info .pay_line .pay_info:nth-child(2n) {
    padding-left: 25px;
}

/*  20221124  font-size, letter-spacing �닔�젙 */
.service_info .pay_line .pay_info h3 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
    padding-bottom: 15px;
    letter-spacing: -0.06em;
    position: relative;
}

.service_info .pay_line .pay_info h3::before {
    content: "";
    position: absolute;
    background: #e6e6e6;
    height: 1px;
    top: -50px;
    width: 100%;
}

.service_info .pay_line:first-child .pay_info h3::before {
    display: none;
}

/*  20221124  font-size, line-height, letter-spacing �닔�젙 */
.service_info .pay_line .pay_info>p {
    font-size: 18px;
    letter-spacing: -0.04em;
    line-height: 1.7;
    color: #555;
}

.service_info .pay_line .pay_info .sub_info {
    font-size: 15px;
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 25px;
    margin-top: 30px;
}

/* 20260513 퍼니카드 추가 */
.service_info .pay_line .pay_info.funny-card .sub_info {
    margin-top: 22px;
}
/* 20260513 퍼니카드 추가 끝*/

.service_info .pay_line .pay_info .sub_info strong {
    color: #333;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

/*  20221124  letter spacing �닔�젙 */
.service_info .pay_line .pay_info .sub_info p {
    color: #777;
    line-height: 23px;
    margin-bottom: 15px;
    letter-spacing: -0.03em;
}

.service_info .pay_line .pay_info .sub_info p:last-child {
    margin-bottom: 0;
}

.service_info .pay_line .pay_info .badge_wrap {
    padding-top: 20px;

}

.service_info .pay_line .pay_info .badge_wrap ul {
    overflow: hidden
}

.service_info .pay_line .pay_info .badge_wrap ul li {
    font-size: 15px;
    color: #764ccb;
    background-color: #f3edff;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: -1px;
    padding: 6px 9px;
    font-weight: 400;
    margin-right: 5px;

}

/* subpage - technical support - landingpage */

.landing_wrap {
    padding-top: 20px;
}

.landing_wrap .landing_box {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0 50px;
}

.landing_wrap .landing_box .txt_wrap {
    float: left;
    width: 50%;
    height: 460px;
    position: relative;
    padding-left: 20px;
}

.landing_wrap .landing_box .txt_wrap .txt {
    word-break: keep-all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.landing_wrap .landing_box .txt_wrap .txt strong {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -1.22px;
    text-align: left;
    color: #333;
    display: block;
    margin-bottom: 15px;
}

.landing_wrap .landing_box .txt_wrap .txt p {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -1px;
    color: #555;
}

.landing_wrap .landing_box .txt_wrap .txt a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #5f17bc;
    position: relative;
}

.landing_wrap .landing_box .txt_wrap .txt a::before {
    position: absolute;
    content: "";
    height: 1.5px;
    width: 0;
    left: 0;
    bottom: -4px;
    background: #5f17bc;
    transition: .3s ease-out;
}

.landing_wrap .landing_box .txt_wrap .txt a::after {
    position: absolute;
    content: "";
    right: -25px;
    top: 7px;
    width: 12px;
    height: 12px;
    background-image: url(../images/morearrowpur.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: .3s ease-out;
}

.landing_wrap .landing_box .txt_wrap a:hover:before {
    width: 100%;
}

.landing_wrap .landing_box .txt_wrap a:hover:after {
    right: -20px;
}

.landing_wrap .landing_box .img_wrap {
    float: right;
    width: 50%;
}

.landing_wrap .landing_box .img_wrap .img {
    height: 460px;
}

.landing_wrap .landing_box .img_wrap .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.landing_wrap .landing_box:nth-child(2n) {
    background: #f9f9fa;
    border-radius: 20px;
}

.landing_wrap .landing_box:nth-child(2n) .txt_wrap {
    float: right;
    padding-left: 70px;
}

.landing_wrap .landing_box:nth-child(2n) .img_wrap {
    float: left;
}

.landing_sc {}

.landing_sc ul {
    overflow: hidden;
    background: #fff;/*20230403*/
    border-radius: 0;
}

.landing_sc ul li {
    display: flex;/*20230403*/
    justify-content: center;/*20230403*/
    align-items: center;/*20230403*/
    float: left;
    font-size: 18px;
    letter-spacing: -1px;
    width: calc(100% / 4);/*20240509 �떊臾멸퀬*/
    /* height: 70px; *//*20230403*/
    /* padding: 0 15px; *//*20230403*/
    text-align: center;
    color: #686868;
    position: relative;
}

.landing_sc ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    right: 0;
    background-color: rgb(201 201 201);
    top: 50%;
    transform: translateY(-50%);
}

.landing_sc ul li:last-child::after {
    display: none;
}

.landing_sc ul li a {
    display: flex;/*20230403*/
    width: 100%;/*20230403*/
    height: 70px;
    line-height: 1.4;/*20230403*/
    word-break: keep-all;/*20230403*/
    background-color: #f6f6f6;/*20230403*/
    align-items: center;
    justify-content: center;
}
.landing_sc ul li:first-child a {border-radius: 15px 0 0 15px;}
.landing_sc ul li:last-child a {border-radius:0 15px 15px 0;}

/*
.landing_sc ul li a:hover {
    background-color: #f0f0f0;
}
*//*20240509 �떊臾멸퀬 二쇱꽍泥섎━*/


/* subpage - technical support - payment experience */

.tech_pay {}

.tech_pay>.txt_wrap {
    padding-top: 60px;
    padding-bottom: 40px;
}

.tech_pay>.txt_wrap.nobullet {
    padding-bottom: 20px;
}

.tech_pay>.txt_wrap h3 {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    letter-spacing: -1px;
    padding-bottom: 17px;
}

.tech_pay>.txt_wrap .subtit {
    color: #787878;
    font-size: 18px;
    letter-spacing: -0.05em;
    line-height: 1.6;
    color: #333;
    margin-bottom: 13px;
    word-break: keep-all;
}

.tech_pay>.txt_wrap .subtit.nobullet {
    margin-bottom: 0;
}

.tech_pay .txt_wrap .bullet_wrap {
    background-color: #f9f9f9;
    font-size: 15px;
    color: #979797;
    letter-spacing: -.5px;
    padding: 20px 20px 20px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 5px;
}

.tech_pay .txt_wrap .bullet_wrap p {
    line-height: 1.6;
    padding-left: 35px;
    padding-bottom: 4px;
    position: relative;
    word-break: keep-all;
}

.tech_pay .txt_wrap .bullet_wrap p::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    left: 21px;
    background-color: #c9c9c9;
    top: 10px;
}

.tech_pay .txt_wrap .bullet_wrap p:last-child {
    padding-bottom: 0;
}

.tech_pay .txt_wrap .cleannum {
    font-size: 15px;
    background: #e8f4eb9c;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 25px;
}

.tech_pay .txt_wrap .cleannum br {
    display: none;
}

.tech_pay .txt_wrap .cleannum span {
    color: #9aaca0;
    margin-left: 8px;
}

.tech_pay .txt_wrap .cleannum span:nth-child(2) {
    margin-right: 20px;
}

.tech_pay .txt_wrap .cleannum span.tit {
    position: relative;
    color: #5da072;
    font-weight: 500;
    margin-left: 0;
}

.tech_pay .txt_wrap .cleannum span.tit::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: #9aaca0;
    left: -10px;
    top: 50%;
}

.tech_pay .form_wrap {
    /*border-top: 1px solid #242424;20230328*/
}

.tech_pay .form_wrap .input_group {
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 65px;
    border-top: 1px solid #242424;/*20230328*/
}

.tech_pay .form_wrap .input_group .col {
    overflow: hidden;
}

.tech_pay .form_wrap .input_group .col .line {
    width: 100%;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
}

.tech_pay .form_wrap .input_group .col .line.hid {
    display: none;
}

.tech_pay .form_wrap .input_group .col .line .tit {
    width: 25%;
    float: left;
    padding-left: 40px;
}

.tech_pay .form_wrap .input_group .col .line .tit span.must {
    position: relative;
}

.tech_pay .form_wrap .input_group .col .line .tit span.must::after {
    content: "";
    position: absolute;
    background-image: url(../images/aste_red.svg);
    width: 6px;
    height: 6px;
    top: 50%;
    right: -9px;
    transform: translateY(-110%);
}

.tech_pay .form_wrap .input_group .col .line .data {
    float: left;
    width: 75%;
}

.tech_pay .form_wrap .input_group.cleanm .data textarea {
    resize: none;
    width: calc(100% - 42px);
    vertical-align: middle;
    height: 300px;
    margin: 10px 0px;
    padding: 10px 15px;
    border-color: #e0e0e0;
    border-radius: 5px;
    font-size: 16px;
    line-height: 25px;
    transition: .2s ease-out;
}

.tech_pay .form_wrap .input_group .col .line .data.fullw input {
    width: calc(100% - 42px);
}

.tech_pay .form_wrap .input_group.cleanm .data textarea:focus,
.tech_pay .form_wrap .input_group.cleanm .data textarea:hover {
    border-color: #9e9e9e;
}

.tech_pay .form_wrap .input_group .col .line .data .mcht2 {
    overflow: hidden;
    padding-top: 9px;
}

.tech_pay .form_wrap .input_group .col .line .data div.mcht {
    height: 47px;
    width: 138px;
    float: left;
    vertical-align: middle;
}

.tech_pay .form_wrap .input_group .col .line .data div.mcht img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tech_pay .form_wrap .input_group .col .line .data.col2 select {
    display: inline-block;
    width: 200px;
    height: 47px;
    letter-spacing: -.5px;

}

.tech_pay .form_wrap .input_group .col .line .data.col2 input {
    display: inline-block;
    width: 400px;
    margin-left: 10px;
}

.tech_pay .form_wrap .input_group .col .line .data .calen {
    float: left;
}
/* soon */
.tech_pay .form_wrap .input_group .data .calen .calView input.col2calen {
    width: 150px;
}
.tech_pay .form_wrap .input_group .data .calen input.col2calen {
    width: 150px;
}
.tech_pay .form_wrap .input_group .col .line .data .calView input[type=date]:invalid::-webkit-datetime-edit {
    color: #d3d3d3;
}
.tech_pay .form_wrap .input_group .col .line .data .calen .hyphentxt {
    padding: 0 10px;
    display: inline-block;
}

.tech_pay .form_wrap .input_group .col .line .data input[type=date]:invalid::-webkit-datetime-edit {
    color: #d3d3d3;
}

/* 2022-09-06, 異붽�
.tech_pay .form_wrap .input_group .col .line .data:not(.calView) span {
    padding: 0 10px;
    display: inline-block;

}
*/
/* 2022-09-06, 異붽�
.tech_pay .form_wrap .input_group .col .line .data span {
   padding: 0 10px;
   display: inline-block;
} */

.tech_pay .form_wrap .input_group .data.cardno input {
    width: 70px;
}

.tech_pay .form_wrap .input_group .data.cardno span {
    padding: 0 5px;
    display: inline-block;
}

.tech_pay .form_wrap .input_group .col .line .period_btn {
    float: left;
    padding-left: 10px;
}

/**/
.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn {
    display: inline-block;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    transition: .1s;
    margin-right: 5px;
    letter-spacing: -0.05em;
}

.tech_pay .form_wrap .input_group .col .line .period_btn a.timebtn {
    display: inline-block;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    transition: .1s;
    margin-right: 5px;
}

.tech_pay .form_wrap .input_group .col .line .period_btn a.timebtn:last-child {
    margin-right: 0;
}
.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn:last-child {
    margin-right: 0;
}
.tech_pay .form_wrap .input_group .col .line .period_btn .timebtn:last-child {
    margin-right: 0;
}

.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn:hover {
    border-color: #333;
}
.tech_pay .form_wrap .input_group .col .line .period_btn a.timebtn:hover {
    border-color: #333;
}

.form_wrap .data input:hover,
.escrow_join .data>input:hover,
.form_wrap .data select:hover {
    border-color: #777 !important;
}

.form_wrap .data>input:focus,
.escrow_join .data>input:focus,
.form_wrap .data>select:focus {
    border-color: #777 !important;
}

.tech_pay .form_wrap .input_group .col .line .data select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/select_arrow.svg);
    background-size: 12px;
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
    border: 1px solid #dadada;
    color: #000;
    width: 250px;
    height: 47px;
    padding-left: 15px;
    font-size: 16px;
    letter-spacing: -0.05em;
    border-radius: 5px;
    transition: .1s ease-out;
    cursor: pointer;
}

.tech_pay .form_wrap .input_group .col .line .data select::-ms-expand {
    display: none;
}

.tech_pay .form_wrap .input_group .col .line .data.cell-col3 select {
    width: 150px;
}

.tech_pay .form_wrap .input_group .col .line .data.cell-col3 div:first-child>input {
    width: 230px;
    margin-left: 10px;
}

.tech_pay .form_wrap .input_group .col .line .data.cell-col3 .vericode {
    margin-top: -9px;
}

.tech_pay .form_wrap .input_group .col .line .data.cell-col3 .vericode input {
    margin-left: 0;
    width: 200px;
}

.tech_pay .form_wrap .input_group .col .line .data .paidcheck {
    margin-top: -13px;
}
.tech_pay .form_wrap .input_group .col .line .data .emlipt { overflow:hidden;}

.tech_pay .form_wrap .input_group .col .line .data .emlipt input {
    width: 120px;
}
.tech_pay .form_wrap .input_group .col .line .data .emlipt .eml_at {
    width: 30px;
    display: inline-block;
    text-align: center;
}
.tech_pay .form_wrap .input_group .col .line .data .emlipt select {
    margin-left: 10px;
    width: 170px;
}

/* 20221114 異붽� */
.tech_pay .form_wrap .input_group .col .line .data.iptbtn {overflow: hidden;}
.tech_pay .form_wrap .input_group .col .line .data.iptbtn input {}
.tech_pay .form_wrap .input_group .col .line .data.iptbtn button {border-radius: 5px; padding: 10px 20px; font-size: 16px; line-height: 25px; color: #333; background-color: #fff; border: 1px solid #333; transition: .1s; margin-left: 10px; letter-spacing: inherit; } 
.tech_pay .form_wrap .input_group .col .line .data.iptbtn button:hover { background-color: #333; color: #fff; } 
/* 20221114 異붽� */

.tech_pay .form_wrap .input_group .col .line .data.cell-col3 a {
    display: inline-block;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    background-color: #a6a6a6;
    transition: .1s;
    margin-left: 10px;
}


.tech_pay .form_wrap .input_group .col .line .data option:disabled {
    color: #d3d3d3;
}

.tech_pay .form_wrap .input_group .col .line .data a.cellp {
    display: inline-block;
    border-radius: 5px;
    padding: 10px 59px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    background-color: #a6a6a6;
    border: 1px solid #a6a6a6;
    transition: .1s;
}

.tech_pay .form_wrap .input_group .col .line .data a.cellp:hover {
    background: #797979;
}

.tech_pay .form_wrap .input_group .col .line .data a.cellp.complete {
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
}

.tech_pay .form_wrap .input_group .col .line .data a.cellp.complete:hover {
    background: initial;
}

.tech_pay .form_wrap .input_group .col .line .data a.capt {
    float: left;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    background-color: #fff;
    border: 1px solid #333;
    transition: .1s;
    margin-left: 10px;
}

.tech_pay .form_wrap .input_group .data input {
    padding: 10px 15px;
    width: 300px;
    height: 25px;
    border: 1px solid #dadada;
    font-size: 16px;
    border-radius: 5px;
    transition: .1s ease-out;
}

.tech_pay .form_wrap .input_group .data input:focus-visible+label {
    outline: 2px dotted #a9a9a9;
}

.tech_pay .form_wrap .input_group .data input:disabled {
    background-color: #f7f7f7;
    cursor: not-allowed;
}
.tech_pay .form_wrap .input_group .data input::placeholder,
.tech_pay .form_wrap .input_group .data textarea::placeholder {
    font-size: 16px;
    color: #b7b7b7;
    letter-spacing: -.5px;
}

/* 2022-08-29 */
.tech_pay .form_wrap .input_group .data.alert input,
.tech_pay .form_wrap .input_group .data.alert select,
.tech_pay .form_wrap .input_group .data.alert textarea {
    border-color: #e9564a !important;
}

.tech_pay .form_wrap .input_group .data.alert>input:hover,
.tech_pay .form_wrap .input_group .data.alert select:hover,
.tech_pay .form_wrap .input_group .data.alert>textarea:hover {
    border-color: #e9564a !important;
}

.tech_pay .form_wrap .input_group .data.alert input.excep,
.tech_pay .form_wrap .input_group .data.alert select.excep,
.tech_pay .form_wrap .input_group .data.alert textarea.excep {
    border-color: #dadada!important;
}

.tech_pay .form_wrap .input_group .data p.errmsg {
    display: none;
}

.tech_pay .form_wrap .input_group .data.alert p.errmsg {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: -0.045em;
    line-height: 1.6;
    color: #e9564a;
}

.tech_pay .form_wrap .input_group .data p.inputinfo {
    position: relative;
    font-size: 14px;
    letter-spacing: -.5px;
    display: block;
    width: 100%;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-left: 20px;
    color:#999;
    word-break: keep-all;
}

.tech_pay .form_wrap .input_group .data p.inputinfo::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 3px;
    background-image: url(../images/input-info.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;
}

.form_wrap .radio_container {
    position: relative;
}

.form_wrap .radio_container input[type="radio"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}

.form_wrap .radio_container label {
    position: relative;
    cursor: pointer;
    padding-right: 8px; /* 20251021 수정 */
    padding-left: 30px;
}

.form_wrap .radio_container label:nth-child(1) {
    padding-right: 0;
}

.form_wrap .radio_container label::before {
    content: '';
    border: 2px solid #dfdfdf;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -8px 10px;
    left: 0px;
    position: absolute;
    margin-left: 0;
    border-radius: 50%;
    top: 10px;
    /* background-image: url(../images/radiobg.svg); */
    background-size: 6px;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.form_wrap .radio_container label::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: transparent;
    margin: -8px 20px;
    margin-left: 0;
    border-radius: 50%;
    box-sizing: border-box;
}

.form_wrap .radio_container input[type="radio"]:checked+label::after {
    background-color: #fff;
    border: 7px solid #6729b8;
}

.form_wrap .radio_container input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}

.form_wrap .radio_container input[type="checkbox"]:checked+label::after {
    background-color: #fff;
    border: 7px solid #6729b8;
}

.form_wrap .radio_container label a {
    display: inline-block;
    padding: 0 10px;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    line-height: 2;
    background-color: #ededed;
    border-radius: 8px;
}
.form_wrap .radio_container label a:hover {
    background-color: #e1e1e1;
}
/* 2022-09-27 異붽� */
.form_wrap .radio_container label.disabled {
	color:#b9b9b9;
	cursor:not-allowed!important;
}
/* 2022-09-27 異붽� */

/* 2022-09-21 �꽌鍮꾩뒪�떊泥��븯湲� 泥댄겕諛뺤뒪 �뒪���씪 異붽� */
.form_wrap .radio_container.ckbx label::after {
    border-radius: 5px;
}
.form_wrap .radio_container.ckbx label::before {
    border-radius: 5px;
    border: 1px solid #dadada;
}
.form_wrap .radio_container.ckbx input[type="checkbox"]:checked+label::after {
    border: initial;
    background-color: #744ac5;
    background-image: url(../images/btn_checked.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}
/* 2022-09-21 �꽌鍮꾩뒪�떊泥��븯湲� 泥댄겕諛뺤뒪 �뒪���씪 異붽� */

.form_wrap .policy_agree {
    padding-top: 50px;/* 20230328 */
}

/* 2022-09-21 二쇱꽍
.form_wrap .policy_agree.noinfo .policy_wrap {
    border-bottom: 1px solid #c6c6c6;
}
*/

.form_wrap .policy_agree .agree_btn {}

.form_wrap .policy_agree .agree_btn input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form_wrap .policy_agree .agree_btn input[type='checkbox']:focus-visible+label {
    outline: 2px dotted #a9a9a9;
}

.form_wrap .policy_agree .agree_btn label {
    position: relative;
    cursor: pointer;
    letter-spacing: -.5px;
    padding-left: 35px;
}

.form_wrap .policy_agree .agree_btn label:nth-child(1) {
    padding-right: 0;
}

.form_wrap .policy_agree .agree_btn label::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 27px;
    height: 27px;
    top: -4px; /* 20251027 수정 */
    left: 0;
    margin-left: 0;
    transition: .1s ease-out;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    box-sizing: border-box;
}

.form_wrap .policy_agree .agree_btn label:hover::before {
    border: 1px solid #a9a9a9;
    background-color: #f0f0f0;
}

.form_wrap .policy_agree .agree_btn label::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 4px;/* 20251027 수정 */
    width: 27px;
    height: 27px;
    background: transparent;
    margin: -8px 20px;
    margin-left: 0;
    border-radius: 10px;
    box-sizing: border-box;
}

.form_wrap .policy_agree .agree_btn input[type="checkbox"]:checked+label::after {
    background-color: #5c5c5c;
    background-image: url(../images/btn_checked.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    border: 3px solid #d2d2d2;
}

/* 2022-09-19 二쇱꽍 泥섎━ �빐�젣 */
.form_wrap .policy_agree .agree_btn.alert label::before {
    border-color: #e9564a;
}

/* 2022-08-29 二쇱꽍 泥섎━
.form_wrap .policy_agree .agree_btn.alert label::before {
    border-color: #e9564a;
}
*/

.form_wrap .policy_agree .agree_btn p.errmsg {
    display: none;
}

.form_wrap .policy_agree .agree_btn.alert p.errmsg {
    color: #e9564a;
    font-size: 14px;
    letter-spacing: -0.045em;
    display: block;
    line-height: 1.6;
    padding: 10px 0 0 35px;
    word-break: keep-all;
}

.form_wrap .policy_agree .policy_wrap {
    margin-top: 25px;
}

.form_wrap .policy_agree .policy_wrap .policy_txt {
    width: 100%;
    height: 145px;
    margin-bottom: 30px;
    overflow-y: scroll;
    background-color: #f5f5f5;
    border: 1px solid #dadada;
    line-height: 1.6;
    padding: 20px 30px;
    letter-spacing: -0.045em;
    font-size: 14px;
    color: #777;
    word-break: keep-all;
}

.form_wrap .policy_agree .policy_wrap .policy_txt strong {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px;
    display: block;
}

.form_wrap .policy_agree .policy_wrap .policy_txt p.subtxt {
    margin-bottom: 20px;
}

.form_wrap .policy_agree .policy_wrap .policy_txt p.num {
    margin-top: 10px;
    margin-bottom: 3px;
    color: #4e4e4e;
}

.form_wrap .policy_agree .policy_wrap .policy_txt p {}

.form_wrap .policy_agree .policy_wrap .info_wrap {
    border-top: 1px solid #c6c6c6;
    padding-top: 20px;
}

.form_wrap .policy_agree .policy_wrap .policy_txt.type2 {
    border: 0;
    overflow-y: initial;
    height: initial;
    background-color: #f5f5f5;
    border-radius: 14px;
}

.form_wrap .policy_agree .policy_wrap .policy_txt.type2 p.subtxt {
    margin-bottom: 5px;
}


.form_wrap .policy_agree .policy_wrap .info_wrap p {
    position: relative;
    font-size: 14px;
    padding-left: 23px;
    letter-spacing: -.3px;
    line-height: 24px;
    color: #979797;
}

.form_wrap .policy_agree .policy_wrap .info_wrap p::before {
    content: "";
    position: absolute;
    background-image: url(../images/info.svg);
    background-position: center;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 0;
    background-repeat: no-repeat;
}


.tech_pay .form_wrap .complete_btn {
    text-align: center;
    padding-top: 50px;
}

.tech_pay .form_wrap .complete_btn button {
    background-color: #ececec;
    width: 300px;
    line-height: 65px;
    color: #c3c3c3;
    font-size: 18px;
    letter-spacing: -0.05em;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    transition: .1s ease-out;
}

.tech_pay .form_wrap .complete_btn.active button {
    background-color: #744ac5;
    color: #fff;
}


/* subpage - customer center - escrow join check */

.tech_pay .escrow_join {
    border-top: 1px solid #242424;
    border-bottom: 1px solid #e0e0e0;
}

.tech_pay .escrow_join .col {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 70px;
}

.tech_pay .escrow_join .col .line {
    overflow: hidden;
}

.tech_pay .escrow_join .col .line .tit {
    width: 25%;
    float: left;
    padding-left: 40px;
}

.tech_pay .escrow_join .col .line .data {
    float: left;
    width: 50%;
}

.tech_pay .escrow_join .col .line .data input {
    padding: 10px 20px;
    height: 25px;
    border: 1px solid #e0e0e0;
    width: calc(100% - 42px);
    font-size: 18px;
    border-radius: 5px;
}

.tech_pay .escrow_join .col .line .data input::placeholder {
    font-size: 16px;
    color: #b7b7b7;
}

.tech_pay .escrow_join .col .line .btn {
    float: left;
}

.tech_pay .escrow_join .col .line .btn a {
    display: block;
    margin-left: 10px;
    border-radius: 5px;
    padding: 10px 60px;
    margin-top: 12px;
    font-size: 16px;
    line-height: 26px;
    color: #a6a6a6;
    background-color: #ececec;
}

/* �떊洹� �꽌鍮꾩뒪 �떊泥� - 異붽��젙蹂� �엯�젰 �쁺�뿭 異붽� 20230328 */
.tech_pay .form_wrap .input_group_tit {margin-bottom: 15px;letter-spacing: -0.04em;}
.tech_pay .form_wrap .input_group_tit > h4 {margin-top: 80px;font-size: 21px;font-weight: 500; color: #333; line-height: 1.5;}
.tech_pay .form_wrap .input_group_tit > p {display: inline-block; margin-top: 5px;margin-bottom: 5px;font-size: 17px;line-height: 1.5;color: #999;}
.tech_pay .form_wrap .input_group_tit:first-child > h4 {margin-top: 0;}
/* �떊洹� �꽌鍮꾩뒪 �떊泥� - 異붽��젙蹂� �엯�젰 �쁺�뿭 異붽� 20230328 */


/* subpage - customer center - escrow purchase popup */

.popup-wrap {
    width: 100%;
    max-width: 500px;
    background-color: #fff;
    margin: 0 auto;
    padding: 30px;
    border-radius: 15px;
    margin-top: 20px;
}

.popup-wrap .popup-header {
    padding-bottom: 25px;
    padding-top: 10px;
}

.popup-wrap .popup-header h1 {
    font-size: 27px;
    letter-spacing: -1.5px;
    font-weight: 500;
    color: #744ac5;
}

.popup-wrap .popup-main {}

.popup-wrap .popup-main .detail-msg {
    margin-bottom: 25px;
}

.popup-wrap .popup-main .detail-msg strong {
    color: #333;
    padding-bottom: 30px;
    display: block;
}

.popup-wrap .popup-main .detail-msg p {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.3px;
    color: #888;
    margin-bottom: 8px;
    padding-left: 15px;
    word-break: keep-all
}

.popup-wrap .popup-main .detail-msg p::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #bec5d1;
    left: 3px;
    top: 7px;
}

.popup-wrap .popup-main .detail-msg .radio-wrap {}

.popup-wrap .popup-main .detail-msg .radio-wrap input[type="radio"] {
    display: none;
}

.popup-wrap .popup-main .detail-msg .radio-wrap label {
    position: relative;
    cursor: pointer;
    padding-right: 30px;
    color: #333;
}

.popup-wrap .popup-main .detail-msg .radio-wrap label::before {
    content: '';
    border: 1px solid #d5d5d5;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -8px 10px;
    margin-left: 0;
    border-radius: 50%;
}

.popup-wrap .popup-main .detail-msg .radio-wrap label::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -1px;
    width: 27px;
    height: 27px;
    background: rgba(34, 34, 34, 0);
    border-radius: 50%;
}


.popup-wrap .popup-main .detail-msg .radio-wrap input[type="radio"]:checked+label::after {
    background-color: rgb(116 74 197);
    background-image: url(../images/btn_checked.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    border-color: #744ac5;

}

.popup-wrap .popup-main .detail-info {
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
}

.popup-wrap .popup-main .detail-info.popup2 {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 30px;
    padding: 20px 0;
}

.popup-wrap .popup-main .detail-info .line {
    overflow: hidden;
    line-height: 42px;
    letter-spacing: -.5px;
    font-size: 16px;
}

.popup-wrap .popup-main .detail-info.popup2 .line {
    line-height: 60px;
}

.popup-wrap .popup-main .detail-info .line .tit {
    width: 30%;
    float: left;
    color: #afafb2;
}

.popup-wrap .popup-main .detail-msg p.errmsg {
    display: none;

}
.popup-wrap .popup-main .detail-msg.alert p.errmsg {
    color: #e9564a;
    font-size: 14px;
    letter-spacing: -0.045em;
    display: block;
    line-height: 1.6;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 0;
    padding-left: 0;
}


.popup-wrap .popup-main .detail-msg.alert p::before {
    display: none;
}

.popup-wrap .popup-main .detail-info .line .data p.errmsg {
    display: none;
}

.popup-wrap .popup-main .detail-info .line .data.alert p.errmsg {
    color: #e9564a;
    font-size: 14px;
    letter-spacing: -0.045em;
    display: block;
    line-height: 1.6;
    text-align: left;
}
.popup-wrap .popup-main .detail-info .line .data.alert input {
    border: 1px solid #e9564a;

}

.popup-wrap .popup-main .detail-info .line .data.alert select {
    border: 1px solid #e9564a;
}

.popup-wrap .popup-main .detail-info .line .data {
    width: 70%;
    float: left;
    text-align: right;
    padding-right: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}

.popup-wrap .popup-main .detail-info .line .data input {
    width: calc(100% - 14px);
    height: 43px;
    padding-left: 10px;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #e0e0e0;
}

.popup-wrap .popup-main .detail-info .line .data input::placeholder {
    color: #b7b7b7;
    letter-spacing: -.5px;
}

.popup-wrap .popup-main .detail-info .line .data select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select_arrow.svg);
    background-size: 12px;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    color: #333;
    width: 100%;
    height: 47px;
    padding-left: 10px;
    font-size: 16px;
    border-radius: 5px;
}

.popup-wrap .popup-btn {
    padding-top: 30px;
}

.popup-wrap .popup-btn.popup2 {
    padding-top: 20px;
}

.popup-wrap .popup-btn .cmplt {
    width: 100%;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #744ac5;
    background-color: #744ac5;
    transition: .3s ease-out;
}

.popup-wrap .popup-btn .cmplt:hover {
    background-color: #5d31b3;
}

.popup-wrap .popup-btn .cmplt a {
    display: block;
    height: 100%;
}

/* subpage - customer center - notice */
.noti_tit .txt_wrap {
    padding-top: 60px;
    padding-bottom: 20px;
}

.noti_tit .txt_wrap h3 {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.05em;
    padding-bottom: 20px;
}

.noti_tit.stockinfo .txt_wrap {
    padding-top: 120px;
    padding-bottom: 30px;
}

/*怨듭��궗�빆 寃뚯떆�뙋 �깉濡� 肄붾뵫*/
.kgboard_wrap {}

.kgboard_wrap table {
    table-layout: fixed;
    width: 100%;
    letter-spacing: -.8px;
    border-top: 2px solid #242424;
}

.kgboard_wrap colgroup {}

.kgboard_wrap table thead {
    border-bottom: 1px solid #e0e0e0;
}

.kgboard_wrap table thead th {
    height: 65px;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
}

.kgboard_wrap table tbody tr {
    border-bottom: 1px solid #e0e0e0;
}

.kgboard_wrap table tbody tr:hover {
    background-color: #f9f9f9;
}

.kgboard_wrap table tbody tr td {
    text-align: center;
    height: 70px;/* 240102 esg */
    padding: 10px;
    font-size: 18px;/* 240102 esg */
    vertical-align: middle;
    letter-spacing: -0.35px;/* 240102 esg */
}
.kgboard_wrap table tbody tr td a {
    display: block;/* 240102 esg */
    width: 100%;
    line-height: 25px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* �옄猷뚯떎,怨듦퀬 寃뚯떆�뙋 �깉 肄붾뵫 */
.librarytb_wrap {}

.librarytb_wrap table {
    table-layout: fixed;
    width: 100%;
    letter-spacing: -.8px;
    border-top: 2px solid #242424;
}

.librarytb_wrap colgroup {}

.librarytb_wrap table thead {
    border-bottom: 1px solid #e0e0e0;
}

.librarytb_wrap table thead th {
    height: 65px;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
}

.librarytb_wrap table tbody tr {
    border-bottom: 1px solid #e0e0e0;
}

.librarytb_wrap table tbody tr:hover {
    background-color: #f9f9f9;
}

.librarytb_wrap table tbody tr td {
    text-align: center;
    height: 65px;
    padding: 10px;
    font-size: 17px;
    vertical-align: middle;
}

.librarytb_wrap table tbody tr td .tit {
    text-align: left;
    padding-left: 20px;

}

.librarytb_wrap table tbody tr td a {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 35px;
    padding-right: 13px;
    color: #777;
    font-size: 15px;
    line-height: 32px;
    text-align: right;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    transition: .2s;
}

.librarytb_wrap table tbody tr td a::before {
    content: "";
    position: absolute;
    width: 10px;
    top: 1px;
    left: 15px;
    height: 32px;
    background-image: url(../images/down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.librarytb_wrap table tbody tr td a:hover {
    color: #764ccb;
    border-color: #764ccb;
}

.librarytb_wrap table tbody tr td a:hover::before {
    background-image: url(../images/downhover.svg);
}


/* 寃뚯떆�뙋 �럹�씠吏� */
/* 2022-09-21 異붽� */
.board_pagination {
    margin-top: 50px;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.board_pagination a {
    display: inline-block;
    height: 100%;
    width: 32px;
    height: 32px;
    font-size: 15px;
    line-height: 30px;
    border: 1px solid #dadada;
    border-radius: 4px;
    vertical-align: top;
}
.board_pagination a:hover {
    border-color: #666;
}
.board_pagination a.first {
    margin-right: 5px;
}

.board_pagination a.end {
    margin-left: 5px;
}

.board_pagination a i {
    width: 32px;
    display: block;
    height: 32px;
    position: relative;
}

.board_pagination a i::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    background-image: url(../images/board_prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}

.board_pagination a.next i::before {
    background-image: url(../images/board_next.svg);
}
.board_pagination a.first i::before {
    background-image: url(../images/board_first.svg);
}
.board_pagination a.end i::before {
    background-image: url(../images/board_end.svg);
}

.board_pagination ul {
    overflow: hidden;
    display: inline-block;
}

.board_pagination ul li {
    float: left;
}

.board_pagination ul li a {
    display: inline-block;
    height: 100%;
    margin: 0 2px;
    color: #333;
    transition: .1s;
}

.board_pagination ul li.on a {
    background-color: #666;
    color: #fff;
    border: 1px solid #666;
}
/* 2022-09-21 異붽� */
/* subpage - notice - article */

.article_wrap {
    color: #333;
    letter-spacing: -0.5px;
}

.article_wrap .tit {
    padding: 30px 25px;
    border-top: 2px solid #242424;
    border-bottom: 1px solid #e0e0e0;
    letter-spacing: -.5px;
}

.article_wrap .tit h3 {
    font-size: 25px;
    letter-spacing: -.05em;
    margin-bottom: 20px;
    font-weight: 500;
}

.article_wrap .tit span {
    color: #777;
    font-size: 16px;
    display: inline-block;
    margin-right: 8px;
}

.article_wrap .tit .subtit {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.article_wrap .tit .subtit::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #b4b4b4;
    top: 3px;
    right: -15px;
}

.article_wrap .article_body {
    border-bottom: 1px solid #e0e0e0;
}

.article_wrap .article_body .body_wrap {
    padding: 40px 30px 60px 30px;
    font-size: 17px;
    line-height: 1.6;
    color: #333;
    letter-spacing: -.045em;
}

.article_wrap .article_body .body_wrap b {
    font-weight: bold;
}

.article_wrap .article_body .body_wrap i {
    font-style: italic;
}

.article_wrap .article_body .body_wrap img {
    /* width: 100%!important; */
}

/* 怨듭��궗�빆 寃뚯떆�뙋 臾댁씠�옄�븷遺� �씠誘몄� �궗�씠利� */
.article_wrap .article_body .body_wrap p img {
    /* width: 100%!important;
    height: auto!important;
    max-width: 700px; */
}

.article_wrap .article_body .body_wrap a {
	color: blue;
}

.article_wrap .article_body .add_file {
    background-color: #f9f9f9;
    padding: 25px 10px 20px 30px;
    border-top: 1px solid #e0e0e0;
}

.article_wrap .article_body .add_file p {
    padding-bottom: 5px;
    color: #999;
}

.article_wrap .article_body .add_file ul {}

.article_wrap .article_body .add_file ul li {
    line-height: 35px;
    color: #555;
    letter-spacing: -.5px;
    margin-bottom: 5px;
}

.article_wrap .article_body .add_file ul li a {
    margin-right: 15px;

}

.article_wrap .article_body .add_file ul li a.down_btn {
    display: inline-block;
    position: relative;
    padding: 0 28px 0 12px;
    margin-right: 0;
    color: #333;
    font-size: 14px;
    word-break: keep-all;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    transition: .1s;
}

.article_wrap .article_body .add_file ul li a.down_btn::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/down.svg);
    background-repeat: no-repeat;
}


.article_wrap .article_body .add_file ul li a.down_btn:hover {
    border: 1px solid #764ccb;
    color: #764ccb;
}

.article_wrap .article_body .add_file ul li a.down_btn:hover::before {
    background-image: url(../images/downhover.svg);
}

.article_wrap .btn_wrap {
    text-align: center;
    padding-top: 40px;
}

.article_wrap .btn_wrap a {
    display: inline-block;
    padding: 17px 35px 17px 35px;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.05em;
    background-color: #777;
    border: 1px solid #7a7a7a;
    border-radius: 5px;
    transition: .1s ease-out;
}

.article_wrap .btn_wrap a:hover {
    background: #555;
}


/* subpage - faq */

.faq_search {
    text-align: center;
    padding-top: 65px;
}

.faq_search h3 {
    font-size: 35px;
    letter-spacing: -0.05em;
    font-weight: 700;
    color: #3a3a3a;
    margin-bottom: 30px;
}

.faq_search .srch_wrap {
    width: 70%;
    display: inline-block;
    margin-bottom: 60px;
    padding: 10px 10px 10px 25px;
    border: 1px solid #cfcfcf;
    border-radius: 15px;
    overflow: hidden;
    transition: .1s ease-out;
}

.faq_search .srch_wrap input {
    float: left;
    padding: 0px;
    width: calc(100% - 55px);
    height: 40px;
    font-size: 18px;
    border: none;
}

.faq_search .srch_wrap input::placeholder {
    font-size: 18px;
    color: #b7b7b7;
}

.faq_search .srch_wrap a {
    float: left;
    margin-left: 15px;
    height: 40px;
    width: 40px;
    background-image: url(../images/magnifying_lightg.svg);
    background-position: center;
    background-size: 22px;
    transition: .2s ease-out;
}

.faq_search .srch_wrap:focus-within {
    border: 1px solid #242424;
}

.faq_search .srch_wrap:focus-within a {
    background-image: url(../images/magnifying_gray.svg);
}

/*.faq_wrap .faq_nav {
    overflow: hidden;
    margin-bottom: 20px;
}

.faq_wrap .faq_nav li {
    float: left;
    padding: 0 20px;
    border-radius: 200px;
    margin-right: 7px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    letter-spacing: -1px;
    background: #f2f2f2;
    transition: .3s;
    border: 1px solid #f2f2f2;
}

.faq_wrap .faq_nav li a {
    display: block;
    height: 100%;
}

.faq_wrap .faq_nav li.on {
    background: #242424;
    border: 1px solid #242424;
    color: #fff;
}

.faq_wrap .faq_con {
    position: relative;
    border-top: 1px solid #242424;
}*/

/*
.faq_wrap .faq_con .faqsection { 
 position: absolute; 
 width: 100%; 
 display: none; 
 color: #333; 
 } 

.faq_wrap .faq_con .faqsection.on { 
 display: block; 
 position: relative; 
 } 
*/

.faq_wrap .faq_con .faqsection {
    position: absolute;
    left: -1px;
    width: 1px;
    height: 1px;
    color: transparent;
    overflow: hidden;
}

.faq_wrap .faq_con .faqsection.on {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    color: #000;
    overflow: visible;
}

.faqsection .faq .fqdep {
    background-color: #fff;
    display: block;
    font-size: 18px;
    letter-spacing: -1px;
}

.faqsection .faq .fqdep .qmark {
    padding: 0 0px 0 20px;
    display: inline-block;
    width: 50px;
    font-weight: 600;
    line-height: 70px;
}

.faqsection .faq .fqdep .fq_cate {
    width: 80px;
    color: #777;
    display: inline-block;
    line-height: 70px;
}

.faqsection .faq .fqdep .tit {
    display: inline-block;
    width: calc(100% - 140px);
    line-height: 70px;
    word-break: keep-all;
}

.faqsection .faq .fqlist {
    padding: 40px 60px;
    background: #f8f8f8;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.faqsection .faq .fqlist .answ {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: 17px;
    color: #555;
    line-height: 1.6;
    letter-spacing: -0.045em;
}

.faqsection .faq .fqlist .answ table {
	border-bottom: 1px solid #e6e8ea;
    text-align: center;
    width: 100%;
}

.faqsection .faq .fqlist .answer {
    background-color: #f8f8f8;
    font-size: 17px;
    color: #555;
    letter-spacing: -0.045em;
    line-height: 1.6;
}

.faqsection .faq .fqlist .answer b{
	font-weight: bold;
}

.faqsection .faq .fqlist .answer i{
	font-style: italic;
}

.faqsection .faq .fqlist .answer table {
	border-bottom: 1px solid #e6e8ea;
    width: 100%;
}

.faqsection .faq .fqlist .answer table td{
	vertical-align: middle;
}

.faqsection .faq .fqlist .answer ul, ol {
	padding: 0px 0px 0px 20px;
}

.faqsection .faq .fqlist .answer a {
	color: blue;
}

.faqsection .faq .answ_more {
    margin-top: 20px;
}

.faqsection .faq .answ_more a {
    display: inline-block;
    position: relative;
    padding: 12px 30px 12px 15px;
    font-weight: 400;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #dadada;
    background-color: #fff;
    transition: .1s ease-out;
}

.faqsection .faq .answ_more a::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    top: 13.5px;
    right: 12px;
    background-image: url(../images/faq_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: .2s ease-out;
}

.faqsection .faq .fqlist .answ_more a:hover {
    color: #fff;
    background-color: #777;
    border-color: #777;
}

.faqsection .faq .fqlist .answ_more a:hover::after {
    background-image: url(../images/faq_arrow_w.svg);
}

.faqview_tab {
    margin-bottom: 20px;
}

.faqview_tab ul {
    overflow: hidden;
}

.faqview_tab ul li {
    float: left;
    padding: 0 20px;
    border-radius: 200px;
    margin-right: 7px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    letter-spacing: -1px;
    background: #f2f2f2;
    transition: .3s;
    border: 1px solid #f2f2f2;
}

.faqview_tab ul li.on {
    background: #242424;
    border: 1px solid #242424;
    color: #fff;

}

.faqview_tab ul li a {
    display: block;
    height: 100%;

}

.faqview_wrap {
    border-top: 1px solid #242424;

}

.faqview_wrap .view_tit {
    padding: 30px 25px;
}

.faqview_wrap .view_tit span.qmark {
    display: inline-block;
    font-size: 18px;
    color: #919191;
    font-weight: 500;
}

.faqview_wrap .view_tit span.fq_cate {
    display: inline-block;
    font-size: 18px;
    letter-spacing: -1px;
    color: #919191;
    padding-left: 5px;
}

.faqview_wrap .view_tit p {
    color: #333;
    font-size: 25px;
    letter-spacing: -1.5px;
    margin-top: 15px;
    font-weight: 500;
}

.faqview_wrap .answer_wrap {
    padding: 40px;
    background-color: #f8f8f8;
    font-size: 18px;
    color: #555;
    letter-spacing: -0.045em;
    line-height: 1.6;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.faqview_wrap .answer_wrap b{
	font-weight: bold;
}

.faqview_wrap .answer_wrap i{
	font-style: italic;
}

.faqview_wrap .answer_wrap ul, ol {
	padding: 0px 0px 0px 20px;
}

.faqview_wrap .answer_wrap a {
	color: blue;
}

.faqview_wrap .answer_wrap table{
    width: 100%;
}

.faqview_wrap .answer_wrap table td{
	vertical-align: middle;
}

.faqview_wrap .back_btn {
    text-align: center;
    padding-top: 40px;

}

.faqview_wrap .back_btn a {
    display: inline-block;
    border: 1px solid #7a7a7a;
    border-radius: 5px;
    padding: 13px 30px 15px 30px;
    color: #7a7a7a;
    font-size: 18px;
    letter-spacing: -1px;
    transition: .2s ease-out;
}

.faqview_wrap .back_btn a:hover {
    background: #7a7a7a;
    color: #fff;
}

/* subpage - result table */
.result_wrap {}

.result_wrap .result_table {
    margin-top: 80px;
    border-top: 1px solid #242424;
}

.result_wrap .result_table table {
    width: 100%;
    text-align: center;
    word-break: keep-all;
}

.result_wrap .result_table table tr {
    border-bottom: 1px solid #e6e8ea;
}

.result_wrap .result_table table th {
    padding: 15px 0;
    color: #333;
    font-weight: 500;
    border-right: 1px solid #e6e8ea;
    vertical-align: middle;
}

.result_wrap .result_table table th:last-child {
    border-right-width: 0;
}

.result_wrap .result_table table td {
    padding: 15px;
    color: #555;
    background: #f9f9fa;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    border-right: 1px solid #e6e8ea;
}

.result_wrap .result_table table td:last-child {
    border-right-width: 0;
}

.result_wrap .result_table table th.br1px,
.result_wrap .result_table table td.br1px {
    border-right-width: 1px;
}


.result_wrap .result_table table td a.recshow {
    display: inline;
    border: 1px solid #dadada;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    transition: .1s ease-out;
    word-break: keep-all;
}

.result_wrap .result_table table td a.recshow:hover {
    border-color: #777;
    background-color: #777;
    color: #fff;
}

.result_wrap .result_table table td a.openlink {
    color: #744ac5;
    text-decoration: underline;
    margin-left: 5px;
    text-underline-offset: 2px;
}

.result_wrap .result_table table td a.linkconnect {
    text-decoration: underline;
    color: #0075ff;
}

.result_wrap .result_info {
    margin: 20px 0 0 0;
}

.result_wrap .result_info p {
    position: relative;
    font-size: 15px;
    letter-spacing: -.5px;
    display: block;
    width: 100%;
    line-height: 20px;
    padding-left: 20px;
    color: #999;
    word-break: keep-all;
}

.result_wrap .result_info p::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 3px;
    background-image: url(../images/input-info.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;

}

.result_wrap .resultbtn {}

.result_wrap .resultbtn button {
    cursor: pointer;
    transition: .2s;
    letter-spacing: -1px;
}

.result_wrap .resultbtn.printbtn {
    padding-top: 50px;
    text-align: center;
}

.result_wrap .resultbtn.printbtn button {
    width: 600px;
    line-height: 65px;
    color: #919193;
    font-size: 18px;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
}

.result_wrap .resultbtn.emailbtn {
    padding-top: 30px;
    text-align: left;
}

.result_wrap .resultbtn.emailbtn button {
    width: 170px;
    font-size: 16px;
    line-height: 45px;
    color: #666;
    background-color: #f1f1f1;
    border-radius: 8px;
}

.result_wrap .resultbtn button:hover {
    background-color: #744ac5;
    color: #fff;
}


/* subpage - terms and condition*/

.term_select {
    margin-top: 60px;
    margin-bottom: 50px;
}

.term_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/select_arrow.svg);
    background-size: 12px;
    background-position: right 20px top 50%;
    background-repeat: no-repeat;
    width: 100%;
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    height: 55px;
    font-size: 17px;
    color: #333;
    padding-left: 20px;
    cursor: pointer;
}

.term_select select::-ms-expand {
    display: none;
}

.term_select option {}


.terms_wrap {
    word-break: keep-all;
}

.terms_wrap .terms_tit {
    border-bottom: 1px solid #242424;
    padding-bottom: 15px;
    overflow: hidden;
}

.terms_wrap .terms_tit h3 {
    float: left;
    font-size: 27px;
    line-height: 45px;
    font-weight: 700;
    letter-spacing: -1.5px;
}

/* terms_history 220808 */
.terms_wrap .terms_history {
    float: right;
    font-size: 14px;
}

.terms_wrap .terms_history select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    background-color: #fff;
    background-image: url(../images/select_arrow.svg);
    background-size: 12px;
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
    border: 1px solid #333333;
    width: 300px;
    height: 45px;
    font-size: 14px;
    color: #333;
    border-radius: 8px;
    cursor: pointer;
    padding: 0 40px 0 15px;
}

.terms_wrap .terms_history select::-ms-expand {
    display: none;
}

.terms_wrap .terms_history button {
    float: right;
    background-color: #333;
    color: #fff;
    line-height: 45px;
    width: 80px;
    margin-left: 5px;
    border-radius: 8px;
}

/* 20240112 ESG */
.terms_wrap .terms_body {
    line-height: 27px;
    letter-spacing: -.035em;
    color: #666;
}
/* 20240112 ESG */

.terms_wrap .terms_body {
    line-height: 27px;
    letter-spacing: -.5px;
    color: #666;
}

.terms_wrap .terms_body p.bt1 {
    font-size: 20px;
    color: #6729b8;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: -25px;
}

.terms_wrap .terms_body p.mt1 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 15px;
}

.terms_wrap .terms_body p.t_txt {
    font-size: 17px;
    line-height: 30px;
    color: #333;
}

.terms_wrap .terms_body p.t_txt_top {
    font-size: 17px;
    line-height: 30px;
    color: #333;
    margin-top: 30px;
}

.terms_wrap .terms_body ul {
    font-size: 17px;
}

.terms_wrap .terms_body ul li {}

.terms_wrap .terms_body li.m_num {
    position: relative;
}

.terms_wrap .terms_body li.m_num:first-child {
    margin-top: 5px;
}

.terms_wrap .terms_body li.m_num span.num {
    position: absolute;
    display: inline-block;
    width: 22px;
    text-align: center;
    top: 8px;
    color: #333;
    font-weight: 600;
}

.terms_wrap.perinfo .terms_body li.m_num span.num {
    top: 8px;
    text-align: left;
}

.terms_wrap.perinfo .terms_body li.m_num>p {
    padding-left: 30px;
}

.terms_wrap .terms_body li.m_num>p {
    padding: 6px 0 6px 30px;
    line-height: 30px;
}

.terms_wrap .terms_body li.s_num {}

.terms_wrap .terms_body li.s_num:first-child {}

.terms_wrap .terms_body li.s_num>p {
    font-size: 16px;
    line-height: 29px;
    padding-left: 35px;
}

.terms_wrap .terms_body li.s_num ul li p {
    font-size: 15px;
    color: #999;
    padding-left: 55px;
    line-height: 27px;
}

.terms_wrap .terms_body li.s_num ul li:last-child p {
    margin-bottom: 6px;
}

.terms_wrap .terms_body p.aste {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    color: #9d9d9d;
}

.terms_wrap .terms_body p.aste::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 9px;
    left: 15px;
    background-image: url(../images/aste.svg);
}

.terms_wrap .terms_body .term_ps {
    background-color: #fafafa;
    padding: 15px 28px;
    border-top: 1px solid #e0e0e0;
    margin-top: 65px;
    border-bottom: 1px solid #242424;

}

.terms_wrap .terms_body .term_ps .pstit {
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

.terms_wrap .terms_body .term_ps p {
    font-size: 17px;
    line-height: 30px;
    color: #666;
    position: relative;
    padding-left: 30px;

}

.terms_wrap .terms_body .term_ps p::before {
    content: "";
    position: absolute;
    background-image: url(../images/info.svg);
    background-position: center;
    width: 18px;
    height: 18px;
    top: 7px;
    left: 0;
    background-repeat: no-repeat;
}

.terms_wrap .terms_body .term_tablebox {
    border-top: 1px solid #242424;
    margin-top: 30px;
    margin-bottom: 30px;
    word-break:normal;
}

.terms_wrap .terms_body .term_tablebox table {
    border-bottom: 1px solid #e6e8ea;
    text-align: center;
    width: 100%;
}

.terms_wrap .terms_body .term_tablebox tr {}

.terms_wrap .terms_body .term_tablebox th {
    border-bottom: 1px solid #e6e8ea;
    padding: 10px 0;
    color: #333;
    font-weight: 500;
    border-right: 1px solid #e6e8ea;
}

.terms_wrap .terms_body .term_tablebox th:last-child {
    border-right: 0;
}

.terms_wrap .terms_body .term_tablebox td {
    border-right: 1px solid #e6e8ea;
    vertical-align: middle;
    border-bottom: 1px solid #e6e8ea;
    padding: 20px;
    color: #666;
    background: #f9f9fa;
    font-size: 15px;
    line-height: 25px;
}

.terms_wrap .terms_body .term_tablebox .nobr {
    border-right: 0;
}

/* 20240112 ESG */  
.terms_body .esglabel_wrap {display: flex;flex-wrap: wrap;padding-top: 30px;padding-bottom: 20px;letter-spacing: -0.6px;}
.terms_body .esglabel_wrap .label {width: calc((100% - 60px) / 3);margin: 10px;}
.terms_body .esglabel_wrap .label a {display: block;text-decoration: none!important;word-break: keep-all;padding: 35px;height: 100%;background-color: #ffffff;border: 1px solid #dadada;border-radius: 5px;}
.terms_body .esglabel_wrap .label a:hover {border:1px solid #999 ;}
.terms_body .esglabel_wrap .label img {height: 75px;}
.terms_body .esglabel_wrap .label .tit {font-size: 18px;color: #1a53c5;font-weight: 500;margin-top: 5px; margin-bottom: 0;}
.terms_body .esglabel_wrap .label .sub {line-height: 1.65;font-weight: 400;color: #555;margin-top: 8px;margin-bottom: 0;}
.terms_body .esglabel_wrap .label .sub2 {font-size: 14px;font-weight: 400;margin-top: 10px;opacity: .6;}
.terms_body .esg_h2 {display: flex;flex-direction: row;justify-content: space-between;padding: 0;margin-bottom: 35px;margin-top: 75px;border-top: 2px solid #555;border-bottom: 1px solid #999;}
.terms_body .esg_h2 .txt {display: flex;flex-direction: row;align-items: center;font-size: 21px;font-weight: bold;letter-spacing: -.4px;}
.terms_body .esg_h2 .txt span {color: #1a53c5;}
.terms_body .esg_h2 .txt p {font-size: 21px;font-weight: bold;letter-spacing: -.3px;padding-left: 10px;color: #111;padding-top: 30px;padding-bottom: 30px;}
.terms_body .esg_h2 .labelimg {display: flex;align-items: center;}
.terms_body .esg_h2 .labelimg img {height: 55px;display: inline-block;}
/* 20240112 ESG */

/* subpage - aboutus */

.about_kg {
    padding-top: 80px;
}

.about_kg .kg_info {
    overflow: hidden;
    word-break: keep-all;
}

.about_kg .kg_info .txt {
    float: left;
    width: 70%;
    padding-right: 60px;
}

/* 20260327 사명 변경 작업 내용 시작 */
.about_kg .kg_info .txt h3 {
    font-size: 32px; 
    line-height: 46px;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.9px;
    padding-bottom: 16px;
}
.about_kg .kg_info .txt h3 br.br2{display: none;}
.about_kg .kg_info .txt h3 span {color: #764ccb;}
.about_kg .kg_info .txt>p {
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 32px;
    color: #757575;
    margin-bottom: 14px;
}
.about_kg .kg_info .txt>p.subtit {
    font-size: 21px;
    line-height: 1.6;
    color: #444;
    font-weight: 700;
    margin-bottom: 20px;
}
/* 20260327 사명 변경 작업 내용 종료 */

.about_kg .kg_info .img {
    float: right;
    width: 30%;
    height: 350px;
    background: url(../images/kgbuild_2508.png) no-repeat center; /* 250820 수정 */
    background-size: cover;
    border-radius: 10px;
}

.noti_tit .stockpie {
    height: 381.5px;
    margin-bottom: 35px;
    margin-top: -15px;
}

.noti_tit .stockpie img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.noti_tit .board_wrap .board_tit .aboutus_no {
    width: 10%;
}

.noti_tit .board_wrap .board_tit .aboutus_tit {
    width: calc(45% - 130px);
}

.noti_tit .board_wrap .board_tit .aboutus_period {
    width: 30%;
}

.noti_tit .board_wrap .board_tit .aboutus_down {
    width: 130px;
}

.noti_tit .board_wrap .board_tit .aboutus_date {
    width: 15%;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_no {
    width: 10%;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_tit {
    width: calc(45% - 130px);
    text-align: left;
    padding-left: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_period {
    width: 30%;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_down {
    width: 130px;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_down a.down_btn {
    position: relative;
    padding: 5px 13px 5px 33px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #777;
    border-radius: 5px;
    font-size: 15px;
    transition: .2s;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_down a.down_btn::before {
    content: "";
    position: absolute;
    width: 10px;
    top: 1px;
    left: 15px;
    height: 32px;
    background-image: url(../images/down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.noti_tit .board_wrap .board_data ul li span.aboutus_down a.down_btn:hover::before {
    background-image: url(../images/downhover.svg);
}

.noti_tit .board_wrap .board_data ul li span.aboutus_down a.down_btn:hover {
    border-color: #777777;
    background: #777777;
    color: #fff;
}

.noti_tit .board_wrap .board_data ul li span.aboutus_date {
    width: 15%;
}

.noti_tit .table_wrap {
    width: 100%;
    border-top: 1px solid #242424;
}

.noti_tit .table_wrap table {
    border-bottom: 1px solid #e6e8ea;
    text-align: center;
    width: 100%;
}

.noti_tit .table_wrap table tbody {}

.noti_tit .table_wrap table tbody tr {}

.noti_tit .table_wrap table tbody th {
    border-bottom: 1px solid #e6e8ea;
    padding: 10px 0;
    color: #333;
    font-weight: 500;
    border-right: 1px solid #e6e8ea;
}

.noti_tit .table_wrap table tbody td {
    border-right: 1px solid #e6e8ea;
    vertical-align: middle;
    border-bottom: 1px solid #e6e8ea;
    padding: 15px 25px;
    color: #666;
    background: #f9f9fa;
    font-size: 15px;
    line-height: 25px;
}

.noti_tit .table_wrap table .nobr {
    border-right: 0;
}

.partners {
    padding-bottom: 30px;
}

.partners .txt_wrap {
    padding: 120px 0 60px 0;
}

.partners .txt_wrap h3 {
    text-align: center;
    font-size: 28px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #333;
}

.partners .partners-slide-wrap {}

.partners .partners-slide-wrap .partners-slideshow {
    height: 100px;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

.partners-slideshow .slide-content {
    height: 100px;
    width: 99999px;
    background-image: url(../images/new_partners1.png);
    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(0, 0, 0);
    animation: logoSlide 1500s linear infinite;
}

.partners-slideshow .slide-content2 {
    height: 100px;
    width: 99999px;
    background-image: url(../images/new_partners2.png);
    background-size: contain;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    animation: logoSlide2 1500s linear infinite;
}

@keyframes logoSlide {
    100% {
        transform: translateX(66.6666%);
    }
}

@keyframes logoSlide2 {
    100% {
        transform: translateX(-66.6666%);
    }
}


/* modal popup 220808 */
.modal_popup {
    position: fixed;
    visibility: hidden;
    z-index: 99999;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    transition: .2s;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
}
/* 2025 리뉴얼 추가 */
.modal-inner {max-height: calc(100vh - 40px);overflow-y: auto;border-radius: 8px;}
.modal-inner::-webkit-scrollbar {width:5px;}
.modal-inner::-webkit-scrollbar-thumb {border-radius:5px;background: #bfbfbf;}
.modal-inner::-webkit-scrollbar-track {background:#f5f5f5;}
/* 2025 리뉴얼 추가 끝 */
.modal_popup .modal_contents {
    position: fixed;
    width: 450px;
    padding: 20px;
    left: 50%;
    top: 50%;
    transition: .3s;
    transform: translate(-50%, -50%);
    background-color: #fff; /* 20260324 사명변경 수정 */
    border-radius: 10px;
    transition: .3s;
}

.modal_popup.show {
    visibility: visible;
    opacity: 1;
}

.modal_popup .modal_contents .tit {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
}

.modal_popup .modal_contents .tit h2 {
    font-size: 20px;
    letter-spacing: -.8px;
    line-height: 24px;
    font-weight: 500;
}

/* 20260427 미납내역조회 팝업 추가 */
.modal_popup.creditInfoModal .modal_contents{padding:0;}
.modal_popup.creditInfoModal .modal_contents .tit{padding-bottom:0;}
.modal_popup.creditInfoModal .modal_contents .tit h2{
    color:#333;
    font-weight: 600;
    padding:20px 20px 16px;
}
.modal_popup.creditInfoModal .modal_contents .modalBody{
    padding:12px 20px 20px;
}
.modal_popup.creditInfoModal .modal_contents .modalBody .body-tit{
    padding-left: 0;
    color:#333;
    font-size: 16px;
    line-height: 1.6;
}
.modal_popup.creditInfoModal .modal_contents .modalBody div{
    padding-top:16px;
}
.modal_popup.creditInfoModal .modal_contents .modalBody h1{
    color:#333;
    padding-bottom: 6px;
}
.modal_popup.creditInfoModal .modal_contents .modalBody ul li{
    line-height: 1.45;
    word-break: keep-all;
    padding-left: 4px;
}

.modal_popup.creditInfoModal .modal_contents .closeBtn1{
    background-color: #333;
    color: #fff;
    width: 150px;
    line-height: 50px;
    border-radius: 8px;
    margin: 20px auto 10px;
    display: block;
    font-size: 16px;
}
.modal_popup.creditInfoModal .modal_contents .closeBtn3{
    position: absolute;
    right: 25px;
    top: 20px;
    width: 24px;
    height: 24px;
    background: url(../images/close.svg) no-repeat;
}
/* 20260427 미납내역조회 팝업 추가 끝 */

.modal_popup .modal_contents .data {
    padding-top: 15px;
}

.modal_popup .modal_contents .data p {
    line-height: 25px;
}

.modal_popup .modal_contents .data .modalError {
    display: none;
    color: #e9564a;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 18px;
    margin-top: 10px;
}

.modal_popup .modal_contents .data input {
    width: 100%;
    padding: 5px 15px;
    margin-top: 15px;
    border: 0;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 16px;
    background-color: #efefef;
    height: 50px;
}

.modal_popup .modal_contents .data input::placeholder {
    color: #b7b7b7;
}

.modal_popup .modal_contents .emailSend {
    display: block;
    height: 100%;
    line-height: 50px;
    margin-top: 20px;
    border-radius: 8px;
    background-color: #333;
    color: #fff;
    text-align: center;
}

.modal_popup .modal_contents .closeBtn {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 24px;
    height: 24px;
    background: url(../images/close.svg) no-repeat;
}
/* �쑕���룿蹂몄씤�씤利� 紐⑤떖 異붽� 2022-09-19 */
.verifyBtn {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
    color: #5f17bc;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.5px;
}
.verifyBtn::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 0;
    left: 0;
    bottom: -4px;
    background: #5f17bc;
    transition: .3s ease-out;
}
.verifyBtn::after {
    position: absolute;
    content: "";
    right: -25px;
    top: 7px;
    width: 12px;
    height: 12px;
    background-image: url(../images/morearrowpur.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: .3s ease-out;
}
.verifyBtn:hover:before {
    width: 100%;
}

.verifyBtn:hover:after {
    right: -20px;
}
.verifyBtn2 {
    position: relative;
    font-size: 14px;
    letter-spacing: -0.05em;
    display: none;
    width: 100%;
    line-height: 1.6;
    margin-top: 10px;
    padding-left: 20px;
    color: #999;
}
.verifyBtn2::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 3px;
    background-image: url(../images/input-info.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;
}
.modal_popup.verifyModal .modal_contents {
    width: 700px;
}
.modal_popup .modal_contents .data .verifyTable {
    border-top: 2px solid #000;
}
.modal_popup .modal_contents .data .verifyTable table {
    width: 100%;
    font-size: 15px;
    color: #000;
    text-align: center;
}
.verifyTable table thead tr th {
    line-height: 1.6;
    vertical-align: middle;
    font-weight: 500;
    padding: 8px;
}
.verifyTable table tbody {
    border-top: 1px solid #dadada;
}

.verifyTable table tbody td {
    padding: 15px;
    vertical-align: middle;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #f5f5f5;
    line-height: 20px;
}

.verifyTable table tbody td:last-child {
    border-right: 0px;
}

.modal_popup.verifyModal .modal_contents .tit {
    border-bottom: 0;
    padding-bottom: 10px;
}

.modal_popup .modal_contents .data .subexp {
    margin: 20px 0 30px 0;
}
.modal_popup .modal_contents .data .subexp p {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.045em;
    color: #555;
}
.modal_popup .modal_contents .data .closeBtn2 {
    background-color: #333;
    color: #fff;
    width: 160px;
    line-height: 55px;
    border-radius: 8px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
}

/* 20221114 湲곗〈 媛�留뱀젏 �솗�씤 異붽� */
.modal_popup .modal_contents.mini {width: 380px;}
.modal_popup .modal_contents .data .membercheckmd {padding: 5px 0px 20px 0px;}
.modal_popup .modal_contents .data .membercheckmd p {font-size: 17px; text-align: center; line-height: 1.5;word-break: keep-all;}
.modal_popup .modal_contents .data .membercheckmd p.sub {font-size: 15px;color: #888;padding-top: 5px;}





/* 2022-08-11 異붽� */
button.timebtn {
    display: inline-block;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    transition: .1s;
    margin-right: 5px;
    /* width:75px;
    height:48px; */
}
/* 2022-08-11 異붽� */

/* 2022-08-11 異붽� */
.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn:last-child {
    margin-right: 0;
}
/* 2022-08-11 異붽� */

/* 2022-08-11 異붽� */
.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn:hover {
    border-color: #333;
}
/* 2022-08-11 異붽� */
.board_pagination a i::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    background-image: url(../images/board_prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22%;
}

/* 2022-08-16 異붽� */
.current .prev {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    background-image: url(../images/board_prev.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22%;
}
/* 2022-08-16 異붽� */

/* 2022-08-16 異붽� */
.current .next {
    background-image: url(../images/board_next.svg);
}
/* 2022-08-16 異붽� */

/* 2022-08-23 異붽� */

.escrow_btn {
    display: block;
    margin-left: 10px;
    border-radius: 5px;
    padding: 10px 60px;
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -0.045em;
    line-height: 26px;
    color: #a6a6a6;
    background-color: #ececec;
    transition: .1s ease-out;
}
.btn.active .escrow_btn {
	background-color:#744ac5;
	color: #fff;
}


.term_btn {
    float: right;
    background-color: #333;
    color: #fff;
    line-height: 45px;
    width: 80px;
    margin-left: 5px;
    border-radius: 8px;
}/* 2022-08-23 異붽� */
/* techsupport - payment complete 220811 */
/* 2022-09-15 異붽� */
.payment_cmplt {
    width: 550px;
    margin: 0 auto;
    padding-top: 60px;
}
.payment_cmplt .tit {}
.payment_cmplt .tit h3 {
    font-size: 30px;
    color:#333;
    font-weight: 700;
    letter-spacing: -1.5px;
}
.payment_cmplt .tit .sub {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 15px 15px 15px 25px;
    margin-top: 20px;
}
.payment_cmplt .tit .sub p {
     position: relative;
    font-size: 15px;
    line-height: 25px;
    color: #555;
    padding-left: 12px;
}
.payment_cmplt .tit .sub p::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #969696;
    left: 0;
    top: 10px;
}
.payment_cmplt .detail {
    border-top: 2px solid #333;
    margin-top: 30px;
}
.payment_cmplt .detail .line {
    position: relative;
    padding: 20px 0px 20px 150px;
    border-bottom: 1px solid #e0e0e0;
    height: 57px;
}
.payment_cmplt .detail .line span {
    position: absolute;
    left: 20px;
    color: #acacac;
}
.payment_cmplt .btn {
    padding-top: 40px;
}
.payment_cmplt .btn a {
    display: block;
    height: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 55px;
    border-radius: 8px;
}
/* 2022-09-15 異붽� */

/*  20221124  �꽌鍮꾩뒪 �냼媛� �떊洹� 而⑦뀗痢� 異붽� */
.service_nav {border-bottom: 1px solid #e6e6e6; } 
.service_nav .serv_tabnav { overflow: hidden; white-space: nowrap; overflow-x: auto; } 
.service_nav .serv_tabnav li {display: inline-block;height: 58px;color: #555;text-align: center;font-size: 17px;letter-spacing: -0.04em;background-color: #fff;transition: .1s;} 
.service_nav .serv_tabnav li a {position: relative; display: block; height: 100%; line-height: 58px; margin-right: 30px; }
.service_nav .serv_tabnav li:nth-child(5) a::after {content: 'NEW'; position: absolute; height: 20px; width: 32px; z-index: 1; color: #ff5252; right: -30px; top: -2px; font-size: 11px; }/* 20260821 수정 */
.service_nav .serv_tabnav li a::before {content: '';position: absolute;height: 3px;width: 0;z-index: 1;background-color: #eee;left: 0;bottom: 0;transition: .3s;}
.service_nav .serv_tabnav li.on a::before {width: 100%;background-color: #764ccb!important;}
.service_nav .serv_tabnav li a:hover::before {width: 100%;background-color: #d5d5d5;}
.service_nav .serv_tabnav li.on {color: #764ccb;font-weight: 500; } 
.servconwrap { position: relative;} 
.servconwrap .service_info { position:absolute; left:-1px; width:1px; height:1px; color:transparent; overflow:hidden; } 
.servconwrap .service_info.on { position:static; left:auto; width:auto; height:auto; color:#000; overflow:visible; } 
.service_info .pay_line .pay_info.newserv {width: 100%;padding-right: 0;padding-bottom: 0;}
.service_info .pay_line .pay_info.newserv .servbox {padding-top: 70px;}
.service_info .pay_line .pay_info.newserv .servbox ul {display: flex;flex-wrap: nowrap;text-align: left;}
.service_info .pay_line .pay_info.newserv .servbox ul li {width: calc((100% - 90px) / 4);margin-right: 30px;}
.service_info .pay_line .pay_info.newserv .servbox ul li img {height: 70px;display: block;margin-bottom: 20px;}
.service_info .pay_line .pay_info.newserv .servbox ul li:last-child {margin-right: 0;}
.service_info .pay_line .pay_info.newserv .servbox ul li > strong {color: #333;font-weight: 500;font-size: 18px;line-height: 1.5;}
.service_info .pay_line .pay_info.newserv .servbox ul li > p {font-size: 16px;color: #777; line-height: 1.6;margin-top: 8px;}
.service_info .pay_line .pay_info.newserv .servlink { position: relative; display: inline-block; margin-top: 15px; font-size: 16px; color: #5f17bc; line-height: 1.5; font-weight: 500; letter-spacing: -.5px;}
.service_info .pay_line .pay_info.newserv .servlink::before { position: absolute; content: ""; height: 2px; width: 0; left: 0; bottom: -4px; background: #5f17bc; transition: .3s ease-out; } 
.service_info .pay_line .pay_info.newserv .servlink::after { position: absolute; content: ""; right: -25px; top: 7px; width: 12px; height: 12px; background-image: url(../images/morearrowpur.svg); background-repeat: no-repeat; background-size: 100%; transition: .3s ease-out; } 
.service_info .pay_line .pay_info.newserv .servlink:hover:before { width: 100%; } 
.service_info .pay_line .pay_info.newserv .servlink:hover:after { right: -20px; }

/* 20260821 서비스소개 - 선정산 바로가기 영역 추가 */
.service_info .flowbtn_wrap{display: flex; align-items: center; justify-content: space-between; padding:60px 48px; margin-top: 40px; border-radius: 22px; letter-spacing: -0.5px; background-color: #f8f6fc; background-image: url(../images/2026/flow_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center right; }
.service_info .flowbtn_wrap .flowbtn_txt { }
.service_info .flowbtn_wrap .flowbtn_txt p.flowbtn_tit { font-weight: 700; font-size: 22px; line-height: 1.35; padding-bottom: 6px; color: #764ccb; }
.service_info .flowbtn_wrap .flowbtn_txt p.flowbtn_sub{ font-weight: 400; color: #333333; font-size: 18px; line-height: 1.3; }
.service_info .flowbtn_wrap .flowbtn_txt p.flowbtn_sub br{display: none;}
.service_info .flowbtn_wrap .flowbtn a{ display: inline-block; background-color: #764ccb; color: #fff; padding: 20px 24px; border-radius: 8px; letter-spacing: -0.1px; }
/* 20260821 서비스소개 - 선정산 바로가기 영역 추가 끝*/

/* 20260723 선정산 블로그 추가 */
.service_info .pay_line .pay_info.newserv .servbox.flow ul li {width: calc((100% - 60px) / 3);margin-right: 30px;}
.service_info .pay_line .pay_info.newserv .servbox.flow ul li:last-child {margin-right: 0;}
.service_info .pay_line .pay_info.newserv .flowBlog_wrap{ margin-top: 70px; display: flex; justify-content: space-between; align-items: center; padding: 36px 48px; border-radius: 22px; background-color: #f6f6f6; }/* 20260821 수정*/
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .left{ display: flex; align-items: center; gap: 10px; }/* 20260821 수정*/
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .left img{width:44px}/* 20260821 수정*/
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .left .tit{font-weight: 700; color:#03C75A; font-size: 18px; line-height: 1.35; letter-spacing: -0.5px; padding-bottom: 6px;}/* 20260821 수정*/
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .left .br{display: none;}
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .left .sub{font-weight: 400; color:#333333; font-size: 16px; line-height: 1.3; letter-spacing: -0.5px;}/* 20260821 수정*/
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .blogRight a{display: inline-block; /*background-color: #333;*/ color:#03C75A; border:1px solid #03C75A; padding:16px 20px; border-radius: 8px; letter-spacing: -0.1px; font-size: 15px;}/* 20260821 수정 */
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .arrowBtn{display: none;}/* 20260821 추가 */
.service_info .pay_line .pay_info.newserv .flowBlog_wrap .arrowBtn a{display: inline-block;}/* 20260821 추가 */
/* 20260723 선정산 블로그 추가 끝 */

/* 240321 �꽌鍮꾩뒪�냼媛� �꽌鍮꾩뒪 focusing navi */
.service_focus{margin-top: 30px; display: none;}
.service_focus.focusOn{display: block;}
.service_focus .serv_tabfocus{overflow: hidden; white-space: nowrap; overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
.service_focus .serv_tabfocus::-webkit-scrollbar{display: none;}
.service_focus .serv_tabfocus li{display: inline-block;color: #555;text-align: center;font-size: 15px;transition: .1s;padding: 12px 10px;border-radius: 25px;vertical-align: middle;cursor: pointer;border: 1px solid #ccc;}
.service_focus .serv_tabfocus li:hover{color: #fff;background: #333; border: 1px solid #333;}
.service_focus .serv_tabfocus li:not(:last-child) {margin-right: 7px;}



/* 20230517 �쉶�궗�냼媛� �뿰�쁺 異붽� */
.history_nav {float: left;width: 330px;} 
.history_nav .history_tab { color: #333;} 
.history_nav .history_tab li {transition: .1s;margin-right: 65px;border-radius: 8px;line-height: 60px;margin-bottom: 7px;border: 1px solid #fff;font-size: 17px;} 
.history_nav .history_tab li a {position: relative; display: block; height: 100%;padding-left: 20px;}
.history_nav .history_tab li:hover {background-color: #fff;border: 1px solid #eaeaea;}
.history_nav .history_tab li.on {background-color: #f2f2f3;border: 1px solid #f2f2f3;font-size: 19px;font-weight: 600;}
.history_nav .history_tab li.on:hover {background-color: #f2f2f3;}
.history_con {float: left;width: calc(100% - 330px); position: relative;color: #333;} 
.history_con .his_detail { position:absolute; left:-1px; width:1px; height:1px; color:transparent; overflow:hidden;color: #333; } 
.history_con .his_detail.on { position:static; left:auto; width:auto; height:auto; overflow:visible; } 
.history_con .his_detail .his_year {border-left: 1px solid #dadada;padding: 15px 0 15px 40px;}
.history_con .his_detail .his_year .year_txt {position: relative;float: left;font-size: 22px;font-weight: 600;width: 100px;padding-top: 5px;}
.history_con .his_detail .his_year .year_txt::before {content: '';position: absolute;width: 9px;height: 9px;background-color: #333;border-radius: 50%;left: -45px;top: 12px;}
.history_con .his_detail .his_year .month_detail {float: left;width: calc(100% - 100px);}
.history_con .his_detail .his_year .month_detail ul {}
.history_con .his_detail .his_year .month_detail ul li {font-size: 17px;letter-spacing: -0.04em;line-height: 1.85;}
.history_con .his_detail .his_year .month_detail ul li span {padding-right: 20px;letter-spacing: 0;}
.history_con .his_detail .his_year:first-child {padding-top: 0;}
.history_con .his_detail .his_year:last-child {padding-bottom: 0;}
/* 20230517 �쉶�궗�냼媛� �뿰�쁺 異붽� */


/* 20230607 �븷�뵆�럹�씠 �꽌鍮꾩뒪 �븞�궡 �뙘�뾽 異붽� */
/* .applePay_modal_popup.applepopup .applePay_modal_contents {width: 420px;padding: 0;overflow: hidden;}
.applePay_modal_popup .applePay_modal_contents .apple-popimg {position: relative;width: 100%;}
.applePay_modal_popup .applePay_modal_contents .apple-popimg img {display: block;width: 100%;}
.applePay_modal_popup .applePay_modal_contents .apple-btnwrap {background-color: #e7e7e7;}
.applePay_modal_popup .applePay_modal_contents .apple-btnwrap button {font-size: 15px;display: inline-block;color: #666;width: 50%;line-height: 50px;}
.applePay_modal_popup .applePay_modal_contents .apple-btnwrap button:nth-child(2) {border-left: 1px solid #c5c5c5;} */

.applewrap{width: 420px;padding: 0;overflow: hidden;}
.modal_popup.applepopup .modal_contents {width: 480px;padding: 0;overflow: hidden;}
.modal_popup .modal_contents .apple-popimg {position: relative;width: 100%;}
.modal_popup .modal_contents .apple-popimg img {display: block;width: 100%;}
.modal_popup .modal_contents .apple-btnwrap {background-color: #e7e7e7;}
.modal_popup .modal_contents .apple-btnwrap button {font-size: 15px;display: inline-block;color: #666;width: 100%;line-height: 50px;}
.modal_popup .modal_contents .apple-btnwrap button:nth-child(2) {border-left: 1px solid #c5c5c5;}

/* 240102 ESG - 240206 ESG �닔�젙 */
.esg_msg {text-align: center;padding-top: 75px;}
.esg_msg p.esgtit {position: relative;font-size: 36px;letter-spacing: -1px;color: #333;font-weight: 500;display: inline-block;line-height: 55px;}
.esg_msg p.esgtit::before {content: '';position: absolute;width: 35px;height: 30px;background: url(../image/esgmsg1.svg) no-repeat;left: -50px;top: 5px;}
.esg_msg p.esgtit::after {content: '';position: absolute;width: 35px;height: 30px;background: url(../image/esgmsg2.svg) no-repeat;right: -50px;top: 5px;}
.esg_msg p.esgtit br {display: none;}
.esg_msg p.esgtit > span {font-weight: 700; color: #1C9D33;}
.esg_msg p.esgsub {color: #999;font-size: 20px;font-weight: 400;letter-spacing: -0.5px;line-height: 1.7;margin-top: 12px;}
.esg_nav {} 
.esg_nav .esg_tabnav {overflow: hidden;white-space: nowrap;overflow-x: auto;background-color: #F5F5F5;padding: 35px 0;margin-top: 50px;margin-bottom: 60px;border-radius: 10px;display: flex;justify-content: center;align-items: center;} 
.esg_nav .esg_tabnav li {position: relative;display: inline-block; text-align: left;height: 80px;padding-right: 42px;padding-left: 38px;} 
.esg_nav .esg_tabnav li::before {content: '';position: absolute;width: 1px;height: 70px;background-color: #dadada;top: 5px;left: 5px;}
.esg_nav .esg_tabnav li:first-child:before {display: none;}
.esg_nav .esg_tabnav li a {position: relative;display: flex;height: 100%;justify-content: center;align-items: center;flex-direction: row;}
.esg_nav .esg_tabnav li a .img {display: block;width: 70px;height: 70px;padding: 10px; background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);} 
.esg_nav .esg_tabnav li a .img img {width: 100%; filter: grayscale(1); opacity: .3;transition: .25s; }
.esg_nav .esg_tabnav li a .txt {padding-left: 20px;} 
.esg_nav .esg_tabnav li a .txt .navtit {font-size: 20px;line-height: 24px;color: #777;margin-bottom: 2px;letter-spacing: -0.5px;} 
.esg_nav .esg_tabnav li a .txt .navsub {font-size: 13px;line-height: 22px;letter-spacing: 1px;color: #a3a3a3;font-weight: 300;} 
.esg_nav .esg_tabnav li.on a .txt .navtit {color: #1C9D33;font-weight: 500;}
.esg_nav .esg_tabnav li.on a .img img {filter: grayscale(0); opacity:1;}
.esg_nav .esg_tabnav li:hover a .txt .navtit {color: #1C9D33;font-weight: 500;} 
.esg_nav .esg_tabnav li:hover a .img img {filter: grayscale(0); opacity:1;}
.esgcontents { position: relative;} 
.esgcontents .esg_board { position:absolute; left:-1px; width:1px; height:1px; color:transparent; overflow:hidden; } 
.esgcontents .esg_board.on { position:static; left:auto; width:auto; height:auto; color:#000; overflow:visible; } 
/* 240102 ESG - 240206 ESG �닔�젙 */
/* 250814 추가 - 회사소개 자격사항 로고 */
/* 20260327 사명 변경 작업 내용 시작 */
.certi_box ul{display: flex; flex-wrap: wrap; width: 100%; margin-top: 35px; gap:16px;} 
/* 20260327 사명 변경 작업 내용 종료 */
.certi_box ul li {
    display: flex;
    gap: 12px;
    width: calc((33.33% - 11px));/* 20260227-1 수정 */
    background-color: #f2f4f5;
    color: #303030;
    border-radius: 15px;
    padding: 16px 24px;
    align-items:center;
    justify-content:flex-start;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-family:'Pretendard';
    border:1px solid rgba(0,0,0,0.02);
    line-height: 1.7;
    word-break: keep-all;
}
.certi_box ul li img { width: 55px;}/* 20260227-1 수정 */
.certi_box ul li br{display: none;}
/* 250814 추가 끝- 회사소개 자격사항 로고 */
/* 20240613 FAQ �옄二쇰Щ�뒗吏덈Ц 由щ돱�뼹 */
.faq_wrap .faq_nav {display: flex;border-bottom: 1px solid #e5e4e3;}
.faq_wrap .faq_nav li {position: relative;text-align: center;line-height: 55px;font-size: 17px;color: #acacac;transition: .2s;font-weight: 400;margin: 0 12px;}
.faq_wrap .faq_nav li:first-child {margin-left: 0;}
.faq_wrap .faq_nav li::after {content: '';position: absolute;height: 2px;width: 100%;background-color: #000;left: 0;bottom: -1px;opacity: 0;}
.faq_wrap .faq_nav li a {display: block;height: 100%;padding: 0 5px;}
.faq_wrap .faq_nav li.on {color: #000;font-weight: 500;}
.faq_wrap .faq_nav li.on::after {opacity: 1;}
.faq_wrap .faq_con {position: relative;}
.faq_wrap .faq_con .faq_cate2 {padding: 20px 0 24px 0;}
.faq_wrap .faq_con .faq_cate2 ul {display: flex;}
.faq_wrap .faq_con .faq_cate2 li {margin-right: 5px;transition: .1s;}
.faq_wrap .faq_con .faq_cate2 li.on button {background-color: #333;border: 1px solid #333;color: #fff;}
.faq_wrap .faq_con .faq_cate2 li button {border: 1px solid #f0f0f0;font-size: 15px;letter-spacing: -0.015rem;padding: 13.5px 15px;color: #555;display: block;height: 100%;background-color: #f0f0f0;border-radius: 100px;transition: .1s;}
.faq_wrap .faq li {border-bottom: 1px solid #dadada;letter-spacing: -0.015rem;} 
.faq_wrap .faq li:first-child {/* border-top: 1px solid #ebebeb; */} 
.faq_wrap .faq .faq-btn {padding: 30px 20px 30px 20px;display: block;font-size: 17px;} 
.faq_wrap .faq .faq-btn .tit {position: relative;display: flex;line-height: 1.35;}
.faq_wrap .faq .faq-btn .tit .category {color: #898989;}
.faq_wrap .faq .faq-btn .tit .category span {color: #000; font-weight: 600; padding-right: 12px;}
.faq_wrap .faq .faq-btn .tit .faq-tit {padding-left: 22px;letter-spacing: -0.025rem;}
.faq_wrap .faq .faq-btn .tit::after {content: '';position: absolute;width: 24px;height: 24px;top: 50%;transform: translateY(-50%);right: 0;background: url(../images/icn-faqdrop.svg) no-repeat center;background-size: contain;transition: .3s;}
.faq_wrap .faq .faq-btn.rot .tit::after {transform: rotate(180deg);top: 0;}
.faq_wrap .faq .answ {height: 0; overflow: hidden;} 
.faq_wrap .faq .answ.view {overflow: visible;} 
.faq_wrap .faq .answ .answ-wrap {background-color: #f7f7f7;font-size: 16px;padding: 50px;color: #444;line-height: 1.66;border-top: 1px solid #ddd;}  
/* 20240613 FAQ �옄二쇰Щ�뒗吏덈Ц 由щ돱�뼹 */

/*240321*/
.modal-inner {max-height: calc(100vh - 40px);overflow-y: auto;border-radius: 8px;}
.modal-inner::-webkit-scrollbar {width:5px;}
.modal-inner::-webkit-scrollbar-thumb {border-radius:5px;background: #bfbfbf;}
.modal-inner::-webkit-scrollbar-track {background:#f5f5f5;}

/* 240423 異붽� */
.text_download {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.text_download .service_down {
    padding-bottom: 20px;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
}
.text_download .service_down_btn {
    padding: 10px 42px 10px 14px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    position: relative;
    transition: .2s;
    display: inline-block;
}

.text_download .service_down_btn::after {
    content: "";
    position: absolute;
    width: 10px;
    top: 50%;
    right: 15px;
    height: 32px;
    transform: translateY(-50%);
    background-image: url(https://www.mobilians.co.kr/mpay/images/down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.text_download .service_down_btn:hover{color: #764ccb; border: 1px solid #764ccb;}
.text_download .service_down_btn:hover::after {
    background-image: url(https://www.mobilians.co.kr/mpay/images/downhover.svg);
}

.tech_pay .txt_wrap .bullet_wrap p.goBlog, .tech_pay .txt_wrap .bullet_wrap p.goPopup{color:#505050; font-weight: 500; cursor:pointer;}/* 20260427 수정  */
.tech_pay .txt_wrap .bullet_wrap p.goBlog span, .tech_pay .txt_wrap .bullet_wrap p.goPopup span{text-decoration: underline;}/* 20260427 수정  */

/* 20251021 서비스신청페이지 리뉴얼 */
.tech_pay.servReg .form_wrap .input_group_tit > h4 {display: inline-block;vertical-align:middle; padding-right: 8px;}
.tech_pay.servReg .form_wrap .input_group_tit > a{
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    border-radius: 8px;
    padding:0px 10px;
    background-color: #F3EDFF;
    color: #764CCB;
    letter-spacing: -0.9px;
}
.tech_pay.servReg .form_wrap .input_group .col .line {border-bottom: none;} /* 20251027 추가 */
.tech_pay.servReg .form_wrap .input_group .col .line .data{width:100%;}
.tech_pay.servReg .form_wrap .input_group .data.alert p.errmsg{margin-top: 16px; margin-bottom: 0;} /* 20251027 추가 */
.tech_pay.servReg .form_wrap .input_group .data .sub_info{
    display: none;
    padding: 20px;
    margin-top: 10px;
    background-color: #f6f6f6;
    border-radius: 10px;
}
.tech_pay.servReg .form_wrap .input_group .data .sub_info p.strong{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
    letter-spacing: -.5px;
    color:#333;
}
.tech_pay.servReg .form_wrap .input_group .data .sub_info p.normal{
    font-size: 14px;
    color: #777;
    line-height: 23px;
    margin-bottom: 13px;
    letter-spacing: -0.03em;
}
.tech_pay.servReg .form_wrap .input_group .data .sub_info p:last-child{margin-bottom: 0;}
.tech_pay.servReg .form_wrap .input_group .data textarea{
    resize: none;
    width: 100%;
    height: 250px;
    vertical-align: middle;
    margin: 24px 0px 0px; /* 20251027 수정 */
    padding: 10px 15px;
    box-sizing: border-box;
    border-color: #e0e0e0;
    border-radius: 5px;
    font-size: 16px;
    line-height: 25px;
    transition: .2s ease-out;
    clear: both;
    color: #333;
    cursor: text;
    background-color: #fff;
}

.tech_pay.servReg .form_wrap .radio_container>div{height:40px;}
.tech_pay.servReg .form_wrap .radio_container span{color:#999;}

 .modal_popup.servDetailModal .modal_contents{
    position: fixed;
    width: 820px;
    height:650px;
    left: 50%;
    top: 50%;
    padding:0;
    transition: .3s;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    transition: .3s;
}
.modal_popup.servDetailModal .modal_contents .sec-wrap{
    margin-top: 64px;
    border-top: 1px solid #E0E0E0;
    height:546px;
    overflow-y: auto;
}
.modal_popup.servDetailModal .modal_contents .sec-wrap::-webkit-scrollbar {width:5px;}
.modal_popup.servDetailModal .modal_contents .sec-wrap::-webkit-scrollbar-thumb {border-radius:5px;background: #bfbfbf;}
.modal_popup.servDetailModal .modal_contents .sec-wrap::-webkit-scrollbar-track {background:#f5f5f5;}

.modal_popup.servDetailModal .modal_contents .section{ padding:20px; box-sizing: border-box;}
.modal_popup.servDetailModal .modal_contents .section:last-child{margin-top:12px ;}
.modal_popup.servDetailModal .modal_contents .tit{ border-bottom: none; padding-bottom: 16px; }
.modal_popup.servDetailModal .modal_contents .tit h3{
    display: inline-block;
    vertical-align: middle;
    font-size:20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.8px;
    padding-right: 8px;
}
.modal_popup.servDetailModal .modal_contents .tit a{
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    border-radius: 8px;
    padding:0px 10px;
    background-color: #F3EDFF;
    color: #764CCB;
    letter-spacing: -0.9px;
}
.modal_popup.servDetailModal .modal_contents .tit a.grey{ background-color: #EDEDED; color: #333333; }

.modal_popup.servDetailModal .modal_contents .section .table{border-top:2px solid #000;}
.modal_popup.servDetailModal .modal_contents .section .table .line{ display: flex; align-items:center; border-bottom: 1px solid #E6E6E6;}
.modal_popup.servDetailModal .modal_contents .section .table .col{padding:16px 8px;}
.modal_popup.servDetailModal .modal_contents .section .table .col1{
    width:140px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color:#000;
}
.modal_popup.servDetailModal .modal_contents .section .table .col2{flex: 1;}
.modal_popup.servDetailModal .modal_contents .section .table .chip-wrap{display: flex; flex-wrap: wrap; gap:6px 8px;}
.modal_popup.servDetailModal .modal_contents .section .table .chip-wrap li{padding:6px 10px; font-size: 15px; line-height: 1.5; border:1px solid #CCCCCC; color:#555; border-radius: 50px;}
.modal_popup.servDetailModal .modal_contents .section .table ul.info{display: flex; flex-direction: column; gap:14px;}
.modal_popup.servDetailModal .modal_contents .section .table ul.info li .strong{font-size: 15px; font-weight: 600; line-height: 1.6; color:#333;}
.modal_popup.servDetailModal .modal_contents .section .table ul.info li .normal{font-size: 15px; font-weight: 400; line-height: 1.6; color:#555; word-break: keep-all;}

.modal_popup .modal_contents .data .closeBtn1 { background-color: #333; color: #fff; width: 160px; line-height: 55px;
    border-radius: 8px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
}
.modal_popup .modal_contents .closeBtn3{ position: absolute; right: 25px; top: 25px; width: 24px; height: 24px; background: url(../images/close.svg) no-repeat; }
.modal_popup.regCompleteModal .modal_contents.mini {width: 400px; padding:20px 25px;}
.modal_popup.regCompleteModal .modal_contents h3 {font-size: 20px; font-weight: 700; text-align: center; line-height: 1.5; color:#000; padding-bottom: 16px;}
.modal_popup.regCompleteModal .modal_contents p {font-size: 16px; font-weight: 400; text-align: center; line-height: 1.55; letter-spacing: -0.5px; word-break: keep-all;}
.modal_popup.regCompleteModal .modal_contents .closeBtn1 {width:100%; line-height:42px; margin-top: 24px;}

/* 20260821 서비스신청하기 하단 - 서비스 내용 추가 */

.tech_pay .moreserve_hr{margin-top: 40px;margin-top:70px; opacity:0.3;}
.tech_pay .txt_wrap.moreServ p{margin-bottom:0;}
.tech_pay .moreServ_wrap ul{display: flex; flex-wrap: nowrap; text-align: left;}
.tech_pay .moreServ_wrap ul li{width: calc((100% - 60px) / 3); margin-right: 30px;background: #fff; border:1px solid #e0e0e0; padding: 36px; border-radius: 20px; letter-spacing: -0.3px;}
.tech_pay .moreServ_wrap ul li:last-child{margin-right: 0px;}
.tech_pay .moreServ_wrap ul li img{height: 110px; margin-bottom: 25px; }
.tech_pay .moreServ_wrap ul li p.tit{color: #333; font-weight: 700; font-size: 22px; line-height: 1.5;}
.tech_pay .moreServ_wrap ul li p.sub{font-size: 16px; color: #777; line-height: 1.5; margin-top: 6px;}
.tech_pay .moreServ_wrap ul li a.btn{display: inline-block; width:100%; margin-top: 28px; text-align: center; border-radius: 10px; padding:20px; color:#fff; background-color: #333; word-break: keep-all;line-height: 1.4; transition:all 0.3s; }
.tech_pay .moreServ_wrap ul li a:hover.btn{background-color: #764CCB; }

/* 20260821 서비스신청하기 하단 - 서비스 내용 추가 끝 */