@charset "utf-8";
/* 온라인창구 */

.lct_map .inner{border:1px solid #4d637b;background:#5a748f}
.lct_map .tel span{background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -40px -380px}
.lct_map .btn{border-left:1px solid #7b90a5;border-right:1px solid #7b90a5}
.lct_map .btn a{background:url(../../../resources/images/HOL/pc/bg_layout_cg.gif) no-repeat}
.lct_map .btn.on a{background:url(../../../resources/images/HOL/pc/bg_layout_cg.gif) no-repeat 0 -30px}

.emp_02{color:#5a748f !important}
.paging strong{color:#5a748f}

.pc-vNav-skin-default h2{color:#5a748f;border-bottom:3px solid #5a748f}
.pc-vNav-skin-default > ul > li.vNav-View > a{color:#5a748f;background:url(../../../resources/images/HOL/pc/bg_lnb_on.gif) no-repeat 100% 50%}
.pc-vNav-skin-default > ul ul .vNav-currentPage{color:#5a748f}
.pc-vNav-skin-default > ul ul li.vNav-View:after{background:#5a748f}

.mg_step .on span{background:url(../../../resources/images/HOL/pc/bg_step.gif)}

.table_01{border-top:2px solid #8ba0b6}
.table_01 th{background:#e8f7ff}
.table_01.table_h thead th{border:1px solid #8ba0b6}

.table_03{border-top:2px solid #8ba0b6}
.table_03 th{border-bottom:1px solid #8ba0b6;background:#e8f7ff}

.detail_view{border-top:2px solid #8ba0b6}
.detail_view .tit{border-bottom:1px solid #8ba0b6;background:#e8f7ff}

.event_list{border-top:2px solid #8ba0b6}

.faq_list{border-top:2px solid #8ba0b6}
.bul_q{background-position:-60px -60px}

.sub_tit2.bull:after{background-position:-40px -40px}
.sub_tit3.bull:after{background-position:-40px -320px}

.tab_depth > ul > li.active > a span{background:#5a748f}
.tab_depth > ul ul .on a{color:#5a748f}

.tab_list{border-bottom:1px solid #5a748f}
.tab_list .on a{background:#5a748f;border:1px solid #5a748f;border-bottom:0}

.tab_full2 .on a > span{background:#5a748f;border:1px solid #5a748f}

.tab_anchor > ul > li.active > a span{background:#5a748f;border:1px solid #5a748f}
.tab_anchor > ul ul a:after{background-position:-40px -160px}

.tab_pop{border-bottom:1px solid #5a748f}
.tab_pop .on span{background:#5a748f;border:1px solid #5a748f;border-bottom:0}

a.btn_l{background-position:0 -100px}
a.btn_l span{background-position:100% -100px}
a.btn_l.line{background-position:0 -400px;color:#5a748f}
a.btn_l.line span{background-position:100% -400px}

a.btn_s_grey{text-decoration:none;display:inline-block;padding:0 10px;text-align:center;height:24px;line-height:24px;font-size:12px;color:#fff;background-repeat:no-repeat;background-image:url(../../../resources/images/common/pc/btn_s_grey.gif);border:0;cursor:pointer;border-right:1px solid #737373}

a.btn_i02:after{background-position:-40px -240px;text-decoration:none;}

a.btn_i04.btn_m,a.cp.btn_m{background-position:0 -100px}
a.btn_i04.btn_m span,a.cp.btn_m span{background-position:100% -100px}

a.btn_i20{padding-left:22px;position:relative}
a.btn_i20 span{min-width:inherit}
a.btn_i20:after{position:absolute;left:9px;top:50%;width:9px;height:7px;margin-top:-3px;background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -130px 0;content:""}

.table_01 .text_ico{display:inline-block;position:relative;padding:0 0 0 35px}
.table_01 .text_ico img{position:absolute;left:0;top:1px}
.table_01 .text_ico i{position:absolute;left:0;top:1px;width:25px;padding:1px 3px 0 3px;line-height:17px;font-size:11px;color:#fff;text-align:center;font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;border-radius:5px 1px 5px 1px}
.table_01 .text_ico .ing{background:#0f7cc0}
.table_01 .text_ico .end{background:#777}

/* 계약조회 */
.is_info{margin:15px 0 0;border:1px solid #cfcfcf;padding:12px 18px 15px;position:relative;color:#606060;font-size:14px}
.is_info .tit{font-size:18px;color:#0a376a;line-height:25px}
.is_info ul:after{display:block;clear:both;height:0;line-height:0;content:""}
.is_info li{float:left;margin:0 0 0 77px}
.is_info li:first-child{margin:0}
.is_info .btn_s{position:absolute;right:20px;top:50%;margin-top:-12px}
.is_info .download{display: flex;justify-content: space-between;margin-bottom: 10px;}
.is_info .download ul:after{display:block;clear:both;height:0;line-height:0;content:""}
.is_info .download li{clear:both;margin: 0 !important;}
.is_info .download .btn_s{position:relative;right: 0;top: 0;margin: 0;}

/* 마이페이지 */
.my_box{margin:30px 0 0;border:10px solid #e9f2fd;padding:22px 30px 28px;position:relative}
.my_box .tit{min-height:30px;line-height:27px;padding:0 150px 0 36px;font-size:18px;color:#303030;background:url(../../../resources/images/HOL/pc/ico_my_box.gif) no-repeat}
.my_box .tit.ep{background:url(../../../resources/images/HOL/pc/ico_my_box.gif) no-repeat 0 -50px}
.my_box .tit strong{font-size:20px;color:#0a376a}
.my_box .table_01{margin:10px 0 0}
.my_box .btn{position:absolute;right:30px;top:30px;line-height:22px;padding:0 8px 0 0}
.my_box .btn:after{position:absolute;right:0;top:50%;width:4px;height:7px;margin-top:-3px;background:url(../../../resources/images/common/pc/ico_set.png) no-repeat 0 -300px;content:""}

.my_box .link{margin:30px 0 0 123px;position:relative}
.my_box .link:after{display:block;clear:both;height:0;line-height:0;content:""}
.my_box .link dt{position:absolute;left:-123px;top:5px;font-weight:bold;font-size:15px;color:#303030;line-height:22px}
.my_box .link dd{float:left;width:20%;text-align:center;line-height:16px}
.my_box .link a{display:inline-block;padding:105px 0 0;position:relative}
.my_box .link a:after{position:absolute;left:50%;top:0;width:90px;height:90px;margin-left:-45px;background-repeat:no-repeat;background-image:url(../../../resources/images/common/pc/ico_my_box.gif);content:""}
.my_box .link .bg2 a:after{background-position:-100px 0}
.my_box .link .bg3 a:after{background-position:-200px 0}
.my_box .link .bg4 a:after{background-position:-300px 0}
.my_box .link .bg5 a:after{background-position:-400px 0}
.my_box .link .bg6 a:after{background-position:-500px 0}
.my_box .link .bg7 a:after{background-position:-600px 0}
.my_box .link .bg8 a:after{background-position:-700px 0}

.scroll_box{margin:10px 0 0 0;overflow-y:scroll;border:1px solid #d9d9d9;padding:10px 0 0 15px;height:139px}
.scroll_box li{position:relative;background:#fff}
.scroll_box li  a, .scroll_box li label{display:block;overflow:hidden;line-height:24px}
.scroll_box li input[type="radio"]{position:absolute;left:3px;top:3px;z-index:-100;width:5px;height:5px}
.scroll_box li span{float:left;text-align:center;width:94px;margin:0 20px 0 0}
.scroll_box li p{float:left}
.scroll_box li label:hover, .scroll_box li  a:hover{color:#0f7cc0;font-weight:bold;cursor:pointer}
.scroll_box li.on label{color:#0f7cc0;font-weight:bold}
.addr_choice{border:1px solid #d9d9d9;background:#f8f8f8;padding:15px 20px 20px}

/* 계약/변경 */
.step_list{margin-top:12px}
.step_list li{margin-bottom:5px}
.step_list li:last-child{margin-bottom:0}
.step_list em{font-size:15px;font-style:normal;display:block;color:#505050;font-weight:bold;line-height:32px}

/* 보상 */
.btn_accept{margin-top:10px;overflow:hidden}
.btn_accept li{float:left;width:50%;position:relative;text-align:center}
.btn_accept li a{display:block;border:1px solid #e5e5e5;margin:0 0 0 7px;overflow:hidden}
.btn_accept li:first-child a{margin:0 8px 0 0}

.hol_is_go{margin:10px 0 0;border:1px solid #e5e5e5;padding:26px 0 19px}
.hol_is_go .tit{height:49px;line-height:25px;font-size:14px;color:#737373;padding:0 0 0 30px}
.hol_is_go .tit strong{font-size:18px;color:#202020}
.hol_is_go .tit span{color:#eb0045}
.hol_is_go .list{display:table;width:100%;table-layout:fixed}
.hol_is_go .list li{display:table-cell;border-left:1px solid #e5e5e5}
.hol_is_go .list li:first-child{border:0}
.hol_is_go .list div{padding:119px 0 0;height:85px;position:relative;line-height:22px;text-align:center}
.hol_is_go .list strong{display:block;font-size:15px;line-height:25px;color:#202020;margin:0 0 8px}
.hol_is_go .list div:after{content:"";position:absolute;left:50%;top:9px;width:100px;height:100px;margin-left:-50px;background-repeat:no-repeat;background-image:url(../../../resources/images/HOL/pc/hol_is_go.gif)}
.hol_is_go .ico_02:after{background-position:0 -100px}
.hol_is_go .ico_03:after{background-position:0 -200px}
.hol_is_go .ico_04:after{background-position:0 -300px}

.joycar{overflow:hidden;margin:10px 0 0 0}
.joycar li{float:left;width:25%;text-align:center}
.joycar li > span{border:1px solid #e5e5e5;display:block;padding:112px 0 0 0}
.joycar li strong{font-size:15px;line-height:22px;color:#404040;display:block;text-align:center}
.joycar li:first-child > span{margin:0 12px 0 0;background:url(../../../resources/images/HOL/pc/hol07_024_01.jpg) no-repeat 50% 0}
.joycar li:first-child + li > span{margin:0 8px 0 4px;background:url(../../../resources/images/HOL/pc/hol07_024_02.jpg) no-repeat 50% 0}
.joycar li:first-child + li + li > span{margin:0 4px 0 8px;background:url(../../../resources/images/HOL/pc/hol07_024_03.jpg) no-repeat 50% 0}
.joycar li:first-child + li + li + li> span{margin:0 0 0 12px;background:url(../../../resources/images/HOL/pc/hol07_024_04.jpg) no-repeat 50% 0}
.joycar li a{margin:15px 0 20px}

.ol_info{margin:30px 0 0;border:6px solid #f2f2f2;padding:23px 30px 30px 242px;line-height:22px;min-height:125px}
.ol_info.ol_bg18{background:url(../../../resources/images/HOL/pc/hol01_018_02.jpg) no-repeat}
.ol_info .tit{font-size:22px;color:#303030;line-height:32px;margin:0 0 10px;letter-spacing:-1px}
.ol_info .tit .small{font-size:15px;font-weight:normal;line-height:25px}
.ol_info .btn{overflow:hidden;margin:15px 0 0}
.ol_info .btn li{float:left;margin:0 5px 0 0}

.coupon_box{width:732px;margin:0 auto}
.coupon_box .coupon{position:relative;height:334px}
.coupon_box .detail{width:732px;height:334px;position:absolute;top:0;left:0}
.coupon_box .detail h2{text-align:center;font-size:32px;color:#08376a;font-weight:bold;padding:109px 0 0;line-height:36px}
.coupon_box .detail h2 strong{color:#fc274f}
.coupon_box .desc{color:#606060;line-height:19px;font-size:12px;text-align:center;margin:11px 0 0}
.coupon_box .desc li:first-child{color:#08376a;font-weight:bold;font-size:14px}
.coupon_box .service{color:#606060;line-height:19px;font-size:12px;position:absolute;top:247px;left:185px}
.coupon_box .service li:first-child{color:#08376a;font-weight:bold}
.coupon_box .info{position:absolute;top:247px;left:534px;line-height:19px;color:#202020}
.coupon_box .info strong{position:absolute;top:-10000px;left:-10000px;line-height:1;font-size:1px;text-indent:-99999em}
.coupon_box .coupon_num{position:absolute;top:29px;right:36px;line-height:19px;color:#08376a;font-size:12px;font-weight:bold}
.coupon_box .coupon_num span{color:#202020;font-weight:normal}

.sub_tit{margin:55px 0 0;height:52px;line-height:40px;font-size:30px;color:#202020;border-bottom:2px solid #dfdfdf}

.cs_info{padding:35px 0 5px 210px;min-height:142px;background:url(../../../resources/images/HCS/pc/bg_cs_info.jpg) no-repeat 0 35px;line-height:22px}
.cs_info .tit{line-height:30px;font-size:22px;color:#000;margin:0 0 9px}
.cs_info .text{margin:15px 0 0;padding:0 0 0 13px;position:relative}
.cs_info .text:after{content:"";position:absolute;left:5px;top:11px;width:3px;height:3px;background:#999}

.cs_info{min-height:89px;border-bottom:2px solid #dfdfdf;overflow:hidden;padding:24px 20px 20px 150px;line-height:22px;margin:0 0 40px}
.cs_info .tit{line-height:30px;font-size:20px;color:#303030;margin:0 0 10px}
.cs_info.bg_01{background:url(../../../resources/images/DCS/pc/bg_info_01.jpg) no-repeat}
.cs_info.bg_02{background:url(../../../resources/images/DCS/pc/bg_info_02.jpg) no-repeat}
.cs_info.bg_03{background:url(../../../resources/images/DCS/pc/bg_info_03.jpg) no-repeat}
.cs_info.bg_04{background:url(../../../resources/images/DCS/pc/bg_info_04.jpg) no-repeat}
.cs_info.bg_05{background:url(../../../resources/images/DCS/pc/bg_info_05.jpg) no-repeat}
.cs_info.bg_06{background:url(../../../resources/images/DCS/pc/bg_info_06.jpg) no-repeat}
.cs_info.bg_07{background:url(../../../resources/images/DCS/pc/bg_info_07.jpg) no-repeat}

/* 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}

.font-N input, .font-N select, .font-N button{font-family:'NotoSansKR-M',sans-serif;}
.font-N input[type='text']{width:100%;box-sizing:border-box;height:30px;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:30px;background:#fff;border:1px solid #ccc;border-radius:3px;padding-left:17px;color:#666}
.font-N input[type='date']{width:100%;height:30px;font-size:14px;background:url('../../../resources/images/common/pc/bg_date.png') 95% 50% no-repeat #fff;border:1px solid #ccc;border-radius:3px;padding-left:10px;cursor:pointer;color:#666}
.font-N input.date{width:150px;height:30px;font-size:14px;background:url('../../../resources/images/common/pc/bg_date.png') 95% 50% no-repeat #fff;border:1px solid #ccc;border-radius:3px;padding-left:10px;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;}

.put_file_photo02 {display: flex;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 {position: relative;width: 162px;color: #fff;height: 32px;font-size: 14px;cursor: pointer;box-sizing: border-box;background: #5a748f;border: none;border-radius: 4px;font-weight: bold;padding-right: 15px;}
.put_file_photo02 button.btn02:after {position: absolute;right: 10%;top: 28%;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: 13px;color:#888;padding-left: 10px;}

.sales03{overflow:hidden;margin-top:15px;padding-bottom: 5px;}
.sales03 li{float:left;width:29%;text-align:center;padding-right:6%;background: url(../../../resources/images/common/pc/bg_mg_step2.gif) no-repeat 93% 50%;}
.sales03 li:last-child{padding-right:1%; background:none;}
.sales03 li > div{display:block;border: 2px solid #d1dfe9;padding:150px 0 0 0;height: 280px;font-size:16px;line-height:20px;font-weight:bold;color:#333;border-radius: 10px;letter-spacing:-1px;box-sizing: border-box;box-shadow: 4px 4px 4px rgb(67 67 67 / 5%);}
.sales03 li > div p{font-size: 12px; color:#777; line-height:17px; font-weight:normal; padding-top:5px; letter-spacing:0; }
.sales03 li.bg01 div{background:url(../../../resources/images/HRW/pc/disInfo-top03.png) no-repeat 50% 40px;}
.sales03 li.bg02 div{background:url(../../../resources/images/HRW/pc/disInfo-top02.png) no-repeat 50% 40px;}
.sales03 li.bg03 div{background:url(../../../resources/images/HRW/pc/disInfo-top04.png) no-repeat 50% 40px;}

.sales02{overflow:hidden;margin-top:15px;border-radius: 10px;box-sizing: border-box;border: 2px solid #d4e7f8;}
.sales02 li{float:left;width: 50%;height: 210px;text-align:center;padding: 120px 3% 0 2%;border-right: 2px solid #ddefff;box-sizing: border-box;margin: 20px 0;}
.sales02 li:last-child{padding: 120px 2% 0 3%;border-right:none;}
.sales02 li > div{display:block;font-size:16px;line-height:20px;font-weight:bold;color:#333;letter-spacing:-1px;}
.sales02 li > div p{font-size: 12px; color:#777; line-height:17px; font-weight:normal; padding-top:5px; letter-spacing:-.2px; }
.sales02 li.bg01{background: url(../../../resources/images/HRW/pc/ico_hrw07.png) no-repeat 50% 20px;}
.sales02 li.bg02{background: url(../../../resources/images/HRW/pc/ico_hrw08.png) no-repeat 50% 20px;}

.bg_date .btn {position: absolute;width: 25px;height: 24px;background: url(../../../resources/images/common/pc/bg_date.png) 96% 50% no-repeat #fff;margin-left: -32px;margin-top: 3px;}
.bg_date input.date {background: #fff;}