@charset "utf-8";
/* 소비자광장 */

.lct_map .inner{border:1px solid #016a80;background:#017c96}
.lct_map .tel span{background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -120px -380px}
.lct_map .btn{border-left:1px solid #3496ab;border-right:1px solid #3496ab}
.lct_map .btn a{background:url(../../../resources/images/HCS/pc/bg_layout_cg.gif) no-repeat}
.lct_map .btn.on a{background:url(../../../resources/images/HCS/pc/bg_layout_cg.gif) no-repeat 0 -30px}

.emp_02{color:#017c96 !important}
.paging strong{color:#017c96}

.pc-vNav-skin-default h2{color:#017c96;border-bottom:3px solid #017c96}
.pc-vNav-skin-default > ul > li.vNav-View > a{color:#017c96;background:url(../../../resources/images/HCS/pc/bg_lnb_on.gif) no-repeat 100% 50%}
.pc-vNav-skin-default > ul ul .vNav-currentPage{color:#017c96}
.pc-vNav-skin-default > ul ul li.vNav-View:after{background:#017c96}

.mg_step .on span{background:url(../../../resources/images/HCS/pc/bg_step.gif)}

.table_01{border-top:2px solid #4aa2b4}
.table_01 th{background:#e8f5f7}
.table_01.table_h thead th{border:1px solid #4aa2b4}

.table_03{border-top:2px solid #4aa2b4}
.table_03 th{border-bottom:1px solid #4aa2b4;background:#e8f5f7}

.detail_view{border-top:2px solid #4aa2b4}
.detail_view .tit{border-bottom:1px solid #4aa2b4;background:#e8f5f7}

.event_list{border-top:2px solid #4aa2b4}

.faq_list{border-top:2px solid #017c96}
.bul_q{background-position:-120px -60px}

.sub_tit2.bull:after{background-position:-80px -40px}
.sub_tit3.bull:after{background-position:-80px -320px}

.tab_depth > ul > li.active > a span{background:#017c96}
.tab_depth > ul ul .on a{color:#017c96}

.tab_list{border-bottom:1px solid #017c96}
.tab_list .on a{background:#017c96;border:1px solid #017c96;border-bottom:0}

.tab_full2 .on a > span{background:#017c96;border:1px solid #017c96}

.tab_anchor > ul > li.active > a span{background:#017c96;border:1px solid #017c96}
.tab_anchor > ul ul a:after{background-position:-80px -160px}

.tab_pop{border-bottom:1px solid #017c96}
.tab_pop .on span{background:#017c96;border:1px solid #017c96;border-bottom:0}

a.btn_l{background-position:0 -200px}
a.btn_l span{background-position:100% -200px}
a.btn_l.line{background-position:0 -500px;color:#017c96}
a.btn_l.line span{background-position:100% -500px}

a.btn_i02:after{background-position:-80px -240px}

a.btn_i04.btn_m,a.cp.btn_m{background-position:0 -200px}
a.btn_i04.btn_m span,a.cp.btn_m span{background-position:100% -200px}

.ico_new{background-position:-120px -340px}
.ico_flg{background-position:0 -30px}

.cs_info{padding:35px 0 5px 210px;min-height:142px;background:url(../../../resources/images/HCS/pc/bg_cs_info.jpg) no-repeat 0 25px;line-height:22px}
.cs_info.bg02{background:url(../../../resources/images/HCS/pc/bg_cs02.jpg) no-repeat}
.cs_info.bg03{background:url(../../../resources/images/HCS/pc/bg_cs03.jpg) no-repeat}
.cs_info.bg04{background:url(../../../resources/images/HCS/pc/bg_cs04.jpg) no-repeat}
.cs_info.bg05{background:url(../../../resources/images/HCS/pc/bg_cs05.jpg) no-repeat}
.cs_info.bg06{background:url(../../../resources/images/HCS/pc/bg_cs06.jpg) no-repeat 15px 25px;}
.cs_info.bg07{background:url(../../../resources/images/HCS/pc/bg_cs10.jpg) no-repeat; min-height:100px; padding:15px 0 25px 210px; margin-top:30px;}
.cs_info.bg08{background:url(../../../resources/images/HCS/pc/bg_cs11.jpg) no-repeat; min-height:100px; padding:15px 0 25px 210px; margin-top:30px;}
.cs_info.bg09{background:url(../../../resources/images/HCS/pc/bg_cs12.jpg) no-repeat; min-height:100px; padding:15px 0 25px 210px; margin-top:30px;}
.cs_info.bg10{background: none;min-height:100px;padding: 0 30px;text-align:left;}
.cs_info .tit{line-height:30px;font-size:22px;color:#000;margin:0 0 9px}
.cs_info .tit span.tel{background: url(../../../resources/images/HHO/pc/bg_tel02.gif) no-repeat;padding-left:40px;height:30px;color: #0f7cc0; margin-left:5px;}
.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}

.mg_map_info{background:#f9f9f9;border-bottom:1px solid #d9d9d9;position:relative;padding:0 0 30px 20px;overflow:hidden;line-height:18px;margin:0 0 35px}
.mg_map_api{position:absolute;left:410px;right:20px;top:30px;height:284px;background:#eee}
.mg_map_info .tit{margin:25px 0 4px;font-size:16px;color:#303030}
.mg_map_info .btn{margin:7px 0 0;overflow:hidden;width:345px}
.mg_map_info .btn li{float:left;margin:5px 5px 0 0}
.mg_map_info .btn a{display:block;width:50px;height:28px;line-height:26px;border:1px solid #017c96;background:#fff;text-align:center}
.mg_map_info .btn li:first-child a{width:107px}
.mg_map_info .btn .on{background:#017c96;color:#fff;font-weight:bold}
.mg_map_info .input{margin:17px 0 0}
.mg_map_info .input input{border-right:0;width:171px}


.cs_btn_set{margin:16px 0 0;border:1px solid #d9d9d9;padding:10px 0;overflow:hidden}
.cs_btn_set li{float:left;width:25%;position:relative;background:url(../../../resources/images/common/pc/line_dot_v2.gif) repeat-y;box-sizing:border-box;padding:0 0 0 100px;height:90px}
.cs_btn_set li:first-child{background:none}
.cs_btn_set li strong{display:block;line-height:22px;padding:8px 0 6px;font-size:14px;color:#404040;letter-spacing:-1px }
.cs_btn_set li:after{content:"";position:absolute;left:20px;top:0;width:70px;height:70px;background-repeat:no-repeat;background-image:url(../../../resources/images/HCS/pc/cs_btn_set.jpg)}
.cs_btn_set li.bg2:after{background-position:0 -100px}
.cs_btn_set li.bg3:after{background-position:0 -200px}
.cs_btn_set li.bg4:after{background-position:0 -300px}
.cs_btn_set li.bg5:after{background-position:0 -400px}
.cs_btn_set li.bg6:after{background-position:0 -500px}
.cs_btn_set li.bg7:after{background-position:0 -600px}
.cs_btn_set li.bg8:after{background-position:0 -700px}

.cs_info2{display:block;font-size:17px;color:#444;font-weight:bold;padding:25px 0 26px 120px;margin:20px 0 0 0;border:6px solid #e8f5f7; line-height:26px;}
.cs_info2 span{ font-size:15px; color:#666;}
.cs_info2 p{ font-size:14px;  line-height:22px; color:#666; display:inline-block; padding-left:15px;font-weight:normal;}
.cs_info2.bg01{background:url(../../../resources/images/HCS/pc/bg_cs06.png) no-repeat 20px 14px;}
.cs_info2.bg02{background:url(../../../resources/images/HCS/pc/bg_cs07.png) no-repeat 20px 14px;}
.cs_info2.bg03{background:url(../../../resources/images/HCS/pc/ico_is03.png) no-repeat 30px 34px;}


.yoon_box2{margin:30px 0 0;border:1px solid #e5e5e5;border-bottom:none;padding:18px;background:url(../../../resources/images/HCS/pc/bg_cs02.jpg) no-repeat 97% 20%}
.yoon_box2 ul{display:table;width:76%;table-layout:fixed; margin-right:200px;}
.yoon_box2 li{display:table-cell;padding:5px 15px;vertical-align:middle;font-size:15px;line-height:25px;}
.yoon_box2 span{ font-weight:bold; font-size:20px; display:block;}
.yoon_info2{padding:20px;line-height:22px;border:1px solid #dadada;margin:10px 0;}
.yoon_2{font-weight:bold; padding-left:25px;background:url(../../../resources/images/HCM/pc/ico_blue.jpg) no-repeat 7px 6px;font-size:16px;}
.yoon_3{font-weight:bold;font-size:14px; color:#0f7cc0}
.yoon_22{padding-left:25px;font-size:14px; line-height:28px;}

.yoon_box3{margin:30px 0 0;border:1px solid #e5e5e5;border-bottom:none;padding:18px; letter-spacing: -.5px}
.yoon_box3 ul{display:table;width:76%;table-layout:fixed; margin-right:200px;}
.yoon_box3 li{display:table-cell;padding:5px 15px;vertical-align:middle;font-size:15px;line-height:20px;}
.yoon_box3 span{ font-weight:bold; font-size:18px; display:block; margin-top: 20px}
.yoon_box3 span.tit{ font-weight:bold; font-size:18px; display:block; margin: 20px 0; line-height: 30px;}
.yoon_box3.bg01{background:url(../../../resources/images/HCS/pc/bg_cs09.jpg) no-repeat 97% 50%}
.yoon_box3.bg02{background:url(../../../resources/images/HCS/pc/bg_cs08.jpg) no-repeat 97% 50%}
.yoon_info3{padding:20px;line-height:22px;border:1px solid #dadada;margin:10px 0;}
.yoon3{font-weight:bold; padding-left:25px;background:url(../../../resources/images/HCM/pc/ico_blue.jpg) no-repeat 7px 4px;font-size:15px;}
.yoon3_text{padding-left:25px;font-size:13.5px; line-height:22px; margin:10px 0 15px 0;padding:0 0 0 33px;position:relative}
.yoon3_text:after{position:absolute;left:25px;top:10px;width:3px;height:3px;background:#999;content:""}
.yoon3_text02{padding-left:25px;font-size:13.5px;line-height:22px;margin: 5px 200px 0px 22px;padding: 0 20px;color: #fb6f62;position:relative;background: url(../../../resources/images/HIS/pc/ico_info_txt02.png) no-repeat 0 4px;}


.is_list2{overflow:hidden}
.is_list2 > div{margin:35px 0 0;position:relative;padding:0 0 25px 110px;line-height:22px;font-size:14px;min-height:80px;  border-bottom:1px solid #ccc;}
.is_list2 .tit{font-size:17px;color:#1743a9}
.is_list2 .list{margin:10px 0 0;}
.is_list2 .list li{position:relative}
.is_list2 .ico{position:absolute;left:10px;top:0}
.is_list2 > div + .text_01{margin:25px 0 0 0}
.is_list2 .list + .is_img, .bul_list .is_img{border-top:1px solid #d9d9d9;margin:10px 0 0 0}

.cs_list_top{margin:30px 0 0;border:6px solid #e8f5f7;text-align:center;padding:10px 0 20px 0;line-height:26px}

.hcs_info{position:relative;margin:10px 0 0;border:1px solid #d9d9d9;padding:30px 40px; box-sizing: border-box; border-radius:15px;}
.hcs_info.phone{background:url(../../../resources/images/HCS/pc/hcs08_034.jpg) 50px 50px no-repeat ;}
.hcs_info .ol_list li .num{position:absolute;top:2px;left:0px;display:block;width:20px;height:20px;font-size: 15px;line-height: 19px;text-align:center;border-radius:50%;color:#fff;font-weight: bold;background-color:#0f7cc0;}
.hcs_info .tel{position:absolute;left:0;top:256px;line-height:22px;font-size:17px;text-align:center;width:360px}
.hcs_info .tel strong{display:block;color:#063869;font-size:40px;line-height:48px; }
.hcs_info .ol_list{margin:0 0 80px}
.hcs_info .ol_list li{margin:10px 0 0;position:relative;line-height:22px; padding-left:25px;}
.hcs_info .ol_list li:first-child{margin:0}
.hcs_info .ol_list strong{display:inline-block;margin:0 0 4px;line-height:24px;font-size: 16px;color: #0f7cc0;letter-spacing:-.5px}
.hcs_info .ol_list span{color:#606060;font-weight:normal;font-size:15px;}
.hcs_info .ol_list li ul.call {display:inline-flex;flex-direction: row; list-style:none;width:100%;}
.hcs_info .ol_list li ul.call li{width:50%;box-sizing:border-box;margin: 0px !important; padding-left:10px}
.hcs_info .text_01{position:absolute;left:20px;top:330px;width:320px;text-align:center}

.hcs_info_ARS {margin:10px 0 0;border:1px solid #d9d9d9;padding:40px 10px; box-sizing: border-box; border-radius:15px;}
.hcs_info_Chatbot {margin:10px 0 0;border:1px solid #d9d9d9;padding:10px 51px;box-sizing: border-box;border-radius:15px;}

.hcs_tbBox{position:relative;padding:10px 15px; overflow:hidden;}
.hcs_tbBox li{float:left;}

.webtoon{margin:30px 0 0;border-top:2px solid #3c7fc3;border-bottom:1px solid #bfbfbf;position:relative}
.webtoon .text{margin: 0;border-bottom:1px solid #d9d9d9;padding:18px 20px 15px;text-align: center;}
.webtoon .tit{font-size:17px;color:#303030;line-height:25px}
.webtoon .img{margin:0px 210px 0px 0px;overflow:hidden;text-align:center;overflow-y: scroll;height:800px;}
.webtoon .img img{max-width:100%;}
.webtoon .box{position:absolute;right:0;top: 60px;bottom:0;width:210px;border-left:1px solid #d9d9d9;background:#fafafa;}
.webtoon .list{padding:15px 0 0}
.webtoon .list li{margin:30px 0 0}
.webtoon .list a{display:block;width:170px;margin:0 auto;position:relative}
.webtoon .list img{display:block;width:168px;height:128px;border:1px solid #d9d9d9}
.webtoon .list i{position:absolute;left:0;top:0;width:162px;height:122px;border:4px solid #0b57a3;display:none}
.webtoon .list .on i{display:block}

.faq_search02{position: absolute;right: 0;top:50px;}
/* .faq_search02 select{border: 2px solid #4aa2b4;height: 34px;padding: 0 10px;border-radius: 5px;font-weight: bold;font-size: 15px;margin:5px 0 0}
.faq_search02 input[type="text"]{height:28px;line-height:28px;border:3px solid #017c96;width:280px;padding:0 10px}
.faq_search02 .iLabel{left:13px;top:3px;line-height:28px} */

a.btn_m,.btn_m{background-position:0 -200px; color:#fff!important}
a.btn_m span,.btn_m span{background-position:100% -200px}
.emp_04{color:#000 !important}
.table_01 .tbg td{background:#f9f9f9 !important; font-size: 15px;}