/* BASIC css start */
.xans-member-login0 { clear:both; padding:20px;  border-bottom:1px solid #eeeeee; font-size:12px; line-height:150%; color:#666666; }
.xans-member-login0 .title { padding:20px 20px 20px; background:#fff; text-align:center;}
.xans-member-login0 .title h2{ font-size:30px; color:#606060; display: inline;  font-weight:bold; font-weight:700;}


/* ·Î±×ÀÎâ °£°Ý Á¶Àý  */
.xans-member-login { width: 100%; overflow:hidden; background:#ffffff; font-size:12px; color:#8f8f91; text-align:center; border : 0px solid #e4e4e4; margin:65px 0 100px;}
/* ·Î±×ÀÎâ °£°Ý Á¶Àý  */

.xans-member-login .login {width:500px; vertical-align:top; margin:0; float:left;}
.xans-member-login .login fieldset{background:#ffffff;margin:0 0 0 1px}
.xans-member-login .login h3 { margin-top:15px;}
.xans-member-login .login .login_btn{ clear:both; display:block; padding-top:5px; width:264px; margin:0 auto;}
.xans-member-login .login .login_form{width:267px;text-align:left;margin:25px auto 0;}
.xans-member-login .login .member_login{margin:17px 0 9px 0;*margin:8px 0 9px}
.xans-member-login .login .id,
.xans-member-login .login .password {float:right}
.xans-member-login .login .password { margin:3px 0 0 0;*margin:11px 0 0 0; }
.xans-member-login .login .password span img{margin:0 0 0 0px ; }
.xans-member-login .login .id span,
.xans-member-login .login .password span { float:left; width:69px;margin:4px 0 0 0;text-align:left; color:#070705; font-family:tahoma, sans-serif; font-size:12px; }
.xans-member-login .login .id input,
.xans-member-login .login .password input {background-color:#ffffff ; !important; font-size:15px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #303030; width:252px; height:37px;padding:0px 0 0 10px}

.xans-member-login .login .id input::-webkit-input-placeholder {color:#d8d8d8;}/* WebKit browsers */
.xans-member-login .login .id input:-moz-placeholder {color:#d8d8d8;opacity:1;}/* Mozilla Firefox 4 to 18 */
.xans-member-login .login .id input::-moz-placeholder {color:#d8d8d8;opacity:1;}/* Mozilla Firefox 19+ */
.xans-member-login .login .id input:-ms-input-placeholder {color:#d8d8d8;}/* Internet Explorer 10+ */ 

.xans-member-login .login .password input::-webkit-input-placeholder {color:#d8d8d8;}/* WebKit browsers */
.xans-member-login .login .password input:-moz-placeholder {color:#d8d8d8;opacity:1;}/* Mozilla Firefox 4 to 18 */
.xans-member-login .login .password input::-moz-placeholder {color:#d8d8d8;opacity:1;}/* Mozilla Firefox 19+ */
.xans-member-login .login .password input:-ms-input-placeholder {color:#d8d8d8;}/* Internet Explorer 10+ */ 

.xans-member-login .login .security {font-size:11px; display:block;clear:both; padding:5px 0px;color:#efc0ba; width:264px; margin:0 auto; }
.xans-member-login .login .security img {vertical-align:middle;}
.xans-member-login .login .security input { width:13px; height:13px; vertical-align:-3px; *vertical-align:2px; margin:0 5px 0 0; }
.xans-member-login .login .security label { margin:0 0px 0 0; color:#fdb800 }
.xans-member-login .login .security .txt {font-size:11px; color:#666666; padding:0px 0px 0px 0px; }
.xans-member-login .login .security .txt a  {font-size:11px; color:#666666; padding:0px 0px 0px 0px; }
.xans-member-login .login .security .txt a:hover {font-size:11px; color:#fff; padding:0px 0px 0px 0px;  }

.snsArea {width:264px; margin:14px auto 0;}
.snsArea li {float:left; width:79px;}
.snsArea li span {display:block; padding-top:32px; line-height:16px;}
.snsArea li a { display:block; width:79px; height:72px; color:#fff; font-family:"Gulim",±¼¸²; font-size:12px;}
.snsArea li.sns_naver a {background:#26c826 url("/web/design/m/ico_btn_naver.png") no-repeat 56% 5px; background-size:22px;}
.snsArea li.sns_facebook a {background:#3b5998 url("/web/design/m/ico_btn_facebook.png") no-repeat 56% 5px; background-size:22px;}
.snsArea li.sns_facebook {margin:0 13px;}
.snsArea li.sns_kakao a {background:#ffeb00 url("/design/shehjcom/img/login_kakao_bg_01.png") no-repeat 56% 5px; background-size:22px; color:#1a1a1a}
.snsArea li.sns_google {margin:0 0 5px 0;}
.snsArea li.sns_google a {background:#df4a32 url("/web/design/m/ico_btn_google.png") no-repeat center 8px; background-size:22px;}

.xans-member-login .join { display:inline-block; *display:inline; *zoom:1; clear:both; padding-top:30px;}
.xans-member-login .join h3 {font-weight:bold; letter-spacing:-1.5px; font-size:18px;}
.xans-member-login .join p {line-height:1.5; color:#7f7f7f; margin:10px 0 25px;}

.login_member {float:right; text-align:center;}
.login_member p {margin-bottom:40px;}


.xans-member-login .noMember { width:264px;text-align:left; vertical-align:top; margin:5px auto 0;}
.xans-member-login .noMember a {padding:0;}



.login2 { width: 100%; overflow:hidden;  padding:0px 0px 65px 0px; margin:0px auto 40px; background:#ffffff; font-size:12px; color:#8f8f91; text-align:left; margin:-128px 0 0 118px;}
.login2 input {background-color:#FFFFFF; font-size:12px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #303030; width:120px; height:30px; padding:0px 0px 0px 0px; margin:0px 4px 0px 4px; }
.login2 .txt {font-size:11px; color:#666666; padding:5px 0px; }
.login2 .txt span {display:block; float:left; width:60px; padding:7px 0; font-size:12px;}
.login2 div {width:265px; display:none;}
.find_id_pw{float:left; width:719px; height:144px; margin:0px 0px 0px 250px;}

.find_id_pw ul{float:left;margin:0 0px 0 0;  border-right: 1px solid #eeeeee;}
.find_id_pw ul li{ display:inline;}
.find_id_pw ul li img{ display:inline; border-left: 1px solid #eeeeee; margin:0px 1px 0px 0px;}



#login_path{margin:7px 0 0 0;line-height:13px;height:auto}
#login_path .first{background:none}
#login_path .first a{color:#999999}
#login_path ol li{color:#999999;background:url("/dtrend/img/navi_bg.gif") no-repeat 0 1px; }

/* Ãß°¡ */
.login2 .hj_logbox input { width: 180px; padding: 0px 0px 0px 10px; }

.MS_security_checkbox{display:none !important;}

.newlogin { position: relative; width: 500px; margin: 0 auto; margin-top: 50px; font-family: 'Noto sans KR'; }
.newlogin_top {}
.newlogin_top .top { font-size: 20px; color: #000000;  margin-bottom: 0;}
.newlogin_top .bottom { font-size: 14px; color: #000000; }

.newlogin .xans-member-login { margin: 0px; margin-top: 20px; }
.sns_kakao { background: #fee500 url('/img/etc/login_kakao_bg_01.png') no-repeat left; list-style: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-position-x: 20px;}
.sns_kakao a { color: #000000; font-size: 14px; font-weight: bold; display: block; width: 100%; padding: 20px 0px; }

.newlogin_menu { position: relative; width: 100%; overflow: hidden; cursor: pointer; }
.newlogin_menu_list { border: 1px solid #cccccc; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-position-x: 20px; }
.newlogin_menu_list li { float: left; width: 100%; padding: 10px 0px; text-align: center; box-sizing: border-box; color: #bbbbbb; background: #eeeeee; }
.newlogin_menu_list .tab-link.current { background: #ffffff; color: #000000; }
.newlogin_menu_list li[data-tab="tab-2"] { display: none; }

#tab-1 { position: relative; width: 100%; display: none; }
#tab-2 { position: relative; display: none; }
#tab-1.tab-content.current { display: inherit; height: auto; overflow: inherit; }
#tab-2.tab-content.current { display: inherit; height: auto; overflow: inherit; }

.newlogin .login_form { width: 100%; border: 1px solid #cccccc; overflow: hidden; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.newlogin .login_form input[name="id"]{
    width: 97%;
    padding: 3%;
    font-size: 12px;
    border: 0px;
    border-bottom: 1px solid #eeeeee;
    background: #ffffff;
    display: block;
    padding-bottom: 16px;}
.newlogin .login_form input[name="passwd"]{ width: 97%; padding: 3%; font-size: 12px; border: 0px; background: #ffffff; display: block; padding-bottom: 11px; }
.newlogin .newlogin_buy { position: relative; margin-top: 20px; width: 100%;}
.newlogin_buy .login_btn { width: 100%; padding: 10px 0px; background: #e3b6b3; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.newlogin_buy .login_btn { color: #ffffff; font-size: 14px; font-weight: bold; }
.newlogin .xans-member-login .noMember { width: 100%; text-align: center; }
.newlogin_buy a.nomemberbuy { width: 100%; padding: 10px 0px; background: #999999; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.newlogin_buy a.nomemberbuy { color: #ffffff; font-size: 14px; font-weight: bold; }


.newlogin .security { position: relative; width: 95%; overflow: hidden; margin: 0 auto; margin-top: 5px; }
.newlogin .security img { vertical-align: inherit; }

.newlogin .hj_logbox { width: 498px; border: 1px solid #cccccc; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.newlogin .hj_logbox #orderhname {
    height: auto;
    line-height: 1; width: 468px; padding: 3%; font-size: 12px; border: 0px; background: #ffffff; display: block; border-bottom: 1px solid #eeeeee;  }
.newlogin .hj_logbox input[name="ordernumid"]{
    height: auto;
    line-height: 1; width: 468px; padding: 3%; font-size: 12px; border: 0px; background: #ffffff; display: block; border-bottom: 1px solid #eeeeee; }
.newsnslogin { overflow: hidden; border-bottom: 2px solid #000000; padding-bottom: 40px; }
.newsnslogin li { position: relative; width: 49%; text-align: center; float: left; margin-right: 2%; padding: 3% 0px; }
.newsnslogin li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.newsnslogin li a { color: #ffffff; }
.newsnslogin .sns_naver { background: #26c826; }
.newsnslogin .sns_facebook { margin-right: 0px; background: #3b5998; }

.newlogin .login .join { margin-bottom: 100px; }
.newlogin .login .join a { display: block; width: 100%; padding: 10px 0px; background: #666666; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


/* ·Î±×ÀÎ ·¹À̾î */
/* ·Î±×ÀÎ ·¹À̾î */
/* ·Î±×ÀÎ ·¹À̾î */
.login_nonelayer { position: relative; width: 100%; }

.login_popup_layer02 { position: relative; width: 390px; padding: 90px; height: auto; background-color: #fff; z-index: 10; margin: 0 auto; }
.login_nonelayer .login_popup_layer { display: block; }
.login_nonelayer .login_popup_layer > ul { padding: 70px 0px; }

.topmenu_log_top { font-family: 'Noto Serif KR', serif; font-size: 34px; text-align: center; color: #a36d6a; overflow: hidden; line-height: 34px; padding-bottom: 50px; }
.topmenu_log_se { text-align: left; font-size: 0px; }
.topmenu_log_se > div { width: 50%; font-size: 12px; display: inline-block; }
.topmenu_log_se > div:nth-child(1) { font-size: 18px; color: #a36d6a; letter-spacing: -1px; }
.topmenu_log_se > div:nth-child(2) { text-align: right; }
.topmenu_log_id { }
.topmenu_log_id input[type=text] { width: 100%; border: 0px; background: #fbf5f4; padding: 15px 10px; margin-top: 5px; box-sizing: border-box; color: #000000; }
.topmenu_log_pw { }
.topmenu_log_pw input[type=password] { width: 100%; border: 0px; background: #fbf5f4; padding: 15px 10px; margin-top: 10px; box-sizing: border-box; color: #000000; }
.topmenu_log_idpwsearch { margin-top: 7px; text-align: right; }
.topmenu_log_idpwsearch a { color: #000000; font-size: 12px; text-decoration: underline; }
.topmenu_log_bts { margin-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #f0e7e8; }
.topmenu_log_bts_nomal { width: 100%; padding: 20px 0px; background: #ac7b79; text-align: center; }
.topmenu_log_bts_nomal a { font-size: 17px; color: #ffffff; }
.topmenu_log_bts_sns { margin-top: 10px; font-size: 0px; }
.topmenu_log_bts_sns > div { display: inline-block; width: 145px; padding: 16px 0px; padding-left: 45px; }
.topmenu_log_bts_sns_kakao { background: #ffeb00 url('/design/shehjcom/img/login_kakao_bg0521.png') no-repeat left; text-align: center; }
.topmenu_log_bts_sns_kakao a { color: #000000; font-size: 13px; vertical-align: middle; }
.topmenu_log_bts_sns_naver { background: #26c826 url('/design/shehjcom/img/login_naver_bg0521.png') no-repeat left; margin-right: 10px; text-align: center; }
.topmenu_log_bts_sns_naver a { color: #ffffff; font-size: 13px; vertical-align: middle; }
.topmenu_log_join { padding-top: 30px; }
.topmenu_log_join div:nth-child(1) { font-size: 18px; color: #a36d6a; font-weight: 600; }
.topmenu_log_join div:nth-child(2) { font-size: 14px; padding-top: 10px; color: #333333; font-weight: 400; }
.topmenu_log_join_be {}
.topmenu_log_join_bt { padding: 16px 0px; background: #ad7c7a; text-align: center; }
.topmenu_log_join_bt a { color: #ffffff; font-size:: 13px; vertical-align: middle; }
.topmenu_log_join_bt_kakao { margin-top: 10px; padding: 16px 0px;  background: #ffeb00 url('/design/shehjcom/img/login_kakao_bg0521_s.png') no-repeat; text-align: center; background-position-x: 110px; background-position-y: 20px; }
.topmenu_log_join_bt_kakao a { color: #000000; font-size:: 13px; vertical-align: middle; }

#layernone2 .topmenu_log_nomem_name input { width: 100%; border: 0px; background: #fbf5f4; padding: 15px 10px; margin-top: 5px; box-sizing: border-box; color: #000000; height: 43px; }
#layernone2 .topmenu_log_nomem_num input { width: 100%; border: 0px; background: #fbf5f4; padding: 15px 10px; margin-top: 9px; box-sizing: border-box; color: #000000; height: 43px; color: #999999; }




/* BASIC css end */