/** member css **/

/** 로그인 css **/
.title {
	font-size:38px;
	line-height:38px;
	color:#333;
	text-align:center;
	padding:60px 0 36px;
	font-family: 'noto-m';
    font-weight: normal;
}
.login_wrap {
	width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 80px;
	min-height:54vh;
}
#login_form {
	width: 650px;
    margin: 0 auto;
    text-align: center;
	margin-top:100px;
}
.login {
	margin:0 auto;
}
.login label {
	display: inline-block;
	width:90px;
	color:#454545;
	font-size:13px;
	text-align:left;
	padding:12px 0;
}
.login_input_box {
	width:200px;
	height:42px;
	border:1px solid #bfbfbf;
	background:#ffffff;
	margin-right:10px;
	padding-left:10px;
	box-sizing:border-box;
}
.btn_login {
	width:108px;
	height:86px;
	border:1px solid #444;
	background:#222;
	color:#fff;
	font-size:16px;
	line-height:16px;
	box-sizing:border-box;
	cursor:pointer;
}
#login_form2 {
	margin:32px auto 0;
	text-align:center;
}
.join_find {
	display:inline-block;
}
.join_find button {
	display:inline-block;
	width:168px;
	height:48px;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	line-height:13px;
	color:#333;
	cursor: pointer;
}

/*로그인 회원가입*/
.login_sns{
	width:150px;
	margin:42px auto 0;
}
.login_sns .list li{
	margin:10px 0;
	width: 150px;
}
.login_sns .list li .link{
	display:block;
}
.login_sns .list img{
	margin-right:11px;
	float:left
}
.login_sns .list .text{
	float:left;
	font-size:13.5px;
	display:blcok;
	line-height:25px;
	letter-spacing: -0.04em;
}


/*회원가입*/
.content_wrap{
	margin-bottom:52px;
}

.content-joinin{
	width:577px;
	margin:auto;
	background:#fff;
	padding:33px;
	border:1px solid #ddd;
}
.join_table tr{
    height: 54px;
}
.join_intro_txt{
	text-align:right;
	width:643px;
	margin:0 auto 6px;
}
.ico_point{
	color:#a40d0e;
	font-size:12px;
	font-weight:bold;
	vertical-align:-2px;
	margin-right:2px;
	display:inline-block;
}
.t_cont input{
	height:10px;
	font-size:14px;
	width:270px;
	border:1px solid #ddd;
	padding:14px;
}
.t_cont2 input{
	background:#f4f5f5;
	margin-bottom:2px;
}
.addr_shr_btn{
	height:42px !important;
	font-size:14px;
	width:150px !important;
	border:1px solid #d6000f;
	padding:14px;
	text-align:center;
	background:#d6000f;
	color:#fff;
	cursor:pointer;
	margin-bottom:12px;
}
.t_btn input{
	height:10px;
	font-size:14px;
	width:120px;
	border:1px solid #ddd;
	border-radius: 3px;
	padding:14px;
	text-align:center;
	background:#f7f7f7;
	color:#888;
	cursor:pointer
}
.t_btn2 input{
	height:10px;
	font-size:14px;
	width:120px;
	border:1px solid #ddd;
	padding:14px;
	text-align:center;
	background:#fff;
	color:#bbb;
	cursor:pointer
}
.t_name{
	height:12px;
	font-size:14px;
	width:100px;
	padding:14px 0;
	background:#fff;
}
.tr_phone .t_cont select{
	float:left;
	width:69px;
	height:40px;
	border:1px solid #ddd;
}
.tr_phone .t_cont input{
	float:left;
	width:69px;
}
.tr_phone .t_cont span{
	float:left;
	display:blcok;
	padding:0 6px;
	line-height:40px
}
.join_titwrap{
	width:643px;
	margin:38px auto 12px;
	color:#4a4a4a;
}
.join_titwrap p{
	padding-top:6px;
	padding-left:10px;
	font-size: 14px;
    color: #9e9e9e;
}
.btn_complete{
	text-align:center;
}
.btn_joincomplete{
    height: 20px;
    font-size: 14px;
    width: 172px;
    border: 1px solid #444;
	border-radius: 3px;
    padding: 14px;
    text-align: center;
    background: #222;
    color: #fff;
    cursor: pointer;
	margin:50px auto;
}
.agree_checkwrap input[type="checkbox"]{
	display:none;
}
.agree_checkwrap input[type="checkbox"] + label{
	font-size:16px;
}
.agree_checkwrap input[type="checkbox"] + label span{
   display:inline-block;
   width:16px;
   height:16px;
	font-size:13px !important;
   line-height:16px;
   vertical-align:middle;
   background:url(/images/icon/checkbox_stripimg2.png)no-repeat left bottom;
   cursor:pointer;
   margin-right:14px;
}
.agree_checkwrap input[type="checkbox"]:checked + label span {
	background-position:right bottom;
}
.agree_box{
	padding:10px 0;
}

