@charset "utf-8"

#container.newsEvent.bg {background-color:#eee;}
#wrap.utilArea #container.newsEvent.bg {background-color:#eee !important;}
#wrap.utilArea #container.newsEvent.bgcolor {background-color:#eee !important;}
#container.newsEvent.bg .newsEventMenu {border-bottom:none;}
.newsEventMenuWrap {padding-bottom:20px;margin-bottom:50px;margin-top:2px;border-bottom: 1px solid #d9d9d9;}
.newsEvent h2 {margin-top:55px;margin-bottom:40px;}
.newsEventMenuWrap:after {content:"";display:block;clear:both;}
.newsEventMenu {float:left;zoom:1;text-align:right;margin-top:0px;}
.newsEventMenu.lineNone {border-bottom:none;}
.newsEventMenu:after {content:"";display:block;clear:both;}
.newsEventMenu li {float:left;width:130px;height:35px;margin-left:3px;}
.newsEventMenu li:first-child {margin-left:0px;}
.newsEventMenu li a {display:block;}
.newsEventMenu li a span {display:inline-block;width:130px;text-align:center;line-height:35px;font-size:16px;font-family:NotoSans_Dl;}
.newsEventMenu li.on a span,.newsEventMenu li a:hover span {background:url(https://image.kebhana.com/cont/common/img/newsEvent/bg_newsEventMenuL.png) no-repeat 0 0;color:white;}
.newsEventList {zoom:1;margin-right:-22px;/*margin-top:-1px;background-color:#eee*/;}
.newsEventList:after {display:block;content:"";clear:both;}
.newsEventList li {position:relative;float:left;width:252px;height:355px;margin-right:22px;margin-bottom:22px;background-color:white;overflow:hidden;}
.newsEventList li .date strong {font-size:0;height:1px;left:-10000%;line-height:0;overflow:hidden;position:absolute;text-indent:-10000px;top:0;width:1px;}
.newsEventList li a {display:block;position:absolute;top:0;left:0;width:248px;height:353px;text-indent:-9999px;z-index:1;border:1px solid #e1e1e1;}
/*.newsEventList li a:hover {background:url(https://image.kebhana.com/cont/common/img/newsEvent/bg_newsEventList_a.png) no-repeat 0 0;}*/
.newsEventList li.news a:hover {border:3px solid #009b9d;width:326px;height:414px;}
.newsEventList li.event{cursor:pointer;}
.newsEventList li.event:hover a {border:3px solid #f7931d;width:246px;height:349px;z-index:3;}
.newsEventList li.event a:hover {border:3px solid #f7931d;width:246px;height:349px;z-index:3;}
.news p,.event div p {font-size:20px;font-family:NotoSans_Dl;margin-top:14px;line-height:28px;letter-spacing:-0.6px;}
.newsEventList li p.date {position:absolute;bottom:-80px;margin-top:10px;font-size:12px;font-family:Arial;}
.newsEventList .event div {height:55px;padding:0 28px;letter-spacing:0;margin-top:-17px;background:url(https://image.kebhana.com/cont/common/img/newsEvent/icon_eventH4.png) no-repeat 27px 0;position:relative;z-index:1;}
.newsEventList li.event div p.etitle{margin-top:46px;}
.newsEventList .ethumb{position:relative;z-index:2;}
.newsEventList .ethumb img{width:250px;}
.event div h4 {padding-top:56px;margin-top:0;}
.event div h4 + p,.news h4 + p{color:#555555;}
.event div h4 + p + p,.news h4 + p + p{color:#757575;}
.event div p {max-height:85px;overflow:hidden;}
.news h4 {margin-top:50px;padding:0 28px;}
.news p {padding:0 28px;font-size:30px;line-height:40px;letter-spacing:-1px;}

.newsEvent_box {position:relative;padding:70px 110px 0;border-top:1px solid #ddd;}
.newsEvent_box .tblView img{display:block;margin:0 auto;max-width: 832px;}
.newsEvent_box .event_list li span a:hover {color:#008584;}
.newsEvent_box .pagePrevNext{display:none;}/* 2019.02.11 이전다음삭제 */

.newsEventCheck {margin-top:-20px;margin-bottom:50px;padding:50px 40px;background:#f8f9fb url(https://image.kebhana.com/cont/common/img/newsEvent/bg_newsEventCheck.gif) no-repeat 545px 30px;}
.newsEventCheck h3 {height:30px;margin-bottom:20px;background:url(https://image.kebhana.com/cont/common/img/newsEvent/tit_newsEventCheck.gif) no-repeat 0 0;text-indent:-9999px;}
.newsEventCheck p.txt {height:40px;margin-bottom:20px;background:url(https://image.kebhana.com/cont/common/img/newsEvent/txt_newsEventCheck.gif) no-repeat 0 0;text-indent:-9999px;}
.newsEventCheck p.guide {width:350px;font-size:11px;line-height:16px;padding-left:10px;text-indent:-9px;}

td.newsEvent a {font-family:NotoSans_Dl;font-size:15px;}
td.newsEvent a span {padding-bottom:2px;}
td.newsEvent a:hover {text-decoration:none;}
td.newsEvent a:hover span {background:url(https://image.kebhana.com/cont/common/img/newsEvent/bg_newsEvent_Line.gif) repeat-x 0 bottom;}

td span.eventStateIng {display:block;width:65px;line-height:31px;font-size:15px;margin-top:-8px;margin-bottom:-5px;text-align:center;background:url(https://image.kebhana.com/cont/common/img/newsEvent/bg_eventTip.gif) no-repeat 0 0;letter-spacing:-1px;color:white;font-family:NotoSans_Dl;}
td span.eventStateEnd {display:block;width:65px;line-height:31px;font-size:15px;margin-top:-8px;margin-bottom:-5px;text-align:center;letter-spacing:-1px;font-family:NotoSans_Dl;}
.tblList.inPad10 td {padding-left:10px;padding-right:0;}
.tblList.inPad10 td a.btnTxt {background:url(https://image.kebhana.com/cont/common/img/common/icon_btn.png) no-repeat right 5px;font-size:12px;color:#008485;}
.tblList.inPad10 td.tc {letter-spacing:-1px;}
.tblList td.eventEnd,.tblList td.eventEnd a {color:#999;}

.tblView .cont {position:relative;padding:40px 5px 40px 5px;}
.tblView .cont div.dim {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.5;filter:alpha(opacity=50);display:none;z-index:90;}
.tblView .cont.eventEnd div.dim {display:block;}
.tblView .cont .imgCenter {text-align:center;}
.tblView th {padding-left:30px;}
.tblView td {padding-right:30px;}
.tblView th h4 {font: normal 16px NotoSans_Dl;line-height: 18px;letter-spacing: -0.5px;}
.newsEvent .pagePrevNext li,.newsEvent .pagePrevNext li strong {font: normal 15px NotoSans_Dl;letter-spacing: -0.5px;}
.pagePrevNext li {padding-left:30px;}

.tblView .dataTable td.leftLine {border-left:1px solid #eee;}
.sticker {position:absolute;top:225px;left:50%;margin-left:-178px;}

.popupLayer h1.popupLayerH1 {padding:0;margin-top:40px;margin-left:50px;height:18px;text-indent:-9999px;}
.popupLayer h1.popupLayerH1.news {background:url(https://image.kebhana.com/cont/common/img/newsEvent/tit_news_big.gif) no-repeat 0 0;}
.popupLayer h1.popupLayerH1.event {background:url(https://image.kebhana.com/cont/common/img/newsEvent/tit_event02.gif) no-repeat 0 0;}
.newsEvent h2.popupLayerH2 {margin-top:10px;margin-left:50px;font-family:NotoSans_Dl;line-height:36px;font-size:30px;font-weight:normal;text-align:left;letter-spacing:-0.5px;margin-bottom:10px;width:700px;}
.popupLayer .date {margin-left:50px;font-family:Arial;font-size:14px;}
.popupLayer .popBox2 {margin-top:20px;padding:0 25px 0 50px;overflow-y:scroll;height:500px;}
.popupLayer .popBox2 .imgCenter {text-align:center;}
.popupLayer .tableWrap h3,.popupLayer .tableWrap h4 {margin:20px 0 15px;padding:0;font-size:16px;color:#008485;letter-spacing:-0.5px;font-family:NotoSans_Dl;font-weight:normal;height:auto;}
.btnArea {text-align:center;padding:30px 0;}

.layerWrap.on .popupLayer {top:2.5%;}
.layerWrap.layerPosition.on {left:-125px;}
.layerWrap.eventResultBox.on {left:-50px;top:135px;}

.eventResultBox .popupLayer {background:#fff url(https://image.kebhana.com/cont/common/img/newsEvent/bg_eventResult.gif) no-repeat 0 0;}
.eventResultBox .popupLayer h1 {background:url(https://image.kebhana.com/cont/common/img/newsEvent/tit_eventResult.png) no-repeat center 0;margin-top:90px;height:40px;padding:0;text-indent:-9999px;}
.eventResultBox .popupLayer .popBox {;}

.eventResultCon {margin-top:110px;padding:45px 0 30px 0;background-color:#f8f9fb;text-align:center;}
.eventResultCon .eventName {font-size:22px;margin-bottom:16px;font-family:NotoSans_Dl;letter-spacing:-1px;}
.eventResultCon .eventSubject {font-size:22px;margin-bottom:27px;font-family:NotoSans_Dl;}
.listRemoteSupport {margin:30px 20px 0 20px;padding:15px 0 0 10px;font-size:11px;border-top:1px solid #e5e5e5;text-align:left;}

.news_list,.event_list {width:100%;border-top:1px solid #555;}
.news_list li,.event_list li {border-bottom:1px solid #f1f1f1;padding:16px 0px 12px 20px;zoom:1;}
.news_list li:after,.event_list li:after {content:"";display:block;clear:both;}
.news_list li span,.event_list li span {display:block;color:#555;float:left;}
.news_list li span.tit a,.event_list li span.tit a {font-family:NotoSans_Dl;font-size:15px;}
.news_list li span.tit a:hover,.news_list li span.tit a:focus,.news_list li span.tit a:active {color:#008485;}
.news_list li span.tit {width:86%;}
.news_list li span.date {width:13%;float:right;text-align:center;}
.event_list li {padding-left:10px;}
.event_list li span.tit {width:70%;padding-left:10px;}
.event_list li span.eventStateIng,.event_list li span.eventStateEnd {width:65px;line-height:31px;font-size:15px;margin-top:-8px;margin-bottom:-5px;text-align:center;background:url(https://image.kebhana.com/cont/common/img/newsEvent/bg_eventTip.gif) no-repeat 0 0;letter-spacing:-1px;color:white;font-family:NotoSans_Dl;margin-right:5px;}
.event_list li span.eventStateEnd {background:none;color:#999;}
.event_list li span.tit.eventStateEnd {width:540px;text-align:left;}
.event_list li span.tit.eventStateEnd a {color:#999;}
.event_list li span.date {width:150px;float:right;text-align:right;padding-right:10px;}
.totalBox {position:relative;}
.btnChange {position:absolute;top:0;right:-5px;}
.btnChange01 {position:absolute;top:0;right:125px;}

.tableWrap ul > li {margin-top:5px;background:url(https://image.kebhana.com/cont/common/img/common/bul_dot.gif) no-repeat 0 9px;padding-left:7px;overflow: hidden;}
.tableWrap table + ul,.tableWrap table + h3,.tableWrap table + h4 {margin-top:40px !important;}
.tableWrap a {cursor:pointer;}

/*20160804 이벤트 이미지 이메일 사이즈와 동일사이즈로 변경*/
.big .popupLayer {width: 900px;}
.layerWrap.on .popupLayer {left: 47.5%;}
.newsEvent h2.popupLayerH2 {width: 800px;}
.newsEvent_box {padding:0;border-top:0;}

/* news에 guide 관련 추가 // 20161031 */
.newConWrap {position:relative;width:790px;height:1748px;background:url('https://image.kebhana.com/cont/common/img/common/img_guide.gif') no-repeat 0 0;}
.newConDiv {}

.newCon {width:310px;height:310px;position:absolute;}
.newCon p + p {margin-top:95px;}
.newCon p + p a {width:250px;height:130px;display:block;text-indent:-9999px}
.newCon.ncList05 p + p {margin-top:130px;}

.newCon.ncList01 {background:url('https://image.kebhana.com/cont/common/img/common/bg_newCon_01.png') no-repeat 0 0;top:425px;left:50px;}
.newCon.ncList02 {background:url('https://image.kebhana.com/cont/common/img/common/bg_newCon_02.png') no-repeat 0 0;top:500px;right:5px;}
.newCon.ncList03 {background:url('https://image.kebhana.com/cont/common/img/common/bg_newCon_03.png') no-repeat 0 0;top:755px;left:50px;}
.newCon.ncList04 {background:url('https://image.kebhana.com/cont/common/img/common/bg_newCon_04.png') no-repeat 0 0;top:835px;right:5px;}
.newCon.ncList05 {background:url('https://image.kebhana.com/cont/common/img/common/bg_newCon_05.png') no-repeat 0 0;top:1085px;left:50px;}
.newCon.ncList06 {background:url('https://image.kebhana.com/cont/common/img/common/bg_newCon_06.png') no-repeat 0 0;top:1160px;right:5px;}

.tableCellList li {display: table;width: 100%;background: 0 !important;padding: 0 !important;margin: 0 !important;}
.tableCellList li div,.tableCellList li p {display: table-cell;vertical-align: middle;}
.tableCellList li div.btn,.tableCellList li p.btn {float:left;display: inline-block;width: 300px;}
.tableWrap th .color_green {text-decoration: none;}
.tableWrap .color_green {text-decoration: underline;}
.tableWrap .noTop {border-top: 0 !important;}
.tableWrap .noBottom {border-bottom: 0 !important;}
.tableWrap td.vaTop.noBottom {padding-top: 10px;}

.tblView .event-div img {text-align:center;vertical-align:top !important;}
.tblView .event-caution {background-color:#e8e0e1;width:100%;text-align:left;}
.tblView .event-caution dl {padding:40px 50px;}
.tblView .event-caution dl + dl {padding-top:0;margin-top:-20px;}
.tblView .event-caution dt {font-size:17px;font-weight:bold;color:#787172;margin-bottom:20px;}
.tblView .event-caution dd {font-size:12px;color:#787172;}
.tblView .event-caution dd strong + ul {margin-top:10px;}
.tblView .event-caution a,.event-caution a:hover {color:#787172;}
.tblView .event-caution .list-dot > li {margin-top:2px;background:url('https://image.kebhana.com/cont/common/img/common/bul_dot.gif') no-repeat 0 8px;padding-left:7px;font-size:12px;line-height: 20px;}
/*전기통신금융사기(대포통장)예방 공지사항*/
#contents.hana-contents .nw_pageTitle{
font-family: 'NotoSans_Bold'; font-size: 24px; color: #222a3b; text-align: left; margin-bottom: 15px; padding-top: 0; letter-spacing: 0; padding-bottom:24px; border-bottom: 2px solid #a0a0a0; clear:both; line-height: 24px; height: auto;}
.nw_notice_btn_wrap{position:relative; top:0; left:0;}
.nw_notice_btn_wrap a{position:absolute; display:block; width:205px; height:37px; right:0; top:-65px; text-indent:-9999px; background:url('https://image.kebhana.com/cont/common/img/newsEvent/notice_btn01.png') 0 0 no-repeat;}

/* 신규템플릿 이벤트 리스트 2019-11-05 */
.new_evt{position: relative;overflow: hidden;font-family:'NotoSans_Regular'}
.new_evt .newsEventMenuWrap{padding-bottom:0;margin-bottom:0;border-bottom:0}
.new_evt .evt_banner{position: relative;margin-top:20px;height:240px;overflow:hidden}
.new_evt .evt_banner .ban_round4{position:absolute;display:inline-block;width:13px;height:13px;z-index:98}
.new_evt .evt_banner .ban_round4.round4_tl{top:0;left:0}
.new_evt .evt_banner .ban_round4.round4_tr{top:0;right:0}
.new_evt .evt_banner .ban_round4.round4_bl{bottom:0;left:0}
.new_evt .evt_banner .ban_round4.round4_br{bottom:0;right:0}
.new_evt .evt_banner .section-wrap img{width:100%}
.new_evt .evt_banner .slick-initialized .slick-slide{position: relative;overflow: hidden}
.new_evt .evt_banner .slick-initialized .slick-slide > a {display:block}
.new_evt .evt_banner .slick-initialized .slick-slide > a:focus:after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; border:2px solid #000; border-radius:12px}
.new_evt .evt_banner .d_day{display:block;position: absolute;bottom:20px;right:25px;width: 57px;height: 57px;background: #fff;border-radius: 50%;text-align: center;font-size: 0}
.new_evt .evt_banner .d_day p{display:inline-block;vertical-align:middle;color:#878787;font-size:12px}
.new_evt .evt_banner .d_day:after{content:'';display:inline-block;vertical-align:middle;height:100%}
.new_evt .evt_banner .d_day span{display:block;font-size:19px;color:#b26a80;font-weight: bold}
.new_evt .slick-prev, .new_evt .slick-next{width:37px;height:53px;top:95px}
.new_evt .slick-prev{left:15px}
.new_evt .slick-next{right:15px}
.new_evt .slick-prev:after{background: url(https://image.kebhana.com/cont/common/img/newsEvent/ico_slick_prevbt.png) 10px 10px no-repeat;}
.new_evt .slick-next:after{background: url(https://image.kebhana.com/cont/common/img/newsEvent/ico_slick_nextbt.png) 10px 10px no-repeat;}
.new_evt .slick-dots{position:absolute;bottom:40px;left:80px}
.new_evt .slick-dots li{margin-left:6px;}
.new_evt .slick-dots li button:after{width:6px;height:6px;background: url(https://image.kebhana.com/cont/common/img/newsEvent/ico_slickbul.png) 0 0 no-repeat;opacity:0.5}
.new_evt .slick-dots li.slick-active button:after{width:32px;height:6px;background: url(https://image.kebhana.com/cont/common/img/newsEvent/ico_slickbul_active.png) 0 0 no-repeat;opacity:1}
.new_evt .autoplay{position:absolute;bottom:38px;left:60px;overflow:hidden;}
.new_evt .autoplay button{display:block;width:8px;height:10px;text-indent:-9999px;}
.new_evt .autoplay .play{display:none;background: url(https://image.kebhana.com/cont/common/img/newsEvent/banbtn_play.png) 0 0 no-repeat;}
.new_evt .autoplay .stop{background: url(https://image.kebhana.com/cont/common/img/newsEvent/banbtn_stop.png) 0 0 no-repeat;}

.new_evt .evt_search{position:relative;overflow:hidden;margin-top:35px;text-align: right} 
.new_evt .evt_search .search_txt{padding-left:0;padding-right:28px;width:250px;height:40px;line-height:40px;border:solid #646464;border-width:0 0 1px 0;}
.new_evt .evt_search .searchBtn{width:17px;height:17px;position:absolute;top:15px;right:5px;background:url(https://image.kebhana.com/cont/common/img/newsEvent/img/ico_search_bt.png) no-repeat;background-size:100%;text-indent:-9999px;}
.new_evt .evt_list{margin-top:20px;}
.new_evt .evt_list ul{overflow:hidden;margin-left:-20px}
.new_evt .evt_list ul li {float: left;position:relative;margin-left:20px;margin-top:20px;width: 390px;height:140px;box-sizing: border-box;border: 1px solid #e4e4e4;border-radius: 8px;background-color: #fff;}
.new_evt .evt_list ul li a {display: block;padding:20px 120px 20px 25px;height:115px}
.new_evt .evt_list ul li a:hover{text-decoration:none}
.new_evt .evt_list ul li a .evt_img {position:absolute;margin-top:-44px;width:88px;top:50%;right:20px}
.new_evt .evt_list ul li a .evt_txt em{display:block;width:45px;height:20px;line-height:20px;color:#fff;border-radius:15px;background:#475057;text-align:center}
.new_evt .evt_list ul li a .evt_txt p{margin-top:1px;height:50px;line-height:26px;font-size:20px;letter-spacing:-0.4px;color:#111}
.new_evt .evt_list ul li a .evt_txt span{display:block;margin-top:28px;color:#757575;font-family:Arial;}

/* 신규템플릿 이벤트 상세 20200305 */
.evt_new_details{overflow: hidden;max-width: 800px}
.evt_new_details .evt_bannerTop{overflow:hidden;width:800px;}
.evt_new_details .evt_bannerTop img{max-width: 800px !important;}
.evt_new_details .evt_datails{position: relative;margin-top:40px}
.evt_new_details .evt_datails + .evt_datails{margin-top:25px}
.evt_new_details .evt_datails .evt_title{position:relative;max-height: 80px;border-bottom:1px solid #646464;box-sizing: border-box;}
.evt_new_details .evt_datails .evt_title::after{display: inline-block;content: '';position: absolute;top:50%;right:0;transform:translateY(-50%);width:20px;height:12px;background: url(https://image.kebhana.com/cont/common/img/hdevent/evt_title_openbt.png) no-repeat 100%}
.evt_new_details .evt_datails .evt_title a {display:block}
.evt_new_details .evt_datails.active .evt_title::after{background: url(https://image.kebhana.com/cont/common/img/hdevent/evt_title_closebt.png) no-repeat 100%}
.evt_new_details .evt_datails .evt_detailtxt{display: none}
.evt_new_details .evt_datails.active .evt_detailtxt{display: block;position: relative;} 
.evt_new_details .evt_datails.active + .evt_datails{margin-top:0}
.evt_new_details  .evt_datails.active + .ev_bg{margin-top:0;}
.evt_new_details .ev_bg{margin-top:60px;border-radius: 15px;}
.evt_new_details .ev_bg .ev_caution_title{padding:32px 30px 0;height:56px}
.evt_new_details .ev_bg .ev_caution_content{padding:0 30px 35px;}
.evt_new_details .ev_bg .ev_caution_footer{position:relative;padding:0 30px;}
.evt_new_details .ev_bg .ev_caution_footer::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #ccc;}
.evt_new_details .ev_bg .ev_caution_title::after{content: none}
.evt_new_details .ev_caution_footer .list_ev_caution {padding: 23px 0 25px;}
.evt_new_details .ev_bg .ev_caution_title .tit_ev_caution{margin-bottom: 0}
.evt_new_details .ev_bg .btn_ev_caution{width:110px;height:88px;background:url(https://image.kebhana.com/cont/common/img/hdevent/caution_arr_bt_close.png) center no-repeat;}
.evt_new_details .ev_bg .btn_ev_caution.on{height:88px;background:url(https://image.kebhana.com/cont/common/img/hdevent/caution_arr_bt.png) center no-repeat;}
.evt_new_details .list_ev_caution{padding-top:0}
/*	list li 블릿 색상  */
.evt_new_details .list_ev_caution>li:before {background-color: #777;}
.evt_new_details .list_ev_footer{padding:23px 0 25px}
.evt_new_details .ev_caution_footer .list_ev_caution {padding: 23px 0 25px}
.evt_new_details .ev_caution_content strong {display: block;font-size: 14px;line-height: 14px;color: #555}
.evt_new_details .ev_caution_content .list_ev_caution + strong {margin-top: 20px}


/* 이벤트 종료 */
.eventEnd .evt_new_details .ev_bg .btn_ev_caution {height: 88px; background: url(https://image.kebhana.com/cont/common/img/hdevent/caution_arr_bt.png) center no-repeat;}
.eventEnd .evt_new_details .ev_bg .ev_caution_content {display: block !important;}