@charset "utf-8";

	/***member_login.tpl***/
	.member_headimg_box{ width:100%; height: 8.6rem; background-color:#f7f7f7; }
	.login_btn{margin-top:2.3rem;}

	.marginb4 { margin-bottom: 0.4rem; }
	.marginb10 { margin-bottom: 1rem; }
	.marginr13 {margin-right:1.3rem;}

	.member_login_tab div{
		display:inline-block;
		text-align:center;
		padding:1.4rem 0rem;
		width:50%;
		border-bottom:0.2rem solid #f1f1f1;
		color:rgba(0,0,0,0.5);
		font-size:1.2rem;
		font-weight:500;
	}
	.member_login_tab div.on{
		color:#ff4e24;
		border-bottom:0.2rem solid #ff4e24;
	}

	.member_login_wrap{
		margin-top: 2.8rem;
		margin-bottom: 2.9rem;
	}

	.member_login_wrap .login_title{
		margin:2rem 0rem 1rem;
		font-size:1.05rem;
		font-weight:500;
		color:#000;
	}

	.member_login_wrap .member_login_input input{
		width:100%;
		height:2.7rem;
		text-indent:1.1rem;
		font-size:0.8rem;
		font-weight:500;
		color:rgba(0,0,0,0.5);
	}

	.member_login_wrap > div.checkbox-wrap{margin-top:0.9rem;}
	.member_login_wrap > div.member_find_btn{margin-top:1rem; text-align: center;}
	.member_login_wrap > div.member_find_btn a{font-size:0.8rem; font-weight: 500; color:#000;}
	.member_login_wrap > div.member_find_btn span{margin:0rem 1.3rem; font-size:0.8rem;}

	.nonmember_order .nonmemberbtn{
		width: 28.8rem;
		background-color: #fff;
		text-align: center;
		color: #000;
		font-size: 1.05rem;
		font-weight: 500;
		padding: 1.1rem 0rem;
		margin-top: 0.4rem;
		margin-bottom:3rem;
		border:0.1rem solid #000;
	}
	.nonmember_order .grade_jointitle{
		margin-top:3rem;
	}
	

	/*nonemember ( 비회원 주문조회 ) */
	.nonmember_order .joinbtn{margin-top:2.3rem;}
	.order_input {margin-top:3rem;}
	.order_input input{
		width:100%;
		height:2.7rem;
		text-indent:1.1rem;
		font-size:0.8rem;
		font-weight:500;
		color:rgba(0,0,0,0.5);
	}

	/*member idfind ( 아이디, 비밀번호찾기 ) */
	.member_idpwfind_wrap div.content_wrap .idfind_wrap{ margin-top: 1.5rem; }
	.member_idpwfind_wrap div.content_wrap .pwfind_wrap{ margin-top: 1.5rem; }

	/*member agree*/
	.member_auth_wrap{margin-top:10px; width:100%; border:solid 3px #f6f6f6; }
	.auth_spot{height:100%; background-color:#FFFFFF; padding:10px;}
	.auth_spot > div > div > div.auth_hp_area{margin-top:10px; text-align:center;}
	.auth_spot > div > div > div.auth_hp_area > select{width:90px;}
	.auth_spot > div > div > div.auth_hp_area > div.smsarea{margin-top:10px;}
	.auth_spot > div > div > div.auth_hp_area > div.smsarea > ul > li{display:inline-block;}
	.auth_spot > div > div > div.auth_name_area{margin-top:10px;width:100%;text-align:center;}
	.auth_spot > div > div > div.auth_name_area > ul > li{width:300px;text-align:left;} 
	.auth_spot > div > div > div.auth_name_area > ul > li > div > div.name{width:60px;} 

	.member_auth_wrap > div > div.namearea > div > input.w30{width:30px;}
	.member_auth_wrap > div > div.namearea > div > input.w40{width:40px;}

	/* member write end */
	.member_end_frm{margin-top: 2.9rem;}
	.member_end_frm div.member_end_img img {width: 6.4rem; height: 5.2rem;}
	.member_end_frm div.member_end_txt div.titletxt{margin: 1.5rem 0rem 0.9rem; font-size:1.35rem;font-weight:500;color:#000;}
	.member_end_frm div.member_end_txt p{font-size: 1.05rem;font-weight:500;line-height:1.48;color:#000;}
	.member_end_frm div.member_end_txt p.member_txt{margin:1.8rem 0rem 1.4rem;}
	.member_end_frm div.member_end_txt p span{color: #ff4e24; }
	.member_end_frm div.member_end_txt p span.txt_nm{color: #006fcd; }


	/*member join*/
	.margin_r14{margin-right:1.4rem;}
	.margin_r-4{margin-right:-0.4rem;}
	.margin_b4{margin-bottom:0.4rem;}
	.margin_r15{margin-right: 1.5rem;}
	/*.paddingleft15{padding-left:15px;}
	.paddingtop10{padding-top:10px;}
	.paddingtop15{padding-top:15px;}
	.clear{clear:both;}
	.wi_title_bar{height:1px; background-color:#d7d7d7;margin-bottom:20px;}
	.wi_write_label{height:35px;width:18%;vertical-align:top;margin-top:15px;}
	.wi_write_input{width:150px; height:16px;}
	.wi_write_num1{width:30px; height:16px;}
	.wi_write_num2{width:50px; height:16px;}
	.wi_write_num3{width:60px; height:16px;}
	.wi_write_num4{width:80px; height:16px;}
	.wi_write_num5{width:250px; height:16px;}
	.wi_end_tbg{width:900px;height:200px;background:url('/front/_customskin/_skintpl/2many/common/images/title/t_bg900.gif') repeat-y;}
	.wi_end_tcenter{margin-left:330px;}
	.wi_end_tbg_bar{height:5px;background-color:#f3e9d4;}
	.wi_addfield{width:18%;height:30px;}
	div > ul > li{display:inline-block;}
	*/

	.member_join_frm{
		margin-top:3rem;
	}
	

	.member_join_frm div.meminfo_title{ font-size:1.2rem; font-weight:normal; margin-top: 2.9rem; margin-bottom: 1.7rem;}
	.member_join_frm div.wigetspot_new { margin-bottom: 2rem; }
	.member_join_frm div.wigetspot_new > div.subtitle{ font-size:1.05rem;font-weight:500; margin-bottom: 1rem;color:#000;}
	.member_join_frm div.wigetspot_new > div.cont div.subradio{ text-align: right; }

	.member_join_frm div.wigetspot_new .cont div.mem_chk{
		margin-top:0.5rem;
		font-size:0.8rem;
		font-weight:500;
		color:#000;
	}
	.member_join_frm div.wigetspot_new .cont .marginb4{
		margin-bottom : 0.4rem;
	}



 
/* .squaredTwo */
.squaredTwo {
  width: 19px;
  height: 19px;
  position: relative;
}
.squaredTwo label {
	width: 19px;
	height: 19px;
	cursor: pointer;
	position: absolute;
	left: 1px;
	border-radius: 20px;
	top: -2px;
	background: #ffffff;
	border: solid 2px #BDBDBD;
}
.squaredTwo label:after {
	content: "";
	width: 11px;
	height: 5px;
	position: absolute;
	top: 4px;
	left: 3px;
	border: 2px solid #BDBDBD;
	border-top: none;
	border-right: none;
	background: transparent;
	/*opacity: 0;*/
	transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
  opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
  visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label{
	border: solid 2px #000;
}
.squaredTwo input[type=checkbox]:checked + label:after {
	opacity: 1;
	border: solid 2px #000;
	border-top: none;
	border-right: none;
}

/* 멤버부분 전역 input text */
input.input-block-level{
	border:1px solid #ddd; 
	border-radius:0px;
	height: 2.7rem; 
	text-indent:0.9rem;
	padding:0;
	font-size: 0.8rem;
	font-weight:500;
	color:rgba(0,0,0,0.5);
}
input.input-block-level.hpnum{
	width:100%;
}
input.input-block-level.in_hpnum{
	width:21.7rem;
}
input.input-block-level.in_name{
	width:100%;
}
input.input-block-level.in_email{
	/*width: 30.2%;*/
	/*width: 32.1%;*/
	/*width:9.2rem;*/
	width:100%;
	/*width:31.86%;*/
}
/* 2021-08-03 노인규 추가 : 아이디/패스워드찾기에서 이메일입력창 깨짐 수정 */
input.input-block-level.find_email{
	width : 9.2rem;
}
input.input-block-level.id-input{
	width: 100%;
	font-size: 0.8rem;
	font-weight:500;
}
input.input-block-level.in_corpnum{
	/*width: 20%;*/
	width:9.5rem;
	margin-right:-0.2rem;
}
input.input-block-level.idpw-input{
	width:21.1rem;
	display:inline-block;
}
select.selecthpnum{
	border: 1px solid #ddd;
	height: 2.7rem;
	border-radius:0px;
	width: 6.9rem;
	font-size: 1.05rem;
	font-weight: normal;
	color: #a2a2a2;	
}
select.selectmail{
	border: 1px solid #ddd;
	height: 2.7rem;
	border-radius:0px;
	width: 8.1rem;
	font-size: 1.05rem;
	font-weight: normal;
	color: #a2a2a2;
}

button.certify_btn{
	background-color: #000;
	color: #fff;
	font-size: 0.95rem;
	font-weight:500;
	text-align: center;
	border: none;
	/*width: 20%;*/
	width:7.5rem;
	height: 2.7rem;
	display:inline-block;
}
.idpw_btn{
	width:100%;
	margin-top:2rem;
	background-color:#ff4e24;
	color:#fff;
	padding:1.2rem 0rem;
	font-size:1.35rem;
	font-weight:bold;
	text-align:center;
	line-height:1.35rem;
}

.findidpw_email span.email_str{
	font-size:1.05rem;
	font-weight:500;
	color:#000;
	margin-left:0.2rem;
}
.findidpw_email span.email_str span{
	margin-left:0.2rem;
}


/* 이용약관 ( include.member_agree.agreement.tpl ) */
.agreement_div input[type="checkbox"].title_checkbox + label:before{
	width:1.3rem;
	height:1.3rem;
	margin-right:0.9rem
}
.agreement_div input[type="checkbox"].title_checkbox + label:after{
	left:0.35rem;
	width:0.6rem;
	height:0.3rem;
}
.agreement_div input[type="checkbox"].def_checkbox + label > span{
	font-size:1rem;
	font-weight:500;
	color:#000;
}
.agreement_div{
	margin-bottom:3rem;
}
.member_join_agreement .checkbox-wrap{
	margin-bottom:1.1rem;
	position:relative;
}
.member_join_agreement .agree_title{
	margin-left:2.4rem;
	position:relative;
	margin-bottom:0.4rem;
}
.member_join_agreement .agree_conetnt{
	color:rgba(0,0,0,0.5);
	font-size:1rem;
	font-weight:500;
	position:absolute;
	right:0rem;
	top:0.3rem;
}


.member_join_agreement .checkbox-arrow{
	position:absolute;
	top:0.2rem;
	right:0rem;
}
.member_join_agreement .mem_chk{
	font-size:0.8rem;
	font-weight:500;
	color:#000;
	margin-top:0.5rem;
}
.member_join_agreement .checkbox-wrap .on{
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
}

.agreement_div #iscroll_wrapper{
	clear: both;
	overflow-x: hidden;
	position: relative;
	height: 11.4rem;
	border:0.05rem solid #bbb;
	padding: 1rem 1.1rem 1rem 1rem;
	margin: 0.7rem 0rem 1.1rem;
}
.agreement_div #iscroll_wrapper div{
	height:100%;
	overflow-x:hidden;
}

.agreement_div #iscroll_wrapper p{
	font-size:0.8rem;
	font-weight:500;
	color:#000;
	line-height:1.56;
}

.agreement_div #iscroll_wrapper p.scroller_title{
	font-size:0.95rem;
	margin-bottom:0.9rem;
}

.member_join_wrap .member_save_btn{
	background-color:#ff4e24;
	width:100%;
	font-size:1.35rem;
	line-height:1.2rem;
	padding:1.2rem 0rem;
	text-align:center;
	color:#fff;
}


/*회원 정보 수정 전 체크*/
.member_modify_chk_title{
	font-size:0.8rem;
	font-weight:500;
	line-height:1.56;
	color:#000;
	margin-bottom:2rem;
}
.member_modify_chk{
	height:8.9rem;
	background-color:#f2f2f2;
	padding:2rem;
}
.member_modify_chk ul li{
	font-size:1rem;
	font-weight:500;
	line-height:1rem;
	color:#000;
	margin-bottom:1.9rem;
}
.member_modify_chk ul li.member_modify_chk_txt{
	font-size:0.8rem;
	line-height:0.8rem;
	margin-bottom:0.9rem;
}
.member_modify_chk ul li input{
	border:0.05rem solid #bbb;
}


/*회원탈퇴*/
.member_secession_end{
	margin-top:1.4rem;
	text-align:center;
	color:#000;
	font-weight:500;
}
.member_secession_endtitle{
	font-size:1.35rem;
	line-height:1.44;
	margin-bottom:1.4rem;
}
.member_secession_endcont{
	font-size:1.05rem;
	line-height:1.48;
}

.renewal_mem_banner_wrap{
	padding : 0rem 1.5rem 2rem 1.5rem;
}
.renewal_mem_banner_wrap .renewal_mem_banner{
	width : 100%;
	height : 9.7rem;
}
.renewal_mem_banner_wrap .renewal_mem_banner a{
	width : 100%;
	height : 100%;
}
.renewal_mem_banner_wrap .renewal_mem_banner img{
	width : 100%;
	height : 100%;
}




/*********************************************************************************************************/
/************************************************ Redpearl ************************************************/
/********************************************************************************************************/

.btn-login-kakao {background: #fddd3d; border-radius: 7px; color: #000; font-size: 1.0rem; font-weight: 400; padding: 1.1rem; display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin:1.5rem 0;}
.btn-login-kakao img {width:1.2rem;}
.login-or {position: relative; font-size: 1rem; margin: 1rem 0; text-align: center;}
.login-or:after {content:''; position:absolute; top:50%; left:0; right:0; height:1px; background:#ddd;}
.login-or span {display:inline-block; background:#fff; padding:0 2rem; position:relative; z-index:1;}

.member_login_tab {display:flex;}
.member_login_tab div {flex:1; border:1px solid #b8b8b8; background:#f7f7f7; color:#a8a7a7; font-size:0.9rem; padding:1rem;}
.member_login_tab div.on {background:#fff; color:#000; border-bottom:1px solid #b8b8b8;}
.member_login_wrap {margin-top:1rem;}
.member_login_input>div {margin-bottom:-1px;}
.member_login_wrap > div.member_find_btn {text-align:left; margin-top:0.5rem; display:flex; justify-content: space-between;}

.order_input {margin-top:1rem; margin-bottom:2.3rem;}
.order_input>div {margin-bottom:-1px;}

.btn-login-naver, .btn-login-face {font-size:0.9rem; background:#fff; border:1px solid #b8b8b8; color:#000; padding:1rem; display:block; flex:1; text-align:center; position:relative;}
.btn-login-face {margin-left:-1px;}
.btn-login-naver img, .btn-login-face img {width:1.3rem; position:absolute; left: 1rem; top: 50%; margin-top:-0.6rem;}

.member_find_tab {margin:1.5rem 0;}
.member_find_tab>a {border:1px solid #b8b8b8; background:#f7f7f7; flex:1; text-align:center; font-size:0.9rem; padding:1rem; color:#a8a7a7;}
.member_find_tab>a.on {background:#fff; color:#000;}

input.input-block-level {flex:1;}
select.selectmail {font-size:0.8rem;}
.idpw_btn {background:#000; font-size:1.0rem; font-weight:400; padding:0.8rem; text-align:center; color:#fff;}

.member-btn-group {font-size:0.8rem; margin:1rem 0;}
.member-btn-group span {margin:0 1rem;}

.agreement-box {border:1px solid #ddd; margin:1rem 0 0;}
.agreement-box>div {padding:1.5rem 1rem;}
.agreement-box>.w_checkboxs {border-bottom:1px solid #ddd; display:flex; padding:0.7rem 1rem;}
.w_checkboxs input[type="checkbox"].required_agree + label {font-size:1rem;}
.w_checkboxs input[type="checkbox"].required_agree + label:before {width: 1.2rem; height: 1.2rem;}
.w_checkboxs input[type="checkbox"].required_agree + label:after {left:0.31rem;}
.scroller-box {border:1px solid #ccc; font-size:0.8rem; padding:0.7rem; height:8rem; overflow-y:auto; margin:0.5rem 0;}
.scroller-box section.main_layout_section {padding:0;}
.scroller-box h2.tlt {display:none;}
.privatepolicy_w_table {border-collapse:collapse;}
.privatepolicy_w_table td, .privatepolicy_w_table th {padding:0.5rem;}

.member_join_agreement .checkbox-wrap {margin-bottom:0.5rem;}
.member_join_wrap .member_save_btn {font-size:1.0rem; font-weight:400; padding:0.8rem; text-align:center; color:#fff; margin-top:2rem; border:1px solid #ff4e24;}


.member_join_frm div.wigetspot_new > div.subtitle {font-size:0.9rem; width:6rem; margin:0.6rem 0 0; flex-shrink:0;}
.margin-txt {margin:0.4rem 0 0.5rem;}
input.input-block-level.idpw-input {width:auto;}

.member_save_btn-wrap > div {flex:1; margin-top:2rem; line-height:1.2; }
.member_save_btn-wrap .white_btn {margin-left:-1px;}
.member_join_wrap .member_save_btn.black_btn {background:#000; border-color:#000;}

.secession-info {background:#f2f2f2; padding:1.3rem 1.5rem; font-size:0.9rem; margin:2rem 1.5rem ;}
.secession-info p {position:relative; padding:0.2rem 0; padding-left:1.0rem; word-break:keep-all;}
.secession-info p:before {content:"*"; position:absolute; left:0; top:0.2rem;}

.secession-wrap {margin:0 1.5rem; border-top:1px solid #ddd;}
.secession-wrap dl {border-bottom:1px solid #ddd; display:flex; padding:1.5rem 0;}
.secession-wrap dt {width:4rem; flex-shrink:0; word-break:keep-all; font-size:0.9rem; color:#999;}
.secession-wrap dd {padding-left:1.5rem; font-size:0.8rem; flex:1;}
.check-flex {display:flex; flex-wrap:wrap; gap:0.5rem 0;}
.check-flex label {width:50%;}
.btn-flex {margin:2rem 1.5rem;}

.member_modify_chk {height:auto; padding:0; background:#fff; margin:2rem 0;}
.member_modify_chk ul li {margin-bottom:-0.25rem;}
.member_modify_chk li>p {border:0.05rem solid #bbb; height:2.7rem; font-size:0.8rem; line-height: 2.7rem; padding: 0 0.9rem;}