@charset "utf-8";


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

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






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






/************************************************
*		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:27%;float:left;}
.inp_wrap li{width:70%;height:45px;margin:0 0 10px;font-size:14px;font-weight:400;color:#222;line-height:45px;list-style:none;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/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;
	list-style:none;
	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;
	list-style:none;
	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{margin:0;padding:10px;text-align:center;font-size:14px;font-weight:400;color:#999;}
.footer .f_fix{width:94%;max-width:768px;position:fixed;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-top:2px;}

.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:0 10px !important;font-size:16px;font-weight:600;color:#000;line-height:40px;letter-spacing:-1px;}
.modal-header .close{margin-top:5px !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;line-height:22px;display:block;}
.modal-body .mb_txt{margin:0 0 10px;font-size:12px;line-height:20px;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:#cf000d;}
.modal-footer .btn-primary{background-color:#cf000d;border:0 none;color:#fff;}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover{background-color:#cf000d;}






/************************************************
*		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 !important;
	background:url(../images/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/a_check_ov1.png) center 50% no-repeat !important;
	background-size:20px 20px !important;
}


.agr_wrap li{height:30px;color:#222;line-height:30px;list-style:none;}
.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/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%;position:relative;}
}

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

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





/*************** Form ***************/
.wrap form {margin:0;padding:0;}
.wrap label {margin:0;padding:2px 0 0;font-size:0.9em;font-weight:300;cursor:pointer;display:block;}

.wrap input[type="text"],
.wrap input[type="password"],
.wrap input[type="email"],
.wrap select,
.wrap textarea {
	width:100%;
	padding:0 10px;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-transition:border-color 0.2s ease-in-out;
	-webkit-transition:border-color 0.2s ease-in-out;
	-o-transition:border-color 0.2s ease-in-out;
	-ms-transition:border-color 0.2s ease-in-out;
	transition:border-color 0.2s ease-in-out;
	background:transparent;
	border:1px solid #e8e8e8;
	border-radius:4px;
	text-decoration:none;
	font-size:14px;
	color:#222;
	display:block;
	outline:0;
}

.wrap textarea {padding:0.5em 1em;overflow:auto;}

.wrap input[type="text"]:invalid,
.wrap input[type="password"]:invalid,
.wrap input[type="email"]:invalid,
.wrap select:invalid,
.wrap textarea:invalid,
.wrap .invalid {
	border-color:#d92716 !important;
	color:#222;
}

.wrap input[type="text"]:focus,
.wrap input[type="password"]:focus,
.wrap input[type="email"]:focus,
.wrap select:focus,
.wrap textarea:focus {
	border-color:#cf000d;
	color:#222;
}

.wrap input[type="text"],
.wrap input[type="password"],
.wrap input[type="email"],
.wrap select {
	height:45px;
}

.wrap input[type="checkbox"],
.wrap input[type="radio"] {
	width:1em;
	margin-right:-2em;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	opacity:0;
	display:block;
	float:left;
	z-index:-1;
}

.wrap input[type="checkbox"] + label,
.wrap input[type="radio"] + label {
	padding-left:2.55em;
	padding-right:0.75em;
	text-decoration:none;
	font-size:1em;
	font-weight:200;
	color:rgba(0, 0, 0, 1);
	position:relative;
	cursor:pointer;
	display:inline-block;
}

.wrap input[type="checkbox"] + label:before,
.wrap input[type="radio"] + label:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}

.wrap input[type="checkbox"] + label:before,
.wrap input[type="radio"] + label:before {
	width:15px !important;
	height:20px !important;
	content:'';
	background:url(../images/check_up1.png) center 50% no-repeat !important;
	background-size:15px 11px !important;
	display:block;
	text-align:center;
	color:#ddd;
	line-height:20px;
	display:inline-block;
	position:absolute;
	left:0;
	top:5px;
}
.wrap input[type="checkbox"]:checked + label:before,
.wrap input[type="radio"]:checked + label:before {
    content:'';
    background:url(../images/check_ov1.png) center 50% no-repeat;
	background-size:15px 11px;
}

.wrap input[type="checkbox"]:focus + label:before,
.wrap input[type="radio"]:focus + label:before {
	border-color:#999;
}

.wrap input[type="checkbox"] + label:before {
}

.wrap input[type="radio"] + label:before {
}

.wrap ::-webkit-input-placeholder {
	color:#c0c0c0;
}

.wrap :-moz-placeholder {
	color:#c0c0c0;
}

.wrap ::-moz-placeholder {
	color:#c0c0c0;
}

.wrap :-ms-input-placeholder {
	color:#c0c0c0;
}

.wrap .formerize-placeholder {
	color:#c0c0c0;
}

.wrap .select-wrapper {
	height:45px;
	margin:0 0 10px;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#bbb;
	line-height:45px;
	display:block;
	position:relative;
}

.wrap .select-wrapper:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}

.wrap .select-wrapper:before {
	width:50px;
	height:50px;
	text-align:center;
	color:#666;
	line-height:45px;
	pointer-events:none;
	position:absolute;
	right:0;
	top:-4px;
	display:block;
}

.wrap .select-wrapper select::-ms-expand {
	display:none;
}

.wrap .select-wrapper select{
	height:45px;
}

.wrap .select option {
	background-color:#fff;
	color:#666;
}

.wrap .select:focus::-ms-value {
	background:transparent;
}



/* Button */
.wrap input[type="submit"],
.wrap input[type="reset"],
.wrap input[type="button"]{
	width:100%;
	height:45px;
	margin:0;
	padding:0 10px;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color:#e7e7e7;
	border-radius:4px;
	border:0;
	/*box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.3);*/
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	font-size:14px;
	font-weight:300;
	color:#c0c0c0;
	line-height:45px;
	cursor:pointer;
	display:inline-block;
}
.wrap .l_button{
	/*box-shadow:inset 0 0 0 1px #666;*/
	background-color:#fff !important;
	border:1px solid #cf000d !important;
	color:#cf000d !important;
}

.wrap input[type="submit"]:hover, input[type="submit"]:active,
.wrap input[type="reset"]:hover,
.wrap input[type="reset"]:active,
.wrap input[type="button"]:hover,
.wrap input[type="button"]:active,
.wrap .button,
.wrap .button:hover,
.wrap .button:active,
.wrap .l_button:hover,
.wrap .l_button:active {
	/*box-shadow:inset 0 0 0 1px #666;*/
	background-color:#cf000d !important;
	color:#fff !important;
}

.wrap input[type="submit"]:active,
.wrap input[type="reset"]:active,
.wrap input[type="button"]:active,
.wrap .button:active,
.wrap .l_button:active {
	background-color:#cf000d !important;
	color:#fff !important;
}

.w50p{width:50% !important;}
.w100p{width:100% !important;}