@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    c_member.css
 * SUMMARY      :    (공통) 멤버십
 */






/* ********************************************** *
 * 멤버쉽
 * ********************************************** */
.c_member {margin-top:15px; }
.c_member .c_form {padding:0px;}
.c_member .c_tabmenu {}
.c_member .c_group_tit .tit {}
.c_member .c_btnbox {}

/* 가입연령관련 문구추가 */
.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.png') left 2px no-repeat; padding-left:32px; letter-spacing:-0.5px; line-height:16px; min-height:18px; word-wrap:break-word; word-break:keep-all; background-size:26px; text-align:left}









/* ********************************************** *
 * 로그인
 * ********************************************** */
.c_login {}
.c_login li {list-style:none;}
.c_login .ul {}
.c_login .li {list-style:none; border:1px solid #dddddd; box-sizing:border-box; margin-top:-1px}

/* 로그인폼 */
.c_login .login_form {padding:15px}
.c_login .form {overflow:hidden; position:relative; }
.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:20px 15px 20px; font-size:14px; letter-spacing:-0.5px;}
.c_login .form .input_design:focus {border-color:#999}
.c_login .form .btn_login {width:100%; height:60px; background:#333; border:1px solid #333; color:#fff; font-size:18px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; margin-top:10px}
.c_login .form .btn_order {width:100%; height:60px; background:#fff; border:1px solid #333; color:#333; font-size:17px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; margin-top:10px }
.c_login .form .btn_find {width:100%; height:60px; background:#666; border:1px solid #666; color:#fff; font-size:18px; letter-spacing:-1px; box-sizing:border-box; margin-top:10px }
.c_login .type {overflow:hidden; margin-bottom:5px; text-align:center;}
.c_login .type ul {display:inline-block; overflow:hidden;}
.c_login .type li {text-align:center;  float:left; list-style:none; margin:0 5px;;}
.c_login .type label {padding:5px 10px; overflow:hidden; height:auto; border-radius:100px; border:1px solid #ddd;}
.c_login .type label input {margin-top:3px;}

/* 아이디 저장 */
.c_login .save_id {overflow:hidden; margin-top:10px}
.c_login .save_id .exp {color:#aaa; letter-spacing:-0.5px; margin-top:5px}

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

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

/* horiz */
@media screen and (min-width:500px) {
	.c_login .save_id label {float:left;}
	.c_login .save_id .exp {float:right; margin:10px 0 0; line-height:27px;}
	.c_login .form {padding-right:140px}
	.c_login .form .btn_login {position:absolute; right:0; top:0; width:130px; height:120px; margin-top:0}
	.c_login .form .btn_order {position:absolute; right:0; top:0; width:130px; height:120px; margin-top:0}
	.c_login .form .btn_find {position:absolute; right:0; top:0; width:130px; height:120px; margin-top:0}
}










/* ********************************************** *
 * 아이디/비밀번호찾기
 * ********************************************** */
.c_login .result {background:#f5f5f5; margin-top:10px; padding:15px; text-align:center;}
.c_login .result .c_btnbox {margin:30px 0px 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:20px; overflow:hidden;}
.c_sns_login .sns_btn {border-top:1px solid #ddd; overflow:hidden; padding-top:10px; margin-top:5px; width:100%; text-align:center; text-align:center;}
.c_sns_login .sns_btn ul {font-size:0px; display:inline-block;}
.c_sns_login .sns_btn li {display:inline-block;}
.c_sns_login .sns_btn .btn {display:block; box-sizing:border-box; box-sizing:border-box; width:65px;}
.c_sns_login .sns_btn .sns {width:35px; height:35px; border-radius:100px;}
.c_sns_login .sns_btn .naver .sns {background:#36ac36 url('../images/c_img/sns_naver.png') center center no-repeat; background-size:18px;}
.c_sns_login .sns_btn .kakao .sns {background:#ffeb00 url('../images/c_img/sns_kakao.png') center center no-repeat; background-size:18px;}
.c_sns_login .sns_btn .face .sns {background:#3b5999 url('../images/c_img/sns_face.png') center center no-repeat; background-size:18px;}
.c_sns_login .sns_btn .twitt .sns {background:#52c3f1 url('../images/c_img/sns_twitt.png') center center no-repeat; background-size:18px;}
.c_sns_login .sns_btn .google .sns {background:#da4835 url('../images/c_img/sns_google.png') center center no-repeat; background-size:18px;}
.c_sns_login .sns_btn .payco .sns {background:#fa2828 url('../images/c_img/sns_payco.png') center center no-repeat; background-size:18px;}
.c_sns_login .sns_btn .en {display:block; white-space:nowrap; letter-spacing:-1px; line-height:1.2;  font-size:13px; margin-top:3px;}
.c_sns_login .sns_btn .naver .en {color:#36ac36;}
.c_sns_login .sns_btn .kakao .en {color:#3b1e1e ;}
.c_sns_login .sns_btn .face .en {color:#3b5999;}
.c_sns_login .sns_btn .twitt .en {color:#52c3f1;}
.c_sns_login .sns_btn .google .en {color:#da4835}
.c_sns_login .sns_btn .payco .en {color:#fa2828}
.c_sns_login .c_group_tit {text-align:center;}

.c_agree .c_sns_login {margin-top:25px; border-bottom:1px solid #ddd; padding-bottom:10px; }
.c_agree .c_sns_login .sns_btn {padding-top:0px; margin-top:0px; border-top:0;}
.c_agree .c_sns_login .sns_btn .btn {width:90px;}

.c_mypage .c_sns_login {margin-top:0; padding-bottom:0;}
.c_mypage .c_sns_login .sns_btn {padding-top:0px; margin-top:0px; border-top:0;}
.c_mypage .c_sns_login .sns_btn li {opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.c_mypage .c_sns_login .sns_btn li.hit {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.c_complete .c_sns_login .sns_btn .btn {width:110px; padding:10px; border:1px solid #ccc;}
.c_complete .c_sns_login .sns_btn .btn.naver {border-color:#36ac36;}
.c_complete .c_sns_login .sns_btn .btn.kakao {border-color:#ffeb00;}
.c_complete .c_sns_login .sns_btn .btn.face {border-color:#3b5999;}
.c_complete .c_sns_login .sns_btn .btn.twitt {border-color:#52c3f1;}
.c_complete .c_sns_login .sns_btn .btn.google {border-color:#da4835;}
.c_complete .c_sns_login .sns_btn .btn.payco {border-color:#fa2828;}