@font-face {
	font-family: 'Noto Sans KR';
	src: url(../fonts/NotoSansKR-Medium.otf);
}

@font-face {
	font-family: 'GmarketSansMedium';
	src: url(../fonts/GmarketSansMedium.otf);
}

@font-face {
	font-family: '나눔바른고딕 옛한글';
	src: url(../fonts/NanumBarunGothic-YetHangul.otf);
}

* {
	box-sizing: border-box;
}

html,
body {
	width: 100vw;
	overflow-x: hidden;
	font-family: 'Noto Sans KR', sans-serif;
}


.wrap {
	position: relative;
}

.hide {
	color: transparent;
}

.container {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}

/* header */
.header {
	background-color: #fff;
	position: relative;
}

.header .top {
	padding: 18px 0;
	display: flex;
	align-items: center;
}

.top .logo {
	display: flex;
	flex: 0 1 40%;
	margin-right: auto;
	padding-right: 15px;
}

.top .logo a {
	display: inline-block;
}

.top .logo a:first-child {
	padding-right: 10px;
}

.top .logo a:last-child {
	padding-left: 10px;
}

.top .logo img {
	width: 100%;
	height: 36px;
}

.top .search {
	border: 2px solid #4a5044;
	height: 44px;
	width: 50%;
	max-width: 540px;
	position: relative;
}

.top .search form {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.top .search select,
.top .search button,
.top .search input {
	border: none;
	height: 40px;
}

.top .search select {
	width: 103px;
	color: #6e6e6e;
}

.top .search input[type='text'] {
	margin-left: 8px;
	padding: 0;
	width: 80%;
	height: 35px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.sp_se_a_box {
	min-width: 16%;
	height: 105%;
	transform: translateX(1px);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #4a5044;
	cursor: pointer;
}

.sp_se_a_box a {
	color: #fff;
	padding: 13px 10px;
}

.respons_zoom_btn {
	display: none;
	padding: 0;
	width: 23px;
	height: 23px;
	background: transparent;
	font-size: 23px;
	color: #4a5044;
	cursor: pointer;
}

.top .ham_menu {
	margin-left: 1vw;
	align-items: center;
	vertical-align: middle;
	text-align: center;
	background-color: unset;
	cursor: pointer;
}

.top .ham_menu i {
	font-size: 22px;
	color: #4a5044;
}

.response_header_container {
	position: absolute;
	background-color: #fff;
	width: 100%;
	top: 70px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.6);
	z-index: 1;
	display: none;
}

.response_header_container .container .top {
	justify-content: center;
}

.response_header_container .container .top .search,
.response_header_container .container .top .search input {
	width: 100%;
	max-width: unset;
}

.response_header_container .container .top .search select {
	width: 20%;
}

.response_header_container .container .top .search button {
	margin: 0 8px 0 auto;
	padding: 0;
	width: 5%;
	min-width: 23px;
	background-color: transparent;
	font-size: 20px;
	line-height: 20px;
	color: #4a5044;
}
/* header */

/* nav */
.nav_ct {
	background-color: #4a5044;
	height: 60px;
	width: 100%;
}

nav {
	height: 100%;
}

nav .nav_list {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

nav .nav_list>div {
	position: relative;
}

nav .nav_list div a {
	color: #fff;
}

nav .nav_list>div:hover a {
	color: #fbdf7d;
}

nav .nav_list>div .dropdown_menu {
	display: none;
	position: absolute;
	background-color: #fff;
	width: 175px;
	border: 1px solid #bcbcbc;
	margin-top: 16px;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	padding: 25px 30px 20px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	font-size: 15px;
	z-index: 2;
}

.dropdown_menu li {
	margin-bottom: 17px;
	font-family: 'Malgun Gothic', sans-serif;
}

nav .nav_list>div .dropdown_menu li:last-child {
	margin-bottom: 0;
}

nav .nav_list>div .dropdown_menu::before {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	background-color: transparent;
	top: -19px;
}

nav .nav_list>div .dropdown_menu::after {
	content: '';
	width: 100%;
	height: 5px;
	position: absolute;
	background-color: #fbdf7d;
	top: 0;
	left: 0;
}

nav .nav_list>div:focus .dropdown_menu,
nav .nav_list>div:focus-within .dropdown_menu,
nav .nav_list>div:hover .dropdown_menu {
	display: block;
}

nav .nav_list>div:focus .dropdown_menu,
nav .nav_list>div:focus-within .dropdown_menu a,
nav .nav_list>div:hover .dropdown_menu a {
	color: #3c3c3c;
}

nav .nav_list>div:focus .dropdown_menu li a,
nav .nav_list>div:hover .dropdown_menu li:hover a {
	color: #576d41;
	text-decoration: underline;
}
/* nav */

/* 메인 페이지 home.jsp */
/* main contents */
.main_contents {
	background: url(../img/bg.png) no-repeat;
	background-size: cover;
}

.mid_wrap {
	display: flex;
	padding: 82px 0 60px;
}

.left_side,
.right_side {
	width: 50%;
}

.left_side .main_title {
	color: #fff;
	font-size: 68px;
	line-height: 88px;
	font-weight: 700;
	/* 1123 */
	font-family: GmarketSansMedium, sans-serif;
	word-break: keep-all;
	letter-spacing: -3px;
}

.left_side .sub_title {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	margin-top: 57px;
	letter-spacing: -0.7px;
	padding-right: 17%;
	word-break: keep-all;
}

.sub-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
}

.sub-info_flexbox1,
.sub-info_flexbox2 {
	display: flex;
}

.sub-info_flexbox1 a:first-child {
	margin-left: 0;
}

.sub-info_flexbox2 a:last-child {
	margin-right: 0;
}

.sub-info__link {
	color: #fff;
	font-size: 17px;
	margin: 0 10px;
}

.sub-info__link:hover {
	opacity: 0.7;
}

.sub-info__link.img {
	width: 20px;
	height: 20px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.sub-info__link.img img {
	height: 100%;
}

.sub-info__link.img:last-child img {
	width: 100%;
	height: unset;
}

.sub-info__link .fab {
	font-size: 20px;
}

.right_side {
	display: flex;
	justify-content: center;
}

.right_side .circle_menus {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 350px;
}

.right_side .circle_menus li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: 0.08s;
}

.right_side .circle_menus li:first-child,
.right_side .circle_menus li:nth-child(2) {
	margin-bottom: 40px;
}

.right_side .circle_menus li:hover {
	transform: translateY(-10px);
}

.right_side .circle_menus li:nth-child(odd) {
	padding-right: 77px;
}

.right_side .circle_menus li a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #8d987f;
	font-size: 55px;
	border-radius: 100%;
	background-color: #fff;
	width: 110px;
	height: 110px;
}

.right_side .circle_menus li a img {
	width: 50px;
}

.right_side .circle_menus li span {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-top: 18px;
}
/* main contents */

.initial_tooltip {
	font-size: 12px;
	background-color: #4a5044;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	width: 100px;
	top: -30px;
	right: 50%;
	transform: translateX(50%);
}

.news_contents {
	position: relative;
	padding: 60px 0;
}

.collect_wrap {
	display: flex;
	align-items: center;
	height: 415px;
	width: 100%;
}

