/* BASIC css start */
.login {padding-bottom:48px;}
#login .login #keyboard {margin-top:20px; padding:0 24px;}
#login .tab {padding:0 24px;}
#login .tab a {width:50%; height:34px; border:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #eee; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#222; background-color:#fff; border:1px solid #222;  border-top:1px solid #222; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px;display:none;}
#login .nonmember fieldset {padding:0 24px;}
.loginBottom {padding-bottom:40px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

.login_section_div {text-align:center; position:relative; margin:24px;}
.login_section_div p{display:inline-block; background-color:#fff; padding:0 4px; color:#999; font-size:11px;}
.login_section_div p:before {content:""; height:1px; width:100%; left:0; bottom:7px; background-color:#eee; position:absolute; z-index:-1;}

.sns-join { position: relative;  margin: 0 0 0 0; overflow:hidden; }
.sns-join .sns-title img { width: 300px; padding: 0 24px; }
.sns-join ul { padding: 0 20px; padding-bottom: 20px; }
.sns-join ul li {position: relative; margin-bottom: 10px; list-style: none; float:left; width:50%; text-align:center;}
.sns-join ul li a{ display: block; margin:0 4px; padding-left: 20px;  height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; color: #666; font-size: 12px; }
.sns-join ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-join ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 16px auto; }
.sns-join ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 10px auto; }
.sns-join ul li.kakao span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 16px auto; }

.sns-join .sns-btn { margin: 0 24px 10px; }
.sns-join .sns-btn a { display: block; padding:8px 0; font-size: 1.25em; font-weight: bold; text-align: center; color: #666; border: 1px solid #dfdfdf; border-radius: 5px; background-color: #fff; }
.sns-join .sns-btn a span {font-size:11px;color:#999;}
.sns-join .sns-btn p { margin:0 0 24px 0; font-size: 11px; color: #999; text-align: center; }

.help_login {text-align:center;}
.help_login span{display:inline-block; margin:0 8px; color:#ddd;}

/* kakao popup */
.kko_login_popup {position:fixed;top:0; left:0;width:100%;height:100%;background-color:#fff;z-index:10;}
.kko_login_set {padding:100px 32px 32px; text-align:center; color:#000;}
.kko_login_set img {width:100%;}
.kko_login_set p { font-size:20px; font-weight:bold; margin:24px 0; line-height:130%;}

.kko_login_set p.btn_kko_login_close {font-size:12px; cursor:pointer; font-weight:normal; display:inline-block; border-bottom:1px solid #999; color:#999; margin:60px 0 0; padding-bottom:2px;}
/* BASIC css end */