@charset "utf-8";

/* 공통 */
.sub_tit_bul{margin:20px 0 10px;padding-left:14px;font-size:13px;color:#444;background:url("../../../resources/images/HCS/sm/bul_sub_tit.png")no-repeat 0 45%;background-size:10px 9px;font-weight:normal;letter-spacing:-.7px}
.box_msg{border:1px solid #d3deec;background:#f2f7fd;padding:0 23px;text-align:center}
.box_msg p{display:inline-block;text-align:left;font-size:14px;color:#444;letter-spacing:-.7px;margin:15px 0;padding:15px 0 15px 70px;background:url("../../../resources/images/common/sm/ico_no_product.png")no-repeat 0 50%;background-size:52.5px 46.5px;box-sizing:border-box}
.noti_bul{padding:0 13px;color:#606060;letter-spacing:-.7px;background:url("../../../resources/images/common/sm/bul_square.png")no-repeat 5px 7px;background-size:3px;font-size:12px}
.noti_bul_02{padding:0 7px;color:#666;letter-spacing:-.7px;background:url("../../../resources/images/common/sm/bul_square.png")no-repeat 0 8px;background-size:3px;font-size:12px}
.noti_bul_list.t01{padding:7px 10px}
.noti_bul_list.t02{padding:7px 0}
.noti_bul_list > li{padding:0 0 0 8px;color:#666;letter-spacing:-.7px;background:url("../../../resources/images/common/sm/bul_square.png")no-repeat 0 8px;background-size:3px;font-size:12px}
.box_gray{border:1px solid #e5e5e5;background:#f8f8f8;padding:12px 15px;font-size:12px;color:#666;letter-spacing:-.7px}
.noti_bul_list.box_gray{padding:12px}
.box_white{border:1px solid #e5e5e5;background:#fff;padding:12px 15px;font-size:12px;color:#666;letter-spacing:-.7px}
.box_ico{border:1px solid #999999;padding:12px 25px;border-radius:3px;text-align:center}
.box_ico p{text-align:left;font-size:14px;color:#444;letter-spacing:-1px;margin:auto;padding:0 0 0 45px;background:url("../../../resources/images/HRW/sm/ico_upload_complete.png")no-repeat 0 2px;background-size:27.5px 27px;box-sizing:border-box}
.box_ico p span.fc222{color:#222;display:block;margin-top:7px}

/* 버튼 */
.contents a.btn_l{display:inline-block;padding:0 20px;text-align:center;min-width:99px;height:33px;line-height:31px;font-size:15px;color:#fff;box-sizing:border-box;background:#017c96;border-radius:7px 0 7px 0;vertical-align:top}
.contents a.btn_l span{display:inline-block;height:33px;line-height:31px}
.contents a.btn_l.line{background:#fff;color:#017c96;border:1px solid #017c96}
.contents a.btn_m{font-weight:bold;color:#017c96;background-color:#017c96}
.contents a.btn_m.line{border-color:#017c96;font-weight:bold;background:#fff}

/* table color */
.contents .table_01{border-top:2px solid #4aa2b4}
.contents .table_01.table_h thead th{background:#f0f9ff;border:solid #4aa2b4;border-width:0 1px 1px}
.contents .table_01.table_h thead th:first-child{border-left:0 none}
.contents .table_01.table_h thead th:last-child{border-right:0 none}

.contents .table_01.table_v tbody th{background:#f0f9ff}

/* tab */
.tab_link{border-bottom:2px solid #017c96;background:#fafafa;margin:10px 0}
.tab_link ul{display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.tab_link li{display:table-cell;text-align:center;border:solid #ccc;border-width:1px 1px 0 1px;vertical-align:top}
.tab_link a{font-size:14px;display:block;height:33px;line-height:33px}
.tab_link a .tit{font-weight:normal}
.tab_link .on{border:solid #017c96;border-width:1px 1px 0 1px}
.tab_link .on a{color:#fff;background:#017c96;border:solid #017c96;border-width:1px 1px 0 1px}

/* 보험상품목록 */
.list_is{margin-top:10px;letter-spacing:-.7px}
.list_is .depth01{border:1px solid #ccc;border-radius:3px}
.list_is .depth01 li{border-top:1px solid #ccc}
.list_is .depth01 > li:first-child{border:0 none}
.list_is .depth01 > li > a{display:block;font-size:14px;color:#444;padding:10px 30px 11px 38px;background:url("../../../resources/images/HLN/sm/ico_depth01.png")no-repeat 14px 50%;background-size:14px 19px;position:relative}
.list_is .depth01 > li > a:after{content:"";display:block;width:13px;height:7px;position:absolute;top:50%;right:14px;margin-top:-4px;background:url("../../../resources/images/HLN/sm/btn_depth01_off.png")no-repeat 0 0;background-size:100%}
.list_is .depth01 > li > a.on:after{height:2px;margin-top:-1px;background:url("../../../resources/images/HLN/sm/btn_depth01_on.png")no-repeat 0 0;background-size:100%}
.list_is .depth02{display:none}
.list_is .depth02 li{background:#e5e5e5}
.list_is .depth02 li a{display:block;font-size:12px;color:#444;padding:6px 10px 6px 38px;background:url("../../../resources/images/HLN/sm/ico_depth02.png")no-repeat 19px 50%;background-size:9px 11px}

/* 보험상품 */
.is_sm .only_pc{display:none !important}
.is_sm h3.sub_tit.small,.is_sm .is_info .no{display:none}
.tab_is,#tab_list_02,#tab_list_03,#tab_list_04{display:none}
.is_sm .table_01{border-top: 2px solid #4f70bd}
/*.is_sm .table_01 table{border-top:2px solid #4f70bd}*/
.is_sm .table_01.table_h thead th{border-color:#4f70bd;background:#edfaff}
.is_sm .table_01.table_h.x_scroll{overflow-x:scroll}
.is_sm .table_01.table_h.x_scroll table{width:640px}
.is_sm .btn_s{border-radius:0}
.is_sm .sub_tit3{font-size:13px;color:#404040;letter-spacing:-.7px;margin:10px 0 5px 0}
.is_sm .sub_tit3.bull{font-size:12px;padding:0 0 0 13px;position:relative}
.is_sm .sub_tit3.bull:after{content:"";display:block;position:absolute;left:3px;top:5px;width:0;height:0;border-color:transparent transparent transparent #1743a9;border-style:solid;border-width:4px}
.is_sm .sub_tit2.bull + .sub_tit3.bull{margin-top:0}
.bul_list .is_img{margin:10px 0 0 0}
.is_sm .text_01{font-size:12px;color:#777;letter-spacing:-.7px}
.is_sm .sub_tit2.bull{margin:15px 0 7px;padding-left:14px;font-size:13px;color:#444;background:url("../../../resources/images/HIS/sm/bul_sub_tit.png")no-repeat 0 45%;background-size:10px 9px;letter-spacing:-.7px;font-weight:normal}
.is_sm .sub_tit2+.bul_list{margin:0}

.btn_l.cp,.btn_l.cp span{background:#007bc3}
.btn_l.cp{padding:0 15px}

.is_info{position:relative;padding:20px 0 60px;position:relative;min-height:80px;border-bottom:1px dotted #818181;margin-bottom:17px}
.is_info .tit{font-size:20px;color:#0a376a;vertical-align:top;letter-spacing:-.7px;font-weight:bold}
.is_info .tit + .text1{margin-top:15px}
.is_info .text1{font-size:12px;color:#555;letter-spacing:-.7px}
.is_info .text2{font-size:12px;color:#555;margin:7px 0 0;letter-spacing:-1px}
.is_info .text3{font-size:18px;color:#555;line-height:24px;margin:10px 0 0}
/*.is_info .tel,.is_info .tel2{display:none}*/
.is_info .tel{position:absolute;left:0;bottom:25px;height:26px;line-height:23px;font-size:14px;color:#555;font-weight:bold;padding:0 0 0 33px;background:url("../../../resources/images/HLN/sm/ico_tel.png") no-repeat;background-size:26px}
.is_info .tel strong{font-size:18px;color:#4f70bd;vertical-align:top}
.is_info .tel.lb{height:auto;line-height:18px;background-position:0 50%}
.is_info .tel.lb strong{display:block}
.is_info .tel + .btn2{position:absolute;right:0;bottom:20px}
.is_info .tel + .btn2 .btn_l.no_ico{min-width:auto;height:40px;line-height:38px;border-radius:10px 0 10px 0;font-size:15px;background:#1743a9;font-weight:bold;border-color:#1743a9}
.is_info .tel + .btn2 .btn_l.no_ico span{height:40px;line-height:38px;letter-spacing:-.7px}
.is_info .btn{position:absolute;left:0;bottom:20px;overflow:hidden;width:100%}
.is_info .btn li:first-child{width:47%;height:40px;float:left;background:#1743a9;box-sizing:border-box;padding:0 6px;border-radius:10px 0 10px 0;text-align:center}
.is_info .btn li:last-child{width:52%;float:right;background:none}
.is_info .btn li .btn_sm{display:inline-block;height:40px;font-size:12px;color:#fff;box-sizing:border-box;padding:2px 0 0 35px;text-align:left;position:relative;letter-spacing:-.7px}
.is_info .btn li .btn_sm:after{content:"";display:block;width:26px;height:26px;position:absolute;left:0;top:50%;margin-top:-13px;background:url("../../../resources/images/HLN/sm/ico_is_btn01.png")no-repeat 0 0;background-size:100%}
.is_info .btn li .btn_sm span{font-weight:bold;color:#b5d6ff}
.is_info .btn li .btn_sm strong{display:block;font-size:15px}
.is_info .btn li a.btn_l.cp{width:100%;height:40px;line-height:38px;border-radius:10px 0 10px 0;font-size:14px;background:#007bc3;padding:0 7px;border-color:#007bc3}
.is_info .btn li a.btn_l.cp span{height:38px;line-height:38px;padding-left:32px;background:url("../../../resources/images/HLN/sm/ico_is_btn02.png")no-repeat 0 50%;background-size:26px;letter-spacing:-.7px}

.ln_bg{width:178px;display:block;margin:0 auto}

.is_sm .text_01 + .table_01.table_v.mt35{margin-top:20px !important}
.is_sm .box_01{margin-top:25px}
.box_01{border:1px solid #e5e5e5;background:#f8f8f8;padding:15px}
.box_01 .tit{font-size:12px;color:#303030;letter-spacing:-.7px;margin-bottom:5px;padding-left:18px;position:relative}
.box_01 .tit.ico_01:after{content:"";display:block;width:13px;height:13px;position:absolute;left:0;top:50%;margin-top:-6px;background:url("../../../resources/images/common/sm/ico_box_noti_01.png")no-repeat 0 0;background-size:100%}
.box_01 ul{padding-left:18px}
.box_01 ul li{position:relative;letter-spacing:-.7px;font-size:12px}
.box_01 ul li:after{content:"";display:block;position:absolute;left:-8px;top:7px;width:3px;height:3px;background:#999}

.is_sm .text_box{background:#f6f6f6 !important;margin-top:7px !important;padding:7px 10px 10px}