/* BASIC css start */
@charset "utf-8";
/* CSS Document */
.member_wrap{width:593px; margin:20px auto 40px auto;}
.member_pwd_wrap{margin:20px auto 40px auto;}
.member_tit h2{font-size:28px; margin:0 0 20px 0;}
.member_cont{padding:70px 60px; border:1px solid #dbdbdb;}
.member_cont h3{font-weight:normal; 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 #dbdbdb;}
.wake_base_box .login_input{border-top:none 0;}

/*.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 #dbdbdb;}

/* 로그인 */
.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;}
.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:91px; margin:15px 0 0 0; border:1px solid #ab3e55; background:#ab3e55; 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 26px 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 .btn_login_box{overflow:hidden; margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #dcdcdc;}
.member_cont .btn_login_box li{float:left; margin:0 0 0 10px;}
.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 .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:91px; margin:15px 0 0 0; border:1px solid #ab3e55; background:#fff; color:#ab3e55; font-size: 15px; font-weight:bold; cursor:pointer;}
.member_cont .nonmember_order_box .order_input_sec button:hover{border:1px solid #9b344a; color:#9b344a;}
.member_cont .nonmember_order_box p{padding:0 0 0 18px; background:url('/design/greenstore/images/pc/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{width:370px; margin:0 0 0 100px;}
.find_password_box .login_input input[type=text],
.find_password_box .login_input input[type=password]{width:263px; margin:10px 0 0 0;}
.find_password_box .login_input input{}

/* 비밀번호 변경 */
.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:#ab3e55;}

/* 아이디 찾기 */
.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 > 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:#ab3e55;}
.find_id_box .btn_member_sec{margin:20px 0 0 0; border-top: 1px solid #dbdbdb;}
.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-top:10px;}
.input_email {width:170px !important; display:inline-block !important; margin-top:9px !important;}
.email_select {height:36px; line-height:36px; width:115px; margin:9px 0 10px 3px; padding:0 0 0 5px; border:1px solid #d0d0d0;}

/* 회원가입 완료 */
.join_ok_box .join_ok_tit{text-align:center; background:url('/design/greenstore/images/pc/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 #dbdbdb;}
.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: #ab3e55; border:1px solid #ab3e55; color: #fff;}
.join_ok_box .btn_member_sec .btn_login:hover{border:1px solid #9b344a; color: #fff; background:#9b344a;}



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


/* 회원가입 정보입력 */
.join_base_wrap .member_tit{overflow:hidden; border-bottom:1px solid #dbdbdb;}
.join_base_wrap .member_tit h2{float:left; font-size:28px; color:#222222;}
.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:#ab3e55; 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:743px; margin:0 auto; border:none;}
.join_base_wrap .member_cont h3{padding:0 0 17px 0; font-size:18px; color:#222222;}
.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 h3{display:inline-block;}
.base_info_box > span{float:right; padding:0 0 0 10px; line-height: 40px; color:#ab3e55;}
.base_info_box > span img{vertical-align:middle;}
.base_info_box .base_info_sec{border-top:1px solid #999999;}
.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{padding:15px 0 15px 15px; border-bottom:1px solid #dcdcdc;}
.base_info_sec table input[type="text"]{width:380px;}
.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 #1c1c1c;}
.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 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; border-bottom:1px solid #999999;}
.join_agreement_wrap .member_tit h2{float:left; font-size:28px; color:#222222;}
.join_agreement_wrap .member_tit ol{float:right; line-height: 62px;}
.join_agreement_wrap .member_tit ol li{float:left; font-size:14px; color:#d1d1d1;}
.join_agreement_wrap .member_tit .page_on{color:#ab3e55;}
.join_agreement_wrap .member_tit li span{font-size:16px; font-weight:bold;}
.join_agreement_wrap .member_tit li span > img{padding:0 14px; vertical-align: -1px;}
.join_agreement_wrap .member_cont{width:743px; 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_wrap .join_agreement_cont{padding:30px 0 0 0; border-top:1px solid #999999;}
.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:#ab3e55;}
.join_agreement_cont .form_element strong.choice{color:#ab3e55;}
.join_agreement_cont .form_element span > a{padding:0 10px 0 5px; color:#ab3e55; 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 30px 0;}
.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:#ab3e55; background:url('../../img/member/icon_caution02.png') no-repeat 0px 3px;}
.join_agreement_cont .agreement_box{overflow-x: hidden; overflow-y: auto; height: 89px; margin: 10px 0 0; padding: 5px 20px; border: 1px solid #e6e6e6; border-top: 1px solid #999999; line-height: 23px; font-weight:300;}

.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:5px 0 0 0; text-align:left; color:#929292;}
.info_again a{color:#ab3e55; text-decoration:underline;}


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

/* 비밀번호 */
.member_password{}
.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:72%;}
#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;}


/* 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(/design/greenstore/images/pc/ico_check_off.png) 0 0 no-repeat;cursor:pointer;}
.box_check input[type="checkbox"]:checked + label{background:url(/design/greenstore/images/pc/ico_check_on.png) 0 0 no-repeat;}




.member_cont .member_login_box .login_input_sec .member_login_order_btn {float: right; width: 158px; height: 91px;line-height: 91px;text-align:center; margin: 15px 0 0 0; border: 1px solid #333; background: #333; color: #ffffff; font-size: 15px;font-weight: bold;  cursor: pointer;}
.btn_login_box ul {display:flex;}
.btn_login_box ul a {display:inline-block;text-align:center;line-height:45px;box-sizing: border-box;}
.member_cont .nonmember_order_box .order_input_sec input:first-child {width:97%;}
.member_cont .nonmember_order_box .order_input_sec a {
    float: right;
    width: 158px;
    height: 91px;
    margin: 15px 0 0 0;
    border: 1px solid #333;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;text-align:center;line-height: 91px;
}
#orderhname {font-size:12px;}






/* BASIC css end */

