@charset "utf-8";

body{background:url(../img/bg_index.png) no-repeat 50% 0;}

#visual{position:relative;padding:130px 20px 25px 20px}
#visual .slogan{width: 430px; margin: auto; padding-bottom: 20px;}
#visual .slogan span{display:block;}

#visual .slogan_eng{width: 590px; margin: auto; padding-bottom: 20px;}
#visual .slogan_eng span{display:block;}

@media screen and (max-width: 740px) {
	#visual .slogan,
	#visual .slogan_eng {
		display: none;
	}
}

.tsrch_form{}
.tsrch_form form{}
.tsrch_form form::after{clear:both;display:block;content:''}
.tsrch_form .s_inner{position:relative;width:100%;height:50px;margin:0 auto;}

.tsrch_form .inp_tsrch{position:absolute;float:left;width:calc( 100% - 105px);height:100%;box-sizing:border-box;padding:0 50px 0 20px;border:3px solid #1b3044;border-radius:10px;background:#fff;}
.tsrch_form .inp_tsrch input[type="search"]{width:100%;height:100%;border:0;outline: none;background:transparent;font-family: 'NanumBarunGothic';}
input#searchWord {font-size: 1em;}
.tsrch_form .inp_tsrch .btn_tsrch{position:absolute;right:0px;top:0;width:50px;height:100%;background:transparent;overflow: hidden;background-color: #1b3044;}
.tsrch_form .inp_tsrch .btn_tsrch img {width: 26px;padding-left: 3px;padding-top: 2px;}

.tsrch_form .btn_dsrch{float:right;display:inline-block;height:100%;line-height:50px;width:100px;background:#ffffff;color:#1b3044;text-align: center;border-radius: 10px;font-weight: bold;border:3px solid #1b3044;}
.tsrch_form .btn_dsrch_en{line-height: 16px; padding-top: 7px;}

.tsrch_form .word_layer{display:none;position:absolute;left:0;top:52px;width:100%;border:1px solid #e6e6e6;background:#fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.tsrch_form .word_layer.active{display:block;}

.tsrch_form .word_layer .late_word{padding:20px 25px;}
.tsrch_form .word_layer .late_word ul{}
.tsrch_form .word_layer .late_word ul li{padding:5px 0}
.tsrch_form .word_layer .late_word ul li a{position:relative;display:inline-block;line-height:24px;padding-left:28px;color:#006fe0;text-decoration: underline;}
.tsrch_form .word_layer .late_word ul li a::after{content:'';display:block;width:24px;height:24px;position:absolute;left:0;top:0;background:url(../img/ico_cir_srch.svg) no-repeat 50%;}

.tsrch_form .word_layer .read_word{padding:20px 25px 0 25px;background:#f8f8f8;border-top:1px solid #ececec;border-radius: 0 0 10px 10px}
.tsrch_form .word_layer .read_word h2{position:relative;margin-bottom:10px;padding-left:30px;letter-spacing: -1px;}
.tsrch_form .word_layer .read_word h2::after{content:'';display:block;width:25px;height:100%;background: url(../img/img_srch.svg) no-repeat 50%;position:absolute;left:0;top:0;}

.tsrch_form .word_layer .read_word ul{background:#fff;border:1px solid #ececec;padding:15px;height:48px;overflow-y: auto;}
.tsrch_form .word_layer .read_word ul::after{clear:both;display:block;content: '';}
.tsrch_form .word_layer .read_word ul li{float:left;height: 24px;margin-right:10px;}

.tsrch_form .word_layer .read_word ul li a{display:inline-block;line-height:24px;}
.tsrch_form .word_layer .read_word ul li button{display:inline-block;width:13px;height: 100%;margin-left:3px;background:transparent url(../img/btn_del.svg) no-repeat 50%;text-indent: -9999em;overflow: hidden;}


.read_word .read_word_del {height: 22px; margin-top: 6px;}
.read_word .read_word_del a{background: #aaaaaa; padding: 3px 15px; font-size: 13px; border-radius: 5px; color:#fff; cursor: pointer;}
.read_word .read_word_del a:hover {background-color: #005b94;}

/*자세히 찾기*/
.basic_select.select_ui {width: 15%;}
.detail_layers {display: none;background-color: #fff;width: 515px;height: 785px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 7000;overflow: hidden; padding:15px;}
.detail_layers h2 {padding: 10px;margin: 0;font-size: 22px;border-bottom: 1px solid #000;}
.detail_layers .btn_inner_layer_close{background:#f0f0f0;border-radius:50%;width:40px;height:40px;position:absolute;right:18px;top:13px;}
.detail_layers .btn_inner_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;}
.category_system {padding: 10px 15px;background: #fafafa;box-sizing: border-box;border: 1px solid #e8ebed;border-radius: 15px;margin-top: 10px; font-size: 18px;}
.category_system_content {height:616px;padding: 5px;box-sizing: border-box;border: 1px solid #e8ebed;border-radius: 15px;margin-top: 10px;}
.source_system_content {height:597px;width:100%;padding: 7px 15px;box-sizing: border-box;border: 1px solid #e8ebed;border-radius: 15px;margin-top: 10px;}
.btn_popup_set button {display: inline-block;padding: 5px 15px;margin: 15px 5px;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;}
.btn_popup_set button.submit {background-color: #003863;color: #fff;font-size: 16px; padding: 7px 18px;}
.btn_close {background: none;border: none;color: #333;font-size: 20px;font-weight: bold;cursor: pointer;position: absolute;top: 10px;right: 10px;}
.btn_close:focus {outline: none;}
.eg_detail{margin-right:5px;border-radius:3px;padding:0 10px;display:inline-block;color:#fff;line-height: 24px;}
.eg_detail.box01{background: #01bee2; font-size: 16px;}
.eg_detail.box02{background: #003965; font-size: 16px;}
.eg_detail.box03{background: #238712; font-size: 16px;}
.eg_detail.box04{background: #FF630E; font-size: 16px;}
.detail_str_wrap_top {width: 70%;display: inline-block;vertical-align: top;box-sizing: border-box;padding-left: 25px;}
.detail_str_wrap_bottom {width: 70%;display: inline-block;vertical-align: top;box-sizing: border-box;padding-left: 40px;}
.source_search_wrap {display: flex;width: 100%;margin-bottom: 4px;}
#source_search{flex: 7;padding: 8px 13px;margin-left:2px;background-color: #fff;color: #000;border: 1px solid #444;border-radius: 5px;cursor: pointer; font-size: 18px;}
.source_search_reset{flex: 3;padding: 8px 13px;margin-left:2px;background-color: #fafafa;color: #000;border: 1px solid #444;border-radius: 5px; font-size: 18px;}
.source_search_reset:hover {background-color: #444;color: #fff;border-color: #444;}
.radio_source_label{font-size: 18px;padding: 3px 0 3px 0;letter-spacing: 0;}
.pc_btn {display: none;}

@media (min-width: 1024px) {
	.pc_btn.show {
		display: inline-block;
	}
}

@media screen and (max-width: 740px) {
	.detail_str_top,
	.detail_str_wrap_bottom{
		width: 100%;
		display: block;
		padding-left: 0;
		padding-top: 5px;
	}
}

.detail_str {color:#696969; font-size: 14px;}
.detail_str span {white-space: nowrap;}
.cate_row_upper {padding-bottom: 10px;}
.cate_row_lower {border-top: 1px solid #e0e0e0; padding-top: 10px;}
.quest_detail_answer_info {font-style: italic; color: #a9a9a9;}
.srch_i {color:#ffffff;}
.dtl_hidden_lb {visibility: hidden;}

#tempLayer {display: none;}

.search_result_qna_box {font-style: normal;}
.search_result_quest {display: inline-block;width: 19px;height: 22px;text-indent: -9999em;overflow: hidden;background: url(../img/ico_quest.svg) no-repeat 50%;}
.search_result_answer{display:none;position:absolute;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;}
.search_result_answer strong{display:inline-block;}
.search_result_answer::before{content:'';display:inline-block;position:absolute;left:-16px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#fff7df;z-index: 2}
.search_result_answer::after{content:'';display:inline-block;position:absolute;left:-17px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#dbd0be;z-index: 1}
.search_result_answer.active{display:inline-block;}

@media (max-width: 526px) {
	.search_result_answer{width:110px;}
}

@media (max-width: 420px) {
	.search_result_answer{position: fixed;width: 40px;padding:10px 10px;}
}

/*자세히 찾기 중 분야, 출처 찾기 레이어*/
.two-column-container {overflow: hidden;}
.detail_comp {padding-top: 10px; padding-right: 5px;}
.small-text {font-size: 15px;}
.field_list_column {float: left;width: 43%;box-sizing: border-box;padding: 10px 0 10px 0;height: 594px;overflow-y: auto; text-align: center;}
.select_list_column {float: left;width: 57%;box-sizing: border-box;padding: 10px 0 10px 5px;height: 594px;overflow-y: auto;}
.detail_field_lclas {background-color: #f0f0f0;color: #000;font-size:18px;padding: 6px 12px;margin-bottom: 2px;border: none;cursor: pointer;border-radius: 5px;width : 180px; flex-shrink: 0;}
.detail_field_lclas_en {display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; line-height: 1.31em;}
.mfcls {padding-left: 3px;}
.mfcls label {display:flex; font-size: 18px; padding: 3px 0 3px 0; letter-spacing: 0; align-items: flex-start;}
.detail_source label {display: flex;font-size: 18px;padding: 3px 0 3px 0;letter-spacing: 0;align-items: flex-start;}
.mfcls_all_check {display: none;padding: 8px 13px;font-size:18px;margin-bottom: 10px;margin-left:2px;background-color: #fff;color: #000;border: 1px solid #444;border-radius: 5px;cursor: pointer;}
.source_all_check {padding: 8px 13px;margin-left:1px;background-color: #fafafa;color: #000;border: 1px solid #444;border-radius: 5px;cursor: pointer; width: 100%; font-size: 18px;}
.mfcls_all_check:hover {background-color: #444;color: #fff;border-color: #444;}
.source_all_check:hover {background-color: #444;color: #fff;border-color: #444;}
.empty_message {position: absolute;top: 50%;left: 50%;background-color: rgba(240, 240, 240, 0.8);padding: 10px;border: 1px solid #ccc;border-radius: 5px;text-align: center;font-size: 18px;color: #999; width: 198px;}
.empty_error_message {background-color: rgba(240, 240, 240, 0.8);padding: 10px;border: 1px solid #ccc;border-radius: 5px;text-align: center;font-size: 14px;color: #999;margin: 20px;}
.mfcls_empty {position: absolute;bottom: 14px;left: 71%;display: inline-block;padding: 6px 15px;margin: 3px 5px;border-radius: 5px;cursor: pointer;font-size: 16px;background-color: rgba(240, 240, 240, 0.8);color: #747474;border: 1px solid #676767;width: 25%;}
.source_empty {position: absolute;bottom: 14px;left: 71%;display: inline-block;padding: 6px 15px;margin: 3px 5px;border-radius: 5px;cursor: pointer;font-size: 16px;background-color: rgba(240, 240, 240, 0.8);color: #747474;border: 1px solid #676767;width: 25%;}
.source_list_column {height:492px;box-sizing: border-box;margin-top:5px;padding: 10px 0 10px 0;overflow-y: auto;}
.spinner {border: 4px solid rgba(0, 0, 0, 0.1);border-top: 4px solid #696969;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;display: none;}

/*자세히 찾기 팝업 반응형*/
@media screen and (max-width: 600px) {
	.detail_layers {width: 300px;}
	.category_system {padding: 10px;background: #fafafa;box-sizing: border-box;border: 1px solid #e8ebed;border-radius: 15px;margin-top: 10px; font-size: 15px;}
	.detail_layers h2 {font-size: 20px;}
	.btn_popup_set button {margin: 15px 5px;font-size: 14px;}
	.btn_popup_set button.submit {background-color: #003863;color: #fff;font-size: 14px; padding: 6px 16px;}
	.source_search_reset{padding: 5px 10px;font-size: 14px;}
	#source_search,
	.source_all_check {padding: 5px 1px;font-size: 14px;}
	.mfcls_empty {left: 56%;bottom:24px;font-size:14px;width: 36%;}
	.source_empty {left: 56%;bottom:19px;font-size:14px;width: 36%;}
	.detail_field_lclas {padding: 4px 12px;font-size:15px;width:108px;flex-shrink:0;}
	.mfcls_all_check {padding: 6px 8px;font-size:14px;}
	.mfcls label {font-size: 15px; padding: 1px 0 1px 0;}
	.empty_message {width: 120px;top: 50%;left: 48%;font-size: 15px;}
	.radio_source_label {font-size: 16px;}
	.detail_source label {font-size: 15px;}
	.empty_message {font-size: 15px;}
}

@media screen and (max-width: 400px) {
	.detail_layers {width: 245px;}
	.empty_message {width: 94px;top: 50%;font-size: 13px;}
	.detail_field_lclas {width: 83px;flex-shrink:0;}
}

@media screen and (max-height: 840px) {
	.detail_layers {height: 640px;}
	.category_system_content {height: 483px;}
	.source_system_content {height: 452px;}
	.field_list_column {height: 470px;}
	.second_list_column {height: 470px;}
	.select_list_column {height: 470px;}
	.source_list_column {height: 350px;}
	.mfcls_all_check {font-size: 14px;}
	.mfcls label {font-size: 15px;}
	.detail_field_lclas {font-size: 15px;flex-shrink:0;}
	.detail_source label {font-size: 15px;}
	.mfcls_empty {font-size:14px; bottom:12px;}
	.btn_popup_set button.submit {font-size: 14px;}
	.empty_message {left:48%;font-size: 14px;}
}

@media screen and (max-height: 670px) {
	.detail_layers {height: 466px;}
	.category_system_content {height: 302px;}
	.source_system_content {height: 277px;}
	.field_list_column {height: 285px;}
	.second_list_column {height: 285px;}
	.select_list_column {height: 285px;}
	.source_list_column {height: 176px;}
	.mfcls_empty {bottom:18px;}
}

@media screen and (max-height: 500px) {
	.detail_layers {height: 332px;}
	.category_system_content {height: 177px;}
	.source_system_content {height: 144px;}
	.field_list_column {height: 165px;}
	.second_list_column {height: 165px;}
	.select_list_column {height: 165px;}
	.source_list_column {height: 120px;}
	.source_search_wrap {display: none;}
	.source_all_check {display: none;}
	.mfcls_empty {bottom:8px;}
}

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

.quest_qna_box{display:inline; position: relative;}
.quest_detail{width: 19px;height: 22px;background: url(../img/ico_quest_blue.svg) no-repeat 50%;}
.quest_detail_answer{display: none;position: absolute;top: -18px;left: 135%;width: 305px;border: 1px solid #dbd0be;background: #fff7df;z-index: 10;font-size: 17px;line-height:21px;font-weight: normal;padding: 10px 15px;border-radius: 10px;}
.quest_detail_answer strong{display:block;}
.quest_detail_answer::before{content:'';display:block;position:absolute;left:-16px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#fff7df;z-index: 2}
.quest_detail_answer::after{content:'';display:block;position:absolute;left:-17px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#dbd0be;z-index: 1}
.quest_detail_answer.active{display:block;}
.quest_detail_answer_kogl{width: 525px;}
.quest_detail_answer_kogl_en{width: 625px;}

@media (max-width: 1200px){
	.quest_detail_answer_kogl_en{width: 430px;}
}
@media (max-width: 700px){
	.quest_detail_answer{width: 200px;}
	.quest_detail_answer_kogl_en{width: 200px;}
}
@media (max-width: 500px){
	.quest_detail_answer{top: 25px;left: 40%;width: 135px;}
	.quest_detail_answer_kogl{width: 150px;}
	.quest_detail_answer_kogl_en{width: 150px;}
}

#popular .inner{position:relative;padding:50px 20px 30px;background: url(../img/bg_popular.jpg) no-repeat 50%}
#popular h2{position:relative;width:100%;color:#fff;font-size:2em;font-style:italic;}
#popular h2 span{color:#67b7dc}
#popular h2::before{content:'';display:block;width:90px;height:80px;background:url(../img/ico_knowledge.svg) no-repeat 50%;position:absolute;left:-20px;top:-75px;}
#popular h2::after{content:'';display:block;background:#fff;height:1px; position:absolute;right:25px;top:28px;}
.top_wrap .popular h2::after{width:calc( 100% - 255px);}
.top_wrap .popular_en h2::after{width: calc(100% - 430px);}
#popular .slider-wrap{}
#popular .slider-wrap .item{background:#fff;position:relative;padding: 20px 20px 25px 20px;height:260px;border-radius: 15px;box-sizing: border-box;}
#popular .slider-wrap .item .num{display:block;color:#0977e8;font-size:1.2em;font-weight: bold;margin-bottom:10px;}
#popular .slider-wrap .item dt{position:relative;font-size: 1.6em;font-weight: bold;padding-bottom:17px;margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;display:block;width:100%;}
#popular .slider-wrap .item dt::after{content:'';display:block;width:34px;height:2px;background:#000;position:absolute;left:0;bottom:0;}
#popular .slider-wrap .item dd .point{margin-bottom:5px;}
#popular .slider-wrap .item dd .txt{margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word; font-size:17px;line-height: 1.25em;height: 4.8em;}
#popular .slider-wrap .item dd .source{font-size:0.8em;color:#747474;letter-spacing: -1px;width: 85%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#popular .slider-wrap .item .btn_go{display:block;position:absolute;right:0;bottom:0;width:45px;height:45px;border-radius:25px 0 15px 0;text-indent: -9999em;overflow: hidden;background:rgba(0,0,0,.5) url(../img/arr_more.svg) no-repeat 50%;background-size:20px}
#popular .slider-wrap .item dd .imprmnRtTooltip{margin-bottom:5px;}
#popular .slider-wrap .item dd .ir_star{display:inline-block;width:15px;height:15px;margin-right: -2px;}

.slick-slide {margin:0 5px;}
.slider-pause {position: absolute;cursor: pointer;background-image: url('../img/ico_pause.svg');width: 28px;height: 17px;background-repeat: no-repeat;background-size: 100% 100%;}

#popular .slick-list{margin-bottom:10px;}
#popular .slick-dots{text-align: center;width:100%;}
#popular .slick-dots li{display:inline-block;margin:0 4px;}
#popular .slick-dots li button{width:12px;height:12px;text-indent: -9999em;overflow: hidden;background:rgba(255,255,255,.5);border-radius:6px;}
#popular .slick-dots li.slick-active button{width:32px;background:#67b8dd}
#popular .slick-arrow{position:absolute;top:50%;margin-top:-50px;width:34px;height:100px;text-indent: -9999em;overflow: hidden;}
#popular .slide_next{right:-40px;border-radius:15px 0 0 15px;background:#fff url(../img/arr_next.svg) no-repeat 50%;background-size:11px;}
#popular .slide_prev{left:-40px;border-radius:0 15px 15px 0;background:#fff url(../img/arr_prev.svg) no-repeat 50%;background-size:11px;}

#trends .slick-arrow{position:absolute;top:50%;margin-top:-50px;width:34px;height:100px;text-indent: -9999em;overflow: hidden;}
#trends .slide_next{right:-40px;border-radius:15px 0 0 15px;background: url(../img/arr_next.svg) no-repeat 50%;background-size:11px;}
#trends .slide_prev{left:-40px;border-radius:0 15px 15px 0;background: url(../img/arr_prev.svg) no-repeat 50%;background-size:11px;}

#stat .inner{padding:0 20px 50px;}

@media (max-width: 400px) {
	#stat .inner{padding:0 0 50px;}
}

#stat .tit_thead{text-align: center;}
#stat .tit_thead::after{content:'';display:block;width: 2px;height:70px;margin-left:-1px;position:absolute;left:50%;top:0;background:#000;}
#stat .tit_thead h2{position:relative;font-size:2.0em;letter-spacing: 0;padding-top:80px;}
#stat .tit_thead h2::after{display:none}
#stat .tit_thead p{font-size:0.935em;color:#747474;letter-spacing: -1px;}
#stat .lst_stat{display:flex;justify-content: space-around;align-items: center;flex-direction: row;text-align: center;}
#stat .lst_stat li{flex-basis: 25%;position:relative;display:inline-block;margin:0;padding:50px 5px 0;}
#stat .lst_stat li::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:39px;opacity: 0.5}
#stat .lst_stat li dt {color:#747474;font-size:1.0em;font-weight: normal; white-space: nowrap;}

#stat .lst_stat li dd{font-size:1.5em;font-weight: bold;letter-spacing: -1px;}
#stat .lst_stat .item01::after{background:url(../img/ico_stat03.svg) no-repeat 50% 0;background-size:39px;}
#stat .lst_stat .item02::after{background:url(../img/ico_stat05.svg) no-repeat 50% 0;background-size:39px;}
#stat .lst_stat .item03::after{background:url(../img/ico_stat02.svg) no-repeat 50% 0;background-size:39px;}
#sup_trgt_word_with_realm_cnt, #sup_dfntxt_sum, #sup_useEx_sum, #sup_trgt_word_with_srclang_cnt {display: none;}
.lst_stat .item04::after {content: "";display: block;width: 39px;height: 39px;background-repeat: no-repeat;background-position: 50% 0;background-size: 39px;animation: statAnimation 2s infinite;}
#stat_01_arr,
#stat_02_arr {display: inline;position: absolute; margin-left:5px; width: 15px;height: 100%;background: url(../img/arr_cir_down_btn.svg) no-repeat 50%;border: 0;text-indent: -9999em;overflow: hidden;cursor: pointer;z-index: 1;}
.item_01_name {position: relative;}
#stat_01_combo {display: none;position: absolute;left: 37%;top: 65%;padding: 10px 15px; border-radius: 10px; height: auto; box-sizing: border-box; pointer-events: auto;transform: translate(-50%, -50%);background: #696969;z-index: 100;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);transition: opacity 0.3s, transform 0.3s;}
#stat_01_combo a {display: block; color: #fff; padding: 3px 0; font-size: 0.9em;}
#stat_01_combo a:hover {color:#ffd700;}
#stat_01_combo.show {display: block;}
#stat_02_combo {display: none;position: absolute;left: 11%;top: 92%;padding: 10px 15px; border-radius: 10px; height: auto; box-sizing: border-box; pointer-events: auto;transform: translate(-50%, -50%);background: #696969;z-index: 100;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);transition: opacity 0.3s, transform 0.3s;}
#stat_02_combo a {display: block; color: #fff; padding: 3px 0; font-size: 0.9em;}
#stat_02_combo a:hover {color:#ffd700;}
#stat_02_combo.show {display: block;}
.arr_clicker {cursor: pointer;}
#stat .stat_label.stats_main {display: inline-block;max-width: 145px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media (max-width: 640px) {
	#stat .stat_label.stats_main{max-width: 102px;}
}

@media (max-width: 500px) {
	#stat .stat_label.stats_main{max-width: 70px;}
}

@media (max-width: 400px) {
	#stat .stat_label.stats_main{max-width: 50px;}
}

.tit_thead{position:relative;margin-bottom:20px;}
.tit_thead h2{position:relative;display:inline-block;letter-spacing: -1px}
.tit_thead h2 span{color:#4156d3}
.tit_thead h2::after{content:'';display:block;position:absolute;right:-130px;top:20px;width:123px;height:1px;background:rgba(0,0,0,.5)}
.stats_time {display:inline-block;}
.stats_link {display:inline-block;background-color: #808080;color: white;border: none;border-radius: 20px;padding: 3px 15px;margin-top: 3px;cursor: pointer;}
.stats_link_en {font-size: 12px;}
.stats_link:hover {background-color: #005b94;}
.stat_label_eng {display: none;}

#info{display:block;position:relative;padding: 250px 200px 50px;}
#info .tit_thead{position:relative;margin-bottom:35px;margin-top: 40px;border-bottom: 1px solid #696868;}
.tab-buttons {display: flex;gap: 1px;margin-top: 10px;}
.tab-button {padding: 10px 20px;background-color: #CFCACA;color: #F1F1F1;border: none;border-radius: 10px 10px 0 0;cursor: pointer;}
.tab-button.active {background-color: #696868;color: #FFFFFF;border-radius: 10px 10px 0 0;}

#info .graph_wrap{display:flex;flex-wrap: wrap;}
#info .tit_shead{margin-bottom:10px; margin-top: 20px;}
#info .tit_thead::after {content: "";display: inline-block;background-image: url(../img/img_stat.png);background-size: contain;background-repeat: no-repeat;width: 210px;height: 170px;position: absolute;transform: translateY(-74%);right: 0;}
#info .tit_shead .exp{font-size: 0.9em;color: #747474;margin: 7px 0;line-height: 1.4em;height: 2.8em;overflow: hidden;display: block;}
#info .tit_shead h3{font-size:2em;}
#info .tit_shead h3 span{color:#b2b2b2;
	font-family: 'NanumBarunGothic', sans-serif}

#info .graph_box.type01{flex: 1 1 40%;}
#info .graph_box.type02{flex: 1 1 40%;}
#info .graph_box.type03{flex: 1 1 40%;}
#info .graph_box.type04{flex: 1 1 40%;}
#info .graph_box.type05{flex: 1 1 80%;}

#info .graph_box.type01{margin:0 20px 40px 0;}
#info .graph_box.type02{margin:0 0 40px 0;}
#info .graph_box.type03{margin:0 20px 40px 0;}
#info .graph_box.type04{margin:0 0 40px 0;}
#info .graph_box.type05{margin:0 0 40px 0;}

#info .graph_box .graph{position:relative;box-sizing: border-box;}
#info .graph_box .graph .btn_full{position:absolute;right:20px;top:20px;border:0;background:rgba(0,0,0,0.1);width:54px;height:54px;box-sizing: border-box;border-radius: 10px;z-index: 1;font-size:0.7em;padding-top:28px;color:#747474}
#info .graph_box .graph .btn_full:hover,
#info .graph_box .graph .btn_full:focus{background:rgba(0, 0, 0, 0.2);transition: background .5s}
#info .graph_box .graph .btn_full::after{content:'';display: block;background:url(../img/ico_fullscreen.svg) no-repeat 50%;width:20px;height:20px;position:absolute;left:50%;top:10px;margin-left:-10px;}

#info .graph_box.type01 .graph,
#info .graph_box.type02 .graph{height:650px;background:#fff;border:1px solid #e5e5e5;border-radius: 25px;padding:20px;}
#info .graph_box.type03 .graph,
#info .graph_box.type04 .graph{height:130px;background:#fff;border:1px solid #e5e5e5;border-radius: 25px;padding:20px;}
#info .graph_box.type05 .graph{height:520px;background:#fff;border:1px solid #e5e5e5;border-radius: 25px;padding:20px;}

#info .lst_stat{background: #fff;border: 1px solid #e5e5e5;border-radius: 25px;padding: 20px;margin-bottom: 40px;}

#graph_layer{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:50px;background:rgba(0, 0, 0, 0.7);box-sizing:border-box;z-index:6000}
#graph_layer .graph_box{position:relative;width:100%;height:100%;background:#fff;padding:100px;border-radius: 30px;box-sizing: border-box;}
#graph_layer .graph_box .btn_full_close{position:absolute;right:20px;top:20px;border:0;background:rgba(0,0,0,0.1);width:54px;height:54px;box-sizing: border-box;border-radius: 10px;z-index: 1;font-size:0.3em;padding-top:28px;color:#747474}
#graph_layer .graph_box .btn_full_close:hover,
#graph_layer .graph_box .btn_full_close:focus{background:rgba(0, 0, 0, 0.2); transition: background .5s}
#graph_layer .graph_box .btn_full_close::after{content:'';display: block;background:url(../img/ico_fullscreen_close.svg) no-repeat 50%;width:20px;height:20px;position:absolute;left:50%;top:10px;margin-left:-10px;}

#includeFrequencyChart {display: flex;flex-flow: column nowrap;width: 100%;order: 1;height: auto;}
#includeFrequencyChart > * {flex: 1;width: 99%;height: 100%;transition: none;}

.bigkinds_link {}
.bigkinds_link:hover {color: #316ACB; cursor: pointer;}

.frequency_ctrl {display: flex;flex-direction: row;width: 100%;}
.frequency_word_list {flex: 0 0 25%;text-align: right;order: 2;}
.frequency_words {height:72%;list-style: none;padding: 0;margin: 0;overflow-x:hidden;overflow-y: scroll;}
.frequency_words li {background-color: #f0f0f0;border-radius: 20px;margin-top: 10px;margin-bottom:10px;padding: 15px;width: 88%;height: 95px;align-items: center;justify-content: center;text-align: left;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);cursor: pointer;transition: background-color 0.1s, box-shadow 0.1s;}
.frequency_words li:hover {background-color: #e0e0e0;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);}
.frequency_words li.active_box {background-color: #e0e0e0;box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);transform: translateY(2px);}
.frequency_word_box {flex-wrap: wrap;font-size: 16px;line-height: 1.5;list-style-type: none;overflow: hidden;max-width: 100%;}
.frequency_word_box_trgt {font-size: 18px;font-weight: bold;margin-bottom: 3px;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.frequency_word_trgt {color: #316ACB;}
.frequency_word_trgt:hover {color: #1b3044;}
.frequency_word_rel {font-size:15px;}
.frequency_word_box_dfn {font-size: 15px;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.2;height: 2.4em;width: 100%;}
.frequency_word_box_rel_container {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;width: 200px;}
.frequency_word_box_rel {font-size: 14px;cursor: pointer;letter-spacing: 0;text-decoration: underline;}
.frequency_word_box_rel:hover {color: #04c886;}
.frequency_relate_word_label {border-radius: 3px;padding: 0 10px;margin-right: 5px;display: inline-block;color: #fff;line-height: 24px;background: #04c886;margin-bottom: 5px;font-weight: bold;font-size: 15px;}
.frequency_word_help_text {display: none;font-size: 15px;text-align: start;width: 93%;padding: 12px;border-radius: 10px;background-color: #f5f5f5;margin-top: 3px;margin-bottom: 5px;}
.frequency_word_help_text_en {font-size: 12.8px;}

@media(max-width: 1700px){
	.frequency_words{
		height:65%;
	}
}

@media (max-width: 1200px) {
	.frequency_ctrl {
		flex-direction: column;
	}
	.frequency_word_help_text{
		width: 97%;
	}
	.frequency_words {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: max-content;
		list-style-type: none;
		width: calc(100vw - 145px);
		height: 170px;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.frequency_words li {
		width: 300px;
		margin-right: 10px;
	}
	#info .graph_box.type05 .graph {
		height: 775px;
	}
	#includeFrequencyChart {
		height: 487px;
	}
}

@media (max-width: 1082px) {
	#info .graph_box.type05 .graph {
		height: 795px;
	}
}

#completion_chart_div {width: 600px; height: 90px; margin: 0 auto;}
#wordtype_chart_div {width: 600px; height: 90px; margin: 0 auto;}
#glossary_chart_div {width: 600px; height: 600px; margin: 0 auto;}
#field_chart_div {width: 600px; height: 600px; margin: 0 auto;}

.web_res_alternate{display: none;}
.mobile_res_alternate{display: block;}
.res_info {text-align: center;font-size: 18px;background-color: #ffffff;padding: 80px;border-radius: 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);max-width: 400px;width: 80%;margin: 0 auto 100px;}

#trends{background:#fff9ef}
#trends .inner{position:relative;padding:50px 20px 30px;}
#trends .slider-wrap{margin-bottom:50px;}
#trends .slider-wrap .item{background:#fff;position:relative;padding:30px 20px;height:200px;border-radius: 15px 25px 15px 15px;box-sizing: border-box;box-shadow: 3px 3px 0 rgba(0,0,0,.1)}
#trends .slider-wrap .item a{display:block;}
#trends .slider-wrap .item dt{position:relative;font-size: 1.6em;font-weight: bold;padding-bottom:17px;margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
#trends .slider-wrap .item dt::after{content:'';display:block;width:34px;height:2px;background:#000;position:absolute;left:0;bottom:0;}
#trends .slider-wrap .item dd .point{margin-bottom:5px;}
#trends .slider-wrap .item dd .txt{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.4em;}
#trends .slider-wrap .item dd .source{font-size:0.85em;color:#747474;}

#trends .slick-list{margin-bottom:10px;padding-bottom:3px;}
#trends .slick-dots{text-align: center;width:100%;}
#trends .slick-dots li{display:inline-block;margin:0 4px;}
#trends .slick-dots li button{width:12px;height:12px;text-indent: -9999em;overflow: hidden;background:rgba(0,0,0,.2);border-radius:6px;}
#trends .slick-dots li.slick-active button{width:32px;background:#9f8e73}

#trends .lst_trends_word{}
#trends .lst_trends_word .tab_box{margin-bottom:20px;display: flex;align-items: center;}
#trends .lst_trends_word .tab_box a{position:relative;display:inline-block;padding-bottom:5px;letter-spacing: -1px;font-size:1.8em;color:#717171;margin-left:40px;}
#trends .lst_trends_word .tab_box a:first-child{margin-left:0;}
#trends .lst_trends_word .tab_box a::after{content:'';display:none;width:100%;height:2px;background:#000;position:absolute;left:0;bottom:0;}
#trends .lst_trends_word .tab_box a.active{color:#000;font-weight: bold;}
#trends .lst_trends_word .tab_box a.active::after{display:block;}
#trends .lst_trends_word .item{background:#fff;position:relative;border-radius:15px;box-shadow: 3px 3px 0 rgba(0,0,0,.1);}
#trends .lst_trends_word .item a{display:table;}
#trends .lst_trends_word .item .before{display:table-cell;/*width:175px;*/width:36%;height:250px;text-align: center;background: #f0f4f7;padding:20px 20px;vertical-align: middle;border-radius: 15px 0 0 15px;}
#trends .lst_trends_word .item .before .kor{display:block;font-size:1.3em;}
#trends .lst_trends_word .item .before .from_word{color: #989898;}
#trends .lst_trends_word .item .after{display:table-cell;vertical-align: middle;padding:30px 25px 18px 25px;height: 257px;}
#trends .lst_trends_word .item .after::after{content:'';display:none; width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 10px solid #f0f4f7;border-right: 10px solid transparent;position:absolute;top:50%;margin-top:-5px;left:213px;}
#trends .lst_trends_word .item dl{position:relative;display:block;}
#trends .lst_trends_word .item dl dt{display:block;width:100%;font-size: 1.3em;font-weight: bold;margin-bottom:10px;padding-right:90px;box-sizing: border-box;}
#trends .lst_trends_word .item dl .txt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word; font-size:17px;line-height: 1.4em; margin-bottom: 5px;height: 3.9em;}
#trends .lst_trends_word .item dl .quote{position:relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word; font-size:17px;line-height: 1.4em; margin-bottom: 5px;height: 3.9em;}
#trends .lst_trends_word .item dl .quote strong{color:#EE5E51;font-weight: bold;}
#trends .lst_trends_word .item dl .point{position:absolute;right:0;top:5px;}
#trends .lst_trends_word .item dl .txt_source,
#trends .lst_trends_word .item .source{color:#808080;font-size: 0.9em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3em;height: 1.1em;width: 95%;}
#trends .lst_trends_word .item .ref_source{height: 20px; margin-top: 8px;}
#trends .lst_trends_word .btn_go{display:block;position:absolute;right:0;bottom:0;width:45px;height:45px;border-radius:25px 0 15px 0;text-indent: -9999em;overflow: hidden;background:rgba(0,0,0,.5) url(../img/arr_more.svg) no-repeat 50%;background-size:20px}
.from_word_arr {margin: 20px;height: 25px;text-align: center;background-image: url(../img/arr_double_up.svg);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.arr_select_up {max-width: 100%;height: auto;vertical-align: middle;}
.word_card_head {margin-bottom: 5px;}
.quote_label {display: inline-block;width: 73px;height: 25px;background-color: #808080;border-radius: 50px;text-align: center;color: #fff;font-size: 15px;margin-bottom: 3px; margin-top:23px; line-height: 25px;vertical-align: middle;}
.quote_label_en {width: 130px;}
.bigkinds_main_div {padding: 3px; letter-spacing: 0;}
.bigkinds_main {color: #fff}

.lst_trends_word_list {color: #000000;padding: 10px;display: inline-block;cursor: pointer;margin-left: auto;background-image: url('../img/btn_list.svg');background-size: contain;background-repeat: no-repeat; width: 20px; height: 20px;}
.lst_trends_word_list:hover {background-image: url('../img/btn_list_hover.svg');}

#category{background:#fff}
#category .inner{position:relative;padding:50px 20px 30px;}
#category .tit_thead h2{margin-bottom:5px;}
#category .tit_thead h3{font-size:1.7em;font-weight: normal;letter-spacing: -1px;}
#category .tit_thead h3 strong{font-weight: bold}
#category .tit_thead::after{content: '';display:block;width:126px;height:123px;background: url(../img/img_category.png) no-repeat 50%;background-size:cover;position:absolute;right:0;top:-35px;z-index: 1;}
#category .category_box{position:relative;width:100%;padding:15px 10px;border-radius:15px;box-sizing:border-box;border:1px solid #e8e8e8;}
#category .category_box .rows{display:flex;background: #f5f5f5;padding: 5px 15px 5px 15px;border-radius:20px;margin: 15px;}
#category .category_box .final_row{display:flex;flex-direction:row;background: #f5f5f5;padding: 5px 15px 5px 15px;border-radius:20px;margin: 0 15px 15px 15px;}
#category .category_box .column, #category .category_box .etc_column {position: relative;flex: 8.2;padding: 0 0 0 10px;border-left: 1px solid #e8e8e8;box-sizing: border-box;}
#category .category_box .column:first-child, #category .category_box .etc_column:first-child {border-left: 0;}
#category .category_box .column .pr, #category .category_box .etc_column .pr {position: relative;height: 32px;font-size: 15px;max-width: 85%;}
#category .category_box .column .pr a, #category .category_box .etc_column .pr a {position: relative;display: block;padding: 0 10px 0 18px;letter-spacing: -1px;}
#category .category_box .column .pr a p, #category .category_box .etc_column .pr a p {display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;max-width: 65%;vertical-align: middle;}

#category .category_box .column .pr a sup, #category .category_box .etc_column .pr a sup {display: inline-block;color: #ff3000;font-weight: bold;}
#category .category_box .column .pr a::after, #category .category_box .etc_column .pr a::after {content: '';display: block;width: 15px;height: 100%;background: url(../img/ico_folder.svg) no-repeat 50%;position: absolute;left: 0;top: 0;}
#category .category_box .column .pr button, #category .category_box .etc_column .pr button {width: 20px;height: 100%;background: url(../img/arr_next02.svg) no-repeat 100% 50%;background-size: 7px;position: absolute;right: 0;top: 0;text-indent: -9999em;overflow: hidden;}
#category .category_box .lclas_list .box_name {display:flex; flex:1.8; align-items:center; height: auto; font-size: 16px; font-weight: bold; border-bottom: none;}
#category .category_box .lclas_list .nature_box_name li {list-style-type: none;background-image: url(../img/category_nature.svg);background-repeat: no-repeat;background-position: left center;padding-left: 30px; background-size: 20px 20px; letter-spacing: 1px;}
#category .category_box .lclas_list .life_box_name li {list-style-type: none;background-image: url(../img/category_life.svg);background-repeat: no-repeat;background-position: left center;padding-left: 30px; background-size: 20px 20px; letter-spacing: 1px;}
#category .category_box .lclas_list .artifact_box_name li {list-style-type: none;background-image: url(../img/category_artifact.svg);background-repeat: no-repeat;background-position: left center;padding-left: 30px; background-size: 20px 20px; letter-spacing: 1px;}
#category .category_box .lclas_list .humanity_box_name li {list-style-type: none;background-image: url(../img/category_humanity.svg);background-repeat: no-repeat;background-position: left center;padding-left: 30px; background-size: 20px 20px; letter-spacing: 1px;}
#category .category_box .lclas_list .science_box_name li {list-style-type: none;background-image: url(../img/category_science.svg);background-repeat: no-repeat;background-position: left center;padding-left: 30px; background-size: 20px 20px; letter-spacing: 1px;}
#category .category_box .lclas_list_text {display: flex;align-items: center;justify-content: center;margin:10px 10px 10px 0;width:85%;font-size: 14px;color: #555555;letter-spacing: 0;line-break: anywhere;}
#category .category_box .lclas_list_etc_area {display: flex;}
#category .category_box .etc_area_left_wrap {flex: 1.8;}
#category .category_box .etc_area_right_wrap {flex: 8.2;}

@media screen and (max-width: 750px)  {
	#category .category_box .lclas_list_text {width:75%;}
}

@media screen and (max-width: 505px)  {
	#category .category_box .lclas_list_text {width:60%;}
}

.nsts_sub_title {font-size: 17px;}

[id^="bubble_"] {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #453830;z-index: 1003;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);pointer-events: none;transition: opacity 0.3s, transform 0.3s;}
[id^="bubble_"]::after {content: ''; width: 0; top: -10px;}
[id^="bubble_lst_"] {display: block; padding: 10px 15px; border-radius: 10px; width: 220px; height: auto; box-sizing: border-box; pointer-events: auto;}
[id^="bubble_lst_"] a {display: block; color: #fff; padding: 3px 0; font-size: 0.9em; cursor: pointer;}
[id^="bubble_"] a:hover {color: #1e90ff;}

#layer_chart_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: 9999;}
#layer_chart_overlay.show {display: flex;}
#full_field_chart {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);overflow-y: auto;}

.qna_tit{position:relative;display:inline-block;padding-right:5px;}
.qna_box{display:block;position:absolute;right:15px;top:-10px;font-style: normal}
.quest{position:absolute;left:20px;top:0;display:inline-block;width:19px;height:22px;text-indent: -9999em;overflow: hidden;background:url(../img/ico_quest.svg) no-repeat 50%;}

@media screen and (max-width: 380px) {
	.quest {left: 0;}
}

.quest_knowledge{display: inline-block;width: 19px;height: 22px;text-indent: -9999em;overflow: hidden;background: url(../img/ico_quest.svg) no-repeat 50%;position: relative;margin-left: 5px;top:-15px;}
.answer{display:none;position:absolute;left:45px;top:-5px;width:200px;border:1px solid #dbd0be;background:#fff7df;z-index: 10;font-size:16px;font-weight: normal;letter-spacing:0;line-height:20px;padding:10px 15px;border-radius: 10px;pointer-events: none;}
.answer strong{display:block;}
.answer::before{content:'';display:block;position:absolute;left:-16px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#fff7df;z-index: 2}
.answer::after{content:'';display:block;position:absolute;left:-17px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#dbd0be;z-index: 1}
.answer.active{display:block;}

.qna_box_knowledge{display: inline-block;position: relative;font-style: normal;}
.qna_box_knowledge .answer{color:#222222}

.nsts_qna_box {display:inline;right:15px;top:-10px;font-style: normal}
.nsts_quest {position: absolute;width: 19px;height: 22px;margin-left: 4px;text-indent: -9999em;overflow: hidden;background: url(../img/ico_quest.svg) no-repeat 50%;}
.nsts_answer{display:none;position:absolute;left:12px;top:73px;width:200px;border:1px solid #dbd0be;background:#fff7df;z-index: 10;font-size:16px;letter-spacing:0;line-height:20px;font-weight: normal;padding:10px 15px;border-radius: 10px;pointer-events: none;}
.nsts_answer strong{display:block;}
.nsts_answer::before{content:'';display:block;position:absolute;left:-16px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#fff7df;z-index: 2}
.nsts_answer::after{content:'';display:block;position:absolute;left:-17px;top:10px;width:0;height:0;border:8px solid transparent;border-right-color:#dbd0be;z-index: 1}
.nsts_answer.active{display:block;}

#info_box{display:none;position:absolute;left:2px;top:99px;border:1px solid #dbd0be;background:#fff7df;z-index: 10;font-size:13px;font-weight: normal;padding:7px 10px;border-radius: 10px;word-wrap: break-word;white-space: normal;}
#info_box strong{display:block;}
#info_box.active{display:block;}

@media screen and (min-width: 1200px){
	#info_box{left:-45px;top:58px;width:277px;font-size:16px;padding:10px 15px;border-radius: 10px;word-wrap: normal;white-space: nowrap;}
}

@media screen and (max-width: 350px){
	#info_box{top:85px;}
}

@media screen and (max-width: 1300px){
	.answer{left: -100px;top: 50px;}
	.nsts_answer{left: 15px;top: 68px;}
}

@media screen and (max-width: 485px){
	.answer{font-size: 14px;max-width: 96px;}
	.nsts_answer{font-size: 14px;max-width: 96px;}
}

#popular_search {margin-top: 20px;}
#popular_search .title_wrap {display: flex;align-items: center; gap:3px;}
#popular_search .title_wrap .popular_icon {background: url(../img/ico_popular_search.svg) no-repeat;background-size: 40px;width: 31px;height: 40px;flex-shrink: 0;}
#popular_search .divide {width: 100%;height: 3px;background-color: #1b3044;}
#popular_search .title_wrap h2 {font-size: 1em;color: #1b3044;width: 90px;text-align: center;flex-shrink: 0;}
#popular_search .words {display: flex;flex-wrap: wrap;gap: 0px;}
#popular_search .words .word {background-color: #f5f5f5;padding: 10px;margin: 0 5px 5px 0;border-radius: 10px;font-size: 1.0em;display: flex;align-items: center;cursor: pointer;}
#popular_search .words .word span{font-weight: bold;background-color: #6195D5;color: #f5f5f5;width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;margin-right: 7px;}
#popular_search .title_wrap #popular_title .plus_btn{display: none;}

@media screen and (min-width: 900px){
	.tsrch_form .s_inner{width:700px;}
	#popular_search  {
		max-width:780px;
		margin: 15px auto 0;
	}
}

@media screen and (max-width: 350px){
	#stat .lst_stat li dd{font-size:13px; font-weight: bold;letter-spacing: -1px;}
}

@media screen and (max-width: 350px){
	#stat .lst_stat li dt{color:#747474;font-size:12px;font-weight: normal; white-space: nowrap;}
}

@media screen and (min-width: 1200px){
	#visual .slogan{width: 527px; margin: 0; padding-bottom: 20px;}
	#visual .slogan_eng{width: 687px; margin: 0; padding-bottom: 20px;}
	#visual .title_visual{position:absolute;right:32px;top:16px;width:316px;height:228px;background:url(../img/img_visual03.png) no-repeat 50%;background-size:cover;z-index: 1}

	.tsrch_form .s_inner{width:780px;height:60px;margin:0;}
	.tsrch_form .inp_tsrch{width:calc( 100% - 125px );}
	.tsrch_form .btn_dsrch{line-height:60px;width:120px;font-size:1.2em}
	.tsrch_form .btn_dsrch_en{line-height: 22px;}
  	.tsrch_form .btn_dsrch:hover,
  	.tsrch_form .btn_dsrch:focus{background:#f5f5f5;}
	.tsrch_form .word_layer{top:62px;width: calc( 100% - 125px );}

	#popular .inner{border-radius:30px;padding:50px 40px 20px;}
	#popular .tit_thead{padding:0 40px;}
	#popular .slider-wrap .item{padding:25px 30px;}
	#popular .slick-list{padding:0 20px; margin-bottom:0;}
	#popular .slick-slide{margin:0 20px;}
	#popular .slick-dots{position:absolute;left:0;bottom:-65px;}
	#popular .slick-dots li button{background:rgba(0,0,0,.2);}

	#stat .inner{display:flex;margin-top:80px;padding-bottom:40px;}
	#stat .tit_thead{flex:1}
	#stat .lst_stat{flex:3}
	#stat .tit_thead{text-align:left;margin:0;}
	#stat .tit_thead::after{width:34%;height:2px;margin:0;left:180px;top:45px;}
	#stat .tit_thead h2{padding:0 15px 0 16px;background: #fff;display:inline-block;;z-index: 1}
	#stat .tit_thead.stat_thead_eng h2{padding:0 15px 0 0;background: #fff;display:inline-block;;z-index: 1}
	#stat .lst_stat{text-align: left;}
	#stat .lst_stat li{padding:0 10px 0 50px}
	#stat .lst_stat li:after{left:0;top:50%;width:39px;margin-top:-15px;opacity: 1}
	#stat .lst_stat li dd{font-size:2em;}

	#stat{position:relative;}
  	/*#stat::before{content:'';width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.7);position:absolute;left:50%;bottom:-60px;margin:0 0 0 -60px;z-index: 1;}
 	#stat::after{content:'';width:18px;height:54px;background:url(../img/img_mouse.svg) no-repeat 50%;position:absolute;left:50%;bottom:-28px;margin:0 0 0 -9px;z-index: 2}*/

	#sup_trgt_word_with_realm_cnt, #sup_dfntxt_sum, #sup_useEx_sum, #sup_trgt_word_with_srclang_cnt {display: none;}

	#trends .slick-slide{margin:0 20px;}
	#trends .slick-dots{display:none;}
	#trends .slick-list{margin-bottom:10px;}
	#trends .inner{padding:50px 50px 30px;}

	#category .inner{position:relative; padding:50px 50px 30px;}

	#scroll_icon{position:relative;}
	#scroll_icon::before{content:'';width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.7);position:absolute;left:50%;bottom:-60px;margin:0 0 0 -60px;z-index: 1;}
	#scroll_icon::after{content:'';width:18px;height:54px;background:url(../img/img_mouse.svg) no-repeat 50%;position:absolute;left:50%;bottom:-28px;margin:0 0 0 -9px;z-index: 2}
	#popular_search  {width:780px;margin: 20px 0 0;}
}

@media screen and (max-width: 450px) {
	#popular_search .words .word:nth-child(n+3) {
		display: none;
	}

	#popular_search .words.expanded .word:nth-child(n+3) {
		display: flex;
		opacity: 1;
		max-height: 1000px;
	}

	.title_wrap #popular_title {
		display: flex;
		flex-direction: column;
	}

	#popular_search .title_wrap #popular_title .plus_btn {
		display: inline-flex;
		padding: 3px 9px 3px 9px;
		font-size: 0.9em;
		background-color: #808080;
		color: white;
		cursor: pointer;
		border: none;
		border-radius: 20px;
		margin: 3px auto auto;
	}
}

@media screen and (min-width: 1300px){
	#category .inner{display:flex;}
	#category .tit_thead{flex:300px;margin:0 50px 0 0;}
	#category .tit_thead::after{top:auto;bottom:0;width:160px;height:156px;}
	#category .tit_thead h3 .br{display:inline-block;}
	#category .category_box{padding: 5px;}
	#category .category_box .column{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));}
	#popular_search .words {
		width: 780px;
	}
	#category .category_box .lclas_list .science_box_name_en{display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; line-height: 1.35em;}
}

@media screen and (max-width: 1300px){
	#category .category_box .rows{
		display: block;
		padding: 15px;
	}
	#category .category_box .lclas_list .box_name{
		display: block;
		padding-bottom: 10px;
		border-bottom: 1px solid #e8e8e8;
	}
	#category .category_box .column{
		display: flex;
		flex-wrap: wrap;
		border-left: none;
	}
	#category .category_box .column > li {
		flex: 1 1 calc(33.33% - 10px);
		max-width: 85%;
	}
	#category .category_box .etc_area_left_wrap {
		flex: 0;
	}

}

@media screen and (min-width: 1400px){
	#visual .title_visual{right:32px;top:-26px;width:424px;height:297px;}
}
@media screen and (min-width: 1600px){
	.tsrch_form .s_inner{width:800px;}
}
@media screen and (max-width: 1550px){
	#stat_02_combo {left: 14%; top: 92%;}
}
@media screen and (max-width: 1390px){
	#stat_01_combo {left: 37%; top: 65%;}
}
@media screen and (max-width: 1200px){
	#stat_01_combo {left: 21%; top: 91%;}
	#stat_02_combo {left: 22%; top: 42.9%;}
}
@media screen and (max-width: 600px) {
	#stat_01_combo {left: 43%; white-space: nowrap;}
}
@media screen and (max-width: 1082px){
	#stat_02_combo {left: 27%; top: 43.2%;}
}
@media screen and (max-width: 768px) {
	#category .tit_thead::after {display: none;}
}
@media screen and (max-width: 630px) {
	#trends .lst_trends_word .item .after::after{display:none;}
}
@media screen and (max-width: 430px) {
	.lst_trends_word_list {color: #000000;padding: 2px;border-radius: 10px;display: block;cursor: pointer;margin-left: auto;position: absolute;top: 3%;left: 90%;text-align: center;text-decoration: underline;}
}

/*용어 통계 반응형 구성*/
@media (max-width: 1424px) {
	#info{padding: 260px 50px 0 50px;}
	#info .graph_wrap {flex-direction: column;}
	#info .graph_box {flex: 1 1 100%;margin: 0 0 20px;}
	#info .graph_box.type01{margin:0 0 40px 0;}
	#info .graph_box.type02{margin:0 0 40px 0;}
	#info .graph_box.type03{margin:0 0 40px 0;}
	#info .graph_box.type04{margin:0 0 40px 0;}
	#info .graph_box.type05{margin:0 0 40px 0;}
}
@media screen and (max-width: 800px) {
	#info .inner .graph_wrap,
	#info .lst_stat,
	#info .stats_top_title {display: none;}
	.web_res_alternate {display: block;}
	#info .tit_thead::after {background-image: none;}
	#stat_02_arr {display: none;}
	#stat_02_combo {display: none;}
}
@media (max-width: 600px) {
	#trends .lst_trends_word .tab_box a{position:relative;display:inline-block;padding-bottom:5px;letter-spacing: -1px;font-size:1.3em;color:#b3b3b3;margin-left:40px;}
	.res_info {padding: 20px;}
}

@keyframes statAnimation {
	0%, 50% {
		background-image: url(../img/ico_stat07.svg);
	}
	50%, 100% {
		background-image: url(../img/ico_stat06.svg);
	}
}

/*온용어 안내*/
:root {
	--fs-18:18px;
	--fs-20:20px;
	--fs-22:22px;
	--fs-24:24px;
	--fs-26:26px;
	--fs-30:30px;
	--fs-32:32px;
}

#info_container .inner {
	padding: 242px 20px 0 20px;
	margin: auto;
	box-sizing: border-box;
	justify-content: center;
	flex-direction: row;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
#contents {
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}
.service_info_wrap {
	background: #FFFFFF;
}
.service_info {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.service_info > img {
	width: 150px;
	padding: 80px 0 60px 0;
}

.section_intro {
	margin-bottom:60px ;
	display: flex;
	position: relative;
}
.section_intro .section_title_wrap_01 {
	position: absolute;
	top: -34px;
	left: 18px;
	font-weight: 400;
}
.section_intro .section_title_wrap_01 .title_bubble {
	width: 189px;
	margin: 20px 0 14px 0;
}
.section_intro .section_title_wrap_01 .section_title {
	position: absolute;
	width: 100%;
	z-index: 99;
	top: 59px;
	left: 7px;
	color: #FFFFFF;
	transform: translateY(-50%);
	font-size: var(--fs-20)
}
.section_intro .intro_txt {
	font-size: var(--fs-18);
	line-height: 28px;
	margin: 30px 20px 0 20px;
	border: 1px solid #EAEAEA;
	background-color: #FAFAFA;
	border-radius: 10px;
	padding: 46px 70px 25px 70px;
	max-width: 1024px;
	box-sizing: border-box;
	text-align: left;
}
.section_intro .intro_txt .intro_txt_inner{display: inline-block; margin-bottom: 12px; line-height: 24px;}

.section_character {
	width: 100%;
}
.section_character .ico {
	width: 45px;
}
.section_character .ico.ico-imprmnRt {
	width: 23px;
	display: inline-block;
}

.ico.imprmnRtEx {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}


.section_character > .group_wrap {
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.section_character > .group_wrap  > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 8px;
	padding: 20px;
	height: 400px;
	max-width: 1000px;
}
.section_character > .group_wrap > div:nth-of-type(1) {
	margin-top: 8px;
	width: 100%;
}
.section_character > .group_wrap:nth-of-type(even){
	background-color: #F7FAFF;
}
.section_character > .group_wrap:nth-of-type(even) > div {
	flex-direction: row-reverse;

}
.section_character > .group_wrap > div .group_info {
	text-align: start;
	margin-bottom: 30px;
	width: 53%;
}

.section_character > .group_wrap > div .group_info_left {
	text-align: justify;
	margin-bottom: 30px;
}

.section_character .group_01 .img {
	background: url(../images/info/img-section-14.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 313.85px;
	width: 50%;
}
.section_character .group_02 .img {
	background: url(../images/info/img-section-11.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 337.33px;
	width: 50%;
}
.section_character .group_03 .img {
	background: url(../images/info/img-section-08.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 430.34px;
	width: 50%;
}
.section_character .group_04 .img {
	background: url(../images/info/img-section-04.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 377.33px;
	width: 50%;
}
.section_character .group_05 .img {
	background: url(../images/info/img-section-13.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 391.8px;
	margin-left: 40px;
	width: 85%;
}
.section_character .group_06 .img {
	background: url(../images/info/img-section-09.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 391.8px;
	width: 85%;
}
.section_character .group_07 .img {
	background: url(../images/info/img-section-16.png) no-repeat;
	background-size: contain;
	background-position: center;
	height: 391.8px;
	width: 100%;
	margin-right: 20px;
}

.section_character > div p {
	margin: 8px 0 12px 0;
	font-weight: bold;
	color: #3A70B3;
	font-size: var(--fs-22);
}
.group_info {
	box-sizing: border-box;
	padding: 0 45px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-wrap: break-word;
}
.group_info > span {
	line-height: 24px;
}
.group_info > img {
	width: 38px;
	height: 38px;
}
.group_info .word_break_all{word-break: break-all;}

@media (min-width: 1040px){
	.info_no_wrap {
		white-space: nowrap;
	}

	.section_character > .group_wrap > div .group_info_left {
		width: 900px;
	}
}

@media (max-width: 828px){
	.section_character > .group_wrap > div .group_info_left {
		text-align: center;
		margin-bottom: 30px;
	}
}

.group_info .sub_exp {
	letter-spacing: 0; text-align:left; font-size: 14px; line-height: 18px; color: #666;
	display: flex;
}


/* 태블릿 */
@media (max-width: 1240px) {

}
.group_wrap .group_06 video{margin : 0 auto; width: 70%; height: 100%;}
/* 모바일 */
@media (max-width: 828px) {
	#info_container .inner {
		padding: 212px 0 0 0;
	}
	.service_info_wrap {
		padding: 20px 0;
	}
	.service_info > img {
		width: 124px;
		padding: 50px;
	}

	.section_intro .section_title_wrap_01 {
		position: absolute;
		top: -34px;
		left: 50%;
		transform: translateX(-50%);
	}
	.section_intro .section_title_wrap_01 .title_bubble {
		margin: 26px 0 14px 0;
	}
	.section_intro .section_title_wrap_01 .section_title {
		top: 66px;
		font-size: var(--fs-18);
	}
	.section_intro .intro_txt {
		font-size: var(--fs-18);
		padding: 40px 20px;
		/* line-height: 28px; */
	}

	.section_character  > .group_wrap  > div,
	.section_character > .group_wrap:nth-of-type(even) > div {
		flex-direction:column;
		padding: 20px;
		height: 600px;
		max-width: 100%;
		width: 100%;
	}
	.section_character > .group_wrap:last-child{
		height: 300px;
	}
	.section_character > .group_wrap > div .group_info {
		width: 100%;
		align-items: center;
	}
	.section_character > .group_wrap > div > .img {
		width: 100%;
	}
	.section_character > .group_wrap > div:nth-of-type(1) {
		margin-top: 18px;
	}
	.section_character > .group_wrap > div p {
		text-align: center;
		margin: 8px 0 12px 0;
		font-weight: bold;
		color: #3A70B3;
		font-size: var(--fs-20);
	}
	.section_character > .group_wrap > div span {
		text-align: center;
	}

	.group_info {
		padding: 12px 0;
		display: flex;
	}
	.text-bubble-wrap .wrap-box img {
		width: 100% !important;
	}
	.text-bubble-wrap {
		height: auto !important;
	}
}

.section_character > .group_wrap > .title {
	height: auto !important;
	margin-top: 20px !important;
}

.section_character > .group_wrap:nth-of-type(even) > .title {
	flex-direction: row;
}

/* 검색 결과 페이지 */
/* 검색 결과 텍스트 라벨 */
.l_box .txt .searchItem{margin:10px 10px 0 0; border-radius: 3px; padding: 0 10px; display: inline-block; color: #fff; line-height: 24px; font-size: 15px;}
.l_box .txt .searchItem.dfnResult{background: #d25ae5;}
.l_box .txt .searchItem.wordResult{background: #577590;}
.l_box .txt .searchItem.srcResult{background: #2f95da;}
.l_box .txt .searchItem.trnResult{background: #43AA8B;}
.l_box .txt .searchItem.dfsResult{background: #90BE6D;}
.l_box .txt .searchItem.exResult{background: #f49c12;}
.l_box .txt .searchItem.exsResult{background: #F9844A;}
.l_box .txt .searchItem.refResult{background: #F8961E;}
.l_box .txt .searchItem.relResult{background: #F3722C;}
.l_box .txt .searchItem.realmResult{background: #4aa600;}
.l_box .txt .searchItem.trgtWordTyResult{background: #f94144;}
.l_box .txt .searchItem.imprmnRtResult{background: #277DA1;}
.l_box .txt .searchItem.krGvrnLcnsTyResult{background: #F9C74F;}
.l_box .txt .searchItem.originResult{background: #4D908E;}
.l_box .txt .searchItem.crtDtResult{background: #1b3044;}

.l_box .txt .searchItem.realmTooltipTarget{cursor: pointer;}
.l_box .txt .searchItem.originTooltipTarget{cursor: pointer;}
.l_box .searchRealmTooltip{display:none; background-color: #EDF1F5; position : absolute; z-index: 1000; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.l_box .searchOriginTooltip{display:none; cursor: auto; font-weight: lighter; color: black; background-color: #EDF1F5; position : absolute; z-index: 1000; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}

.cont_header .txt.search_result{font-size: 1.2em;}


.text-bubble-wrap {
	display: flex;
	width: 100% !important;
	height: auto !important;
	padding: 0 36px 36px 36px !important;
	flex-direction: column !important;
	align-items: center;
	flex-shrink: 0;
	box-sizing: border-box;
}
.text-bubble-wrap .wrap-box {
	width: 100%;
	height: fit-content;
	border-radius: 24px;
	background: #D9D9D9;
	box-sizing: border-box;
	padding: 24px;
}
.text-bubble-wrap .wrap-box h6 {
	color: #505050;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 8px;
}
.text-bubble-wrap .wrap-box span {
	display: block;
	color: #505050;
	text-align: center;
	font-size: 15px;
}
.text-bubble-wrap .wrap-box img {
	margin-top: 24px;
	object-fit: contain;
	height: 308px;
}

/*모바일 웹 반응형 폰트 사이즈*/
@media (max-width: 740px){
	#popular .slider-wrap .item dt{font-size: 1.4em;}
	#popular .slider-wrap .item dd .txt{font-size: 15px;}
	#stat .tit_thead h2{font-size:1.6em;}
	#stat .lst_stat li dd{font-size:1.2em;}
	#trends .lst_trends_word .item .before .kor{font-size:1.2em;}
	#trends .lst_trends_word .item dl .txt{font-size: 15px;height: 4em;}
	#trends .lst_trends_word .item dl .quote{font-size: 15px;height: 4em;}
	#popular h2{font-size: 1.7em;}
	.top_wrap .popular h2::after{width:calc( 100% - 227px); top: 26px;}
	.top_wrap .popular_en h2::after{width: calc(100% - 365px);}
}