@charset "utf-8";

.trns_slct_bx:after { display: block; clear: both; content: " "; } 
.trns_slct_bx li { position:relative; float:left; width: calc(50% - 10px); margin-right: 10px; } 
.trns_slct_bx li:nth-child(even) { margin-left:10px; margin-right:0; } 
.trns_slct_bx li input[type="radio"] { position:absolute; top:24px; left:28px; width:20px; height:20px; } 
.trns_slct_bx li label { display:block; width:100%; padding: 20px 20px 20px 60px; font-size:18px; border: 1px solid #e5e5e5; border-radius:12px; box-sizing:border-box; } 
.trns_slct_bx li input[type="radio"]:checked + label { background-color:#F2FCFF; border-color: #01a0f1; } 
.trns_slct_bx li input[type="radio"]:checked + label .main_tit { color:#136CB8; } /*#0665E9*/ 
.trns_slct_bx li label > span { display:block; } 

.trns_slct_bx li input[type="radio"] + label .main_tit_arr { position:relative; display:inline-block; width:40px; height:20px; line-height:20px; } 
.trns_slct_bx li input[type="radio"] + label .main_tit_arr:after { position:absolute; top:-1px; left:50%; display:block; width:20px; height:20px; content:'→'; margin-left:-7px; color:#999999; font-size:18px; } 
.trns_slct_bx li input[type="radio"]:checked + label .main_tit_arr:after { color:#01a0f1; } 
.trns_slct_bx li label .main_tit { line-height:130%; font-weight:600; letter-spacing: -.75px; } 
.trns_slct_bx li label .sub_txt { margin-top:4px; line-height:130%; color:#777777; font-size:12px; }

.trns_slct_bx li label .main_tit { line-height:130%; font-weight:600; letter-spacing: -.75px; }
.trns_slct_bx li label .sub_txt { margin-top:4px; line-height:130%; color:#777777; font-size:12px; }

.prd_bx_shdw { padding:10px 40px; margin:10px 0; background:#FFFFFF; overflow: hidden; border: 1px solid #e5e5e5; border-top:1px solid #636363; -webkit-box-shadow: 0 3px 3px #f8f8f8; box-shadow: 0 3px 3px #f8f8f8; border-radius: 2px; }
.prdt_lst li { padding: 16px 0; margin: 0; vertical-align: middle; line-height:34px; font-size:18px; border-bottom: 1px solid #e5e5e5; }
.prdt_lst li:last-of-type { border-bottom: none; }
.prdt_lst li .ico_arr_from { width:9px; margin:10px 12px 0; }
.prdt_lst li .btn_align_r { position:absolute; top:14px; right:0px; z-index: 1;}
.prd_bx { padding:20px 20px; margin:10px 0; background:#FFFFFF; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 2px; }

ul.lst_slct_bnk li { display: inline-block; width:32%; padding:0 0 5px 0; margin:0;}
ul.lst_slct_bnk li > label > input[type="radio"], ul.lst_slct_bnk li > label > input[type="checkbox"] { margin-top:-3px; margin-right:5px; }

.lst_slct_rslt li { position:relative; display: inline-block; padding: 0 0 0 8px; margin-right: 30px; font-size:14px; }
.lst_slct_rslt li::before { position: absolute; top:50%; left:0; display: block; content: ''; width:3px; height:3px; margin-top:-2px; border-radius:2px; background-color:#555; z-index: 1; }

.bnt_chk_on { position: relative; padding-left:12px; }
.bnt_chk_on:before { 
  position:absolute; top:8px; left:15%;
  display:block;  content: '';
  width:7px; height:11px;                
  background:none; border-top:2px solid #FFF; border-left:2px solid #FFF;
  transform: rotate(-135deg);
}
.bnt_chk_off { position: relative; padding-left:12px; }
.bnt_chk_off:before { 
  position:absolute; top:8px; left:15%;
  display:block;  content: '';
  width:7px; height:11px; 
  background:none; border-top:2px solid #a5a5a5; border-left:2px solid #a5a5a5;
  transform: rotate(-135deg);
}
.needCheck{border: 1px solid;border-style: dashed;border-color:red;}
.info-bx ol.step-chk li:after {z-index: 50}