@charset "utf-8";
@import url("reset.css"); /* css 기본 설정 */
@import url("common.css"); /* css 기본 설정 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 버튼 아이콘 */
.ico-img{background:url(../images/sprites_img.png) no-repeat 0 0;}

.wrap{position:relative;width:100%;height:100%; overflow:hidden;}

.pdf_wrap{position:relative;width:calc(100% - 76px); height:100%;}

/*헤더*/
header{position:relative;width:100%;height:70px; z-index:960;}
.header{text-align:center; overflow:hidden; padding-top:23px; display:block; height:47px; position:relative; -webkit-box-shadow: 0px 4px 4px 0px rgba(219,216,216,0.25);-moz-box-shadow: 0px 4px 4px 0px rgba(219,216,216,0.25);box-shadow: 0px 4px 4px 0px rgba(219,216,216,0.25);}
.header .logo{position:absolute; top:23px; left:25px;}

.header .hd_date_wrap{text-align:center;}
.header .date{font-size:24px;display:inline-block;}
.header .hd_date_btn_left{background-position: -282px -10px;width:12px;height:20px;display:inline-block;margin-right:20px;cursor:pointer;}
.header .hd_date_btn_right{background-position: -313px -10px;width:12px;height:20px;display:inline-block;margin-left:20px;cursor:pointer;}
.header .hd_date_btn_left:hover{background-position: -282px -50px;width:12px;height:20px;display:inline-block;margin-right:20px;cursor:pointer;}
.header .hd_date_btn_right:hover{background-position: -313px -50px;width:12px;height:20px;display:inline-block;margin-left:20px;cursor:pointer;}
.header .hd_date_btn_calendar{background-position: -239px -10px;width:21px;height:20px;display:inline-block;margin-left:20px;cursor:pointer;}
.header .hd_date_btn_calendar:hover{background-position: -239px -50px; cursor:pointer;}
 
.header .hd_ad_left{position:absolute;top:10px;left: 254px;}
.header .hd_ad_right{position:absolute;top:10px;right: 255px;}
.header .login_id{font-size:20px; position:absolute; right:20px; top:25px;}

