@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE RE
 * Directory    :    pages/css/
 * File         :    c_member.css
 * SUMMARY      :    멤버십
 */






/* ********************************************** *
 * 멤버쉽
 * ********************************************** */
.c_member {}

/* 가입연령관련 문구추가 */
.c_member .auth_tip {overflow:hidden; margin-top:20px; text-align:center;}
.c_member .auth_tip .tx {color:#999; background:transparent url('../images/c_img/auth_tip_icon.gif') left 2px no-repeat; padding-left:20px; letter-spacing:-0.5px; line-height:15px\0;  line-height:16px; min-height:18px}









/* ********************************************** *
 * 로그인
 * ********************************************** */
.c_login {margin-top:-20px}
.c_login .ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.c_login .li {list-style:none; display:table-cell;  vertical-align:top; border:1px solid #dddddd; border-top:0; box-sizing:border-box;}

/* 로그인폼 */
.c_login .login_form {margin:40px 44px; position:relative;}
.c_login.if_none_member .login_form {max-width:450px; margin:40px auto;}
.c_login .form {margin-top:10px; overflow:hidden; position:relative; padding-right:140px}
.c_login .form ul {}
.c_login .form li {list-style:none; }
.c_login .form li+ li {margin-top:10px}
.c_login .form .input_design {width:100%; height:55px; border:1px solid #ddd; box-sizing:border-box; padding:17px 15px 20px; font-size:14px; letter-spacing:-0.5px;}
.c_login .form .input_design:focus {border-color:#999}
.c_login .form .btn_login {position:absolute; right:0; top:0; width:130px; height:120px; background:#333; border:1px solid #333; color:#fff; font-size:18px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_login .form .btn_order {position:absolute; right:0; top:0; width:130px; height:120px; background:#fff; border:1px solid #333; color:#333; font-size:17px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_login .form .btn_find {position:absolute; right:0; top:0; width:130px; height:120px; background:#666; border:1px solid #666; color:#fff; font-size:18px; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_login .form .btn_login:hover {background:#333;}
.c_login .form .btn_order:hover {background:#eee; }
.c_login .form .btn_find:hover {background:#333; border-color:#333}
.c_login .type {position:absolute; right:0; top:5px;}
.c_login .type label {float:left; margin-left:15px; padding:3px;}
.c_login .type label input {margin:4px 3px 0 0;}

/* 아이디 저장 */
.c_login .save_id {overflow:hidden; }
.c_login .save_id label {float:left; color:#888; letter-spacing:-0.5px; line-height:36px; height:36px;}
.c_login .save_id input {float:left; margin-top:13px}
.c_login .save_id .exp {float:right; color:#aaa; letter-spacing:-0.5px; margin-top:10px}

/* 로그인, 회원가입 공통버튼 */
.c_login .c_btnbox {margin-top:10px !important}
.c_login .c_btnbox ul {margin-left:-11px; display:block}
.c_login .c_btnbox li {list-style:none; float:left; width:50%; padding-left:11px; box-sizing:border-box;}
.c_login .c_btnbox .c_btn {width:100%; margin-left:0; }

.c_login .guide {margin-top:30px; padding-left:10px}
.c_login .guide dt {color:#666; font-weight:600; font-size:13px; letter-spacing:-0.5px; margin-bottom:5px}
.c_login .guide dd {line-height:19px; color:#aaa; letter-spacing:-0.5px; padding-left:10px; position:relative; word-wrap:break-word; word-break:keep-all;}
.c_login .guide dd:before {content:""; position:absolute; left:3px; top:8px; width:2px; height:2px; background:#666;}









/* ********************************************** *
 * 아이디/비밀번호찾기
 * ********************************************** */
.c_login .result {background:#f5f5f5; margin-top:10px; padding:25px; text-align:center;}
.c_login .result .c_btnbox {margin:30px 45px 0}
.c_login .result .result_txt {color:#333; font-size:16px; letter-spacing:-1px; line-height:22px; word-wrap:break-word; word-break:keep-all;}
.c_login .result .result_txt strong {font-weight:600; letter-spacing:0px;}
.c_login .result .sub_txt {letter-spacing:-0.5px; color:#aaa; line-height:15px; margin-top:10px}









/* ********************************************** *
 * 소셜 로그인 (맞춤제작)
 * ********************************************** */
.c_sns_login {margin-top:40px; overflow:hidden;}

.c_sns_login .sns_btn {border-top:1px solid #ddd; overflow:hidden; padding-top:10px; margin-top:10px}
.c_sns_login .sns_btn ul {}
.c_sns_login .sns_btn li {list-style:none;}
.c_sns_login .sns_btn .btn {height:40px; line-height:40px; display:block; box-sizing:border-box; text-align:center; padding-right:20px;  position:relative;}
.c_sns_login .sns_btn .naver {background:#36ac36;}
.c_sns_login .sns_btn .kakao {background:#ffeb00;}
.c_sns_login .sns_btn .face {background:#3b5999;}
.c_sns_login .sns_btn .twitt {background:#52c3f1;}
.c_sns_login .sns_btn .google {background:#da4835;}
.c_sns_login .sns_btn .payco {background:#fa2828;}
.c_sns_login .sns_btn .apple {background:#000;} /* {LCY} : 하이앱  */
.c_sns_login .sns_btn .sns {display:inline-block; color:#fff; padding-left:45px; letter-spacing:-0.5px;}
.c_sns_login .sns_btn .naver .sns {background:transparent url('../images/c_img/sns_naver.png') left top no-repeat;}
.c_sns_login .sns_btn .kakao .sns {color:#3b1e1e !important; background:transparent url('../images/c_img/sns_kakao.png') left top no-repeat;}
.c_sns_login .sns_btn .face .sns {background:transparent url('../images/c_img/sns_face.png') left top no-repeat;}
.c_sns_login .sns_btn .twitt .sns {background:transparent url('../images/c_img/sns_twitt.png') left top no-repeat;}
.c_sns_login .sns_btn .google .sns {background:transparent url('../images/c_img/sns_google.png') left top no-repeat;}
.c_sns_login .sns_btn .payco .sns {background:transparent url('../images/c_img/sns_payco.png') left top no-repeat;}
.c_sns_login .sns_btn .apple .sns {background:transparent url('../images/c_img/sns_apple.png') left top no-repeat;} /* {LCY} : 하이앱  */
.c_sns_login .sns_btn .kr {font-size:12px;}
.c_sns_login .sns_btn .en {display:none;}

.c_sns_login .sns_btn.if_col2 ul {margin:-10px 0 0 -11px;}
.c_sns_login .sns_btn.if_col2 li {float:left; width:50%; margin-top:10px}
.c_sns_login .sns_btn.if_col2 .btn {margin-left:11px;}
.c_sns_login .sns_btn.if_col2 .sns {display:block; text-align:right;}

.c_sns_login .sns_btn.if_col3 ul {margin-left:-15px;}
.c_sns_login .sns_btn.if_col3 li {float:left; width:33.333%;}
.c_sns_login .sns_btn.if_col3 .btn {margin-left:15px; height:auto; line-height:15px; padding:3px 0 12px}
.c_sns_login .sns_btn.if_col3 .sns {padding-left:0; padding-top:37px; background-position:center top !important;}

.c_sns_login .sns_btn .btn:hover:before {display:none;}
.c_sns_login .sns_btn .btn:hover .en {display:none}
.c_sns_login .sns_btn .btn:hover .kr {display:block}

/* 약관에서 */
.c_agree .c_sns_login {text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px; }
.c_agree .c_sns_login .sns_btn {border-top:0; padding-top:0px; margin-top:0px;}
.c_agree .c_sns_login ul {display:inline-block;}
.c_agree .c_sns_login li {float:left; margin:0 5px;}
.c_agree .c_sns_login .btn {padding-right:20px;}

/* 마이페이지에서 */
.c_form .c_sns_login {text-align:center; margin-top:0px;}
.c_form .c_sns_login .sns_btn {border-top:0; margin-top:0px; padding-top:0px;}
.c_form .c_sns_login .sns_btn ul {margin-left:-10px; margin-top:-10px;}
.c_form .c_sns_login .sns_btn li {list-style:none; float:left; width:16.666666%;}
.c_form .c_sns_login .sns_btn .btn {padding:3px 0 12px; display:block; box-sizing:border-box; text-align:center; margin-left:10px; margin-top:10px; height:auto; line-height:1.2;}
.c_form .c_sns_login .sns_btn .btn:before {content:""; width:100%; height:100%; background:#fff; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50); position:absolute; left:0; top:0; z-index:5}
.c_form .c_sns_login .sns_btn .sns {display:inline-block; color:#fff; font-size:13px; text-align:center; padding-top:37px; background-position:center top ; padding-left:0px;}
.c_form .c_sns_login .sns_btn .kr {font-size:12px;}
.c_form .c_sns_login .sns_btn .hit .btn:before {display:none;}

/* 탈퇴에서 */
.c_mypage .leave_form .c_sns_login {text-align:center; border-top:0; margin-top:0px;}
.c_mypage .leave_form .c_sns_login .sns_btn {border-top:0; padding-top:0px; margin-top:0px;}
.c_mypage .leave_form .c_sns_login ul {display:inline-block;}
.c_mypage .leave_form .c_sns_login li {float:left; margin:0 5px; width:auto;}
.c_mypage .leave_form .c_sns_login li:only-child .btn {width:250px;}
.c_mypage .leave_form .c_sns_login .sns_btn .btn {padding:3px 0 12px; display:block; box-sizing:border-box; text-align:center; margin-left:0; margin-top:0; height:auto; line-height:1.2; width:115px;}
.c_mypage .leave_form .c_sns_login .sns_btn .sns {display:inline-block; color:#fff; font-size:13px; text-align:center; padding-top:37px; background-position:center top ; padding-left:0px;}
.c_mypage .leave_form .c_sns_login .sns_btn .kr {font-size:12px;}
.c_mypage .leave_form .c_sns_login .sns_btn .hit .btn:before {display:none;}