/* 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 { 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; }

//* SNS ·Î±×ÀÎ ¹öÆ° Àüü ºÎ¸ð */
.topmenu_log_bts_sns {
    display: flex;
    gap: 10px;      /* ¹öÆ° »çÀÌ °£°Ý */
    justify-content: center;  /* °¡¿îµ¥ Á¤·Ä */
    margin-top: 10px;         /* À§ÂÊ °ø°£ È®º¸ */
}

/* °³º° ¹öÆ° */
.topmenu_log_bts_sns > div {
    flex: 1;                   /* ¹öÆ° µ¿ÀÏ ³Êºñ */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;                  /* ¾ÆÀÌÄÜ°ú ±ÛÀÚ °£°Ý */
    padding: 16px 0;
    border-radius: 5px;
}

/* ¹öÆ° a ÅÂ±× */
.topmenu_log_bts_sns > div a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 13px;
    width: 100%;
    justify-content: center;
}

/* ³×À̹ö */
.topmenu_log_bts_sns_naver {
    background: #26c826;
}
.topmenu_log_bts_sns_naver a {
    color: #fff;
}

/* Ä«Ä«¿À */
.topmenu_log_bts_sns_kakao {
    background: #ffeb00;
}
.topmenu_log_bts_sns_kakao a {
    color: #000;
}

/* ¾ÖÇÃ */
.topmenu_log_bts_sns_apple {
    background: #000;
}
.topmenu_log_bts_sns_apple a {
    color: #fff;
}


/* ¾ÖÇà ·Î±×ÀÎ - ¾ÆÀÌÄÜ Ãß°¡ */
.topmenu_log_bts_sns_apple {
    margin-top: 10px;
    background: #000 url('/design/shehjcom/img/apple_icon_log2.png') no-repeat left; /* ¾ÆÀÌÄÜ °æ·Î ¼öÁ¤ ÇÊ¿ä */
    background-position-x: 1px; /* ¾ÆÀÌÄÜ À§Ä¡ (ÇÊ¿ä½Ã Á¶Àý) */
    background-size: 45px;       /* ¾ÆÀÌÄÜ Å©±â (ÇÊ¿ä½Ã Á¶Àý) */
    text-align: center;
}

/* ===================================
   ȸ¿ø°¡ÀÔ ¹öÆ° °øÅë
   =================================== */
.topmenu_log_join_bt_naver,
.topmenu_log_join_bt_kakao,
.topmenu_log_join_bt_apple {
    display: flex;                     /* ¾ÆÀÌÄÜ + ±ÛÀÚ ÇÑ ÁÙ Á¤·Ä */
    align-items: center;               /* ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
    justify-content: center;           /* ¼öÆò °¡¿îµ¥ Á¤·Ä */
    gap: 10px;                         /* ¾ÆÀÌÄÜ°ú ±ÛÀÚ °£°Ý */
    width: 100%;
    padding: 16px 0;                   /* ¹öÆ° ³ôÀÌ */
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    box-sizing: border-box;
    margin-top: 10px;
}

/* ¹öÆ° ¾È a ÅÂ±× */
.topmenu_log_join_bt_naver a,
.topmenu_log_join_bt_kakao a,
.topmenu_log_join_bt_apple a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: inherit;                    /* ºÎ¸ð »ö»ó »ó¼Ó */
    text-decoration: none;
}

/* ===================================
   ³×À̹ö ¹öÆ°
   =================================== */
.topmenu_log_join_bt_naver {
    background: #26c826;
}

.topmenu_log_join_bt_naver a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('/design/shehjcom/img/login_naver_bg260114.png') no-repeat center;
    background-size: contain;
}

/* ³×À̹ö ±ÛÀÚ °ËÁ¤ */
.topmenu_log_join_bt_naver a {
    color: #000 !important;
}

/* ===================================
   Ä«Ä«¿À ¹öÆ°
   =================================== */
.topmenu_log_join_bt_kakao {
    background: #ffeb00;
}


/* Ä«Ä«¿À ±ÛÀÚ °ËÁ¤ */
.topmenu_log_join_bt_kakao a {
    color: #000 !important;
}

/* ===================================
   ¾ÖÇÃ ¹öÆ°
   =================================== */
.topmenu_log_join_bt_apple {
    background: #000;                   /* °ËÁ¤ ¹è°æ */
}

.topmenu_log_join_bt_apple a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('/design/shehjcom/img/apple_log.png') no-repeat center;
    background-size: contain;
}

/* ¾ÖÇÃ ±ÛÀÚ Èò»ö */
.topmenu_log_join_bt_apple a {
    color: #fff !important;
}

/* BASIC css end */