.agree_box .agree_checkwrap input[type="checkbox"] + label{
	font-size:14px;
}
.agree_view{
	font-size:14px;
	color:#8e8e8e;
	padding-left:18px;
	line-height:16px;
	cursor:pointer;
}
.agree_details_wrap{
	padding:20px 0 0;
}
.agree_sns{
	padding:20px 31px 0;
}
.agree_sns .agree_checkwrap{
	margin-right:80px;
}

/****/
.radiobox{
	margin-right:30px;
}
.radiobox input[type="radio"]{
	display:none;
}
.radiobox input[type="radio"] + label{
	font-size:15px;
}
.radiobox input[type="radio"] + label span{
	display:inline-block;
	width:16px;
	height:16px;
	font-size:13px !important;
	line-height:16px;
	vertical-align:-3px;
	background:url(/images/icon/checkbox_stripimg3.png) no-repeat left bottom;
	cursor:pointer;
	margin-right:8px;
}
.radiobox input[type="radio"]:checked + label span {
	background-position:right bottom;
}

/**회원가입 약관**/
.privacy_form{
	height:400px;
	overflow:hidden;
	overflow-y:auto;
	padding:10px;
	line-height:20px;
	font-size:0.85em;
	background:#fafafa;
}
.popup-privacy{
	opacity:0;
	display:none;
	position:relative
	;width:auto;
	width:600px;
}
.b-close{
	position: absolute; 
	right:15px; 
	top:15px; 
	display: inline-block; 
	cursor: pointer;
}
.popup-privacy_title{
	padding:15px 10px;
	border-bottom:1px solid #e8e8e8;
	background:#fafafa;
	font-size:16px; 
	font-family:'noto-b';
	color:#222;
}
.t_btn input.vali_button{
	width:150px;
	height:40px;
	line-height:11px;
	margin-top:-5px;
}

/** 회원가입 완료 **/
.join_complete_wrap {
	width: 100%;
    padding: 80px 0;
    box-sizing: border-box;
    background: #f7f7f7;
    margin-bottom: 43px;
}
.join_comp_txt {
	text-align:center;
}
.join_comp_txt>h1 {
	font-weight: normal;
    font-size: 26px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #333;
    font-family: 'noto-m';
}
.join_comp_txt>p {
	font-size:16px;
	color:#454545;
}
.join_comp_btn {
	width:auto;
	margin:50px auto 0;
	text-align:center;
}
.join_comp_btn>button {
	display: inline-block;
    width: 150px;
    height: 42px;
    border: 1px solid #ccc;
    background: #ffffff;
    font-size: 15px;
    line-height: 13px;
    color: #333;
    cursor: pointer;
}







/**아이디/비밀번호 찾기**/
.content_find_idpw {
	width:100%;
}
.find_wrap {
	width:577px;
	margin:0 auto;
}
.find_id {
	width:100%;
}
.find_tit {
	margin:38px auto 12px;
}
.find_tit:after {
	content:"";
	display:block;
	clear:both;
}
.find_tit h3 {
	float:left;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#4a4a4a;
}
.find_tit p {
	float:left;
	font-size:12px;
	line-height:12px;
	color:#4a4a4a;
	padding-top: 6px;
    padding-left: 10px;
}

