@charset "utf-8";

.member-box {max-width:680px; margin:0 auto; padding:20px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.10);border-radius:10px;}
.member-box h3 {color:#2f363c; text-align:center; font-size:1.4em; font-weight:700; line-height:1.3em; letter-spacing:-.06em; margin-bottom:15px; font-family: 'JSDongkang';}
.member-box .top-txt {margin-bottom:20px; text-align:center; color:#454545; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.member-box .top-txt strong {font-weight:400;}
.member-box .form-group {margin-bottom:10px;}
.member-box .form-group .tt {display:block; font-size:.9em; font-weight:500; letter-spacing:-.04em; margin-bottom:7px; padding-top:6px;}
.member-box .form-group .txt {margin-top:5px; font-size:14px; font-weight:300; color:#878787; line-height:1.3em; letter-spacing:-.04em;}
.member-box .form-group:first-child .tt {padding-top:0;}
.member-box .input {display:block; width:100%; height:45px; padding:8px 14px; font-size:1em;}
.member-box .input-group {display:table; table-layout:fixed; width:100%;}
.member-box .input-group-input {display:table-cell;}
.member-box .input-group-input .input {border-right:0;}
.member-box .input-group-btn {display:table-cell; width:90px;}
.member-box .input-group-btn a {display:block; border-radius:0 3px 3px 0; text-align:center; line-height:52px; color:#fff; padding:0 5px; background:#505050;}
.member-box .tel-input {display:table-cell; vertical-align:middle}
.member-box .tel-bar {display:table-cell; width:26px; vertical-align:middle; text-align:center;}
.member-box .tel-bar .bar {display:block; width:8px; height:2px; background:#ccc; margin:0 auto;}
.member-box .chk {margin-bottom:16px; color:#505050; font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
.member-box .submit {margin-top:10px;}
.member-box .submit input {display:block; width:100%; height:45px; border:0; cursor:pointer; background:#25b7c7; color:#fff; font-size:1em; font-weight:400; line-height:1.3em; letter-spacing:-.04em;}
.member-box .sns-txt {margin:30px 0; text-align:center; font-weight:500; color:#454545; font-size:15px; line-height:1.3em; letter-spacing:-.04em;}
.member-box .links {text-align:center; margin-top:20px; color:#9d9d9d; font-size:.8em; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
.member-box .links a {border-bottom:1px solid transparent;}
.member-box .links a:hover {border-bottom:1px solid #505050;}
.member-box .links .bar {display:inline-block; vertical-align:middle; width:1px; height:17px; background:#dfdfdf; margin:0 10px;}
.member-box .agree-group {margin-bottom:20px; }
.member-box .box {position:relative; padding:10px; height:140px; color:#878787; font-size:14px; font-weight:300; line-height:1.2em; letter-spacing:-.04em; word-break:break-all; background:#fafafa; border:1px solid #eee; overflow:auto; margin-bottom:5px;}
.member-box .box strong {font-weight:400;}
.member-box.type2 {padding:20px;}
.member-box.type2 h3 {font-size:1em; text-align:left; margin-bottom:10px;} 



/* 약관 */
.agree {color:#666;}
.agree h4 {font-size:1em; font-weight:500; color:#242424; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:.8em;}
.agree dl {padding: 0 0 20px 0;}
.agree dl dt {font-weight:500; color:#242424}
.agree dl dd dl {padding:0;}
.agree dt dl dt {font-weight:400;}
.agree dl dd {font-size:14px;}
.agree li {padding: 0 0 0 6px;}
.agree strong {font-weight:500;}
.agree .sub-law dt {font-weight:normal;}
.agree .policy-list {*zoom:1;}
.agree .policy-list:after {content:" "; display:block; clear:both;}
.agree .policy-list {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 5px 0;}
.agree .policy-list li {padding: 5px 15px 5px 15px; line-height:22px; box-sizing:border-box;}
.agree .policy-list span {color:#999999; font-size:14px;}
.agree .policy-list a {color:#666; font-size:14px;}
.agree .contact-info {*zoom:1; margin:20px 0;}
.agree .contact-info li {border:1px solid #aaa; padding:5px 15px; margin-bottom:10px; text-indent:0;}
.agree .contact-info li:last-child {margin-bottom:0;}
.agree .table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.agree .table table thead th {padding:10px 5px;background:#f3f3f3; border:1px solid #ddd; color:#454545; font-size:15px; font-weight:500;}
.agree .table table tbody th {padding:10px 5px;background:#f3f3f3; border:1px solid #ddd; color:#454545; font-size:15px; font-weight:500;}
.agree .table table tbody td {padding:10px 5px; border:1px solid #ddd; background:#fff; text-align:center; font-size:15px; font-weight:400; line-height:22px; color:#878787;}

/* 아이디/비밀번호 찾기 */
.find-menu {margin-bottom:20px;}
.find-menu ul {display:flex;flex-wrap:wrap;}
.find-menu ul li {width:50%; text-align:center;}
.find-menu ul li a {display:block; font-size:1em; line-height:40px; color:#373737; border-bottom:1px solid #d8d8d8; color:#373737;font-weight:500;}
.find-menu ul li.active a {color:#25b7c7; border-bottom-color:#25b7c7;}
.find-account {max-width:680px; margin:0 auto; padding:20px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.10);border-radius:10px;}
.find-account .form-group {margin-bottom:15px;}
.find-account .tit {display:block; font-size:1em; line-height:1.4em; color:#282828; margin-bottom:5px;}
.find-account .input {display:block; width:100%; padding:8px 14px;}
.find-account .select {display:block; width:100%;}
.find-account .input-group {display:table; table-layout:fixed; width:100%;}
.find-account .input-group-input {display:table-cell; vertical-align:middle;}
.find-account .input-group-btn {display:table-cell; vertical-align:top; width:90px; padding-left:5px;}
.find-account .input-group-btn .submit2 {display:block;  cursor:pointer;vertical-align:top; width:100%; border-radius:3px; text-align:center; line-height:33px; border:0; color:#fff; padding:0 5px; background:#25b7c7;}
.find-account .input-group-btn a {display:block;  border-radius:3px; text-align:center; line-height:33px; color:#fff; padding:0 5px; background:#25b7c7;}

.find-account .tel-input {display:table-cell; vertical-align:middle}
.find-account .tel-bar {display:table-cell; width:20px; vertical-align:middle; text-align:center;}
.find-account .tel-bar .bar {display:block; width:8px; height:2px; background:#282828; margin:0 auto;}
.find-account .submit {margin-top:10px;}
.find-account .submit input {display:block; width:100%; height:45px; border:0; border-radius:5px; cursor:pointer; background:#25b7c7; color:#fff; font-size:1em; font-weight:400; line-height:1.3em; letter-spacing:-.04em;}
.find-account .link {text-align:center; margin:20px 0;}
.find-account .link .tt {color:#9d9d9d; font-size:.9em; line-height:1.4em; color:#9d9d9d; padding-right:10px; display:inline-block; vertical-align:top;}
.find-account .link a {display:inline-block; position:relative; vertical-align:top; font-size:.9em; line-height:1.4em;font-weight:500; color:#25b7c7;}
.find-account .link a:after {content:""; display:inline-block; vertical-align:top; margin-top:5px; margin-left:2px;border: solid #25b7c7;border-width: 0 2px 2px 0;display: inline-block; padding: 3px; transform: rotate(-45deg);}
.find-account .result {padding:15px 0 10px; border-top:1px solid #ddd;}
.find-account .result p {margin-bottom:13px; font-size:14px; line-height:1.3em; letter-spacing:-.05em;}
.find-account .result dt {padding:8px; font-size:14px; line-height:1.3em; color:#212121; background:#f4f4f4; margin-bottom:1px;}
.find-account .result dd {padding:8px; font-size:14px; line-height:1.3em; background:#f4f4f4;}





.mypage-info-modi {}
.mypage-info-modi .box {background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:50px 0; margin-bottom:50px;}
.mypage-info-modi .wrap {max-width:500px; margin:0 auto;}
.mypage-info-modi .form-group {margin-bottom:15px;} {margin-bottom:15px;}
.mypage-info-modi .form-group:last-child {margin-bottom:0;}
.mypage-info-modi .form-group .tit {display:block; font-size:18px; line-height:1.4em; color:#373737;font-weight:500; margin-bottom:5px;}
.mypage-info-modi .input-group {display:table; table-layout:fixed; width:100%;}
.mypage-info-modi .input {display:block; width:100%; padding:8px 14px;}
.mypage-info-modi .tel-input {display:table-cell; vertical-align:middle}
.mypage-info-modi .tel-bar {display:table-cell; width:26px; vertical-align:middle; text-align:center;}
.mypage-info-modi .tel-bar .bar {display:block; width:8px; height:2px; background:#282828; margin:0 auto;}
.mypage-info-modi .input-group-input {display:table-cell; vertical-align:top;}
.mypage-info-modi .input-group-btn {display:block; margin-top:10px;}
.mypage-info-modi .input-group-btn2 {display:table-cell; vertical-align:top; width:165px}
.mypage-info-modi .input-group-btn2 .submit2 {display:block; width:100%}
.mypage-info-modi .submit2 {display:inline-block; width:auto; cursor:pointer;vertical-align:top; font-size:18px; border-radius:3px; text-align:center; line-height:46px;font-weight:500; border:1px solid #25b7c7; color:#25b7c7; padding:0 25px; background:#fff;}
.mypage-info-modi .submit {margin-top:10px;}
.mypage-info-modi .submit input {display:block; width:100%; height:60px; border:0; border-radius:5px; cursor:pointer; background:#25b7c7; color:#fff; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.mypage-info-modi .sub-tit {font-size:18px; line-height:1.4em; color:#666;font-weight:700; margin-bottom:20px;}
.mypage-info-modi .input-bar {display:table-cell; width:15px; vertical-align:middle;}

/* 추가 */
.find-account .input-group-input {position:relative;}

/* 개인회원 기업회원 */
.mem-box-body {margin: 25px; display: flex; flex-direction: column; align-items: center;}

.member-box1 {padding:40px 0; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.10);border-radius:10px; display: flex; flex: 1 1; align-items: center; flex-direction: column;}
.member-box1+.member-box1 {margin-top: 50px;}
.member-box1 h3 {color:#2f363c; text-align:center; font-size:35px; font-weight:700; line-height:1.3em; letter-spacing:-.06em; margin-bottom:30px; font-family: 'JSDongkang';}
.member-box1 .top-txt {margin-bottom:20px; text-align:center; color:#454545; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.member-box1 .top-txt strong {font-weight:400;}
.member-box1 .form-group {margin-bottom:15px;}
.member-box1 .form-group .tt {display:block; font-size:16px; font-weight:500; letter-spacing:-.04em; margin-bottom:7px; padding-top:6px;}
.member-box1 .form-group .txt {margin-top:5px; font-size:14px; font-weight:300; color:#878787; line-height:1.3em; letter-spacing:-.04em;}
.member-box1 .form-group:first-child .tt {padding-top:0;}
.member-box1 .input {display:block; width:100%; height:50px; padding:0 14px; line-height:48px; font-size:18px;}
.member-box1 .input-group {display:table; table-layout:fixed; width:100%;}
.member-box1 .input-group-input {display:table-cell;}
.member-box1 .input-group-input .input {border-right:0;}
.member-box1 .input-group-btn {display:table-cell; width:90px;}
.member-box1 .input-group-btn a {display:block; border-radius:0 3px 3px 0; text-align:center; line-height:52px; color:#fff; padding:0 5px; background:#505050;}
.member-box1 .tel-input {display:table-cell; vertical-align:middle}
.member-box1 .tel-bar {display:table-cell; width:26px; vertical-align:middle; text-align:center;}
.member-box1 .tel-bar .bar {display:block; width:8px; height:2px; background:#ccc; margin:0 auto;}
.member-box1 .chk {margin-bottom:16px; color:#505050; font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
.member-box1 .submit {margin-top:10px; display: contents;}
.member-box1 .submit input {display:block; width:100%; height:50px; border:0; cursor:pointer; background:#25b7c7; color:#fff; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-.04em;}
.member-box1 .sns-txt {margin:30px 0; text-align:center; font-weight:500; color:#454545; font-size:15px; line-height:1.3em; letter-spacing:-.04em;}
.member-box1 .links {text-align:center; margin-top:30px; color:#9d9d9d; font-size:18px; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
.member-box1 .links a {border-bottom:1px solid transparent;}
.member-box1 .links a:hover {border-bottom:1px solid #505050;}
.member-box1 .links .bar {display:inline-block; vertical-align:middle; width:1px; height:17px; background:#dfdfdf; margin:0 25px;}
.member-box1 .agree-group {margin-bottom:20px; }
.member-box1 .box {position:relative; padding:10px; height:140px; color:#878787; font-size:14px; font-weight:300; line-height:1.2em; letter-spacing:-.04em; word-break:break-all; background:#fafafa; border:1px solid #eee; overflow:auto; margin-bottom:5px;}
.member-box1 .box strong {font-weight:400;}
.member-box1.type2 {padding:40px; width: 100%;}
.member-box1.type2 h3 {font-size:20px; text-align:center; margin:15px 0;}
.member-box1 .wrapper {position:relative;}
.member-box1 .wrapper input::-ms-reveal {display:none;}
.member-box1 .wrapper input {padding-left:14px; font-size:18px; outline:none;}
.member-box1 .wrapper input::placeholder {font-size:17px;}
.member-box1 .wrapper span {position:absolute; right:14px; top:50%; transform: translateY(-50%); font-size:20px; cursor:pointer; display:none;}
.member-box1 .wrapper input:valid ~ span {display:block;}
.member-box1 .wrapper span i.hide-button::before {content:"\f070";}

/*.member-box2 {padding:40px 0; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.10);border-radius:10px; display: flex; flex: 1 1; align-items: center; flex-direction: column;}*/
.member-box2+.member-box2 {margin-left: 20px;}
.member-box2 h3 {color:#2f363c; text-align:center; font-size:35px; font-weight:700; line-height:1.3em; letter-spacing:-.06em; margin-bottom:30px; font-family: 'JSDongkang';}
.member-box2 .top-txt {margin-bottom:20px; text-align:center; color:#454545; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.member-box2 .top-txt strong {font-weight:400;}
.member-box2 .form-group {margin-bottom:15px;}
.member-box2 .form-group .tt {display:block; font-size:16px; font-weight:500; letter-spacing:-.04em; margin-bottom:7px; padding-top:6px;}
.member-box2 .form-group .txt {margin-top:5px; font-size:14px; font-weight:300; color:#878787; line-height:1.3em; letter-spacing:-.04em;}
.member-box2 .form-group:first-child .tt {padding-top:0;}
span.star {color: red; font-size: 16px; font-weight: 500; line-height: 24px;}
.member-box2 .input {display:block; width:100%; height:50px; padding:0 14px; line-height:48px; font-size:18px;}
.member-box2 .input-group {display:table; table-layout:fixed; width:100%;}
.input-group > ul > li > a {width: 100%; height: 126px; display: block; padding: 30px 30px 30px 110px; background: url(../../image/member/pc_arrow_next.png) no-repeat 93% 50%; box-sizing: border-box; -webkit-box-sizing: border-box;}
/*.input-group > ul > li:first-child {margin-right: 10px;}
.input-group > ul > li {float: left;}*/
.input-group .c_tit {font-size: 18px; color: #666666; font-weight: 700; margin-bottom: 9px; line-height: 1;}
.input-group > ul > li > a > span {display: block;}
.member-box2 .input-group-input {display:table-cell;}
.member-box2 .input-group-input .input {border-right:0;}
.member-box2 .input-group-btn {display:table-cell; width:90px;}
.member-box2 .input-group-btn a {display:block; border-radius:0 3px 3px 0; text-align:center; line-height:52px; color:#fff; padding:0 5px; background:#505050;}
.member-box2 .tel-input {display:table-cell; vertical-align:middle}
.member-box2 .tel-bar {display:table-cell; width:26px; vertical-align:middle; text-align:center;}
.member-box2 .tel-bar .bar {display:block; width:8px; height:2px; background:#ccc; margin:0 auto;}
.member-box2 .chk {margin-bottom:16px; color:#505050; font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
.member-box2 .submit {margin-top:10px; display: contents;}
.member-box2 .submit input {display:block; width:100%; height:50px; border:0; cursor:pointer; background:#25b7c7; color:#fff; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-.04em;}
.member-box2 .sns-txt {margin:30px 0; text-align:center; font-weight:500; color:#454545; font-size:15px; line-height:1.3em; letter-spacing:-.04em;}
.member-box2 .links {text-align:center; margin-top:30px; color:#9d9d9d; font-size:18px; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
.member-box2 .links a {border-bottom:1px solid transparent;}
.member-box2 .links a:hover {border-bottom:1px solid #505050;}
.member-box2 .links .bar {display:inline-block; vertical-align:middle; width:1px; height:17px; background:#dfdfdf; margin:0 25px;}
.member-box2 .agree-group {margin-bottom:20px; }
.member-box2 .box {position:relative; padding:10px; height:140px; color:#878787; font-size:14px; font-weight:300; line-height:1.2em; letter-spacing:-.04em; word-break:break-all; background:#fafafa; border:1px solid #eee; overflow:auto; margin-bottom:5px;}
.member-box2 .box strong {font-weight:400;}
/*.member-box2.type2 {padding:40px;}*/
.member-box2.type2 h3 {font-size:20px; text-align:left; margin-bottom:15px; display: inline-block;}
.member-box2 .wrapper {position:relative;}
.member-box2 .wrapper input::-ms-reveal {display:none;}
.member-box2 .wrapper input {padding-left:14px; font-size:18px; outline:none;}
.member-box2 .wrapper input::placeholder {font-size:17px;}
.member-box2 .wrapper span {position:absolute; right:14px; top:50%; transform: translateY(-50%); font-size:20px; cursor:pointer; display:none;}
.member-box2 .wrapper input:valid ~ span {display:block;}
.member-box2 .wrapper span i.hide-button::before {content:"\f070";}

/*.find-account2 {max-width:600px; margin:0 auto; padding:60px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,.10);border-radius:10px;}*/
.find-account2 {max-width:600px; margin:0 auto; padding:32px; background:#fff;}
.find-account2 .form-group {margin-bottom:15px;}
.find-account2 .form-group-row {margin-bottom:15px; display: flex; flex: 1 1;}
.find-account2 .tit {display: inline-block; font-size:18px; line-height:1.4em; color:#282828; margin-bottom:5px;}
.find-account2 .tit2 {color:#2f363c; text-align:left; font-size:1.125rem; font-weight:700; line-height:1.3em; letter-spacing:-.06em; font-family:'JSDongkang';}
.find-account2 .input {display:block; width:100%; padding:8px 14px;}
.find-account2 .select {display:block; width:100%;}
.find-account2 .tit-group {display: flex; width: 180px; flex-direction: row; align-items: center;}
.find-account2 .tit-group1-1 {display: flex; width: 177px; flex-direction: row; align-items: center;}
.find-account2 .tit-group1 {display: flex; width: 178px; flex-direction: row; align-items: center;}
.find-account2 .tit-group2 {display: flex; width: 204px; flex-direction: row; align-items: center;}
.find-account2 .tit-group2-1 {display: flex; width: 198px; flex-direction: row; align-items: center;}
.find-account2 .input-group {display:table; table-layout:fixed; width:100%;}
.find-account2 .input-group-input {display:table-cell; vertical-align:middle;}
.find-account2 .input-group-btn {display:table-cell; vertical-align:top; width:90px; padding-left:5px;}
.find-account2 .input-group-btn .submit2 {display:block;  cursor:pointer;vertical-align:top; width:100%; border-radius:3px; text-align:center; line-height:48px; border:0; color:#fff; padding:0 5px; background:#25b7c7;}
.find-account2 .input-group-btn a {display:block;  border-radius:3px; text-align:center; line-height:48px; color:#fff; padding:0 5px; background:#25b7c7;}

.find-account2 .tel-input {display:table-cell; vertical-align:middle}
.find-account2 .tel-bar {display:table-cell; width:26px; vertical-align:middle; text-align:center;}
.find-account2 .tel-bar .bar {display:block; width:8px; height:2px; background:#282828; margin:0 auto;}
.find-account2 .submit {margin-top:10px;}
.find-account2 .submit input {display:block; width:100%; height:60px; border:0; border-radius:5px; cursor:pointer; background:#25b7c7; color:#fff; font-size:20px; font-weight:400; line-height:1.3em; letter-spacing:-.04em;}
.find-account2 .link {text-align:center; margin:30px 0;}
.find-account2 .link .tt {color:#9d9d9d; font-size:18px; line-height:1.4em; color:#9d9d9d; padding-right:10px;}
.find-account2 .link a {display:inline-block; position:relative; vertical-align:top; font-size:17px; line-height:1.4em;font-weight:500; color:#25b7c7;}
.find-account2 .link a:after {content:""; display:inline-block; vertical-align:top; margin-top:8px; margin-left:2px;border: solid #25b7c7;border-width: 0 2px 2px 0;display: inline-block; padding: 4px; transform: rotate(-45deg);}
.find-account2 .result {padding:20px 0 10px; border-top:1px solid #ddd;}
.find-account2 .result p {margin-bottom:13px; font-size:14px; line-height:1.3em; letter-spacing:-.05em;}
.find-account2 .result dt {padding:8px; font-size:14px; line-height:1.3em; color:#212121; background:#f4f4f4; margin-bottom:1px;}
.find-account2 .result dd {padding:8px; font-size:14px; line-height:1.3em; background:#f4f4f4;}

.c_phone {background: #f2f2f2 url(../../image/member/cert_phone.png) no-repeat 40px 50%;}

.input-group-input select.box {width: 96%; height: 48px; box-sizing: border-box; margin-left: 5px; padding: 5px; border-radius: 4px; border: 1px solid #d9d6d6; color: #383838; background-color: #ffffff; font-size: 15px; font-family: 'Montserrat', 'Pretendard', sans-serif;}
.input-group-input option {font-size: 16px;}
.input-group-input .input {height: 48px;}
.input-group-input .info .box#domain-list option { font-size: 14px; background-color: #ffffff;}
.form-group-row .input {height: 48px;}

.margin-0 {margin:0 !important;}
.background-none {background:none !important;}
.border-0 {border:0 !important; border-radius:0 !important;}
.shadow-none {box-shadow:none !important;}
.join-box {border-top:2px solid #171717 !important; padding:40px 32px 60px !important;}
.join-title {margin-bottom:24px !important;}
.input-readonly {
  background-color: #e9ecef;
  opacity: 1;
}