@charset"utf-8";

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

/* header */
#header {display:none;}

/* tab */
#header_tab {
	position:fixed;
	width:100%; 
	height:44px;
	background:#ffffff;
	z-index:9;
}
.ht_tit {display:none;}
.ht_tab_wrap {position:relative; float:left; width:90%; height:44px; margin-left:5%;}
.ht_tab_wrap .ht_tab {
	display:flex; 
	flex:1; 
	flex-direction:row; 
	justify-content:space-between; 
	width:100%; 
	height:36px; 
	margin-top:3%; 
	margin-bottom:4%;
	overflow:hidden;
}
.ht_tab_wrap .ht_tab button.tab_btn_on {
	min-width:33%;
	height:36px;
	background:#f27186;
	font-size:0.8em; 
	color:#ffffff;
	line-height:36px;
	border:0;
	border-radius:20px;
	outline:none;
}
.ht_tab_wrap .ht_tab button.tab_btn {
	min-width:33%;
	height:36px;
	background:#cbcbcd;
	font-size:0.8em;
	color:#ffffff;
	line-height:36px;
	border:0;
	border-radius:20px;
	outline:none;
}
.ht_tab_wrap .ht_tab button.tab_btn_on:focus,
.ht_tab_wrap .ht_tab button.tab_btn_on:hover,
.ht_tab_wrap .ht_tab button.tab_btn_on:active,
.ht_tab_wrap .ht_tab button.tab_btn:focus,
.ht_tab_wrap .ht_tab button.tab_btn:hover,
.ht_tab_wrap .ht_tab button.tab_btn:active {background:#f27186;}

/* list margin */
#h123 {position:relative; float:left; height:66px; background:#ffffff;}
#h57 {display:none;}
.h10 {position:relative; float:left; width:100%; height:10px;}
.h20 {position:relative; float:left; width:100%; height:20px;}

/* container */
#container {flex: 1 0 auto; width:100%;}

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

.list_box_btn {position:relative; float:left; width:100%; height:100%; margin-top:5%; margin-bottom:5%;}
.list_box_btn button.btn_co {
	float:right;
	width:100%; 
	height:42px;
	border:1px solid #f27186; 
	border-radius:27px;
	background:#ffffff;
	font-size:1em;
	color:#f27186;
	outline:none;
	margin-left:12px;
}
.list_box_btn button.btn_co {
	background:#ffffff;
	border:1px solid #3f3f3f;  
	color:#3f3f3f;
}


.list .paging {position:relative; width:160px; height:20px; padding-top:5%; margin:0 auto; text-align:center;}
.list .paging .paging_on {float:left; width:12px; height:12px; margin-left:8px; background:#f27186; border-radius:50%;}
.list .paging .paging_off {float:left; width:12px; height:12px; margin-left:8px; background:#b6b6b6; border-radius:50%;}

.list .w_divider {position:relative; float:left; width:100%; height:1px; margin-top:3%; margin-bottom:3%; background:#eeeeee;}
.list .mid {position:relative; float:left; margin-top:10%; width:90%;}
.list .mid span.txt_mid {display:block; font-size:1em; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:24px;}
.list .mid span.txt_midg {
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#f27186;
	letter-spacing:-1px;
	text-align:center;
	line-height:24px;
}

/* list radio 2line cost */
.list .list_r2c {
	position:relative;
	float:left;
	width:100%;
	height:74px;
	background:#f3f3f3;
	border:0;
	border-radius:4px;
}
.list .list_r2c .list_wrap {position:relative; float:left; width:90%; height:56%; margin:5%;}
.list .list_r2c .list_wrap input {display:none;}
.list .list_r2c .list_wrap label{
	position:absolute;
	left:0%; 
	top:0%;
	width:100%;
	height:41px;
	line-height:41px;
	background-position:-1px 9px;
}
.list .list_r2c .list_wrap input:checked + label {background-position: -1px -142px;}
.list .list_r2c .list_wrap .txt_t {
	float:left; 
	width:50%;
	height:41px;
	margin-left:34px;
	line-height:41px; 
	font-weight:bold; 
	color:#333742;
}
.list .list_r2c .list_wrap .txt_t span.txt_l {
	float:left; 
	display:block; 
	width:100%;
	text-align:left; 
	line-height:24px;
	font-size:1.1em; 
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_r2c .list_wrap .txt_t span.txt_s {
	float:left; 
	display:block; 
	width:100%;
	text-align:left;
	line-height:18px;
	font-size:0.75em; 
	font-weight:normal;
}
.list .list_r2c .list_wrap .txt_c {
	float:right;
	width:35%;
	height:41px;
	line-height:41px;
	font-size:1.1em;
	text-align:right;
	font-weight:bold;
	color:#f27186;
}
/* list pharm */
.list .list_pharm {
	position:relative;
	float:left;
	width:94%;
	height:auto;
	margin-top:10px;
	background:#ffffff;
	border:0;
	border-radius:4px;
	padding:3%;
	box-shadow:0 1px 4px #c9c9c9;
}
.list .list_pharm .txt_ad {
	float:left; 
	width:52%;
	height:50px;
	margin-left:12px;
	line-height:50px; 
	font-weight:bold; 
	color:#333742;
}
.list .list_pharm .txt_ad span.txt_l {
	float:left; 
	display:block; 
	width:100%;
	text-align:left; 
	line-height:24px;
	font-size:1.1em;
	color:#252525;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_pharm .txt_ad span.txt_s {
	float:left; 
	display:block; 
	width:100%;
	text-align:left;
	line-height:14px;
	font-size:0.75em;
	color:#66696e;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_pharm .pharm_img {float:left; width:76px; height:50px; background:gray; border-radius:6px;}
.list .list_pharm .pharm_img img {width:100%; border-radius:6px;}
.list .list_pharm .pharm_img_none {
	float:left;
	width:76px;
	height:50px;
	background:url(../images/pharm_img_none.png) no-repeat;
	background-size:contain;
	border-radius:6px;}
.list .list_pharm .loca {float:right; width:15%; height:50px;}
.list .list_pharm .loca .pin_on {
	float:right;
	width:26px;
	height:32px;
	background:url(../images/pin_on.png) no-repeat;
	background-size:contain;
}
.list .list_pharm .loca .pin_on span.pin_num {
	display:block;
	width:14px;
	height:14px;
	margin-left:6px;
	margin-top:4px;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	color:#ffffff;
}
.list .list_pharm .loca .pin_off {
	float:right;
	width:26px;
	height:32px;
	background:url(../images/pin_off.png) no-repeat;
	background-size:contain;
}
.list .list_pharm .loca .pin_off span.pin_num {
	display:block;
	width:14px;
	height:14px;
	margin-left:6px;
	margin-top:4px;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	color:#f27186;
}
.list .list_pharm .loca .dist {float:right; text-align:center;}
.list .list_pharm .loca .dist span.dist_m {font-size:0.8em; color:#f27186;}

/* list checkbox 2line cost */
.list .list_c2c {
	position:relative;
	float:left;
	width:100%;
	height:74px;
	background:#ffffff;
	border:0;
	border-radius:4px;
	box-shadow:0 1px 4px #c9c9c9;
}
.list .list_c2c .list_wrap {position:relative; float:left; width:90%; height:56%; margin:5%;}
.list .list_c2c .list_wrap input {display:none;}
.list .list_c2c .list_wrap label{
	position:absolute;
	left:0%; 
	top:0%;
	width:100%;
	height:41px;
	line-height:41px;
	background-position:-1px 9px;
}
.list .list_c2c .list_wrap input:checked + label {background-position: -1px -42px;}
.list .list_c2c .list_wrap .txt_t {
	float:left; 
	width:50%;
	height:41px;
	margin-left:34px;
	line-height:41px; 
	font-weight:bold; 
	color:#333742;
}
.list .list_c2c .list_wrap .txt_t span.txt_l {
	float:left; 
	display:block; 
	width:100%;
	text-align:left; 
	line-height:24px;
	font-size:1.1em; 
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_c2c .list_wrap .txt_t span.txt_s {
	float:left; 
	display:block; 
	width:100%;
	text-align:left;
	line-height:18px;
	font-size:0.75em; 
	font-weight:normal;
}
.list .list_c2c .list_wrap .txt_c {
	float:right;
	width:35%;
	height:41px;
	line-height:41px;
	font-size:1.1em;
	text-align:right;
	font-weight:bold;
	color:#f27186;
}

/* 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:90%;
	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%; margin-bottom:5%;}
.list .list_c1b input {display:none;}
.list .list_c1b label{
	position:absolute;
	width:80%;
	height:54px;
	line-height:54px;
	background-position:-1px 16px;
}
.list .list_c1b input:checked + label {background-position: -1px -34px;}
.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:#f27186;	
	font-size:0.8em;
	color:#ffffff;
	border:0;
	border-radius:13px;
	outline:none;
}

/* 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:-1px 16px;
}
.list .list_c1m input:checked + label {background-position: -1px -34px;}
.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:-1px -92px;
}
.list .list_r1 input:checked + label {background-position: -1px -142px;}
.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:20px; margin-bottom:5%;}
.list .list_title span.l_tit_txt {font-size:1.1em; font-weight:bold;}
.list .list_title span.l_tit_txt_l {display:block; float:left; width:50%; font-size:1em; font-weight:bold; color:#28bccc;}
.list .list_title span.l_tit_txt_r {
	display:block;
	float:right;
	width:50%;
	text-align:right;
	font-size:1em;
	font-weight:bold;
	color:#28bccc;
}
.list .list_title button.sgb {
	float:right;
	width:70px; 
	height:26px;
	margin-top:7px;
	background:#ffffff;
	font-size:0.8em;
	color:#444444;
	border:1px solid #444444;
	border-radius:13px; 
	outline:none;
}

/* list cta */
.list button.cta_type2 {
	margin:auto;
	width:100%;
	height:52px;
	background:#f27186;
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	line-height:52px;
	border:0;
	border-radius:26px;
	outline:none;
}
.list button.cta_type2 img {width:30%; margin-bottom:8px;}
.list button.cta_type_d {
	margin:auto;
	width:100%;
	height:60px;
	background:#dad7d7;
	font-size:1.1em;
	color:#a2a2a2;
	font-weight:bold;
	line-height:60px;
	border:0;
	border-radius:4px;
	outline:none;
}

/* list card */
.list .card_list {position:relative; float:left; width:100%; height:180px;}
.list .card_list .card_1, 
.list .card_list .card_2, 
.list .card_list .card_3, 
.list .card_list .card_4, 
.list .card_list .card_5 {
	position:relative;
	float:left;
	width:304px;
	height:180px;	
	border:0;
	border-radius:16px;
}
.list .card_list .card_1 {background:url(../images/card_bg.png) no-repeat #28bccc; background-size:cover;} 
.list .card_list .card_2 {background:url(../images/card_bg.png) no-repeat #608fc3; background-size:cover;}  
.list .card_list .card_3 {background:url(../images/card_bg.png) no-repeat #ff635f; background-size:cover;} 
.list .card_list .card_4 {background:url(../images/card_bg.png) no-repeat #eb5da3; background-size:cover;} 
.list .card_list .card_5 {background:url(../images/card_bg.png) no-repeat #608fc3; background-size:cover;} 

.list .card_list .card_1 button.del, 
.list .card_list .card_2 button.del, 
.list .card_list .card_3 button.del, 
.list .card_list .card_4 button.del,
.list .card_list .card_5 button.del {
	position:absolute;
	display:block;
	width:70px; 
	height:26px;
	top:5%;
	left:73%;
	background:transparent;
	font-size:0.8em;
	color:#ffffff;
	border:1px solid #ffffff; 
	border-radius:13px; 
	outline:none;
	z-index:9999;
}
.list .card_list .card_1 .cl_name,
.list .card_list .card_2 .cl_name,
.list .card_list .card_3 .cl_name,
.list .card_list .card_4 .cl_name,
.list .card_list .card_5 .cl_name {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	text-align:right;
	z-index:999;
}
.list .card_list .card_1 .cl_name span.txt,
.list .card_list .card_2 .cl_name span.txt,
.list .card_list .card_3 .cl_name span.txt,
.list .card_list .card_4 .cl_name span.txt,
.list .card_list .card_5 .cl_name span.txt {
	position:absolute;
	display:block;
	top:80px;
	right:14px;
	text-align:right;
	color:#ffffff;
	font-weight:bold;
	z-index:999;
}
.list .card_list .card_add {
	position:relative;
	float:left;
	width:100%;
	height:194px;
	margin-top:5%;
	border:0;
	border-radius:16px;
	background:url(../images/card_bg.png) no-repeat #b2e6e4; 
	background-size:cover;
}
.list .card_list .card_add button.cta_cardadd {
	width:90%;
	height:52px;
	margin-left:5%;
	margin-top:70px;
	background:#f27186;	
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	line-height:52px;
	border:0;
	border-radius:39px;
	outline:none;
}

/* list box */
.list .list_box {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	border-radius:4px;
	background:#f7f7f7;
}
.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 {float:left; width:92%; padding:3%;}
.list .list_box .list_box_wrap span.lb_l {display:block; float:left; width:20%; height:36px; font-size:1em;}
.list .list_box .list_box_wrap span.lb_lb {
	display:block; 
	float:left; 
	width:32%; 
	height:36px;
	font-size:1em; 
	font-weight:bold;
	color:#f27186;
}
.list .list_box .list_box_wrap span.lb_r {display:block; float:right; width:80%; height:36px; font-size:1em; text-align:right;}
.list .list_box .list_box_wrap span.lb_rb {
	display:block;
	float:right; 
	width:50%; 
	height:36px; 
	font-size:1em;
	font-weight:bold;
	color:#f27186;
	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_a span.won {display:block; text-align:right; font-size:1.1em; font-weight:bold; color:#f27186;}
.list .list_box .list_box_wrap .txt_a .input_right {float:left; width:62%; height:54px;}
.list .list_box .list_box_wrap .txt_a .input_right input.long_r {
	display:block; 
	width:100%;
	height:42px;
	margin-top:6px;
	line-height:42px; 
	border:0;
	border-radius:6px;
	outline:none;
	background:#eeeeee;
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
	color:#f27186;
	border-radius:27px;
	padding-left:14px;
	padding-right:14px;
}
.list .list_box .list_box_wrap .txt_a .input_right input.long_r::placeholder {text-align:left; font-weight:normal;}
.list .list_box .list_box_wrap .add_pay {float:left; width:100%; height:54px; margin-bottom:12px; line-height:54px;}
.list .list_box .list_box_wrap .add_pay button.btn_ap {
	float:left;
	width:18%; 
	height:26px;
	margin-right:2%;
	margin-top:7px;
	padding:0;
	background:#aeaeae;
	font-size:0.8em;
	color:#ffffff;
	border:0;
	border-radius:40px; 
	outline:none;
}
.list .list_box .list_box_wrap .add_pay button.btn_ap:hover,
.list .list_box .list_box_wrap .add_pay button.btn_ap:active {background:#f27186; color:#ffffff;}

.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;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_box .list_box_wrap .txt_t span.txt_l_n {
	text-align:left; 
	line-height:30px;
	font-size:1em;
	font-weight:bold;
	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_t span.txt_s_n {
	text-align:left;
	line-height:12px;
	font-size:0.75em; 
	font-weight:normal;
}
.list .list_box .list_box_wrap .txt_t span.txt_4 {
	float:left;
	text-align:left;
	line-height:32px;
	font-size:1em; 
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_box .list_box_wrap .txt_t span.txt_6 {
	float:left; 
	margin-left:2%;
	text-align:left;
	line-height:32px;
	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 .list_ri {float:left; width:33%; height:40px; margin-left:23%; margin-bottom:4%;}
.list .list_box .list_box_wrap .list_ri input {display:none;}
.list .list_box .list_box_wrap .list_ri label{
	position:absolute;
	width:33%;
	height:40px;
	line-height:40px;
	background-position:-1px -92px;
}
.list .list_box .list_box_wrap .list_ri input:checked + label {background-position: -1px -142px;}
.list .list_box .list_box_wrap .list_ri span.txt_ri {display:block; height:40px; margin-left:30%; font-size:1em;}

.list .list_box .list_box_wrap .list_ri_c {float:left; width:33%; height:40px; margin-left:23%; margin-bottom:4%;}
.list .list_box .list_box_wrap .list_ri_c input {display:none;}
.list .list_box .list_box_wrap .list_ri_c label{
	position:absolute;
	width:33%;
	height:40px;
	line-height:40px;
	background-position:-1px 9px;
}
.list .list_box .list_box_wrap .list_ri_c input:checked + label {background-position: -1px -42px;}
.list .list_box .list_box_wrap .list_ri_c span.txt_ri {display:block; height:40px; margin-left:30%; font-size:1em;}

.list .list_box .list_box_wrap2 {position:relative; float:left; margin:auto; width:92%; height:100%; padding:4% 4% 0 4%;}
.list .list_box .list_box_wrap2 input {display:none;}
.list .list_box .list_box_wrap2 label{
	position:absolute;
	width:92%;
	height:64px;
	line-height:64px;
	background-position:-1px -83px;
}
.list .list_box .list_box_wrap2 input:checked + label {background-position: -1px -133px;}
.list .list_box .list_box_wrap2 .list_wh {float:left; width:100%; height:100%;}
.list .list_box .list_box_wrap2 .list_wh span.txt_l {    
	display: block;
    float: left;
    width: 50%;
    line-height:42px;
    font-size: 1em;
}
.list .list_box .list_box_wrap2 .list_wh .txt_t {
	float:left; 
	width:50%;
	height:54px;
	line-height:54px;
}
.list .list_box .list_box_wrap2 .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_box .list_box_wrap2 .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_wrap2 .txt_t span.txt_4 {
	float:left;
	text-align:left;
	line-height:32px;
	font-size:1em; 
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.list .list_box .list_box_wrap2 .txt_t span.txt_6 {
	float:left; 
	margin-left:2%;
	text-align:left;
	line-height:32px;
	font-size:0.75em; 
	font-weight:normal;
}
.list .list_box .list_box_wrap2 .list_whc {float:left; width:100%; height:100%; border:none; border-top: 1px solid #a2a2a2; margin-top:5%;}
.list .list_box .list_box_wrap2 .list_whc span.txt_bl {display:block; float:left; width:50%; height:42px; line-height:42px; color:#f27186;}
.list .list_box. list_box_wrap2. list_whc span.txt_br {display:block; float:left; width:50%; height:42px; text-align:right; line-height:42px; color:#f27186;}


/* 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 info text */
.list .info_txt {position:relative; float:left; width:90%; padding:5%; border-bottom:1px solid #cbcbcd;}
.list .info_txt span.if_txt {display:inline-block; float:left; font-size:0.8em; line-height:18px; color:#8e8e8e; word-break:keep-all;}
.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 img */
.sp {
	background:url('../images/check_radio.png') no-repeat;
	background-size:24px auto;
	-webkit-background-size: 24px auto;	
}

/* list radio img */
.rp {
	background:url('../images/check_radio.png') no-repeat;
	background-size:24px auto;
	-webkit-background-size: 24px 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:8%;}

/* 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;
	letter-spacing:-1px;
}
.list .tit_inp .list_right, 
.list .tit_tel .list_right {float:left; width:77%; height:100%;}
.list .tit_inp .list_right input.long_r,
.list .tit_inp .list_right input.short_r {
	display:block; 
	width:100%;
	line-height:42px; 
	border:none; 
	border-radius:6px; 
	background:#eeeeee;
	font-size:1.1em;
	color:#000000;
	border-radius:27px;
	padding-left:20px;
}
.list .tit_inp .list_right input.long_r2 {
	float:left;
	width:48%;
	line-height:42px; 
	border:none; 
	border-radius:27px; 
	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:27px; 
	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:27px; 
	background:#eeeeee;
	color:#999999;
	padding-left:20px;
}
.list .tit_inp .list_right input.short_r {float:left; width:24%; margin-left:1%; font-size:0.9em;}
.list .tit_inp .list_right input.long_r:focus,
.list .tit_inp .list_right input.short_r:focus {outline:none;}
.list .tit_inp .list_right span.sr_txt {float:left; width:12%; margin-left:2%; font-size:1em; line-height:42px;}
.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:36%; line-height:42px;}
.list .tit_2btn .list_right2 {float:right; width:64%; height:100%;}
.list .tit_2btn .list_right2 button.btn_cg,
.list .tit_2btn .list_right2 button.btn_co {
	float:right;
	width:80px; 
	height:42px;
	border:1px solid #f27186; 
	border-radius:27px;
	background:#ffffff;
	font-size:1em;
	color:#f27186;
	outline:none;
	margin-left:12px;
}
.list .tit_2btn .list_right2 button.btn_co {
	background:#ffffff;
	border:1px solid #3f3f3f;  
	color:#3f3f3f;
}

/* 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 .d_time {
	position:absolute;
	font-size:0.9em;
	top:13px;
	left:44%;
}
.list .inp_btn .inp_left input.long_r {
	float:left;
	display:block; 
	width:100%;
	line-height:42px;
	border:none; 
	border-radius:27px;
	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:1px solid #f27186; 
	border-radius:27px;
	background:#ffffff;
	font-size:1em;
	color:#f27186;
	outline:none;
	margin-left:12px;
}
.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:#f27186;
}

#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:23%; 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;
	background:#ffffff;
	border:2px solid #dcdbdb;
	border-radius:10px;
	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:none;
	background:#ffffff;
    line-height:38px;
    opacity:0;
    filter:alpha(opacity=0); /* IE 8 */
}
.list .btn_big {float:left; width:100%; height:52px; padding-bottom:24px;}
.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:#f27186;
	font-size:0.8em;
	color:#ffffff;
	border:0;
	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:#f27186;}
.list .list_whc span.txt_br {display:block; float:left; width:50%; height:42px; text-align:right; line-height:42px; color:#f27186;}

/* 할부 기간 버튼 */
.list .btn_wrap {
	display:grid;
	grid-template-columns:32% 32% 32%;
	grid-gap:6px 6px;
	grid-auto-rows:36px;
	width:96%; 
	margin:0 0 6% 2%;
}
.list .btn_wrap button.instpay {
	display:block;
	width:100%;
	height:36px;
	margin:auto;
	background:#ffffff;	
	font-size:1em;
	color:#3f3f3f;
	font-weight:bold;	
	line-height:34px;
	border:1px solid #3f3f3f;
	border-radius:6px;
	outline:none;
}
.list .btn_wrap button.instpay:active, .list .btn_wrap button.instpay:hover {
	display:block;
	width:100%;
	height:36px;
	margin:auto;
	background:#f27186;	
	font-size:1em;
	color:#ffffff;
	font-weight:bold;	
	line-height:34px;
	border:0;
	outline:none;
}

/*list_textarea */
.list .memo {position:relative; float:left; width:100%; height:220px; margin-bottom:4%;}
.list .memo textarea.memo_t {
	width:100%;
	height:220px;
	border-radius:10px;
	box-sizing:border-box;
	border:2px solid #dcdbdb;
	padding:2%;
	font-size:0.8em;
	line-height:24px;
}

/* map */
.map {float:left; width:100%; height:250px; background:green;}

/*list info */
.list .info_txt span.if_ml {float:left; font-size:0.7em; line-height:18px; color:#8e8e8e;}

/* popup_type1 */
#dim_wrap {
  position:fixed;
  _position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
}
.popup, .popup_progress {
	display:flex;
	flex-direction:column;
	flex:0 52px;
	margin-top:auto;
	position:absolute;
	left:5%;
	top:30%;
	width:90%;
	border-radius:10px;
	background:#ffffff;
	z-index:999;
	text-align:center;
}
.popup_progress {top:22%;}
.popup .txt_ml {width:90%; margin:auto; padding-top:5%; padding-bottom:5%;}
.popup .txt_ml span.p_tit {display:block; width:100%; font-size:1.2em; font-weight:bold; padding-bottom:5%;}
.popup .txt_ml span.txt_count {display:block; width:100%; font-size:1em; font-weight:bold; padding-bottom:5%;}
.popup .txt_ml span.txt_mlb {display:block; width:100%; font-size:1.2em; font-weight:bold;}
.popup .txt_ml span.txt_mln {font-weight:normal; word-break:keep-all;}
.popup .btn_l {width:100%; height:52px; border-top:1px solid #cbcbcd;}
.popup .btn_l button.btn_ca,
.popup .btn_l button.btn_po {
	width:50%;
	height:100%;
	border:none;
	outline:none;
	background:#ffffff;
	font-size:0.95em;
	font-weight:bold;
}
.popup .btn_l button.btn_ca {float:left; color:#8e8e8e; border-bottom-left-radius:10px;}
.popup .btn_l button.btn_po {
	float:right;
	border-left:1px solid #cbcbcd;
	border-bottom-right-radius:10px;
	background:#ffffff;
	color:#f27186;
}
.popup .btn_l button.btn_ca:focus,
.popup .btn_l button.btn_ca:active,
.popup .btn_l button.btn_ca:active {background:#8e8e8e; color:#ffffff;}
.popup .btn_l button.btn_po:focus,
.popup .btn_l button.btn_po:active,
.popup .btn_l button.btn_po:active {background:#28bccc; color:#ffffff;}
.popup .info_txt span.if_ml {
	float:left;
	width:90%;
	margin-left:5%;
	padding-bottom:5%;
	font-size:0.7em;
	line-height:18px;
	color:#8e8e8e;
	word-break:keep-all;
}
.popup .list_title {position:relative; float:left; width:100%; height:100%; text-align:center; margin-top:10px; margin-bottom:5%;}
.popup .list_title span.l_tit_txt {font-size:1.1em; font-weight:bold;}
.popup .inp_btn .inp_left {
	float:left;
	width:62%;
	height:42px;
}
.popup .inp_btn .inp_left input.long_r {
	float:left;
	display:block; 
	width:100%;
	line-height:42px;
	border:none; 
	border-radius:27px;
	background:#eeeeee;
	font-size:1.1em;
	color:#000000;
	padding-left:20px;
}
.popup .inp_btn .list_right4 {float:right; width:37%; height:42px;}
.popup .inp_btn .list_right4 button.btn_b {
	float:left;
	width:90%;
	height:42px;
	line-height:36px;
	border:1px solid #f27186; 
	border-radius:27px;
	background:#ffffff;
	font-size:1em;
	color:#f27186;
	outline:none;
	margin-left:12px;
}
.dim {width:100%; height:100%; background:#000000; opacity:0.6; z-index:9;}

/* popup_type2 */
.popup .txt_txo {width:90%; margin:auto; padding-top:15%;}
.popup_progress .txt_txo {width:90%; margin:auto; padding-top:5%;}
.popup .txt_txo span.txt_tt,
.popup_progress .txt_txo span.txt_tt {display:block; height:45px; font-weight:bold;}
.popup .txt_txo span.txt_tor {display:block; line-height:20px; color:#f68d35; font-size:0.85em; margin-top:5%; margin-bottom:15%;}
.popup .btn_l button.btn_con {
	width:100%;
	height:100%;
	background:#ffffff;
	outline:none;
	border:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	color:#f27186;
	font-weight:bold;
	font-size:1em;
}

/* popup */
.popup_bank {
	position:absolute;
	left:5%;
	top:3%;
	width:90%;
	height:95%;
	background:#ffffff;
	border:1px solid #ffffff;
	border-radius:10px;
	z-index:9999;
}
.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:999;}

/* complete page*/
.mid {position:absolute; top:40%; left:5%; width:90%;}
.mid span.txt_mid {display:block; font-size:1em; font-weight:bold; text-align:center; line-height:32px;}
.mid .icon {display:block; margin:auto; width:66px; height:66px;}
.mid .icon img {width:100%;}
.mid .info_txt {position:relative; float:left; width:90%; padding:5%; text-align:center; word-break:keep-all;}
.mid .info_txt span.if_txt_b {font-size:0.7em; line-height:18px; color:#f27186;}
.mid .info_txt span.if_txt {font-size:0.7em; line-height:18px; color:#8e8e8e;}

.mid_r {position:relative; float:left; width:100%; height:130px; padding-top:10%;}
.mid_r .icon {width:66px; height:66px; margin:auto;}
.mid_r .icon img {width:100%;}
.mid_r span.txt_mid {display:block; font-size:1em; font-weight:bold; text-align:center; line-height:32px;}

/* loading */
.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:#28bccc;
}
.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:#ffffff; 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;}

/* password */
.password {position:absolute; top:27%; left:5%; width:90%;}
.password span.txt_mid {display:block; font-size:1em; font-weight:bold; text-align:center; line-height:32px;}
.password .center_input {float:left; width:70%; height:100%; margin-left:15%; padding-top:7%; padding-bottom:7%; text-align:center;}
.password .center_input span.pw {display:inline-block; width:24px; height:24px; margin-right:3%; border-radius:50%; background:#b4b3b3;}
.password button.sgb {
	width:66%; 
	height:26px;
	margin-left:17%;
	background:#ffffff;
	font-size:0.8em;
	color:#444444;
	border:1px solid #444444;
	border-radius:13px; 
	outline:none;
}

/* 보안 키패드 */
.keypad {
	display:flex; flex:0 0 236px;
	flex-direction:column;
	margin-top:auto; 
	width:100%;
	height:236px;
	background:#f27186;
}
.keypad .sc_noti {width:94%; height:40px; margin-left:3%; line-height:40px;}
.keypad .sc_noti .sc_icon {
	display:block;
	float:left;
	width:40px;
	height:40px;
	background:url(../images/ico_sc.png) no-repeat;
	background-size:cover;
}
.keypad .sc_noti span.sc_txt {float:left; font-size:0.9em; color:#ffffff;}
.keypad .btn_wrap {
	display:grid;
	grid-template-columns:24% 24% 24% 24%;
	grid-gap:6px 6px;
	grid-auto-rows:52px;
	width:90%; 
	margin:2% 0 5% 5%;
}
.keypad .btn_wrap button.num,
.keypad .btn_wrap button.blank {
	display:block;
	width:100%;
	height:52px;
	margin:auto;
	background:#f27186;	
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;	
	line-height:52px;
	border:0;
	border-radius:6px;
	outline:none;
}
.keypad .btn_wrap button.num:active, 
.keypad .btn_wrap button.num:hover {
	display:block;
	width:100%;
	height:52;
	margin:auto;
	background:#038a86;	
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;	
	line-height:52px;
	border:0;
	outline:none;
}
.keypad .del_btn {
    position:relative;
	float:left;
	margin-top:-69px;
	margin-left:73%;
	width:24%; 
	height:25%;
}
.keypad .del_btn button.del {
	display:block;
	width:90%;
	height:52px;
	margin:auto;
	background:#f27186;	
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:52px;
	border:0;
	border-radius:6px;
	outline:none;
}
.keypad .enter_btn {
    position:relative;
	float:left;
	margin-top:-59px;
	margin-left:73%;
	width:24%; 
	height:25%;
}
.keypad .enter_btn button.enter {
	display:block;
	width:90%;
	height:52px;
	margin:auto;
	background:#f27186;	
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;
	line-height:52px;
	border:0;
	border-radius:6px;
	outline:none;
}
.keypad .del_btn button img {height:48px; margin-left:-2px; margin-top:-4px;}
.keypad .del_btn button.enter:active,
.keypad .del_btn button.del:active,
.keypad .del_btn button.enter:hover,
.keypad .del_btn button.del:hover {
	display:block;
	width:90%;
	height:52px;
	margin:auto;
	background:#038a86;	
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;	
	line-height:52px;
	border:0;
	outline:none;
}
/* footer */
#footer {display:flex; flex:0 0 84px; margin-top:auto; width:100%; height:84px;}
#footer button.cta_a,
#footer button.cta_a50 {
	margin:auto;
	width:90%;
	height:52px;
	background:#f27186;	
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	line-height:52px;
	border:0;
	border-radius:39px;
	outline:none;
}
#footer button.cta_a50 {width:44%; margin-right:5%;}
#footer button.cta_b,
#footer button.cta_b50 {
	margin:auto;
	width:100%;
	height:52px;
	background:#676767;	
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	line-height:52px;
	border:0;
	border-radius:39px;
	outline:none;
}
#footer button.cta_b50 {width:44%; margin-left:5%;}
#footer button.cta_d {
	margin:auto;
	width:100%;
	height:66px;
	background:#dcdcdc;	
	font-size:1.1em;
	color:#a5a4a4;
	font-weight:bold;
	line-height:66px;
	border:0;
	outline:none;
}
#footer button.cta_f {
	margin:auto;
	width:90%;
	height:60px;
	margin-bottom:5%;
	background:#f27186;
	font-size:1em;
	border:0;
	border-radius:29px;
	outline:none;
}
#footer button.cta_f span.cf_s {display:block; width:100%; text-align:center; font-size:0.6em; color:#ffffff;}
#footer button.cta_f span.cf_l {display:block; width:100%; text-align:center; font-size:1.2em; color:#ffffff; font-weight:bold;}
#footer button.cta_f img {width:100%;}

/* 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;
}
#footer_info button.cta_a {
	margin:auto;
	width:90%;
	height:52px;
	border:none;
	border-radius:40px;
	background:#f27186;	
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	line-height:52px;
	border:0;
}