@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

/* 태그선택 버튼 */
#top_wrap .search_wrap {display: flex;align-items: center;}
#top_wrap .search_wrap .tagSelect{display: flex;align-items: center;justify-content: center;margin-right: 15px;width: 110px;height: 44px;}
#top_wrap .search_wrap .tagSelect a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border:1px solid #000;font-size: 16px;font-weight: 500;color: #000;border-radius: 5px;}

/* 태그선택 팝업 */
.selectTag_wrap {display: none; position: fixed;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;z-index: 10001;background: rgba(0,0,0,0.5);padding: 0;}
.selectTag_wrap .selectTag{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 20px;padding: 0;box-shadow: none;}
.selectTag_wrap .selectTag .popup_tit{display: flex;align-items: center;justify-content:center;width: 100%;padding: 20px 40px;box-sizing: border-box;border-bottom: 1px solid #d3d9ed;}
.selectTag_wrap .selectTag .popup_tit h3{font-size: 20px; font-weight: 600; line-height: 1.3em;}
.selectTag_wrap .selectTag .popup_con{width: 100%;padding: 40px;box-sizing: border-box;}
.selectTag_wrap .selectTag .popup_con ul{display:flex;flex-wrap: wrap; width:100%; height:auto;overflow-y: auto;max-height: 400px;}
.selectTag_wrap .selectTag .popup_con ul li{position: relative;width: auto;display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;margin-right: 15px;}
.selectTag_wrap .selectTag .popup_con ul li input[type="checkbox"] {position:absolute; width:100%; height:100%; z-index:2; overflow:hidden; opacity:0; cursor:pointer;}
.selectTag_wrap .selectTag .popup_con ul li label {position:relative;z-index:1;display: inline-block;width:100%;vertical-align: middle;background: url('/bigdata/resources/images/dongjakMain/check1.png') 0% center no-repeat;background-size: 16px 16px;}
.selectTag_wrap .selectTag .popup_con ul li input[type="checkbox"]:checked + label{background: url('/bigdata/resources/images/dongjakMain/check1_checked.png') 0% 8px no-repeat;background-size: 16px 16px;}
.selectTag_wrap .selectTag .popup_con ul li label p{margin-left: 22px;display:inline-block;vertical-align:top;width:calc(100% - 16px);height:100%;font-size: 16px;font-weight:500;line-height: 2em;}
.selectTag_wrap .selectTag .popup_con .popup_btn{width: 100%;margin-top: 30px;font-size:0;display: flex;justify-content: space-between;}
.selectTag_wrap .selectTag .popup_con .popup_btn input{width: calc(100%/2 - 10px);height: 44px;font-size: 16px;font-weight: 500;border-radius: 4px;box-sizing: border-box; border: none;}
.selectTag_wrap .selectTag .popup_con .popup_btn input.tagSelectCancel{background: #ececec;}
.selectTag_wrap .selectTag .popup_con .popup_btn input.tagSelectSubmit{background: #4079c8; color: #fff;}

/* 원본데이터 리스트 */
.detail_file{display: inline-block; width: calc(100% - 40px); height: auto; padding: 30px 20px;}
.detail_file .detail_file_title{display: flex; align-items: center; width: 100%; height: auto; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.detail_file .detail_file_title img{display: inline-block; width: 10px; margin-left: 4px; margin-right: 8px;}
.detail_file ul{display: inline-block; width: 100%; height: auto;}
.detail_file ul li{display: inline-block; width: 100%; height: auto; margin-bottom: 10px; text-align: left;}
.detail_file ul li:last-child{margin-bottom: 0px;}
.detail_file ul li a{display: inline-block; width: auto; height: auto; font-size: 18px; font-weight: 500; line-height: 1.3em; transition: all .3s;}
.detail_file ul li a:hover {text-decoration:underline; color:#4079c8;}
.detail_file ul li a span{display: inline-block; width: auto; height: auto; font-size: 18px; font-weight: 500; line-height: 1.3em; transition: all .3s;}
.detail_file ul li a:hover span{text-decoration:underline; color:#4079c8;}

/* 공공누리 */
.box00{width: 100%;padding: 30px;border: 1px solid #dadfe5; box-sizing: border-box; margin-top: 40px;display: flex;align-items: center;}
.box00 .img{width: 109px;}
.box00 .txt{width: calc(100% - 129px); margin-left: 20px;font-size: 14px;line-height: 1.3em;}
.box00 .txt span{font-weight: 600;}

.listType a {position: relative; display: inline-block;width: 90px;text-align: center;height: 35px;line-height: 35px;border: 1px solid #dfdfdf;background-color: #fff;color: #999;margin: 0 -2px;font-size: 1em;}
.listType a.on {border: 2px solid #4079c8;color: #4079c8;font-weight: 600;height: 33px;line-height: 33px; z-index: 1;}

/* 인구현황 목록 */
.content_list_wrap {position:relative; width:1400px; height:auto; margin:0 auto;}
/* 검색창 */
.list_search {display:inline-block; width:calc(100% - 62px); height:auto; padding:30px; border:1px solid #dbdfe4; border-radius:10px; background:#f4f6f9;}
.list_search select {position:relative; float:left; width:120px; height:52px; padding:0px 10px; border:1px solid #dbdfe4; margin-right:-1px; font-size:18px; font-weight:500; color:#2f3334; line-height:1em; -webkit-appearance:none; -moz-appearance:none; background:url('/bigdata/resources/images/dongjakMain/select_icon.png') 90% center no-repeat #fff; background-size:12px 8px;}
.list_search select::-ms-expand {display:none;}
.list_search .search_input_wrap {position:relative; float:left; display:flex; align-items:center; width:calc(100% - 810px); height:22px; padding:14px 19px; border:1px solid #dbdfe4; background:#fff; margin-right:40px;}
.list_search .search_input_wrap img {display:inline-block; width:24px; height:22px; margin-right:20px;}
.list_search .search_input_wrap input {display:inline-block; width:calc(100% - 44px); height:23px; font-size:18px; font-weight:500; color:#2f3334; line-height:1em; border:0px;}
.list_search .search_input_wrap input::placeholder {color:#a9aeb7;}
.list_search .search_input_wrap input::-webkit-input-placeholder {color:#a9aeb7;}
.list_search .search_input_wrap input:-ms-input-placeholder {color:#a9aeb7;}
.list_search .search_item {position:relative; float:left; width:466px; height:50px;}
.list_search .search_item .search_date {position:relative; float:left; display:flex; align-items:center; width:auto; height:100%;}
.list_search .search_item .search_date p.search_date_text1 {display:inline-block; width:100px; height:auto; font-size:16px; font-weight:400; color:#2f3334; line-height:1em;}
.list_search .search_item .search_date p.search_date_text2 {display:inline-block; width:auto; height:auto; margin:0px 9px; font-size:16px; font-weight:400; color:#2f3334; line-height:1em;}
.list_search .search_item .search_date .date_input_wrap {display:flex; align-items:center; width:134px; height:20px; padding:14px 18px; border:1px solid #dbdfe4; border-radius:6px; background:#fff;}
.list_search .search_item .search_date .date_input_wrap input {display:inline-block; border:0px; width:calc(100% - 36px); height:20px; font-size:18px; font-weight:500; color:#2f3334; line-height:1em; margin-right:13px;}
.list_search .search_item .search_date .date_input_wrap input::placeholder {color:#a9aeb7; font-weight:400;}
.list_search .search_item .search_date .date_input_wrap input::-webkit-input-placeholder {color:#a9aeb7; font-weight:400;}
.list_search .search_item .search_date .date_input_wrap input:-ms-input-placeholder {color:#a9aeb7; font-weight:400;}
.list_search .search_item .search_date .date_input_wrap img {display:inline-block; width:23px; height:23px;}
.list_search .search_item .search_part {position:relative; float:left; display:flex; align-items:center; width:auto; height:100%; margin-left:40px;}
.list_search .search_item .search_part p.search_date_text1 {display:inline-block; width:auto; height:auto; margin-right:17px; font-size:16px; font-weight:400; color:#2f3334; line-height:1em;}
.list_search button.search_btn {position:relative; float:right; display:flex; align-items:center; justify-content:center; width:106px; height:50px; background:#1d6dd9; border-radius:6px; font-size:18px; font-weight:600; color:#fff; line-height:1em; margin-left:38px; transition:.3s;}
.list_search button.search_btn:hover {background:#164a90;}
/* 목록 */
.list_wrap {display:inline-block; width:100%; height:auto;}
.list_wrap .list_count {position:relative; float:left; display:flex; align-items:center; justify-content:flex-start; width:auto; height:19px; margin:20px 0px;}
.list_wrap .list_count span {display:inline-block; font-size:15px; font-weight:500; color:#1d1f20; line-height:1em;}
.list_wrap .list_count p {display:inline-block; font-size:15px; font-weight:500; color:#1d1f20; line-height:1em;}
.list_wrap .list_count p::after {content:'개';}
.list_wrap ul.list_filter {position:relative; float:right; display:flex; align-items:center; justify-content:flex-start; width:auto; height:auto; margin:20px 0px;}
.list_wrap ul.list_filter li {position:relative; float:left;}
.list_wrap ul.list_filter li input{visibility: hidden; position: absolute; width: 100%; height: 100%;}
.list_wrap ul.list_filter li .groupList {display:inline-block; font-size:18px; font-weight:400; color:#adb3b6; line-height:1em; padding:0px 10px; border-right:1px solid #adb3b6; transition:.3s;}
.list_wrap ul.list_filter li:last-child .groupList {border-right:0px; padding:0px 0px 0px 10px;}
.list_wrap ul.list_filter li .groupList:hover,
.list_wrap ul.list_filter li input[type="checkbox"]:checked + label {font-weight:500; color:#1d1f20; cursor : pointer;}
.list_wrap .list {display:inline-block; width:100%; height:auto;}
.list_wrap .list ul.list_header {display:flex; align-items:center; width:100%; height:auto; padding:15px 0px; border-top:1px solid #2f3334; border-bottom:1px solid #e4e7f1}
.list_wrap .list ul.list_header li {position:relative; float:left; padding:0px 15px; font-size:18px; font-weight:700; color:#2f3334; line-height:1em; text-align:center;}
.list_wrap .list ul.list_header li:nth-child(1) {width:calc(5% - 30px);}
.list_wrap .list ul.list_header li:nth-child(2) {width:calc(55% - 30px);}
.list_wrap .list ul.list_header li:nth-child(3) {width:calc(20% - 30px);}
.list_wrap .list ul.list_header li:nth-child(4) {width:calc(10% - 30px);}
.list_wrap .list ul.list_header li:nth-child(5) {width:calc(10% - 30px);}
.list_wrap .list ul.list_body {display:inline-block; width:100%; height:auto;}
.list_wrap .list ul.list_body li {border-bottom:1px solid #e4e7f1;}
.list_wrap .list ul.list_body li a {display:flex; align-items:center; width:100%; height:21px; padding:13px 0px;}
.list_wrap .list ul.list_body li a div {position:relative; float:left; height:100%; padding:0px 15px; text-align:center; font-size:16px; font-weight:500; color:#2f3334; line-height:1em;}
.list_wrap .list ul.list_body li a .number {width:calc(5% - 30px);}
.list_wrap .list ul.list_body li a .title {width:calc(55% - 30px); text-align:left; display:flex; align-items:center;}
.list_wrap .list ul.list_body li a .title p {display:inline-block; width:100%; height:100%; text-align:left; font-size:16px; font-weight:500; color:#2f3334; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_wrap .list ul.list_body li a:hover .title p {text-decoration:underline;}
.list_wrap .list ul.list_body li a .part {width:calc(20% - 30px);}
.list_wrap .list ul.list_body li a .date {width:calc(10% - 30px); color:#6f7476; font-weight:400;}
.list_wrap .list ul.list_body li a .view {width:calc(10% - 30px); color:#6f7476; font-weight:400;}
.list_wrap .list ul.ebook_list {display:inline-block; width:100%; height:auto; text-align:left; padding-bottom:20px; border-bottom:1px solid #e4e7f1;}
.list_wrap .list ul.ebook_list li {display:inline-block; vertical-align:top; width:450px; height:300px; margin-bottom:20px; transform:translateY(0px); transition:.3s;}
.list_wrap .list ul.ebook_list li:hover {transform:translateY(-5px);}
.list_wrap .list ul.ebook_list li:nth-child(2),
.list_wrap .list ul.ebook_list li:nth-child(5) {margin:0px 22px;}
.list_wrap .list ul.ebook_list li a {position:relative; display:block; width:calc(100% - 40px); height:calc(100% - 40px); padding:20px; background:#eef1f4; border-radius:10px; overflow:hidden; box-shadow:0px 3px 10px 1px rgba(0,0,0,.15); z-index:1;}
.list_wrap .list ul.ebook_list li a .ebook_thumb {position:relative; float:left; display:flex; align-items:center; width:178px; height:258px; border:1px solid #d3dae2; border-radius:10px; background:url('/bigdata/resources/images/dongjakMain/ebook_thumb_img.png') center center no-repeat #e1e7ee; margin-right:20px; overflow:hidden;}
.list_wrap .list ul.ebook_list li a .ebook_thumb img {width:auto; height:auto; min-height:100%;}
.list_wrap .list ul.ebook_list li a .ebook_text {position:relative; float:left; width:calc(100% - 200px); height:100%;}
.list_wrap .list ul.ebook_list li a .ebook_text p.ebook_title {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; height:52px; font-size:20px; font-weight:600; color:#1d1f20; line-height:1.3em; text-align:left; margin-bottom:17px;}
.list_wrap .list ul.ebook_list li a .ebook_text > div {display:inline-block; width:100%; height:36px; margin-bottom:5px;}
.list_wrap .list ul.ebook_list li a .ebook_text > div:last-child {margin-bottom:0px;}
.list_wrap .list ul.ebook_list li a .ebook_text > div > span {display:inline-block; width:100%; font-size:13px; font-weight:400; color:#555555; line-height:1em; text-align:left; margin-bottom:2px;}
.list_wrap .list ul.ebook_list li a .ebook_text > div > p {display:inline-block; width:100%; font-size:16px; font-weight:500; color:#1d1f20; line-height:1em; text-align:left;}
.list_wrap .list ul.ebook_list li .ebook_btn {position:absolute; right:0px; bottom:0px; width:72px; height:36px; z-index:2;}
.list_wrap .list ul.ebook_list li .ebook_btn button.ebook_down {position:relative; float:left; width:36px; height:36px; border-radius:6px 0px 0px 0px; background:url('/bigdata/resources/images/dongjakMain/ebook_down_icon.png') center center no-repeat #1d83d9; background-size:36px 36px; transition:.3s;}
.list_wrap .list ul.ebook_list li .ebook_btn button.ebook_down:hover {background:url('/bigdata/resources/images/dongjakMain/ebook_down_icon.png') center center no-repeat #0660ab; background-size:36px 36px;}
.list_wrap .list ul.ebook_list li .ebook_btn button.ebook_view {position:relative; float:left; width:36px; height:36px; border-radius:0px 0px 6px 0px; background:url('/bigdata/resources/images/dongjakMain/ebook_view_icon.png') center center no-repeat #fda61c; background-size:36px 36px; transition:.3s;}
.list_wrap .list ul.ebook_list li a:hover .ebook_btn button.ebook_view {background:url('/bigdata/resources/images/dongjakMain/ebook_view_icon.png') center center no-repeat #e98821; background-size:36px 36px;}
/* 페이징 컨트롤 */
#paging {clear:both;width:100%;height:auto;margin:40px 0 0 0;text-align:center;}
#paging span {margin-right:8px;}
#paging span:last-child {margin-right:0;}
#paging span a {display:inline-block;width:20px;height:30px;margin-right:4px;text-decoration:none; color:#7f868c;font-size:18px;font-weight:500;line-height:29px; border-bottom:2px solid #fff;}
#paging span a:hover,
#paging .Present a {color:#005aab; border-bottom:3px solid #005aab;}
#paging .mNum{display:none;}
#paging .mNum a{width:60px;height:20px;border:1px solid #b1262d;color:#fff;background-color:#d8373f;}
#paging .dubble a{width:50px;}
#paging .numPN{display:inline-block;height:20px;vertical-align:top;}
#paging .numPN a{padding:0 10px;font-size:10px;}
#paging .over a{padding:0 10px;font-size:10px;}
#paging .left a{margin-right:20px;}
#paging .right a{margin-left:20px;}
/* 상세 */
.list_detail_wrap,
.ebook_detail {position:relative; width:1400px; height:auto; margin:60px auto;}
.list_detail_wrap .detail_title {display:inline-block; width:calc(100% - 40px); height:auto; padding:30px 20px; border-top:1px solid #2f3334; border-bottom:1px solid #e4e7f1;}
.list_detail_wrap .detail_title > p {display:inline-block; width:100%; height:auto; font-size:20px; font-weight:600; color:#2f3334; line-height:1.2em; margin-bottom:12px;}
.list_detail_wrap .detail_title .detail_writer {position:relative; float:left; width:auto; height:14px;}
.list_detail_wrap .detail_title .detail_writer p {position:relative; float:left; width:auto; height:14px; font-size:14px; font-weight:400; color:#6f7476; line-height:1em; margin-right:12px;}
.list_detail_wrap .detail_title .detail_writer p::after {content:''; display:inline-block; width:1px; height:12px; background:#6f7476; margin-left:8px; margin-top:1px;}
.list_detail_wrap .detail_title .detail_writer span {position:relative; float:left; display:flex; align-items:center; width:auto; height:14px; font-size:14px; font-weight:500; color:#2f3334; line-height:1em; margin-right:7px;}
.list_detail_wrap .detail_title .detail_writer span.part::before {content:''; display:inline-block; width:14px; height:14px; background:url('/bigdata/resources/images/dongjakMain/writer_icon1.png') 100% 100% no-repeat; background-size:14px 14px; margin-right:6px;}
.list_detail_wrap .detail_title .detail_writer span.writer::before {content:''; display:inline-block; width:14px; height:14px; background:url('/bigdata/resources/images/dongjakMain/writer_icon2.png') 100% 100% no-repeat; background-size:14px 14px; margin-right:3px;}
.list_detail_wrap .detail_title .detail_writer span.phone::before {content:''; display:inline-block; width:14px; height:14px; background:url('/bigdata/resources/images/dongjakMain/writer_icon3.png') 100% 100% no-repeat; background-size:14px 14px; margin-right:3px;}
.list_detail_wrap .detail_title .detail_info {position:relative; float:right; width:auto; height:14px;}
.list_detail_wrap .detail_title .detail_date {position:relative; float:left; display:flex; align-items:center; justify-content:flex-start; width:auto; height:14px;}
.list_detail_wrap .detail_title .detail_date img {display:inline-block; width:14px; margin-right:3px;}
.list_detail_wrap .detail_title .detail_date p {display:inline-block; width:auto; height:14px; font-size:14px; font-weight:400; color:#6f7476; line-height:1em;}
.list_detail_wrap .detail_title .detail_view {position:relative; float:left; display:flex; align-items:center; justify-content:flex-start; width:auto; height:14px; margin-left:20px;}
.list_detail_wrap .detail_title .detail_view img {display:inline-block; width:14px; margin-right:3px;}
.list_detail_wrap .detail_title .detail_view p {display:inline-block; width:auto; height:14px; font-size:14px; font-weight:400; color:#6f7476; line-height:1em;}
.list_detail_wrap .detail_content {display:inline-block; width:calc(100% - 40px); height:auto; padding:30px 20px; border-bottom:1px solid #e4e7f1;}
.list_detail_wrap .detail_content > img {width:100%;}
.list_detail_wrap .detail_content p {display:inline-block; width:100%; height:auto; font-size:18px; font-weight:500; color:#2f3334; line-height:1.5em;}
.list_detail_wrap .detail_file {display:inline-block; width:calc(100% - 40px); height:auto; padding:30px 20px; border-bottom:1px solid #e4e7f1;}
.list_detail_wrap .detail_file .detail_file_title {display:flex; align-items:center; width:100%; height:auto; font-size:18px; font-weight:600; color:#2f3334; line-height:1em; margin-bottom:20px;}
.list_detail_wrap .detail_file .detail_file_title img {display:inline-block; width:10px; margin-right:3px;}
.list_detail_wrap .detail_file ul {display:inline-block; width:100%; height:auto;}
.list_detail_wrap .detail_file ul li {display:inline-block; width:100%; height:auto; margin-bottom:12px; text-align:left;}
.list_detail_wrap .detail_file ul li a {display:inline-block; width:auto; height:auto; font-size:18px; font-weight:500; color:#2f3334; line-height:1.2em; transition:.3s;}
.list_detail_wrap .detail_file ul li a:hover {text-decoration:underline; color:#2c6dcd;}
.list_detail_wrap .detail_btn {display:flex; align-items:center; justify-content:center; width:100%; height:50px; margin-top:60px;}
.list_detail_wrap .detail_btn button {position:relative; float:left; display:flex; align-items:center; justify-content:center; width:auto; height:100%;}
.list_detail_wrap .detail_btn button img {display:inline-block; width:14px; margin:0px 2px; transition:.3s; transform:translateX(0px);}
.list_detail_wrap .detail_btn .detail_prev {background:#fff; font-size:16px; font-weight:500; color:#2f3334; line-height:1em;}
.list_detail_wrap .detail_btn .detail_prev:hover img {transform:translateX(-3px);}
.list_detail_wrap .detail_btn .detail_list {background:#1d9ed9; width:154px; border-radius:6px; font-size:18px; font-weight:500; color:#fff; line-height:1em; margin:0px 27px; transition:.3s;}
.list_detail_wrap .detail_btn .detail_list:hover {background:#2688b5;}
.list_detail_wrap .detail_btn .detail_next {background:#fff; font-size:16px; font-weight:500; color:#2f3334; line-height:1em;}
.list_detail_wrap .detail_btn .detail_next img {margin:0 2px 0 4px;}
.list_detail_wrap .detail_btn .detail_next:hover img {transform:translateX(3px);}

/* 상세페이지 영역 */
.m-btn {position:absolute; z-index:99; top:40%; width:100%; height:300px;}
.m-btn_wrap {position:relative; width:1200px; margin:0 auto;}
.m-btn_wrap.contBox2 {width:1400px;}
.m-btn-left {width:fit-content; display:inline-block; padding:120px 0 60px 40px;}
.m-btn-left a img {opacity:0.4;}
.m-btn-left a img:hover {opacity:1;}
.m-btn-right {width:fit-content; display:inline-block; float:right; padding:120px 40px 60px 0;}
.m-btn-right a img {opacity:0.4;}
.m-btn-right a img:hover {opacity:1;}
.sb_value {height:1540px !important;}
.flipbook-viewport {height:1540px !important;}
.flipbook-viewport .flip_container {top:22.5% !important;}
.flipbook.shadow {height:1520px !important;}
.page.p-temporal {height:1520px !important;}
.sb_value .contBox-01 {padding:0 !important; height:auto !important; margin-top:0 !important;}
.title_wrap{position: relative;text-align: center;}
.title_wrap h1{font-weight: 800;font-size: 35px;color: #363946;}
.title_wrap h2{font-weight: 600;font-size: 28px;color: #363946;padding-bottom: 25px;}
.title_wrap h3{font-weight: 500;font-size: 15px;color: #363946;padding-top: 15px;padding-bottom: 30px;}
/* flip_book style START */
#pdf_down {position:relative; width:1400px; margin:0 auto; text-align:left; height:0; top:0px; z-index:9;}
#pdf_down > button {position:relative; width:160px; height:36px; background-color:#fff; color:#363946; font-size:20px; font-weight:600; text-align:left; display:flex; align-items:center;}
#pdf_down > button:hover {font-weight:800;}
#pdf_down > button::after {content:''; display:inline-block; width:30px; height:30px; background:url('/bigdata/resources/images/dongjakMain/icon.png') 100% 100% no-repeat; background-size:30px 30px; margin-left:8px;}

#flipbookControl .onePage {position: relative; text-align: left; width: 60px; height: 60px; display: inline-block; overflow: hidden; text-indent: -9999px; background: url('/bigdata/resources/images/dongjakMain/flip_ctrl_icon1.png'); background-position: 0px -120px;}
#flipbookControl .twoPage {position: relative; text-align: left; width: 75px; height: 60px; display: inline-block; overflow: hidden; text-indent: -9999px; background: url('/bigdata/resources/images/dongjakMain/flip_ctrl_icon2.png'); background-position: 0px -120px;}
#flipbookControl .onePage:hover {background-position: 0 -60px}
#flipbookControl .twoPage {background-position: -60px -120px}
#flipbookControl .twoPage:hover {background-position: -60px -60px}
.PointBgGrad{top:-50px;}
.sb_value .page-02:after {content:none;}
.value_wrap .valueBox{height: 374px;width: 1068px;position: relative;margin: 0 auto 100px auto;background:url() repeat-x 0 46px;padding: 0px;}
.value_wrap .valueBox:before{position: absolute;content:'';top:169px;left: -101px;width: 101px;height: 145px;background:url() no-repeat 0 6px}
.value_wrap .valueBox:after{position: absolute;content:'';top:169px;right: -101px;width: 101px;height: 145px;background:url() no-repeat 0 6px}
.value_wrap .valueBox .value_year{color: #6f94ef;font-size: 40px;font-weight: 800;letter-spacing: -3px;position: absolute;left: -55px;top:150px;}
.value_wrap .valueBox ul{height: 100%;}
.value_wrap .valueBox ul li{display:inline-block;float:left;width: 346px;height: 100%;position: relative;text-align: center;padding:0 5px}
.value_wrap .valueBox ul li .book{width: 155px;height: 212px;display:inline-block;position: relative;top: 0px;margin-bottom: 50px;}

.value_wrap .valueBox ul li .book:before{position: absolute;content:'';width: 16px;height: 26px;background:url() no-repeat 0 0;bottom: 0;left: -16px;opacity:0.3}
.value_wrap .valueBox ul li .book:after{position: absolute;content:'';width: 16px;height: 26px;background:url() no-repeat -18px 0;bottom: 0;right: -16px;opacity:0.3}
.value_wrap .valueBox ul li .book div{position: relative;display:table;margin:5px;height: 202px;overflow:hidden;}
.value_wrap .valueBox ul li .book div img{width: 147px;height: 204px;position: absolute;top: 0;left: 0;opacity: 0.7;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.value_wrap .valueBox ul li:hover .book div img{opacity:1}
.value_wrap .valueBox ul li:hover .book div span{color: #363946;text-shadow:0px 0px 4px #fff;}
.value_wrap .valueBox ul li .book div span{position: relative;color:#fff;text-shadow:0px 1px 5px rgba(0, 0, 0, 0.25);font-size: 20px;font-weight: 600;letter-spacing: -1px;width: 145px;padding:0 10px 103px 10px;display:table-cell;vertical-align:middle;text-align: center;line-height: 27px;z-index: 2;-webkit-transition: text-shadow 0.3s ease;-moz-transition: text-shadow 0.3s ease;-o-transition: text-shadow 0.3s ease;transition: text-shadow 0.3s ease;}
.value_text{background-color: #fff;color: #363946;font-size: 14px;box-shadow:0px 5px 1px rgba(0,0,0,0.1);padding: 20px 10px;text-align: center;line-height: 21px;bottom: 0;}
.value_text h3{padding-bottom: 10px;font-weight: 600;font-size: 16px;letter-spacing:-1px;text-overflow: ellipsis;word-break: break-all;}
.value_text p{text-overflow: ellipsis;overflow: hidden;word-break: break-all;word-wrap: break-word;height: 42px;line-height: 21px;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.sb_value{/*height: 700px;*/width: 1200px;margin:0 auto;position: relative;margin-bottom: 80px; z-index:1;}

.BXSH{
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=50, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1);/*FF 3.5+*/
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}

#topic-01 .PointBgGrad, .PointBgGrad_topic-01,
#topic-04 .PointBgGrad, .PointBgGrad_topic-04,
#topic-07 .PointBgGrad, .PointBgGrad_topic-07
{
	background: -moz-linear-gradient(90deg, #B5D146 0, #0099E8 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(0, #B5D146), color-stop(100%, #0099E8));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #B5D146 0, #0099E8 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #B5D146 0, #0099E8 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #B5D146 0, #0099E8 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
	background: linear-gradient(90deg, #B5D146 0, #0099E8 100%);/* W3C */
}
#topic-02 .PointBgGrad, .PointBgGrad_topic-02,
#topic-05 .PointBgGrad, .PointBgGrad_topic-05
{
	background: -moz-linear-gradient(90deg, #0099E8 0, #ffb400 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(0, 0099E8), color-stop(100%, ffb400));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #0099E8 0, #ffb400 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #0099E8 0, #ffb400 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #0099E8 0, #ffb400 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
	background: linear-gradient(90deg, #0099E8 0, #ffb400 100%);/* W3C */
}
#topic-03 .PointBgGrad, .PointBgGrad_topic-03,
#topic-06 .PointBgGrad, .PointBgGrad_topic-06
{
	background-image: -webkit-linear-gradient(right, #27debe, #ffb400);
	background-image: -moz-linear-gradient(right, #27debe, #ffb400);
	background-image: -o-linear-gradient(right, #27debe, #ffb400);
	background-image: -ms-linear-gradient(right, #27debe, #ffb400);
	background-image: linear-gradient(to left, #27debe, #ffb400);
}

#topic-01 .PointColor, #topic-04 .PointColor, #topic-07 .PointColor{color:#B5D146}
#topic-01 .PointBgColor, #topic-04 .PointBgColor, #topic-07 .PointBgColor{background-color:#B5D146}
#topic-02 .PointColor, #topic-05 .PointColor{color: #ffb400;}
#topic-02 .PointBgColor, #topic-05 .PointBgColor{background-color:#ffb400}
#topic-03 .PointColor, #topic-06 .PointColor{color: #27debe;}
#topic-03 .PointBgColor, #topic-06 .PointBgColor{background-color:#27debe}

.cont_box{width:100%;height: 680px;box-sizing: border-box;position:relative;background-color: #fff;}
.cont_box[class~="page-last"]:before{background:none;cursor: default;}
.cont_box2 {width:50%; height:1200px; position:relative; background-color:#fff;}
.cont_box2:nth-child(2) {position:absolute; top:0; right:0; border-left:1px solid #ccc;}
.flipbook-viewport.contBox2 {width:1400px !important; height:956px !important;}
.flipbook-viewport.contBox2 .flipbook {width:1378px !important; left:-688px;}
.flipbook-viewport.contBox2 .flip_container {top:38.5% !important;}
.flipbook-viewport.contBox2 .flipbook.shadow {height:936px !important;}
.flipbook-viewport.contBox2 .page.p-temporal {height:886px !important;}

.sb_value.contBox2 {width:1400px !important; height:906px !important;}
.sb_value .titBox-01{position:relative;background-color: #fff;display:inline-block;width: 30%;top: 80px;left: 50px;text-align: center;padding:30px 0}
.sb_value .titBox-01 > h1{font-size: 35px;line-height: 30px;color: #333;font-weight: 600;padding: 20px 0 50px 0}
.sb_value[id = "topic-03"] .titBox-01 > h1{font-size: 35px;line-height: 45px;color: #333;font-weight: 600;padding: 20px 0 50px 0}
.sb_value .titBox-01 > h1 span{display:block;padding-bottom: 17px;}
.sb_value[id = "topic-03"] .titBox-01 > h1 span{font-size: 26px;display:block;line-height: 25px;color: #333;font-weight: 600;padding-bottom:10px;}
.sb_value .titBox-01 > h2{font-size: 18px;line-height: 18px;color: #333;padding: 20px 0}
.sb_value .titBox-01 > .numBox{border-radius:50%;background-color: #fc0;width: 70px;height: 70px;color: #fff;font-size: 30px;font-weight: 700;line-height: 69px;position: relative;margin:-60px auto 20px auto;overflow:hidden;}
.sb_value .titBox-01 > .numBox > .numBox-shadow{width: 50%;background-color:rgba(255,255,255,0.25);height: 100%;position: absolute;top: 0;left: 0;}

.sb_value .titBox-02{position:relative;width: calc(100% - 100px);top: 30px;left: 30px;text-align: left;padding-left: 40px;padding-bottom: 15px;border-bottom: 1px solid #ccc}
.sb_value .titBox-02 > h1{font-size: 17px;line-height: 18px;color: #333;font-weight: 600;padding-left:7px;display:inline-block;}
.sb_value .titBox-02 > h2{font-size: 15px;line-height: 18px;color: #333;display:inline-block;}
.sb_value .titBox-02 > .numBox{border-radius:50%;background-color: #fc0;width:30px;height:30px;color: #fff;font-size: 16px;font-weight: 700;line-height: 29px;position: absolute;overflow:hidden;display:inline-block;top: -5px;left: 0;text-align: center;}
.sb_value .titBox-02 > .numBox > .numBox-shadow{width: 50%;background-color:rgba(255,255,255,0.25);height: 100%;position: absolute;top: 0;left: 0;}

.sb_value .contBox-01{position: relative;padding:0 30px 30px 30px;height: 540px;margin-top:43px;}
.sb_value .contBox-01 > h1{font-size: 20px;	line-height: 25px;color: #333;font-weight: 600;padding:7px 10px;display: inline-block;border:1px dotted #ccc;float: left;}
.sb_value .contBox-01 > h2{font-size: 14px;	line-height: 25px;color: #333;font-weight: 500;padding:7px 10px;display: inline-block;border:1px dotted #ccc;border-left: 0;float: left;}
.sb_value .contBox-02{position: relative;text-align: center;}
.sb_value .exTxt{text-align: right;position: absolute;color: #ccc;font-size: 13px;top: 0;right: 30px;}

.flipbook-viewport *{
	pointer-events: none
}
.flipbook-viewport{
	overflow:hidden;
	width:1200px;
	height:700px;
	background-color: #fc0;
	position: relative;
	margin:0 auto;
}

.flipbook-viewport .flip_container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
}

.flipbook-viewport .flipbook{
	width:1180px;
	height:680px;
	left:-590px;
	top:-360px;
}

.flipbook-viewport .page{
	width:1180px;
	height:680px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

#flipbookControl{position: relative;width: 1400px;margin: 0 auto;text-align: right;height: 0;top: -70px;}
#flipbookControl .flip_prev,
#flipbookControl .flip_next,
#flipbookControl .flip_back
{position: relative;text-align:left;width: 60px;height: 60px;display: inline-block;overflow: hidden;text-indent:-9999px;background: url('/bigdata/resources/images/dongjakMain/flip_ctrl_icon3.png'); background-position: 0px -120px;float: left;}
#flipbookControl .flip_next{background-position: -60px -120px;}

#flipbookControl .flip_back{background-position: -120px -120px;}
#flipbookControl .flip_back:hover{background-position: -120px -60px}

#flipbookControl .flip_prev:hover{background-position: 0px -60px}
#flipbookControl .flip_next:hover{background-position: -60px -60px}

#flipbookControl .page-first{background-position: 0 0;pointer-events: none;}
#flipbookControl .page-last{background-position: -60px 0;pointer-events: none}

.ebook_mobile_button {display:none; width:100%; height:600px; text-align:center;}
.ebook_mobile_button > a {display:inline-block; width:100%; height:100%; background:#313d4b;}
/* flip_book style END */


/***************************** 미디어 쿼리 *****************************/
@media screen and (max-width:1445px) {
	/* 공통 */
	.contents.sub .depth2_info {margin:0px 18px;}

	.content_list_wrap,
	.list_detail_wrap,
	.ebook_detail {width: 100%;margin: 0;}	
	.site_ul li {width:calc(100%/3 - 24px);}

	.list_detail_wrap .detail_btn {margin-top:30px;}

	/* 목록 */
	.list_wrap .list ul.ebook_list {text-align:center;}
	.list_wrap .list ul.ebook_list li,
	.list_wrap .list ul.ebook_list li:nth-child(2),
	.list_wrap .list ul.ebook_list li:nth-child(5) {margin:0px 10px 20px 10px;}

	/* 상세 */
	.sb_value,
	#pdf_down {display:none;}
	.title_wrap {margin-top:48px;}
	#flipbookControl {position:absolute; width:100%; height:60px; top:-12px;}
	#flipbookControl > div:nth-child(2) {display:none;}
	.m-btn {display:none;}
	.title_wrap h2 {line-height:1.2em; padding:0px 60px 25px 60px;}
	.ebook_mobile_button {display:block;}
}

@media screen and (max-width:1080px) {
	/* 검색창 */
	.list_search {width:100%; padding:0; background:none; border:0;}
	.list_search select {margin-right:0px; font-size:16px; width:80px;}
	.search_part select {width:104px !important;}
	.list_search .search_input_wrap {width:calc(100% - 109px); padding:14px; margin-left:-1px; margin-bottom:12px; margin-right:0px;}
	.list_search .search_input_wrap img {margin-right:10px;}
	.list_search .search_input_wrap input {width:calc(100% - 34px); font-size:16px;}
	.list_search .search_item {width:466px; height:auto; margin-top:0px; margin-bottom:12px;}
	.list_search button.search_btn {margin-left:0px;}

	.site_ul li {width:calc(100%/2 - 24px);}
}

@media screen and (max-width:690px) {


	/* 검색창 */
	.list_search .search_item .search_date {width:100%; margin-bottom:12px;}
	.list_search .search_item .search_date .date_input_wrap {width:calc(100%/2 - 86px);}
	.list_search .search_item .search_date .date_input_wrap img {display:none;}
	.list_search .search_item .search_date .date_input_wrap input {width:100%; margin-right:0px;}
	.list_search .search_item .search_part {width:100%; margin-left:0px;}
	.search_part select {width:calc(100% - 72px) !important;}
}

@media screen and (max-width:620px) {
	.site_ul li {width:calc(100% - 24px);}
	.list_search .search_item {width:100%;}
	.list_search button.search_btn {width:100%;}

	/* 목록 */
	.list_wrap .list ul.list_header {display:none;}
	.list_wrap .list ul.list_body li {border:1px solid #e4e7f1; margin-bottom:12px;}
	.list_wrap .list ul.list_body li:last-child {margin-bottom:0px;}
	.list_wrap .list ul.list_body li a {height:auto; display:inline-block; margin-bottom:-3px;}
	.list_wrap .list ul.list_body li.main_notice a .number {display:block; width:23px; height:21px; padding:0px; margin-left:15px;}
	.list_wrap .list ul.list_body li.main_notice a .title {width:calc(100% - 61px); padding:0 15px 0px 8px;}
	.list_wrap .list ul.list_body li.main_notice a .title p {line-height:1.4em;}
	.list_wrap .list ul.list_body li a .number {display:none;}
	.list_wrap .list ul.list_body li a .title {width:calc(100% - 68px); height:21px;}
	.list_wrap .list ul.list_body li a .date {width:calc(100% - 30px); text-align:right; margin-top:13px; font-weight:400;}
	.list_wrap .list ul.ebook_list li {width:calc(100% - 20px); height:auto;}
	.list_wrap .list ul.ebook_list li a .ebook_thumb {width:100%; height:110px; margin-right:0px; margin-bottom:20px;}
	.list_wrap .list ul.ebook_list li a .ebook_thumb img {min-width:100%;3}
	.list_wrap .list ul.ebook_list li a .ebook_text {width:100%;}
	.list_wrap .list ul.ebook_list li a .ebook_text p.ebook_title {-webkit-line-clamp:1; height:28px;}
	#paging {margin:30px 0px 0px 0px;}

	/* 상세 */
	.list_detail_wrap .detail_title .detail_writer {width:100%; margin-bottom:12px; height:auto;}
	.list_detail_wrap .detail_title .detail_writer span {margin-bottom:6px;}
	.list_detail_wrap .detail_title .detail_info {width:100%;}
}

@media screen and (max-width:375px) {
	/* 공통 */
	.contents.sub .depth2_info .depth2_text {display:inline-block; height:auto;}
	.contents.sub .depth2_info .depth2_text p {margin-bottom:6px;}
	.contents.sub .depth2_info .depth2_text img {margin-left:0px;}

	/* 검색창 */
	.list_search .search_item .search_date .date_input_wrap {width:calc(100%/2 - 70px); padding:14px 10px;}

	/* 상세 */
	.list_detail_wrap .detail_btn .detail_list {width:120px; margin:0px 12px;}
}





main .sub_title{background: url(/bigdata/resources/images/gjETC/visual03.jpg) center no-repeat; background-size: cover;}

main .content{margin: 60px auto; width: 1200px;}
main .content .content_inner{position: relative; width: 100%;}

/* 공통 토탈,검색 */
#top_wrap{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 30px;}
#top_wrap .total{font-size: 16px; line-height: 1.3em; font-weight: 500;}
#top_wrap .total span{font-size: 16px; line-height: 1.3em; font-weight: 700; padding: 0 0px 0 5px;}
#top_wrap .search{position: relative;}
#top_wrap .search input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px;}
#top_wrap .search .btn_search{display: inline-block; width: 20px; height: 20px; background: url(/bigdata/resources/images/gjETC/ic_search.png) center no-repeat; background-size: cover; position: absolute; top: 15px; right: 20px;}

/* e-book 목록 */
.ebook_list{display: inline-block; width: 100%; height: auto;}
.ebook_list ul{display: flex; flex-wrap: wrap; width: 100%; height: auto; font-size: 0;}
.ebook_list ul li{position: relative; display: inline-block; width: calc(100%/4 - 30px); border: 1px solid #d9dee0; border-radius: 10px; box-sizing: border-box; overflow-y: hidden; margin-right: 40px; margin-bottom: 40px; transition: all .3s;}
.ebook_list ul li:hover{transform:translateY(-5px); box-shadow:0px 5px 5px 0px rgba(47,58,72,.1); border: 1px solid #4079c8;}
.ebook_list ul li:nth-child(4n){margin-right: 0px;}
.ebook_list ul li:nth-child(n+5){margin-bottom: 0px;}
.ebook_list ul li a{position: relative; display: block; width: 100%; height: auto; background: #fff; overflow: hidden;}
.ebook_list ul li a .ebook_thumb{position: relative; width: 100%; padding-top: 100%; padding-bottom:65px; background: url(/bigdata/resources/images/gjETC/ebook_thumb.png) center no-repeat #ebeef2; overflow: hidden;}
.ebook_list ul li a .ebook_thumb img{position: absolute; top: 0; left: 0; width: 100%; min-height: 100%;}
.ebook_list ul li a .ebook_text{display: flex;flex-direction: column;justify-content: space-between; position: relative; width: 100%; height: auto; background: #fff; padding:10px 20px; box-sizing: border-box;}
.ebook_list ul li a .ebook_text .tit{display: none; width: 100%; font-size: 18px; font-weight: 600; overflow:hidden; text-overflow:ellipsis; white-space:normal; margin-bottom: 10px; height: 2.6em;}
.ebook_list ul li a .ebook_text .date{display: inline-block; width: 100%; font-size: 15px; font-weight: 400; color: #777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*22-01-18 수정 그리드형 제목삭제tit display:none; 및 썸네일 padding-bottom:65px; ebook_text padding:20px -> padding:10px 20px 수정*/

.ebook_list ul li .ebook_btn{position: absolute; right: 0; top: 0; width: 44px; height: 44px; z-index: 1;}
.ebook_list ul li .ebook_btn .ebook_down{position: relative; width: 44px; height: 44px; border-radius: 0px 0px 0px 10px; background: url(/bigdata/resources/images/gjETC/ebook_down.png) center no-repeat rgba(0,0,0,0.6); transition: .3s;}
.ebook_list ul li .ebook_btn .ebook_down:hover{background: url(/bigdata/resources/images/gjETC/ebook_down.png) center no-repeat rgba(0,0,0,1);}


/* 공통 페이징 */
#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 50px;}
#paging p{display: table; margin:0 auto;}
#paging p span a{display: block; float:left; width: 30px; height: 30px; margin-left: 5px; background: #fff; font-weight: normal; line-height: 30px; font-size: 16px; color: #222; text-decoration: none; border-radius: 50% !important;}
#paging p span:first-child a{margin-left: 0;}
#paging p span a:hover{background-color: #2a548e; color: #fff;}
#paging .numPN a{font-size: 21px; line-height: 1.2em;}
#paging .Present a{background-color: #2a548e; color: #fff;}

/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}

    /* e-book 목록 */
    .ebook_list ul li{width: calc(100%/4 - 22.5px); margin-right: 30px; margin-bottom: 30px;}

}



/* 미디어쿼리 1023 */
@media (max-width: 1023px){

    /* 공통 페이징 */
    #paging{margin-top: 40px;}

    /* e-book 목록 */
    .ebook_list ul li{width: calc(100%/2 - 20px); margin-right: 40px; margin-bottom: 40px;}
    .ebook_list ul li:nth-child(4n){margin-right: 40px;}
    .ebook_list ul li:nth-child(n+5){margin-bottom: 40px;}
    .ebook_list ul li:nth-child(2n){margin-right: 0px;}
    .ebook_list ul li:nth-child(n+7){margin-bottom: 0px;}

    .title_wrap h2{font-size:26px; line-height: 1.3em;}

	.box00{padding: 20px;}
}




/* 미디어쿼리 599 */
@media (max-width: 599px){

    main .content{margin: 40px auto;}

	.listType{float: right;}

     /* 공통 토탈&검색 */
    #top_wrap{display: inline-block;}
    #top_wrap .total{width: 100%; margin-bottom: 10px;}
    #top_wrap .search{width: 100%;}
    #top_wrap .search input{width: 100%; border-radius: 5px;}

    /* e-book 목록 */
    .ebook_list ul li{width: calc(100%/2 - 10px); margin-right: 20px; margin-bottom: 20px;}
    .ebook_list ul li:nth-child(4n){margin-right: 20px;}
    .ebook_list ul li:nth-child(n+5){margin-bottom: 20px;}
    .ebook_list ul li:nth-child(2n){margin-right: 0px;}
    .ebook_list ul li:nth-child(n+7){margin-bottom: 0px;}

    .title_wrap h2{font-size: 22px;}

	.box00{flex-direction: column;}
    .box00 .img{width: 100%;text-align: center;margin-bottom: 10px;}
    .box00 .txt{margin-left: 0; width: 100%;}

}




/* 미디어쿼리 449 */
@media (max-width: 449px){

    /* 공통 페이징 */
    #paging p span a{width: 22px; height: 22px; line-height: 22px; font-size: 14px;}
    #paging .numPN a{font-size: 18px; line-height: 1em;}
    
    /* e-book 목록 */
    .ebook_list ul li{width: 100%; margin-right: 0px; margin-bottom: 30px;}
    .ebook_list ul li:nth-child(2n){margin-right: 0px;}
    .ebook_list ul li:nth-child(n+7){margin-bottom: 30px;}
    .ebook_list ul li:last-child{margin-bottom: 0px;}

    .title_wrap h2{font-size: 20px;}

	.detail_file .detail_file_title{font-size: 16px; margin-bottom: 12px;}
    .detail_file ul li{margin-bottom: 8px;}
    .detail_file ul li a{font-size: 16px;}
	.detail_file ul li a span{font-size: 16px;}
}

@charset "utf-8";

main .sub_title{background: url(/bigdata/resources/images/gjBoard/visual06.jpg) center no-repeat; background-size: cover;}

main .content{margin: 60px auto; width: 1200px;}
main .content .content_inner{position: relative; width: 100%;}

/* 공통 토탈,검색 */
#top_wrap{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 30px;}
#top_wrap .total{font-size: 16px; line-height: 1.3em; font-weight: 500;}
#top_wrap .total span{font-size: 16px; line-height: 1.3em; font-weight: 700; padding: 0 0px 0 5px;}
#top_wrap .search{position: relative;}
#top_wrap .search input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px;}
#top_wrap .search .btn_search{display: inline-block; width: 20px; height: 20px; background: url(/bigdata/resources/images/gjBoard/ic_search.png) center no-repeat; background-size: cover; position: absolute; top: 15px; right: 20px;}


/* 공통 게시판 */
#list{display: inline-block; width: 100%; height: auto;}
#list .list_head{display:flex; align-items:center; width:100%; height:auto; padding:18px 0px; border-top:1px solid #222; border-bottom:1px solid #d9dee0;}
#list .list_head li{position:relative; float:left; padding:0px 15px; font-size:16px; font-weight:700; color:#222; line-height:1.3em; text-align:center;}
#list .list_head li:nth-child(1){width:calc(8% - 30px);}
#list .list_head li:nth-child(2){width:calc(63% - 30px);}
#list .list_head li:nth-child(3){width:calc(15% - 30px);}
#list .list_head li:nth-child(4){width:calc(14% - 30px);}
#list .list_body{display: inline-block; width: 100%; height: auto;}
#list .list_body li{border-bottom: 1px solid #d9dee0;}
#list .list_body li a{display: flex; align-items: center; width: 100%; height: 21px; padding: 18px 0;}
#list .list_body li a div{position:relative; float:left; height:100%; padding:0px 15px; text-align:center; font-size:16px; font-weight:500; color:#222; line-height:1.3em;}
#list .list_body li a .num {width:calc(8% - 30px);}
#list .list_body li a .tit {width:calc(63% - 30px);text-align:left;display:flex;align-items:center;}
#list .list_body li a .tit p {display:inline-block; width:100%; height:100%; text-align:left; font-size:16px; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#list .list_body li a:hover .tit p {text-decoration:underline;}
#list .list_body li a .date {width:calc(15% - 30px); color:#777; font-weight:400;}
#list .list_body li a .view {width:calc(14% - 30px); color:#777; font-weight:400;}





/* 공통 페이징 */
#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 50px;}
#paging p{display: table; margin:0 auto;}
#paging p span a{display: block; float:left; width: 30px; height: 30px; margin-left: 5px; background: #fff; font-weight: normal; line-height: 30px; font-size: 16px; color: #222; text-decoration: none; border-radius: 50% !important;}
#paging p span:first-child a{margin-left: 0;}
#paging p span a:hover{background-color: #2a548e; color: #fff;}
#paging .numPN a{font-size: 21px; line-height: 1.2em;}
#paging .Present a{background-color: #2a548e; color: #fff;}







/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}

}



/* 미디어쿼리 1023 */
@media (max-width: 1023px){

    /* 공통 페이징 */
    #paging{margin-top: 40px;}

    /* 공통 리스트 */
    #list .list_head li:nth-child(1){width:calc(11% - 30px);}
    #list .list_head li:nth-child(5){display: none;}
    #list .list_body li a .num {width:calc(11% - 30px);}
    #list .list_body li a .tit p{font-size: 16px;}


}



/* 미디어쿼리 599 */
@media (max-width: 599px){

    main .content{margin: 40px auto;}

     /* 공통 토탈&검색 */
    #top_wrap{display: inline-block;}
    #top_wrap .total{width: 100%; margin-bottom: 10px;}
    #top_wrap .search{width: 100%;}
    #top_wrap .search input{width: 100%; border-radius: 5px;}

	#top_wrap .search_wrap{width: 100%;}
    #top_wrap .search_wrap form{width: calc(100% - 125px);}

	.board_write .board_write_wrap .btn_wrap button{width: calc(100%/2 - 10px) !important;}
	.board_write .board_write_wrap .btn_wrap button.cancle_btn{margin-left: 0 !important;}
	.board_write .board_write_wrap .btn_wrap button.agree_btn{margin-right: 0 !important;}

    /* 목록 */
	#list .list_head {display:none;}
	#list .list_body li {border-bottom:1px solid #d9dee0;}
	#list .list_body li:first-child {border-top: 1px solid #222;}
	#list .list_body li a {height:auto; display:inline-block; margin-bottom:-3px;}
	#list .list_body li a .num {display:none;}
	#list .list_body li a .tit {width:calc(100% - 30px); height:21px;}
    #list .list_body li a .part {display: none;}
	#list .list_body li a .date {width:calc(50% - 30px); float: right; text-align:right; margin-top:18px; font-weight:400;}
	#list .list_body li a .view {width:calc(50% - 30px); display:flex; align-items:center; justify-content:flex-start; float:left; margin-top:18px;}
	#list .list_body li .view .mobileHit {display: inline-block !important; width: 14px; margin-right:5px; margin-top:2px;}
	

}




/* 미디어쿼리 449 */
@media (max-width: 449px){

    /* 공통 페이징 */
    #paging p span a{width: 22px; height: 22px; line-height: 22px; font-size: 14px;}
    #paging .numPN a{font-size: 18px; line-height: 1em;}
 
	#top_wrap .search_wrap{flex-direction: column;}
    #top_wrap .search_wrap .tagSelect{width: 100%;margin-right: 0;margin-bottom: 10px;}
    #top_wrap .search_wrap form{width: 100%;}
	
}