/*********************************************
*******************로그인********************
**********************************************/
/*타이틀*/
.tt_login_area{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	width:100%;
	border-bottom:1px solid #e6e9eb;
	background:#fff;
	text-align:center;
	font-size:15px;
	position:relative;
	line-height:43px;
	vertical-align:middle;
	font-weight:600;

}

.tt_login_area .btn_back{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/title_btn_back.png) no-repeat;
	background-size:21px;
	background-position:center center ;
	width:40px;
	height:43px;
	left:0;
	top:1px;
}

.tt_login_area .btn_close{
	position:absolute;
	background:url(../../../image/mobile/iwd_2017/dt_btn_share_close.png) no-repeat;
	background-size:14px;
	background-position:center center;
	text-indent:-999px;
	width:43px;
	height:43px;
	right:0px;
	top:0px;
	}




/*로그인_감쌈*/
.login_new_box{
	float:left;
	width:100%;
	padding:20px 15px;

}
/*로그인_타이틀*/
.login_tit{
	float:left; width:100%;
	text-align:center;
	margin-bottom:20px;
}
.login_tit img{width:88px;}
.login_tit span{display:block; clear:both; margin-top:10px;}

/*아이디 비번 입력*/
.login_if_box{float:left; width:100%;margin-bottom:5px;}
.login_if_box fieldset{border:0 none; padding:0; margin:0;}
.login_if_box input{
	width:100%;
	border:1px solid #e3e3e3;
	background:#fff;
	padding:11px 15px 10px 15px;
	vertical-align:middle;
	clear:both;
	margin-bottom:5px;
}



/*아이디 비번 입력*/
.login_etc_chk{float:left; width:100%;position: relative;margin-bottom:25px; vertical-align:middle;}
.login_etc_chk input[type="checkbox"]{
	float:left;
	height:18px;
	width:18px;
	background-image:url(/image/mobile/iwd_2017/checkbox.png);
	background-position:top left;
	background-size:18px;
	border:0 none;
	margin-right:3px;
}
.login_etc_chk input[type="checkbox"]:checked{
	height: 18px;
	width: 18px;
	background-image:url(/image/mobile/iwd_2017/checkbox.png) no-repeat;
	background-position:bottom left;
}

.login_etc_chk label{float:left; margin-right:10px;font-size:14px;}


