@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_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 .input_box {position: relative;}
.c_login .input_box .input_design {border-radius: 8px; padding: 0 15px 0 80px; border-color: #e5e5e5; height: 60px; color: #333;}
.c_login .input_box .input_design {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.c_login .input_box .input_design::placeholder {color: #bbb !important;}
.c_login .input_box .input_design:focus {border-color: #00d7cc !important;}
.c_login .input_box .input_design:focus+ .opt {color: #00d7cc !important;}
.c_login .input_box .opt {position: absolute; left: 15px; top: 0; height: 60px; font-size: 14px; color: #888; pointer-events: none !important;}
.c_login .input_box .opt {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.c_login .input_box .btn_auth {position: absolute; right: 14px; top: 50%; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box;}
.c_login .input_box .btn_auth {font-size: 11px; color: #aaa; background: #f9f9f9; margin-top: -16px; width: 80px; height: 32px; z-index: 10;}
.c_login .input_box .btn_auth {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.c_login .input_box.auth .input_design {padding-right: 110px;}

/* 아이디 저장 */
.c_login .save_id {margin-top:15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.c_login .save_id .label_id {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; color: #888;}

/* 로그인 버튼 */
.c_login .btn_login {width: 100%; height: 60px; background: #00d7cc; border: 1px solid #00d7cc; border-radius: 8px; box-sizing: border-box;}
.c_login .btn_login {font-size: 18px; color: #fff; font-weight: 500; margin-top: 15px;}

/* 링크 */
.c_login .other_link {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 5px;}
.c_login .other_link dt .btn {color: #e60213;}
.c_login .other_link dt .btn:before {content: ''; position: absolute; left: 0; bottom: 4px; width: 100%; height: 1px; background: #e60213;}
.c_login .other_link dd {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex: 1;}
.c_login .other_link .btn {font-size: 13px; color: #333; padding: 5px 0; box-sizing: border-box; font-weight: 500; position: relative;}
.c_login .other_link .btn+ .btn {margin-left: 10px; padding-left: 11px;}
.c_login .other_link .btn+ .btn:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 11px; background: #e5e5e5; margin-top: -5px;}

/* 로그인, 회원가입 공통버튼 */
.c_login .c_btnbox {margin:15px -5px 0 !important; padding: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;}

/* 로그인 일때 */
body.if_login {height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
body.if_login .wrap {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; flex: 1; height: auto;}
body.if_login .c_section {margin-top: 0; max-width: 370px; padding-bottom: 70px; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
body.if_login .c_page_tit {width: 100%;}
body.if_login .footer {display: none;}

/*
.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 -5px 0 !important; padding: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;}
 */








/* ********************************************** *
 * 아이디/비밀번호찾기
 * ********************************************** */
.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;}