@charset "utf-8";
/* CSS Document */
.member_wrap{width:560px; margin:20px auto 40px auto;}
.member_pwd_wrap{margin:20px auto 40px auto;}
.member_tit h2{font-size:28px; text-align: center; font-weight: 500; color: #154c40}
.member_cont{padding:30px 0;}
.member_cont h3{font-weight:500; font-size:18px; color:#222222;}
.member_cont h3 + p{padding:5px 0 8px 0; color:#bebebc;}
.login_input, .certify_confirm_input{border-top:1px solid #e5e5e5;}
.wake_base_box .login_input{border-top:none 0;}
.box_member {border: 1px solid #eee; padding:30px 49px; margin-top: 20px}

.step_by_step {display: inline-block; margin-top: 20px}
.step_by_step li{position: relative; display: block; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #ddd; float:left; font-size:14px; color:#d1d1d1; margin: 0 10px}
.step_by_step li .arrow {position: absolute; top:50%; right: -18px; margin: -10px 0 0}
.step_by_step .page_on{color:#ff0000; border-color: #333}
.step_by_step li span{display: block; font-size:36px; font-weight:300; line-height: 1em; margin-top: 22px}

.member_tit ol{display: inline-block; margin-top: 20px; text-align: center; margin-left: 95px;}
.member_tit ol li{position: relative; display: block; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #ddd; float:left; font-size:14px; color:#d1d1d1; margin: 0 10px}
.member_tit ol li .arrow {position: absolute; top:50%; right: -18px; margin: -10px 0 0}
.member_tit .page_on{border-color: #333; color: #333}
.member_tit li span{display: block; font-size:36px; font-weight:300; line-height: 1em; margin-top: 22px}

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

/* 로그인 */
.member_cont .member_login_box h3{font-weight:500; font-size:20px; color:#333; display: block;}
.member_cont .member_login_box .member_login{margin:0 0 20px 0;}
.member_cont .member_login_box .login_input_sec{overflow:hidden;}
.member_cont .member_login_box .login_input_sec > div{float:left;}
.member_cont .member_login_box .login_input_sec input{display:block; width:292px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #d0d0d0; color:#979d9d;}
.member_cont .member_login_box .login_input_sec button{float:right; width:158px; height:87px; margin:15px 0 0 0; /*border:1px solid #ff0000;*/ background:#ff0000; color:#ffffff; font-size: 15px; font-weight:bold; cursor:pointer;}
.member_cont .member_login_box .login_input_sec button:hover{background:#9b344a; border:1px solid #9b344a;}
.member_cont .member_login_box .id_chk{padding:0 0 20px 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 input{display:none;} */
.member_cont .member_login_box .id_chk .saveId {appearance: none;-webkit-appearance: none; -moz-appearance: none; position: relative; width: 20px; height: 20px; cursor: pointer;outline: none !important; border: 1px solid #aaa;border-radius: 2px; background: #eee;}

.member_cont .member_login_box .id_chk input[type="checkbox"]:checked {border: 1px solid #aaa;background-color: #f7f7f7;}
.member_cont .member_login_box .id_chk input[type="checkbox"]:hover {
    border-color: rgba(170, 170, 170, 0.5);
}
.member_cont .member_login_box .id_chk input[type="checkbox"]:checked {
    border: 1px solid #aaa;
    background-color: #f7f7f7;
}

.member_cont .member_login_box .id_chk input[type="checkbox"]:checked::before {
    border-radius: 2px;
    border-bottom: 3px solid #4D7C2A;
    border-right: 3px solid #4D7C2A;
    transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
}

.member_cont .member_login_box .id_chk .saveId::before {content: ""; background-color: transparent;position: absolute; left: 5px;top: 0;width: 5px;height: 11px;border: 0;}
.member_cont .btn_login_box{overflow:hidden; margin:0 0 40px; padding:20px 0 0 0; border-top:1px solid #eee;}
.member_cont .btn_login_box li{float:left; margin:0 0 0 5px;}
.member_cont .btn_login_box li:first-child{margin:0;}
/* 비회원 주문하기 */
.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 h3 {font-weight:500; font-size:20px; color:#333; display: block;}
.member_cont .nonmember_order_box .order_input_sec{overflow:hidden;}
.member_cont .nonmember_order_box .order_input_sec > div{float:left;}
.member_cont .nonmember_order_box .order_input_sec input{display:block; width:292px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #d0d0d0; color:#979d9d;}
.member_cont .nonmember_order_box .order_input_sec button{float:right; width:158px; height:87px; margin:15px 0 0 0; border:1px solid #333; background:#fff; color:#333; font-size: 15px; font-weight:bold; cursor:pointer;}
.member_cont .nonmember_order_box .order_input_sec button:hover{border:1px solid #333; color:#333;}
.member_cont .nonmember_order_box p{padding:0 0 0 18px; background:url('../../img/member/icon_caution.png') no-repeat 0 3px; color:#6d6d6d;}

/* 비밀번호 찾기 */
.find_password_box .login_input{padding:30px 0 0 0;}
.find_password_box .login_input .member_warning{text-align: center}
.find_password_box .login_input input[type=text],
.find_password_box .login_input input[type=password]{width:350px; margin:10px 0 0 0; border:1px solid #333}

/* 비밀번호 변경 */
.find_password_reset_box .login_input{width:320px; padding:30px 75px 0 76px; text-align:center;}
.find_password_reset_box .login_input input{width:320px; margin:15px 0 0 0; padding:0 0 0 5px;}
.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:#ff0000;}

/* 아이디 찾기 */
.find_id_box .find_id_sec h3{font-weight:normal; font-size:18px; color:#222222;}
.find_id_sec .login_input{overflow:hidden; margin:10px 0 0 0; border-top:none 0;}
.find_id_sec .login_input > div{float:left;}
.find_id_sec .login_input input{display:block; width:292px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #d0d0d0; color:#979d9d;}
.find_id_sec > p{color:#ff0000;}
.find_id_box .btn_member_sec{margin:20px 0 0 0; border-top: 1px solid #e5e5e5;}
.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;}

/* 회원가입 완료 */
.join_ok_box .join_ok_tit{text-align:center; background:url('../../img/member/img_join_ok.png') no-repeat center 0; padding:50px 0 0 0;}
.join_ok_box .join_ok_tit .complete{padding:20px 0 0 0; font-size:18px; color:#222222;}
.join_ok_box .join_ok_tit .complete strong{font-weight:bold;}
.join_ok_box .join_ok_tit p{padding:20px 0 20px 0; color:#989898; letter-spacing:-0.5px}
.join_ok_box .join_ok_tit p span{font-weight:bold; color:#222222;}
.join_ok_box .btn_member_sec{border-top:1px solid #e5e5e5;}
.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{width: 150px; height: 42px; border:1px solid #cccccc; background: #fff; color: #3e3d3c; font-weight:bold; font-size: 13px; cursor:pointer;}
.join_ok_box .btn_member_sec li button:hover{border:1px solid #bbbbbb; color:#333333;}
.join_ok_box .btn_member_sec .btn_login{background: #14008c; border:1px solid #14008c; color: #fff;}
.join_ok_box .btn_member_sec .btn_login:hover{border:1px solid #9b344a; color: #fff; background:#9b344a;}

/* 회원승인 대기 */
.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 #e5e5e5;}
.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:#ff0000;}
.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 #e5e5e5;*/}
/* 14세 미만 회원가입 안내 */
.join_wait_box .join_wait_14under{margin:30px 0 0 0; padding:20px 20px 20px 20px; border:1px solid #e5e5e5; line-height:1.6;}
.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 > 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 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;}
.user_certify_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;}
.user_certify_box .btn_member_sec li button:hover{border:1px solid #626262; color: #fff; background:#626262;}

/* 본인인증 인증번호 확인 */
.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 5px; 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 #e5e5e5;}
.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:#ff0000;}
.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 #e5e5e5;}
.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 #e5e5e5;}
.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 #e5e5e5;}
.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 #e5e5e5;}
.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 #e5e5e5;}
.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_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 #e5e5e5; border-bottom:1px solid #e5e5e5; 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 #e5e5e5;}
.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_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 .member_tit{overflow:hidden; text-align: center}

.join_base_wrap .member_tit ol{display: inline-block; margin-top: 20px}
.join_base_wrap .member_tit ol li{position: relative; display: block; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #ddd; float:left; font-size:14px; color:#d1d1d1; margin: 0 10px}
.join_base_wrap .member_tit ol li .arrow {position: absolute; top:50%; right: -18px; margin: -10px 0 0}
.join_base_wrap .member_tit .page_on{border-color: #333; color: #333}
.join_base_wrap .member_tit li span{display: block; font-size:36px; font-weight:300; line-height: 1em; margin-top: 22px}



.join_base_wrap .member_cont{width:820px; margin:0 auto; border:none;}
.join_base_wrap .member_cont h3{padding:0 0 10px 0; font-size:18px; color:#222222; font-weight: 500}
.join_base_wrap table th{padding:10px 25px;}
.join_base_wrap table th span{padding:0 0 0 15px; margin: 0 0 0 -10px;}
.join_base_wrap .important{background:url('/common/css/images/icons/check/Done_light.png') no-repeat 0 center; background-size: 16px 16px;}
 
.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 h3{display:inline-block;}
.base_info_box > span{float:right; padding:0 0 0 15px; color:#14008c;}
.base_info_box > span img{vertical-align:middle;}
.base_info_box .base_info_sec{border-top:1px solid #999; border-bottom:1px solid #999;}
.base_info_sec table{width:100%;}
.base_info_sec table th{text-align:left; border-bottom:1px solid #eee; background:#f7f7f7; font-size: 14px; font-weight: 500}
.base_info_sec table th:first-child,
.base_info_sec table td:first-child{border-left:none;}
.base_info_sec table td{padding:10px 0 10px 10px; border-bottom:1px solid #eee;}
.base_info_sec table input[type="text"]{width:100%;}
.base_info_sec table .form_element{display:block; margin-top:5px;}
/*.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:12px; font-weight:bold; vertical-align:top;}
.member_pw_change dd{display:inline-block; font-size:12px;}
.member_pw_change input[type="password"]{width:260px;}

/* 사업자 정보 */
.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 .addition_info_sec{border-top:1px solid #999;}
.addition_info_sec table{width:100%;}
.addition_info_sec table th{text-align:left; border-bottom:1px solid #dcdcdc; background:#fbfbfb; font-size: 14px; font-weight: 500}
.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 15px; border-bottom:1px solid #dcdcdc;}
.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;}
.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 .member_tit{overflow:hidden; text-align: center}
.join_agreement_wrap .member_tit ol{display: inline-block; margin-top: 20px}
.join_agreement_wrap .member_tit ol li{position: relative; display: block; width: 100px; height: 100px; border-radius: 50%; border: 2px solid #ddd; float:left; font-size:14px; color:#d1d1d1; margin: 0 10px}
.join_agreement_wrap .member_tit ol li .arrow {position: absolute; top:50%; right: -18px; margin: -10px 0 0}
.join_agreement_wrap .member_tit .page_on{color:#ff0000; border-color: #333}
.join_agreement_wrap .member_tit li span{display: block; font-size:36px; font-weight:300; line-height: 1em; margin-top: 22px}
.join_agreement_wrap .member_cont{width:800px; margin:0 auto; border:none;}
.join_agreement_wrap .member_cont h3{padding:0 0 10px 0; font-weight:normal; font-size:20px; color:#333; display: block; border-bottom: 2px solid #333; font-weight: 500; margin-bottom: 20px}

.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:#ff0000;}
.join_agreement_cont .form_element strong.choice{color:#ff0000;}
.join_agreement_cont .form_element span > a{padding:0 10px 0 5px; color:#ff0000; 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 .join_agreement_box{margin:0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 15px}
.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;}
.join_agreement_cont .important_check_box .important_check{display:inline-block; margin:0 auto; padding:0 0 0 18px; color:#ff0000; background:url('../../img/member/icon_caution02.png') no-repeat 0px 3px;}
.join_agreement_cont .agreement_box{overflow-x: hidden; overflow-y: auto; height: 100px; margin: 10px 0 0; padding: 20px; background: #f5f5f5; line-height: 1.8em;}

.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;}

.agreement_choice_box .form_element{text-align:center;}
.agreement_choice_box .form_element input{left:26px;}

/* 가입방법 선택 */
.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:10px 0 0 0; color:#929292; text-align: center}
.info_again a{color:#14008c; text-decoration:underline;}


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

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

/* 회원가입 이메일 */
.base_info_sec .member_email input[type="text"]{width:251px;}
.base_info_sec .member_email select{width:120px;}
/* 생일 */
.addition_info_sec .member_birthday input[type="text"]{width:306px;}
.addition_info_sec .member_birthday select{width:70px;}
/* 주소 */
#contents .member_address .address_postcode{overflow:hidden;}
#contents .member_address .address_postcode input{float:left; width:190px;}
#contents .member_address .address_postcode .btn_post_search{float:left; margin:0 0 0 5px; padding:5px 10px 5px 10px; border:1px solid #989898;}
#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;}

/* 인증수단 선택 */
.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;}

/* 회원가입혜택 배너 */
.member_banner {text-align: center;}


/* 2211 member page renewal */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset;transition: background-color 5000s ease-in-out 0s;}
.member_cont input~.focus-border {width: 0;height: 100%;border: 0;border-bottom: 1px solid #0a0a0a;position: absolute;left:0;top:0;}
.member_cont input:focus~.focus-border {width: 100%;transition: 0.4s;}
.member_tit h2 {font-size: 36px; color: #0a0a0a;}
.member_wrap {width: 600px;}
.member_cont {border: 0; padding: 0; margin: 0; margin-top: 40px;}
.member_tab_box {display: flex; margin-top: 20px; border: 1px solid #14008c; border-radius: 3px;}
.member_tab_box .member_tab {text-align: center; width: 50%; height: 50px; line-height: 50px; font-size: 16px; cursor: pointer;}
.member_tab_box .member_tab.active {background: #14008c; color: #fff;}
.member_cont.mem_y {display: block;}
.member_cont.mem_n {display: none;}
.member_cont .member_login_box .login_input_sec {display: flex; justify-content: space-between;}
.member_cont .member_login_box .login_input_sec > div {flex: 1; margin-right: 15px; float: unset;}
.member_cont .member_login_box .login_input_sec > div > div {position: relative;}
.member_cont .member_login_box .login_input_sec input {background: #f5f5f5; border: 0; width: 100%; border-radius: 3px; height: 45px; padding: 0 16px; margin: 0; margin-bottom: 10px; color: #0a0a0a;}
.member_cont .member_login_box .login_input_sec input:target {background: #f5f5f5;}
.member_cont .member_login_box .login_input_sec button {width: 160px; height: 100px; border-radius: 3px; background: #1e1e1e !important; float: unset; margin: 0; font-size: 16px; font-weight: normal;}
.member_cont .member_login_box .login_input_sec button:hover {background: #353535 !important;}
.member_cont .member_login_box .login_chk_sec {display: flex; margin-top: 15px;}
.member_cont .member_login_box .login_chk_sec .id_chk {flex: 1; padding: 0;}
.member_cont .member_login_box .login_chk_sec .id_chk .form_element label {font-size: 13px; padding: 0 0 0 30px; cursor: pointer;}
.member_cont .member_login_box .login_chk_sec .find_btn_box {display: flex;}
.member_cont .member_login_box .login_chk_sec .find_btn_box .find_btn {position: relative; padding: 1px 10px; font-size: 13px; cursor: pointer;}
.member_cont .member_login_box .login_chk_sec .find_btn_box .find_btn:last-child {padding-right: 0;}
.member_cont .member_login_box .login_chk_sec .find_btn_box .find_btn.pw_find::before {content: ""; background: #eee; width: 1px; height: 14px; position: absolute; left: 0; top: 4px;}
.member_cont .member_sns_login {display: flex; margin-top: 30px; align-items: center;}
.member_cont .member_sns_login .sns_login_tit {font-size: 16px; flex: 1; font-weight: bold;}
.member_cont .member_sns_login .sns_login_btn_box {display: flex; margin:0;}
.member_cont .member_sns_login .sns_login_btn_box .sns_login_btn {overflow: hidden; margin: 0 5px; width: 55px; height:70px;}
.member_cont .member_sns_login .sns_login_btn_box .sns_login_btn a .ico {display: inline-block;margin: 0 25px 0 0; width: 50px; height: 50px; vertical-align: middle;}
.member_cont .member_sns_login .sns_login_btn_box .sns_login_btn .btn_naver_login .ico {background: url(/images/common/ico_sns02.png) no-repeat center center;}
.member_cont .member_sns_login .sns_login_btn_box .sns_login_btn .btn_kakao_login .ico {background: url(/images/common/ico_sns01.png) no-repeat center center;}
.member_cont .member_sns_login .sns_login_btn_box .sns_login_btn .btn_facebook_login .ico {background: url(/images/common/ico_sns03.png) no-repeat center center;}

.member_cont .nonmember_order_box {margin:0;}
.member_cont .nonmember_order_box .order_input_sec {display: flex; justify-content: space-between;}
.member_cont .nonmember_order_box .order_input_sec > div {flex: 1; margin-right: 15px; float: unset;}
.member_cont .nonmember_order_box .order_input_sec > div > div {position: relative;}
.member_cont .nonmember_order_box .order_input_sec input {background: #f5f5f5; border: 0; width: 100%; border-radius: 3px; height: 45px; padding: 0 16px; margin: 0; margin-bottom: 10px; color: #0a0a0a;}
.member_cont .nonmember_order_box .order_input_sec button {width: 160px; height: 100px; border-radius: 3px; background: #14008c; float: unset; margin: 0; color: #fff !important; font-size: 16px; font-weight: normal;}
.member_cont .nonmember_order_box .order_input_sec button:hover {background: #14008c; color: #fff;}
.member_cont .nonmember_join_box .btn_member_black {height: 65px; border-radius: 3px; margin:0; background: #1e1e1e; font-size: 16px; font-weight: normal;}
.member_cont .nonmember_join_box .btn_member_black:hover {background: #353535; border: 0;}
.member_join_con {margin-top: 40px;}
.member_join_con .join_tit {text-align: center; font-size: 14px; color: #888; position: relative;}
.member_join_con .join_tit::before {content: ""; background: #cdcdcd; width: 100px; height: 1px; position: absolute; left: 0; top: 9px;}
.member_join_con .join_tit::after {content: ""; background: #cdcdcd; width: 100px; height: 1px; position: absolute; right: 0; top: 9px;}
.member_join_con .join_box {display: flex; margin-top: 25px; align-items: center;}
.member_join_con .join_box .mem_event_txt {flex: 1;}
.member_join_con .join_box .mem_event_txt span {font-size: 15px; letter-spacing: -.02em;}
.member_join_con .join_box .mem_event_txt span b {font-weight: bold; color: #14008c;}
.member_join_con .join_box .btn_member_join {width: 100%; border-radius: 3px; background: #1e1e1e; float: unset; margin: 0; color: #fff; text-align: center;}
.member_join_con .join_box .btn_member_join button{width: 100%; height: 50px; color: #fff; text-align: center; line-height: 50px; font-size: 16px; font-weight: normal;}
.member_join_con .join_box .btn_member_join button:hover{background: #353535; border: 0;}

.member_cont .find_id_box {margin-top: 20px;}
.member_cont .find_id_box .find_id_sec .login_input {margin: 0;}
.member_cont .find_id_box .find_id_sec .login_input {display: flex; justify-content: space-between;}
.member_cont .find_id_box .find_id_sec .login_input > div {flex: 1; margin-right: 15px; float: unset;}
.member_cont .find_id_box .find_id_sec .login_input > div > div {position: relative;}
.member_cont .find_id_box .find_id_sec .login_input input {background: #f5f5f5; border: 0; width: 100%; border-radius: 3px; height: 45px; padding: 0 16px; margin: 0; margin-bottom: 10px; color: #0a0a0a;}
.member_cont .find_id_box .find_id_sec .login_input input:target {background: #f5f5f5;}
.member_cont .find_id_box .find_id_sec .login_input button {width: 160px; height: 100px; border-radius: 3px; background: #0a0a0a; float: unset; margin: 0; font-size: 16px; font-weight: normal;}
.member_cont .find_id_box .find_id_sec .login_input button:hover {background: #0a0a0a;}
.member_cont .find_id_box .other_chk {margin-top: 30px; text-align: center;}
.member_cont .find_id_box .other_chk span {font-size: 15px;}
.member_cont .find_id_box .other_chk span b {color: #14008c; border: 0; text-decoration: underline; text-underline-position: under; margin-left: 6px;}

.find_complete_box strong {font-weight: bold; letter-spacing: -.02em; color: #14008c; text-decoration: underline; text-underline-position: under;}

.member_cont .find_password_box .login_input {border: 0; padding: 0;}
.member_cont .find_password_box .login_input > div > div {position: relative;}
.member_cont .find_password_box .login_input input {background: #f5f5f5; border: 0; width: 100%; border-radius: 3px; height: 45px; padding: 0 16px; margin: 0; color: #0a0a0a; text-align: center;}
.member_cont .find_password_box .login_input input:target {background: #f5f5f5;}
.member_cont .find_password_box .login_input #errorMessage {margin-top: 10px; font-size: 13px; color: red;}
.member_cont .find_password_box .guide {font-size: 14px; text-align: center; margin-bottom: 20px;}
.member_cont .btn_center_box {margin: 0; margin-top: 15px;}
.member_cont .btn_center_box button {margin: 0; width: 100%; height: 50px; border-radius: 3px; font-size: 16px; font-weight: normal;}
.member_cont .other_chk {margin-top: 30px; text-align: center;}
.member_cont .other_chk span {font-size: 15px}
.member_cont .other_chk span b {color: #14008c; border: 0; text-decoration: underline; text-underline-position: under; margin-left: 6px; cursor: pointer;}

.member_cont .member_login_box .member_login_shop {padding: 0; margin:0; border-bottom: 0;}
.shop_mall_join {height: 65px; border-radius: 3px; margin: 0; background: #0a0a0a; font-size: 16px; font-weight: normal; padding: 0; color: #fff; line-height: 65px; border:0;}
.shop_mall_join:hover {border: 0; color:#fff;}
.member_sns_join {margin-top: 40px;}
.member_sns_join .sns_login_tit {font-size: 16px; text-align: center; position: relative;}
.member_sns_join .sns_login_tit::before {content: ""; background: #ccc; width: 200px; height: 1px; position: absolute; left: 0; top: 11px;}
.member_sns_join .sns_login_tit::after {content: ""; background: #ccc; width: 200px; height: 1px; position: absolute; right: 0; top: 11px;}
.sns_join_btn_box {margin-top: 30px; display: flex; justify-content: space-around;}
.sns_join_btn_box .sns_join_btn {text-align: center;}
.sns_join_btn_box .sns_join_btn a p {font-size: 14px; padding-top: 10px;}
.sns_join_btn_box .sns_join_btn a img {width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}
.member_login_box .chk_info {margin-top: 35px; font-size: 14px; color: #aaa; text-align: center;}

.member_cont .user_certify_box .login_input {border: 0; background: #f5f5f5; border-radius: 3px; padding: 30px 35px 24px;}
.member_cont .user_certify_box .login_input .user_certify_list {padding: 0;}
.member_cont .user_certify_box .login_input .user_certify_list li {padding: 15px 0 0 0;}
.member_cont .user_certify_box .login_input .user_certify_list li:first-child {padding: 0;}
.member_cont .user_certify_box .login_input .user_certify_list li label {cursor: pointer;}
.member_cont .user_certify_box .login_input .user_certify_list li span {display: unset; margin: 0;}
.member_cont .user_certify_box .btn_member_sec {margin-top: 15px;}
.member_cont .user_certify_box .btn_member_sec button {width: 100%; height: 50px; background: #0a0a0a; color: #fff; font-weight: normal; font-size: 16px; text-align: center; border-radius: 3px;}

.member_cont .find_password_box .login_input #errorMessage {margin-top: 5px;}
.member_cont .find_password_box .login_input #errorMessage p {color: red; font-size: 14px;}
.member_cont .find_password_box .login_input #errorMessage p a {margin-left: 6px; text-underline-position: under;}
.member_cont .find_password_box .login_input #guideMsg {margin-top: 5px;}
.member_cont .find_password_box .login_input #guideMsg p {font-size: 14px;}
.member_cont .find_password_box .login_input #guideMsg p a {margin-left: 6px; text-underline-position: under;}
.member_cont .find_password_box .login_input .btn_center_box {display: flex;}
.member_cont .find_password_box .login_input .btn_center_box button {margin:0; width: 50%; border-radius: 3px; font-size: 16px; font-weight: normal;}
.member_cont .find_password_box .login_input .btn_center_box button.longbtn {width: 100%;}
.member_cont .find_password_box .login_input .btn_center_box button.btn_member_prev {margin-right: 3px;}
.member_cont .find_password_box .login_input .btn_center_box button.btn_member_next {background: #0a0a0a;}

.member_cont .find_password_reset_box .login_input {border: 0; padding: 0; margin-top: 20px; width: 100%;}
.member_cont .find_password_reset_box .login_input .js_input_pw {margin-bottom: 10px;}
.member_cont .find_password_reset_box .login_input > div > div {position: relative;}
.member_cont .find_password_reset_box .login_input input {background: #f5f5f5; border: 0; width: 100%; border-radius: 3px; height: 45px; padding: 0 16px; margin: 0; color: #0a0a0a; text-align: center;}
.member_cont .find_password_reset_box .login_input input:target {background: #f5f5f5;}
.member_cont .find_password_reset_box .login_input .btn_center_box button {margin: 0; width: 100%; background: #0a0a0a; border-radius: 3px; font-size: 16px; font-weight: normal;}
.member_cont .find_password_reset_box .login_input .btn_center_box button:hover {border: 0;}

.login_form_element {overflow: hidden;position: relative;}
.login_form_element input {position: absolute;top: 3px;left: 1px;width: 0;z-index: -1;visibility: hidden;}
.btn_member_black {width: 150px;height: 45px;margin: 35px 0 0 0;color: #ffffff;font-size: 14px;border: 1px solid #222;background: #222;cursor: pointer;font-weight: 500;}

.join_end_wrap {width: 100%; max-width: 1000px; margin: 180px auto 0;}
.join_end_wrap .join_end_area {display: flex; flex-flow: column; align-items: center; justify-content: center; padding-bottom: 125px; border-bottom: 1px solid #ccc;}
.join_end_wrap .join_end_area .tit {margin-top: 18px; font-size: 40px; letter-spacing: -.02em; text-align: center; font-weight: 500;}
.join_end_wrap .join_end_area .txt {margin-top: 50px; font-size: 18px; letter-spacing: -.02em; text-align: center;}
.join_end_wrap .join_end_area .txt b {color: #14008c;}
.join_end_wrap .join_end_area .btn_box {margin-top: 70px; display: flex; align-items: center; gap: 6px;}
.join_end_wrap .join_end_area .btn_box .btn {width: 160px;}
.join_end_wrap .join_end_area .btn_box .btn a {display: block; border-radius: 5px; line-height: 50px; text-align: center; font-size: 16px;}
.join_end_wrap .join_end_area .btn_box .btn.home a {background: #dadada; color: #333; }
.join_end_wrap .join_end_area .btn_box .btn.login a {background: #14008c; color: #fff; }
.join_end_wrap .join_end_info {text-align: center; margin: 45px 0 60px;}

@media (max-width: 425px) {
    .join_end_wrap {margin: 100px auto 0;}
    .join_end_wrap .join_end_area {padding-bottom: 60px;}
    .join_end_wrap .join_end_area .top_icon {width: 60px;}
    .join_end_wrap .join_end_area .top_icon img {width: 100%;}
    .join_end_wrap .join_end_area .tit {font-size: 28px; font-weight: 500;}
    .join_end_wrap .join_end_area .txt {font-size: 15px; margin-top: 35px;}
    .join_end_wrap .join_end_area .btn_box {margin-top: 45px;}
    .join_end_wrap .join_end_area .btn_box .btn {width: 140px;}
    .join_end_wrap .join_end_area .btn_box .btn a {font-size: 14px; font-weight: 500; line-height: 45px;}
    .join_end_wrap .join_end_info {margin: 30px 0 40px; font-size: 13px;}
}