@charset "utf-8";

/*회원가입 */
#sns_register {margin:0 0 24px 0;padding:10px 20px;background:#f6f6f6;border:solid 1px #ddd;}
#sns_register:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register h2 {display:block;float:left;text-align:left;width:50%;margin:0;font-size:16px;font-weight:500;line-height:40px;}
#sns_register .sns-wrap {display:block;float:left;width:50%;text-align:right;}
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-wrap a {display:inline-block;width:40px;height:40px;margin:0;padding:0;color:#fff;line-height:40px;text-align:center;border-radius:3px;vertical-align:top;}
#sns_register .sns-wrap a i {color:#fff;font-size:20px;}
#sns_register .sns-wrap .xi-kakaotalk {color:#3c1e20;font-size:30px;line-height:40px;}
#sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}


#fregisterform .reg-form {}
#fregisterform .reg-form .sns-wrap {}
.reg-form .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border:none;overflow:hidden;margin:0 1px}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon .ico {display:block;background:url('./img/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.reg-form .sns-icon-not .ico {display:block;background:url('./img/sns_logo_not.png') no-repeat;vertical-align:middle}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.reg-form .sns-icon .txt i {font-style:normal}

.sns-wrap-reg .sns-naver {background:#00c73c}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google {background:#e84134}
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-facebook {background:#3a589e}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }

.sns-wrap-reg .sns-icon {}
.sns-wrap-reg .sns-icon-not {}
.sns-wrap-reg .sns-naver {}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-google {}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }
.sns-wrap-reg .sns-facebook {}
.sns-wrap-reg .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-reg .sns-twitter {}
.sns-wrap-reg .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-reg .sns-payco {}
.sns-wrap-reg .sns-payco .ico {background-position:-116px 0}
.sns-wrap-reg .sns-kakao {}


#sns_outlogin .sns-wrap {display:block;text-align:center;}
#sns_outlogin .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_outlogin .sns-wrap a {display:block;width:100%;height:40px;margin:0 0 5px 0;padding:0;color:#fff;line-height:40px;text-align:center;border-radius:3px;vertical-align:top;}
#sns_outlogin .sns-wrap a:last-child {margin:0;}
#sns_outlogin .sns-wrap a i {color:#fff;font-size:20px;}
#sns_outlogin .sns-wrap .xi-kakaotalk {color:#3c1e20;font-size:30px;line-height:40px;}
#sns_outlogin .txt {}


#sns_login .sns-wrap {display:block;text-align:center;}
#sns_login .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_login .sns-wrap a {display:block;float:left;width:49.5%;margin:0 1% 0 0;height:40px;padding:0;color:#fff;line-height:40px;text-align:center;border-radius:3px;vertical-align:top;}
#sns_login .sns-wrap a i {color:#fff;font-size:20px;vertical-align:middle;}
#sns_login .sns-wrap a.kakaotalk_bg {margin:0;}
#sns_login .sns-wrap .xi-kakaotalk {color:#3c1e20;font-size:30px;line-height:40px;}
#sns_login .txt {/*position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden*/}





.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}

/* SNS LOGIN */
.login-sns {padding-bottom:10px;margin-top:5px;border:1px solid #dde7e9;border-bottom:1px solid #dde7e9;clear:both;background:#fff}
.login-sns h3 {padding-top:10px;text-align:center;color:#777;font-weight:normal}
/*.sns-wrap {margin:10px 0 0;text-align:center}*/
.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 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}

.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 */
#register_member {width:100%;max-width:1200px;margin:0 auto;}
.mbskin .toggle {display:block;position:relative;background:#f6f6f6;border-bottom:solid 1px #ddd;}
.mbskin .toggle .toggle-title {padding:18px 20px;line-height:20px}
.mbskin .toggle .title-name {display:block;}
.mbskin .toggle .toggle-inner {display:none;padding:20px;background:#fff;border-top:1px solid #eee;}
.mbskin .toggle .toggle-inner div {max-width:100%}
.mbskin .right_i {display:block;position:absolute;top:16px;right:20px;padding:0 6px;color:#fff;font-size:12px;line-height:22px;background:#336ebe;border-radius:3px;z-index:2;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 {display:block;position:relative;margin:0 0 40px 0;padding:18px 20px;border-bottom:solid 1px #ddd;}

#register_member .sns_tbl {}
.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}

#fregisterform .btn_confirm {margin:0 0 20px 0;}
#fregisterform .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
#fregisterform .btn_confirm .btn_submit,
#fregisterform .btn_confirm .btn_normal {float:left;width:49.5%;height:50px !important;font-weight:500;line-height:50px;}
#fregisterform .btn_confirm .btn_submit {margin:0 1% 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:#444;cursor:pointer;font-size:16px}
#sns-link-pnl .connect-close:hover {color:#336ebe}
#sns-link-pnl .connect-close .fa {}
#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;margin:0 0 6px 0;color:#444;font-weight:500;}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw {display:block;width:100%;margin:0 0 10px 0;}
#sns-link-pnl #login_id,#sns-link-pnl #login_pw {width:100%}
#sns-link-pnl #login_fs .login_submit {width:100%;font-weight:500;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 #ddd;background:#f6f6f6;color:#666}
#sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center}

.mbskin .member_connect {margin:0 0 40px 0;padding:20px;}
.mbskin .member_connect:after {display:block;visibility:hidden;clear:both;content:""}
.mbskin .member_connect {background:#f6f6f6;border-radius:5px;}
.mbskin .member_connect .strong {display:inline-block;margin:0 0 4px 0;color:#222;font-size:14px;font-weight:400;}
.mbskin .member_connect button {display:inline-block;padding:0 12px;color:#fff;font-weight:400;line-height:28px;background:#336ebe;border:none;border-radius:3px;}
.mbskin .member_connect button i {font-size:12px;}

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

.register_form_inner {margin:0 0 36px 0;}
.register_form_inner h2 {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;}
.register_form_inner ul {border-top:solid 1px #444;}
.register_form_inner ul li {display:block;position:relative;padding:12px 0 12px 20%;line-height:40px;border-bottom:solid 1px #ddd;}
.register_form_inner ul li:after {display:block;visibility:hidden;clear:both;content:""}
.register_form_inner label {display:block;position:absolute;left:0;top:0;padding:12px 0;font-weight:500;}
.register_form_inner ul li.chk_box .label {display:inline-block;padding:0 0 0 20px;color:#666;font-weight:300;}
.register_form_inner ul li.chk_box .label span {top:12px;}
.register_form_inner .chk_li {display:inline-block;padding:0;}
.register_form_inner select {display:block;width:100%;height:40px;line-height:40px;text-indent:8px;background:#fff;border:solid 1px #ccc;}
.register_form_inner textarea {display:block;width:100%;height:100px;margin:0;padding:10px;background:#fff;border:solid 1px #ccc;}
.register_form_inner ul li.chk_type .chk_box label {font-weight:normal;}
.register_form_inner ul li.file_type .chk_box {display:inline-block;}
.register_form_inner ul li.file_type .chk_box label span {top:22px;}






@media screen and (max-width:1240px) {
/* 회원가입 입력 */
.register_form_inner h2 {margin:0 20px 12px 20px;}
.register_form_inner ul li {padding:12px 20px 12px 20px;line-height:normal;}
.register_form_inner label {position:relative;left:0;top:0;margin:0 0 8px 0;padding:0;}
.register_form_inner ul li.chk_box .label span {top:2px;}
.register_form_inner .chk_li {padding:0 0 0 22px;}
.register_form_inner ul li.file_type .chk_box label span {top:2px;}


/* 회원가입 완료 */
#reg_result {width:auto;max-width:auto;margin:0 20px 12px 20px;padding:40px 20px;}
.btn_confirm_reg {width:auto;max-width:auto;margin:0 20px;}


.mbskin .member_connect {margin:0 20px 40px 20px;}
}






@media screen and (max-width:768px) {
#sns_register h2 {float:none;width:auto;margin:0 0 8px 0;line-height:normal;}
#sns_register .sns-wrap {display:block;float:none;width:auto;text-align:left;}
}