/* 멤버 */
.member{}

/* 로그인 */
.member .signin{max-width:440px;margin:80px auto 0;}
.member .signin .title-box{text-align: center;}
.member .signin .title-box i{display: inline-block;}
.member .signin .title-box i img{display:block;}
.member .signin  h3{text-align: center;font-size: 40px;font-weight: bold;letter-spacing: -1px;color: #202020;}
.member .signin  em{display: block;margin-top:20px;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;text-align: center;color: #aaa;}
.member .signin .title-box p{margin-top:5px;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #626272;}
.member .signin .form{margin-top:30px;}
.member .signin .form .input-box{margin-top:20px;}
.member .signin .form .input-box input[type="text"],
.member .signin .form .input-box input[type="password"],
.member .signin .form .input-box input[type="email"],
.member .signin .form .input-box input[type="tel"]{width:100%;height:55px;border-radius: 5px;border: solid 1px #d2d2d2;background-color: #f9f9f9;font-size: 16px;font-weight: normal;letter-spacing: -0.45px;padding: 0 20px;}
.member .signin .form .input-box input[type="text"]::placeholder,
.member .signin .form .input-box input[type="password"]::placeholder{color: #8e8e8e;}
.member .signin .form .input-box.error input[type="text"],
.member .signin .form .input-box.error input[type="password"]{border-color:#e63636;color:#e63636;background: #fff;}
.member .signin .form .input-box.error .cert-box input[type="tel"]{border-color:#e63636;color:#e63636;background: #fff;}
.member .signin .form .input-box + .input-box{margin-top:5px;}
.member .signin .form .input-box.last{margin-top:20px;}
.member .signin .form .input-box .pwd-wrap{position: relative;}
.member .signin .form .input-box .pwd-wrap input[type="password"]{padding:0 50px 0 20px;}
.member .signin .form .input-box .pwd-wrap button{position: absolute;top:15px;right:20px;display: block;width:22px;height:22px;background: url(/_public/images2/icon/pwd_view.svg) no-repeat;background-size: cover;}
.member .signin .form .input-box .pwd-wrap button.on{background: url(/_public/images2/icon/pwd_view_on.svg) no-repeat;background-size: cover;}
.member .signin .form .input-box.error{}
.member .signin .form .input-box .msg{display:block;margin-top:5px;position: relative;padding-left: 21px;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #787878;}
.member .signin .form .input-box .msg:before{content: "";position: absolute;top:2px;left:0;width:16px;height:16px;background: url(/_public/images2/icon/ico_txt.svg) no-repeat;background-size: cover;}
.member .signin .form .input-box .msg-error{display:block;margin-top:5px;position: relative;padding-left: 21px;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #e63636;}
.member .signin .form .input-box .msg-error:before{content: "";position: absolute;top:2px;left:0;width:16px;height:16px;background: url(/_public/images2/icon/ico_error2.svg) no-repeat;background-size: cover;}
.member .signin .form .input-box .cert-box{position: relative;}
.member .signin .form .input-box .cert-box .input{position: relative;}
.member .signin .form .input-box .cert-box .input input{border-color: #202020;background: #fff;padding: 0 150px 0 20px;}
.member .signin .form .input-box .cert-box .input span{position: absolute;top:17px;right:110px; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.member .signin .form .input-box .cert-box button{position: absolute;top:5px;right:5px;display: flex;align-items:center;justify-content:center;width:90px;height:45px;border-radius: 5px;background: #ececec;right:5px;font-size: 15px;font-weight: bold;letter-spacing: normal;color: #202020;}
.member .signin .form .btn-confirm{margin-top:10px;display: flex;align-items: center;justify-content: center;width:100%;height:55px;border-radius: 5px;background:#0036C4;font-size: 18px;font-weight: 600;letter-spacing: -0.5px;color: #fff;transition:all 0.2s;}
.member .signin .form .btn-confirm:hover {background:#12348E;}
.member .signin .form .chk{margin-top:15px;}
.member .signin .find-box{margin-top:5px;padding:10px 40px;border-radius: 5px;border: solid 1px #dedede;background-color: #fafafa;}
.member .signin .find-box ul{}
.member .signin .find-box ul li{display: flex;gap:10px;justify-content: space-between;padding:15px 0;}
.member .signin .find-box ul li + li{border-top:1px dashed #dedede;}
.member .signin .find-box ul li span{display: inline-block;  font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #202020;}
.member .signin .find-box ul li a{position: relative;padding-right: 17px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #003cb2;}
.member .signin .find-box ul li a:after{content: "";position: absolute;top:3px;right:0;display: block;width:15px;height:15px;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;}
.member .registe-box{margin-top:30px;}
.member .registe-box h4{position: relative;text-align: center;}
.member .registe-box h4:before{content: "";position: absolute;top:50%;left: 0;transform:translateY(-50%);width: 100%;height:1px;background: #e5e5e5;}
.member .registe-box h4 span{position:relative;display: inline-block; font-size: 15px;font-weight: 500;text-align: center;color: #787878;padding:0 20px;background: #fff;}
.member .registe-box .link1{margin-top:15px;display: flex;gap:20px;}
.member .registe-box .link1 a{flex:1;display: flex;align-items: center;justify-content: center;height:55px;border-radius: 5px;border: solid 1px #b4d1ec;background-color: #eef7ff;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;text-align: center;color: #163182;}
.member .registe-box .link2{margin-top:20px;}
.member .registe-box .link2 a{display: flex;align-items: center;justify-content: center;line-height: 1;height:55px; border-radius: 5px;border: solid 1px #c3c7cf;background-color: #fff;font-size: 18px;font-weight: 600;color: #202020;}
.member .registe-box p{text-align: center;margin-top: 25px; font-size: 16px;font-weight: 500;color: #787878;}
.member .registe-box p a{margin-left:15px;display: inline-block;text-decoration:underline;font-weight: 600;color: #202020;}
.member .signin .txt{margin-top:30px;text-align: center;font-size: 16px;font-weight: 500;color: #787878;}
.member .signin .txt a{display: inline;color:#202020;text-decoration: underline;}


/* 회원가입 */
.member .singup{}
.member .singup .page-title2{text-align: center;}
.member .singup .agree-box .info-box{text-align: center;padding:17px;border-radius:10px;/*border: solid 1px #dedede;*/background-color: #fff;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #626272;}
.member .singup .agree-box .info-box em{color:#FB592E;}
.member .singup .agree-box section{margin-top:40px;}
.member .singup .agree-box section h3{font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #12348E;}
.member .singup .agree-box section .txt-box{margin-top:15px;/*border-top:2px solid #12348E;*/background: #fff;padding:30px;height:250px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.38;letter-spacing: -0.4px;color: #202020;border-radius:15px;border: 2px solid #eee;}
.member .singup .agree-box section .txt-box h2{font-size:20px;margin: 10px 0;}
.member .singup .agree-box section .txt-box h3{font-size:18px;margin:20px 0 10px;}
.member .singup .agree-box section .txt-box h4{font-size:16px;margin:5px 0;}


.member .singup .agree-box section .chk{margin-top:20px;display: flex;justify-content: flex-end;}
.member .singup .agree-box .btn-box{margin-top:58px;display: flex;justify-content: center;}
.member .singup .agree-box .btn-box button{display: flex;align-items: center;justify-content: center;width:280px;height:60px;border-radius: 10px;background-color: #0036C4;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #fff;transition:all 0.2s;}
.member .singup .agree-box .btn-box button:hover {background:#12348E;}

.member .singup .register{margin:0 auto;max-width:540px;}
.member .singup .register .inbox{border-radius: 10px;background-color: #fff;padding:40px;}
.member .singup .register .info-txt{position: relative;display: flex;align-items: center;justify-content: flex-end;gap:10px;font-size: 16px;font-weight: 500;line-height: 1.75;letter-spacing: -0.4px;color: #626272;margin-bottom: 10px;}
.member .singup .register .info-txt:before{content: "";display: inline-block;width:8px;height:8px;border-radius: 100%;background: #fc7c5a;}
.member .singup .register section{}
.member .singup .register section + section{margin-top:100px;}
.member .singup .register section .toggle-btn{position: relative;display:block;text-align:left;width:100%;font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #202020;line-height: 1;border-bottom: 1px solid #202020;padding-bottom: 15px;}
.member .singup .register section .toggle-btn:after{content: "";position:absolute;top:-8px;right:8px;width:40px;height:40px;background: url(/_public/images2/icon/toggle_arrow2.svg) no-repeat;background-size: cover;transform: rotate(180deg);}
.member .singup .register section .toggle-btn.on:after{transform: rotate(0deg);}
.member .singup .register section .form-box{margin-top:25px;display: none;}
.member .singup .register .capcha-box{margin-top:60px;display: flex;justify-content: center;}
.member .singup .register .btn-box{margin-top:40px;display: flex;justify-content: center;}
.member .singup .register .btn-box button{width:100%;height:55px;border-radius: 5px;background: #0036C4;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;color: #fff;line-height: 1;transition:all 0.2s;}
.member .singup .register .btn-box button:hover {background:#12348E;}
.member .singup .register .login-box{margin:20px 0 0;padding:20px 40px;  border-radius: 5px;background: #fff;display: flex;align-items: center;justify-content: space-between;}
.member .singup .register .login-box span{display:inline-block;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #202020;}
.member .singup .register .login-box a{position: relative;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #0036C4;text-decoration: underline;}


.member .signup {max-width:540px;margin:0 auto;}
.member .signup .con-box {border-radius:5px; background:#fff;padding:50px 40px 40px;text-align:center;}
.member .signup .con-box i img {display:block;margin:0 auto 25px;}
.member .signup .con-box .name-box {padding:20px;border-radius:5px;background:#F3F7FE;margin-bottom:20px;}
.member .signup .con-box .name-box strong {display:block;font-size:24px;font-weight:700;}
.member .signup .con-box .name-box strong span {color:#003CB2;}
.member .signup .con-box .name-box p {margin-top:10px;font-size:18px;font-weight:600;}
.member .signup .con-box em {font-size:16px;color:#626272;}
.member .signup .con-box .go-login {display:block;width:100%;height:60px;border-radius:5px;background:#163182;font-size:18px;line-height:60px;font-weight:600;letter-spacing:-0.5px;color:#fff;margin-top:35px;}
.member .signup .go-main-box {margin-top:5px;padding:10px 40px;border-radius:5px; }
.member .signup .go-main-box ul li {display:flex;gap:10px;justify-content:space-between;padding:15px 0;}
.member .signup .go-main-box ul li + li{border-top:1px dashed #dedede;}
.member .signup .go-main-box ul li span{display: inline-block;  font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #202020;}
.member .signup .go-main-box ul li a{position: relative;padding-right: 17px;font-size: 16px;font-weight: bold;letter-spacing: -0.4px;color: #202020;}
.member .signup .go-main-box ul li a:after{content: "";position: absolute;top:3px;right:0;display: block;width:15px;height:15px;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;}

.member .singup .checkbox-type1 label {font-size:16px;padding-left:32px;}
.member .singup .checkbox-type1 label:before {width:22px;height:22px;}
.member .singup .checkbox-type1 label:after {top: 4px;left:8px;}


/* 아이디/비번 찾기 */
.member .find-account{max-width:440px;margin:30px auto 0;}
.member .find-account .find-tab{display: flex;gap:4px;}
.member .find-account .find-tab a{flex:1;display: flex;align-items: center;justify-content: center;height:60px;border-radius: 5px;border: solid 1px #dedede;background: #fff;  font-size: 18px;font-weight: 500;letter-spacing: -0.5px;color: #8e8e8e;}
.member .find-account .find-tab a.on{background: #fff;font-weight: bold;color:#0036C4;border: 2px solid #0036C4;}
.member .find-account .box{margin-top: 20px;border-radius: 5px; background: #fff; }
.member .find-account .box h3{text-align: center;font-size: 40px;font-weight: bold; padding: 20px 0;letter-spacing: -1px;color: #202020;}
.member .find-account .box .txt-box{position:relative;margin-top:20px;padding:15px 10px 15px 80px;border-radius: 5px;background: #fff;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #202020;border: 1px solid #ddd}
.member .find-account .box .txt-box:before{content: "";position: absolute;top:20px;left:25px;display: block;width:40px;height:40px;background: url(/_public/images2/contents/find_icon.svg) no-repeat;background-size: cover;}
.member .find-account .box .txt-box.case2:before{background: url(/_public/images2/contents/find_icon2.svg) no-repeat;background-size: cover;}
.member .find-account .box .input-box{margin-top:20px;}
.member .find-account .box .input-box input[type="text"],
.member .find-account .box .input-box input[type="email"]{width:100%;height:55px;border-radius: 5px;border: solid 1px #d2d2d2;background-color: #f9f9f9;font-size: 16px;font-weight: normal;letter-spacing: -0.45px;padding: 0 25px;}
.member .find-account .box .input-box input[type="text"]::placeholder,
.member .find-account .box .input-box input[type="email"]::placeholder{color: #8e8e8e;}
.member .find-account .box .input-box + .input-box{margin-top:5px;}
.member .find-account .box button{margin-top:10px;display: flex;align-items: center;justify-content: center;width:100%;height:60px;border-radius: 5px;background: #0036C4;font-size: 18px;font-weight: 600;letter-spacing: -0.5px;color: #fff;transition:all 0.2s;}
.member .find-account .box button:hover {background:#12348E;}
.member .find-account .box a{margin-top:30px;display: flex;align-items: center;justify-content: center;width:100%;height:60px;border-radius: 5px;background: #163182;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #fff;}
.member .find-account .box .myaccount{margin-top:50px;text-align: center;}
.member .find-account .box .myaccount p{font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #202020;}
.member .find-account .box .myaccount p strong{color: #1c275f;}
.member .find-account .box .myaccount h4{margin-top:10px;padding:15px;border-radius: 5px;background: #f3f7fe;font-size: 24px;font-weight: bold;color: #003cb2;}
.member .findck {text-align: center;margin-top: 25px; font-size: 16px;font-weight: 500;color: #787878; }
.member .findck a{margin-left:15px;display: inline-block;text-decoration:underline;font-weight: 600;color: #202020;}


/* 가입완료 */
.sign-finish {width:540px;border-radius:10px;background-color:#fff;padding:40px;margin:auto;text-align:center;}
.sign-finish h3 {font-size:26px;line-height:1.6;margin-bottom:30px;}
.sign-finish h3 span {font-weight:800;}
.sign-finish .tit {font-size:18px;font-weight:500;}
.sign-finish .id-box {font-size:20px;padding:15px;border:2px solid #0036C4;border-radius:20px;margin:20px 0 40px;}
.sign-finish .id-box span {color:#0036C4;font-weight:700;}
.sign-finish .txt {font-size:16px;color: #626272;}
.complete #board-wrap .button-group {margin-top:0;}



/* tablet */
@media all and (max-width:1280px) {

  .member .signin .title-box h3{font-size:22px;}
  .member .signin .title-box p{font-size:16px;}
  .member .signin  h3{font-size:36px;}
  .member .find-account .box{padding:40px 30px 30px;}
  .member .find-account .box h3{font-size: 36px;}
  .member .find-account .box .myaccount{margin-top:40px;}
  .member .find-account .box .myaccount p{font-size:18px;}
  .member .find-account .box .myaccount h4{font-size:20px;}
  .member .singup .register section{}
  .member .singup .agree-box {padding:0 40px;}
  .member .singup .agree-box section h3{font-size:24px;}
  .member .singup .agree-box .btn-box{margin-top:50px;}
  .member .signup .con-box{padding:40px 30px 30px;}

}

/* mobile */
@media all and (max-width:1024px) {
  .member .singup .register .inbox{padding:20px;}
  .member .singup .register section .toggle-btn{font-size:20px;padding-bottom: 10px;}
  .member .singup .register section .toggle-btn:after{top:-5px;right:5px;width:30px;height:30px;}

  .member .signin em{margin-top:10px;font-size:16px;}
  .member .signin .form{margin-top:20px;}
  .member .signin h3{font-size:32px;}
  .member .signin .form .input-box{margin-top:15px;}
  .member .signin .form .input-box input[type="text"],
  .member .signin .form .input-box input[type="password"],
  .member .signin .form .input-box input[type="tel"]{padding:0 20px;height:50px;font-size: 16px;}
  .member .signin .form .btn-confirm{font-size:18px;height:50px;}
  .member .signin .find-box{padding:10px 30px;}
  .member .signin .find-box ul li{padding:10px 0;}
  .member .signin .find-box ul li span{font-size:15px;}
  .member .signin .find-box ul li a{font-size:15px;}
  .member .registe-box .link1 a{height:50px;font-size: 16px;}
  .member .registe-box .link2 a{height:50px;font-size: 16px;}
  .member .signin .form .input-box .cert-box button{height:40px;}
  .member .signin .txt{font-size:14px;}

  .member .find-account .find-tab a{height:55px;font-size: 18px;}
  .member .find-account .box{padding:30px 20px 20px;}
  .member .find-account .box h3{font-size:32px;}
  .member .find-account .box .txt-box{font-size:14px;padding-left: 70px;}
  .member .find-account .box .txt-box:before{width:35px;height:35px;left:20px;}
  .member .find-account .box .input-box input[type="text"],
  .member .find-account .box .input-box input[type="email"]{padding:0 20px;height:50px;font-size: 16px;}
  .member .find-account .box button{font-size:18px;height:55px;}
  .member .find-account .box .myaccount{margin-top:30px;}
  .member .find-account .box .myaccount p{font-size:16px;}
  .member .find-account .box .myaccount h4{font-size:18px;}
  .member .find-account .box a{margin-top:20px;height:55px;font-size: 18px;}

  .member .singup .agree-box .info-box{padding:15px;font-size:16px;}
  .member .singup .agree-box section{margin-top:30px;}
  .member .singup .agree-box section h3{font-size:20px;}
  .member .singup .agree-box section .txt-box{margin-top:10px;padding:20px;font-size:14px;}
  .member .singup .agree-box section .txt-box h2{font-size:18px;}
  .member .singup .agree-box section .txt-box h3{font-size:16px;}
  .member .singup .agree-box section .txt-box h4 {font-size:15px;}
  .member .singup .agree-box .btn-box{margin-top:40px;}
  .member .singup .agree-box .btn-box button{height:55px;font-size: 18px;}
  .member .singup .register .btn-box button{height:55px;font-size: 18px;}
  .member .singup .register .login-box{padding:20px 30px;}
  .member .signup .con-box{padding:30px 20px 20px;}
  .member .signup .con-box i{width:50px;}
  .member .signup .con-box .name-box{}
  .member .signup .con-box .name-box strong{font-size:20px;}
  .member .signup .con-box .name-box p{margin-top:5px;font-size: 16px;}
  .member .signup .con-box em{font-size:14px;}
  .member .signup .con-box .go-login{height:55px;line-height:55px;font-size: 18px;}
  .member .signup .go-main-box{padding:10px 30px;}
  .member .signup .go-main-box ul li{padding:10px 0;}
  .member .signup .go-main-box ul li span{font-size:15px;}
  .member .signup .go-main-box ul li a{font-size:15px;}

  .sign-finish {padding:40px 40px 30px;}
  .sign-finish h3 {font-size: 24px;margin-bottom: 25px;}
  .sign-finish .tit {font-size: 16px;}
  .sign-finish .id-box {font-size:18px;padding:12px;border-radius:15px;margin:15px 0 25px;}
  .sign-finish .txt {font-size:15px;}
  .complete #board-wrap .button-group {padding:30px 0;}

}

/* mobile */
@media all and (max-width:768px) {

  .member .find-account .find-tab a{height:50px;font-size: 16px;}

  .member .signin {width:100%;max-width:none;}
  .member .signin h3{font-size:28px;}
  .member .signin .form .input-box input[type="text"],
  .member .signin .form .input-box input[type="password"],
  .member .signin .form .input-box input[type="tel"]{font-size:15px;height:50px;}
  .member .signin .form .btn-confirm{height:50px;font-size:16px;}
  .member .signin .find-box{padding:10px 20px;}
  .member .signin .find-box ul li span{font-size:14px;}
  .member .signin .find-box ul li a{font-size:14px;}
  .member .registe-box .link1{gap:10px;}
  .member .registe-box .link1 a{font-size:15px;}
  .member .registe-box .link2{margin-top: 10px;}
  .member .registe-box .link2 a{font-size:15px;}
  .member .registe-box p{margin-top:20px;font-size:14px;}
  .member .registe-box p a{margin-left:10px;}

  .member .find-account .box h3{font-size: 28px;}
  .member .find-account .box .input-box input[type="text"],
  .member .find-account .box .input-box input[type="email"]{font-size: 15px;}
  .member .find-account .box button{height:50px;font-size: 16px;}
  .member .find-account .box .myaccount p{font-size:15px;}
  .member .find-account .box .myaccount h4{font-size:16px;padding:15px 10px;}
  .member .find-account .box a{height:50px;font-size: 16px;}

  .member .singup .register{max-width:100%;}
  .member .singup .register .inbox{border-radius:0;}

  .member .singup .register .info-txt{font-size:15px;}
  .member .singup .agree-box {padding: 0 20px;}
  .member .singup .agree-box .info-box {font-size: 14px;}
  .member .singup .agree-box section .chk {margin-top: 10px;}
  .member .singup .agree-box .btn-box button{height:50px;font-size: 16px;}
  .member .singup .register section{}
  .member .singup .checkbox-type1 label {font-size:14px;padding-left: 28px;}
  .member .singup .checkbox-type1 label:before {width:20px;height:20px;top:-1px;}
  .member .singup .checkbox-type1 label:after {top:2px;left:7px;}
  .member .singup .register .btn-box button{height: 50px;font-size: 16px;}
  .member .singup .register .login-box{padding:15px 20px;border-radius:0;}
  .member .singup .register .login-box span{font-size:14px;}
  .member .singup .register .login-box a{font-size:14px;}

  .member .signup .con-box .go-login{line-height:50px;height:50px;font-size: 16px;}

  .sign-finish {width:100%;border-radius:0;padding:40px 20px 30px;}
  .sign-finish h3 {font-size:22px;}
  .sign-finish .tit {font-size:15px;}
  .sign-finish .id-box {font-size:16px;padding:10px;border-radius:10px;margin:10px 0 20px;}
  .sign-finish .txt {font-size:14px;}
  .complete #board-wrap .button-group {padding: 20px 20px 0;}


}