@charset "utf-8";

.keyword_box{padding:10px;border:1px solid #d3ebff;background:#f2f9ff;margin:15px 0;line-height: 23px;}
.keyword_box h2{font-size:1.1em;}

.keyword_box .keyword{width: calc( 100% - 150px );}
.keyword_box .keyword::after{clear:both;display:block;content:'';}
.keyword_box .keyword a{position:relative;display:inline-block;float:left;margin-right:15px;padding-left:17px;color:#006fe0;text-decoration: underline;}
.keyword_box .keyword a::after{content:'';display:block;width:15px;height:100%;background:url(../img/ico_cir_srch02.svg) no-repeat 50%;position:absolute;left:0;top:0;}

.cont_header{min-height:38px;padding-bottom:10px;border-bottom:2px solid #000;box-sizing: border-box;display:flex;justify-content: space-between;flex-direction: column;}
.cont_header.type02{border-bottom:1px solid #b1b1b1; padding-top: 15px;}
.cont_header.type03{border-bottom:0;}
.cont_header.type04{border-bottom:0;border:0;}

.cont_header .txt{font-size: 1.45em}
.cont_header .txt .m_hidden{display:none;}
.cont_header .txt .length{color:#ff3000;}
.cont_header .btn_download{display:none;border:2px solid #da0c57;color:#da0c57;padding:0 20px;line-height:34px;border-radius:18px;box-sizing: border-box;}
.cont_header .btn_download i{position:relative;display:inline-block;font-style: normal;padding-left:20px;}
.cont_header .btn_download i::after{content:'';display:block;width:16px;height:100%;background:url(../img/ico_down_purple.svg) no-repeat 50%;position:absolute;left:0;top:0;}
.cont_header #knowledgegraph_btn_download{width: 210px;}
.cont_header #knowledgegraph_btn_download.knowledgegraph_btn_download_en{width: 255px;}

.cont_header .r_box{padding-top:10px;}
.cont_header .r_box .btn_ico{position:relative;margin-left:9px;padding-left:10px;background: transparent;border:0;color:#747474;text-align: left}
.cont_header .r_box .btn_ico:first-child{margin-left:0;padding-left:0;}
.cont_header .r_box .btn_ico:first-child::after{display:none;}
.cont_header .r_box .btn_ico::after{content:'';display:block;width:1px;height:12px;background:#b3b3b3;position:absolute;left:0;top:50%;margin-top:-6px;}
.cont_header .r_box .btn_ico i{position:relative;display:block;font-style: normal;}
.cont_header .r_box .btn_ico i::after{content:'';display:block;position:absolute;left:0;top:0;height:100%;}
.cont_header .r_box .btn_ico.share i{padding-left:17px;}
.cont_header .r_box .btn_ico.share i::after{width:13px;background: url(../img/ico_share.svg) no-repeat 50%;}
.cont_header .r_box .btn_ico.bookmark i{padding-left:15px;}
.cont_header .r_box .btn_ico.bookmark i::after{width:11px;background: url(../img/ico_bookmark_s_gray.svg) no-repeat 50%;}
.cont_header .r_box .btn_ico.bookmark.active i::after{width:11px;background: url(../img/ico_bookmark_s_pink.svg) no-repeat 50%;}
.cont_header .r_box select {height: 42px; line-height: 42px;}

.btn_area_join{display: flex; justify-content: center; margin: 30px 0;}

.cont_header .l_box.type02{display:flex;flex-direction: initial;align-items: center;}
.cont_header .l_box .point{margin-bottom:5px;margin-left: 12px;padding-top:20px}
.cont_header h2{font-size:2em;word-break: break-all;}
.cont_header .user_info{font-size:2em;word-break: break-all;letter-spacing: -2px; margin-bottom:10px;}
.cont_header .user_info .user{font-weight:bold;color:#4156d3;border-bottom:2px solid #4156d3; margin-right: 3px;}
.cont_header .user_info span{font-weight:bold;color:#4156d3;}

.cont_header02 .sel_box{display:inline-block;position:relative;padding-right:11px;margin-right:10px;}
.cont_header02 .sel_box::after{content:'';display:block;width:1px;height:24px;background:#fff;position:absolute;right:0;top:50%;margin-top:-12px;}
.cont_header02 .sel_box select{height:40px;padding:0 20px;background:#fff;border:0;border-radius:4px;}
.cont_header02 .btn_stat{background:#da0c57;height:40px;border-radius:4px;padding:0 20px;}
.cont_header02 .btn_stat i{display:inline-block;padding-left:25px;font-weight: bold;font-size:1.1em;color:#fff;font-style: normal;position:relative;}
.cont_header02 .btn_stat i::after{content:'';display:block;width:22px;height:100%;background:url(../img/ico_btn_stat.svg) no-repeat 50%;position:absolute;left:0;top:0;}

.stat_nav {margin-bottom:30px; text-align: left;}
.stat_nav .stat_a {color:#696969; font-size: 17px; font-weight: bold;}
.content_title {padding-top: 221px;}

.cont_join{width: 465px;}

.result_empty {height: 100px; display: flex; margin-top:40px; justify-content: center; align-items: center; border: 2px solid #ccc; background-color: #f5f5f5; font-size: 17px;}

.filter_wrap{margin:10px 0 20px 0;display:flex;justify-content: space-between;align-items: flex-end;flex-direction: row;flex-wrap: wrap;}
.knowledgegraph_wrap{display: flex; flex-wrap: wrap; gap:15px; justify-content: flex-start;}

.select_box{position:relative;width:180px;height:34px;}
.select_box .btn_drop{position:relative;display:block;width:100%;color:#000;font-weight: bold;padding-right:20px;box-sizing: border-box;border:1px solid #b1b1b1;border-radius: 3px;height:34px;text-align: left;background: #fff;padding:0 10px;}
.select_box .btn_drop::after{width:8px;height:100%;content:'';display:block;background:url(../img/ico_sel_arr.svg) no-repeat 50%;position:absolute;right:5px;top:0;}
.select_box .btn_drop.btn_down::after{transform:scaleY(-1);width:8px;height:100%;content:'';display:block;background:url(../img/ico_sel_arr.svg) no-repeat 50%;position:absolute;right:5px;top:0;}

.select_box .lst_drop.active{top:33px;opacity:1;visibility:visible;}

.select_box .lst_drop{width:100%;padding:5px 0;background:#fff;border:1px solid #b1b1b1;border-radius:3px;position:absolute;left:0px;top:0;box-shadow:0 0 15px -5px rgba(0,0,0,.55);box-sizing:border-box;opacity:0;visibility:hidden;z-index:1;transition:top .2s,opacity .2s,visibility .2s}
.select_box .lst_drop li{}
.select_box .lst_drop li button{display: block;line-height: 1.3em;font-weight: 400;color: #000;padding: 3px 18px;word-break: keep-all;word-wrap: break-word;font-size:0.9em;background: transparent;}

.sort_box{position:relative;height:34px;}
.sort_box button{display:inline-block;height:34px;border:0;text-align: left;background: transparent;margin-left:10px;}
.sort_box button:first-child{margin-left:0;}
.sort_box button i{position:relative;display:inline-block;font-style: normal;color:#747474;padding-left:18px;}
.sort_box button i::after{content:'';display:block;width:15px;height: 100%;position:absolute;left:0;top:0;font-style: normal;background:url(../img/ico_sort_gray.svg) no-repeat 50%;}
.sort_box button.active{color:#000;}
.sort_box button.active i::after{background:url(../img/ico_sort_blue.svg) no-repeat 50%;}

.sort_qna_box {font-style: normal;}
.sort_cnt_quest {display: inline-block;width: 19px;height: 22px;text-indent: -9999em;overflow: hidden;background: url(../img/ico_quest.svg) no-repeat 50%;}
.sort_cnt_answer{display:none;position:absolute;left:10px;top:-7px;width:145px;border:1px solid #dbd0be;background:#fff7df;z-index: 10;font-size:16px;letter-spacing:0;line-height:20px;font-weight: normal;margin-left:10px;padding:10px 15px;border-radius: 10px;}
.sort_cnt_answer strong{display:inline-block;}
.sort_cnt_answer::before{content:'';display:inline-block;position:absolute;left:175px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#fff7df;z-index: 2;transform:scaleX(-1);}
.sort_cnt_answer::after{content:'';display:inline-block;position:absolute;left:176px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#dbd0be;z-index: 1;transform:scaleX(-1);}
.sort_cnt_answer.active{display:inline-block;}

.paginate{text-align: center;margin-top:20px;}
.paginate a{display:inline-block;vertical-align: top;margin:0 4px;color:#626262;box-sizing: border-box;font-size:1.2em}
.paginate a.active{color:#0977e8;font-weight: bold;border-bottom:1px solid #0977e8}
.paginate a.btn_arr{text-align:left;width:15px;text-indent:-9999em;overflow:hidden;}
.paginate a.btn_arr.prev01{background:url(../img/btn_pagi_prev01.svg) no-repeat 50%;background-size:12px;margin-right:10px;}
.paginate a.btn_arr.prev02{background:url(../img/btn_pagi_prev02.svg) no-repeat 50%;background-size:12px;}
.paginate a.btn_arr.next01{background:url(../img/btn_pagi_next01.svg) no-repeat 50%;background-size:12px;margin-left:10px;}
.paginate a.btn_arr.next02{background:url(../img/btn_pagi_next02.svg) no-repeat 50%;background-size:12px;}


.lst_type01{border-top:2px solid #000}
.lst_type01 .item{display:table;padding:15px 0;border-bottom:1px solid #e0e0e0;table-layout: fixed;width:100%;}
.lst_type01 .item .col01{display:table-cell;width:30px;padding:4px 0 0;text-align:center;vertical-align: top}
.lst_type01 .item .col02{display:table-cell;padding:0 0;vertical-align: top}
.lst_type01 .item .bookmark{display:inline-block;width:14px;height:18px;background:transparent url(../img/ico_bookmark_gray.svg) no-repeat 50%;border:0;text-align:left;text-indent: -9999em;overflow: hidden;}
.lst_type01 .item .bookmark.active{background:transparent url(../img/ico_bookmark_orange.svg) no-repeat 50%;}
.lst_type01 .item a{display:block;}
.lst_type01 .item a .tit{font-size:1.4em;font-weight: bold;}
.lst_type01 .item .item_cont{margin-bottom:15px; display: table-cell; width: 1200px;}
.lst_type01 .item .item_cont .tit{margin-bottom:15px;}
.lst_type01 .item .item_cont .tit .kor{color:#006fe0;margin-right:10px;letter-spacing: 0;}
.lst_type01 .item .item_cont .tit .foreign{color:#747474;font-size: 1rem;font-weight: normal;}
.lst_type01 .item .item_cont .tit .crtDt{color:#747474;font-size: 0.8rem;font-weight: normal;}
.lst_type01 .item .item_cont .txt{margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.4em;max-height: 2.8em;}
.lst_type01 .item .item_cont .source{font-size:0.9em;color:#747474}
.lst_type01 .item .item_cont .realm{float: none; font-size:0.9em;}
.lst_type01 .item .item_cont .word_source{float: none; font-size:0.9em;}
.lst_type01 .item .item_cont .dfntxt_source_ellipsis{float: none; font-size:0.9em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 180px;}
.lst_type01 .item .exp{line-height:20px;}
.lst_type01 .item .exp .point{vertical-align: middle;}
.lst_type01 .item .exp .source{position:relative;display:inline-block;margin-left:8px;padding-left:9px;vertical-align: middle;}
.lst_type01 .item .exp .agency{position:absolute;display:inline-block;margin-left:0;padding-left:9px;vertical-align: middle;}
.lst_type01 .item .exp .agency img{vertical-align: middle;}
.lst_type01 .item .item_cont .tit .ir_star{display:inline-block;width:15px;height:15px;margin-right:-2px;}
.lst_type01 .item .item_cont .tit .imprmnRtTooltip{display:inline-block;position: relative;padding-left: 3px;padding-right: 8px;}

.lst_type01 .item .exp .source::after,
.lst_type01 .item .exp .agency::after{content:'';display:block;width:1px;height:14px;background:#c8c8c8;position: absolute;left:0;top:50%;margin-top:-7px;}

/* 일치어 그룹 */
.lst_type01 .match_word_group{position:relative; border-radius: 6px;}
.lst_type01 .match_word_group .item{border-top: 1px solid #e0e0e0; border-top-left-radius: 12px; border-bottom-left-radius: 12px; padding-left: 3px;}
.lst_type01 .match_word_tit{display: flex; margin: 20px 0;}
.lst_type01 .match_word_kor{font-size: 1.6em; color: #222; display: table; margin-right: 10px;}
.lst_type01 .match_word_foreign {color: #747474; font-size: 1.3rem; font-weight: normal; display: flex; align-items: flex-end;}
.lst_type01 .match_word_group .item{padding-left: 22px;}
.lst_type01 .border_hover span{display: none; position: fixed; left:15px; top:-20px; font-size:0.95em;width:35px; height: 12px; border:1px solid #dbd0be;background:#fff7df;z-index: 10;font-size:13px;font-weight: normal;padding:10px 15px;border-radius: 10px;}
.lst_type01 .border_hover span::before{content:'';display:block;position:fixed;left:-15px;top:11px;width:0;height:0;border:8px solid transparent;border-right-color:#fff7df;z-index: 3}
.lst_type01 .border_hover span::after{content:'';display:block;position:fixed;left:-16px;top:11px;width:0;height:0;border:8px solid transparent;border-right-color:#dbd0be;z-index: 2}
.lst_type01 .border_hover:hover span{display: block;}
.lst_type01 .border_hover {display: flex; align-items: center; background: #006fe0; position: absolute; width: 21px; height: 100%; top: 0; left: 0; border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.lst_type01 .match_word_group .match_word_txt{color:white; writing-mode: vertical-rl; text-orientation: upright; margin-left: 2px;}

/* 지식 그래프 목록 출력 방식*/
.lst_type01 .item_knowledgegraph.knowledgegraph_search{display: flex; width: 49%; padding: 12px; box-sizing: border-box; height: 140px; text-align: center;background: #ffffff; border: 1px solid #ccc; border-radius: 8px; position: relative;}
.lst_type01 .item_knowledgegraph.knowledgegraph_cards{display: flex; width: 24%; padding: 7px 10px 17px 10px; box-sizing: border-box; text-align: center; background: #ffffff;border: 1px solid #ccc; border-radius: 8px; position: relative;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list{display: flex; flex-direction: row; justify-content: center; width: 100%; padding: 10px 15px 10px 15px; box-sizing: border-box; background: #ffffff;border: 1px solid #ccc; border-radius: 8px; position: relative;}
.lst_type01 .item_knowledgegraph.knowledgegraph_search:hover,
.lst_type01 .item_knowledgegraph.knowledgegraph_cards:hover,
.lst_type01 .item_knowledgegraph.knowledgegraph_list:hover{background-color: #f5f5f5;}

.lst_type01 .item_knowledgegraph.knowledgegraph_cards:hover .knowledgegraph_icon_area .knowledgegraph_icon img{background-color: #f5f5f5;}

@media (max-width: 1163px) {
	.lst_type01 .item_knowledgegraph.knowledgegraph_cards {
		width: 23.5%;
	}
}

@media (max-width: 932px) {
	.lst_type01 .item_knowledgegraph.knowledgegraph_cards {
		width: 48.5%;
	}
}

@media (max-width: 754px) {
	.lst_type01 .item_knowledgegraph.knowledgegraph_cards {
		width: 100%;
	}
}

/*지식그래프 목록 정보 배치*/
.lst_type01 .item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont{display: block; flex: 1 1 auto; min-width: 0; width: 100%; box-sizing: border-box;}
.lst_type01 .item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont{display: block; flex: 1 1 auto; min-width: 0; width: 100%; box-sizing: border-box;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont{display: flex; align-items: center; min-width: 0;width: 100%;box-sizing: border-box;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont #knowledgegraph_cont_a{flex: 1;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom{display: flex; flex: 3;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom{display: flex; flex: 3; flex-direction: row;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_list_mid .knowledgegraph_cont_text_ellipsis{padding: 0 5px; font-size: 1.1em; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-word;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar{flex: 1;}

/* 지식그래프 목록 이미지 배치 */
.lst_type01 .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_icon_area{display: flex; align-items: center; justify-content: center;}
.lst_type01 .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_icon_area .knowledgegraph_icon{width: 80px; height: 80px; margin: 15px 0 0 0;}
.lst_type01 .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_icon_area .knowledgegraph_icon img{object-fit: cover; display: block; background: #ffffff;}
.lst_type01 .item_knowledgegraph.knowledgegraph_list .knowledgegraph_icon_area .knowledgegraph_icon img,
.lst_type01 .item_knowledgegraph.knowledgegraph_search .knowledgegraph_icon_area .knowledgegraph_icon img{display: none;}

/*지식그래프 제목 출력*/
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont .knowledgegraph_tit{font-size:1.4em; margin: 18px 0;}
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_tit{font-size:1.4em; margin: 14px 0;}
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_tit{font-size:1.4em; margin: 7px 0;}
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont .knowledgegraph_tit .knowledgegraph_tit_txt{text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-word;letter-spacing: 0;}
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_tit .knowledgegraph_tit_txt{text-align: center;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-word;letter-spacing: 0; font-weight: bold; color: #222;}
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_tit .knowledgegraph_tit_txt{text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word;text-overflow: ellipsis; letter-spacing: 0; color: #222;}
.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_tit .knowledgegraph_tit_sub_txt{color: #222; font-size: 0.8em; margin: 5px 0 0 0; font-weight: normal;}

/*지식그래프 개체 관계 정보 출력*/
.item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont .knowledgegraph_cont_bottom{display: flex; justify-content: space-between; flex-wrap: wrap;}
.item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_cont_bottom{height: 35px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap:5px; flex-wrap: nowrap;}
.item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_cont_bottom > * {width: 100%; align-items: center;justify-content: center;}
.item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom{display: flex; justify-content: space-between; flex-wrap: wrap;}

/* 지식그래프 버튼 출력 */
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar{display:flex;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_list{display: inline-block; width: 33px; height: 33px; background: url(../img/btn_list2.png) center no-repeat #fff; box-sizing: border-box; border: 1px solid #e0e0e0; cursor:pointer;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_list:hover{opacity: 0.7;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_list.active{background: url(../img/btn_list2_white.png) center no-repeat #0170BF;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_preview{display: inline-block; width: 33px; height: 33px; background: url(../img/btn_preview.png) center no-repeat #fff; box-sizing: border-box; border: 1px solid #e0e0e0; cursor:pointer;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_preview:hover{opacity: 0.7;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_preview.active{background: url(../img/btn_preview_white.png) center no-repeat #0170BF;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_download{display: inline-block; height: 100%; box-sizing: border-box; border: 1px solid #e0e0e0; color: #fff; background: #0170BF;cursor:pointer;}
.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_download:hover{opacity: 0.9;}

.item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_list{border-right: 0; border-radius: 3px 0 0 3px;}
.item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_preview{border-right: 0;}
.item_knowledgegraph.knowledgegraph_cards .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_download{width: calc(100% - 80px); border-radius: 0 3px 3px 0; line-height: 33px; letter-spacing: 0;}
.item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_list{border-radius: 3px; margin-right: 8px;}
.item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_preview{border-radius: 3px; margin-right: 8px;}
.item_knowledgegraph.knowledgegraph_list .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_btn_bar .knowledgegraph_cont_btn_download{width: 80px; border-radius: 3px; line-height: 33px; text-align: center; letter-spacing: 0;}

/* 지식그래프 트리플 목록 리스트 */
.item_knowledgegraph.knowledgegraph_cards .knowledgegraph_entity_tooltip{top: 217px; left: 55%;}
.item_knowledgegraph.knowledgegraph_list .knowledgegraph_entity_tooltip{top: 47px; left: 84%;}
.tbl_knowledgegraph_tooltip .tbl_knowledgegraph_caption{caption-side: top; text-align: center; font-weight: bold; padding: 8px; color: white; overflow: hidden; text-overflow: ellipsis;}

.item_knowledgegraph.knowledgegraph_cards .knowledgegraph_preview_layer{top: 217px; left: 55%;}
.item_knowledgegraph.knowledgegraph_list .knowledgegraph_preview_layer{top: 47px; left: 84%;}

.knowledgegraph_view_ctrl {display: flex;align-items: center;}
.lst_type01 .item_knowledgegraph .col1{flex : 1;}
.lst_type01 .item_knowledgegraph .col1 .knowledgegraph_area{border: 1px solid #ccc; height: 100%; width: 130px; background-color: white; margin-right: 15px;}
.lst_type01 .item_knowledgegraph .col2{display: flex; flex : 4;}
.item_knowledgegraph_cont .knowledgegraph_cont_entity, .item_knowledgegraph_cont .knowledgegraph_cont_relation {display: inline-block;}
.item_knowledgegraph .knowledgegraph_cont_tag{padding: 3px 8px; margin-right:5px; color: white; background:grey; border-radius: 3px;}
.item_knowledgegraph .knowledgegraph_cont_num{margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; flex: 1 1 0;}
.knowledgegraph_tooltip{position: absolute; transform: translateX(-50%); background-color: #484747; color: #ffffff; padding: 5px; border-radius: 3px; white-space: normal; text-align: center; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);font-size: 15px;max-width: 200px; }
.item_knowledgegraph_cont .knowledgegraph_plus_btn{display: inline-flex; background-color: transparent; gap: 3px; line-height: 17px; font-size: 1em; margin-top: 17px;}
.item_knowledgegraph_cont .knowledgegraph_plus_btn .knowledgegraph_plus_img{width: 15px;}
.knowledgegraph_entity_tooltip{position: absolute;top: 125px;left: 61%;transform: translateX(-50%);border-radius: 4px;font-size: 14px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);white-space: nowrap;z-index: 1002;display: none;background-color: #0170BF;}
.knowledgegraph_entity_tooltip table td.scroll-table .scroll_knowledge_table_wrap{max-height: 150px; overflow-x: hidden; overflow-y: scroll;}
.knowledgegraph_preview_layer {position: absolute;transform: translateX(-50%);border-radius: 4px;font-size: 14px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);white-space: nowrap;z-index: 1002;display: none;background-color: #F1F1F1;width: 40vw;max-width: 400px;height:40vw;max-height:400px;border : solid 3px #0170BF;}

.tbl_knowledgegraph_tooltip{border-top: 1px solid #7c8187; margin: 3px;}
.tbl_knowledgegraph_tooltip_inner{width: 100%;}
.tbl_knowledgegraph_tooltip td,
.tbl_knowledgegraph_tooltip th{background:#fff; height:24px; border-bottom:1px solid #cfd1d5;}
.tbl_knowledgegraph_tooltip td{min-width: 98px; white-space: nowrap; word-break: break-word; overflow: hidden; text-overflow: ellipsis;}
.tbl_knowledgegraph_tooltip thead th{background:#fafafa;height:28px;text-align: center;border-bottom:1px solid #7c8187;}
.tbl_knowledgegraph_tooltip tfoot td{background:#fdfcf2;border-bottom-color:#7c8187;}
.tbl_knowledgegraph_tooltip .lst_length{}
.tbl_knowledgegraph_tooltip .lst_length li{position:relative;padding:10px 0;}
.tbl_knowledgegraph_tooltip .lst_length li::after{content: '';display:block;width:100%;border-bottom:1px dashed #7c8187;position:absolute;left:0;top:50%;}
.tbl_knowledgegraph_tooltip tfoot div,
.tbl_knowledgegraph_tooltip .lst_length li div{position:relative;display: flex;justify-content: space-between;align-items: center;flex-direction: row;z-index: 1}

.tbl_knowledgegraph_tooltip .lst_length strong{display:inline-block;padding-right:10px;background:#fff;font-weight: normal;}
.tbl_knowledgegraph_tooltip .lst_length .length{display:inline-block;padding-left:10px;background:#fff;color:#ff3000;font-weight: bold;font-size:1.2em;}
.tbl_knowledgegraph_tooltip tfoot div strong{display:inline-block;}
.tbl_knowledgegraph_tooltip tfoot div .length{display:inline-block;color:#ff3000;font-weight: bold;font-size:1.2em;}

.scroll_knowledge_table_wrap table tbody tr td{padding: 5px 0; text-align: center;}
.tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col1{width: 33%;}
.tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col2{width: 31%;}
.tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col3{width: 31%;}
.tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col4{width: 20%;}

.viewtype_switch {display: flex;background: white;border: 1px solid #ccc;border-radius: 8px;overflow: hidden;width: 120px;height: 40px;margin-left: auto;}
.viewtype_btn {flex: 1;border: none;background: white;cursor: pointer;font-size: 14px;position: relative;overflow: hidden;}
.viewtype_btn:hover {background: #f0f0f0;}
.viewtype_btn.active {background: #1b3044;color: white;}
#cardView::before {content: '';position: absolute;top: 50%;left: 50%;width: 24px;height: 24px;background-color: #ccc;border-radius: 3px;transform: translate(-50%, -50%);}
#listView::before, #listView::after, #listView span {content: '';position: absolute;left: 14px;right: 14px;height: 6px;background-color: #ccc;border-radius: 2px;}
#listView::before {top: 8px;}
#listView span {top: 17px;display: block;position: absolute;}
#listView::after {top: 26px;}

@media screen and (max-width: 1600px){
	.knowledgegraph_entity_tooltip{max-width: 400px;}
	.tbl_knowledgegraph_caption{max-width: 378px;}
	.scroll_knowledge_table_wrap{max-width: 395px;}
}
@media screen and (max-width: 1400px){
	.knowledgegraph_cards .knowledgegraph_entity_tooltip{max-width: 270px;}
	.knowledgegraph_cards .tbl_knowledgegraph_caption{max-width: 220px;}
	.knowledgegraph_cards .scroll_knowledge_table_wrap{max-width: 262px;}
	.knowledgegraph_cards .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_entity_tooltip{left:50%;}
	.knowledgegraph_cards .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_preview_layer{left:50%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col1{width: 32%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col2{width: 30%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col3{width: 28%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col4{width: 0%;}
}
@media screen and (max-width: 1200px){
	.tbl_knowledgegraph_tooltip{max-width:900px;}
	.item_knowledgegraph.knowledgegraph_list .knowledgegraph_entity_tooltip{left: 70%;}
	.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_left {text-align: left;}
	.item_knowledgegraph_cont .knowledgegraph_cont_entity, .item_knowledgegraph_cont .knowledgegraph_cont_relation {display: flex; align-items: center;}
	.item_knowledgegraph_cont .knowledgegraph_cont_relation {margin-top: 10px;}
}
@media screen and (max-width: 932px){
	.knowledgegraph_cards .knowledgegraph_entity_tooltip{max-width: 400px;}
	.knowledgegraph_cards .tbl_knowledgegraph_caption{max-width: 378px;}
	.knowledgegraph_cards .scroll_knowledge_table_wrap{max-width: 395px;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col1{width: 33%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col2{width: 31%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col3{width: 30%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col4{width: 0%;}
}
@media screen and (max-width: 800px){
	.lst_type01 .item_knowledgegraph.knowledgegraph_search {width: 100%;}
	.tbl_knowledgegraph_tooltip{max-width:600px;}
}
@media screen and (max-width: 750px){
	.item_knowledgegraph.knowledgegraph_cards .knowledgegraph_entity_tooltip{left:48%;}
	.item_knowledgegraph.knowledgegraph_list .knowledgegraph_entity_tooltip{left: 51%;}

	.item_knowledgegraph.knowledgegraph_cards .knowledgegraph_preview_layer{left:48%;}
	.item_knowledgegraph.knowledgegraph_list .knowledgegraph_preview_layer{left: 51%;}
}
@media screen and (max-width: 600px){.tbl_knowledgegraph_tooltip{max-width:400px;}}
@media screen and (max-width: 400px){
	.knowledgegraph_cards .knowledgegraph_entity_tooltip,
	.knowledgegraph_list .knowledgegraph_entity_tooltip{max-width: 270px;}
	.knowledgegraph_cards .tbl_knowledgegraph_caption,
	.knowledgegraph_list .tbl_knowledgegraph_caption{max-width: 249px;}
	.knowledgegraph_cards .scroll_knowledge_table_wrap,
	.knowledgegraph_list .scroll_knowledge_table_wrap{max-width: 262px;}
	.knowledgegraph_cards .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_entity_tooltip,
	.knowledgegraph_list .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_entity_tooltip{left:50%;}
	.knowledgegraph_cards .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_preview_layer,
	.knowledgegraph_list .item_knowledgegraph.knowledgegraph_cards .knowledgegraph_preview_layer{left:50%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col1,
	.knowledgegraph_list .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col1{width: 33%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col2,
	.knowledgegraph_list .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col2{width: 34%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col3,
	.knowledgegraph_list .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col3{width: 29%;}
	.knowledgegraph_cards .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col4,
	.knowledgegraph_list .tbl_knowledgegraph_tooltip .tbl_knowledgegraph_col4{width: 0;}
}

/* 지식 그래프 상세 화면 지식 그래프 목록 팝업 */
.layer_knowledgeGraph_list table td.scroll-table .scroll_knowledge_table_wrap{max-height: 400px; overflow-x: hidden; overflow-y: scroll;}
.tbl_knowledgegraph_list{border-top: 2px solid #000; max-width: 1200px;}
.tbl_knowledgegraph_list_inner{width: 100%;}
@media screen and (max-width: 1200px){.tbl_knowledgegraph_list{max-width:900px;}}
@media screen and (max-width: 800px){.tbl_knowledgegraph_list{max-width:600px;}}
@media screen and (max-width: 600px){.tbl_knowledgegraph_list{max-width:400px;}}
@media screen and (max-width: 400px){.tbl_knowledgegraph_list{max-width:300px;}}
.layer_knowledgeGraph_list td,
.layer_knowledgeGraph_list th{background:#fff; height:24px; border-bottom:1px solid #cfd1d5;}
.tbl_knowledgegraph_list .tbl_knowledgegraph_td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbl_knowledgegraph_list td{min-width: 98px; white-space: normal; word-break: break-word; text-align: center;}
.tbl_knowledgegraph_list .tbl_knowledgegraph_td_click{cursor: pointer;}
.tbl_knowledgegraph_list thead th{background:#fafafa;height:28px;text-align: center;border-bottom:1px solid #7c8187;}
.tbl_knowledgegraph_list tfoot td{background:#fdfcf2;border-bottom-color:#7c8187;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_col1{width: 33%;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_col2{width: 30%;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_col3{width: 32%;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_col4{width: 9%;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_inner_col1{width: 30%;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_inner_col2{width: 30%;}
.layer_knowledgeGraph_list .tbl_knowledgegraph_list_inner_col3{width: 30%;}

@media screen and (max-width: 1447px){
	.lst_type01 .item_knowledgegraph .col2{flex: 6;}
	.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom{display: flex; align-items: flex-start; flex-direction: column;}
	.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_left{margin-bottom: 7px;}
	.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont .knowledgegraph_tit{margin: 13px 0;}
	.knowledgegraph_plus_btn .knowledgegraph_entity_tooltip{left: 51%;}
}

@media screen and (max-width: 1200px) {
	.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom .knowledgegraph_cont_left {margin-bottom: 0;}
	.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont .knowledgegraph_tit {margin: 5px 0 10px;}
	.item_knowledgegraph_cont .knowledgegraph_plus_btn{margin-top: 3px;}
}

@media screen and (max-width: 901px){
	.lst_type01 .item_knowledgegraph{width: 98%; min-width: 350px;}
	.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
	.item_knowledgegraph .knowledgegraph_cont_tag{margin-right: 5px; padding: 2px 5px;}
	.item_knowledgegraph .knowledgegraph_cont_num{margin-right: 5px;}
	.item_knowledgegraph_cont .knowledgegraph_plus_btn{margin-top: 5px;}
}

@media screen and (max-width: 600px){
	.lst_type01 .item_knowledgegraph{width: 100%; min-width: auto;}
	/*.item_knowledgegraph .col1{display: none;}*/

	.item_knowledgegraph .item_knowledgegraph_cont .knowledgegraph_cont_bottom{align-items: flex-start; flex-direction: column;}
	.lst_type01 .knowledgegraph_wrap .item_knowledgegraph.knowledgegraph_search .item_knowledgegraph_cont .knowledgegraph_tit{font-size: 1.3em;}
	.item_knowledgegraph .knowledgegraph_cont_tag{font-size: 0.9em;}
	.item_knowledgegraph .knowledgegraph_cont_num{font-size: 0.9em;}
	.item_knowledgegraph_cont .knowledgegraph_plus_btn{margin-top: 10px;}
	.knowledgegraph_plus_btn .knowledgegraph_entity_tooltip{left: 51%;}
}

@media screen and (max-width: 435px) {
	.item_knowledgegraph .col1{display: none;}
}

.lst_type02{border-top:2px solid #000}
.lst_type02 .item{display:table;padding:15px 0;border-bottom:1px solid #e0e0e0;table-layout: fixed;width:100%;}
.lst_type02 .item .col01{display:table-cell;width:40px;padding:4px 0 0;text-align:center;vertical-align: top}
.lst_type02 .item .col02{display:table-cell;padding:0 0;vertical-align: top}
.lst_type02 .item .bookmark{display:inline-block;width:14px;height:18px;background:transparent url(../img/ico_bookmark_gray.svg) no-repeat 50%;border:0;text-align:left;text-indent: -9999em;overflow: hidden;}
.lst_type02 .item .bookmark.active{background:transparent url(../img/ico_bookmark_plnk.svg) no-repeat 50%;}
.lst_type02 .item a{display:inline-block;}
.lst_type02 .item a .tit{font-size:1.4em;font-weight: bold;letter-spacing: 0;}
.lst_type02 .item .item_cont{}
.lst_type02 .item .item_cont .tit{}
.lst_type02 .item .item_cont .txt{margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;max-height: 2.4em;}
.lst_type02 .item .item_cont .source{font-size:0.9em;color:#747474}
.lst_type02 .item .exp{line-height:20px;color:#747474}
.lst_type02 .item .exp p{position:relative;display:inline-block;margin-left:8px;padding-left:9px;vertical-align: middle;}
.lst_type02 .item .exp p::after{content:'';display:block;width:1px;height:14px;background:#c8c8c8;position: absolute;left:0;top:50%;margin-top:-7px;}
.lst_type02 .item .exp p:first-child{padding-left:0;margin-left:0;}
.lst_type02 .item .exp p:first-child::after{display:none;}

.lst_type03{border-top:2px solid #000;background: #fff;}
.lst_type03 .accordion{padding:15px 0;border-bottom:1px solid #e0e0e0;}
.lst_type03 .accordion .hpcm_quest{display:block;position:relative;padding:0 30px 0 40px;}
.lst_type03 .accordion .hpcm_quest::after{content:'';display:block;width:11px;height:7px;background:url(../img/arr_select_down.svg) no-repeat 50%;position:absolute;right:10px;top:6px;opacity: 0.5}
.lst_type03 .accordion .ico{font-size:1.4em;font-weight: bold;text-align:center;width:40px;position:absolute;left:0;top:0;}
.lst_type03 .accordion .hpcm_quest .ico{color:#0977e8;}
.lst_type03 .accordion .hpcm_quest .txt{font-size:1.2em;line-height:1.7em;font-weight: bold;letter-spacing: 0;}
.lst_type03 .accordion .hpcm_quest.active::after{background:url(../img/arr_select_up.svg) no-repeat 50%;opacity: 1}

.lst_type03 .accordion .hpcm_answer{display:none;margin-top:10px;position:relative;padding:0 30px 0 40px;}
.lst_type03 .accordion .hpcm_answer .ico{color:#ccc;}
.lst_type03 .accordion .hpcm_answer .txt{font-size: 1.1em;line-height: 1.8em; }
.lst_type03 .accordion.active .hpcm_answer{display:block;}

.lst_type03 .accordion .hpcmNstsImg{width:650px;}
.lst_type03 .accordion .hpcmTsfcImg{width:800px;}
.lst_type03 .accordion .hpcmCompletionImg{width:800px;}
.lst_type03 .accordion .hpcmKoglImg{width:1100px;}

.lst_type03 .accordion .hpcm_answer .txt #publang_img{
	width: 8%;
	position: relative;
	top : 350px;
	left : 510px;
	cursor: pointer;
	z-index: 1;
}
@media screen and (max-width: 1250px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 345px;
		left: 495px;
	}
}
@media screen and (max-width: 1200px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 325px;
		left: 470px;
	}
}
@media screen and (max-width: 1150px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 315px;
		left: 445px;
	}
}
@media screen and (max-width: 1100px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 300px;
		left: 390px;
	}
}
@media screen and (max-width: 1050px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 280px;
		left: 400px;
	}
}
@media screen and (max-width: 1000px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 260px;
		left: 380px;
	}
}
@media screen and (max-width: 950px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 250px;
		left: 360px;
	}
}

@media screen and (max-width: 850px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 230px;
		left: 330px;
	}
}
@media screen and (max-width: 800px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 210px;
		left: 310px;
	}
}
@media screen and (max-width: 750px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 190px;
		left: 280px;
	}
}
@media screen and (max-width: 670px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 160px;
		left: 240px;
	}
}
@media screen and (max-width: 600px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 145px;
		left: 210px;
	}
}
@media screen and (max-width: 550px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 135px;
		left: 190px;
	}
}
@media screen and (max-width: 500px){
	.lst_type03 .accordion .hpcm_answer .txt #publang_img {
		top: 115px;
		left: 170px;
	}
}

.cont_dl{padding:10px 0 10px 0;border-bottom:1px solid #b1b1b1}
.cont_dl dl{line-height: 30px;margin-top:10px;font-size: 1.2em;}
.cont_dl dl:first-child{margin-top:10px;}
.cont_dl dl::after{clear:both;display:block;content: '';}
.cont_dl dl dt{float:left;position:relative;font-size:1.1em;width:90px;padding-right:10px;box-sizing: border-box;font-weight:bold;text-align: center;}
.cont_dl dl dt::after{content:'';display:block;width:1px;height: 12px;background: #b1b1b1;position:absolute;right:10px;top:50%;margin-top:-6px;}
.cont_dl dl dd{float:left;color:#444;width:calc( 100% - 90px );box-sizing: border-box;}
.cont_dl .eg{margin-right:5px;border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;font-size: 15px;}
.cont_dl .eg.box01{background: #003965}
.cont_dl .eg.box02{background: #990032}
.cont_dl .eg.box01.gov{background: #01bee2}

.kogl_type{margin-bottom:30px;text-align: right;font-size:0.9em;color:#747474;line-height: 20px;margin-top:5px;}
/*.kogl_type .m_hidden{display:none;}*/
.kogl_type img{height:20px;vertical-align: middle;}

.cont_dic{margin-bottom:30px;padding:15px;border:1px solid #dfe0e2;background:#fff;letter-spacing: 0;border-radius:20px;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
.cont_dic .mean{display:block;font-size:1.2em;margin-bottom:15px;font-weight: bold;line-height: 1.7;}
.cont_dic .example{position:relative;}
.cont_dic .example .tit{border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;background:#616161;margin-bottom:5px;font-weight: bold;}
.cont_dic .example .usageExampleLabel_en{padding: 0 4px;}
.example_strong strong{color:#EE5E51;}
.cont_dic .example .tit_refferMatter{border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;background:#9f62c2;margin-bottom:10px;font-weight: bold;}
.cont_dic .example .tit_relatedWord{border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;background:#04c886;margin-bottom:10px;font-weight: bold;}
.cont_dic .example .tit_trnslatWord{border-radius:3px;padding:0 18.3px;display:inline-block;color:#fff;line-height: 24px;background:#f9aa1a;margin-bottom:10px;font-weight: bold;}
.cont_dic .example ul{}
.cont_dic .example ul li{padding:10px 0;border-top:1px dashed #dfe0e2;line-height: 20px;}
.cont_dic .example ul li:first-child{padding-top:0;border:0;}
.cont_dic .example ul li:last-child{padding-bottom:0;}
.cont_dic .example ul li .source{font-size:0.9em;color:#747474;padding-top:5px;}
.cont_dic .example .cont_refferMatter{white-space: break-spaces;}

/*용어 개념도 및 지식그래프 탭*/
.cont_diagram{margin-bottom:30px;}
.cont_diagram .tit{font-size:1.4em;margin-bottom:5px;}
.cont_diagram .graph{width:100%;height:600px;padding:15px;border-radius:0 20px 20px 20px; border:1px solid #dfe0e2;background:#fff;box-sizing: border-box;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
.cont_diagram .exp{font-size: 0.9em;margin-top: -2px;color: #747474;}
.cont_diagram .expp{font-size: 0.9em; color: #747474;}
.zoomButton{float: right;background-color: #a9a9a9;padding: 2px 7px;color: #ffffff;cursor: pointer;width:27px;height:27px;border-radius: 50%;text-align: left;margin-right: 8px;font-size: x-large;font-weight: bold}
.zoomButton:hover {background-color: #1b3044;}
.diagram_tabs {display: flex;justify-content: flex-start;margin-bottom: -1px;margin-top : 10px;}
.digram_tabs_btn {padding: 10px 20px;border: 1px solid #dfe0e2;border-radius: 10px 10px 0 0;background: #f5f5f5;font-size: 15px;cursor: pointer;margin-right: 5px;}
.digram_tabs_btn.active {background: #fff;border-bottom: none;font-weight: bold;}
.digram_tabs_btn:hover {background: #e8e8e8;}
.graph_header {display: flex;align-items: center;justify-content: space-between;gap: 10px;width: 100%;}
.cont_diagram .knowledgegraph {display: flex;width: 100%;height: 600px;padding: 15px;border-radius: 0 20px 20px 20px;border: 1px solid #dfe0e2;background: #fff;box-sizing: border-box;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
.cont_diagram .knowledgegraph .knowledgegraph_left {flex : 8;}
.exp {flex: 7;margin: 0;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;white-space: normal;}
.expp {margin: 0;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;-webkit-line-clamp: 2;white-space: normal;}
.controls {flex: 3;display: flex;align-items: center;justify-content: flex-end;gap: 10px;}
.knowledgegraph_visual {height: 93%;padding: 10px;overflow-y: auto;border-right: 1px solid #dfe0e2;}
.knowledgegraph_visual.full_width {border-right: none !important; /* 1개일 때 border 제거 */}
.knowledgegraph_select {flex: 2;display: flex;justify-content: center;align-items: flex-start;padding: 10px;overflow: hidden;}
.knowledgegraph_select_inner {width: 100%;height: 100%;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;gap: 10px;align-items: center;}
.knowledgegraph_item {width: 78%;height: auto;padding: 15px;border-radius: 15px;background: #f5f5f5;text-align: center;letter-spacing: 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);flex-shrink: 0; font-weight: bold; font-size:1.2em;}
.knowledgegraph_item:hover {background-color: #e0e0e0;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);}
.knowledgegraph_item.active_box{background-color: #e0e0e0;box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);transform: translateY(2px);}
.knowledgegraph_help{ width: 78%;height: auto;padding: 15px;border-radius: 15px;background: #f5f5f5;letter-spacing: 0;}
.knowledgegraph_help_text{font-size: 14px;}
.knowledgegraph_help_text_en {font-size: 12.8px;}
.knowledgegraph_item_wrap {display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;justify-content: center;width: 100%;}


@media screen and (max-width: 1200px){
	.knowledgegraph_item_wrap {order: 1;display: flex;flex-direction: row;gap: 10px;width: 100%;justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;padding-bottom: 10px;}
	.knowledgegraph_help {width: 97%;text-align: center; border-radius: 0;}
	.cont_diagram .knowledgegraph{flex-direction: column; height: 600px;}
	.knowledgegraph_visual{height: 88%; border-right: none; border-bottom: none;}
	#knowledgegraph_detail .knowledgegraph_left {max-height: 410px;}
	.knowledgegraph_select_inner{flex-direction: column;align-items: flex-start;overflow-y: hidden;}
	.knowledgegraph_item{width: 100px; height: auto;}
}

@media screen and (max-width: 600px){
	.cont_diagram .knowledgegraph .knowledgegraph_left{flex: 6}
	.knowledgegraph_visual{height: 85%;}
	.knowledgegraph_area_header .exp {display: none;}
	.knowledgegraph_item {width: 70px;}
}

@media screen and (max-width: 505px){
	.knowledgegraph_visual{height: 72%; border-bottom: none;}
	.knowledgegraph_help{width: 94%;}
}

@media screen and (max-width: 450px) {
	.digram_tabs_btn {width: 35vw; padding: 1.5vw 2vw;}
	.knowledgegraph_help{width: 88%;}
}

.layer_dtl_knowledgegraph_search .row {display: flex;align-items: flex-start;gap: 10px;}
.layer_dtl_knowledgegraph_search .row .btn {flex-shrink: 0;}

.relation_select_wrap {width:100%;padding: 7px 15px;box-sizing: border-box;border: 1px solid #e8ebed;border-radius: 15px;margin-top: 10px;}
.relation_select_input {font-size: 16px;display: flex;align-items: center;letter-spacing: 0;border-bottom: 1px solid #e8ebed;padding-bottom: 5px;}
.relation_list_column {height:595px;box-sizing: border-box;margin-top:5px;padding: 0 0 10px 0;overflow-y: auto;}
.relation_search_wrap {display: flex;width: 100%;margin-bottom: 4px;margin-top: 4px;}
.relation_search_input {flex: 7;width:100%;padding: 6px 15px;margin-left: 2px;background-color: #fff;color: #000;border: 1px solid #444;border-radius: 5px;cursor: pointer;font-size: 14px;font-family: "NanumBarunGothic", sans-serif;margin-right: 5px;}
.relation_relation_box_wrap {display: block;overflow-y: auto;padding: 5px 10px 10px 0;box-sizing: border-box;}
.relation_box_relation {display: flex;align-items: center;padding: 8px 12px;margin: 4px 0;border: 1px solid #ddd;border-radius: 6px;background-color: #f9f9f9;transition: background-color 0.2s ease;font-size: 16px;letter-spacing: 0;color: #333;}
.relation_box_relation:hover {background-color: #f1f1f1;}
.relation_box_relation input[type="checkbox"] {margin-right: 10px;transform: scale(1.1);cursor: pointer;}
.relation_box_relation label {display: flex;align-items: center;cursor: pointer;width: 100%;margin: 0;}
.relation_box_relation label span {font-weight: 500;color: #444;}
.relation_no_results {padding: 12px;color: #999;font-style: italic;}
#relationTargetInfoText {display: inline-block;word-wrap: break-word;white-space: normal;max-width: 100%;}
#relation_select .btn_popup_set {text-align: center;}

#resetButton {float: right;border-radius: 5px;padding: 5px 15px;cursor: pointer;font-size: 13px;color: #747474;border: 1px solid #676767;background: #fff;letter-spacing: 0;}
#resetButton:hover {background-color: #1b3044;color: #fff;border: none;}

@media screen and (max-height: 840px) {
	.relation_select_wrap {height: 523px;}
	.relation_list_column {height: 453px;}
}

@media screen and (max-height: 670px) {
	.relation_select_wrap {height: 355px;}
	.relation_list_column {height: 282px;}
}

@media screen and (max-height: 500px) {
	.relation_select_wrap {height: 220px;}
	.relation_list_column {height: 145px;}
}

@media screen and (max-width: 700px) {
	.cont_diagram .graph {
		width: 100%;
		height: 340px;
		padding: 15px;
		border-radius: 0 20px 20px 20px;
		border: 1px solid #dfe0e2;
		background: #fff;
		box-sizing: border-box;
		box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px) {
	.exp {flex: 6;}
	.controls {flex: 4;}
}

@media screen and (max-width: 460px) {
	.exp {flex: 5;}
	.controls {flex: 5;}
}

@media screen and (max-width: 390px) {
	.exp {flex: 4;}
	.controls {flex: 6;}
}

@media screen and (max-width: 330px) {
	.exp {flex: 3;}
	.controls {flex: 7;}
}

.cont_related{}
.cont_related.mg{margin-bottom:30px;}
.cont_related .tit{margin-bottom: 5px;}
.cont_related .tit img{max-height: 32px;}
.cont_related .lst_db{background:#fff;border:1px solid #dfe0e2;border-radius:20px;box-sizing: border-box;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
.cont_related .lst_db ul{padding:0 15px;}
.cont_related .lst_db li{position:relative;padding:15px 0 15px 110px;border-top:1px solid #dfe0e2}
.cont_related .lst_db li:first-child{border-top:0;}
.cont_related .lst_db li .class{position:absolute;left:0;top:15px;border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;background:#000;margin-bottom:5px;font-weight: bold;}
.cont_related .lst_db li .class.type01{background: #499307}
.cont_related .lst_db li .class.type02{background: #078893}
.cont_related .lst_db li a{display:inline-block;color:#006fe0;font-size:1.2em;font-weight: bold;text-decoration: none;margin-bottom:5px;position:relative;letter-spacing: 0;}
.cont_related .lst_db li a::after{content:'';display:inline-block;width:12px;height:12px;background:url(../img/ico_window.svg) no-repeat 50%;margin-left:5px;}
.cont_related .lst_db li a mark{color:#006fe0;}
.cont_related .lst_db li .source{font-size:0.9em;color:#747474;}
.cont_related .lst_db li .source span{position:relative;padding-left:7px;margin-left:6px;}
.cont_related .lst_db li .source span::after{content:'';display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#a1a1a1;}
.cont_related .lst_db li .source span:first-child{padding-left:0;margin-left:0;}
.cont_related .lst_db li .source span:first-child::after{display:none;}
.cont_related .btn_more{width:100%;height:46px;border-radius: 0 0 20px 20px;border-top:1px solid #dfe0e2;font-size:1.1em;}
.cont_related .btn_more i{position:relative;display:inline-block;padding-left:15px;font-style: normal;}
.cont_related .btn_more i::after{content: '';display:block;width:12px;height:100%;background: url(../img/ico_more.svg) no-repeat 50%;position:absolute;left:0;top:0;}
.cont_related .btn_more i.fold::after{content: '';display:block;width:12px;height:100%;background: url(../img/ico_fold.svg) no-repeat 50%;position:absolute;left:0;top:0;}
.cont_related .exp{font-size: 0.9em;margin-top: -2px;padding-bottom: 5px;color: #747474;display: inline-block;}
.cont_related .btn_data{display:inline-block;margin: -7px 15px 0 0;height:26px;font-size:13px !important;float: right;color: #747474;border: 1px solid #676767;border-radius: 5px;background: #fff;padding: 0 12px;}
.cont_related .btn_data:hover {background-color: #1b3044; border: none; color: #fff;}
.cont_related .hide {display: none;}

.tbl_wrap{}
.tbl_header{margin-bottom:15px;}
.tbl_header h3{font-size:1.6em;margin-bottom:4px;}
.tbl_header .exp{color:#747474}
.import{color:red;font-weight: bold;}
.tbl_div{margin-bottom: 40px;}
.tbl_box{display:flex; justify-content: space-between; align-items: center;}
.tbl_box input {flex:1;}

.tbl_body{padding:20px;background:#fff;border:1px solid #dfe0e2;box-shadow:0 5px 10px rgba(0,0,0,.1)}

.btn_secession{background:transparent;border:0;color:#747474}
.btn_secession i{letter-spacing:0.1px; font-style:normal; position:relative;padding-right:14px;}
.btn_secession i::after{content: '';display:block;width:5px;height:100%;background:url(../img/arr_next.svg) no-repeat 50%;position:absolute;right:0;top:0;}

.btn_wrap{text-align: center;margin-top:30px;}

.tbl .inp{height:38px;width:100%;margin: 0 2px}
.tbl .inp_long{height:38px;width:100%;}
.tbl .inp_short{max-width: 283px;}
.tbl .inp_short6{max-width: 135px;}
.tbl .inp_short_modal{max-width: 125px;}
.tbl .btn{height:38px;line-height:36px;padding:0 20px;margin: 0 2px}
.tbl select{height:38px;background:#fff;border:1px solid #8f8f9d;padding:0 20px;margin: 0 2px}

.tbl .ib_box{display:flex;justify-content: space-between;align-items: center;flex-direction: row;}

.tbl dl{padding:10px;border-top:1px solid #e6e6e6;display:flex;justify-content: space-between;flex-direction: column;}
.tbl dl:first-child{border-top:0;}
.tbl dt{margin-bottom:5px;}
.tbl dd{font-size:1.2em;}
.tbl .dd_small{font-size:1em;}

.tbl_exp{margin-bottom:10px;font-size:1.1em;}
.tbl_exp .txt{color:#747474}
.tbl_exp .txt .m_hidden{display:none;}
.tbl_exp .txt .length{color:#ff3000;}
.tbl_exp .l_box{margin-bottom:5px;}
.tbl_exp .r_box{}
.tbl_exp select{height:36px;background:#fff;padding:0 10px;border:1px solid #8f8f9d}
.tbl_exp .btn_srch{margin-left:5px;}

.cont_srch_box{padding:10px 20px;border:1px solid #0977e8;background:#f2f9ff;margin-bottom:20px;}
.cont_srch_box h2{display:none;}

.tbl_srch .inp{height:34px;width:100%;margin: 0 2px}
.tbl_srch .btn{height:34px;line-height:34px;padding:0 20px;margin: 0 2px}
.tbl_srch select{height:34px;background:#fff;border:1px solid #8f8f9d;padding:0 20px;margin: 0 2px}
.tbl_srch label{margin-left:10px;}
.tbl_srch label:first-child{margin-left:0;}

.tbl_srch .ib_box{display:flex;justify-content: space-between;align-items: center;flex-direction: row;}
.tbl_srch dl{padding:10px;border-top:1px solid #afcce4;display:flex;justify-content: space-between;flex-direction: column;}
.tbl_srch dl:first-child{border-top:0;}
.tbl_srch dt{margin-bottom:5px;}
.tbl_srch dd{font-size:1.1em}

.cont_header_sitemap{padding-top:150px;text-align: center;margin-bottom:30px;}
.cont_header_sitemap .logos{display: block;margin: 0 auto 10px;width: 110px;height: 21px;background: url(../img/site_id_color.svg) no-repeat left center, url(../img/site_id_new.svg) no-repeat right center;text-indent: -9999em;overflow: hidden;}
.cont_header_sitemap .logos.logos_en{width: 170px;background: url(../img/site_id_color_en.svg) no-repeat left center/auto 125%, url(../img/site_id_new_eng.svg) no-repeat right center;}

.cont_header_sitemap h2{position:relative;display:inline-block;font-size:2em;}
.cont_header_sitemap h2::after{content:'';width:42px;height:42px;background:#eaf0ff;border-radius: 21px;position:absolute;right:-20px;top:-10px;z-index: -1}
.cont_header_sitemap h2 span{font-weight: normal;}
.cont_header_sitemap p{font-size:0.9em;font-family: 'Noto Serif KR', serif;font-weight:400;color:#747474;}

.cont_body_sitemap{padding:20px;background:#fff;border:1px solid #dfe0e2;box-shadow:0 5px 10px rgba(0,0,0,.1);box-sizing: border-box;}
.cont_body_sitemap nav{display:flex;flex-direction: column;align-items: stretch}
.cont_body_sitemap nav .item{border-top:1px solid #e0e0e0;padding:20px 0;box-sizing: border-box;}
.cont_body_sitemap nav .item:first-child{padding-top:0;border-top:0;}
.cont_body_sitemap nav .item > a{font-size:1.8em;color:#2149a6;font-weight: bold;}
.cont_body_sitemap nav .item ul{padding:0 20px;margin-top:15px;}
.cont_body_sitemap nav .item ul li{position:relative;padding-left:8px;margin-top:10px;}
.cont_body_sitemap nav .item ul li:first-child{margin-top:0;}
.cont_body_sitemap nav .item ul li::after{content:'';width:4px;height:4px;border-radius: 50%;background:#b4b4b4;position:absolute;left:0;top:6px;}
.cont_body_sitemap nav .item ul li a{}


/*.stat_layout{margin:0 -20px;padding:0 20px 20px;background:url(../img/bg_stat.jpg) no-repeat 0 50%;}*/ /*통계 콘텐츠 박스*/
.stat_layout_inner{width:100%;max-width:1200px;margin:0 auto}

.stat_layout .breadscumb ol > li > a,
.stat_layout .breadscumb ol > li::after{color:#747474;}
.stat_layout .breadscumb .go_home{background:url(../img/ico_home.svg) no-repeat 50%;}
.stat_layout .cont_header h2{color:#000000}
.stat_layout .st_graph{background: #fff;padding:20px;}
.stat_layout .st_graph img{width:100%;}

.cont_header02{position:relative;margin:20px 0;padding-top:40px;}
/*.cont_header02::after{content:'';display:block;width:2px;height:50px;background:#000;position:absolute;left:50%;top:0;margin-left:-1px;}*/
.cont_header02 h3{position:relative;display:inline-block;font-size:2em;margin-bottom:5px;}
.cont_header02 h3::after{content:'';width:42px;height:42px;background:#eaf0ff;border-radius: 21px;position:absolute;right:-20px;top:-10px;z-index: -1}

.cont_header02 .txt{color:#747474;font-size:0.9em;margin-bottom:20px;}
.cont_header02 .btn_excel_down{border:1px solid #008540;height:48px;background:#fff;border-radius:24px;padding:0 30px;box-shadow:0 3px 0px rgba(0,0,0,.1)}
.cont_header02 .btn_excel_down i{display:inline-block;font-size:1.1em;color:#008540;font-style:normal;font-weight: bold;position:relative;padding-left:20px;}
.cont_header02 .btn_excel_down i::after{content:'';display:block;width:16px;height:100%;background:url(../img/ico_excel.svg) no-repeat 50%;position:absolute;left:0;top:0;}

.m_scroll{width:100%;overflow-x: auto}
.m_scroll2{overflow: scroll;}

.tbl01{border-top: 2px solid #000;min-width:300px;}
.tbl01 td,
.tbl01 th{background:#fff;padding:10px 20px;height:24px;border:1px solid #cfd1d5;}
.tbl01 tbody td{vertical-align: top}
.tbl01 thead th{background:#fafafa;height:28px;text-align: left;border-bottom:1px solid #7c8187;}
.tbl01 tfoot td{background:#fdfcf2;border-bottom-color:#7c8187}
.tbl01 .lst_length{}
.tbl01 .lst_length li{position:relative;padding:10px 0;}
.tbl01 .lst_length li::after{content: '';display:block;width:100%;border-bottom:1px dashed #7c8187;position:absolute;left:0;top:50%;}
.tbl01 tfoot div,
.tbl01 .lst_length li div{position:relative;display: flex;justify-content: space-between;align-items: center;flex-direction: row;z-index: 1}

.tbl01 .lst_length strong{display:inline-block;padding-right:10px;background:#fff;font-weight: normal;}
.tbl01 .lst_length .length{display:inline-block;padding-left:10px;background:#fff;color:#ff3000;font-weight: bold;font-size:1.2em;}
.tbl01 tfoot div strong{display:inline-block;}
.tbl01 tfoot div .length{display:inline-block;color:#ff3000;font-weight: bold;font-size:1.2em;}

.tbl02{border-top: 2px solid #000;border-bottom: 2px solid #000;min-width:1020px;}
.tbl02.type_w{width:100%;min-width: 100%;}
.tbl02.type_w td a{display:inline-block;border-bottom:1px solid #fff;}
.tbl02 td,
.tbl02 th{background:#fff;padding:10px;height:24px;border:1px solid #cfd1d5;text-align: left;}
.tbl02 td[data-label="num"],
.tbl02 th[data-label="num"],
.tbl02 td[data-label="chk"],
.tbl02 th[data-label="chk"]{text-align: center;}
.tbl02 tr th:first-child,
.tbl02 tr td:first-child{border-left:0;}
.tbl02 tr th:last-child,
.tbl02 tr td:last-child{border-right:0;}
.tbl02 td a{display:inline-block;}
.tbl02 thead th{background:#fafafa;height:28px;}
#wbList td{line-height: 25px;}
#wbList  label{display: flex;align-items: center;justify-content: center;}

.tbl_tooltip{border-top: 2px solid #000; max-width: 1200px; margin: 10px;}
@media screen and (max-width: 1200px){.tbl_tooltip{max-width:900px;}}
@media screen and (max-width: 800px){.tbl_tooltip{max-width:600px;}}
@media screen and (max-width: 600px){.tbl_tooltip{max-width:400px;}}
@media screen and (max-width: 400px){.tbl_tooltip{max-width:300px;}}
.tbl_tooltip td,
.tbl_tooltip th{background:#fff;padding:10px 20px;height:24px;border:1px solid #cfd1d5;}
.tbl_tooltip thead th{background:#fafafa;height:28px;text-align: center;border-bottom:1px solid #7c8187;}
.tbl_tooltip tfoot td{background:#fdfcf2;border-bottom-color:#7c8187}
.tbl_tooltip .lst_length{}
.tbl_tooltip .lst_length li{position:relative;padding:10px 0;}
.tbl_tooltip .lst_length li::after{content: '';display:block;width:100%;border-bottom:1px dashed #7c8187;position:absolute;left:0;top:50%;}
.tbl_tooltip tfoot div,
.tbl_tooltip .lst_length li div{position:relative;display: flex;justify-content: space-between;align-items: center;flex-direction: row;z-index: 1}

.tbl_tooltip .lst_length strong{display:inline-block;padding-right:10px;background:#fff;font-weight: normal;}
.tbl_tooltip .lst_length .length{display:inline-block;padding-left:10px;background:#fff;color:#ff3000;font-weight: bold;font-size:1.2em;}
.tbl_tooltip tfoot div strong{display:inline-block;}
.tbl_tooltip tfoot div .length{display:inline-block;color:#ff3000;font-weight: bold;font-size:1.2em;}

.dfntxtCnText{max-width: 100%;white-space: normal;}
.wordDfntxtSort{display: inline-block;vertical-align: top;margin-right: 10px;width:85%;}

.dwld_proceed_btn {display: inline-block;padding: 5px 15px;border-radius: 10px;border-bottom: none;background-color: #0b60c8;color: #fff;text-align: center;text-decoration: none;cursor: pointer;font-weight: bold;}
.dwld_proceed_btn:hover {background-color: #004099;}
.dwld_cancel_btn {display: inline-block;padding: 5px 15px;border-radius: 10px;border-bottom: none;background-color: #ff3333;color: #fff;text-align: center;text-decoration: none;cursor: pointer;font-weight: bold;}
.dwld_cancel_btn:hover {background-color: #cc0000;}

a.attach{color:#006fe0;display:inline-block;padding-left:17px;position:relative;border:0 !important}
a.attach i::after{content:'';display:block;width:14px;height:100%;background:url(../img/ico_attach.svg) no-repeat 0 50%;position:absolute;left:0;top:0;}
a.attach:hover{opacity: 0.7;}

.tbl_view{}
.tbl_view .tbl_view_header{padding:0 0 15px;border-bottom:1px solid #b1b1b1;}
.tbl_view .tbl_view_top .class{display:inline-block;border-radius:3px;padding:2px 5px;color:#fff;background: #990032; font-size:0.9em;vertical-align: top;margin-top:10px;}
.tbl_view .tbl_view_top .tit{display:block; font-size: 1.5em; margin: 10px 0;}
.tbl_view .tbl_view_top .date{display:block;font-size: 0.9em;color:#747474;}
.tbl_view .tbl_view_bottom{padding:15px 0 0;margin-top:10px;border-top:1px dashed #b1b1b1;}
.tbl_view .tbl_view_body{padding:20px 0;border-bottom:1px solid #b1b1b1;}
.tbl_view .tbl_view_body img{max-width: 100%}
.tbl_view .tbl_view_body p{font-size: 18px; line-height: 1.5; letter-spacing: 1.6px;}

.tbl_input_box{display:flex; justify-content: space-between; align-items: center;}
.tbl_input_box input {flex:1;}

.dictionary{padding:15px;background:#fff;border:1px solid #ededed}
.dictionary_word .dic_word{font-size:1.4em}
.dictionary_word .btn_listen{margin-left:10px;display:inline-block;text-indent: -9999em;overflow: hidden;width:30px;height:30px;background:#dadee0;border-radius: 50%;position:relative;border:0;}
.dictionary_word .btn_listen::after{content: '';display:block;width:14px;height:100%;background: url(../img/btn_listen.svg) no-repeat 50%;position:absolute;left:50%;top:0;margin-left:-7px;z-index: 1}

.dictionary_word .entry_pronounce{line-height:30px;margin-top:5px;padding:5px 10px;background:#f7f9f9;border-radius: 5px}
.dictionary_word .entry_pronounce .u_word{margin-left:20px;}
.dictionary_word .pronun{display:inline-block;}

.dictionary_mean{margin-top:10px;font-size: 1.2em; letter-spacing: 1.6px; line-height: 1.5;}
.dictionary_mean ol li{padding:5px 0;margin-left:20px;list-style: decimal;padding-inline-start: 1em;}
.dictionary_mean ol li::marker{font-style:italic;color:#747474;}
.dictionary_mean ol li .part_speech{display:inline;font-size:0.9em;margin-right:5px;color:#7a96b9}

.bookmark_box{padding:10px 20px;border:1px solid #bcb289;background:#fffff2;margin-bottom:20px;}
.bookmark_box::after{clear:both;display:block;content: '';}
.bookmark_box li{float:left;margin:2px 25px 2px 0;}

.bookmark_box a{display:inline-block;padding:0 0 0 16px;position:relative;font-weight: bold;font-size:1.1em;color:#bcb289;line-height:30px;}
.bookmark_box a.active{color:#000;text-decoration: underline;}
.bookmark_box a.active::after{background:url(../img/ico_bookmark_plnk.svg) no-repeat 50%;}
.bookmark_box a::after{content: '';display:block;width:12px;height: 100%;background:url(../img/ico_bookmark_gray.svg) no-repeat 50%;position:absolute;left:0;top:0;}

.bookmark_box .add_bookmark{display:inline-block;height:30px;line-height:26px;padding:0 10px 0 26px;position:relative;font-size:1em;border:2px dashed #cec49b;border-radius: 5px;font-weight: normal;color:#9f956e;box-sizing: border-box;letter-spacing: 0.1px;}
.bookmark_box .add_bookmark::after{content: '';display:block;width:12px;height: 100%;background:url(../img/ico_bookmark_add.svg) no-repeat 50%;position:absolute;left:10px;top:0;}

/*공유하기*/
.share_layer {display: none;position: absolute;width: 300px;background-color: #fff;border-radius: 10px;padding: 25px;margin-top: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 1000;}
.share_url_container {display: flex;align-items: center;border: 1px solid #ccc;border-radius: 20px;max-width: 400px;margin: 30px auto 20px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
#share_url {flex: 1;border: none;outline: none;padding: 10px;border-radius: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;}
#share_url_copy {background-color: #007bff;color: #fff;border: none;border-radius: 20px;padding: 11px 20px;cursor: pointer;}
#share_url_copy:hover {background-color: #0056b3;}
.share_layer .share_layer_header{position:relative;border-bottom:1px solid #000;padding:0 0 10px;margin-bottom:20px;}
.share_layer .share_layer_header h2{font-size:1.5em;}
.share_layer #share_layer_close{background:#f0f0f0;border-radius:50%;width:40px;height:40px;position:absolute;right:0;top:-10px;}
.share_layer #share_layer_close i{display:block;text-indent: -9999em;overflow: hidden;background:url(../img/btn_close_black.svg) no-repeat 50%;width:18px;height:18px;position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px;}
#share_info_cont {display: none; color: #316ACB;}

/* input search x버튼 안 보이게 */
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}
@media screen and (min-width: 500px){
	.tbl .inp_short6{max-width: 260px;}
	.tbl .inp_short_modal{max-width: 265px;}
}

@media screen and (max-width: 600px){
	.paginate a {font-size: 1em; margin: 0 2px;}
	.paginate .firstPageLabel{display: none;}
	.paginate .lastPageLabel{display: none;}
}

@media screen and (max-width: 400px){
	.paginate a {font-size: 0.9em; margin: 0 2px;}
	.paginate .previousPageLabel{display: none;}
	.paginate .nextPageLabel{display: none;}
}

@media screen and (min-width: 820px){
	.kogl_type .m_hidden{display:inline;letter-spacing: 0;}
	.step_area{height: auto;}
	.cont_join{width: 750px;}

	.lst_type01 .item .item_cont .realm{float: left; font-size:0.9em;}
	.lst_type01 .item .item_cont .word_source{float: right; font-size:0.9em;}
	.lst_type01 .item .item_cont .dfntxt_source_ellipsis{float: right; font-size:0.9em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 180px;}
	.lst_type01 .item .item_cont .dfntxt_instt_source_ellipsis{float: right; font-size:0.9em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 50px;}
}
@media screen and (max-width: 1200px){
	.keyword_box{margin: 30px 0 0 0; padding:20px 20px 20px 0;display:flex;box-sizing: border-box; align-items: center;flex-direction: row;font-size: 17px;line-height: 27px;}
}

@media screen and (min-width: 900px){
	.keyword_box{padding:20px 20px 20px 0;display:flex;box-sizing: border-box; align-items: center;flex-direction: row;font-size: 17px;line-height: 27px;}
	.keyword_box h2{width:150px;margin-bottom:0;text-align: center;font-size:1.2em}

	.tbl_header h3{font-size:1.8em;display:inline-block;}
	.tbl_header .exp{display:inline-block;margin-left:10px;}
	.tbl_header .wordbookList{display:inline-block;}
	.tbl_header .ntc{display:inline-block;margin:10px 0;}
	.tbl .inp_short{max-width: 283px;}

	.cont_body_sitemap{padding:30px 10px;margin-bottom:50px;}
	.cont_body_sitemap nav .item > a{font-size:1.4em;}
	.cont_body_sitemap nav{flex-wrap: wrap;justify-content: space-between;flex-direction: row;}
	.cont_body_sitemap nav .item{flex:1;padding:0 20px;border:0;border-left:1px solid #e0e0e0;}
	.cont_body_sitemap nav .item:first-child{border-left:0;}
	.cont_body_sitemap nav .item ul{padding:0;}

	.cont_header .user_info{font-size:2.0em;}
	.cont_header_sitemap h2{font-size:2.8em;}

	.tbl02{min-width:100%;}
	.tbl02 td,
	.tbl02 th{text-align: center;padding: 12px 10px;}

	.lst_type03 .accordion{padding:25px 20px}
	.lst_type03 .accordion .hpcm_answer{margin-top:20px;}

}

.detail_more_span, .detail_more_span_popup{
	display: inline-block;
	margin: -3px 10px;
	padding: 0 10px;
	height: 23px;
	line-height: 25px;
	font-size: 13px !important;
	border-radius: 5px;
	background: #898989;
	color: #fff;
	cursor: pointer;
}
.detail_more_span:hover, .detail_more_span_popup:hover{
	background: #000000;
}

@media screen and (min-width: 1200px){
	.cont_header .btn_download{display:inline-block}
	.cont_header .btn_download:hover,
	.cont_header .btn_download:focus{background:#fff;}
	.cont_header{flex-direction: row;flex-wrap: nowrap;align-items: flex-end;}
	.cont_header h2{font-size:2.4em;}

	.cont_header02{margin:20px 0 30px;}
	.cont_header02::after{height:80px;}
	.cont_header02::before{content:'';display:block;width:242px;height:145px;background:url(../img/img_stat.png) no-repeat 50%;background-size:cover;position:absolute;right:0;bottom:-30px;}
	.cont_header02 h3{font-size:2.8em;}
	.cont_header02 .txt{font-size:1em;}

	.cont_header .l_box{width: calc( 100% - 330px );}
	.cont_header02 .r_box{width:270px;padding-top:0;text-align: left}

	.cont_header.type04 .l_box{width:auto}
	.cont_header02 .r_box{width:auto}
	.cont_header02 select{width:150px;}

	.paginate a{width:70px;line-height: 36px;margin:0 5px; padding: 0 5px;}
	.paginate a:hover,
	.paginate a:focus{text-decoration: underline;}
	.paginate a.active{border:1px solid #0977e8;border-radius:3px;background:#fff;}
	.paginate a.btn_arr{width:36px;border-radius:3px;opacity: 0.75}
	.paginate a.btn_arr:hover,
	.paginate a.btn_arr:focus{opacity: 1;transition: opacity .5s}

	.lst_type01 .item{padding:25px 0;}
	.lst_type01 .item a:hover .tit .kor,
	.lst_type01 .item a:focus .tit .kor{text-decoration: underline;}
	.lst_type01 .item .col01{width:50px;}
	.lst_type01 .item .col02{}
	.lst_type01 .item .item_cont{display:table-cell; width:970px;}
	.lst_type01 .item .item_cont .txt{margin-bottom:15px;font-size:1.1em;}
	.lst_type01 .item .item_cont .tit .crtDt{float: right;}
	.lst_type01 .item .exp{display:table-cell;width:220px;vertical-align: middle;text-align: right}
	.lst_type01 .item .exp .point p{text-indent:9999em;}

	.lst_type02 .item{padding:25px 0;}
	.lst_type02 .item .col01{width:50px;}
	.lst_type02 .item .item_cont{margin-bottom:5px;}

	.cont_header{}
	.cont_dl{display:flex;flex-wrap: wrap;align-items: flex-start;flex-direction: row;}
	.cont_dl dl{flex: 1 1 40%;margin:10px 0 !important;}
	.cont_dl dl.row{flex:1 1 100%}
	.cont_dl dl::after{display:none;}

	.kogl_type{margin-bottom:50px;line-height:26px;}
	.kogl_type img{height:26px;padding-left: 10px}

	.cont_dic{padding:30px;margin-bottom:50px;}
	.cont_dic .mean{margin-bottom:30px;}
	.cont_dic .example{padding-left:100px}
	.cont_dic .example.example_en{padding-left:120px}
	.cont_dic .example .tit{margin:0;position:absolute;left:0;top:0;}
	.cont_dic .example .tit_refferMatter{margin:0;position:absolute;left:0;top:25px;}
	.cont_dic .example .tit_relatedWord{margin:0;position:absolute;left:0;top:25px;}
	.cont_dic .example .tit_trnslatWord{margin:0;position:absolute;left:0;top:25px;}
	.cont_dic .example ul .interval{padding:9px 0;border-top:1px dashed #dfe0e2;}

	.cont_dic .example ul li{padding:20px 0;}

	.cont_diagram{margin-bottom:50px;}
	.cont_diagram .graph{border-radius: 0 30px 30px 30px}

	#resetButton {float: right;border-radius: 5px;padding: 5px 15px;cursor: pointer; font-size: 13px;color: #747474;border: 1px solid #676767;background: #fff;}
	#resetButton:hover {background-color: #1b3044;color: #fff;border: none;}

	.cont_related.mg{margin-bottom:50px;}
	.cont_related .lst_db ul{padding:0 30px;}
	.cont_related .lst_db li .class{top:25px;}
	.cont_related .lst_db li{padding:25px 0 25px 120px;}

	.btn_secession:hover,
	.btn_secession:focus{text-decoration: underline;}

	.tbl_body{padding:20px 40px;}
	.tbl dl{flex-direction: row; align-items:center; padding:20px 0;}
	.tbl dt{flex:1;margin-bottom:0;}
	.tbl dd{flex:4;}
	.tbl .inp_short_modal{max-width: 180px;}
	.tbl .inp_long{height:42px;max-width:750px;}
	.tbl .btn{height:42px;line-height:42px;}
	.tbl .ib_box{display:inline;}

	.cont_srch_box{padding:10px 40px;}
	.tbl_srch dl{flex-direction: row; align-items:center; padding:15px 0;}
	.tbl_srch dt{flex:1;margin-bottom:0;}
	.tbl_srch dd{flex:7;}
	.tbl_srch .inp{height:42px;max-width:350px;}
	.tbl_srch .btn{height:42px;line-height:42px;}
	.tbl_srch select{height:42px;line-height:42px;}
	.tbl_srch .ib_box{display:inline;}

	.cont_header_sitemap p{font-size:1.2em;}

	.stat_layout{padding:30px 0;margin:-30px -100px;border-radius: 80px 0 80px 0}
	.stat_layout_inner{padding-bottom:30px;}

	.cont_header02 .btn_excel_down:hover,
	.cont_header02 .btn_excel_down:focus{background:#fffef5;color:#01572a;border-color: #01572a;transition: all .5s}

	.cont_header .btn_stat:hover,
	.cont_header .btn_stat:focus{background:#f10e61;transition: background .5s}

	.tbl_exp{display:flex;flex-direction: row;align-items: flex-end;justify-content: space-between;}
	.tbl_exp .txt .m_hidden{display:inline;}
	.tbl_exp .l_box{margin-bottom:0;}

	.tbl_view {}
	.tbl_view .tbl_view_top{padding:20px 20px;}
	.tbl_view .tbl_view_top .tit{display:inline-block; margin: 0 0 10px 10px;}
	.tbl_view .tbl_view_top .class{margin-top: 3px;}
	.tbl_view .tbl_view_bottom{padding:15px 20px 0; margin-top: 0px;}
	.tbl_view .tbl_view_body{padding:30px 20px}
	.dictionary_word .entry_pronounce{padding:5px 20px}

	.bookmark_box{padding:20px 40px;}

	.bookmark_box a{line-height:34px;}
	.bookmark_box ul a:hover,
	.bookmark_box ul a:focus{color:#000;}
	.bookmark_box ul a:hover::after,
	.bookmark_box ul a:focus::after{background:url(../img/ico_bookmark_plnk.svg) no-repeat 50%;}

	.bookmark_box .add_bookmark{height:36px;line-height: 34px}
	.bookmark_box .add_bookmark:hover,
	.bookmark_box .add_bookmark:focus{border-color:#897f5f;color:#897f5f}

	.cont_join{width: 1050px;}

	.join_title{padding-top: 100px;}
	.wrapper_account{padding-top: 140px;}
}

@media screen and (max-width: 1440px){
	.cont_dl{display:grid;flex-wrap: wrap;align-items: flex-start;flex-direction: row;align-items: center;}
}

/*알립니다 상세*/
.board_view {border-top: 2px solid #000000;}
.board_view p.subject,
.board_view ul.info,
.board_view p.add_file,
.board_view p.classification {border-bottom: 1px solid #d5d7db;}
.board_view p.subject,
.board_view p.add_file,
.board_view p.classification,
.board_view ul.info li,
.board_view ul.page_move li {position: relative;padding: 26px 30px 26px 144px;}
.board_view p.subject strong.category,
.board_view ul.info li strong.category,
.board_view p.add_file strong.category,
.board_view p.classification strong.category,
.board_view ul.page_move li strong.guide {position: absolute;left: 30px;top: 26px;display: block;width: 100px;color: #666666;font-size: 17px;}
.board_view p.subject span.value,
.board_view ul.info li span.value,
.board_view p.add_file span.value,
.board_view p.classification span.value {display: block; font-size: 17px;}
.board_view p.subject span.value {font-weight: 700;}
.board_view ul.info {overflow: hidden;}
.board_view ul.info li {float: left;width: 30%;box-sizing: border-box;}
.board_view ul.info li:first-child {width: 40%;}
.board_view p.classification span.value a {border-bottom: 1px solid #4a4a4a;}
.board_view .detail_cont {padding: 38px 30px;border-bottom: 1px solid #d5d7db;background-color: #fafafa; font-size: 18px; line-height: 1.5; }
.board_view .detail_cont p {letter-spacing: 0.05em;}
.board_view ul.page_move li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board_view ul.page_move li:first-child {border-bottom: 1px solid #d5d7db;}
.board_view ul.page_move li strong.guide:after {content: "";display: inline-block;position: relative;top: -1px;width: 14px;height: 8px;margin-left: 8px;}
.board_view ul.page_move li strong.guide.prev:after {background: url(../img/arr_select_up.svg) no-repeat left top;}
.board_view ul.page_move li strong.guide.next:after {background: url(../img/arr_select_down.svg) no-repeat left top;}
.board_view ul.page_move li b.none_post {font-weight: normal;color: #999999;}
.board_view .btn_list {padding-top: 40px;text-align: center;line-height: 1;border-top: 1px solid #b4b9c0;}

.reference {border: 1px solid #dfe0e2; background: #ffffff; padding: 20px; margin-bottom:50px; border-radius: 20px; letter-spacing: 0;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);overflow: auto;}
.reference li{line-height: 1.7; font-size: 1.1em;}
.reference_tit{font-size: 1.4em; margin-bottom: 5px;}
.trgtwordInfo{padding-top:29px;}

/* 용어 상세 화면 - 다중 매체 정보 */
.multi_media_cont{border: 1px solid #dfe0e2; background: #ffffff; padding: 20px; margin-bottom: 50px; border-radius: 20px; letter-spacing: 0; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); overflow: auto;}
.multi_media_tit{font-size: 1.4em; margin-bottom: 5px;}
.multi_media_slider{display: flex; flex-wrap: nowrap; overflow: hidden; align-items: center; width: 100%;}
.multi_media_slider .slick-empty-slide{width: 100%; height: 120px; background: transparent;}
.only-one-slide .slick-slide{min-width: 200px !important;}
.multi_media_slider img{border: 2px solid transparent; width: 100%; height: 120px; object-fit: contain; border-radius: 6px; cursor: pointer;}
.multi_media_slider .multi_media_subtitle{text-align: center; margin-top: 10px;}
.multi_media_slider img:hover{border: 2px solid rgba(0, 64, 153, 1);}
.slick-prev-multimedia, .slick-next-multimedia{color: white; font-size: 24px; background: white; width: 20px; height: 20px;}
.slick-prev-multimedia{background: #fff url(../img/arr_prev.svg) no-repeat 50%; margin-right: 8px;}
.slick-next-multimedia{background: #fff url(../img/arr_next.svg) no-repeat 50%; margin-left: 8px;}

/* 용어 상세 화면 - 다중 매체 정보 - 레이어 팝업 */
#layer_multi_media.active{display: flex;}
#layer_multi_media{position: fixed; left:0; top:0; width: 100%; height: 100%; display:none; justify-content: center; align-items: center; flex-direction: row; z-index: 7000;}
#layer_multi_media .layer_inner{position: relative; padding: 0 30px 30px 30px; background: #fff; width: calc(100% - 50px); height: auto; box-sizing: border-box; max-height: 90vh; max-width: 1035px; overflow-y: auto; border-radius: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, .5);}
#layer_multi_media .layer_header{position: sticky; border-bottom: 1px solid #000; padding: 30px 0 10px 0; margin-bottom: 20px; top: 0; z-index: 100; background-color: #ffffff;}
#layer_multi_media .layer_header .btn_popup_layer_close{background: #f0f0f0; border-radius: 50%; width: 40px; height: 40px; position: absolute; right: 0; top:20px;}
#layer_multi_media .layer_header .btn_popup_layer_close i{display: block; text-indent: -9999em; overflow: hidden; background: url(../img/btn_close_black.svg) no-repeat 50%; width: 18px; height: 18px; position: absolute; left:50%; top:50%; margin: -9px 0 0 -9px;}
#layer_multi_media .layer_footer{text-align: center; margin-top: 20px;}
#layer_multi_media .layer_body_in{background: #fafafa; padding: 15px; box-sizing: border-box; border: 1px solid #e8ebed; border-radius: 15px; overflow: visible; margin-bottom: 20px;}
#layer_multi_media .layer_body_in .multi_media_dc{display:block; font-size: 1.2em; margin-top: 15px; font-weight: bold; line-height: 1.7;}
#layer_multi_media .cont_header{border-bottom: none;}
#layer_multi_media .cont_header h2{font-size: 1.8em;}
#layer_multi_media .multi_media_layer_img{width: 100%; margin: 10px 0 20px 0; text-align: center;}
#layer_multi_media .multi_media_layer_img img{max-width: 900px;}
#layer_multi_media .multi_media_layer_cont{display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row; padding: 10px 0 10px 0; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;}
#layer_multi_media .multi_media_layer_cont dl dt{float: left; position: relative; font-size: 1.1em; width: 95px; padding-right: 20px; box-sizing: border-box; font-weight: bold; text-align: center;}
#layer_multi_media .multi_media_layer_cont dl dt::after{content: ''; display: block; width: 1px; height: 12px; background: #b1b1b1; position: absolute; right: 10px; top:50%; margin-top: -6px;}
#layer_multi_media .multi_media_layer_cont dl dd{width: calc(100% - 1px); font-size: 16px; float: left; color: #444; box-sizing: border-box;}
#layer_multi_media .layer_body dl{display:flex;justify-content: space-between;align-items: stretch;flex-direction: row;margin:10px;}

@media screen and (max-width: 1100px){  #layer_multi_media .multi_media_layer_img img{max-width: 700px;}}
@media screen and (max-width: 900px){  #layer_multi_media .multi_media_layer_img img{max-width: 600px;}}
@media screen and (max-width: 800px){  #layer_multi_media .multi_media_layer_img img{max-width: 500px;}}
@media screen and (max-width: 700px){  #layer_multi_media .multi_media_layer_img img{max-width: 430px;}}
@media screen and (max-width: 600px){  #layer_multi_media .multi_media_layer_img img{max-width: 345px;}}
@media screen and (max-width: 500px){  #layer_multi_media .multi_media_layer_img img{max-width: 330px;}}
@media screen and (max-width: 400px){  #layer_multi_media .multi_media_layer_img img{max-width: 160px;}}

@media screen and (min-width: 900px){
	#layer_multi_media .layer_inner{padding: 0 30px 30px 30px;}
}

@media all and (max-width: 900px) {
	.board_view ul.info li:first-child {width: 100%;}
	.board_view ul.info li {width: 100%;}
	.board_view p.subject,
	.board_view p.add_file,
    .board_view p.classification,
	.board_view ul.info li,
	.board_view ul.page_move li {padding: 12px 20px 12px 100px;}
	.board_view p.subject strong.category,
	.board_view ul.info li strong.category,
	.board_view p.add_file strong.category,
    .board_view p.classification strong.category,
	.board_view ul.page_move li strong.guide {left: 20px; top: 12px;}
	.keyword_box h2 {padding: 0 20px 0 20px; font-size: 1.2em;}
}

/* 저작권 정책 */
.individual_info {margin-top:20px;padding:30px;border:1px solid #ccc;background:#fff;line-height:1.9;}
.box_gray {padding:20px 25px;background:#f5f5f5;margin-top:0;border:none;}
.box_gray div {margin-top:20px;line-height:1.9;}
.box_gray div:first-child {margin-top:0;}
.agree_cont_text {margin: 0px 0px 0px 20px;}
.box_gray div.agree_cont_text {margin: 0px 0px 0px 20px;}
.agree_cont_text2 {margin: 0px 0px 0px 15px;}
.box_gray div div.agree_cont_text2 {margin: 0px 0px 0px 15px;}
.box_gray .dot dd{position:relative;padding-left:11px;}
.box_gray .dot dd:before {content:''; position:absolute;left:0px;top:11px;width:4px;height:1px;background:#666;}
.agree_cont_box{margin-top: 10px;}
div .individual_dis  {margin-top:40px;}
.tit_set {font-size:14px;color:#111;font-weight:bold;}
.tit_1set {font-size:15px;color:#111;font-weight:bold;}
.tit_2set {font-size:16px;color:#111;font-weight:bold;}
.tit_3set {font-size:17px;color:#111;font-weight:bold;}
.tit_4set {font-size:18px;color:#111;font-weight:bold;}
.tit_5set {font-size:19px;color:#111;font-weight:bold;}
.tit_6set {font-size:20px;color:#111;font-weight:bold;}
.undL {text-decoration:underline;}
.box_line {padding:20px 25px;margin-top:30px;border:1px solid #cccccc;}

/* 공공누리 유형 안내 팝업 */
.policy-table{border-collapse: collapse;width: 100%;border: 1px solid #cccccc;}
.policy-table th{border: 1px solid #cccccc; background-color: #f5f5f5}
.policy-table tr, .policy-table td{border: 1px solid #cccccc;}
.policy-td{padding: 8px;}
.policy-table-th {text-align: center;height: 30px;font-size: 16px;}
.policy-table-title-td {text-align: center;}
.policy-td-img {max-width: 100%;height: auto;}
.kogl-type-1 {width: 60%;}
.kogl-type-2 {width: 72%;}
.kogl-type-3 {width: 72%;}
.kogl-type-4 {width: 87%;}
.kogl_type_img {cursor: pointer;}

/* 에러 페이지(Not Found)
*************************************************************/
section#not_found h2 {padding-top: 258px;}
section#not_found p.msg {font-size: 15px;margin: 18px 0px 50px;}
section#not_found .btn_set a {width: 302px;padding: 15px 0px 12px;font-size: 20px;}
/* 에러 페이지(Not Found)
*************************************************************/
section#not_found {padding: 200px 0px 80px 0px;text-align: center;}
section#not_found h2 {font-weight: 500;padding-top: 258px;background: url(../img/ico_error.png) no-repeat center top;}
section#not_found p.msg {font-weight: 700;font-size: 18px;line-height: 160%;margin: 20px 0px 40px;}
section#not_found .btn_set a {display: inline-block;width: 300px;padding: 15px 0px 12px;border-radius: 5px;font-size: 24px;font-weight: bold;color: white;background-color: #676767;}

/* 검색 팝업 상세 더보기 버튼 위치 조정*/
@media all and (min-width: 980px) {
	.cont_dic .example:last-child ul li.relate_interval_popup{
		width: 89%;
	}
}
@media all and (max-width: 980px) {
	.cont_dic .example:last-child ul li.relate_interval_popup{
		width: 85%;
	}
}
@media all and (max-width: 775px) {
	.cont_dic .example:last-child ul li.relate_interval_popup{
		width: 80%;
	}
}
@media all and (max-width: 635px) {
	.cont_dic .example:last-child ul li.relate_interval_popup{
		width: 75%;
	}
}
@media all and (max-width: 550px) {
	.cont_dic .example:last-child ul li.relate_interval_popup{
		width: 70%;
	}
}
@media all and (max-width: 500px) {
	.cont_dic .example:last-child ul li.relate_interval_popup{
		width: 60%;
	}
}
/* 검색 후 상세 더보기 버튼 위치 조정*/
@media all and (min-width: 1440px) {
	.cont_dic .example:last-child ul li.relate_interval{
		width: 90%;
	}
}
@media all and (max-width: 1440px) {
	.cont_dic .example:last-child ul li.relate_interval{
		width: 85%;
	}
}
@media all and (max-width: 665px) {
	.cont_dic .example:last-child ul li.relate_interval{
		width: 78%;
	}
}
@media all and (max-width: 500px) {
	.cont_dic .example:last-child ul li.relate_interval{
		width: 72%;
	}
}

/*회원가입 창*/
@media all and (max-width: 1200px) {
	.cont_dic .example ul .interval .hide{display: none;}
	.cont_dic .example ul .interval span.span_hide{display: none;}
	.step_area .step li em{display: inline-block;width: 25px;height: 25px;margin-right: 4px;line-height: 35px;color: #fff;background: #f2f2f2;border-radius: 35px;background: #bbb;font-style: normal;font-size: 20px;vertical-align: middle;}
	.step_area .step{position: relative; display: flex;align-items: center;justify-content: center;}
	.step_area .step li {float: left;position: relative;color: #666; padding: 0 12px; line-height: 25px; font-weight: 600;}
	.step_area .step li {float: left;position: relative;color: #666; padding: 0 12px; line-height: 25px; font-weight: 600;}
}
@media all and (max-width: 820px) {
	.step_area .step li em{display: inline-block;width: 20px;height: 20px;margin-right: 10px;line-height: 30px;color: #fff;background: #f2f2f2;border-radius: 35px;background: #bbb;font-style: normal;font-size: 20px;vertical-align: middle;}
	.step_area .step{position: relative; display: flex;align-items: center;flex-flow: column;}
	.step_area .step li {float: left;position: relative;color: #666; padding: 0 3px; line-height: 30px; font-weight: 600;white-space: nowrap;}
	.join_step{margin-top:0px !important;text-align: center!important;}
}
@media all and (max-width: 500px) {
	.cont_join{width: 390px;}
	.step_area .step li em{display: inline-block;width: 20px;height: 20px;margin-right: 10px;line-height: 35px;color: #fff;background: #f2f2f2;border-radius: 35px;background: #bbb;font-style: normal;font-size: 20px;vertical-align: middle;}
	.step_area .step{position: relative; display: flex;align-items: center;flex-flow: column;}
	.step_area .step li {float: left;position: relative;color: #666; padding: 0 3px; line-height: 30px; font-weight: 600;}
}
@media all and (max-width: 400px) {
	.cont_join{width: 351px;}
	.step_area .step li em{display: inline-block;width: 20px;height: 20px;margin-right: 10px;line-height: 35px;color: #fff;background: #f2f2f2;border-radius: 35px;background: #bbb;font-style: normal;font-size: 20px;vertical-align: middle;}
	.step_area .step{position: relative; display: inline-flex; flex-flow: column;}
	.step_area .step li {float: left;position: relative;color: #666; padding: 0 0px; line-height: 25px; font-weight: 600;font-size: 13px;}
	.step_area {text-align: center; margin: 0 auto 15px; background: #f4f4f4; padding: 0px; border-radius: 20px;}
}
@media all and (max-width: 350px) {
	.cont_join{width: 300px;}
	.step_area .step li em{display: inline-block;width: 20px;height: 20px;margin-right: 10px;line-height: 35px;color: #fff;background: #f2f2f2;border-radius: 35px;background: #bbb;font-style: normal;font-size: 20px;vertical-align: middle;}
	.step_area .step{position: relative; display: inline-flex;flex-flow: column;}
	.step_area .step li {float: left;position: relative;color: #666; padding: 0 0px; line-height: 25px; font-weight: 600;font-size: 13px;}
	.step_area {text-align: center; margin: 0 auto 15px; background: #f4f4f4; padding: 0px; border-radius: 20px;}
	.btn_area_join .btn.cncl, .btn_area_join .btn.act{font-size: 14px !important;}
}
/*회원 가입 절차*/
.join_step{margin-top:5px;line-height: 2.3 !important;text-align: left;}
.auth_type01{background: #E4043E;color: #FFFFFF;border-radius: 3px;padding: 3px;}
.auth_type02{background: #003863;color: #FFFFFF;border-radius: 3px;padding: 3px;}
/*로그인 창 */
@media all and (max-width: 500px) {
	.login_area {text-align: center; padding: 20px 2px; background: #fff; border: 1px solid #dfe0e2; box-shadow: 0 5px 10px rgba(0,0,0,.1)}
	.login_box input.input_id {width:90%;height:45px;margin-bottom:10px;}
	.login_box .login_btn {width:90%; margin-top: 10px;}
}
/*계정, 비밀번호 찾기 창*/
@media all and (max-width: 500px) {
	.tbl_div{margin-bottom: 40px;width:370px}
	.tbl .btn.account{height:38px;line-height:36px;padding:0 12px;margin: 0 2px}
}

/*수어 정보*/
.signinfo_grid {display: flex;flex-direction: row;}
.signinfo_grid > * {padding: 5px;box-sizing: border-box;}
.signinfo_grid_3 {background: #f5f5f5;font-size: 15px;line-height: 1.4;height:66%;padding: 15px 20px;overflow: hidden;}
.signinfo_meta {margin-bottom: 10px;color: #808080; font-weight: bold;}
.hand_multi {flex: 15; position: relative;display: flex;flex-direction: column;}
.hand_conts {flex: 80; position: relative;}
.hand_conts span {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 1.1em;}
.multi_thumb {display: block;margin: 0 auto;position: relative;width:140px; border: 1px solid #ccc;border-radius: 5px;}
/*.multi_images {border: 1px solid #ccc;border-radius: 5px;}*/
.btn_player {position: absolute;top: 46%;left: 40%;transform: translateX(-50%);z-index: 1; cursor: pointer;}
.btn_player img {position: absolute;top: 0;left: 0;}
#sldictButton {position: absolute;bottom: 0;right: 0;cursor: pointer;font-size: 13px;padding: 0 12px;margin: 0 15px 15px 0;height: 26px;line-height: 24px;color: #747474;border: 1px solid #676767;border-radius: 5px;background: #fff;}
#sldictButton:hover {background-color: #1b3044; border: none; color: #fff;}
#multimediaClip {width: 100%;}

@media (max-width: 460px) {
	.signinfo_grid {
		flex-direction: column;
	}
	.hand_multi,
	.hand_conts {
		margin-bottom: 10px;
	}
	.hand_multi .multi_thumb,
	.hand_multi .multi_images {
		margin: 0 auto;
	}
	#sldictButton {
		width: 100%;
		height: 26px;
		text-align: center;
		margin: 5px auto;
		position: relative;
		display: inline-block;
	}

	.btn_player{
		left : 45%;
	}
}

#signdict_player .video_conts_wrap {display: flex;flex-direction: row;gap: 10px;}
#signdict_player .text_conts_wrap {display: flex;flex-direction: row;gap: 10px;padding: 5px;}
#signdict_player .video_player {width: 320px;}
#signdict_player .player_conts {background: #fff9ef;padding: 19px;line-height: 22px;height: 170px;overflow: auto;font-size: 1.1em;}
#signdict_player .conts_word{margin-bottom: 5px;color: #316acb;}
#signdict_player .image_list {list-style: none;padding: 5px;display: flex;flex-wrap: nowrap;overflow-x: auto;margin: 10px 0 20px 0;background: #fff;justify-content: center;align-items: center;white-space: nowrap;}
#signdict_player .image_list li {margin-right: 15px;}
#signdict_player .image_list img {max-width: 100%;height: auto;}
#signdict_player .player_table_wrap {width: 100%;letter-spacing: 0;}
#signdict_player .player_table {width: 100%;border-collapse: collapse;border-spacing: 0;}
#signdict_player .player_table th,
#signdict_player .player_table td {padding: 10px;text-align: left;border-bottom: 1px solid #ddd;background: #fff;font-size: 16px;}
#signdict_player .player_table th {background-color: #f2f2f2;font-weight: bold;text-align: center;}
#signdict_player .player_table_list {list-style: none;padding: 0;}
#signdict_player .player_table_list li {margin-bottom: 5px;}
#signdict_player .ccl_link {color: #ffa500;}
#signdict_player .ccl_logo {max-width: 88px;height: auto;}

.ccl_container{display: flex; align-items: center;}
.ccl_content{display: inline; margin-left: 7px;}

.hand_img img {cursor: pointer;}
.inner_conts_wrap {display: flex;flex-direction: column;}
.conts_meta_upper {margin : 0 0 10px 0;color: #808080;}
.conts_meta_lower {margin : 15px 0 10px 0;color: #808080;}
.mgnfr_container {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;height: auto;box-sizing: border-box;max-height: 90vh;max-width: 900px;overflow-y: auto;border-radius: 20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);z-index: 9999;}
.mgnfr_content {position: relative;background: #fff;padding: 20px;text-align: center;}
.mgnfr_image {max-width: 100%;max-height: 100%;}
.ccl_content_text {max-width: 90px;}

@media (max-width: 520px) {
	#signdict_player .video_conts_wrap {
		flex-direction: column;
	}

	#signdict_player .video_player,
	#signdict_player .player_conts {
		width: 88%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

/*원어 툴팁*/
.srclangDown {width: 15px; padding-left: 4px;}
.srclangInfo { position:relative !important;color:#000 !important;font-size:18px !important;font-weight:normal !important;margin:0 !important;padding:0 !important; }
.srclangTooltip {position: absolute !important;display: none;font-size: 18px !important;background: #fff;color: #000 !important;font-weight: normal !important;white-space: nowrap;z-index: 9999;}
.srclangTooltip table th {clear:both; text-indent:0 !important;padding:10px;border:1px solid #d3d3d3;text-align:center; background:#f5f5f5;}
.srclangTooltip table td {clear:both; text-indent:0 !important;padding:10px;border:1px solid #d3d3d3;text-align:center; background:#ffffff;}
.srclangInfo:hover + .srclangTooltip {display: block;left: 0;top: 100%; margin-top: 5px;}

.relateSrclangDown {width: 15px; padding-left: 4px;}
.relateSrclangInfo { position:relative !important;color:#000 !important;font-size:18px !important;font-weight:normal !important;margin:0 !important;padding:0 !important; }
.relateSrclangTooltip {position: absolute !important;display: none;font-size: 18px !important;background: #fff;color: #000 !important;font-weight: normal !important;white-space: nowrap;z-index: 9999;}
.relateSrclangTooltip table th {clear:both; text-indent:0 !important;padding:10px;border:1px solid #d3d3d3;text-align:center; background:#f5f5f5;}
.relateSrclangTooltip table td {clear:both; text-indent:0 !important;padding:10px;border:1px solid #d3d3d3;text-align:center; background:#ffffff;}
.relateSrclangInfo:hover + .relateSrclangTooltip {display: block;left: 0;top: 100%; margin-top: 5px;}

/* 오픈 api */
.openApi_content {padding:30px;border:1px solid #ccc; border-top:none; background:#fff;line-height:1.9;}

/* 사용자 의견 레이어 팝업*/
#opinionSearchTable {width: 540px; height: 300px;}
#opinionSearchTable a{border: none;}

/* 용어집 레이어 팝업 */
.wordbookSelectLabel{width: 96%;}

@media screen and (max-width: 500px){
	.tab li a{font-size: 11px; line-height: 1.4em; padding-top: 9px;}
	.tab_sm li a{font-size: 13px;}
	.tbl02 thead th{font-size: 11px;}
	.tbl02 td{font-size: 11px;}

	/* 사용자 의견 레이어 팝업*/
	#opinionSearchTable {width: 250px; height: 300px;}
	#trgtWordSearch {left: 30px;}
	.tbl02#tblOpinionSearch {min-width: 250px;}
	.tbl02#tblOpinionSearch th {text-align: center;}

	/* 사용자 의견 테이블 */
	.tbl #odrAddFileList{flex-wrap: wrap;}
	.tbl #btnOdrRegistAddFile{margin: 0px 0px 10px 0px;}

	.m_tbl_box{display:flex; justify-content: space-between; align-items: center;}
	.m_tbl_box input {flex:1;}

	/* 용어집 레이어 팝업 */
	.wordbookSelectLabel{width: 265px;}
}
/*용어 상세보기 대상용어 색상*/
.trgtWord{color:#316ACB;margin-right: 10px;}

.btn_flex{display: flex;}
.flex_set{flex: 1;line-height: 36px;}

/*실행 및 취소 버튼 색상*/
.bnt_act{color:#003863;}

/* global class */
.pad_none{padding:0!important;}
.mar_none{margin:0!important;}
.bor_none{border:0 none!important;}
.let_none {letter-spacing:0 !important;}
.bold {font-weight:bold !important;}
.normal {font-weight:normal !important;}

.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}

.mlm9 {margin-left:-9px !important;}
.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml27 {margin-left:27px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr0{margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr0{padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w170 {width:170px !important;}
.w200 {width:200px !important;}
.w220 {width:220px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w700 {width:700px !important;}
.w750 {width:750px !important;}
.w800 {width:800px !important;}

.wf5 {width:5% !important;}
.wf6 {width:6% !important;}
.wf7 {width:7% !important;}
.wf8 {width:8% !important;}
.wf9 {width:9% !important;}
.wf10 {width:10% !important;}
.wf11 {width:11% !important;}
.wf12 {width:12% !important;}
.wf13 {width:13% !important;}
.wf14 {width:14% !important;}
.wf15 {width:15% !important;}
.wf16 {width:16% !important;}
.wf18 {width:18% !important;}
.wf20 {width:20% !important;}
.wf21 {width:21% !important;}
.wf22 {width:22% !important;}
.wf23 {width:23% !important;}
.wf24 {width:24% !important;}
.wf25 {width:25% !important;}
.wf28 {width:28% !important;}
.wf29 {width:29% !important;}
.wf30 {width:30% !important;}
.wf33 {width:33% !important;}
.wf35 {width:35% !important;}
.wf38 {width:38% !important;}
.wf40 {width:40% !important;}
.wf50 {width:50% !important;}
.wf60 {width:60% !important;}
.wf70 {width:70% !important;}
.wf80 {width:80% !important;}
.wf90 {width:90% !important;}
.wf100 {width:100% !important;}

.lineH40 {line-height:40px;}

/* align */
.positionR {position:relative !important;}
.alL {text-align:left!important;}
.alC {text-align:center!important;}
.alR {text-align:right!important;}
.alT {vertical-align:top !important;}
.alM {vertical-align:middle !important;}
.alB {vertical-align:bottom !important;}
.inlineB {display:inline-block !important;}

/*국립중앙도서관 api label 텍스트 줄임표처리*/
.label-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 95px;}

/* 옛한글 입력기 */
.pop_header{background-color: #003863;font-size: 17px;color: #FFFFFF;padding: 12px 20px 13px 20px;}
.pop_contents{padding: 30px 20px;}
.pop_contents h2 {font-size:15px;color:#666;font-weight:normal;}
.pop_footer {text-align: center;margin-top: 20px;}
.oldTextList {width:95%;background:#fff; border:solid 1px #cccccc;margin-top:10px;padding:14px;}
.oldTextList span {display:inline-block;font-size:20px;text-align:center;line-height:170%;cursor: pointer;}
.oldTextList span.selected {color:#003863;}
.oldTextList a {display:inline-block;font-size:20px;text-align:center;line-height:170%;cursor: pointer;}
.oldTextList a.selected {color:#FF785B;}
.oldListView {width:95%;background:#f0f0f0;padding:15px;margin-top:10px;border: 1px solid #dcdcdc;}
.oldListView .zoom {background:#fff;border:solid 1px #ddd;color:#FF785B;font-weight:bold;font-size:38px;height:52px;line-height:100%;padding-left: 13px;}
#bigchar {float:left; width:46px; border:solid 1px #c5c5c5; font-weight:bold; text-align:center; font-size:180%; padding-top:8px;  padding-bottom:8px}
#area1 {float:left}
#area2 {clear:both; overflow-y:scroll; height:200px}
table.oldFont {font-family:'NanumBarunGothic', 새굴림, 굴림, gulim, sans-serif;}
table.oldFont td {padding-top:4px; padding-bottom:4px;width:24px; font-size:115%; border:0px; text-align:center; }
table.oldFont a:hover {color:#000;}
#oldsearchBox {position:relative;}
#oldsearchBox .oldTextBox {width:100%;height:46px;border:3px solid #003863;border-radius:40px;box-sizing:border-box;font-weight:bold;color:#111;font-size:16px;padding-left:20px;padding-right:52px;font-family: 'NanumBarunGothic';}
#oldsearchBox .search_btn {position:absolute;right:22px;top:8px;color:#fff; font-size:16px;background: #003863;border-radius: 3px;padding: 5px 8px;}
.boardOld {border:0;border-spacing:0;border-collapse:collapse;text-align:center;width: 473px;}
.boardOld td {line-height:170%;}
.boardTit {font-size:14px;line-height:2.4;}
a.btn_oldHangeul{display: none;}
.inp_tsrch .btn_oldHangeul:hover{background-color: #003863;}
#sub_tsrch .inp_tsrch .btn_oldHangeul:hover{background-color: #003863;}

@media screen and (min-width: 600px){
	.inp_tsrch .btn_oldHangeul{position:absolute;right:117px;top:9px;background:#aaa;color:#fff;padding:5px 8px;border-radius:3px;}
	a.btn_oldHangeul{display: block;}
}
@media screen and (min-width: 1200px){
	.inp_tsrch .btn_oldHangeul{position:absolute;right:117px;top:14px;background:#aaa;color:#fff;padding:5px 8px;border-radius:3px;}
	#sub_tsrch .inp_tsrch .btn_oldHangeul{position:absolute;right:117px;top:9px;background:#aaa;color:#fff;padding:5px 8px;border-radius:3px;}
	a.btn_oldHangeul{display: block;}
}
@media screen and (min-width: 1353px){
	#sub_tsrch .inp_tsrch .btn_oldHangeul{position:absolute;right:117px;top:14px;background:#aaa;color:#fff;padding:5px 8px;border-radius:3px;}
	a.btn_oldHangeul{display: block;}

	.inp_tsrch .btn_knowledgeGraph{left: 10px; top: 11px; padding: 8px 8px;}
}
@media screen and (max-width: 435px) {
	.inp_tsrch .btn_knowledgeGraph{display: none;}
	#sub_tsrch .inp_tsrch_knowledgeGraph{padding-left: 10px;}
}

/*관련 용어 a 태그 사이 공백 제거*/
.relate_word_font{font-size: 15px;vertical-align:baseline;}

/* 회원 가입 및 인증*/
.icon_box{display: flex;justify-content: space-evenly;margin: 0 auto;padding-top: 15px;padding-bottom: 80px;}
@media screen and (max-width: 440px){
	.icon_box{display: block;}
}
.member_box{display: block;height: 200px;text-align: center;padding-top: 15px;margin-top: 30px; background: #f4f4f4;border-radius:10px;}
.txt_box_bg {background: #f5f5f5;padding: 25px;line-height: 1.8;border: none;text-align: center;}
.auth_button_area{margin-top: 25px;margin-bottom: 80px;text-align: center;}
.act_auth {background: #003863;color: #fff;display: inline-block;margin: 0 2px;padding: 10px;font-size: 16px !important;border-radius: 5px;width: 185px;}
.p_bold{font-weight: bold;font-size: 16px;color: #003863;}

/* 용어 상세 페이지 출처*/
.cont_src_dl{padding:0;}
.cont_src_dl dl{line-height: 30px;margin-top:10px;font-size: 1.2em;}
.cont_src_dl dl:first-child{margin-top:0;}
.cont_src_dl dl::after{clear:both;display:block;content: '';}
.cont_src_dl dl dt{float:left;position:relative;font-size:1.1em;width:90px;padding-right:10px;box-sizing: border-box;font-weight:bold;text-align: center;}
.cont_src_dl dl dt::after{content:'';display:block;width:1px;height: 12px;background: #b1b1b1;position:absolute;right:10px;top:50%;margin-top:-6px;}
.cont_src_dl dl dd{float:left;color:#444;width:calc( 100% - 90px );box-sizing: border-box;}
.cont_src_dl .eg{margin-right:5px;border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;font-size: 15px;}
.cont_src_dl .eg.box01{background: #003965}
.cont_src_dl .eg.box02{background: #990032}
.cont_src_dl .eg.box01.gov{background: #01bee2}

.cont_src_dl{display:flex;flex-wrap: wrap;align-items: flex-start;flex-direction: row;align-items: center;flex-basis: 100%;}
.cont_src_dl dl{flex: 1 1 40%;margin:10px 0 !important;}
.cont_src_dl dl.row{flex:1 1 100%}
.cont_src_dl dl::after{display:none;}

/* 누리집 지도 */
#container #sitemap_contents{position:relative;padding: 10px;}

/*가상 키보드 이미지*/
.btn_keyboard{width: 53px;}
.btn_keyboard:hover{width: 53px;content: url(../img/btn_keyboard_hover.png);}
.btn.btn_keyboard_dtl{padding: 0;}
.btn_keyboard.btn_keyboard_img:hover{width: 100%; content:"";}
.btn_keyboard_img{width: 100%; height: 100%; object-fit: contain;}

/* 검색창 태그(용어, 지식그래프) */
.inp_tsrch .btn_knowledgeGraph{position: absolute; background: #0170BF; color:white; border-radius: 3px; font-size: 1em; cursor: default;}

@media screen and (max-width: 1365px) {
	.inp_tsrch .btn_knowledgeGraph{left: 9px; top: 8px; padding: 6px 8px;}
}

/*용어 상세 정보 창 - 더 많은 자료 보기*/
@media screen and (max-width: 628px) {
	#layer_relateword .layer_inner .cont_related .exp{padding-bottom: 15px;}
	#layer_relateword .layer_inner .cont_related .lst_db{margin-top: 25px;}
}
@media screen and (max-width: 512px) {
	.cont_related .exp{padding-bottom: 15px;}
	.cont_related .lst_db{margin-top: 25px;}
}

/*모바일 웹 반응형 폰트 사이즈*/
@media screen and (max-width: 740px){
	.cont_header h2{font-size: 1.8em;}
	.lst_type01 .item a .tit{font-size:1.3em;}
	.lst_type01 .match_word_kor{font-size: 1.4em;}
	.lst_type02 .item a .tit{font-size:1.2em;}
	.cont_dl dl{font-size:1.1em;}
	.cont_dic .mean{font-size:1.0em;}
	.cont_diagram .tit{font-size:1.2em;}
	.cont_related .lst_db li a{font-size: 1.0em;}
	.reference li{font-size: 0.9em;}
	.reference_tit{font-size: 1.2em;}
	.keyword_box h2{font-size:1em;}
	.hand_conts span {font-size: 0.9em;}
	.cont_src_dl dl{font-size: 1.1em;}
}

/* 지식 그래프 상세화면 */
.cont_knowledgegraph{margin:30px 0;padding:0 15px;border:1px solid #dfe0e2;background:#fff;letter-spacing: 0;border-radius:20px;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
.cont_knowledgegraph_area{height:600px; margin:10px 0 30px 0;padding:15px;border:1px solid #dfe0e2;background:#fff;letter-spacing: 0;border-radius:20px;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);}
.cont_knowledgegraph_area .knowledgegraph_area{height: 94%; margin-top: 10px;}
.cont_knowledgegraph_area .controls{align-items: stretch;}
.cont_knowledgegraph_area .knowledgegraph_inner_btn{text-align: center; height: 100%; box-sizing: border-box; display: flex; align-items: center;}
.knowledgegraph_area_header .controls .knowledgegraph_inner_btn{float: right; border-radius: 5px; padding: 5px 15px; cursor: pointer; font-size: 13px; color: #747474; border: 1px solid #676767; background: #fff; letter-spacing: 0;}

@media screen and (max-width: 500px){
	.knowledgegraph_area_header .controls .knowledgegraph_inner_btn{font-size: 13px; height: auto; text-align: center; white-space: normal; display: flex; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; min-height: 60px; }
	.cont_knowledgegraph_area .controls .knowledgegraph_inner_btn{word-break: break-all; padding: 5px 8px;}
	.cont_knowledgegraph_area .knowledgegraph_area {height: 88%;}
}

.cont_knowledgegraph_help{text-align: center;font-size: 14px;color: #747474}
.knowledgegraph_area_header .controls .knowledgegraph_inner_btn:hover{background-color: #1b3044; color: #fff; border: none;}
.knowledgegraph_area_header .exp{font-size: 0.9em; margin-top: -2px; color: #747474;}
.cont_knowledgegraph .knowledgegraph_info {margin: 15px 0;}
.cont_knowledgegraph .knowledgegraph_info .title{border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;background:#616161;margin-right:5px;font-weight: bold; text-align: center;}

#layer_knowledge_graph_overlay {margin: 0;padding: 0;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 1111;}
#layer_knowledge_graph_overlay.show {display: flex;}
#full_knowledgegraph {width: 85%;height: 100%;max-height: 90%;background-color: #fff;padding: 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#full_knowledgegraph_area {width: 100%; height: 94%; margin-top: 10px;}

.knowledgegraph_ctrl_tooltip {position: relative;display: inline-block;}
.knowledgegraph_ctrl_tooltip_text {visibility: hidden;opacity: 0;background-color: #333;color: #fff;font-size: 12px;padding: 6px 10px;border-radius: 4px;white-space: nowrap;position: absolute;top: 100%;left: 5px;margin-top: 6px;z-index: 100;transition: opacity 0.3s ease;max-width: calc(100vw - 20px); overflow-wrap: break-word;}
.knowledgegraph_ctrl_tooltip:hover .knowledgegraph_ctrl_tooltip_text {visibility: visible;opacity: 1;}

@media screen and (max-width: 500px){
	.knowledgegraph_ctrl_tooltip_text {
		white-space: normal;
		word-break: break-word;
		width: 220%;

	}
}

/* api 인증키 발급 */
.au_key_issue{white-space: nowrap;height: 40px;line-height: 40px;font-size: 15px;padding: 0 20px;}

/*용어 상세 정보 관련 용어 더 보기 버튼*/
.btn_more_span i{white-space: nowrap;}
.btn_more_span_popup i{white-space: nowrap;}