@charset "utf-8";
::after,::before {box-sizing: border-box;}
/* layout */
#container .content {padding-bottom: 10rem;}

/* datepicker */
.ui-datepicker {width: 527px; border-radius: 2px; padding: 50px 40px; background-color: #ffffff; border: 6px solid rgba(194,196,214,0.39) !important; border-bottom: none !important;}
.ui-datepicker .ui-datepicker-title {margin: 0 10px;}
.ui-datepicker-title {display: flex; align-items: center; justify-content: center; gap:15px;}
.ui-datepicker .ui-datepicker-header {padding: 0; display: flex; align-items: center; justify-content: center; background-color: transparent; border: none;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: relative; left: 0; top: 0; background: url(../images/icons/arrow_date.svg) no-repeat center; width: 17px; height: 17px; background-size:auto 100%; border:none !important; cursor: pointer;}
.ui-datepicker .ui-datepicker-next {order: 2;}
.ui-datepicker .ui-datepicker-prev {transform: rotate(180deg);}
.ui-datepicker .nice-select {border: none; height: 36px; line-height: 36px; background-color: transparent; padding-left: 0; margin-left: 15px; margin-top: 2px;}
.ui-datepicker .nice-select .current {font-size: 22px; font-weight: 800;}
.ui-datepicker .ui-datepicker-title select {height: 36px !important; width: 110px !important; opacity: 0 !important; visibility: hidden !important;}
.ui-datepicker table {margin: 20px 0 0 0; font-size: 15px;}
.ui-datepicker table th {border-bottom: 2px solid #eff0f4; padding: 15px 0; font-size: 14px; color: #222;}
.ui-datepicker td {padding: 10px 12px;}
.ui-datepicker-calendar tbody td .ui-state-default {cursor: default; pointer-events: none; height: 38px; width: 38px; border: 2px solid transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 600; color: #222; text-align: center; background-color: transparent; transition: .2s;}
.ui-datepicker-calendar tbody td.link-day .ui-state-default {border-color: #dadaf2; pointer-events: auto; cursor: pointer !important;}
.ui-datepicker-calendar tbody td.link-day .ui-state-default:hover {border-color: #475def; background-color: #475def; color: #fff; font-weight: 800;}
.ui-datepicker-day-select-wrap {display: none;}

.view_list .ui-datepicker-calendar tbody td .ui-state-default.ui-state-active {border-color: #475def; background-color: #475def; color: #fff; font-weight: 800;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity: 1;}
.ui-state-disabled, .ui-widget-content .ui-datepicker-other-month.ui-state-disabled {opacity: .35;}
/* selectBox */
.select01.nice-select {border-radius: 2px; border: 1px solid #d5d5d5; min-width: 7rem; height: 3.3rem; line-height: 3.1rem; padding-left: 1rem; padding-right: 3rem; font-size: 1.3rem;}
.select02.nice-select {border-radius: .8rem; border: 1px solid rgba(0,0,0,0.24); min-width: 5.5rem; height: 4.2rem; line-height: 4rem; padding-left: 1rem; padding-right: 2.5rem; font-size: 1.5rem; font-weight: 700;}/* 251125 */
.nice-select .list {min-width: 7rem; border: 1px solid #cccccd; border-radius: 2px; filter: drop-shadow(2.5px 4.33px 2.5px rgba(0,0,0,0.09)); background-color: #ffffff; max-height: 32rem; overflow-y: auto;}
.nice-select .option {padding: 0 1.2rem; min-height: 3.2rem; line-height: 3.2rem; font-size: 1.4rem; color: #000; font-weight: 500;}
.nice-select::after {display: none;}
.nice-select::before {display: block; content: ''; background: url(../images/icons/arrow_select.svg) no-repeat 0 0; width: 7px; height: 5px; position: absolute; right: 1rem; top: calc(50% - 2.5px); transition: .3s; background-size: 100% auto;}
.nice-select.open::before {transform: rotate(180deg);}

/* selectBox Search */
.select_search {border:none; height: 100%; width: 8.4rem; font-size: 1.5rem; font-weight: 500; border-radius: 2.7rem; line-height: 5.5rem;}
.select_search:focus {outline: none;}
.select_search.nice-select .list {top: calc(100% - 1.5rem);}
.nice-select .list {border-radius: .8rem; }

/* 페이징 */
.paging_wrap {display: flex; align-items: center; justify-content: center; margin-top: 4.5rem;}
.paging_wrap .total {margin-left: 3.2rem; font-size: 1.5rem; font-weight: 700; color: #ca481d;}
.paging_wrap .paging {display: flex; align-items: center; gap:1rem; margin-left: 4rem;}
.paging_wrap .paging .pc_paging {display: flex; align-items: center; gap:1rem;}
.paging_wrap .paging .mo_paging {display: none;}
.paging_wrap .paging .mo_paging p {display: flex; align-items: center; gap:1rem; font-size: 13px; color: #333;}
.paging_wrap .paging .prev {margin-right: 1.2rem; padding-left: 1.2rem; font-size: 1.3rem; color: #666; position: relative;}
.paging_wrap .paging .prev::before {display: block; content: ''; background: url(../images/icons/arrow_gray.svg) no-repeat; background-size: 5px auto; transform: rotate(180deg); position: absolute; left: 0; top: calc(50% - 5px); width: 5px; height: 9px;}
.paging_wrap .paging .next {margin-left: 1.2rem; padding-right: 1.2rem; font-size: 1.3rem; color: #666; background: url(../images/icons/arrow_gray.svg) no-repeat right center; background-size: 5px auto;}
.paging_wrap .paging .pc_paging > * {display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: #333; width: 2.9rem; height: 2.9rem; border-radius: 4px;}
.paging_wrap .paging .num.active {background-color: #e1e1e1;}

/* 테이블 */
.tb_sort {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.tb_sort .tb_select {display: flex; gap:3px; align-items: center; flex-wrap: wrap;}
.tb_sort .tb_select .total {font-size: 1.5rem; margin-right: 3rem; font-weight: 700; color: #ca481d;}

.tb_wrap table {border-collapse: collapse; border-bottom: 1px solid #d3d3d3; width: 100%;}
.tb_wrap table tr td {font-size: 1.5rem; color: #333; padding: 1.5rem 1rem 1.5rem 0; border-top: 1px solid #d3d3d3; transition: .3s; cursor: pointer;}/*260105*/
.tb_wrap table tr:hover td {background-color: #f7f8fc;}
.tb_wrap table tr td.fb {font-weight: 700; font-size: 1.7rem; padding: 1.5rem 0;}

/* 정렬 */
.sort ul {display: flex;}
.sort li ~ li {margin-left: 1.2rem; padding-left: 1.2rem; position: relative;}
.sort li ~ li::before {display: block; content: ''; width: 1px; height: 2.1rem; background-color: #d3d3d3; position: absolute; left: 0; top: 0;}
.sort li button {font-size: 1.5rem; color: #4d4d4d; font-weight: 700;}
.sort li.active button {color:#ca481d; padding-left: 2rem; background: url(../images/icons/icon_chk.svg) no-repeat left center; background-size: 1.2rem auto;}

/* 서브 타이틀 */
.sub_title {border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding: 2rem 0; margin-bottom: 6rem;}
.sub_detail .sub_title {padding: 1.4rem 0;}
.sub_title .inner {display: flex; align-items: flex-end;}
.sub_title .contL .breadcrumb {display: flex; align-items: center;}
.sub_title .contL .breadcrumb a.home {display: block; background: url(../images/icons/icon_home.svg) no-repeat 0 0; width: 1.6rem; height: 1.3rem; background-size: 100% auto;}
.sub_title .contL .breadcrumb a.btn_url_copy {display: block; background: url(../images/icons/icon_copy_url.svg) no-repeat 0 0; width: 2.2rem; height: 2.2rem; background-size: 100% auto;}
.sub_title .contL .breadcrumb ul {display: flex; align-items: center; margin: 0 1.2rem;}
.sub_title .contL .breadcrumb li ~ li {margin-left: 1rem; padding-left: 1.4rem; background: url(../images/icons/arrow_bread.svg) no-repeat left center; background-size: .6rem auto;}
.sub_title .contL .breadcrumb li a {font-size: 1.4rem; color: #222;}
.sub_title .contL .tit {margin-top: 2rem; display: flex; align-items: flex-end; padding-right: 5px;}
.sub_title .contL .tit h2 {font-size: 3.3rem; font-weight: 800; color: #222; letter-spacing: -0.5px;}
.sub_title .contL .tit p {margin-left: 2.4rem; font-size: 1.8rem; color: #222; font-weight: 500; margin-bottom: 4px;}
.sub_title .contL .tit strong {font-size: 2.1rem; font-weight:700; margin-left: 2rem; margin-bottom: 3px;}/*260105*/
.sub_title .contR {margin-left: auto;}
.sub_title .contR .sub_btn {display: flex; gap:.4rem; align-items: center;}
.sub_title .contR .sub_btn a {display: flex; align-items: center; font-size: 1.3rem; min-width: 4.3rem; height: 4.3rem; border-radius: .8rem; border: 1px solid rgba(0,0,0,0.36);}
.sub_title .contR .sub_btn .btn_list_wrap {display: flex; gap:.4rem;}
.sub_title .contR .sub_btn .btn_list_wrap .btn_prev {background: url(../images/icons/arrow_list.svg) no-repeat center; background-size: .8rem auto; transform: rotate(180deg);}
.sub_title .contR .sub_btn .btn_list_wrap .btn_list {width: 7.4rem; background: url(../images/icons/icon_list_blue.svg) no-repeat left 1.4rem center; background-size: 1.7rem auto; color: #333; font-size: 1.4rem;}
.sub_title .contR .sub_btn .btn_list_wrap .btn_list span {padding-left: 3.8rem; display: block;}
.sub_title .contR .sub_btn .btn_list_wrap .btn_next {background: url(../images/icons/arrow_list.svg) no-repeat center; background-size: .8rem auto;}
.sub_title .contR .sub_btn .btn_print {background: url(../images/icons/icon_print.svg) no-repeat center; background-size: 2.3rem auto;}
.sub_title .contR .sub_btn .btn_bg {background-color: #3a3d72; border:none; color: #fff; text-align: center;}
.sub_title .contR .sub_btn .btn_bg span {display: block; padding-left: 4.2rem; padding-right: 1.2rem;}
.sub_title .contR .sub_btn .btn_curation span {background: url(../images/icons/icon_curation.svg) no-repeat left 1.2rem center; background-size: 2rem auto; word-break: keep-all;}
.sub_title .contR .sub_btn .btn_error span {background: url(../images/icons/icon_error.svg) no-repeat left 1.2rem center; background-size: 2rem auto; word-break: keep-all;}
.sub_title .contR .sub_btn .bar {width: 1px; height: 3.4rem; margin:0 6px; background-color: rgba(0,0,0,0.2);}

/* 검색 필터 */
.filter {width: 324px; background-color: #fff;}
.filter .filter_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.7rem; padding-right: 3px;}
.filter .filter_title h3 {font-size: 2.1rem; font-weight: 700; color: #111; padding-left: .8rem;}
.filter .filter_title .btn_reset {width: 7.8rem; height:2.7rem; border-radius: 1.3rem; border: 1px solid #dbdadb; font-size: 1.3rem; color: #272727;}
.filter .filter_title .btn_reset span {background: url(../images/icons/icon_reset.svg) no-repeat left center; background-size: 1rem; padding-left: 1.8rem;}
.filter .box {width: 100%; padding: 2.7rem; background-color: #ffffff; border: 4px solid #dddddd; position: relative;}
.filter .box .item ~ .item {padding-top: 2.4rem; margin-top:1.2rem; border-top: 1px solid #dedede;}
.filter .box .item h4 {margin-bottom: 1.6rem; font-size: 1.8rem; color: #141414; font-weight: 700;}
.filter .box .item .list_wrap {padding-left: 8px;}
.filter .box .item .list_wrap .dept01 {height: 110px; overflow-y: auto;}
.filter .box .item .list_wrap .dept01.active {height: auto;}
.filter .box .item .list_wrap .dept01 li ~ li {margin-top: 1rem;}
.filter .box .item .list_wrap .dept01 li label {display: flex; align-items: flex-start; gap:1rem; cursor: pointer;}
.filter .box .item .list_wrap .dept01 li input[type="checkbox"] {width: 1.5rem; height: 1.5rem;}
.filter .box .item .list_wrap .dept01 li p {font-size: 1.5rem; color: #555;}
.filter .box .item .list_wrap .dept01 li p em::before {content: '(';}
.filter .box .item .list_wrap .dept01 li p em::after {content: ')';}
.filter .box .item .list_wrap .dept02 {display: none; padding-left: 2.4rem; padding-top: 1rem;}
.filter .box .item .list_wrap .dept02.active {display: block;}
.filter .box .item .list_wrap .btn_all {display: block; margin-left: auto; font-size: 1.2rem; line-height: 1.8rem; color: #ca481d; font-weight: bold;}
.filter .box .item .list_wrap .btn_all span {display: inline-block; padding-right: 2.4rem; position: relative;}
.filter .box .item .list_wrap .btn_all span::after {display: block; content: ''; background: url(../images/icons/arrow_filter.svg) no-repeat 0 0; width: 0.9rem; height: .5rem; background-size: 100% auto; position: absolute; right: 0; top: calc(50% - 2px);}
.filter .box .item .list_wrap .dept01.active ~ .btn_all span::after {transform: rotate(180deg);}
.filter .box .btn_wrap {margin-top: 3rem; position: sticky; bottom: 0; left: 0;}
.filter .box .btn_wrap .btn_type01 {width: 100%; height: 5.4rem;background-color: #3b3d73; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.8rem; font-weight: 700; color: #fff;}
.filter .box .btn_filter_close {display: none; position: absolute; right: -24px; top: -4px; width: 20px; height: 55px; border-radius:0 4px 4px 0; background-color: #3a3d72;}
.filter .box .btn_filter_close span {font-size: 11px; font-weight: 700; color: #fff; display: inline-block; padding-top: 15px; position: relative;}
.filter .box .btn_filter_close span::after {display: block; content: ''; background: url(../images/icons/arrow_filter_open.svg) no-repeat 0 0; width: 12px; height: 10px; transform: rotate(180deg); position: absolute; top: 0;left: calc(50% - 6px);}

/* 검색 결과 */
.res_inner {display: flex; gap: 8rem;}
.res_wrap {flex:1;}
.res_wrap .title_wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
.res_wrap .title_wrap .res_tit {display: flex; align-items: center; font-size: 2.4rem; color: #333;}
.res_wrap .title_wrap .res_tit strong {font-weight: 700;}
.res_wrap .title_wrap .res_tit strong em {color: #ca481d;}
.res_wrap .title_wrap .res_tit p {margin-left: 12px;}

.res_wrap .search_filter {gap: 1rem; padding: 1.2rem; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
.res_wrap .search_filter .btn_filter {width: 78px; height: 27px; border-radius: 4px; background-color: #3a3d72;}
.res_wrap .search_filter .btn_filter span {font-size: 12px; font-weight: 700; color: #fff; display: inline-block; padding-right: 18px; background: url(../images/icons/arrow_filter_open.svg) no-repeat right center;}
.res_wrap .search_filter ul {display: flex; align-items: center; flex-wrap: wrap; gap: 1rem;}
.res_wrap .search_filter li:not(.filter_li) {padding: 6px 8px; display: flex; align-items: center; gap:4px; height: 24px; border-radius: 12px; background-color: #ffffff; border: 1px solid #dbdadb;}
.res_wrap .search_filter li.filter_li {display: none;}
.res_wrap .search_filter li span {font-size: 12px; color: #272727;}
.res_wrap .search_filter li .delete {background: url(../images/icons/icon_delete_filter.svg) no-repeat 0 0; background-size: 100% auto; width: 0.9rem; height: 0.9rem;}
.res_wrap .res_list li a {display: block; padding: 2.4rem 5px; border-bottom: 1px solid #c9c9c9; transition: .3s;}
.res_wrap .res_list li a:hover {background-color: #f7f8fc;}
.res_wrap .res_list .list_title {display: flex; flex-wrap: wrap;}
.res_wrap .res_list .list_title p {font-size: 2.1rem; font-weight: 700; }
.res_wrap .res_list .list_title strong {margin-left: 2.2rem; position: relative}
.res_wrap .res_list .list_title strong::before {position: absolute; left: -1.2rem; top: .5rem; width: 1px; height: 1.6rem; background-color: #ababab; display: block; content: '';}

.res_wrap .res_list .info {display: flex; margin-top: 2rem; gap:1rem 3rem; flex-wrap:wrap;}
.res_wrap .res_list .info dl {display: flex; font-size: 1.4rem;}
.res_wrap .res_list .info dt {color: #555;}
.res_wrap .res_list .info dd {margin-left: 0.8rem; padding-left: 0.8rem; position: relative; color: #000;}
.res_wrap .res_list .info dd::after {display: block; content: ''; width: 1px; height: 12px; background-color: #bdbdbd; position: absolute; left: 0; top: 2px;}
.res_wrap .res_list .desc {margin-top: 1.3rem; color: #393939; line-height: 2.4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

/* 신문잡지별보기_목록 */
.view_list {display: flex; gap: 5%;}
.view_list .date_desc {text-align: center; height: 75px; background-color: #475def; font-size: 24px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: bold;}
.view_list .contR {flex:1;}
.view_list .paging_wrap {justify-content: flex-start;}

/* 유형별 보기 */
.catg_box {padding: 4rem 1rem; margin-bottom: 6rem; background-color: #f7f7f9; border: 5px solid #e7e8ef;}
.catg_box ul {display: flex; justify-content: center; gap:1.6rem; max-width: 1230px; width: 100%; margin: 0 auto; padding-bottom: 3.5rem; border-bottom: 1px solid #dcdcdc;}
.catg_box li button {border-radius: 24px; background-color: #ffffff; border: 3px solid #e1e2ea; width: 12.3rem; height: 12.3rem; transition: .3s;}
.catg_box li button:disabled {opacity: .4; cursor: default;}
.catg_box li button.active, .catg_box li button:hover {background-color: #393d71; border-color: #393d71;}
.catg_box li button:disabled:hover {opacity: .4;background-color: #ffffff; border: 3px solid #e1e2ea;}
.catg_box li button i {display: block; margin-bottom: 1.2rem;}
.catg_box li button span {display: block; padding-top: 4.5rem; font-size: 1.7rem; color: #2e3051; font-weight: 600; background-position: top center; background-repeat: no-repeat; transition: .3s;}
.catg_box li.catg_01 button span, .catg_box li.catg_01 button:disabled:hover span {background-image: url(../images/icons/catg_01.svg); background-size: 3.2rem auto;}
.catg_box li.catg_02 button span, .catg_box li.catg_02 button:disabled:hover span {background-image: url(../images/icons/catg_02.svg); background-size: 2.7rem auto;}
.catg_box li.catg_03 button span, .catg_box li.catg_03 button:disabled:hover span {background-image: url(../images/icons/catg_03.svg); background-size: 3.2rem auto;}
.catg_box li.catg_04 button span, .catg_box li.catg_04 button:disabled:hover span {background-image: url(../images/icons/catg_04.svg); background-size: 3.2rem auto;}
.catg_box li.catg_05 button span, .catg_box li.catg_05 button:disabled:hover span {background-image: url(../images/icons/catg_05.svg); background-size: 4rem auto;}
.catg_box li.catg_06 button span, .catg_box li.catg_06 button:disabled:hover span {background-image: url(../images/icons/catg_06.svg); background-size: 4rem auto;}
.catg_box li.catg_07 button span, .catg_box li.catg_07 button:disabled:hover span {background-image: url(../images/icons/catg_07.svg); background-size: 3.2rem auto;}
.catg_box li.catg_08 button span, .catg_box li.catg_08 button:disabled:hover span {background-image: url(../images/icons/catg_08.svg); background-size: 3rem auto;}
.catg_box li.catg_09 button span, .catg_box li.catg_09 button:disabled:hover span {background-image: url(../images/icons/catg_09.svg); background-size: 3.8rem auto;}
.catg_box li.lang_01 button span, .catg_box li.lang_01 button:disabled:hover span {background-image: url(../images/icons/lang_kr.svg); background-size: 3.4rem auto;}
.catg_box li.lang_02 button span, .catg_box li.lang_02 button:disabled:hover span {background-image: url(../images/icons/lang_kc.svg); background-size: 3.4rem auto;}
.catg_box li.lang_03 button span, .catg_box li.lang_03 button:disabled:hover span {background-image: url(../images/icons/lang_ch.svg); background-size: 3.4rem auto;}
.catg_box li.lang_04 button span, .catg_box li.lang_04 button:disabled:hover span {background-image: url(../images/icons/lang_eng.svg); background-size: 3.4rem auto;}
.catg_box li.lang_05 button span, .catg_box li.lang_05 button:disabled:hover span {background-image: url(../images/icons/lang_jp.svg); background-size: 3.4rem auto;}

.catg_box li.catg_01 button.active span, .catg_box li.catg_01 button:hover span {background-image: url(../images/icons/catg_01_on.svg);}
.catg_box li.catg_02 button.active span, .catg_box li.catg_02 button:hover span {background-image: url(../images/icons/catg_02_on.svg);}
.catg_box li.catg_03 button.active span, .catg_box li.catg_03 button:hover span {background-image: url(../images/icons/catg_03_on.svg);}
.catg_box li.catg_04 button.active span, .catg_box li.catg_04 button:hover span {background-image: url(../images/icons/catg_04_on.svg);}
.catg_box li.catg_05 button.active span, .catg_box li.catg_05 button:hover span {background-image: url(../images/icons/catg_05_on.svg);}
.catg_box li.catg_06 button.active span, .catg_box li.catg_06 button:hover span {background-image: url(../images/icons/catg_06_on.svg);}
.catg_box li.catg_07 button.active span, .catg_box li.catg_07 button:hover span {background-image: url(../images/icons/catg_07_on.svg);}
.catg_box li.catg_08 button.active span, .catg_box li.catg_08 button:hover span {background-image: url(../images/icons/catg_08_on.svg);}
.catg_box li.catg_09 button.active span, .catg_box li.catg_09 button:hover span {background-image: url(../images/icons/catg_09_on.svg);}
.catg_box li.lang_01 button.active span, .catg_box li.lang_01 button:hover span {background-image: url(../images/icons/lang_kr_on.svg);}
.catg_box li.lang_02 button.active span, .catg_box li.lang_02 button:hover span {background-image: url(../images/icons/lang_kc_on.svg);}
.catg_box li.lang_03 button.active span, .catg_box li.lang_03 button:hover span {background-image: url(../images/icons/lang_ch_on.svg);}
.catg_box li.lang_04 button.active span, .catg_box li.lang_04 button:hover span {background-image: url(../images/icons/lang_eng_on.svg);}
.catg_box li.lang_05 button.active span, .catg_box li.lang_05 button:hover span {background-image: url(../images/icons/lang_jp_on.svg);}
.catg_box li button.active span, .catg_box li button:hover span {color: #fff;}
.catg_box li button:disabled:hover span {color: #2e3051;}

.catg_box .country_wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 1230px; width: 100%; margin: 0 auto; padding-bottom: 2.8rem; border-bottom: 1px solid #dcdcdc;}
.catg_box .country_wrap .country {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap:.7rem; margin: .7rem 0; padding:0 1.1rem;}
/*.catg_box .country_wrap .country:not(:last-child)::after {content:''; display: block; width: 2px; height: 2rem; background-color:#9e9e9f;}*/
.catg_box .country_wrap strong {font-size: 1.6rem; font-weight: 800; display: flex; align-items: center;}
.catg_box .country_wrap strong:after {content: ''; display: block; width: 1rem; height: .3rem; background-color: #333; margin-left: .8rem;}
.catg_box .country_wrap .resion button {border-radius: 24px; background-color: #ffffff; border: 3px solid #e1e2ea; transition: .3s; padding: .9rem 1.5rem; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.08);}
.catg_box .country_wrap .resion button span {font-size: 1.6rem; color: #2e3051; font-weight: 600; word-break: keep-all;}

.catg_box .country_wrap .resion button:disabled {opacity: .35; cursor: default; box-shadow: none;}

.catg_box .country_wrap .resion button:hover, .catg_box .country_wrap .resion button.active {background-color: #2e3051; border: 3px solid #2e3051;}
.catg_box .country_wrap .resion button:hover span, .catg_box .country_wrap .resion button.active span {color: #ffffff;}
.catg_box .country_wrap .resion button:hover:disabled {background-color: #ffffff; border: 3px solid #e1e2ea;}
.catg_box .country_wrap .resion button:hover:disabled span {color: #2e3051;}

.catg_box .search_date {padding-top: 3rem; display: flex; align-items: center; justify-content: center; gap:1.6rem;}
.catg_box .search_date .tit {font-size: 1.7rem; color: #333; font-weight: 700;}
.catg_box .date_inpt {display: flex; align-items: center; gap:.8rem; position: relative;}
.catg_box .date_inpt input {padding: 1.6rem; font-size: 1.6rem; width: 21.6rem; height: 4.7rem; border: 1px solid rgba(0,0,0,0.2); border-radius: .8rem; background-color: #fff;}
.catg_box .date_inpt span {font-size: 1.8rem; color: #333;}
.catg_box .date_inpt .btn_search {height: 4.7rem; width: 9.3rem; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: .8rem; background-color: #3a3d72; color: #fff;}
.catg_box .date_inpt .btn_search_help {position: absolute; top: -1.3rem; right: -3.2rem; width: 2rem; height: 2rem; border-radius: 50%; border:1px solid #5682ff; background: url(../images/icons/icon_help_blue.svg) no-repeat center;}

/* 신문잡지별보기 */
.history_list .his_head {display: flex; align-items: center; margin-bottom: 2rem;}
.history_list .his_head .tab_area {display: flex; padding-right: 1rem; margin-right: 4rem; border-right: 1px solid #c5c5c5;}
.history_list .his_head .tab_area li button {font-size: 1.9rem; color: #333; font-weight: 500; width: 10.1rem; height: 5rem; border-radius: .4rem; transition: .3s;}
.history_list .his_head .tab_area li button.active {background-color: #3b3d73; font-weight: 700; color: #fff;}
.history_list .his_head .total {font-size: 1.5rem; color: #ca481d; font-weight: 700;}

.news_card {display: flex; gap:2.8rem; flex-wrap: wrap;}
.news_card .item {padding: 3rem; display: flex; gap:3.2rem; align-items: flex-start; width: calc(50% - 1.4rem); transition: .3s; border: 1px solid rgba(0,0,0,0.32);}/* 251213 */
.list_itemInfo .news_card .item {width: 100%;}/*260112*/
.news_card .item:hover {background-color: #f7f8fc;}
.news_card figure.img {width: 19.3rem;}
.list_itemInfo .news_card figure.img {width: 12.6rem;}/*260112*/
.news_card figure.img img {transition: .3s;}
.news_card .item:hover figure.img img {transform: scale(1.1);}
.news_card .txt_area {flex:1; padding:0 0 15px 0;}
.news_card .txt_area h3 {font-size: 2.7rem; color: #333; font-weight: 700; word-break: keep-all;}/*251213*/
.news_card .txt_area .info {margin-top: 2.2rem; display: flex; flex-wrap: wrap; gap:6px 0}
.news_card .txt_area .info span {font-size: 1.4rem; line-height: 1.4rem; color: #111; font-weight: 700; padding-right: 1rem; margin-right: 1rem; border-right: 1px solid #999;}
.news_card .txt_area .info span:last-child {border: none;}
.news_card .txt_area .desc {margin-top: 1.2rem; line-height: 2.5rem; color: #111; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.news_card .txt_area .his_btn {margin-top: 1.6rem; display: flex; gap:.5rem;}
.list_itemInfo .news_card .txt_area .his_btn {margin-top: 2.6rem; display: flex; gap:.5rem;}/*260112*/
.news_card .txt_area .his_btn a {width: 10.9rem; height: 4.8rem; border-radius: 2.4rem;border: 1px solid rgba(0,0,0,0.17); display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 700; background-color: #fff;}
.list_itemInfo .news_card .txt_area .his_btn a {width: 9rem; height: 4.5rem; font-size: 1.4rem;}/*260112*/
.news_card .txt_area .his_btn a:hover {color: #fff !important; border-color: #3a3d72; background-color: #3a3d72; transition: .5s;}
.news_card .txt_area .his_btn a.btn_bl {color: #475def;}
.news_card .txt_area .his_btn a.btn_gr {color: #10a83e;}
.news_card .txt_area .timeline {margin-top: 2.4rem; position: relative; width: 100%; display: flex; gap: 3px;}
.list_itemInfo .news_card .txt_area .timeline {margin-top: 1.6rem;}/*260112*/
.news_card .txt_area .timeline span {font-size: 11px; font-weight: 700; color: #343434;}
.news_card .txt_area .timeline span.start {position: absolute; left: -10px; bottom: -20px;}
.news_card .txt_area .timeline .period {height: 5px; border-radius: 3px; position: relative; background-color: #d9d9d9;}
.news_card .txt_area .timeline .period span {position: absolute; right: -12px; bottom: -20px;}
.news_card .txt_area .timeline .period.rest {border-top: 6px dotted #ccc; background-color: transparent; border-radius: 0;}
.news_card .txt_area .timeline .period.active {background-color: #3ca55c}

.news_card .news_tit_wrap {display: flex; align-items: flex-start; justify-content: space-between;}/*251213*/
.news_card .news_tit_wrap img {width: 15rem; margin: .2rem 0 0 2rem;}/*251213*/

/* 큐레이션 기사 */
.article_wrap {display: flex; gap:6rem}
.article_wrap .title {width: 25%;}
.article_wrap .title h3 {font-size: 4.2rem; letter-spacing: -0.05em; font-weight: 800; color: #383846; line-height: 1.4; word-break: keep-all;}/*260112*/
.article_wrap .title h3.sm {font-size: 3.6rem; word-break: break-all;}/*260112*/
.article_wrap .title strong {display: block; margin-top: 6rem; font-size: 2.4rem; letter-spacing: -0.03em; color: #ca481d; font-weight: 600; line-height: 1.6; word-break: keep-all;}/*260112*/
.article_wrap .title strong.sm {margin-top: 6rem; font-size: 2rem;}/*260112*/
.article_wrap .title ul li {border-bottom: 1px solid #ddd;}/*260112*/
.article_wrap .title ul li a {font-size: 1.8rem; font-weight: 600; padding: 1.6rem 0; display: flex; align-items: center; transition: .3s;}/*260112*/
.article_wrap .title ul li a::before {content:'●'; font-size: 1rem; margin-right: 1.6rem;}
.article_wrap .title ul li a.active {color: #ca481d;}/*260112*/
.article_wrap .title ul li a:hover {background-color: #f5f5f5;}/*260112*/
.article_wrap .article {flex:1;}
.article_wrap .article .dt_info {overflow: hidden;}
.article_wrap .article .dt_info p {font-size: 1.7rem; line-height: 3rem; color: #111; margin-bottom: 6rem;}
.article_wrap .article .dt_info p.imp {font-size: 2.4rem; line-height: 1.7; font-weight: 600; word-break: keep-all; color: #999;}/*260112*/
.article_wrap .article .dt_info h4 {font-size: 2.2rem; font-weight: 700;margin-bottom: 2rem;}
.article_wrap .article .dt_info h5 {font-size: 1.9rem; font-weight: 700; margin-bottom: 1.8rem;}
.article_wrap .article .dt_info .img {margin-bottom: 6rem;}
.article_wrap .article .dt_info .img img {border: 1px solid rgba(0,0,0,0.1); width: auto; height: auto; max-width: 100%; max-height: 800px; margin: 0 auto;}
.article_wrap .article .dt_info .img figcaption {margin-top: 1rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #222; font-weight: 600; gap:1.6rem}
.article_wrap .article .dt_info .img figcaption .btn_plus {width: 2.4rem; height: 2.4rem; border-radius: .4rem; border: 1px solid rgba(0,0,0,0.22); background: url(../images/icons/icon_plus_img.svg) no-repeat center; background-size: 1rem auto;}
.article_wrap .article .dt_info .img_half {width: calc(50% - 2.5rem); float: left; margin-right: 5rem; margin-bottom: 2rem;}
.article_wrap .article .dt_info .img_half img {width: 100%;}

.article_wrap .ot_li {margin-top: 10rem;}
.article_wrap .ot_li .title_area {display: flex; align-items: center; padding-bottom: 1.6rem; border-bottom: 2px solid #333;}
.article_wrap .ot_li .title_area h3 {font-size: 2.4rem; color: #111; font-weight: 700;}
.article_wrap .ot_li .title_area p {margin-left: 3rem; font-size: 1.7rem; color:#c7673c; font-weight: 500;;}
.article_wrap .ot_li ul {margin-top: 3.2rem; display: flex; flex-wrap: wrap; gap:3.5rem}
.article_wrap .ot_li ul li a {display: block; width: 21.4rem; height: 100%; min-height: 21.4rem; border: 1px solid rgba(0,0,0,0.23); transition: .3s; padding: 2.5rem;}
.article_wrap .ot_li ul li a:hover {background-color: #3b3d73;}
.article_wrap .ot_li ul li a p {font-size: 1.4rem; color: #222; font-weight: 600;}
.article_wrap .ot_li ul li a span {display: block; margin-top: 0.5rem; font-size: 1.4rem; color: #222; font-weight: 600;}
.article_wrap .ot_li ul li a strong {display: block; margin-top: 2rem; font-weight: 700; font-size: 2rem;}
.article_wrap .ot_li ul li a:hover > * {color: #fff;}
/* 주제 큐레이션 */
.tab_menu{display: flex;}
.tab_menu .tab_item{flex: 1;border-bottom: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;border-top: 2px solid #2a2f44;text-align: center;transition: background-color 0.3s;}
.tab_menu .tab_item:first-child{border-left: 1px solid #b5b5b5;}
.tab_menu .tab_item a{display: flex;justify-content: center;align-items: center;height: 100%;padding: 2.4rem 1rem;font-size: 2rem;line-height: 1.1em;font-weight: 700;color: #111;word-break: keep-all;}
.tab_menu .tab_item:hover{background-color: #f7f8fc;}
.tab_menu .tab_item.active{background-color: #2a2f44;border: 0;}
.tab_menu .tab_item.active a{color: #fff;}

.tab_container .tab_content{margin-top: 5.5rem;}
.tab_content .total{font-size: 1.5rem;font-weight: 600;color: #ca481d;}
.tab_content .total + .curation_list{margin-top: 2rem;}
.curation_list{display: flex;flex-wrap: wrap;}
.curation_item{width: calc((100% - 4.8rem)/2);margin-left: 4.8rem;margin-top: 4rem;border: 1px solid #b3b3b3;transition: background-color 0.3s;}
.curation_item:nth-child(-n+2){margin-top: 0;}
.curation_item:nth-child(2n+1){margin-left: 0;}
.curation_item a{display: flex;align-items: center;padding: 1.2rem;}
.curation_item .img_wrap{overflow: hidden;position: relative;width: 23.8rem;height: 23rem;}
.curation_item .img_wrap figure{width: 100%;height: 100%; display: flex;}/*260105*/
.curation_item .img_wrap figure img{object-fit: cover;transition: transform 0.3s;}/*260105*/
.curation_item .text_wrap{width: calc(100% - 23.8rem);padding-left: 3.6rem;}
.curation_item .curation_title{display: block;font-size: 2.8rem;font-weight: 800;}
.curation_item .curation_sub{display: block;margin-top: 1.2rem;font-size: 1.9rem;font-weight: 600;}
.curation_item .curation_desc{overflow: hidden;display: block;display: -webkit-box;margin-top: 4.5rem;font-size: 1.5rem;line-height: 1.6em;word-break: keep-all;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.curation_item:hover{background-color: #f7f8fc;}
.curation_item:hover .img_wrap figure img{transform: scale(1.25);}/*260105*/
.tab_content .curation_list + .paging_wrap{margin-top: 7rem;}

/* 신문잡지별보기_상세 */
.view_title {margin-bottom: 0 !important;}
.view_title .inner {align-items: flex-start; max-width: 100%; padding: 0 9.5rem;}
.view_detail {position: relative; display: flex;}
.view_info {width: 50%; display: flex; border-right: 1px solid rgba(0, 0, 0, 0.14); position: relative;}
.view_slide_wrap {width: 50%; transition: .5s;}/*251105*/

.tree_wrap {width: 40%; position: absolute; left: -40%; top: 0; border-right: 1px solid rgba(0,0,0,0.14); transition: .5s; z-index: 1;}
.btn_tree_toggle {position: absolute; top: 2px; right: -3rem; width: 3rem; height: 5.6rem;border-radius: 0 .8rem .8rem 0; background-color: #26284d; display: flex; align-items: center; justify-content: center; z-index: 1;}
.btn_tree_toggle span {color: #fff; position: relative; padding-top: 1.8rem; font-size: 10px; font-weight: 700;}
.btn_tree_toggle span::after {display: block; content: ''; background: url(../images/icons/arrow_tree.svg) no-repeat; width: 0.8rem; height: 1.4rem; background-size: 100% auto; position: absolute; left: calc(50% - .4rem); top: 0;}

/* 트리 활성화 */
.view_cont {width: 100%; margin-left: auto; transition: .5s;}

.tree_wrap.active {left:0;}
.tree_wrap.active ~ .view_cont {width: 60%;}
.tree_wrap.active .btn_tree_toggle {border-radius: .8rem 0 0 .8rem; right: 0;}
.tree_wrap.active .btn_tree_toggle span::after {transform: rotate(180deg);}

.view_head {padding: 0 2rem 0 5rem; display: flex; align-items: center; height: 6rem; background-color: #f4f4f9;border-bottom: 1px solid rgba(0,0,0,0.14);}/* 251213 */
.tree_wrap .view_head {padding: 0 1.5rem; gap:.4rem}

.tree_list {padding: 1.8rem 2rem; background-color: #f9f9fc; overflow-y: auto;}
.tree_list .tot {font-size: 1.5rem; color: #ca481d; font-weight: bold;}
.tree_list ul li {margin-top: 1rem; font-size: 1.5rem;}
.tree_list ul li ul {padding-left: 1.8rem; display: none;}
.tree_list ul li a.active ~ ul {display: block;}

.tree_list ul.dept01 li a {font-weight: 700; color: #3c3c3c; display: block; padding-left: 2.4rem; position: relative; transition: .3s;}
.tree_list ul.dept01 li a::before {display: block; content: ''; width: 1.7rem; height: 1.7rem; border-radius: 50%; border: 1px solid #c9c9c9; background: #f4f4f4 url(../images/icons/icon_plus_tree.svg) no-repeat center; background-size: .7rem auto; position: absolute; left: 0; top: 0;}
.tree_list ul.dept01 li a.active::before {background-color: #222836; background-image: url(../images/icons/icon_plus_minus.svg);}
.tree_list ul.dept04 {padding-top: 1rem;}
.tree_list ul.dept04 li {margin-top: 0;}
.tree_list ul.dept04 li a {padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.3rem; border-bottom: 1px solid transparent; }
.tree_list ul.dept04 li a span {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.tree_list ul.dept04 li a::after {content: ''; position: absolute; width: 0; height: 0; top: 1rem; left: 0;  border-bottom: 3px solid #47483c; border-right:3px solid #47483c; border-left: 3px solid transparent; border-top: 3px solid transparent; opacity: 0; transition: .3s;}
.tree_list ul.dept04 li a:hover {border-bottom-color: #b1b1b1;}
.tree_list ul.dept04 li a:hover::after {opacity: 1;}

.tree_list ul.dept04 li a.on {border-bottom-color: #b1b1b1;}
.tree_list ul.dept04 li a.on::after {opacity: 1;}
.tree_list ul.dept04 li a::before {display: none;}
.view_head .btn_print {margin-left: auto; background: url(../images/icons/icon_print.svg) no-repeat center; background-size: 2.3rem auto; width: 4rem; height: 4rem;}
.view_head .btn_print.mr, .view_slide_wrap .view_head .btn_print, .view_detail.text_content .view_head .btn_print {margin-left: auto; margin-right: 17rem;}/* 251125 */
.wrapper.h_pop .view_detail.text_content .view_head .btn_print, .wrapper.h_pop .view_slide_wrap .view_head .btn_print {margin-right: 8rem;}/* 251125 */
.view_detail .contents {padding: 2rem 5rem; overflow-y: auto; height: 100%;} /* 251213 */
.view_detail .contents .cont_x {width: 100%;  overflow-x: auto;}
.view_detail .contents .cont_x table { min-width: 600px;}

.view_detail .contents ul.meta {display: flex; flex-wrap: wrap; gap:0 6px; margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #bbbbbb;;}
.view_detail .contents ul.meta li {padding-left: 0.8rem; position: relative; width:calc(33.33% - 4px); display: flex;}
.view_detail .contents ul.meta li::before {display: block; content: ''; background-color: #0033cc; width: 3px; height: 3px; position: absolute; left: 0; top: 1rem;}
.view_detail .contents ul.meta li span {font-size: 1.4rem; line-height: 2.4rem; color: #333;}
.view_detail .contents ul.meta li span:first-child {width: 6rem;}
.view_detail .contents ul.meta li span:last-child {flex:1;}
.view_detail .contents ul.meta li span ~ span {padding-left: 1rem; position: relative;}
.view_detail .contents ul.meta li span ~ span::before {display: block; content: ''; height: 1.2rem; width: 1px; background-color: #d6d6d6; position: absolute; left: 0; top: .5rem;}
.view_detail .tree_wrap.active ~ .view_cont .contents ul.meta li {width:calc(50% - 3px);}
.text_content.view_detail .contents ul.meta li {width: calc(25% - 5px) !important;}

.view_detail .contents h2 {font-size: 2rem; font-weight: 700; line-height: 1.5; margin-bottom: 2rem;}/*251213*/
.view_detail .contents h3 {font-size: 1.6rem; font-weight: 700; line-height: 1.5; margin-bottom: 1.6rem;}/*251213*/
.view_detail .contents p.desc {line-height: 1.7; margin-bottom: 1.8rem;}
.view_detail .contents table {margin-top: 3.5rem; width: 100%; border-collapse: collapse; border:1px solid #e4e4e4; border-top: 2px solid #7f7f7f;}
.view_detail .contents .t_caption {text-align: right; font-size: 1.3rem; margin-top: 1rem; color: #111111;}
.view_detail .contents table thead tr th {font-size: 1.4rem; color: #111; font-weight: 700; padding: 1.1rem 0; background-color: #f4f4f6; }
.view_detail .contents table thead tr th ~ th {border-left: 1px solid #e4e4e4;}
.view_detail .contents table tbody tr td { font-size: 1.4rem; color: #111; padding: 1.1rem 1.4rem;}
.view_detail .contents table tbody tr td ~ td {border-left: 1px solid #e4e4e4;}
.view_detail .contents table tbody tr ~ tr td {border-top: 1px solid #e4e4e4;}
.view_detail .contents figure.img {margin-top: 3.5rem; border:1px solid #e4e4e4; border-bottom: none; background-color: #f4f4f6; padding: 0 6.5rem;}
.view_detail .contents figcaption {background-color: #eaeaf0; padding: 1rem; font-size: 13px; text-align: center; color: #111111; display: flex; align-items: center; gap: 1rem; justify-content: center;}
.view_detail .contents figcaption button.btn_plus {width: 2.4rem; height: 2.4rem; border-radius: .4rem; border: 1px solid rgba(0,0,0,0.22); background:#f6f6f8 url(../images/icons/icon_plus_img.svg) no-repeat center; background-size: 1rem auto;}

.view_slide_wrap .view_cont {position: relative;}
.view_slide_wrap .view_cont .img_info {position: absolute; right: 0.5rem; bottom: 0.5rem; padding: 0.9rem; border-radius: 0.4rem; background-color: rgba(45,46,78,.8); z-index: 1; color: #fff; font-size: 1.2rem; font-weight: 500;}
.view_img {height: 100%;}
.view_img .img {height: calc(100% - 4px); width: calc(100% - 4px); margin: 2px; display: flex; align-items: center; justify-content: center;}
.view_img .img img {margin: 0 auto; object-fit: contain; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.view_cont .img_ctr {padding: 0 1.3rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: .5rem; background-color: rgba(45,46,78,.8); border-radius: .4rem; display: flex; align-items: center; justify-content: center; height: 3rem;}
.view_cont .btn_arr {background: url(../images/icons/arrow_slide.svg) no-repeat center; width: 1.7rem; height: 1.7rem; background-size: auto 100%;}
.view_cont .btn_arr.disabled {background-image: url(../images/icons/arrow_slide_disabled.svg);}
.view_cont .btn_arr_prev {transform: rotate(180deg);}
.view_cont .bullet {width: auto; margin: 0 7px; font-size: 1.4rem; font-weight: 500; color: #fff;}

.btn_ui {position: absolute; right: 0.5rem; top: 0.5rem; z-index: 1;}
.btn_ui li button {width: 3.2rem; height: 3.2rem; border-radius: .4rem; background-color: #475def; background-position: center; background-repeat: no-repeat;}
.btn_ui li.img_ui_01 button {background-image: url(../images/icons/icon_img_01.svg); background-size: 1.4rem auto;}
.btn_ui li.img_ui_02 button {background-image: url(../images/icons/icon_img_02.svg); background-size: 1.4rem auto;}
.btn_ui li.img_ui_03 button {background-image: url(../images/icons/icon_img_03.svg); background-size: 1.4rem auto;}
.btn_ui li.img_ui_04 button {background-image: url(../images/icons/icon_img_04.svg); background-size: 1.4rem auto;}
.btn_ui li.img_ui_05 button {background-image: url(../images/icons/icon_img_05.svg); background-size: 1.4rem auto;}
.btn_ui li.img_ui_06 button {background-image: url(../images/icons/icon_img_06.svg); background-size: 1.4rem auto;}
.btn_ui li.img_ui_07 button {background-image: url(../images/icons/icon_img_07.svg); background-size: 1.4rem auto;}
.btn_view_wrap {position: absolute; right: 0; top: -2.6rem; display: flex; z-index: 1;}
.btn_view_wrap button {width: 8.6rem; height: 8.6rem; font-size: 1.3rem; font-weight: 600; color: #fff; background-color: #3a3d72;}
.btn_view_wrap button ~ button {border-left: 1px solid #696c94;}
.btn_view_wrap button span {display: block; padding-top: 3rem; background-position: top center; background-repeat: no-repeat;}
.btn_view_p span {background-image: url(../images/icons/icon_view_01.svg); background-size: 3rem auto;}
.btn_view_p.active span {background-image: url(../images/icons/icon_view_02.svg);}
.btn_view_a span {background-image: url(../images/icons/icon_view_03.svg);background-size: 2rem auto;}
.btn_view_a.active span {background-image: url(../images/icons/icon_view_04.svg);}
.select_view_big {display: none;}
/* 이미지 크게보기 */
.img_layer {display: none;  position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.9); z-index: 9999;}
.img_layer .img img {width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.img_layer .btn_close {background: url(../images/icons/icon_close_layer_wh.svg ) no-repeat 0 0; width: 3.2rem; height: 3.2rem; background-size: 100% auto; position: absolute; right: 4.2rem; top: 4.2rem;}
.text_content .view_cont .view_head .select_default,
.img_content .view_slide_wrap  .view_head .select_default {display: none;}
.text_content .select_view_big,
.img_content .select_view_big {display: block;}

.text_content .view_slide_wrap {display: none;}
.text_content .view_info {width: 100% !important}/*251105*/
.text_content .tree_wrap {width: 300px !important; left: -300px !important;}/*251105*/
.text_content .tree_wrap.active {left: 0 !important;}/*251105*/
.text_content .tree_wrap.active ~ .view_cont {width: calc(100% - 300px) !important}/*251105*/
.img_content .tree_wrap {width: 300px; left: -300px;}
.img_content .tree_wrap.active {left: 0;}
.img_content .view_info {width: auto;}
.img_content .view_info .view_cont {display: none;}
.img_content .view_slide_wrap {width: 100%; margin-left: auto; transition: .5s;}
.img_content .view_slide_wrap.active {width: calc(100% - 300px);}

.h_pop header .head_top {padding: 1.2rem 1.6rem;}
.h_pop header .head_top h1 figure.img img.pc {width: 34.8rem;}
.h_pop .sub_title {padding: 1.5rem 0 1rem;}
.h_pop .view_title .inner {max-width: 100%; padding-right: 11rem; align-items: flex-end;}
.h_pop .sub_title .contL .tit h2 {font-size: 3rem;}
.h_pop .sub_title .contL .tit p {font-size: 1.7rem;}
.h_pop .sub_title .contL .tit strong {font-size: 2.1rem;}

.img_none .view_info {width: 50vw;}
.img_none .view_slide_wrap {width: 50vw;}
.img_none .view_info:has(.tree_wrap.active) {width: 60vw;}
.img_none .view_info:has(.tree_wrap.active) ~ .view_slide_wrap {width: 40vw;}
.img_none .tree_wrap {width: 20vw;}
.img_none .tree_wrap.active ~ .view_cont {width:40vw;}
.img_none .view_info:has(.tree_wrap.active) ~ .view_slide_wrap .contents ul.meta li {width: calc(50% - 3px);}

.intro_img_li {display:flex; gap:1px; flex-wrap: wrap;}/*260112*/
.intro_img_li span {flex:1;}/*260112*/
.intro_img_li span .img {margin-bottom: 0 !important;}/*260112*/
.intro_img_li span .img img {border: 0 !important;}/*260112*/

@media only screen and (max-width: 1559px) {
	.sub_title .contL .tit h2 {font-size: 3.2rem;}
	.sub_title .contL .tit p {font-size: 1.7rem; margin-left: 1.6rem;}
	.sub_title .contL .tit strong {font-size: 1.9rem; margin-left: 1.5rem;}
	/* 신문잡지별보기_목록. */
	.view_list {gap: 6rem;}
	.ui-datepicker {width: 436px; padding: 40px;}
	.ui-datepicker-calendar tbody td .ui-state-default {font-size: 14px; width: 32px; height: 32px; margin: 0 auto;}
	.ui-datepicker td {padding: 3px 9px;}
	.ui-datepicker .nice-select .current {font-size: 2.1rem;}
	.view_list .date_desc {font-size: 19px; height: 62px;}
	/* 유형별보기 목록 */
	.catg_box ul {max-width: 1137px;}
	.catg_box li button {width: 112px; height: 112px;}
	.catg_box li button span {font-size: 15px;}
	.view_title .inner {padding: 0 20px;}
	/* .view_detail .contents {padding: 2rem 3rem;}251213 */
	/* 큐레이션 기사 */
	.curation_item{width: calc((100% - 2rem)/2);margin-left: 2rem;}	
	.article_wrap .article .dt_info .img_half {width: calc(50% - 2rem); margin-right: 4rem; margin-bottom: 1.5rem;}
}
@media only screen and (max-width: 1400px) {
	.article_wrap .article .dt_info .img_half {width: calc(50% - 1.5rem); margin-right: 3rem; margin-bottom: 1.5rem;}
	.select02.nice-select {padding-right: 2.3rem; font-size: 1.4rem;}/* 251125 */
}
@media only screen and (max-width: 1239px) {
	.res_inner {gap:5rem;}
	.view_list {gap:4rem}
	.view_list .paging_wrap .paging .pc_paging{gap: 0.5rem;}	
	.view_head .btn_print.mr, .view_slide_wrap .view_head .btn_print, .view_detail.text_content .view_head .btn_print {margin-right: 0;}/* 251213 */
	.wrapper.h_pop .view_detail.text_content .view_head .btn_print, .wrapper.h_pop .view_slide_wrap .view_head .btn_print {margin-right: 0;}/* 251213 */
	.ui-datepicker {width: 380px; padding: 40px 10px;}

	/* 유형별보기 목록 */
	.catg_box {padding: 32px 25px;}
	.catg_box ul {max-width: 997px; gap: 12px; flex-wrap: wrap;}
	.catg_box li button {border-width: 4px; width: 100px; height: 100px;}
	.catg_box li button span {font-size: 14px;}

	/* 신문잡지별보기 */
	.news_card {gap:20px;}
	.news_card figure.img {width: 173px;}
	.news_card .item {padding:16px 20px; width: 100%; gap:16px}

	/* 큐레이션 기사 */
	.article_wrap {gap:7rem}
	.article_wrap .title {width: 33rem;}
	.article_wrap .ot_li ul {gap:3rem;}

	.curation_item .img_wrap{width: 20rem;height: 21rem;}
	.curation_item .text_wrap{width: calc(100% - 20rem);}
	.curation_item .curation_desc{margin-top: 4rem;}

	.btn_view_wrap {display: none;}
	.img_content .view_slide_wrap.active,
	.text_content .tree_wrap.active ~ .view_cont {width: 100% !important;}/*251105*/
	.text_content.view_detail .contents ul.meta li,
	.view_detail .contents ul.meta li {width: calc(50% - 3px) !important;}

	.h_pop .view_title .inner {padding-right: 20px;}
}
@media only screen and (min-width: 1024px) { /* PC Only */
	.wrapper.view_big header nav {display: none !important;}
	.wrapper.view_big .head_top {padding-top: 10px !important; padding-bottom: 10px !important;}
	.pc_util .search {height: 50px !important;}
	.select_search {line-height: 50px !important;}
	.wrapper.view_big .sub_title {padding: 15px 0 !important;}
	.wrapper.view_big .sub_title .contL .tit {margin-top: 12px !important;}
	.catg_box .country_wrap .resion button {padding: .9rem 1rem;}
}
@media only screen and (max-width: 1023px) { /* 테블릿 */
	#container {padding-top: 64px;}
	.sub_title {margin-bottom: 30px;}

	.article_wrap .title ul {display: none;}/*260112*/

	/* 검색결과 */
	.filter {width: 320px; height: calc(100vh - 68px); overflow-y: auto; padding: 50px 20px 0; position: fixed; left: -320px; top:68px; transition: .5s; z-index: 10; box-shadow:4px 6.928px 4px rgba(0,0,0,0.12);}
	.filter.active {left: 0;}
	.filter .box {margin-bottom: 50px; padding: 20px 15px;}
	.filter .box .item .list_wrap .dept01 {height: 150px;}
	.filter .box .item ~ .item {margin-top: 12px; padding-top: 20px;}
	.filter .box .item .list_wrap .btn_all {margin-top: 6px;}
	.filter .box .btn_filter_close,
	.res_wrap .search_filter li.filter_li {display: block;}
	.res_wrap .search_filter {padding-left: 0;}
	.res_wrap .title_wrap {align-items: flex-start; justify-content: flex-start; flex-direction: column; gap:15px}

	/* 신문잡지별목록 */
	.view_list {flex-direction: column; gap: 3rem;}
	.view_list .date_desc {display: none;}
	.ui-datepicker {width: 100%; padding: 20px 60px; border: 5px solid #e7e8ef !important; background-color: #f7f7f9; border-radius: 2px;}

	/* 신문잡지별보기 */
	.news_card {gap:16px;}
	.news_card figure.img {width: 173px;}
	.news_card .item {padding: 1.6rem 2rem; width: 100%; gap:1.6rem}

	/* 큐레이션 기사 */
	.article_wrap {display: block;}
	.article_wrap .title {width: 100%; margin-bottom: 4rem;}
	.article_wrap .title h3 br {display: none;}
	.article_wrap .title strong {margin-top: 5rem;}
	.article_wrap .ot_li ul {gap:3rem;}

	.curation_item{width: 100%;margin-left: 0;margin-top: 1.3rem;}
	.curation_item:nth-child(-n+2){margin-top: 1.3rem;}
	.curation_item:first-child{margin-top: 0;}

	.btn_view_a  {display: none;}

	.view_list .paging_wrap {justify-content: center;}

	.sub_title .contL .tit {flex-direction: column; align-items: flex-start;}
	.sub_title .contL .tit p {margin: 10px 0 0 0;}
	.sub_title .contL .tit strong {margin: 10px 0 0 0;}

	.h_pop header .head_top {height: 64px;}
	.h_pop .sub_title .contL .tit {margin-top: 0;}
}
@media only screen and (max-width: 767px) { /* 모바일 */
	#container {padding-top: 60px;}
	#container .content {padding-bottom: 50px;}
	.sub_title {margin-bottom: 20px;}
	.sub_title .inner {flex-direction: column; align-items: baseline;}
	.sub_title .contL .tit h2 {font-size: 24px;}
	.sub_title .contR {margin: 10px 0 0 0;}
	.nice-select::before {width: 6px;}
	.paging_wrap {margin-top: 25px;}
	.paging_wrap .total {margin-left: 18px;}
	.paging_wrap .paging {margin-left: 18px;}
	.paging_wrap .paging .pc_paging {display: none;}
	.paging_wrap .paging .mo_paging {display: block;}
	.filter {top: 60px; height: calc(100vh - 60px);}
	.filter .box .item .list_wrap .dept01 {height: 130px;}
	.ui-datepicker {padding: 20px 0;}
	.ui-datepicker-day-select-wrap {display: block;}
	.ui-datepicker .ui-datepicker-title {gap:0; margin: 0;}
	.ui-datepicker .nice-select .current {font-size: 16px;}
	#datepicker .ui-datepicker-calendar { display: none !important;}
	.tb_wrap + .paging_wrap {justify-content: center;}
	.tb_sort .tb_select .total {width: 100%;}
	.tb_wrap table tr td.web,
	.tb_wrap table colgroup col.web {display: none;}
	.tb_wrap table colgroup col.mo {width: 25% !important;}

	/* 유형별보기 목록 */
	.catg_list .sort {display: none;}
	.catg_box {padding: 20px 15px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center;}
	.catg_box ul {gap: 8px; border:none; padding-bottom: 12px;}
	.catg_box li button {border-width: 3px; width: 79px; height: 79px; border-radius: 18px;}
	.catg_box li button span {font-size: 12px; padding-top: 35px;}
	.catg_box .search_date {padding-top: 0; flex-direction: column; gap: 10px;}
	.catg_box .search_date .tit {font-size: 10px; margin-left: -220px;}
	.catg_box .date_inpt {gap:.4rem}
	.catg_box .date_inpt input {width: 91px;}
	.catg_box .date_inpt .btn_search {width: 68px;}
	.catg_box .date_inpt .btn_search_help {right: -20px;}	

	.catg_box .country_wrap {margin-bottom: 1.5rem;}
	.catg_box .country_wrap .resion {max-width: 450px;}
	.catg_box .country_wrap {justify-content: flex-start; align-items: flex-start;}
	.catg_box .country_wrap .country {justify-content: flex-start;}
	.catg_box .country_wrap strong {width: 5rem; justify-content: space-between;}
	.catg_box .country_wrap .resion button {min-width: 8rem;}

	/* 신문잡지별보기 */
	.history_list .his_head .tab_area {margin-right: 20px;}
	.history_list .his_head .tab_area li button {width: 65px; height: 33px; font-size: 12px;}
	.news_card .txt_area .timeline {display: none;}
	.news_card figure.img {width: 96px;}	
	.list_itemInfo .news_card figure.img {height: 12.6rem;}/*260112*/
	.news_card .item {padding-bottom: 65px; position: relative;}
	.news_card .txt_area {padding-bottom: 0;}
	.news_card .txt_area h3 {font-size: 19px;}
	.news_card .news_tit_wrap {display: flex; flex-wrap: wrap;}/*251213*/
	.news_card .news_tit_wrap a {width: 100%;}/*251213*/	
	.news_card .news_tit_wrap img {width: 13rem; margin: 1.3rem 0 .2rem 0;}/*251213*/
	.news_card .txt_area .info {margin-top: 13px;}
	.news_card .txt_area .desc {font-size: 11px; line-height: 16px; -webkit-line-clamp: 4;}
	.news_card .txt_area .his_btn {position: absolute; left: 50%; bottom: 15px; margin-top: 0; transform: translateX(-50%);}
	.view_cont .swiper_ctr {left: .5rem; transform: translateX(0);}
	.view_detail .contents {padding: 1rem;}

	/* 큐레이션 기사 */
	.article_wrap .title h3 {font-size: 28px;}
	.article_wrap .title strong {font-size: 18px;}
	.article_wrap .article .dt_info .img_half {margin-right: 0; width: 100%; margin-bottom: 6rem;}

	.tab_menu .tab_item a{padding: 12px 5px;font-size: 12px;}
	.curation_item .img_wrap{width: 108px;height: 150px;}
	.curation_item .text_wrap{width: calc(100% - 108px);padding-left: 16px;}
	.curation_item .curation_title{font-size: 18px;}
	.curation_item .curation_sub{font-size: 12px;}
	.curation_item .curation_desc{margin-top: 12px;font-size: 10px;}
	
	.view_title .inner {padding: 0 10px;}
	.h_pop header .head_top {height: 60px;}
	.h_pop .view_title .inner {align-items: flex-start;}
	
	.intro_img_li span {width:calc(50% - 1px); flex: none;}/*260112*/
}

@media only screen and (max-width: 600px) {
	/* 큐레이션 기사 */
	.article_wrap .ot_li ul li {width: calc(50% - 1.5rem);}
	.article_wrap .ot_li ul li a {width: 100%;}
	.catg_box .country_wrap .resion {max-width: 350px;}

	.view_cont .img_ctr {left: .5rem; transform: translateX(0);}
	.view_slide_wrap .view_cont .img_info {right: 0.4rem;}
}

@media only screen and (max-width: 485px) {
	.catg_box .country_wrap .resion {max-width: 300px;}
}

@media only screen and (max-width: 440px) {
	.catg_box .country_wrap .resion {max-width: 200px;}
}

em.f_srch {background-color: #d8daee;}
/*260225 목록 스타일*/
.list-marker{}
.list-marker li{position: relative; padding-left: 5rem; margin-bottom: 2.4rem; line-height: 1.7; font-size: 1.8rem;}
.list-marker li::before{content: attr(data-marker); position: absolute; left: 0; top: 0; font-weight: 600; white-space: nowrap;}

.box-imp {background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 2.4rem; padding: 4rem 5rem; line-height: 1.7;}
.fs-bold {font-weight: bold;}