@charset "utf-8";
/* CSS Document */
.member_wrap{width:400px; margin: 20px auto 110px auto;}
.member_pwd_wrap{margin:20px auto 40px auto;}
.member_tit h2{font-size:28px; margin:0;}
.member_cont{position: relative; height:auto;}
.member_cont h3{font-weight:normal; font-size:18px; color:#222222;}
.member_cont h3 + p{padding:5px 0 8px 0; color:#bebebc; font-size: 16px;}
.login_input, .certify_confirm_input{}
.wake_base_box .login_input{border-top:none 0;}
.member_cont input::placeholder{font-size: 14px; color: rgba(61, 58, 53, 0.2); font-weight: normal;}

/*.join_base_wrap .btn_center_box,
.login_input + .btn_center_box,*/
.member_cont .btn_center_box,
.member_warning + .btn_center_box{}
.join_ok_box .btn_center_box{padding:30px 0 0 0; border-top:1px solid #dbdbdb;}

.member_tit{}
.member_tit .member_tab_btn{border-radius: 5px; overflow: hidden;}
.member_tit .member_tab_btn > div{float: left; width: 50%; height: 50px; text-align: center; border: 2px solid #f5f5f5; background: #fafafa; border-right: 1px solid #f5f5f5;}
.member_tit .member_tab_btn > div:not(.pick) {border-left: 1px solid #f5f5f5;}
.member_tit .member_tab_btn > div a,
.member_tit .member_tab_btn > div button{display:block; width: 100%; height: 100%; line-height: 46px; font-size: 14px; color: rgba(61, 58, 53, 0.2); cursor:pointer;}
.member_tit .member_tab_btn > div.pick{background: #fff; color: rgba(61, 58, 53, 0.8);}
.member_tit .member_tab_btn > div.pick a,
.member_tit .member_tab_btn > div.pick button{color: rgba(61, 58, 53, 0.8); font-weight: bold;}

/* 로그인 */
.member_wrap .login_kakao > p{font-size: 15px; text-align: center;}
.member_wrap .login_kakao > p span{display: block; font-weight: 500;}
.member_wrap .login_kakao .login_kakao_btn{display: block; width: 400px; height: 50px; text-align: center; line-height: 50px; font-size: 15px; font-weight: 500; margin: 28px 0 20px 0; border-radius: 5px; cursor: pointer; background-color: #ffe500; background-size: 17px; background-position: 20px center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 25'%3E%3Cpath d='M14 0C6.27 0 0 4.9 0 10.94c0 3.62 2.25 6.83 5.73 8.82l-1.05 4.32a.758.758 0 0 0 1.12.82l4.44-3.43c1.2.26 2.46.4 3.77.4 7.73 0 14-4.9 14-10.94S21.73 0 14 0Z' style='fill:%233d2704'/%3E%3C/svg%3E");}
.member_wrap .login_kakao .login_kakao_btn span{}
.member_wrap .login_kakao .login_bot_logo{margin-top: 10px; text-align: center;}
.member_wrap .login_kakao .login_bot_logo span{font-size: 12px; color: rgba(61, 58, 53, 0.6);}
.member_wrap .login_line{display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 20px 0 30px 0;}
.member_wrap .login_line span{display: inline-block; padding: 0 9px; font-size: 12px; color: rgba(238, 238, 238, 0.8);}
.member_wrap .login_line span.line{padding: 0; background: rgba(238, 238, 238, 0.8); width: 180px; height: 1px;}
.member_wrap .nonmember_order .btn_member_black{margin-top: 10px; width: 100%; background: #fff; color: #000;}
.member_cont_tab{height: auto;}
.member_cont_tab > div{display: none; position: relative; width: 100%; height: auto;}
.member_cont_tab > div::after{content:""; position:absolute; top:0; left:0; padding-top: 100%;}
.member_cont_tab .tab_view{display: block;}
.member_cont .member_login_box{position: relative;}
.member_cont .member_login_box .btn_member_red{margin: 27px 0 0 0;}
.member_cont .member_login_box h3{font-weight:normal; font-size:18px; color:#222222;}
.member_cont .member_login_box .member_login{margin:0 0 20px 0;}
.member_cont .member_login_box .login_input_sec{overflow:hidden; margin-top: 40px;}
.member_cont .member_login_box .login_input_sec input{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border: 2px solid #f5f5f5; border-radius: 5px; color:#979d9d; font-size: 15px; font-weight: normal;}
.member_cont .member_login_box .id_chk{/* position: absolute; top: 125px; width: 100%; */ margin-top: -5px;}
.member_cont .member_login_box .id_chk .id_chk_wrap{display: flex; align-items: center; justify-content: space-between; font-size: 0;}
.member_cont .member_login_box .id_chk p{padding:6px 0 0 0;}
.member_cont .member_login_box .id_chk span{display:inline-block;}
.member_cont .member_login_box .id_chk span a {font-size: 14px; color: rgba(61, 58, 53, 0.8); cursor: pointer;}
.member_cont .member_login_box .id_chk input{display:none;}
.member_cont .member_login_box .id_chk label{height: 15px; line-height: 1.5; padding: 0 10px 0 20px; font-size: 14px; color: rgba(61, 58, 53, 0.8); background-position: 1px 3px; background-size: 15px 15px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' style='fill:%23eee'/%3E%3C/svg%3E");}
.member_cont .member_login_box .id_chk label.on{background-position: 1px 3px; background-size: 15px 15px; background-repeat: no-repeat; background-image:url(/img/icon/icon-chk.png);}
.member_wrap .btn_login_box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; overflow:hidden; text-align:center;}
.member_wrap .btn_login_box .join_btn{position: relative; width: 198px; height: 50px; border: 2px solid #f5f5f5; border-radius: 5px;  background-position: 20px center; background-repeat: no-repeat;}
.member_wrap .btn_login_box .join_btn.nomaljoin{background-size: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 29'%3E%3Cpath d='M16.66 13.09c1.92-1.3 3.18-3.46 3.18-5.91C19.84 3.22 16.55 0 12.5 0S5.16 3.22 5.16 7.18c0 2.45 1.26 4.61 3.18 5.91C3.39 14.25 0 17.47 0 21.47v3.96C0 27.4 1.64 29 3.65 29h17.7c2.01 0 3.65-1.6 3.65-3.57v-3.96c0-4.01-3.39-7.22-8.34-8.38ZM6.94 7.18c0-3 2.49-5.43 5.56-5.43s5.56 2.44 5.56 5.43-2.49 5.43-5.56 5.43-5.56-2.44-5.56-5.43Zm16.27 18.25c0 1-.84 1.82-1.86 1.82H3.65c-1.03 0-1.86-.82-1.86-1.82v-3.96c0-3.99 4.71-7.11 10.71-7.11s10.71 3.12 10.71 7.11v3.96Z' style='fill:%23777571'/%3E%3C/svg%3E");}
.member_wrap .btn_login_box .join_btn.naverjoin{background-size: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M0 0h30v30H0z' style='fill:%2303cf5d'/%3E%3Cpath d='M17.69 7.5v7.56L12.31 7.5H7v15h5.31v-7.56l5.38 7.56H23v-15h-5.31z' style='fill:%23fff'/%3E%3C/svg%3E");
	font-size: 13px;
    font-weight: 500;
    color: rgba(61, 58, 53, 0.8);
    line-height: 47px;
    text-align: right;
    padding: 0 20px;
}
.member_wrap .btn_login_box .join_btn.naverjoin span{font-family: 'Gotham'; font-weight: bold;}
.member_wrap .btn_login_box .join_btn button{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; text-align: right; font-size: 13px; font-weight: 500; color: rgba(61, 58, 53, 0.8);}
.member_wrap .btn_login_box ul{display: inline-block;}
.member_wrap .btn_login_box li{float:left; margin:0 0 0 10px;}
.member_wrap .btn_login_box li:first-child{margin:0;}
.member_wrap .btn_login_box li button,
.member_wrap .btn_login_box li a{vertical-align: middle; letter-spacing: -0.01em; font-weight: 500; color: #222222; font-size: 16px; cursor:pointer;}
.member_wrap .btn_login_box li span {vertical-align: middle; margin-left: 10px;}
/* 비회원 주문하기 */
.member_cont .nonmember_join_box{margin:40px 0 0 0;}
.member_cont .nonmember_join_box .btn_center_box{margin:0;}
.member_cont .nonmember_join_box .btn_member_black{width:100%; margin:20px 0 0 0;}
/* 비회원 주문조회 */
/* .member_cont .nonmember_order_box{margin:40px 0 0 0;} */
.member_cont .nonmember_order_box .order_input_sec{overflow:hidden; margin-top: 40px;}
.member_cont .nonmember_order_box .order_input_sec input{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border: 1px solid #f5f5f5; border-radius: 5px; color:#979d9d; font-size: 18px}
.member_cont .nonmember_order_box p{font-size: 13px; margin-top: 10px; padding:0 0 0 20px; background:url('../../img/member/icon_caution.png') no-repeat 0 3px; color:#6d6d6d;}

/* 비밀번호 찾기 */
.find_password_box .find_pw_sec{margin-top:40px;}
.find_password_box .login_input .member_warning{width:100%;}
.find_password_box .login_input input[type=text],
.find_password_box .login_input input[type=password]{margin:0 0 10px 0;}
.find_password_box .login_input input{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border:2px solid #e1e1e1; border-radius: 5px; color:#979d9d; font-size: 18px}
.find_password_box .btn_login_box{justify-content: space-evenly; margin-top: 30px;}

/* 비밀번호 찾기 인증번호입력 */
.user_certification_confirm {margin-top: 40px;}
.user_certification_confirm .btn_center_box button{width: 195px;}

/* 비밀번호 변경 */
.find_password_reset_box{padding-top:30px;}
.find_password_reset_box .login_input{width:100%; padding:0; text-align:center; padding-top:20px;}
.find_password_reset_box .login_input input{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border:2px solid #e1e1e1; border-radius: 8px; color:#979d9d; font-size: 18px}
.find_password_reset_box .login_input input::placeholder{font-size:15px;}
.find_password_reset_box .login_input strong{display:block; padding:3px 0 0 0; text-align:left; color:#929292; font-weight:normal;}

/* 아이디 찾기 완료, 비밀번호 변경 완료 */
.find_complete_box{text-align:center; min-height:130px;}
.find_complete_box p{padding:15px 0 50px 0; font-size:18px; color:#232323;}
.find_complete_box .find_id_name{font-size:22px; color:#b60217;}

/* 아이디 찾기 */
.find_id_box .find_id_sec{margin-top:40px;}
.find_id_box .find_id_sec h3{font-weight:normal; font-size:18px; color:#222222;}
.find_id_sec .login_input{overflow:hidden; border-top:none 0;}
.find_id_sec .login_input input{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border:2px solid #e1e1e1; border-radius: 5px; color:#979d9d; font-size: 18px}
.find_id_sec .login_input .input_email {width:58.5%; display:inline-block !important;}
.find_id_sec .login_input .email_select {width: 40%; height: 54px; margin: 0 0 10px 2px; padding: 0 0 0 20px; border: 2px solid #e1e1e1; border-radius: 5px; font-size: 14px; color: #979d9d; color: rgba(61, 58, 53, 0.2); font-weight: normal;}
.find_id_sec > p{color:#b60217;}
.find_id_box .btn_member_sec ul{overflow:hidden; margin:20px 0 0 0; text-align:center; font-size:0;}
.find_id_box .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.find_id_box .btn_member_sec li:first-child{margin:0;}
.find_id_box .radio_find_type{margin-bottom:10px;}
.find_id_box .btn_login_box{justify-content: space-evenly; margin-top: 30px;}

/* 회원가입 완료 */
.member_wrap.join_ok {width:800px;}
.member_wrap.join_ok .member_cont{height:auto;}
.join_ok_box .join_ok_tit{text-align:center; width:100%;}
.join_ok_box .join_ok_tit .complete{font-weight: 700; font-size:40px; color:#000;}
.join_ok_box .join_ok_tit p{font-size: 20px; color:#222; letter-spacing:-0.01px;}
.join_ok_box .join_ok_tit p.cong{font-weight: 700; font-size:24px; letter-spacing:-0.01px; margin: 26px 0 10px;}
.join_ok_box .join_ok_cont{width:100%; margin-top: 40px; padding: 16px 60px 60px; background: #f5f5f5;}
.join_ok_box .join_ok_cont .join_ok_top{width:100%; padding: 0 15px 15px; border-bottom: 2px solid #ddd; margin:40px 0 20px 0; font-size: 20px; font-weight: 700;}
.join_ok_box .join_ok_cont .join_ok_top em{font-size: 20px; font-weight: 700;}
.join_ok_box .join_ok_cont ul{width:100%; padding: 0 15px;}
.join_ok_box .join_ok_cont ul li{width:100%; margin-bottom:25px; font-size:16px;}
.join_ok_box .join_ok_cont ul li span{float:right; color:#000; font-weight: 700; letter-spacing: -0.02em;}
.join_ok_box .btn_member_sec{}
.join_ok_box .btn_member_sec ul{overflow:hidden; margin:20px 0 0 0; text-align:center; font-size:0;}
.join_ok_box .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.join_ok_box .btn_member_sec li:first-child{margin:0;}
.join_ok_box .btn_member_sec li button{}
.join_ok_box .btn_member_sec li button:hover{}
.join_ok_box .btn_member_sec .btn_login{}
.join_ok_box .btn_member_sec .btn_login:hover{}

/* 회원승인 대기 */
.join_wait_box .join_wait_tit{text-align:center; background:url('../../img/member/img_join_wait.png') no-repeat center 0; padding:35px 0 20px 0; border-bottom:1px solid #dbdbdb;}
.join_wait_box .join_wait_tit .complete{padding:20px 0 0 0; font-size:18px; color:#222222;}
.join_wait_box .join_wait_tit .complete strong{font-weight:bold; color:#b60217;}
.join_wait_box .join_wait_tit p{padding:20px 0 20px 0; color:#989898; letter-spacing:-0.5px; line-height:20px;}
.join_wait_box .join_wait_tit p span{font-weight:bold; color:#222222;}
.join_wait_box .join_wait_tit + .btn_center_box{margin:20px 0 0 0; padding:30px 0 0 0; /*border-top:1px solid #dbdbdb;*/}
/* 14세 미만 회원가입 안내 */
.join_wait_box .join_wait_14under{margin:30px 0 0 0; padding:20px 20px 20px 20px; border:1px solid #dbdbdb; line-height:1.6;}
.join_wait_box .join_wait_14under dl{}
.join_wait_box .join_wait_14under dt{padding:0 0 0 18px; background:url('../../img/member/icon_caution02.png') no-repeat 0 3px;}
.join_wait_box .join_wait_14under dd{color:#989898;}
.join_wait_box .link_blank:hover{text-decoration:underline;}/* 관련법규 전문보기 */
.join_wait_box .btn_gray_list{display:block; margin:20px 0 0 0;}/* 14세 미만 회원가입 동의서 다운받기 */


/* 본인인증 수단 선택 */
.user_certify_box .user_certify_tit{padding: 40px 15px 0;}
.user_certify_box .user_certify_tit > p{color:#bebebc;}
.user_certify_box .user_certify_list{padding:30px 0 0 0;}
.user_certify_box .user_certify_list li{padding:0 0 18px 0;}
.user_certify_box .user_certify_list li label{font-size: 17px;}
.user_certify_box .user_certify_list li strong{font-size: 17px;}
.user_certify_box .user_certify_list li p{padding: 4px 0 0 26px; color:#b5b5b5;}
.user_certify_box .user_certify_list .form_element strong{color:#8e8e8e;}
.user_certify_box .btn_member_sec ul{overflow:hidden; margin:20px 0 0 0; text-align:center; font-size:0;}
.user_certify_box .btn_member_sec li{display:inline-block; width:100%;}
.user_certify_box .btn_member_sec li button{} 
.user_certify_box .btn_member_sec li button:hover{}
/* 인증수단 선택 */
.user_certify_list{}
.user_certify_list li{padding:10px 0 10px 0;}
.user_certify_list li:first-child{padding-top:0;}
.user_certify_list li span{display:block; margin:5px 0 0 27px; color:#888888; font-size: 16px;}

/* 본인인증 인증번호 확인 */
.certify_confirm_box .certify_confirm_tit > p{color:#bebebc;}
.certify_confirm_box .certify_confirm_input{padding:30px 0 0 0; text-align:center;}
.certify_confirm_box .certify_confirm_input > div{display: inline;}
.certify_confirm_box .certify_confirm_input input{width:263px; height:28px; padding:0 0 0 20px; border:1px solid #dddddd; color:#909090;}
.certify_confirm_box .certify_confirm_input p{padding:5px 0 0 11px; color:#929292;}
.certify_confirm_box .certify_confirm_input a{color:#121e1e; text-decoration:underline;}
.certify_confirm_box .btn_member_sec ul{overflow:hidden; margin:25px 0 0 0; text-align:center; font-size:0;}
.certify_confirm_box .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.certify_confirm_box .btn_member_sec li:first-child{margin:0;}

/* 휴면회원 해제 선택 */
.wake_base_box .wake_base_tit{border-bottom:1px solid #dbdbdb;}
.wake_base_box .wake_base_tit .complete{padding:20px 0 20px 0; font-size:18px; color:#222222;}
.wake_base_box .wake_base_tit .complete strong{font-weight:bold;}
.wake_base_box .wake_date{overflow:hidden; padding:15px 25px 25px 25px; background:#f4f4f4;}
.wake_base_box .wake_date dl{float:left; width:50%; padding:10px 0 0 0;}
.wake_base_box .wake_date dt{float:left; color:#aaaaaa;}
.wake_base_box .wake_date dd{font-weight:bold;}
.wake_base_box .wake_date dd strong{color:#b60217;}
.wake_base_box .wake_notice{padding:20px 0 30px 0; line-height: 23px; font-size:12px; color:#797979;}
.wake_base_box .wake_notice em{display:block; padding:10px 0 0 0; font-weight:bold;}
.wake_base_box .none_wake{border-bottom:1px solid #dbdbdb;}
.wake_base_box .none_wake p{padding:30px 0; text-align:center; font-size:18px; color:#868686;}
.wake_base_box .wake_ok{border-bottom:1px solid #dbdbdb;}
.wake_base_box .wake_ok p{padding:30px 0; text-align:center; font-size:18px; color:#868686;}
.wake_base_box .wake_certify_input{padding:30px 0; border-bottom:1px solid #dbdbdb;}
.wake_base_box .wake_certify_input .wc_info_tip{padding:0 0 25px 0; font-size:13px; text-align:center; letter-spacing:-1px;}
#wrap .wake_base_box .wake_certify_input .member_warning{display:block; width:369px; margin:0 auto;}
.wake_base_box .wake_certify_input .member_warning strong{padding:0 0 0 10px; line-height:31px;}
.wake_base_box .wake_certify_input .member_warning input{width:90%;}
.wake_base_box .wake_certify_input .member_warning .phone_num{width:230px; margin:10px 0 0 0;}
.wake_base_box .wake_certify_input .member_warning .email_num{width:230px; margin:10px 0 0 0;}
.wake_base_box .wake_certify_input .member_warning .email_direct{width:130px; margin:10px 0 0 0;}
.wake_base_box .wake_certify_input .member_warning .chosen-container{margin:10px 0 0 0;}
.wake_base_box .user_certify_list{padding:30px 0; border-bottom:1px solid #dbdbdb;}
.wake_base_box .user_certify_list p{text-align:center;}
.wake_base_box .user_certify_list ul{padding: 20px 0 0 0; line-height:39px;}
.wake_base_box .uc_info_tip{padding:20px 0 0 0; font-size:14px;}
.wake_base_box .complete_box{text-align:center; min-height:130px;}
.wake_base_box .complete_box p{padding:40px 0 45px 0; font-size:18px; color:#232323;}
.wake_base_box .login_input .form_element{display:block;}
.wake_base_box .login_input + .btn_center_box,
.wake_base_box .complete_box + .btn_center_box{margin:35px 0 0 0;}
.wake_base_box .wake_base_tit + .login_input{border-top:none 0;}
.wake_base_box .wake_base_tit + .btn_center_box,
.wake_base_box .wake_certify_input +.btn_center_box{margin:35px 0 0 0;}
#wrap .wake_base_box .wake_certify_input .member_warning.prior_wrong .chosen-single{border:1px solid #d6d6d6;}


/* 휴면회원 해제 완료 */
.wake_complete_box .wake_complete_tit p{padding:20px 0 20px 0; font-size:18px; color:#222222;}
.wake_complete_box .wake_complete_tit p strong{font-weight:bold;}
.wake_complete_box .btn_member_sec{border-top:1px solid #dbdbdb;}
.wake_complete_box .btn_member_sec ul{overflow:hidden; margin:20px 0 0 0; text-align:center; font-size:0;}
.wake_complete_box .btn_member_sec li{display:inline-block;}
.wake_complete_box .btn_member_sec li button{width: 150px; height: 42px; border:1px solid #6b6b6b; background: #6b6b6b; color: #fff; font-weight:bold; font-size: 13px; cursor:pointer;}
.wake_complete_box .btn_member_sec li button:hover{border:1px solid #626262; color: #fff; background:#626262;}

.wake_wrap{position: relative;background-color:#fafafa;padding:40px 30px 40px 30px;}
.wake_wrap img{position: absolute;left: 30px;top:50%;vertical-align:middle;margin: -19px 0 0 0;}
.wake_inner{display:block;vertical-align:middle;padding: 0 0 0 90px;}
.wake_inner strong{font-size:15px; color:#222;letter-spacing:-1px;}
.wake_inner ul{font-size:12px; color:#5e5e5e;margin:5px 0 0 0;line-height:1.8em;}
.wake_inner ul li{position: relative;padding:0 0 0 10px;}
.wake_inner ul li:before{position: absolute;left:0;content:"-";}
.wake_complete_box .btn_member_sec{border: 0;}
.wake_complete_box .btn_member_sec ul{margin: 35px 0 0 0;}

/* 휴면회원 해제 인증 */
.wake_certify_box .wake_certify_tit .complete{padding:20px 0 20px 0; font-size:18px; color:#222222;}
.wake_certify_box .wake_certify_tit .complete strong{font-weight:bold;}
.wake_certify_box .wake_date{overflow:hidden; padding:15px 25px 25px 25px; background:#f4f4f4;}
.wake_certify_box .wake_date dl{float:left; width:50%; padding:10px 0 0 0;}
.wake_certify_box .wake_date dt{float:left; color:#aaaaaa;}
.wake_certify_box .wake_date dd{font-weight:bold;}
.wake_certify_box .wake_notice{padding:20px 0 30px 0; line-height: 23px; font-size:12px; color:#797979;}
.wake_certify_box .wake_notice em{display:block; padding:10px 0 0 0; font-weight:bold;}
.wake_certify_box .wake_certify_input{border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:30px 0; text-align:center;}
.wake_certify_box .wake_certify_input input{width:330px; height:36px; margin:15px 0 20px 0;}
.wake_certify_box .wake_certify_input a{color:#fa2828;}
.wake_certify_box .btn_member_sec ul{overflow:hidden; margin:25px 0 0 0; text-align:center; font-size:0;}
.wake_certify_box .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.wake_certify_box .btn_member_sec li:first-child{margin:0;}

/* 비밀번호 변경안내 */
.password_change{padding:70px 60px; border:1px solid #dbdbdb;}
.password_change .password_change_tit{text-align:center;}
.password_change .password_change_tit strong{display:block; padding:0 0 10px 0; font-size:23px;}
.password_change .password_change_tit span{font-size:16px; color:#222222;}
.password_change .password_change_tit p{font-size:12px; color:#777; padding:20px 0 40px 0;}
.password_change .password_change_tit .text_caution{color:#db1212;margin-top:-20px;}
.password_change .password_change_input{padding:40px 0 20px 0; text-align:center; background:#f4f4f4;}
.password_change .password_change_input input{width:380px; margin:10px 0 20px 0;}
.password_change .password_change_input .new_password{width:380px; margin:0 auto; padding:10px 0 0 0; border-top:1px dotted #d4d4d4;}
.password_change .btn_member_sec ul{overflow:hidden; margin:25px 0 30px 0; text-align:center; font-size:0;}
.password_change .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.password_change .btn_member_sec li:first-child{margin:0;}
.password_change .password_change_tip{margin:60px 0 0 0; padding:30px 0 0 0;background:url('../../img/member/icon_tip.png') no-repeat 0 0;}
.password_change .password_change_tip p{padding:10px 0 0 0;}

/* 회원가입 정보입력 */
.join_base_wrap{width:600px; margin: 0 auto 100px auto;}
.join_base_wrap .member_tit{overflow:hidden; border-bottom:2px solid #ddd; padding-bottom:15px; margin-bottom:20px;}
.join_base_wrap .member_tit h2{text-align:center; margin:50px 0; font-size:28px; color:#222222;}
.join_base_wrap .member_tit h3{display:inline-block; font-size: 22px;}
.join_base_wrap .member_tit ol{float:right; line-height: 62px;}
.join_base_wrap .member_tit ol li{float:left; font-size:14px; color:#d1d1d1;}
.join_base_wrap .member_tit .page_on{color:#b60217; font-weight:bold;}
.join_base_wrap .member_tit li span{font-size:16px; font-weight:bold;}
.join_base_wrap .member_tit li span > img{padding:0 14px; vertical-align: -1px;}
.join_base_wrap .member_cont{width:100%; height:auto; margin:0 auto; padding-top:20px; border:none;}
.join_base_wrap .member_cont h3{}
.join_base_wrap table td{padding-bottom:15px;}
.join_base_wrap table th{padding:10px 25px;}
.join_base_wrap table th span{padding:0 0 0 10px; margin: 0 0 0 -10px;}
.join_base_wrap .important{background:url('../../img/member/icon_dot_03.png') no-repeat 0 center;}

.join_type_box .type_select_sec{padding:40px 0 60px 0; border-top:1px solid #1c1c1c;}
.join_type_box .type_select_sec .form_element{display:block;}
.join_type_box .type_select_sec ul{text-align:center;}
.join_type_box .type_select_sec li{display:inline-block; padding: 0 13px;}

.base_info_box .labeling{display:none;}
.base_info_box > span{float:right; padding:0 0 0 10px; line-height: 40px; color:#b60217;}
.base_info_box > span img{vertical-align:middle;}
.base_info_box .base_info_sec input{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border:2px solid #e1e1e1; border-radius: 8px; color:#979d9d; font-size: 18px}
.base_info_sec table{width:100%;}
.base_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb;}
.base_info_sec table th:first-child,
.base_info_sec table td:first-child{border-left:none;}
.base_info_sec table td{width:100%;}
.base_info_sec table .form_element{display:block; margin-bottom:5px;}
.base_info_sec .member_email .member_warning{text-align: center; display:inline-block; width:100%;}
.base_info_sec .member_email .member_warning span{display:inline-block; height:54px; line-height:54px;}
.base_info_sec .member_email .input_email {float:left; width:46%; display:inline-block !important;}
.base_info_sec .member_email .email_select {float:right; width: 46%; height: 54px; margin: 0 0 10px 3px; padding: 0 0 0 20px; border: 2px solid #e1e1e1; border-radius: 8px; font-size: 16px; color: #979d9d; color: #999; font-weight: 700;}
/*.base_info_sec table select{margin:0 0 0 5px; padding:5.5px 4px; vertical-align:top; border:1px solid #cccccc;}*/
.base_info_sec table strong{font-weight:normal; color:#3f8fe6;}
/* 비밀번호 영역 */
.member_pw_change{margin:15px 0 0 0;}
.member_pw_change dl{padding:5px 0 5px 0; font-size:0;}
.member_pw_change dt{display:inline-block; width:120px; padding:5px 0 0 0; font-size:16px; font-weight:bold; vertical-align:baseline;}
.member_pw_change dd{display:inline-block; font-size:12px;}
.member_pw_change input[type="password"]{width:350px;}

/* 사업자 정보 */
.business_info_box{margin:40px 0 0 0;}
.business_info_box .business_info_sec{border-top:1px solid #1c1c1c;}
.business_info_sec table{width:100%;}
.business_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb;}
.business_info_sec table th:first-child,
.business_info_sec table td:first-child{border-left:none;}
.business_info_sec table td{padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc;}
.business_info_sec table input[type="text"]{width:380px;}

/* 부가정보 */
.addition_info_box{margin:40px 0 0 0;}
.addition_info_box .member_tit h3{font-size: 22px; font-weight:bold; color: #3d3a35;}
.addition_info_box .addition_info_sec{}
.addition_info_sec table{width:100%;}
.addition_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb;}
.addition_info_sec table th:first-child,
.addition_info_sec table td:first-child{border-left:none;}
.addition_info_sec table td{padding:15px 0 15px 0;}
.addition_info_sec table input[type="text"]{width:380px;}
/*.addition_info_sec table select{padding:5.5px 4px; vertical-align:top; border:1px solid #cccccc;}*/
.addition_info_sec table li{float:left; padding:0 30px 0 0;}
.addition_info_sec .hobby_list li{float:left; width:33%; padding:0 0 7px 0;}
.addition_info_sec textarea{width:98%; height:100px; margin:0 0 10px 0;}
.addition_info_sec .anniversary{background:url('../../img/member/icon_calendar.png') no-repeat right center;}
.addition_info_sec .member_warning ul li {float:left;}
.join_base_wrap .btn_member_sec ul{overflow:hidden; margin:25px 0 0 0; text-align:center; font-size:0;}
.join_base_wrap .btn_member_sec li{display:inline-block; margin:0 0 0 10px;}
.join_base_wrap .btn_member_sec li:first-child{margin:0;}

/* 회원가입 약관동의 */
.join_agreement_wrap{width: 600px; margin: 0 auto; padding-bottom:100px;}
.join_agreement_wrap .member_tit{text-align: center; overflow:hidden; padding-bottom:15px; margin-bottom:20px;}
.join_agreement_wrap .member_tit h2{text-align:center; margin: 50px 0 30px; font-size:28px; color:#222222;}
.join_agreement_wrap .member_tit h3{display: none; font-size: 22px;}
.join_agreement_wrap .member_tit ol{display: inline-block; line-height: 62px;}
.join_agreement_wrap .member_tit ol li{float:left; font-size:14px; color:#d1d1d1; margin-left: 15px;}
.join_agreement_wrap .member_tit ol li:first-child{margin: 0;}
.join_agreement_wrap .member_tit .page_on{color: #000; font-weight: 500;}
.join_agreement_wrap .member_tit li span{font-size:16px; font-weight:bold;}
.join_agreement_wrap .member_tit li span > img{display: none; padding:0 14px; vertical-align: -1px;}
.join_agreement_wrap .member_cont{width:100%; margin:0 auto; border:none;}
.join_agreement_wrap .member_cont h3{padding:0 0 17px 0; font-weight:normal; font-size:18px; color:#222222;}

.join_agreement_cont{padding-bottom: 20px;}
.join_agreement_cont .form_element{width:100%; padding: 0 5px;}
.join_agreement_cont .form_element em{font-weight:bold;}
.join_agreement_cont .form_element span{color:#717171; font-size:11px;}
.join_agreement_cont .form_element strong{color:#b60217;}
.join_agreement_cont .form_element strong.choice{color:#b60217;}
.join_agreement_cont .form_element span > a{padding:0 10px 0 5px; color:#b60217; font-size:12px; background:url('../../img/member/icon_arrow_03.png') no-repeat right center; text-decoration:underline;}
.join_agreement_cont .form_element span > a:hover {text-decoration:underline;}
.join_agreement_cont .form_element .agreement_more {float:right; display: inline-block; width: 16px; height: 28px; background:url("/img/icon/arr_dw.png") no-repeat center; background-size:contain;}
.join_agreement_cont .join_agreement_box{margin:5px 0;}
.join_agreement_cont .join_agreement_top{border-bottom:1px solid #dbdbdb; padding:32px 0 18px 0;margin-bottom:20px;}
.join_agreement_cont .join_agreement_top em{font-size: 18px; font-weight: 500;}
.join_agreement_cont .agreement_choice_box{padding:10px 0 0 0;}
.join_agreement_cont .agreement_choice_box table{width:100%;}
.join_agreement_cont .agreement_choice_box table th{padding:20px 0; border-top:1px solid #999999; border-left:1px solid #dcdcdc; background:#fbfbfb}
.join_agreement_cont .agreement_choice_box table th:first-child,
.join_agreement_cont .agreement_choice_box table td:first-child{border-left:none;}
.join_agreement_cont .agreement_choice_box table td{padding:20px 0 20px 10px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.join_agreement_cont .agreement_choice_box .agreement_scroll{overflow-y:scroll; height: 92px;}
.join_agreement_cont .important_check_box {text-align:center; margin-top: 20px;}
.join_agreement_cont .important_check_box .important_check{display:inline-block; font-size: 16px; font-weight: 500; margin:0 auto; padding:0 0 0 18px; color: #b60217; background:url('../../img/member/icon_caution02.png') no-repeat 0px 6px;}
.join_agreement_cont .agreement_box{display:none; margin: 10px 0; padding: 20px 20px; background: #f5f5f5;}
.join_agreement_cont .agreement_box .agreement_cont{overflow-x: hidden; overflow-y: auto; min-height: 250px; max-height: 300px; color: #999; font-size: 16px; line-height: 1.4;}
.join_agreement_cont .agreement_box .agreement_cont p {font-size: 16px; color: #999;}

.join_agreement_wrap .join_certify_box{margin:30px 0 0 0;}
.join_agreement_wrap .join_certify_box h3{font-weight:bold;}
.join_agreement_wrap .join_certify_list{padding:50px 0; border-top:1px solid #999999; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.join_agreement_wrap .join_certify_list .form_element{display:block;}
.join_agreement_wrap .join_certify_list ul{text-align:center;}
.join_agreement_wrap .join_certify_list li{display:inline-block; padding:0 13px 0 13px;}

.join_agreement_wrap .btn_member_sec ul{overflow:hidden; margin:20px 0 0 0; text-align:center; font-size:0;}
.join_agreement_wrap .btn_member_sec li{display:inline-block;}
.join_agreement_wrap .btn_member_sec li button{width:150px; height:42px; border:1px solid #6b6b6b; background:#6b6b6b; color:#fff; font-weight:bold; font-size:13px; cursor:pointer;}
.join_agreement_wrap .btn_member_sec li button:hover{border:1px solid #626262; color:#fff; background:#626262;}

.join_agreement_cont .agreement_choice_box{padding: 0; margin: 0;}
.join_agreement_cont .agreement_choice_box .form_element input{left:26px;}
.join_agreement_cont .agreement_choice_box .agreement_cont{padding: 10px 0; margin: 0; border-top: 1px solid #ddd;}
.join_agreement_cont .agreement_choice_box .agreement_box{padding: 10px; margin: 0;}

/* 가입방법 선택 */
.member_cont .member_login_box .member_login_shop{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #dcdcdc;}
.member_guide_txt{text-align:center; padding:18px 0 20px 0; color:#666666;}
.member_guide_txt a:hover{text-decoration:underline;}

.info_again{padding:5px 0 0 0; text-align:left; color:#929292;}
.info_again a{color:#b60217; text-decoration:underline;}


/* ----------------  회원가입 레이아웃 ------------------------------ */

/* 비밀번호 */
.member_password{}
.member_password .btn_gray_list{margin:0 5px 0 0;}

/* 회원가입 이메일 */
.base_info_sec .member_email select{width:;}
.base_info_sec .member_email input[type="text"]{width:49%; display: inline-block; float: left; margin-bottom: 5px;}
.base_info_sec .member_email #emailDomain_chosen{width:49% !important; height: 54px; float: right;}
.base_info_sec .member_email #emailDomain_chosen a{width:100%; height:100%; border-radius:8px; border:2px solid #ddd;}
.base_info_sec .member_email #emailDomain_chosen a span{line-height: 52px; font-size: 16px;}
.base_info_sec .member_email #emailDomain_chosen a div b{background-position:0 12px;}
/* 생일 */
.addition_info_sec .member_birthday input[type="text"]{width:306px;}
.addition_info_sec .member_birthday select{width:70px;}
#wrap .addition_info_sec .member_birthday .member_warning{display:inline-block; width:30%;}
#wrap .addition_info_sec .member_birthday .member_warning select{display:block; width:100%; height:54px; margin-bottom:10px; padding:0 0 0 20px; border:2px solid #e1e1e1; border-radius: 8px; color:#979d9d; font-size: 16px}
#wrap .addition_info_sec .member_birthday .member_warning.year{margin-right:10px; width: 35%;}
#wrap .addition_info_sec .member_birthday .member_warning.month{margin-right:10px;}
/* 주소 */
#contents .member_address .address_postcode{overflow:hidden;}
#contents .member_address .address_postcode input{}
#contents .member_address .address_postcode .btn_post_search{float:left; width: calc(100% - 61%); height: 54px; font-size: 16px; margin:0 0 0 5px; padding:5px 10px 5px 10px; border: 2px solid #000; border-radius: 8px; color: #000;}
#contents .member_address .address_input{float:left; width: 100%;}
#contents .member_address .address_input input{margin:10px 0 0 0;}
/* 직업 셀렉트 박스 */
#contents .select_jop{width:380px;}
#contents .select_phone{width:80px;}
#contents .select_email{width:120px;}

/** 위메프 아이디 로그인 약관 팝업 css **/
/* popup */
#popup .containers .top{padding:20px 40px;text-align:center;background:#000}
#popup .containers .top .title{font-size:16px;color:#fff;}
#popup .containers .content{padding:0 20px;}
#popup .containers .content .logo{padding:30px 0 0;text-align:center;}
#popup .containers .content .tit_1{margin-top:30px;text-align:center;line-height:26px;font-size:16px;color:#222;}
#popup .containers .content .box_info{margin:30px auto 0;padding:30px 20px 32px;text-align:center;background:#f4f4f4;}
#popup .containers .content .box_info dl{text-align:left;margin:12px 0;}
#popup .containers .content .box_info dl:after{display:block;content:'';clear:both;}
#popup .containers .content .box_info dl dt{float:left;width:65px;font-weight:bold;font-size:16px;color:#222;}
#popup .containers .content .box_info dl dd{float:left;max-width:70%;font-size:16px;color:#222;}
#popup .containers .content .box_check{margin-top:22px;}
#popup .containers .content .box_check > div{margin-bottom:12px;}
#popup .containers .content .box_check .eType{display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;}
#popup .containers .content .box_check .eType + label{padding-left:0;background:none;}
#popup .containers .content .box_check label{display:inline-block;font-size:15px;color:#222;}
#popup .containers .content .box_check label .ico{padding-right:14px;background:url(../../img/member/btn_arrow.png) 99% 50% no-repeat;color:#222;}
#popup .containers .content .box_check span{font-size:15px;color:#888;}
#popup .containers .content .btn_wrap{text-align:center;margin-top:30px;}
#popup .containers .content .btn_wrap a{display:inline-block;max-width:206px;height:55px;line-height:55px;padding:0 20px;font-size:16px;background:#fa2828;color:#fff;}
#popup .containers .bottom{padding:0 20px 45px;margin-top:45px;line-height:23px;font-size:13px;color:#555;}
#popup .containers .bottom a{color:#2b50f0;}

/* layer popup */
.layer_popup{padding:20px;left:20px;right:20px;background:#fff;}
.layer_popup .title{font-weight:bold;font-size:20px;color:#222;}
.layer_popup .box_text{height:292px;padding:20px;margin-top:10px;border:1px solid #eaeaea;overflow-y:scroll;line-height:19px;font-size:12px;color:#666;}
.layer_popup .btn_wrap{margin-top:20px;text-align:center;}
.layer_popup .btn_wrap .btn_close{display:inline-block;width:72px;height:42px;line-height:42px;font-weight:bold;font-size:13px;background:#444;color:#fff;}
.dim{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);}
.dim.on{display:block;}
.ly_ag{display:none;position:absolute;top:0;}

/* checkbox design */
.box_check input[type="checkbox"]{display:none;}
.box_check input[type="checkbox"] + label{display:inline-block;line-height:24px;padding-left:36px;margin:-2px 10px 0 0;vertical-align:middle;background:url(../../img/member/ico_check_off.png) 0 0 no-repeat;cursor:pointer;}
.box_check input[type="checkbox"]:checked + label{background:url(../../img/member/ico_check_on.png) 0 0 no-repeat;}

@media only screen and (max-width:499px){
    /* popup */
    #popup .containers .top .title{font-size:14px;}
    #popup .containers .content .tit_1{line-height:24px;font-size:14px;}
    #popup .containers .content .box_info dl dt{font-size:14px;}
    #popup .containers .content .box_info dl dd{font-size:14px;}
    #popup .containers .content .box_check label{font-size:13px;}
    #popup .containers .content .box_check span{font-size:13px;}
    #popup .containers .content .btn_wrap a{height:45px;line-height:45px;padding:0 20px;font-size:14px;}
    #popup .containers .bottom{padding:0 20px 20px;margin-top:25px;line-height:20px;font-size:12px;}

    /* layer popup */
    .layer_popup .title{font-weight:bold;font-size:18px;color:#222;}
    .layer_popup .box_text{height:292px;padding:20px;margin-top:10px;border:1px solid #eaeaea;overflow-y:auto;line-height:19px;font-size:12px;color:#666;}
    .layer_popup .btn_wrap .btn_close{display:inline-block;width:72px;height:42px;line-height:42px;font-weight:bold;font-size:12px;background:#444;color:#fff;}
}
/** 위메프 아이디 로그인 약관 팝업 css **/

/** 휴면회원 방지기간 **/
.member_warning_info {width:470px; margin-top:15px;}
.member_warning_info .info_title {padding:8px 15px; font-weight:bold; font-size:16px; background:#a2a2a2; color:#fff; letter-spacing:-0.05em;}
.member_warning_info .info_text {line-height:18px; padding:8px 15px; border:1px solid #d6d6d6; font-weight:bold; font-size:12px; color:#000; letter-spacing:-0.05em;}
.member_warning_info .info_text .text_red {color:#fa2828;}
/** 휴면회원 방지기간 **/

/* 자동등록방지 */
.capcha{display:table; margin:10px 0 10px 0;}
.capcha_img{display:table-cell; width:304px; height:106px; border:1px solid #d6d6d6; text-align:center; vertical-align:middle;}
.capcha_txt{display:table-cell; padding:0 0 0 20px;}
.capcha_txt p{margin:0 0 10px 0;}
.capcha_txt .btn_gray_list{display:block; margin:10px 0 0 0;}






/* 본인 인증 밥버 선택 수정 230309 */
.body-member .join_agreement_wrap .join_certify_list{padding:0; border: 0;}
.body-member .join_agreement_wrap .btn_member_next,
.body-member .join_agreement_wrap .btn_member_prev {
    margin: 0 0 0 0;
    width: 295px;
}
/* 임시 */
.body-member .join_agreement_wrap .btn_member_next, .join_agreement_wrap .join_certify_list li {
	width:100%;
}
.body-member .join_agreement_wrap .join_certify_list ul {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.body-member .join_agreement_wrap .join_certify_list li {
    padding: 0;
}

.body-member .join_agreement_wrap .join_certify_list .form_element label.choice_s {
    min-width: 13px;
    padding: 0;
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
    color: #b60217;
    cursor: pointer;
    background: none;
    margin-right: 0;
}
.body-member .join_agreement_wrap .join_certify_list .form_element.btn_member_next label.choice_s {    
    color: #fff;
}


/* 카카오 통합 */
.kakao_member .tit {
	color: #222;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}
.kakao_member .tit span {
	display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 300;
}
.login_input_sec .kakaoid {	
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}