/* 멤버 */
.member {padding:100px 0 160px;word-break:keep-all;}
.member.bg2 {background-color:#f5f5f5;}

.member .layout2 {max-width:660px;margin:auto;}
.member .layout section {background:#fff;padding:35px;border-radius:10px;box-shadow:1px 1px 6px 0 rgba(216, 175, 190, 0.25);}
.member .layout section + section {margin-top:40px;}
.member .layout section .tit-area {padding-bottom:10px;border-bottom:2px solid #111;margin-bottom:30px;}
.member .layout section .tit-area h4 {font-size:24px;}
/* .member .layout2 {max-width:1400px;} */

.member .step-wrap {display:flex;gap:75px;justify-content:center;margin:50px 0 80px;}
.member .step-wrap div {position:relative;text-align:center;}
.member .step-wrap div::before {content:"";display:inline-block;width:100px;height:0px;border:2px dashed #B6D6ED;position:absolute;top:36px;left:-85px;}
.member .step-wrap div img {display:block;margin:0 auto 20px;position:relative;z-index:1;}
.member .step-wrap div span {display:block;font-size:14px;font-weight:600;color:#707070;margin-bottom:4px;}
.member .step-wrap div p {font-size:18px;font-weight:600;color:#707070;}
.member .step-wrap div.active::before {border:2px solid #B6D6ED;}
.member .step-wrap div.active span {color:#0063aa;}
.member .step-wrap div.active p {color:#111;}
.member .step-wrap div:first-child::before {display:none;}

.member .tab {display:flex;margin:50px auto -50px;width:660px;}
.member .tab a {display:inline-block;width:50%;font-size:25px;line-height:70px;font-weight:500;color:#707070;background-color:#EDF0F5;text-align:center;}
.member .tab a:nth-child(1) {border-radius:10px 0 0 0;}
.member .tab a:nth-child(2) {border-radius:0 10px 0 0;}
.member .tab a.active {font-weight:700;color:#0063AA;background-color:#fff;}


.member .sign-in {width:660px;padding:40px;background-color:#fff;border-radius:10px;margin:50px auto 25px;}
.member .sign-up {}

.member .button-group,
.member .button-group {margin-top: 30px;text-align: center;}
.member .button-group .button,
.member .button-group .button {display:block;width:100%;font-size:22px;line-height:64px;font-weight:700;border-radius:5px;}
.member .button-group .button:disabled{background: #cdd2d5;border-color:#cdd2d5;color:#fff;}
.member .button-group .button + .button {margin-top: 10px;}
/* .member .button-group.ver2 {margin:auto;} */
.member .button-group.ver2 {display:flex;gap:10px;justify-content:center;}
.member .button-group.ver2 .button {flex:1;display:inline-block;max-width:325px;}
.member .button-group.ver2 .button + .button {margin-top:0;}

.member .sign-in .none-members {margin-top: 95px;}
.member .sign-in .none-members fieldset {margin-top: 20px;}
.member .sign-in .none-members h4{position:relative;font-size:16px;font-weight:500;color: #202020;text-align: center;}
.member .sign-in .none-members h4 span{position:relative;display: inline-block;padding:0 15px;background: #fff;z-index: 1;}
.member .sign-in .none-members h4::before{content: "";position:absolute;top:10px;left:0;display: inline-block;width:100%;height: 1px;background: #ccc;}
.member .sign-in .forgot-password {margin-top: 95px;}
.member .sign-in .none-members .cmm-form + .cmm-form{margin-top:20px;}


.member .sign-in .in-members .form i {position: absolute;top: 14px;left: 0;font-size: 13px;}
.member .sign-in .in-members .form input[type="text"],
.member .sign-in .in-members .form input[type="password"] {}
.member .sign-in .in-members .form input[type="text"]::placeholder,
.member .sign-in .in-members .form input[type="password"]::placeholder {color:#787878;}
.member .sign-in .in-members .checkbox-type1{display: inline-block;margin-top:30px;}

.member .sign-in .find-box{margin-top:40px;display: flex;justify-content: center;gap:80px;}
.member .sign-in .find-box a{position: relative;font-size: 16px;font-weight: 500;color: #231815;}
.member .sign-in .find-box a::before{content: "";position:absolute;top:4px;left:-40px;display: inline-block;width:1px;height:14px;background: #cdd2d5;}
.member .sign-in .find-box a:first-child::before{display: none;}
.member .sign-in .find-phone .radio-type1{margin-bottom: 20px;}
.member .sign-in .find-email{margin-top:50px;}
.member .sign-in .find-email .radio-type1{margin-bottom: 20px;}
.member .sign-in .certification input[type="number"] {padding: 0 110px 0 10px;}
.member .sign-in .certification-button {position: absolute;top: -1px;right: 0;padding: 0 10px;line-height: 40px;font-size: 14px;border-radius: 0;}

.member .sign-in .find-result {text-align:center;padding-top:20px;}
.member .sign-in .find-result strong {display:block;font-size:28px;margin-bottom:15px;}
.member .sign-in .find-result p {font-size:18px;margin-bottom:20px;}
.member .sign-in .find-result p em {font-size:inherit;font-weight:600;color:#0063AA;}
.member .sign-in .find-result .blue-box {padding:25px 20px;}
.member .sign-in .find-result .blue-box .form {font-size:25px;font-weight:700;color:#0063aa;border:0;}

.member .sign-up {margin-top:30px;width:100%;max-width: 530px;background: #f6f6f6;padding:40px;}
.member .sign-up .radio-group {font-size: 0;padding-bottom: 5px;}
.member .sign-up .radio-group .radio-type1 {display: inline-block;margin: 0;width: 80px;}
.member .sign-up .radio-group .radio-type1 label {font-size: 13px;line-height: 35px;}
.member .sign-up .ios-chk {position: absolute;bottom: 5px;right: 0;}
.member .sign-up .ios-chk label {position: relative !important;top: inherit !important;left: inherit !important;font-size: 13px;}
.member .sign-up .birth input[type="number"] {padding: 0 210px 0 10px;}
.member .sign-up .birth .radio-group {padding: 0;position: absolute;top: 0;right: 0;}
.member .sign-up .name{position: relative;}
.member .sign-up .name .button{position: absolute;top:0;right:0;width:80px;line-height: 35px;font-size:13px;border-radius: 0;}
.member .sign-up .button-group .button{display:flex;align-items:center;justify-content:center;width:100%;font-size:17px;font-weight:600;background: #202020;color: #fff;}
.member .sign-up section + section{margin-top:60px;}
.member .sign-up section .section-title{font-size: 26px;border-bottom:2px solid #231815;padding-bottom:10px;font-weight: 500;color: #202020;margin-bottom: 30px;}
.member .sign-finish{margin: 30px auto 0;width:100%;max-width:530px;padding:50px 40px 40px;background: #f6f6f6;}
.member .sign-finish .txt-box{margin:0 auto;max-width:500px;}
.member .sign-finish .txt-box .icon{text-align: center;font-size:0;}
.member .sign-finish .txt-box h3{margin-top:15px;text-align: center;font-size: 42px;font-weight: normal;color: #202020;}
.member .sign-finish .txt-box .tit{margin-top:50px;text-align:center; font-size: 18px;font-weight: 500;line-height: 1.39;color: #231815;}
.member .sign-finish .txt-box .tit strong{display:inline-block;font-weight:bold;}
.member .sign-finish .txt-box .tit span{display:inline-block;font-weight:bold;text-decoration: underline;}
.member .sign-finish .txt-box .txt{margin-top:30px;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #231815;}
.member .sign-finish .button-group{margin-top:80px;display: flex;flex-direction: column;gap:10px;}
.member .sign-finish .button-group .button{display: flex;align-items: center;justify-content: center;height:60px; font-size: 17px;font-weight: 500;color: #231815;border:1px solid #202020;background: #fff;}
.member .sign-finish .button-group .button:first-child{background: #202020;color:#fff;}


.agree .info-con {height:250px;overflow-y:scroll;padding-right:20px;}
.agree .check-type1 {text-align:right;margin:20px 0 40px;}


.finish .layout section.finish-wrap {max-width:660px;margin:0 auto 40px;padding:60px 40px 40px;background-color:#fff;border-radius:5px;text-align:center;}
.finish .finish-wrap strong {display:block;font-size:28px;margin-bottom:30px;}
.finish .finish-wrap .blue-box {padding:25px;}
.finish .finish-wrap .blue-box img {display:block;margin:0 auto 20px;}
.finish .finish-wrap .blue-box p {font-size:25px;font-weight:700;color:#0063aa;margin-bottom:10px;}
.finish .finish-wrap .blue-box em {font-size:18px;font-weight:500;}
.finish .finish-wrap span {display:block;margin-top:25px;font-size:17px;color:#707070;}


.signup-info .info-top {padding:30px 30px 30px 110px;position:relative;border-radius:10px;border:1px solid #0063AA;margin-bottom:80px;}
.signup-info .info-top::before {content:"";display:inline-block;width:45px;height:45px;background:url(/_public/images2/contents/sign_info_img01.svg) no-repeat;background-size:cover;position:absolute;top:50%;left:40px;transform:translateY(-50%);}
.signup-info .info-top p {font-size: 18px;line-height:1.6;}
.signup-info section {margin-bottom:70px;padding:30px;border-radius:10px;border: 1px solid #CCC;}
.signup-info section {display:flex;gap:60px;margin-top:-30px;}
.signup-info section > div {flex:1;}
.signup-info .class ul {padding:20px 25px;margin-bottom:20px;border-radius:5px;background:#F5F5F5;}
.signup-info .class ul li {font-size: 18px;font-weight: 500;padding-left:23px;position:relative;}
.signup-info .class ul li + li {margin-top:14px;}
.signup-info .class ul li::before {content:"";display:inline-block;width:15px;height:15px;background:url(/_public/images2/icon/ico_check_b.svg) no-repeat;background-size:cover;position:absolute;top:5px;left:0;}
.signup-info .benefit {}
.signup-info .benefit .bene-in {width:100%;padding:20px;border-radius:5px;border:1px solid #CCC;}
.signup-info .benefit .bene-in + .bene-in {margin-top:10px;}
.signup-info .benefit .bene-in h5 {font-size:19px;font-weight:600;margin-bottom:10px;}
.signup-info .benefit .bene-in h5 em {width:26px;display:inline-block;margin-right:10px;font-weight:800;color:#0063AA;}
.signup-info .benefit .bene-in ul {padding-left:43px;}
.signup-info .benefit .bene-in ul li {font-size:16px;color:#333;padding-left:12px;position:relative;}
.signup-info .benefit .bene-in ul li + li {margin-top:8px;}
.signup-info .benefit .bene-in ul li::before {content:"";display:inline-block;width:5px;height:5px;border-radius:100%;background-color:#9AB9CE;position:absolute;top:8px;left:0;}
.signup-info .contact {}
.signup-info .contact .box {border-radius:5px;background:#F5F5F5;padding:8px 8px 8px 50px;display:flex;position:relative;}
.signup-info .contact .box + .box {margin-top:10px;}
.signup-info .contact .box::before {content:"";display:inline-block;width:20px;height:20px;position:absolute;top:10px;left:20px;}
.signup-info .contact .box:nth-child(2)::before {background:url(/_public/images2/icon/ico_tel.svg) no-repeat;background-size:cover;}
.signup-info .contact .box:nth-child(3)::before {background:url(/_public/images2/icon/ico_mail.svg) no-repeat;background-size:cover;}
.signup-info .contact .box em {width:80px;display:block;font-size:18px;font-weight:500;color:#606060;}
.signup-info .contact .box p {font-size:18px;font-weight:500;}
.signup-info .contact dl {}
.signup-info .contact dl dt {width:55px;float:left;font-size:16px;font-weight:500;color:#606060;position:relative;padding-left:12px;margin-bottom:10px;}
.signup-info .contact dl dt::before {content:"";display:inline-block;width:5px;height:5px;border-radius:100%;background-color:#9AB9CE;position:absolute;top:8px;left:0;}
.signup-info .contact dl dd {width:calc(100% - 55px);font-size:16px;font-weight:500;color:#333;margin-bottom:10px;}


.findmember {max-width:1000px;margin:0 auto;}
.findmember .member-search {padding:30px 40px 40px;border-radius:10px;background:#F5F5F5;}
.findmember .member-search .form-box {padding:0;background-color:inherit;}
.findmember .member-search dl {display:grid;grid-template-columns: repeat(2, 100px);align-items:baseline;grid-gap:15px;}
.findmember .member-search dl dt {grid-column: 1 / 4;grid-row: 1 / 2;}
.findmember .member-search dl dd {grid-column: 2 / 4;grid-row: 1 / 2;}
.findmember .member-search dl dt:nth-child(3) {grid-row: 2 / 2;}
.findmember .member-search dl dd:nth-child(4) {grid-row: 2 / 2;}

.findmember .member-search .form-default .form-box dl dd input[type="text"] {width:540px;}

.findmember .member-search .btn-box {display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:30px;border-top:1px dashed #606060;}
.findmember .member-search .btn-box .notifi {padding:15px;border-radius:5px;border:1px solid #CCC;background:#FFF;}
.findmember .member-search .btn-box .notifi p {font-size: 16px;font-weight: 500;color:#606060;position:relative;padding-left:30px;}
.findmember .member-search .btn-box .notifi p::before {content:"";display:inline-block;width:20px;height:20px;background:url(/_public/images2/icon/ico_noftifi.svg) no-repeat;background-size:cover;position:absolute;top:1px;left:0;}
.findmember .member-search .btn-box .btn-g {display:flex;gap:10px;}
.findmember .member-search .btn-box .btn-g button {transition:all 0.3s;}
.findmember .member-search .btn-box .btn-g .search {width:160px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight:500;padding:0 35px;position:relative;border-radius:25px;background-color:#0063aa;text-align: left;}
.findmember .member-search .btn-box .btn-g .search::before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/icon/ico_search_w.svg) no-repeat;background-size:cover;position:absolute;top:50%;right:35px;transform:translateY(-50%);}
.findmember .member-search .btn-box .btn-g .reset {width:50px;height:50px;background:#fff;border-radius:100%;border:1px solid #d9d9d9;position:relative;font-size:0;}
.findmember .member-search .btn-box .btn-g .reset::before {content:"";display:block;width:20px;height:20px;background:url(/_public/images2/icon/ico_reset.svg) no-repeat;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.findmember .member-search .btn-box .btn-g .search:hover {background-color:#01407B;}
.findmember .member-search .btn-box .btn-g .reset:hover {background-color:#f5f5f5;}

.findmember .member-result {margin-top:30px;}
.findmember .member-result .bbs-page-num {margin-bottom:10px;}
.findmember .member-result table {border-bottom:1px solid #ccc;}
.findmember .member-result table thead th {padding:22px;font-size:18px;font-weight:600;border-top:2px solid #111;}
.findmember .member-result table tbody th {padding:20px;font-size:18px;font-weight:600;border-top:1px solid #ccc;}
.findmember .member-result table tbody td {padding:20px;font-size:18px;border-top:1px solid #ccc;text-align:center;}




@media all and (max-width:1400px) {
  .member {padding:100px 40px 160px;}
}


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

}

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

  .member {padding:80px 20px 120px;} {}

  .member .layout section {padding:30px;}
  .member .layout section .tit-area {padding-bottom:8px;margin-bottom:25px;}
  .member .layout section .tit-area h4 {font-size:22px;}

  .member .step-wrap {gap:50px;margin:40px 0 60px;}
  .member .step-wrap div::before {top:31px;}
  .member .step-wrap div img {width:65px;margin:0 auto 15px;}

  .member .tab a {font-size: 22px;}

  .member .sign-in .in-members .checkbox-type1{margin-top:20px;}
  .member .button-group .button,
  .member .button-group .button{line-height:50px;font-size:18px;}
  .member .button-group.ver2 a {width:250px;}

  .member .sign-up{padding:20px;}
  .member .sign-up section .section-title{font-size:21px;padding-bottom: 5px;margin-bottom: 20px;}
  .member .sign-in .find-result strong {font-size:24px;}
  .member .sign-in .find-result p {font-size:17px;}
  .member .sign-in .find-result .blue-box {padding:20px 15px;}
  .member .sign-in .find-result .blue-box .form {font-size:22px;}

  .member .sign-finish{padding:30px 20px 20px;}
  .member .sign-finish .txt-box .icon img{max-width: 40px;}
  .member .sign-finish .txt-box h3{font-size:30px;}
  .member .sign-finish .txt-box .tit{margin-top:30px;font-size:16px;}
  .member .sign-finish .txt-box .txt{font-size:16px;}
  .member .sign-finish .button-group{margin-top:40px;}
  .member .sign-finish .button-group .button{height:50px;font-size:15px;}

  .agree .check-type1 {margin:15px 0 35px;}
  .agree .info-con {height:220px;}

  .signup-info section {gap:30px;}
  .signup-info .info-top p {font-size:17px;}
  .signup-info .class ul {margin-bottom:15px;}
  .signup-info .class ul li {font-size:17px;}
  .signup-info .class ul li + li {margin-top:12px;}
  .signup-info .class ul li::before {top:4px;}
  .signup-info .benefit .bene-in + .bene-in {margin-top:5px;}
  .signup-info .benefit .bene-in h5 {font-size:18px;}
  .signup-info .benefit .bene-in h5 em {width:20px;}
  .signup-info .benefit .bene-in ul {padding-left:3px;}
  .signup-info .benefit .bene-in ul li {font-size:15px;margin-top:6px;}
  .signup-info .contact .box em {font-size:17px;}
  .signup-info .contact .box p {font-size:17px;}

  .findmember .member-result table thead th {padding:20px;font-size:17px;}
  .findmember .member-result table tbody th {padding:18px;font-size:17px;}
  .findmember .member-result table tbody td {padding:18px;font-size:17px;}

}

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

  .member {padding:50px 0 80px;}

  .member .layout section {padding:25px;border-radius:0;}

  .member .step-wrap {gap:30px;margin:30px 0 45px;}
  .member .step-wrap div::before {width:50px;top:24px;left:-45px;}
  .member .step-wrap div img {margin:0 auto 15px;width:50px;}
  .member .step-wrap div span {font-size:12px;margin-bottom:1px;}
  .member .step-wrap div p {font-size:15px;}

  .member .tab {width:100%;margin:40px auto -40px;}
  .member .tab a {font-size:18px;line-height:60px;}

  .member .button-group.ver2 {flex-wrap:wrap;}
  .member .button-group.ver2 .button {display:block;flex:none;width:100%;max-width:none;}
  .member .button-group.ver3 {padding:0 20px;}

  .member .sign-in {width:100%;padding:25px;border-radius:0;margin:40px auto 20px;}
  .member .sign-up .button-group,
  .member .sign-in .button-group {margin-top:20px;}


  .member .sign-in .find-result strong {font-size:22px;margin-bottom:10px;}
  .member .sign-in .find-result p {font-size:16px;margin-bottom:15px;}
  .member .sign-in .find-result .blue-box {padding:15px 5px;}
  .member .sign-in .find-result .blue-box .form {font-size:19px;}

  .agree .check-type1 {margin:12px 0 30px;padding:0 20px;}
  .agree .info-con {padding-right: 15px;}

  .finish .layout section.finish-wrap {padding:40px 25px 25px;}
  .finish .finish-wrap strong {font-size:24px;margin-bottom:20px;}
  .finish .finish-wrap .blue-box {padding:20px;}
  .finish .finish-wrap .blue-box img {margin:0 auto 15px;}
  .finish .finish-wrap .blue-box p {font-size:22px;margin-bottom:8px;}
  .finish .finish-wrap .blue-box em {font-size:16px;}
  .finish .finish-wrap span {margin-top:20px;font-size:15px;}

  .signup-info .info-top {padding:80px 20px 20px 20px;margin-bottom:60px;}
  .signup-info .info-top::before {width:40px;height:40px;top:20px;left:50%;transform:translate(-50%, 0);}
  .signup-info .info-top p {font-size: 15px;text-align:center;}
  .signup-info .layout section {margin-top:-10px;padding: 20px;border-radius:10px;flex-direction:column;margin-bottom:60px;}
  .signup-info .class ul {padding: 15px 20px;}
  .signup-info .class ul li {font-size:15px;}
  .signup-info .class ul li::before {top:2px;}
  .signup-info .benefit .bene-in {padding:15px;}
  .signup-info .benefit .bene-in h5 {font-size: 17px;}
  .signup-info .benefit .bene-in h5 em {margin-right: 5px;}
  .signup-info .benefit .bene-in ul {padding-left:0;}
  .signup-info .benefit .bene-in ul li {font-size:14px;margin-top:5px;padding-left: 10px;}
  .signup-info .benefit .bene-in ul li::before {width:4px;height:4px;top:7px;}
  .signup-info .contact .box {padding:6px 6px 6px 32px;}
  .signup-info .contact .box::before {width:15px;height:15px;top: 8px;left:10px;}
  .signup-info .contact .box em {width:40px;font-size:14px;}
  .signup-info .contact .box p {font-size:14px;}
  .signup-info .contact dl dt {width:45px;font-size:14px;padding-left:10px;}
  .signup-info .contact dl dt::before {width:4px;height:4px;top:6px;}
  .signup-info .contact dl dd {width:100%;padding-left:45px;font-size:14px;}

  .findmember .member-search {padding:5px 25px 25px 25px;}
  .findmember .member-search dl {display:block;}
  .findmember .member-search .form-box {margin-bottom:20px;}
  .findmember .member-search .form-default .form-box dl dd input[type="text"] {width:100%;}
  .findmember .member-search .btn-box {margin-top:20px;padding-top:20px;flex-direction:column;gap:30px;}
  .findmember .member-search .btn-box .notifi {padding:10px;}
  .findmember .member-search .btn-box .notifi p {font-size:14px;padding-left:25px;}
  .findmember .member-search .btn-box .notifi p::before {width:18px;height:18px;}
  .findmember .member-search .btn-box .btn-g {width:100%;}
  .findmember .member-search .btn-box .btn-g .search {width: calc(100% - 60px);}

  .findmember .member-result table thead th {padding:18px 5px;font-size:15px;}
  .findmember .member-result table tbody th {padding:15px 5px;font-size:14px;}
  .findmember .member-result table tbody td {padding:15px 5px;font-size:14px;}


}