.news_contents .new_bg_img {
	position: absolute;
	background: linear-gradient(to right, #d8dfd2, #f0f2ed);
	/* background: url(../img/min_square.png) no-repeat; */
	/* background-size: cover; */
	width: 42.135417vw;
	height: 526px;
	top: 0;
	left: 0;
	border-radius: 0 0 100px 0;
	z-index: -1;
}

/* tab control */
.tab_control {
	display: flex;
	flex-direction: column;
	margin-left: 0 !important;
}

/* 0106 */
.tab_control h2.LS1 {
	font-size: 26px;
	font-weight: 700;
}

.tab_control .tab {
	color: #303030;
	border: none;
	border-radius: 50px;
	font-size: 16px;
	background-color: #bcbcbc;
	padding: 0 20px;
	cursor: pointer;
}

.tab_control .tab:hover {
	background-color: #99a091;
}

.tab_control .tab.active {
	background-color: #4a5044;
	color: #fff;
}

.tab_btn_container {
	margin-top: 37px;
}

.tab_btn_container .tab:first-child {
	margin-right: 10px;
}

.dir_mark_container {
	margin: auto 0 3px 0;
	align-self: flex-end;
	display: none;
}

.dir_mark_container.active {
	display: flex;
}

.dir_mark_container .dir_mark:first-child {
	margin-right: 10px;
}

.dir_mark {
	color: #222;
	width: 50px;
	height: 50px;
	font-size: 20px;
	border-radius: 100%;
	border: 0;
	background-color: #fff;
	cursor: pointer;
}

.dir_mark:hover {
	opacity: 0.5;
}

.tab_control,
.card {
	flex-shrink: 0;
	width: 250px !important;
	height: 406px;
	margin: 0 11px;
}

.tab_ct {
	display: none;
}

.tab_ct.active {
	display: block;
}
/* tab control */

/* swiper */
.swiper2,
.swiper {
	width: 100%;
	height: 110%;
	overflow: hidden;
}
/* swiper */

/* 탭메뉴 카드 */
.news_card {
	display: flex;
	flex-shrink: 0;
	height: 100%;
	align-items: center;
}

.news_card .card {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	cursor: pointer;
	flex-shrink: 0;
}

.news_card .card:hover {
	transform: scale(1.03);
}

.news_card .card div {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.news_card .card img {
	display: block;
	height: 349px;
	width: 100%;
}

.news_card .card span {
	position: absolute;
	top: 14px;
	left: 15px;
	padding: 5px 15px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	color: #fff;
	font-size: 15px;
}

.news_card .card p {
	display: flex;
	height: 57px;
	line-height: 18px;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	text-align: center;
	font-size: 15px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}
/* 탭메뉴 카드 */

/* article_contents */
.article_contents {
	margin-top: 60px;
}

.article_wrap {
	display: flex;
	justify-content: space-between;
}

.left_side01,
.right_side01 {
	flex: 1 1 50%;
	width: 50%;
	max-width: 560px;
}

.left_side01 {
	padding-right: 1.4vw;
}

.right_side01 {
	padding-left: 1.4vw;
}

.left_side01 .article_headline,
.right_side01 .article_headline {
	font-size: min(28px, max(3.5vw, 26px));
	font-weight: 700;
	margin-bottom: 30px;
}

.left_side01 .article_text,
.right_side01 .article_text {
	padding: 10px 0;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	font-size: 15px;
}

.left_side01 .article_text li,
.right_side01 .article_text li {
	padding: 10px 0;
	display: flex;
	width: 100%;
}

.article_text_box {
	position: relative;
	display: inline-flex;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.left_side01 .article_text_box a,
.right_side01 .article_text_box a {
	color: #222;
	display: inline-block;
	line-height: 18px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.left_side01 .article_text li span,
.right_side01 .article_text li span {
	margin-right: 12px;
	width: 152px;
	min-width: 152px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
	line-height: 18px;
	color: #576d41;
}

.left_side01 .article_text li span.news_name,
.right_side01 .article_text li span.news_name {
	margin-left: 6px;
}

.left_side01 .article_text li:hover a,
.right_side01 .article_text li:hover a {
	color: #576d41;
	text-decoration: underline;
	text-underline-offset: 2px;
}
/* article_contents */
/* 메인 페이지 home.jsp */

/* footer */
.footer_nav {
	background-color: #4a5044;
	padding: 30px 0;
}

/* sub_menu ul */
.ft_sub_nav {
	display: flex;
	justify-content: space-between;
}

.ft_sub_nav img {
	cursor: unset;
}

.ft_sub_nav li:last-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ft_sub_nav select {
	width: 180px;
	margin-right: 5px;
	color: #fff;
	border: 1px solid white;
	background-color: #666;
}

.ft_sub_nav button {
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #232323;
}
/* sub_menu ul */

/* 푸터 주소 */
.footer_addr {
	background-color: #42473d;
	color: white;
	padding: 15px 0;
}

.ft_addr_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	line-height: 30px;
	word-break: keep-all;
}

.ft_addr_wrap ul {
	display: flex;
	color: #f5f5f5;
}

.ft_addr_wrap ul li {
	font-size: 14px;
	margin: 0 13px;
	position: relative;
}

.ft_addr_wrap ul li:first-child {
	margin-left: 0;
}

.ft_addr_wrap ul li:last-child::after {
	background-color: transparent;
}

.ft_addr_wrap ul li::after {
	content: '';
	width: 1px;
	height: 17px;
	background-color: #f5f5f5;
	top: 50%;
	transform: translateY(-50%);
	right: -13px;
	position: absolute;
}
/* 푸터 주소 */

/* scroll top btn */
.scrollToTop {
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #65705A;
	font-size: 24px;
	color: #FFFFFF;
	z-index: 99;
}

.scrollToTop i {
	display: block;
	line-height: 48px;
	text-align: center;
	font-weight: 400;
}
/* scroll top btn */
/* footer */

/* 전체 메뉴 모달 */
.whole_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.whole_wrap.active {
	visibility: visible;
}

.whole_modal {
	position: absolute;
	top: 115px;
	left: 50%;
	width: 62.5vw;
	min-width: 700px;
	transform: translateX(-50%);
	z-index: 1;
}

.whole_modal .modal_top {
	display: flex;
	align-items: center;
	background-color: #576d41;
	padding: 20px 30px;
	position: relative;
}

.whole_modal .modal_top .modal_top_img {
	height: 34px;
}

.whole_modal .modal_top .modal_top_img img {
	height: 100%;
}

.whole_modal .modal_top .modal_top_title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.whole_modal .modal_top button {
	color: #fff;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	font-size: 30px;
	margin-left: auto;
}

.whole_modal .close_btn {
	position: absolute;
	top: 15px;
	right: 30px;
	padding: 0;
	color: #fff;
	background-color: transparent;
	cursor: pointer;
	font-size: 30px;
	margin-left: auto;
}

.whole_modal .close_btn i,
.modal_menus .btn-chevron i {
	font-weight: 400;
}

.modal_contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	padding: min(3vw, 40px) min(3.5vw, 75px);
}

.modal_menu_container {
	flex: 0 1 23%;
}

.modal_menus li {
	width: 100%;
	line-height: 25px;
}

.modal_menus li:not(:last-child) {
	margin-bottom: min(1.3vw, 25px);
}

.modal_menus li:first-child {
	margin-bottom: min(1.3vw, 25px);
	padding-bottom: 10px;
	border-bottom: 2px solid #4a5044;
	font-size: max(1rem, min(1.2vw, 1.2rem)); /* 순서대로 최소값/변화폭/최대값 */
	font-weight: 600;
	color: #576d41;
	word-break: keep-all;
}

.modal_menus li.drop_wrapper {
	display: none;
}

.modal_menus .ham_drop_menu a {
	color: #fff;
}

.modal_menus li:not(:first-child) a {
	color: #232323;
	font-size: max(1rem, min(1vw, 1.1rem));
}

.modal_menus li:not(:first-child):hover a {
	color: #576d41;
	text-decoration: underline;
	cursor: pointer;
}

.modal_menus .btn-chevron {
	display: none;
}
/* 전체 메뉴 모달 */

/* 신문 검색 결과 컨테이너 */
.user_s_result_container,
.news_s_result_container {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	position: relative;
}

/* 신문 검색 결과 상단 nav */
.search_content_nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.search_content_nav button {
	margin-left: auto;
}

.toggle-tablet {
	display: none;
}

.toggle-desktop {
	display: block;
	margin-top: 10px;
	margin-right: 25px;
}

.align_box {
	margin-left: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
/* 신문 검색 결과 상단 nav */

/* 토글 스위치 */
.toggle.s_hline {
	display: flex;
	align-items: center;
}

.toggle-desktop .s_hline {
	margin-bottom: 0;
}

/* The switch - the box around the slider */
.toggle-switch {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 30px;
}

/* Hide default HTML checkbox */
.toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #65705a;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 30px;
}

.slider.round:focus {
	outline: auto;
}

.slider.round:before {
	border-radius: 50%;
}
/* 토글 스위치 */

/* 변환 툴팁 */
.trans_tooltip {
	display: inline-block;
	color: #545f48;
	font-weight: bold;
	width: fit-content;
	position: relative;
	min-width: 100%;
	max-width: 520px;
}

.trans_tooltip_text {
	display: none;
	padding: 10px;
	position: absolute;
	top: -50px;
	left: -10px;
	width: fit-content;
	border-radius: 10px;
	background-color: #545f48;
	color: white;
	font-weight: normal;
}

.trans_tooltip:hover .trans_tooltip_text {
	display: block;
}
/* 변환 툴팁 */

/* 신문 검색 결과 콘텐츠 컨테이너 */
.news_s_result_content_container {
	display: flex;
	flex-direction: column;
}

/* 신문 검색 결과 콘텐츠 */
.news_s_result_content {
	display: flex;
	flex-direction: row;
	padding: 30px 20px;
	border-top: 1px solid #dddddd;
}

.news_s_result_content:last-child {
	border-bottom: 1px solid #dddddd;
}

.news_s_result_content input[type='checkbox'] {
	margin-right: 30px;
	margin-left: -30px;
}
/* 신문 검색 결과 콘텐츠 */

/* 신문 검색 결과 콘텐츠 이미지 영역 */
.news_s_result_content .thum_img {
	/* margin-right: 27px; */
	margin-right: 20px;
    width: 250px;
    text-align: center;
}

.news_s_result_content .thum_img img {
	height: 200px;
}
/* 신문 검색 결과 콘텐츠 이미지 영역 */

/* 신문 검색 결과 콘텐츠 세부설명 영역 */
.news_s_result_content .specific_ct {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.news_s_result_content .specific_ct h2 {
	margin-bottom: 18px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.specific_ct a,
.specific_ct h2 {
	color: #222;
}

.specific_ct .about_news_spe {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 18px;
	line-height: normal;
}

.specific_ct .about_news_spe li {
	position: relative;
	margin: 0 5px;
}

.specific_ct .about_news_spe li:first-child {
	margin-left: 0;
}

.specific_ct .about_news_spe li ~li::after {
	content: '';
	width: 1px;
	height: 16px;
	background-color: #222;
	position: absolute;
	top: 3px;
	left: -5px;
}

.s_ct_btns {
	margin-bottom: 25px;
}

.s_ct_btns button {
	margin-right: 10px;
}

/* 신문 검색 결과 콘텐츠 세부설명 영역 */

/* 뉴스 콘텐츠 관련 주제어 태그 */
.user_tag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.user_tag span {
	margin-top: 8px;
}

.relation_sub {
	margin-top: auto;
}

.specific_ct .user_tag h2,
.specific_ct .relation_sub h2 {
	margin-bottom: 10px;
	width: 100px;
}

.relation_sub a {
	margin-right: 10px;
}
/* 뉴스 콘텐츠 관련 주제어 태그 */

/* 상세 검색 결과 없음 */
.news_search_noresult {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	padding-top: 50px;
	padding-bottom: 45px;
}

.news_search_noresult figure img {
	width: 15%;
}

.news_search_noresult .no_result_txt {
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
}

.news_search_noresult h3.no_result_txt {
	font-size: 15px;
	font-weight: normal;
	margin-top: 10px;
}
/* 상세 검색 결과 없음 */

/* 키워드 검색 페이지 keyword_search.jsp */
.search_input_container {
	background-color: #fff;
	display: flex;
	border: 1px solid #ddd;
	flex-direction: column;
	padding: 30px 40px;
	margin: 30px 0 10px 0;
	overflow: hidden;
	flex: 0 1 100%;
}

.search_input_container.gray_bc {
	background-color: #eff0ee;
}

.input_container_upper_side.white_bc {
	padding: 30px 20px 10px 30px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	margin-bottom: 30px;
}

.input_container_upper_side>div>div>input {
	height: 34px !important;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.input_container_upper_side>div>div>input.search_window {
	border: none;
}

.input_container_upper_side h2 {
	font-size: 15px;
	font-weight: bold;
	line-height: normal;
}

.ext_txt_container {
	display: flex;
	margin-top: 10px;
}

.ex_txt_box {
	display: flex;
	flex-wrap: wrap;
}

.ex_title {
	display: inline-block;
	margin-right: 10px;
	margin-top: 2px;
	color: #222;
	font-size: 13px !important;
	flex-shrink: 0;
}

.ex_txt_temp {
	padding: 6px 14px;
	background-color: #e1ead5;
	text-align: center;
	font-size: 13px;
	color: #4a5044;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.ex_txt_temp.no_keyword {
	margin-right: 0;
}

.sentense_box,
.key_box,
.condition_box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	justify-content: space-between;
}

.sentense_box,
.key_box {
	margin-right: 10px;
}

.sentense_box_title_ly,
.key_box .key_box_title_ly {
	flex: 1 0 100%;
}

.sentense_box input {
	width: 70%;
}

.condition_box>div>input,
.condition_box>div {
	width: 100%;
}

.condition_box .condition_items {
	display: flex;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 10px;
	flex: 1 1 30%;
}

.condition_box .condition_items input {
	margin-top: 0;
	min-width: 155px;
}

.condition_box .condition_items select {
	margin-right: 5px;
}

.news_date_box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding: 30px 20px 30px 30px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	justify-content: space-between;
}

.news_name_box {
	margin-right: 10px;
	margin-bottom: 10px;
	flex: 1 1 20%;
	min-width: 200px;
}

.news_date_box input {
	width: 100%;
	min-width: 100px;
	height: 35px !important;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.news_date_box h2 {
	font-size: 15px;
	font-weight: bold;
}

.news_name_box select {
	width: 100%;
	margin-top: 10px;
}

.date_box {
	width: 100%;
	min-width: 220px;
	margin: 0 10px 10px 0;
	flex: 2 1 30%;
}

.date_box span {
	position: relative;
	display: flex;
	align-items: center;
	line-height: 35px;
}

.date_box span:nth-child(2) {
	margin: 0 4px;
}

.date_box span i {
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.kr_chi_chk_box {
	margin-left: auto;
}

.kr_chi_chk_box label {
	margin-left: 12px;
}

.btn_container {
	display: flex;
	justify-content: center;
}

.btn_container button {
	margin: 0 10px;
	height: 40px;
	flex: 0 0 auto;
	min-width: 100px;
}

.btn_container button:first-child {
	background-color: white;
}

.btn_container button:last-child {
	margin-right: 0;
}

.align_left_ct {
	margin-left: auto;
}

.speci_keyword_mid_divide {
	display: flex;
	width: 100%;
}

.speci_keyword_mid_divide .search_input_container {
	flex: 0 1 70%;
}

.speci_search_mid_divide {
	display: flex;
	width: 100%;
}

.speci_search_side_bar {
	border: 1px solid #dcdcdc;
	background-color: #eff0ee;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 40px 30px;
	min-width: 300px;
	flex: 0 1 340px;
}

.speci_search_side_bar ul {
	border-top: 1px solid #b2bec7;
	border-bottom: 1px solid #b2bec7;
}

.speci_search_side_bar_date {
	margin-bottom: 31px;
}

.speci_search_side_bar_article ul,
.speci_search_side_bar_date ul {
	padding: 18px 0;
}

.speci_search_side_bar_date .article_text li span,
.speci_search_side_bar_article .article_text li span {
	font-weight: bold;
	color: #576d41;
	line-height: 18px;
}

.speci_search_side_bar_date .article_text li,
.speci_search_side_bar_article .article_text li {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.speci_search_side_bar_date ul li:hover a,
.speci_search_side_bar_article ul li:hover a {
	color: #576d41;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.speci_search_side_bar_article ul li a,
.speci_search_side_bar_date ul li a {
	color: #222;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	line-height: 18px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.speci_search_side_bar_date ul li span {
	margin-bottom: 8px;
}

.speci_search_side_bar_article ul li:not(:last-child),
.speci_search_side_bar_date ul li:not(:last-child) {
	margin-bottom: 20px;
}

.speci_search_side_bar_article h2,
.speci_search_side_bar_date h2 {
	margin-bottom: 21px;
	font-size: 18px;
	font-weight: bold;
}

.speci_search_side_bar_date ul li span {
	display: block;
}

.speci_search_side_bar_article ul li span {
	margin-right: 5px;
}

.speci_search_container_title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}

.speci_search_result_ct {
	margin-top: 20px;
}

.container.facetedSearch {
	display: flex;
}
/* 키워드 검색 페이지 keyword_search.jsp */

/* search_list.jsp */
.news_ct_divide_container {
	display: flex;
	flex-wrap: wrap;
	/* 0121 재수정 */
	flex-direction: column;
}

.new_search_btns {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-top: 10px;
	margin-bottom: 20px;
	justify-content: space-between;
}

.new_search_btns .select_btns {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.new_search_btns .select_btns select {
	height: 34px !important;
	margin-right: 10px;
}

.dlc_btns>div {
	margin-left: 18px;
}

.right_side_menu {
	margin-left: auto;
	width: 250px;
	flex-shrink: 0;
	/* 1021 */
	position: absolute;
	top: 0;
	right: -300px;
	/* display: none; */
	/* 1021 */
}

.r_s_bar {
	width: 100%;
	max-height: 240px;
	margin-bottom: 30px;
}

.bar_title {
	background-color: #62717d;
	color: #fff;
	padding: 15px 19px 15px 28px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}

.sidemenu_toggle_btn {
	cursor: pointer;
	display: none !important;
}

.sidemenu_toggle_btn.active {
	display: block !important;
}

.r_s_bar_list {
	font-size: 24px;
	/* ul의 부모 태그인 div에 max-height를 지정하는 것과는 별개 */
	/* overflow는 크기가 정해져 있어야 한다 */
	/* max height 설정해야 li가 많아도 적어도 container가 유동적으로 조절된다. */
	max-height: 190px;
	background-color: #fff;
	padding: 18px 28px;
	overflow-y: scroll;
	border: 1px solid #dddddd;
}

.r_s_bar_list li {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 14px;
}

.r_s_bar_list li:last-child {
	margin: 0;
}

.r_s_bar_list li input[type='checkbox'] {
	margin-right: 20px;
}
/* search_list.jsp */

/* 상세정보 페이지 detail.jsp */
.top_ct_container {
	background-color: #ebeee9;
	padding: 40px;
	border: 1px solid #f6f7f5;
	box-sizing: border-box;
	border-radius: 3px;
}

.top_ct_container .l_hline {
	margin-bottom: 30px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	word-break: break-word;
	line-height: 36px;
}

.speci_info_table {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.speci_info_table tr {
	border-bottom: 1px solid #ddd;
}

.speci_info_table tr td {
	height: 50px;
	vertical-align: middle;
}

.speci_info_table tr td:first-child {
	width: 18vh;
	padding-left: 25px;
	background-color: #eeeeee;
	font-size: 15px;
	font-weight: bold;
}

.speci_info_table tr td:last-child {
	padding: 5px 20px;
	line-height: 25px;
}

.add_user_tag_container {
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	background-color: #eff0ee;
	border: 1px solid #dddddd;
}

.add_user_tag_container p {
	color: #666;
	line-height: 18px;
	word-break: keep-all;
	margin-bottom: 18px;
}

.add_user_l_box {
	margin-right: 20px;
}

.add_user_r_box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.add_user_r_box input {
	width: 81%;
	height: 40px !important;
	margin-right: 10px;
}

.add_user_r_box button {
	width: 100px;
}

.add_user_r_box .add_new_tag_btn {
	margin-right: 10px;
}

.relate_sub_td a {
	margin-right: 5px;
}

.text_info_tr {
	max-height: max-content;
}

.description_td,
.text_info {
	line-height: 24px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.user_tag_td a:not(:first-child) {
	margin: 0 5px;
}

.user_tag_td .tag_btn {
	margin-top: 0;
}

.except_date_inputs,
.publish_date_inputs {
	width: 100%;
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
}

.except_date_inputs input:not(:first-child),
.publish_date_inputs input:not(:first-child) {
	margin-right: 10px;
}

.subject_btn {
	display: block;
	font-weight: normal;
	padding-left: 20px;
	margin: 10px 0;
}

.subject_btn_p {
	background: url(../img/bu01.png) left center no-repeat;
	background-size: 17.5px 16.5px;
}

.subject_btn_e {
	background:url(../img/bu02.png) left center no-repeat;
	background-size:13.5px 16.5px;
}

.subject_btn_o {
	background:url(../img/bu03.png) left center no-repeat;
	background-size:17.5px 16.5px;
}

.subject_btn_pl {
	background:url(../img/bu04.png) left center no-repeat;
	background-size:11.5px 16.5px;
}
/* 상세정보 페이지 detail.jsp */

/* 고신문 디지털 컬렉션 페이지 oldnews_info.jsp, oldnews_list.jsp, oldnews_subject.jsp, oldnews_age.jsp */
.info_and_list_tabs_container,
.subject_tabs_container {
	width: 100%;
}

.info_and_list,
.subject_tabs_container .subjects {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 60px;
}

.info_and_list li,
.subjects li {
	position: relative;
	margin-right: 30px;
	margin-bottom: 30px;
	color: #232323;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

.info_and_list li.active,
.subjects li.active {
	color: #65705a;
}

.info_and_list li a {
	color: #232323;
	font-size: 16px;
	position: relative;
}

.info_and_list li.active a,
.subjects li.active {
	color: #65705a;
}

.info_and_list li:hover a,
.subjects li:hover {
	color: #65705a;
	opacity: 0.5;
}

.subjects .col_tabs {
	font-weight: bold;
	font-size: 16px;
}

.subjects .col_tabs a {
	color: #232323;
}

.info_and_list li.active::after,
.subjects li.active::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -7px;
	left: 0;
	background-color: #65705a;
}

.collection_tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.collection_container {
	flex: 1 1 50%;
	max-width: 370px;
	margin-bottom: 60px;
}

@media screen and (max-width: 1024px) {
	.collection_container:nth-child(odd) > * {
		margin-right: 10px;
	}

	.collection_container:nth-child(even) > * {
		margin-left: 10px;
	}
}

/* 1123 이미지 사이즈 조절 */
.collection_img img {
	width: 100%;
	max-width: 370px;
	vertical-align: middle;
	cursor: pointer;
}

.collection_img img:hover {
	opacity: 0.8;
}

.collection_title {
	font-size: 24px;
	font-weight: bold;
	color: #232323;
	margin-top: 30px;
}

.collection_desc {
	margin-top: 20px;
	font-size: 16px;
	width: 100%;
	line-height: 24px;
	letter-spacing: -0.7px;
	max-height: 72px;
	/* 3줄까지 허용 ... */
	overflow: hidden;
	white-space: normal;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.collection_more_btns {
	margin-top: 30px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius: 2px;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 18px;
	word-break: keep-all;
	background-color: #65705a;
	cursor: pointer;
	color: white;
}

.collection_more_btns:hover {
	background-color: #545f48;
}

.collection_more_btns a {
	color: #fff;
	font-size: 14px;
}

.collection_more_btns i {
	float: right;
	line-height: 40px;
}

.news_s_result_container {
	width: 100%;
}

.news_s_result_container.facetedSearch {
	width: 72%;
	flex: 1 1 auto;
}

.news_s_result_container > h1.l_hline {
	word-break: keep-all;
}

.arrow_collection {
	margin-left: 15px;
}
/* 고신문 디지털 컬렉션 페이지 oldnews_info.jsp, oldnews_list.jsp, oldnews_subject.jsp, oldnews_age.jsp */

/* 고신문 디지털 컬렉션 정보/목록 페이지 oldnews_info.jsp, oldnews_list.jsp */
.info_and_list_menu_container {
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #dcdcdc;
}

.title_list {
	display: flex;
	flex-wrap: wrap;
}

/* 211112 속성 변경및 a -> 클래스로 변경*/
.title_list .info_list_tab {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	flex: 0 0 16.66%;
	background-color: #f4f4f4;
	color: #232323;
	font-weight: bold;
	height: 50px;
	border-bottom: 1px solid #92a4b2;
}

.title_list .info_list_tab:hover,
.title_list .info_list_tab.active {
	background-color: #65705a;
	color: #fff;
	box-sizing: border-box;
}

/* 211112 */
.sub_list_container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 10px 0;
}

.sub_list_container .sub_list {
	display: flex;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: 2px;
}

.sub_list li {
	height: 34px;
	margin: 10px 5px;
	padding: 0 25px;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	color: #232323;
	border: 1px solid #dfdfdf;
	border-radius: 50px;
	word-break: keep-all;
	cursor: pointer;
}

.sub_list li:hover {
	border: 1px solid #545f48;
}

.sub_list li.active {
	background-color: #b1c1a0;
}

.sub_list li a {
	color: #232323;
}

.sub_tab_container {
	display: none;
	width: 100%;
	margin: 20px 0;
}

.sub_tab_container h2 {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	line-height: normal;
}

.input_in_img {
	width: 30%;
	background-image: url(../img/zoom.png) !important;
	background-position: calc(100% - 10px) !important;
	background-repeat: no-repeat !important;
}

.input_in_img:focus::placeholder {
	color: transparent;
}
/* 고신문 디지털 컬렉션 정보/목록 페이지 oldnews_info.jsp, oldnews_list.jsp */

/* 고신문 디지털 컬렉션 정보 페이지 oldnews_info.jsp */
.info_wrapper {
	position: relative;
	margin: 30px 0 60px;
}

.info_wrapper::after {
	content: '';
	width: 10000px;
	height: 85%;
	background-color: #eff0ee;
	left: -2200px;
	bottom: 0;
	position: absolute;
	z-index: -1;
}

.information_container {
	display: flex;
	align-items: flex-start;
}

/* 1208 margin-right 추가 */
.information_container .info_img {
	margin-right: 30px;
}

/* 1220 추가 */
.info_wrapper_bottom {
	margin: 50px 0 0;
}

.info_wrapper_bottom::after {
	background-color: transparent;
}

.info_wrapper_bottom .information_container {
	align-items: center;
}

.info_wrapper_bottom .information_container .info_img img {
	min-height: unset;
}

.info_wrapper_bottom .info_desc {
	margin: 0;
}

.info_wrapper_bottom .info_desc_title {
	margin-bottom: 15px;
	font-size: 21px;
}

.information_container .info_img img {
	width: 250px;
	min-height: 314px;
	cursor: unset;
}

.information_container .info_img figcaption {
	margin: 5px 0 8px;
	width: 250px;
	text-align: center;
	font-size: 13px;
	word-break: keep-all;
}

.information_container .info_img a {
	color: #222;
	display: block;
	width: fit-content
}

.info_desc {
	width: 100%;
	position: relative;
	margin-top: 60px;
	margin-bottom: 30px;
}

.info_flexbox {
	margin: 25px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* 1220 추가 */
.info_desc_title {
	margin: 8px 0;
	color: #232323;
	font-size: 24px;
	font-weight: bold;
}

.info_desc_subs {
	color: #232323;
	line-height: 23px;
	font-size: 14px;
}

#sync_info {
	font-weight: bold;
}

.info_subject_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.info_subject_round {
	width: 160px;
	height: 160px;
	margin: 0 10px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background-color: #d9e2eb;
	border-radius: 50%;
	cursor: pointer;
}

.info_subject_round:hover {
	cursor: pointer;
	opacity: 0.7;
}

.info_subject_round_title {
	font-size: 18px;
	font-weight: bold;
	color: #232323;
	margin-bottom: 14px;
	text-align: center;
}

.info_subject_round_number {
	font-size: 16px;
	color: #666666;
}
/* 고신문 디지털 컬렉션 정보 페이지 oldnews_info.jsp */

/* browse.jsp */
.browse_wrapper {
	width: 100%;
	max-width: 1300px;
	height: 100%;
	margin: 0 auto;
	overflow-x: scroll;
	/* padding: 0 50px; */
}

.browse_menus {
	/* border: 3px dashed blue; */
	margin: 50px 0 80px 0;
	width: 100%;
	min-width: max-content;
	/* padding: 0 50px; */
}

.browse_menus_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.browse_list_container {
	/* border: 3px dashed saddlebrown; */
	/* max-width: 1200px; */
	/* width: 100%; */
	display: flex;
	/* justify-content: space-evenly; */
}

.browse_list_item {
	/* border: 1px solid blue; */
	margin-right: 15px;
	flex: 0 0 auto;
	/* width: 10.2857%; */
	/* display: none; */
}

.browse_list_container:last-child {
	margin-right: 10px;
}

.browse_list_container ul {
	margin-left: 10px;
}

/* .browse_list_item.active {
  display: block;
} */

.final_article {
	flex: 1 0 auto;
	width: 20.2857%;
	min-width: 400px;
}

.browse_list_item:last-child {
	margin-right: 0;
}

.browse_container_by_section {
	width: 100%;
	/* border: 1px dashed red; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.browse_menu_title {
	/* flex: 0 0 100%; */
	text-align: center;
	width: 100%;
	height: 60px;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	margin-left: 10px;
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-top: 15px;
  	margin-bottom: 28px; */
	/* font-size: 18px; */
	color: #232323;
	font-weight: bold;
}

.broswe_specific_menus {
	width: 100%;
	overflow-y: scroll;
	height: 590px;
	border: 1px solid #dcdcdc;
}

.menu_item_last,
.menu_item {
	border-bottom: 1px solid #dcdcdc;
	cursor: pointer;
}

.menu_item:last-child {
	border-bottom: 0;
}

.menu_item {
	color: #232323;
	height: 75px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu_item_last:hover,
.menu_item:hover {
	opacity: 0.5;
}

.menu_item.active {
	color: #3580dd;
	font-weight: bold;
}

.final_article_title {
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #232323;
}

.final_article_item {
	display: flex;
	flex-direction: column;
	padding: 15px 5px 15px 20px;
}

.browse_ct_btns {
	margin-bottom: 0;
}

.browse_ct_btns button {
	margin-bottom: 10px;
}
/* browse.jsp */

/* 신문 트렌드 페이지 news_trend.jsp */
.publish_date_control_wrapper,
.news_trend_research_wrapper {
	padding: 40px 30px 30px;
	background-color: #eff0ee;
	border: 1px solid #ddd;
	margin-top: 30px;
}

.news_trend_research_container {
	margin: 20px 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news_trend_research_container input[type='text'],
.news_trend_research_container select,
.news_trend_research_container button {
	height: 50px;
}

.news_trend_research_container input[type='text'] {
	flex: 10 1 auto;
	border: 0;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.news_trend_research_container select {
	margin-right: 0 !important;
	flex: 1 1 auto;
	border: 0;
	background-color: white;
}

.news_trend_research_container .gre_btn {
	width: 13%;
}

.news_trend_search {
	width: 85%;
	display: flex;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: white;
}

.news_trend_search>button {
	background: #fff;
	font-size: 20px;
	color: #65705a;
}

.news_trend_search>button:hover {
	color: #252f23;
}

.select_date_title,
.news_trend_pop_title {
	margin: 0 10px;
	font-size: 18px;
	color: #232323;
	font-weight: bold;
}

.news_trend_pop_container {
	margin: 20px 10px 0;
	display: flex;
	align-items: baseline;
}

.news_trend_pop_container>.news_trend_pop_title {
	margin: 0 0 10px;
	max-width: 70px;
	flex: 0 0 20%;
	font-size: 15px;
}

.news_trend_pop_word_list {
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
}

.trend_pop_item {
	font-size: 14px;
	position: relative;
	margin-right: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	color: #666;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.trend_pop_item::after {
	content: '';
	position: absolute;
	width: 1px;
	background-color: #232323;
	height: 17px;
	top: -1px;
	right: -10px;
}

.trend_pop_item:last-child:after {
	background-color: transparent;
}

.news_trend_select_date {
	display: flex;
	align-items: baseline;
	margin-top: 20px;
}

.date_flexbox {
	display: flex;
	align-items: center;
}

.date_flexbox span:nth-child(odd) {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 8px;
}

.date_flexbox input[type='text'],
.date_flexbox span:nth-child(2) {
	max-width: 130px;
	height: 35px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	line-height: 35px;
}

.date_flexbox span:nth-child(2) {
	margin: 0 8px;
	text-align: center;
}

.date_flexbox span > i {
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.news_trend_response_btn {
	width: 100%;
	margin-top: 30px;
	display: none;
}

.news_trend_chart {
	width: 100%;
	margin-top: 40px;
	padding: 30px;
	border: 1px solid #dcdcdc;
}

.link_container {
	display: flex;
	margin-top: 10px;
	margin-left: auto;
}

.link_container a {
	border: 1px solid #dcdcdc;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-right: 5px;
}

.link_container a img.facebook,
.link_container a img.twitter {
	width: 100%;
}

.link_container a:last-child {
	margin-right: 0;
}

.specific_ct_response {
	width: 100%;
}
/* 신문 트렌드 페이지 news_trend.jsp */

/* 발행일 검색 페이지 publish_date.jsp */
.publish_date_control_wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.news_search_by_word_wrapper {
	overflow-x: hidden;
	overflow-y: hidden;
	width: 67%;
	margin: 0 10px;
	flex: 1 1 auto;
}

.select_date_wrapper {
	margin: 0 10px 30px;
	min-width: 335px;
	flex: 1 1;
}

.publish_date_control_wrapper .btn_box {
	margin-left: auto;
	display: flex;
	justify-content: flex-end;
	flex: 0 0 100%;
}

.publish_date_control_wrapper .btn_box button {
	margin: 0 10px;
	height: 40px;
	flex: 0 0 auto;
	min-width: 100px;
}

.publish_date_control_wrapper .btn_box button:first-child {
	position: relative;
	background-color: white;
}

.explain_tooltip,
.explain_tooltip_2 {
	font-size: 12px;
	visibility: hidden;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
}

.explain_tooltip {
	width: 220px;
	top: -80%;
	right: -40%;
}

.init_btn:hover .explain_tooltip {
	visibility: visible;
}

.news_search_word_list {
	position: relative;
	display: flex;
	align-items: center;
	margin: 15px 0;
	justify-content: center;
	flex-wrap: wrap;
}

.select_all_word {
	flex-shrink: 0;
}

.select_all_word,
.news_search_word_list li {
	background-color: #b1c1a0;
	border-radius: 5px;
	width: 46px;
	height: 46px;
	color: #000;
	margin: 0 3px 5px;
	cursor: pointer;
}

.news_search_word_list li button {
	background-color: transparent;
	width: 100%;
	height: 100%;
	padding: 0;
}

.news_search_word_list li:hover {
	background-color: #566844;
}

.news_search_word_list li:hover button {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.select_all_word.active,
.news_search_word_list li.active {
	background-color: #566844;
}

.select_all_word.active button,
.news_search_word_list li.active button {
	color: #fff;
}

.news_search_word_list .ali_self_top span {
	margin-top: 5px;
}

.news_search_by_spell,
.select_date_tab.active,
.news_select_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

/* 1123 */
.title_tip_desc,
.side_text_dp_block {
	display: inline-block;
}

.side_text_dp_block {
	margin-right: 15px;
}

.title_tip_desc {
	font-size: 13px;
	color: #666666;
	margin-bottom: 10px;
	word-break: keep-all;
}

.select_date_tab.active {
	color: #232323;
}

.select_date_tab {
	height: 18px;
	line-height: 18px;
	margin-right: 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #818181;
	cursor: pointer;
}

.select_date_tab_menu {
	display: none;
}

.select_date_tab_menu.active {
	display: block;
}

.select_date_tab_menu .title {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 78px;
}

.explain_tooltip_2 {
	width: 180px;
	right: -10px;
	top: -25px;
}

.tooltip_btn:hover .explain_tooltip_2 {
	visibility: visible;
}

.news_search_date_txt {
	font-size: 16px;
	margin-bottom: 10px;
}

#tab_while.active {
	height: fit-content;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
}

#tab_while > div {
	flex: 1 1 50%
}

.tab_while_input_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 45px;
}

.tab_while_input_container input {
	flex: 1 1 80%;
	height: 35px !important;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	font-size: 15px;
}

.tab_while_input_container span:first-child {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
}

.tab_while_input_container span:nth-child(2) {
	margin: 0 20px;
	text-align: center;
	word-break: keep-all;
}

.tab_while_input_container i {
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.news_search_by_word_container {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	padding: 30px 40px;
	height: 370px;
	margin-bottom: 30px;
}

.news_search_checkbox_container {
	margin-right: 20px;
	display: flex;
	height: 32px;
	align-items: center;
	flex-wrap: wrap;
}

.news_thum_wrapper {
	height: 180px;
}

.news_thum_swiper {
	display: flex;
	justify-content: left;
}

.swiper_wrapper {
	width: 100%;
	position: relative;
}

.swiper-button-prev2,
.swiper-button-next2 {
	position: absolute;
	top: 35%;
	transform: translateY(-25%);
	cursor: pointer;
	color: #bcbcbc;
	font-size: 20px;
}

.swiper-button-prev2 {
	left: -20px;
}

.swiper-button-next2 {
	right: -20px;
}

.news_thum_swiper a {
	width: 104px;
	height: 128px;
	border: 1px solid #afa992;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
}

.news_thum_swiper a:hover {
	opacity: 0.8;
}

.news_thum_swiper a.active {
	border: 1px solid #65705a;
}

.news_thum_swiper a.active span {
	color: #65705a;
	font-weight: bold;
}

.news_thum_swiper a.active .fa-check {
	display: inline-block;
}

.news_thum_swiper a .fa-check {
	margin-right: 5px;
	display: none;
}

.news_thum_swiper a input[type='checkbox'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
}

.news_thum_swiper a img {
	height: 100%;
}

.news_thum_swiper a span {
	position: absolute;
	font-size: 14px;
	width: 100%;
	text-align: center;
	left: 0;
	height: 40px;
	align-items: center;
	display: flex;
	justify-content: center;
	word-break: keep-all;
}

.news_slide_right_btn .fa-chevron-right:before,
.news_slide_left_btn .fa-chevron-left::before {
	color: black;
}

.news_select_container {
	border: 1px solid #dcdcdc;
	background-color: #fff;
	padding: 30px;
	height: 370px;
}

.select_date_txt {
	display: flex;
	align-items: baseline;
}

.news_select_year_month {
	display: flex;
	justify-content: center;
	align-items: center;
}

.selected_month_container {
	display: flex;
	justify-content: center;
}

.cal_btn {
	border-radius: 3px;
	background-color: #9aa4ac;
	color: #fff;
	width: 18px;
	height: 18px;
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.selected_month {
	margin: 0 15px;
	font-weight: bold;
	font-size: 18px;
}

.selected_year {
	font-size: 18px;
	font-weight: bold;
	width: 110px;
	margin-right: 20px;
}

.news_select_calendar_table {
	margin: 10px 0;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}

.news_select_calendar_table tr th,
.news_select_calendar_table tr td {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	color: #999999;
	padding: 8px 2px;
}

.news_select_calendar_table tr th {
	color: #222222;
}

.news_select_calendar_table tr td.can_select {
	font-size: 14px;
	color: #222;
	font-weight: bold;
	cursor: pointer;
}

.news_select_calendar_table tr td.can_select.active {
	color: #527430;
	font-weight: bold;
}

.news_select_calendar_table tr td span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	margin: 0 auto;
}

.news_select_calendar_table tr td.can_select.active span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	background: #e1ead5;
	margin: 0 auto;
}

.cho_calendar>table .select_round {
	width: 30px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	display: block;
	border-radius: 15px;
	background: #d52c20;
	color: #fff;
	font-weight: bold;
}
/* 발행일 검색 페이지 publish_date.jsp */

/* 신문 연대기 페이지 news_chronology.jsp */
.txt_point_color {
	color: #4a87cb;
}

.news_chronology_wrapper {
	position: relative;
	display: flex;
	border: 1px solid #dcdcdc;
	padding: 50px 40px 0;
	margin-top: 40px;
	/* 1209 */
	max-height: 90vh;
	overflow-y: scroll;
}

.news_chronology_side_chart_wrapper {
	margin-right: 40px;
}

.news_chronology_side_items {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.news_chronology_item {
	background-color: #9aa4ac;
	border-radius: 3px;
	padding: 16px 5px 16px 12px;
	box-sizing: border-box;
	font-size: 14px;
	margin-bottom: 20px;
	flex: 1 1 auto;
	width: 175px;
	cursor: pointer;
}

.news_chronology_item.active,
.news_chronology_item:hover {
	background-color: #62717d;
}

.news_chronology_item .chronology_btn {
	color: #222;
	background-color: unset;
	height: auto;
	padding: 0;
}

.news_chronology_item span {
	font-size: 16px;
	color: #222;
}

.news_chronology_item.active span,
.news_chronology_item:hover span,
.news_chronology_item.active .chronology_btn,
.news_chronology_item:hover .chronology_btn {
	color: #fff;
}

.news_chronology_count {
	font-weight: bold;
	margin-left: 8px;
}

/* 신문 연대기 그래프 박스 */
.news_chronology_right_side_wrapper {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	flex: 1 1 70%;
}

.chronology_inner_right {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

/* 1112 */
.chronology_inner_right .chr_title {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}

.chr_list_container {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

.chr_list_container::after {
	position: absolute;
	content: '';
	width: 6px;
	height: 100%;
	background-color: #dcdcdc;
	top: 0;
	left: calc(50% - 3px);
}

.chr_list_container .chr_list_item {
	float: left;
	clear: both;
	width: 45%;
	position: relative;
}

.chr_list_container .chr_list_item:nth-child(2n) {
	float: right;
	clear: both;
}

.chr_list_container .chr_list_item .chr_item_spot {
	border-radius: 50%;
	background-color: #65705a;
	border: 3px solid #fff;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 30px;
	right: -14%;
	z-index: 1;
}

.chr_list_container .chr_list_item:nth-child(2n) .chr_item_spot {
	border-radius: 50%;
	background-color: #65705a;
	border: 3px solid #fff;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 30px;
	left: -14%;
	z-index: 1;
}

.chr_list_container .chr_list_item .news_chronology_right_side_container::after {
	right: -9px;
	box-shadow: 10px -10px 20px 5px rgba(222, 222, 222, 0.8);
}

.chr_list_container .chr_list_item:nth-child(2n) .news_chronology_right_side_container::after {
	left: -9px;
	box-shadow: -10px 10px 20px 5px rgba(222, 222, 222, 0.8);
}

.news_chronology_right_side_container::after {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 30px;
	background-color: #f5f5f5;
	transform: rotate(45deg);
}

.news_chronology_right_side_item {
	background-color: #f5f5f5;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 20px;
	box-shadow: 0 0 20px 5px rgba(222, 222, 222, 0.8);
}

.chronology_item_inner_container {
	margin-right: 20px;
	display: flex;
	flex-direction: column;
}

.chronology_item_inner_container .s_hline {
	margin-bottom: 20px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	line-height: 26px;
}

.chronology_item_inner_container .s_hline:hover {
	color: inherit;
}

.chronology_about_news_spe li {
	margin-bottom: 10px;
}

/* 211111 */
.chronology_item_inner_container .s_ct_btns {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.chronology_item_inner_container .s_ct_btns button {
	margin-top: 10px;
}

.chr_chart_more_btn {
	margin: 0 auto 30px;
	flex-shrink: 0;
	width: 90px;
	height: 50px;
	font-size: 16px;
}

#endBtn {
	width: 170px;
	cursor: default;
}

#endBtn:hover {
	background-color: #fff;
}
/* 신문 연대기 그래프 박스 */
/* 신문 연대기 페이지 news_chronology.jsp */

/* 주제관계 서비스 페이지 news_network.jsp */
.graph_wrap02 {
	height:60vh;
	margin:40px 0;
	background-color: rgb(245, 245, 245);
	border: 1px solid #dddddd;
}

/* 그래프 내 메뉴 */
.popupLayer {
	position: absolute;
	display: none;
	background-color: #ffffff;
	border-radius: 3px;
	padding: 2px 0;
	border: 2px solid #a8abbc;
	-webkit-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.15);
	box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.15);
	text-align: left;
	width: 100px;
}

.popupLayer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	letter-spacing: -0.015rem;
}

.popupLayer li {
	color: #74757f;
	border-bottom: 1px solid #e5e7f2;
	height:30px;
}

.popupLayer li:last-child {
	border-bottom: none;
}

.popupLayer li button {
	background: none;
	outline: 0 none;
	border: none;
	transition: all .2s ease-in-out;
	font-size: 11px;
	padding : 0 5px;
	height : 25px;
}

.popupLayer li button:hover {
	color: #bf955a;
}

.popupLayer li i {
	color: #3f4488;
	padding-bottom: 3px;
}
/* 그래프 내 메뉴 */
/* 주제관계 서비스 페이지 news_network.jsp */

/* 신문 브라우징 페이지 news_browse.jsp */
.news_browse_upper_info_container_ly {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.search_input_container_news_browse {
	background-color: #eff0ee;
	padding: 40px 40px 30px;
}

.news_browse_info_item {
	flex: 1 0 100%;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}

.news_browse_info_item:nth-child(2) {
	margin-bottom: 30px;
}

.news_browse_info_item:last-child {
	width: 100%;
	padding: 30px 30px 30px 40px;
}

/* 1202 */
.news_browse_title_box {
	display: flex;
	align-items: center;
	margin-bottom:16px;
}

.news_browse_title_box h2.info_item_title {
	width: 45px;
	margin-right: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	word-break: break-all;
}

.news_browse_chk_box {
	display: flex;
}

.news_browse_chk_box .news_brows_chk_img {
	width: 45px;
	height: 90px;
	display: flex;
	margin-right: 30px;
	justify-content: center;
	align-items: center;
}

.news_browse_chk_box .news_brows_chk_img img {
	width: 45px;
	filter: invert(44%) sepia(23%) saturate(307%) hue-rotate(47deg) brightness(90%) contrast(88%);
	cursor: unset;
}
/* 1202 */

.info_item_title .number {
	font-size: 16px;
	color: #666666;
	display: flex;
	flex-wrap: wrap;
}

.news_browse_info_item .info_item_list {
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news_browse_info_item .info_item_list li {
	width: 170px;
	margin: 10px 15px 10px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 14px;
}

.news_browse_info_item:first-child .info_item_list li,
.news_browse_info_item:nth-child(2) .info_item_list li {
	width: 140px;
	min-width: 140px;
}

.news_browse_searchTop_box {
	display: flex;
	flex-wrap: wrap;
}

.news_browse_searchTop_box .browse_keyword_search {
	position: relative;
	display: flex;
	margin-bottom: 10px;
	margin-right: 10px;
	flex: 1 1 21%;
}

.news_browse_searchTop_box .browse_keyword_search select {
	margin-right: 2px;
	width: 60px;
	font-size: 10px;
}

.news_browse_searchTop_box .browse_keyword_search input {
	width: 100%;
	min-width: 135px;
	height: 34px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.news_browse_info_item .info_item_list li input {
	margin-left: 0;
	margin-right: 6px;
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
}

.news_browse_info_item .info_item_list li label,
.news_browse_info_item .news_browse_title_box .info_item_title label {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	cursor: pointer;
}

.news_browse_info_item:first-child .info_item_list li label,
.news_browse_info_item:nth-child(2) .info_item_list li label {
	width: calc(100% - 22px);
}

.news_browse_info_item .info_item_list li label .tooltip_box {
	display: none;
}

.news_browse_info_item .info_item_list li label:hover .tooltip_box {
	display: block;
	padding: 10px;
	bottom: 100%;
	left: 0;
	background-color: #fff;
	position: absolute;
	border: 1px solid #dcdcdc;
	z-index: 1;
}

.info_item_list .info_item_sub_title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #232323;
}

.info_item_list .info_item_sub_title span:nth-child(2) {
	margin-left: 10px;
}

.info_item_sub_title .__sub_title_txt {
	max-width: unset;
	width: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.browse_keyword_search ul {
	width: 100%;
	height: auto;
}

.browse_keyword_search ul li {
	width: 100%;
	padding-bottom: 1px;
	border-bottom: 1px solid #e2e2e2;
}

.browse_keyword_search ul li:last-child {
	border-bottom: none;
}

.browse_keyword_search ul li a {
	display: block;
	line-height: 26px;
}

.browse_keyword_search ul li a,
.browse_keyword_search ul li button {
	width: 100%;
	min-height: 26px;
	border: none;
	margin: 0;
	background: #fff;
	font-size: 0.813rem;
	color: #4e4e4e;
	text-align: left;
	padding: 0 6px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.search_dropdown {
	width: 100%;
	height: auto;
	max-height: 300px;
	position: absolute;
	top: 2.5rem;
	padding: 4px 2px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	overflow-y: auto;
	z-index: 10;
	display: none;
}

.search_dropdown.open {
	display: block;
}

.selected button {
	background-color: #545f48 !important;
	color: white !important;
}

.intro {
	margin-bottom:25px;
	font-size: 12px;
}

.news_browse_container_ly {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	padding: 30px 40px;
	margin-bottom: 10px;
	border: 1px solid #dcdcdc;
}

.news_browse_container_ly ~.news_browse_tip_box {
	margin-bottom: 30px;
	margin-top: 5px;
}

.news_browse_container_ly .input_item {
	flex: 1 0 45%;
	margin-bottom: 10px;
}

.news_browse_container_ly .input_item input {
	width: 100%;
	height: 34px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.news_browse_container_ly .input_item .input_item_title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}

.news_browse_container_ly .input_item .selected_date_inputs {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.news_browse_container_ly .input_item .selected_date_inputs span:nth-child(odd) {
	width: 15vw;
	max-width: 154px;
	position: relative;
	display: flex;
	align-items: center;
}

.news_browse_container_ly .input_item .selected_date_inputs span:nth-child(2) {
	margin: 0 8px;
	vertical-align: middle;
}

.news_browse_container_ly .input_item .selected_date_inputs span > i {
	position: absolute;
	right: 10px;
	cursor: pointer;
}
/* 신문 브라우징 페이지 news_browse.jsp */

/* 소개 페이지 introduce.jsp */
.tab_container_layout {
	display: flex;
}

.introduce_tab_container {
	width: 100%;
	margin-top: 60px;
}

.introduce_tab_menu {
	cursor: pointer;
	margin-right: 30px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}

.introduce_tab_menu.active {
	color: #65705a;
}

.introduce_tab_menu.active::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -7px;
	left: 0;
	background-color: #65705a;
}

.introduce_tab_menu:hover {
	color: #65705a;
}

.introduce_content_module {
	display: none;
}

.introduce_content_module.active {
	display: block;
}

.intro_title_container_module {
	padding: 55px 50px;
	height: 250px;
	margin-bottom: 50px;
}

.intro_ct_tab_title {
	margin-bottom: 35px;
	font-size: 18px;
}

.intro_ct_title {
	font-size: 30px;
	margin-bottom: 20px;
	word-break: keep-all;
	line-height: 1.2em;
}

.intro_ct_tab_title,
.intro_ct_title {
	color: #fff;
	font-weight: bold;
}

.intro_ct_tab_desc {
	font-size: 16px;
	color: #fff;
	word-break: keep-all;
}

.intro_sub_text_container_module {
	margin-bottom: 100px;
}

.intro_sub_title {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 30px;
}

.intro_ct_text {
	font-size: 16px;
	line-height: 30px;
}

.intro_tab_article_img {
	text-align: center;
}

.intro_tab_article_img img {
	width: 85%;
	cursor: unset;
}

/* utilize_tab */
.intro_desc_img_wrapper {
	display: flex;
}

.intro_desc_section {
	text-align: center;
	word-break: keep-all;
}

.utilize_tab .intro_desc_section {
	flex: 1 1 30%;
}

.intro_desc_section:first-child {
	text-align: left;
	flex: 1 1 22%;
}

.utilize_tab .intro_desc_section:last-child .intro_desc_chart_by_list li {
	background-color: #707a66;
	font-weight: bold;
}

.utilize_tab .intro_desc_section:last-child .intro_desc_chart_by_list li:nth-child(2n) {
	background-color: transparent;
	color: #525f46;
}

.utilize_tab .intro_desc_section:last-child .intro_desc_chart_by_list .last_item {
	background-color: #525f46;
}

.intro_desc_title {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
}

.intro_desc_sub_title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 33px;
}

.intro_desc_chart_by_list {
	width: 85%;
	margin: 0 auto;
}

.intro_desc_chart_by_list li {
	height: 60px;
	background-color: #a4aeb6;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.intro_desc_chart_by_list .last_item {
	background-color: #8999a6;
}

.intro_desc_chart_by_list li:last-child i {
	visibility: hidden;
}

.intro_desc_chart_by_list li:nth-child(2n) {
	height: unset;
	background-color: transparent;
	color: #8999a6;
	font-size: 35px;
}

.intro_desc_section_last_desc {
	font-size: 16px;
}
/* utilize_tab */

/* status_tab */
.intro_desc_sub_small_title {
	font-size: 16px;
	font-weight: bold;
}

.green_point_txt span {
	font-size: 24px;
	color: #6c8751;
}

.status_tab .intro_desc_section:last-child {
	flex: 1 1 75%;
	padding-left: 20px;
}

.status_tab .intro_desc_section .intro_desc_title+p {
	font-size: 13px;
}

.intro_desc_section_under_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.intro_desc_section_item,
.intro_desc_numbers_ct {
	flex: 0 1 25%;
}

.intro_desc_section_under_wrapper:first-child .intro_desc_section_item {
	flex: 1 1 auto;
}

.intro_desc_numbers_ct img {
	margin-bottom: 24px;
	cursor: unset;
}

.intro_desc_numbers_ct .intro_desc_sub_small_title {
	margin-bottom: 10px;
}

.intro_desc_numbers_title_ct {
	flex: 1 0 100%;
	text-align: left;
	margin-bottom: 50px;
}

.subject_word_flexbox {
	display: flex;
	align-items: baseline;
}

.subject_word_flexbox>h2 {
	margin-bottom: 0;
	margin-right: 20px;
}

.lod-download-ct {
	margin-bottom: 0;
}

.lod-download-ct>p {
	margin-bottom: 5px;
}

.lod-download-ct a {
	color: #6c8751;
}

.lod-download-ct a:hover {
	color: #545f48;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.lod-download-ct span {
	font-size: 13px;
	color: #000;
	font-weight: 300;
}

.lod-download-ct .intro_desc_sub_title {
	margin-top: 40px;
	margin-bottom: 15px;
}

#LOD_DOWNLOAD {
	margin-top: 0;
}

.sub_margin {
	margin: 30px 0 15px;
	font-size: 16px;
	font-weight: bold;
}

.divide_line {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
	margin: 50px 0;
}
/* status_tab */
/* 소개 페이지 introduce.jsp */

/* 통계 페이지 statistics.jsp */
.statis_wrapper {
	width: 100%;
	margin-top: 60px;
}

.wrap_title_btn {
	display:flex;
	align-items: center;
	margin-bottom: 10px;
}

.statis_title {
	font-weight: bold;
	font-size: 18px;
}

.excel_btn {
	margin-left: auto;
}

.one_statis_container,
.divide_statis_container {
	margin-bottom: 50px;
	padding: 90px 30px 30px;
	border: 1px solid #dcdcdc;
}

.one_statis_container {
	position: relative;
}

.one_statis_container:last-child {
	margin-bottom: 0;
}

.one_statis_container button {
	position: absolute;
	top: 30px;
	right: 30px;
}

.one_statis_container .title,
.divide_statis_container .title {
	font-size: 16px;
	font-weight: bold;
}

.divide_statis_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.divide_left_st_container {
	flex: 1 1 auto;
	max-width: 35%;
}

.divide_right_st_container {
	flex: 1 1 auto;
	max-width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
}

.half_doughnut_chart_box {
	flex: 1 0 auto;
	max-width: 40%;
}
/* 통계 페이지 statistics.jsp */

/* 신문해제 페이지 news_release.jsp */
.released_news_select_wrapper {
	width: 100%;
	margin-top: 30px;
	border: 1px solid #dcdcdc;
}

.released_news_select_title_box {
	display: flex;
	align-items: center;
	background-color: #4d718c;
	padding: 10px 30px;
}

.released_news_select_consonant_list {
	padding: 0 20px;
}

.released_news_select_title_box .title {
	font-size: 18px;
	font-weight: bold;
	margin-right: 20px;
	color: #fff;
}

.released_news_select_title_box .sub_title {
	font-size: 12px;
	line-height: 30px;
	padding-top: 8px;
	color: #fff;
}

.released_news_select_title_box .btn_type_none {
	background-color: transparent;
	color: #fff;
	font-size: 25px;
	padding: 0;
}

.released_news_select_title_box .btn_box {
	margin-left: auto;
}

.released_news_select_title_box .btn_box button {
	display: none;
}

.released_news_select_title_box .btn_box button.active {
	display: block;
}

.btn_type_none {
	background-color: transparent;
}

.released_news_select_consonant_item {
	display: flex;
	align-items: baseline;
	padding: 20px;
	border-bottom: 1px solid #dcdcdc;
}

.released_news_select_consonant_item:last-child {
	border-bottom: none;
}

.released_news_select_consonant_item .consonant {
	font-weight: bold;
	background-color: #f5f5f5;
	color: #222;
	border-radius: 5px;
	margin-right: 10px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	flex: 0 0 auto;
}

.released_news_select_consonant_item button:hover {
	color: #65705a;
	text-decoration: underline;
}

.news_release_charts {
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
}

#chartArea {
	height: 30vh;
}

.news_release_charts_left_txt {
	flex: 1 1 20%;
}

.news_release_charts canvas {
	flex: 1 1 80%;
	width: 80% !important;
}

.news_release_charts_left_txt .title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

.news_release_charts_left_txt .total_news_txt {
	margin-bottom: 10px;
}

.news_release_charts_left_txt .news_percent_txt,
.news_release_charts_left_txt .total_news_txt {
	font-size: 14px;
	color: #7a7a7a;
}

.news_release_charts_left_txt .news_percent_txt i,
.news_release_charts_left_txt .total_news_txt i {
	margin-right: 10px;
	color: #7a7a7a;
}

.news_release_charts_left_txt .news_percent_txt span,
.news_release_charts_left_txt .total_news_txt span {
	font-weight: bold;
	color: rgb(211, 49, 9);
	font-size: 16px;
}

.new_release_desc_wrapper {
	display: none;
	width: 100%;
}

.new_release_desc_wrapper.active {
	display: flex;
	flex-wrap: wrap;
}

.newspaper-download {
	margin-top: 20px;
	margin-left: auto;
}

.news_release_desc_container {
	display: flex;
	width: 100%;
	margin-top: 70px;
}

.new_release_desc_img_ct {
	margin-right: 35px;
}

.new_release_desc_img_ct figure {
	border: 1px solid #dcdcdc;
	padding: 10px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.6);
}

#paperImg {
	cursor: unset;
}

.new_release_desc_text_ct .title {
	font-size: 34px;
	margin-bottom: 50px;
	position: relative;
	word-break: keep-all;
	line-height: normal;
}

.new_release_desc_text_ct .title::after {
	position: absolute;
	content: '';
	width: 7%;
	height: 2px;
	background-color: #65705a;
	bottom: -20px;
	left: 0;
}

.new_release_desc_text_ct .desc {
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	font-size: 16px;
	line-height: 30px;
}

.new_release_desc_text_ct .desc div {
	word-break: keep-all;
}
/* 신문해제 페이지 news_release.jsp */

/* 만족도 평가 레이아웃 */
.evaluation_wrapper {
	border: 1px solid #dcdcdc;
	margin-top: 30px;
}

.eval_title_ct {
	background-color: #eff0ee;
	padding: 20px 30px;
}

.eval_content_ct .title,
.eval_title_ct .title {
	font-weight: bold;
	font-size: 16px;
}

.eval_content_ct {
	padding: 20px 30px;
}

.eval_content_ct>.title {
	color: #3580dd;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 25px;
}

.eval_content_ct .eval_input_box {
	width: 490px;
	margin-left: -5px;
	display: flex;
	justify-content: space-between;
}

.customSatisfaction .divide_line {
	margin: 25px 0;
}

.eval_txt_ct {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.eval_txt_ct .title {
	flex: 1 1 100%;
	margin-bottom: 20px;
	word-break: keep-all;
}

.eval_txt_ct textarea {
	width: 100%;
	height: 70px;
	margin-bottom: 15px;
}

.eval_txt_ct button {
	width: 100px;
	margin-left: auto;
}
/* 만족도 평가 레이아웃 */

/* 드롭다운 레이아웃 */
.dropdown a {
	cursor: pointer;
}

.dropdown.active {
	border-bottom: 2px solid white;
	padding-bottom: 5px;
}
/* 드롭다운 레이아웃 */

/* 커스텀 체크박스 */
.checkbox_custom_container button {
	margin-right: 9px;
	padding-bottom: 10px;
	word-break: keep-all;
	line-height: 38px;
}

.checkbox_custom_container input[type="checkbox"] {
	opacity: 0;
	width: 0;
	height: 0;
}

.checkbox_custom_container label {
	margin-right: 20px;
}
/* 커스텀 체크박스 */

/* 메인 페이지 초성 검색 */
.news_search_by_letters {
	padding: 60px 0;
}

.news_search_by_letters {
	background: linear-gradient(90deg, rgba(216,223,210,1) 0%, rgba(240,242,237,1) 43%, rgba(255,255,255,1) 100%);
}

.news_search_by_letters .container {
	display: flex;
}

.news_search_by_letters__textBox {
	flex: 1 0 20%;
	margin-right: 30px;
}

.news_search_by_letters__textBox .title {
	font-size: 28px;
	font-weight: bold;
	color: #232323;
	margin-bottom: 40px;
}

.news_search_by_letters__textBox .dec {
	font-size: 15px;
	color: #232323;
	width: 200px;
	line-height: 18px;
	word-break: keep-all;
}

.news_search_by_letters__selectBox {
	flex: 1 1 80%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px
}

.news_search_by_letters__selectBox__upper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
}

.news_search_by_letters__selectBox__upper ul div,
.news_search_by_letters__selectBox__upper ul li {
	flex: 0 0 auto;
	background-color: #b1c1a0;
}

.news_search_by_letters__selectBox__upper .news_search_word_list div,
.news_search_by_letters__selectBox__upper .news_search_word_list li {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	font-size: 13px;
}

.news_search_by_letters__selectBox__upper ul div.active,
.news_search_by_letters__selectBox__upper ul li.active {
	background-color: #566844;
}

.news_search_by_letters__selectBox__newsCard .news_thum_swiper a {
	border: none;
}

.news_search_by_letters__selectBox__newsCard .news_thum_swiper {
	flex: 1 1 auto;
	width: 300px;
}

.news_search_by_letters__selectBox__newsCard {
	display: flex;
	flex: 1 1 auto;
	position: relative;
}

.news_search_by_letters__selectBox__newsCard .swiper-button-prev2,
.news_search_by_letters__selectBox__newsCard .swiper-button-next2 {
	position: absolute;
	top: 35%;
	color: #232323;
	transform: translateY(-35%);
	cursor: pointer;
	font-size: 20px;
}

.news_search_by_letters__selectBox__newsCard .swiper-button-next2 {
	margin-right: -12px;
}

.news_search_by_letters__selectBox__newsCard .swiper-button-prev2 {
	margin-left: -12px;
}

.news_search_by_letters__selectBox__newsCard .news_thum_wrapper {
	width: 100%;
}

.news_search_by_letters__selectBox__newsCard .news_thum_wrapper figure {
	height: 170px;
	width: 136px;
	margin-right: 30px;
}
/* 메인 페이지 초성 검색 */

/* 검색 결과 텍스트 보기/상세보기 */
/* 김경민 텍스트보기 스타일 추가 2022.02.17 */
.well {
	display: none;
	width: 95%;
	max-width: 1200px;
	min-height: 20px;
	margin: 20px 0;
	padding: 30px 30px 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, .15)
}

#fullText_area h1 {
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	font-size: 28px;
	padding-bottom: 30px;
}

#fullText_area P {
	padding-bottom: 30px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

#fullText_area p#fullText_abstract {
	line-height: 1.5;
	font-size: 15px;
}

.well .fyi {
	margin-bottom: 15px;
	line-height: 1.3;
}

.well .info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.well .info_btn1 button,
.download_wrap button {
	margin: 5px 0;
	padding: 0;
	background-color: transparent;
	color: #545f48;
}

.well .info_btn1 button:not(:last-child),
.download_wrap button:not(:last-child) {
	margin-right: 20px;
}

.well .info_btn2 button,
.close_wrap button {
	margin: 5px 0;
	width: 90px;
	background-color: #65705a;
	border: none;
	color: white;
}

.well .info_btn2 button:hover,
.close_wrap button:hover {
	background-color: #545f48;
}

.well .info_btn2 button:first-child {
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid #545f48;
	color: #65705a;
}

.well .info_btn1 button:hover,
.download_wrap button:hover,
.well .info_btn2 button:first-child:hover {
	color: #252f23;
}

.data_list {
	width: 100%;
}

.data_list>div {
	box-sizing: border-box;
	display: block;
	width: 100%;
}

.data_list>div h2 {
	font-size: 26px;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.data_list>div>.btn_area {
	position: relative;
	width: 100%;
	display: flex;
	margin: 10px 0 20px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.data_list>div>.btn_area:nth-child(4) {
	margin: 20px 0 0;
}

.data_list>div>.btn_area>p.inner_wrap>button {
	display: inline-block;
	border-radius: 2px;
	background: #afa992;
	padding: 0 10px 0 10px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	cursor: pointer;
}

.data_list>div>.btn_area>p.inner_wrap>button:hover {
	opacity: 0.8;
}

.data_list>div>.btn_area>p.inner_wrap>.bg_red {
	background: #b52a20 !important
}

.data_list>div>.btn_area>p.inner_wrap>.bg_black {
	background: #000 !important
}

.data_list>div>.btn_area>p.inner_wrap>button>span {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

.data_list>div>.btn_area>p.sns_wrap>a {
	display: inline-block;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.data_list>div>.btn_area>p.sns_wrap>a:last-child {
	margin-left: 5px;
}

.data_list>div>.btn_area>p.sns_wrap>a>img {
	width: 100%;
}

.detail_info {
	width: 100%;
}

.detail_info>p {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.25px;
	margin-bottom: 10px;
}

.detail_info>ul {
	border-top: 2px solid #9f9f9f;
	width: 100%
}

.detail_info>ul>li {
	width: 100%;
	display: table;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0;
}

.detail_info>ul>li>span,
.detail_info>ul>li>p {
	display: table-cell;
	vertical-align: top;
	float: left
}

.detail_info>ul>li>span {
	width: 15%;
	font-size: 13px;
	letter-spacing: -0.25px;
	color: #000;
	font-weight: bold
}

.detail_info>ul>li>p {
	width: 80%;
	font-size: 13px;
	letter-spacing: -0.25px;
	color: #000;
}

.detail_info p#fullText_area {
	padding: 0;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	font-size: 13px;
	line-height: 18px;
}

.bu_list>.bu01 {
	display: block;
	font-weight: normal;
	background: url(../img/bu01.png) left center no-repeat;
	background-size: 17.5px 16.5px;
	padding: 3px 0 3px 20px;
}

.bu_list>.bu02 {
	display: block;
	font-weight: normal;
	background: url(../img/bu02.png) left center no-repeat;
	background-size: 13.5px 16.5px;
	padding: 3px 0 3px 20px;
}

.bu_list>.bu03 {
	display: block;
	font-weight: normal;
	background: url(../img/bu03.png) left center no-repeat;
	background-size: 17.5px 16.5px;
	padding: 3px 0 3px 20px;
}

.bu_list>.bu04 {
	display: block;
	font-weight: normal;
	background: url(../img/bu04.png) left center no-repeat;
	background-size: 11.5px 16.5px;
	padding: 3px 0 3px 20px;
}
/* 검색 결과 텍스트 보기/상세보기 */

/* 브라우저 알림 레이아웃 */
.browser_notice {
	display: none;
	color: #fff;
	background: #3f4488;
}

.browser_notice .flexbox {
	border: none;
	flex-wrap: wrap;
	justify-content: center;
}

.browser_notice span:first-child {
	margin: 0 10px;
	line-height: 35px;
}

.browser_notice span span {
	border: 1px solid;
	cursor: pointer;
}

.close_notice {
	margin: 0 10px;
	font-size: 12px;
	line-height: 35px;
}

.close_notice button {
	margin: 0 1px;
	background-color: transparent;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
}
/* 브라우저 알림 레이아웃 */

/* 다국어 입력기 레이아웃 */
.worldword-wrap {
	margin-top: 4rem;
	width: 92%;
	max-width: 654px;
	padding: 10px 14px 14px;
	border: 1px solid #ddd;
	background: #eff0ee;
	z-index: 10;
}

@media screen and (max-width: 1100px) {
	.worldword-wrap {
		max-width: 55vw;
	}

	#oldKorean.language-contents {
		max-height: 30vw;
		overflow-y: scroll;
	}

	.language-contents>ul>li.head,
	.language-contents>ul>li.blank {
		display: none;
	}
}

fieldset > legend {
	overflow: hidden;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.worldword-title {
	overflow: hidden;
	color: #000;
	line-height: 30px;
	white-space: nowrap;
	display: block;
	font-size: 15px;
	height: 30px;
	padding-left: 5px;
}

.worldword-close {
	color: #000;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	padding: 0 12px;
}

.worldword {
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
	border: 1px solid #ddd;
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
}

.worldword>ul {
	overflow: hidden;
	width: 100%;
	height: 35px;
	background: #fff;
	box-sizing: border-box;
	list-style: none;
}

.worldword>ul>li {
	text-align: center;
	float: left;
	width: 33.33%;
	height: 35px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e8e8e8;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 35px;
	background-color: #4a5044;
	color: white;
}

.worldword>ul>li:last-child {
	border-right: 0;
}

.worldword>ul>li.active {
	background-color: white;
	color: black;
}

.old-korean {
	overflow: hidden;
	width: 100%;
	min-height: 245px;
	padding: 15px;
	background: #fff;
	box-sizing: border-box;
}

.old-korean>ul {
	padding-bottom: 15px;
	overflow: hidden;
}

.language-contents {
	overflow: hidden;
	width: 100%;
	min-height: 140px;
	padding: 15px;
	background: #fff;
	box-sizing: border-box;
}

#oldKorean.language-contents {
	padding: 0;
}

.oldhan_list_wrap>ul>li,
.language-contents>ul>li {
	float: left;
	width: 28px;
	height: 28px;
	margin: 0;
	border: 1px solid #e8e8e8;
}

.language-contents>ul>li.head {
	text-align: center;
	line-height: 26px;
	background-color: rgba(232, 232, 232, 0.3);
	font-family: 'Noto Sans KR', '나눔바른고딕 옛한글', sans-serif;
	font-size: 13px;
}

.language-contents>ul>li.expanded {
	width: 56px;
}

.old-korean>ul>li {
	float: left;
	width: 53px;
	height: 30px;
	border: 1px solid #e8e8e8;
}

.old-korean>ul>li.isSelected {
	border: 1px solid black;
}

.old-korean>ul>li.isSelected>a {
	color: black;
}

.oldhan_list_wrap>ul>li>a,
.old-korean>ul>li>a,
.language-contents>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 13px;
	text-align: center;
	line-height: 26px;
	background: none;
}

.oldhan_list_wrap>ul>li>a:hover,
.language-contents>ul>li>a:hover,
.old-korean>ul>li>a:hover {
	background-color: #4a5044;
	color: white;
}

.ir_text{
	overflow: hidden;
	position: absolute;
	border: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.world_word_btn {
	width: 10%;
	min-width: 40px;
	height: 34px !important;
	background-color: #fff;
	color: #65705a;
	box-sizing: border-box;
	padding: 0 6px;
	word-break: keep-all;
	font-size: 20px;
	cursor: pointer;
	border: 0.5px solid #65705a;
	font-weight: bold;
}

.pop_world_word > i {
	pointer-events: none;
	line-height: 34px;
}

.flexbox {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border: 1px solid #ddd;
	border-radius: 2px;
}

.flexbox input {
	width: calc(100% - 50px);
	margin: auto 0;
	border: 0;
}

.flexbox>button {
	width: 50px;
	height: 34px;
	padding: 0;
	font-size: 20px;
	background-color: white;
	color: #65705a;
}

.flexbox>button:hover {
	color: #545f48;
}
/* 다국어 입력기 레이아웃 */

/* 패싯 검색 레이아웃 */
.faceted_nav {
	position: relative;
	margin: 20px 20px 0 0;
	width: 25%;
	max-width: 260px;
	height: auto;
	display:none;
	flex: 1 0 auto;
}

.faceted_header {
	width: 100%;
	padding: 15px 10px;
	display: none;
	border: 1px solid #dcdcdc;
	line-height: normal;
}

.faceted_container {
	top: 114px;
	width: 100%;
	height: 100%;
}

.faceted_list {
	margin: 10px 0 20px;
	padding: 0 10px 20px;
	width: 100%;
	height: fit-content;
	text-align: center;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ddd;
}

.faceted_list:first-child {
	margin-top: 0;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

.faceted_list:last-child {
	margin-bottom: 0;
}

.faceted_header,
.faceted_title {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}

.faceted_title p > i {
	margin-left: 10px;
	color: #4a87cb;
}

.faceted_title.year {
	position: relative;
}

.faceted_list ul {
	width: 100%;
	margin-top: 10px;
}

.faceted_list ul.newspaperKorName {
	max-height: 189px; /* 27px * 보여줄 개수 */
	overflow-y: auto;
}

.faceted_list button {
	width: 100%;
	height: 15px;
	margin-top: 10px;
	padding: 0 10px;
	text-align: left;
	line-height: 15px;
	background-color: transparent;
	font-weight: 700;
	color: black;
}

.faceted_list button:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.faceted_list ul > li {
	position: relative;
	padding: 6px 0 6px 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #4c4c4c;
	text-align: left;
	line-height: 15px;
	cursor: pointer;
}

.faceted_list ul > li:nth-child(n+6) {
	display: none;
}

.faceted_list ul.newspaperKorName > li:nth-child(n+6) {
	display: flex;
}

.faceted_list ul > li:hover {
	color: #f6931f;
}

.faceted_list ul > li .tooltip_txt {
	color: #4C4C4C;
	font-weight: bold;
	letter-spacing: -0.1px;
}

.faceted_list ul > li > span {
	display: inline-block;
}

.faceted_list ul > li > span:first-child {
	width: 65%;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.faceted_list ul > li > span:nth-child(2) {
	width: 35%;
	padding-right: 10px;
	text-align: right;
}

.faceted_list ul > li > span .tooltip_box {
	display: none;
}

.faceted_list ul > li > span:hover .tooltip_box {
	display: block;
	padding: 10px;
	bottom: 100%;
	left: auto;
	background-color: #fff;
	position: absolute;
	border: 1px solid #dcdcdc;
	z-index: 1;
}

.div_issuedYear {
	min-height: 215px;
}

.year > h1 {
  	display: contents;
}

/* NwagonChart CSS  START */
.faceted_chart {
	position: absolute;
	overflow: hidden;
}
.foreground .labels, .circles, .tooltip {
	display: none;
}
/* NwagonChart CSS  END */

#issuedYear_empty {
	width: 100%;
    height: 100px;
    text-align: center;
}

#issuedYear_empty span {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	word-break: keep-all;
}

.chart_container {
	position: relative;
	overflow: hidden;
	height: 101px;
}

input[type='text'].range_value {
	height: 25px;
	margin-top: 10px;
	padding: 0;
	border: 0;
	outline: 0;
	color: #f6931f;
	font-weight: 700;
	font-size: 18px;
}

/* 검색 히스토리 CSS  START */
.faceted_history {
	margin: 13px 5px 15px;
	min-height: 86px;
}

.faceted_history > p {
    display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
}

.delete_history {
	width: 13px;
	margin: 0 5px;
	border-radius: 30px 30px;
	border: 1px solid rgb(128, 128, 128);
	cursor: pointer;
	filter: opacity(0.5);
}

.next_history {
	width: 15px;
	vertical-align: top;
}
/* 검색 히스토리 CSS  END */

/* 검색 초기화 CSS */
.init_faceted {
	margin-right: 5px;
    padding: 1px 10px;
    width: fit-content;
    height: fit-content;
    border-radius: 30px;
    color: white;
    background-color: #545f48;
}

/* ui-slider CSS  START */
.ui-slider-horizontal {
	position: absolute;
	top: 165px;
	left: 0;
	height: 10px;
	max-width: 100%;
	border: none !important;
	border-radius: 30px 30px;
	background: #e1ead5;
}

.ui-slider-handle {
  	display: block;
    position: absolute;
    width: 20px;
    height: 20px;
  	outline: 0;
    background: #ffffff;
    border-radius: 100px !important;
    transform: translate(-50%, -75%);
}

.ui-slider-range {
	width: 100%;
	height: 100%;
	border-radius: 30px 30px;
	background: #4a5044 !important;
	position: relative;
}

.count-spinner {
	position: absolute;
	top: 250px;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 10px solid #ccc;
	border-top-color: #4a5044;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	z-index: 9;
	display: none;
}

@keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* ui-slider CSS  END */
/* 패싯 검색 레이아웃 */

/* 검색어 자동완성 레이아웃 */
.suggestions-list {
	list-style: none;
	padding: 0;
	border: 2px solid #4a5044;
	border-top: 1px solid #4a5044;
	max-width: calc(84% + 5px);
	width: 100%;
	background: #FFFFFF;
	position: absolute;
	z-index: 1000;
	max-height: fit-content;
	overflow-y: auto;
	top: 40px;
	left: -2px;
}

.suggestions-list li:not(.autocomplete-close) {
	padding: 12px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.suggestions-list li:hover {
	background-color: #f9f9f9;
}

.suggestions-list li.autocomplete-close {
	height: 40px;
	padding: 0;
	background-color: #f0f0f0;
	cursor: unset;
}

.suggestions-list li.autocomplete-close:hover {
	background-color: #f0f0f0;
}

.suggestions-list li.autocomplete-close #autocompleteCloseBtn {
	float: right;
	background-color: transparent;
}

.ksSuggestions-list li.ksAutocomplete-close {
	height: 40px;
	padding: 0;
	background-color: #f0f0f0;
	cursor: unset;
}

.suggestions-list li.autocomplete-close #ksAutocompleteCloseBtn {
	float: right;
	background-color: transparent;
}


.suggestions-list#ks-suggestions-list {
	max-width: unset;
	width: calc(100% + 2px);
	top: 34px;
	left: -1px;
	border: 1px solid #dddddd;
}
/* 검색어 자동완성 레이아웃 */

@media screen and (max-width: 1024px) {
	.speci_keyword_mid_divide {
		flex-wrap: wrap;
	}

	.speci_keyword_mid_divide .search_input_container {
		flex: 0 1 100%;
		padding: 20px 30px 30px;
	}

	.speci_search_container_title {
		margin-bottom: 5px;
	}

	.speci_search_side_bar {
		width: 100%;
		margin-left: 0;
		flex-basis: auto;
		min-width: 0;
	}

	.toggle-tablet {
		display: block;
	}

	.toggle-desktop {
		display: none;
	}

	.faceted_list {
		padding: 0 0 20px;
	}

	.faceted_list ul > li > span:first-child {
		width: 55%;
	}

	.faceted_list ul > li > span:nth-child(2) {
		width: 45%;
	}
}