@charset "utf-8";
/* bg */
.insurance-page{letter-spacing: -1px;}
/* .insurance-page div, .insurance-page p, .insurance-page li, .insurance-page span{font-family:'NanumGothic', sans-serif; font-weight: 400;color: #485857;} */
.insurance-page .para{margin-bottom: 50px;}
.insurance-page .para:last-child{margin-bottom: 0;}
.insurance-page .wrap{padding: 15px 0 0;}
.insurance-page .depth3_st01 h2{padding-left:10px;}
.insurance-page .depth3_st01 hr{width:calc(99% - 10px);}

.insurance-desc{height: auto;padding: 40px 10px 30px; background-color:#edf5fc; box-sizing: border-box;}
.insurance-desc p {font-size: 13px;line-height: 18px;text-align: center;word-break: break-all;}
.insurance-desc p.mainTxt{word-break: keep-all;}
.insurance-desc ul.ex_list{margin-bottom: 30px;}
.insurance-desc ul.ex_list > li{padding: 0 10px 0 15px;}
.insurance-desc ul.ex_list > li > p{margin: 0;word-break: keep-all;text-align: left;padding-left: 20px;line-height: 19px;}
.list_num span{position: relative;top:0;display: inline-block;background-color: #00a842;border-radius: 50%;padding: 0;color: #fff;width: 16px;height: 16px;text-align: center;font-size: 11px;font-weight: bold;margin-left: -20px; margin-right: 5px;line-height: 16px;}

/* 191115 보험모바일상품권 font */
.jal_font{font-family: 'Jalnan'!important;font-size: 20px;font-weight: bold;color: #005cad;padding-bottom: 5px; border-bottom: 3px solid #c6e2fb;}
.jal_title{text-align: center;margin: 0 0 26px;}
.jal_type2{margin-bottom: 16px;text-align: center;color: #485857;font-size: 13px;font-weight: normal;}
.jal_type2 strong{font-weight: bold;}
strong.bold{color: #222!important;font-weight: bold!important;}
span.i_blue{color: #0077bb!important;}
span.i_blue2{color: #1a81dc!important;}
span.txt_12{font-size: 12px!important;word-break: break-all;}

/* 191115 methodBox */
.methodBox{padding: 25px;margin-top: 30px;background-color: #fff;border-radius: 7px;box-shadow: 1px 2px 6px rgba(158,187,211,.35);box-sizing: border-box;}
.methodBox ul > li{display: table;width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.methodBox ul > li div{display: table-cell;vertical-align: middle;}
.methodBox .img-box{width: 38%;text-align: center;}
.methodBox .img-box > img{max-width: 185px;}
.methodBox .method_txt{padding-left: 10px;box-sizing: border-box;}
.methodBox .method_txt .ins_line{position: relative;display: inline-block;min-width: 20px; color: #3f96e3;font-family: 'Jalnan';font-size: 17px;font-weight: bold;margin-bottom: 7px;background-color: #fff;padding-right: 5px;z-index: 1;}
.methodBox .method_txt .ins_line:after {content: "";display: block;border-bottom: 1px solid #4c9fe9;width: 100%;position: absolute;top: 50%;left: 25px;min-width: 295px;z-index: -1;opacity: .5;}
.methodBox .method_txt span.i_blue {padding: 0;margin: 0;z-index: 0;}
.methodBox p{ font-size: 12px; margin: 0; text-align: left;word-break: break-all;line-height: 15px;}
.methodBox .dashed-line {clear: both; border-top: 1px dashed #b0b0b0;margin: 20px 0 0 0;padding-top: 20px;}
.methodBox .dashed-line p:first-child{margin-bottom: 0;padding-right: 0;}
.methodBox .btns{ text-align: center; }
.methodBox .btns .btn_dashed{display: inline-block;width: 220px;height: 45px;background: #0861b0 url("/mhwr/web/images/web/web_main/btn_dashed.png") no-repeat;outline: none; border: none; border-radius: 6px; margin-top: 20px;text-align: center;}
.methodBox .btns button span{display: inline-block;width: 100%;height: 100%;line-height: 45px;color: #fff; font-size: 16px;font-weight: bold;}

/* 191115 img list 나열 박스  */
.insBox ul{display: flex;flex-wrap: wrap;justify-content: space-between;} /*200120*/
.insBox ul > li{display: flex;flex-basis: 32%;flex-direction: column;text-align: center;} /*200120*/
.insBox01 ul > li:first-child{margin-bottom: 20px;}
.insBox .img-box{padding: 4px 0;box-sizing: border-box;}
.insBox .img-box a{display: inline-block;padding: 8px 15px;background-color: #fff;border-radius: 6px;box-shadow: 1px 2px 10px 1px rgba(158, 187, 211, .2);box-sizing: border-box;}
.insBox .img-box img{flex:auto;max-width: 140px;}/*200210*/
.insBox02 .img-box a{display:block;padding:12px 0}
.insBox02 .img-box img{max-width:82px;}
.insBox02 ul > li{flex-basis:24%}/*210125*/
.insBox02 ul:nth-child(1) { width:77%;margin:0 auto; }
.insBox02 ul:nth-child(1) li { flex-basis:32%; }

p.category_name{max-width: 195px;margin-top: 5px;font-weight: 700;font-size: 13px;}
.insCaption{display: inline-block;position: relative;margin: 10px 0 0 0; padding-left: 18px;padding-right: 10px;font-size: 12px;word-break: keep-all;}
.insBox02 .insCaption:last-child{margin: 5px 0 0 0;}
.insCaption:before{position: absolute;top: 7px;left: 0;width: 4px;height: 4px;margin-left: 10px;border-radius: 50%;background: #cdcdcd;content: '';}

/*importantBox*/
.importantBox{height: auto;background-color: #005cad;padding: 20px 10px;box-sizing: border-box;}
.importantBox .jal_font{position: relative;font-size: 17px; color:#fff;text-align: left;border: none;margin-bottom: 10px;}
.importantBox img {position: relative;top:-1px;width: 16px;height: auto;margin-right: 8px;}
.importantBox ul > li{font-size: 12px;color: #fff;line-height: 18px;word-break: break-all;margin-bottom: 5px;letter-spacing: -1.1px;}
.importantBox ul > li:not(span){padding-left: 52px;}
.importantBox ul > li:last-child{margin-bottom: 0;}
.importantBox ul > li span {position: absolute;left: 10px;display: inline-block;width: auto;min-width: 28px;color: #fff;font-weight: 600;letter-spacing: -1.1px;}
.importantBox ul > li strong{border-bottom: 1px solid #fff; padding-bottom: 2px; font-weight: 600;word-break: keep-all;}
.importantBox ul > li dl dd.l_num{position: relative;} /* 191205 */
.importantBox ul > li dl dd.l_num strong{position: absolute;left: -3px;border:none; padding: 0; font-weight: normal;} /* 191205 */
.importantBox ul > li.s_name{padding-left: 37px;}
.importantBox ul > li.l_name{padding-left: 88px;}
.importantBox ul > li.w_ke{word-break: keep-all;}
.importantBox ul > li.l_name span{min-width: 75px;}
.importantBox ul > li dl dt{text-indent: -999em;display: none;}
.importantBox ul > li dl dd{color: #fff;font-size: 12px;word-break: keep-all;padding-left: 5px;box-sizing: border-box;letter-spacing: -1.1px;}
.importantBox ul > li dl dd:before{content: "-";display: inline-block;position: relative;left: -10px;margin-left: -3px}
.importantBox ul > li.dash dl > dd:before, .importantBox ul > li dl dd.none:before{display: none;}
.importantBox ul > li.dash dl > dd.first:before{content: "-";display: inline-block;position: relative;left: -5px;}

/*meida query*/
@media screen and (max-width: 325px) {
  .jal_font{font-size: 18px;}
  .importantBox .jal_font{font-size: 16px;}
  .methodBox .btns button span{font-size: 15px;}
  .methodBox{padding: 20px;}
  .methodBox p{word-break: keep-all;}
}
@media screen and (min-width: 375px) {
  span.enter{display: block;}
}
@media screen and (min-width: 425px) {
  .jal_title{margin: 0 0 30px;}
  .jal_font{font-size: 24px;}
  .insurance-page p, .jal_type2{font-size: 15px;line-height: 20px;}
  .insurance-desc p.insCaption, .importantBox ul > li{font-size: 14px;line-height: 19px;}
  .insurance-desc ul.ex_list > li{margin-bottom: 5px;}
  p.category_name{font-size: 16px;}
  .methodBox .method_txt p{word-break: keep-all;}
  span.txt_12{font-size: 14px!important;}
  .methodBox .method_txt .ins_line{font-size: 19px;}
  .methodBox .method_txt .ins_line:after{left: 28px;}
  .methodBox .btns button span{font-size: 17px;}
  .importantBox ul > li.s_name{padding-left: 45px;}
  .importantBox ul > li:not(span){padding-left: 62px;}
  .importantBox ul > li.l_name{padding-left: 105px;}
  .importantBox .jal_font{font-size: 19px;}
  .importantBox img{width: 18px;top: 1px;}
  .list_num span{width: 19px;height: 19px;line-height: 19px;font-size: 14px;}
}