@charset "utf-8";


/*** member.css ***/

/* .member #header {margin-top: 0;box-shadow:none;border-top:0 solid #4bbeff;}
.member #header:after {display:none;}
.member #header .service-info {position:absolute;top:0;right:0;font-size:17px;color:#9e9e9e;} */

.member #container {width:1180px;margin:0 auto;text-align:center;}

/* .member #footer p {line-height:1;}
.member #footer p:before {display:none;content:'';width:90px; height:19px; margin-right:5px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png") no-repeat -104px -749px; vertical-align:text-bottom;} */

/* .page-title {margin:80px 0 0;color:#3e3e3e;font-size:46px;line-height:1;text-align:center;} */

.member .page-title {margin-top:60px; color: #3e3e3e; font-size: 36px;}

/* .login_wrap .page-title{font-size:36px; font-weight:400;} */

.login-sub-title, .login-sub-desc {width: 440px; margin: 40px auto 0; padding: 30px 0 10px; border-top: 1px solid #dcdcdc; font-size: 16px; font-weight: 600; text-align: center;}
.login-sub-title, .login-sub-desc span {font-weight: bold; font-size: 20px;}
.login_wrap .login-txt {display: block; margin-top: 18px; font-size: 16px; text-align: center; color:#3e3e3e;}
.login_wrap .login-txt a {display:block; color:#4abdff; text-decoration: underline;}

.login_wrap .navi-tab {display: flex; margin: 30px auto 0; width: 440px; border-top: none;}
.login_wrap .navi-tab a {width: 50%; padding: 17px 0; border-width: 1px;}

/* [class*="join-step"] {position:relative;margin:130px 0 0;}
[class*="join-step"]:before {content:"";position:absolute;top:-60px;left:50%;width:248px;height:32px;margin-left:-124px;background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat 100% -130px;} */

/* .join-step2:before {background-position:100% -170px;}
.join-step3:before {background-position:100% -210px;}
.join-step4:before {background-position:100% -250px;} */

/* .member .page-desc {margin:20px 0 0;color:#3e3e3e;font-size:16px;} */

/* .member .sub-title {position:relative;width:440px;margin:40px auto 0;text-align:center;font-size:14px;color:#3e3e3e;}
.member .sub-title:before,
.member .sub-title:after {content:"";position:absolute;top:10px;left:0;width:123px;height:1px;background:#fff;}
.member .sub-title:after {right:0;left:auto;} */

.login_wrap .page-desc {margin-top: 18px; font-size: 14px; text-align: center; color: #3e3e3e;}

.login-field {width:440px;margin:30px auto 0;}
.login-field input[type="text"],
.login-field input[type="password"] {width:100%;height:50px;margin:0 0 10px;padding:0 19px;border:1px solid #ddd;font-size:14px;}
.login-field .wrap-chkS {display:block; margin-bottom:20px; text-align:left;}
.login-field .chkS {color: #3e3e3e; font-size: 14px; margin-left: 0px;}
.login-field .chkS span {font-size: 14px; color: #666; line-height: 1;}
.login-field .chkS + .chkS {margin-left:20px;}
.login-field .login-notice {margin-top:60px; padding-top:20px; border-top:1px solid #ddd; font-size:13px; line-height:1; text-align:left;}
.login-field .login-notice strong {display:block; margin-bottom:13px; font-size:14px; font-weight:bold;}
.login-field .link-login {font-size:0;}
.login-field .link-login a {display:inline-block; color:#6e6e6e; font-size:14px; vertical-align:top;}
.login-field .link-login a + a:before {content:''; display:inline-block; width:1px; height:13px; margin:1px 15px 0; background:#ccc; vertical-align:top;}

.g-recaptcha {margin: 0 0 10px 0;}

.nonmember-field {width:440px;margin:30px auto 0;}
.nonmember-field .field{display:table;width:100%;}
.nonmember-field .field label{display:table-cell;width:70px;font-size:14px;text-align:left;}
.nonmember-field .field input[type="text"],
.nonmember-field .field input[type="password"] {width:100%;height:50px;margin:0 0 10px;padding:0 19px;border:1px solid #ddd;font-size:14px;}
.nonmember-field .login-inquery{text-align:center;}
.nonmember-field .login-inquery em {display: block; margin: 10px 0; color: #666;}

/* 아이디, 비밀번호 찾기 */
.wrap-idpw-search {width: 440px; margin:40px auto 0; background:#fff;}

.wrap-idpw-search .navi-tab {height:auto;}
.wrap-idpw-search .navi-tab a {position:relative; background:#fff; color:#888; font-size:14px;}
.wrap-idpw-search .navi-tab a.active {color:#000; font-weight:600;}
.wrap-idpw-search .navi-tab a.active:after {content:''; display:block; position:absolute; top:-1px; left:-1px; width:100%; padding:0 1px; height:3px; background:#4abdff;}
.wrap-idpw-search .wrap-tab-cont {padding:40px; border:1px solid #ddd; border-top:0;box-sizing: border-box;width: 440px;}

.wrap-idpw-search .field + .field {margin-top:10px;}
.wrap-idpw-search .field input[type="text"] {border:1px solid #ddd; width:100%;}
.wrap-idpw-search .field input[type="text"] {height:50px; border:1px solid #ddd; padding-left:20px; font-size:14px; vertical-align:top;}
.wrap-idpw-search ::-webkit-input-placeholder {color:#9e9e9e;}
.wrap-idpw-search ::-moz-placeholder {color:#9e9e9e;}
.wrap-idpw-search :-ms-input-placeholder {color:#9e9e9e;}
.wrap-idpw-search :-moz-placeholder {color:#9e9e9e;}
.wrap-idpw-search .btn-area {margin-top:20px; padding:0;}
.wrap-idpw-search .btn-area .color_button {display:block;position:relative;width:100%;height:55px;background:#4abdff;color:#fff;font-size:16px;z-index:2;}
.wrap-idpw-search .btn-area .border_button {display:block;position:relative;width:100%;height:55px; margin-top: 10px; border-radius:4px; font-size:16px; z-index:2; border-style: solid; border-width: 2px; font-weight: 600;}
.wrap-idpw-search .search-desc {margin-bottom:20px; color:#666; font-size:14px; line-height:24px; text-align:center;}

.wrap-idpw-search .result-area {padding:20px; background:#f6f6f6; line-height:1; text-align:left;}
.wrap-idpw-search .result-area li {color:#3e3e3e; font-size:14px; font-weight:600;}
.wrap-idpw-search .result-area li + li {margin-top:15px;}
.wrap-idpw-search .result-area li i {display:inline-block; width:82px; color:#666; font-weight:400;}
.wrap-idpw-search .result-area .no-result {padding:15px 0; text-align:center;}
.wrap-idpw-search .desc-result {margin-top:15px;color:#888; font-size:14px; line-height:1; letter-spacing:-0.025em;}


.search_idpw_wrap,
.search_id_pop_wrap,
.search_pw_result_wrap {min-height: 600px; padding: 50px 0 0 0;}

.search_idpw_wrap h2,
.search_id_pop_wrap h1,
.search_pw_result_wrap h1 {text-align: center;}


/* 아이디, 비밀번호 찾기 결과 - new */
.search_result_wrap {padding: 60px 0;}
.search_result_wrap .page-title{font-size:34px; text-align: center;}
.search_result_wrap .inner_wrap {width:520px; margin:50px auto 0; background:#fff;}

.search_result_wrap .inner_wrap .navi-tab {height:auto;}
.search_result_wrap .inner_wrap .navi-tab a {position:relative; background:#fff; color:#888; font-size:14px;}
.search_result_wrap .inner_wrap .navi-tab a.active {color:#000; font-weight:600;}
.search_result_wrap .inner_wrap .navi-tab a.active:after {content:''; display:block; position:absolute; top:-1px; left:-1px; width:100%; padding:0 1px; height:3px; background:#4abdff;}

.search_result_wrap .inner_wrap .tab_wrap {padding:40px; border:1px solid #ddd; border-top:0;box-sizing: border-box;width: 520px;}
.search_result_wrap .inner_wrap .tab_wrap .tab {display: none;}
.search_result_wrap .inner_wrap .tab_wrap .tab.active {display: block;}
.search_result_wrap .inner_wrap .tab_wrap .tab .btn-area input[type="submit"] {display:block; margin: 0; position:relative;width:100%;height:55px; color:#fff; font-size:16px; z-index:2;}
.search_result_wrap .inner_wrap .tab_wrap .tab .btn-area a {display:block; margin: 0; position:relative;width:100%;height:55px; color:#fff; border-radius:4px; font-size:16px; z-index:2; line-height: 55px;}

.search_result_wrap .inner_wrap .tab_wrap .tab ul {padding:20px; background:#f8f8f8; line-height:1; text-align:left;}
.search_result_wrap .inner_wrap .tab_wrap .tab ul li {color:#3e3e3e; font-size:14px; font-weight:600;}
.search_result_wrap .inner_wrap .tab_wrap .tab ul li + li {margin-top:15px;}
.search_result_wrap .inner_wrap .tab_wrap .tab ul li strong {display:inline-block; width:140px; color:#666; font-weight:400;}
.search_result_wrap .inner_wrap .tab_wrap .tab .info {margin-top:15px;color:#666; font-size:14px; line-height:1; letter-spacing:-0.025em;}

.search_result_wrap .inner_wrap .info_text {padding: 20px;}
.search_result_wrap .inner_wrap .info_text h4 {margin: 0 0 10px 0; font-size: 16px; font-weight: 600;}
.search_result_wrap .inner_wrap .info_text h4::before {content: '!'; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; background: #f22; border-radius: 100%; text-align: center; color: #fff; line-height: 20px; font-weight: 600;}
.search_result_wrap .inner_wrap .info_text .txt {padding-left: 25px; color: #999; font-size: 14px;}
.search_result_wrap .inner_wrap .info_text .radio_wrap {margin: 20px 0 0 0; padding: 0 0 0 20px;}
.search_result_wrap .inner_wrap .info_text .radio_wrap .radioS + .radioS {margin-left: 10px;}
 

/* .wrap-join-check {width:574px;margin:30px auto;} */

.join-check {padding:30px 40px;background:#fff;border:1px solid #ddd;text-align:left;}
.join-check .desc-check {font-size:14px; text-align:center;}
.join-check .desc-check strong {display:block; margin-bottom:20px; color:#3e3e3e; font-size:18px; font-weight:800;}
.join-check .link-area {display:block; margin-top:40px; font-size:0; text-align:center;}
.join-check .link-area span {display:inline-block;}
.join-check .link-area span + span {margin-left:8px;}
.join-check .link-area a {display: table-cell; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width:241px; height:80px; border:2px solid #4abdff; border-radius:5px; color:#4abdff; font-size:16px; font-weight:bold; line-height:1.2; vertical-align:middle; text-align:center;}

/* .wrap-join-check .btn-type2 {width:100%; font-size:20px;} */

.wrap-join-process {width: 1180px; margin:0 auto; padding-top:60px; line-height:1;}
.wrap-join-process .wrap-status {position:relative;margin-bottom:25px;}
.wrap-join-process h2 {font-size:36px; font-weight:400; line-height:1; text-align:left;}
.wrap-join-process .status {position:absolute; top:0; right:0; font-size:0;}
.wrap-join-process .status li {display:inline-block; position:relative; height:33px; padding-top:2px; color:#888; font-size:12px; font-weight:400; line-height:1; text-align:left; vertical-align:top;}
.wrap-join-process .status li + li {margin-left:20px; padding-left:35px;}
.wrap-join-process .status li + li:before {content:''; display:block; position:absolute; top:0; left:0; width:19px; height:35px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -202px -749px;}
.wrap-join-process .status li.active {font-weight: 600; color:#4bbeff;}
.wrap-join-process .status li i {display:block; margin-top:7px; font-size:16px; font-weight: 400;max-width: 120px;}
.wrap-join-process .status li.active i {font-weight: 600;}
.wrap-join-process h3 {font-size:20px; line-height:1;}
.wrap-join-process h3 i {display:block; margin-top:10px; font-size:14px;}
.wrap-join-process .agree_msg {margin-top: 10px;}
.wrap-join-process .agreement .btn-type2 {width: 350px;}
.wrap-join-process .btn-type2 {width: 200px; font-size:18px; line-height: 1;}
.wrap-join-process .btn-big_type3 {height:40px; padding:1px 6px; min-width:120px; line-height:36px; background: #fff; border:1px solid #ddd; color: #656565; font-size:14px; text-align: center; vertical-align:top;}

.agreement .agreement-box {width: 780px; margin: 0 auto; padding: 40px;background:#fff;text-align:left;}
.agree-txt {position:relative;margin: 20px 0 0 0;padding-left:20px;}
.agreement-box > .agree-txt {padding:20px; border:1px solid #ddd; background:#f8f8f8;}
.agree-txt label {font-size:16px;color:#111;font-weight:600;}
.agree-txt label strong {font-size:13px;color:#4abdff;font-weight:normal;}
.agree-txt .txt {display:block;margin:10px 0 0 30px;font-size:13px;color:#666;font-weight:400;}
.agree-txt .btn-type1 {position:absolute;bottom:0;right:0; height: 30px; padding: 0 20px; line-height: 30px; border: 1px solid #ddd; border-radius:0; background:#f8f8f8;}
.agree-txt.section {padding-top:20px; border-top:1px solid #e5e5e5;}

.join-section {border-top:1px solid #111;}

.join-input {width: 640px; margin: 0 auto; padding: 30px 0;}
.join-input h2 {text-align: left;}

/* .desc-type-select {margin:40px 0 20px; color:#3e3e3e; font-size:16px; font-weight:800;} */

.wrap-join-process .component {margin-top:20px;}
.wrap-join-process .component:after {content:''; display:block; clear:both;}
.wrap-join-process .component:first-child {margin:0;}
.wrap-join-process .component dt {float:left; position:relative; width:170px; color:#111; font-size:15px; font-weight:400; line-height:50px;}
.wrap-join-process .component dt i {color:#4abdff;}
.wrap-join-process .component dt .tip {position:absolute; top:2px; right:0; color:#4abdff; font-size:12px; font-weight:normal;}
.wrap-join-process .component dd {position:relative; float:left; width:470px;}
.wrap-join-process .component dd input[type="text"],
.wrap-join-process .component dd input[type="password"],
.wrap-join-process .component dd select {height:50px; border:1px solid #ddd; padding-left:15px; font-size:14px; vertical-align:top;}
.wrap-join-process .component .msg {color:#ff5a00;text-align: left;}
.wrap-join-process .component .nation-code {display:block; position:absolute; top:10px; left:0; width:44px; padding:9px 0 9px 20px; border-right:1px solid #ddd; font-size:14px; line-height:1;}
.wrap-join-process .component .nation-code + input[name="pcs"] {padding-left:75px; text-align: left;}
.wrap-join-process .component input[type="text"] + .btn-type1 {height:50px; border-radius:0;}

.wrap-join-process .wrap-type-select {display:block; font-size:0; vertical-align:top;}
.wrap-join-process .wrap-type-select:after {content:''; display:block; clear:both;}
.wrap-join-process .type-select {display:inline-block; position:relative; width:180px; height:50px; margin-left:10px; color:#3e3e3e; font-size:16px; vertical-align:top;}
.wrap-join-process .type-select:nth-child(1),
.wrap-join-process .type-select:nth-child(6) {margin-left:0;}
.wrap-join-process .type-select:nth-child(6) {margin-top:10px;}

.wrap-join-process .type-select input[type="radio"] {position:absolute; width:100%; height:100%; opacity:0;}
.wrap-join-process .type-select label {display:table-cell; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:180px; height:50px; border:1px solid #ddd; border-radius:5px; color:#3e3e3e; font-size:16px; font-weight:600; vertical-align:middle; text-align:center;}
.wrap-join-process .type-select input[type="radio"]:checked + label {border:2px solid #4abdff; color:#4abdff; font-weight:bold;}
.wrap-join-process .select-area {display:none; margin-top:10px;}
.wrap-join-process .select-area.active {display:inline-block; width:370px; margin-left:10px;}
.wrap-join-process .select-area select {width:100%; height:50px; border-color:#ddd; color:#3e3e3e; font-size:16px; font-weight:600; text-indent:10px;}

.join-section.end-type {padding: 60px 0; margin: 0 0 60px 0; border-top: 1px solid #111; border-bottom: 1px solid #e8e8e8;}
/* .join-section .facebook {height: 70px;line-height: 70px;text-align: center;} */

.wrap-join-process .join-end-msg {color:#3e3e3e; font-size:16px; font-weight:600; line-height:1.25; letter-spacing:-0.025em; text-align:center;}
/* .wrap-join-process .join-end-msg:before {content:''; display:block; width:352px; height:142px; margin:0 auto 30px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -104px -787px;} */


/* .wrap-join-process .join-end-msg:before {content:''; display:block; width: 150px; height: 150px; margin: 0 auto 30px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/relaket_logo.png') no-repeat center; border-radius: 50%;} */

.wrap-join-process .end-type .logo {display: block; margin: 0 auto;}
.wrap-join-process .end-type .store-logo {position: relative; display: block; width: 60px; height: 60px;  margin: 0 auto 30px; border-radius: 50%;}	
.wrap-join-process .end-type .join_end_img {position: absolute;	top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;}

.wrap-join-process .join-end-msg strong {display:block; margin-bottom:15px; font-size:30px; font-weight: 400; color: #111; letter-spacing: -0.75px;}
.wrap-join-process .join-end-msg em {font-size: 16px; font-weight: 400; color: #666; text-align: center;}
.wrap-join-process .join-end-msg em span {color: #111; text-decoration: underline;}

.wrap-join-process ::-webkit-input-placeholder {color:#9e9e9e;}
.wrap-join-process ::-moz-placeholder {color:#9e9e9e;}
.wrap-join-process :-ms-input-placeholder {color:#9e9e9e;}
.wrap-join-process :-moz-placeholder {color:#9e9e9e;}

/* .wrap-join-process .btn-type1{height: 50px;} */
.wrap-join-process .btn-area {display:block; margin-top:40px; font-size:0; text-align:center;}
.wrap-join-process .btn-area .btn {display:inline-block; width:280px; height:70px; border-radius:5px; background:#666; color:#fff; font-size:20px; line-height:70px; vertical-align:top; cursor:pointer;}
.wrap-join-process .btn-area .btn + .btn {margin-left:14px; background:#4abdff;}
.wrap-join-process .btn-area .btn.only {background:#4abdff;}
.wrap-join-process .btn-area .btn[disabled="disabled"] {background:#9ca6b5; color:#d1dcec; cursor:default;}
.wrap-join-process .btn-area .btn.full-type {width:100%; background:#4abdff;}

/* .input-idpw {margin:40px 0 0;background:#fff;border:1px solid #ddd;}
.input-idpw input {width:100%;height:59px;padding:0 20px;border-top:1px solid #eaeaea;font-size:14px;}
.input-idpw input:first-child {border:0;} */

.join-finish {width:440px;margin:30px auto 510px;}
.join-finish p {font-size:16px;color:#3e3e3e;}
.join-finish .btn-wrap {margin:30px 0 0;}

.btn-login .join:before {content:"";display:inline-block;width:17px;height:15px;margin:0 8px 0 0;background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -360px -170px;}

.wrap-join-end {width:574px;margin:30px auto;}
.wrap-join-end .msg-end {padding:40px 0; color:#3e3e3e; font-size:30px; font-weight:600; text-align:center;}
.wrap-join-end .msg-end i {display:block; margin-top:20px; font-size:16px; font-weight:400;}
.wrap-join-end .btn-type2 {width:100%; font-size:20px;}

.wrap-join-end {width:574px;margin:30px auto;}
.wrap-join-end .msg-end {padding:40px 0; color:#3e3e3e; font-size:30px; font-weight:600; text-align:center;}
.wrap-join-end .msg-end i {display:block; margin-top:20px; font-size:16px; font-weight:400;}
.wrap-join-end .btn-type2 {width:100%; font-size:20px;}



.modify-table input[type="text"] {height: 38px; line-height:38px;padding:0 10px;border:1px solid #ddd;}
.modify-table .select-class {display:inline-block;}
.modify-table .select-class .sbHolder {width:100%;}
.modify-table .sbSelector {width:calc(100% - 8px); line-height:38px;border:1px solid #ddd;}

.modify-table .store-news ul {overflow:hidden;margin-top:10px;}
.modify-table .store-news ul li {float:left;}
.modify-table .store-news ul li + li {margin-left:10px;}

.follow-msg p {color:#666;}
.follow-msg ul {margin-top:20px;}
.follow-msg ul:after{content: ""; display: block; clear: both;}
.follow-msg li {float:left;font-size:14px; line-height:1.3;color:#333;text-align: left;}
.follow-msg li + li {margin-left:15px;}

.follow-check {display:block; margin-top:30px; padding:15px; background-color: #f8f8f8; border: 1px solid #ddd;}
.follow-check .chkS + .chkS {display:none; margin-top:10px;}
.follow-check .chkS + .chkS.visible {display:inline-block;}
.follow-check em{font-size: 14px; color:#666;}
.follow-check .chkS .sect {display:block; margin-left:34px;}
.follow-check .chkS .sect a {text-decoration:underline;}

.follow-check .txt-news {font-size: 14px; color: #666; text-align: left;}

.follow-type input[type="submit"][disabled="disabled"] {opacity:.5;}
.join-input .follow-type {padding:20px; border:1px solid #ddd;}

.join-input .btn-wrap {padding: 20px 0 0 0;}
.join-input .btn-type1 {font-size: 14px; color: #fff; background-color: #666;}

.private_main_wrap {display:table; height:600px; font-size:30px; text-align:center; line-height: 36px; margin: 0 auto; color:#333;}
.private_main_wrap > div {display:table-cell; vertical-align:middle;}
.private_main_wrap strong {font-weight:600;}
.private_main_wrap .txt_store01 {margin-top:30px;}
.private_main_wrap .txt_confirm {margin-bottom:17px; font-size:16px; color:#666;}
.private_main_wrap .txt_confirm2 {font-size: 20px; color: #4abdff;}
.private_main_wrap .txt_link {padding-bottom: 3px; border-bottom: 1px solid #4abdff; font-size: 20px; color: #4abdff;}

.follow-check {position: relative;}
.follow-check .service-info {position: absolute; bottom: -30px; left: 97px; padding: 10px 20px 10px 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff;}
.follow-check .service-info:before {content: ''; display: block; position: absolute; top: -6px; left: 12px; width: 10px; height: 10px; background-color: #fff; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(-45deg);}
.follow-check .service-info span {color: #222;}

.member #footer {margin:90px 0 0;background:none;}


/* 프랜차이즈 회원가입 프로세스 약관동의 */
.franchise_member {width: 600px; margin: 0 auto; padding:80px 0; text-align: center;}
.franchise_member .page-title{margin: 30px 0 0 0; font-size: 32px; color: #333; line-height: 1; font-weight: 600; }
.franchise_member .info{margin: 20px 0 0 0; font-size: 18px; color: #666666; line-height: 1;}
.franchise_member .status {display:block; margin-top:30px; padding-top:30px; margin-bottom:60px; font-size:0; text-align:center; border-top:1px solid #ddd;}
.franchise_member .status li {display:inline-block; font-size:18px; color:#888;}
.franchise_member .status li .ico {display:inline-block; width:54px; height:54px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/status_spr.png') no-repeat; vertical-align:middle; }
.franchise_member .status li > span {display:inline-block; margin-left:15px; vertical-align:middle; line-height:1; text-align:left; font-weight:600;}
.franchise_member .status li > span > em {display:block; margin-bottom:7px; font-size:14px; font-weight:800;}
.franchise_member .status li.on {color:#4abdff;}
.franchise_member .status li + li:before {content:''; display:inline-block; width:18px; height:33px; margin:0 30px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/biz_sprite.png') no-repeat -49px -85px; vertical-align:middle; }

.franchise_member .status li.step02 .ico {background-position:-74px 0;}
.franchise_member .status li.step03 .ico {background-position:-148px 0;}
/* .franchise_member .status li.step01.on .ico{background-position:0 -60px;} */
/* .franchise_member .status li.step02.on .ico {background-position:-74px -60px;} */
/* .franchise_member .status li.step03.on .ico {background-position:-148px -60px;;} */

.franchise_member .agreement {margin:0px auto; width:600px;}
.franchise_member .agreement .agreement-box {padding: 0; background:#fff; text-align:left; border: 0;}
.franchise_member .agree-txt {position:relative; margin: 0; padding:20px; border-bottom:1px solid #ddd;}
.franchise_member .agreement-box > .agree-txt {padding:20px; border:1px solid #e5e5e5; background:#f6f6f6;}
.franchise_member .agree-txt label {font-size:16px; color:#3e3e3e; font-weight:600;}
.franchise_member .agree-txt label strong {font-size:13px; color:#4abdff; font-weight:normal; vertical-align: top;}
.franchise_member .agree-txt .txt {display:block; margin:10px 0 0 33px; font-size:13px; color:#656565; font-weight:600;}
.franchise_member .agree-txt .btn-type1 {position:absolute; top:50%; right:0; transform: translateY(-50%); min-width:86px; height:32px; padding:0 20px; border-radius:0; background:#f6f6f6; line-height: 32px; font-size:12px; border: 1px solid #e5e5e5; color: #656565;}

.franchise_member .btn-wrap .btn-type2{display: inline-block; min-width: 250px; font-size: 18px; vertical-align: middle; border-radius: 5px 5px; text-align: center;}
.franchise_member .btn-wrap .btn-type2 + .btn-type2{margin-left: 10px;}
.franchise_member .btn-wrap .btn-type2.border{background-color: #666666; color: #ffffff;}


/* 프랜차이즈 회원가입 프로세스 정보입력 */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}

.franchise_member .join-section {display:block; width:600px; margin:0 auto 70px auto; text-align: left;}
.franchise_member .join-section + .join-section {margin-top:70px;}
.franchise_member .join-section.last {padding-bottom:30px; border-bottom:1px solid #ddd;}
.franchise_member .join-section h2 {padding-bottom:10px; font-size:20px; font-weight:600; color:#333; border-bottom:1px solid #9e9e9e; text-align: left;}
.franchise_member .join-section .component {margin-top:20px;}
.franchise_member .join-section .component:after {content:''; display:block; clear:both;}
.franchise_member .join-section .component:first-child {margin:0;}
.franchise_member .join-section .component dt {float:left; position:relative; width:170px; color:#3e3e3e; font-size:14px; font-weight:bold; line-height:60px; text-align: left;}
.franchise_member .join-section .component dt i {color:#4abdff;}
.franchise_member .join-section .component dt .tip {position:absolute; top:2px; right:0; color:#4abdff; font-size:12px; font-weight:normal;}
.franchise_member .join-section .component dd {position:relative; float:left; width:430px; text-align: left;}
.franchise_member .join-section .component dd input[type="text"],
.franchise_member .join-section .component dd input[type="password"],
.franchise_member .join-section .component dd input[type="email"],
.franchise_member .join-section .component dd select {width: 100%; height:50px; border:1px solid #ddd; padding-left:20px; font-size:14px; vertical-align:top;}

.franchise_member .join-section .component dd textarea {width:100%; border:1px solid #ddd; padding:20px; font-size:14px; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.franchise_member .join-section ::-webkit-input-placeholder {color:#9e9e9e;}
.franchise_member .join-section ::-moz-placeholder {color:#9e9e9e;}
.franchise_member .join-section :-ms-input-placeholder {color:#9e9e9e;}
.franchise_member .join-section :-moz-placeholder {color:#9e9e9e;}

.franchise_member .join-section .component .certify {display:inline-block; position:relative; width:365px; margin-left:1px; vertical-align:top;}
.franchise_member .join-section .component .certify.full-type {width:100%; margin-left:0;}
.franchise_member .join-section .component .certify input[type="text"] {padding-right:95px;}
.franchise_member .join-section .component .certify input[type="button"] {display:inline-block; position:absolute; top:50%; right:11px; min-width:60px; height:38px; margin-top:-19px; padding:0 10px; color:#fff;background:#4abdff; text-align:center;}
.franchise_member .join-section .component .certify input[type="button"][disabled="disabled"] { background:#888; color:#9e9e9e;}
.franchise_member .join-section .component .msg {margin-top:10px; color:#ff5a00; line-height:1.2;}
.franchise_member .join-section .component .sect {display:block; margin-top:20px;}
.franchise_member .join-section .component .nation-code {display:block; position:absolute; top:10px; left:0; width:44px; padding:9px 0 9px 20px; border-right:1px solid #ddd; font-size:14px; line-height:1;}
.franchise_member .join-section .component .nation-code + input[name="pcs1"] {padding-left:75px;}

.franchise_member .join-section .list-type3 {margin-top:30px;}
.franchise_member .join-section .list-type3 > strong:before{vertical-align: middle;}
.franchise_member .join-section.margin_top_70{
    margin-top: 70px;
}
.franchise_member .join-section .sub-section h3 {display:block; margin:30px 0 15px; font-size:16px; color:#333; font-weight:600;}
.franchise_member .join-section.marketing{
    margin-bottom: 70px;
}

/* 프랜차이즈 회원가입 프로세스 정보입력 - 사업자 등록증 폼 */
.franchise_member .bsRadio-area .bsRadio input[type="radio"]:checked + label{border-color: #4abdff; color: #4abdff;}

.franchise_member .bsRadio-area{display: flex;}

.franchise_member .bsRadio-area .bsRadio + .bsRadio{margin-left: 10px;}

.franchise_member .bsRadio-area.type1 .bsRadio{width: 50%;}
.franchise_member .bsRadio-area.type2 .bsRadio{width: 33.33%;}
.franchise_member .bsRadio-area .bsRadio label{display: inline-block; width: 100%;  height: 50px; padding: 0 20px; border: 1px solid #ddd; font-size: 14px; color: #333; line-height: 50px; border-radius: 5px 5px; text-align: center; box-sizing: border-box; cursor: pointer;}
.franchise_member .join-section .fileUpload dt{line-height: 30px;}
.franchise_member .join-section .file-find{display: inline-block; padding: 7px 10px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #4abfff; cursor: pointer;}
.franchise_member .join-section .fileName{display: inline-block;}
.franchise_member .fileUpload .upload-name{display: none; max-width: 150px; margin-left: 10px; background-color: transparent; line-height: 30px; cursor: pointer;}
.franchise_member .fileUpload .upload-name.on{display: inline-block;}
.franchise_member .fileUpload .fileNameDelete{display: none;width: 15px;height: 30px;background: url("../../../common/images/EX.png") no-repeat center; background-size: 100%; font-size: 0;}
.franchise_member .fileUpload .fileNameDelete.on{display: inline-block;vertical-align: top;}

/* 회원가입 완료 */
.franchise_member .join-complete {display:block; width:600px; margin:0 auto;}
.franchise_member .join-complete h3 {font-size: 21px;}
.franchise_member .join-complete .msg {margin: 10px 0 0 0; font-size: 14px;}
.franchise_member .join-complete .complete-msg {padding: 70px 0; color:#3e3e3e; font-size:16px; font-weight:600; line-height:1.25; letter-spacing:-0.025em; text-align:center;}

.franchise_member .join-complete .complete-msg strong {display:block; margin-bottom:15px; font-size:26px; line-height:1;}


/* sns 로그인 type1 */
.btn-sns .type1 a {display:block;width:440px;margin:10px auto 0;line-height:70px;border-radius:4px;font-size:20px;text-align:center;}
.btn-sns .type1 a:before {content:"";display:inline-block;width:30px;height:30px;margin:0 8px 0 0;vertical-align:-7px;background:url('../../assets/images/sprite.png') no-repeat;}
.btn-sns .type1 .relaket {background:#4abdff;color:#fff;}
.btn-sns .type1 .relaket:before {background-position:-503px -219px;}
.btn-sns .type1 .naver {background:#2cb400;color:#fff;}
.btn-sns .type1 .naver:before {background-position:-240px -170px;}
.btn-sns .type1 .kakao {background:#ffeb00;color:#3c1e1e;}
.btn-sns .type1 .kakao:before {background-position:-270px -170px;}
.btn-sns .type1 .facebook {background:#3b5998;color:#fff;}
.btn-sns .type1 .facebook:before {background-position:-300px -170px;}
.btn-sns .type1 .payco {background:#e72a2d;color:#fff;}
.btn-sns .type1 .payco:before {background-position:-330px -170px;}
.btn-sns .type1 .wechat {background:#1aad19;color:#fff;}
.btn-sns .type1 .wechat:before {background-position:-686px -90px;width:41px;height:33px;}
.btn-sns .type1 .google {background:#fff;color:#000; border: 1px solid #ddd;}
.btn-sns .type1 .google:before {width: 50px; height: 70px; margin: 0; vertical-align: top; background: url("../../assets/images/common/sns_google1.png") no-repeat center; }
.btn-sns .type1 .line {background:#01b901;color:#fff;}
.btn-sns .type1 .line:before {width: 50px; height: 70px; margin: 0; vertical-align: top; background: url("../../assets/images/common/sns_line1.png") no-repeat center; }



/* sns 로그인 type2 */
.btn-sns .type2 {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.btn-sns .type2 a {margin: 10px;}
.btn-sns .type2 a span{display: block; text-align: center;}
.btn-sns .type2 a span:before{content: ''; display: block; width: 40px; height: 40px; margin: 0 auto 10px auto; border: 1px solid #ddd; border-radius: 100%;}

.btn-sns .type2 .kakao span:before {background: url("../../assets/images/common/sns_kakao.png") no-repeat;  background-size: contain;}
.btn-sns .type2 .naver span:before {background: url("../../assets/images/common/sns_naver.png") no-repeat; background-size: contain;}
.btn-sns .type2 .facebook span:before {background: url("../../assets/images/common/sns_facebook.png") no-repeat;  background-size: contain;}

.btn-sns .type2 a.google span {padding: 10px 0 0 0;}
.btn-sns .type2 a.google span:before {display: none;}

.btn-sns .type2 .line span:before {background: url("../../assets/images/common/sns_line.png") no-repeat;  background-size: contain;}
.btn-sns .type2 .apple span:before {background: url("../../assets/images/common/sns_apple.png") no-repeat center; background-size: 100%;}

.btn-sns .type2 .wechat span:before {background: url("../../assets/images/common/sns_wechat.png") no-repeat;  background-size: contain;}
.btn-sns .type2 .relaket span:before {background: url("../../assets/images/common/sns_relaket.png") no-repeat; background-position: center; background-size: contain;}

/* 회원가입 > 약관동의 > 마케팅 동의 팝업 */
.txt_point {font-size: 15px; font-weight: 600;}

/* sns 가입계정 안내 */
.sns_link_wrap { padding: 50px 0; text-align: center; }
.sns_link_wrap .page-title {font-size: 34px;}
.sns_link_wrap .content {width: 520px; padding: 40px; margin: 50px auto 0 auto; border: 1px solid #ddd; font-size: 14px; box-sizing: border-box; line-height: 1.3; }
.sns_link_wrap .content .info {font-size: 16px;}
.sns_link_wrap .content .account_info {padding: 10px 20px; margin: 20px 0; background-color: #f6f6f6; text-align: left;}
.sns_link_wrap .content .account_info div {display: flex; margin: 10px 0; }
.sns_link_wrap .content .account_info div span:first-child {flex-shrink:0; width: 40%;}
.sns_link_wrap .btn-area .sns_link_btn {width: 100%; height: 55px; line-height: 55px; border-radius: 4px; font-size: 16px; color: #fff;}