body { overflow: hidden; font-family: 'Pretendard' }
.wrap { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.wrap .paper_container { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: #F0F0F0; font-family: 'Pretendard' }
.selectric-items li.highlighted { background-color: #e5e5e5 !important; }

/********************
gnb
********************/
.wrap .paper_container .paper_gnb { position: relative; display: flex; justify-content: space-between; align-items: center; background-color: #E0E4EA; padding: 10px 15px; width: 100%; height: 60px }
.wrap .paper_container .paper_gnb .g_left { flex-shrink: 0; display: flex; align-items: center }
.wrap .paper_container .paper_gnb .g_left a { display: inline-block }
.wrap .paper_container .paper_gnb .g_left a img { width: 146px }
.wrap .paper_container .paper_gnb .g_left .view { display: inline-block; margin-left: 30px; border-radius: 20px !important }
.wrap .paper_container .paper_gnb .g_left .view .date_select { border-radius: 20px }

.wrap .paper_container .paper_gnb .logout_area a { display: flex; align-items: center }
.wrap .paper_container .paper_gnb .logout_area a img { width: 20px }
.wrap .paper_container .paper_gnb .logout_area a span { font-size: 14px; margin-left: 10px; font-weight: 500 }


/********************
헤더
********************/
.wrap .paper_container .paper_header { position: relative; width: 100%; height: 84px; background-color: #fff; box-shadow: 0 .5rem 1rem -0.5rem rgba(0,0,0,.15)!important; display: flex; justify-content: space-between; align-items: center; z-index: 999 }

/* 좌측메뉴 레이아웃 */
.wrap .paper_container .paper_header .h_left { position: relative; display: block; height: 100%; float: left; }
.wrap .paper_container .paper_header .h_left .paper_name { border-right: 1px #d7d7d7 solid; padding: 30px; display: flex; align-items: center; float: left }
.wrap .paper_container .paper_header .h_left .paper_name span { font-size: 16px; font-weight: 500; }
.wrap .paper_container .paper_header .h_left .left_menu_unit01 { display: flex; align-items: center; border-right: 1px #d7d7d7 solid; height: 100%; padding: 10px 20px; float: left }
.h_left .left_menu_unit01 a { display: flex; align-items: center; flex: 1; width: 52px; height: 100%; padding: 5px 7px; box-sizing: content-box; border-radius: 15px; transition: background-color .3s; }
.h_left .left_menu_unit01 a:last-child { margin-right: 0 }
.h_left .left_menu_unit01 a:hover { background-color: #eeeeee }
.h_left .left_menu_unit01 a.active { background-color: #eeeeee; font-weight: 600 }

/* 좌측메뉴 기사목록 */
.h_left .left_menu_unit01 a .article_list_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.h_left .left_menu_unit01 a .article_list_ico .ico_img { height: 25px; background: url(../images/ico/Vector@2x.png) no-repeat 0 3px; background-size: 23px; width: 23px }
.h_left .left_menu_unit01 a .article_list_ico span { padding-top: 10px; font-size: 13px }

/* 좌측메뉴 지면선택 */
.h_left .left_menu_unit01 a .paperSelect_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.h_left .left_menu_unit01 a .paperSelect_ico .ico_img { height: 25px; background: url(../images/ico/Group@2x.png) no-repeat 0 0; background-size: 24.5px; width: 24.5px }
.h_left .left_menu_unit01 a .paperSelect_ico span { padding-top: 10px; font-size: 13px }

/* 좌측메뉴 보기전환 */
.h_left .left_menu_unit01 a .viewTranse_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.h_left .left_menu_unit01 a .viewTranse_ico .ico_img { height: 25px; background: url(../images/ico/column@2x.png) no-repeat 0 0; background-size: 26px; width: 26px }
.h_left .left_menu_unit01 a .viewTranse_ico span { padding-top: 10px; font-size: 13px }

/* 좌측메뉴 전체보기 */
.h_left .left_menu_unit01 a .fullSize_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.h_left .left_menu_unit01 a .fullSize_ico .ico_img { height: 25px; background: url(../images/ico/fullSize@2x.png) no-repeat 0 0; background-size: 21px; width: 21px }
.h_left .left_menu_unit01 a .fullSize_ico span { padding-top: 10px; font-size: 13px }

/* 좌측메뉴 축소 */
.h_left .left_menu_unit01 a .zoomOut_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.h_left .left_menu_unit01 a .zoomOut_ico .ico_img { height: 25px; background: url(../images/ico/zoom-out@2x.png) no-repeat 0 0; background-size: 25.5px; width: 25.5px }
.h_left .left_menu_unit01 a .zoomOut_ico span { padding-top: 10px }

/* 좌측메뉴 확대 */
.h_left .left_menu_unit01 a .zoomIn_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.h_left .left_menu_unit01 a .zoomIn_ico .ico_img { height: 25px; background: url(../images/ico/zoom-in@2x.png) no-repeat 0 0; background-size: 25.5px; width: 25.5px }
.h_left .left_menu_unit01 a .zoomIn_ico span { padding-top: 10px }

/* 좌측상단메뉴 달력 Box */
.g_left input { margin-right: 10px;  margin-left: 30px; border-radius: 18px; text-align: center;font-size: 1.1em; }

/* ----------------------------------------------------------------------------------------------------------- */

/* 센터메뉴 레이아웃 */
.wrap .paper_container .paper_header .center_opt .center_menu_unit01 { display: flex; align-items: center; height: 100%; padding: 10px 20px; float: left }
.center_opt .center_menu_unit01 a { display: flex; align-items: center; flex: 1; width: 52px; height: 100%; padding: 5px 7px; box-sizing: content-box; border-radius: 15px; transition: background-color .3s; }

/* 센터메뉴 이전 */
.center_opt .center_menu_unit01 a .prv_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.center_opt .center_menu_unit01 a .prv_ico .ico_img { height: 35px; background: url(../images/ico/arrow-circle-left@2x.png) no-repeat 0 0; background-size: 35px; width: 35px }
.center_opt .center_menu_unit01 a .prv_ico span { padding-top: 10px }
.center_opt .center_menu_unit01 a .prv_ico .ico_img.disable { height: 35px; background: url(../images/ico/arrow-circle-left_disable@2x.png) no-repeat 0 0; background-size: 35px; width: 35px }

/* 센터메뉴 다음 */
.center_opt .center_menu_unit01 a .nxt_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.center_opt .center_menu_unit01 a .nxt_ico .ico_img { height: 35px; background: url(../images/ico/arrow-circle-right@2x.png) no-repeat 0 0; background-size: 35px; width: 35px }
.center_opt .center_menu_unit01 a .nxt_ico span { padding-top: 10px }
.center_opt .center_menu_unit01 a .nxt_ico .ico_img.disable { height: 35px; background: url(../images/ico/arrow-circle-right_disable@2x.png) no-repeat 0 0; background-size: 35px; width: 35px }

/* ----------------------------------------------------------------------------------------------------------- */

/* 우측메뉴 레이아웃 */
.wrap .paper_container .paper_header .right_opt .right_menu_unit01 { display: flex; align-items: center; height: 100%; padding: 10px 20px; float: left; border-left: 1px #d7d7d7 solid }
.right_opt .right_menu_unit01 a { display: flex; align-items: center; flex: 1; width: 52px; height: 100%; padding: 7px; box-sizing: content-box; border-radius: 15px; transition: background-color .3s; }
.right_opt .right_menu_unit01 a:hover { background-color: #eeeeee }

/* 우측메뉴 검색 */
.right_opt .right_menu_unit01 a .search_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.right_opt .right_menu_unit01 a .search_ico .ico_img { height: 25px; background: url(../images/ico/Group35@2x.png) no-repeat 0 0; background-size: 20px; width: 20px }
.right_opt .right_menu_unit01 a .search_ico span { padding-top: 10px }

/* 우측메뉴 인쇄 */
.right_opt .right_menu_unit01 a .print_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.right_opt .right_menu_unit01 a .print_ico .ico_img { height: 25px; background: url(../images/ico/printer@2x.png) no-repeat 0 0; background-size: 26px; width: 26px }
.right_opt .right_menu_unit01 a .print_ico span { padding-top: 10px }

/* 우측메뉴 다운로드 */
.right_opt .right_menu_unit01 a .down_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.right_opt .right_menu_unit01 a .down_ico .ico_img { height: 25px; background: url(../images/ico/Group264@2x.png) no-repeat 0 0; background-size: 20px; width: 20px }
.right_opt .right_menu_unit01 a .down_ico span { padding-top: 10px }

/* 우측메뉴 도움말 */
.right_opt .right_menu_unit01 a .help_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.right_opt .right_menu_unit01 a .help_ico .ico_img { height: 28px; background: url(../images/ico/help@2x.png) no-repeat 0 0; background-size: 28px; width: 28px }
.right_opt .right_menu_unit01 a .help_ico span { padding-top: 7px }

/* 모바일용 기사리스트 메뉴 */
.right_opt .right_menu_unit01 .m_arti_list { display: flex; align-items: center; height: 100%; float: left; display: none }
.right_opt .right_menu_unit01 .m_arti_list .article_list_ico .ico_img { height: 25px; background: url(../images/ico/Vector@2x.png) no-repeat 0 3px; background-size: 23px; width: 23px }
.right_opt .right_menu_unit01 .m_arti_list .article_list_ico { display: flex; flex-direction: column; align-items: center; width: 100%; }
.right_opt .right_menu_unit01 .m_arti_list .article_list_ico span { padding-top: 10px; font-size: 13px }


/********************
지면 화면
********************/
.paper_wrap { position: absolute; top: 145px; left: 0; right: 0; bottom: 0 }

/* 이전/다음 화살표 */
.paper_wrap .pre_arrow { position: absolute; top: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; z-index: 99999; padding: 15px 0; }
.paper_wrap .pre_arrow .pre_arrow_ico { background: url(../images/ico/arrow-circle-left-filled@2x.png)no-repeat; transition: .15s ease-in-out; width: 68px; height: 68px; margin-left: 15px; background-size: 68px; background-color: #f3f3f3 !important; border-radius: 64%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.paper_wrap .pre_arrow .pre_arrow_ico.disable { background: url(../images/ico/arrow-circle-left-dis-filled@2x.png)no-repeat; transition: .15s ease-in-out; width: 68px; height: 68px; margin-left: 15px; background-size: 68px; }
.paper_wrap .pre_arrow .pre_arrow_ico:hover { transform: scale(1.2); transition: 0.3s ease-out; }
.paper_wrap .nxt_arrow { position: absolute; top: 0; bottom: 0; right: 14px; display: flex; flex-direction: column; justify-content: center; z-index: 99999; padding: 15px 0; }
.paper_wrap .nxt_arrow .nxt_arrow_ico { background: url(../images/ico/arrow-circle-right-filled@2x.png)no-repeat; transition: .15s ease-in-out; width: 68px; height: 68px; margin-left: 15px; background-size: 68px; background-color: #f3f3f3 !important; border-radius: 64%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.paper_wrap .nxt_arrow .nxt_arrow_ico:hover { transform: scale(1.2); transition: 0.3s ease-out; }
.paper_wrap .nxt_arrow .nxt_arrow_ico.disable { background: url(../images/ico/arrow-circle-right-dis-filled@2x.png)no-repeat; transition: .15s ease-in-out; width: 68px; height: 68px; margin-left: 15px; background-size: 68px; }

/* 지면영역 */
.paper_wrap .paper_edit_container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; align-items: center; }
.paper_wrap .paper_edit_container .edit_img_container { position: relative; display: block; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
.paper_wrap .paper_edit_container .edit_img_container img { width: 100% }

/* 기사목록팝업 */
.list_pop_container { position: relative; width: 320px; background-color: #fff; height: calc(100% - 120px); max-height: 700px; position: absolute; top: 150px; left: 150px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; z-index: 999 }
.list_pop_container .pop_title { padding: 15px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; cursor: grab; border-bottom: 1px #d7d7d7 solid }
.list_pop_container .pop_title h6 { margin-bottom: 0; color: #363636 }
.list_pop_container .pop_title span { cursor: pointer }
.list_pop_container .pop_body { width: 100%; position: absolute; top: 55px; overflow-y: scroll; left: 0; right: 0; bottom: 0 }
.list_pop_container .pop_body .page_title { padding: 10px; background-color: #eaeaea }
.list_pop_container .pop_body .page_title h6 { font-size: 0.875rem; margin-bottom: 0 }

.list_pop_container .pop_body ul li { padding: 10px; border-bottom: 1px #d7d7d7 solid; font-size: 0.875rem }
.list_pop_container .pop_body ul li:hover { background-color: #f7f7f7 }

#list_pop_drag { display: inline-block }



/********************
지면선택
********************/

.paper_select_Container { width: 100%; padding: 3.125rem 1.875rem; background-color: rgba(54, 54, 54,.8); height: calc(100% - 137px); z-index: 9999; position: absolute; bottom: 0; box-shadow: 0 -0.3rem 1.5rem rgba(0,0,0,.45); left: 0; right: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 15px; border-top-right-radius: 15px; padding-bottom: 0 }
.paper_select_Container .paper_cancel_obj { width: 100%; position: relative; bottom: 34px; right: -14px }
.paper_select_Container .paper_cancel_obj img { width: 18px; height: 18px; float: right; cursor: pointer }
.paper_list_toggle { position: absolute; top: 62px; bottom: 0; left: 0; right: 0 }
.paper_select_Container .paper_img_wrap { position: relative; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0; margin-left: 0; margin-right: 0 }
.paper_select_Container .paper_img_wrap .paper_box .pdf_list_obj { height: auto; margin-bottom: 30px; width: 100% }
.paper_select_Container .paper_img_wrap .paper_box .pdf_list_obj .pdf_img_area { position: relative; height: auto; padding: 10px; display: flex; flex-direction: row; align-items: center }
.paper_select_Container .paper_img_wrap .paper_box .pdf_list_obj .pdf_img_area img { max-width: 100%; display: block; margin: auto }
.paper_select_Container .paper_img_wrap .paper_box .pdf_list_obj .pdf_num_box { width: 100%; text-align: center; margin-top: 10px; cursor: default; color: #fff }
.paper_select_Container.double_paper_area .paper_img_wrap .paper_box .pdf_list_obj { height: auto; margin-bottom: 30px; width: 50%; float: left }

/********************
모바일 사이드 기사목록
********************/
.m-side-menu { position: absolute; z-index: 9999; width: 100%; height: 100%; background-color: #fff; margin-left: -100% }
.m-side-menu .pop_title { padding: 15px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #363636 solid }
.m-side-menu .pop_title h6 { margin-bottom: 0; color: #363636; font-size: 18px; font-weight: 500 }
.m-side-menu .pop_title a .fa-times { color: #fff }
.m-side-menu .pop_body { width: 100%; position: absolute; top: 58px; overflow-y: scroll; left: 0; right: 0; bottom: 0px }
.m-side-menu .pop_body .page_title { padding: 10px; background-color: #eaeaea }
.m-side-menu .pop_body .page_title h6 { font-size: 0.875rem; margin-bottom: 0 }

.m-side-menu .pop_body ul li { padding: 10px; border-bottom: 1px #d7d7d7 solid; font-size: 0.875rem }
.m-side-menu .pop_body ul li:hover { background-color: #f7f7f7 }

.sub_menu_container { display: none }



/********************
모바일 하단메뉴
********************/

.guick_footer { display: flex; position: fixed; width: 100%; background: #f7f7f7; bottom: 0; z-index: 99999; opacity: 0.9; overflow: hidden; left: 0; right: 0; border-top: 1px #d7d7d7 solid; border-top-right-radius: 20px; border-top-left-radius: 20px; box-shadow: 0 .5rem 1rem 0.6rem rgba(0,0,0,.15)!important; display: none }
.guick_footer a { width: 100% }
.guick_footer .quick_ico_box { display: flex; flex-direction: column; align-items: center; padding: .5rem .625rem; text-align: center; width: 100% }
.guick_footer .quick_ico_box span { display: block; color: #363636; font-size: 0.8125rem; padding-top: 3px; font-weight: 300 }
.btn-mtxt { font-size: 15px }
.guick_footer .paper_select { cursor: pointer }

.quick_ico_box .paper_select_ico { height: 25px; background: url(../images/ico/Group@2x.png) no-repeat 0 0; background-size: 24.5px; width: 24.5px }
.quick_ico_box .under_search_ico { height: 25px; background: url(../images/ico/Group35@2x.png) no-repeat 0 0; background-size: 20px; width: 20px }

/* PDF 검색 팝업 */
.search_layer { position: relative; width: 546px; background-color: #fff; height: 790px; /* max-height: 809px; */ position: absolute; top: 150px; left: 150px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; z-index: 99999; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; }
.search_layer .pop_title { padding: 15px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; cursor: grab; border-bottom: 1px #d7d7d7 solid; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.search_layer .pop_title h6 { margin-bottom: 0; color: #363636 }
.search_layer .pop_title span { cursor: pointer }

.search_layer .search_opt_area { width: 100%; padding: 20px; background-color:#d7d7d7; }
.search_layer .search_opt_area .form-group { display: flex; align-items: center }
.search_layer .search_opt_area .form-group label { font-weight: 600; width: 60px }
.search_layer .search_opt_area .form-group .keyword_search_box { position: relative; display: inline-block; }
.search_layer .search_opt_area .form-group .keyword_search_box .search_keyword { border-radius: 25px; width: 316px }
.search_layer .search_opt_area .form-group .keyword_search_box img { position: absolute; top: 8px; right: 20px }

.search_layer .search_opt_area .date_search div:nth-child(2) { margin-right: 10px }
.search_layer .search_opt_area .date_search div:nth-child(3) { margin-left: 10px }

.btn_confirm { padding: 8px 15px; width: 200px; font-size: 14px; color: #fff; background-color: #01AAAD }
.btn_confirm:hover { background-color: #008285; color: #fff }
.under_btn { display: block; margin: auto; margin-top: 22px; }

.search_layer .search_opt_area .form-group .date_box { position: relative; display: inline-block; }
.search_layer .search_opt_area .form-group .date_box .search_keyword { border-radius: 25px; width: 316px }
.search_layer .search_opt_area .form-group .date_box img { position: absolute; top: 6px; right: 10px }

.result_area { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 20px; background-color: #fff }
.result_area .result_unit_fl span:nth-child(1) { font-weight: 500; color: #01AAAD }
.result_area .result_unit_fr .news_result { margin-right: 15px; display: inline-block }
.result_area .result_unit_fr .news_result span:nth-child(odd) { font-size: 14px; color: #363636 }
.result_area .result_unit_fr .news_result span:nth-child(2) { font-size: 14px; color: #01AAAD }
.result_area .result_unit_fr .news_sort { display: inline-block }
.btn-toggle-btn { background-color: #fff; border: 1px #d7d7d7 solid; color: #363636; cursor: pointer }
.btn-toggle-btn.active { background-color: #E9E9E9 !important; color: #363636 !important; border: 1px #d7d7d7 solid !important }
.btn-toggle-btn:hover { background-color: #E9E9E9 !important; color: #363636 !important; border: 1px #d7d7d7 solid !important }

.article_result_list { width: 100%; border-bottom: 1px #d7d7d7 solid; position: absolute; top: 347px; bottom: 0 }
.article_result_list .list_title { display: flex; align-items: center; background-color: #F0F0F0; padding: 10px 20px }
.article_result_list .list_title h1 { font-size: 16px; font-weight: 500; overflow: hidden; }
.article_result_list .news_list_container { width: 100%; position: absolute !important; bottom: 0; left: 0; right: 0; top: 44px; height: 490px; border-bottom: 1px #d7d7d7 solid }
.article_result_list .news_list_container p.search_blank,.article_result_list .news_list_container p.search_noresult { padding: 30px 15px; text-align: center; font-size: 16px; font-weight: 300; color: #858585; }
.article_result_list .news_list_container ul li { width: 100%; border-bottom: 1px #d7d7d7 solid; }
.article_result_list .news_list_container ul li .article_contents { padding: 15px 20px }
.article_result_list .news_list_container ul li .article_contents:hover { background-color: #f7f7f7; }
.article_result_list .news_list_container ul li .article_contents.active { background-color: #dadada }
.article_result_list .news_list_container ul li .article_contents .paper_num { margin-bottom: 10px }
.article_result_list .news_list_container ul li .article_contents .paper_num span { font-size: 13px; font-weight: 300 }
.article_result_list .news_list_container ul li .article_contents .paper_num span:nth-child(1) { margin-right: 15px }
.article_result_list .news_list_container ul li .article_contents h1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; font-size: 17px; margin-bottom: 10px !important; letter-spacing: -0.8px }
.article_result_list .news_list_container ul li .article_contents h1 span { color: #01AAAD; font-weight: 500 }
.article_result_list .news_list_container ul li .article_contents p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; font-size: 13px; font-weight: 300; overflow: hidden; margin-bottom: 0 !important }
.article_result_list .news_list_container ul li .article_contents p span { color: #01AAAD; font-weight: 500 }

/* 모바일용 검색팝업 */
#m_srh_pop { z-index: 9999; display: none }
.search_detail { width: 100% }
.search_detail .sToggle_head { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px; border-bottom: 1px #d7d7d7 solid; }
.search_detail .sToggle_head button { font-size: 14px }
.search_detail .sToggle_head span:first-child { font-size: 16px; }
.search_detail .detail_opt { background-color: #f0f0f0; padding: 20px }
.search_detail .detail_opt .form-group label { margin-bottom: 0; font-weight: 600; }

/* 키워드검색 */
.search_detail .detail_opt .form-group .r_input_wrap { position: relative; }
.search_detail .detail_opt .form-group .r_input_wrap .r_input_01 { border-radius: 25px; width: 100%; }
.search_detail .detail_opt .form-group .r_input_wrap a img { position: absolute; top: 8px; right: 20px; }

/* 기간검색 */
.search_detail .detail_opt .form-group .date_box { position: relative; }
.search_detail .detail_opt .form-group .date_box input { width: 100%; display: block }
.search_detail .detail_opt .form-group .date_box img { position: absolute; top: 6px; right: 10px; }

.s_result_title { width: 100%; }
.s_result_title .r_title_01 { padding: 15px; border-bottom: 1px #d7d7d7 solid }
.s_result_title .r_title_01 .f_span { color: #01AAAD; font-weight: 600; }
.s_result_title .r_title_01 span { font-size: 16px; font-weight: 500 }

.s_result_title .result_unit_fr { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px }
.s_result_title .result_unit_fr .news_result { margin-right: 15px; display: inline-block; }
.s_result_title .result_unit_fr .news_result span:nth-child(odd) { font-size: 14px; color: #363636 }
.s_result_title .result_unit_fr .news_result span:nth-child(2) { font-size: 14px; color: #01AAAD }
.s_result_title .result_unit_fr .news_sort { display: inline-block }
.btn-toggle-btn { background-color: #fff; border: 1px #d7d7d7 solid; color: #363636; cursor: pointer }
.btn-toggle-btn.active { background-color: #E9E9E9 !important; color: #363636 !important; border: 1px #d7d7d7 solid !important }
.btn-toggle-btn:hover { background-color: #E9E9E9 !important; color: #363636 !important; border: 1px #d7d7d7 solid !important }

.m_pdf_pop.modal-body { padding: 20px 0 0 }
.m_pdf_pop .article_result_list .list_title { padding: 15px }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents { padding: 15px }

.m_pdf_pop .article_result_list .news_list_container { width: 100%; height: 408px; position: relative !important; top: 0 }
.m_pdf_pop .article_result_list .news_list_container ul li { width: 100%; border-bottom: 1px #d7d7d7 solid; }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents { padding: 15px 20px }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents:hover { background-color: #f7f7f7; }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents.active { background-color: #dadada }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents .paper_num { margin-bottom: 10px }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents .paper_num span { font-size: 13px; font-weight: 300 }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents .paper_num span:nth-child(1) { margin-right: 15px }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents h1 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; font-size: 17px; margin-bottom: 10px !important; letter-spacing: -0.8px }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents h1 span { color: #01AAAD; font-weight: 500 }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; font-size: 13px; font-weight: 300; overflow: hidden; margin-bottom: 0 !important }
.m_pdf_pop .article_result_list .news_list_container ul li .article_contents p span { color: #01AAAD; font-weight: 500 }

/* 두 면 보기 */
.double_jin { display: flex }

.select_area { position: absolute; width: 62%; height: 42%; top: 12%; right: 3%; cursor: pointer }
.select_area:hover { background-color: rgba(17,17,17,.4); z-index: 9999; }

/* 한면보기 인쇄옵션 팝업 */
.full_print_container { padding: 20px 0 }
.full_print_container .print_title { width: 100%; text-align: center }
.full_print_container .print_title p { font-size: 0.875rem; font-weight: 500 }
.full_print_container .page_print_prvBack { display: flex; padding: 20px }
.full_print_container .page_print_prvBack .page_horizon { width: 200px; height: 250px; border: 1px #d7d7d7 solid; background-color: #f7f7f7 }
.full_print_container .page_print_prvBack .page_horizon:first-child { border-right: 0 }
.full_print_container .page_print_prvBack .page_horizon .page_img { width: 156px; height: 200px; position: relative; padding-top: 6px; display: block; margin: auto }
.full_print_container .page_print_prvBack .page_horizon .page_img .page_hover { width: 156px; height: 200px; position: absolute; background-color: #28a0ee; opacity: .50; z-index: 999; display: none }
.full_print_container .page_print_prvBack .page_horizon .page_img .page_hover.active { display: block }
.full_print_container .page_print_prvBack .page_horizon .page_img img { /*max-width: 200px; */max-height: 200px; display: block; margin: auto; padding: 10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; background-color: #fff }
.full_print_container .page_print_prvBack .page_horizon .page_name { text-align: center; padding: 15px 0 }
.full_print_container .page_print_prvBack .page_horizon .page_name span { font-size: 0.875rem; font-weight: 400 }

.under_print_opt { text-align: center; margin-top: 10px; font-size: 0.875rem }

.full_print_container .page_single_prvBack { display: block; padding: 20px }
.full_print_container .page_single_prvBack .page_horizon { width: 200px; height: 250px; border: 1px #d7d7d7 solid; background-color: #f7f7f7; display: block; margin: auto }
.full_print_container .page_single_prvBack .page_horizon .page_img { width: 156px; height: 200px; position: relative; padding-top: 6px; display: block; margin: auto }
.full_print_container .page_single_prvBack .page_horizon .page_img img { max-width: 200px; max-height: 200px; display: block; margin: auto; padding: 10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; background-color: #fff }
.full_print_container .page_single_prvBack .page_horizon .page_name { text-align: center; padding: 15px 0 }
.full_print_container .page_single_prvBack .page_horizon .page_name span { font-size: 0.875rem; font-weight: 400 }

.pop_header_style { display: flex; align-items: center }
.pop_header_style .modal-title { font-size: 18px }
.pop_header_style .close { font-size: 38px }
.pop_header_style .close:focus { outline: none }

.btn { font-size: 14px }

/* 도움말 팝업 */
.viewerGuide_container { margin-top: 50px; padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; padding-bottom: 40px }
.viewerGuide_container:first-child { margin-top: 20px }
.viewerGuide_container:last-child { border-bottom: 0 }

.viewerGuide_container .guide_txt_box h6 { color: #28a0ee; font-size: 1.125rem; letter-spacing: -0.6px }
.viewerGuide_container .guide_txt_box span { font-size: 0.9375rem; font-weight: 300 }

.viewerGuide_container .guide_img_container { margin-bottom: 50px }
.viewerGuide_container .guide_img_container:last-child { margin-bottom: 0 }
.viewerGuide_container .guide_img_container .guide_img_box { margin-top: 26px }
.viewerGuide_container .guide_img_container .guide_img_box:first-child { margin-top: 20px }
.viewerGuide_container .guide_img_container .guide_img_box img { width: 100%; border: 1px #d7d7d7 solid }
.viewerGuide_container .guide_img_container .guide_sub_txt_box { margin-top: 20px }
.viewerGuide_container .guide_img_container .guide_sub_txt_box ol { padding-left: 15px }
.viewerGuide_container .guide_img_container .guide_sub_txt_box ol li { list-style: inherit; font-size: 0.875rem; font-weight: 400; line-height: 1.8; letter-spacing: -0.5px }

.guide_table_container { width: 100% }
.guide_table_container tbody { border: 1px #d7d7d7 solid }
.guide_table_container tbody tr { border-bottom: 1px #d7d7d7 solid; height: 69px }
.guide_table_container tbody tr td:first-child { text-align: center }
.guide_table_container tbody tr td { padding: 0 9px; font-size: 14px; border-left: 1px #d7d7d7 solid }
.guide_table_container.sub_contents_table tbody tr:first-child td img { width: auto }

.guide_sub_txt_box ol li:first-child { padding-bottom: 10px }
.guide_sub_txt_box ol li:first-child img { width: 30px }
.guide_table_container thead { border: 1px #d7d7d7 solid }
.guide_table_container thead tr th { padding: 10px; text-align: center }

.row_table_container tbody tr { height: 42px }
.row_table_container tbody tr td { text-align: center; height: 65px }
.row_table_container tbody tr td:first-child { background-color: #f7f7f7; font-weight: 600 }
.wrapper .paper_container .paper_header .paper_con_left .ico_wrap .article_guide_ico { background: url(../images/ico/viewer_ico.png)no-repeat -352px -32px; width: 32px; height: 32px; display: block; margin: auto }

/* 기간검색 */
.date_search.article_result_list { padding: 0 20px }
.date_search.article_result_list .result_date { width: 100%; display: inline-block; text-align: center }
.date_search.article_result_list .result_date p { display: inline-block; font-weight: 600; margin-bottom: 0 }
.date_search.article_result_list .result_date_list { margin: 15px 0; border: 1px #d7d7d7 solid; height: 319px }
.date_search.article_result_list .result_date_list .paper_result_list { width: 100% }
.date_search.article_result_list .result_date_list .paper_result_list tr { border-bottom: 1px #d7d7d7 solid }
.date_search.article_result_list .result_date_list .paper_result_list thead tr th { padding: 10px; border-right: 1px #d7d7d7 solid; text-align: center }
.date_search.article_result_list .result_date_list .paper_result_list tbody tr { cursor: pointer; }
.date_search.article_result_list .result_date_list .paper_result_list tbody tr:hover { background-color: #f7f7f7 }
.date_search.article_result_list .result_date_list .paper_result_list tbody tr td { padding: 10px; border-right: 1px #d7d7d7 solid; text-align: center }
.date_search.article_result_list .result_date_list .paper_result_list tbody tr td img { width: 50px }

/* 발행호수 검색 */
.paper_search.article_result_list { padding: 0 20px }
.paper_search.article_result_list .result_date { width: 100%; display: inline-block; text-align: center }
.paper_search.article_result_list .result_date p { display: inline-block; font-weight: 600; margin-bottom: 0 }
.paper_search.article_result_list .result_date_list { margin: 15px 0; border: 1px #d7d7d7 solid; height: 319px }
.paper_search.article_result_list .result_date_list .paper_result_list { width: 100% }
.paper_search.article_result_list .result_date_list .paper_result_list tr { border-bottom: 1px #d7d7d7 solid }
.paper_search.article_result_list .result_date_list .paper_result_list thead tr th { padding: 10px; border-right: 1px #d7d7d7 solid; text-align: center }
.paper_search.article_result_list .result_date_list .paper_result_list tbody tr { cursor: pointer; }
.paper_search.article_result_list .result_date_list .paper_result_list tbody tr:hover { background-color: #f7f7f7 }
.paper_search.article_result_list .result_date_list .paper_result_list tbody tr td { padding: 10px; border-right: 1px #d7d7d7 solid; text-align: center }
.paper_search.article_result_list .result_date_list .paper_result_list tbody tr td img { width: 50px }

/*pagenation*/
.pagenation_wrap { width: 100%; position: absolute; padding: 15px 0; margin-top: 30px; text-align: center; bottom: 0; }
.pagenation_wrap .pagination_list { padding-left: 0 }
.pagenation_wrap .pagination_list li { display: inline-block }
.pagenation_wrap .pagination_list li a { display: inline-block; min-width:30px; height:auto; font-size: 14px; color:#454545; vertical-align: middle; transition: color .15s ease-in-out; }
.pagenation_wrap .pagination_list li a:hover { font-weight:bolder; }
.pagenation_wrap .pagination_list li a.active { font-weight:bolder; text-decoration: underline }
.pagenation_wrap .pagination_list li.arrow_list { width:25px; opacity:.6 }
.pagenation_wrap .pagination_list li.arrow_list .material-icons { font-size:18px; line-height:24px; }
.pagenation_wrap .pagination_list li.arrow_list:hover { opacity:1 }

.date_search .pagenation_wrap { width: 100%; position: relative; float: left; padding: 15px 0; margin-top: 30px; text-align: center }
.date_search .pagenation_wrap .pagination_list { padding-left: 0 }
.date_search .pagenation_wrap .pagination_list li { display: inline-block }
.date_search .pagenation_wrap .pagination_list li a { display: inline-block; min-width:30px; height:auto; font-size: 14px; color:#454545; vertical-align: middle; transition: color .15s ease-in-out; }
.date_search .pagenation_wrap .pagination_list li a:hover { font-weight:bolder; }
.date_search .pagenation_wrap .pagination_list li a.active { font-weight:bolder; text-decoration: underline }
.date_search .pagenation_wrap .pagination_list li.arrow_list { width:25px; opacity:.6 }
.date_search .pagenation_wrap .pagination_list li.arrow_list .material-icons { font-size:18px; line-height:24px; }
.date_search .pagenation_wrap .pagination_list li.arrow_list:hover { opacity:1 }

/* 모바일 검색팝업 */
.m_pdf_pop .date_search.article_result_list .result_date_list {height: 341px}
.m_pdf_pop .date_search.article_result_list .result_date_list .paper_result_list thead tr th {font-size: 12px}
.m_pdf_pop .date_search.article_result_list .result_date_list .paper_result_list tbody tr td {font-size: 12px}

.m_pdf_pop .paper_search.article_result_list .result_date_list {height: 317px}
.m_pdf_pop .paper_search.article_result_list .result_date_list .paper_result_list thead tr th {font-size: 12px}
.m_pdf_pop .paper_search.article_result_list .result_date_list .paper_result_list tbody tr td {font-size: 12px}

.paper_search .pagenation_wrap { width: 100%; position: relative; float: left; padding: 15px 0; margin-top: 30px; text-align: center }
.paper_search .pagenation_wrap .pagination_list { padding-left: 0 }
.paper_search .pagenation_wrap .pagination_list li { display: inline-block }
.paper_search .pagenation_wrap .pagination_list li a { display: inline-block; min-width:30px; height:auto; font-size: 14px; color:#454545; vertical-align: middle; transition: color .15s ease-in-out; }
.paper_search .pagenation_wrap .pagination_list li a:hover { font-weight:bolder; }
.paper_search .pagenation_wrap .pagination_list li a.active { font-weight:bolder; text-decoration: underline }
.paper_search .pagenation_wrap .pagination_list li.arrow_list { width:25px; opacity:.6 }
.paper_search .pagenation_wrap .pagination_list li.arrow_list .material-icons { font-size:18px; line-height:24px; }
.paper_search .pagenation_wrap .pagination_list li.arrow_list:hover { opacity:1 }

/* 추가 스타일 긴급수정 */
/* .guide_img_container h1 {font-size: 16px; margin-top: 15px}
.right_menu_unit01:nth-child(2) a:first-child {display: none}
.wrap .paper_container .paper_header .right_opt .right_menu_unit01:last-child {display: none}

.search_layer .search_opt_area .form-group.date_search,.search_layer .search_opt_area .form-group.paper_search {display: none} */
/* .search_layer .search_opt_area .form-group.keyword .form-check-inline .form-check-input {display: none} */

/* 모바일 가이드 팝업 */
/* 도움말 팝업 */
.m_viewerGuide_container { margin-top: 50px; padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; padding-bottom: 40px }
.m_viewerGuide_container:first-child { margin-top: 20px }
.m_viewerGuide_container:last-child { border-bottom: 0 }

.m_viewerGuide_container .guide_txt_box h6 { color: #28a0ee; font-size: 1.125rem; letter-spacing: -0.6px }
.m_viewerGuide_container .guide_txt_box span { font-size: 0.9375rem; font-weight: 300 }

.m_viewerGuide_container .guide_img_container { margin-bottom: 50px }
.m_viewerGuide_container .guide_img_container:last-child { margin-bottom: 0 }
.m_viewerGuide_container .guide_img_container .guide_img_box { margin-top: 26px }
.m_viewerGuide_container .guide_img_container .guide_img_box:first-child { margin-top: 20px }
.m_viewerGuide_container .guide_img_container .guide_img_box img { width: 100%; border: 1px #d7d7d7 solid }
.m_viewerGuide_container .guide_img_container .guide_sub_txt_box { margin-top: 20px }
.m_viewerGuide_container .guide_img_container .guide_sub_txt_box ol { padding-left: 15px }
.m_viewerGuide_container .guide_img_container .guide_sub_txt_box ol li { list-style: inherit; font-size: 0.875rem; font-weight: 400; line-height: 1.8; letter-spacing: -0.5px }

.m_viewerGuide_container .guide_table_container { width: 100% }
.m_viewerGuide_container .guide_table_container tbody { border: 1px #d7d7d7 solid }
.m_viewerGuide_container .guide_table_container tbody tr { border-bottom: 1px #d7d7d7 solid; height: 69px }
.m_viewerGuide_container .guide_table_container tbody tr td:first-child { text-align: center }
.m_viewerGuide_container .guide_table_container tbody tr:first-child td:first-child img {width: 100%}
.m_viewerGuide_container .guide_table_container tbody tr td { padding: 0 9px; font-size: 14px; border-left: 1px #d7d7d7 solid }
.m_viewerGuide_container .guide_table_container.sub_contents_table tbody tr:first-child td img { width: auto }

.guide_sub_txt_box ol li:first-child { padding-bottom: 10px }
.guide_sub_txt_box ol li:first-child img { width: 30px }
.guide_table_container thead { border: 1px #d7d7d7 solid }
.guide_table_container thead tr th { padding: 10px; text-align: center }

.row_table_container tbody tr { height: 42px }
.row_table_container tbody tr td { text-align: center; height: 65px }
.row_table_container tbody tr td:first-child { background-color: #f7f7f7; font-weight: 600 }
.wrapper .paper_container .paper_header .paper_con_left .ico_wrap .article_guide_ico { background: url(../images/ico/viewer_ico.png)no-repeat -352px -32px; width: 32px; height: 32px; display: block; margin: auto }

.right_opt .right_menu_unit01 .mobile_help_pop {display: none}