.date input{width: 220px;line-height: 28px;margin-bottom: 5px;font-size: 24px;text-align:center;font-family: "Noto Sans KR", Noto Sans KR,"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;outline: none;}
 
/* 컨텐트 박스 */
.content_box{position:relative;width:100%;height:calc(100% - 70px);}

/*좌측 메뉴*/
.screen_btn_wrap{z-index:10;width:70px;height:30px;position:absolute;top: 45px;left:30px;}
.screen_btn_wrap .section{display:inline-block;width:30px;height:30px;background-position: -344px -10px;margin-right:7px;cursor:pointer;}
.screen_btn_wrap .bothsides{display:inline-block;width:30px;height:30px; background-position: -394px -10px;cursor:pointer;}
.screen_btn_wrap .section:hover{display:inline-block;width:30px;height:30px;background-position: -344px -50px;margin-right:7px;cursor:pointer;}
.screen_btn_wrap .bothsides:hover{display:inline-block;width:30px;height:30px;background-position: -394px -50px;cursor:pointer;}
.screen_btn_wrap .ative_section{display:inline-block;width:30px;height:30px;background-position: -344px -50px;margin-right:7px;cursor:pointer;}
.screen_btn_wrap .ative_bothsides{display:inline-block; width:30px; height:30px; background-position: -394px -50px;cursor:pointer;}

/*view_btn*/
.view_btn_wrap{z-index:10;width:100%;position:absolute;bottom:10px;text-align:center;}
.view_btn{width: 680px;height:55px;border-radius:10px;display:inline-block;}
.view_btn li{display:inline-block; margin:4px; float:left; margin-right:10px;}

.view_btn .screenfit{background-position: -2px -212px;width:47px;height:47px;display:inline-block;margin-left:10px;}
.view_btn .screenwidth{background-position: -53px -212px;width:47px;height:47px;display:inline-block;}
.view_btn .screenmax{background-position: -105px -212px;width:47px;height:47px;display:inline-block;}
.view_btn .zoomplus{background-position: -158px -212px;width:47px;height:47px;display:inline-block;}
.view_btn .zoomminus{background-position: -209px -212px;width:47px;height:47px;display:inline-block;}
.view_btn .mousezoom{background-position: -261px -212px;width:47px;height:47px;display:inline-block;}
.view_btn .ative_mousezoom{background-position: -313px -212px; width:47px; height:47px; display:inline-block;}

.view_btn .pagecount{font-size:18px; color:#d2d2d2; margin-top:18px;}
.view_btn .zoomcount{font-size:18px; color:#d2d2d2; margin-top:18px;}
.view_btn li > span{color:#ffffff;}

.view_btn .ctxt{font-size: 18px;margin-top: 8px;}
.view_btn .ctxt .stxt{font-size:18px; display:inline-block; margin-top:10px;}
.view_btn .ctxt .mMode{font-size:18px; color:#d2d2d2;}
.view_btn .ctxt .mMode_on{color:#0071FF;}

.view_btn .screenfit:active{background-position: -2px -212px;width:47px;height:47px;display:inline-block;margin-left:10px; margin-top:1px;}
.view_btn .screenwidth:active{background-position: -53px -212px;width:47px;height:47px;display:inline-block;margin-top:1px;}
.view_btn .screenmax:active{background-position: -105px -212px;width:47px;height:47px;display:inline-block;margin-top:1px;}
.view_btn .zoomplus:active{background-position: -158px -212px;width:47px;height:47px;display:inline-block;margin-top:1px;}
.view_btn .zoomminus:active{background-position: -209px -212px;width:47px;height:47px;display:inline-block;margin-top:1px;}
.view_btn .mousezoom:active{background-position: -261px -212px;width:47px;height:47px;display:inline-block;margin-top:1px;}
.view_btn .ative_mousezoom:active{background-position: -313px -212px; width:47px; height:47px; display:inline-block;margin-top:1px;}

/* PDF영역 */
.pdf{position:relative;width:100%;height:100%;}
.pdf .pdf_ad_left{z-index:-1;display:block;position:absolute;bottom:10px;left:214px;}
.pdf .pdf_ad_right{z-index:-1;display:block;position:absolute;bottom:10px;right:214px;}

.pdf .pdf_ad_left_h{z-index:-1;display:none; position:absolute;bottom:10px;left:214px;}
.pdf .pdf_ad_right_h{z-index:-1;display:none;position:absolute;bottom:10px;right:214px;}

.pdf .pdf2_ad_left_h{z-index:-1;display:none; position:absolute;bottom:10px;left:52px;}
.pdf .pdf2_ad_right_h{z-index:-1;display:none; position:absolute;bottom:10px;right:46px;}

.pdf .pdf2_ad_left{display:block;position:absolute;bottom:10px;left:52px;}
.pdf .pdf2_ad_right{display:block;position:absolute;bottom:10px;right:46px;}

/*pdf slide*/
.pdf_left_btn{z-index:10; width:70px;height:70px;border-radius:35px;border:1px solid #bbbbbb;display:inline-block;cursor:pointer;position:absolute;left:100px;top:453px;background-color: #d2d2d2;opacity:0.8;}
.pdf_right_btn{z-index:10; width:70px;height:70px;border-radius:35px;border:1px solid #bbbbbb;display:inline-block;cursor:pointer;position:absolute;right:100px;top:453px;background-color: #d2d2d2;opacity:0.8;}
.pdf_left_btn:hover{background-color: #0460D3; border:1px solid #0460D3;}
.pdf_right_btn:hover{background-color: #0460D3; border:1px solid #0460D3;}
.pdf_left_arrow{background-position: -439px -8px;height: 32px;display: inline-block;width: 25px;margin: 20px;z-index:999;}
.pdf_right_arrow{background-position: -470px -8px;height: 32px;display: inline-block;width: 25px;margin: 20px;z-index:999;}
.pdf_left_btn:hover .pdf_left_arrow{background-position: -439px -48px;height: 32px;display: inline-block;width: 25px;margin: 20px;}
.pdf_right_btn:hover .pdf_right_arrow{background-position: -470px -48px;height: 32px;display: inline-block;width: 25px;margin: 20px;}
/*우측 메뉴*/
.right_menu{height:100%; z-index:999; width:76px; position:absolute; right:0; top:0; text-align:center; -webkit-box-shadow: -4px 0px 4px 0px rgba(219,216,216,0.25); -moz-box-shadow: -4px 0px 4px 0px rgba(219,216,216,0.25);box-shadow: -4px 0px 4px 0px rgba(219,216,216,0.25);}
.right_menu ul li{display:block;border-bottom:1px solid #ECECEC;position:relative;height: 21px;padding: 24px 0;text-align: center;}
.right_menu ul li a{display: inline-block;}

.right_menu .login{background-position: -10px -9px;}
.right_menu .logout{background-position: -201px -9px;}
.right_menu .surfaceinfo{background-position: -50px -9px;}
.right_menu .surface{background-position: -90px -9px;}
.right_menu .article{background-position: -130px -9px;}
.right_menu .mybookmark{background-position: -166px -9px;}

.menu03{padding:16px 0 !important; height:38px !important; font-size:15px !important;}
.menu03::before{content:""; display:block; margin-bottom:5px;width:21px; height:22px; margin:0 auto; background:url(../images/sprites_img.png) no-repeat -50px -9px;}

.menu04{padding:14px 0 !important; height:54px !important; font-size:15px !important;}
.menu04::before{content:""; display:block; margin-bottom:5px;width:21px; height:22px; margin:0 auto; background:url(../images/sprites_img.png) no-repeat -90px -9px;}

/*메뉴 hover*/
.right_menu .login:hover {background-position: -10px -49px;}
.right_menu .logout:hover {background-position: -201px -49px;}
.right_menu .surfaceinfo:hover {background-position: -50px -49px;}
.right_menu .surface:hover {background-position: -90px -49px;}
.right_menu .article:hover {background-position: -130px -49px;}
.right_menu .mybookmark:hover {background-position: -166px -49px;}
.right_menu .login:hover::before{content:"로그인"; color:#fff; display:block; background-color:#0071FF; position:absolute; right:70px; top: 22px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:50px;}
.right_menu .login:hover::after{content:""; display:block; position:absolute; top: 28px; right:64px;  width:12px; height:12px; background:url(../images/sprites_img.png) no-repeat; background-position: -208px -168px;}
.right_menu .logout:hover::before{content:"로그아웃"; color:#fff; display:block; background-color:#0071FF; position:absolute; right:70px; top: 22px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:60px;}
.right_menu .logout:hover::after{content:""; display:block; position:absolute; top: 28px; right:64px;  width:12px; height:12px; background:url(../images/sprites_img.png) no-repeat; background-position: -208px -168px;}
.right_menu .surfaceinfo:hover::before{content:"신문정보"; color:#fff; display:block; background-color:#0071FF; position:absolute; right:70px; top: 22px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:60px;}
.right_menu .surfaceinfo:hover::after{content:""; display:block; position:absolute; top: 28px; right:64px;  width:12px; height:12px; background:url(../images/sprites_img.png) no-repeat; background-position: -208px -168px;}
.right_menu .surface:hover::before{content:"지면보기"; color:#fff; display:block; background-color:#0071FF; position:absolute; right:70px; top: 22px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:60px;}
.right_menu .surface:hover::after{content:""; display:block; position:absolute; top: 28px; right:64px;  width:12px; height:12px; background:url(../images/sprites_img.png) no-repeat; background-position: -208px -168px;}
.right_menu .article:hover::before{content:"기사목록"; color:#fff; display:block; background-color:#0071FF; position:absolute; right:70px; top: 22px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:60px;}
.right_menu .article:hover::after{content:""; display:block; position:absolute; top: 28px; right:64px;  width:12px; height:12px; background:url(../images/sprites_img.png) no-repeat; background-position: -208px -168px;}
.right_menu .mybookmark:hover::before{content:"북마크"; color:#fff; display:block; background-color:#0071FF; position:absolute; right:70px; top: 22px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:50px;}
.right_menu .mybookmark:hover::after{content:""; display:block; position:absolute; top: 28px; right:64px;  width:12px; height:12px; background:url(../images/sprites_img.png) no-repeat; background-position: -208px -168px;}

/*메뉴 활성화*/
.right_menu .ative_surfaceinfo{background-position: -50px -49px;}
.right_menu .ative_surface{background-position: -90px -49px;}
.right_menu .ative_article{background-position: -130px -49px;}
.right_menu .ative_mybookmark{background-position: -166px -49px;}

/*신문정보*/
.surfaceinfo_wrap{position:absolute; width:550px; height:100%; z-index:998; right:-500px; -webkit-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2);}
.surfaceinfo_wrap .surfaceinfo_title{font-size:24px; padding:26px 22px; overflow:hidden;}
.surfaceinfo_wrap .surfaceinfo_title p{display:inline-block;}
.surfaceinfo_wrap .surfaceinfo_title .back{background-position: -10px -170px;width:10px;height:15px;display:inline-block;float:right;cursor:pointer;}
.surfaceinfo_wrap .surfaceinfo_news_info{overflow:hidden; margin-bottom:24px;}
.surfaceinfo_wrap .surfaceinfo_box{padding: 26px 22px; overflow:hidden; width:490px; height:847px; overflow:scroll; overflow-x:hidden;}
.surfaceinfo_wrap .surfaceinfo_box::-webkit-scrollbar {width: 6px;}
.surfaceinfo_wrap .surfaceinfo_box::-webkit-scrollbar-track {background-color: transparent; margin:22px 0;}
.surfaceinfo_wrap .surfaceinfo_box::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #DDDDDD;}
.surfaceinfo_wrap .surfaceinfo_box::-webkit-scrollbar-button {width: 0;height: 0;}

.surfaceinfo_wrap .surfaceinfo_img{display:inline-block; float:left;}
.surfaceinfo_wrap .surfaceinfo_news_title{float:left; font-size:24px; margin-left:26px; margin-bottom:14px; height:24px; width:220px; font-weight:500;}
.surfaceinfo_wrap .surfaceinfo_news_date{display:inline-block;font-size:20px;  margin-left:26px;}
.surfaceinfo_wrap .surfaceinfo_news_article .important_article{width:475px; border-radius:4px; height:50px;}
.surfaceinfo_wrap .surfaceinfo_news_article .important_article p {font-size:20px; font-weight:500; padding:16px 22px;}
.surfaceinfo_wrap .surfaceinfo_news_article  ul li::before{content:"-";display:inline-block;color:#000000;float: left;}
.surfaceinfo_wrap .surfaceinfo_news_article  ul li {margin:23px 10px;}
.surfaceinfo_wrap .surfaceinfo_news_article  ul li a{font-size:18px;font-weight:300;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-height: 20px;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;}

/*지면보기*/
.surface_wrap{position:absolute; width:550px; height:100%; z-index:998; right:-500px; -webkit-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2);}
.surface_wrap .surface_title{font-size:24px; padding:26px 22px; overflow:hidden;}
.surface_wrap .surface_title p{display:inline-block;}
.surface_wrap .surface_title .back{background-position: -10px -170px; width:10px; height:15px; display:inline-block; float:right; cursor:pointer;}
.surface_wrap .surface_box{padding: 26px 22px; overflow:hidden; width:490px; height:847px; text-align:center; overflow:scroll; overflow-x:hidden;}
.surface_wrap .surface_box::-webkit-scrollbar {width: 6px;}
.surface_wrap .surface_box::-webkit-scrollbar-track {background-color: transparent; margin:22px 0;}
.surface_wrap .surface_box::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #DDDDDD;}
.surface_wrap .surface_box::-webkit-scrollbar-button {width: 0;height: 0;}
.surface_wrap .surface_box .surface_info_item{display:inline-block; margin:0px 26px 30px; cursor:pointer;}

.surface_wrap .surface_box .surface_info_item .surface_info_img{margin-bottom:14px; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
.surface_wrap .surface_box .surface_info_item .surface_info_text p{font-size:18px; margin-bottom:6px;}
.surface_info_text p.black-font span{font-size: 16px; color: #333; font-weight: 500;}
.surface_wrap .surface_box .surface_info_item .surface_info_text p span::before{content:"";width:18px;height: 15px;display:inline-block;background: url(../images/sprites_img.png) no-repeat -142px -274px;margin-left:10px;padding-right:2px;}

/*기사목록*/
.article_wrap{position:absolute; width:550px; height:100%; z-index:998; right:-500px; -webkit-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2);}
.article_wrap .article_title{font-size:24px; padding:26px 22px; overflow:hidden;}
.article_wrap .article_title p{display:inline-block;}
.article_wrap .article_title .back{background-position: -10px -170px; width:10px; height:15px; display:inline-block; float:right; cursor:pointer;}
.article_wrap .article_box{padding: 26px 22px; overflow:hidden; width:490px; height:847px; text-align:center; overflow:scroll; overflow-x:hidden;}
.article_wrap .article_box::-webkit-scrollbar {width: 6px;}
.article_wrap .article_box::-webkit-scrollbar-track {background-color: transparent; margin:22px 0;}
.article_wrap .article_box::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #DDDDDD;}
.article_wrap .article_box::-webkit-scrollbar-button {width: 0;height: 0;}
.article_wrap .article_list{text-align:left;}
.article_wrap .article_list .article_page{width:475px; border-radius:4px; height:50px;}
.article_wrap .article_list .article_page p {font-size:20px;  font-weight:500; padding:16px 22px;}
.article_wrap .article_list  ul li::before{content:"-";display:inline-block;float: left;}
.article_wrap .article_list  ul li {margin:23px 10px;}
.article_wrap .article_list  ul li a{font-size:18px;font-weight:300;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-height: 20px;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;}

/*기사 본문*/
.main_text_wrap{position:absolute; width:800px; height:100%; z-index:998; right:-760px; -webkit-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.2);}
.main_text_wrap .main_text_head{font-size:24px; padding:25px 22px; overflow:hidden;}
.main_text_wrap .main_text_head p{display:inline-block;}
.main_text_wrap .main_text_head .head_left_btn{float:left;}
.main_text_wrap .main_text_head .head_right_btn{float:right; margin-right:10px;}

.main_text_wrap .main_text_head .text_news{background-position: -10px -90px;width:20px;height:20px;display:inline-block;cursor:pointer;margin-right:40px;margin-left:18px;}
.main_text_wrap .main_text_head .img_news{background-position: -50px -90px;width:20px;height:20px;display:inline-block;cursor:pointer;}
.main_text_wrap .main_text_head .share_news{background-position: -90px -90px;width:20px;height:20px;display:inline-block;cursor:pointer;margin-right:40px;}
.main_text_wrap .main_text_head .print_news{background-position: -130px -90px;width:20px;height:18px;display:inline-block;cursor:pointer;margin-right:40px;}

.main_text_wrap .main_text_head .text_news:hover{background-position: -10px -130px; width:20px; height:20px; display:inline-block;  cursor:pointer; margin-right:40px; margin-left:18px;}
.main_text_wrap .main_text_head .img_news:hover{background-position: -50px -130px; width:20px; height:20px; display:inline-block;cursor:pointer; }
.main_text_wrap .main_text_head .share_news:hover{background-position: -90px -130px; width:20px; height:20px; display:inline-block;  cursor:pointer; margin-right:40px;}
.main_text_wrap .main_text_head .print_news:hover{background-position: -130px -130px; width:20px; height:18px; display:inline-block;cursor:pointer; margin-right:40px;}

/*공유 버튼*/
.main_text_wrap .main_text_head  .share_news_btn{position:absolute;right: 130px;top: 55px;width: 210px; border-radius:10px;text-align:center;-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);}
.main_text_wrap .main_text_head  .share_news_btn span{display:inline-block;margin:10px 5px 10px; width:32px;height:32px;}
.main_text_wrap .main_text_head  .share_news_btn .fb{width:32px; height:32px; cursor:pointer;background-position: -240px -170px;}
.main_text_wrap .main_text_head  .share_news_btn .tw{width:32px;height:32px;cursor:pointer;background-position: -292px -170px;}
.main_text_wrap .main_text_head  .share_news_btn .ks{width:32px;height:32px;cursor:pointer;background-position: -344px -170px;}
.main_text_wrap .main_text_head  .share_news_btn .nb{width:32px;height:32px;cursor:pointer;background-position: -396px -170px;}
.main_text_wrap .main_text_head .text_news:hover::before{content:"텍스트"; text-align:center; color:#fff; display:block; background-color:#0071FF; position:absolute; right:719px; top:59px; font-size:14px; padding:2px 5px 4px; border-radius:20px; width:50px;}
.main_text_wrap .main_text_head .text_news:hover::after{content:"";background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;display:block;position:absolute;top:51px;right:744px;width:12px;height:12px;}
.main_text_wrap .main_text_head .ative_text_news:hover::before{content:"텍스트";  text-align:center; color:#fff;display:block;background-color:#0071FF;position:absolute;right: 719px;top: 59px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width:50px;}
.main_text_wrap .main_text_head .ative_text_news:hover::after{content:"";display:block;position:absolute;top: 51px;right: 744px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_head .img_news:hover::before{content:"이미지";text-align:center;color:#fff;display:block;background-color:#0071FF;position:absolute;right: 654px;top: 59px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width:50px;}
.main_text_wrap .main_text_head .img_news:hover::after{content:"";display:block;position:absolute;top: 51px;right: 680px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_head .ative_img_news:hover::before{content:"이미지";  text-align:center; color:#fff;display:block;background-color:#0071FF;position:absolute;right: 654px;top: 59px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width:50px;}
.main_text_wrap .main_text_head .ative_img_news:hover::after{content:"";display:block;position:absolute;top: 51px;right: 680px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_head .share_news:hover::before{content:"공유";text-align:center;color:#fff;display:block;background-color:#0071FF;position:absolute;right: 136px;top: 59px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width: 40px;}
.main_text_wrap .main_text_head .share_news:hover::after{content:"";display:block;position:absolute;top: 51px;right: 156px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_head .print_news:hover::before{content:"인쇄";text-align:center;color:#fff;display:block;background-color:#0071FF;position:absolute;right: 72px;top: 59px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width: 40px;}
.main_text_wrap .main_text_head .print_news:hover::after{content:"";display:block;position:absolute;top: 51px;right: 92px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_box .main_text_btn .bookmark_btn:hover::before{content:"북마크";text-align:center;color:#fff;display:block;background-color:#0071FF;position:absolute;right: 66px;top: 44px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width: 45px;}
.main_text_wrap .main_text_box .main_text_btn .bookmark_btn:hover::after{content:"";display:block;position:absolute;top: 36px;right: 88px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_box .main_text_btn .font_btn:hover::before{content:"폰트크기";text-align:center;color:#fff;display:block;background-color:#0071FF;position:absolute;right: 2px;top: 44px;font-size:14px;padding:2px 5px 4px;border-radius:20px;width: 60px;}
.main_text_wrap .main_text_box .main_text_btn .font_btn:hover::after{content:"";display:block;position:absolute;top: 36px;right: 33px;background:url(../images/sprites_img.png) no-repeat;background-position: -181px -169px;width:12px;height:12px;}
.main_text_wrap .main_text_box .main_text_btn .bookmark_btn:hover{background-position: -168px -130px;width:20px;height:20px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:20px;}
.main_text_wrap .main_text_box .main_text_btn .font_btn:hover{background-position: -204px -124px;width:40px;height:25px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:20px;}

.main_text_wrap .main_text_head .ative_share_news{background-position: -90px -130px; width:20px; height:20px; display:inline-block;  cursor:pointer; margin-right:40px;}
.main_text_wrap .main_text_head .ative_text_news{background-position: -10px -130px; width:20px; height:20px; display:inline-block;  cursor:pointer; margin-right:40px; margin-left:18px;}
.main_text_wrap .main_text_head .ative_img_news{background-position: -50px -130px; width:20px; height:20px; display:inline-block;cursor:pointer; }
.main_text_wrap .main_text_head .back{background-position: -10px -170px; width:10px; height:17px; display:inline-block;  cursor:pointer;}

.main_text_wrap .main_text_box{padding:30px 30px 0px 33px; overflow:hidden; overflow:scroll; overflow-x:hidden; height:868px; width:708px;}
.main_text_wrap .main_text_box::-webkit-scrollbar {width: 6px;}
.main_text_wrap .main_text_box::-webkit-scrollbar-track {background-color: transparent; margin:22px 0;}
.main_text_wrap .main_text_box::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #DDDDDD;}
.main_text_wrap .main_text_box::-webkit-scrollbar-button {width: 0;height: 0;}

.main_text_wrap .main_img_box{padding:30px 30px 0px 33px; overflow:hidden; overflow:scroll; overflow-x:hidden; height:868px; width:708px;}
.main_text_wrap .main_img_box::-webkit-scrollbar {width: 6px;}
.main_text_wrap .main_img_box::-webkit-scrollbar-track {background-color: transparent; margin:22px 0;}
.main_text_wrap .main_img_box::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #DDDDDD;}
.main_text_wrap .main_img_box::-webkit-scrollbar-button {width: 0;height: 0;}


.main_text_wrap .main_text_box .main_text_title{font-size:36px;line-height:46px;font-weight:500;/* font-size: 18px; *//* font-weight: 300; */overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;/* line-height: 20px; */text-overflow: ellipsis;-webkit-box-orient: vertical;}
.main_text_wrap .main_text_box .main_text_btn{position:relative; height:40px; text-align:right; border-bottom:0.5px solid #282A2F; margin-bottom:30px; padding-bottom:20px;}
.main_text_wrap .main_text_box .main_text_btn .bookmark_btn{background-position: -168px -90px;width:20px;height:20px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:20px;}
.main_text_wrap .main_text_box .main_text_btn .ative_bookmark_btn{width:20px;background-position: -168px -130px;height:20px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:20px;}
.main_text_wrap .main_text_box .main_text_btn .font_btn{background-position: -204px -84px;width:40px;height:25px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:20px;}
.main_text_wrap .main_text_box .main_text_btn .ative_font_btn{background-position: -251px -85px;width:40px;height:25px;display:inline-block;cursor:pointer;margin-top:10px;margin-right:20px;}
.main_text_wrap .main_text_box .main_text_btn .top_btn{background-position: -300px -90px;width:40px;height:40px;cursor:pointer;position: fixed;/* top: 880px; */bottom: 40px;right: 135px;}
.main_text_wrap .main_text_box .main_text_read{width:100%;}
.main_text_wrap .main_text_box .main_text_read img{margin-bottom:20px;}
.main_text_wrap .main_text_box .main_text_read p{font-size:20px;line-height: 34px;margin-bottom:20px;}

/*북마크 알림*/
.bookmark_alarm_on{position:absolute;font-size:18px;text-align:center;right:30px;top:50px;width: 277px;height: 50px;padding: 15px;border-radius:10px;-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
.bookmark_alarm_on span{display:block;margin-bottom: 10px;text-align: left;}

.bookmark_alarm_off{position:absolute;font-size:18px;text-align:center;right:30px;top:50px;width: 277px;height: 50px;padding: 15px;border-radius:10px;-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
.bookmark_alarm_off span{display:block;margin-bottom: 10px;text-align: left;}

/*폰트 조절 버튼*/
.main_text_wrap .main_text_box .main_text_btn .font_size_btn{ position:absolute; right:-5; top:50px; width:220px; height:50px; border-radius:10px; text-align:center; -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);}
.main_text_wrap .main_text_box .main_text_btn .font_size_btn span{display:block; float:left; width:30px; height:30px; border-radius:30px; color:000000; cursor:pointer; border:1px solid #c1c1c1; }
.main_text_wrap .main_text_box .main_text_btn .font_size_btn .font_btn1{font-size:16px; line-height:28px; margin:10px 5px 0 8px;}
.main_text_wrap .main_text_box .main_text_btn .font_size_btn .font_btn2{font-size:18px; line-height:28px; margin:10px 5px}
.main_text_wrap .main_text_box .main_text_btn .font_size_btn .font_btn3{font-size:20px; line-height:28px; margin:10px 5px}
.main_text_wrap .main_text_box .main_text_btn .font_size_btn .font_btn4{font-size:22px; line-height:28px; margin:10px 5px}
.main_text_wrap .main_text_box .main_text_btn .font_size_btn .font_btn5{font-size:24px; line-height:28px; margin:10px 5px}

/*북마크*/
.bookmark_wrap{width:100%; text-align:center; height:94%; z-index:950; padding-top:26px;  overflow:hidden; overflow:scroll;}
.bookmark_wrap::-webkit-scrollbar {width: 6px;}
.bookmark_wrap::-webkit-scrollbar-track {background-color: transparent; margin:22px 0;}
.bookmark_wrap::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #DDDDDD;}
.bookmark_wrap::-webkit-scrollbar-button {width: 0;height: 0;}

.bookmark_wrap .bookmark{width:1280px; display:inline-block; overflow:hidden;}
.bookmark_wrap .bookmark_head {overflow:hidden; padding:20px 0 30px; border-bottom:1px solid #E6E6E6;}
.bookmark_wrap .bookmark_head p{font-size:36px; font-weight:500; float:left;}
.bookmark_wrap .bookmark_head .edit{font-size:24px; float:right; cursor:pointer; height:24px;}
.bookmark_wrap .bookmark_head .edit_wrap{float:right;}
.bookmark_wrap .bookmark_head .cancel{font-size:24px; margin-right:20px; cursor:pointer;}
.bookmark_wrap .bookmark_head .delete{font-size:24px; cursor:pointer;}
.bookmark_wrap .bookmark_head .delete::before{content:"";background:url(../images/sprites_img.png) no-repeat;background-position: -138px -166px;margin-right:10px;width:30px;height: 30px;display:inline-block;vertical-align: middle;margin-top: -6px;}
.bookmark_wrap .bookmark_count{font-size:24px; margin:28px 0px; width:100%; text-align:left;}
.bookmark_wrap .bookmark_count .all_selection{float:right; cursor:pointer;}
.bookmark_wrap .bookmark_count .all_selection::before{content:"";display:inline-block;width:30px;height:30px;vertical-align: middle;margin-right: 10px;background:url(../images/sprites_img.png) no-repeat; background-position: -45px -170px;margin-top: -4px;}
.bookmark_wrap .bookmark_count .ative_all_selection{float:right; color:#0071FF !important; cursor:pointer;}
.bookmark_wrap .bookmark_count .ative_all_selection::before{content:"";display:inline-block;width:30px;height:30px;vertical-align: middle;margin-right: 10px;background:url(../images/sprites_img.png) no-repeat;background-position: -95px -170px;margin-top: -4px;}
.bookmark_wrap .bookmark_box_wrap{overflow:hidden; }
.bookmark_wrap .bookmark_box{width:625px; height:370px; float:left;  margin-bottom:30px; position:relative;}
.bookmark_wrap .bookmark_box:nth-child(odd){margin-right:30px;}
.bookmark_wrap .bookmark_box .bookmark_news_img{margin:59px 30px 59px 45px; float:left; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
.bookmark_wrap .bookmark_box .bookmark_info{float:left; margin:80px 0; font-size:24px; width:340px; text-align:left;}
.bookmark_wrap .bookmark_box .bookmark_info .bookmark_date{margin-bottom:34px;}
.bookmark_wrap .bookmark_box .bookmark_info .bookmark_news_title{line-height:34px; margin-bottom:78px;}
.bookmark_wrap .bookmark_box .selection{position:absolute; top:0; left:0; width:625px; height:370px;}
.bookmark_wrap .bookmark_box .selection .selection_ico{position:absolute;top:20px;right:20px;width:30px;height:30px;background-position: -45px -170px;}
.bookmark_wrap .bookmark_box .selection_on{position:absolute; top:0; left:0; width:625px; height:370px;}
.bookmark_wrap .bookmark_box .selection_on .selection_ico{position:absolute;top:20px;right:20px;width:30px;height:30px;background-position: -95px -170px;}

/*북마크 페이징*/
.bookmark_wrap .bookmark_paging{margin:60px 0;}
.bookmark_wrap .bookmark_paging ul li{width:24px; height:24px; display:inline-block;}
.bookmark_wrap .bookmark_paging ul li a{font-size:24px; display:block; width:100%; height:100%;}
.bookmark_wrap .bookmark_paging .paging_left_end{background-position: -102px -268px;margin-right:10px;}
.bookmark_wrap .bookmark_paging .paging_left{background-position: -33px -268px;margin-right:100px;}
.bookmark_wrap .bookmark_paging .paging_right_end{background-position: -65px -268px;margin-left:10px;}
.bookmark_wrap .bookmark_paging .paging_right{background-position: -3px -268px; margin-left:100px;}

.viewer{position:relative;width:100%;height:100%;overflow:hidden;}
.page-container {position:absolute;overflow:hidden;width:auto;height:auto;display:flex;flex-flow:row;flex-wrap:nowrap;background-color:white;}
.newspaper {position:relative;float:left;background:rgba(255,255,255,0.1) url(../images/back_paper.png) no-repeat 0 0;display:inline-block;cursor: pointer; background-position:center;background-size:30%;}    
.left {margin-left:0px;-webkit-box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.25);}
.right {margin-left:0px;-webkit-box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: -10px 0px 10px 0px rgba(0,0,0,0.25);}
/* 지면뷰어 클래스 */
.group_highlight {stroke-width:0;fill:#75CFFC;fill-opacity:0.4;}
.newspaper_loading {background:rgba(255,255,255,0.7) url('../images/spinner.gif') no-repeat center center;z-index:2;width:100%;height:100%;}