@charset "UTF-8";

body { font-family: 'pretendard' }
a { text-decoration: none; color: inherit }
ul,li { list-style: none; padding-left: 0 }

.wrap { position: absolute; left: 0; right: 0; bottom: 0; top: 0; overflow: hidden; min-width: 870px }

/******************************
         레이어 분할
******************************/
/* .wrap.move_content.move_content_right.move_content_bottom .content_wrap .paper_wrap { margin: 0 846px 277px 280px; }
.wrap.move_content_right.move_content_bottom .content_wrap .paper_wrap { margin: 0 846px 277px 0; }
.wrap.move_content.move_content_bottom .content_wrap .paper_wrap { margin: 0 0 277px 280px; } */

/* 지면선택 노출 분할 */
.wrap.move_content_bottom .content_wrap .paper_wrap { margin: 0 0 277px 0; }
.wrap.move_content.move_content_bottom .content_wrap .article_list_container,.wrap.move_content.move_content_bottom.move_content_right .content_wrap .article_list_container { margin-bottom: 277px }
.wrap.move_content_right.move_content_bottom .content_wrap .article_list_container,.wrap.move_content.move_content_bottom.move_content_right .content_wrap .article_list_container { margin-bottom: 277px }

.wrap.move_content.move_content_bottom .content_wrap .article_view_container,.wrap.move_content.move_content_bottom.move_content_right .content_wrap .article_view_container { margin-bottom: 277px }
.wrap.move_content_right.move_content_bottom .content_wrap .article_view_container,.wrap.move_content.move_content_bottom.move_content_right .content_wrap .article_view_container { margin-bottom: 277px }


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

/* 로고 */
.wrap .header .h_left_untit {position: relative; left: 13px}
.wrap .header .h_left_untit > a { display: inline-block }
.wrap .header .h_left_untit .top_menu { display: inline-flex; margin-left: 60px }
.wrap .header .h_left_untit .top_menu a { display: inline-block; text-decoration: none; margin-right: 30px }
.wrap .header .h_left_untit > a img {max-width:120px }

