/** 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;
    padding-top: 90px;
}
#login_form {
	width: 650px;
    margin: 0 auto;
    text-align: center;
}
.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:204px;
	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;
}

/* 아이디 비밀번호찾기 */

/**id & pw 찾기**/

.find_wrap {
	width: 1024px;
    overflow: hidden;
    margin: 50px auto;
    display: flex;
    margin:0 auto;
}
.find_id {
    width: 50%;
    /* height: 440px; */
    border: 1px solid #ddd;
    margin-right: 18px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.find_pw {
    width: 50%;
    /* height: 440px; */
    border: 1px solid #ddd;
    margin-right: 18px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-right: 0;
}
	.find_id p,
	.find_pw p {
        width: 90%;
        margin: 10px auto 10px;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        background-color: aliceblue;
    line-height: 36px;
	}
.find_tit {
	width: 90%;
    margin: 0 auto;
    color: #6a6a6a;
    /* border-bottom: 1px solid #ddd; */
    box-sizing: border-box;
    padding: 29px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.find_tit img{
    width: 15px;
}
	.find_tit h3 {
		float: left;
    width: 51%;
    font-size: 20px;
    color: #111;
	}
	.find_tit p {
		float: left;
    width: 34%;
    margin-top: 25px;
	}
	.find_tit:after {
		content:'';
		display:block;
		clear:both
	}
.find_id_t,
.find_pw_t,
.find_nid_t,
.find_npw_t {
	width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 16px;
}
	.find_id_t tr,
	.find_pw_t tr{
		display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 16px;
	}
	.ft {
		width:25%;
		font-weight:bold;
	}
    .fi{
        width: 75%;
    }
	.find-input	{
		width: 100%;
    height: 40px;
    border-radius: 10px;
    padding-left: 0;
}

	.find_sel {
		height:30px;
	}
    
	#find_id_pnum2, #find_id_pnum3,
	#find_pw_pnum2,	#find_pw_pnum3,
	#find_nid_pnum2, #find_nid_pnum3,
	#find_npw_pnum2, #find_npw_pnum3	{
		width:85px;
		height:25px;
	}
    #find_pw_form{
        box-sizing: border-box;
    padding: 29px;
    }
	.btn_find_id,
	.btn_find_nid	{
		width: 95%;
    height: 60px;
    border: 0;
    background: #00438F;
    color: #fff;
    cursor: pointer;
    outline-style: none;
    border-radius: 14px;
    box-sizing: border-box;
    margin: 10px auto 10px;
}
	
	.btn_find_pw,
	.btn_find_npw {
		width: 95%;
    height: 60px;
    border: 0;
    background: #00438F;
    color: #fff;
    margin-top: 55px;
    cursor: pointer;
    outline-style: none;
    border-radius: 14px;
    margin: 10px auto 10px;
    }




/*--login--*/
.login-title {
	text-align:center;
	font-size:50px;
	color:#44469D;
}
.login-wrap {
	width:500px;
	overflow:hidden;
	margin:50px auto;
}
	.login-input {
		display:box;
		width:97%;
		height:40px;
		border:1px solid #ddd;
		margin-bottom:10px;
		padding-left:10px;
	}
	.btn-login {
	width: 100%;
    height: 60px;
    color: #fff;
    background: #FF4500;
    border: 0;
    border-radius: 10px;
    font-size: 16px;
	}

.login-etc-wrap {
	width:500px;
	overflow:hidden;
	margin:0 auto 100px;
}
.login-etc {
	width:100%;
	line-height:30px;
	overflow:hidden;
	font-size:13px;
	margin-bottom:10px;
    text-align:left ;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-etc span {
	display:inline-block;
	width:300px;
}
.login-etc a {
	float:right;
	width:128px;
	line-height:28px;
	text-align:center;
	font-size:12px;
	color:#fff;
	border:1px solid #ccc;
    border-radius: 10px;
    background-color: #44469D;
}







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

.content-joinin{
	width:577px;
	margin:auto;
	background:#fff;
	padding:33px;
	border:1px solid #ddd;
}
.content-joinin_ver1{
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
}
.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;

	font-size: 12px;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #44469D;
}
.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{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 80px;
    padding-top: 90px;
}

.content-inner{
    width: 1200px;
    margin: 50px auto;
}

/**아이디/비밀번호 찾기**/
.content_find_idpw {
	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;
	margin-top:20px;
}
.find_id_t,
.find_pw_t {
	width:100%;
	padding:33px;
	box-sizing:border-box;
	background:#ffffff;
	text-align:left;
	padding:10px;
}
.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:left;
	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:#008AC3;
	margin:15px auto;
	border-radius: 3px;
	font-size: 15px;
	color:#fff;
	cursor: pointer;
	margin-bottom:20px;
}
.btn_back {
	width:100px;
	height:42px;
	background:#fff;
	color:#111;
	border:1px solid #111;
	outline-style:none;
	cursor:pointer;
	margin-bottom:20px;
}
/*이용약관 , 개인정보취급방침*/
.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;
}