#find_id_form,
#find_pw_form {
	text-align:center;
}
.find_id_t,
.find_pw_t {
	width:100%;
	padding:33px;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#ffffff;
	text-align:left;
}
.find_id_t tr,
.find_pw_t tr {
	width:100%;
	height:54px;
	box-sizing:border-box;
}
.find_id_t th,
.find_pw_t th {
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	text-align:left;
}
.find_ip1 {
	width:330px;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:0 10px;
}
.find_ip2 {
	width:105px;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:0 10px;
}
.find_sel {
	width:99px;
	height:40px;
	text-align-last:right;
	padding-right:5px;
	box-sizing:border-box;
	border:1px solid #ddd;
	vertical-align:-1px;
}
.btn_find_id,
.btn_find_pw {
	width:200px;
	height:50px;
	border:none;
	background:#a40d0e;
	margin:15px auto;
	border-radius: 3px;
	font-size: 15px;
	color:#fff;
	cursor: pointer;
}

/*이용약관 , 개인정보취급방침*/
.terms_wrap {
	width:100%;
	height:600px;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:20px 15px;
	box-sizing:border-box;
}
.btns_wrap {
	text-align:center;
}
.btns_wrap>button {
	display:inline-block;
    width: 150px;
    height: 42px;
    border: 1px solid #d6000f;
    background: #ffffff;
    font-size: 13px;
    line-height: 13px;
    color: #d6000f;
    cursor: pointer;
	margin-top:50px;
}

/**약관**/
.content_agree{
	width:1080px;
	padding:70px 0;
	background:#f7f7f7;
	margin:auto;
}
.content_agree_in{
	width:1002px;
	margin:auto;
	line-height:1.6em;
}
.content_agree_in2{
	padding:20px;
	
	line-height:1.6em;
	background:#fff;
	border:1px solid #e8e8e8;
	padding:24px;
}
.box_top{
	padding:24px;
	background:#fff;
	font-size:14px;
	line-height:1.6em;
	margin-bottom:20px;
}
.box_panel{
	font-size:15px;
	padding:24px ;
	background:#fff;
	margin-top:14px;
}
.box_panel .box_tit{
	width:60px;
	display:inline-block;
	font-size:16px;
}
.box_panel .box_title{
	width:890px;
	display:inline-block;
	font-weight:bold;
	background:url(/images/icon/ico_botm_next.png) no-repeat right center / auto 26px;
}
.box_pannel_in{
	display:none;
	background:#fff;
	padding:24px ;
	border-top:1px solid #ddd;
	font-size:14px;
	margin-bottom:16px;
}

/* 이용안내 */
.font_color_green1 {
	color:#d6000f;
}
.font_color_green2 {
	color:#2b9f4f;
}
.content_guide_in {
	width: 1050px;
    margin: auto;
    line-height: 1.6em;
}
.content_guide_in:after {
	content:"";
	display:block;
	clear:both;
}
.guide_box {
	float:left;
	width:520px;
	height:440px;
	border:1px solid #dfdfe1;
	background:#ffffff;
	box-sizing:border-box;
	margin-right:10px;
	margin-bottom:20px;
}
.guide_box:nth-child(2n) {
	margin-right:0;
}

.guide_title {
	width:100%;
	height:170px;
	background:#dfdfe1;
	text-align:center;
	font-size:18px;
	line-height:18px;
	color:#ffffff;
	box-sizing:border-box;
}
.gt1 {
	height:90px;
	padding:20px 0;
}


.guide_txt {
	width:100%;
	height:268px;
	padding:10px;
	box-sizing:border-box;
}
.guide_txt div {
	margin-bottom:10px;
}

.guide_txt h2 {
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	color:#555555;
	margin-bottom:10px;
}

.guide_txt p {
	font-size:14px;
	line-height:19px;
	color:#7a7b7b;
	margin-bottom:10px;
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */

}
.wrap-loading div{ /*로딩 이미지*/
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -21px;
    margin-top: -21px;
}
.display-none{ /*감추기*/
    display:none;
}