/*로그인 */
.login_w{padding:50px 0 var(--pd100);width: 900px;margin: 0 auto;position: relative;}
.login_w .lg_logo{display:inline-block;padding-right: 10px;}
.login_w .lg_logo img{width:27px;}
.login_w .in{padding: var(--pd60) 0;border: 1px solid var(--nvgray02);width: 620px;margin: 0 auto;border-radius: var(--pd10);z-index: 2;}
.login_w .lgnote{display: block;color: rgb(51, 51, 51);font-size: 15px;margin-bottom: var(--pd40);}
.login_w .lgnote i{font-size: 13px;margin-right: 7px;}
.login_w .lgnote .align-baseline{color: var(--green);text-decoration: underline;}
.login_w .fa-chevron-circle-down{font-size: 78px;color: #e1e1e1;margin-bottom: 35px;}
.login_w .fa-chevron-circle-down:before {content: "\f13a";}
.login_w h2{font-size: 30px;margin-bottom:var(--pd30);line-height: 1em;}
.idpw-wrap{width: 520px;margin: 0 auto;}
.idpw-wrap label{height: 60px;display: flex;flex-wrap: nowrap;align-items: center;flex-shrink: 0;border-radius: 10px;margin-bottom: 15px;color: #777;font-size: 15px;position: relative;}
.idpw-wrap .blind {position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);margin: -1px;overflow: hidden;}
.idpw-wrap .fa-user:before {content: "\f007";}
.idpw-wrap input {height: 100%;font-size: 17px;text-align: left;}
.idpw-wrap input:hover{background-color: var(--bgviolet);border: 1px solid var(--violet);}
.idpw-wrap input[type='password']{padding:0 70px 0 20px;}
.idpw-wrap label i{position: absolute;top: 30px;right: 18px;cursor: pointer;}
.idpw-wrap .btn-login {width: 100%;border-radius: 10px;padding: 17px 25px;color: #fff;font-size: 17px;background-color: var(--violet);margin-top: var(--pd20);font-weight: 500;border:1px solid var(--violet);display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.idpw-wrap .btn-login:hover{background-color: var(--faintviolet);color: var(--violet);}
.user-qna-wrap  {margin-top:var(--pd20);}
.user-qna-wrap  ul {margin: 0 auto;overflow: hidden;}
.user-qna-wrap  ul li {color: #777;position: relative;float: left;}
.user-qna-wrap  ul li a {color: #646464;transition: .3s;font-size: 14px;border-bottom: 1px solid #ccc;display: inline-block;padding-bottom: 3px;}
.user-qna-wrap  ul li a:hover{color: var(--violet);}
.user-qna-wrap  ul li:last-child{float: right;}
.login_w .user-notify {background-color: #f2f5f5;text-align: center;border-radius: 20px;padding: 90px 0;margin-bottom:var(--pd30);width: 100%;}
.login_w .user-notify .thxto {font-size: 45px;margin-bottom:var(--pd20);}
.login_w .user-notify .thxto span {color:var(--violet);}
.login_w .user-notify .greeting {font-size: 25px;}
.login_w .join-desc {color: #777777;font-size: 17px;margin-top:var(--pd50);display: block;}
.login_w .phone-only {display: none;}
.login_w .btn-3 {border-bottom: 1px solid;color: var(--violet);}
.login_w .code input{font-size: 17px;height: 50px;margin-right: var(--pd15);display: inline-block;border-radius: var(--pd05);padding: 0;}
.login_w .code input:hover{border-color: var(--violet);}
.login_w .code input:last-child{margin-right: 0;}
.login_w .graytx{color: #a9a9a9;display: block;margin:var(--pd30) 0 var(--pd10);font-size: 15px;}
.login_left{background-color: var(--white);position: fixed;z-index: 3;width: 320px;top: 0;bottom: 0;border-right: 1px solid var(--linegray1);box-sizing: border-box;padding: var(--pd80) 0 0;text-align: left;}
.login_left .lgleftt{padding: 0 var(--pd40) 0 var(--pd50);}
.login_left h1 img{width: 60px;}
.login_left p{color: rgb(51, 51, 51);font-size: 15px;margin-top: var(--pd30);}
.login_left .lgbg{position: absolute;bottom: 0;}
.login_left .lgbg img{width: 100%;}
.httab{overflow: hidden;padding:var(--pd35) 0 var(--pd20);}
.httab li{float: left;} 
.httab li a{border-radius: 30px;padding:17px var(--pd35);color: #807f83;font-size: 16px;display: block;}
.httab .on a, .httab li a:hover{background-color: var(--violet);color: var(--white);}
article .idpw-wrap{margin: 0;width: 800px;}
.note01{background-color: #f7f6e1;color:#817c7c;font-size: 14px;padding:12px var(--pd15);border: 1px solid #e7dcc1;width:100%;box-sizing: border-box;border-radius: var(--pd10);margin-bottom: var(--pd20);}
article .idpw-wrap label {display: inline-block;font-size: 15px;height: auto;margin: 0;color: var(--stblack);} 
article .idpw-wrap .col-20 {float: left; width: 20%; } 
article .idpw-wrap .col-80 {float: left;width: 80%;}
article .idpw-wrap .row{margin-bottom: var(--pd15);display: flex;align-items: center;}
article .idpw-wrap .rkind1{height: 40px;}
article .idpw-wrap input{height: 60px;border-radius: var(--pd10);font-size: 15px;}
article .idpw-wrap .point{position: relative;}
article .idpw-wrap .point input{padding:0 50px 0 20px;}
article .idpw-wrap .point em{position: absolute;top: 20px;right: 23px;font-size: 14px;}
.tbw{overflow: auto; white-space: nowrap;}
table{border-top: 1px solid var(--stblack);}
table th, table td{border-bottom: 1px solid rgb(230, 230, 230);padding: var(--pd15) var(--pd10);font-size: 14px;background-color: var(--white);}
#wrap .ma2{width: 1100px;}
.pscw1{display: flex;gap: 15px;align-items: center;width: 100%;flex-wrap: wrap;position: relative;}
.pscw1 .on{border-color: var(--violet);}
.pscw1 .on .psprice{background: var(--violet);}
.psbox1{border-radius: var(--pd10);border: 1px solid #aeafb1;padding-top: var(--pd35);gap: 12px;position: relative;width:calc(25% - 15px);align-items: center;cursor: pointer;background: var(--white);}
.psbox1 hgroup{display: flex;flex-direction: column;gap: 10px;align-items: center;min-height: 137px;}
.psbox1 h1{font-size: 18px;font-weight: 500;color: #979393;font-family: 'paybooc-Bold';}
.pscw1 .on h1{color: var(--violet);}
.psbox1 img{height: 100px;}
.psprice{background: #c2c7ce;font-family: 'paybooc-Bold';font-size: 13px;color: var(--white);font-weight: 300;padding:var(--pd10) 5px var(--pd10);width: 100%;box-sizing: border-box;border-radius: 0 0 var(--pd10) var(--pd10);text-align: center;letter-spacing: -0.5px;}
.pscw1 .on .fa-square-check{color: var(--violet);}
.psbox1 .fa-square-check{color: #e2e0e5;position: absolute;top: 7px;left: 7px;font-size: 30px;}
.mgb20{padding-bottom: var(--pd20);}
.btnw1{display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: var(--pd15);}
.btnst1{padding: 13px 25px;font-size: 15px;border-radius: var(--pd10);}
.link1{display: flex;gap: 10px;}
.link1 a{padding: 0 18px;font-size: 14px;border-radius: var(--pd10);display: flex;align-items: center;}
.modal_pw input{height: 50px;line-height: 9;border-color: #cec9c9;text-align: left;}
.modal_pw form{gap: 10px;}
.idpw-wrap .emw{gap: 10px;align-items: stretch;}
.emw a{margin: 0;flex: 1;white-space: nowrap;font-size: 14px;padding:0 10px;border-radius: var(--pd10);line-height: 56px;}
.emw .btnbg3{background: var(--white);}
.aunum1{position: relative;width: 100%;}
.aunum1 input{padding-right: 100px;}
.time2{position: absolute;top: 20px;right: 15px;font-family: 'paybooc-Bold';font-weight: 300;color:#f97c68;display: flex;gap: 5px;}
.time2 .fa-alarm-clock{position: relative;top: 2px;right: auto;font-size: 14px;}
.arin1{gap: 30px;width: 800px;}
.arin1 .note01{margin: 0;}
.arin1 .idpw-wrap, .arin2{gap: 20px;}
.arin1 select, .arin1 input{flex: 1;}
.mywon{border-radius: var(--pd15);padding: var(--pd15) var(--pd20);gap: 15px;}
.mywon h1{font-size: 15px;color: var(--txtgray1);display: flex;gap: 5px;align-items: center;}
.mywon p{text-align: right;font-family: 'paybooc-Bold';display:inline-flex;gap: 3px;justify-content: end;}
.mywon strong{font-size: 22px;}
.mywon em{font-size: 18px;}
.chw1{display: flex;align-items: center;}
.chw1 p{width: 200px;font-size: 15px;color: #7d7c7c;}
.chw1 hgroup{display: flex;gap: 10px;flex: 1;}
.chw1 hgroup label{flex: 1;}
.chw2 label{width: 100%;}
.copyk1{box-sizing: border-box;position: relative;display: flex;align-items: center;gap: 10px;}
.copyk1 em{color: var(--violet);}
.copyk1 strong{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.num3{font-size: 15px;text-align: left;}
.psnote{gap: 5px;font-size: 14px;color: var(--txtgray1);background: var(--white);border: 1px solid #c4bae1;padding: var(--pd15) var(--pd10) var(--pd15) var(--pd25);border-radius: var(--pd15);}
.psnote h2{font-size: 15px;}
.psnote li{text-indent: -10px;}
.sumw1{margin-top: var(--pd35);display: flex;justify-content: space-between;font-size: 15px;}
.sumw1 strong{font-size: 16px;color: var(--stblack);}
.sumw1 em{font-size: 15px;}
.sumw1 span, .sumw1 em{color: var(--txtgray1);}
.qnata{width: 100%;border-radius: var(--pd15);padding: var(--pd15);font-size: 16px;height: 150px;text-align: left;box-sizing: border-box;}


@media (max-width: 1030px){

    .sum02{margin-top: var(--pd30);}
    .qnata, .mywon em{font-size: 15px;}
    .mywon strong{font-size: 18px;}
    .mywon{padding: var(--pd15);gap: 15px;}
    .psprice{font-size: 13px;}
    .copyk1{align-items: start;width: 100%;}
    .chw1{flex-direction: column;gap: 10px;}
    .time2 .fa-alarm-clock{font-size: 13px;}
.time2{font-size: 14px;}
    .emw a{line-height: 52px;}
  article .idpw-wrap .rkind1{height: auto;}
.mgb20{padding-bottom: var(--pd20);}
.psbox1{gap: 10px;}
.pscw1{gap: 15px;}
.psbox1{width:calc(50% - 11px);}
.chw1 hgroup, .pt2, .num3, .chw1 p, .arin1, #wrap .ma2{width: 100%;}
article .idpw-wrap .point input{padding:0 40px 0 10px;}
article .idpw-wrap .point em{top: 17px;right: 10px;}
article .idpw-wrap .row{margin-bottom: var(--pd30);flex-direction: column;gap: 10px;}
article .idpw-wrap .col-20, article .idpw-wrap .col-80, article .idpw-wrap input[type=submit]{width: 100%; margin-top: 0;box-sizing: border-box;}
article .idpw-wrap input{width: 100%;padding: 0 16px;border-radius: 5px;font-size: 15px;height: 55px;line-height: 54px;}
article .idpw-wrap label{font-size: 15px;}
article .idpw-wrap{padding: 0;width: 100%;}
.note01{width: 100%;margin-bottom: var(--pd20);}
.httab{padding:var(--pd30) 0 var(--pd20);}
.httab li a{border-radius: 25px;padding:12px var(--pd15);font-size: 14px;}
.login_left{display: none;}
.login_w .user-notify{border-radius: 16px;padding: 40px 10px;margin-bottom: 15px;box-sizing: border-box;}
.login_w .inner{padding: 0 var(--pd15);box-sizing: border-box;}
.login_w .user-notify .thxto {font-size: 21px; margin-bottom: 7px;}
.login_w .user-notify .greeting {font-size: 14px;}
.login_w .join-desc {font-size: 13px;margin-top: 18px;line-height: 1.6em;}
.login_w .phone-only {display: block;}
.login_w .fa-chevron-circle-down{font-size: 30px;margin-bottom: 10px;}
.login_w, .mypage_w{padding:110px 0 var(--pd50);width: 100%;}
.login_w .in, .mypage_w .in{width: 100%;border: none;padding: 0;min-height: auto;}
.login_w .lg_logo{padding-bottom: var(--pd05);}
.login_w .lgnote{font-size: 14px;padding: 0 var(--pd15);margin-bottom: var(--pd35);}
.login_w h2, .mypage_w h2{font-size: 27px;margin-bottom:var(--pd15);}
.idpw-wrap, .mp_w01, .mypage_w .idpw-wrap {width: 100%;padding: 0 var(--pd15);box-sizing: border-box;}
.mypage_w .num02 input, .login_w .num02 input{padding-right: 60px;}
.idpw-wrap label {height: 55px;border-radius: 5px;margin-bottom: 10px;}
.idpw-wrap label i {top: 28px;}
.idpw-wrap input {border-radius: 5px;font-size: 14px;box-sizing: border-box;height: 55px;padding: 0 var(--pd15);}
.idpw-wrap .btn-login{font-size: 16px;height: 55px;padding: 0;border-radius: 5px;margin-top: var(--pd10);}
.user-qna-wrap  {margin-top: 25px;}
.user-qna-wrap  ul{display: block;}
.user-qna-wrap  ul li {width: auto;display: inline-block;font-size: 14px;}
.user-qna-wrap  ul li a {padding: 0;}
.idpw-wrap input[type='password']{padding: 0 50px 0 20px;}

}


@media screen and (max-width: 1031px) and (min-width: 701px){

    .mywon em{font-size: 17px;}
    .mywon strong{font-size: 21px;}
    .mywon{padding: var(--pd15) var(--pd20);gap: 15px;}
    .psprice{font-size: 14px;padding: 10px 5px;}
   .emw a{line-height: 58px;}
    .mgb20{padding-bottom: var(--pd20);}
    .psbox1{gap: 15px;}
    .psbox1{width:calc(33% - 14px);}
    .pscw1{gap: 20px;}
    article .idpw-wrap .point input{padding:0 50px 0 20px;}
    article .idpw-wrap .point em{top: 20px;right: 20px;font-size: 15px;}
    article .idpw-wrap input{width: 100%;padding: 0 var(--pd25);font-size: 16px;height: 60px;line-height: 59px;}
    .note01{margin-bottom: var(--pd30);font-size: 15px;padding: var(--pd15) var(--pd25);}
    .httab{padding:var(--pd40) 0 var(--pd25);}
    .httab li a{border-radius:var(--pd25);padding:var(--pd15) var(--pd25);font-size: 16px;}
   /*로그인 */
  .login_w .user-notify .thxto{font-size: 32px;}
  .login_w .user-notify .greeting{font-size: 19px;}
  .login_w .join-desc {font-size: 15px;margin-top:var(--pd25);}
  .login_w .inner{padding: 0 var(--pd25);}
  .login_w .lgnote{font-size: 15px;padding: 0 var(--pd50);margin-bottom: var(--pd50);}
  .login_w .fa-chevron-circle-down{font-size: 60px;margin-bottom: 20px;}
  .login_w, .mypage_w{padding:140px 0 var(--pd70);}
  .login_w h2, .mypage_w h2{font-size: 35px;margin-bottom:var(--pd25);}
  .idpw-wrap label i{top: 29px;right: 20px;}
  .idpw-wrap, .mypage_w .idpw-wrap {width: 100%;padding: 0 var(--pd50);box-sizing: border-box;}
  .idpw-wrap label {height: 60px;margin-bottom: 15px;}
  .idpw-wrap input {font-size: 16px;height: 60px;padding: 0 var(--pd25);}
  .idpw-wrap .btn-login{font-size: 17px;height: 60px;padding: 0;border-radius: var(--pd10);}
  .user-qna-wrap  ul li {font-size: 16px;}
  .login_w .graytx{margin: var(--pd50) 0 var(--pd20);}
  
}