/* 비밀번호 */
.pwd-changeWrap {padding:15% 7.97% 5% 7.97%; position: relative; max-width:1454px; width:100%; margin: 0 auto; background: #fff; min-height:100vh;}
.pwd-changeWrap .pwd-title h2 {font-size: 4.11vw; font-family: 'Noto Bold'; letter-spacing: -.05em; line-height: 1; text-align: center; margin-bottom: 4.96%;}
.pwd-changeWrap .pwd-change label {display: inline-block; margin-bottom: 1.2%;}
.pwd-changeWrap .pwd-change .sub-title {font-size: 2.75vw; color:#9B9B9B; font-family: 'Noto Regular';}
.pwd-changeWrap .pwd-change .row-wrap .row {display: table; width: 100%; position: relative; margin-bottom: 4.1%;}
.pwd-changeWrap .pwd-change .row-wrap .row:last-child {margin-bottom:0;}
.pwd-changeWrap .pwd-change .row-inner {width:100%; height:auto; display: table; padding: 2.87% 4.17%; border: 2px solid #E0E0E0; border-radius:1.3rem; font-family: 'Noto Regular'; color: #666;}
.pwd-changeWrap .pwd-change .row-inner > input {font-size: 4.35rem; width:100%; display: table-cell; vertical-align: middle; height:auto; border:none;}

.pwd-changeWrap .pwd-change .text-area {text-align: center; line-height: 1.5; color:#666; font-family: 'Noto Regular'; letter-spacing: -.05em; margin-top: 10%;}
.pwd-changeWrap .pwd-change .text-area p{font-size: 2.75vw;}
.pwd-changeWrap .pwd-change .row-btn  {text-align: center; margin-top: 10%;}
.pwd-changeWrap .pwd-change .row-btn input{ font-size: 3.16vw; color:#256EE3; font-family: 'Noto Medium'; letter-spacing: -.05em; line-height: 1.5; padding:2.2% 0; width:24.71%; border-radius:1.4rem;}

.pwd-changeWrap .pwd-change #msg {font-size: 2.3vw;}
.pwd-changeWrap .pwd-change #msg.not {color:red;}
.pwd-changeWrap .pwd-change #msg.equal {color:green;}


.modal-wrap {position:fixed; width:100%; height:100%; top:0; left:0; z-index: 1003; display: none;}
.modal-wrap .modal-pop {max-width:1454px; width:100%; margin: 0 auto;}
.modal-wrap .modal-pop .modal-inner {padding:0 7.97%; position: absolute; width:100%; top:50%; transform:translatey(-50%); z-index: 1; left: 0;}

.modal-wrap .modal-pop .modal {background:#fff; position: relative; z-index: 1005; text-align: center; border-radius:1.5rem; padding:3.34% 6.4%;}
.modal-wrap .modal-pop .modal::after {content:''; display:block; clear:both;}
.modal-wrap .modal-pop .modal p {font-size:2.75vw; font-family:'Noto DemiLight'; letter-spacing: -.05em; line-height: 1.5; margin-bottom:10.3%;}
.modal-wrap .modal-pop .btn-area {width:100%; text-align:right;}
.modal-wrap .modal-pop .btn-area button {font-size: 3.16vw; }
.modal-wrap .modal-pop .btn-area .close-btn {color:#ccc;}
.modal-wrap .modal-pop .btn-area .check-btn {color:#256EE3; font-family: 'Noto Bold'; margin-left: 7%;}

.modal-wrap .modal-bg {position: fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6);}

 

@media all and (min-width:1454px) {
    .pwd-changeWrap .pwd-title h2 {font-size: 60px;}
    .pwd-changeWrap .pwd-change .sub-title {font-size: 40px;} 
    .pwd-changeWrap .pwd-change .row-inner {padding:2.24% 4.17%;}
    .pwd-changeWrap .pwd-change .row-inner > input {height:116px;} 

    .pwd-changeWrap .pwd-change .text-area p {font-size: 40px;}
    .pwd-changeWrap .pwd-change .row-btn input{font-size: 46px;}

    .modal-wrap .modal-pop .modal p {font-size: 40px;}
    .modal-wrap .modal-pop .btn-area button {font-size: 46px;}
}
@media all and (max-width:500px) {
    .pwd-changeWrap .pwd-change .sub-title {font-size: 16px;}
    .modal-wrap .modal-pop .modal p {font-size: 16px;}
    .modal-wrap .modal-pop .btn-area button {font-size: 16px;}
    .pwd-changeWrap .pwd-change .text-area p {font-size: 16px;}
    .pwd-changeWrap .pwd-change .row-btn input {font-size: 16px;}
}