/* mobile css */
@charset"utf-8";

/* wrap */
#wrap {position:absolute; width:100%; min-height:100%;}

/* header */
#header {
	position:fixed;
	width:100%;
	height:50px;
	border-bottom:1px solid #bfbfbf;
	background:#ffffff;
	z-index:99;
}
.back_btn {
	position:absolute;
	width:38px;
	height:38px;
	margin-left:3%;
	margin-top:6px;
	background:url(../images/back_btn.png) no-repeat;
	background-size:cover;
}
.tit {text-align:center; line-height:50px;}
.tit span.tit_txt {font-size:1.1em; color:#3f3f3f; font-weight:bold;}

/* container */
#container {position:relative; float:left; width:100%; min-height:100%; padding-top:50px; padding-bottom:60px;}

/*list */
.list {position:relative; float:left; width:90%; height:100%; margin-left:5%; font-size:0.9em;}
.list img {width:100%;}
.h10 {position:relative; float:left; width:100%; height:10px;}

/* tab */
.list .tab {
	display:flex;
	flex:1;
	flex-direction:row;
	justify-content:space-between;
	width:100%;
	height:36px;
	margin-top:3%;
	margin-bottom:4%;
	overflow:hidden;
}
.list .tab button.tab_btn_on {
	min-width:32%;
	height:36px;
	background:#28bccc;
	font-size:0.9em;
	color:#ffffff;
	line-height:36px;
	border:0;
	border-radius:20px;
	outline:none;
}
.list .tab button.tab_btn {
	min-width:32%;
	height:36px;
	background:#cbcbcd;
	font-size:0.9em;
	color:#ffffff;
	line-height:36px;
	border:0;
	border-radius:20px;
	outline:none;
}
.list .tab button.tab_btn:focus,
.list .tab button.tab_btn:hover,
.list .tab button.tab_btn:active {background:#28bccc;}

/* list info text */
.list .top_info {position:relative; float:left; width:100%; margin-top:5%; word-break:keep-all;}
.list .top_info span.ti_txt {display:block; float:left; font-size:0.8em; line-height:18px; color:#8e8e8e;}
.list .top_info span.ti_txt_b {display:block; float:left; font-size:0.8em; line-height:18px; color:#f27186;}

/* list checkbox 2line cost */
.list .list_c2c {position:relative; width:100%; height:54px; margin-top:4%;}
.list .list_c2c input {display:none;}
.list .list_c2c label{
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:54px;
	line-height:54px;
	margin-left:2%;
	background-position:-1px 14px;
}
.list .list_c2c input:checked + label {background-position: -1px -37px;}
.list .list_c2c .txt_t {
	float:left;
	width:50%;
	height:54px;
	line-height:54px;
	margin-left:11%;
	font-weight:bold;
	color:#333742;
}
.list .list_c2c .txt_t span.txt_l {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:30px;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_c2c .txt_t span.txt_s {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:14px;
	font-size:0.75em;
	font-weight:normal;
}
.list .list_c2c .txt_c {
	float:left;
	width:35%;
	height:54px;
	line-height:54px;
	text-align:right;
	font-weight:bold;
	color:#333742;
}

/* list checkbox 2line */
.list .list_c2 {position:relative; width:100%; height:54px; margin-top:0%; margin-bottom:3%;}
.list .list_c2 input {display:none;}
.list .list_c2 label{
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:54px;
	line-height:54px;
	margin-left:2%;
	background-position:-1px 14px;
}
.list .list_c2 input:checked + label {background-position: -1px -37px;}
.list .list_c2 .txt_c2 {
	float:left;
	width:100%;
	height:54px;
	line-height:54px;
	margin-left:11%;
	font-weight:bold;
	color:#333742;
}
.list .list_c2 .txt_c2 span.txt_l {
	float:left;
	display:block;
	width:80%;
	text-align:left;
	line-height:30px;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_c2 .txt_c2 span.txt_ln {
	font-weight:normal;
}
.list .list_c2 .txt_c2 span.txt_s {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:14px;
	font-size:0.75em;
	font-weight:normal;
}

/* list radio 2line */
.list .list_r2 {position:relative; width:100%; height:54px; margin-bottom:3%;}
.list .list_r2 input {display:none;}
.list .list_r2 label{
	position:absolute;
	width:100%;
	height:54px;
	line-height:54px;
	margin-left:2%;
	background-position:-1px -92px;
}
.list .list_r2 input:checked + label {background-position: -1px -142px;}
.list .list_r2 .txt_r2 {
	float:left;
	width:89%;
	height:54px;
	line-height:54px;
	margin-left:11%;
	font-weight:bold;
	color:#333742;
}
.list .list_r2 .txt_r2 span.txt_l {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:30px;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_r2 .txt_r2 span.txt_ln {
	font-weight:normal;
}
.list .list_r2 .txt_r2 span.txt_s {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:14px;
	font-size:0.75em;
	font-weight:normal;
}

/* list checkbox 1line btn */
.list .list_c1b {position:relative; float:left; width:100%; height:54px; margin-top:5%;}
.list .list_c1b input {display:none;}
.list .list_c1b label{
	position:absolute;
	width:80%;
	height:54px;
	line-height:54px;
	background-position:0 15px;
}
.list .list_c1b input:checked + label {background-position:0 -150px;}
.list .list_c1b span.a_txt {display:block; height:54px; margin-left:12%; font-size:0.8em;}
.list .list_c1b button.sgb {
	float:right;
	width:65px;
	height:26px;
	margin-top:14px;
	background:#ffffff;
	font-size:0.8em;
	color:#28bccc;
	border:1px solid #cbcbcd;
	border-radius:40px;
	outline:none;
}
.list .list_c1b button.btn_s {
	float:right;
	width:20%;
	height:28px;
	margin-top:13px;
	line-height:25px;
	border:0;
	border-radius:100px;
	background:#6d6d6d;
	font-size:0.7em;
	color:#ffffff;
	outline:none;
	margin-left:12px;
}

/* list checkbox 1line more_btn */
.list .list_c1m {position:relative; float:left; width:100%; height:54px; margin-top:1%; margin-bottom:1%;}
.list .list_c1m input {display:none;}
.list .list_c1m label{
	position:absolute;
	width:80%;
	height:54px;
	line-height:54px;
	background-position:0 15px;
}
.list .list_c1m input:checked + label {background-position:0 -150px;}
.list .list_c1m span.txt,
.list .list_c1m span.txt_b {display:block; height:54px; margin-left:14%; font-size:1.1em;}
.list .list_c1m span.txt_b {font-weight:bold;}
.list .list_c1m button.more {
	float:right;
	width:54px;
	height:54px;
	border:none;
	background:url(../images/more_u_btn.png) no-repeat;
	background-size:50% 50%;
	background-position:center;
	outline:none;
}
/* list description area */
.list .list_desc {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	margin-top:1%;
	margin-bottom:4%;
	border-top:1px solid #eeeeee;
	font-size:0.8em;
	line-height:19px;
	word-break:keep-all;
}
.list .list_desc .ld_tit_area {width:92%; margin-left:4%; margin-top:4%;}
.list .list_desc .ld_txt_area {display:block; width:88%; margin-left:8%;}
.list .list_desc .ld_tit_area span.ld_tit_b,
.list .list_desc .ld_txt_area span.ld_txt_b {font-weight:bold;}

/* list radio 1line */
.list .list_r1 {position:relative; float:left; width:100%; height:40px; margin-bottom:4%;}
.list .list_r1 input {display:none;}
.list .list_r1 label{
	position:absolute;
	width:100%;
	height:40px;
	line-height:40px;
	background-position:0 8px;
}
.list .list_r1 input:checked + label {background-position:0 -484px;}
.list .list_r1 span.txt_f {display:block; height:40px; margin-left:12%; font-size:1em;}
.list .list_r1 span.txt_f img {width:35%;}
.list .list_r1 span.txt_b {display:block; height:40px; margin-left:12%; font-size:1.1em; font-weight:bold; color:#00643e;}

/* list title */
.list .list_title {position:relative; float:left; width:100%; height:100%; text-align:left; margin-top:4%; margin-bottom:3%;}
.list .list_title span.l_tit_txt {font-size:1em; font-weight:bold;}
.list .list_title button.btn_s {
	float:right;
	width:36%;
	height:28px;
	line-height:25px;
	border:0;
	border-radius:100px;
	background:#6d6d6d;
	font-size:0.7em;
	color:#ffffff;
	outline:none;
	margin-left:12px;
}

/* list box */
.list .list_box {position:relative; float:left; width:100%; height:100%; border-radius:10px; background:#f6f6f6; letter-spacing:-1px;}
.list .list_box .list_box_wrap {position:relative; float:left; margin:auto; width:92%; height:100%; padding:4% 4% 0 4%;}
.list .list_box .list_box_wrap span.lb,
.list .list_box .list_box_wrap span.lb_b,
.list .list_box .list_box_wrap span.lb_bb {font-size:0.9em;}
.list .list_box .list_box_wrap span.lb_b {font-weight:bold; color:#f27186;}
.list .list_box .list_box_wrap span.lb_bb {font-weight:bold;}
.list .list_box .list_box_wrap .m5p {width:92%; padding:3%;}
.list .list_box .list_box_wrap span.lb_l {display:block; float:left; width:25%; height:36px; font-size:1em; text-align:left;}
.list .list_box .list_box_wrap span.lb_lb {
	display:block;
	float:left;
	width:40%;
	height:36px;
	font-size:1em;
	font-weight:bold;
	color:#28bccc;
}
.list .list_box .list_box_wrap span.lb_r {
	display:block;
	float:right;
	width:75%;
	height:36px;
	font-size:1em;
	text-align:right;
}
.list .list_box .list_box_wrap span.lb_rb {
	display:block;
	float:right;
	width:81%;
	height:36px;
	font-size:1em;
	color:#28bccc;
	font-weight:bold;
	text-align:right;
}
.list .list_box .list_box_wrap .txt_a {
	float:left;
	width:100%;
	height:54px;
	line-height:54px;
}
.list .list_box .list_box_wrap .txt_t {
	float:left;
	width:50%;
	height:54px;
	line-height:54px;
}
.list .list_box .list_box_wrap .txt_t span.txt_l {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:30px;
	font-size:1em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_box .list_box_wrap .txt_t span.txt_s {
	float:left;
	display:block;
	width:100%;
	text-align:left;
	line-height:12px;
	font-size:0.75em;
	font-weight:normal;
}
.list .list_box .list_box_wrap .txt_c {
	float:left;
	width:50%;
	height:54px;
	line-height:54px;
	text-align:right;
}
.list .list_box .list_box_wrap .event {
	float:left;
	width:100%;
	background:#f27186;
	border-radius:10px;
	margin-bottom:4%;
	text-align:center;
}
.list .list_box .list_box_wrap .event span.ev_txt {
	display:block;
	font-size:0.9em;
	color:#ffffff;
	font-weight:bold;
	line-height:28px;
}
.list .list_box .list_box_wrap .event span.ev_tl {
	display:block;
	float:left;
	margin-left:3%;
	font-size:0.9em;
	color:#ffffff;
	font-weight:bold;
	line-height:28px;
}
.list .list_box .list_box_wrap .event span.ev_tr {
	display:block;
	float:right;
	margin-right:4%;
	font-size:0.9em;
	color:#ffffff;
	font-weight:bold;
	line-height:28px;
}

/* list insurance 3line */
.list .list_box .list_box_wrap .list_insu3 {float:left; width:100%; height:100%; margin-bottom:4%;}
.list .list_box .list_box_wrap .list_insu3 .insu_info1,
.list .list_box .list_box_wrap .list_insu3 .insu_info2,
.list .list_box .list_box_wrap .list_insu3 .insu_info3 {float:left; width:90%;}
.list .list_box .list_box_wrap .list_insu3 .insu_info1 span.insu_name {
	display:block;
	float:left;
	font-size:1em;
	font-weight:bold;
}
.list .list_box .list_box_wrap .list_insu3 .insu_info1 span.insu_type {
	font-size:0.8em;
	color:#ffffff;
	background:#4485f6;
	padding-left:6px;
	padding-right:6px;
	border-radius:10px;
	margin-left:4%;
	margin-top:1%;
}
.list .list_box .list_box_wrap .list_insu3 .insu_info2 span.name {
	display:block;
	float:left;
	margin-top:2%;
	font-size:0.8em;
}
.list .list_box .list_box_wrap .list_insu3 .insu_info2 span.h_devider {
	display:block;
	float:left;
	margin:2% 2% 0 2%;
	font-size:0.8em;
}
.list .list_box .list_box_wrap .list_insu3 .insu_info3 span.insu_company {
	display:block;
	clear:both;
	float:left;
	width:100px;
	margin-top:2%;
}
.list .list_box .list_box_wrap .list_insu3 .insu_info3 span.insu_company img {width:100%;}
.list .list_box .list_box_wrap .list_insu3 .more {float:right; width:10%; margin-top:-8%;}
.list .list_box .list_box_wrap .list_insu3 .more img {width:100%;}

/* list vote insurance 1line */
.list .list_box .list_box_wrap .vote_insu {float:left; width:100%; height:100%; margin-bottom:8%;}
.list .list_box .list_box_wrap .vote_insu span.insu_company {display:block;	float:left;	width:60px;}
.list .list_box .list_box_wrap .vote_insu span.vi_txt {display:block; float:left; margin-left:8px;}
.list .list_box .list_box_wrap .vote_insu span.vi_type {
	font-size:0.8em;
	color:#ffffff;
	background:#f64444;
	padding-left:6px;
	padding-right:6px;
	border-radius:10px;
	margin-left:4%;
	margin-top:1%;
}

/* list checkbox*/
.list .list_box .list_box_wrap .list_c {position:relative; float:left; width:100%; height:136px; margin-bottom:6%;}
.list .list_box .list_box_wrap .list_c input {display:none;}
.list .list_box .list_box_wrap .list_c label{
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:136px;
	background-position:0 56px;
}
.list .list_box .list_box_wrap .list_c input:checked + label {background-position:0 -108px;}
.list .list_box .list_box_wrap .list_c span.lb_l {
	display:block;
	float:left;
	width:20%;
	height:36px;
	margin-left:12%;
	font-size:1em;
	line-height:36px;
}
.list .list_box .list_box_wrap .list_c span.lb_r {
	display:block;
	float:right;
	width:60%;
	height:36px;
	font-size:1em;
	line-height:36px;
}

/* list info text */
.list .info_txt {position:relative; float:left; width:90%; padding:5%; border-bottom:1px solid #cbcbcd;}
.list .info_txt span.if_txt {float:left; font-size:0.8em; line-height:18px; color:#8e8e8e;}

/* list checkbox img */
.sp {
	background:url('../images/check_radio.png') no-repeat;
	background-size:25px auto;
	-webkit-background-size: 25px auto;
}

/* list radio img */
.rp {
	background:url('../images/check_radio.png') no-repeat;
	background-size:25px auto;
	-webkit-background-size: 25px auto;
}

/* list with title */
.lwt_wrap {position:relative; float:left; width:100%; height:100%; font-size:0.9em; margin-top:7%;}
.list .tit_inp,
.list .tit_2btn,
.list .lwt_3,
.list .inp_btn {position:relative; float:left; width:100%; height:100%; margin-bottom:5%;}

/* list with title_type1 */
.list .tit_inp .list_tlt,
.list .tit_tel .list_tlt3 {float:left; width:23%; line-height:42px;}
.list .tit_inp .list_tlt span.list_t,
.list .tit_2btn .list_tlt2 span.list_t,
.list .tit_tel .list_tlt3 span.list_t {float:left; display:block; width:100%; line-height:42px; font-weight:bold; color:#3f3f3f; font-size:1em;}
.list .tit_inp .list_right,
.list .tit_tel .list_right {float:left; width:77%; height:100%;}
.list .tit_inp .list_right input.long_r {
	display:block;
	width:100%;
	line-height:42px;
	border:none;
	border-radius:100px;
	background:#eeeeee;
	font-size:1.1em;
	color:#000000;
	padding-left:20px;
}
.list .tit_inp .list_right input.long_r2 {
	float:left;
	width:48%;
	line-height:42px;
	border:none;
	border-radius:100px;
	background:#eeeeee;
	font-size:1.1em;
	color:#000000;
	padding-left:20px;
}
.list .tit_inp .list_right input.long_r3 {
	float:left;
	width:100%;
	line-height:42px;
	border:none;
	border-radius:100px;
	background:#eeeeee;
	font-size:1.1em;
	color:#000000;
	margin-top:12px;
	padding-left:20px;
}
.list .tit_inp .list_right input.long_r4 {
	display:block;
	float:left;
	width:92%;
	line-height:42px;
	border:none;
	border-radius:100px;
	background:#eeeeee;
	color:#999999;
	padding-left:20px;
}
.list .tit_inp .list_right input.long_r:focus {outline:none;}
.list .tit_inp .list_right button.btn_b {
	float:right;
	width:46%;
	height:42px;
	line-height:36px;
	border:1px solid #3f3f3f;
	border-radius:100px;
	background:#ffffff;
	font-size:0.8em;
	outline:none;
	margin-left:12px;
}

/* list with title_type2 */
.list .tit_2btn .list_tlt2 {float:left; width:40%; line-height:42px;}
.list .tit_2btn .list_right2 {float:right; width:57%; height:100%;}
.list .tit_2btn .list_right2 button.btn_cg,
.list .tit_2btn .list_right2 button.btn_co {
	float:left;
	width:80px;
	height:42px;
	border:2px solid #656565;
	border-radius:100px;
	background:#ffffff;
	font-size:1em;
	color:#656565;
	outline:none;
	margin-left:12px;
}
.list .tit_2btn .list_right2 button.btn_co {
	border:2px solid #f68d35;
	color:#f68d35;
}
.list .tit_2btn .list_right2 button.btn_cg:focus,
.list .tit_2btn .list_right2 button.btn_cg:hover,
.list .tit_2btn .list_right2 button.btn_cg:active {background:#656565; color:#ffffff;}
.list .tit_2btn .list_right2 button.btn_co:focus,
.list .tit_2btn .list_right2 button.btn_co:hover,
.list .tit_2btn .list_right2 button.btn_co:active {background:#f68d35; color:#ffffff;}

/* list with title_type3 */
.list .tit_tel .list_right3 {float:right; width:70%; height:100%;}
.list .tit_tel .list_right3 .list_ri {float:left; width:33%; height:40px; margin-bottom:4%;}
.list .tit_tel .list_right3 .list_ri input {display:none;}
.list .tit_tel .list_right3 .list_ri label{
	position:absolute;
	width:22%;
	height:40px;
	line-height:40px;
	background-position:-1px -92px;
}
.list .tit_tel .list_right3 .list_ri input:checked + label {background-position: -1px -142px;}
.list .tit_tel .list_right3 .list_ri span.txt_ri {display:block; height:40px; margin-left:46%; font-size:1em;}

/* list with title_type4 */
.list .inp_btn .inp_left {
	float:left;
	width:62%;
	height:42px;
}
.list .inp_btn .inp_left input.long_r {
	float:left;
	display:block;
	width:100%;
	line-height:42px;
	border:none;
	border-radius:100px;
	background:#eeeeee;
	font-size:1.1em;
	color:#000000;
	padding-left:20px;
}
.list .inp_btn .inp_left input.long_r:focus {outline:none;}
.list .inp_btn .list_right4 {float:right; width:37%; height:42px;}
.list .inp_btn .list_right4 button.btn_b {
	float:left;
	width:90%;
	height:42px;
	line-height:36px;
	border:2px solid #28bccc;
	border-radius:100px;
	background:#ffffff;
	font-size:1em;
	color:#28bccc;
	outline:none;
	margin-left:12px;
}
.list .inp_btn .list_right4 button.btn_b:focus,
.list .inp_btn .list_right4 button.btn_b:hover,
.list .inp_btn .list_right4 button.btn_b:active {background:#28bccc; color:#ffffff;}
.list .inp_btn span.exp {float:left; display:inline-block; width:62%; height:42px; margin-left:18px; margin-top:5px;font-size:0.85em; color:#28bccc;}
#m_20 {margin-top:20px;}
.list .tit_tot {float:left; width:100%; font-size:1.15em; height:26px;  border-bottom:2px solid #f6f6f6; padding-bottom:8px;}
.list .tit_tot span.txt_tb {font-weight:bold;}
.list .tit_tot span.txt_tn {font-weight:normal;}
.list .txt_c2 span.txt_line1 {
	float:left;
	display:block;
	width:80%;
	text-align:left;
	line-height:50px;
	font-weight:normal;
	font-size:1em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list span.txt_lst {
	float:left;
	width:100%;
	height:36px;
	margin-left:2%;
	color:#333742;
}
.list .cho_wrap {position:relative; float:left; width:100%; height:42px; margin-bottom:7%; margin-top:7%;}
.list .cho_wrap .tit_left {float:left; width:30%; height:42px; line-height:42px; font-size:1em; font-weight:bold;}
.list .input_box_dn_wrap {float:right; width:77%; height:42px;}
.list .input_box_dn_wrap .select {position:relative; float:right; width:100%; height:42px; border:2px solid #dcdbdb; border-radius:100px; box-sizing:border-box;}
.list .input_box_dn_wrap .select label {
	position:absolute;
	left:0;
	top:0;
	width:92%;
	height:38px;
	line-height:38px;
	font-size:0.9em;
	padding-left:7%;
	background:url(../images/btn_dn.png) no-repeat  right 16px;
	background-size:25px 6px;
}
.list .input_box_dn_wrap .select #submit {
	width:100%;
	height:38px;
	border-radius:10px;
	border:0;
	background:#ffffff;
	line-height:38px;
	opacity:0;
}
.list .btn_big {float:left; width:100%; height:52px;}
.list .btn_big button.btn_add {
	margin:auto;
	width:100%;
	height:52px;
	line-height:48px;
	border:2px solid #28bccc;
	border-radius:40px;
	background:#ffffff;
	font-size:1.1em;
	color:#28bccc;
	font-weight:bold;
	outline:none;
}

/* list_wh */
.list .list_wh {float:left; width:100%; height:100%;}
.list .list_wh span.txt_l {
	display: block;
	float: left;
	width: 50%;
	line-height:42px;
	font-size: 1em;
}
.list .list_wh button.sgb {
	float:right;
	width:65px;
	height:26px;
	margin-top:7px;
	background:#f6f6f6;
	font-size:0.8em;
	color:#656565;
	border:1px solid #656565;
	border-radius:40px;
	outline:none;
}
.list .list_wh button.btn_de:focus,
.list .list_wh button.btn_de:hover,
.list .list_wh button.btn_de:active {background:#656565; color:#ffffff;}
.list .list_whc {float:left; width:100%; height:100%; border:none; border-top: 1px solid #a2a2a2; margin-top:5%;}
.list .list_whc span.txt_bl {display:block; float:left; width:50%; height:42px; line-height:42px; color:#28bccc;}
.list .list_whc span.txt_br {display:block; float:left; width:50%; height:42px; text-align:right; line-height:42px; color:#28bccc;}
/*list info */
.list .info_txt span.if_ml {float:left; font-size:0.7em; line-height:18px; color:#8e8e8e;}

/* popup */
.claim_check_popup {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}

.claim_check_popup_cont {
	position:absolute;
	left:5%;
	top:20%;
	width:90%;
	height:270px;
	background:#ffffff;
	border:1px solid #ffffff;
	border-radius:10px;
	z-index:999;
}
.claim_check_popup_cont .pb_header {
	position:fixed;
	width:90%;
	height:50px;
	background:#ffffff;
	border-radius:10px;
}
.claim_check_popup_cont .pb_header .tlt_w {position:relative; width:100%; height:50px; border-bottom:2px solid #e4e4e4; }
.claim_check_popup_cont .pb_header .tlt_w .p_tlt {line-height:50px; text-align:center; font-weight:bold; font-size:1.05em; color:#3f3f3f; }
.claim_check_popup_cont .pb_header .tlt_w .close_btn {
	display:inline-block;
	position:absolute;
	top:6px;
	left:86%;
	width:38px;
	height:38px;
	background:url('../images/close_btn.png') no-repeat;
	background-size:cover;
}
.claim_check_popup_cont .list_popup {
	position:relative;
	float:left;
	width:90%;
	height:190px;
	overflow-y:scroll;
	margin-left:5%;
	margin-top:70px;
	font-size:0.9em;
}
.claim_check_popup_cont .list_popup .list_box {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:3%;
	border-radius:10px;
	background:#f6f6f6;
}
.claim_check_popup_cont .list_popup .list_box .list_box_wrap {
	position:relative;
	float:left;
	margin:auto;
	width:92%;
	height:auto;
	padding:4% 4% 0 4%;
}
.claim_check_popup_cont .list_popup .list_box .list_box_wrap span.lb_f {
	display:block;
	float:left;
	width:100%;
	height:36px;
	font-size:1em;
	font-weight:bold;
}
.claim_check_popup_cont .list_popup .list_box .list_box_wrap span.lb_c {
	display:block;
	float:left;
	width:94%;
	height:36px;
	margin-left:3%;
	font-size:1em;
	text-align:left;
}

.claim_check_popup_cont .pc_footer {display:flex; flex:0 0 66px; margin-top:auto; width:100%; height:66px; border-top:1px solid #c9c9c9;}
.claim_check_popup_cont .pc_footer button.pc_btn_c {
	width:50%;
	height:66px;
	border-left:0;
	border-right:1px solid #c9c9c9;
	border-top:0;
	border-bottom:0;
	outline:none;
	border-radius:0 0 0 6px;
	background:#ffffff;
	font-size:1.2em;
	color:#b3b3b3;
}
.claim_check_popup_cont .pc_footer button.pc_btn_o {
	width:50%;
	height:66px;
	border:0;
	outline:none;
	border-radius:0 0 6px 0;
	background:#ffffff;
	font-size:1.2em;
	color:#f27186;
}





#abc_popup {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}

#dim_wrap_progress_claim{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.abc_popup_cont {
	position:absolute;
	left:5%;
	top:12%;
	width:90%;
	height:450px;
	background:#ffffff;
	border:1px solid #ffffff;
	border-radius:10px;
	z-index:999;
}
.abc_popup_cont .pb_header {
	position:fixed;
	width:90%;
	height:50px;
	background:#ffffff;
	border-radius:10px;
}
.abc_popup_cont .pb_header .tlt_w {position:relative; width:100%; height:50px; border-bottom:2px solid #e4e4e4; }
.abc_popup_cont .pb_header .tlt_w .p_tlt {line-height:50px; text-align:center; font-weight:bold; font-size:1.05em; color:#3f3f3f; }
.abc_popup_cont .pb_header .tlt_w .close_btn {
	display:inline-block;
	position:absolute;
	top:6px;
	left:86%;
	width:38px;
	height:38px;
	background:url('../images/close_btn.png') no-repeat;
	background-size:cover;
}
.abc_popup_cont .list_popup {
	position:relative;
	float:left;
	width:90%;
	height:370px;
	overflow-y:scroll;
	margin-left:5%;
	margin-top:70px;
	font-size:0.9em;
}
.abc_popup_cont .list_popup .list_box {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:3%;
	border-radius:10px;
	background:#f6f6f6;
}
.abc_popup_cont .list_popup .list_box .list_box_wrap {
	position:relative;
	float:left;
	margin:auto;
	width:92%;
	height:auto;
	padding:4% 4% 0 4%;
}
.abc_popup_cont .list_popup .list_box .list_box_wrap span.lb_f {
	display:block;
	float:left;
	width:100%;
	height:36px;
	font-size:1em;
	font-weight:bold;
}
.abc_popup_cont .list_popup .list_box .list_box_wrap span.lb_c {
	display:block;
	float:left;
	width:94%;
	height:36px;
	margin-left:3%;
	font-size:1em;
	text-align:left;
}

#dim_wrap {
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
.popup_bank {
	position:absolute;
	left:5%;
	top:3%;
	width:90%;
	height:95%;
	background:#ffffff;
	border:1px solid #ffffff;
	border-radius:10px;
	z-index:999;
}
.popup_bank .pb_header {
	position:fixed;
	width:90%;
	height:50px;
	background:#ffffff;
	border-radius:10px;
}
.popup_bank .tlt_w {position:relative; width:100%; height:50px; border-bottom:2px solid #e4e4e4; }
.popup_bank .tlt_w .p_tlt {line-height:50px; text-align:center; font-weight:bold; font-size:1.05em; color:#3f3f3f; }
.popup_bank .tlt_w .close_btn {
	display:inline-block;
	position:absolute;
	top:6px;
	left:86%;
	width:38px;
	height:38px;
	background:url('../images/close_btn.png') no-repeat;
	background-size:cover;
}
.popup_bank .bank_search {width:90%; height:42px; margin:5% 5% 5% 5%;}
.popup_bank .bank_search input.bank_in {
	display: block;
	width:100%;
	line-height:42px;
	border: none;
	border-radius:100px;
	background:#eeeeee;
	font-size:0.95em;
	color:#000000;
	padding-left:18px;
}
.popup_bank .bank_list {width:90%; height:88%; margin-left:5%; margin-top:50px; overflow-y:scroll;}
.popup_bank .bank_list .banking {width:100%; height:46px; margin:4px 0 4px 0;}
.popup_bank .bank_list .banking span.bank_logo {display:inline-block; width:27px; line-height:46px;}
.popup_bank .bank_list .banking span.bank_logo img {width:100%;}
.popup_bank .bank_list .banking span.bank_name {display:inline-block; line-height:46px; margin-left:12px; font-size:1em;}
.bg_dim{position:absolute; width:100%; height:100vh; background-color:#000000;	opacity:0.6; z-index:99; }

/* complete page*/
.mid {position:absolute; top:100%; left:5%; width:90%; height:20px;}
.mid span.txt_mid {display:block; font-size:1.1em; font-weight:bold; text-align:center;}
.mid .icon {display:block; margin:auto; width:66px; height:66px;}
.mid .icon img {width:100%;}

/* loading */
.charge_loading {
	display:flex;
	flex-direction:column;
	flex:0 190px;
	margin-top:auto;
	position:absolute;
	left:5%;
	top:30%;
	width:90%;
	border-radius:10px;
	z-index:9999;
	text-align:center;
	background:transparent;
}
.charge_loading_cont {
	margin:auto;
	display:inline-block;
	position:relative;
	width:90%;
	height:190px;
	border-radius:10px;
	background:#ffffff;
}
.charge_loading_cont .clc_txt {
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-top:5%;
}
.charge_loading_cont .clc_wrap {
	position:relative;
	width:248px;
	height:42px;
	margin:0 auto;
	padding-top:96px;
}
.charge_loading_cont .clc_wrap .clc_txt span.ct {font-size:1em; font-weight:bold;}
.charge_loading_cont .clc_wrap .clc_img {
	position:absolute;
	width:100%;
	height:42px;
	background:url(../images/charge_progress_mask.png) no-repeat;
	background-size:cover;
	z-index:99999;
}
.charge_loading_cont .clc_wrap .clc_progress {
	position:relative;
	width:100%;
	height:42px;
	margin:0 auto;
	background:#e6e6e6;
}
.battery {position:relative; display:block;	float:left;	background:#e6e6e6;	width:10px;	height:42px;}
@-webkit-keyframes charging {
	from {width:0px; background:#f27186;}
	to {width:248px; background:#f27186;}
}
.charging {-webkit-animation: charging 4s ease-in-out infinite;}

@-webkit-keyframes glow {
	from {opacity:0;}
	to {opacity:1;}
}
.glow {-webkit-animation: glow 1s ease-in-out infinite;	-webkit-animation-direction: alternate;}

.loading {
	display:flex;
	flex-direction:column;
	flex:0 64px;
	margin-top:auto;
	position:absolute;
	left:5%;
	top:40%;
	width:90%;
	border-radius:10px;
	z-index:9999;
	text-align:center;
	background:transparent;
}
.loading .lds-spinner {
	margin:auto;
	display:inline-block;
	position:relative;
	width:64px;
	height:64px;
}
.loading .lds-spinner div {
	transform-origin:32px 32px;
	animation:lds-spinner 1.2s linear infinite;
}
.loading .lds-spinner div:after {
	content:" ";
	display:block;
	position:absolute;
	top:3px;
	left:29px;
	width:5px;
	height:14px;
	border-radius:20%;
	background:#35ebff;
}
.loading .lds-spinner div:nth-child(1) {transform:rotate(0deg); animation-delay:-1.1s;}
.loading .lds-spinner div:nth-child(2) {transform:rotate(30deg); animation-delay:-1s;}
.loading .lds-spinner div:nth-child(3) {transform:rotate(60deg); animation-delay:-0.9s;}
.loading .lds-spinner div:nth-child(4) {transform:rotate(90deg); animation-delay:-0.8s;}
.loading .lds-spinner div:nth-child(5) {transform:rotate(120deg); animation-delay:-0.7s;}
.loading .lds-spinner div:nth-child(6) {transform:rotate(150deg); animation-delay:-0.6s;}
.loading .lds-spinner div:nth-child(7) {transform:rotate(180deg); animation-delay:-0.5s;}
.loading .lds-spinner div:nth-child(8) {transform:rotate(210deg); animation-delay:-0.4s;}
.loading .lds-spinner div:nth-child(9) {transform:rotate(240deg); animation-delay:-0.3s;}
.loading .lds-spinner div:nth-child(10) {transform:rotate(270deg); animation-delay:-0.2s;}
.loading .lds-spinner div:nth-child(11) {transform:rotate(300deg); animation-delay:-0.1s;}
.loading .lds-spinner div:nth-child(12) {transform:rotate(330deg); animation-delay:0s;}
@keyframes lds-spinner {0% {opacity: 1;} 100% {opacity: 0;}}
.loading .loading_txt {display:block; color:#35ebff; font-weight:bold; margin-top:6%;}

.popup_progress .p_progress {width:90%; margin:auto; padding-bottom:8%;}
.popup_progress .p_progress span.pp_tit {display:block; float:left; font-size:0.9em;}
.popup_progress .p_progress span.pp_status,
.popup_progress .p_progress span.progress-value {display:block; float:right; color:#898989; font-size:0.9em;}
.popup_progress .p_progress .progress_bar {
	float:left;
	width:100%;
	height:12px;
	border-radius:12px;
	margin-top:4%;
	background:#cdcdcd;
}
progress {border-radius:12px; background:#35ebff;}
progress::-webkit-progress-bar {border-radius:12px; background:#cdcdcd;}
progress::-webkit-progress-value {border-radius:12px; background:linear-gradient(to right, #28bccc, #30e1f4);}
progress::-moz-progress-bar {border-radius:12px; background:#35ebff;}

/* footer */
#footer {position:fixed; width:100%; height:60px; left:0; bottom:0; z-index:999;}
#footer button.cta_a {
	margin:auto;
	width:100%;
	height:60px;
	background:#f27186;
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	line-height:60px;
	border:0;
	outline:none;
}

/* footer with info */
#footer_info {display:flex; flex-direction:column; flex:0 0 142px; margin-top:auto; width:100%; height:142px; padding-top:3%; padding-bottom:3%;}
#footer_info .info {position:relative; margin:auto; width:90%; padding:5%;}
#footer_info .info span.txt_info {float:left; font-size:0.7em; line-height:18px; color:#8e8e8e;}
#footer_info .button_twi {width:100%; margin:auto;}
#footer_info button.cta_fin {
	float:left;
	width:45%;
	height:52px;
	border:none;
	border-radius:40px;
	margin-left:3%;
	margin-right:2%;
	background:#7e7e7e;
	outline:none;
	color:#ffffff;
	font-weight:bold;
	font-size:1em;
}
#footer_info button.cta_next {
	float:right;
	width:45%;
	height:52px;
	border:none;
	border-radius:40px;
	margin-left:2%;
	margin-right:3%;
	background:#10a86e;
	outline:none;
	color:#ffffff;
	font-weight:bold;
	font-size:1em;
}