/* BASIC css start */
input[type="text"], input[type="password"], input.MS_input_txt { width:100%; height:50px; padding:0 20px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; font-size:14px; }
#contentWrapper { padding:0; padding-bottom:200px; }
#footer { margin:0; }
.login_page { width:400px; margin:0 auto; padding:0 70px; }

.page-title { height:40px; margin-bottom:20px; font-weight:600; font-size:30px; line-height:40px; text-align:center; }

.form_login .log_pw,
.form_login .log_order_no { margin-top:12px; }
.form_login .btn-j1 { margin-top:30px; }
.form_login .btn-j2 { margin-top:15px; }
.form_login .find_box { overflow:hidden; margin-top:10px; font-size:14px; }
.form_login .find_box div { float:left; }
.form_login .find_box a { float:right; }
.form_login .logjoin { margin-top:50px; }
.form_login .logjoin p { margin-bottom:10px; font-size:16px; color:#007b62; text-align:center; letter-spacing:-.5px; }
.form_login .btn-j3 { margin-top:12px; }

.sns-login { margin:50px 0 0; }
.sns-login > div + div { margin-top:12px; }
.sns-login > div a { display:block; height:50px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; background:#fff; font-size:14px; line-height:48px; text-align:center; letter-spacing:-.5px; }
.sns-login > div a img { margin:11px 10px 0 0; }

::-ms-input-placeholder { color:#999; }

.animation_btn { position:relative; }
.animation_btn::before { content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; transition:all .3s; }
.animation_btn.animation_btn2::before { background:#222; }
.animation_btn_box:hover .animation_btn::before { width:100%; }
.animation_btn_box:hover .animation_btn span { position:relative; z-index:1; color:#222; }
.animation_btn_box:hover .animation_btn.animation_btn2 span { color:#fff; }

.form_login { margin-bottom:50px; }
.form_login .log_id,
.form_login .log_pw { margin-bottom:10px; }
.form_login .jsoop_btn1,
.form_login .jsoop_btn2 { margin-bottom:10px; }
.form_login .jsoop_btn1 a,
.form_login .jsoop_btn2 a { display:block; width:100%; height:50px; font-weight:300; font-size:16px; line-height:50px; text-align:center; }
.form_login .find_box > a { display:inline-block; position:relative; margin-right:10px; padding-right:14px; font-weight:300; font-size:14px; color:#000; }
.form_login .find_box > a::after { content:''; display:block; position:absolute; top:3px; right:0; width:1px; height:11px; background:#ddd; }
.form_login .find_box > div { display:inline-block; }

.form_sns_login { margin-bottom:50px; }
.form_sns_login .sns_log_list { overflow:hidden; }
.form_sns_login .sns_log_list a { display:block; float:left; width:126px; height:50px; border:1px solid #cecece; box-sizing:border-box; font-weight:300; font-size:14px; line-height:50px; color:#000; }
.form_sns_login .sns_log_list a + a { margin-left:11px; }
.form_sns_login .sns_log_list a:nth-child(1) { padding-left:48px; background:url(https://super583.img6.kr/00_NEW/01_JOOP/JSOOP_kr/web/siteRenew/pc/main/icon/facebook.png) no-repeat 19px 50%; }
.form_sns_login .sns_log_list a:nth-child(2) { padding-left:52px; background:url(https://super583.img6.kr/00_NEW/01_JOOP/JSOOP_kr/web/siteRenew/pc/main/icon/naver.png) no-repeat 20px 17px; }
.form_sns_login .sns_log_list a:nth-child(3) { padding-left:49px; background:url(https://super583.img6.kr/00_NEW/01_JOOP/JSOOP_kr/web/siteRenew/pc/main/icon/kakao.png) no-repeat 14px 14px; }

.form_order_no .log_order_name,
.form_order_no .log_order_no { margin-bottom:10px; }
.form_order_no .log_order_no input { color:#999; }
.form_order_no .log_order_no input:focus { color:#222; }
.form_order_no .jsoop_btn1 { margin-bottom:10px; }
.form_order_no .jsoop_btn1 a { display:block; width:100%; height:50px; font-weight:300; font-size:16px; line-height:50px; text-align:center; }

/* 페북로그인 오류 */
.sns-login .facebook { display:none; }
/* BASIC css end */