@charset "utf-8";
/* 보상서비스 */

.lct_map .inner{border:1px solid #5a5ab7;background:#6666cc}
.lct_map .tel span{background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -80px -380px}
.lct_map .btn{border-left:1px solid #8585d6;border-right:1px solid #8585d6}
.lct_map .btn a{background:url(../../../resources/images/HRW/pc/bg_layout_cg.gif) no-repeat}
.lct_map .btn.on a{background:url(../../../resources/images/HRW/pc/bg_layout_cg.gif) no-repeat 0 -30px}

.emp_02{color:#6666cc !important}
.paging strong{color:#6666cc}

.pc-vNav-skin-default h2{color:#6666cc;border-bottom:3px solid #6666cc}
.pc-vNav-skin-default > ul > li.vNav-View > a{color:#6666cc;background:url(../../../resources/images/HRW/pc/bg_lnb_on.gif) no-repeat 100% 50%}
.pc-vNav-skin-default > ul ul .vNav-currentPage{color:#6666cc}
.pc-vNav-skin-default > ul ul li.vNav-View:after{background:#6666cc}

.mg_step .on span{background:url(../../../resources/images/HRW/pc/bg_step.gif)}

.table_01{border-top:2px solid #9999cc}
.table_01 th{background:#f0f0ff}
.table_01.table_h thead th{border:1px solid #9999cc}
.table_01 td .tit{font-weight:bold; margin-bottom:10px; display:inline-block;}
.table_01 td .text{margin-top:10px; display:inline-block;}

.table_03{border-top:2px solid #9999cc}
.table_03 th{border-bottom:1px solid #9999cc;background:#f0f0ff}

.detail_view{border-top:2px solid #9999cc}
.detail_view .tit{border-bottom:1px solid #9999cc;background:#f0f0ff}

.event_list{border-top:2px solid #9999cc}

.faq_list{border-top:2px solid #6666cc}
.bul_q{background-position:-90px -60px}

.sub_tit2.bull:after{background-position:-60px -40px}
.sub_tit3.bull:after{background-position:-60px -320px}

.tab_depth > ul > li.active > a span{background:#6666cc}
.tab_depth > ul ul .on a{color:#6666cc}

.tab_list{border-bottom:1px solid #6666cc}
.tab_list .on a{background:#6666cc;border:1px solid #6666cc;border-bottom:0}

.tab_full2 .on a > span{background:#6666cc;border:1px solid #6666cc}

.tab_anchor > ul > li.active > a span{background:#6666cc;border:1px solid #6666cc}
.tab_anchor > ul ul a:after{background-position:-60px -160px}

.tab_pop{border-bottom:1px solid #6666cc}
.tab_pop .on span{background:#6666cc;border:1px solid #6666cc;border-bottom:0}

a.btn_l{background-position:0 -150px}
a.btn_l span{background-position:100% -150px}
a.btn_l.line{background-position:0 -450px;color:#6666cc}
a.btn_l.line span{background-position:100% -450px}

a.btn_i02:after{background-position:-60px -240px}

a.btn_i04.btn_m,a.cp.btn_m{background-position:0 -150px}
a.btn_i04.btn_m span,a.cp.btn_m span{background-position:100% -150px}



.go_link1{text-indent:-9999em;width:124px;height:24px;position:absolute;top:143px;left:50%;margin:0 0 0 -185px;background:url(../../../resources/images/common/pc/bg_0.gif)}
.go_link2{text-indent:-9999em;width:124px;height:24px;position:absolute;top:143px;left:50%;margin:0 0 0 220px;background:url(../../../resources/images/common/pc/bg_0.gif)}

.table_01 td > ul{margin:0}
.accept_info{border:1px solid #e5e5e5;position:relative;margin:10px 0 0 0;overflow:hidden;line-height:22px}
.accept_info:after{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:1px;height:auto;background:url(../../../resources/images/common/pc/line_dot_v.gif) repeat-y}
.accept_info li{float:left;width:50%;background:url(../../../resources/images/HRW/pc/hrw03_001_01.jpg) no-repeat 20px 20px;padding:25px 25px 25px 118px;box-sizing:border-box}
.accept_info li + li{background:url(../../../resources/images/HRW/pc/hrw03_001_02.jpg) no-repeat 20px 20px}
.accept_info li.online{background:url(../../../resources/images/HRW/pc/hrw03_001_03.jpg) no-repeat 20px 20px}
.accept_info li.fax{background:url(../../../resources/images/HRW/pc/hrw03_001_04.jpg) no-repeat 20px 20px}
.accept_info li > strong{font-size:15px;display:block;margin:0 0 5px;color:#202020}
.accept_info li > strong span{color:#202020 !important}
.accept_info li > p{min-height:44px}

.sub_tit + .desc{font-size:18px;line-height:28px;color:#303030;margin:30px 0 0 0}

.step_way{border-top:1px solid #9999cc;border-bottom:1px solid #a3a3a3;position:relative;text-align:center;padding:0 214px 0 0;margin:10px 0 0 0}
.step_way .float_box{width:207px;position:absolute;top:0;right:0;background:#f5f5f5;border-left:1px solid #d9d9d9;height:249px}
.step_way .float_box .tit{display:block;background:url(../../../resources/images/HRW/pc/hrw03_003_04.jpg) no-repeat 32px 50px;font-size:14px;color:#505050;line-height:18px;padding:53px 0 0 74px;text-align:left}
.step_way .float_box ul{padding:0 0 0 32px;text-align:left}
.step_way .float_box li{line-height:18px}
.step_way .float_box .btn_m{margin:25px 0 0}

.recall{margin:10px 0 0 0;overflow:hidden;border:1px solid #d9d9d9;position:relative;line-height:22px}
.recall:after{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:1px;height:auto;background:url(../../../resources/images/common/pc/line_dot_v.gif) repeat-y}
.recall > div{float:left;width:50%;box-sizing:border-box;padding:36px 30px 30px 140px;background:url(../../../resources/images/HRW/pc/hrw04_012_01.jpg) no-repeat 21px 23px;min-height:140px}
.recall > div + div{background:url(../../../resources/images/HRW/pc/hrw04_012_02.jpg) no-repeat 21px 23px} 
.recall .tit{display:block;margin:0 0 7px;font-size:15px;color:#303030}

.safe_result{border:1px solid #e5e5e5;margin:15px 0 0 0;padding:23px 0 29px;line-height:22px}
.safe_result .sub_tit3{display:block;margin:0 30px}
.safe_result .bul_list{overflow:hidden;margin:10px 0 0 30px;color:#8484ad}
.safe_result .bul_list li{float:left;margin:0 30px 0 0}
.safe_result .list{margin:25px 0 0 0;display:table;width:100%;table-layout:fixed}
.safe_result .list li{display:table-cell;border-left:1px solid #e5e5e5}
.safe_result .list li:first-child{border:0}
.safe_result .list div{padding:147px 0 0;text-align:center;background:url(../../../resources/images/HRW/pc/hrw04_012_04.jpg) no-repeat 50% 10px;height:98px}
.safe_result .list li+li div{background:url(../../../resources/images/HRW/pc/hrw04_012_05.jpg) no-repeat 50% 10px}
.safe_result .list li+li+li div{background:url(../../../resources/images/HRW/pc/hrw04_012_06.jpg) no-repeat 50% 10px}
.safe_result .tit{font-size:16px;display:block;color:#202020}
.safe_result .text_01{line-height:20px}

/* NEW 질병/상해 보험금청구*/
.font-N{font-family:'NotoSansKR-M',sans-serif;}
.font-N .d_F{display: flex; align-items:center}
.font-N .d_F2{display: flex; align-items: baseline;}
.font-N .d_F3{display: flex; justify-content: space-between; align-items: center;}
.font-N .d_F4{display: flex;align-items:flex-start;justify-content: space-between; font-size: 16px;}
.font-N .sub_tit_N {font-family:'NotoSansKR-B',sans-serif;font-weight:normal; font-size:26px; margin-top:30px;color:#000;}
.font-N .sub_tit2{margin-top:50px;line-height:25px;font-size:22px;color:#303030;padding-left:22px !important;}
.font-N .sub_tit2.bull:after{position:absolute;left:0;top:5px;width:16px;height:16px; background:url("../../../resources/images/common/pc/bg_title_03.png")no-repeat !important;}
.font-N .sub_tit3{font-family:'NotoSansKR-B',sans-serif; font-weight:normal;font-size:22px;color:#303030;margin:0;height:25px;line-height:25px;}
.font-N .sub_tit4{font-family:'NotoSansKR-B',sans-serif; font-weight:normal;font-size:22px;color:#303030;margin:0;height:25px;line-height:25px; font-size:18px;}
.font-N a.btn_s,.font-N span.btn_s{font-size:15px; padding:0 15px;}
.font-N .ol_list{font-size:16px; line-height:26px; margin:10px 0 0 20px}
.font-N .ol_list > li,.font-N .ol_list > dd{padding-left:22px;position:relative}
.font-N .text_01{font-size:16px;}
.font-N .table_01, .font-N .table_02{font-size:16px;}
.font-N .faq_list{font-size:16px;}
.font-N .faq_list .q a{font-weight:normal; color:#000; padding:10px 40px 12px 40px;}
.font-N .faq_list .a{padding:12px 40px 14px;}
.font-N .faq_list .q i{left:10px; top:12px;}
.font-N .faq_list .a i{left:10px; top:15px;}
.font-N .bul_list > li {margin-top:6px;font-size:16px;}
.font-N .bul_list > li:first-child{margin-top:0;}
.font-N .table_01 a{font-family:'NotoSansKR-B',sans-serif; color:#000;}
.font-N .table_01.table_v th {padding:12px 20px; text-align:center;}
.font-N .table_01 th,.font-N .table_01 td {height:32px}
.font-N .table_01 td .tit {display: block}
.font-N .table_01 td p.s_text{font-size:14px; letter-spacing:-.5px;}
.font-N .table_02 th,.font-N .table_02 td {padding:12px 20px;}
.font-N .ex{color:#767676;box-sizing:border-box;border-radius: 11px;height: 22px;line-height:20px;width: 50px;display: inline-block;text-align: center; margin-right:8px; font-size:14px; border:1px solid #eee;}
.font-N .tab_full2{font-size:18px; margin:50px 0;}
.font-N .tab_full2 a{font-family:'NotoSansKR-B',sans-serif;font-weight:normal;height: 44px;line-height: 43px;}
.font-N .tab_full2 .on a{line-height: 37px !important;}
.font-N .paging > a,.font-N .paging > strong{font-size:16px;}
.font-N .tab_full2 .on a > span {background: #fff; border: 4px solid #6666cc; color: #6666cc;}
.font-N a.btn_s {display: inline-block;padding: 0 30px; height: 36px; line-height: 34px; font-size:15px !important; border-radius: 3px; font-weight: bold; color: #fff; text-align: center;background-color: #888; text-decoration:none; margin-left:10px;}
.font-N a.btn_s span{height: 36px;line-height: 33px;vertical-align:middle;}
.font-N .btn_set{display: flex; justify-content: flex-end;}
.font-N a.btn_type_03 {display: inline-block;padding: 0 30px; height: 36px; line-height: 34px; font-size:15px !important; border-radius: 3px; font-weight: bold; color: #fff; text-align: center;background-color: #888; text-decoration:none}
.font-N a.btn_type_05 {display: inline-block; padding: 0 12px; height: 28px; line-height: 26px; border: 1px solid #aaa; color: #666; font-size: 15px; background-color: #fff; text-decoration: none; border-radius: 3px;}
.font-N a.btn_type_06 {display: inline-block; padding: 0 12px; height: 28px; line-height: 26px; border: 1px solid #aaa; color: #fff; font-size: 15px; background-color: #6666cc; text-decoration: none; border-radius: 3px;}
.font-N a.btn_type_07 {display: inline-block; padding: 0 30px; height: 36px; line-height: 34px; font-size: 16px; border-radius: 4px; font-weight: bold;  color: #fff; text-align: center; background-color: #6666cc; text-decoration: none; margin-left: 5px;}
.font-N a.btn_type_08 {display: inline-block; padding: 0 30px; height: 36px; line-height: 34px; font-size: 16px; border-radius: 4px; font-weight: bold;  color: #fff; text-align: center; background-color: #888; text-decoration: none; margin-left: 5px;}
.font-N a.btn_type_09 { position: relative; display: inline-block; padding: 0 37px 0 22px; height: 36px; line-height: 36px; color: #fff; font-size: 15px; background-color: #14387f; text-decoration: none; border-radius: 3px; margin-left: 10px;}
.font-N a.btn_type_09:after { position: absolute; right: 16px; top: 13px; width: 7px; height: 11px; background: url(../../../resources/images/common/pc/ico_set.png) no-repeat -120px -240px; content: "";}
.font-N a.btn_i23{font-size:15px;color: #6666cc;padding:0;line-height: 30px;box-sizing: border-box;border-radius: 3px;font-weight: bold;border: 1px solid #6666cc;background: #fff url("../../../resources/images/common/sm/btn_down.png")right 15px top 50% no-repeat;background-size: 11px auto;padding-right: 18px;display: inline-block;text-decoration: none;text-align: center;letter-spacing: -1px; margin:0;}
.font-N a.btn_i24{font-size:15px;color: #666;padding:0;line-height:30px;box-sizing: border-box;margin-bottom:5px;border-radius: 3px;font-weight: bold;border: 1px solid #666;padding-right:15px;display: inline-block;text-decoration: none;text-align: center;letter-spacing: -1px; background: url(../../../resources/images/common/pc/btn_date_next.png) no-repeat 172px 10px; margin:0;}
.font-N a.btn_i24:after{background:none;}
.font-N input, textarea, .font-N select, .font-N button{font-family:'NotoSansKR-M',sans-serif;}
.font-N input[type='text']{width:100%;box-sizing:border-box;height:36px;background:#fff;border:1px solid #ccc;border-radius:3px;padding-left:17px;color:#666}
.font-N textarea{width:100%;box-sizing:border-box;height:72px;background:#fff;border:1px solid #ccc;border-radius:3px;padding-left:17px;color:#666}
.font-N input[type='password']{width:100%;box-sizing:border-box;height:36px;background:#fff;border:1px solid #ccc;border-radius:3px;padding-left:17px;color:#666}
.font-N input[type='date']{width:100%;height:34px;font-size:15px;background:url('../../../resources/images/common/pc/bg_date.png') 95% 50% no-repeat #fff;border:1px solid #ccc;border-radius:3px;padding-left:17px;cursor:pointer;color:#666}
.font-N input.date{width:150px;height:34px;font-size:15px;#fff;border:1px solid #ccc;border-radius:3px;padding-left:17px;cursor:pointer;color:#666}
.font-N input::-ms-expand{display:none;}
.font-N select{height:36px;background:#fff; border:1px solid #ccc;border-radius:3px;padding:5px 5px 5px 17px;color:#666;}
.font-N .mg_step div > span{font-family:'NotoSansKR-B',sans-serif; font-weight:normal; font-size:19px;}
.font-N .mg_step .on i,.font-N .mg_step ol i {font-family:'NotoSansKR-M',sans-serif;}
.font-N .btn_area_N {font-family:'NotoSansKR-B',sans-serif; margin-top:15px;padding: 0;display: flex;justify-content: space-between;text-align: center;}
.font-N .btn_area_N a.btn_NEXT {min-width: 60%;padding: 12px 0;font-size: 20px;border-radius: 0 6px 6px 0;display: inline-block;color: #fff;background: #6666cc url('../../../resources/images/common/pc/next_step.png') no-repeat right 5% center}
.font-N .btn_area_N a.btn_PREV {min-width: 40%;padding: 12px 0; font-size: 20px; border-radius: 6px 0 0 6px; background-color: #878787; display: inline-block;color: #fff}
.font-N .date_input .btn{position:absolute;right:0;top:0;width:25px;height:24px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/common/pc/bg_date.png) 96% 50% no-repeat #fff; margin: 5px;}

.font-N .box_01 {font-size: 16px; line-height:26px;}
.font-N .box_01 .tit{font-size:19px;}
.font-N .box_01 > dl > dt:after,.font-N .box_01 > ul > li:after{top:12px;}
.font-N .box_01 .tit:after{top:6px;}
.font-N .box_01 strong{font-family:'NotoSansKR-B',sans-serif;font-weight:normal;}
.font-N .check_all_on{margin:0;border:1px solid #6666cc;background:#6666cc;font-weight:bold;padding:8px 55px; text-align: center; transition: all 0.1s; cursor: pointer; color:#fff; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
.font-N .check_all{margin:0;border:1px solid #6666cc;background:#fff;font-weight:bold;padding:8px 55px; text-align: center; transition: all 0.1s; cursor: pointer; color:#6666cc; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
.font-N .check_all_on  span,.font-N .check_all span{ padding-left:10px;font-size:20px;}
.font-N .Agree_wrap{border:1px solid #eee; margin-top:10px;}
.font-N .Agree_wrap >div:last-child{border-bottom:none;}
.font-N .Agree{display: flex;align-items:flex-start;justify-content: space-between; font-size: 16px; border-bottom:2px dotted #eee;padding:15px 0 ;margin-top:0px;background: #f8f8f8;}
.font-N .Agree li:nth-child(1){display: inline-block; width:20%; text-align:center; font-family:'NotoSansKR-B',sans-serif;}
.font-N .Agree li:nth-child(2){display: inline-block; width:50%;}
.font-N .Agree li:nth-child(3){display: inline-block; width:30%; text-align:center;}


.pl55{padding-left:55px !important}
.pl58{padding-left:58px !important}

.tab_pop_N{font-family:'NotoSansKR-B',sans-serif;border-bottom:1px solid #d9d9d9;background:#fafafa;}
.tab_pop_N ul{display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.tab_pop_N li{display:table-cell;text-align:center;border:1px solid #d9d9d9;border-bottom:0;vertical-align:top; color:#555;}
.tab_pop_N a{font-size:19px;display:block;height:50px;line-height:50px;letter-spacing:-.5px;}
.tab_pop_N a span{display:block;padding:0 10px}
.tab_pop_N .on a{position:relative;background: #6666cc;color:#fff;font-size:20px;}
.tab_pop_N .on a:focus{outline:2px dotted #000}
.tab_pop_N .on span{position:absolute;left:-1px;top:-1px;right:-1px;height:44px;background:#6666cc;border:1px solid #6666cc;border-bottom:0;color:#fff}

.CS_New{position:relative; letter-spacing: -1px;}
.CS_New .box{border: 4px solid #efefef;font-size: 26px;color:#000;letter-spacing:-1px;padding:25px 0 25px 40px;background: url("../../../resources/images/HHO/pc/Main_Prod05.png")no-repeat 620px 30px;margin-top: 25px;height: 76px;line-height:36px;}
.CS_New .box em{font-family:'NotoSansKR-B',sans-serif; box-shadow: inset 0 -10px 0 #ffffe3; line-height: 21px; font-style: normal; padding: 0 3px; color:#6666cc;}
.CS_New .CS_list{position:relative;margin-top:50px;display: flex;}
.CS_New .CS_list > div {width:33.333%; height:250px; text-align: center;margin-right: 19px; display: flex;  flex-direction: column;}
.CS_New .CS_list > div:last-child{margin-right:0px;}
.CS_New .CS_list > div p {font-family:'NotoSansKR-B',sans-serif;font-size:26px;padding:80px 0 15px;color: #000;line-height: 30px;}
.CS_New .CS_list > div span.btn{font-family:'NotoSansKR-B',sans-serif;font-size:16px;display: block;line-height: 40px;color: #666;background: url(../../../resources/images/common/pc/bg_lnb_btn_arrow.png) no-repeat 160px 15px;padding-right:18px;letter-spacing: 0;}
.CS_New .CS_list > div a {width:100%; height:100%; display:inline-block;border:5px solid #ddd;border-radius: 5px; box-sizing:border-box;background:url(../../../resources/images/HHP/pc/hhp05_002_05.png) no-repeat 50% 30px}
.CS_New .CS_list > div a:hover{box-shadow: 3px 3px 3px rgba(67,67,67,0.1); border:5px solid #6666cc; box-sizing: border-box; background:url(../../../resources/images/HHP/pc/hhp05_002_05_on.png) no-repeat 50% 25px}
.CS_New .CS_list > div > div{padding-top:10px;font-size: 15px; line-height:19px;}

.CS_New .box02 {border: 4px solid #efefef; font-size:26px; color: #000; letter-spacing: -.5px; padding: 36px 0 25px 60px; background: url("../../../resources/images/HHO/pc/Main_Prod06.png")no-repeat 560px 120px; margin-top: 25px; height: 220px; line-height: 26px; background-size: 200px;}
.CS_New .box02 em { font-family: 'NotoSansKR-B',sans-serif; box-shadow: inset 0 -10px 0 #ffffe3; line-height: 21px; font-style: normal; padding: 0 3px; color: #6666cc;}
.CS_New .box02 .info_END { padding:40px 0 0; color: #666;}
.CS_New .box02 .info_END ul {display: flex; justify-content: flex-start;}
.CS_New .box02 .info_END ul li {height: 36px; line-height: 36px;font-family:'NotoSansKR-B',sans-serif;  font-size: 18px;}
.CS_New .box02 .info_END ul li.tit {display: inline-block; width: 120px; box-sizing: border-box; color: #000; background: url("../../../resources/images/common/sm/ico_triangle.png")no-repeat 10px center; background-size: 5px; padding-left: 25px;}
.CS_New .box02 .info_END ul li.text {display: inline-block; color: #666; }


.layer_box_N{position: fixed;margin: 0;border:3px solid #1743a9;background:#fff;z-index:9999;outline:none;left: calc(50% - 200px);top: calc(50% - 50%);}
.layer_box_N .pop_wrap{padding:16px 0 20px}
.layer_box_N .pop_tit2{font-size:26px; margin:0;}
.layer_box_N .box_01{margin-top: 20px; padding:15px;}
a.btn_type_01, a.btn_type_02 {padding: 0 10px;min-width: 130px;height: 40px;line-height: 32px;border-radius: 3px;font-size: 17px;font-weight: bold;color: #fff;text-align: center;border: 3px solid #fff !important;display: inline-block;box-sizing: border-box;}
a.btn_type_01 {background-color: #888}
a.btn_type_02 {background-color: #14387f}

/* radio & check box */
.Input_box{font-family:'NotoSansKR-B',sans-serif;margin:10px 0 0;font-size:22px;color:#000;border:1px solid #e9e9e9; height:77px;line-height: 70px;padding-left:30px;}
.Input_box input[type='radio']{-webkit-appearance:none; width:19px; height:19px; background:url('../../../resources/images/common/pc/bg_radio.png') 0 0 no-repeat; background-size:100%; border:0 none; margin-right:10px; padding:0; overflow:hidden}
.Input_box input[type='radio'] + label, .Input_box input[type='checkbox'] + label, .Input_box  label{height:19px;display:inline-block;line-height: 17px;vertical-align:middle;}
.Input_box input[type='checkbox']{-webkit-appearance:none; border-radius:0; width:19px; height:19px; background:url('../../../resources/images/common/pc/bg_check.png') 0 0 no-repeat; background-size:100%; border:0 none; margin:0; padding:0; overflow:hidden}
.Input_box input[type='radio']:checked, .Input_box  input[type='checkbox']:checked{background-position:0 -19px}
.Input_box input[type='radio']:disabled, .Input_box  input[type='checkbox']:disabled{opacity:.5}

.Input_N input[type='radio']{-webkit-appearance:none;width: 16px;height: 16px;background:url('../../../resources/images/common/pc/bg_radio.png') 0 0 no-repeat;background-size:100%;border:0 none;margin:0;padding:0;overflow:hidden;}
.Input_N input[type='radio'] + label, .Input_N input[type='checkbox'] + label, .Input_N .chk label{height:19px;display:inline-block;line-height: 17px;vertical-align:middle; color:#000;}
.Input_N input[type='checkbox']{-webkit-appearance:none; border-radius:0; width:17px; height:17px; background:url('../../../resources/images/common/pc/bg_check.png') 0 0 no-repeat; background-size:100%; border:0 none; margin:0; padding:0; overflow:hidden;cursor: pointer;}
.Input_N input[type='radio']:checked{background-position: 0 -16px;}
.Input_N input[type='checkbox']:checked{background-position: 0 -17px;}
.Input_N input[type='radio']:disabled, .Input_N input[type='checkbox']:disabled{opacity:.5}

.info_box{padding:20px; background-color:#fcf7f0;margin-top:10px}
.personal_term{margin-top:15px;border-top: 1px solid #e1e1e1;}
.personal_term li{color: #666; line-height: 21px;}
.personal_term li .js_qtitle {position: relative;border-bottom: 1px solid #e1e1e1;padding: 10px 10px 10px 32px;font-weight:bold;font-size:15px;margin:0 0 2px;background: url('../../../resources/images/common/pc/bg_lnb_btn_arrow02.png') 10px 12px no-repeat;}
.personal_term li .js_qtitle .chk_wrap {margin-top: -20px;display: flex; flex-flow: row; justify-content: flex-end;}
.personal_term li .js_acont_select {border-bottom: 1px solid #e1e1e1;padding: 10px 20px;font-size: 14px;}
.personal_term li:first-child{/* border-top: 1px solid #e1e1e1; */}
.personal_term li .js_acont_select .tit{font-weight: bold;}

.personal_table{margin:15px 0;border-right: 1px solid #d9d9d9;}
.personal_table th,.personal_table td{border-left: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;height:18px;line-height:18px;padding:6px 15px}
.personal_table td:last-child{border-left: none;}
.personal_table th{background:#fbfbfb !important;text-align:center !important}
.personal_table thead th{border-bottom:0 !important}


.step01_choice{margin:10px 0 0 0;border:1px solid #d9d9d9;box-sizing:border-box}
.step01_choice:after{display:block;content:"";clear:both}
.step01_choice li{float:left;width:50%;height:270px;position:relative}
.step01_choice li input[type="radio"]{position:absolute;z-index:-10;top:50%;left:50%}
.step01_choice li label{background:#f2f2f2 url(../../../resources/images/HHP/pc/hhp05_001_05.jpg) no-repeat 50% 100%;display:block;text-indent:-9999em;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.step01_choice li:first-child label:after{display:block;width:1px;height:270px;background:#d9d9d9;content:"";position:absolute;top:0;right:0}
.step01_choice li:first-child + li label:after{display:block;width:100%;height:1px;background:#d9d9d9;position:absolute;left:0;bottom:0;content:""}
.step01_choice li:first-child + li + li label:after{display:block;width:100%;height:1px;background:#d9d9d9;content:"";position:absolute;top:-1px;left:0}
.step01_choice li:first-child + li + li + li label:after{display:block;width:1px;height:270px;background:#d9d9d9;content:"";position:absolute;top:0;left:-1px}
.step01_choice li.on label{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;border:3px solid #6666cc;box-sizing:border-box;z-index:20}
.step01_choice li.focus_on label{background-position:50% 0;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;border:3px dashed #6666cc;box-sizing:border-box;z-index:20}
.step01_choice li:first-child + li + li + li.focus_on label{background-position:50% -1px;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;border:3px dashed #6666cc;box-sizing:border-box;z-index:20}
.step01_choice li:first-child.on label{background:#fff url(../../../resources/images/HHP/pc/hhp05_001_05_on.jpg) no-repeat 50% 100%}
.step01_choice li:first-child + li label{background:#f2f2f2 url(../../../resources/images/HHP/pc/hhp05_001_06.jpg) no-repeat 50% 100%}
.step01_choice li:first-child + li.on label{background:#fff url(../../../resources/images/HHP/pc/hhp05_001_06_on.jpg) no-repeat 50% 100%;z-index:20}
.step01_choice li:first-child + li + li label{background:#f2f2f2 url(../../../resources/images/HHP/pc/hhp05_001_07.jpg) no-repeat 50% 100%}
.step01_choice li:first-child + li + li.on label{background:#fff url(../../../resources/images/HHP/pc/hhp05_001_07_on.jpg) no-repeat 50% 100%;z-index:20}
.step01_choice li:first-child + li + li + li label{background:#f2f2f2 url(../../../resources/images/HHP/pc/hhp05_001_08.jpg) no-repeat 50% 100%}
.step01_choice li:first-child + li + li + li.on label{background:#fff url(../../../resources/images/HHP/pc/hhp05_001_08_on.jpg) no-repeat 50% 100%;z-index:20}
.step01_choice li.on label:after{display:none !important}

.step02_con{margin:50px 0 0 0;border:1px solid #d9d9d9;padding:0 0 0 45px;height:245px;background:url(../../../resources/images/HHP/pc/hhp05_002_01.jpg) no-repeat 100% 100%}
.step02_con.famliy{background:url(../../../resources/images/HHP/pc/hhp05_002_02.jpg) no-repeat 100% 100%}
.step02_con.parent{background:url(../../../resources/images/HHP/pc/hhp05_002_03.jpg) no-repeat 100% 100%}
.step02_con.old{background:url(../../../resources/images/HHP/pc/hhp05_002_04.jpg) no-repeat 100% 100%}
.step02_con .tit{font-size:22px;color:#000;line-height:30px;font-weight:normal;margin:50px 0 15px 0}
.step02_con .tit strong{}
.step02_choice{overflow:hidden;margin-top:15px}
.step02_choice li{font-family:'NotoSansKR-B',sans-serif;float:left;width:48.5%;position:relative}
.step02_choice li:first-child{margin-right:3%;}
.step02_choice li label{margin:0;border: 5px solid #ddd;box-sizing:border-box;display:block;text-align:center;padding:80px 0 40px 0;font-size:20px;color:#000;background:#fff url(../../../resources/images/HHP/pc/hhp05_002_05.png) no-repeat 50% 39px; border-radius:5px;}
.step02_choice li label:hover{border:5px solid #6666cc;background:#fff url(../../../resources/images/HHP/pc/hhp05_002_05_on.png) no-repeat 50% 33px;cursor:pointer;box-shadow: 3px 3px 3px rgba(67,67,67,0.1);}
.step02_choice li input[type="radio"]{position:absolute;top:50%;left:50%;z-index:-20}

.ok_box_N{margin: 30px 0;padding: 30px 0 30px 20px;text-align:center;color:#404040;border: 1px solid #d9d9d9;letter-spacing:-.5px;display: flex;justify-content: space-around;align-items: flex-end;}
.ok_box_N > p{font-size: 14.5px;; padding:6px 0 6px 70px;min-height:40px;line-height:22px;display:inline-block;background:url(../../../resources/images/common/pc/ico_layer_alert_mark.png) no-repeat 0 50%;text-align:left}

.put_file_wrap{padding: 20px 40px; border: 4px solid #efefef; margin: 10px 0 30px 0; border:double}
.put_file_photo {display: flex;font-size: 13.5px;padding:10px 0;justify-content: space-between;}
.put_file_photo .file_size{font-size: 12px; color:#777;}
.put_file_photo p{padding:0 0 0 13px;position:relative;width:400px;color:#000; font-size:16px;}
.put_file_photo .file_size{font-size:15px; color:#888; margin-left:10px;}
.put_file_photo p:after{position:absolute;left:4px;top:7px;width:3px;height:3px;background:#999;content:""}
.put_file_photo a.btn_s {width: 100px;height: 30px; line-height: 27px; font-size: 15px; border: 1px solid #999;}
.put_file_photo a.btn_s.line span {vertical-align: middle;color: #000 !important;}
.put_file_photo a.btn_s:first-child{margin-right:5px;}
.put_file_photo02 {display: flex;font-size: 13.5px;padding:10px 0 20px 0;flex-direction: column;align-items: center;}
.put_file_photo02 button.btn01 {position: relative; width: 120px;  color: #ffffff;    height: 30px;    line-height: 27px;    font-size: 13px;    cursor: pointer;    font-weight: bold;background: #888;    border: none;    box-sizing: border-box;}
.put_file_photo02 button.btn02 {font-family:'NotoSansKR-B',sans-serif; position: relative;width:460px;color: #fff;height:50px;line-height: 40px;font-size:20px;cursor: pointer;box-sizing: border-box;background: #6666cc;border: none;border-radius: 5px;padding-right: 15px;}
.put_file_photo02 button.btn02:after {position: absolute;right:33%;top:38%;width: 14px;height: 16px;background: url(../../../resources/images/common/pc/ico_set.png) no-repeat -160px -218px;content: ""}
.put_file_photo02 .file_size{font-size: 16px; color:#888; margin-top:5px;}

@font-face {
    font-family: 'NotoSansKR-M';
    font-style: normal;
    font-weight: normal;
    src: url('../../../resources/fonts/NotoSansKR-Medium.otf');
    src: url('../../../resources/fonts/NotoSansKR-Medium.woff') format('woff');
  }

  @font-face {
    font-family: 'NotoSansKR-B';
    font-style: normal;
    font-weight:normal;
    src: url('../../../resources/fonts/NotoSansKR-Bold.otf');
    src: url('../../../resources/fonts/NotoSansKR-Bold.woff') format('woff');
  }
  
  @font-face {
    font-family: 'Roboto-M';
    font-style: normal;
    font-weight: normal;
    src: url('../../../resources/fonts/Roboto-Medium.eot');
    src: url(../../../resources/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../../resources/fonts/Roboto-Medium.woff') format('woff'),
    url('../../../resources/fonts/Roboto-Medium.ttf') format('truetype');
  }