/**
 * 홍보센터
 */
.page_news {background-image:url(../image/bg_news.jpg);}
.page_prlibrary {background-image:url(../image/bg_prlibrary.jpg);}


/**
 *  홍보센터 - 뉴스
 */
/* 리스트 */
.content_news .section .box_tbl .tbl_news {border-top:none; }
.content_news .section .box_tbl .tbl_news td {padding:30px 23px 30px 0;}
.content_news .section .box_tbl .tbl_news tr td.tit .tit {float:left; padding-bottom:20px; width:624px; font-size:18px; font-weight:600; overflow:visible; }
/* padding:0 0 20px; 추가 -> .news_cate 제거됨 */.content_news .section .box_tbl .tbl_news tr .date {float:right;}
.content_news .section .box_tbl .tbl_news tr td.tit .sub_tit {clear:both;  display:block; color:#666;}
.content_news .section .box_tbl .tbl_news tr:hover .sub_tit {font-weight:400; color:#666;}
.content_news .section .box_tbl .tbl_news .img {padding:30px 25px;}
.content_news .section .box_tbl .tbl_news .img img {width:270px; height:178px;}
.content_news .section .box_tbl .tbl_news .img .img_wrap {position:relative; width:270px; height:178px; margin:0 auto;}
.content_news .section .box_tbl .tbl_news tr:hover .img_wrap:after {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; border:4px solid #01b4e5; content:'';}
/* 상세보기 */
.content_news .section .post_top {padding:40px 25px; background:#f4f4f4; border-top:1px solid #999; border-bottom:1px solid #999; }
.content_news .section .post_top,
.content_news .section .post_content {word-break:break-all;}
/* .content_news .section .post_content table tr{border:1px solid}
.content_news .section .post_content table td{border:1px solid} */
.content_news .section .post_content p{margin: 16px 0;}
.content_news .section .post_top .tit {float:left; font-size:23px; line-height:34px; color:#333;}
.content_news .section .post_top .date {float:right; line-height:30px; color:#333;}
.content_news .section .post_top .tit,
.content_news .section .post_top .subcopy {width:910px;}
.content_news .section .post_top .subcopy {clear:both; padding-top:10px; font-size:16px; line-height:24px; color:#666;}
.content_news .section .post_attached {padding:13px 0; border-bottom:1px solid #999; font-size:14px; font-weight:700;}
.content_news .section .post_attached .tit {float:left; box-sizing: border-box; border-right:1px solid #999; margin:7px 0; padding:0 25px 0 47px; color:#666; background:url(../image/icon_file.gif) no-repeat 25px center;}
.content_news .section .post_attached .files {float:left; padding:6px 25px;}
.content_news .section .post_attached .files a {margin-right:48px; font-weight:400;}
.content_news .section .post_content {padding:50px 25px; background:#fff;}
.content_news .section .post_content .img img { display:inline; width:600px;}
.content_news .section .post_content .txt {color:#333;word-break: break-all;}
.content_news .section .post_list {margin-bottom:30px; border-top:1px solid #999; border-bottom:1px solid #999;}
.content_news .section .post_list .tit {padding-left:23px; }
.content_news .section .post_list p {display:inline-block; text-align:center; vertical-align:middle;}
.content_news .section .post_list .prev {width:106px; background:url(../image/arr_list_prev.gif) no-repeat right; font-weight:700;}
.content_news .section .post_list .next{width:106px; background:url(../image/arr_list_next.gif) no-repeat right; font-weight:700;}
.content_news .section .post_next,
.content_news .section .post_prev {padding:13px 0;}
.content_news .section .post_prev {border-bottom:1px solid #ccc;}
.content_news .section .post_prev .tit,
.content_news .section .post_next .tit {overflow:hidden; width:930px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; text-align:left; color:#666;}
.content_news .section .post_prev .tit:hover,
.content_news .section .post_next .tit:hover {font-weight:500; color:#000;}
.content_news .section .btn_area .btn {float:right;}


/**
 *  홍보센터 - 홍보자료실
 */
.content_archives .box_desc {position:relative;}
.content_archives .wrap_left {float:left;}
.content_archives .wrap_tab_video {padding:80px 40px 0; width:272px; height:273px; background:url(../image/bg_archives_video.gif) no-repeat top left #00265b; box-sizing:border-box;  color:#01b4e5;}
.content_archives .wrap_tab_video .tit {margin-bottom:20px; font-size:38px; line-height:51px;}
.content_archives .wrap_tab_video .tab_video {display:inline-block; width:51px; height:29px; border:1px solid #01b4e5;  box-sizing:border-box; color:#01b4e5; text-align:center;}
.content_archives .wrap_tab_video .tab_video:hover {color:#fff; border:1px solid #fff;}
.content_archives .wrap_tab_video .tab_video.active {color:#fff; border:1px solid #fff;}
.content_archives .btn_cistory {width:272px; height:273px; background:url(../image/bg_cistory.jpg) no-repeat top left #01b4e5; font-size:38px; line-height:273px; color:#fff;  text-align:center; box-sizing:border-box;}
.content_archives .wrap_video_pop {float:left; width:818px; height:546px;}
.content_archives .btn_video_pop {display:none;}
.content_archives .btn_video_pop.active {display:block;}
.content_archives .wrap_catalog {height:272px;}
.content_archives .wrap_catalog .btn_catalog {padding:0; float:left; width:272px; height:273px; text-align:center; }
.content_archives .wrap_catalog .btn_catalog a {display:inline-block; width:100%; height:100%;}
.content_archives .wrap_catalog .btn_catalog:nth-child(1) {background:url(../image/bg_catalog_chi.gif) no-repeat center 80px #56c3ed;}
.content_archives .wrap_catalog .btn_catalog:nth-child(3) {background:url(../image/bg_catalog_eng.gif) no-repeat center 80px #56c3ed;}
.content_archives .wrap_catalog .btn_catalog:nth-child(odd) .txt {padding-top:170px; font-size:20px; font-weight:500; color:#fff;}
.content_archives .wrap_catalog .btn_catalog:nth-child(2) {height:272px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../image/bg_dwnload_chi.gif) no-repeat center top #56c3ed; background-size:100%; color:transparent;}
.content_archives .wrap_catalog .btn_catalog:nth-child(4) {height:272px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../image/bg_dwnload_eng.gif) no-repeat center top #56c3ed; background-size:100%; color:transparent;}
/* CI스토리, 재생버튼 */
.content_archives .box_desc .link_cistory {display:none; position:absolute; top:0; right:0; width:818px; height:546px; box-sizing:border-box;}
.content_archives .box_desc .btn_play {position:absolute; right:359px; top:224px; width:99px; height:99px; opacity:.8;}


/**
 *  홍보센터 - 생활 속 휴비스
 */
.content_life .txt_desc {padding:13px 0 45px; font-size:16px; color:#666; line-height:26px;}
/* 탭 */
.content_life .area_tab li {float:left; box-sizing:border-box; width:362px; height:50px; border:1px solid #ccc; margin-right:2px; background:#f2f2f2; font-size:18px; color:#000; text-align:center; line-height:50px; cursor:pointer;}
.content_life .area_tab li:last-child {margin-right:0;}
.content_life .area_tab li.on,
.content_life .area_tab li:hover {border-color:#00326c; background:#00326c; color:#fff;}
/* 영상 */
.content_life .tool .area_send {margin-right:0;}
.content_life .area_video {display:none; margin-top:50px;}
.content_life .area_video.active {display:block;}
.content_life .area_video .video {position:relative; width:1090px; height:530px; color:#fff; text-align:center;}
.content_life .area_video .video > a {display:block; width:100%; height:100%;}
.content_life .area_video .video .tit_video {position:relative; padding-top:163px; font-size:74px; font-weight:700; line-height:111px;}
.content_life .area_video .video .tit_video:after {display:block; position:absolute; bottom:-3px; left:50%; width:60px; height:3px; margin-left:-30px; background:#fff; content:'';}
.content_life .area_video .video .desc_video {margin-top:30px; font-size:16px; line-height:22px;}
.content_life .area_video .video .img_play {position:absolute; right:50px; bottom:50px;}
.content_life .area_video .video1 {background:url(../image/img_life1.jpg) no-repeat;}
.content_life .area_video .video2 {background:url(../image/img_life2.jpg) no-repeat;}
/* 제품 리스트 */
.content_life .area_video .tit_comm {margin:50px 0 20px;}
.content_life .area_video .box_list {font-size:0;}
.content_life .area_video .box_list .list_product {display:inline-block; box-sizing:border-box; width:136px; height:80px; border:1px solid #ccc; border-left:0; background:#f4f4f4; text-align:center;}
.content_life .area_video .box_list .list_product > a {display:block; width:100%; height:100%;}
.content_life .area_video .box_list .list_product:first-child,
.content_life .area_video .box_list .list_product:nth-child(8n+1) {border-left:1px solid #ccc;}
.content_life .area_video .box_list .list_product:nth-child(8n) {width:138px;}
.content_life .area_video .box_list .list_product .tit_product {display:inline-block; width:100%; padding-top:13px; font-size:20px; font-weight:700; color:#333;}
.content_life .area_video .box_list .list_product .subtit_product {text-transform:uppercase; font-size:14px; font-weight:700; color:#666;}
.content_life .area_video .box_list .list_product:hover {border-color:#999; background:#999;}
.content_life .area_video .box_list .list_product:hover .tit_product,
.content_life .area_video .box_list .list_product:hover .subtit_product {color:#fff;}


/**
 *  홍보센터 - 사회공익활동, 명예의 전당 (카드블록형)
 */
.content_news .box_card_news .list_news:after {display:block; clear:both; height:0; content:'';}
.content_news .box_card_news .item_news {float:left; width:352px; margin-top:17px; margin-right:17px;}
.content_news .box_card_news .item_news:nth-child(-n+3) {margin-top:0;}
.content_news .box_card_news .item_news:nth-child(3n) {margin-right:0;}
.content_news .box_card_news .item_news .link {position:relative; display:block; padding-bottom:25px;}
.content_news .box_card_news .item_news .link:after {position:absolute; left:0; bottom:0; width:100%; height:25px; background:url(../image/bg_item_card.gif) no-repeat 0 100%; content:'';}
.content_news .box_card_news .item_news .area_img {overflow:hidden; height:242px; border:1px solid #ccc; text-align:center; font-size:0;}
.content_news .box_card_news .item_news .area_img img {width:100%;}
.content_news .box_card_news .item_news .area_tit {padding:34px 24px 11px 24px; border-left:1px solid #01b4e5; border-right:1px solid #01b4e5; color:#666;}
.content_news .box_card_news .item_news .area_tit .tit {height:54px; margin-bottom:11px; font-weight:700; font-size:18px; line-height:1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.content_news .box_card_news .item_news .area_tit .sub_tit {height:96px; font-size:16px; line-height:24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word;}
/* 마우스오버시 */
.content_news .box_card_news .item_news:hover .link:before {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; border:4px solid #01b4e5; content:'';}
.content_news .box_card_news .item_news:hover .link:after {background-image:url(../image/bg_item_card_hover.gif);}
/* 더보기 */
.content_news .area_more_btn {position:relative; margin-top:50px; text-align:center;}
.content_news .area_more_btn .bar {position:absolute; top:17px; border-top:1px solid #ccc; width:1090px; z-index:-1;}
.content_news .area_more_btn .btn_more {display:inline-block; box-sizing:border-box; width: 150px; height:35px; padding-left:10px; background:url(../image/icon_arr_btnmore.gif) no-repeat 40px center #999; font-size:14px; line-height:35px; color:#fff;}


/**
 *  홍보센터 - 명예의 전당
 */
.content_news .box_card_news.type_none_link .item_news:hover .link:before {display:none;}
.content_news .box_card_news.type_none_link .item_news:hover .link:after {background-image:url(../image/bg_item_card.gif);}
.content_news .box_card_news.type_none_link .item_news .area_tit .sub_tit {height:108px; font-size:18px; line-height:1.5;}


/**
 *  홍보센터 - 게시판 view
 */

/* 이미지 정렬 */
.content_news .list_view_imgs {font-size:0;}
.content_news .list_view_imgs > li {display:inline-block; margin-right:20px; margin-top:20px; vertical-align:top;}

/* 뉴스 (한줄에 2개) */
.content_news .list_news_imgs > li {width:440px;}
.content_news .list_news_imgs > li:nth-child(2n) {margin-right:0;}
.content_news .list_news_imgs > li img {width:440px; height:264px;}

/* 사회공익활동 (한줄에 3개) */
.content_news .list_share_imgs > li {width:333px;}
.content_news .list_share_imgs > li:nth-child(3n) {margin-right:0;}
.content_news .list_share_imgs > li img {width:333px; height:266px;}