.mob{display:none;}

/** 로그인 **/
.loginCombine{width:100%; width:1360px; margin:0 auto;}
.loginCombine h2{color:#212121; text-align:center; font-size:2rem; margin-bottom:3rem; font-family: 'Lora', sans-serif;}

.login_box,
.login_img{width:50%; float:left;}
.login_img{padding-left:6%;}
.login_img img{width:100%;}
.login_tab{position:relative; z-index:100; margin-bottom:50px;}
.login_tab ul{overflow:hidden; width:100%;}
.login_tab ul li{width:50%; float:left;}
.login_tab ul li a{display:block; width:100%; font-size:1rem; color:#666; padding:15px; text-align:center; border-bottom:1px solid #ccc;}
.login_tab ul li.on a{color:#066CF6; border-bottom:1px solid #066CF6;}

.loginInput{position:relative; padding-right:140px;}
.loginInput dt{display:none;}
.loginInput dl{margin-bottom:20px;}
.loginInput dd input{width:100%; border:none; border-bottom:1px solid #ccc;}
.loginInput .btnLogin{position: absolute; right: 0; top: 0; display:block; width:120px; height: 101px; border: 1px solid #333; background: #333; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.loginInput .btnLogin:hover{background:#066CF6; border-color:#066CF6;}

.id_chk{display:table-cell; width:150px;text-align:Right;}
.id_chk span{vertical-align:middle;} 

.join_btn{display:table; width:100%;}
.join_btn a{color:#888;}
.join_btn ul li{display:inline-block;padding:0 20px;position:relative;}
.join_btn ul li:before{	content:"";	background:#dadada;	display:block;	width:1px;	height:8px;	position:absolute;	top:50%;	left:0px;	margin:-4px 0 0;}
.join_btn ul li:first-child{padding-left:0;}
.join_btn ul li:first-child:before{	display:none;}
.join_btn ul li a{ display: inline-block; padding:5px 15px; border:1px solid #ddd; border-radius:3px; font-size:15px;}
.join_btn ul li a:hover{background:#888; color:#fff;}

.caption{  padding-left:20px; position:relative; margin-top:15px; line-height:1.5; color:#666; font-size:15px; }
.caption i{color:#888; position: absolute; left: 0px; top: 0px;}
.caption span{color:#333; }

.member_sns_login{text-align:center;}
.member_sns_login p{margin:40px 0 20px;}
.member_sns_login p img{margin-right:2px; vertical-align:middle;}
.member_sns_login > a{	line-height: 60px;    background: #eee;    display: inline-block;    width: 49.5%;	text-align:Center;	color:#333;}
.member_sns_login > a.btn_kakao_login{	background:#ffde00;}
.member_sns_login > a.btn_naver_login{	background:#18b332;	color:#fff;}
.member_sns_login > a + a{ }
.member_sns_login i{vertical-align:middle; margin-right:5px; font-size:28px;}
.member_sns_login > a + a > i{font-size:22px;}

/* outerMember */
.out_txt{margin-top:20px; font-size:16px;}

.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:22px; min-height:24px; line-height:24px; padding:0 0 0 32px;background:url('/images/content/check_off.png') no-repeat 1px top;}
.form_element label.on{background:url('/images/content/check_on.png') no-repeat 1px top;}
.id_chk input {
    display: none;
}

/* 비회원구매 */
.loginArea2{ position: relative; padding: 40px 70px;  background: #f5f6f8;  border: 1px solid #dcdcdc; margin:-1px auto 0; width:800px;box-sizing:border-box;}
.mypage .login_tab{position:relative; z-index:100;width:800px;margin:0 auto;}
.outer{width:230px; height:110px; text-align:center; position:absolute; top:40px; right:70px; font-size:16px;}
.outer p{text-align:left; padding-left:30px;}
.outerBtn {  position: relative; overflow:hidden; margin-top:15px;}
.outerBtn a  { display: block; width: 130px;; float:left; height: 25px; margin-right:7px; line-height:25px; margin-top:0px; margin-bottom: 4px;  text-align: center;  color: #767676;  background: #fff;  border: 1px solid #ddd;  border-bottom: 1px solid #aaa; font-size:14px;}
.outer_btn{width:150px; height:30px; display: block;   color: #fff;  background-color: #666;  border: 1px solid #666; cursor:pointer;font-weight: bold; box-shadow: 0 1px 1px #d8d8d8; margin:0 auto; margin-top:20px; font-size:16px;}
textarea{padding:5px;}

/* 체크박스 스타일 */
input[type='checkbox'] {background: #fff;border: solid 2px #ADABA8;height: 20px;width: 20px;-webkit-border-radius: 4px; margin-right:5px;}
input[type='checkbox']:checked {background: #fff;border: solid 2px #8f8d89;}
input[type='checkbox']:checked:after {content: ' ';display: block;background: #b4b1ae;position: relative;top: 3px;left: 3px;-webkit-border-radius: 2px;}



/* 회원가입 */
.user_agree{width: 100%; }
.user_agree h3{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px; margin-top:30px;}
.user_agree textarea{color:#666; line-height:160%; padding:10px; box-sizing:border-box; width:100%;}
.user_agree input{vertical-align:middle;}
.signup03{text-align:center;}
.signup03 .t_big{margin-top:20px; margin-bottom:10px; font-size:28px; font-weight:bold;}
.signup03 p.go_main{margin-top:10px;}
.signup03 p.go_main a{padding:15px 40px; background-color:#307cd7; color:#fff; font-weight:bold;}

/* 아이디 비번찾기 */
.searchWrap{overflow: hidden;  width: 100%;}
.IdSearch, .PwSearch{width:50%; float:left;}
.IdSearch h3, .PwSearch h3{ height:50px; text-align:center; line-height:50px; color: #fff;  background-color: #848e9a;  border: 1px solid #6b7785; font-size:15px; font-weight:bold;}
.PwSearch h3{color: #777; background-color: #e6e6e6;  border: 1px solid #bababa;}
.IdSearch h3 span, .PwSearch h3 span{background: url('/images/member/icon01.png') no-repeat 120px 8px; padding-left: 20px; background-size: 30px auto; height:50px; display:block; }
.PwSearch h3 span{background: url('/images/member/icon02.png') no-repeat 120px 8px; background-size: 30px auto;}
.searchWrap table{border-collapse: collapse;	border-spacing: 0; color: #898989;}
.searchWrap table th{ box-sizing:border-box; font-weight: bold; padding:30px 10px ; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;  font-size: 13px;}
.searchWrap table td{border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding:0px 10px ; }
.searchWrap table td.no_br{border-right:none;}
.searchWrap table td.mail{padding:15px 10px 5px 10px; }
.searchWrap table td input{height: 35px;background-color: #f5f6f8; border:0; width:90%; padding-left:5px;}
.IdSearch div.btnAction input, .PwSearch div.btnAction input{background-color: #ffca00; color: #46525b; border:1px solid #ffca00; width:100%; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; font-weight:bold; margin-top:15px; cursor:pointer;}
.PwSearch div.btnAction input{background-color: #46525b; color: #fff; border:1px solid #46525b;}
.find_content{width:100%}
.find_content h2{font-size:20px;}
.find_content .btn{display:block;width:140px;height:25px;line-height:25px;margin:20px auto;text-align:center;color:#767676;background:#fff;border:1px solid #aaa;}
.find_idpw{position:relative;padding:40px 50px;background:#f5f6f8;border:1px solid #dcdcdc;margin-top:10px;}

/* 텍스트 */
.t_red{color: #dd1508;}
.mallLog{width:853px; margin:0 auto;}

/* 멤버 Step */
ul.step {margin-bottom: 20px; border:1px solid #ddd; overflow:hidden; margin-top:-30px;}
ul.step li{float:left; width:33.3%; height: 60px;text-align:center; background-color: #fafafa; line-height:60px; font-size: 17px; font-weight:bold;}
ul.step li.step_bg{ background: #fafafa url('/images/member/arrow.png') no-repeat right center;}
ul.step li.blue{display:block;background: url('/images/member/arrow_on.png') no-repeat left top; height:60px; } 
ul.step li span.arrow_off{display:block;background: url('/images/member/arrow_off.png') no-repeat left top; height:60px; background-size: auto 100%;} 
ul.step li span.arrow_on{display:block;background: url('/images/member/arrow_on.png') no-repeat left top; height:60px;  } 
ul.step li.on{background: #403A3A; color: #fff;  }
ul.step li.arrow_last{display:block;background: #403A3A url('/images/member/arrow_off.png') no-repeat left top; height:60px; width:33.4%; color:#fff; background-size: auto 100%;} 


/* 회원탈퇴 */
.withdraw{/* width: 70%; */margin: 0 auto; padding: 0px 0px 0px 0px; border: 1px solid #dadada; overflow:hidden;}
.infoTop {text-align:center; font-size: 14px; padding:10px 0px; line-height: 20px;  color: #333; }


/* 온라인문의 테이블*/
table.online_tb {width:100%; border-top: 2px solid #000; table-layout: fixed;}
table.online_tb td input[type="text"],
table.online_tb td input[type="password"]{border:1px solid #e1e1e1; color:#555; background:#f7f7f7; vertical-align: middle;}
table.online_tb td, 
table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2; padding:18px 10px; }
table.online_tb th{font-weight:500;}
table.online_tb label {margin-right:20px;}
table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
table.online_tb .file input[type="text"] {width:358px;}
table.online_tb .file a {margin-left:10px; vertical-align:middle;}
table.online_tb .file span {margin-left:20px; font-size:15px; color:#767676}
table.online_tb .fileBtn {display:inline-block; width:90px; height:38px; line-height:38px; background:#626262; font-weight:normal; font-size:15px; color:#fff; text-align:center;margin-left:0px !important;}
table.online_tb input[type="text"],
table.online_tb input[type="password"],
table.online_tb input[type="file"]{width:350px; height:35px; text-indent:10px;}
table.online_tb .w30 input[type="text"]{width:100px;}

.btn2{padding:8px 10px; background-color: #999; color: #fff; font-size: 14px;     vertical-align: middle;}
.ast{margin-top:5px; font-size:15px;}
.ast input{margin-left:5px;}

/* 개인정보처리방침 이용약관 */
/*  1차는 h3, 2차는 h4, 3차는 txt_indent(들여쓰기)  */
div.user h3 {font-weight: 600; color:#2F478D; font-size:18px; display: block; width: 100%; margin-bottom:10px; margin-top: 50px;}
div.user h4 {font-size:16px;  margin-top: 20px; margin-bottom: 10px; font-weight: bold; color:#66c9ce;}
div.user .txt_indent{margin-left: 15px;  font-size:12px;  margin-top: 5px; margin-bottom: 10px; }
div.user .mt_0{margin-top:0;}

/*이메일무단수집거부*/

div.emailPolicy {width:1200px;margin:0 auto;border:1px solid #d9d9d9;padding:30px 50px 30px 30px;
background:#f9f9f9 url('/images/member/email_ico.png') no-repeat 50px 25px;margin-top:47px;box-sizing:border-box;}
div.emailPolicy div.email_desc {margin-left:200px;padding-left:30px;border-left:1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:10px;font-weight:bold;}
div.emailPolicy li.list2 {font-size:13px;padding-left:10px;margin-top:10px;}
div.emailPolicy p {margin-bottom:10px;}
div.emailPolicy p span.point {font-weight:bold;color:#2F478D;}


/* 버튼 */
/* 버튼 */
.btn_wrap{margin:0 auto; text-align:center; overflow:hidden; margin-top:50px;}
.btn_confirm { margin:0px 7px;display:inline-block; width:150px; height:45px; text-align:center; line-height:45px; font-weight: bold;  color: #fff;  background-color: #f34921;  border: 1px solid #f34921; cursor:pointer;}
.btn_cancel {  margin:0px 7px;display:inline-block; width:150px; height:45px; text-align:center; line-height:45px;  font-weight: bold;  color: #fff;  background-color: #6d6c74;  border: 1px solid #666;cursor:pointer; }
.btn_signup {width:100%; color:#333; border:1px solid #333; display:inline-block; text-align:center; line-height:60px; margin-top:1.63rem; transition:all .5s ease;}
.btn_signup:hover {background:#000; color:#fff;}
.btn_cash {display:inline-block;  width:150px; height:50px; text-align:center; line-height:45px; font-size: 16px;  font-weight: bold;  color: #fff;  background-color: #8A61FF;  border: 1px solid #fff;cursor:pointer; }


span.star{color:#ff4600;}