@charset "utf-8";

.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; }
.social_link { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 5px 15px; margin-bottom: 10px; border-radius: 5px; text-decoration: none; font-size: 16px; color: #FFF; transition: background-color 0.3s ease, transform 0.2s ease; }
.social_link img { height: 35px; width: 35px; margin-right: 10px; background-color: #FFF; padding: 3px; border-radius: 35px; }
.social_link span { flex-grow: 1; font-weight: bold; }
.social_link:hover { transform: scale(1.05); }
/* 카카오 버튼 */
.login-kakao { background-color: #FEE500; color: #3C1E1E; }
.login-kakao:hover { background-color: #FAD900; }
/* 페이스북 버튼 */
.login-facebook { background-color: #1877F2; }
.login-facebook:hover { background-color: #145DBF; }
/* 구글 버튼 */
.login-google { background-color: #DB4437; }
.login-google:hover { background-color: #C33E28; }
#fregisterform .form_01 .reg-form { margin-bottom: 20px; }
#fregisterform .form_01 .reg-form .sns-wrap { margin: 10px 0 0; text-align: left; }
.reg-form .sns-icon { display: inline-block; vertical-align: middle; text-decoration: none; border-width: 1px; border-style: solid; 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 { border-color: #18A400; background: #2DB400; }
.sns-wrap-reg .sns-naver .ico { background-position: -29px 0; }
.sns-wrap-reg .sns-google { border-color: #CA2C19; background: #4285F4; }
.sns-wrap-reg .sns-google .ico { background-position: -58px 0; }
.sns-wrap-reg .sns-facebook { border-color: #2E5393; background: #3A5897; }
.sns-wrap-reg .sns-facebook .ico { background-position: 0 0; }
.sns-wrap-reg .sns-icon { border-color: #DCDCDC; }
.sns-wrap-reg .sns-icon-not { border-color: #8B8B8B; }
.sns-wrap-reg .sns-naver { border-color: #18A400; }
.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 { border-color: #CA2C19; }
.sns-wrap-reg .sns-facebook .ico { background-position: 0 0; }
.sns-wrap-reg .sns-facebook { border-color: #2E5393; }
.sns-wrap-reg .sns-kakao .ico { background-position: -87px 0; }
.sns-wrap-reg .sns-twitter { border-color: #488FC9; }
.sns-wrap-reg .sns-twitter .ico { background-position: -145px 0; }
.sns-wrap-reg .sns-payco { border-color: #C44646; }
.sns-wrap-reg .sns-payco .ico { background-position: -116px 0; }
.sns-wrap-reg .sns-kakao { border-color: #F2DF00; }
/* SNS by COLOR */
.sns-wrap-over .sns-naver { background: url('./img/sns_naver_s.png') no-repeat; background-size: cover; }
.sns-wrap-over .sns-facebook { background: url('./img/Facebook_login.png') no-repeat; background-size: cover; }
.sns-wrap-over .sns-twitter { background: url('./img/sns_twitter_s.png') no-repeat; background-size: cover; }
.sns-wrap-over .sns-payco { background: url('./img/sns_payco_s.png') no-repeat; background-size: cover; }
.sns-wrap-over .sns-kakao { background: url('./img/Kakao_login.png') no-repeat; background-size: cover; }
.sns-wrap-over .sns-google { background: url('./img/Google_login.png') no-repeat; background-size: cover; }
.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; }
/*로그인 */
#sns_login { border: 0; margin-top: 15px; border-top: 1px solid #EDEAEA; }
#sns_login h3 { padding: 10px 0 0; text-align: left; font-weight: bold; }
#sns_login .sns-icon { position: relative; display: block; height: 40px; line-height: 40px; width: 100%; margin: 0 0 5px; padding-left: 40px; text-align: left; color: #FFF; border-radius: 2px; }
#sns_login .sns-naver { background-color: #1FC800; background-position: 5px 5px; border-bottom: 1px solid #1EA505; }
#sns_login .sns-kakao { background-color: #FFEB00; background-position: 5px 5px; border-bottom: 1px solid #E2C10A; }
#sns_login .sns-kakao { color: #3C1E1E; }
#sns_login .sns-facebook { background-color: #3B579D; background-position: 5px 5px; border-bottom: 1px solid #28458F; }
#sns_login .sns-google { background-color: #4285F4; background-position: 5px 5px; border-bottom: 1px solid #3567C6; letter-spacing: -0.5px; }
#sns_login .sns-google .ico { position: absolute; top: 3px; left: 3px; width: 33px; height: 33px; background: url('./img/sns_gp_s.png') no-repeat center center; background-color: #FFF; background-size: 28px 28px !important; border-radius: 2px; }
#sns_login .sns-twitter { background-color: #1EA1F2; background-position: 5px 5px; border-bottom: 1px solid #1E82C0; }
#sns_login .sns-payco { background-color: #DF0B00; background-position: 5px 5px; border-bottom: 1px solid #9D0800; }
#sns_login .txt { text-align: left; padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.1); display: block; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: clip; }
#sns_login .txt:hover { background: rgba(0, 0, 0, 0.07); }
/*회원가입 */
#sns_register { margin: 0 0 10px; padding: 0; text-align: center; border-radius: 3px; }
#sns_register:after { display: block; visibility: hidden; clear: both; content: ""; }
#sns_register h2 { float: left; display: inline-block; text-align: left; width: 50%; height: 56px; padding: 0 20px; font-size: 1.2em; line-height: 4em; }
#sns_register .sns-wrap { display: inline-block; float: left; width: 50%; height: 56px; line-height: 53px; margin: 0; text-align: right; padding: 0 20px; }
#sns_register .sns-wrap:after { display: block; visibility: hidden; clear: both; content: ""; }
#sns_register .sns-icon { display: inline-block; height: 30px; line-height: 30px; width: 30px; margin: 0 3px; text-align: right; color: #FFF; border-radius: 2px; }
#sns_register .sns-naver { background-color: #1FC800; background-position: 0 0; }
#sns_register .sns-kakao { background-color: #FFEB00; background-position: 0 0; }
#sns_register .sns-facebook { background-color: #3B579D; background-position: 0 0; }
#sns_register .sns-google { background-color: #FFF; background-position: 0 0; border-radius: 2px; border: 1px solid #999; }
#sns_register .sns-google .ico { background: url('./img/sns_gp_s.png') no-repeat; height: 30px; }
#sns_register .sns-twitter { background-color: #1EA1F2; background-position: 0 0; }
#sns_register .sns-payco { background-color: #DF0B00; background-position: 0 0; }
#sns_register .txt { position: absolute; line-height: 0; font-size: 0; vertical-align: middle; overflow: hidden; }
/* 회원가입 약관 */
.social_register { margin: 0 auto; }
.social_register:after { display: block; visibility: hidden; clear: both; content: ""; }
.social_register .btn_confirm .btn_submit, .social_register .btn_confirm
.btn_close { float: left; height: 50px !important; width: 49.5%; font-weight: bold; font-size: 1.083em; }
.social_register .btn_confirm { text-align: left; }
.social_register .btn_confirm .btn_submit { margin-left: 1%; }
#fregisterform p { position: relative; text-align: center; color: #FFF; height: auto; line-height:auto; font-size: 1.1em; background: #00BBB2; margin: 0 0 10px; border-radius: 5px; font-weight: bold; padding: 10px 5px; margin-top: 10px; }
#fregisterform p:before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: auto; border-radius: 5px 0 0 5px; background: #2779D1; }
#fregisterform p i { font-size: 1.2em; vertical-align: middle; }
#fregisterform section { margin: 10px auto 15px; border: 1px solid #DDE7E9; position: relative; border-radius: 3px; }
#fregister_chkall { position: relative; text-align: center; background: #F5F7FA; line-height: 50px; border: 1px solid #E5E9F0; border-radius: 3px; margin-bottom: 15px; }
#fregisterform h2 { text-align: left; padding: 20px; border-bottom: 1px solid #DDE7E9; font-size: 1.2em; }
#fregisterform textarea { display: block; padding: 20px; width: 100%; height: 150px; background: #FFF; border: 0; line-height: 1.6em; }
#fregister_private { position: relative; }
#fregister_private div { padding: 20px; background: #FFF; }
#fregister_private table { width: 100%; border-collapse: collapse; font-size: 1em; }
#fregister_private table caption { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#fregister_private table th { background: #F7F7F9; width: 33.33%; color: #000; padding: 10px; border: 1px solid #D8DBDF; }
#fregister_private table td { border: 1px solid #E7E9EC; padding: 10px; border-top: 0; }
.fregister_agree .selec_chk { display: none; }
.fregister_agree { position: absolute; top: 0; right: 0; }
.fregister_agree input[type="checkbox"] + label { color: #676E70; }
.fregister_agree input[type="checkbox"] + label:hover { color: #2172F8; }
.fregister_agree input[type="checkbox"] + label span { position: absolute; top: 20px; right: 15px; width: 23px; height: 23px; display: block; background: #FFF; border: 1px solid #999; border-radius: 3px; }
.fregister_agree input[type="checkbox"]:checked + label { color: #000; }
.fregister_agree input[type="checkbox"]:checked + label span { background: url('./img/chk.png') no-repeat 50% 50% #3A8AFD; border-color: #1471F6; border-radius: 3px; }
.fregister_agree.chk_all input[type="checkbox"] + label span { top: 18px; }
.chk_li { padding-left: 20px; }
#sns_register .login-sns, #sns_register h2 { border: 0 !important; }
/* 회원가입 입력 */
#register_form { background: #FFF; margin-bottom: 20px; }
#register_form h2 { padding: 20px; border-bottom: 1px solid #DDE7E9; }
.register_form_inner { background: #F7F7F7; border: 1px solid #DDE7E9; border-radius: 3px; }
.register_form_inner ul { padding: 20px; }
.register_form_inner label { display: block; margin-bottom: 10px; line-height: 24px; }
.register_form_inner label.inline { display: inline; }
#fregisterform .cert_desc { color: #3A8AFD; }
#fregisterform .cert_req { margin-left: 5px; line-height: 35px; }
#fregisterform #msg_certify { margin: 5px 0; padding: 5px; border: 1px solid #DBECFF; background: #EAF4FF; text-align: center; }
#fregisterform .frm_address { margin: 5px 0 0; }
#fregisterform #mb_addr3 { display: inline-block; margin: 5px 0 0; vertical-align: middle; }
#fregisterform #mb_addr_jibeon { display: block; margin: 5px 0 0; }
#fregisterform .btn_confirm { text-align: center; }
#fregisterform .form_01 div { margin: 0 0 20px; }
#fregisterform .captcha { display: block; margin: 5px 0 0; }
#fregisterform .reg_mb_img_file img { max-width: 100%; height: auto; }
#reg_mb_icon, #reg_mb_img { float: right; }
.tooltip_icon { display: inline-block; vertical-align: baseline; color: #B3B5B8; border: 0; font-size: 1.4em; background: transparent; cursor: pointer; }
.tooltip_icon:hover { color: #448BF5; }
.tooltip { position: relative; width: auto; color: #FFF; background: #000; padding: 10px; font-size: small; line-height: 18px; display: none; position: absolute; z-index: 9; font-weight: normal; margin-left: 15px; margin-top: 10px; }
.tooltip:before { content: ""; position: absolute; top: 0; left: -10px; width: 0; height: 0; border-style: solid; border-top: 0px solid transparent; border-bottom: 10px solid transparent; border-left: 0; border-right: 10px solid #000; }
/*기존 계정에 연결하기*/
/* 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; }
#fregisterform .btn_confirm { text-align: center; margin: 20px 0; }
#fregisterform .btn_confirm .btn_submit { height: 45px; padding: 0 30px; font-weight: bold; font-size: 1.083em; }
#fregisterform .btn_confirm .btn_cancel { line-height: 45px; height: 45px; padding: 0 30px; font-weight: bold; font-size: 1.083em; }
#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; }
}