/* 좌측메뉴 */
.wrap .header .h_left_untit .top_menu .menu_element { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; }
.wrap .header .h_left_untit .top_menu .menu_element span.menuSpan { background: url(../images/ico/article_list.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .h_left_untit .top_menu .menu_element:hover span.menuSpan { background: url(../images/ico/article_list_active.png) no-repeat; }
.wrap.move_content .header .h_left_untit .top_menu .menu_element.active span.menuSpan { background: url(../images/ico/article_list_active.png) no-repeat; }
.wrap .header .h_left_untit .top_menu .menu_element span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }

.wrap .header .h_left_untit .top_menu .paper_element { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; }
.wrap .header .h_left_untit .top_menu .paper_element span.menuSpan { background: url(../images/ico/paper_select_ico.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .h_left_untit .top_menu .paper_element:hover span.menuSpan { background: url(../images/ico/paper_select_active.png) no-repeat; }
.wrap .header .h_left_untit .top_menu .paper_element.active span.menuSpan { background: url(../images/ico/paper_select_active.png) no-repeat; }
.wrap .header .h_left_untit .top_menu .paper_element span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }

.wrap .header .h_left_untit .top_menu .side_element { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; }
.wrap .header .h_left_untit .top_menu .side_element span.menuSpan { background: url(../images/ico/both_paper_ico.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .h_left_untit .top_menu .side_element:hover span.menuSpan { background: url(../images/ico/single_paper_ico.png) no-repeat; width: 26px; height: 26px }
.wrap .header .h_left_untit .top_menu .side_element span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }
.wrap .header .h_left_untit .top_menu .side_element span.side_itr::after { content:'양면보기' }
.wrap .header .h_left_untit .top_menu .side_element:hover span.side_itr::after { content:'한면보기' }

.wrap .header .date_select_wrap { display: block; margin-right: 6% }
.wrap .header .date_select_wrap .date_move a { display: inline-flex; vertical-align: middle; text-decoration: none }
.wrap .header .date_select_wrap .date_move a span { color: #4b4b4b }
.wrap .header .date_select_wrap .date_move input { border-radius: 20px; text-align: center }

/* 우측메뉴 */
.wrap .header .right_menu { display: inline-flex }
.wrap .header .right_menu .search_unit { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; width: 45px; }
.wrap .header .right_menu .search_unit span.search_ico { background: url(../images/ico/search-status.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .right_menu .search_unit:hover span.search_ico { background: url(../images/ico/search-status-active.png) no-repeat; }
.wrap .header .right_menu .search_unit.active span.search_ico { background: url(../images/ico/search-status-active.png) no-repeat; }
.wrap .header .right_menu .search_unit span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }

.wrap .header .right_menu .print_unit { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; width: 45px; }
.wrap .header .right_menu .print_unit span.print_ico { background: url(../images/ico/directbox-notif.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .right_menu .print_unit:hover span.print_ico { background: url(../images/ico/directbox-notif-active.png) no-repeat; }
.wrap .header .right_menu .print_unit.active span.print_ico { background: url(../images/ico/directbox-notif-active.png) no-repeat; }
.wrap .header .right_menu .print_unit span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }

.wrap .header .right_menu .download_unit { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; width: 45px; }
.wrap .header .right_menu .download_unit span.download_ico { background: url(../images/ico/document-download.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .right_menu .download_unit:hover span.download_ico { background: url(../images/ico/document-download-active.png) no-repeat; }
.wrap .header .right_menu .download_unit.active span.download_ico { background: url(../images/ico/document-download-active.png) no-repeat; }
.wrap .header .right_menu .download_unit span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }

.wrap .header .right_menu .help_unit { display: flex; flex-direction: column; align-items: center; text-decoration: none; margin-right: 30px; cursor: pointer; width: 45px; }
.wrap .header .right_menu .help_unit span.help_ico { background: url(../images/ico/message-question.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .header .right_menu .help_unit:hover span.help_ico { background: url(../images/ico/message-question-active.png) no-repeat; }
.wrap .header .right_menu .help_unit.active span.help_ico { background: url(../images/ico/message-question-active.png) no-repeat; }
.wrap .header .right_menu .help_unit span { font-size: 13px; font-weight: 300; color: #000; padding-top: 5px }
/* .wrap .menu_element.active span.menuSpan { background: url(../images/ico/article_list.png) no-repeat; } */


/******************************
         지면영역
******************************/
.wrap .content_wrap { position: absolute; display: flex; top: 76px; left: 0; right: 0; bottom: 0; }
.wrap .content_wrap .paper_wrap { position: relative; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #F0F0F0; transition: all 0.3s ease; z-index: 99 }
/* .wrap.move_content .content_wrap .paper_wrap { margin: 0 0 0 280px; transition: all 0.3s ease; } */
/* .wrap.move_content_right .content_wrap .paper_wrap { margin: 0 846px 0 0; } */
/* .wrap.move_content.move_content_right .content_wrap .paper_wrap { margin: 0 846px 0 280px; } */

.wrap .content_wrap .paper_wrap .paper_container img { display: block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; bottom: 0; top: 0; left: 0; right: 0; }
/* 표현하기 위한 레이어샘플 */
.wrap .content_wrap .paper_wrap .paper_container .article_layer { position: absolute; top: 5%; left: 18.5%; cursor: pointer; background-color: #3981EE; opacity: .3 }
.wrap .content_wrap .paper_wrap .paper_container .article_layer:hover { background-color: #3981EE; opacity: .3 }
/* //표현하기 위한 레이어샘플 */

/* 퀵메뉴 */
.wrap .content_wrap .paper_wrap .under_quick { display: flex; flex-direction: column; align-items: center; position: absolute; right: 30px; bottom: 4%; width: 56px; height: 257px; background-color: #fff; border: 1px #d7d7d7 solid; border-radius: 15px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; opacity: .5; transition: all .2s linear }
.wrap .content_wrap .paper_wrap .under_quick:hover { opacity: 1 }
.wrap .content_wrap .paper_wrap .under_quick a { display: inline-block; padding: 5px; border-radius: 20px; transition: all .2s linear; margin: 6px 0 }
.wrap .content_wrap .paper_wrap .under_quick a:hover { background-color: #e2e2e2 }
.wrap .content_wrap .paper_wrap .under_quick a span.zoom_in { display: block; background: url(../images/ico/search-zoom-in.png) no-repeat; width: 28px; height: 28px }
.wrap .content_wrap .paper_wrap .under_quick a span.zoom_out { display: block; background: url(../images/ico/search-zoom-out.png) no-repeat; width: 28px; height: 28px }
.wrap .content_wrap .paper_wrap .under_quick a span.full_size { display: block; background: url(../images/ico/full_size.png) no-repeat; width: 28px; height: 28px }
.wrap .content_wrap .paper_wrap .under_quick a span.horizon_size { display: block; background: url(../images/ico/horizon_resize.png) no-repeat; width: 28px; height: 28px }
.wrap .content_wrap .paper_wrap .under_quick a span.natural_size { display: block; background: url(../images/ico/natural_size.png) no-repeat; width: 28px; height: 28px }

/* 이전/다음 화살표 */
.wrap .content_wrap .paper_wrap .paper_move span.prv_arrow { position: absolute; top: 37%; left: 15px; background: url(../images/btn/arrow-circle-left-filled.png) no-repeat; width: 68px; height: 68px; cursor: pointer; opacity: .5; transition: all .15s linear }
.wrap .content_wrap .paper_wrap .paper_move span.nxt_arrow { position: absolute; top: 37%; right: 15px; background: url(../images/btn/arrow-circle-right-filled.png) no-repeat; width: 68px; height: 68px; cursor: pointer; opacity: .5; transition: all .15s linear }
.wrap .content_wrap .paper_wrap .paper_move span.prv_arrow:hover,.wrap .content_wrap .paper_wrap .paper_move span.nxt_arrow:hover { opacity: 1 }


/******************************
         기사목록
******************************/
.wrap .content_wrap .article_list_container { position: relative; width: 0px; transition: all 0.3s ease; }
.wrap.move_content .content_wrap .article_list_container { display: block; position: relative; width: 280px; flex-shrink: 0; left: 0; top: 0; bottom: 0; background-color: #fff; border-right: 1px #d7d7d7 solid; transition: all 0.3s ease; }

/* 타이틀 */
.wrap .content_wrap .article_list_container .list_title { width: 280px; display: flex; align-items: center; padding: 20px 15px 15px 15px; border-bottom: 1px #d7d7d7 solid; justify-content: space-between; flex-shrink: 0 }
.wrap .content_wrap .article_list_container .list_title h1 { font-size: 18px; font-weight: 600; margin-bottom: 0; letter-spacing: -0.8px }
.wrap .content_wrap .article_list_container .list_title .left_close { cursor: pointer }

/* 리스트 */
.wrap .content_wrap .article_list_container .list_line { width: 100%; padding: 15px; position: absolute !important; top:60px; left: 0; right: 0; bottom: 0 }
/* .wrap .content_wrap .article_list_container .list_line .side_num { background: url(../images/ico/arrow-down.png) no-repeat 80px; cursor: pointer; margin-top: 30px; }
.wrap .content_wrap .article_list_container .list_line .side_num.active { background: url(../images/ico/arrow-close.png) no-repeat 80px; cursor: pointer; }  */
.wrap .content_wrap .article_list_container .list_line .side_num:first-child { margin-top: 10px }
.wrap .content_wrap .article_list_container .list_line .side_num p { display: flex; align-items: center; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; margin-bottom: 0 }
.wrap .content_wrap .article_list_container .list_line .side_num p::before { display: inline-block; content: ''; background-image: url(../images/ico/paper_micro.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 5px }

.wrap .content_wrap .article_list_container .list_line .article_list_unit { width: 100%; max-height: 100%; overflow: hidden; background-color: #fff; margin-bottom: 20px }
.wrap .content_wrap .article_list_container .list_line .side_num.active + .article_list_unit { max-height: 0; }
.wrap .content_wrap .article_list_container .list_line .article_list_unit ul { padding-left: 0; margin-top: 10px; margin-bottom: 0; }
.wrap .content_wrap .article_list_container .list_line .article_list_unit ul li { margin-bottom: 5px; list-style: none }
.wrap .content_wrap .article_list_container .list_line .article_list_unit ul li a { text-decoration: none }
.wrap .content_wrap .article_list_container .list_line .article_list_unit ul li a p { font-size: 13px; color: #000; font-weight: 400; letter-spacing: -0.5px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0 }
.wrap .content_wrap .article_list_container .list_line .article_list_unit ul li a p:hover { color:#3981EE }
.wrap .content_wrap .article_list_container .list_line .article_list_unit ul li a.active p { color:#3981EE; font-weight: 400 }
.wrap .content_wrap .article_list_container .list_line .side_num.collapsed { background: url(../images/ico/arrow-close.png) no-repeat 80px; cursor: pointer; }



/******************************
         기사상세
******************************/
.wrap .content_wrap .article_view_container { position: relative; width:0; transition: all 0.5s; opacity: 0; }
.wrap.move_content_right .content_wrap .article_view_container { display: block; position: relative; width: 846px; flex-shrink: 0; right: 0; top: 0; bottom: 0; background-color: #fff; border-left: 1px #d7d7d7 solid; transition: all 0.5s; opacity: 1; }

/* 좌측 리사이즈 아이콘 */
.wrap .content_wrap .article_view_container .left_resize { position: absolute; left: 5px; top: 50%; cursor:e-resize; z-index: 999 }
.wrap .content_wrap .article_view_container .left_resize span.resize_dot_ico { display: block; background: url(../images/ico/resize_ico.png) no-repeat; width: 7px; height: 26px }

/* 상단메뉴 */
.wrap .content_wrap .article_view_container .view_hd { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px; border-bottom: 1px #d7d7d7 solid; }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left { display: flex; align-items: center; border: 0 }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a { display: block; margin-right: 25px; padding: 0; border: 0 }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a .txt_view { display: block; background: url(../images/ico/text.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a:hover .txt_view { display: block; background: url(../images/ico/text_active.png) no-repeat; width: 26px; height: 26px }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a.active .txt_view { display: block; background: url(../images/ico/text_active.png) no-repeat; width: 26px; height: 26px }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a .img_view { display: block; background: url(../images/ico/gallery.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a:hover .img_view { display: block; background: url(../images/ico/gallery_active.png) no-repeat; width: 26px; height: 26px }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a.active .img_view { display: block; background: url(../images/ico/gallery_active.png) no-repeat; width: 26px; height: 26px }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a .web_view { display: block; background: url(../images/ico/web_view.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a:hover .web_view { display: block; background: url(../images/ico/web_view_active.png) no-repeat; width: 26px; height: 26px }
.wrap .content_wrap .article_view_container .view_hd .viewHd_left a.active .web_view { display: block; background: url(../images/ico/web_view_active.png) no-repeat; width: 26px; height: 26px }

.wrap .content_wrap .article_view_container .view_hd .viewHd_right { display: flex; align-items: center }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a { display: block; margin-right: 25px }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right div { display: block; margin-right: 25px }

.wrap .content_wrap .article_view_container .view_hd .viewHd_right a .tts { display: block; background: url(../images/ico/volume-high.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a:hover .tts { display: block; background: url(../images/ico/volume-high-active.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a.show .tts { display: block; background: url(../images/ico/volume-high-active.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a .txt_size { display: block; background: url(../images/ico/txt_size.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a:hover .txt_size { display: block; background: url(../images/ico/txt_size_active.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a.show .txt_size { display: block; background: url(../images/ico/txt_size_active.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a .print { display: block; background: url(../images/ico/print.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right a:hover .print { display: block; background: url(../images/ico/print_active.png) no-repeat; width: 26px; height: 26px; transition: all .15s linear }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right div .viewclose { display: block; background: url(../images/ico/close_01.png) no-repeat; width: 15px; height: 15px; transition: all .15s linear; cursor: pointer; }
.wrap .content_wrap .article_view_container .view_hd .viewHd_right div:hover .viewclose { display: block; background: url(../images/ico/close_01.png) no-repeat; width: 15px; height: 15px; transition: all .15s linear }
.dropdown-toggle.txt_size_drop::after { display: none }
.dropdown-menu.txt_size_pop { padding: 5px; width: 207px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.dropdown-menu.txt_size_pop li { display: flex; float: left; align-items: center; width: 35px; height: 35px; border: 1px #d7d7d7 solid; background-color: #fff; border-radius: 100%; cursor: pointer; vertical-align: middle; text-align: center; transition: all .15s linear; margin-right: 5px }
.dropdown-menu.txt_size_pop li:hover { background-color: #3981EE }
.dropdown-menu.txt_size_pop li.active { background-color: #3981EE }
.dropdown-menu.txt_size_pop li span { display: block; margin: auto }
.dropdown-menu.txt_size_pop li:hover span { color: #fff }
.dropdown-menu.txt_size_pop li.active span { color: #fff }

.dropdown-menu.txt_size_pop li:nth-child(1) span { font-size: 13px }
.dropdown-menu.txt_size_pop li:nth-child(2) span { font-size: 16px }
.dropdown-menu.txt_size_pop li:nth-child(3) span { font-size: 18px }
.dropdown-menu.txt_size_pop li:nth-child(4) span { font-size: 22px }
.dropdown-menu.txt_size_pop li:nth-child(5) span { font-size: 24px }
.dropdown-menu.txt_size_pop li:last-child { margin-right: 0 }

/* 텍스트 보기 */
.wrap .content_wrap .article_view_container .view_contents { position: absolute; top: 57px; left: 0; right: 0; bottom: 0; padding: 0 30px; min-width: 846px }
.wrap .content_wrap .article_view_container .view_contents h1.view_title { font-size: 37px; margin: 30px 0; font-weight: 600; letter-spacing: -0.8px }
.wrap .content_wrap .article_view_container .view_contents figure { font-size: 13px; display: table; max-width: 692px; text-align: center; color: #666; margin: auto; margin-bottom: 20px; }
.wrap .content_wrap .article_view_container .view_contents figure img { display: block; margin: 0 auto; max-width: 100%; min-width: 100%; }
.wrap .content_wrap .article_view_container .view_contents figure figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: var(--ck-color-image-caption-text); font-size: 14px; outline-offset: -1px; color: #666; font-weight: 300; text-align: left; margin-top: 7px }
.wrap .content_wrap .article_view_container .view_contents .view_txt { width: 100%; margin: 30px 0; text-align: justify }
.wrap .content_wrap .article_view_container .view_contents .view_txt p { line-height: 1.8; font-size: 18px }

/* 이미지 보기 */
.wrap .content_wrap .article_view_container .view_contents .paper_img { position: absolute; display: flex; top: 0; left: 25px; right: 25px; bottom: 0; }
.wrap .content_wrap .article_view_container .view_contents .paper_img img { width: 100%; display: block; margin: auto }



/******************************
         지면선택
******************************/
.wrap .content_wrap .paper_select_container { display: none; transition: all 0.3s ease-out; }
.wrap.move_content_bottom .content_wrap .paper_select_container { display: block; position: absolute; bottom: 0; left: 0; right: 0; height:277px; background-color: #E9E9E9; border-top: 1px #d7d7d7 solid; transition: all 0.3s ease-out; }

/* 닫기 버튼 */
.paper_select_container .paper_close { position: absolute; width: 56px; height: 35px; background-color: #D9D9D9; top: -35px; right: 40px; z-index: 999; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; }
.paper_select_container .paper_close span.paper_close_ico { display: block; background: url(../images/ico/close-circle.png) no-repeat; width: 30px; height: 30px; margin: auto }

/* 썸네일 리스트 */
.paper_select_container .paper_lineup { display: flex; align-items: center; justify-content: space-between; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; }
.paper_select_container .paper_lineup .paper_line { display: flex; white-space: nowrap; }

.paper_select_container .paper_lineup .line_scroll { position: absolute; top: 17px; left: 90px; right: 90px; bottom: 12px; overflow: auto }
.paper_select_container .paper_lineup .line_scroll::-webkit-scrollbar { height:10px; width: 9px; background: #f0f2f5; }
.paper_select_container .paper_lineup .line_scroll::-webkit-scrollbar-track { background: #f0f2f5; }
.paper_select_container .paper_lineup .line_scroll::-webkit-scrollbar-thumb { background: #AEB6BF; }

.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit { display: inline-flex }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit a { display: flex; flex-direction: column; align-items: center; margin: 0 15px; text-decoration: none }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit img { max-width: 143px; box-shadow: 0 .2rem .1rem rgba(0,0,0,.15)!important; transition: all .1s ease-in }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit:hover { transition: all .3s linear }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit:hover img { border: 3px #3981EE solid; }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit.active img { border: 3px #3981EE solid; }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit .paper_title { margin-top: 7px }
.paper_select_container .paper_lineup .line_scroll .paper_line .paper_unit .paper_title span { font-size: 16px; font-weight: 500; color: #000 }

/* 이전/다음 아이콘 */
.paper_select_container .paper_lineup .paper_prv { width: 65px; height: 274px; display: flex; align-items: center }
.paper_select_container .paper_lineup .paper_prv span.paperPrv_ico { background: url(../images/btn/arrow-left.png) no-repeat; width: 32px; height: 32px; cursor: pointer; margin: auto }
.paper_select_container .paper_lineup .paper_nxt { width: 65px; height: 274px; display: flex; align-items: center }
.paper_select_container .paper_lineup .paper_nxt span.paperNxt_ico { background: url(../images/btn/arrow-left-1.png) no-repeat; width: 32px; height: 32px; cursor: pointer; margin: auto }



/******************************
         PDF 검색 팝업
******************************/
.search_layer { position: relative; width: 546px; background-color: #fff; height: 756px; 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:#e9e9e9; }
.search_layer .search_opt_area .form-group { display: flex; align-items: center; margin-bottom: 12px }
.search_layer .search_opt_area .form-group label { font-weight: 600; width: 60px; font-size: 14px; margin-left: 5px }

/* 키워드 검색항목 */
.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 }
.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 }

/* 최종검색버튼 */
.btn_confirm { padding: 8px 15px; width: 200px; font-size: 14px; color: #fff; background-color: #3981EE }
.btn_confirm:hover { background-color: #2e6bc7; color: #fff }
.under_btn { display: block; margin: auto; margin-top: 22px; }

/* 검색결과 영역*/
.result_area { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 20px 0 20px; background-color: #fff }
.result_area .result_unit_fl span:nth-child(1) { font-weight: 500; color: #3981EE }
.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: #3981EE }
.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; }

/* 키워드 검색 */
.article_result_list.keyword_search { position: relative; height: 315px; width: 100%; border-bottom: 1px #d7d7d7 solid; margin-top: 10px }
.article_result_list.keyword_search .list_title { display: flex; align-items: center; background-color: #F0F0F0; padding: 10px 20px }
.article_result_list.keyword_search .list_title h1 { font-size: 16px; font-weight: 500; overflow: hidden; }
.article_result_list.keyword_search .news_list_container { position: relative; top: 0; width: 100%; height: 268px; border-bottom: 1px #d7d7d7 solid }
.article_result_list.keyword_search .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.keyword_search .news_list_container ul li { width: 100%; border-bottom: 1px #d7d7d7 solid; }
.article_result_list.keyword_search .news_list_container ul li:last-child {border-bottom: 0}
.article_result_list.keyword_search .news_list_container ul li .article_contents { padding: 15px 20px }
.article_result_list.keyword_search .news_list_container ul li .article_contents:hover { background-color: #f7f7f7; }
.article_result_list.keyword_search .news_list_container ul li .article_contents.active { background-color: #dadada }
.article_result_list.keyword_search .news_list_container ul li .article_contents .paper_num { margin-bottom: 10px }
.article_result_list.keyword_search .news_list_container ul li .article_contents .paper_num span { font-size: 13px; font-weight: 300 }
.article_result_list.keyword_search .news_list_container ul li .article_contents .paper_num span:nth-child(1) { margin-right: 15px }
.article_result_list.keyword_search .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.keyword_search .news_list_container ul li .article_contents h1 span { color: #3981EE; font-weight: 500 }
.article_result_list.keyword_search .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.keyword_search .news_list_container ul li .article_contents p span { color: #3981EE; font-weight: 500 }

/* 기간검색 */
.date_search.article_result_list { padding: 0 20px; font-size: 14px }
.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; font-size: 14px }
.date_search.article_result_list .result_date_list { margin: 15px 0; border: 1px #d7d7d7 solid; height: 307px }
.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 thead tr th:last-child { border-right: 0 }
.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; 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: 307px }
.paper_search.article_result_list .result_date_list .paper_result_list { width: 100%; font-size: 14px }
.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 thead tr th:last-child { border-right: 0 }
.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; 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%; 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; 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 }
.search_opt_area .form-control:disabled { background-color: #d5d5d5; }

.news_sort .btn-group-toggle label { font-size: 13px }
.result_area .result_unit_fl p { display: inline-block; font-size: 14px; margin-bottom: 0; font-weight: 500 }

.margin_take { margin-right: 0 !important }

/* 두 면 보기 */
.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 }