@charset "utf-8";

/*---  회원관련 내 테이블은 commom.css에서 제어해줌 ---*/

.join_title{margin-bottom:13px}

/* inform box */
.join_inform{margin-bottom:38px;padding:15px 20px;font-size:11px;color:#666;background:#f8f8f8;}

/* 이용약관,개인정보 내용 */
div.box_guide{margin:12px 0;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3; font-weight: bold; }
div.box_guide div{overflow-y:scroll;height:212px;padding:18px;border:1px solid #dbdbdb;background-color:#fff;line-height:18px;color:#666}
div.box_guide div h3{ font-weight: bold; }
div.box_guide div h4{ font-weight: bold; }
div.box_guide div strong{color:#000}
div.agree_check{margin-bottom:30px;font-size:13px;text-align:right; font-weight: bold; }
div.agree_check input{margin:0 0 0 18px}
div.agree_check label{color:#666}

/* 본인인증 */
.box_verity{margin:12px 0;border-top:1px solid #444;border-bottom:solid 1px #dbdbdb}
.box_verity .type_check{margin:20px 9px 15px;font-size:13px;text-align:left}
.box_verity .type_check input{margin:0 0 0 18px}
.box_verity .type_check label{color:#666}
.box_verity .type_btn{position:relative;padding:27px 27px 27px 173px;background:#f1f1f1}
.box_verity .type_btn a{position:absolute;top:27px;left:27px;width:126px;height:44px;box-sizing:border-box;text-align:center;font-size:15px;color:white;line-height:42px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;border:1px solid #444;background:#444}
.box_verity .type_btn a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #747474}
.box_verity .type_btn p{font-size:13px;color:#666;line-height:18px;padding:4px 0}

.box_verity ul{margin:20px 27px}
.box_verity ul li{color:#888}

/* 아이디찾기, 비밀번호찾기 */
.box_find{margin:0 auto 30px;}
.box_find .type_check{padding:20px 9px 0;text-align:left;border-top:1px solid #444;margin:12px 0 0}
.box_find .type_check input{margin:0 0 0 18px}
.box_find .type_check label{color:#666}
.box_find .enter_info{border-top:solid 1px #ddd;border-bottom:solid 1px #eee;background:#fafafa;padding:20px 27px;margin-top:15px}
.box_find .enter_info table{table-layout:fixed}
.box_find .enter_info table th{text-align:left;font-weight:normal;padding:5px 10px;color:#666;line-height:25px;background:url(../imgs/icon/bul_red_square.gif) 0 16px no-repeat; font-weight: bold;}
.box_find .enter_info table td{color:#666;text-align:left;line-height:25px;}
.box_find .enter_info table td button.floatL{width:88px;height:20px;margin-left:15px;text-align:center;font-size:12px;color:white;line-height:18px;border:1px solid black;background:#444}

/* 로그인 */
#login_box{width:759px;margin:110px auto;height:318px;background:url(../imgs/login/login_bg.jpg) left top no-repeat;overflow:hidden}
#login_box .login_area{float:left;padding:27px 34px 0}
#login_box .login_area .type_select{overflow:hidden;margin:0 4px 19px}
#login_box .login_area .type_select a{display:block;float:left;margin-right:22px;font-size:13px;color:#666;line-height:17px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;}
#login_box .login_area .type_select a.on{color:#ca1818}
#login_box .login_area form{display:block;position:relative;width:340px;height:108px}
#login_box .login_area form .txt{display:block;margin-bottom:4px;width:220px;height:34px;font-size:14px;line-height:32px;font-weight:bold;color:#666;padding:0 10px;border:solid 1px #aaa}
#login_box .login_area form .input_id{background:#fff url(../imgs/member/txt_login_id.png) 14px 11px no-repeat}
#login_box .login_area form .input_pw{background:#fff url(../imgs/member/txt_login_pw.png) 14px 11px no-repeat}
#login_box .login_area form .input_name{background:#fff url(../imgs/member/txt_login_name.png) 14px 11px no-repeat}
#login_box .login_area form .input_order{background:#fff url(../imgs/member/txt_login_order.png) 14px 11px no-repeat}
#login_box .login_area form .focus{width:218px;height:32px;padding-left:9px;padding-right:9px;border:2px solid #444;background:#fff}
#login_box .login_area form button{position:absolute;right:0;top:0;width:86px;height:76px;margin:0;padding:0;box-sizing:border-box;text-align:center;font-size:18px;color:white;font-weight:bold;font-family:'Nanum Gothic exBold',Dotum,sans-serif;border:1px solid #444;background:#444}
#login_box .login_area form button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #7c7c7c}
#login_box .login_area p{padding-bottom:7px;margin-top:10px}
#login_box .login_area p input{margin:1px 3px 0 0;vertical-align:top}
#login_box .login_area p label{vertical-align:top;font-size:12px;color:#888;line-height:15px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}

#login_box .login_area .login_txt{margin-top:49px}
#login_box .login_area .login_txt li{margin-bottom:3px;font-size:12px;color:#666;line-height:22px}
#login_box .login_area .login_txt li:after{content:"";display:block;clear:both}
#login_box .login_area .login_txt li a{float:right;width:83px;height:20px;text-align:center;font-size:12px;color:#666;line-height:20px;border:1px solid #c4c4c4;background:#f6f6f6}
#login_box .login_banner{float:right;width:348px;text-align:center;margin:1px}
#login_box .login_banner img{width:348px;height:316px}

/* 판매자 로그인 */
.seller_login{padding:80px 0 50px}
.seller_login .seller_login_box{position:relative;width:540px;height:298px;margin:0 auto 30px;padding:0 54px;border:1px solid #e5e5e5;background:#f4f4f4}
.seller_login .seller_login_box:after{content:"";display:block;clear:both}
.seller_login .seller_login_box h2{height:60px;padding:48px 0 0;text-align:center;font-size:20px;color:#616265;line-height:24px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
.seller_login .seller_login_box .line{min-width:1px;height:28px;margin:0 0 0 135px}
.seller_login .seller_login_box .line:after{content:"";display:block;clear:both}
.seller_login .seller_login_box .line label{float:left;margin:0;padding:0}
.seller_login .seller_login_box .line label img{float:left}
.seller_login .seller_login_box .line input{float:left;width:178px;height:20px;margin:0;padding:0;text-indent:10px;line-height:20px;border:1px solid #e5e5e5;border-top:1px solid #ccc;border-left:1px solid #ccc;background:white}
.seller_login .seller_login_box button{position:absolute;top:108px;right:169px;width:73px;height:50px;margin:0;padding:0;border:none;background:none}
.seller_login .seller_login_box .info{position:relative;float:left;width:100%;margin:34px 0 0;padding:25px 0 0;border-top:1px solid #cfcfcf}
.seller_login .seller_login_box .info li{margin:0 9px;font-size:13px;color:#8e8e8e;line-height:20px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
.seller_login .seller_login_box .info a{position:absolute;top:27px}
.seller_login .seller_login_box .info a img{display:block}
.seller_login .mallinmall_box{position:relative;width:650px;margin:0 auto;background:#f9f9f9}
.seller_login .mallinmall_box h2{position:absolute;top:27px;left:0;width:149px;padding:49px 0 0;text-align:center;font-size:15px;color:#444;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif;background:url(../imgs/member/mallinmall_title.png) center 0 no-repeat}
.seller_login .mallinmall_box p{margin:0 10px 0 158px;padding:33px 0 29px;font-size:13px;color:#8e8e8e;line-height:18px;font-weight:bold;font-family:'Nanum Gothic Bold',Dotum,sans-serif}
.seller_login .mallinmall_box p strong{display:block;padding:4px 0 0;color:#f17100}


/* 221004 cowReal add */
#login_box { width:600px; height:auto; margin:0 auto 100px; background:none; overflow:visible; }
#login_box .login_area { float:none; padding:40px 0 0; }
#login_box .login_area .type_select { margin:0 0 30px; padding:0; overflow:auto; }
#login_box .login_area .type_select a { width:295px; height:60px; margin:0; color:#cd141c; font-size:24px; font-weight:500; font-family:"Noto Sans KR"; text-align:center; line-height:58px; border:solid 1px #cd141c; border-radius:12px; box-sizing:border-box; }
#login_box .login_area .type_select a:first-child { margin:0 10px 0 0; }
#login_box .login_area .type_select a.on { color:#fff; background:#cd141c; }
#login_box .login_area form { width:100%; height:auto; }
#login_box .login_area form .txt { width:100%; height:60px; margin:10px 0; border-radius:12px; box-sizing:border-box; font-family: 'NanumSquareNeoRG'; }
#login_box .login_area div { padding:15px 0 0; }
#login_box .login_area div .find_user_info { float:right; }
#login_box .login_area div .find_user_info li { display:inline-block; vertical-align:top; }
#login_box .login_area div .find_user_info li:first-child { margin:0 8px 0 0; }
#login_box .login_area div .find_user_info li a{ font-weight: 600; }
#login_box .login_area form button { position:static; width:100%; height:60px; margin:30px 0 0; font-size:24px; font-family:"Noto Sans KR"; border-radius:12px; border-color:#cd141c; background:#cd141c; }
#login_box .login_area form button::after { display:none; }
#login_box .login_area > p { position:relative; margin:40px 0; padding:0; text-align:center; }
#login_box .login_area > p::before { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#d7d7d7; }
#login_box .login_area > p em { display:inline-block; vertical-align:top; position:relative; padding:0 16px; background:#fff; font-weight: 600; }
#login_box .login_area .login_txt { margin:0; padding:0; border-top:0; }
#login_box .login_area .login_txt li { margin:10px 0; }
#login_box .login_area .login_txt li a { display:block; float:none; width:100%; height:60px; color:#cd141c; font-size:24px; font-weight:500; line-height:58px; border-radius:12px; border-color:#cd141c; box-sizing:border-box; background:none; font-weight: bold; }
#login_box .login_area .login_txt li.kakao a { padding:0 0 0 160px; color:#3c1e1e; text-align:left; border-color:#ffeb00; background:#ffeb00; }
#login_box .login_area .login_txt li.kakao a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-6px 10px 0 0; background:url("/imgs/icon/login_kakao_icon.png") no-repeat 50%; }
#login_box .login_area .login_txt li.naver a { padding:0 0 0 160px; color:#fff; text-align:left; border-color:#00c73c; background:#00c73c; }
#login_box .login_area .login_txt li.naver a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-8px 10px 0 0; background:url("/imgs/icon/login_naver_icon.png") no-repeat 50%; background-size:20px; }
#login_box .login_area .login_txt li.google a { padding:0 0 0 160px; color:#e83f32; text-align:left; border-color:#dfdfdf; background:#dfdfdf; }
#login_box .login_area .login_txt li.google a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-8px 10px 0 0; background:url("/imgs/icon/login_google_icon.png") no-repeat 50%; }
#login_box .login_area .login_txt li.facebook a { padding:0 0 0 160px; color:#fff; text-align:left; border:solid 1px #3b5998; background:#3b5998; }
#login_box .login_area .login_txt li.facebook a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-8px 10px 0 0; background:url("/imgs/icon/login_facebook_icon.png") no-repeat 50%; }
#login_box .login_area .login_txt li a img { display:none; }
#login_box .login_page_banner { margin:60px 0 0; }
#login_box .login_page_banner img { vertical-align:top; width:100%; border-radius:12px; }

/* sns 로그인 */
.sns_login_wrap { margin:0 0 50px; }
.sns_login_wrap ul { text-align:center; }
.sns_login_wrap ul li { display:inline-block; veritcal-align:top; margin:0 10px; font-size:0; }
.sns_login_wrap ul li a { display:block; width:64px; height:64px; font-size:0; }
.sns_login_wrap ul li a img { width:100%; height:100%; }

/* 회원가입 방식 선택 */
.join_intro_wrap { width:600px; margin:0 auto 100px; }
.join_intro_wrap p { color:#151515; font-size:16px; text-align:center; line-height:1; font-weight: bold; }
.join_intro_wrap a { display:block; width:100%; height:60px; margin:20px 0 0; color:#cd141c; font-size:24px; font-weight:bold; text-align:center; line-height:58px; border:solid 1px #cd141c; border-radius:12px; box-sizing:border-box; }
.join_intro_wrap .member_join { margin:40px 0 0; }
.join_intro_wrap .member_sns,
.join_intro_wrap .member_already { padding:40px 0 0; box-sizing:border-box; }
.join_intro_wrap .member_already a { color:#fff; background:#cd141c; }
.join_intro_wrap .member_sns { padding:60px 0 0; border-bottom:solid 1px #d7d7d7; }
.join_intro_wrap .member_sns p { position:relative; margin:0 0 40px; }
.join_intro_wrap .member_sns p::before { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background:#d7d7d7; }
.join_intro_wrap .member_sns p em { display:inline-block; vertical-align:top; position:relative; padding:0 16px; background:#fff; font-weight: bold; }
.join_intro_wrap .member_sns span { display:block; padding:26px 0 40px; color:#151515; font-size:14px; text-align:center; font-weight: bold; line-height: 20px; }
.join_intro_wrap .member_sns ul li.kakao a { padding:0 0 0 160px; color:#3c1e1e; text-align:left; background:#ffeb00; border-color:#ffeb00; }
.join_intro_wrap .member_sns ul li.kakao a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-6px 10px 0 0; background:url("/imgs/icon/login_kakao_icon.png") no-repeat 50%; }
.join_intro_wrap .member_sns ul li.naver a { padding:0 0 0 160px; color:#fff; text-align:left; background:#00c73c; border-color:#00c73c; }
.join_intro_wrap .member_sns ul li.naver a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-8px 10px 0 0; background:url("/imgs/icon/login_naver_icon.png") no-repeat 50%; background-size:20px; }
.join_intro_wrap .member_sns ul li.google a { padding:0 0 0 160px; color:#e83f32; text-align:left; background:#dfdfdf; border-color:#dfdfdf; }
.join_intro_wrap .member_sns ul li.google a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-8px 10px 0 0; background:url("/imgs/icon/login_google_icon.png") no-repeat 50%; }
.join_intro_wrap .member_sns ul li.facebook a { padding:0 0 0 160px; color:#fff; text-align:left; background:#3b5998; border-color:#3b5998; }
.join_intro_wrap .member_sns ul li.facebook a::before { content:""; display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-8px 10px 0 0; background:url("/imgs/icon/login_facebook_icon.png") no-repeat 50%; }
.join_intro_wrap .member_sns ul li a img { display:none; }