.sub_top {margin:20px auto;text-align:center;}
.sub_top h1 {display:inline-block;font-size:26px;font-weight:900;color:#3c3c3c;}

.member_cont .btn_login_box-1 .member_button_type1 {border: 1px solid #282c2f;}


.form_element input + label {background-size:19px;}

.member-tab-content{
	display:none;
}
.member-tab-content.on{
	display:block;
}
/* 로그인페이지 배경*/
#container {background:#faf9f5;}
/* 로그인페이지 하단 간격*/
#contents {padding:0 0 200px 0;}
/* 로그인페이지 상단 간격*/
.sub_content {padding: 200px 0 0 0 ;}
/* 로그인페이지 위치 삭제 */
.location_cont {display:none;}
/* 로그인페이지 타이틀 삭제*/
.member_tit {display:none;}
/* 로그인페이지 버튼 가리기 */
.member_cont .member_login_box .login_input_sec button.out {z-index:-9999; opacity:0; position:absolute; top:-9999px; left:-9999px;}
/* 로그인페이지 input placeholder */
.member_cont input::placeholder {color:#c6c6c6 !important;}

/* 로그인 페이지 */
.member_wrap {width:100%; max-width:647px; margin:0 auto; border-top-left-radius:0; 
    -webkit-box-shadow: 20px 20px 40px 0 rgb(0 0 0 / 12%);
    box-shadow: 20px 20px 40px 0 rgb(0 0 0 / 12%);
	padding-bottom:50px; background:rgba(255,255,255,.9);
	border-bottom:7px solid #333
	}
.member_wrap .member_cont{border:none;padding:0 30px;     width: 100%;
    max-width: 434px;
    margin: 0 auto;
}
.member_wrap .member_cont .member_login_box .id_chk {padding:10px 0 0 0;}
.member_wrap .member_cont .nonmember_order_box p {margin:10px 0 0 0;}
html body.body-login #wrap #container .form_element label, html body.body-login #wrap #container .form_element label:hover {background-size:26px; padding:0 0 0 30px;}

.member_wrap .top_bg_tit {padding:40px 0 20px 0;
	background:#333;
	}
.member_wrap h2 {
    font-size: 42px;
    font-weight: 100;
    letter-spacing: 0;
    text-align: center;
	width:100%;
	color:#ddad69;
	margin-bottom: 0px;
	
}
.member_wrap p.m-txt { text-align:center; padding-bottom:10px; color:#ddad69; font-size:18px; opacity:.6;  font-weight: 500; }
.title_comment {margin-top:50px;}

@media screen and (max-width: 375px) {
.member_wrap { max-width:355px;}	
}

@media screen and (max-width: 360px) {
.member_wrap { max-width:340px;}	
}
/* 로그인 탭 */
.member_tab {font-size:0; text-align:center; width:100%; margin:0 0 18px; overflow:inherit; background: #fff; padding: 8px 20px; border-radius: 60px;}
.member_tab .tab {position:relative; display:inline-block; vertical-align:middle; width:50%; cursor:pointer; padding: 8px 0;}
.member_tab .tab li{height: 40px; line-height: 40px;}
.member_tab .tab span {display:block; color:#000; font-size: 17px !important; font-weight: normal !important;}
.member_tab .tab span input {position:absolute; top:0; left:0; opacity:0;}
.member_find_tab .tab span {padding:0;}
.member_find_tab .tab span label {font-family:inherit; font-size:100%; font-weight:inherit; color:inherit; background:transparent !important; width: 100%; height:100%; cursor:pointer;
	padding:0 !important;
}
/*.member_tab .tab:before {content:''; position:absolute; left:0; bottom:-2px; display:inline-block; width:0; height:2px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}*/
.member_tab .tab:before {content:''; position:absolute; left:0; bottom:-2px; display:inline-block; }
.member_tab .tab.on {right:auto; left:0;  height:100%; background-color: #282c2f !important; border-radius: 40px;}
.member_tab .tab.on span {color: #fff !important; font-size: 17px; font-weight: bold !important;}
.member_tab_item > form {display:none;}
.member_tab_item > form:first-child {display:block;}

/* 로그인,비회원,아이디찾기,비밀번호찾기 input 레이아웃 */
.member_cont .member_input_wrap {width:100% !important; margin:0 !important;}
.member_cont .member_input_wrap .member_input_box {width:100%; font-size:0; padding:0;}
.member_cont .member_input_wrap .member_input_box input {width:100%; height:47px; line-height:47px; border:1px solid #ccc; padding:0 20px; color:#333; margin:0 0 10px; background: transparent;
    border-radius: 22px;}
.member_cont .member_input_wrap .member_input_box input:last-child {margin-bottom:0;}
.member_cont .btn_login_box {margin:0 0 10px; padding:0; border-top:none;}
.member_cont .member_input_wrap .member_input_box input::placeholder{font-size: 15px; color: rgba(0, 0, 0, 0.3);}


/* 로그인, 회원가입, 비회원*/
.member_cont .btn_login_box-1 {width:100%; margin:25px 0 0 0;}
.member_cont .btn_login_box-1 .member_button_type1, .member_cont .btn_login_box-1 .member_button_type2 {width:100%; height:47px;  font-size:18px; line-height:1.5; border-radius:22px; transition: .3s ease-in-out; color:#fff}
.member_cont .btn_login_box-1 .member_button_type1 { color:#282c2f; text-align:center; margin:0;}
.member_cont .btn_login_box-1 .member_button_type2 {background:#282c2f; text-align:center; margin:0;}
.member_cont .btn_login_box-1 .member_txt_type3 {position:relative; height:26px;  font-size:26px; line-height:1.5;  text-align:center; font-weight:bold; margin-bottom:30px}
.member_cont .btn_login_box-1 .member_txt_type3 span{color:#0a85b4; margin:0;}
.member_cont .btn_login_box-1 .member_button_type1:hover{background-color: #282c2f; color: #fff;}
.member_cont .btn_login_box-1 .member_button_type2:hover{background-color: #0a85b4;    color: #fff;    border-color: #3366ff;}



.member_cont .btn_login_box-1 .member_txt_type3 span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 10px;
    border-radius: 3px;
    background: rgba(10,133,180,0.1);
}


.memberBg01 {background:#fff url("../imgs/sub/innn_g.png") no-repeat; background-position:center bottom; background-size: 130%;}
.memberBg02 {background:#fff url("../imgs/sub/innn_c.png") no-repeat; background-position:center bottom; background-size: 130%;}


@media (max-width:768px){
.memberBg01, 
.memberBg02  {background-position:center center;}
}



/* 아이디찾기, 비밀번호찾기 */
.member_cont .btn_login_box-2 {border-top:none; margin:30px 0 0 0;}
.body-login .member_cont .btn_login_box-2{margin-top: 15px;}
.member_cont .btn_login_box-2 ul {font-size:0; text-align:center;}
.member_cont .btn_login_box-2 ul li {position:relative; display:inline-block; vertical-align:top; width:auto; border:none; font-size:0; float:none; margin:0; padding:0 18px;}
.member_cont .btn_login_box-2 ul li:not(:last-child):before {content:''; position:absolute; top:3px; right:-2px; width:1px; height:13px; background:#c6c6c6;}
.member_cont .btn_login_box-2 ul li button {display:inline-block; width:auto; height:auto; border:none; color:#000; background:transparent;     letter-spacing: -0.8px; font-weight: 600; font-family: 'Spoqa Han Sans Neo', sans-serif;}

.member_cont .form_element label{
	font-size: 16px;
	font-weight: 500;
	color: #000;
	cursor:pointer;
}


/* SNS 로그인 */
.member_sns_login {width:100%; font-size:0; text-align:center; margin:32px 0 20px 0;}
.member_sns_login > a {display:inline-block; vertical-align:top; margin:0 10px;}

/* 회원 아이디찾기 */
.member_cont .member_input_wrap .member_input_box input.input_email {width:calc( 100% - 150px) !important; margin:0 0 10px !important;}
.member_cont .member_input_wrap .email_select {width:140px; height:47px; line-height:47px; margin:0 0 0 10px; border:1px solid #c6c6c6; padding: 0 20px; color:#333; border-radius:22px;}
.find_id_sec > p, #errorMessage {text-align: center; margin: 15px 0 10px 0;}

/* 회원 아이디찾기 완료 */
.find_complete_box {min-height:auto;     background: #fff;    padding: 30px;}
.find_complete_box .member_find_text {color:#000; padding:0;}
.find_complete_box .member_find_text strong {}
.find_complete_box .member_find_text img {display:block; margin:0 auto 15px;}

/* 회원 비밀번호 찾기 */
.find_password_text {text-align:center; margin:0 0 15px;}
.find_password_text h3 {color:#000;}
.find_password_text p {color:#868686; padding:10px 0 0 0;}
.find_password_box .login_input {border-top:0; padding:0; margin:10px 0 0 0;}
.member_cont .info_again {color:#484848; padding:10px 0 0 0; text-align: center;}
.member_cont .info_again a {position:relative; display:inline-block; color:#000000; text-decoration:none;}
.member_cont .info_again a:before {content:''; display:inline-block; width:100%; height:1px; background:#000000; position:absolute; left:0; bottom:0;}

/* 회원 비밀번호 찾기 - 인증수단 선택 */
.login_input, .certify_confirm_input {border-top:none;}
.user_certify_box .login_input .form_element {width:100%;}
.user_certify_box .login_input .form_element ul {padding-top:20px;}
.user_certify_box .login_input .form_element ul li {display: table; width:100%; min-height:70px; border:1px solid #c6c6c6; padding:0; margin:0 0 10px;}
.user_certify_box .login_input .form_element ul li:last-child {margin:0;}
.user_certify_box .login_input .form_element ul li > span {display:table-cell; vertical-align:middle; padding:0 20px;}
.user_certify_box .login_input .form_element ul li > span label {background:url("../imgs/checkbox-default.png") no-repeat 0 3px; color:#000000;}
.user_certify_box .login_input .form_element ul li > span label.on {background:url("../imgs/checkbox-active.png") no-repeat 0 3px ;}
.user_certify_box .login_input .form_element ul li > span strong { color:#000000;}
.user_certify_box .login_input .form_element ul li > span p {color:#868686; padding:0 0 0 26px;}

/* 회원 비밀번호 찾기 - 인증번호 입력 */
.auth-text-time-authno {letter-spacing:-1px; margin:0 !important; margin-top: 10px !important; color: #3366ff !important;}
.auth-text-time-authno span {background:transparent; border:none; color: #3366ff !important;}

/* 회원 비밀번호 찾기 - 새 비밀번호 입력 */
.member_input_wrap .member_input_box .js_input_pw_ {margin-bottom:10px;}
.member_input_wrap .member_input_box .js_input_pw_:last-child {margin-bottom:0;}

/* 회원가입 - 약관동의 */
.body-join-agreement #container {background:#faf9f5;}
.join_agreement_wrap .join_agreement_cont {padding:0; border-top:none;}
.join_wrap .member_cont {width:100%; max-width:1060px; padding:0 30px;}
.join_agreement_cont .join_agreement_box:not(:last-child) {margin:0 0 35px;}
.join_agreement_cont .agreement_box {height:268px; border:1px solid #c6c6c6; margin:0; padding:30px; color:#868686; line-height:1.7;}
.join_agreement_cont .scroll-box .agreement_box {border:none; padding: 0; padding-right: 20px; margin: 0;
	word-break:keep-all;
}
.join_agreement_box .form_element label, .join_agreement_box .form_element label:hover {color:#000; background-position:0 3px; margin-bottom:5px;}
.join_agreement_box .form_element label strong {font-size:100%; font-weight:inherit; color:inherit;}
.join_agreement_box .form_element span {display:none;}
.join_agreement_box_all {text-align:center; font-size:0; padding:25px 0 10px; /* border-bottom:1px solid #c6c6c6; */}
.join_agreement_box_all .form_element label,.join_agreement_box_all .form_element label:hover {margin:0;}
.join_agreement_box_all .form_element span {display:inline-block; color:#868686;}
.important_check_box strong {display:block; text-align:center; margin:0 auto 20px;
	color:red;
}
.join_agreement_box.join_agreement_box_all .form_element label{
	background-position-y:1px !important;
}

/*스크롤바 커스텀*/
.join_agreement_cont .scroll-box{
	border: 1px solid #c6c6c6;
    margin: 0;
    padding: 30px;
    border-radius: 22px;
}

.join_agreement_cont .agreement_box::-webkit-scrollbar {
width: 3px;
}

.join_agreement_cont .agreement_box::-webkit-scrollbar-thumb {
background: #535353;
border-radius: 6px;
}

.join_agreement_cont .agreement_box::-webkit-scrollbar-track {
background-color: #dfdfdf;
}


/* 비회원 조회 */

.member_cont .nonmember_order_box p{padding:0 0 0 18px; /*background:url('../imgs/icon_caution.png') no-repeat top;*/ color:#6d6d6d; font-size:14px; text-align:right}
.nonmember_order_box2 {border-top:1px solid #ddd; margin-top:20px; }
.nonmember_order_box2 p{padding:20px 0 0 18px; color:#6d6d6d; font-size:14px;}

/* 회원가입 - 기본정보입력 */
.body-join #container {background:#faf9f5;}
.join_base_wrap .member_cont {padding:0; border-top:none;}
.join_base_wrap .member_cont {width:100%; max-width:1060px; padding:0 30px;}
.join_base_wrap .important {position:relative;}
.join_base_wrap .important:before {content:'*'; position:absolute; top:-1px; right:-7px; color:#3366ff; }
#wrap .base_info_box {border-bottom: 1px solid rgba(000,000,000,.2); padding-bottom: 32px;}
#wrap .base_info_box .base_info_sec {border-top:none;}
#wrap .base_info_sec table tr th, .base_info_sec table tr td, .addition_info_box table tr th, .addition_info_box table tr td {border:none; background:transparent; font-family:'Helvetica Now Text', 'Sandoll GothicNeo1Unicode', sans-serif !important;}
#wrap .base_info_sec table tr th, .addition_info_box table tr th {color:#000; padding:0 10px;}
#wrap .base_info_sec table tr td input, #wrap .base_info_sec table tr td .chosen-single, #wrap .base_info_sec table tr td .chosen-single span {height:50px; line-height:50px; background: transparent;
    border-radius: 22px;     color: #696969;}

#wrap .base_info_sec table tr th{vertical-align: top; padding-top: 25px;}

.body-join #wrap .base_info_sec table tr td input, #wrap .base_info_sec table tr td .chosen-single, #wrap .base_info_sec table tr td .chosen-single span,
.body-join  #contents .member_address .address_postcode .btn_post_search{
	height: 47px;
	line-height: 47px;
}

#wrap .base_info_sec table tr td .chosen-single span {margin:0; width:100%; background:url("/img/dropdown_icon.png") no-repeat center right 15px;}
#wrap .base_info_sec table tr td .chosen-single b {background: url('/img/icon/select-arrow.png') no-repeat center left;}
#wrap .base_info_sec table input[type="text"],.base_info_sec .member_email input[type="text"], .base_info_sec table tr td input[type="password"] {width:100%; max-width:357px;}
#contents .member_address .address_postcode input {width:100%;max-width: calc(100% - 185px);}
#contents .member_address .address_postcode .btn_post_search {width:175px; height:50px; line-height:50px; padding:0; margin:0 0 0 10px;     border-radius: 22px;
    border-color: #3366ff !important; color: #3366ff;}
#wrap .member_warning {font-size:0;}
#wrap .base_info_sec table tr td .chosen-container {margin:0 0 0 10px; width:auto !important;}
#wrap .base_info_sec table tr td .chosen-single {width:170px; margin:0;}
#wrap .base_info_sec table tr td .member_form_element label {background: url(../imgs/checkbox-default.png) no-repeat 0 6px; padding:4px 0 4px 30px;}
#wrap .base_info_sec table tr td .member_form_element label.on {background: url(../imgs/checkbox-active.png) no-repeat 0 6px; padding:4px 0 4px 30px;}
#wrap .base_info_sec table tr td .import_txt {display:block; color:#868686;}

#wrap .base_info_sec table input.ad_inputWidth{max-width: 90%;}
#contents .member_address .address_input .member_warning:first-child input{max-width:85%;}
.body-join #contents .member_address .address_input .member_warning:first-child input{max-width: 90%;}

/* 회원가입 - 부가정보 */
#wrap .addition_info_box h3 {text-align: left; padding: 0; color: #000; line-height:1; margin:0 0 20px;}
#wrap .addition_info_box .addition_info_sec {border-bottom:1px solid #e1e1e1; padding:25px 0; margin:0 0 5px;}
#wrap .addition_info_box table tr td .chosen-single {height: 47px; line-height: 47px; padding: 0 15px; border-radius: 22px; background: url(/img/icon/select-arrow.png) transparent no-repeat 90% 50% !important; cursor:pointer;}
#wrap .addition_info_box table tr td.member_birthday {font-size:0;}
#wrap .addition_info_box table tr td .member_warning_year .chosen-single {width:147px !important;}
#wrap .addition_info_box table tr td .member_warning_month .chosen-single, #wrap .addition_info_box table tr td .member_warning_day .chosen-single {width:97px !important; margin-left:10px;}
#wrap .addition_info_box table tr td .form_element ul li {}
#wrap .addition_info_box table tr td .form_element ul li label {padding:4px 0 4px 30px; background:url(/img/icon/radio_off.png) no-repeat 0 8px; background-size:20px !important;}
#wrap .addition_info_box table tr td .form_element ul li label.on {padding:4px 0 4px 30px; background:url(/img/icon/radio_on.png) no-repeat 0 8px;}

.member_warning_info {width: 505px; margin-top: 15px;}
.member_warning_info .info_title {color:#fff; padding:15px 20px; background:#c6c6c6;}
.member_warning_info .info_text {color:#484848; line-height:1.6; padding:20px;}
.member_warning_info .info_text .text_red {}


/* 회원가입 완료 */
.body-join-ok .member_wrap {max-width:100%;}
/*.body-join-ok .member_wrap .member_cont {padding:20px 0 0 0;}*/
/*.body-join-ok #container {background:#fff;}*/
.body-join-ok #container .sub_content {width:100%; max-width:1000px; margin: 0 auto;}
.body-join-ok .join_ok_box .join_ok_tit {padding:0; background:none;}
.body-join-ok .join_ok_box .join_ok_tit p {color:#000; padding:0;}
.body-join-ok .join_ok_i1 {margin:0 0 10px;}
.body-join-ok .ibox {margin: 0 0 15px;}
.body-join-ok .join_ok_box .btn_member_sec {padding:40px 0 0 0;}
.body-join-ok .member_wrap .member_cont{
	padding: 0;
}



/*세금계산서*/
.ly_wrap.tax_invoice_layer input, .ly_wrap.tax_invoice_layer .btn_post_search{
	height: 40px !important;
	line-height: 40px !important;
	border-radius: 0 !important;
}

/*비밀번호 변경안내*/

.password_change .password_change_input {
	background-color: #faf9f5;
	
}

.password_change #formPasswordChange #oldPassword{
	margin: 0;
}

.text_caution{ 
	color:#3366ff;
}

.btn_member_sec{
	width: 387px;
	margin: 0 auto;
}

.btn_member_sec li{
	width: 100%;
}

.btn_member_white{
	width: 100%;
	box-sizing: border-box;
    border-radius: 23px;
	font-size: 15px;
	background:transparent;
	border: 1px solid #282c2f;
}

.btn_member_white:hover{ 
	color:#fff;
	border:1px solid #282c2f;
	background: #282c2f;
	transition: all 0.5s ease;
}

#btnLater{
	margin: 10px 0 10px 0;
}

.btn_comfirm{
	width: 100%;
	box-sizing: border-box;
    border-radius: 23px;
	border:1px solid #282c2f;
	background: #282c2f;
	font-size: 15px;
}

.btn_comfirm:hover{
	background:#3366ff;
	border: 1px solid #3366ff;
	transition: all 0.5s ease;
}

.btn_member_sec ul li{
	margin: 0;
	
}

.password_change .btn_member_sec li{ 
	 display:inline-block; 
	 margin:0;
	 
}

#passwordRe{ 
	margin: 0; 
}



.member_cont .member_login_box .id_chk input {
    display: none;
}

.form_element label {min-height:30px !important;} 
html body .wrap .form_element label, 
html body .wrap .form_element label:hover {padding: 0; background:url(../imgs/checkbox-default.png) no-repeat left top; background-size:22px; padding-left: 32px; }
html body .wrap .form_element input:checked + label{ background-image:url(../imgs/checkbox-active.png); /* padding-left: 35px; */}

html body .wrap .form_element label.on{background-image: url(../imgs/checkbox-active.png);}