@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.wrap{width:100%;max-width:768px;margin:0 auto;padding:0;position:relative;}
.header{width:100%;max-width:768px;margin:0 auto;padding:0;position:fixed;top:0;z-index:1000;}
.mcontainer{width:100%;max-width:410px;margin:0 auto;padding:100px 0 20px !important;position:relative;}
.scontainer{width:100%;max-width:410px;margin:0 auto;padding:70px 0 20px !important;position:relative;}
.bcontainer{width:100%;max-width:410px;margin:0 auto;padding:70px 0 0 !important;position:relative;}
.footer{width:100%;max-width:410px;margin:0 auto;position:relative;z-index:1000;}






/************************************************
*		HEADER									*
************************************************/

.header{height:50px;background-color:#222;text-align:center;font-size:18px;font-weight:400;color:#fff;line-height:50px;}
.header .back_l{width:30px;height:50px;position:absolute;}
.header .back_l a{width:100%;height:50px;background:url(../images/icon/arrow_l_white.png) center 50% no-repeat;background-size:25px 25px;color:#fff;line-height:50px;display:block;}






/************************************************
*		CONTAINER								*
************************************************/

/*** Sub Content ***/
.content{width:100%;margin:25px 0;padding:0;position:relative;}



/* LOGIN + JOIN  */
.inp_wrap{margin:0;padding:0 10px;position:relative;}
.inp_wrap ul{margin:25px 0 10px;padding:0;}
.inp_wrap li:first-child{width:37%;float:left;}
.inp_wrap li{width:60%;height:45px;margin:0 0 10px;font-size:14px;font-weight:400;color:#222;line-height:45px;position:relative;display:block;float:right;}

.inp_i_wrap{width:100%;height:45px;margin:0 0 10px;line-height:45px;position:relative;}
.inp_i_wrap .iiw_1,
.inp_i_wrap .iiw_2{
	height:45px;
	margin:0;
	padding:0;
	border:1px solid #e8e8e8;
	border-radius:4px;
	position:relative;
}
.inp_i_wrap .iiw_1 li,
.inp_i_wrap .iiw_2 li{height:45px;line-height:45px;float:left;}
.inp_i_wrap .iiw_1 li input[type="text"],
.inp_i_wrap .iiw_2 li input[type="text"],
.inp_i_wrap .iiw_1 li input[type="password"],
.inp_i_wrap .iiw_2 li input[type="password"]{border:0 none;}
.inp_i_wrap .iiw_1 li input[type="submit"],
.inp_i_wrap .iiw_1 li input[type="reset"],
.inp_i_wrap .iiw_1 li input[type="button"]{
	width:45px;
	height:45px;
	background:url(../images/icon/btn_input_delete.png) no-repeat center 50%;
	background-size:15px 15px;
	float:right;
}
.inp_i_wrap .iiw_1 li input[type="submit"]:invalid,
.inp_i_wrap .iiw_1 li input[type="reset"]:invalid,
.inp_i_wrap .iiw_1 li input[type="button"]:invalid,
.inp_i_wrap .iiw_1 li input[type="submit"]:focus,
.inp_i_wrap .iiw_1 li input[type="reset"]:focus,
.inp_i_wrap .iiw_1 li input[type="button"]:focus{background-color:transparent !important;}

.inp_i_wrap .iiw_2 input[type="checkbox"] + label{
	width:100%;
	height:45px;
	padding:0;
	color:#fff;
}
.inp_i_wrap .iiw_2 input[type="checkbox"] + label:before{
	width:100%;
	height:45px;
	margin:0;
	padding:0;
	border-radius:0;
	border:0;
	background:url(../images/icon/btn_hide_off.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
	line-height:45px;
	left:0;
	top:-5px;
}
.inp_i_wrap .iiw_2 input[type="checkbox"]:checked + label:before{
    background:url(../images/icon/btn_hide_on.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
}
.inp_i_wrap .iiw_2 input[type="checkbox"]:focus + label:before {
	border-color:#fff;
}




.join_img{width:80%;margin:0 auto;padding:30px 0 0;position:relative;}
.join_img img{width:100%;}

.join_app{margin:0;padding:20px 10px 60px 10px;position:relative;}
.join_app ul{margin:0;padding:0;position:relative;}
.join_app li{
	margin:0 0 5px;
	padding:0;
	border:1px solid #e8e8e8;
	border-radius:3px;
	position:relative;
}
.join_app li a{width:100%;height:65px;padding:10px;cursor:pointer;display:block;}
.join_app li .ja_app{
	width:25%;
	max-width:45px;
	height:auto;
	text-align:left;
	float:left;
}
.join_app li .ja_app img{width:100%;}
.join_app li .ja_text{
	width:46%;
	margin-left:2%;
	float:left;
}
.join_app li .ja_text b{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:600;
	color:#222;
	line-height:25px;
	display:block;
}
.join_app li .ja_text p{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	color:#999;
	letter-spacing:-1px;
	display:block;
}
.join_app li .ja_down{
	width:28%;
	text-align:right;
	font-size:13px;
	font-weight:400;
	color:#222;
	line-height:45px;
	letter-spacing:-1px;
	float:right;
}
.join_app li .ja_down img{
	width:19px;
	height:20px;
	margin-left:5px;
}



.mp_wrap{padding:15px 5px 25px;text-align:center;position:relative;}
.mp_wrap .pr_case{
	width:90px;
	height:90px;
	margin:0 auto;
	position:relative;
	display:block;
}
.mp_wrap .pr_case .pr_img{
	width:90px;
	height:90px;
	border:1px solid #dfdfdf;
	border-radius:100%;
	line-height:90px;
	display:block;
	overflow:hidden;
}
.mp_wrap .pr_case .pr_img img{width:100%;vertical-align:top;}
.mp_wrap .pr_case .ri_mod{
	width:25px;
	height:25px;
	background-color:#fff;
	border:1px solid #dfdfdf;
	border-radius:100%;
	text-align:center;
	line-height:20px;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:1;
}
.mp_wrap .pr_case .ri_mod img{width:65%;}



.wd_wrap{margin:0;padding:10px 10px 20px;position:relative;}
.wd_wrap .ww_tit{margin:0;padding:20px 10px 10px;text-align:left;font-size:17px;font-weight:600;color:#222;line-height:24px;letter-spacing:-1px;display:block;}
.wd_wrap ul{margin:0 0 40px;padding:0;background-color:#f4f4f4;position:relative;}
.wd_wrap li:last-child{border-bottom:0 none;}
.wd_wrap li{
	margin:0;
	padding:0;
	border-bottom:1px solid #d8d8d8;
	position:relative;
}
.wd_wrap li a{width:100%;height:65px;padding:10px;cursor:pointer;display:block;}
.wd_wrap li .ww_app{
	width:25%;
	max-width:45px;
	height:auto;
	text-align:left;
	float:left;
}
.wd_wrap li .ww_app img{width:100%;}
.wd_wrap li .ww_text{
	width:46%;
	margin-left:2%;
	font-size:18px;
	font-weight:600;
	color:#222;
	line-height:45px;
	float:left;
}
.wd_wrap li .ww_link{
	width:28%;
	text-align:right;
	font-size:13px;
	font-weight:400;
	color:#666;
	line-height:45px;
	letter-spacing:-1px;
	float:right;
}






/************************************************
*		FOOT									*
************************************************/

.footer{padding:10px;text-align:center;font-size:14px;font-weight:400;color:#999;}
.footer .f_fix{width:94%;position:fixed;left:3%;right:3%;bottom:10px;}






/************************************************
*		ETC										*
************************************************/

.bctit{margin:0 0 10px;padding:0 10px;text-align:center;font-size:23px;font-weight:600;color:#222;line-height:33px;letter-spacing:-1px;display:block;}
.bctxt{margin:0 0 20px;padding:0 10px;text-align:center;font-size:15px;font-weight:400;color:#222;line-height:25px;letter-spacing:-1px;display:block;}
.bcsxt{margin:0 0 5px;padding:0 10px;text-align:center;font-size:15px;font-weight:400;color:#222;line-height:25px;letter-spacing:-1px;display:block;}

.sltit{margin:0 0 3px;padding:0 10px;text-align:left;font-size:22px;font-weight:500;line-height:36px;letter-spacing:-1px;position:relative;display:block;}
.sltit b{font-weight:400;}
.sltit span{height:36px;line-height:36px;position:absolute;right:10px;top:6px;}
.sltxt{margin:0 0 10px;padding:0;text-align:left;font-size:17px;font-weight:400;color:#222;line-height:24px;letter-spacing:-1px;display:block;}
.slcop{margin:0 0 10px;padding:0;text-align:left;font-size:14px;font-weight:400;color:#999;line-height:20px;letter-spacing:-1px;display:block;}
.slcop img{width:18px;height:18px;margin-bottom:5px;}

.sctit{margin:0 0 3px;padding:0 10px;text-align:center;font-size:22px;font-weight:500;line-height:36px;letter-spacing:-1px;position:relative;display:block;}
.sctit b{font-weight:400;}
.sctit span{height:36px;line-height:36px;position:absolute;right:10px;top:6px;}
.sctxt{margin:0 0 10px;padding:0;text-align:center;font-size:17px;font-weight:400;color:#222;line-height:24px;letter-spacing:-1px;display:block;}
.sccop{margin:0 0 10px;padding:0;text-align:center;font-size:14px;font-weight:400;color:#999;line-height:20px;letter-spacing:-1px;display:block;}






/************************************************
*		POPUP									*
************************************************/

/*************** BOOTSTRAP POP ******************/
.modal{top:40px !important;z-index:1000000 !important;}

.modal-header{padding:10px !important;font-size:16px;color:#000;letter-spacing:-1px;}
.modal-header .close{margin-top:-10px !important;font-size:35px;font-weight:300;color:#000;float:right;}

.modal-content{max-width:320px !important;margin:0 auto !important;}

.modal-body.mb_nav{
	width:135px;
	margin:5px 5px 0 0;
	padding:10px 5px;
	background-color:#fff;
	border:1px solid #000;
	border-radius:10px;
	float:right;
}
.modal-body .mb_nav{
	height:35px;
	padding:0 10px;
	text-align:left;
	font-size:14px;
	color:#000;
	line-height:35px;
	display:block;
}
.modal-body .mb_nav img{width:15px;height:auto;margin:0 15px 4px 0;}

.modal-body.mb_nop{padding:15px 10px;}

.modal-body .mb_ctit{margin:0 0 5px;text-align:center;font-size:14px;display:block;}
.modal-body .mb_ctxt{margin:0 0 10px;text-align:center;font-size:12px;display:block;}

.modal-body .mb_tit{margin:0 0 5px;font-size:14px;display:block;}
.modal-body .mb_txt{margin:0 0 10px;font-size:12px;display:block;}

.pscroll{height:280px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.modal-footer{padding:0 !important;}
.modal-footer .btn{height:50px;margin:0 !important;padding:0;border-radius:0;font-size:15px;line-height:50px;float:left;}
.modal-footer .btn-normal:first-child{border-right:1px solid #e5e5e5;}
.modal-footer .btn-normal{background-color:#fff !important;color:#2d82df;}
.modal-footer .btn-primary:first-child{border-right:1px solid #fff;}
.modal-footer .btn-primary{background-color:#2d82df;color:#fff;}






/************************************************
*		Agreement 								*
************************************************/

.agr_wrap{margin:0 10px 10px;position:relative;}
.agr_wrap ul{margin:0;padding:0;}
.agr_wrap li:first-child{
	height:40px;
	border-bottom:1px solid #e7e7e7;
	line-height:40px;
}
.agr_wrap li:first-child input[type="checkbox"],
.agr_wrap li:first-child input[type="radio"]{margin:0;}
.agr_wrap li:first-child input[type="checkbox"] + label b,
.agr_wrap li:first-child input[type="radio"] + label b{font-size:16px;color:#222;font-weight:500;line-height:40px;}
.agr_wrap li:first-child  input[type="checkbox"] + label,
.agr_wrap li:first-child  input[type="radio"] + label {padding:0 0 0 27px;line-height:40px;}
.agr_wrap li:first-child input[type="checkbox"] + label:before,
.agr_wrap li:first-child input[type="radio"] + label:before{
	width:20px;
	background:url(../images/icon/a_check_up1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
	line-height:40px;
	top:11px;
}
.agr_wrap li:first-child input[type="checkbox"]:checked + label:before,
.agr_wrap li:first-child input[type="radio"]:checked + label:before{
	background:url(../images/icon/a_check_ov1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
}


.agr_wrap li{height:30px;color:#222;line-height:30px;}
.agr_wrap li label {margin:0;}
.agr_wrap li input[type="checkbox"],
.agr_wrap li input[type="radio"] {float:left;}
.agr_wrap li input[type="checkbox"] + label,
.agr_wrap li input[type="radio"] + label {width:100%;margin:0;padding:0 0 0 22px;font-size:14px;font-weight:300;color:#222;line-height:30px;}
.agr_wrap li input[type="checkbox"] + label b,
.agr_wrap li input[type="radio"] + label b{font-size:14px;font-weight:400;color:#777;}
.agr_wrap li input[type="checkbox"]:checked + label:before b,
.agr_wrap li input[type="radio"]:checked + label:before b{color:#222;}
.agr_wrap li input[type="checkbox"] + label span,
.agr_wrap li input[type="radio"] + label span{float:right;}
.agr_wrap li input[type="checkbox"] + label span a,
.agr_wrap li input[type="radio"] + label span a{
	width:8px;
	height:30px;
	background:url(../images/icon/more_icon.png) right 50% no-repeat;
	background-size:8px 15px;
	line-height:30px;
	display:block;
}



.agr_bit{margin:0 0 10px;padding:0;text-align:left;font-size:16px;font-weight:500;color:#222;line-height:24px;letter-spacing:-1px;display:block;}
.agr_tit{margin:10px 0 0;padding:0;text-align:left;font-size:13px;font-weight:400;color:#222;line-height:21px;letter-spacing:-1px;display:block;}
.agr_txt{margin:0 0 10px;padding:0;text-align:left;font-size:12px;font-weight:400;color:#999;line-height:20px;letter-spacing:-1px;display:block;}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1{width:98%;margin:0 1% 15px;border-top:2px solid #555;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:10px;background-color:#fafafa;border:1px solid #e4e4e4;font-size:15px;font-weight:500;color:#333;line-height:20px;}
.table_type1 tbody th,
.table_type1 tbody td{padding:10px;background-color:#fff;border:1px solid #e4e4e4;font-size:13px;font-weight:400;color:#999;line-height:20px;vertical-align:top;}
.table_type1 tbody th p,
.table_type1 tbody td p{margin:0 0 10px;color:#333;display:block;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (min-width:768px){
	.agr_wrap{margin:0 10px 100px;}
	.footer .f_fix{width:100%;margin:0 auto;position:relative;}
}

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}