@charset "utf-8";

/* 소셜 회원가입 */
#boxRegister { padding:2.5rem; }
#boxRegister dl { margin-bottom:1rem; }
#boxRegister dl dt { display:block; margin-bottom:.5rem; }
#boxRegister dl dd select,
#boxRegister dl dd input[type='text'],
#boxRegister dl dd input[type='tel'],
#boxRegister dl dd input[type='number'],
#boxRegister dl dd input[type='email'],
#boxRegister dl dd input[type='file'],
#boxRegister dl dd input[type='number'] { width:100%; line-height:3rem; height:3rem; border:1px solid #ddd; border-radius:4px; padding:0 1rem; }

#boxAgree .agree { line-height:2rem; height:2rem; position: relative; }
#boxAgree .agree i { color:#999; margin-right:.5rem; }

#boxMemberConnect { text-align:center; margin-top:2.5rem; }
#boxMemberConnect button.btnConnect { background:var(--color2); color:#fff; line-height:2rem; padding:0 1rem; border-radius:1rem; margin-top:.5rem; border:0; }
#boxMemberConnect button.btnConnect i { margin-left:.5rem; }

#boxMemberJoin { position:relative; margin-top:2rem; }
#boxMemberJoin .boxMemberJoinTxt { margin-bottom:1.5rem; }
#boxMemberJoin .boxMemberJoinInput label { display:block; margin-bottom:.5rem; }
#boxMemberJoin .boxMemberJoinInput input { width:100%; line-height:3rem; height:3rem; padding:0 1rem; border-radius:4px; border:1px solid #ddd; margin-bottom:.5rem; }
#boxMemberJoin .boxMemberJoinInput input[type='submit'] { background:var(--color2); color:#fff; border:0; font-weight:500; }

/*** 회원가입 폼 페이지 ***/
#boxRegister dl { margin-bottom:1rem; }
#boxRegister dl dt { display:block; margin-bottom:.5rem; }
#boxRegister dl dd input[type='text'],
#boxRegister dl dd input[type='tel'],
#boxRegister dl dd input[type='number'],
#boxRegister dl dd input[type='password'] { width:100%; line-height:3rem; height:3rem; border:1px solid #ddd; border-radius:4px; padding:0 1rem; }

#boxRegister dl dd .boxTel { border:1px solid var(--color4); border-radius:4px; overflow:hidden; }
#boxRegister dl dd .boxTel input { display:block; width:60%; border:0 !important; border-radius:0; }
#boxRegister dl dd .boxTel button { display:block; width:40%; border:0; border-radius:0; background:var(--color4); color:#fff; padding:0; }

#boxRegister dl dd .boxAddr .flexbox input { width:100px; }
#boxRegister dl dd .boxAddr .flexbox button { width:130px; border:0; background:var(--color1); color:#fff; margin-left:.5rem; line-height:3rem; height:3rem; border:0; border-radius:4px; }
#boxRegister dl dd .boxAddr input.frm_input_full { margin-top:.5rem; }

#boxRegister dl.readonly dd .boxTel { border:1px solid #ddd; border-radius:4px; overflow:hidden; background:#f9f9f9; }
#boxRegister dl.readonly dd .boxTel input { display:block; width:60%; border:0 !important; border-radius:0; }
#boxRegister dl.readonly dd .boxTel button { display:block; width:40%; border:0; border-radius:0; background:#ccc; color:#fff; padding:0; }

#boxRegister dl.warning dd .boxTel { border:1px solid var(--color2); border-radius:4px; overflow:hidden; background:#fff; }
#boxRegister dl.warning dd .boxTel input { display:block; width:60%; border:0 !important; border-radius:0; }
#boxRegister dl.warning dd .boxTel button { display:block; width:40%; border:0; border-radius:0; background:var(--color2); color:#fff; padding:0; }

#phoneCheckMessage { padding:1rem; color:var(--color2); }

#boxCate { background:#f5f5f5; color:#333; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; margin-bottom:10px; }
#boxCate .catetxt { display:inline-block; padding:0 20px; text-align:left; width:50%; line-height:3rem; height:3rem; }
#boxCate .catetxt span { display:inline-block; padding:2px 3px; font-size:8px; line-height:100%; background:#666; color:#fff; cursor:pointer; }

/* SNS LOGIN */
.login-sns {clear:both;}
.sns-wrap {margin:0 auto;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 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:#dd5443}
.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}
.sns-wrap-over .sns-google {background:url('./img/sns_gp_s.png') no-repeat}
.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_login .sns-icon {display:block;height:3rem;line-height:3rem;width:100%;margin:0 0 .5rem;padding-left:3rem;text-align:left;color:#fff;border-radius:4px}
#sns_login .sns-naver {background-color:#1fc800;background-position:.6rem center;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao {background-color:#ffeb00;background-position:.6rem center;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook {background-color:#3b579d;background-position:.6rem center;border-bottom:1px solid #28458f}
#sns_login .sns-google {background-color:#db4a3a;background-position:.6rem center;border-bottom:1px solid #c03121}
#sns_login .sns-twitter {background-color:#1ea1f2;background-position:.6rem center;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco {background-color:#df0b00;background-position:.6rem center;border-bottom:1px solid #9d0800}
#sns_login .txt {text-align:left;padding-left:1rem;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:500}
#sns_login .txt:hover {background:rgba(0,0,0,0.07)}

/*회원가입 */
#sns_register .sns-icon {display:block;height:3rem;line-height:3rem;width:100%;margin:0 0 .5rem;padding-left:3rem;text-align:left;color:#fff;border-radius:4px}
#sns_register .sns-naver {background-color:#1fc800;background-position:.6rem center;border-bottom:1px solid #1ea505}
#sns_register .sns-kakao {background-color:#ffeb00;background-position:.6rem center;border-bottom:1px solid #e2c10a}
#sns_register .sns-kakao {color:#3c1e1e}
#sns_register .sns-facebook {background-color:#3b579d;background-position:.6rem center;border-bottom:1px solid #28458f}
#sns_register .sns-google {background-color:#db4a3a;background-position:.6rem center;border-bottom:1px solid #c03121}
#sns_register .sns-twitter {background-color:#1ea1f2;background-position:.6rem center;border-bottom:1px solid #1e82c0}
#sns_register .sns-payco {background-color:#df0b00;background-position:.6rem center;border-bottom:1px solid #9d0800}
#sns_register .txt {text-align:left;padding-left:1rem;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:500}
#sns_register .txt:hover {background:rgba(0,0,0,0.07)}