/*로그인 버튼*/
.btn_login_go{float:left; width:100%; text-align:center; color:#fff; background:#4a89dc; line-height:40px; vertical-align:middle;border:0 none; margin-bottom:20px;}

/*SNS로그인*/
.login_sns_wrap{float:left; width:100%; margin-bottom:30px;text-align:center;}
.login_sns_wrap p{margin-bottom:10px;}
.login_sns_wrap a{display:inline-block; color:#fff; margin-right:1%;background:Red; width:23%;font-size:12px;line-height:12px; padding:9px 0 7px 0;}
.login_sns_wrap a:last-child{margin-right:0 ;}
.login_sns_wrap img{width:23px;}
.login_sns_wrap span{display:block;clear:both;margin-top:3px;}
.login_sns_wrap .s_facebook{background-color:#4c69ba;}
.login_sns_wrap .s_naver{background:#00c83c;}
.login_sns_wrap .s_kakao{background:#f2d60a;}
.login_sns_wrap .s_google{background:#da4835;}



/*회원가입/비번찾기*/
.login_join_area{float:left; width:100%; text-align:center; color:#aaaaaa; font-size:13px;}
.login_join_area a{color:262626;}

.login_joinbtn_area{float:left; width:100%; text-align:center; color:#262626; font-size:15px;margin-bottom:10px;}
.login_joinbtn_area a{display:block; width:100%; float:left; background:#fff; border:1px solid #e3e3e3;line-height:40px; vertical-align:middle;}




/***************************************************
회원가입
************************************************** */

.join_new_box{
	float:left;
	width:100%;
	padding:0;
}

.tt_sub_join{float:left; text-align:center; width:100%; padding:20px 0;vertical-align:middle; line-height:20px;}
.tt_sub_join span{color:#646464; font-size:13px; line-height:16px;margin-top:4px;display:block; clear:both;}

/*가입정보입력*/
.join_ip_area {float:left; width:100%;border-top:1px solid #d8d8d8;}
.join_ip_area li{float:left; width:100%; border-bottom:1px solid #d8d8d8; background:#fff;padding: 13px 10px;vertical-align:middle;}
.join_ip_area input::-webkit-input-placeholder{color:#757575;}
.join_ip_area input[type="text"]{ 	border:0 none;float:left;line-height:20px;	}
.join_ip_area input[type="password"]{ border:0 none;line-height:20px;}
.join_ip_area input[type="checkbox"]{
	float:left;
	height:18px;
	width:18px;
	background-image:url(/image/mobile/iwd_2017/checkbox.png);
	background-position:top left;
	background-size:18px;
	border:0 none;
	margin-right:4px;
}
.join_ip_area input[type="checkbox"]:checked{
	height: 18px;
	width: 18px;
	background-image:url(/image/mobile/iwd_2017/checkbox.png) no-repeat;
	background-position:bottom left;
}
.join_ip_area legend{color:#757575; float:left;margin-right:7px;}

.join_ip_area select{
	color:#26226;
	border:0 none;
	font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
	float:left;
	line-height:20px;
	height:20px;
	vertical-align:middle;
	font-size:15px;
	appearance:none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background:url("/image/mobile/iwd_2017/icon_list_more.png") no-repeat;
	background-position: center right;
	background-size: 11px;
	padding:0 5px;
	text-align:right;
}
.join_ip_area span{float:left; padding: 0 5px;line-height:20px; vertical-align: middle;}
.join_ip_area .view_agree{color:#4a89dc; text-decoration:underline;margin-left:3px;}
.join_ip_area .btn_join_certi{float:right; background:#4a89dc; text-align:center; color:#fff;border:0 none;line-height:20px; vertical-align:middle;padding:2px 0;}

.join_ip_area textarea{width:100%; padding:5px 0;border:0 none; font-size:15px; height:60px;line-height:18px;color:#262626;}
.join_ip_area textarea::-webkit-input-placeholder{color:#757575;}

	/*가입버튼*/
.join_btn_area{float:left; width:100%; padding:0 10px;margin-top:10px;}

/*팝업창 버튼*/
.at_btn_area{float:left; width:100%; padding:0;margin-top:10px;}
.at_btn_area input{float:left; width:50%; text-align:center; color:#fff; background:#4a89dc; line-height:40px; vertical-align:middle;border:0 none; margin-bottom:20px;}
.at_btn_area input:last-child{background:#606060;}

/*문의하기 서비스선택*/
.svc_category_wrap {
	border-top:1px solid #d8d8d8;
	background: #fff;
	float: left;
	width: 100%;
}
.svc_category_wrap .tit{
	float:left; width:100%;
	color:#7f7f7f;
	line-height:15px;
	padding:20px 10px 0 10px;
}
.svc_category_wrap .tit span{color:#4a89dc;}

.svc_circle_category{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	width:95px;
	padding:15px 10px 12px 0;
}

.svc_circle_category .menu{ float:left; width:70px; color:#7f7f7f;margin: 0 5px 5px 0;}
.svc_circle_category .menu .pic{ margin:0 auto; width:45px; height:45px;overflow:hidden;border-radius:100px;background:#d8d8d8;}
.svc_circle_category .menu .pic img{width:45px;}
.svc_circle_category .menu .txt{float:left; width:100%;text-align:center; font-size:13px;line-height:15px;backround:red;padding-top:4px;}

.svc_circle_category .menu .pic_sel{ margin:0 auto; width:45px; height:45px;border-radius:100px;background:#fc5e91;}
.svc_circle_category .menu .pic_sel img{width:45px;}
.svc_circle_category .menu .txt_sel{float:left; width:100%;text-align:center; font-size:13px;line-height:15px; color:#262626;padding-top:4px;}


/*체크하신 웨딩아이템*/
.svc_chk_box{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	padding:15px 10px 12px 10px;
}
.svc_chk_box .ico{ float:left; width:45px; color:#7f7f7f;margin: 0 5px 5px 5px;}
.svc_chk_box .ico .pic_sel{ float:left; width:45px; height:45px;border-radius:100px;background:#fc5e91;margin-right:5px;}
.svc_chk_box .ico .pic_sel img{width:45px;}
.svc_chk_box .svc_check{ float:left; color:#262626;margin: 0 5px 5px 5px;}
.svc_chk_box .svc_check .service{color:#262626;float:left; width:100%; line-height:15px;margin-top:6px;}
.svc_chk_box .svc_check .name{color:#fc5e91;float:left; width:100%; line-height:15px;margin-top:6px}