@charset "utf-8";
/* ************************************************************************************************************************************************************
						《 서브 페이지 스타일 》
************************************************************************************************************************************************************ */
.sub_content {padding:5rem 0 8rem;}
.search_sec {display:flex; gap:3.8%;}
.search_sec ~ .search_sec {margin-top:4.5rem;}
.search_sec .search_wrap {flex:1;}
.sub_tit_area {display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid #41435b; padding-bottom:1rem; padding-left:1rem; position: relative;}
.sub_tit_area h3 {font-size:2.7rem; font-weight:700; color:#111;}
.sub_tit_area .result_txt {font-size: 2.2rem; display: inline-block;}
.sub_tit_area .result_txt em,
.sub_tit_area .result_txt strong {font-weight: 700;}
.sub_tit_area .result_txt strong::before {content: '\2018';}
.sub_tit_area .result_txt strong::after {content: '\2019';}
.sub_tit_area .result_all {display: inline-block; padding: 8px 10px; margin-left: 1.5rem; font-size: 1.6rem; font-weight: 500; background-color: #edf5f5; border-radius: 10px; border:1px solid #c9c9c9}
.sub_tit_area .result_all span {padding-left: 2rem; background:url(../images/ico_more.svg) no-repeat left center;}
.opt_btn {display:flex;}
.opt_btn li {border-left: 1px solid #d7d7d7;}
.opt_btn li:last-child {border-right: 1px solid #d7d7d7;}
.opt_btn li > a {display:block; width:5rem; height:2rem; background-position: center; background-repeat: no-repeat;}
.opt_btn li a.print {background-image: url(../images/ico_print.svg); background-size: 1.7rem auto;}
.opt_btn li a.down {background-image: url(../images/ico_down.svg); background-size: 1.7rem;}
.opt_btn li a.share {background-image: url(../images/ico_share.svg); background-size: 1.7rem;}
.opt_btn li a.help {background-image: url(../images/ico_help.svg); background-size: 1.6rem auto; background-position: center top 2px;}
.opt_btn li a.list {display:flex; align-items:center; font-size:1.5rem; padding:0 1.6rem; width:auto;}
.opt_btn li a.list span {padding-left:2.4rem; display:block; background: url(../images/btn_site.svg) no-repeat left center; background-size: 1.2rem;}
.opt_btn li:last-child {position:relative;}
.opt_btn li .sns_tip {display:none; position:absolute; top:calc(100% + 15px); right:-1px; border:1px solid #d2d2d2; border-radius: 5px; background-color: #fff; box-shadow: 4px 6px 7px 0px rgba(0, 0, 0, 0.09); z-index: 1;}
.opt_btn li .sns_tip .sns_wrap {display:flex; gap:2rem; padding:1.5rem 2.2rem;}
.opt_btn li .sns_tip::after {display:block; content: ''; background: url(../images/tooltip.svg) no-repeat 0 0; width:16px; height:10px; position:absolute; right:17px; bottom:calc(100% - 1px);}
.opt_btn li .sns_tip a {display:block; width:3.5rem; height:3.5rem; background-position: center; background-size: 100% auto; background-repeat: no-repeat;}
.opt_btn li .sns_tip a.kakao {background-image: url(../images/sns_kakao.svg);}
.opt_btn li .sns_tip a.twt {background-image: url(../images/sns_twt.svg);}
.opt_btn li .sns_tip a.fb {background-image: url(../images/sns_fb.svg);}

/* brief */
.brief {display: flex; align-items: flex-start; position:relative;}
.brief .text_area {flex:1;}
.brief .text_area .title {border-left: 4px solid #383846; padding-left: 1rem;}
.brief .text_area .title a.name {font-size: 2rem; font-weight: 600; line-height: 1.5;}
.brief .text_area .title a:first-child {margin-right: 2rem;}
.brief .text_area .title a:not(:first-child) {display: inline-block; margin-right:4px; padding-right:8px; position:relative; font-weight: 500; font-size: 1.5rem; color:#418e8e; }
.brief .text_area .title a::after {display: block; content: ''; width: 1px; height: 1rem; background-color: #bbb; position: absolute; right: 0; top: 4px;}
.brief .text_area .title a.name::after {display:none;}
.brief .text_area .title a:last-child {margin-right:0; padding-right:0;}
.brief .text_area .title a:last-child::after {display:none;}

.brief .meta {margin-top: 1.5rem; display: flex; flex-wrap: wrap;}
.brief .meta dl {display: flex; align-items: center; margin-right:1rem; padding-right:1rem; position:relative;}
.brief .meta dl::after {display: block; content: ''; width: 1px; height: 10px; background-color: #dadada; position: absolute; right: 0; top: 4px;}
.brief .meta dl:last-child {margin-right:0; padding-right:0;}
.brief .meta dl:last-child::after {display:none;}
.brief .meta dl dt {color:#767676;}
.brief .meta dl dd {margin-left: 8px;}
.brief .desc {margin-top: 5px; font-size: 1.5rem; line-height: 1.5em;}
.brief .btn_area {margin-left: 2rem;}
.brief .btn_area i {display: block; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: #fff url(../images/ico_plus_gy.svg) no-repeat center; background-size: 1.4rem; border:1px solid rgba(0, 0, 0, 0.08); box-shadow: .3rem .5rem .5rem 0rem rgba(0, 0, 0, 0.08);}
.brief .btn_area i:hover {border:1px solid rgba(0,0,0,.11); background-color:#f5f5f5; transition: 0.3s;}
.brief .btn_area span {font-size: 1.1rem; margin-top: 1rem; text-align: center; display: block;}

/* facet */
.facet {width:28.2rem;}
.facet .facet_top {display:flex; justify-content:space-between; margin-bottom:1.4rem;}
.facet .facet_top h4 {padding-left:4rem; font-size:2.1rem; font-weight:600; background: url(../images/ico_filter_top.svg) no-repeat left 4px center;}
.facet .facet_top .reset {font-size:1.2rem; font-weight:500; color:#111; text-decoration: underline; text-underline-offset: 5px;}
.facet .facet_top .reset span {padding-left:2.5rem; background: url(../images/ico_reset.svg) no-repeat left center; line-height: 1.5; display: block;}
.facet .box {border:1px solid rgba(0, 0, 0, 0.21); padding:2rem;}
.facet .box ~ .box {margin-top:10px;}
.facet .box .tit {display:flex; align-items:center; justify-content:space-between;}
.facet .box .tit h5 {font-size:1.6rem; font-weight:600;}
.facet .box .tit .btn_toggle {transform: rotate(180deg); width:2.5rem; height:2rem; background: url(../images/arr_dir.svg) no-repeat center; background-size: 12px auto; transition: 0.3s;}
.facet .box .tit .btn_toggle.on {transform: rotate(0);}
.facet .box ul {max-height:140px; overflow:hidden; margin-top:2rem; padding-left:1rem; transition: 0.3s;}
.facet .box ul li ~ li {margin-top:1.4rem;}
.facet .box ul li .text {color:#555; line-height:1.6rem;}
.facet .box .more_li {padding:0 5px; display:flex; align-items:center; margin-left:auto; gap:10px; margin-top:3px;}
.facet .box .more_li span {font-size:1.1rem; color:#666;}
.facet .box .more_li i {background: url(../images/arr_select_gy.svg); background-size: 100% auto; width:8px; height:4px;}
.facet .box .more_li i.on {transform: rotate(180deg);}
.facet .btn_facet {display: none; width: 3.3rem; height: 7rem; align-items: center; justify-content: center; background-color: #383846; border-radius: 0 4px 4px 0; box-shadow: .3rem .4rem 1rem 0px rgba(0, 0, 0, 0.27); position: absolute; left: 100%; top: 292px;}
.facet .btn_facet span {color: #fff; font-size: 1.3rem; font-weight: 600; transform: rotate(90deg); line-height:1; letter-spacing:.08em; word-break:keep-all;}

/* ============================== [ 검색 1단계 ] ========================================================================================== */
.result_li_01 {display: flex; flex-wrap: wrap; gap:4rem 3rem; margin-top: 4rem;}
.result_li_01 .group {width: calc(50% - 1.5rem); padding: 4rem 3rem 4rem 4rem; border:1px solid #d7d7d7; border-top-color: #808080;}
.result_li_01 a.tit_area {margin-bottom: 3rem; display:flex; align-items:center;}
.result_li_01 a.tit_area p {font-size: 2.2rem; line-height: 2; display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 10px;}
.result_li_01 a.tit_area p em,
.result_li_01 a.tit_area p strong {font-weight: 700;}
.result_li_01 a.tit_area p strong::before {content: '\2018';}
.result_li_01 a.tit_area p strong::after {content: '\2019';}
.result_li_01 a.tit_area .more {display:flex; margin-left: 1.8rem; padding: .6rem 1.2rem .5rem; margin-top:.8rem; background-color: #fff; border:1px solid #c9c9c9; border-radius: .8rem;}
.result_li_01 a.tit_area .more span {padding-left: 2rem; background: url(../images/ico_more.svg) no-repeat left center;}
.result_li_01 a.tit_area:hover .more {background-color:#f5f5f5; transition: 0.3s;}
.result_li_01 .group ul li ~ li {margin-top:3.8rem;}

/* ============================== [ 상세정보 팝업 ] ========================================================================================== */
.pop_content {max-height: calc(95vh - 200px);}
.pop_detail .pop_head h2 {text-align:left; font-weight:700; font-size:1.6rem; color:#1e1e1e;}
.pop_detail .pop_head .head_in {border-bottom: 2px solid #000; padding-right:5rem; padding-bottom:2rem; display:flex; align-items:center; justify-content:space-between;}
.pop_detail .opt_btn {gap:10px;}
.pop_detail .opt_btn li {border:none;}
.pop_detail .opt_btn li > a {width:3rem; height:3rem;}
.pop_detail .opt_btn li .sns_tip {top:calc(100% + 10px); right:-10px;}
.pop_detail .pop_close {top:6px;}

.pop_detail .detail_info .tit_area {display:flex; justify-content:space-between;}
.pop_detail .detail_info .tit_area h3 {font-size:2.6rem; font-weight:700; flex:1;}
.pop_detail .detail_info .tit_area a {width:18.8rem; height:4.5rem; display:flex; align-items:center; justify-content:center; margin-left:10px; background-color: #4769d0; border-radius: 2.5rem;}
.pop_detail .detail_info .tit_area a span {font-size:1.5rem; color:#fff; font-weight:600; padding-right:2.4rem; background: url(../images/ico_site.svg) no-repeat right center; line-height: 1.2; position:relative; top:.2rem;}
.pop_detail .dt_li {margin:3.5rem 0 3.5rem; display:flex; flex-wrap: wrap; gap:7px 8px;}
.pop_detail .dt_li dl {width:calc(50% - 4px); display:flex; align-items:flex-start;}
.pop_detail .dt_li dl dt {width:7.8rem; height:2.2rem; line-height:2.2rem; font-size:1.2rem; color:#535353; font-weight:500; border:1px solid rgba(0, 0, 0, 0.13); background-color: #f4f4f6; text-align:center; border-radius: 5px;}
.pop_detail .dt_li dl dd {flex:1; margin-left:2rem; margin-top:.2rem; font-size:1.4rem; font-weight:400; color:#111;}
.pop_detail .dt_box {padding:1.6rem 2rem; background-color: #f7f7f7; border:1px solid #dedede; border-radius: 8px;}
.pop_detail .dt_box ~ .dt_box {margin-top:3rem;}
.pop_detail .dt_box h4 {font-weight:800; font-size:1.5rem;}
.pop_detail .dt_box p {font-weight:400; font-size:1.7rem; line-height:1.6; margin-top:.4rem;}

/* ============================== [ 검색 2단계 ] ========================================================================================== */
.result_li_02 .sort {padding:1rem 3.6rem; background-color: #f7f7f9; display:flex; align-items: flex-start; border-top:1px solid #fff; border-bottom: 1px solid #fff; gap:15px}
.result_li_02 .sort .word_label {display:flex; flex:1; margin-top:4px;}
.result_li_02 .sort .word_label button.reset {margin-right:.5rem; width:2.7rem; height:2.7rem; background: url(../images/ico_reset.svg) no-repeat center; background-size: 11px; border-radius: 50%; border:1px solid #dbdadb; background-color: #fff;}
.result_li_02 .sort .word_label ul {display:flex; flex-wrap: wrap; gap:.5rem; flex:1;}
.result_li_02 .sort .word_label ul li {display:flex; align-items:center; padding:3px 8px; border:1px solid #dbdadb; background-color: #fff; border-radius: 15px; display:flex; align-items:center;}
.result_li_02 .sort .word_label ul li span {flex:1; font-size:1.3rem; color:#272727;}
.result_li_02 .sort .word_label ul li button {margin-left:7px; width:10px; height:10px; background: url(../images/ico_del_fil.svg) no-repeat center; background-size: 8px;}
.result_li_02 .sort_sel span {font-size:1.3rem;}
.result_li_02 .sort_sel select {margin-left:2rem; padding:0 3rem 0 5px; min-width: 70px; height:33px; border:1px solid #d5d5d5; border-radius: 5px; background: #fff url(../images/arr_select_gy.svg) no-repeat right 10px center;}
.result_li_02 .group {padding:3rem 3rem 3rem 4rem;border: 1px solid #e4e4e7; border-bottom-color: #ccc;}
.result_li_02 .group ~ .group {border-top:none;}

/* ============================== [ 디렉토리 검색 ] ========================================================================================== */
.dir_srch {background-color: #fbfbfb; border:1px solid #dcdcdc; padding-top:3rem; padding-bottom:0;}/*250207*/
.dir_srch .srch_bar {margin:0 auto; width: 100%; max-width:72rem; height:5.2rem; border:1px solid #dcdcdc; border-radius: 0;}
.dir_srch .srch_bar input[type="text"] {padding-right:11rem; border-radius: 0;}
.dir_srch .srch_bar .btn_search {right:1.5rem;}
.dir_srch .srch_bar .btn_char {right:6rem;}
.dir_srch .srch_bar .srch_area {width:100%;}

/* 방찬후 기관별 검색 깨짐문제로 인해 코드 추가 */
.dir_srch .srch_txt_orga {text-align: center; margin-top:1rem; color:#242424; font-weight:500; padding: 0 10px; font-size: 1.4rem; word-break:keep-all;}

/* // 250207_수정 */
.srch_bar_bot .srch_bar {margin:0 auto; width: 100%; max-width:72rem; height:5.2rem; border:1px solid #dcdcdc; border-radius: 0;}
.srch_bar_bot .srch_bar input[type="text"] {padding-right:11rem; border-radius: 0;}
.srch_bar_bot .srch_bar .btn_search {right:1.5rem;}
.srch_bar_bot .srch_bar .btn_char {right:6rem;}
.srch_bar_bot .srch_bar .srch_area {width:100%;}
.srch_bar_bot {position: sticky; left: 0; bottom:0; max-width: 1600px; border-top: 1px solid #dcdcdc; background: #f5f5f5; padding: 3rem 0; width:100%; box-shadow: 0px 0px 2.5rem 1.5rem rgba(0, 0, 0, 0.05); z-index: 2;}
.srch_bar_bot .srch_bar {border-radius: .8rem;}
.srch_bar_bot .srch_bar input[type="text"] {border: none;}
.srch_bar_bot .srch_txt {text-align: center; margin-top:2rem; color:#242424; font-weight:500; padding: 0 10px; font-size: 1.3rem; word-break:keep-all;}
/* 250207_수정 // */

.dir_wrap {max-height: 440px; overflow-y:auto; margin:0 0 3rem; padding:0 3rem;}/*250207*/
.dir_wrap.collapsed {max-height:none;}
.dir_wrap input {width:13px; height:13px; border-color:#e1e1e1; margin-top:2px;}
.dir_wrap .form_chk {align-items: flex-start;}
.dir_wrap .group ~ .group {margin-top:4.5rem;}
.dir_wrap .group_title {display:flex; align-items:center; padding-bottom:10px; border-bottom: 1px solid #e1e1e1; padding-left:8px;}
.dir_wrap .group_title .form_chk .text {font-size:2rem; font-weight:700;}
.dir_wrap .group_title .group_btn {display:flex; align-items:center; justify-content:center; margin-left:1.3rem; width:6.3rem; height:2.6rem; border:1px solid rgba(0, 0, 0, 0.17); background-color: #f7f7f7; border-radius: 5px; color:#1b51bc; font-size:1.2rem; font-weight:600;}
.dir_wrap .group_title .group_btn span {line-height:1;}
.dir_wrap .group_title .group_btn i {display:inline-block; margin-left:7px; background: url(../images/arr_dir_bl.svg) no-repeat 0 0; width:8px; height:5px;}
.dir_wrap .group_title .group_btn i.on {transform: rotate(180deg);}
.dir_wrap .item_wrap {overflow:hidden; display:flex; flex-wrap: wrap; gap:3rem 0; padding-top:2.4rem;}/*250207*/
.dir_wrap .item_wrap.collapsed {max-height:0; padding-top:0;}
.dir_wrap .item_wrap .item {/*margin-right:1.2rem; padding-right:1.2rem;*/ border-right: 1px solid #e7e7e7;}
.dir_wrap .item_wrap .item:last-child {margin-right:0; padding-right:0; border-right: none;}
.dir_wrap .item_wrap .item .item_title {margin:0 6px 2rem; width:10.4rem;}/*250207*/
.dir_wrap .item_wrap .item .item_title .text {font-size:1.6rem; font-weight:700; letter-spacing: -0.05em;}
.dir_wrap .item_wrap .item .list_wrap {display:flex; gap:20px 0; flex-wrap:wrap;}
.dir_wrap .item_wrap .item .item_li.horz {display: flex; flex-wrap:wrap; gap:10px 0;}
.dir_wrap .item_wrap .item .item_li.horz li ~ li {margin-top: 0;}
.dir_wrap .item_wrap .item .item_li li {width:10rem; margin:0 6px;}
.dir_wrap .item_wrap .item .item_li li ~ li {margin-top: 6px;}
.dir_wrap .item_wrap .item .item_li li .form_chk .text {font-size: 1.4rem;}
.dir_srch .dir_toggle {display:flex; align-items:center; justify-content:center; margin:0 auto; width:12.8rem; height:2.5rem; border-radius: 20px; background-color: #1b51bc; color:#fff; font-size:1.3rem; font-weight:700;}
.dir_srch .dir_toggle i {margin-left:12px; background: url(../images/arr_keyword.svg) no-repeat 0 0; background-size: 100% auto; width:10px; height:6px;}
.dir_srch .dir_toggle i.on {transform: rotate(180deg);}

.org_wrap {margin:5rem auto 4rem;}
.org_wrap ul {display:flex; flex-wrap:wrap; justify-content:center;}
.org_wrap ul li {margin:1rem 5rem;}
.org_wrap ul li .text {font-size:1.7rem; font-weight:700;}

/*250207 검색 키워드*/
.keyword-list {display:flex; justify-content: center;}
.keyword-list ul {display:flex; flex-wrap:wrap; align-items:center; justify-content: center; max-width: 120rem; margin-bottom: 2rem;}
.keyword-list ul li {margin:1px .4rem 1px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #dbdadb; background: #fff; border-radius:1.5rem;}
.keyword-list ul li.hellip {border: none; background: none; margin: 1px 0 1px .5rem;}
.keyword-list ul li:last-of-type {margin-right:0;}
.keyword-list ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:.5rem 1rem .4rem; font-size:1.2rem; color:#333; font-weight:500;}
.keyword-list ul li a:after {content:''; width:.8rem; height:1.3rem; margin-left:.5rem; transform:rotate(180deg); background:url('../images/icon_X_8px.svg') no-repeat center / .8rem auto; filter: invert(51%) sepia(71%) saturate(918%) hue-rotate(321deg) brightness(97%) contrast(109%);}
.keyword-list ul li.reflesh a {font-size:0; width:2.7rem; height:2.7rem; background:url(../images/ico_refresh.svg) no-repeat center / 1.4rem auto; filter: invert(51%) sepia(71%) saturate(918%) hue-rotate(321deg) brightness(97%) contrast(109%);}.keyword-list ul li.reflesh a:after {display:none;}
/*250207 검색 키워드*/

@media only screen and (max-width:1240px) {
	.search_sec {gap:2.4rem;}
}
@media only screen and (max-width:1024px) {
	.facet {position: fixed; left: -300px; top: 0; height: 100vh; padding: 40px 0; width: 300px; background-color: #f7f7f9; z-index: 9; transition: 0.5s;}
	.facet.active {left: 0; box-shadow: 5px 9px 32px 0px rgba(0, 0, 0, 0.15);}
	.facet .facet_top {padding: 0 20px;}
	.facet .scroll_area {max-height: calc(100vh - 110px); padding: 0 20px; overflow-y: auto;}
	.facet .scroll_area .mCSB_container {padding: 0 20px;}
	.facet .box {background-color: #fff;}
	.facet .btn_facet {display: flex;}
	.result_li_01 .group {width: 100%;}
	.result_li_02 .group {padding: 20px;}
	.result_li_02 .brief .btn_area span {display: block;}
	.result_li_02 .sort {padding:1rem 2rem 1rem 2.4rem;}	
	.org_wrap ul li {margin:1rem 3rem;}
}
@media only screen and (max-width:767px) {
	.facet {width: 280px; left: -280px;}
	.facet .box ul {max-height: 127px;}
	.sub_tit_area {display: block; padding-left: 0;}
	.sub_tit_area .result_txt {display: block;}
	.sub_tit_area .result_all {margin: 10px 0 0 0;}
	.sub_tit_area.with_btn .r_cont {position: absolute; right: 0; bottom: 15px; margin-top: 0;}
	.sub_tit_area .r_cont {margin-top: 15px;}
	.opt_btn {justify-content: flex-end;}
	.opt_btn li > a {width:4rem;}
	.opt_btn li a.list {padding:0 1rem;}

	.brief .title {padding-right:6rem;}
	.brief .btn_area {position:absolute; right:5px; top:0;}
	.brief .btn_area span {display: none;}
	.brief .btn_area i {width:4.5rem; height:4.5rem; background-size: 1.4rem;}
	.facet .btn_facet {top:218px;}
	.result_li_01 {margin-top: 20px; gap:20px;}
	.result_li_01 .group {padding: 3rem 2rem;}
	.result_li_02 .sort {padding: 6px 2px 6px 25px;}
	.result_li_02 .sort_sel span {display:none;}
	.result_li_02 .sort_sel select {margin-left: 5px;}
	.result_li_02 .group {border-left: none; border-right: none; padding: 20px 0;}
	.result_li_02 .brief .btn_area span {display: none;}

	.pop_detail .detail_info .tit_area {display: block;}
	.pop_detail .detail_info .tit_area a {margin: 10px 0 0 0;}
	.pop_detail .dt_li {margin: 30px 0;}
	.pop_detail .dt_li dl {width: 100%;}
	.pop_detail .dt_box {padding: 1.5rem;}

	.dir_wrap {padding: 0 10px}
	.dir_srch .srch_bar {width: 90%;}
	.dir_srch .srch_bar input[type="text"] {padding-right:6rem;}

	/* 250207_수정 */
	.srch_bar_bot .srch_bar {width: 90%;}
	.srch_bar_bot .srch_bar input[type="text"] {padding-right:6rem;}
	/* 250207_수정 */
	
	.org_wrap {margin:2rem auto;}
	.org_wrap ul li {margin:1rem 2rem; width:calc(50% - 5rem);}
	.org_wrap ul li .text {font-size:1.6rem;}
	
	/*250207 검색 키워드*/
	.keyword-list ul {display:none;}
}
@media only screen and (max-width:500px) {
	.dir_wrap .item_wrap .item {border-right: none;}

}


/* ============================== [ 국학이야기 | 목록 ] ========================================================================================== */
.sub_cont_area{margin-top: 8rem;}

.sub_tab ul{display: flex;flex-wrap: wrap;}
.sub_tab ul li{text-align: center; flex:1;}
.sub_tab ul li a{display: block;padding: 2rem 0;border: 1px solid #d4d4d4;border-left: 0;font-size: 1.8rem;font-weight: 600;color: #363a43;transition: 0.2s;}
.sub_tab ul li:first-child a{border-left: 1px solid #d4d4d4;}
.sub_tab ul li:hover a{background-color: #f3f7f9;}
.sub_tab ul li.active a{border-color: #363a43;background-color: #363a43;color: #fff;}

.sub_cont{margin-top: 6rem;}
.sub_cont .content{display: none;}
.sub_cont .content.active{display: block;}

.box_list{display: flex;flex-wrap: wrap;}
.box_list > li{border: 1px solid #d4d4d4;}
.box_list.n5{margin-left: -1.5%;}
.box_list.n5 > li{width: calc((100% - (1.5%*5))/5);margin-left: 1.5%;}

.story_content .box_list{margin-top: -6rem;}
.story_content .box_list li{margin-top: 6rem;}
.story_content .box_list li a{display: block;padding: 1.2rem;transition: 0.4s;}
.story_content .box_list li:hover a{box-shadow: 1.3rem 1.3rem 1.8rem rgba(0, 0, 0, 0.2);}
.story_content .box_list li .img{width: 100%; height: 26.7rem; overflow:hidden;}
.story_content .box_list li .img img{height: 100%;}
.story_content .box_list li:hover .img img {transform: scale(1.15); transition: 0.4s;}
.story_content .box_list li .text_wrap{margin-top: 2rem;}
.story_content .box_list li strong{font-size: 2rem; line-height:1.2; font-weight: 700;text-align: center;	 overflow:hidden; display: -webkit-box; letter-spacing:-0.05em; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.story_content .box_list li p{overflow: hidden;display: -webkit-box; height: 2.8em; margin-top: 1.5rem; font-size: 1.4rem;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.story_content .box_list li span{display: block;margin-top: 3.2rem;font-size: 1.2rem;font-weight: 500;color: #418e8e;}

.paging_wrap{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 8.6rem;}
.paging_wrap .total span{display: inline-block;font-size: 1.4rem;vertical-align: middle;}
.paging_wrap .total strong{display: inline-block;margin-left: 0.6rem;margin-right: 1rem;margin-top: -1px;font-size: 1.6rem;font-weight: 700;vertical-align: middle;color: #fa7263;}
.total + .pagination{margin-left: 3rem;}
.pagination{display: flex;align-items: center;}
.pagination a{display: block;}
.pagination .btn_prev,
.pagination .btn_next{background-repeat: no-repeat;background-size: 0.5rem;font-size: 1.3rem;color: #666;}
.pagination .btn_prev{margin-right: 2rem;padding-left: 1.6rem;background-image: url('../images/arr_paging_prev.svg');background-position: left center;}
.pagination .btn_next{margin-left: 2rem;padding-right: 1.6rem;background-image: url('../images/arr_paging_next.svg');background-position: right center;}
.pagination .btn_paging{width: 3rem;height: 3rem;padding: 0.5rem;border-radius: 6px;font-size: 1.4rem;color: #333;text-align: center;}
.pagination .btn_paging + .btn_paging{margin-left: 0.6rem;}
.pagination .active{background-color: #e4e4e4;}

.paging_quick{display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 3rem;}
.paging_quick .input_paging{width: 3rem;height: 3rem;border: 1px solid #d4d4d4;border-radius: 2px;text-align: center;}
.paging_quick .input_paging,
.paging_quick strong{font-size: 1.4rem;color: #333;font-weight: 400;}
.paging_quick span{display: inline-block;margin: 0 1.5rem;vertical-align: middle;}
.paging_quick .btn_paging_quick{display: inline-block;margin-left: 2rem;padding: 0.8rem 1.5rem;border-radius: 6px;background-color: #383846;font-size: 1.4rem;font-weight: 700;color: #fff;vertical-align: middle;}

@media screen and (max-width: 1520px){
	.box_list.n5 > li{width: calc((100% - (1.5%*4))/4);}
}

@media screen and (max-width: 1024px){
	.box_list.n5{margin-left: -1.5%;}
	.box_list.n5 > li{width: calc((100% - (1.5%*3))/3);margin-left: 1.5%;}
}

@media screen and (max-width: 767px){
	.sub_cont_area{margin-top: 3rem;}
	.sub_cont{margin-top: 3rem;}

	.box_list > li{border-left: 0;border-right: 0;border-top: 0;}
	.box_list > li:first-child{border-top: 1px solid #d4d4d4;}
	.box_list.n5{margin-left: 0;}
	.box_list.n5 > li{width: 100%;margin-left: 0;}

	.story_content .box_list{margin-top: 0;}
	.story_content .box_list li{margin-top: 0;}
	.story_content .box_list li a{display: flex;padding: 2.2rem;padding-left: 0;padding-right: 0;}
	.story_content .box_list li:hover a{box-shadow: none;}
	.story_content .box_list li:before{display: block;content: '';clear: both;}
	.story_content .box_list li .img{width: 28%;height: 10rem;}
	.story_content .box_list li .text_wrap{width: 72%;padding-left: 1.5rem;margin-top: 0;}
	.story_content .box_list li strong{text-align: left;}
	.story_content .box_list li p{margin-top: 1.2rem;}
	.story_content .box_list li span{margin-top: 1rem;}

	.paging_wrap{margin-top: 5rem;}
	.pagination .btn_paging{display: none;}
	.pagination .btn_next{position: relative;}
	.pagination .btn_next::before{display: block;content: '';position: absolute;top: 1px;left: -2rem;width: 1px;height: 1.6rem;background-color: #d4d4d4;}
}


/* ============================== [ 국학이야기 | 기사 ] ========================================================================================== */
.article_content{display: flex;}
.article_quick_wrap{position: relative;width: 20%;padding: 3.5rem;background-color: #f6f6f9;}
.article_quick_wrap h2{font-family: 'NanumMyeongjo';font-size: 4rem; font-weight: 800; letter-spacing:-0.04em;}
.article_quick_wrap .article_quick{position: sticky;top: 7.5rem;left: 0; }
.article_quick_wrap .article_quick::before {display: block; content: ''; background-image: url('../images/article_quick.svg'); background-repeat: no-repeat;background-position: 0 0; background-size: 100% auto; width: 18rem; height: 18rem; position: absolute; left: -6rem; top: 5.5rem; z-index: -1;}
.article_menu{position: relative;margin-top: 8rem;padding-top: 2.5rem;}
.article_menu::before{display: block; content: ''; position: absolute; top: 0; left: 0; width: 9rem; height: 3px; background-color: #000;}
.article_menu ul li + li{margin-top: 1.5rem;}
.article_menu ul li a{display: block;font-size: 1.7rem;font-weight: 600;}

.article_cont{width: 75%;padding-left: 5%;}
.article_cont .item + .item{margin-top: 10rem;}/*241101*/
.article_cont .item h3{position: relative;padding-top: 7rem;font-size: 3rem;font-weight: 600;text-align: center;}
.article_cont .item h3::before{display: block;content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 3.6rem;width: 2px;background-color: #383846;}
.article_conbox{display: flex; flex-wrap:wrap; margin-top: 5rem;}
.article_conbox.vb {align-items: flex-end;}/*241101*/
.article_conbox > div{width: calc((100% - 4rem)/2);}
.article_conbox > div:nth-child(2){margin-left: 4rem;}
.article_conbox > div.w20{width: calc((100% - 16rem)/5);}/*241101*/
.article_conbox > div.w20:not(:first-child) {margin-left: 4rem;}/*241101*/
.article_conbox > div.full {width: 100%;}/*241101*/
.article_conbox .text_wrap p{font-size: 1.7rem;line-height: 1.9;word-break: keep-all;}/*241101*/
.article_conbox .img_wrap {display: block;}/*241101*/
.article_conbox .img_wrap img {cursor: pointer; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px;}/*241101*/
.article_conbox .img_wrap p{background-color: #383846; text-align: center; border: 1px solid #e5e5e5; border-width: 0 1px 0 1px;}/*241101*/
.article_conbox .img_wrap p span{display: inline-block; padding: 1rem 0; font-size: 1.4rem; font-weight: 600; color: #fff; vertical-align: middle; }/*241101*/

.pop_img{padding: 0;background-color: transparent;}
.pop_img .pop_close{filter: invert(100%);}

@media screen and (max-width: 1240px){
	.article_content{display: block;position: relative;}
	.article_quick_wrap{z-index: 1;width: 100%;overflow: hidden;}
	.article_quick_wrap .article_quick{position: static;top: auto;left: auto;display: flex;justify-content: space-between;}
	.article_quick_wrap .article_quick::before {left: 3rem; top:9.5rem}
	.article_menu{margin-top: 0;}

	.article_cont{width: 100%;padding-left: 0;margin-top: 4rem;}
}

@media screen and (max-width: 767px){
	.article_quick_wrap .article_quick{display: block;}
	.article_quick_wrap .article_quick::before {left: 9rem; top:9.5rem}
	.article_quick_wrap h2{text-align: center; font-size:3.6rem;}
	.article_menu{margin-top: 2.5rem;}

	
	.article_conbox > div{width: 100%;}
	.article_conbox > div:nth-child(2){margin-left: 0;margin-top: 5rem;}
	.article_conbox > div.w20{width: calc((100% - 1rem)/2); margin: .5rem auto;}/*241101*/
	.article_conbox > div.w20:nth-child(2n - 1) {margin-left: 0;}/*241101*/
	.article_conbox > div.w20:nth-child(2n) {margin-left: 1rem;}/*241101*/
}


/* ============================== [ 국학마당 | OPEN API 안내 ] ========================================================================================== */
.color_key{color: #c84300;}
.bg_box{padding: 2.5rem 4rem;border-radius: 5px;background-color: #f5f5f5;font-size: 1.7rem;word-break: break-all;}
.text_left{text-align: left !important;}

.sub_lnb_content section{display: flex;}
.sub_lnb_content .sub_tit_area{display: block;border-bottom: 0;}
.lnb_menu_wrap{width: 25%;}
.sub_lnb_cont_area{width: 75%;margin-left: 5%;}
.sub_lnb_content .r_cont{display: flex;justify-content: space-between; align-items: center;}
.lnb_tit {flex:1;}
.lnb_tit h4{padding-top: 0.3rem;font-size: 2.4rem;font-weight: 700;color: #383846;  letter-spacing: -0.02em;}

.sub_lnb_cont_area{margin-top: 0;}
.lnb_wrap{border-top: 1px solid #41435b;}
.lnb_menu{margin-top: 1rem;}
.lnb_menu li{background-image: linear-gradient(to right, #ddd 33%,rgba(255,255,255,0) 0%);background-position: bottom;background-size: 7px 2px;/*점선 간격 수정*/background-repeat: repeat-x;}
.lnb_menu li a{display: block;padding: 2rem;background-image: url('../images/ico_lnb.svg');background-repeat: no-repeat;background-position: left center;font-size: 1.7rem;font-weight: 600; transition: 0.3s;}
.lnb_menu li.active a{background-image: url('../images/ico_lnb_active.svg');color: #d47748;}
.lnb_menu li a:hover {color: #d47748; background-image: url('../images/ico_lnb_active.svg');}

.lnb_cont_wrap{padding-top: 4rem;border-top: 1px solid #41435b;}
.num_list_wrap .item + .item{margin-top: 6rem;}
.num_list_wrap .num_tit{font-size: 2.2rem;font-weight: 600;}
.num_list_wrap .num_tit + .bg_box{margin-top: 2rem;}
.num_list_wrap .data_list{margin-top: 4px;padding-top: 10px;border-top: 1px solid #bababa;}
.num_list_wrap + .table_wrap{margin-top: 7rem;}
.num_list_wrap .num_tit ~ .tip_cont {margin-top: 4rem;}

.table_wrap .table_tit {font-size:1.8rem;font-weight:700; color:#111; margin-bottom:1.5rem;}
.table_wrap table{table-layout: fixed;border-collapse: collapse;}
.table_wrap table thead th{border-top: 2px solid #ffb45e;font-weight: 600;}
.table_wrap table th,
.table_wrap table td{padding: 1.5rem;border-bottom: 1px solid #ffb45e;font-size: 1.5rem;text-align: center;}
.table_wrap table td{border-left: 1px solid #ffb45e;font-weight: 500;}
.table_wrap table td:first-child{border-left: 0;}
.table_wrap table td ul li {padding-left:2.4rem; text-align:left; position:relative;}
.table_wrap table td ul li::after {display:block; content: ''; width:1.1rem; height:0.3rem; background-color: #000; position:absolute; left:0; top:0.8rem;}
.table_wrap table td.border-left {border-left: 1px solid #ffb45e;}/*241101*/
.chart_wrap.scroll_x_wrap{overflow-x:auto;}
.chart_wrap.scroll_x_wrap .scroll_x_cont{}

@media screen and (max-width: 1024px){
	.sub_lnb_content section{display: block;}

	.sub_lnb_content .sub_tit_area .l_txt,
	.lnb_menu_wrap{width: 100%;}
	.lnb_menu_wrap .sub_tit_area{display: none;}
	.lnb_wrap{border-top: 0;}

	.sub_lnb_cont_area{width: 100%;margin-left: 0;margin-top: 6rem;}
	.lnb_menu{display: flex;flex-wrap: wrap;margin-left: -4px;margin-top: -4px;}
	.lnb_menu li{width: calc((100% - 12px)/3); margin-left: 4px;margin-top: 4px;border: 1px solid #d9d9d9;border-radius: 4px;background-image: none;}
	.lnb_menu li.active a span{border-bottom: 1px solid #d47748;}
	.lnb_menu li a{padding-left: 4rem; padding-right: 1.5rem; background-position: 1.5rem center;}
}

@media screen and (max-width: 767px){
	.num_list_wrap .num_tit + .bg_box{padding: 2rem;}
	.lnb_menu li{width: calc((100% - 12px)/2);}
	.lnb_menu li a{background-size: 5px;}
	.lnb_tit h4 {font-size:2.1rem;}
	.scroll_x_wrap{overflow-x:auto;}
	.scroll_x_wrap .scroll_x_cont{min-width: 680px;}
}


/* ============================== [ 소개 | 분류별 자료 현황 ] ========================================================================================== */
.chart_table_wrap{margin-top: 5rem;}
.chart_table_wrap .tit_area{text-align: center;}
.chart_table_wrap .tit_area strong{font-size: 2.4rem;font-weight: 700;}
.chart_table_wrap .tit_area + .chart_table{margin-top: 3rem;}
.chart_table{border-top: 2px solid #ff8f37;}
.chart_table .chart_tit{padding: 1.4rem;border-bottom: 1px solid #ffb45e;background-color: #e6e6e6;text-align: center;}
.chart_table .chart_tit strong{font-size: 1.8rem;font-weight: 600;}
.chart_table .chart_list{display: flex;flex-wrap: wrap;}
.chart_table .chart_list dl{display: flex;width: 33.3%;}
.chart_table .chart_list dt{display: flex;justify-content: center;align-items: center;width: 40%;background-color: #f9f9f9;font-weight: 600;}
.chart_table .chart_list dd{width: 60%;font-weight: 500;text-align: right;}
.chart_table .chart_list dt,
.chart_table .chart_list dd{padding: 1.4rem 1rem;border-right: 1px solid #ffb45e;border-bottom: 1px solid #ffb45e;font-size: 1.6rem;}
.chart_table .chart_list dl:nth-child(3n) dd{border-right: 0;}
.btn_chart_more{display: inline-block;padding: 2px 6px;padding-right: 26px;margin-left: 1rem;border: 1px solid #dbdbdb;border-radius: 4px;background-image: url('../images/ico_chart_more.svg');background-repeat: no-repeat;background-position: right 6px center;font-size: 1.3rem;font-weight: 500;vertical-align: middle;}

@media screen and (max-width: 1540px){
	.chart_table .chart_list dl{width: 50%;}
	.chart_table .chart_list dl:nth-child(3n) dd{border-right: 1px solid #ffb45e;}
	.chart_table .chart_list dl:nth-child(2n) dd{border-right: 0;}
}

@media screen and (max-width: 767px){
	.chart_table .chart_list dl{width: 100%;}
	.chart_table .chart_list dl dd,
	.chart_table .chart_list dl:nth-child(3n) dd{border-right: 0;}
	.btn_chart_more{padding-right: 16px;margin-left: 5px;background-size: 8px;}
}

/* ============================== [ OPEN API 신청 ] ========================================================================================== */
.apply_form .desc {font-size: 1.7rem; font-weight: 600;}
.apply_form .form_cont {margin-top: 4rem; overflow: hidden;}
.apply_form .form_cont ~ .form_cont {margin-top: 1.5rem;}
.apply_form .form_cont .tit {font-size: 1.4rem; padding-left: 5px; font-weight: 600; margin-bottom: 10px;}
.apply_form .form_cont .tit span {color:#be4000;}
.apply_form .form_cont div {float: left; width: 352px;}
.apply_form .form_cont div ~ div {margin-left: 10px;}
.apply_form .form_cont textarea {border:1px solid rgba(0, 0, 0, 0.3); height: 18rem; border-radius: 8px; width: 100%; resize: none;}
.apply_form .form_cont input[type="text"] {border:1px solid rgba(0, 0, 0, 0.3); height: 4.5rem; border-radius: 8px; max-width: 352px; width: 100%;}
.apply_form .form_cont .chk_btn {width: 100%; float: none; display: flex; gap:10px;}
.apply_form .form_cont .chk_btn input {flex:1; max-width: 100%;}
.apply_form .form_cont .chk_btn button {width: 79px; height: 4.5rem; font-size: 1.6rem; font-weight: 600; color: #fff; background-color: #383846; border-radius: 8px;}
.apply_form .btn_pop_wrap {margin-top: 7rem;}
@media screen and (max-width: 1024px) {
	.apply_form {padding-left: 0;}
	.apply_form .form_cont div ~ div {margin:10px 0 0 0;}
	.apply_form .form_cont div {float: none; width: 100%;}
}

/* ============================== [ 국학진흥협의체 기관 소개 ] ========================================================================================== */
.prt_li li {border:1px solid rgba(0, 0, 0, 0.24);}
.prt_li li ~ li {margin-top: 4rem;}
.prt_li li a {padding:3rem 2.5rem 3rem 0; display: flex;}
.prt_li li a .img {width:30rem; height:18rem; position:relative; overflow:hidden; transition: 0.3s;}
.prt_li li a {transition: 0.3s;}
.prt_li li a:hover {box-shadow: 1.3rem 1rem 1.9rem rgba(0, 0, 0, 0.2);}
.prt_li li a:hover .img img {transform: scale(1.15); transition: 0.3s;}
.prt_li li a .img::after {display:block; content: ''; width:5.2rem; height:5.2rem; border-radius: 5px; border:1px solid rgba(201, 201, 201, 0.73); background:rgba(247, 247, 247, 0.17)  url(../images/ico_plus.svg) no-repeat center; background-size: 16px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.prt_li li .txt_wrap {margin-left:3rem; padding-top:3.5rem; flex:1;}
.prt_li li .txt_wrap strong {font-weight:600; font-size:2.4rem;}
.prt_li li .txt_wrap p {margin-top:2rem; font-size:1.5rem;}

@media screen and (max-width: 767px) {
	.prt_li li a {display:block; padding:3rem;}
	.prt_li li .txt_wrap {margin-left:0;}
}
@media screen and (max-width: 450px) {
	.prt_li li a .img {width:100%; height:auto;}
}

/* ============================== [ 소개 ] ========================================================================================== */
.page_tab {display:flex; justify-content:center; gap:.6rem; margin-bottom:6rem;}
.page_tab.mb30 {margin-bottom:3rem;}
.page_tab li {display:flex;}
.page_tab a {font-weight:700; min-width:17rem; letter-spacing:-0.04em; min-height:6.2rem; font-size:1.6rem; padding:1rem 3rem; border:1px solid rgba(0, 0, 0, 0.11); border-radius: 30px; display:flex; align-items:center; justify-content:center; text-align:center; background-color: #fff; transition: 0.3s; word-break:keep-all;}
.page_tab a:hover {background-color: #f3f7f9;}
.page_tab a.active {color: #fff; font-weight:600; background-color: #4c4c69;}
.info_tit {font-size:3rem; font-weight:700; color:#111; text-align:center; margin-bottom:6rem;}
.view_ui {display:flex; gap:4%;}
.view_ui.top {align-items: flex-start;}
.view_ui .intro_img {width:48%; max-width: 574px;}
.intro_txt_01 {flex:1; font-size:1.7rem; line-height:1.8em;}
.intro_txt_02 {margin:5rem 0 4rem; font-size:1.7rem; line-height:1.8em;}
.intro_txt_02 p {line-height:1.8em;}
.intro_img_li {display:flex; gap:1px; flex-wrap: wrap;}
.intro_img_li a {flex:1;}
.intro_outlink {margin:7rem auto 0; display:block; max-width:100%; width:100%;}/*241101*/
.intro_outlink img {display:block; width:100%; border: 1px solid #ddd;}
.intro_outlink span {display: flex; margin-top: 1.5rem; align-items: center; justify-content: center; font-size: 1.3rem;}/*241101*/
.intro_outlink span:after {content: ''; width: 1.4rem; height: 1.4rem; margin-left: 1rem; background: url(../images/ico_outlink.svg) no-repeat center / cover;}/*241101*/
@media screen and (max-width: 1240px) {	
	.page_tab a {min-width:14rem; padding:1rem 2rem;}
}
@media screen and (max-width: 767px) {
	.page_tab {wrap; gap:.4rem; flex-wrap:wrap;}
	.page_tab a {min-width:10rem; padding:1rem; min-height:5rem; font-size:1.6rem;}
	.view_ui {flex-direction: column; align-items:center; gap:4.8rem}
	.view_ui .intro_img {width:100%;}
	.intro_img_li a {width:calc(50% - 1px); flex: none;}
}

.video_area {position:relative; height:0; padding-bottom:56.25%;}
.video_area iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

/* ============================== [ 게시판 목록 ] ========================================================================================== */


.icon-answer {display:flex; flex-wrap:wrap; align-items:center; width:1.8rem; height:1.2rem; margin-top:2px; padding-right:1.8rem; margin-right:.8rem; font-size:0; background:url('../images/ico_answer.svg') no-repeat center / cover;}
.icon-file {display:flex; flex-wrap:wrap; align-items:center; width:1.4rem; height:1.4rem; font-size:0 !important; background:url('../images/ico_file.svg') no-repeat center / cover;}

.lnb_list_info {display:flex; flex-wrap:wrap; align-items:center;}
.search-total {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; color:#333;}
.search-total span {font-size:inherit; margin-left:.5rem; position:relative; top:1px;}
.search-total strong {font-size:inherit; color:#fa7263; font-weight:600; margin:0 .4rem 0 .8rem;}
.lnb_list_info select {margin-left:2rem; padding:0 3rem 0 5px; min-width: 70px; height:33px; border:1px solid #d5d5d5; border-radius: 5px; background: #fff url(../images/arr_select_gy.svg) no-repeat right 10px center;}

.sub-table-list {margin:-4rem 0 1.5rem; }
.sub-table-list.light {border-top:1px solid #999;}
.sub-table-list table {width:100%;}
.sub-table-list table thead tr th {padding:2rem 1rem; border-bottom:1px solid #e1e1e1; font-size:1.3rem; color:#333; font-weight:600; text-align:center;}
.sub-table-list table tbody tr th {padding:1.5rem 1rem; border-bottom:1px solid #e1e1e1; font-size:1.3rem; color:#333; text-align:center;}
.sub-table-list table tbody tr td {padding:1.4rem 1rem 1.1rem; border-bottom:1px solid #e1e1e1; font-size:1.5rem; color:#333;}
.sub-table-list.light table tbody tr th, .sub-table-list.light table tbody tr td {border-bottom:1px solid #ddd;}
.sub-table-list table tbody tr td.sm {font-size:1.3rem; color:#767676; text-align:center;}
.sub-table-list table tbody tr td.subject {text-align:left;}
.sub-table-list table tbody tr td.subject .subject-wrap {display:flex;}
.sub-table-list table tbody tr td.subject .subject-wrap > a {display:block; padding-right:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.5rem; color:#111;}
.sub-table-list table tbody tr td.subject .subject-wrap .subject-state {display:flex; flex-wrap:wrap; align-items:center;}
.sub-table-list.lg table tbody tr td {padding:1.9rem 1rem;}
.sub-table-list table tbody tr td.subject .subject-wrap > a {font-size:1.5rem; line-height:1.3;}
.sub-table-list.lg table tbody tr td.ns {font-size:1.7rem; font-weight:800;}
.sub-table-list.bd table thead tr th {border-right:1px solid #ccc;}
.sub-table-list.bd table thead tr th:last-of-type {border-right:0;}
.sub-table-list.bd table tbody tr td {border-right:1px solid #ccc;}
.sub-table-list.bd table tbody tr td:last-of-type {border-right:0;}

@media (max-width:767px){
	.sub-table-list table colgroup {display:none;}
	.sub-table-list table thead {display:none;}
	.sub-table-list table tbody tr td {display:none;}
	.sub-table-list table tbody tr td.subject {display:table-cell;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile {display:flex; align-items:center;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .num {color:#333333; font-size:1.3rem; padding-right:1.4rem;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .content {flex:1; min-width:0;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .content .subject-wrap {display:flex;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .content .subject-wrap strong {display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .content .info ul {display:flex; flex-wrap:wrap; align-items:center;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .content .info ul li {color:#666666; margin:3px 10px 0 0; font-size:1.4rem;}
	.sub-table-list table tbody tr td.subject .sub-table-mobile .content .info ul li:last-of-type {margin:3px 0 0 0;}
	.sub-table-list.lg table tbody tr td.subject .sub-table-mobile .num {font-weight:800; line-height:1; top:-4px; position:relative;}
	.sub-table-list.block table {table-layout:auto;}
	.sub-table-list.block table thead {display:table-header-group;}
	.sub-table-list.block table tbody tr td {display:table-cell; line-height:1.2;}
}

/* ============================== [ 게시판 기사 ] ========================================================================================== */

.sub-view {max-width:100%; margin:0 auto;}
.sub-view .view-head {padding:1rem 0 1rem;}
.sub-view .view-head strong {display:block; font-size:2rem; color:#333; line-height:1.3; font-weight:700; margin:0 1rem;}
.sub-view .view-head strong.sm {font-size:1.7rem; font-weight:500;}
.sub-view .view-head ul {margin:0 1rem; display:flex;}
.sub-view .view-head ul li {display:flex; flex-wrap:wrap; align-items:center; margin-right:1rem;}
.sub-view .view-head ul li sub {font-size:1.3rem; color:#767676; display:flex; flex-wrap:wrap; align-items:center; line-height:1.3;}
.sub-view .view-head ul li sub:after {display:inline-block; content:""; width:1px; height:1.2rem; background:#ccc; margin:0 .8rem; position:relative;}
.sub-view .view-head ul li span {font-size:1.3rem; color:#454545; position:relative;}
.sub-view .view-body .content {padding:5rem 1rem; margin:0 auto;}
.sub-view .view-body .content h5 {font-size:2rem; font-weight:600; line-height:1.3rem; padding:2rem 0;}
.sub-view .view-body .content h6.question {font-size:2.1rem; font-weight:700; line-height:1.3; padding:2rem 0 5rem; display:flex; flex-wrap:wrap; width:calc(100% - 5rem);}
.sub-view .view-body .content h6.question:before {content:'Q.'; font-size:3rem; line-height:.9; font-weight:700; width:5rem;}
.sub-view .view-body .content p {font-size:1.6rem; color:#333; line-height:1.9; word-break:keep-all;}
.sub-view .view-body .content p a {font-size:inherit; line-height:inherit; text-decoration:underline; color:#009;}
.sub-view .view-body .content img {max-width:100%; margin:3rem auto; text-align:center; display:block;}
.sub-view .view-body .content img.help {border:.3rem solid #454545; border-radius:.8rem;}
.sub-view .view-body .content .img-wrap {display:flex; flex-wrap:wrap; justify-content: space-evenly; align-items: flex-end; margin:5rem auto;}
.sub-view .view-body .content .img-wrap .img-block {display:block;}
.sub-view .view-body .content .img-wrap .img-block img {max-width:100%; margin:0 auto; text-align:center; display:block;}
.sub-view .view-body .content .img-wrap .img-block .caption {font-size:1.4rem; line-height:1.3rem; text-align:center; margin:2rem auto 0; display:block;}
.sub-view .view-body .file {display:flex; margin:2rem auto 0 auto; padding:3rem 0; border-top:1px solid #e8e8e8;}
.sub-view .view-body .file b {font-size:1.3rem; color:#767676; margin:1.2rem 2.5rem 0 0;}
.sub-view .view-body .file ul {flex:1;}
.sub-view .view-body .file ul li {position:relative; margin:0 0 .7rem; display:flex; width:100%; border:1px solid #d9d9d9; padding:1.2rem 2rem; border-radius:.4rem; background:linear-gradient(180deg, rgba(36,38,55,0) 40%, rgba(36,38,55,.03) 100%);}
.sub-view .view-body .file ul li:last-of-type {margin:0;}
.sub-view .view-body .file ul li:before {position:absolute; left:2rem; top:1.2rem; width:1.4rem; height:1.4rem; background:url('../images/ico_file.svg') no-repeat center / cover; content:"";}
.sub-view .view-body .file ul li a {position:relative; font-size:1.4rem; color:#cc6633; padding:0 0 2px; border-bottom:1px solid #cc6633; margin-left:2.2rem;}
.sub-view .view-foot {margin:4.5rem 0 0;}
.sub-view .view-body .reply {margin:3rem auto 0 auto; border-top:1px solid #ccc; padding:5rem 0 5rem 5rem; position:relative;}
.sub-view .view-body .reply:before {content:''; position:absolute; display:block; left:0; top:5.2rem; width: 2.4rem; height: 1.6rem; background: url(../images/ico_answer.svg) no-repeat center / cover;}
.sub-view .view-body .reply strong {font-size:1.9rem; color:#333; font-weight:700; display:block; margin:0 0 1.5rem;}
.sub-view .view-body .reply ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-body .reply ul li {margin-right:3rem; display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-body .reply ul li:last-of-type {margin-right:0;}
.sub-view .view-body .reply ul li sub {display:flex; flex-wrap:wrap; align-items:center; font-size:1.3rem; color:#767676;}
.sub-view .view-body .reply ul li sub:after {display:inline-block; content:""; width:1px; height:1rem; background:#ccc; margin:0 1rem; position:relative; top:1px;}
.sub-view .view-body .reply ul li span {font-size:1.4rem; color:#333;}
.sub-view .view-body .reply p {margin:2.5rem 0 0; font-size:1.5rem; color:#333; line-height:1.9; word-break:keep-all;}
.sub-view .view-body .reply p a {font-size:inherit; line-height:inherit; text-decoration:underline; color:#009;}

.sub-button { display:flex; justify-content:flex-end;}
.sub-button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:1.5rem; font-weight:600; padding:0 2.4rem; border:1px solid #ccc; color:#333; height:4rem; border-radius:.8rem; margin-left:.5rem; white-space:nowrap; background:linear-gradient(0, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 70%)}

@media (max-width:1024px){
	.sub-view .view-body .content {padding:0;}
	.sub-view .reply p {ine-height:1.9;}
	.sub-view .review .review-box {max-width:100%; height:auto;}
	.sub-view .review .review-box a.submit {font-size:14px;}
}
@media (max-width:767px){
	.sub-view .view-head ul li span {top:1px;}
	.sub-view .reply ul li span.ns {top:1px;}
	.sub-view .review .review-box .is-m {width:100%;}
	.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul li {width:50%;}
	.sub-view .review .review-box a.submit {width:100%; margin-top:1rem;}
}
.sub-view .sm-list {margin: 1rem 0 1rem 0; border-top: 1px solid #aeaeae;}
.sub-view .sm-list li {padding: 2.1rem 1rem; border-bottom: 1px solid #dcdcdc;}
.sub-view .sm-list li .tit {color: #767676; font-size: 1.2rem;}
.sub-view .sm-list li .con a {margin-top: 1rem; color: #333; font-size: 1.5rem;}

/*241101 개별 페이지 추가*/
.cont-bot-wrap {background: #f6f6f9; border: 1px solid #e5e5e5; padding: 2rem 7rem; border-radius: 2.4rem;}
.cont-bot-wrap.deep {padding: 7rem 7rem;}
.list-num li {display: block; position: relative; font-size: 1.6rem; line-height: 1.7; padding:0 0 .5rem 3rem;}
.list-num li em {position: absolute; top: 0; left: 0;}
.list-num li {flex: 1;}
.list-bar {margin: 1rem 0;}
.list-bar li {display: block; font-size: 1.5rem; line-height: 1.7; padding: 0 0 .8rem 2rem;}
.list-bar li em {position: absolute; top: 1.1rem; left: 0; width: 1.1rem; height: .3rem; background: #666; border-radius: .3rem;}
.list-dot {margin: 1rem 0;}
.list-dot li {display: block; font-size: 1.5rem; line-height: 1.7; padding: 0 0 .8rem 2rem;}
.list-dot li em {position: absolute; top: .9rem; left: .4rem; width: .5rem; height: .5rem; background: #666; border-radius: .2rem;}

.title-squ {font-size: 2.2rem; font-weight: 900; display: flex; align-items: flex-start; margin-bottom: 2rem;}
.title-squ:before {content:''; margin-right: 2rem; margin-top: .5rem; width: .8rem; height: 2.2rem; background: #666; border-radius:.3rem;}

.title-dang1 {font-size: 3rem; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.title-dang1:before {content:''; margin-right: 1rem; width: 6.4rem; height: 6.4rem; background: url(../images/pat_dang01.svg) no-repeat center / cover;}

figure.img {display: block; width: 100%; height: 100%; overflow: hidden; }
figure.img.sm {max-width: 900px;}
figure.img img {max-width: 100%; height: 100%; object-fit: cover;}
figure.img.contain {height: auto;}
figure.img.contain img {object-fit: contain;}
figure.img.rd img {border-radius: 2.4rem;}

.imgArea {margin: 0 auto; text-align: center;}
.imgArea img {max-width: 100%; border: 1px solid #ddd;}
.imgArea .caption {font-size: 1.3rem; padding: .5rem 0;}
.textLink {display: flex; align-items: center; justify-content: center;}
.textLink:after {content:''; width: 1.4rem; height: 1.4rem; margin-left: 1rem; background: url('../images/ico_outlink.svg') no-repeat center / cover;}

.timeline {padding: 5rem 0;}
.timeline li {display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-wrap: wrap; border-bottom: 1px solid #e5e5e5; max-width: 88rem; padding: 1.5rem 0;}
.timeline li .date {width: 20rem; font-size: 2rem; font-weight: 600; color: #cc0033;}
.timeline li .con {width:calc(100% - 20rem); font-size: 1.6rem; color: #111; font-weight: 400;}

.intro_img_li span {flex:1;}
hr.ver {border: 0; border-top: 1px solid #e5e5e5; display: block;}
hr.b2 {border: 0; border-top: 2px dotted #ddd; display: block;}
.video_area_n video {width: 100%; object-fit: contain; border: 1px solid #666;}

.reference {margin: 2rem 0; background: #eee; border-radius:.3rem; padding: 2rem;}
.reference a {display: flex; font-size: 1.4rem; line-height: 1.2; align-items: center; padding: .5rem 0;}
.reference a:after {content:''; width: 1.5rem; height: 1.5rem; margin-left: .8rem; background: url(../images/ico_outlink.svg) no-repeat center / cover;}

.reference.sm {margin: 1rem 0 1rem; border-top: 1px solid #ddd; padding: 1rem 0; background: transparent; border-radius: 0;}

@media (max-width:767px){
	.cont-bot-wrap {padding: 1rem 2rem;}
	.cont-bot-wrap.deep {padding: 6rem 2rem;}
	.title-dang1:before {width: 4.8rem; height: 4.8rem;}
	.intro_img_li span {width:calc(50% - 1px); flex: none;}
	.timeline li .date {width: 13rem; font-size: 1.8rem;}
	.timeline li .con {width:calc(100% - 13rem);}
}

/* 이미지팝업 */
.pop-img-viewer {display:none; z-index:300; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .9);}
.pop-img-viewer .img-wrap>img {z-index:100; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);max-width:100%; max-height:100%;}
.pop-img-viewer .btn-close {z-index:200; position:absolute; top:20px; right:20px;}

.tc {text-align: center;}

.srt-word {background: #cee2e2; border-radius: .3rem;}/*241111*/