@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 7px;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;border-color:#017c96}
.contents a.btn_l span{display:inline-block;height:31px;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:#e8f5f7;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:#e8f5f7}

/* tab */
.tab_link{border-bottom:2px solid #017c96;background:#fafafa;margin:10px 0;width:100%;box-sizing:border-box;overflow:hidden}
.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;position:relative}
.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}
.tab_link li:last-child:after{content:"";display:block;background:#ccc;width:1px;height:35px;position:absolute;right:0;bottom:0}
.tab_link li:last-child.on:after{display:none}

/* 자주하는질문 */
.faq_select_area{background:#4aa2b4;text-align:center;padding:7px 13px;overflow:hidden}
.faq_select_area select{height:32px;border:2px solid #017c96;width:49%;border-radius:3px}
.faq_select_area select:first-child{float:left}
.faq_select_area select:last-child{float:right}
.contents.pd0 .faq_list{padding:0 13px}

/* 고객상담신청 */
.cs_info_box{border:2px solid #ccc;padding:13px;margin-top:10px;letter-spacing:-.7px}
.cs_info_box dt{font-size:14px;color:#222;font-weight:bold;margin-bottom:5px}
.cs_info_box dd{color:#666;font-size:12px}

.box_complete_msg{border:1px solid #999;border-radius:3px;margin-top:10px;padding:10px 26px;text-align:center}
.box_complete_msg .inner{display:inline-block;text-align:left;padding:5px 0 5px 50px;font-size:12px;color:#666;background:url("../../../resources/images/common/sm/ico_complete.png")no-repeat 0 50%;background-size:36px;letter-spacing:-.7px}
.box_complete_msg .inner p{font-size:14px;color:#444}

/* 지점/보상센터 */
.cs_local_select{margin-top:15px;background:#e8f5f7;padding:7px 7px 7px 15px;letter-spacing:-.7px;text-align:center}
.cs_local_select *{vertical-align:middle}
.cs_local_select label{font-size:13px;font-weight:bold;color:#555;display:inline-block;margin-right:7px}
.cs_local_select select{width:75%;height:32px;border:2px solid #017c96;border-radius:3px}

.cs_local_select + .list_cs_center{margin-top:15px}
.list_cs_center{border-top:2px solid #4aa2b4;font-size:12px}
.list_cs_center li{position:relative;border-bottom:1px solid #d9d9d9}
.list_cs_center li .tit_addr{padding:8px 90px 10px 10px}
.list_cs_center li .tit_addr h3{font-weight:bold;color:#222;letter-spacing:-.7px;margin-bottom:5px}
.list_cs_center li h3 .state{display:inline-block;font-size:12px;color:#fff;border-radius:6px 3px;padding:0 3px;height:16px;line-height:16px;vertical-align:middle}
.list_cs_center li h3 .state.normal{background:#4aa2b4}
/*.list_cs_center li h3 .state.keep{background:#0084c8}
.list_cs_center li h3 .state.end{background:#999}*/
.list_cs_center li .tit_addr p{color:#666;letter-spacing:-.7px}
.list_cs_center li .tel{background:#f6f6f6;padding:8px 10px}
.list_cs_center li .tel p{display:inline-block}
.list_cs_center li .tel p:first-child{margin-right:20px}
.list_cs_center .btn_ss{position:absolute;top:10px;right:10px}
.list_cs_center .btn_ss span{height:20px;line-height:20px;top:0}

.view_cs_center{margin-top:10px;border-top:2px solid #4aa2b4;border-bottom:1px solid #a3a3a3;font-size:12px;padding:}
.view_cs_center .info{padding:7px 10px 10px}
.view_cs_center .info h3{font-size:14px;color:#222;letter-spacing:-.7px;margin-bottom:5px}
.view_cs_center .info .addr{color:#666;letter-spacing:-.7px;margin-bottom:5px}
.view_cs_center .info .tel{overflow:hidden}
.view_cs_center .info .tel p{display:inline-block}
.view_cs_center .info .tel p:first-child{margin-right:20px}
.view_cs_center .api_area{padding:10px;background:#f6f6f6;border-top:1px solid #d9d9d9}
.view_cs_center .api_area img{width:100%}

/* 공지사항 */
.search_notice{padding:7px 13px;background:#4aa2b4;border-bottom:1px solid #ccc}
.search_notice .inpt_wrap{width:100%;height:34px;box-sizing:border-box;border:2px solid #017c96;border-radius:3px;background:#fff;position:relative;padding:0 38px 0 9px}
.search_notice .inpt_wrap input[type="text"]{width:100%;height:30px;border:0 none}
.search_notice .inpt_wrap .btn_search_notice{width:20px;height:16px;position:absolute;right:0;top:0;text-indent:-9999px;background:url("../../../resources/images/HCS/sm/btn_search_notice.png") no-repeat 50% 50%;background-size:20px 16px;padding:7px 9px}

.list_notice{padding:0 13px;font-size:12px}
.list_notice li{border-bottom:1px solid #d9d9d9}
.list_notice li a{display:block;padding:10px 30px 13px 10px;position:relative}
.list_notice li a:after{width:7px;height:12.5px;content:"";position:absolute;right:8px;top:22px;background:url("../../../resources/images/HCS/sm/ico_gt.png")no-repeat 0 0;background-size:100%}
.list_notice li span.tit{display:block;letter-spacing:-.7px;color:#222;width:100%;height:18px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.list_notice li span.date{display:inline-block;color:#777}

.view_area{margin-top:11px;border-top:2px solid #4aa2b4;font-size:12px}
.view_area.notice .tit{font-size:14px;color:#222;letter-spacing:-.7px;background:#e8f5f7;padding:8px 9px 11px;font-weight:normal;border-bottom:1px solid #4aa2b4}
.view_area .txt{padding:18px 0 20px;border-bottom:1px solid #bfbfbf;letter-spacing:-.7px}
.view_area .txt img{max-width:100%;display:inline-block;margin:0 auto 13px}

/* 이벤트 */
.event_list .box{display:block;border:1px solid #d9d9d9;margin-top:10px}
.event_list .box:first-child{margin-top:0}
.event_list.ing .box .img_area{border-bottom:1px solid #d9d9d9}
.event_list .box .img_area img{width:100%}
.event_list.ing .box ul.info{padding:10px}
.event_list .box ul.info li{font-size:12px}
.event_list .box ul.info li:first-child{margin-bottom:3px}
.event_list .box ul.info li.div{color:#222;letter-spacing:-.7px}
.event_list .box ul.info li.term{color:#777}
.event_list .box ul.info li span{display:inline-block;color:#fff;border-radius:6px 3px;padding:0 4px;height:16px;line-height:16px;vertical-align:middle}
.event_list .box ul.info li.div span{background:#4aa2b4}
.event_list .box ul.info li.term span{background:#999999}

.has_no_evnet{text-align:center;padding-top:70px;margin-top:36px;background:url("../../../resources/images/HCS/sm/ico_no_event.png")no-repeat 50% 0;background-size:43px 64px;font-size:14px;letter-spacing:-.7px}


.view_area.event ul.info{padding:6px 10px 8px;background:#e8f5f7;border-bottom:1px solid #4aa2b4}
.view_area.event ul.info li{font-size:12px}
.view_area.event ul.info li:first-child{margin-bottom:5px}
.view_area.event ul.info li.div{color:#222;letter-spacing:-.7px;font-size:14px}
.view_area.event ul.info li.term{color:#777}
.view_area.event ul.info li span{display:inline-block;color:#fff;border-radius:6px 3px;padding:0 4px;height:16px;line-height:16px;font-size:12px;vertical-align:middle}
.view_area.event ul.info li.div span{background:#4aa2b4}
.view_area.event ul.info li.term span{background:#999999}

.event_list.end .box{overflow:hidden;position:relative;padding:7px;min-height:73px}
.event_list.end .box p.img_area{width:90px;height:73px;margin-right:10px;position:absolute;left:7px;top:7px}
.event_list.end .box ul.info{margin:8px 0 0 100px}