@charset "utf-8";
/* 인구현황 목록 */
.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('/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:#ec6e62; 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:#B2473F;}
/* 목록 */
.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; margin: 0;}
.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 20px;}
.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('/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('/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('/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('/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('/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:0 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('/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('/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('/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;}
.detail_btn {display:flex; align-items:center; justify-content:center; width:100%; height:50px; margin-top:60px;}
.detail_btn button {position:relative; float:left; display:flex; align-items:center; justify-content:center; width:auto; height:100%;}
.detail_btn button img {display:inline-block; width:14px; margin:0px 2px; transition:.3s; transform:translateX(0px);}
.detail_btn .detail_prev {background:#fff; font-size:16px; font-weight:500; color:#2f3334; line-height:1em;}
.detail_btn .detail_prev:hover img {transform:translateX(-3px);}
.detail_btn .detail_list {background:#ec6e63; width:154px; border-radius:6px; font-size:18px; font-weight:500; color:#fff; line-height:1em; margin:0px 27px; transition:.3s;}
.detail_btn .detail_list:hover {background:#b2473d;}
.detail_btn .detail_next {background:#fff; font-size:16px; font-weight:500; color:#2f3334; line-height:1em;}
.detail_btn .detail_next img {margin:0 2px 0 4px;}
.detail_btn .detail_next:hover img {transform:translateX(3px);}




.detail_btn .detail_del {background:#E48787; width:154px; border-radius:6px; font-size:18px; font-weight:500; color:#fff; line-height:1em; margin:0px 27px; transition:.3s;}
.detail_btn .detail_del:hover {background:#C36464;}
.detail_btn .detail_edit {background:#55C270; width:154px; border-radius:6px; font-size:18px; font-weight:500; color:#fff; line-height:1em; margin:0px 27px; transition:.3s;}
.detail_btn .detail_edit:hover {background:#3BB259;}






/* 상세페이지 영역 */
.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:1200px; margin:0 auto; text-align:left; height:0; top:-10px; z-index:9;}
#pdf_down > button {position:relative; width:150px; 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('/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('/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('/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:906px !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:886px !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:-340px;
}

.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: 1200px;margin: 0 auto;text-align: right;height: 0;top: -65px;}
#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('/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; width:calc(100% - 36px);}

	.content_list_wrap,
	.list_detail_wrap,
	.ebook_detail {width:calc(100% - 36px); margin:0px 18px;}	
	.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%;}
	.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;}
}