@charset "utf-8";
#header_reg_wrap {display:block;position:fixed;right:calc(50% - 560px);top:0;width:475px;background:#fff;z-index:99;}

/* 기본박스 */
.mbskin {display:block;position:relative;width:100%;margin:0 auto;padding:0 20px;}
.mbskin .mbskin_box {margin:0 auto; }
.mbskin .frm_input {display:block;width:100%}
.mbskin .btn_submit,
.mbskin .btn_normal2 {display:block;width:100%;height:55px;font-size:16px;line-height:55px;}

.register_btn_wrap { display: flex; gap: 15px; }
.register_btn_wrap a:nth-child(1) { flex: 7; }
.register_btn_wrap a:nth-child(2) { flex: 3; background: #7cd9e1; border: 0; color: #fff; }

.mbskin #logo {display:block;padding:60px 0;text-align:center;}
.mbskin #logo img {width:173px;}
.mbskin h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.mbskin h2 {display:block;margin:0 0 40px 0;color:#222;font-size:24px;font-weight:700;text-align:center;}
.mbskin p {display:block;position:relative;margin:0 0 20px 0;line-height:140%;padding:20px 20px 20px 45px;background:#fff;/*border:1px solid #ebecf1;border-radius:5px;*/}
/*
.mbskin p:after {content:'\f05a';display:block;position:absolute;left:20px;top:20px;color:#666875;font-family:'FontAwesome';font-size:18px;}
*/
.mbskin p strong {color:#f00001;font-weight:500;}

/* SNS LOGIN */
.login-sns {}
.login-sns h3 {}
.sns-wrap {text-align:center;}
.sns-wrap a {display:inline-block;margin:0 20px;}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt i {font-style:normal}

/*로그인 */
#sns_login {}
#sns_login h3 {display:block;position:relative;margin:0 0 40px 0;font-size:16px;font-weight:600;text-align:center;}
#sns_login h3:before {content:'';display:block;position:absolute;left:0;top:50%;width:35%;height:1px;background:#ddd;}
#sns_login h3:after {content:'';display:block;position:absolute;right:0;top:50%;width:35%;height:1px;background:#ddd;}

#sns_login .sns-icon .icon {display:block;position:relative;width:70px;height:70px;margin:0 0 15px 0;text-align:center;border-radius:50%;}
#sns_login .sns-icon.sns-naver .icon {color:#fff;font-size:28px;line-height:75px;background-color:#1fc800;}
#sns_login .sns-icon.sns-kakao .icon {color:#3c1e1e;font-size:36px;line-height:75px;background-color:#ffeb00;}
#sns_login .sns-icon.sns-facebook .icon {color:#fff;font-size:36px;line-height:75px;background-color:#3b579d;}
#sns_login .sns-icon.sns-google .icon {color:#fff;font-size:36px;line-height:75px;background-color:#4285F4;}

@media screen and (max-width:480px) {

    .mbskin #logo img {width:140px;}

    .sns-wrap a {display:inline-block;margin:0 5px;}

    .register_btn_wrap { flex-direction: column; }

    #sns_login h3 {margin:0 0 20px 0;}

    #sns_login .sns-icon .icon {display:block;position:relative;width:50px;height:50px;margin:10px auto;text-align:center;border-radius:50%;}
    #sns_login .sns-icon.sns-naver .icon {font-size:20px;line-height:55px;}
    #sns_login .sns-icon.sns-kakao .icon {font-size:25px;line-height:55px;}
    #sns_login .sns-icon.sns-facebook .icon {font-size:20px;line-height:55px;}
    #sns_login .sns-icon.sns-google .icon {font-size:20px;line-height:55px;}

    #sns_login .sns-icon .txt{display:none;}
}

.w_div  .sns a {display:inline-block;position:relative;width:30px;height:30px;margin:10px auto;text-align:center;border-radius:50%;}
.w_div  .sns a.sns-naver {color:#fff;font-size:12px;line-height:30px;background-color:#1fc800;}
.w_div  .sns a.sns-kakao {color:#3c1e1e;font-size:12px;line-height:30px;background-color:#ffeb00;}
.w_div  .sns a.sns-facebook {color:#fff;font-size:12px;line-height:30px;background-color:#3b579d;}
.w_div  .sns a.sns-google {color:#fff;font-size:12px;line-height:30px;background-color:#4285F4;}

.w_div .sns-icon-not {background-color:#efefef !important;}


#sns_login .sns-twitter {background-color:#1ea1f2;}
#sns_login .sns-payco {background-color:#df0b00;}
#sns_login .txt {}
#sns_login .txt i {font-size:20px;}
#sns_login .txt i.xi-kakaotalk {font-size:28px;}
#sns_login .txt:hover {background:rgba(0,0,0,0.07)}

/* SNS by COLOR */
/*.sns-wrap-over .sns-naver {background:url('./img/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {}
.sns-wrap-over .sns-facebook {background:url('./img/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('./img/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('./img/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('./img/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}*/


/*회원가입 */
#sns_register {margin:0 0 60px 0;padding:0 0 30px 0;border-bottom:solid 1px #ddd;}
#sns_register:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register h2 {display:block;margin:0 0 30px 0;font-size:18px;font-weight:600;text-align:center;}
#sns_register .sns-wrap {display:block;text-align:center;}
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-wrap a {display:inline-block;margin:0 10px;}

#sns_register .sns-icon .icon {display:block;position:relative;width:80px;height:80px;margin:0 0 15px 0;text-align:center;border-radius:50%;}
#sns_register .sns-icon.sns-naver .icon {color:#fff;font-size:28px;line-height:84px;background-color:#1fc800;}
#sns_register .sns-icon.sns-kakao .icon {color:#3c1e1e;font-size:36px;line-height:84px;background-color:#ffeb00;}

#sns_register .sns-facebook {background-color:#3b579d;}
#sns_register .sns-google {background-color:#4285F4;}
#sns_register .sns-twitter {background-color:#1ea1f2;}
#sns_register .sns-payco {background-color:#df0b00;}


.reg-form .sns-icon {display:inline-block;width:40px;height:40px;color:#fff;text-align:center;border-radius:3px;}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon i {font-size:20px;line-height:40px;vertical-align: 15%;}
.reg-form .sns-icon i.xi-kakaotalk {color:#3c1e20;font-size:30px;}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}

.sns-wrap-reg .sns-naver {background-color:#1fc800 !important;}
.sns-wrap-reg .sns-google {background-color:#4285F4 !important;}
.sns-wrap-reg .sns-facebook {background-color:#3b579d !important;}
.sns-wrap-reg .sns-twitter {background-color:#1ea1f2 !important;}
.sns-wrap-reg .sns-payco {background-color:#df0b00 !important;}
.sns-wrap-reg .sns-kakao {background-color:#ffeb00 !important;}
.sns-wrap-reg .sns-icon {}
.sns-wrap-reg .sns-icon-not {background:#999}







.social_info_guide {background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning {margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning1 {background:#f7dfe4;border:1px solid #eac3cb}
.bg-warning2 {background:#deeabf;border:1px solid #bde498}
.bg-warning3 {background:#fff8dc;border:1px solid #f1e4b2}

.social-login-loading {width:100%;height:auto;text-align:center}
.social-login-loading p {display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}

/* 아웃로그인 */
#sns_outlogin .sns-icon {overflow:hidden;margin:0 1px}
#sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
#sns_outlogin .sns-icon .ico {width:30px;height:30px}


/*기존 계정에 연결하기*/

/* Styles for Accordion */

.mbskin .toggle {position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color:#fcfcfc}
.mbskin .toggle .toggle-title {padding:13px 15px;line-height:20px}
.mbskin .toggle .title-name {display:block}
.mbskin .toggle .toggle-inner {padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2}
.mbskin .toggle .toggle-inner div {max-width:100%}
.mbskin .right_i {position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index:2;background:#3497d9;color:#fff;border-bottom-color:#1977b5;cursor:pointer}
.mbskin .toggle .toggle-title .right_i i {background:url("./img/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle}
.mbskin .toggle .toggle-title.active .right_i i {background:url("./img/plus_minus.png") 0 0 no-repeat}
.mbskin .all_agree {position:relative;display:block;margin-bottom:6px;background:#fff;border:1px solid #c6cacc;border-top:0;padding:13px 15px;line-height:20px}

.sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc}
.sns_tbl table {border:0}
.sns_tbl caption {padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.sns_tbl th {width:100px;text-align:right;padding:10px}
.sns_tbl td {padding:10px}
.sns_tbl .email_msg {color:#777;margin:5px 0 0}

#sns-link-pnl .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px}
#sns-link-pnl .connect-close:hover {color:#ff5191}
#sns-link-pnl .connect-close .fa {margin:0 0 0 1px}
#sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}

#sns-link-pnl #login_fs {margin:0 auto;width:100%;text-align:left}
#sns-link-pnl #login_fs label {display:block;display:block;font-size:0.93em;color:#7a7a7a;margin:5px 0}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw {width:100%;margin-bottom:5px}
#sns-link-pnl #login_id,#sns-link-pnl #login_pw {width:100%}
#sns-link-pnl #login_fs .login_submit {width:100%;height:44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block}
#sns-link-pnl .connect-fg {height:320px;text-align:left}
#sns-link-pnl .login_fs {margin:0 auto;width:260px}
#sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d}
#sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center}

.member_connect:after {display:block;visibility:hidden;clear:both;content:""}
.member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left}
.member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px}
.member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em}
.member_connect button:hover {background:#6446e7}

html.remodal-is-locked {overflow-y:scroll !important}

@media only screen and (min-width:641px) {
	#sns-link-pnl.remodal {max-width:400px;padding:50px}
}

.btn_close {
	width: 180px !important;
    margin: 0 4px;
    font-size: 16px;
    line-height: 60px;
	color: #c8000b;
    background: #fff;
	border:1px solid #c8000b;
}

#register_form {padding:10px;}
#register_form h2 {display:block;margin:0 0 12px 0;font-size:16px;font-weight:600;}
.register_form_inner {}
.register_form_inner ul {}
.register_form_inner ul li {display:block;position:relative;margin:0 0 60px 0;color:#888;font-size:16px;line-height:55px;}
.register_form_inner ul li:last-child {margin:0;}
.register_form_inner ul li:after {display:block;visibility:hidden;clear:both;content:""}
.register_form_inner ul li .timer {display:block;position:absolute;right:0;top:0;padding:0 20px;color:#c8000b;font-size:16px;line-height:55px;font-weight:500;}
.register_form_inner ul li .btn_frmline {float:right;width:140px;height:55px;line-height:53px;}
.register_form_inner ul li .btn_onoff,
.register_form_inner ul li .btn_onoff2 {display:block;position:absolute;right:0;bottom:0px;width:55px;height:55px;background:none;border:none;}
.register_form_inner ul li .btn_onoff i,
.register_form_inner ul li .btn_onoff2 i {color:#ccc;font-size:24px;}
.register_form_inner label {display:block;margin:0 0 15px 0;color:#222;font-size:20px;font-weight:600;line-height:normal;}
.register_form_inner label .dot {display:inline-block;width:4px;height:4px;margin:0 0 10px 0;background:#f00001;border-radius:50%;vertical-align:middle;}
.register_form_inner textarea {display:block;width:100%;height:100px;padding:10px;line-height:140%;}
.register_form_inner .btn.btn_frmline {display:inline-block;line-height:46px;}
.register_form_inner ul li.email .frm_input {float:left;width:28%;}
.register_form_inner ul li.email .gol {display:block;float:left;width:8%;text-align:center;}
.register_form_inner ul li.email .select {float:right;width:33%;}
.register_form_inner ul li.email .btn_normal2 {margin:15px 0 0 0;display:block;width:100%;}

/* info */
.register_form_inner .frm_info {display:block;position:relative;margin:0 0 10px 0;padding:0;color:#888;font-size:15px;}
.register_form_inner .frm_info:after {display:none;}

.register_form_inner .chk_box label {margin:0;font-weight:300;}

#register_form .login_txt {margin:30px 0 0 0;font-size:15px;text-align:center;}
#register_form .login_txt a {color:#222;font-weight:500;text-decoration:underline;}

#fregister .register_form_inner ul li {margin:0 0 15px 0;}

.agreement {margin:0 0 30px 0;padding:30px 20px;border:solid 1px #ddd;border-radius:10px;}
.agreement .chk_box {margin:0 0 30px 0;}
.agreement .chk_box:last-child {margin:0;}
.agreement .chk_box label {color:#444;font-size:16px;font-weight:500;}
.agreement .chk_box label b {color:#888;font-size:15px;font-weight:300;}
.agreement .chk_box label b.red {color:#c8000b;font-size:14px;font-weight:300;}
.agreement .chk_box.chkall {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:solid 1px #ddd;}

.chk_li {}

.login_wrap {display:block;}
.login_wrap ul {margin:0 0 20px 0;}
.login_wrap ul li {display:block;margin:0 0 10px 0;}
.login_wrap ul li:last-child {margin:0;}
.login_wrap ul li a {display:block;position:relative;width:100%;height:50px;font-size:16px;font-weight:500;line-height:50px;text-align:center;border-radius:5px;}
.login_wrap ul li a.btn_kakaotalk {color:#3b1d1d;background:#fae100;}
.login_wrap ul li a.btn_naver {color:#fff;background:#00bf19;}
.login_wrap ul li a.btn_facebook {color:#fff;background:#3b579d;}
.login_wrap ul li a.btn_google {color:#3b1d1d;background:#fff;border:solid 1px #ddd;}


.login_wrap ul li a.btn_email {line-height:48px;background:#fff;border:solid 1px #ddd;}
.login_wrap ul li a .icon {display:block;position:absolute;left:0;top:0;width:50px;height:50px;text-align:center;line-height:50px;}
.login_wrap ul li a .icon img {width:24px;height:auto;}
.login_wrap .etc {margin:0 0 40px 0;text-align:center;}
.login_wrap .etc a {display:inline-block;width:60px;height:60px;margin:0 4px;text-align:center;line-height:58px;border-radius:50%;}
.login_wrap .etc a.btn_apple {background:#000;}
.login_wrap .etc a.btn_google {line-height:56px;background:#fff;border:solid 2px #ddd;}
.login_wrap .etc a.btn_facebook {background:#3a559f;}
.login_wrap .etc a img {width:32px;height:auto;}
.login_wrap .find {
	margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    color: #555969;
    justify-content: center;
}

.login_wrap .event {margin:0 0 40px 0;text-align:center;}
.login_wrap .event p {margin:0 0 10px 0;font-size:24px;font-weight:600;line-height:140%;}
.login_wrap .event p strong {color:#17393c;font-weight:600;}
.login_wrap .event img {width:160px;height:auto;}

.mbskin .register_form_inner .arrow {display:block;position:absolute;right:0;bottom:0;width:50px;text-align:center;}
.mbskin .register_form_inner .arrow i {color:#999;line-height:50px;}

.overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9}
.overlay_sort {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9999}
.overlay_category {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:9999}

.layer_chk {display:block;position:fixed;left:50%;bottom:-100%;width:100%;max-width:500px;padding:10px 0 0 0;background:#fff;z-index:99999;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.layer_chk h3 {display:block;padding:0 20px;line-height:40px;}
.layer_chk ul {width:100%;}
.layer_chk ul li {display:block;}
.layer_chk ul li a {display:block;position:relative;padding:0 20px;text-align:left;line-height:40px;}

.layer_chk.job.on {bottom:0;}
.layer_chk.business.on {bottom:0;}
.layer_chk.interest.on {bottom:0;}

.layer_chk ul li.chk_box input[type="checkbox"] + label {display:block;position:relative;width:100%;padding:0 20px;line-height:40px;cursor:pointer;}
.layer_chk ul li.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:auto;right:30px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;color:#999;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.layer_chk ul li.chk_box input[type="checkbox"] + label:hover span {border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="checkbox"] + label span:after {content:"\e928";display:block;position:absolute;left:0px;top:0px;width:20px;height:20px;font-family:"xeicon";color:#999;font-size:10px;text-align:center;line-height:20px;background:none;z-index:1;cursor:pointer;}

.layer_chk ul li.chk_box input[type="checkbox"]:checked + label {}
.layer_chk ul li.chk_box input[type="checkbox"]:checked + label span {background:#17393c;border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}


.layer_chk ul li.chk_box input[type="radio"] + label {display:block;position:relative;width:100%;padding:0 20px;line-height:40px;cursor:pointer;}
.layer_chk ul li.chk_box input[type="radio"] + label span {display:block;position:absolute;left:auto;right:30px;top:50%;width:20px;height:20px;margin:-10px 0 0 0;color:#999;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.layer_chk ul li.chk_box input[type="radio"] + label:hover span {border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="radio"] + label span:after {content:"";display:block;position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:none;border-radius:50%;z-index:1;cursor:pointer;}
.layer_chk ul li.chk_box input[type="radio"]:checked + label {}
.layer_chk ul li.chk_box input[type="radio"]:checked + label span {background:#fff;border:solid 1px #17393c;}
.layer_chk ul li.chk_box input[type="radio"]:checked + label span:after {background:#17393c;}