@charset "UTF-8";
.component_information .stroke .view::after, .component_information .stroke .view .inner::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.ly_keyboard .btn_close, .u_platform_helpdict .u_helpdic_inner .u_defined_word .u_listen_btn_wrap .u_btn_listen, .component_image .navigation .btn_area .btn_prev .ico, .section-audio .navigation .btn_area .btn_prev .ico, .section-video .navigation .btn_area .btn_prev .ico, .component_big_image .navigation .btn_area .btn_prev .ico, .component_multivideo .navigation .btn_area .btn_prev .ico, .component_image .navigation .btn_area .btn_next .ico, .section-audio .navigation .btn_area .btn_next .ico, .section-video .navigation .btn_area .btn_next .ico, .component_big_image .navigation .btn_area .btn_next .ico, .component_multivideo .navigation .btn_area .btn_next .ico, .option_area .font_scale_option input[type='radio'] + label, .option_area .btn_print, .component_filter .btn_folder .ico, .component_linkother .item .tooltip .btn_close, .component_tab .navigation .btn_prev .ico, .component_tab .navigation .btn_next .ico, .component_tab .navigation .btn_setting_cp .ico, .component_tab .tooltip .btn_close, .component_hanja_keyword .origin .unit_add_wordbook, .component_entry .tit .link .ico, .entry_title .word .ico_voiced_sound, .component_example .user_profile .vote .btn_vote span, .component_example .tooltip_usertranslation .btn_close, .setting_area .tooltip .btn_close, .component_information .navigation .btn_area .btn_prev .ico, .component_information .navigation .btn_area .btn_next .ico, .component_information .info_group .hanja_wrap .unit_add_wordbook, .component_information .stroke .num .btn_play, .component_information .stroke .view .play_area .btn_play, .component_information .link .ico, .section_keyword.important_words .pinyin_generator .checkbox_add_auto, .component_opendict .user_profile .vote a span, .section .component_keyword .play_area .listen_area.is-tooltip .tooltip .btn_close,
.section .component_example .play_area .listen_area.is-tooltip .tooltip .btn_close,
.section .component_entry .play_area .listen_area.is-tooltip .tooltip .btn_close {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: transparent;
}

/* [001] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-001.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-001.woff") format("woff");
	unicode-range: U+112B, U+113C-1140, U+114E-1151, U+1154-1155, U+1159, U+3178, U+317F, U+3181, U+3186, U+318D, U+E10E, U+E11C, U+E1A7, U+E1AB, U+E1AD, U+E1BF, U+E1CD, U+E283, U+E285, U+E288, U+E290, U+E292, U+E299, U+E31B, U+E38A, U+E38D, U+E38F, U+E39E, U+E3A8, U+E40B, U+E46C, U+E46E, U+E470, U+E477, U+E487, U+E560, U+E563-E564, U+E566, U+E570, U+E57B, U+E587-E588, U+E64A, U+E64F, U+E668-E669, U+E6AC, U+E6D7, U+E6DA, U+E73B, U+E770, U+E82B, U+E8A7, U+E8E6, U+E904, U+E97D, U+E982, U+E98B, U+E991, U+E999, U+E9A2, U+EA05, U+EA45, U+EA71, U+EAAB, U+EAB3, U+EAE7, U+EAF8, U+EAFC, U+EB27, U+EB4C, U+EB91, U+EBE1, U+ECF0, U+ED7F, U+ED8F, U+EDC5, U+EE88, U+EE8A, U+EE8C, U+EE93, U+EEA4, U+F154, U+F158, U+F16E, U+F17A, U+F1D6, U+F1FC, U+F200, U+F212, U+F258, U+F325, U+F341, U+F344-F345, U+F34B, U+F34E, U+F353, U+F43C, U+F448, U+F48E, U+F492, U+F537-F538, U+F53A, U+F53C, U+F545, U+F550, U+F55B;
}

/* [002] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-002.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-002.woff") format("woff");
	unicode-range: U+E0E6, U+E1AA, U+E284, U+E28C, U+E323, U+E335, U+E344, U+E35F, U+E374, U+E38B, U+E38E, U+E390, U+E393, U+E3B0, U+E414, U+E423, U+E47E, U+E514, U+E57E, U+E5E5, U+E5F2, U+E60B, U+E650, U+E671, U+E6D2, U+E6EF, U+E6F2, U+E725, U+E74C, U+E774, U+E786, U+E789, U+E7B4, U+E7EF, U+E857, U+E876, U+E8A1, U+E8DA, U+E94D, U+E95B, U+E97F-E980, U+E99A, U+E9A3, U+E9A9, U+E9BF, U+E9FA, U+EA0B, U+EA2E, U+EA58, U+EA61, U+EA7F, U+EA8D, U+EAED, U+EB34, U+EB66, U+EB68, U+EB78, U+EB8E, U+EBD4, U+ED0C, U+ED10, U+ED24, U+ED2D, U+ED6B, U+ED6E, U+ED93, U+ED98, U+ED9A, U+EDB7, U+EDF8, U+EE0D, U+EFF2, U+F169, U+F199, U+F1AC, U+F1FD-F1FE, U+F204, U+F207, U+F2E2, U+F2F5, U+F343, U+F354, U+F414, U+F42A, U+F43E, U+F440, U+F445, U+F449, U+F490, U+F4A0, U+F4BF, U+F4CF, U+F4EE, U+F53D, U+F544, U+F55A, U+F55C, U+F654;
}

/* [003] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-003.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-003.woff") format("woff");
	unicode-range: U+E0D9, U+E122, U+E142, U+E16A, U+E177, U+E179, U+E17E, U+E1BA, U+E1D4, U+E253, U+E26A, U+E274, U+E286, U+E42C, U+E500, U+E567, U+E580, U+E5FF, U+E640, U+E64D, U+E653, U+E66C, U+E6AA, U+E6B0, U+E6DB, U+E6E1, U+E6EA, U+E6F5, U+E704, U+E75D-E75E, U+E77C, U+E7AF, U+E7B9, U+E7DF-E7E0, U+E805, U+E807, U+E81A, U+E81F, U+E868, U+E896, U+E8A9-E8AA, U+E91C, U+E920, U+E967, U+E986, U+E99E, U+E9A5, U+E9B4, U+E9E1, U+E9E6, U+EA09, U+EA35, U+EA4B, U+EA50, U+EA5C, U+EA79-EA7A, U+EA8E, U+EAD9, U+EADD, U+EAE2, U+EB55, U+EB5E, U+EB7B, U+EB82, U+ECFB, U+ED09, U+ED41, U+ED6C, U+ED7C, U+ED81, U+EDA5, U+EDB8, U+EE07, U+EE19, U+EE32, U+EE95, U+EEA5, U+F1A4, U+F1C4, U+F1E2, U+F209, U+F21B, U+F3EA, U+F3ED, U+F3F1, U+F3F3, U+F3FD, U+F469, U+F475, U+F4A7, U+F4B6, U+F4D4, U+F4D9, U+F4DC, U+F552, U+F590;
}

/* [004] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-004.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-004.woff") format("woff");
	unicode-range: U+E0CD, U+E13C, U+E1A8, U+E1CE, U+E246, U+E264, U+E28D, U+E32A, U+E397, U+E39C, U+E3CF, U+E434, U+E44B, U+E454, U+E47A-E47B, U+E57C, U+E5DB, U+E5F4, U+E5FC, U+E633, U+E67E, U+E692, U+E6B5, U+E6BC, U+E6E4, U+E6E7, U+E6F0, U+E72D, U+E730, U+E741, U+E750, U+E763, U+E772, U+E787, U+E798, U+E79C, U+E79E, U+E7C0, U+E7F0, U+E7F3, U+E7FE, U+E81C-E81D, U+E847, U+E86E, U+E895, U+E90A, U+E911, U+E937, U+E99C, U+E9AD, U+E9CD, U+E9D5, U+EA1B, U+EA30, U+EA3B, U+EA4D, U+EAB4, U+EACD, U+EAD6, U+EAEE, U+EAF1, U+EAF3, U+EAFE, U+EB3C, U+EB97, U+EBAE, U+ECF5, U+ED1C, U+ED1E, U+ED22, U+ED39, U+ED46, U+ED54, U+ED56, U+ED83, U+ED86, U+ED8B, U+ED95, U+EE02, U+EE20, U+EE59, U+EE6B, U+EEAC, U+EFDA, U+F219, U+F2E7, U+F2FE, U+F305, U+F32E, U+F3EE, U+F402, U+F406, U+F43D, U+F51B, U+F542, U+F553-F554, U+F606;
}

/* [005] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-005.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-005.woff") format("woff");
	unicode-range: U+E0D3, U+E10F, U+E12B, U+E136, U+E17A, U+E1B2, U+E1C2, U+E1D5, U+E1F1, U+E217, U+E223, U+E22D, U+E238, U+E254, U+E267, U+E279-E27A, U+E28F, U+E324, U+E34D, U+E350, U+E354, U+E368, U+E36E, U+E396, U+E3A4-E3A5, U+E3AA, U+E3AC, U+E3C9, U+E419, U+E44F, U+E45D, U+E46F, U+E48D, U+E51E, U+E526, U+E528, U+E543, U+E584, U+E5F0, U+E600, U+E619, U+E620, U+E64E, U+E66A-E66B, U+E67C, U+E680, U+E6A3, U+E6C3, U+E6E0, U+E6E9, U+E74E, U+E760, U+E776-E778, U+E78C, U+E7D2, U+E7EB, U+E898, U+E983, U+E98E, U+E9C9, U+EA64, U+EA8F, U+EAE0, U+EAFA, U+EB5F, U+EB6A, U+EB85, U+EC43, U+ED0D, U+ED5B, U+ED73, U+ED91, U+EDA2, U+EDBC, U+EE80, U+EE90, U+EF58, U+EFE7, U+EFED, U+EFF8, U+F190, U+F1F2, U+F1FF, U+F21A, U+F323, U+F3B0, U+F443, U+F471, U+F498, U+F49A, U+F4C5, U+F4FB, U+F551, U+F5A3, U+F5B8;
}

/* [006] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-006.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-006.woff") format("woff");
	unicode-range: U+E0CE, U+E0F3, U+E0F6, U+E0FE, U+E11D, U+E12C, U+E14B, U+E17F, U+E1B1, U+E1BD, U+E1C3, U+E1D0, U+E1D6, U+E200, U+E20B, U+E237, U+E23B, U+E28B, U+E2A0, U+E30D, U+E314, U+E31C, U+E326, U+E352, U+E355, U+E371, U+E375, U+E381, U+E38C, U+E394, U+E403, U+E40A, U+E426, U+E444-E445, U+E474, U+E476, U+E479, U+E48E-E48F, U+E50B, U+E51A, U+E53E, U+E77A, U+E784, U+E7BE, U+E7D4, U+E7FA, U+E808, U+E810, U+E82C, U+E87A, U+E899, U+E8D2, U+E8E3, U+E94E, U+E98A, U+E9D9, U+EA07, U+EA3C, U+EA5A, U+EADB, U+EAEF, U+EB6C, U+EBAC, U+EBD6, U+EBD9, U+ECF8, U+ECFD, U+ED01-ED02, U+ED08, U+ED1B, U+ED57-ED58, U+ED87, U+EDA0, U+EE26, U+EE2A, U+EE79, U+EFF0, U+F107, U+F1A7, U+F250, U+F317, U+F337, U+F40C, U+F41B, U+F41E, U+F434, U+F44F, U+F45A, U+F46F, U+F4A6, U+F506, U+F520, U+F549, U+F578, U+F57A, U+F656;
}

/* [007] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-007.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-007.woff") format("woff");
	unicode-range: U+E573, U+E586, U+E5D8, U+E5E6, U+E603, U+E615, U+E628, U+E62E, U+E639, U+E63F, U+E641, U+E65C, U+E682, U+E686, U+E695, U+E699, U+E6A6, U+E6C6-E6C8, U+E6D3, U+E6DE, U+E70B, U+E728, U+E740, U+E74F, U+E757, U+E75B, U+E76B, U+E795, U+E7A6, U+E7AD, U+E7B1, U+E7BB, U+E7CE, U+E803, U+E809, U+E80D, U+E820, U+E82E, U+E83A, U+E849, U+E85B, U+E867, U+E86D, U+E86F, U+E878, U+E87B, U+E885, U+E893, U+E89A, U+E8AD, U+E8B2, U+E8B4, U+E8DB, U+E8FE, U+E905, U+E913, U+E919-E91A, U+E92C, U+E93A, U+E953, U+E96D, U+E985, U+E98D, U+E994, U+E9A4, U+E9A6, U+E9AA, U+E9B2, U+E9DD, U+E9F6, U+EA16, U+EA1C-EA1D, U+EA52-EA53, U+EA82, U+EA91, U+EA97, U+EA9E, U+EAB8, U+EAE3, U+EAEA, U+EB29, U+EB2E, U+EB3D, U+EB5A, U+EB9A, U+EBAF, U+EBF6, U+EC02, U+EC16, U+EC3C-EC3D, U+EC96, U+ECFE, U+ED16, U+ED2F, U+ED31, U+ED3A, U+ED44, U+ED5C, U+ED6D, U+ED89, U+ED99, U+EDE2-EDE3, U+EDE7, U+EE15, U+EE2F, U+EE3A, U+EE5E, U+EE76, U+EE89, U+EE8B, U+EEAA, U+EFE0, U+EFE9, U+F10A, U+F12E-F12F, U+F14C, U+F152, U+F15A, U+F1B2, U+F1E5, U+F22C, U+F2EC, U+F312, U+F31D, U+F346, U+F34C, U+F350, U+F3AB, U+F42D, U+F43F, U+F44D-F44E, U+F491, U+F496, U+F4A2, U+F4A8, U+F4BA, U+F4E5, U+F4F4, U+F516, U+F527, U+F52B, U+F539, U+F546, U+F548, U+F5A2, U+F5EA, U+F65F;
}

/* [008] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-008.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-008.woff") format("woff");
	unicode-range: U+1100-112A, U+112C-113B, U+1141-114D, U+1152-1153, U+1156-1158, U+115A-115F, U+1161-11D5;
}

/* [009] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-009.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-009.woff") format("woff");
	unicode-range: U+11D6-11FF, U+302E-302F, U+3165-3177, U+3179-317E, U+3180, U+3182-3185, U+3187-318C, U+318E, U+A960-A97C, U+D7B0-D7C6, U+D7CB-D7FB;
}

/* [010] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-010.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-010.woff") format("woff");
	unicode-range: U+E0BC-E0CC, U+E0CF-E0D2, U+E0D4-E0D8, U+E0DA-E0E5, U+E0E7-E0F2, U+E0F4-E0F5, U+E0F7-E0FD, U+E0FF-E10D, U+E110-E11B, U+E11E-E121, U+E123-E12A, U+E12D-E135, U+E137-E13B, U+E13D-E141, U+E143-E14A, U+E14C-E164;
}

/* [011] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-011.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-011.woff") format("woff");
	unicode-range: U+E165-E169, U+E16B-E176, U+E178, U+E17B-E17D, U+E180-E1A6, U+E1A9, U+E1AC, U+E1AE-E1B0, U+E1B3-E1B9, U+E1BB-E1BC, U+E1BE, U+E1C0-E1C1, U+E1C4-E1CC, U+E1CF, U+E1D1-E1D3, U+E1D7-E1F0, U+E1F2-E1FF, U+E201-E20A, U+E20C-E215;
}

/* [012] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-012.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-012.woff") format("woff");
	unicode-range: U+E216, U+E218-E222, U+E224-E22C, U+E22E-E236, U+E239-E23A, U+E23C-E245, U+E247-E252, U+E255-E263, U+E265-E266, U+E268-E269, U+E26B-E273, U+E275-E278, U+E27B-E282, U+E287, U+E289-E28A, U+E28E, U+E291, U+E293-E298, U+E29A-E29F, U+E2A1-E2C7;
}

/* [013] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-013.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-013.woff") format("woff");
	unicode-range: U+E2C8-E30C, U+E30E-E313, U+E315-E31A, U+E31D-E322, U+E325, U+E327-E329, U+E32B-E334, U+E336-E343, U+E345-E34C, U+E34E-E34F, U+E351, U+E353, U+E356-E35E, U+E360-E367, U+E369-E36D, U+E36F;
}

/* [014] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-014.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-014.woff") format("woff");
	unicode-range: U+E370, U+E372-E373, U+E376-E380, U+E382-E389, U+E391-E392, U+E395, U+E398-E39B, U+E39D, U+E39F-E3A3, U+E3A6-E3A7, U+E3A9, U+E3AB, U+E3AD-E3AF, U+E3B1-E3C8, U+E3CA-E3CE, U+E3D0-E402, U+E404-E409, U+E40C-E413, U+E415-E418, U+E41A-E422, U+E424;
}

/* [015] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-015.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-015.woff") format("woff");
	unicode-range: U+E425, U+E427-E42B, U+E42D-E433, U+E435-E443, U+E446-E44A, U+E44C-E44E, U+E450-E453, U+E455-E45C, U+E45E-E46B, U+E46D, U+E471-E473, U+E475, U+E478, U+E47C-E47D, U+E47F-E486, U+E488-E48C, U+E490-E4D2;
}

/* [016] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-016.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-016.woff") format("woff");
	unicode-range: U+E4D3-E4FF, U+E501-E50A, U+E50C-E513, U+E515-E519, U+E51B-E51D, U+E51F-E525, U+E527, U+E529-E53D, U+E53F-E542, U+E544-E55F, U+E561-E562, U+E565, U+E568-E56F, U+E571-E572, U+E574-E578;
}

/* [017] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-017.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-017.woff") format("woff");
	unicode-range: U+E579-E57A, U+E57D, U+E57F, U+E581-E583, U+E585, U+E589-E5D7, U+E5D9-E5DA, U+E5DC-E5E4, U+E5E7-E5EF, U+E5F1, U+E5F3, U+E5F5-E5FB, U+E5FD-E5FE, U+E601-E602, U+E604-E60A, U+E60C-E614, U+E616-E618, U+E61A-E61F, U+E621-E625;
}

/* [018] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-018.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-018.woff") format("woff");
	unicode-range: U+E626-E627, U+E629-E62D, U+E62F-E632, U+E634-E638, U+E63A-E63E, U+E642-E649, U+E64B-E64C, U+E651-E652, U+E654-E65B, U+E65D-E667, U+E66D-E670, U+E672-E67B, U+E67D, U+E67F, U+E681, U+E683-E685, U+E687-E691, U+E693-E694, U+E696-E698, U+E69A-E6A2, U+E6A4-E6A5, U+E6A7-E6A9, U+E6AB, U+E6AD-E6AF, U+E6B1-E6B4, U+E6B6-E6BB, U+E6BD-E6C2, U+E6C4-E6C5, U+E6C9-E6D1, U+E6D4-E6D6, U+E6D8-E6D9, U+E6DC-E6DD, U+E6DF, U+E6E2-E6E3, U+E6E5-E6E6, U+E6E8, U+E6EB-E6EE;
}

/* [019] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-019.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-019.woff") format("woff");
	unicode-range: U+E6F1, U+E6F3-E6F4, U+E6F6-E703, U+E705-E70A, U+E70C-E724, U+E726-E727, U+E729-E72C, U+E72E-E72F, U+E731-E73A, U+E73C-E73F, U+E742-E74B, U+E74D, U+E751-E756, U+E758-E75A, U+E75C, U+E75F, U+E761-E762, U+E764-E76A, U+E76C-E76F, U+E771, U+E773, U+E775, U+E779, U+E77B, U+E77D-E783, U+E785, U+E788, U+E78A-E78B, U+E78D-E794, U+E796-E797, U+E799-E79B, U+E79D, U+E79F-E7A5, U+E7A7-E7AC, U+E7AE, U+E7B0;
}

/* [020] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-020.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-020.woff") format("woff");
	unicode-range: U+E7B2-E7B3, U+E7B5-E7B8, U+E7BA, U+E7BC-E7BD, U+E7BF, U+E7C1-E7CD, U+E7CF-E7D1, U+E7D3, U+E7D5-E7DE, U+E7E1-E7EA, U+E7EC-E7EE, U+E7F1-E7F2, U+E7F4-E7F9, U+E7FB-E7FD, U+E7FF-E802, U+E804, U+E806, U+E80A-E80C, U+E80E-E80F, U+E811-E819, U+E81B, U+E81E, U+E821-E82A, U+E82D, U+E82F-E839, U+E83B-E846, U+E848, U+E84A-E856, U+E858-E85A, U+E85C-E866, U+E869-E86C, U+E870;
}

/* [021] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-021.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-021.woff") format("woff");
	unicode-range: U+E871-E875, U+E877, U+E879, U+E87C-E884, U+E886-E892, U+E894, U+E897, U+E89B-E8A0, U+E8A2-E8A6, U+E8A8, U+E8AB-E8AC, U+E8AE-E8B1, U+E8B3, U+E8B5-E8D1, U+E8D3-E8D9, U+E8DC-E8E2, U+E8E4-E8E5, U+E8E7-E8FD, U+E8FF-E903, U+E906-E909, U+E90B-E910, U+E912, U+E914-E918, U+E91B, U+E91D-E91F, U+E921-E927;
}

/* [022] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-022.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-022.woff") format("woff");
	unicode-range: U+E928-E92B, U+E92D-E936, U+E938-E939, U+E93B-E94C, U+E94F-E952, U+E954-E95A, U+E95C-E966, U+E968-E96C, U+E96E-E97C, U+E97E, U+E981, U+E984, U+E987-E989, U+E98C, U+E98F-E990, U+E992-E993, U+E995-E998, U+E99B, U+E99D, U+E99F-E9A1, U+E9A7-E9A8, U+E9AB-E9AC, U+E9AE-E9B1, U+E9B3, U+E9B5-E9BE, U+E9C0-E9C8, U+E9CA-E9CC, U+E9CE-E9D4, U+E9D6-E9D8, U+E9DA-E9DC, U+E9DE-E9E0, U+E9E2-E9E5, U+E9E7-E9E9;
}

/* [023] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-023.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-023.woff") format("woff");
	unicode-range: U+E9EA-E9F5, U+E9F7-E9F9, U+E9FB-EA04, U+EA06, U+EA08, U+EA0A, U+EA0C-EA15, U+EA17-EA1A, U+EA1E-EA2D, U+EA2F, U+EA31-EA34, U+EA36-EA3A, U+EA3D-EA44, U+EA46-EA4A, U+EA4C, U+EA4E-EA4F, U+EA51, U+EA54-EA57, U+EA59, U+EA5B, U+EA5D-EA60, U+EA62-EA63, U+EA65-EA70, U+EA72-EA78, U+EA7B-EA7E, U+EA80-EA81, U+EA83-EA8C, U+EA90, U+EA92-EA96, U+EA98-EA9D, U+EA9F-EAA4;
}

/* [024] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-024.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-024.woff") format("woff");
	unicode-range: U+EAA5-EAAA, U+EAAC-EAB2, U+EAB5-EAB7, U+EAB9-EACC, U+EACE-EAD5, U+EAD7-EAD8, U+EADA, U+EADC, U+EADE-EADF, U+EAE1, U+EAE4-EAE6, U+EAE8-EAE9, U+EAEB-EAEC, U+EAF0, U+EAF2, U+EAF4-EAF7, U+EAF9, U+EAFB, U+EAFD, U+EAFF-EB26, U+EB28, U+EB2A-EB2D, U+EB2F-EB33, U+EB35-EB3B, U+EB3E-EB4B, U+EB4D-EB54, U+EB56-EB59;
}

/* [025] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-025.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-025.woff") format("woff");
	unicode-range: U+EB5B-EB5D, U+EB60-EB65, U+EB67, U+EB69, U+EB6B, U+EB6D-EB77, U+EB79-EB7A, U+EB7C-EB81, U+EB83-EB84, U+EB86-EB8D, U+EB8F-EB90, U+EB92-EB96, U+EB98-EB99, U+EB9B-EBAB, U+EBAD, U+EBB0-EBD3, U+EBD5, U+EBD7-EBD8, U+EBDA-EBE0, U+EBE2-EBF5, U+EBF7-EC01, U+EC03-EC07;
}

/* [026] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-026.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-026.woff") format("woff");
	unicode-range: U+EC08-EC15, U+EC17-EC3B, U+EC3E-EC42, U+EC44-EC95, U+EC97-ECA2;
}

/* [027] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-027.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-027.woff") format("woff");
	unicode-range: U+ECA3-ECEF, U+ECF1-ECF4, U+ECF6-ECF7, U+ECF9-ECFA, U+ECFC, U+ECFF-ED00, U+ED03-ED07, U+ED0A-ED0B, U+ED0E-ED0F, U+ED11-ED15, U+ED17-ED1A, U+ED1D, U+ED1F-ED21, U+ED23, U+ED25-ED2C, U+ED2E, U+ED30, U+ED32-ED38, U+ED3B-ED40, U+ED42-ED43, U+ED45, U+ED47-ED53;
}

/* [028] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-028.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-028.woff") format("woff");
	unicode-range: U+ED55, U+ED59-ED5A, U+ED5D-ED6A, U+ED6F-ED72, U+ED74-ED7B, U+ED7D-ED7E, U+ED80, U+ED82, U+ED84-ED85, U+ED88, U+ED8A, U+ED8C-ED8E, U+ED90, U+ED92, U+ED94, U+ED96-ED97, U+ED9B-ED9F, U+EDA1, U+EDA3-EDA4, U+EDA6-EDB6, U+EDB9-EDBB, U+EDBD-EDC4, U+EDC6-EDE1, U+EDE4-EDE6, U+EDE8-EDF7, U+EDF9-EE01, U+EE03-EE06, U+EE08-EE0C, U+EE0E-EE11;
}

/* [029] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-029.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-029.woff") format("woff");
	unicode-range: U+EE12-EE14, U+EE16-EE18, U+EE1A-EE1F, U+EE21-EE25, U+EE27-EE29, U+EE2B-EE2E, U+EE30-EE31, U+EE33-EE39, U+EE3B-EE58, U+EE5A-EE5D, U+EE5F-EE6A, U+EE6C-EE75, U+EE77-EE78, U+EE7A-EE7F, U+EE81-EE87, U+EE8D-EE8F, U+EE91-EE92, U+EE94, U+EE96-EEA3, U+EEA6-EEA9, U+EEAB, U+EEAD-EEC1;
}

/* [030] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-030.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-030.woff") format("woff");
	unicode-range: U+EEC2-EF57;
}

/* [031] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-031.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-031.woff") format("woff");
	unicode-range: U+EF59-EFD9, U+EFDB-EFDF, U+EFE1-EFE6, U+EFE8, U+EFEA-EFEC, U+EFEE-EFEF, U+EFF1, U+EFF3-EFF5;
}

/* [032] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-032.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-032.woff") format("woff");
	unicode-range: U+EFF6-EFF7, U+EFF9-EFFF, U+F100-F106, U+F108-F109, U+F10B-F12D, U+F130-F14B, U+F14D-F151, U+F153, U+F155-F157, U+F159, U+F15B-F168, U+F16A-F16D, U+F16F-F179, U+F17B-F18F, U+F191-F198, U+F19A;
}

/* [033] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-033.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-033.woff") format("woff");
	unicode-range: U+F19B-F1A3, U+F1A5-F1A6, U+F1A8-F1AB, U+F1AD-F1B1, U+F1B3-F1C3, U+F1C5-F1D5, U+F1D7-F1E1, U+F1E3-F1E4, U+F1E6-F1F1, U+F1F3-F1FB, U+F201-F203, U+F205-F206, U+F208, U+F20A-F211, U+F213-F218, U+F21C-F22B, U+F22D-F246;
}

/* [034] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-034.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-034.woff") format("woff");
	unicode-range: U+F247-F24F, U+F251-F257, U+F259-F2DE;
}

/* [035] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-035.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-035.woff") format("woff");
	unicode-range: U+F2DF-F2E1, U+F2E3-F2E6, U+F2E8-F2EB, U+F2ED-F2F4, U+F2F6-F2FD, U+F2FF-F304, U+F306-F311, U+F313-F316, U+F318-F31C, U+F31E-F322, U+F324, U+F326-F32D, U+F32F-F336, U+F338-F340, U+F342, U+F347-F34A, U+F34D, U+F34F, U+F351-F352, U+F355-F38C;
}

/* [036] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-036.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-036.woff") format("woff");
	unicode-range: U+F38D-F3AA, U+F3AC-F3AF, U+F3B1-F3E9, U+F3EB-F3EC, U+F3EF-F3F0, U+F3F2, U+F3F4-F3FC, U+F3FE-F401, U+F403-F405, U+F407-F40B, U+F40D-F413, U+F415-F41A, U+F41C-F41D, U+F41F-F429, U+F42B-F42C, U+F42E-F432;
}

/* [037] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-037.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-037.woff") format("woff");
	unicode-range: U+F433, U+F435-F43B, U+F441-F442, U+F444, U+F446-F447, U+F44A-F44C, U+F450-F459, U+F45B-F468, U+F46A-F46E, U+F470, U+F472-F474, U+F476-F48D, U+F48F, U+F493-F495, U+F497, U+F499, U+F49B-F49F, U+F4A1, U+F4A3-F4A5, U+F4A9-F4B5, U+F4B7-F4B9, U+F4BB-F4BE, U+F4C0-F4C4, U+F4C6-F4CE, U+F4D0-F4D3, U+F4D5-F4D8, U+F4DA-F4DB, U+F4DD-F4E4, U+F4E6-F4ED, U+F4EF-F4F0;
}

/* [038] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-038.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-038.woff") format("woff");
	unicode-range: U+F4F1-F4F3, U+F4F5-F4FA, U+F4FC-F505, U+F507-F515, U+F517-F51A, U+F51C-F51F, U+F521-F526, U+F528-F52A, U+F52C-F536, U+F53B, U+F53E-F541, U+F543, U+F547, U+F54A-F54F, U+F555-F559, U+F55D-F577, U+F579, U+F57B-F58F, U+F591-F5A1, U+F5A4-F5A7;
}

/* [039] */
@font-face {
	font-family: 'NanumBarunGothic YetHangul';
	font-style: normal;
	font-weight: 400;
	src: local("NanumBarunGothicYetHangul"), url("../webfonts/NanumBarunGothic-YetHangul-039.woff2") format("woff2"), url("../webfonts/NanumBarunGothic-YetHangul-039.woff") format("woff");
	unicode-range: U+F5A8-F5B7, U+F5B9-F5E9, U+F5EB-F605, U+F607-F653, U+F655, U+F657-F65E, U+F660-F66E;
}

.is-darkmode .article.is-entry .entry_point:before, .is-darkmode .article.is-entry .entry_point:after, .is-darkmode .component_keyword .entry_point:before, .is-darkmode .component_keyword .entry_point:after, .is-darkmode .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level::before, .is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_left, .is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_left.is-disabled, .is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_right, .is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_right.is-disabled, .is-darkmode .entry_level_guide .guide_card_item.levels .img, .is-darkmode .entry_level_guide .guide_card_item.levels .card_img, .is-darkmode .entry_level_guide_collapsed .collapse_card.levels .img, .is-darkmode .entry_level_guide_collapsed .collapse_card.levels .card_img, .is-darkmode .entry_level_guide .guide_card_item.confusing_words .img, .is-darkmode .entry_level_guide .guide_card_item.confusing_words .card_img, .is-darkmode .entry_level_guide_collapsed .collapse_card.confusing_words .img, .is-darkmode .entry_level_guide_collapsed .collapse_card.confusing_words .card_img, .is-darkmode .entry_level_guide .guide_card_item.quiz .img, .is-darkmode .entry_level_guide .guide_card_item.quiz .card_img, .is-darkmode .entry_level_guide_collapsed .collapse_card.quiz .img, .is-darkmode .entry_level_guide_collapsed .collapse_card.quiz .card_img, .is-darkmode .entry_level_guide .guide_card_item.pronunciation .img, .is-darkmode .entry_level_guide .guide_card_item.pronunciation .card_img, .is-darkmode .entry_level_guide_collapsed .collapse_card.pronunciation .img, .is-darkmode .entry_level_guide_collapsed .collapse_card.pronunciation .card_img, .is-darkmode .entry_level_guide .guide_card_item.notification .img, .is-darkmode .entry_level_guide .guide_card_item.notification .card_img, .is-darkmode .entry_level_guide_collapsed .collapse_card.notification .img, .is-darkmode .entry_level_guide_collapsed .collapse_card.notification .card_img, .is-darkmode .entry_level_guide .guide_card_item.progress .img, .is-darkmode .entry_level_guide .guide_card_item.progress .card_img, .is-darkmode .entry_level_guide_collapsed .collapse_card.progress .img, .is-darkmode .entry_level_guide_collapsed .collapse_card.progress .card_img, .is-darkmode .section_mean .select_level_important_words .level_item .label_level::before, .is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left, .is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left.is-disabled, .is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right, .is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right.is-disabled, .is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left, .is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left.is-disabled, .is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right, .is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right.is-disabled, .is-darkmode .section_quiz .quiz_question .quiz_question_icon, .is-darkmode .section_quiz .quiz_choice::before, .is-darkmode .section_challenge_new_words .section_title .refresh_btn::before, .is-darkmode .section_challenge_new_words .component_challenge_new_words .word_item .view_number::after, .is-darkmode .section_ai_learning .section_title .btn_title_desc, .is-darkmode .section_ai_learning .section_title .tooltip::before, .is-darkmode .section_ai_learning .ai_learning_content .sentences .btn_listen::after, .is-darkmode .section_ai_learning .ai_learning_content .sentences .btn_listen[aria-pressed="true"]:after, .is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left, .is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left.is-disabled, .is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right, .is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right.is-disabled, .is-darkmode .section_repetition .component_repetition .content .btn_edit::after {
	background-image: url(../img/sp_darkmode.png);
	-webkit-background-size: 421px 412px;
	        background-size: 421px 412px;
}

.component_tab .tab_wrapper .tab.oxford .item:before,
.component_tab .tab_scroll .tab.oxford .item:before, .component_tab .tab_wrapper .tab.collins .item:before,
.component_tab .tab_scroll .tab.collins .item:before, .component_tab .tab_wrapper .tab.merriam .item:before,
.component_tab .tab_scroll .tab.merriam .item:before, .component_tab .tab_wrapper .tab.wiktionary .item:before,
.component_tab .tab_scroll .tab.wiktionary .item:before, .component_tab .tab_wrapper .tab.collins_learner .item:before,
.component_tab .tab_scroll .tab.collins_learner .item:before, .component_tab .tab_wrapper .tab.merriam_learner .item:before,
.component_tab .tab_scroll .tab.merriam_learner .item:before, .component_tab .tab_wrapper .tab.collins_gem .item:before,
.component_tab .tab_scroll .tab.collins_gem .item:before, .section_keyword.important_words .pinyin_generator .label_add_auto:after {
	background-image: url(../img/sp_line_png.png);
	-webkit-background-size: 283px 235px;
	        background-size: 283px 235px;
}

.component_hanja_keyword .origin .unit_add_wordbook, .component_information .info_group .hanja_wrap .unit_add_wordbook, .listen_global_list .listen_global_item.all:before, .pron_list .btn_pron.all:before, .entry_level_guide .guide_title .guide_title_content .arrow_btn_left, .entry_level_guide .guide_title .guide_title_content .arrow_btn_left.is-disabled, .entry_level_guide .guide_title .guide_title_content .arrow_btn_right, .entry_level_guide .guide_title .guide_title_content .arrow_btn_right.is-disabled, .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left, .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left.is-disabled, .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right, .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right.is-disabled, .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left, .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left.is-disabled, .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right, .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right.is-disabled, .section_challenge_new_words .component_challenge_new_words .word_item .view_number::after, .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left, .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left.is-disabled, .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right, .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right.is-disabled, .section .component_keyword .play_area .listen_area .btn_listen::before,
.section .component_example .play_area .listen_area .btn_listen::before,
.section .component_entry .play_area .listen_area .btn_listen::before, .section .component_keyword .play_area .listen_area .btn_record:before,
.section .component_example .play_area .listen_area .btn_record:before,
.section .component_entry .play_area .listen_area .btn_record:before, .section .component_keyword .play_area .listen_area .btn_speak:before,
.section .component_example .play_area .listen_area .btn_speak:before,
.section .component_entry .play_area .listen_area .btn_speak:before {
	background-image: url(../img/sp_line_png_v2.png);
	-webkit-background-size: 273px 259px;
	        background-size: 273px 259px;
}

.option_area .sort_option .icon_blank_page, .component_linkother .item .tooltip .btn_close:before, .component_linkother .btn_link .ico, .component_tab .layer_cp_list.enen .folder .checkbox.is-active + .folder_label:before, .entry_default .cont .tooltip .tooltip_inner .link:after, .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .link:after, .article.is-entry .entry_point:before, .article.is-entry .entry_point:after, .article.is-entry .entry_tooltip:after, .article.is-entry .entry_tooltip .tooltip_guide:after, .article.is-entry .tooltip_close:before, .component_example .tooltip_usertranslation .btn_close:before, .setting_area .tooltip .btn_close:before, .component_information .cate_info .tooltip .tooltip_inner .link:after,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .link:after, .component_keyword .entry_point:before, .component_keyword .entry_point:after, .component_keyword .entry_tooltip:after, .component_keyword .entry_tooltip .tooltip_guide:after, .component_keyword .tooltip_close:before, .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level::before, .section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-active .label_level:before, .entry_level_guide .guide_card_item.levels .img,
.entry_level_guide .guide_card_item.levels .card_img,
.entry_level_guide_collapsed .collapse_card.levels .img,
.entry_level_guide_collapsed .collapse_card.levels .card_img, .entry_level_guide .guide_card_item.confusing_words .img,
.entry_level_guide .guide_card_item.confusing_words .card_img,
.entry_level_guide_collapsed .collapse_card.confusing_words .img,
.entry_level_guide_collapsed .collapse_card.confusing_words .card_img, .entry_level_guide .guide_card_item.quiz .img,
.entry_level_guide .guide_card_item.quiz .card_img,
.entry_level_guide_collapsed .collapse_card.quiz .img,
.entry_level_guide_collapsed .collapse_card.quiz .card_img, .entry_level_guide .guide_card_item.pronunciation .img,
.entry_level_guide .guide_card_item.pronunciation .card_img,
.entry_level_guide_collapsed .collapse_card.pronunciation .img,
.entry_level_guide_collapsed .collapse_card.pronunciation .card_img, .entry_level_guide .guide_card_item.notification .img,
.entry_level_guide .guide_card_item.notification .card_img,
.entry_level_guide_collapsed .collapse_card.notification .img,
.entry_level_guide_collapsed .collapse_card.notification .card_img, .entry_level_guide .guide_card_item.progress .img,
.entry_level_guide .guide_card_item.progress .card_img,
.entry_level_guide_collapsed .collapse_card.progress .img,
.entry_level_guide_collapsed .collapse_card.progress .card_img, .section_mean .select_level_important_words .level_item .label_level::before, .section_mean .select_level_important_words .level_item.is-active .label_level:before, .section_quiz .quiz_content:hover .hover_btn::after, .section_quiz .quiz_question .quiz_question_icon, .section_quiz .quiz_choice::before, .section_challenge_new_words .section_title .refresh_btn::before, .section_challenge_new_words .component_challenge_new_words .word_item .view_number::before, .section_ai_learning .section_title .tooltip .btn_close::after, .section_repetition .component_repetition .content .btn_edit::after, .section_repetition .component_repetition.repetition_1::after, .section_repetition .component_repetition.repetition_2::after, .section_repetition .component_repetition.repetition_3::after, .section_repetition .component_repetition.repetition_4::after, .section_learning_status.expanded_view .saved_badge_content .badge_info .name .download_btn,
.section_learning_status.expanded_view .popup_content .badge_info .name .download_btn, .section_learning_status.expanded_view .congrats_popup_content .congrats_download::after, .section_important_words_my_status.saved_congrats .badge::before, .component_keyword a.info:before,
.component_keyword p.info:before,
.component_example a.info:before,
.component_example p.info:before,
.component_mean a.info:before,
.component_mean p.info:before, .component_keyword p.warning:before,
.component_example p.warning:before,
.component_mean p.warning:before {
	background-image: url(../img/sp_m.png);
	-webkit-background-size: 539px 534px;
	        background-size: 539px 534px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_7, .section_learning_status.collapsed_view.type_badge .badge_image.beginner_6, .section_learning_status.collapsed_view.type_badge .badge_image.beginner_5, .section_learning_status.collapsed_view.type_badge .badge_image.beginner_4, .section_learning_status.collapsed_view.type_badge .badge_image.beginner_3, .section_learning_status.collapsed_view.type_badge .badge_image.beginner_2, .section_learning_status.collapsed_view.type_badge .badge_image.beginner_1, .section_learning_status.collapsed_view.type_badge .badge_image.inter_7, .section_learning_status.collapsed_view.type_badge .badge_image.inter_6, .section_learning_status.collapsed_view.type_badge .badge_image.inter_5, .section_learning_status.collapsed_view.type_badge .badge_image.inter_4, .section_learning_status.collapsed_view.type_badge .badge_image.inter_3, .section_learning_status.collapsed_view.type_badge .badge_image.inter_2, .section_learning_status.collapsed_view.type_badge .badge_image.inter_1, .section_learning_status.expanded_view .badge_area .badge_image.beginner_7, .section_learning_status.expanded_view .badge_area .badge_image.beginner_6, .section_learning_status.expanded_view .badge_area .badge_image.beginner_5, .section_learning_status.expanded_view .badge_area .badge_image.beginner_4, .section_learning_status.expanded_view .badge_area .badge_image.beginner_3, .section_learning_status.expanded_view .badge_area .badge_image.beginner_2, .section_learning_status.expanded_view .badge_area .badge_image.beginner_1, .section_learning_status.expanded_view .badge_area .badge_image.inter_7, .section_learning_status.expanded_view .badge_area .badge_image.inter_6, .section_learning_status.expanded_view .badge_area .badge_image.inter_5, .section_learning_status.expanded_view .badge_area .badge_image.inter_4, .section_learning_status.expanded_view .badge_area .badge_image.inter_3, .section_learning_status.expanded_view .badge_area .badge_image.inter_2, .section_learning_status.expanded_view .badge_area .badge_image.inter_1, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_7,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_7, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_6,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_6, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_5,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_5, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_4,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_4, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_3,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_3, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_2,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_2, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_1,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_1, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_7,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_7, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_6,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_6, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_5,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_5, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_4,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_4, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_3,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_3, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_2,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_2, .section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_1,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_1, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_7, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_6, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_5, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_4, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_3, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_2, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_1, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_7, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_6, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_5, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_4, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_3, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_2, .section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_1, .section_important_words_my_status .congrats_popup_content .badge.beginner_7, .section_important_words_my_status .congrats_popup_content .badge.beginner_6, .section_important_words_my_status .congrats_popup_content .badge.beginner_5, .section_important_words_my_status .congrats_popup_content .badge.beginner_4, .section_important_words_my_status .congrats_popup_content .badge.beginner_3, .section_important_words_my_status .congrats_popup_content .badge.beginner_2, .section_important_words_my_status .congrats_popup_content .badge.beginner_1, .section_important_words_my_status .congrats_popup_content .badge.inter_7, .section_important_words_my_status .congrats_popup_content .badge.inter_6, .section_important_words_my_status .congrats_popup_content .badge.inter_5, .section_important_words_my_status .congrats_popup_content .badge.inter_4, .section_important_words_my_status .congrats_popup_content .badge.inter_3, .section_important_words_my_status .congrats_popup_content .badge.inter_2, .section_important_words_my_status .congrats_popup_content .badge.inter_1 {
	background-image: url(../img/sp_m_learning_status.png);
	-webkit-background-size: 912px 856px;
	        background-size: 912px 856px;
}

.section-audio .button.btn-play::after, .component_multivideo .icon::before, .component_keyword .thumb_wrap .view.video:after, .component_keyword .thumb_wrap .view.audio:after, .listen_global_list .listen_global_item.all.is-active:before, .pron_list .btn_pron.all.is-playing:before, .pron_list .btn_pron.all[aria-pressed='true']:before, .is-darkmode .pron_list .btn_pron.all:before {
	background-image: url(../img/sp_openpro_new_png.png);
	-webkit-background-size: 172px 168px;
	        background-size: 172px 168px;
}

.ly_keyboard .tab_area li .link_keyboard:after, .ly_keyboard .btn_close, .write_device:before, .u_platform_helpdict .u_helpdic_inner .u_defined_word .u_listen_btn_wrap .u_btn_listen, .component_image .navigation .btn_area .btn_prev .ico, .section-audio .navigation .btn_area .btn_prev .ico, .section-video .navigation .btn_area .btn_prev .ico, .component_big_image .navigation .btn_area .btn_prev .ico, .component_multivideo .navigation .btn_area .btn_prev .ico, .component_image .navigation .btn_area .btn_next .ico, .section-audio .navigation .btn_area .btn_next .ico, .section-video .navigation .btn_area .btn_next .ico, .component_big_image .navigation .btn_area .btn_next .ico, .component_multivideo .navigation .btn_area .btn_next .ico, .component_korean_qna_list .link:after, .option_area .font_scale_option input[type='radio'] + label.scale1, .option_area .font_scale_option input[type='radio'] + label.scale2, .option_area .font_scale_option input[type='radio'] + label.scale3, .option_area .font_scale_option input[type='radio'].checked + label, .option_area .font_scale_option input[type='radio'].checked + .scale2, .option_area .font_scale_option input[type='radio'].checked + .scale3, .option_area .btn_print, .option_area .btn_prev .ico, .option_area .btn_prev.is-disabled .ico, .option_area .btn_next .ico, .option_area .btn_next.is-disabled .ico, .paginate .prev:after, .paginate .next:after, .component_filter .btn_folder .ico, .component_filter .inp_label_check.is-active:before, .component_filter .sorting_combobox .combobox:after, .component_linkdict .item .link .ico, .component_linkopendict .item .btn_opendict_more:after,
.component_add_opendict .item .btn_opendict_more:after, .component_search_all .link .ico, .btn_papago:before, .btn_userstranslate.btn_challenge:before, .btn_userstranslate .icon_userstranslate, .translate_result:before, .component_tab .navigation .btn_prev .ico, .component_tab .navigation .btn_next .ico, .component_tab .navigation .btn_setting_cp .ico, .component_tab .tooltip .btn_close, .component_tab .layer_cp_list.enen .btn_close, .component_tab .layer_cp_list.enen .folder .folder_label.oxford .name:before, .component_tab .layer_cp_list.enen .folder .folder_label.collins .name:before, .component_tab .layer_cp_list.enen .folder .folder_label.merriam .name:before, .component_tab .layer_cp_list.enen .folder .folder_label.wiktionary .name:before, .component_tab .layer_cp_list.enen .folder .folder_label.collins_learner .name:before, .component_tab .layer_cp_list.enen .folder .folder_label.merriam_learner .name:before, .component_tab .layer_cp_list.enen .cp_item.oxford:before, .component_tab .layer_cp_list.enen .cp_item.collins:before, .component_tab .layer_cp_list.enen .cp_item.merriam:before, .component_tab .layer_cp_list.enen .cp_item.wiktionary:before, .component_tab .layer_cp_list.enen .cp_item.collins_learner:before, .component_tab .layer_cp_list.enen .cp_item.merriam_learner:before, .component_tab .layer_cp_list .cp_item[aria-checked='true']:after, .component_entry .tit .link .ico, .component_entry .cont .link .ico, .component_entry .word .btn_tip, .btn_search_trend:before, .entry_title .word .ico_voiced_sound, .entry_title .stroke .view .ico, .entry_default .cont .tooltip .tooltip_inner .btn_close:before, .entry_default .cont .player:before, .entry_default .cont .player.start::before, .entry_default .cont .player .ly_hanja_stroke .btn_close, .entry_conjugation .accent:before, .entry_conjugation_list .unit_listen .btn_listen:after, .entry_conjugation_list .unit_listen .btn_listen.tts:after, .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .btn_close:before, .entry_infos .info_item .desc .player.start::before, .entry_infos .info_item .desc .player .ly_hanja_stroke .btn_close, .component_example .user_profile .vote .btn_vote span, .component_example .btn_usertranslation:before, .setting_area .option_wrap .header_setting .btn_close:before, .setting_area .option_wrap .listen_setting_wrap .option_area .option_item .vocie_item:before, .setting_area .option_wrap .listen_setting_wrap .option_area .option_item .vocie_item.is-active:before, .setting_area .option_wrap .option_item .rs-container .rs-pointer:before, .setting_area .tooltip:before, .component_information .navigation .btn_area .btn_prev .ico, .component_information .navigation .btn_area .btn_next .ico, .component_information .info_cate .text ~ .text:before, .component_information .info_desc .info:before,
.component_information .hanja_desc .info:before, .component_information .stroke .num .btn_play, .component_information .stroke .view .play_area .btn_play, .component_information .link .ico, .component_information .cate_info .btn_alert,
.component_information .hieroglyphics_info .btn_alert, .component_information .cate_info .tooltip .tooltip_inner .btn_close:before,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .btn_close:before, .component_information .hieroglyph_wrap .img_source:before, .component_information .period_wrap .more_link:after, .component_thesaurus .map .loading, .component_thesaurus .map .slides_content em .blank:before, .component_thesaurus .map .page .btn_prev, .component_thesaurus .map .page .btn_next, .component_thesaurus .source:after, .component_keyword .row .hanja_info .info_item .inner .desc .player:before, .component_keyword .row .hanja_info .info_item .inner .desc .player.start::before, .component_keyword .row .hanja_info .info_item .inner .desc .player .ly_hanja_stroke .btn_close, .component_keyword .row > .origin .word_conjugation .btn_conjugation:after, .component_keyword .detail .link_more .ico_arrow_right, .component_keyword .icon_blank_page, .btn_more_result:after, .component_opendict .user_profile .vote a span, .component_opendict .btn_more:after, .component_sentence .btn_more:after, .component_hanja_info .player:before, .component_hanja_info .player.start::before, .component_hanja_info .player .ly_hanja_stroke .btn_close, .component_hanja_info .font_hanja .info:before, .component_hanja_info .font_hanja .info .link:after, .listen_global_list .listen_global_item.speak:before, .listen_global_list .listen_global_item.speak.is-active:before, .ai_learning.component_tab .navigation .btn_expand .ico::after, .ai_learning.component_tab .navigation .btn_setting_cp .ico, .section .component_keyword .play_area .listen_area.is-tooltip .tooltip .btn_close,
.section .component_example .play_area .listen_area.is-tooltip .tooltip .btn_close,
.section .component_entry .play_area .listen_area.is-tooltip .tooltip .btn_close, .component_filter .tab_wrap.is-open .btn_area .btn_more:before, .component_filter .tab_wrap .btn_area .btn_more:before, .component_keyword .btn_copy:before {
	background-image: url(../img/sp_pc.png);
	-webkit-background-size: 488px 470px;
	        background-size: 488px 470px;
}

.entry_infos .info_item .desc .player:before, .section_ai_learning .ai_learning_content .sentences .btn_listen::after, .section_ai_learning .ai_learning_content .sentences .btn_listen[aria-pressed="true"]:after, .component_keyword .play_area .listen_area .btn_listen:before,
.component_example .play_area .listen_area .btn_listen:before {
	background-image: url(../img/sp_line.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_line.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_line.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_line.svg);
	-webkit-background-size: 352px 334px;
	        background-size: 352px 334px;
}

.component_filter .select_area .btn_select:before, .component_openpro .openpro_item .link .info_area .like:before, .is-darkmode .component_openpro .openpro_item .link .info_area .like:before, .component_openpro .openpro_item .link .info_area .view:before, .is-darkmode .component_openpro .openpro_item .link .info_area .view:before, .entry_level_guide .guide_title .guide_actions .guide_action_btn::after, .entry_level_guide_collapsed .collapse_card .action_btn:after, .is-darkmode .entry_level_guide_collapsed .collapse_card .action_btn:after, .section_example .component_example + .btn_expand::after, .section_example .component_example + .btn_expand.is-opened::after, .section_ai_learning .section_title .btn_title_desc, .section_learning_status.collapsed_view .expand_btn:after, .is-darkmode .section_learning_status.collapsed_view .expand_btn:after, .section_learning_status.expanded_view .collapse_btn:after, .is-darkmode .section_learning_status.expanded_view .collapse_btn:after {
	background-image: url(../img/sp_line_v2.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_line_v2.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_line_v2.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_line_v2.svg);
	-webkit-background-size: 199px 183px;
	        background-size: 199px 183px;
}

.translate_btns.other-opened .btn_other:after, .btn_userstranslate.btn_other:after, .section_ai_learning .section_title .tooltip::before {
	background-image: url(../img/sp_line_v4.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_line_v4.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_line_v4.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_line_v4.svg);
	-webkit-background-size: 512px 436px;
	        background-size: 512px 436px;
}

.component_keyword .source .badge .badge-img.best01-01:after, .component_keyword .source .badge .badge-img.best01-02:after, .component_keyword .source .badge .badge-img.best01-03:after, .component_keyword .source .badge .badge-img.best02-01:after, .component_keyword .source .badge .badge-img.best02-02:after, .component_keyword .source .badge .badge-img.best02-03:after, .component_keyword .source .badge .badge-img.best03-01:after, .component_keyword .source .badge .badge-img.best03-02:after, .component_keyword .source .badge .badge-img.best03-03:after, .component_keyword .source .badge .badge-img.best04-01:after, .component_keyword .source .badge .badge-img.best04-02:after, .component_keyword .source .badge .badge-img.best04-03:after, .component_keyword .source .badge .badge-img.best05-01:after, .component_keyword .source .badge .badge-img.best05-02:after, .component_keyword .source .badge .badge-img.best05-03:after, .component_keyword .source .badge .badge-img.best06-01:after, .component_keyword .source .badge .badge-img.best06-02:after, .component_keyword .source .badge .badge-img.best06-03:after, .component_keyword .source .badge .badge-img.best07-01:after, .component_keyword .source .badge .badge-img.best07-02:after, .component_keyword .source .badge .badge-img.best07-03:after, .component_keyword .source .badge .badge-img.best08-01:after, .component_keyword .source .badge .badge-img.best08-02:after, .component_keyword .source .badge .badge-img.best08-03:after, .component_keyword .source .badge .badge-img.best09-01:after, .component_keyword .source .badge .badge-img.best09-02:after, .component_keyword .source .badge .badge-img.best09-03:after, .component_keyword .source .badge .badge-img.pro01-01:after, .component_keyword .source .badge .badge-img.pro01-02:after, .component_keyword .source .badge .badge-img.pro01-03:after, .component_keyword .source .badge .badge-img.pro02-01:after, .component_keyword .source .badge .badge-img.pro02-02:after, .component_keyword .source .badge .badge-img.pro02-03:after, .component_keyword .source .badge .badge-img.pro03-01:after, .component_keyword .source .badge .badge-img.pro03-02:after, .component_keyword .source .badge .badge-img.pro03-03:after, .component_keyword .source .badge .badge-img.pro04-01:after, .component_keyword .source .badge .badge-img.pro04-02:after, .component_keyword .source .badge .badge-img.pro04-03:after, .component_keyword .source .badge .badge-img.pro05-01:after, .component_keyword .source .badge .badge-img.pro05-02:after, .component_keyword .source .badge .badge-img.pro05-03:after, .component_keyword .source .badge .badge-img.pro06-01:after, .component_keyword .source .badge .badge-img.pro06-02:after, .component_keyword .source .badge .badge-img.pro06-03:after, .component_keyword .source .badge .badge-img.pro07-01:after, .component_keyword .source .badge .badge-img.pro07-02:after, .component_keyword .source .badge .badge-img.pro07-03:after, .component_keyword .source .badge .badge-img.pro08-01:after, .component_keyword .source .badge .badge-img.pro08-02:after, .component_keyword .source .badge .badge-img.pro08-03:after, .component_keyword .source .badge .badge-img.pro09-01:after, .component_keyword .source .badge .badge-img.pro09-02:after, .component_keyword .source .badge .badge-img.pro09-03:after, .component_keyword .source .badge .badge-img.master01-01:after, .component_keyword .source .badge .badge-img.master01-02:after, .component_keyword .source .badge .badge-img.master01-03:after, .component_keyword .source .badge .badge-img.master02-01:after, .component_keyword .source .badge .badge-img.master02-02:after, .component_keyword .source .badge .badge-img.master02-03:after, .component_keyword .source .badge .badge-img.master03-01:after, .component_keyword .source .badge .badge-img.master03-02:after, .component_keyword .source .badge .badge-img.master03-03:after, .component_keyword .source .badge .badge-img.master04-01:after, .component_keyword .source .badge .badge-img.master04-02:after, .component_keyword .source .badge .badge-img.master04-03:after, .component_keyword .source .badge .badge-img.master05-01:after, .component_keyword .source .badge .badge-img.master05-02:after, .component_keyword .source .badge .badge-img.master05-03:after, .component_keyword .source .badge .badge-img.master06-01:after, .component_keyword .source .badge .badge-img.master06-02:after, .component_keyword .source .badge .badge-img.master06-03:after, .component_keyword .source .badge .badge-img.master07-01:after, .component_keyword .source .badge .badge-img.master07-02:after, .component_keyword .source .badge .badge-img.master07-03:after, .component_keyword .source .badge .badge-img.master08-01:after, .component_keyword .source .badge .badge-img.master08-02:after, .component_keyword .source .badge .badge-img.master08-03:after, .component_keyword .source .badge .badge-img.master09-01:after, .component_keyword .source .badge .badge-img.master09-02:after, .component_keyword .source .badge .badge-img.master09-03:after, .component_keyword .listen_item .badge .badge-img.best01-01:after, .component_keyword .listen_item .badge .badge-img.best01-02:after, .component_keyword .listen_item .badge .badge-img.best01-03:after, .component_keyword .listen_item .badge .badge-img.best02-01:after, .component_keyword .listen_item .badge .badge-img.best02-02:after, .component_keyword .listen_item .badge .badge-img.best02-03:after, .component_keyword .listen_item .badge .badge-img.best03-01:after, .component_keyword .listen_item .badge .badge-img.best03-02:after, .component_keyword .listen_item .badge .badge-img.best03-03:after, .component_keyword .listen_item .badge .badge-img.best04-01:after, .component_keyword .listen_item .badge .badge-img.best04-02:after, .component_keyword .listen_item .badge .badge-img.best04-03:after, .component_keyword .listen_item .badge .badge-img.best05-01:after, .component_keyword .listen_item .badge .badge-img.best05-02:after, .component_keyword .listen_item .badge .badge-img.best05-03:after, .component_keyword .listen_item .badge .badge-img.best06-01:after, .component_keyword .listen_item .badge .badge-img.best06-02:after, .component_keyword .listen_item .badge .badge-img.best06-03:after, .component_keyword .listen_item .badge .badge-img.best07-01:after, .component_keyword .listen_item .badge .badge-img.best07-02:after, .component_keyword .listen_item .badge .badge-img.best07-03:after, .component_keyword .listen_item .badge .badge-img.best08-01:after, .component_keyword .listen_item .badge .badge-img.best08-02:after, .component_keyword .listen_item .badge .badge-img.best08-03:after, .component_keyword .listen_item .badge .badge-img.pro01-01:after, .component_keyword .listen_item .badge .badge-img.pro01-02:after, .component_keyword .listen_item .badge .badge-img.pro01-03:after, .component_keyword .listen_item .badge .badge-img.pro02-01:after, .component_keyword .listen_item .badge .badge-img.pro02-02:after, .component_keyword .listen_item .badge .badge-img.pro02-03:after, .component_keyword .listen_item .badge .badge-img.pro03-01:after, .component_keyword .listen_item .badge .badge-img.pro03-02:after, .component_keyword .listen_item .badge .badge-img.pro03-03:after, .component_keyword .listen_item .badge .badge-img.pro04-01:after, .component_keyword .listen_item .badge .badge-img.pro04-02:after, .component_keyword .listen_item .badge .badge-img.pro04-03:after, .component_keyword .listen_item .badge .badge-img.pro05-01:after, .component_keyword .listen_item .badge .badge-img.pro05-02:after, .component_keyword .listen_item .badge .badge-img.pro05-03:after, .component_keyword .listen_item .badge .badge-img.pro06-01:after, .component_keyword .listen_item .badge .badge-img.pro06-02:after, .component_keyword .listen_item .badge .badge-img.pro06-03:after, .component_keyword .listen_item .badge .badge-img.pro07-01:after, .component_keyword .listen_item .badge .badge-img.pro07-02:after, .component_keyword .listen_item .badge .badge-img.pro07-03:after, .component_keyword .listen_item .badge .badge-img.pro08-01:after, .component_keyword .listen_item .badge .badge-img.pro08-02:after, .component_keyword .listen_item .badge .badge-img.pro08-03:after, .component_keyword .listen_item .badge .badge-img.master01-01:after, .component_keyword .listen_item .badge .badge-img.master01-02:after, .component_keyword .listen_item .badge .badge-img.master01-03:after, .component_keyword .listen_item .badge .badge-img.master02-01:after, .component_keyword .listen_item .badge .badge-img.master02-02:after, .component_keyword .listen_item .badge .badge-img.master02-03:after, .component_keyword .listen_item .badge .badge-img.master03-01:after, .component_keyword .listen_item .badge .badge-img.master03-02:after, .component_keyword .listen_item .badge .badge-img.master03-03:after, .component_keyword .listen_item .badge .badge-img.master04-01:after, .component_keyword .listen_item .badge .badge-img.master04-02:after, .component_keyword .listen_item .badge .badge-img.master04-03:after, .component_keyword .listen_item .badge .badge-img.master05-01:after, .component_keyword .listen_item .badge .badge-img.master05-02:after, .component_keyword .listen_item .badge .badge-img.master05-03:after, .component_keyword .listen_item .badge .badge-img.master06-01:after, .component_keyword .listen_item .badge .badge-img.master06-02:after, .component_keyword .listen_item .badge .badge-img.master06-03:after, .component_keyword .listen_item .badge .badge-img.master07-01:after, .component_keyword .listen_item .badge .badge-img.master07-02:after, .component_keyword .listen_item .badge .badge-img.master07-03:after, .component_keyword .listen_item .badge .badge-img.master08-01:after, .component_keyword .listen_item .badge .badge-img.master08-02:after, .component_keyword .listen_item .badge .badge-img.master08-03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best01_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best01_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best01_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best02_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best02_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best02_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best03_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best03_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best03_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best04_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best04_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best04_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best05_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best05_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best05_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best06_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best06_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best06_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best07_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best07_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best07_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best08_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best08_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best08_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.best09_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.best09_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.best09_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master01_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master01_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master01_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master02_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master02_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master02_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master03_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master03_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master03_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master04_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master04_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master04_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master05_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master05_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master05_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master06_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master06_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master06_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master07_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master07_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master07_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master08_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master08_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master08_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.master09_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.master09_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.master09_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro01_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro01_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro01_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro02_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro02_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro02_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro03_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro03_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro03_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro04_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro04_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro04_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro05_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro05_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro05_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro06_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro06_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro06_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro07_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro07_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro07_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro08_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro08_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro08_03:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro09_01:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro09_02:after, .component_openpro .openpro_item .link .desc .title .badge_img.pro09_03:after {
	background-image: url(../img/sp_openpro_badge.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_openpro_badge.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_openpro_badge.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_openpro_badge.svg);
	-webkit-background-size: 258px 252px;
	        background-size: 258px 252px;
}

.section-audio .button.btn-pause::after {
	background-image: url(../img/sp_openpro_new_v3.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_openpro_new_v3.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_openpro_new_v3.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_openpro_new_v3.svg);
	-webkit-background-size: 253px 242px;
	        background-size: 253px 242px;
}

/* 문자 입력기 */
/* 입력기 */
.ly_keyboard {
	position: absolute;
	z-index: 10000;
	width: 740px;
	margin-top: 95px;
	border: 1px solid #000;
	background-color: #fff;
}

.ly_keyboard.hebrew td button {
	font-family: Tahoma, sans-serif;
}

.ly_keyboard .table_ja tr {
	text-align: left;
}

.ly_keyboard .table_ja th {
	text-align: center;
}

.ly_keyboard .bar {
	display: inline-block;
	position: relative;
	padding: 0 5px;
	color: #ccc;
	vertical-align: middle;
}

.ly_keyboard .tab_area {
	overflow: hidden;
	height: 46px;
	background-color: #6c7a89;
	cursor: move;
}

.ly_keyboard .tab_area:after {
	display: block;
	height: 45px;
	border-bottom: 1px solid #595e6b;
	content: "";
}

.ly_keyboard .tab_area li {
	float: left;
	position: relative;
	padding: 0 20px;
	line-height: 46px;
}

.ly_keyboard .tab_area li.tab_link {
	padding-left: 11px;
}

.ly_keyboard .tab_area li .link_keyboard {
	display: inline-block;
	width: 94px;
	line-height: 28px;
	background: #525c67;
}

.ly_keyboard .tab_area li .link_keyboard:after {
	background-position: -482px -284px;
	width: 4px;
	height: 6px;
	display: inline-block;
	margin: 0 -2px 1px 4px;
	content: "";
}

.ly_keyboard .tab_area li a {
	cursor: pointer;
}

.ly_keyboard .tab_area li a,
.ly_keyboard .tab_area li strong {
	display: block;
	line-height: 46px;
	color: #fff;
	text-align: center;
}

.ly_keyboard .tab_area li.active {
	background-color: #fff;
	border-right: 1px solid #595e6b;
	border-bottom: 1px solid #fff;
}

.ly_keyboard .tab_area li.active strong {
	display: block;
	color: #000;
}

.ly_keyboard .tab_area li:not(:first-child):after {
	position: absolute;
	left: 0;
	top: 16px;
	width: 1px;
	height: 15px;
	background-color: rgba(255, 255, 255, 0.15);
	content: "";
}

.ly_keyboard .tab_area li.active + li:after {
	display: none;
}

.ly_keyboard .tb_keyboard {
	overflow: hidden;
	min-height: 125px;
	padding: 5px 20px 20px;
}

.ly_keyboard .tb_mouse {
	overflow: hidden;
	padding: 21px 20px 20px;
}

.ly_keyboard table {
	position: relative;
	max-width: 100%;
	margin: 15px auto 0;
	border-top: 1px solid #dedede;
	padding-bottom: 20px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	text-align: center;
}

.ly_keyboard table caption {
	overflow: hidden;
	position: static !important;
	width: 1px;
	height: 1px;
	border: 0;
	padding: 0;
	clip: rect(0px, 0px, 0px, 0px);
}

.ly_keyboard th {
	font-size: 13px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	color: #666;
}

.ly_keyboard tr {
	white-space: nowrap;
	font-size: 0;
}

.ly_keyboard td {
	display: inline-block;
	width: 41px;
	height: 41px;
	background-color: #fcfcfc;
	cursor: pointer;
	margin-left: -1px;
	margin-top: -1px;
}

.ly_keyboard td button {
	font-size: 17px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #dedede;
	color: #444;
}

.ly_keyboard td button.is-selected, .ly_keyboard td button:hover {
	position: relative;
	background-color: #585b5e;
	color: #fff;
}

.ly_keyboard td button.is-selected:after, .ly_keyboard td button:hover:after {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	z-index: 10;
	border: 1px solid #4c4f52;
	content: "";
}

.ly_keyboard td button:empty:hover:after, .ly_keyboard td button.is-empty:hover:after {
	border: 1px solid #dedede;
}

.ly_keyboard td button:empty:hover, .ly_keyboard td button:empty.is-selected:after, .ly_keyboard td button.is-empty:hover, .ly_keyboard td button.is-empty.is-selected:after {
	border-color: #dedede;
	background-color: #fcfcfc;
	cursor: default;
	color: #444;
}

.ly_keyboard .table_ja {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Sans", YuGothic, Meiryo, "MS Pgothic", "Apple SD Gothic Neo", NanumGothic, Dotum, sans-serif;
}

.ly_keyboard .table_ja thead {
	overflow: hidden;
}

.ly_keyboard .table_ja th {
	float: left;
	width: 34px;
	height: 38px;
	margin: -1px 0 -1px -1px;
	border: 0;
	background-color: #fff;
	font-size: 15px;
	font-weight: normal;
}

.ly_keyboard .table_ja th[colspan="2"] {
	width: 67px;
}

.ly_keyboard .table_ja th .text {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 100%;
	border: 1px solid #dedede;
	vertical-align: middle;
}

.ly_keyboard .table_ja th .text:after {
	display: inline-block;
	height: 36px;
	vertical-align: middle;
	content: "";
}

.ly_keyboard .table_ja th .text_small {
	font-size: 13px;
}

.ly_keyboard .table_ja tbody th {
	height: 48px;
}

.ly_keyboard .table_ja tbody th .text:after {
	height: 50px;
}

.ly_keyboard .table_ja td {
	width: 34px;
	height: 48px;
}

.ly_keyboard .table_ja td button {
	font-size: 18px;
}

.ly_keyboard .table_ja td em {
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #999;
}

.ly_keyboard .table_ja td :hover em {
	color: #fff;
}

.ly_keyboard .table_ja .prolonged-sound {
	position: absolute;
	right: 0;
	bottom: 20px;
	height: 95px;
}

.ly_keyboard .find_area {
	margin-bottom: 20px;
	padding: 9px 20px;
	background-color: #fafafa;
}

.ly_keyboard .find_area .label_find {
	display: inline-block;
	margin-right: 16px;
	font-size: 13px;
	letter-spacing: -0.3px;
	color: #666;
	vertical-align: middle;
}

.ly_keyboard .find_area .input_find {
	display: inline-block;
	width: 40px;
	height: 28px;
	border: 1px solid #666;
	background-color: #fff;
	vertical-align: middle;
	text-align: center;
	color: #000;
}

.ly_keyboard .find_area .arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 9px 0 8px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #999;
	vertical-align: middle;
}

.ly_keyboard .find_area .button_result {
	display: inline-block;
	width: 70px;
	height: 30px;
	margin-right: 4px;
	border: 1px solid #dedede;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}

.ly_keyboard .find_area .button_result .word {
	margin-right: 3px;
	font-size: 18px;
	color: #444;
	vertical-align: middle;
}

.ly_keyboard .find_area .button_result .sound {
	line-height: 12px;
	color: #999;
	vertical-align: -2px;
}

.ly_keyboard .find_area .button_result .placeholder {
	color: #999;
}

.ly_keyboard .find_area .button_result:hover {
	background-color: #585b5e;
	border-color: #585b5e;
}

.ly_keyboard .find_area .button_result:hover .word,
.ly_keyboard .find_area .button_result:hover .sound {
	color: #fff;
}

.ly_keyboard .find_area .button_result:disabled:hover {
	border: 1px solid #dedede;
	background-color: #fff;
	cursor: default;
}

.ly_keyboard .find_area .explain {
	margin-left: 5px;
	font-size: 12px;
	letter-spacing: -0.3px;
	color: #888;
	vertical-align: 0;
}

.ly_keyboard.greece td, .ly_keyboard.myanma td {
	width: 47px;
}

.ly_keyboard.greece td button, .ly_keyboard.myanma td button {
	width: 47px;
}

.ly_keyboard.greece .txt_info, .ly_keyboard.myanma .txt_info {
	margin-left: 6px;
	font-size: 12px;
}

.ly_keyboard.hebrew td button {
	font-family: Tahoma, sans-serif;
}

.ly_keyboard .table_wrap {
	margin-top: 18px;
	margin-right: -20px;
}

.ly_keyboard .table_wrap::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.ly_keyboard .table_wrap table {
	margin: 0;
	border-top: 0;
}

.ly_keyboard .range_area {
	position: relative;
	float: left;
	width: 246px;
}

.ly_keyboard .range_area:after {
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -5px;
	height: 0;
	width: 0;
	border-left: 5px solid #999;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	content: "";
}

.ly_keyboard .table_range {
	margin: 0;
}

.ly_keyboard .table_range td {
	width: 70px;
}

.ly_keyboard .table_range button {
	width: 100%;
	background-color: #fff;
	color: #888;
}

.ly_keyboard .table_range button.is-selected, .ly_keyboard .table_range button:hover {
	background-color: #fff;
	color: #000;
}

.ly_keyboard .table_range button.is-selected:after, .ly_keyboard .table_range button:hover:after {
	border-color: #000;
}

.ly_keyboard .table_range button.is-empty {
	background-color: #fff;
	cursor: default;
}

.ly_keyboard .table_range button.is-empty.is-selected:after, .ly_keyboard .table_range button.is-empty:hover:after {
	border-color: #dedede;
}

.ly_keyboard .words_area td,
.ly_keyboard .range_area td {
	float: left;
}

.ly_keyboard .words_area {
	max-height: 322px;
	overflow-y: auto;
	padding-left: 1px;
}

.ly_keyboard .words_area button {
	background-color: #fff;
}

.ly_keyboard .words_area button:after {
	display: none;
}

.ly_keyboard .words_area button.is-selected, .ly_keyboard .words_area button:hover {
	background-color: #fff;
	color: #00b300;
	border-color: #00b300;
}

.ly_keyboard .words_area button.is-empty:hover {
	background-color: #fff;
	border-color: #dedede;
	cursor: default;
}

.ly_keyboard .txt_info {
	overflow: hidden;
	min-height: 36px;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: -0.5px;
	color: #888;
}

.ly_keyboard .txt_info li {
	margin-top: 8px;
	line-height: 18px;
}

.ly_keyboard .txt_info .btn_install_font {
	margin-left: 3px;
	font-size: 12px;
	text-decoration: underline;
	color: #424242;
}

.ly_keyboard .help_link {
	float: left;
	margin-top: 30px;
	font-size: 12px;
	text-decoration: underline;
	color: #666;
}

.ly_keyboard .del_btns {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 0;
}

.ly_keyboard .del_btns button {
	width: 110px;
	height: 36px;
	line-height: 15px;
	margin: 0 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #000;
	text-align: center;
	vertical-align: top;
}

.ly_keyboard .sub_tabs {
	overflow: hidden;
}

.ly_keyboard .sub_tabs li {
	float: left;
}

.ly_keyboard .sub_tabs li:first-child:after {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 2px 10px 0;
	background-color: #e1e1e1;
	vertical-align: top;
	content: "";
}

.ly_keyboard .sub_tabs li a {
	font-size: 13px;
	color: #666;
}

.ly_keyboard .sub_tabs li strong {
	font-size: 13px;
	font-weight: normal;
	color: #03c75a;
}

.ly_keyboard .mouse_info,
.ly_keyboard .keyboard_info {
	overflow: hidden;
}

.ly_keyboard .keyboard_info {
	overflow: hidden;
}

.ly_keyboard .keyboard_info .keyboard_kr {
	overflow: hidden;
	width: 594px;
	height: 152px;
	margin: 43px auto 24px;
	background: url(../img/bg_keyboard.gif) 0 0 no-repeat;
	white-space: nowrap;
	text-indent: 100%;
}

.ly_keyboard .btn_close {
	position: absolute;
	top: 14px;
	right: 15px;
	background-position: -423px -352px;
	width: 19px;
	height: 19px;
	vertical-align: top;
}

/* 필기인식기 */
.write_device {
	display: none;
	position: absolute;
	left: 168px;
	top: 246px;
	z-index: 10000;
	width: 582px;
	height: 392px;
	border: 2px solid #585e6b;
	background: #f9f9f9;
	overflow: visible;
}

.write_device:before {
	position: absolute;
	display: block;
	top: 193px;
	left: 317px;
	background-position: -482px -273px;
	width: 4px;
	height: 7px;
	content: "";
}

.write_device.active {
	display: block;
}

.write_device .ajax_searchbutton {
	margin: 0;
}

.write_device dl {
	width: 100%;
	height: 100%;
	overflow: visible;
}

.write_device dl dt {
	clear: both;
	float: left;
	width: 100%;
	padding: 7px 0 6px;
	text-indent: 23px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #585e6b;
	background: #696f7d;
}

.write_device dl dd {
	float: left;
	width: 249px;
	height: 326px;
	padding-top: 24px;
	vertical-align: top;
}

.write_device dl dd.handwrite {
	width: 285px;
	padding-left: 24px;
}

.write_device dl dd.handwrite .area_write {
	height: 283px;
	border: 1px solid #aaa;
}

.write_device dl dd .table_title {
	margin: 0 0 5px 20px;
	font-size: 13px;
	font-weight: normal;
	color: #434343;
}

.write_device dl dd table + .table_title {
	margin-top: 13px;
}

.write_device dl dd table {
	width: 229px;
	margin: 0 0 0 20px;
	border: 0;
	padding: 0;
	background: #ddd;
	table-layout: fixed;
	border-collapse: collapse;
}

.write_device dl dd table tr:nth-child(1) td:hover .hanja_tooltip {
	top: 60px;
	bottom: auto;
	left: -1px;
}

.write_device dl dd table tr td:nth-child(4):hover .hanja_tooltip {
	left: auto;
	right: -1px;
}

.write_device dl dd table td {
	position: relative;
	background: #fff;
	color: #333;
	font-size: 24px;
	font-family: simsun;
	text-align: center;
	cursor: pointer;
	line-height: 56px;
	border: 1px solid #ddd;
}

.write_device dl dd table td:hover {
	color: #fff;
	background-color: #585b5e;
}

.write_device dl dd table td:hover .hanja_tooltip {
	display: block;
}

.write_device dl dd table td .hanja_tooltip {
	display: none;
	position: absolute;
	left: -1px;
	bottom: 60px;
	padding: 5px 8px 4px;
	border: solid 1px #6881a1;
	color: #1f689f;
	font-size: 13px;
	line-height: 17px;
	background-color: #fff;
	z-index: 1;
	letter-spacing: -0.8px;
	white-space: nowrap;
}

.write_device dl dd table td.on {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	width: 56px;
	height: 51px;
	line-height: 58px;
	margin: -2px;
	color: #000;
}

.write_device dl dd table td.nothing {
	cursor: default;
}

.write_device dl dd table td .hanja .hanja_tultip {
	display: none;
}

.write_device dl dd table td .hanja {
	position: relative;
	margin: -2px;
	border: 1px solid #68707b;
	background: #fff;
	width: 58px;
	height: 58px;
	z-index: 8;
}

.write_device dl dd table td .hanja .hanja_tultip {
	display: inline;
	position: absolute;
	bottom: 46px;
	*bottom: 25px;
	left: -100px;
	right: -100px;
	text-align: center;
	zoom: 1;
	overflow: hidden;
}

.write_device dl dd table td .hanja .hanja_tultip p {
	display: inline-block;
	padding: 4px 8px 3px;
	border: 1px solid #1d8fd6;
	background: #4ba6df;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	white-space: nowrap;
	*display: inline;
	zoom: 1;
}

.write_device dl dd table td .hanja .hanja_tultip img {
	display: block;
	margin: -1px auto 0;
}

.write_device dl dd table .mid td {
	padding: 2px 0 6px;
}

.write_device dl dd .cavs {
	width: 283px;
	height: 283px;
	border: solid 1px #cfcfcf;
	margin: 0 12px 3px 0;
	position: relative;
}

.write_device dl dd .cavs .cavs_txt {
	display: block;
	font-size: 11px;
	color: #2075b6;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.write_device dl dd .bar {
	display: none;
	padding: 0 6px;
	font-size: 11px;
	color: #d5d5d5;
}

.write_device dl dd .hand_undo {
	display: block;
	position: absolute;
	bottom: 11px;
	left: 59px;
	height: 29px;
	line-height: 29px;
	padding: 0 19px;
	font-weight: bold;
	color: #565960;
	border: 1px solid #d7d8db;
	background: #fff;
}

.write_device dl dd .hand_remove {
	display: block;
	position: absolute;
	bottom: 11px;
	left: 172px;
	height: 29px;
	line-height: 29px;
	padding: 0 15px;
	font-weight: bold;
	color: #565960;
	border: 1px solid #d7d8db;
	background: #fff;
}

.write_device .btn_del,
.write_device .btn_del2 {
	display: block;
	position: absolute;
	bottom: 11px;
	left: 59px;
	height: 29px;
	line-height: 29px;
	padding: 0 19px;
	font-weight: bold;
	color: #565960;
	border: 1px solid #d7d8db;
	background: #fff;
}

.write_device .btn_del2 {
	left: 172px;
	padding: 0 15px;
}

.write_device .cls {
	position: absolute;
	top: 8px;
	right: 10px;
}

.write_device .notice {
	position: absolute;
	left: 331px;
	bottom: 20px;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
}

/* 보조사전 PC */
/* 선택된 단어 */
.u_word_dic.u_active {
	position: relative;
	background-color: #cdff74;
}

.u_platform_helpdict {
	position: absolute;
	z-index: 10000;
	width: 318px;
	border: 1px solid #bac8d9;
	background-color: #fff;
}

.u_platform_helpdict .u_helpdic_inner {
	padding: 0 20px;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word {
	border-top: 1px solid #eaeef3;
	padding: 20px 0 22px;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word:first-child {
	border-top: none;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_term_word + .u_word_mean_item {
	margin-top: 10px;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_entry_word {
	line-height: 26px;
	font-size: 24px;
	color: #00c;
	word-wrap: break-word;
	word-break: break-all;
	vertical-align: middle;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_entry_word .u_sup {
	line-height: 1;
	margin-left: 3px;
	font-size: 14px;
	font-family: NanumGothic, dotum, sans-serif;
	vertical-align: top;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_listen_btn_wrap {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	font-size: 0;
	vertical-align: middle;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_listen_btn_wrap .u_btn_listen {
	background-position: -242px -208px;
	width: 22px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_pronunciation {
	margin: 0 4px;
	line-height: 26px;
	font-size: 15px;
	color: #666;
	vertical-align: middle;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_pronunciation .u_define_title {
	display: none;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_word_class {
	padding: 10px 0 3px;
	font-size: 13px;
	color: #7a96b9;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_word_mean_item {
	margin: 6px 0 0;
	line-height: 16px;
	font-size: 13px;
	color: #000;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_word_mean_item .u_words_num {
	float: left;
}

.u_platform_helpdict .u_helpdic_inner .u_defined_word .u_word_mean_item .u_words_num + .u_word_mean {
	padding-left: 20px;
}

.u_platform_helpdict .u_helpdic_foot {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	background-color: #fafafa;
	border-top: 1px solid #eaeef3;
	text-align: right;
}

.u_platform_helpdict .u_helpdic_foot .u_btn_all {
	font-size: 12px;
	color: #000;
}

.u_platform_helpdict .u_helpdic_foot .u_btn_close {
	font-size: 12px;
	color: #000;
}

.u_platform_helpdict .u_helpdic_foot .u_btn_close:before {
	display: inline-block;
	width: 1px;
	height: 14px;
	margin: 13px 12px 0 8px;
	background-color: #d2d2d2;
	vertical-align: top;
	content: '';
}

.section_hanja_keyword {
	border-top: 1px solid #cacccc;
}

.component_image .navigation, .section-audio .navigation, .section-video .navigation, .component_big_image .navigation, .component_multivideo .navigation {
	position: absolute;
	top: -22px;
	right: 0;
}

.component_image .navigation .status, .section-audio .navigation .status, .section-video .navigation .status, .component_big_image .navigation .status, .component_multivideo .navigation .status {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	line-height: 25px;
	color: #959595;
}

.component_image .navigation .btn_area, .section-audio .navigation .btn_area, .section-video .navigation .btn_area, .component_big_image .navigation .btn_area, .component_multivideo .navigation .btn_area {
	float: left;
}

.component_image .navigation .btn_area .btn_prev,
.component_image .navigation .btn_area .btn_next, .section-audio .navigation .btn_area .btn_prev,
.section-audio .navigation .btn_area .btn_next, .section-video .navigation .btn_area .btn_prev,
.section-video .navigation .btn_area .btn_next, .component_big_image .navigation .btn_area .btn_prev,
.component_big_image .navigation .btn_area .btn_next, .component_multivideo .navigation .btn_area .btn_prev,
.component_multivideo .navigation .btn_area .btn_next {
	float: left;
	width: 27px;
	height: 25px;
	border: 1px solid #eaeaea;
	line-height: normal;
	vertical-align: top;
}

.component_image .navigation .btn_area .btn_prev .ico,
.component_image .navigation .btn_area .btn_next .ico, .section-audio .navigation .btn_area .btn_prev .ico,
.section-audio .navigation .btn_area .btn_next .ico, .section-video .navigation .btn_area .btn_prev .ico,
.section-video .navigation .btn_area .btn_next .ico, .component_big_image .navigation .btn_area .btn_prev .ico,
.component_big_image .navigation .btn_area .btn_next .ico, .component_multivideo .navigation .btn_area .btn_prev .ico,
.component_multivideo .navigation .btn_area .btn_next .ico {
	display: block;
	overflow: hidden;
	margin-left: 10px;
	font-size: 1px;
	text-indent: -100px;
}

.component_image .navigation .btn_area .btn_prev .ico, .section-audio .navigation .btn_area .btn_prev .ico, .section-video .navigation .btn_area .btn_prev .ico, .component_big_image .navigation .btn_area .btn_prev .ico, .component_multivideo .navigation .btn_area .btn_prev .ico {
	background-position: -468px -181px;
	width: 8px;
	height: 13px;
}

.component_image .navigation .btn_area .btn_prev:disabled .ico, .section-audio .navigation .btn_area .btn_prev:disabled .ico, .section-video .navigation .btn_area .btn_prev:disabled .ico, .component_big_image .navigation .btn_area .btn_prev:disabled .ico, .component_multivideo .navigation .btn_area .btn_prev:disabled .ico {
	background-position: -468px -164px;
}

.component_image .navigation .btn_area .btn_prev:disabled:hover .ico, .section-audio .navigation .btn_area .btn_prev:disabled:hover .ico, .section-video .navigation .btn_area .btn_prev:disabled:hover .ico, .component_big_image .navigation .btn_area .btn_prev:disabled:hover .ico, .component_multivideo .navigation .btn_area .btn_prev:disabled:hover .ico {
	background-position: -468px -164px;
}

.component_image .navigation .btn_area .btn_prev:hover .ico, .section-audio .navigation .btn_area .btn_prev:hover .ico, .section-video .navigation .btn_area .btn_prev:hover .ico, .component_big_image .navigation .btn_area .btn_prev:hover .ico, .component_multivideo .navigation .btn_area .btn_prev:hover .ico {
	background-position: -468px -353px;
}

.component_image .navigation .btn_area .btn_next, .section-audio .navigation .btn_area .btn_next, .section-video .navigation .btn_area .btn_next, .component_big_image .navigation .btn_area .btn_next, .component_multivideo .navigation .btn_area .btn_next {
	margin-left: -1px;
}

.component_image .navigation .btn_area .btn_next .ico, .section-audio .navigation .btn_area .btn_next .ico, .section-video .navigation .btn_area .btn_next .ico, .component_big_image .navigation .btn_area .btn_next .ico, .component_multivideo .navigation .btn_area .btn_next .ico {
	background-position: -468px -215px;
	width: 8px;
	height: 13px;
}

.component_image .navigation .btn_area .btn_next:disabled .ico, .section-audio .navigation .btn_area .btn_next:disabled .ico, .section-video .navigation .btn_area .btn_next:disabled .ico, .component_big_image .navigation .btn_area .btn_next:disabled .ico, .component_multivideo .navigation .btn_area .btn_next:disabled .ico {
	background-position: -468px -198px;
}

.component_image .navigation .btn_area .btn_next:disabled:hover .ico, .section-audio .navigation .btn_area .btn_next:disabled:hover .ico, .section-video .navigation .btn_area .btn_next:disabled:hover .ico, .component_big_image .navigation .btn_area .btn_next:disabled:hover .ico, .component_multivideo .navigation .btn_area .btn_next:disabled:hover .ico {
	background-position: -468px -198px;
}

.component_image .navigation .btn_area .btn_next:hover .ico, .section-audio .navigation .btn_area .btn_next:hover .ico, .section-video .navigation .btn_area .btn_next:hover .ico, .component_big_image .navigation .btn_area .btn_next:hover .ico, .component_multivideo .navigation .btn_area .btn_next:hover .ico {
	background-position: -468px -336px;
}

.component_image {
	position: relative;
	padding: 17px 0 0 15px;
}

.component_image .tray_inner {
	overflow: hidden;
	padding-bottom: 30px;
}

.component_image .tray_inner .item {
	float: left;
	position: relative;
	width: 144px;
	margin-left: 32px;
}

.component_image .tray_inner .item:nth-child(4n + 1) {
	margin-left: 0;
}

.component_image .tray_inner .item .thumb {
	overflow: hidden;
	position: relative;
	width: 144px;
	height: 144px;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	        background-size: cover;
	font-size: 1px;
	text-indent: -100px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	cursor: pointer;
}

.component_image .tray_inner .item .thumb:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #000;
	opacity: 0.05;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	content: '';
}

.component_image .tray_inner .item .information {
	margin-top: 8px;
}

.component_image .tray_inner .item .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	display: block;
	font-weight: 400;
	text-align: center;
	color: #000;
}

.fs2 .component_image .tray_inner .item .title {
	font-size: 17px;
}

.fs3 .component_image .tray_inner .item .title {
	font-size: 18px;
}

.fs4 .component_image .tray_inner .item .title {
	font-size: 19px;
}

.fs2 .component_image .tray_inner .item .title {
	line-height: 25px;
}

.fs3 .component_image .tray_inner .item .title {
	line-height: 26px;
}

.component_image .tray_inner .item .source {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	margin-top: 4px;
	text-align: center;
	color: #999;
}

.fs2 .component_image .tray_inner .item .source {
	font-size: 13px;
}

.fs3 .component_image .tray_inner .item .source {
	font-size: 14px;
}

.fs4 .component_image .tray_inner .item .source {
	font-size: 15px;
}

.component_image .tray_inner .item .source + .source {
	margin-top: 2px;
}

.component_big_image {
	padding: 21px 0 0 15px;
}

.component_big_image .tray_inner {
	padding-bottom: 30px;
}

.component_big_image .item + .item {
	margin-top: 16px;
}

.component_big_image .item .link {
	display: block;
	width: 100%;
	text-align: center;
}

.component_big_image .item .link .thumb {
	width: initial;
	height: initial;
	max-width: 100%;
	vertical-align: top;
}

.component_big_image .item .link .thumb_info {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fs2 .component_big_image .item .link .thumb_info {
	font-size: 17px;
}

.fs3 .component_big_image .item .link .thumb_info {
	font-size: 18px;
}

.fs4 .component_big_image .item .link .thumb_info {
	font-size: 19px;
}

.fs2 .component_big_image .item .link .thumb_info {
	line-height: 25px;
}

.fs3 .component_big_image .item .link .thumb_info {
	line-height: 26px;
}

.component_big_image .item .link .thumb_info + .source {
	margin-top: 4px;
}

.component_big_image .item .link .source {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.3px;
	color: #8f8f8f;
}

.fs2 .component_big_image .item .link .source {
	font-size: 14px;
}

.fs3 .component_big_image .item .link .source {
	font-size: 15px;
}

.fs4 .component_big_image .item .link .source {
	font-size: 16px;
}

.fs2 .component_big_image .item .link .source {
	line-height: 19px;
}

.fs3 .component_big_image .item .link .source {
	line-height: 20px;
}

.component_big_image .item .link .source + .source {
	margin-top: 2px;
}

.component_big_image .navigation {
	top: 28px;
}

.section-audio .audio-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	position: relative;
	margin: 9px 0 22px;
}

.section-audio .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 50%;
	padding: 8px 0;
}

.section-audio .audio {
	position: relative;
	width: 80px;
	height: 80px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 80px;
	    -ms-flex: 0 0 80px;
	        flex: 0 0 80px;
	-webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	        align-self: flex-start;
}

.section-audio .audio::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.section-audio .audio .progress-ring {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.section-audio .audio .thumb {
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	width: 68px;
	height: 68px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-background-size: cover;
	        background-size: cover;
}

.section-audio .audio .thumb.is-active .btn-play::after {
	display: none;
}

.section-audio .audio .thumb.is-active .btn-pause::after {
	display: inline-block;
}

.section-audio .button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 68px;
	height: 68px;
}

.section-audio .button.btn-play::after {
	display: inline-block;
	background-position: -150px -24px;
	width: 21px;
	height: 22px;
	vertical-align: top;
	content: '';
}

.section-audio .button.btn-pause::after {
	display: none;
	background-position: -106px -164px;
	width: 20px;
	height: 20px;
	vertical-align: top;
	content: '';
}

.section-audio .cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 234px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: 17px;
}

.section-audio .cont .info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #222;
}

.fs2 .section-audio .cont .info {
	font-size: 17px;
}

.fs3 .section-audio .cont .info {
	font-size: 18px;
}

.fs4 .section-audio .cont .info {
	font-size: 19px;
}

.fs2 .section-audio .cont .info {
	line-height: 25px;
}

.fs3 .section-audio .cont .info {
	line-height: 26px;
}

.section-audio .cont .source {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px;
	color: #8f8f8f;
	letter-spacing: -0.3px;
}

.fs2 .section-audio .cont .source {
	font-size: 14px;
}

.fs3 .section-audio .cont .source {
	font-size: 15px;
}

.fs4 .section-audio .cont .source {
	font-size: 16px;
}

.fs2 .section-audio .cont .source {
	line-height: 19px;
}

.fs3 .section-audio .cont .source {
	line-height: 20px;
}

.section-audio .cont .source + .source {
	margin-top: 2px;
}

.section-audio .navigation {
	top: 28px;
}

.section-video .video-list {
	position: relative;
	padding: 15px 0 30px;
}

.section-video .video-list .item {
	padding-left: 15px;
}

.section-video .video-list .item + .item {
	margin-top: 16px;
}

.section-video .video-list .video-area {
	position: relative;
	padding-top: 56.25%;
}

.section-video .video-list .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: #000;
}

.section-video .video-list .cont {
	margin-top: 8px;
	text-align: center;
}

.section-video .video-list .info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	display: block;
	font-weight: normal;
	color: #222;
}

.fs2 .section-video .video-list .info {
	font-size: 17px;
}

.fs3 .section-video .video-list .info {
	font-size: 18px;
}

.fs4 .section-video .video-list .info {
	font-size: 19px;
}

.fs2 .section-video .video-list .info {
	line-height: 25px;
}

.fs3 .section-video .video-list .info {
	line-height: 26px;
}

.section-video .video-list .source {
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px;
	color: #8f8f8f;
	letter-spacing: -0.3px;
}

.fs2 .section-video .video-list .source {
	font-size: 14px;
}

.fs3 .section-video .video-list .source {
	font-size: 15px;
}

.fs4 .section-video .video-list .source {
	font-size: 16px;
}

.fs2 .section-video .video-list .source {
	line-height: 19px;
}

.fs3 .section-video .video-list .source {
	line-height: 20px;
}

.section-video .video-list .source + .source {
	margin-top: 2px;
}

.section-video .navigation {
	top: 28px;
}

.component_multivideo .multivideo_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding: 0 0 30px 15px;
}

.component_multivideo .multivideo_item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 16px;
	width: 50%;
}

.component_multivideo .multivideo_link {
	overflow: hidden;
	height: 80px;
	position: relative;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

.component_multivideo .multivideo_link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid rgba(0, 0, 0, 0.05);
	content: '';
}

.component_multivideo .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 10;
}

.component_multivideo .icon::before {
	background-position: -34px -72px;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	content: '';
}

.component_multivideo .time {
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3px 6px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}

.fs2 .component_multivideo .time {
	font-size: 13px;
}

.fs3 .component_multivideo .time {
	font-size: 14px;
}

.fs4 .component_multivideo .time {
	font-size: 15px;
}

.component_multivideo .multivideo_cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	overflow: hidden;
	margin-left: 16px;
	width: 196px;
}

.component_multivideo .multivideo_title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	display: block;
	font-weight: 400;
}

.fs2 .component_multivideo .multivideo_title {
	font-size: 17px;
}

.fs3 .component_multivideo .multivideo_title {
	font-size: 18px;
}

.fs4 .component_multivideo .multivideo_title {
	font-size: 19px;
}

.fs2 .component_multivideo .multivideo_title {
	line-height: 25px;
}

.fs3 .component_multivideo .multivideo_title {
	line-height: 26px;
}

.component_multivideo .source {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px;
	color: #999;
}

.fs2 .component_multivideo .source {
	font-size: 14px;
}

.fs3 .component_multivideo .source {
	font-size: 15px;
}

.fs4 .component_multivideo .source {
	font-size: 16px;
}

.fs2 .component_multivideo .source {
	line-height: 19px;
}

.fs3 .component_multivideo .source {
	line-height: 20px;
}

.component_multivideo .source + .source {
	margin-top: 2px;
}

.component_multivideo .navigation {
	top: 28px;
}

.component_learning {
	position: relative;
	padding: 16px 0 30px 15px;
}

.component_learning .learning_title {
	font-size: 20px;
	display: block;
	color: #000;
}

.fs2 .component_learning .learning_title {
	font-size: 21px;
}

.fs3 .component_learning .learning_title {
	font-size: 22px;
}

.fs4 .component_learning .learning_title {
	font-size: 23px;
}

.component_learning .se_wrap {
	font-size: 24px;
	width: 100%;
	height: 566px;
	text-align: center;
	background-color: #f6f6f6;
	border: 1px solid #e4e4e4;
	color: #a7b3c1;
}

.fs2 .component_learning .se_wrap {
	font-size: 25px;
}

.fs3 .component_learning .se_wrap {
	font-size: 26px;
}

.fs4 .component_learning .se_wrap {
	font-size: 27px;
}

.component_learning .se_wrap .se_text {
	display: block;
	margin-top: 270px;
}

.component_learning .source {
	font-size: 13px;
	line-height: 18px;
	margin-top: 16px;
	color: #8f8f8f;
	letter-spacing: -0.3px;
}

.fs2 .component_learning .source {
	font-size: 14px;
}

.fs3 .component_learning .source {
	font-size: 15px;
}

.fs4 .component_learning .source {
	font-size: 16px;
}

.fs2 .component_learning .source {
	line-height: 19px;
}

.fs3 .component_learning .source {
	line-height: 20px;
}

.multimedias {
	overflow: hidden;
	height: 150px;
}

.multimedias li {
	float: left;
	margin-left: 13px;
}

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

.multimedias li a {
	display: block;
	position: relative;
}

.multimedias li a:hover:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #03c75a;
	content: '';
}

.multimedias li a img {
	vertical-align: top;
}

.component_korean_qna {
	padding-top: 29px;
}

.component_korean_qna .qna_headline {
	padding: 20px 15px;
	border-top: 1px solid #f0f0f0;
	background: #fafafa;
}

.component_korean_qna .qna_headline .title {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #3562c6;
}

.component_korean_qna .qna_headline .desc {
	margin-top: 10px;
	font-size: 12px;
	line-height: 14px;
	color: #666;
}

.component_korean_qna .qna_headline .desc .item {
	display: inline-block;
}

.component_korean_qna .qna_headline .desc .item:before {
	display: inline-block;
	width: 1px;
	height: 11px;
	margin: 2px 8px 0 4px;
	background: #d8d8d8;
	vertical-align: top;
	content: '';
}

.component_korean_qna .qna_headline .desc .item:first-child:before {
	display: none;
}

.component_korean_qna .qna_headline .desc .category {
	color: #7a96b9;
}

.component_korean_qna .qna_content {
	padding: 5px 15px 0;
	border-top: 1px solid #f0f0f0;
}

.component_korean_qna .qna_content .title {
	padding-top: 25px;
	border-top: 1px solid #f0f0f0;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #7a96b9;
}

.component_korean_qna .qna_content .title:first-child {
	border: 0;
}

.component_korean_qna .qna_content .title + .desc {
	padding-top: 5px;
}

.component_korean_qna .qna_content .desc {
	padding: 25px 0 25px;
	font-size: 14px;
	line-height: 27px;
	color: #444;
}

.component_korean_qna .related_word {
	padding: 25px 15px 0;
	font-size: 12px;
	line-height: 21px;
}

.component_korean_qna .related_word .title {
	margin-right: 5px;
	color: #666;
}

.component_korean_qna .related_word .item {
	display: inline-block;
	padding: 0 5px;
	background: #f0f0f0;
	color: #444;
}

.component_korean_qna .qna_nav {
	margin-top: 30px;
	padding: 12px 15px;
	border-top: 1px solid #f0f0f0;
}

.component_korean_qna .qna_nav .nav_item {
	margin-top: 2px;
	font-size: 13px;
	line-height: 22px;
}

.component_korean_qna .qna_nav .nav_item:before {
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 10px 6px 0 0;
	border-radius: 50%;
	background: #999;
	vertical-align: top;
	content: '';
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.component_korean_qna .qna_nav .link {
	color: #444;
}

.component_korean_qna .qna_nav .active .link {
	font-weight: bold;
}

.component_korean_qna_list {
	text-align: center;
}

.component_korean_qna_list .link {
	display: inline-block;
	height: 37px;
	padding: 0 14px;
	border: 1px solid #e5e5e5;
	font-size: 13px;
	line-height: 37px;
	color: #000;
}

.component_korean_qna_list .link:after {
	background-position: -482px -182px;
	width: 5px;
	height: 9px;
	display: inline-block;
	margin-left: 4px;
	content: '';
}

.option_area {
	overflow: hidden;
	position: relative;
	height: 47px;
}

.option_area:after {
	position: absolute;
	right: 0;
	bottom: 1px;
	left: 0;
	height: 1px;
	background-color: #cacccc;
	content: '';
}

.option_area .sort_option {
	white-space: nowrap;
}

.option_area .sort_option a {
	display: inline-block;
	position: relative;
	line-height: 47px;
	padding: 0 10px 0 14px;
	font-size: 14px;
	color: #444;
}

.option_area .sort_option a.active {
	margin-top: -1px;
	color: #03a94d;
	font-weight: bold;
}

.option_area .sort_option a.active:before {
	position: absolute;
	bottom: 1px;
	left: 13px;
	right: 9px;
	height: 2px;
	background-color: #03a94d;
	content: '';
	z-index: 1;
}

.option_area .sort_option a:after {
	position: absolute;
	top: 16px;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	content: '';
}

.option_area .sort_option a:first-child:after {
	display: none;
}

.option_area .sort_option a .sort_item_badge {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: -0.3px;
	color: #fff;
	background-color: #d80708;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
}

.option_area .sort_option .icon_blank_page {
	display: inline-block;
	background-position: -523px -419px;
	width: 13px;
	height: 13px;
	margin-top: 16px;
	vertical-align: top;
}

.option_area .util_option {
	float: right;
	margin-top: 10px;
	overflow: hidden;
}

.option_area .pinyin_generator {
	float: left;
	margin: 4px 10px 0 0;
}

.option_area .font_scale_option {
	position: relative;
	float: left;
}

.option_area .font_scale_option input[type='radio'] {
	position: absolute;
	left: -1px;
	top: -1px;
	opacity: 0;
}

.option_area .font_scale_option input[type='radio'] + label {
	position: relative;
	float: left;
	margin-left: -1px;
	cursor: pointer;
	vertical-align: top;
	z-index: 1;
}

.option_area .font_scale_option input[type='radio'] + label.scale1 {
	margin-left: 0;
	background-position: -259px -234px;
	width: 27px;
	height: 25px;
}

.option_area .font_scale_option input[type='radio'] + label.scale2 {
	background-position: -321px -234px;
	width: 27px;
	height: 25px;
}

.option_area .font_scale_option input[type='radio'] + label.scale3 {
	background-position: -197px -234px;
	width: 27px;
	height: 25px;
}

.option_area .font_scale_option input[type='radio'].checked + label {
	background-position: -228px -234px;
	width: 27px;
	height: 25px;
	z-index: 10;
}

.option_area .font_scale_option input[type='radio'].checked + .scale2 {
	background-position: -290px -234px;
	width: 27px;
	height: 25px;
}

.option_area .font_scale_option input[type='radio'].checked + .scale3 {
	background-position: -166px -234px;
	width: 27px;
	height: 25px;
}

.option_area .btn_print {
	background-position: -157px -312px;
	width: 25px;
	height: 25px;
	float: left;
	margin-left: 5px;
	vertical-align: top;
}

.option_area .tab_scroll {
	overflow: hidden;
	overflow-x: auto;
}

.option_area .tab_scroll::-webkit-scrollbar {
	width: 0;
	background: transparent;
}

.option_area .navigation {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.option_area .navigation:before {
	position: absolute;
	top: 0;
	bottom: 2px;
	left: -30px;
	z-index: 1;
	width: 30px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, white));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%);
	content: '';
}

.option_area .btn_prev,
.option_area .btn_next {
	float: left;
	width: 49px;
	height: 45px;
	background-color: #fff;
	vertical-align: top;
	border-left: 1px solid #f0f0f0;
}

.option_area .btn_prev .ico {
	display: inline-block;
	background-position: -447px -185px;
	width: 16px;
	height: 16px;
	content: '';
}

.option_area .btn_prev.is-disabled .ico {
	background-position: -447px -205px;
	width: 16px;
	height: 16px;
}

.option_area .btn_next .ico {
	display: inline-block;
	background-position: -447px -305px;
	width: 16px;
	height: 16px;
	content: '';
}

.option_area .btn_next.is-disabled .ico {
	background-position: -447px -325px;
	width: 16px;
	height: 16px;
}

.paginate {
	padding: 20px 0 40px;
	border-top: 1px solid #cacccc;
	text-align: center;
}

.paginate + .section {
	border-top: 0;
}

.paginate a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #fff;
	font-size: 14px;
	font-family: NanumGothic, dotum, sans-serif;
	color: #888;
	font-weight: normal;
}

.paginate a:hover {
	border-color: #e5e5e5;
	text-decoration: underline;
	color: #ef5d3c;
}

.paginate strong {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	font-family: NanumGothic, dotum, sans-serif;
	color: #ef5d3c;
	font-weight: normal;
}

.paginate .prev,
.paginate .next {
	position: relative;
	width: auto;
	margin: 0 7px;
	font-size: 13px;
	border: 0;
}

.paginate .prev:hover,
.paginate .next:hover {
	border: 0;
	color: #888;
}

.paginate .prev:after {
	background-position: -482px -253px;
	width: 5px;
	height: 7px;
	float: left;
	margin: 10px 8px 0 0;
	vertical-align: top;
	content: '';
}

.paginate .next:after {
	background-position: -482px -242px;
	width: 5px;
	height: 7px;
	float: right;
	margin: 10px 0 0 8px;
	vertical-align: top;
	content: '';
}

.paginate .bar {
	display: inline-block;
	overflow: hidden;
	width: 1px;
	height: 14px;
	margin: 9px 1px 0;
	background-color: #ebebee;
	text-indent: 100%;
	vertical-align: top;
}

.section_suggestion {
	padding: 19px 15px 20px;
}

.section_suggestion + .section {
	border-color: #f0f0f0;
}

.section_suggestion .suggestion {
	font-size: 13px;
	line-height: 15px;
}

.section_suggestion .suggestion .title {
	float: left;
	margin-right: 12px;
}

.section_suggestion .suggestion .text {
	display: inline;
}

.section_suggestion .suggestion .text .highlight {
	color: #fb5b63;
}

.section_suggestion .suggestion .text .search_word {
	color: #0102ce;
}

.section_suggestion .suggestion .text + .text:before {
	display: inline-block;
	margin-right: 4px;
	width: 1px;
	height: 14px;
	background-color: #eee;
	vertical-align: top;
	content: '';
}

.section_suggestion .suggestion:after {
	display: block;
	clear: both;
	content: '';
}

.section_hanja_suggestion {
	padding-top: 0;
	border-bottom: 1px solid #cacccc;
}

.section_hanja_suggestion + .section {
	border-top: 0;
}

.section_hanja_suggestion .suggestion {
	padding: 21px 15px 19px;
}

.section_hanja_suggestion .suggestion .text {
	font-size: 13px;
	line-height: 16px;
}

.fs2 .section_hanja_suggestion .suggestion .text {
	font-size: 14px;
}

.fs3 .section_hanja_suggestion .suggestion .text {
	font-size: 15px;
}

.fs4 .section_hanja_suggestion .suggestion .text {
	font-size: 16px;
}

.section_hanja_suggestion .suggestion .text .highlight {
	color: #fb5b63;
}

.section_search_radical {
	position: absolute;
	padding-top: 20px;
	right: 25px;
	z-index: 10;
	border-top: 0;
}

.section_search_radical + .section {
	border-top: 0;
}

.section_search_radical .radical_item {
	float: left;
	margin-left: 8px;
	padding: 6px 8px 4px;
	border: solid 1px #eaeaea;
	line-height: 15px;
	font-size: 12px;
	color: #666;
}

.fs2 .section_search_radical .radical_item {
	font-size: 13px;
}

.fs3 .section_search_radical .radical_item {
	font-size: 14px;
}

.fs4 .section_search_radical .radical_item {
	font-size: 15px;
}

.component_filter {
	position: relative;
	padding: 20px 0 0 15px;
	z-index: 1;
}

.component_filter .category_list {
	padding: 20px 0;
	border-top: 1px solid #f0f0f0;
}

.component_filter .category_list .category_item {
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
}

.component_filter .category_list .category_item .link {
	color: #000;
}

.component_filter .category_list .category_item.active .link {
	color: #01c740;
	font-weight: bold;
}

.component_filter .category_list .category_item:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 3px 12px 0 8px;
	background: #ddd;
	vertical-align: top;
	content: '';
}

.component_filter .category_list .category_item:first-child:before {
	display: none;
}

.component_filter .level {
	display: table;
	overflow: hidden;
	position: relative;
	border: 1px solid #e7e7e7;
}

.component_filter .cell {
	display: table-cell;
	border-right: 1px solid #e5e5e5;
	vertical-align: top;
}

.component_filter .cell .tit {
	display: block;
	position: relative;
	height: 41px;
	background: #fafafa;
	color: #000;
	text-align: center;
	line-height: 41px;
	font-size: 13px;
}

.component_filter .cell .tit .inp_label_check {
	position: absolute;
	top: 12px;
	right: 17px;
	color: #444;
	font-size: 12px;
}

.component_filter .cell .cont {
	overflow: hidden;
	padding: 4px 0 19px;
}

.component_filter .cell .list {
	float: left;
	padding-left: 29px;
}

.component_filter .cell .list .item {
	margin-top: 16px;
	float: left;
}

.component_filter .btn_cell {
	width: 40px;
	vertical-align: top;
}

.component_filter .zh_hsk .cell.rank {
	width: 100px;
}

.component_filter .zh_hsk .cell.word_class {
	width: 255px;
}

.component_filter .zh_hsk .cell.word_class .item {
	width: 75px;
}

.component_filter .zh_hsk .cell.pinyin {
	width: 275px;
}

.component_filter .zh_hsk .cell.pinyin .list {
	margin-right: -3px;
}

.component_filter .zh_hsk .cell.pinyin .item {
	width: 62px;
}

.component_filter .chinalab {
	width: 100%;
}

.component_filter .chinalab .cell.pinyin {
	width: 100%;
}

.component_filter .chinalab .cell.pinyin .list {
	padding-left: 20px;
}

.component_filter .chinalab .cell.pinyin .item {
	width: 75px;
}

.component_filter .jp_jlpt .item {
	width: 75px;
}

.component_filter .jp_jlpt .rank {
	width: 200px;
}

.component_filter .jp_jlpt .word_class {
	width: 430px;
}

.component_filter .ko_correct .cell {
	width: 631px;
}

.component_filter .ko_correct .cell .list {
	margin-right: -5px;
	padding-left: 36px;
}

.component_filter .ko_correct .cell .item {
	width: 100px;
	position: relative;
}

.component_filter .ko_topic .cell.region {
	width: 348px;
}

.component_filter .ko_topic .cell.region .list {
	margin-right: -11px;
	padding-left: 19px;
}

.component_filter .ko_topic .cell.region .item {
	width: 80px;
}

.component_filter .ko_topic .cell.consonant {
	width: 161px;
}

.component_filter .ko_topic .cell.consonant .list {
	padding-left: 20px;
}

.component_filter .ko_topic .cell.consonant .item {
	width: 44px;
}

.component_filter .ko_topic .cell.vowel {
	width: 120px;
}

.component_filter .ko_topic .cell.vowel .list {
	padding-left: 20px;
}

.component_filter .ko_topic .cell.vowel .item {
	width: 44px;
}

.component_filter .ko_topic_foreign .cell.consonant {
	width: 357px;
}

.component_filter .ko_topic_foreign .cell.consonant .list {
	padding-left: 80px;
}

.component_filter .ko_topic_foreign .cell.consonant .item {
	width: 82px;
}

.component_filter .ko_topic_foreign .cell.vowel {
	width: 275px;
}

.component_filter .ko_topic_foreign .cell.vowel .list {
	padding-left: 80px;
}

.component_filter .ko_topic_foreign .cell.vowel .item {
	width: 82px;
}

.component_filter .filter_horizon .cell {
	display: block;
}

.component_filter .filter_horizon .cell .tit {
	display: table-cell;
	width: 85px;
}

.component_filter .filter_horizon .cell .cont {
	display: table-cell;
}

.component_filter .btn_folder {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 40px;
}

.component_filter .btn_folder.active .ico {
	background-position: -430px -405px;
}

.component_filter .btn_folder .ico {
	background-position: -371px -447px;
	width: 12px;
	height: 6px;
	display: inline-block;
}

.component_filter .result {
	position: relative;
	height: 46px;
	border-bottom: 1px solid #f0f0f0;
}

.component_filter .result .text {
	color: #666;
	line-height: 46px;
}

.component_filter .result .text .check {
	color: #00b300;
}

.component_filter .result .text .category {
	margin-right: 4px;
	font-weight: 700;
	font-size: 14px;
	color: #000;
}

.fs2 .component_filter .result .text .category {
	font-size: 15px;
}

.fs3 .component_filter .result .text .category {
	font-size: 16px;
}

.fs4 .component_filter .result .text .category {
	font-size: 17px;
}

.component_filter .result .text .amount {
	font-size: 12px;
	font-weight: normal;
	color: #888;
}

.fs2 .component_filter .result .text .amount {
	font-size: 13px;
}

.fs3 .component_filter .result .text .amount {
	font-size: 14px;
}

.fs4 .component_filter .result .text .amount {
	font-size: 15px;
}

.component_filter .result .inp_label_check {
	position: absolute;
	top: 16px;
	right: 0;
}

.component_filter .result .sort_area {
	position: absolute;
	top: 16px;
	right: 0;
}

.component_filter .result .sort_area .sort_option {
	float: left;
	min-width: 34px;
	margin-left: 16px;
}

.component_filter .result .sort_area .sort_option .btn_sort_option {
	display: block;
	color: #999;
}

.component_filter .result .sort_area .sort_option .btn_sort_option:before {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 5px 5px 0 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: top;
	background-color: #d8d8d8;
	content: '';
}

.component_filter .result .sort_area .sort_option .btn_sort_option[aria-selected='true'], .component_filter .result .sort_area .sort_option .btn_sort_option.is-active {
	color: #03c75a;
}

.component_filter .result .sort_area .sort_option .btn_sort_option[aria-selected='true']::before, .component_filter .result .sort_area .sort_option .btn_sort_option.is-active::before {
	background-color: #03c75a;
}

.component_filter .result_card2 {
	border-top: 1px solid #f0f0f0;
}

.component_filter .inp_label {
	position: relative;
	display: block;
	vertical-align: top;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: -0.5px;
	color: #333;
	cursor: pointer;
}

.component_filter .inp_label .title[lang^='ja'], .component_filter .inp_label .title[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_filter .inp_label .title[lang^='ja'], .fs2 .component_filter .inp_label .title[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_filter .inp_label .title[lang^='ja'], .fs3 .component_filter .inp_label .title[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_filter .inp_label .title[lang^='ja'], .fs4 .component_filter .inp_label .title[lang^='zh'] {
	font-size: 18px;
}

.component_filter .inp_label .title[lang^='ja'] {
	font-weight: normal;
}

.component_filter .inp_label .count {
	font-size: 12px;
	color: #999;
}

.component_filter .inp_label.is-active {
	color: #03c75a;
}

.component_filter .inp_label.is-active .count {
	font-weight: normal;
}

.component_filter .inp_label.is-active:before {
	background: #fff;
	border-color: #c0c0c0;
}

.component_filter .inp_label.is-active:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: #03a94d;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_filter .inp_label:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: #fff;
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: top;
}

.component_filter .inp_label.active .title {
	color: #00b300;
}

.component_filter .inp_label_check {
	color: #999;
	line-height: 15px;
	font-size: 13px;
	cursor: pointer;
}

.component_filter .inp_label_check.is-active:before {
	background-position: -228px -381px;
	width: 18px;
	height: 18px;
	border: 0;
}

.component_filter .inp_label_check:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -1px 6px 0 0;
	border: 1px solid #e0e0e0;
	background: #fff;
	vertical-align: top;
}

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

.component_filter .radio_group {
	position: relative;
	padding: 6px 17px;
	font-size: 0;
	background: #fafafa;
}

.component_filter .radio_group .item {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
	padding: 7px 8px;
}

.component_filter .select_area {
	position: absolute;
	top: 27px;
	right: 15px;
	width: 125px;
	height: 27px;
	border: 1px solid #dadada;
	background-color: #fff;
}

.component_filter .select_area.is-selected .select_list {
	display: block;
}

.component_filter .select_area.is-selected .btn_select:before {
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.component_filter .select_area .btn_select {
	width: 100%;
	padding: 0 34px 0 12px;
	text-align: left;
	color: #333;
	font-size: 12px;
	line-height: 27px;
}

.component_filter .select_area .btn_select:before {
	background-position: -187px -60px;
	width: 6px;
	height: 4px;
	position: absolute;
	top: 12px;
	right: 12px;
	content: '';
}

.component_filter .select_area .select_list {
	display: none;
	overflow: auto;
	position: absolute;
	top: 27px;
	left: -1px;
	right: -1px;
	max-height: 280px;
	border: 1px solid #03c75a;
	background-color: #fff;
	cursor: pointer;
	z-index: 10;
}

.component_filter .select_area .select_item {
	padding: 0 12px;
	font-size: 12px;
	line-height: 29px;
}

.component_filter .select_area .select_item.is-selected {
	color: #03c75a;
}

.component_filter .select_area .select_item:hover {
	background-color: #f7f7f7;
}

.component_filter .btn_option {
	display: inline-block;
}

.component_filter .btn_option .inp_label_check {
	color: #333;
}

.component_filter .btn_option .inp_label_check + .inp_label_check {
	margin-left: 26px;
}

.component_filter .btn_option:before {
	content: '';
	display: inline-block;
	margin: 0 36px 0 20px;
	width: 1px;
	height: 18px;
	vertical-align: top;
	background: #d8d8d8;
}

.component_filter .sorting_combobox {
	position: absolute;
	top: 11px;
	right: 0;
}

.component_filter .sorting_combobox .combobox {
	padding: 0 6px 0 7px;
	border: 1px solid #eaeaea;
	font-size: 13px;
	line-height: 23px;
	color: #666;
}

.component_filter .sorting_combobox .combobox:after {
	background-position: -443px -447px;
	width: 8px;
	height: 5px;
	display: inline-block;
	margin: 9px 0 0 6px;
	vertical-align: top;
	content: '';
}

.component_filter .sorting_combobox .option_list {
	display: none;
	padding: 4px 0 3px;
	background: #fff;
	border: 1px solid #eaeaea;
	border-top: 0;
	list-style-image: url(data:0);
}

.component_filter .sorting_combobox .option {
	display: block;
	padding: 4px 7px;
	font-size: 13px;
	line-height: 15px;
	color: #666;
	list-style-image: url(data:0);
}

.component_filter .sorting_combobox .active .option {
	color: #3562c6;
}

.component_filter .sorting_combobox.opened .combobox:after {
	background-position: -419px -447px;
}

.component_filter .sorting_combobox.opened .option_list {
	display: block;
}

.section_suggestion + .section_filter {
	position: relative;
	z-index: 1;
	padding-left: 15px;
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}

.section_suggestion + .section_filter .component_filter {
	padding: 0;
}

.filter_horizon {
	border: 1px solid #e9e9e9;
}

.filter_horizon .filter_row {
	display: table;
	border-top: 1px solid #e9e9e9;
}

.filter_horizon .filter_row:first-child {
	border-top: 0;
}

.filter_horizon .filter_row .tit {
	display: table-cell;
	min-height: 29px;
	min-width: 85px;
	vertical-align: middle;
	background-color: #fafafa;
	font-size: 14px;
	text-align: center;
	color: #333;
}

.fs2 .filter_horizon .filter_row .tit {
	font-size: 15px;
}

.fs3 .filter_horizon .filter_row .tit {
	font-size: 16px;
}

.fs4 .filter_horizon .filter_row .tit {
	font-size: 17px;
}

.filter_horizon .filter_row .cont {
	display: table-cell;
	width: 100%;
	padding: 7px 20px;
}

.filter_horizon .filter_row .cont .item {
	float: left;
	min-width: 107px;
	padding: 7px 0;
}

.filter_horizon .filter_row .cont .item::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.filter_horizon .filter_row .cont .inp_label {
	font-size: 15px;
}

.fs2 .filter_horizon .filter_row .cont .inp_label {
	font-size: 16px;
}

.fs3 .filter_horizon .filter_row .cont .inp_label {
	font-size: 17px;
}

.fs4 .filter_horizon .filter_row .cont .inp_label {
	font-size: 18px;
}

.filter_horizon .filter_row .cont .text[lang^='ja'] {
	font-weight: normal;
}

.section_keyword .component_filter .radio_group {
	overflow: hidden;
	padding-right: 30px;
}

.section_keyword .component_filter .item {
	float: left;
	padding-left: 0;
	padding-right: 0;
	min-width: 108px;
}

.component_emptyfilter {
	padding: 80px 0 80px 15px;
	text-align: center;
}

.component_emptyfilter .desc {
	color: #666;
	line-height: 20px;
	font-size: 14px;
}

.component_emptyfilter .btn_all {
	display: inline-block;
	width: 171px;
	height: 43px;
	margin-top: 20px;
	border: 1px solid #e6e6e6;
	color: #000;
	vertical-align: top;
	line-height: 43px;
	font-size: 13px;
}

.component_linkdict {
	margin: 15px 0 16px;
	text-align: center;
}

.component_linkdict .item {
	display: inline-block;
	margin-left: 10px;
	font-size: 0;
	white-space: nowrap;
}

.component_linkdict .item:first-child {
	margin-left: 0;
}

.component_linkdict .item .link {
	display: block;
	height: 34px;
	padding: 0 15px;
	border: 1px solid #e6e6e6;
	color: #666;
	line-height: 34px;
	font-size: 12px;
}

.component_linkdict .item .link .ico {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	display: inline-block;
	content: '';
	display: inline-block;
	margin: 12px 0 0 4px;
	vertical-align: top;
}

.component_socialplugin {
	margin-bottom: 50px;
	text-align: center;
}

.component_socialplugin .spi_sns_share .spi_lst {
	vertical-align: top;
}

.component_empty {
	padding: 19px 0 54px 15px;
	font-size: 16px;
	text-align: center;
	color: #000;
}

.component_empty .desc .word {
	color: #f95057;
}

.component_empty .desc .text {
	display: block;
	margin: 13px 0 0;
	color: #959595;
	font-size: 14px;
}

.component_empty .btn_show_all_result {
	display: inline-block;
	margin: 17px auto 0;
	padding: 9px 17px 10px;
	height: 14px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	color: #444;
}

.component_linkother {
	text-align: center;
}

.component_linkother .item {
	position: relative;
	display: inline-block;
}

.component_linkother .item .tooltip {
	position: absolute;
	top: 45px;
	left: 5px;
	z-index: 2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 12px 30px 11px 15px;
	border: 1px solid #c4c1a2;
	background: #fffef1;
	font-weight: normal;
}

.component_linkother .item .tooltip:before {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.component_linkother .item .tooltip:after {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.component_linkother .item .tooltip .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.component_linkother .item .tooltip .btn_close:before {
	position: absolute;
	top: 8px;
	right: 8px;
	background-position: -266px -496px;
	width: 12px;
	height: 12px;
	content: '';
}

.component_linkother .item .tooltip .desc {
	font-size: 13px;
	line-height: 18px;
	color: #070707;
}

.component_linkother .item .tooltip .desc {
	font-size: 13px;
	line-height: 18px;
	color: #070707;
	white-space: nowrap;
	text-align: left;
}

.component_linkother .item .tooltip .title {
	font-weight: bold;
}

.component_linkother .item .tooltip:before {
	position: absolute;
	top: -6px;
	left: 60px;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.component_linkother .item .tooltip:after {
	position: absolute;
	top: -5px;
	left: 60px;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.component_linkother .btn_link {
	display: block;
	height: 34px;
	margin: 0 5px;
	padding: 0 15px;
	border: solid 1px #e6e6e6;
	background: #fff;
	color: #666;
	text-align: center;
	line-height: 34px;
	font-size: 12px;
}

.component_linkother .btn_link .service {
	color: #3f63bf;
	font-weight: normal;
}

.component_linkother .btn_link .ico {
	background-position: -315px -234px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.component_linkopendict .item,
.component_add_opendict .item {
	color: #666;
	font-size: 14px;
	line-height: 25px;
}

.component_linkopendict .item .desc,
.component_add_opendict .item .desc {
	display: inline-block;
	margin-right: 46px;
}

.component_linkopendict .item .btn_link,
.component_add_opendict .item .btn_link {
	position: relative;
	display: inline-block;
	height: 32px;
	min-width: 86px;
	padding: 0 12px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	font-size: 12px;
	line-height: 34px;
	text-align: center;
	color: #3d3d3d;
}

.component_linkopendict .item .btn_opendict_more,
.component_add_opendict .item .btn_opendict_more {
	position: relative;
	display: inline-block;
	height: 32px;
	min-width: 86px;
	padding: 0 12px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	font-size: 12px;
	line-height: 34px;
	text-align: center;
	color: #3d3d3d;
	margin-left: 4px;
}

.component_linkopendict .item .btn_opendict_more:after,
.component_add_opendict .item .btn_opendict_more:after {
	display: inline-block;
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	margin-left: 4px;
	vertical-align: middle;
	content: '';
}

.component_linkopendict {
	padding: 7px 15px 27px;
}

.component_linkopendict .item {
	padding-top: 5px;
}

.component_add_opendict {
	padding: 15px 39px;
	background-color: #fafafa;
}

.section_linkopendict {
	padding-bottom: 1px;
}

.article + .section_linkopendict {
	border-top: 1px solid #cacccc;
}

.section_linkopendict .desc {
	min-width: 210px;
}

.section_add_opendict {
	padding-top: 0;
	border-top-color: #f0f0f0;
}

.component_search_all {
	margin-bottom: 30px;
	text-align: center;
}

.component_search_all .link {
	display: inline-block;
	height: 39px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	color: #000;
	line-height: 39px;
	font-size: 13px;
}

.component_search_all .link .highlight {
	padding-left: 4px;
	color: #1b47b9;
	font-size: 13px;
	font-weight: normal;
}

.component_search_all .link + .link {
	margin-left: 10px;
}

.component_search_all .link .ico {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin: 16px 0 0 3px;
	vertical-align: top;
}

.section_relation_search_word {
	padding: 11px 15px 9px;
}

.section_relation_search_word .section_title {
	display: inline-block;
	margin-top: 1px;
	margin-right: 5px;
	padding-left: 9px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

.section_relation_search_word .section_content {
	margin-left: -9px;
	word-wrap: break-word;
}

.section_relation_search_word .section_content .word {
	display: inline-block;
	padding: 0 9px;
	font-size: 13px;
	line-height: 20px;
	color: #1b47b9;
}

.button_relation_word {
	display: none;
}

.translate_btns.is-opened .btn_papago {
	border-color: #6db6ec;
	background-color: #fcfcfc;
}

.translate_btns.challenge-opened .btn_challenge {
	border-color: #6db6ec;
	background-color: #fcfcfc;
}

.translate_btns.challenge-opened ~ .translate_challenge {
	display: block;
}

.translate_btns.other-opened .btn_other {
	border-color: #6db6ec;
	background-color: #fcfcfc;
}

.translate_btns.other-opened .btn_other:after {
	background-position: -476px -288px;
	width: 10px;
	height: 7px;
}

.translate_btns.other-opened ~ .translate_other {
	display: block;
}

.btn_papago {
	display: inline-block;
	height: 26px;
	margin-top: 7px;
	padding: 1px 9px 0 7px;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	line-height: 24px;
	color: #666;
	vertical-align: top;
}

.btn_papago:before {
	display: inline-block;
	background-position: -196px -405px;
	width: 14px;
	height: 14px;
	vertical-align: -3px;
	content: '';
}

.btn_userstranslate {
	display: inline-block;
	height: 26px;
	margin-top: 7px;
	padding: 1px 9px 0 7px;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	line-height: 24px;
	color: #666;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.btn_userstranslate.btn_challenge:before {
	display: inline-block;
	background-position: -214px -405px;
	width: 14px;
	height: 14px;
	vertical-align: -2px;
	content: '';
}

.btn_userstranslate.btn_other:after {
	display: inline-block;
	margin-left: 7px;
	background-position: -494px -288px;
	width: 9px;
	height: 7px;
	content: '';
}

.btn_userstranslate .icon_userstranslate {
	display: inline-block;
	background-position: -214px -405px;
	width: 14px;
	height: 14px;
	vertical-align: -2px;
}

.translate_result {
	display: none;
	position: relative;
	padding: 14px 15px 13px 32px;
	margin: 11px 0 0 -15px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	background-color: #fafafa;
	font-size: 14px;
	color: #333;
}

.translate_result:before {
	position: absolute;
	top: 13px;
	left: 15px;
	background-position: -468px -306px;
	width: 9px;
	height: 10px;
	content: '';
}

.is-opened + .translate_result {
	display: block;
}

.component_example .translate_result ~ .source {
	margin-top: 10px;
}

.translate_challenge {
	display: none;
	margin-top: 12px;
	padding: 12px;
	border: solid 1px #e6e6e6;
	background-color: #fbfbfb;
}

.translate_challenge .challenge_input {
	padding: 14px 11px;
	border: solid 1px #eaeaea;
	background-color: #fff;
}

.translate_challenge .challenge_input textarea {
	width: 100%;
	height: 30px;
	font-size: 12px;
	line-height: 15px;
	border: none;
	resize: none;
	vertical-align: top;
}

.translate_challenge .challenge_input textarea::-webkit-input-placeholder {
	word-break: keep-all;
	color: #888;
}

.translate_challenge .challenge_input textarea:-ms-input-placeholder {
	word-break: keep-all;
	color: #888;
}

.translate_challenge .challenge_input textarea::-ms-input-placeholder {
	word-break: keep-all;
	color: #888;
}

.translate_challenge .challenge_input textarea::placeholder {
	word-break: keep-all;
	color: #888;
}

.translate_challenge .check_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 10px;
}

.translate_challenge .check_area .count {
	margin-right: 5px;
	font-size: 12px;
	line-height: 15px;
	color: #888;
}

.translate_challenge .check_area .btn_check {
	padding: 5px 13px;
	font-size: 13px;
	line-height: 15px;
	color: #666;
	border: 1px solid #eaeaea;
	background-color: #fff;
}

.translate_challenge .check_area .btn_check + .btn_check {
	margin-left: 8px;
}

.translate_other {
	overflow-y: auto;
	display: none;
	max-height: 305px;
	margin-top: 12px;
	border: solid 1px #e1e1e1;
	background-color: #fbfbfb;
}

.translate_other .other_list {
	padding: 6px 20px;
	background-color: rgba(248, 252, 255, 0.3);
}

.translate_other .other_list .item {
	padding: 8px 0;
}

.translate_other .other_list .item + .item {
	border-top: 1px solid #eee;
}

.translate_other .other_list .cont {
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.translate_other .other_list .user_profile {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 0;
}

.translate_other .other_list .user_profile .date {
	-webkit-align-self: flex-end;
	    -ms-flex-item-align: end;
	        align-self: flex-end;
	margin-right: auto;
	font-size: 12px;
	line-height: 15px;
	color: #888;
}

.translate_other .other_list .user_profile .vote {
	float: none;
	margin-left: 8px;
}

.translate_other .btn_more {
	display: none;
}

.section_search_notice .notice_desc {
	margin: 2px 0 0;
	padding: 15px 24px;
	border: solid 1px #e5e5e5;
	font-size: 13px;
	line-height: 20px;
	color: #444;
	text-align: center;
	letter-spacing: -0.34px;
}

.section_search_notice .notice_desc strong {
	font-weight: 600;
	color: #ff5650;
}

.section_search_notice + .section_etc {
	border-top: 0;
}

.section_search_notice[style*='none'] + .section_etc {
	border-top: 1px solid #cacccc;
}

#searchPage_open + .section_etc {
	padding-top: 20px;
}

#searchPage_open + .section_etc .component_search_all {
	margin-bottom: 0;
}

#searchPage_open + .section_etc + .section {
	border: 0;
}

.component_tab {
	position: relative;
	height: 45px;
	padding-right: 102px;
	border-top: 1px solid #cacccc;
	background: #fafafa;
}

.component_tab::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_tab:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #f0f0f0;
	content: '';
}

.component_tab.global {
	height: 52px;
}

.component_tab.global .tab_scroll .tab_scroll_inner {
	height: 52px;
}

.component_tab.global .tab_scroll .tab_scroll_inner .item {
	line-height: 52px;
	margin: 0 10px;
}

.component_tab.global .navigation > button {
	height: 51px;
}

.component_tab.global .navigation .btn_setting_cp {
	height: 51px;
}

.component_tab.global .navigation .btn_setting_cp .ico {
	margin-top: 18px;
}

.component_tab .tab_wrapper .tab.oxford .item,
.component_tab .tab_wrapper .tab.collins .item,
.component_tab .tab_wrapper .tab.merriam .item,
.component_tab .tab_wrapper .tab.wiktionary .item,
.component_tab .tab_wrapper .tab.collins_learner .item,
.component_tab .tab_wrapper .tab.merriam_learner .item,
.component_tab .tab_wrapper .tab.collins_gem .item,
.component_tab .tab_scroll .tab.oxford .item,
.component_tab .tab_scroll .tab.collins .item,
.component_tab .tab_scroll .tab.merriam .item,
.component_tab .tab_scroll .tab.wiktionary .item,
.component_tab .tab_scroll .tab.collins_learner .item,
.component_tab .tab_scroll .tab.merriam_learner .item,
.component_tab .tab_scroll .tab.collins_gem .item {
	font-size: 0;
	overflow: hidden;
}

.component_tab .tab_wrapper .tab.oxford .item:before,
.component_tab .tab_scroll .tab.oxford .item:before {
	display: inline-block;
	background-position: -34px -65px;
	width: 32px;
	height: 32px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.oxford[aria-selected=true] .item,
.component_tab .tab_scroll .tab.oxford[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.oxford[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.oxford[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.oxford[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.oxford[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.oxford[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.oxford[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_wrapper .tab.oxford[aria-selected=true] .item:before,
.component_tab .tab_scroll .tab.oxford[aria-selected=true] .item:before {
	margin-right: 4px;
}

.component_tab .tab_wrapper .tab.collins .item:before,
.component_tab .tab_scroll .tab.collins .item:before {
	display: inline-block;
	background-position: -121px -34px;
	width: 32px;
	height: 32px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.collins[aria-selected=true] .item,
.component_tab .tab_scroll .tab.collins[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.collins[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.collins[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.collins[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.collins[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.collins[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.collins[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_wrapper .tab.collins[aria-selected=true] .item:before,
.component_tab .tab_scroll .tab.collins[aria-selected=true] .item:before {
	margin-right: 4px;
}

.component_tab .tab_wrapper .tab.merriam .item:before,
.component_tab .tab_scroll .tab.merriam .item:before {
	display: inline-block;
	background-position: -68px -65px;
	width: 32px;
	height: 32px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.merriam[aria-selected=true] .item,
.component_tab .tab_scroll .tab.merriam[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.merriam[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.merriam[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.merriam[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.merriam[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.merriam[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.merriam[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_wrapper .tab.merriam[aria-selected=true] .item:before,
.component_tab .tab_scroll .tab.merriam[aria-selected=true] .item:before {
	margin-right: 4px;
}

.component_tab .tab_wrapper .tab.wiktionary .item:before,
.component_tab .tab_scroll .tab.wiktionary .item:before {
	display: inline-block;
	background-position: -80px -29px;
	width: 32px;
	height: 32px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.wiktionary[aria-selected=true] .item,
.component_tab .tab_scroll .tab.wiktionary[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.wiktionary[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.wiktionary[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.wiktionary[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.wiktionary[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.wiktionary[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.wiktionary[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_wrapper .tab.wiktionary[aria-selected=true] .item:before,
.component_tab .tab_scroll .tab.wiktionary[aria-selected=true] .item:before {
	margin-right: 4px;
}

.component_tab .tab_wrapper .tab.collins_learner .item:before,
.component_tab .tab_scroll .tab.collins_learner .item:before {
	display: inline-block;
	background-position: 0px -99px;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.collins_learner[aria-selected=true] .item,
.component_tab .tab_scroll .tab.collins_learner[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.collins_learner[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.collins_learner[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.collins_learner[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.collins_learner[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.collins_learner[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.collins_learner[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_wrapper .tab.merriam_learner .item:before,
.component_tab .tab_scroll .tab.merriam_learner .item:before {
	display: inline-block;
	background-position: -121px 0px;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.merriam_learner[aria-selected=true] .item,
.component_tab .tab_scroll .tab.merriam_learner[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.merriam_learner[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.merriam_learner[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.merriam_learner[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.merriam_learner[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.merriam_learner[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.merriam_learner[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_wrapper .tab.collins_gem .item:before,
.component_tab .tab_scroll .tab.collins_gem .item:before {
	display: inline-block;
	background-position: -34px -99px;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	margin-top: 10px;
	vertical-align: top;
	content: '';
}

.component_tab .tab_wrapper .tab.collins_gem[aria-selected=true] .item,
.component_tab .tab_scroll .tab.collins_gem[aria-selected=true] .item {
	font-size: 15px;
}

.fs2 .component_tab .tab_wrapper .tab.collins_gem[aria-selected=true] .item, .fs2
.component_tab .tab_scroll .tab.collins_gem[aria-selected=true] .item {
	font-size: 16px;
}

.fs3 .component_tab .tab_wrapper .tab.collins_gem[aria-selected=true] .item, .fs3
.component_tab .tab_scroll .tab.collins_gem[aria-selected=true] .item {
	font-size: 17px;
}

.fs4 .component_tab .tab_wrapper .tab.collins_gem[aria-selected=true] .item, .fs4
.component_tab .tab_scroll .tab.collins_gem[aria-selected=true] .item {
	font-size: 18px;
}

.component_tab .tab_scroll {
	overflow: hidden;
}

.component_tab .tab_scroll .tab_scroll_inner {
	height: 45px;
	font-size: 0;
	line-height: 45px;
	white-space: nowrap;
}

.component_tab .tab_scroll .tab {
	display: inline-block;
	white-space: normal;
	vertical-align: top;
}

.component_tab .tab_scroll .tab[aria-selected=true] .item {
	font-weight: bold;
	color: #03c75a;
}

.component_tab .tab_scroll .tab[aria-selected=true] .item:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #03c75a;
	font-weight: bold;
	content: '';
}

.component_tab .tab_scroll .tab .item[aria-selected=true] {
	font-weight: bold;
	color: #03c75a;
}

.component_tab .tab_scroll .tab .item[aria-selected=true]:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #03c75a;
	font-weight: bold;
	content: '';
}

.component_tab .tab_scroll .tab:last-child {
	margin-right: 10px;
}

.component_tab .tab_scroll .tab:first-child {
	margin-left: 10px;
}

.component_tab .tab_scroll .item {
	display: block;
	position: relative;
	margin: 0 10px 0 15px;
	font-size: 13px;
	line-height: 45px;
	color: #999;
}

.component_tab .tab_scroll .item:hover {
	color: #000;
}

.component_tab .tab_scroll .item:last-child {
	margin-right: 15px;
}

.component_tab .navigation {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.component_tab .navigation:after {
	position: absolute;
	top: 0;
	bottom: 1px;
	left: -30px;
	z-index: 1;
	width: 30px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, #fafafa));
	content: '';
}

.component_tab .navigation > button {
	float: left;
	width: 50px;
	height: 44px;
	border-left: 1px solid #f0f0f0;
	background: #fafafa;
}

.component_tab .navigation .btn_prev:hover .ico {
	background-position: -468px -64px;
}

.component_tab .navigation .btn_prev:disabled .ico {
	background-position: -468px -84px;
}

.component_tab .navigation .btn_prev .ico {
	background-position: -468px -124px;
	width: 10px;
	height: 16px;
	display: inline-block;
}

.component_tab .navigation .btn_next:hover .ico {
	background-position: -468px -44px;
}

.component_tab .navigation .btn_next:disabled .ico {
	background-position: -468px -24px;
}

.component_tab .navigation .btn_next .ico {
	background-position: -468px -104px;
	width: 10px;
	height: 16px;
	display: inline-block;
}

.component_tab .navigation .btn_setting_cp {
	text-align: center;
	float: left;
	width: 50px;
	height: 44px;
	border-left: 1px solid #f0f0f0;
	background: #fafafa;
}

.component_tab .navigation .btn_setting_cp .ico {
	display: inline-block;
	margin-top: 14px;
	background-position: -447px -63px;
	width: 17px;
	height: 17px;
}

.component_tab .navigation .btn_setting_cp:hover .ico, .component_tab .navigation .btn_setting_cp.is-active .ico {
	background-position: -447px -21px;
}

.component_tab .tooltip {
	display: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 42px;
	right: 0;
	z-index: 200000;
	width: 170px;
	padding: 11px 13px;
	border: 1px solid #c4c1a2;
	background-color: #fffef1;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	color: #070707;
}

.component_tab .tooltip .btn_close {
	background-position: -213px -447px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 8px;
	right: 8px;
}

.component_tab .tooltip:before {
	position: absolute;
	top: -6px;
	right: 17px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.component_tab .tooltip:after {
	position: absolute;
	top: -5px;
	right: 18px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.component_tab .layer_cp_list {
	display: none;
	position: absolute;
	top: 44px;
	right: 0;
	z-index: 20000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 150px;
	padding: 0 18px;
	background-color: #fff;
	border: 1px solid #444;
}

.component_tab .layer_cp_list.enen {
	width: 366px;
	padding: 0;
}

.component_tab .layer_cp_list.enen .title {
	padding: 24px 0 0;
}

.component_tab .layer_cp_list.enen .desc {
	padding-top: 12px;
	font-size: 12px;
	line-height: 19px;
	color: #666;
	text-align: center;
}

.component_tab .layer_cp_list.enen .btn_save {
	display: block;
	width: 100%;
	height: 44px;
	margin-top: 35px;
	border-top: 1px solid #ececec;
	line-height: 44px;
	background-color: #f6f7f9;
	font-size: 14px;
	color: #333;
}

.component_tab .layer_cp_list.enen .folder_list {
	padding: 0 16px;
	margin: 20px 20px 0;
	border: 1px solid #ececec;
}

.component_tab .layer_cp_list.enen .btn_close {
	background-position: -314px -208px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 12px;
	right: 12px;
}

.component_tab .layer_cp_list.enen .folder {
	min-height: 40px;
	height: auto;
	border-top: 1px solid #edf0f2;
}

.component_tab .layer_cp_list.enen .folder:first-child {
	border-top: 0;
}

.component_tab .layer_cp_list.enen .folder .checkbox.is-active + .folder_label:before {
	background-position: -285px -457px;
	width: 18px;
	height: 18px;
	border: 0;
}

.component_tab .layer_cp_list.enen .folder .checkbox.is-active + .folder_label .name {
	font-weight: bold;
}

.component_tab .layer_cp_list.enen .folder .folder_label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 12px 0;
	line-height: 18px;
	outline: 0;
	cursor: pointer;
}

.component_tab .layer_cp_list.enen .folder .folder_label:before {
	display: inline-block;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #d2d5db;
	content: '';
}

.component_tab .layer_cp_list.enen .folder .folder_label.oxford .name:before {
	background-position: -304px -268px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .folder .folder_label.collins .name:before {
	background-position: -108px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .folder .folder_label.merriam .name:before {
	background-position: -144px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .folder .folder_label.wiktionary .name:before {
	background-position: -72px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .folder .folder_label.collins_learner .name:before {
	background-position: -36px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .folder .folder_label.merriam_learner .name:before {
	background-position: 0px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .folder .folder_label .name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-overflow: initial;
	white-space: normal;
	padding-right: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.component_tab .layer_cp_list.enen .folder .folder_label .name:before {
	display: inline-block;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin-right: 8px;
	content: '';
}

.component_tab .layer_cp_list.enen .cp_item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px 0 0 32px;
	height: 24px;
	line-height: 24px;
}

.component_tab .layer_cp_list.enen .cp_item:before {
	position: absolute;
	top: 8px;
	left: 0;
	content: '';
}

.component_tab .layer_cp_list.enen .cp_item.oxford:before {
	background-position: -304px -268px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .cp_item.collins:before {
	background-position: -108px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .cp_item.merriam:before {
	background-position: -144px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .cp_item.wiktionary:before {
	background-position: -72px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .cp_item.collins_learner:before {
	background-position: -36px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list.enen .cp_item.merriam_learner:before {
	background-position: 0px -345px;
	width: 32px;
	height: 32px;
}

.component_tab .layer_cp_list .title {
	padding: 15px 0 14px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.component_tab .layer_cp_list .cp_list {
	padding: 9px 0 13px;
	border-top: 1px solid #ececec;
}

.component_tab .layer_cp_list .cp_item {
	display: block;
	position: relative;
	z-index: 1;
	padding: 8px 5px;
}

.component_tab .layer_cp_list .cp_item[aria-checked='true'] {
	margin-top: -1px;
	font-weight: bold;
	color: #03c75a;
}

.component_tab .layer_cp_list .cp_item[aria-checked='true']:after {
	position: absolute;
	top: 50%;
	right: 7px;
	margin-top: -5px;
	background-position: -306px -447px;
	width: 13px;
	height: 9px;
	content: '';
}

.select_cp_menu {
	position: relative;
	margin: 0 0 8px -12px;
	border-bottom: 1px solid #f0f0f0;
}

.select_cp_menu .cp_menu_list {
	overflow: hidden;
	min-height: 32px;
	padding-bottom: 5px;
}

.select_cp_menu .cp_menu {
	float: left;
	position: relative;
}

.select_cp_menu .cp_menu:after {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 1px;
	height: 13px;
	background-color: #ddd;
	content: '';
}

.select_cp_menu .cp_menu:last-child:after {
	display: none;
}

.select_cp_menu .cp_menu .menu_item {
	display: inline-block;
	padding: 6px 8px 6px 12px;
	font-size: 13px;
	color: #999;
}

.select_cp_menu .btn_toggle {
	display: inline-block;
}

.component_hanja_keyword {
	padding: 0 16px;
}

.component_hanja_keyword .row {
	padding: 17px 0;
	border-top: 1px solid #f2f4f6;
}

.component_hanja_keyword .row:first-child {
	border-top: 0;
}

.component_hanja_keyword .row .source {
	margin-top: 13px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	letter-spacing: -0.3px;
}

.fs2 .component_hanja_keyword .row .source {
	font-size: 14px;
}

.fs3 .component_hanja_keyword .row .source {
	font-size: 15px;
}

.fs4 .component_hanja_keyword .row .source {
	font-size: 16px;
}

.component_hanja_keyword .origin {
	line-height: 24px;
	font-size: 14px;
}

.component_hanja_keyword .origin::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.fs2 .component_hanja_keyword .origin {
	line-height: 25px;
}

.fs3 .component_hanja_keyword .origin {
	line-height: 26px;
}

.fs2 .component_hanja_keyword .origin {
	font-size: 15px;
}

.fs3 .component_hanja_keyword .origin {
	font-size: 16px;
}

.fs4 .component_hanja_keyword .origin {
	font-size: 17px;
}

.component_hanja_keyword .origin .unit_add_wordbook {
	background-position: -198px -190px;
	width: 18px;
	height: 18px;
	display: inline-block;
	position: static;
	margin: 4px 0 0 4px;
	vertical-align: top;
}

.component_hanja_keyword .origin .unit_add_wordbook:hover, .component_hanja_keyword .origin .unit_add_wordbook.is-active {
	background-position: -316px -381px;
}

.component_hanja_keyword .origin .unit_add_wordbook.is-saved {
	background-position: -292px -208px;
}

.component_hanja_keyword .origin .link,
.component_hanja_keyword .origin .text {
	float: left;
	margin-right: 6px;
	font-size: 21px;
}

.fs2 .component_hanja_keyword .origin .link, .fs2
.component_hanja_keyword .origin .text {
	font-size: 22px;
}

.fs3 .component_hanja_keyword .origin .link, .fs3
.component_hanja_keyword .origin .text {
	font-size: 23px;
}

.fs4 .component_hanja_keyword .origin .link, .fs4
.component_hanja_keyword .origin .text {
	font-size: 24px;
}

.component_hanja_keyword .origin .link {
	color: #1b47b9;
}

.component_hanja_keyword .origin .cont .label {
	display: inline-block;
	margin: 3px 0 0 2px;
	padding: 0 6px;
	border: solid 1px #e0e0e0;
	vertical-align: top;
	line-height: 16px;
	font-size: 10px;
	color: #999;
	background-color: #f6f8fa;
}

.fs2 .component_hanja_keyword .origin .cont .label {
	font-size: 11px;
}

.fs3 .component_hanja_keyword .origin .cont .label {
	font-size: 12px;
}

.fs4 .component_hanja_keyword .origin .cont .label {
	font-size: 13px;
}

.component_hanja_keyword .mean_list {
	margin-top: 5px;
	color: #000;
}

.component_hanja_keyword .mean_list .mean_item {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin: 3px 0 0;
	font-size: 14px;
	line-height: 21px;
}

.fs2 .component_hanja_keyword .mean_list .mean_item {
	font-size: 15px;
}

.fs3 .component_hanja_keyword .mean_list .mean_item {
	font-size: 16px;
}

.fs4 .component_hanja_keyword .mean_list .mean_item {
	font-size: 17px;
}

.fs2 .component_hanja_keyword .mean_list .mean_item {
	line-height: 22px;
}

.fs3 .component_hanja_keyword .mean_list .mean_item {
	line-height: 23px;
}

.component_hanja_keyword .mean_list .mean_item .num {
	display: table-cell;
	width: 17px;
	font-size: 14px;
	color: #000;
	letter-spacing: -0.3px;
}

.fs2 .component_hanja_keyword .mean_list .mean_item .num {
	font-size: 15px;
}

.fs3 .component_hanja_keyword .mean_list .mean_item .num {
	font-size: 16px;
}

.fs4 .component_hanja_keyword .mean_list .mean_item .num {
	font-size: 17px;
}

.component_hanja_keyword .mean_list .mean_item .mean {
	display: table-cell;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.component_hanja_keyword .mean_list .mean_item .user_info {
	font-size: 13px;
	line-height: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #8f8f8f;
	letter-spacing: -0.3px;
	white-space: nowrap;
}

.fs2 .component_hanja_keyword .mean_list .mean_item .user_info {
	font-size: 14px;
}

.fs3 .component_hanja_keyword .mean_list .mean_item .user_info {
	font-size: 15px;
}

.fs4 .component_hanja_keyword .mean_list .mean_item .user_info {
	font-size: 16px;
}

.fs2 .component_hanja_keyword .mean_list .mean_item .user_info {
	line-height: 17px;
}

.fs3 .component_hanja_keyword .mean_list .mean_item .user_info {
	line-height: 18px;
}

.component_hanja_keyword .mean_list .mean_item .user_info .date,
.component_hanja_keyword .mean_list .mean_item .user_info .bar {
	font-size: 12px;
}

.fs2 .component_hanja_keyword .mean_list .mean_item .user_info .date, .fs2
.component_hanja_keyword .mean_list .mean_item .user_info .bar {
	font-size: 13px;
}

.fs3 .component_hanja_keyword .mean_list .mean_item .user_info .date, .fs3
.component_hanja_keyword .mean_list .mean_item .user_info .bar {
	font-size: 14px;
}

.fs4 .component_hanja_keyword .mean_list .mean_item .user_info .date, .fs4
.component_hanja_keyword .mean_list .mean_item .user_info .bar {
	font-size: 15px;
}

.component_hanja_keyword .mean_list .mean_item .user_info .badge {
	display: inline-block;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 18px;
	height: 18px;
	margin-left: 4px;
	vertical-align: middle;
}

.component_hanja_keyword .mean_list .mean_item .user_info .badge img {
	width: 100%;
	height: 100%;
}

.component_hanja_keyword .mean_list .mean_item .user_info .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.component_hanja_keyword .mean_list .mean_item .user_info a.name,
.component_hanja_keyword .mean_list .mean_item .user_info .id {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #0068ca;
}

.component_hanja_keyword .mean_list .mean_item .user_info .bar {
	color: #e5e5e5;
	margin: 0 6px;
}

.component_hanja_keyword .mean_list .mean_item .user_info .date {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
}

.oimg,
.t_aw {
	vertical-align: middle;
}

.text_mobile {
	display: none;
}

sup,
sub {
	line-height: normal;
	font-size: 10px;
}

[lang='zh'] {
	font-family: "Microsoft Yahei", simsun, Arial, "Apple SD Gothic Neo", NanumGothic, Dotum, sans-serif;
}

.component_entry {
	position: relative;
	padding: 23px 15px 30px;
}

.component_entry .pronounce_area {
	overflow: hidden;
	line-height: 32px;
	min-height: 16px;
	font-size: 15px;
	color: #222;
}

.fs2 .component_entry .pronounce_area {
	font-size: 16px;
}

.fs3 .component_entry .pronounce_area {
	font-size: 17px;
}

.fs4 .component_entry .pronounce_area {
	font-size: 18px;
}

.component_entry .pronounce_area .pronounce_item {
	float: left;
	margin-left: 12px;
}

.component_entry .pronounce_area .type {
	color: #888;
	margin-right: 0;
}

.component_entry .pronounce_area .pronounce {
	margin-right: 0;
}

.component_entry .entry_meaning {
	margin-top: 18px;
	padding: 24px 0 15px;
	border-top: 1px solid #f2f4f6;
}

.component_entry .entry_meaning .mean {
	font-size: 16px;
	line-height: 20px;
}

.fs2 .component_entry .entry_meaning .mean {
	font-size: 17px;
}

.fs3 .component_entry .entry_meaning .mean {
	font-size: 18px;
}

.fs4 .component_entry .entry_meaning .mean {
	font-size: 19px;
}

.fs2 .component_entry .entry_meaning .mean {
	line-height: 21px;
}

.fs3 .component_entry .entry_meaning .mean {
	line-height: 22px;
}

.component_entry .entry_meaning .mean_item {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	line-height: 20px;
}

.fs2 .component_entry .entry_meaning .mean_item {
	font-size: 17px;
}

.fs3 .component_entry .entry_meaning .mean_item {
	font-size: 18px;
}

.fs4 .component_entry .entry_meaning .mean_item {
	font-size: 19px;
}

.fs2 .component_entry .entry_meaning .mean_item {
	line-height: 21px;
}

.fs3 .component_entry .entry_meaning .mean_item {
	line-height: 22px;
}

.component_entry .entry_meaning .mean_item + .mean_item {
	margin-top: 16px;
}

.component_entry .entry_meaning .mean_item .part_speech {
	color: #7a96b9;
}

.component_entry .entry_meaning .mean_item .num {
	position: absolute;
	top: 0;
	left: 0;
}

.component_entry .entry_meaning .example {
	position: relative;
	min-height: 16px;
	margin-top: 9px;
}

.component_entry .pronounce_desc {
	margin-top: 12px;
	line-height: 20px;
	font-size: 13px;
	color: #8f8f8f;
}

.fs2 .component_entry .pronounce_desc {
	font-size: 14px;
}

.fs3 .component_entry .pronounce_desc {
	font-size: 15px;
}

.fs4 .component_entry .pronounce_desc {
	font-size: 16px;
}

.component_entry .pronounce_desc + .pronounce_desc {
	margin-top: 4px;
}

.component_entry .hanja_mean {
	padding-top: 3px;
	margin-top: 4px;
}

.component_entry .hanja_mean .hanja_list {
	margin-right: -15px;
}

.component_entry .hanja_mean .hanja_item {
	display: inline-block;
	margin-right: 15px;
}

.component_entry .hanja_mean .hanja_item .word_hanja,
.component_entry .hanja_mean .hanja_item .mean_hanja {
	display: inline-block;
	font-weight: 500;
	line-height: 32px;
}

.component_entry .hanja_mean .hanja_item .word_hanja {
	font-size: 17px;
	letter-spacing: -0.21px;
	margin-right: 4px;
	color: #0068ca;
}

.fs2 .component_entry .hanja_mean .hanja_item .word_hanja {
	font-size: 18px;
}

.fs3 .component_entry .hanja_mean .hanja_item .word_hanja {
	font-size: 19px;
}

.fs4 .component_entry .hanja_mean .hanja_item .word_hanja {
	font-size: 20px;
}

.component_entry .hanja_mean .hanja_item .mean_hanja {
	font-size: 15px;
	letter-spacing: -0.2px;
	color: #222;
}

.fs2 .component_entry .hanja_mean .hanja_item .mean_hanja {
	font-size: 16px;
}

.fs3 .component_entry .hanja_mean .hanja_item .mean_hanja {
	font-size: 17px;
}

.fs4 .component_entry .hanja_mean .hanja_item .mean_hanja {
	font-size: 18px;
}

.component_entry .tit {
	font-size: 13px;
	line-height: 16px;
}

.fs2 .component_entry .tit {
	font-size: 14px;
}

.fs3 .component_entry .tit {
	font-size: 15px;
}

.fs4 .component_entry .tit {
	font-size: 16px;
}

.fs2 .component_entry .tit {
	line-height: 17px;
}

.fs3 .component_entry .tit {
	line-height: 18px;
}

.component_entry .cont .word {
	font-size: 14px;
}

.fs2 .component_entry .cont .word {
	font-size: 15px;
}

.fs3 .component_entry .cont .word {
	font-size: 16px;
}

.fs4 .component_entry .cont .word {
	font-size: 17px;
}

.component_entry .cont .word[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_entry .cont .word[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_entry .cont .word[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_entry .cont .word[lang='ko'] {
	font-size: 16px;
}

.component_entry .cont .word[lang^='ja'], .component_entry .cont .word[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_entry .cont .word[lang^='ja'], .fs2 .component_entry .cont .word[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_entry .cont .word[lang^='ja'], .fs3 .component_entry .cont .word[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_entry .cont .word[lang^='ja'], .fs4 .component_entry .cont .word[lang^='zh'] {
	font-size: 18px;
}

.component_entry .cont .word[lang='ar'], .component_entry .cont .word[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_entry .cont .word[lang='ar'], .fs2 .component_entry .cont .word[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_entry .cont .word[lang='ar'], .fs3 .component_entry .cont .word[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_entry .cont .word[lang='ar'], .fs4 .component_entry .cont .word[lang='fa'] {
	font-size: 18px;
}

.component_entry .cont .word[lang='my'], .component_entry .cont .word[lang='km'] {
	font-size: 13px;
}

.fs2 .component_entry .cont .word[lang='my'], .fs2 .component_entry .cont .word[lang='km'] {
	font-size: 14px;
}

.fs3 .component_entry .cont .word[lang='my'], .fs3 .component_entry .cont .word[lang='km'] {
	font-size: 15px;
}

.fs4 .component_entry .cont .word[lang='my'], .fs4 .component_entry .cont .word[lang='km'] {
	font-size: 16px;
}

.component_entry .cont .word .word_inner.is-bold {
	font-weight: 500;
}

.component_entry .cont .word a {
	color: #1b47b9;
}

.is-darkmode .component_entry .cont .word a {
	color: #3288ff;
}

.component_entry .cont sup {
	padding-left: 1px;
	font-size: 11px;
}

.component_entry .cont .type {
	font-size: 13px;
	color: #777;
}

.fs2 .component_entry .cont .type {
	font-size: 14px;
}

.fs3 .component_entry .cont .type {
	font-size: 15px;
}

.fs4 .component_entry .cont .type {
	font-size: 16px;
}

.component_entry .word + .pronounce {
	color: #777;
}

.component_entry .tit .link {
	display: inline-block;
	color: #666;
}

.component_entry .tit .link:hover {
	text-decoration: underline;
}

.component_entry .tit .link .ico {
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	display: inline-block;
	overflow: hidden;
	margin: 0 0 0 4px;
	vertical-align: top;
}

.component_entry .cont .link {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #777;
}

.fs2 .component_entry .cont .link {
	font-size: 14px;
}

.fs3 .component_entry .cont .link {
	font-size: 15px;
}

.fs4 .component_entry .cont .link {
	font-size: 16px;
}

.component_entry .cont .link:hover {
	text-decoration: underline;
}

.component_entry .cont .link .ico {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	margin-left: 3px;
	vertical-align: -1px;
	font-size: 1px;
	color: transparent;
	text-indent: -100px;
}

.component_entry .cont .link sup {
	display: inline-block;
	margin-top: -5px;
	vertical-align: top;
}

.component_entry .word .btn_tip {
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	display: inline-block;
	overflow: hidden;
	margin: 5px 1px 0;
	font-size: 1px;
	color: transparent;
	text-indent: -100px;
	vertical-align: top;
}

.component_entry a.word:hover {
	text-decoration: underline;
}

.component_entry .btn_search_trend {
	position: absolute;
	right: 0;
	bottom: 0;
}

.component_entry .entry_title .cont .field_area {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	font-weight: 600;
	margin-top: 6px;
}

.fs2 .component_entry .entry_title .cont .field_area {
	font-size: 15px;
}

.fs3 .component_entry .entry_title .cont .field_area {
	font-size: 16px;
}

.fs4 .component_entry .entry_title .cont .field_area {
	font-size: 17px;
}

.component_entry .entry_title .cont .field_area + .mean {
	margin-top: 2px;
}

.btn_search_trend {
	margin-bottom: 10px;
	padding: 10px 0;
	color: #999;
}

.btn_search_trend:before {
	display: inline-block;
	margin-right: 6px;
	vertical-align: -2px;
	background-position: -229px -447px;
	width: 13px;
	height: 11px;
	content: '';
}

.word_segment {
	line-height: 16px;
	font-size: 13px;
	color: #888;
	margin-top: 8px;
}

.fs2 .word_segment {
	line-height: 17px;
}

.fs3 .word_segment {
	line-height: 18px;
}

.fs2 .word_segment {
	font-size: 14px;
}

.fs3 .word_segment {
	font-size: 15px;
}

.fs4 .word_segment {
	font-size: 16px;
}

.word_segment + .entry_pronounce {
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px solid #f0f0f0;
}

.entry_title {
	position: relative;
	padding: 8px 90px 4px 0;
}

.entry_title .word {
	display: inline-block;
	margin-right: 10px;
	word-wrap: normal;
	word-break: break-all;
	vertical-align: middle;
	font-size: 34px;
	line-height: 44px;
	letter-spacing: -0.4px;
}

.entry_title .word[lang='ko'] {
	font-size: 32px;
}

.entry_title .word[lang^='ja'], .entry_title .word[lang^='zh'] {
	font-size: 40px;
}

.entry_title .word[lang='ar'], .entry_title .word[lang='fa'] {
	font-size: 34px;
}

.entry_title .word[lang='my'], .entry_title .word[lang='km'] {
	font-size: 26px;
}

.entry_title .word[lang='ko'] {
	line-height: 40px;
}

.entry_title .word[lang^='ja'], .entry_title .word[lang^='zh'] {
	line-height: 50px;
}

.entry_title .word[lang='my'], .entry_title .word[lang='km'] {
	line-height: 46px;
}

.entry_title .word[lang^='ja'] {
	font-weight: 600;
}

.entry_title .word[lang='ko'] {
	margin-bottom: 5px;
	vertical-align: -6px;
}

.entry_title .word[lang='zh'] {
	letter-spacing: 0;
}

.entry_title .word[lang='ar'], .entry_title .word[lang='fe'] {
	margin-bottom: 2px;
	letter-spacing: -0.39px;
}

.entry_title .word[lang='my'], .entry_title .word[lang='kh'] {
	margin-top: -6px;
	letter-spacing: 1.73px;
	vertical-align: 1px;
}

.entry_title .word[lang='my'] .num, .entry_title .word[lang='kh'] .num {
	vertical-align: 13px;
}

.entry_title .word .ico_voiced_sound {
	background-position: -468px -144px;
	width: 8px;
	height: 16px;
	display: inline-block;
	margin: 6px 3px 0 0;
	vertical-align: top;
}

.entry_title .word .the {
	font-size: 18px;
}

.entry_title .word .link {
	display: inherit;
	color: #000;
}

.entry_title .word .link:hover {
	color: #3562c6;
}

.entry_title .word sup {
	margin-left: 6px;
	vertical-align: top;
	line-height: 1;
}

.entry_title .word .num {
	font-size: 18px;
}

.entry_title .word .tm {
	margin-left: 6px;
	font-size: 16px;
	vertical-align: top;
}

.entry_title .word .oimg {
	vertical-align: top;
}

.entry_title .word .letter.is-selected {
	background-color: #cdff74;
}

.entry_title .addition {
	display: inline-block;
	margin-right: 8px;
	color: #666;
	font-weight: normal;
	letter-spacing: -0.54px;
	vertical-align: middle;
	font-size: 15px;
	line-height: 21px;
}

.fs2 .entry_title .addition {
	font-size: 16px;
}

.fs3 .entry_title .addition {
	font-size: 17px;
}

.fs4 .entry_title .addition {
	font-size: 18px;
}

.entry_title .addition[lang='ko'] {
	font-size: 14px;
}

.fs2 .entry_title .addition[lang='ko'] {
	font-size: 15px;
}

.fs3 .entry_title .addition[lang='ko'] {
	font-size: 16px;
}

.fs4 .entry_title .addition[lang='ko'] {
	font-size: 17px;
}

.entry_title .addition[lang^='ja'], .entry_title .addition[lang^='zh'] {
	font-size: 18px;
}

.fs2 .entry_title .addition[lang^='ja'], .fs2 .entry_title .addition[lang^='zh'] {
	font-size: 19px;
}

.fs3 .entry_title .addition[lang^='ja'], .fs3 .entry_title .addition[lang^='zh'] {
	font-size: 20px;
}

.fs4 .entry_title .addition[lang^='ja'], .fs4 .entry_title .addition[lang^='zh'] {
	font-size: 21px;
}

.fs2 .entry_title .addition {
	line-height: 22px;
}

.fs3 .entry_title .addition {
	line-height: 23px;
}

.entry_title .addition[lang='ko'] {
	line-height: 21px;
}

.fs2 .entry_title .addition[lang='ko'] {
	line-height: 22px;
}

.fs3 .entry_title .addition[lang='ko'] {
	line-height: 23px;
}

.entry_title .addition[lang^='ja'], .entry_title .addition[lang^='zh'] {
	line-height: 21px;
}

.fs2 .entry_title .addition[lang^='ja'], .fs2 .entry_title .addition[lang^='zh'] {
	line-height: 22px;
}

.fs3 .entry_title .addition[lang^='ja'], .fs3 .entry_title .addition[lang^='zh'] {
	line-height: 23px;
}

.entry_title .addition[lang='zh'] {
	letter-spacing: -0.67px;
}

.entry_title .addition:last-of-type {
	margin-right: 0;
}

.entry_title .addition .word[lang='zh_TW'] {
	font-size: 30px;
	line-height: 44px;
}

.entry_title .addition .word_zh-tw_number {
	vertical-align: 3px;
	font-size: 14px;
}

.entry_title .stroke {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 26px;
}

.fs2 .entry_title .stroke {
	font-size: 15px;
}

.fs3 .entry_title .stroke {
	font-size: 16px;
}

.fs4 .entry_title .stroke {
	font-size: 17px;
}

.fs2 .entry_title .stroke {
	line-height: 27px;
}

.fs3 .entry_title .stroke {
	line-height: 28px;
}

.entry_title .stroke .read {
	display: inline-block;
	margin-right: 4px;
	color: #666;
}

.entry_title .stroke .view {
	display: inline-block;
	font-size: 14px;
	color: #999;
}

.fs2 .entry_title .stroke .view {
	font-size: 15px;
}

.fs3 .entry_title .stroke .view {
	font-size: 16px;
}

.fs4 .entry_title .stroke .view {
	font-size: 17px;
}

.entry_title .stroke .view .ico {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin-left: 4px;
}

.entry_title .strong-number {
	margin: 0 8px 0 -2px;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	vertical-align: -4px;
}

.entry_title--saying {
	padding: 8px 90px 0 0;
}

.entry_title--saying .word {
	display: inline;
	font-size: 25px;
	line-height: 36px;
}

.entry_title--saying .word[lang='ko'] {
	font-size: 22px;
}

.entry_title--saying .word[lang^='ja'], .entry_title--saying .word[lang^='zh'] {
	font-size: 32px;
}

.entry_title--saying .word[lang='ar'], .entry_title--saying .word[lang='fa'] {
	font-size: 26px;
}

.entry_title--saying .word[lang='my'], .entry_title--saying .word[lang='km'] {
	font-size: 26px;
}

.entry_title--saying .word[lang='ko'] {
	line-height: 30px;
}

.entry_title--saying .word[lang^='ja'], .entry_title--saying .word[lang^='zh'] {
	line-height: 40px;
}

.entry_title--saying .word[lang='ar'], .entry_title--saying .word[lang='fa'] {
	line-height: 38px;
}

.entry_title--saying .word[lang='my'], .entry_title--saying .word[lang='km'] {
	line-height: 48px;
}

.entry_title--saying .word[lang='ko'] {
	letter-spacing: -0.26px;
}

.entry_title--saying .word[lang^='ja'] {
	font-weight: 600;
}

.entry_title--saying .word[lang='zh'] {
	letter-spacing: -0.94px;
}

.entry_title--saying .word[lang='ar'], .entry_title--saying .word[lang='fe'] {
	letter-spacing: -0.31px;
}

.entry_title--saying .word[lang='my'], .entry_title--saying .word[lang='kh'] {
	letter-spacing: -0.22px;
}

.entry_title--saying .word .num {
	margin-left: 4px;
	font-size: 15px;
}

.entry_title--saying .link_source {
	display: inline-block;
	margin-left: 4px;
	vertical-align: 1px;
	font-size: 16px;
	line-height: 21px;
	color: #3562c6;
}

.fs2 .entry_title--saying .link_source {
	font-size: 17px;
}

.fs3 .entry_title--saying .link_source {
	font-size: 18px;
}

.fs4 .entry_title--saying .link_source {
	font-size: 19px;
}

.entry_title--saying .link_source[lang='ko'] {
	font-size: 16px;
}

.fs2 .entry_title--saying .link_source[lang='ko'] {
	font-size: 17px;
}

.fs3 .entry_title--saying .link_source[lang='ko'] {
	font-size: 18px;
}

.fs4 .entry_title--saying .link_source[lang='ko'] {
	font-size: 19px;
}

.entry_title--saying .link_source[lang^='ja'], .entry_title--saying .link_source[lang^='zh'] {
	font-size: 17px;
}

.fs2 .entry_title--saying .link_source[lang^='ja'], .fs2 .entry_title--saying .link_source[lang^='zh'] {
	font-size: 18px;
}

.fs3 .entry_title--saying .link_source[lang^='ja'], .fs3 .entry_title--saying .link_source[lang^='zh'] {
	font-size: 19px;
}

.fs4 .entry_title--saying .link_source[lang^='ja'], .fs4 .entry_title--saying .link_source[lang^='zh'] {
	font-size: 20px;
}

.entry_title--saying .link_source[lang='ar'], .entry_title--saying .link_source[lang='fa'] {
	font-size: 18px;
}

.fs2 .entry_title--saying .link_source[lang='ar'], .fs2 .entry_title--saying .link_source[lang='fa'] {
	font-size: 19px;
}

.fs3 .entry_title--saying .link_source[lang='ar'], .fs3 .entry_title--saying .link_source[lang='fa'] {
	font-size: 20px;
}

.fs4 .entry_title--saying .link_source[lang='ar'], .fs4 .entry_title--saying .link_source[lang='fa'] {
	font-size: 21px;
}

.entry_title--saying .link_source[lang='my'], .entry_title--saying .link_source[lang='km'] {
	font-size: 18px;
}

.fs2 .entry_title--saying .link_source[lang='my'], .fs2 .entry_title--saying .link_source[lang='km'] {
	font-size: 19px;
}

.fs3 .entry_title--saying .link_source[lang='my'], .fs3 .entry_title--saying .link_source[lang='km'] {
	font-size: 20px;
}

.fs4 .entry_title--saying .link_source[lang='my'], .fs4 .entry_title--saying .link_source[lang='km'] {
	font-size: 21px;
}

.fs2 .entry_title--saying .link_source {
	line-height: 22px;
}

.fs3 .entry_title--saying .link_source {
	line-height: 23px;
}

.entry_title--saying .link_source .arrow {
	display: inline-block;
	margin-right: 3px;
	font-size: 16px;
	vertical-align: 2px;
	color: #666;
}

.entry_title--saying .link_source sup {
	font-size: 12px;
}

.entry_title .word[lang='zh'],
.entry_title--saying .word[lang='zh'] {
	font-family: 'Microsoft Yahei', simsun, san-serif;
}

.entry_title .word[lang='ko'],
.entry_title--saying .word[lang='ko'] {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple SD Gothic Neo", NanumGothic, Dotum, "새굴림", "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif;
}

.entry_mean {
	margin: 3px 0 0;
	font-size: 16px;
	line-height: 20px;
}

.fs2 .entry_mean {
	font-size: 17px;
}

.fs3 .entry_mean {
	font-size: 18px;
}

.fs4 .entry_mean {
	font-size: 19px;
}

.fs2 .entry_mean {
	line-height: 21px;
}

.fs3 .entry_mean {
	line-height: 22px;
}

.entry_mean + [class^='entry_'] {
	margin-top: 14px;
}

.entry_mean a {
	color: #25407d;
}

.entry_mean .btn_more,
.entry_mean .type,
.entry_mean .addition {
	display: none;
}

.entry_mean_list {
	margin-left: -3px;
}

.entry_mean_item {
	display: inline-block;
	margin: 0 3px;
}

.entry_mean_item .num {
	display: table-cell;
	width: 16px;
}

.entry_mean_item .cont {
	display: table-cell;
}

.entry_mean_item .meaning {
	display: inline;
}

.entry_default.stroke .tit {
	width: 67px;
}

.entry_default.stroke .cont .word {
	font-size: 13px;
	vertical-align: initial;
}

.fs2 .entry_default.stroke .cont .word {
	font-size: 14px;
}

.fs3 .entry_default.stroke .cont .word {
	font-size: 15px;
}

.fs4 .entry_default.stroke .cont .word {
	font-size: 16px;
}

.entry_default .cont .tooltip {
	display: none;
	position: absolute;
	border: 1px solid #c4c1a2;
	background: #fffef1;
	left: 15px;
	max-width: 380px;
	margin-top: 2px;
	margin-right: 16px;
	z-index: 10;
}

.entry_default .cont .tooltip .tooltip_inner {
	padding: 17px 35px 14px 15px;
}

.entry_default .cont .tooltip .tooltip_inner .link {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #25407d;
	margin-top: 3px;
}

.fs2 .entry_default .cont .tooltip .tooltip_inner .link {
	font-size: 14px;
}

.fs3 .entry_default .cont .tooltip .tooltip_inner .link {
	font-size: 15px;
}

.fs4 .entry_default .cont .tooltip .tooltip_inner .link {
	font-size: 16px;
}

.entry_default .cont .tooltip .tooltip_inner .link:after {
	background-position: -515px -212px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin: 6px 0 0 6px;
	vertical-align: top;
	content: '';
}

.entry_default .cont .tooltip .tooltip_inner .desc {
	white-space: initial;
	color: #070707;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
}

.fs2 .entry_default .cont .tooltip .tooltip_inner .desc {
	font-size: 14px;
}

.fs3 .entry_default .cont .tooltip .tooltip_inner .desc {
	font-size: 15px;
}

.fs4 .entry_default .cont .tooltip .tooltip_inner .desc {
	font-size: 16px;
}

.entry_default .cont .tooltip .tooltip_inner .btn_close {
	position: absolute;
	top: 11px;
	right: 11px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: transparent;
}

.entry_default .cont .tooltip .tooltip_inner .btn_close:before {
	position: absolute;
	top: 4px;
	right: 4px;
	background-position: -213px -447px;
	width: 12px;
	height: 12px;
	content: '';
}

.entry_default .cont .tooltip:before {
	content: none;
}

.entry_default .cont .player {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 4px 8px 3px 7px;
	font-size: 12px;
	line-height: 15px;
	border: solid 1px #eaeaea;
	color: #697994;
	cursor: pointer;
}

.fs2 .entry_default .cont .player {
	font-size: 13px;
}

.fs3 .entry_default .cont .player {
	font-size: 14px;
}

.fs4 .entry_default .cont .player {
	font-size: 15px;
}

.entry_default .cont .player:before {
	background-position: -468px -422px;
	width: 8px;
	height: 10px;
	display: inline-block;
	margin: 3px 3px 0 0;
	vertical-align: top;
	content: '';
}

.entry_default .cont .player.start .ly_hanja_stroke {
	display: block;
}

.entry_default .cont .player.start::before {
	background-position: -350px -97px;
	width: 8px;
	height: 8px;
	margin: 3px 5px 0 2px;
}

.entry_default .cont .player .ly_hanja_stroke {
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	width: 320px;
	height: 320px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #e8eaee;
	background-color: #fff;
	z-index: 10;
}

.entry_default .cont .player .ly_hanja_stroke .btn_close {
	background-position: -206px -381px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 13px;
	right: 12px;
	background-color: #fff;
}

.entry_default .cont .player .ly_hanja_stroke .view_inner {
	width: 320px;
	height: 320px;
	border: 0;
}

@media (max-width: 374px) {
	.entry_default .cont .player .ly_hanja_stroke {
		top: 38px;
		left: 0;
	}
}

.entry_default,
.entry_reading {
	margin-top: 3px;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 22px;
	margin-top: 5px;
}

.entry_default::after,
.entry_reading::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.entry_default .tit,
.entry_reading .tit {
	position: relative;
	display: table-cell;
	min-width: 90px;
	height: 18px;
	padding: 3px 10px 0 0;
	vertical-align: top;
	color: #777;
}

[lang='ko'] .entry_default .tit, [lang='ko']
.entry_reading .tit {
	min-width: 67px;
}

.entry_default .cont,
.entry_reading .cont {
	display: table-cell;
	color: #000;
	vertical-align: middle;
}

.entry_default .item,
.entry_reading .item {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
}

.entry_default .item .data_group,
.entry_reading .item .data_group {
	display: inline-block;
	vertical-align: top;
}

.entry_default .tray,
.entry_reading .tray {
	display: inline-block;
	margin-left: -12px;
	vertical-align: middle;
}

.entry_default .word_include-sup,
.entry_reading .word_include-sup {
	display: inline-block;
	margin-top: -2px;
}

.entry_default .word,
.entry_default .type,
.entry_reading .word,
.entry_reading .type {
	vertical-align: middle;
}

.entry_default .word + .link,
.entry_default .item + .link,
.entry_reading .word + .link,
.entry_reading .item + .link {
	margin-left: 15px;
}

.entry_default .arrow_reference,
.entry_reading .arrow_reference {
	display: inline-block;
	font-size: 28px;
	line-height: 8x;
	vertical-align: -5px;
}

.entry_default .word,
.entry_reading .word {
	line-height: 21px;
}

.fs2 .entry_default .word, .fs2
.entry_reading .word {
	line-height: 22px;
}

.fs3 .entry_default .word, .fs3
.entry_reading .word {
	line-height: 23px;
}

.entry_default.is-long .word,
.entry_reading.is-long .word {
	overflow: hidden;
	max-height: 42px;
	margin-top: -2px;
}

.entry_default.is-long.is-expanded .word,
.entry_reading.is-long.is-expanded .word {
	max-height: none;
}

.entry_default.is-long.is-expanded .btn_more,
.entry_reading.is-long.is-expanded .btn_more {
	position: static;
	line-height: normal;
}

.entry_default.is-long.is-expanded .btn_more:before,
.entry_default.is-long.is-expanded .btn_more:after,
.entry_reading.is-long.is-expanded .btn_more:before,
.entry_reading.is-long.is-expanded .btn_more:after {
	display: none;
}

.entry_default.is-long.is-expanded .word,
.entry_reading.is-long.is-expanded .word {
	max-height: none;
}

.entry_default.is-long .btn_more,
.entry_reading.is-long .btn_more {
	display: inline-block;
}

.entry_default .btn_more,
.entry_reading .btn_more {
	display: none;
	position: absolute;
	right: -7px;
	bottom: 0;
	padding: 0 7px;
	line-height: 30px;
	font-size: 13px;
	color: #3f63bf;
	bottom: -5px;
}

.entry_default .btn_more .btn_more_inner,
.entry_reading .btn_more .btn_more_inner {
	display: inline-block;
	background-color: #fff;
}

.entry_default .btn_more:before,
.entry_reading .btn_more:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -webkit-calc(100% - 7px);
	right: calc(100% - 7px);
	width: 15px;
	background-color: #fff;
	color: #000;
	line-height: 1.7;
	content: '...';
}

.entry_default .btn_more:after,
.entry_reading .btn_more:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -webkit-calc(100% + 8px);
	right: calc(100% + 8px);
	width: 20px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
	content: '';
}

.entry_reading .item {
	position: relative;
	padding-left: 12px;
}

.entry_reading .item:before {
	position: absolute;
	top: 50%;
	left: 5px;
	width: 2px;
	height: 2px;
	margin-top: -1px;
	margin-left: -1px;
	background-color: #777;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	content: '';
}

.entry_reading .item:first-child:before {
	display: none;
}

.entry_pronounce {
	margin-top: 3px;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 22px;
	margin-bottom: -2px;
}

.entry_pronounce::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.entry_pronounce .tit {
	position: relative;
	display: table-cell;
	min-width: 90px;
	height: 18px;
	padding: 3px 10px 0 0;
	vertical-align: top;
	color: #777;
}

[lang='ko'] .entry_pronounce .tit {
	min-width: 67px;
}

.entry_pronounce .cont {
	display: table-cell;
	color: #000;
	vertical-align: middle;
}

.entry_pronounce .item {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
}

.entry_pronounce .item .data_group {
	display: inline-block;
	vertical-align: top;
}

.entry_pronounce .tray {
	display: inline-block;
	margin-left: -12px;
	vertical-align: middle;
}

.entry_pronounce .word_include-sup {
	display: inline-block;
	margin-top: -2px;
}

.entry_pronounce .cate {
	float: left;
	line-height: 16px;
	color: #777;
	font-size: 13px;
}

.fs2 .entry_pronounce .cate {
	font-size: 14px;
}

.fs3 .entry_pronounce .cate {
	font-size: 15px;
}

.fs4 .entry_pronounce .cate {
	font-size: 16px;
}

.entry_pronounce .cate + .listen_global_list {
	clear: both;
	margin-top: 0;
	padding-top: 6px;
}

.entry_pronounce .pronounce_area {
	line-height: 16px;
	font-size: 13px;
}

.fs2 .entry_pronounce .pronounce_area {
	font-size: 14px;
}

.fs3 .entry_pronounce .pronounce_area {
	font-size: 15px;
}

.fs4 .entry_pronounce .pronounce_area {
	font-size: 16px;
}

.entry_pronounce .tit {
	padding-top: 6px;
}

.entry_pronounce .item {
	line-height: 27px;
}

.entry_pronounce .item .type {
	padding-top: 2px;
	font-size: 13px;
	color: #777;
}

.fs2 .entry_pronounce .item .type {
	font-size: 14px;
}

.fs3 .entry_pronounce .item .type {
	font-size: 15px;
}

.fs4 .entry_pronounce .item .type {
	font-size: 16px;
}

.entry_pronounce .item .type,
.entry_pronounce .item .pronounce {
	vertical-align: middle;
	font-weight: normal;
	word-break: break-all;
}

.entry_pronounce .item .pronounce + .type,
.entry_pronounce .item .unit_listen + .type {
	margin-left: 16px;
}

.entry_pronounce .item .pronounce {
	font-size: 13px;
	color: #000;
}

.fs2 .entry_pronounce .item .pronounce {
	font-size: 14px;
}

.fs3 .entry_pronounce .item .pronounce {
	font-size: 15px;
}

.fs4 .entry_pronounce .item .pronounce {
	font-size: 16px;
}

.entry_pronounce .item .pronounce i {
	font-style: italic;
}

.entry_pronounce .item sup {
	display: inline-block;
}

.entry_pronounce .item sub {
	display: inline-block;
	margin-top: 4px;
}

.entry_pronounce .item .unit_addinfo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	line-height: 1.54;
	color: #999;
}

.entry_pronounce .item .unit_addinfo.british {
	margin-top: 5px;
}

.entry_pronounce .cont {
	overflow: visible;
}

.entry_pronounce .cont:first-child .item:first-child .type:first-child {
	display: inline-block;
	min-width: 90px;
	padding-right: 10px;
}

[lang='ko'] .entry_pronounce .cont:first-child .item:first-child .type:first-child {
	min-width: 67px;
	width: 67px;
}

.entry_pronounce .tooltip {
	display: none;
}

div.entry_pronounce {
	margin-top: 14px;
}

.my_old_pron_area.entry_pronounce {
	margin-top: 3px;
}

.entry_conjugation {
	margin-top: 3px;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 22px;
	margin-top: 2px;
	margin-bottom: -3px;
}

.entry_conjugation::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.entry_conjugation .tit {
	position: relative;
	display: table-cell;
	min-width: 90px;
	height: 18px;
	padding: 3px 10px 0 0;
	vertical-align: top;
	color: #777;
}

[lang='ko'] .entry_conjugation .tit {
	min-width: 67px;
}

.entry_conjugation .cont {
	display: table-cell;
	color: #000;
	vertical-align: middle;
}

.entry_conjugation .item {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
}

.entry_conjugation .item .data_group {
	display: inline-block;
	vertical-align: top;
}

.entry_conjugation .tray {
	display: inline-block;
	margin-left: -12px;
	vertical-align: middle;
}

.entry_conjugation .word_include-sup {
	display: inline-block;
	margin-top: -2px;
}

.entry_conjugation .tit {
	padding-top: 6px;
}

.entry_conjugation .item {
	line-height: 27px;
}

.entry_conjugation .item .word {
	margin-right: 1px;
}

.entry_conjugation .item .pronounce {
	font-size: 13px;
}

.fs2 .entry_conjugation .item .pronounce {
	font-size: 14px;
}

.fs3 .entry_conjugation .item .pronounce {
	font-size: 15px;
}

.fs4 .entry_conjugation .item .pronounce {
	font-size: 16px;
}

.entry_conjugation .link {
	padding: 0 5px 0 15px;
	line-height: 27px;
}

.entry_conjugation .accent {
	position: relative;
	font-weight: 600;
	color: #f95057;
}

.entry_conjugation .accent:before {
	position: absolute;
	top: -4px;
	left: 50%;
	margin-left: -3px;
	background-position: -482px -264px;
	width: 6px;
	height: 5px;
	content: '';
}

.entry_conjugation_list {
	margin-top: 3px;
	clear: both;
	position: relative;
	width: 100%;
	min-height: 22px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top: 18px;
	margin: 17px 0 0;
	border-top: 1px solid #f0f0f0;
}

.entry_conjugation_list::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.entry_conjugation_list .tit {
	position: relative;
	display: table-cell;
	min-width: 90px;
	height: 18px;
	padding: 3px 10px 0 0;
	vertical-align: top;
	color: #777;
}

[lang='ko'] .entry_conjugation_list .tit {
	min-width: 67px;
}

.entry_conjugation_list .cont {
	display: table-cell;
	color: #000;
	vertical-align: middle;
}

.entry_conjugation_list .item {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
}

.entry_conjugation_list .item .data_group {
	display: inline-block;
	vertical-align: top;
}

.entry_conjugation_list .tray {
	display: inline-block;
	margin-left: -12px;
	vertical-align: middle;
}

.entry_conjugation_list .word_include-sup {
	display: inline-block;
	margin-top: -2px;
}

.entry_conjugation_list .tit {
	float: left;
	padding-top: 7px;
	color: #6881a1;
}

.entry_conjugation_list .cont .item {
	line-height: 30px;
}

.entry_conjugation_list .cont .word[lang^='ja'] {
	color: #777;
}

.entry_conjugation_list .cont .word[lang^='ja'] ruby {
	color: #000;
}

.entry_conjugation_list .link,
.entry_conjugation_list .btn_more {
	vertical-align: middle;
}

.entry_conjugation_list .link {
	padding: 0 5px 0 15px;
	line-height: 30px;
}

.entry_conjugation_list .btn_more {
	display: none;
	position: absolute;
	right: -7px;
	bottom: 0;
	padding: 0 7px;
	line-height: 30px;
	font-size: 13px;
	color: #3f63bf;
}

.entry_conjugation_list .btn_more .btn_more_inner {
	display: inline-block;
	background-color: #fff;
}

.entry_conjugation_list .btn_more:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -webkit-calc(100% - 7px);
	right: calc(100% - 7px);
	width: 15px;
	background-color: #fff;
	color: #000;
	line-height: 1.7;
	content: '...';
}

.entry_conjugation_list .btn_more:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -webkit-calc(100% + 8px);
	right: calc(100% + 8px);
	width: 20px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
	content: '';
}

.entry_conjugation_list.is-long {
	overflow: hidden;
	max-height: 112px;
}

.entry_conjugation_list.is-long .cont:last-child .btn_more {
	display: inline-block;
}

.entry_conjugation_list.is-expanded {
	max-height: none;
	padding-right: 0;
}

.entry_conjugation_list.is-expanded .btn_more:before, .entry_conjugation_list.is-expanded .btn_more:after {
	display: none;
}

.entry_conjugation_list .unit_listen {
	border: 0;
}

.entry_conjugation_list .unit_listen .btn_listen {
	width: 21px;
}

.entry_conjugation_list .unit_listen .btn_listen:after {
	background-position: -88px -427px;
	width: 18px;
	height: 16px;
	top: 0;
	margin-left: -9px;
}

.entry_conjugation_list .unit_listen .btn_listen.active:after {
	background-position: 0px -427px;
}

.entry_conjugation_list .unit_listen .btn_listen.tts:after {
	background-position: -132px -427px;
	width: 18px;
	height: 16px;
	margin-left: -9px;
}

.entry_conjugation_list .unit_listen .btn_listen.tts.active:after {
	background-position: -110px -427px;
}

.entry_conjugation_list .tray.user_added {
	margin-top: 5px;
}

.entry_conjugation_list .tray.user_added .item {
	display: block;
	font-size: 13px;
	line-height: 1.54;
	color: #999;
}

.entry_conjugation_list .tray.user_added:last-child {
	margin-bottom: 5px;
}

.entry_conjugation_list + .entry_conjugation_list {
	margin-top: 0;
	padding-top: 12px;
	border-top: 0;
}

.entry_conjugation_list .word .btn_tip {
	margin-top: 7px;
}

.article_vertical_cp .entry_title {
	padding-top: 0;
	padding-bottom: 13px;
}

.article_vertical_cp .entry_title .word {
	font-size: 34px;
	line-height: 50px;
}

.fs2 .article_vertical_cp .entry_title .word {
	font-size: 35px;
}

.fs3 .article_vertical_cp .entry_title .word {
	font-size: 36px;
}

.fs4 .article_vertical_cp .entry_title .word {
	font-size: 37px;
}

.fs2 .article_vertical_cp .entry_title .word {
	line-height: 51px;
}

.fs3 .article_vertical_cp .entry_title .word {
	line-height: 52px;
}

.article_vertical_cp .entry_title .word .num {
	margin-left: 2px;
	line-height: normal;
	vertical-align: text-top;
	font-size: 16px;
}

.article_vertical_cp .entry_title .addition[lang='zh_TW'] {
	font-size: 22px;
}

.article_vertical_cp .entry_title .word[lang='zh_TW'] {
	font-size: 28px;
	line-height: 44px;
	color: #888;
	vertical-align: middle;
}

.fs2 .article_vertical_cp .entry_title .word[lang='zh_TW'] {
	font-size: 29px;
}

.fs3 .article_vertical_cp .entry_title .word[lang='zh_TW'] {
	font-size: 30px;
}

.fs4 .article_vertical_cp .entry_title .word[lang='zh_TW'] {
	font-size: 31px;
}

.fs2 .article_vertical_cp .entry_title .word[lang='zh_TW'] {
	line-height: 45px;
}

.fs3 .article_vertical_cp .entry_title .word[lang='zh_TW'] {
	line-height: 46px;
}

.article_vertical_cp .entry_pronounce {
	margin-top: -9px;
}

.article_vertical_cp .entry_mean_list {
	margin: 12px 0 -12px;
}

.article_vertical_cp .entry_mean_list .entry_mean {
	margin-top: 0;
}

.article_vertical_cp .cp_name ~ .component_mean {
	border-top: 1px solid #e5e5e5;
}

.Phonetic {
	position: relative;
}

.Phonetic span {
	position: absolute;
	top: -6px;
	right: 0;
	left: 0;
	text-align: center;
}

.entry_subject {
	margin-top: 12px;
	line-height: 24px;
	font-size: 13px;
}

.fs2 .entry_subject {
	font-size: 14px;
}

.fs3 .entry_subject {
	font-size: 15px;
}

.fs4 .entry_subject {
	font-size: 16px;
}

.entry_subject ~ .entry_infos {
	margin-top: 0;
}

.entry_subject:after::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.entry_subject .cate {
	float: left;
	margin-right: 6px;
	min-width: 67px;
	color: #777;
}

.entry_subject .desc {
	overflow: hidden;
}

.entry_subject .link {
	color: #0068ca;
}

.entry_infos {
	margin-top: 12px;
}

.entry_infos .info_item {
	display: block;
	margin: 3px 0 0 0;
	vertical-align: top;
	white-space: nowrap;
	line-height: 24px;
	font-size: 13px;
}

.fs2 .entry_infos .info_item {
	font-size: 14px;
}

.fs3 .entry_infos .info_item {
	font-size: 15px;
}

.fs4 .entry_infos .info_item {
	font-size: 16px;
}

.entry_infos .info_item.stroke {
	display: block;
}

.entry_infos .info_item.unicode .desc {
	color: #777;
}

.entry_infos .info_item .cate {
	display: inline-block;
	min-width: 94px;
	margin-right: 2px;
	color: #777;
}

[lang='ko'] .entry_infos .info_item .cate {
	min-width: 71px;
}

.entry_infos .info_item .desc {
	display: inline-block;
	max-width: 600px;
	color: #000;
	white-space: normal;
}

.entry_infos .info_item .desc span[lang^='zh'] {
	font-size: 15px;
}

.fs2 .entry_infos .info_item .desc span[lang^='zh'] {
	font-size: 16px;
}

.fs3 .entry_infos .info_item .desc span[lang^='zh'] {
	font-size: 17px;
}

.fs4 .entry_infos .info_item .desc span[lang^='zh'] {
	font-size: 18px;
}

.entry_infos .info_item .desc .info_wrap {
	display: inline-block;
	color: #0068ca;
}

.entry_infos .info_item .desc .info_wrap .radical {
	color: #000;
}

.entry_infos .info_item .desc .info_wrap .btn_alert {
	position: relative;
	margin-left: 0;
	padding: 0;
	vertical-align: initial;
	font-size: 15px;
	color: #1b47b9;
	z-index: 100;
	border: 0;
	outline: 0;
	cursor: pointer;
}

.fs2 .entry_infos .info_item .desc .info_wrap .btn_alert {
	font-size: 16px;
}

.fs3 .entry_infos .info_item .desc .info_wrap .btn_alert {
	font-size: 17px;
}

.fs4 .entry_infos .info_item .desc .info_wrap .btn_alert {
	font-size: 18px;
}

.entry_infos .info_item .desc .info_wrap .btn_alert[aria-expanded='true'] ~ .tooltip {
	display: block;
}

.entry_infos .info_item .desc .info_wrap .btn_alert[aria-expanded='true'] ~ .tooltip:before {
	position: absolute;
	top: -6px;
	left: 78px;
	margin: 0;
	margin-left: -6px;
	width: auto;
	height: auto;
	background: none;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.entry_infos .info_item .desc .info_wrap .btn_alert[aria-expanded='true'] ~ .tooltip:after {
	position: absolute;
	top: -5px;
	left: 78px;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.entry_infos .info_item .desc .info_wrap .btn_alert:before {
	content: none;
}

.entry_infos .info_item .desc .info_wrap .tooltip {
	display: none;
	position: absolute;
	border: 1px solid #c4c1a2;
	background: #fffef1;
	left: 15px;
	max-width: 380px;
	margin-top: 2px;
	margin-right: 16px;
	z-index: 10;
}

.entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner {
	padding: 17px 35px 14px 15px;
}

.entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .link {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #25407d;
	margin-top: 3px;
}

.fs2 .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .link {
	font-size: 14px;
}

.fs3 .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .link {
	font-size: 15px;
}

.fs4 .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .link {
	font-size: 16px;
}

.entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .link:after {
	background-position: -515px -212px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin: 6px 0 0 6px;
	vertical-align: top;
	content: '';
}

.entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .desc {
	white-space: initial;
	color: #070707;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
}

.fs2 .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .desc {
	font-size: 14px;
}

.fs3 .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .desc {
	font-size: 15px;
}

.fs4 .entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .desc {
	font-size: 16px;
}

.entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .btn_close {
	position: absolute;
	top: 11px;
	right: 11px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: transparent;
}

.entry_infos .info_item .desc .info_wrap .tooltip .tooltip_inner .btn_close:before {
	position: absolute;
	top: 4px;
	right: 4px;
	background-position: -213px -447px;
	width: 12px;
	height: 12px;
	content: '';
}

.entry_infos .info_item .desc .info_wrap .tooltip:before {
	content: none;
}

.entry_infos .info_item .desc .player {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 4px 8px 3px 7px;
	font-size: 12px;
	line-height: 15px;
	border: solid 1px #eaeaea;
	color: #697994;
}

.fs2 .entry_infos .info_item .desc .player {
	font-size: 13px;
}

.fs3 .entry_infos .info_item .desc .player {
	font-size: 14px;
}

.fs4 .entry_infos .info_item .desc .player {
	font-size: 15px;
}

.entry_infos .info_item .desc .player:before {
	background-position: -234px -206px;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 1px 3px 0 0;
	vertical-align: top;
	content: '';
}

.entry_infos .info_item .desc .player.start .ly_hanja_stroke {
	display: block;
}

.entry_infos .info_item .desc .player.start::before {
	background-position: -350px -97px;
	width: 8px;
	height: 8px;
	margin: 3px 5px 0 2px;
}

.entry_infos .info_item .desc .player .ly_hanja_stroke {
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	width: 320px;
	height: 320px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #e8eaee;
	background-color: #fff;
	z-index: 10;
}

.entry_infos .info_item .desc .player .ly_hanja_stroke .btn_close {
	background-position: -206px -381px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 13px;
	right: 12px;
	background-color: #fff;
}

@media (max-width: 374px) {
	.entry_infos .info_item .desc .player .ly_hanja_stroke {
		top: 38px;
		left: 0;
	}
}

.section_other_lang .lang_list {
	overflow: hidden;
}

.section_other_lang .lang_item {
	overflow: hidden;
	margin-top: 4px;
	font-size: 14px;
	line-height: 28px;
}

.fs2 .section_other_lang .lang_item {
	font-size: 15px;
}

.fs3 .section_other_lang .lang_item {
	font-size: 16px;
}

.fs4 .section_other_lang .lang_item {
	font-size: 17px;
}

.section_other_lang .lang_item .country {
	float: left;
	margin-right: 8px;
	color: #666;
	letter-spacing: -0.3px;
}

.section_other_lang .lang_item .word {
	overflow: hidden;
	font-size: 15px;
	color: #1b47b9;
	font-weight: bold;
	word-break: break-word;
}

.fs2 .section_other_lang .lang_item .word {
	font-size: 16px;
}

.fs3 .section_other_lang .lang_item .word {
	font-size: 17px;
}

.fs4 .section_other_lang .lang_item .word {
	font-size: 18px;
}

.section_other_lang .lang_item .word .link {
	display: inline-block;
	vertical-align: top;
}

.section_other_lang .lang_item .word .link + .link {
	padding-left: 8px;
}

.entry_cate {
	padding-top: 15px;
	font-size: 13px;
	line-height: 16px;
}

.fs2 .entry_cate {
	font-size: 14px;
}

.fs3 .entry_cate {
	font-size: 15px;
}

.fs4 .entry_cate {
	font-size: 16px;
}

.fs2 .entry_cate {
	line-height: 17px;
}

.fs3 .entry_cate {
	line-height: 18px;
}

.entry_cate .cate {
	float: left;
	min-width: 67px;
	color: #888;
	margin-right: 10px;
}

.entry_cate .cate_area {
	overflow: hidden;
	color: #777;
	font-weight: 500;
}

.entry_cate .cate_area .cate_item {
	display: inline-block;
	margin-right: 4px;
	vertical-align: top;
}

.article.is-entry {
	position: relative;
}

.article.is-entry .entry_point {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	height: 44px;
	padding: 10px 12px;
	background-color: rgba(238, 242, 248, 0.8);
	border: 1px solid rgba(221, 227, 236, 0.3);
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.is-darkmode .article.is-entry .entry_point {
	background-color: rgba(90, 88, 157, 0.3);
	border: rgba(226, 221, 236, 0.3);
}

.article.is-entry .entry_point:before {
	display: inline-block;
	margin-right: 3px;
	background-position: -181px -384px;
	width: 24px;
	height: 24px;
	vertical-align: top;
	content: '';
}

.is-darkmode .article.is-entry .entry_point:before {
	background-position: -105px -278px;
	width: 24px;
	height: 24px;
}

.article.is-entry .entry_point:after {
	display: inline-block;
	margin-left: 3px;
	background-position: -515px -200px;
	width: 6px;
	height: 10px;
	vertical-align: top;
	content: '';
}

.is-darkmode .article.is-entry .entry_point:after {
	background-position: -325px -143px;
	width: 6px;
	height: 10px;
}

.article.is-entry .entry_point .entry_text {
	font-size: 14px;
	line-height: 22px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Apple SD Gothic Neo', NanumGothic, sans-serif;
	font-weight: 700;
	letter-spacing: -0.3px;
	color: #6a20c8;
}

.fs2 .article.is-entry .entry_point .entry_text {
	font-size: 15px;
}

.fs3 .article.is-entry .entry_point .entry_text {
	font-size: 16px;
}

.fs4 .article.is-entry .entry_point .entry_text {
	font-size: 17px;
}

.fs2 .article.is-entry .entry_point .entry_text {
	line-height: 23px;
}

.fs3 .article.is-entry .entry_point .entry_text {
	line-height: 24px;
}

.is-darkmode .article.is-entry .entry_point .entry_text {
	color: #d7cfff;
}

.article.is-entry .entry_section {
	position: relative;
	margin-top: 28px;
}

.article.is-entry .entry_tooltip {
	position: absolute;
	bottom: 41px;
	left: 12px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	background-color: #7a64f6;
	z-index: 10000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.article.is-entry .entry_tooltip.is-disappear {
	display: none;
}

.article.is-entry .entry_tooltip:after {
	position: absolute;
	left: 14px;
	bottom: -6px;
	background-position: -399px -295px;
	width: 14px;
	height: 6px;
	content: '';
}

.article.is-entry .entry_tooltip .entry_link {
	display: block;
	padding: 10px 14px 11px;
}

.article.is-entry .entry_tooltip .tooltip_title {
	display: block;
	padding-right: 22px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: -0.2px;
	color: #fff;
}

.fs2 .article.is-entry .entry_tooltip .tooltip_title {
	font-size: 15px;
}

.fs3 .article.is-entry .entry_tooltip .tooltip_title {
	font-size: 16px;
}

.fs4 .article.is-entry .entry_tooltip .tooltip_title {
	font-size: 17px;
}

.fs2 .article.is-entry .entry_tooltip .tooltip_title {
	line-height: 19px;
}

.fs3 .article.is-entry .entry_tooltip .tooltip_title {
	line-height: 20px;
}

.article.is-entry .entry_tooltip .tooltip_title[lang='en'] {
	padding-right: 40px;
}

.article.is-entry .entry_tooltip .tooltip_description {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin-top: 10px;
	letter-spacing: -0.2px;
	color: #fff;
	opacity: 0.8;
}

.fs2 .article.is-entry .entry_tooltip .tooltip_description {
	font-size: 15px;
}

.fs3 .article.is-entry .entry_tooltip .tooltip_description {
	font-size: 16px;
}

.fs4 .article.is-entry .entry_tooltip .tooltip_description {
	font-size: 17px;
}

.fs2 .article.is-entry .entry_tooltip .tooltip_description {
	line-height: 17px;
}

.fs3 .article.is-entry .entry_tooltip .tooltip_description {
	line-height: 18px;
}

.article.is-entry .entry_tooltip .tooltip_guide {
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Apple SD Gothic Neo', NanumGothic, sans-serif;
	font-weight: 500;
	letter-spacing: -0.2px;
	color: #ffec45;
}

.fs2 .article.is-entry .entry_tooltip .tooltip_guide {
	font-size: 15px;
}

.fs3 .article.is-entry .entry_tooltip .tooltip_guide {
	font-size: 16px;
}

.fs4 .article.is-entry .entry_tooltip .tooltip_guide {
	font-size: 17px;
}

.fs2 .article.is-entry .entry_tooltip .tooltip_guide {
	line-height: 17px;
}

.fs3 .article.is-entry .entry_tooltip .tooltip_guide {
	line-height: 18px;
}

.article.is-entry .entry_tooltip .tooltip_guide:after {
	display: inline-block;
	margin: 5px 0 0 4px;
	background-position: -215px -479px;
	width: 5px;
	height: 8px;
	vertical-align: top;
	content: '';
}

.article.is-entry .tooltip_close {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 30;
	padding: 10px;
	line-height: 1px;
}

.article.is-entry .tooltip_close:before {
	display: inline-block;
	background-position: -210px -496px;
	width: 12px;
	height: 12px;
	content: '';
}

.entry_opendict_source {
	overflow: hidden;
	margin-top: -11px;
	padding: 9px 15px;
	border-top: 1px solid #f0f0f0;
	background-color: #fafafa;
}

.entry_opendict_source .thumb {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 2px;
	vertical-align: top;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.entry_opendict_source .thumb img {
	vertical-align: top;
}

.entry_opendict_source .thumb:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid rgba(0, 0, 0, 0.03);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.entry_opendict_source .link {
	display: inline-block;
	line-height: 26px;
	vertical-align: top;
	color: #1b47b9;
	font-size: 14px;
}

.fs2 .entry_opendict_source .link {
	font-size: 15px;
}

.fs3 .entry_opendict_source .link {
	font-size: 16px;
}

.fs4 .entry_opendict_source .link {
	font-size: 17px;
}

.entry_opendict_source .date {
	float: right;
	line-height: 26px;
	text-align: right;
	font-size: 13px;
	color: #8f8f8f;
}

.fs2 .entry_opendict_source .date {
	font-size: 14px;
}

.fs3 .entry_opendict_source .date {
	font-size: 15px;
}

.fs4 .entry_opendict_source .date {
	font-size: 16px;
}

.reference {
	margin-top: 15px;
	border: 1px solid #e7e7e7;
	background: #f9f9f9;
	font-size: 14px;
	line-height: 20px;
}

.fs2 .reference {
	font-size: 15px;
}

.fs3 .reference {
	font-size: 16px;
}

.fs4 .reference {
	font-size: 17px;
}

.reference[lang='ko'] {
	font-size: 13px;
}

.fs2 .reference[lang='ko'] {
	font-size: 14px;
}

.fs3 .reference[lang='ko'] {
	font-size: 15px;
}

.fs4 .reference[lang='ko'] {
	font-size: 16px;
}

.reference[lang^='ja'], .reference[lang^='zh'] {
	font-size: 16px;
}

.fs2 .reference[lang^='ja'], .fs2 .reference[lang^='zh'] {
	font-size: 17px;
}

.fs3 .reference[lang^='ja'], .fs3 .reference[lang^='zh'] {
	font-size: 18px;
}

.fs4 .reference[lang^='ja'], .fs4 .reference[lang^='zh'] {
	font-size: 19px;
}

.reference[lang='ar'], .reference[lang='fa'] {
	font-size: 16px;
}

.fs2 .reference[lang='ar'], .fs2 .reference[lang='fa'] {
	font-size: 17px;
}

.fs3 .reference[lang='ar'], .fs3 .reference[lang='fa'] {
	font-size: 18px;
}

.fs4 .reference[lang='ar'], .fs4 .reference[lang='fa'] {
	font-size: 19px;
}

.fs2 .reference {
	line-height: 21px;
}

.fs3 .reference {
	line-height: 22px;
}

.reference[lang='ko'] {
	line-height: 21px;
}

.fs2 .reference[lang='ko'] {
	line-height: 22px;
}

.fs3 .reference[lang='ko'] {
	line-height: 23px;
}

.reference[lang^='ja'], .reference[lang^='zh'] {
	line-height: 22px;
}

.fs2 .reference[lang^='ja'], .fs2 .reference[lang^='zh'] {
	line-height: 23px;
}

.fs3 .reference[lang^='ja'], .fs3 .reference[lang^='zh'] {
	line-height: 24px;
}

.reference[lang='ar'], .reference[lang='fa'] {
	line-height: 26px;
}

.fs2 .reference[lang='ar'], .fs2 .reference[lang='fa'] {
	line-height: 27px;
}

.fs3 .reference[lang='ar'], .fs3 .reference[lang='fa'] {
	line-height: 28px;
}

.reference[lang='my'], .reference[lang='km'] {
	line-height: 24px;
}

.fs2 .reference[lang='my'], .fs2 .reference[lang='km'] {
	line-height: 25px;
}

.fs3 .reference[lang='my'], .fs3 .reference[lang='km'] {
	line-height: 26px;
}

.reference ruby rt {
	font-size: 10px;
}

.reference .cell {
	overflow: hidden;
	margin-top: 5px;
}

.reference .cell:first-child {
	margin-top: 0;
}

.reference .tit {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #888;
}

.fs2 .reference .tit {
	font-size: 13px;
}

.fs3 .reference .tit {
	font-size: 14px;
}

.fs4 .reference .tit {
	font-size: 15px;
}

.fs2 .reference .tit {
	line-height: 21px;
}

.fs3 .reference .tit {
	line-height: 22px;
}

.reference .cont {
	font-size: 13px;
	line-height: 21px;
	color: #444;
}

.fs2 .reference .cont {
	font-size: 14px;
}

.fs3 .reference .cont {
	font-size: 15px;
}

.fs4 .reference .cont {
	font-size: 16px;
}

.fs2 .reference .cont {
	line-height: 22px;
}

.fs3 .reference .cont {
	line-height: 23px;
}

.reference .cont + .tit,
.reference .cont + .tit ~ .cont {
	padding-top: 6px;
}

.reference + .component_relation,
.reference + .reference {
	margin-top: 10px;
}

.reference .underline {
	text-decoration: underline;
}

.reference + .component_relation {
	margin-top: 10px;
}

.reference_horizon {
	padding: 15px;
}

.reference_horizon .important {
	color: #666;
}

.reference_horizon .tit {
	float: left;
	margin: 1px 10px 0 0;
}

.reference_horizon .cont {
	overflow: hidden;
}

.reference_horizon .item {
	display: inline-block;
	margin-right: 2px;
	white-space: nowrap;
}

.reference_horizon .part_speech {
	display: inline-block;
	margin-right: 3px;
	padding: 2px 5px 0;
	border: 1px solid #e0e0e0;
	background: #fff;
	font-size: 12px;
	line-height: 17px;
	color: #666;
}

.fs2 .reference_horizon .part_speech {
	font-size: 13px;
}

.fs3 .reference_horizon .part_speech {
	font-size: 14px;
}

.fs4 .reference_horizon .part_speech {
	font-size: 15px;
}

.fs2 .reference_horizon .part_speech {
	line-height: 18px;
}

.fs3 .reference_horizon .part_speech {
	line-height: 19px;
}

.reference_vertical {
	padding: 11px 15px;
}

.reference_vertical .cont {
	margin-top: 5px;
}

.component_example {
	padding: 24px 0 29px 15px;
	/* vlive 자막 */
}

.component_example .highlight {
	background: #E3F4FF;
	font-weight: normal;
}

.component_example .highlight.u_active {
	background-color: #cdff74;
}

.component_example .link img.t_aw {
	height: 17px;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.fs2 .component_example .link img.t_aw {
	height: 18px;
}

.fs3 .component_example .link img.t_aw {
	height: 19px;
}

.component_example .mean img.t_aw {
	height: 16px;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.fs2 .component_example .mean img.t_aw {
	height: 17px;
}

.fs3 .component_example .mean img.t_aw {
	height: 18px;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.component_example .text img.t_aw {
	height: 17px;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.fs2 .component_example .text img.t_aw {
	height: 18px;
}

.fs3 .component_example .text img.t_aw {
	height: 19px;
}

.component_example .link_entry img.t_aw {
	height: 17px;
}

.fs2 .component_example .link_entry img.t_aw,
.fs3 .component_example .link_entry img.t_aw {
	height: 18px;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.component_example .row {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #f0f0f0;
}

#wrap:not(.main) .component_example .row:first-child {
	padding-top: 0;
	border-top: 0;
}

.section_saying .component_example .row {
	margin-top: 14px;
}

.component_example .row:first-child {
	margin-top: 0;
}

.component_example .row > .origin .text {
	color: #333;
}

.component_example .row > .origin.is-audible .text {
	color: #000;
}

.section_today_conversation .component_example .row > .origin.is-audible .text {
	font-weight: 600;
}

.component_example .row .is-audible {
	min-height: 30px;
}

.component_example .row > .origin .text,
.component_example .row > .origin .link {
	display: inline;
	font-size: 17px;
	line-height: 25px;
	vertical-align: middle;
}

.fs2 .component_example .row > .origin .text, .fs2
.component_example .row > .origin .link {
	font-size: 18px;
}

.fs3 .component_example .row > .origin .text, .fs3
.component_example .row > .origin .link {
	font-size: 19px;
}

.fs4 .component_example .row > .origin .text, .fs4
.component_example .row > .origin .link {
	font-size: 20px;
}

.component_example .row > .origin .text[lang='ko'],
.component_example .row > .origin .link[lang='ko'] {
	font-size: 15px;
}

.fs2 .component_example .row > .origin .text[lang='ko'], .fs2
.component_example .row > .origin .link[lang='ko'] {
	font-size: 16px;
}

.fs3 .component_example .row > .origin .text[lang='ko'], .fs3
.component_example .row > .origin .link[lang='ko'] {
	font-size: 17px;
}

.fs4 .component_example .row > .origin .text[lang='ko'], .fs4
.component_example .row > .origin .link[lang='ko'] {
	font-size: 18px;
}

.component_example .row > .origin .text[lang^='ja'], .component_example .row > .origin .text[lang^='zh'],
.component_example .row > .origin .link[lang^='ja'],
.component_example .row > .origin .link[lang^='zh'] {
	font-size: 18px;
}

.fs2 .component_example .row > .origin .text[lang^='ja'], .fs2 .component_example .row > .origin .text[lang^='zh'], .fs2
.component_example .row > .origin .link[lang^='ja'], .fs2
.component_example .row > .origin .link[lang^='zh'] {
	font-size: 19px;
}

.fs3 .component_example .row > .origin .text[lang^='ja'], .fs3 .component_example .row > .origin .text[lang^='zh'], .fs3
.component_example .row > .origin .link[lang^='ja'], .fs3
.component_example .row > .origin .link[lang^='zh'] {
	font-size: 20px;
}

.fs4 .component_example .row > .origin .text[lang^='ja'], .fs4 .component_example .row > .origin .text[lang^='zh'], .fs4
.component_example .row > .origin .link[lang^='ja'], .fs4
.component_example .row > .origin .link[lang^='zh'] {
	font-size: 21px;
}

.component_example .row > .origin .text[lang='ar'], .component_example .row > .origin .text[lang='fa'],
.component_example .row > .origin .link[lang='ar'],
.component_example .row > .origin .link[lang='fa'] {
	font-size: 18px;
}

.fs2 .component_example .row > .origin .text[lang='ar'], .fs2 .component_example .row > .origin .text[lang='fa'], .fs2
.component_example .row > .origin .link[lang='ar'], .fs2
.component_example .row > .origin .link[lang='fa'] {
	font-size: 19px;
}

.fs3 .component_example .row > .origin .text[lang='ar'], .fs3 .component_example .row > .origin .text[lang='fa'], .fs3
.component_example .row > .origin .link[lang='ar'], .fs3
.component_example .row > .origin .link[lang='fa'] {
	font-size: 20px;
}

.fs4 .component_example .row > .origin .text[lang='ar'], .fs4 .component_example .row > .origin .text[lang='fa'], .fs4
.component_example .row > .origin .link[lang='ar'], .fs4
.component_example .row > .origin .link[lang='fa'] {
	font-size: 21px;
}

.component_example .row > .origin .text[lang='my'], .component_example .row > .origin .text[lang='km'],
.component_example .row > .origin .link[lang='my'],
.component_example .row > .origin .link[lang='km'] {
	font-size: 15px;
}

.fs2 .component_example .row > .origin .text[lang='my'], .fs2 .component_example .row > .origin .text[lang='km'], .fs2
.component_example .row > .origin .link[lang='my'], .fs2
.component_example .row > .origin .link[lang='km'] {
	font-size: 16px;
}

.fs3 .component_example .row > .origin .text[lang='my'], .fs3 .component_example .row > .origin .text[lang='km'], .fs3
.component_example .row > .origin .link[lang='my'], .fs3
.component_example .row > .origin .link[lang='km'] {
	font-size: 17px;
}

.fs4 .component_example .row > .origin .text[lang='my'], .fs4 .component_example .row > .origin .text[lang='km'], .fs4
.component_example .row > .origin .link[lang='my'], .fs4
.component_example .row > .origin .link[lang='km'] {
	font-size: 18px;
}

.fs2 .component_example .row > .origin .text, .fs2
.component_example .row > .origin .link {
	line-height: 26px;
}

.fs3 .component_example .row > .origin .text, .fs3
.component_example .row > .origin .link {
	line-height: 27px;
}

.component_example .row > .origin .text[lang='ko'],
.component_example .row > .origin .link[lang='ko'] {
	line-height: 23px;
}

.fs2 .component_example .row > .origin .text[lang='ko'], .fs2
.component_example .row > .origin .link[lang='ko'] {
	line-height: 24px;
}

.fs3 .component_example .row > .origin .text[lang='ko'], .fs3
.component_example .row > .origin .link[lang='ko'] {
	line-height: 25px;
}

.component_example .row > .origin .text[lang^='ja'], .component_example .row > .origin .text[lang^='zh'],
.component_example .row > .origin .link[lang^='ja'],
.component_example .row > .origin .link[lang^='zh'] {
	line-height: 24px;
}

.fs2 .component_example .row > .origin .text[lang^='ja'], .fs2 .component_example .row > .origin .text[lang^='zh'], .fs2
.component_example .row > .origin .link[lang^='ja'], .fs2
.component_example .row > .origin .link[lang^='zh'] {
	line-height: 25px;
}

.fs3 .component_example .row > .origin .text[lang^='ja'], .fs3 .component_example .row > .origin .text[lang^='zh'], .fs3
.component_example .row > .origin .link[lang^='ja'], .fs3
.component_example .row > .origin .link[lang^='zh'] {
	line-height: 26px;
}

.component_example .row > .origin .text[lang='ar'], .component_example .row > .origin .text[lang='fa'],
.component_example .row > .origin .link[lang='ar'],
.component_example .row > .origin .link[lang='fa'] {
	line-height: 29px;
}

.fs2 .component_example .row > .origin .text[lang='ar'], .fs2 .component_example .row > .origin .text[lang='fa'], .fs2
.component_example .row > .origin .link[lang='ar'], .fs2
.component_example .row > .origin .link[lang='fa'] {
	line-height: 30px;
}

.fs3 .component_example .row > .origin .text[lang='ar'], .fs3 .component_example .row > .origin .text[lang='fa'], .fs3
.component_example .row > .origin .link[lang='ar'], .fs3
.component_example .row > .origin .link[lang='fa'] {
	line-height: 31px;
}

.component_example .row > .origin .text[lang='my'], .component_example .row > .origin .text[lang='km'],
.component_example .row > .origin .link[lang='my'],
.component_example .row > .origin .link[lang='km'] {
	line-height: 30px;
}

.fs2 .component_example .row > .origin .text[lang='my'], .fs2 .component_example .row > .origin .text[lang='km'], .fs2
.component_example .row > .origin .link[lang='my'], .fs2
.component_example .row > .origin .link[lang='km'] {
	line-height: 31px;
}

.fs3 .component_example .row > .origin .text[lang='my'], .fs3 .component_example .row > .origin .text[lang='km'], .fs3
.component_example .row > .origin .link[lang='my'], .fs3
.component_example .row > .origin .link[lang='km'] {
	line-height: 32px;
}

.component_example .row .origin .link,
.component_example .row .origin .text a {
	color: #1b47b9;
}

.component_example .row .origin strong {
	font-weight: normal;
}

.component_example .row .origin .btn_sentence {
	display: inline-block;
	height: 16px;
	padding: 0 5px;
	border: 1px solid #e0e0e0;
	color: #999;
	line-height: 16px;
	letter-spacing: -1px;
	vertical-align: middle;
	font-size: 11px;
}

.component_example .row .origin .word_class {
	display: inline-block;
	margin-right: 2px;
	color: #7a96b9;
	vertical-align: middle;
	font-size: 15px;
	line-height: 23px;
}

.fs2 .component_example .row .origin .word_class {
	font-size: 16px;
}

.fs3 .component_example .row .origin .word_class {
	font-size: 17px;
}

.fs4 .component_example .row .origin .word_class {
	font-size: 18px;
}

.fs2 .component_example .row .origin .word_class {
	line-height: 24px;
}

.fs3 .component_example .row .origin .word_class {
	line-height: 25px;
}

.component_example .row .letter.is-selected {
	background-color: #cdff74;
}

.component_example .translate {
	margin-top: 3px;
	min-height: 24px;
}

.component_example .translate .text,
.component_example .translate .link {
	display: inline;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}

.fs2 .component_example .translate .text, .fs2
.component_example .translate .link {
	font-size: 15px;
}

.fs3 .component_example .translate .text, .fs3
.component_example .translate .link {
	font-size: 16px;
}

.fs4 .component_example .translate .text, .fs4
.component_example .translate .link {
	font-size: 17px;
}

.component_example .translate .text[lang^='ja'], .component_example .translate .text[lang^='zh'],
.component_example .translate .link[lang^='ja'],
.component_example .translate .link[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_example .translate .text[lang^='ja'], .fs2 .component_example .translate .text[lang^='zh'], .fs2
.component_example .translate .link[lang^='ja'], .fs2
.component_example .translate .link[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_example .translate .text[lang^='ja'], .fs3 .component_example .translate .text[lang^='zh'], .fs3
.component_example .translate .link[lang^='ja'], .fs3
.component_example .translate .link[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_example .translate .text[lang^='ja'], .fs4 .component_example .translate .text[lang^='zh'], .fs4
.component_example .translate .link[lang^='ja'], .fs4
.component_example .translate .link[lang^='zh'] {
	font-size: 19px;
}

.component_example .translate .text[lang='ar'], .component_example .translate .text[lang='fa'],
.component_example .translate .link[lang='ar'],
.component_example .translate .link[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_example .translate .text[lang='ar'], .fs2 .component_example .translate .text[lang='fa'], .fs2
.component_example .translate .link[lang='ar'], .fs2
.component_example .translate .link[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_example .translate .text[lang='ar'], .fs3 .component_example .translate .text[lang='fa'], .fs3
.component_example .translate .link[lang='ar'], .fs3
.component_example .translate .link[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_example .translate .text[lang='ar'], .fs4 .component_example .translate .text[lang='fa'], .fs4
.component_example .translate .link[lang='ar'], .fs4
.component_example .translate .link[lang='fa'] {
	font-size: 19px;
}

.component_example .translate .text[lang='my'], .component_example .translate .text[lang='km'],
.component_example .translate .link[lang='my'],
.component_example .translate .link[lang='km'] {
	font-size: 14px;
}

.fs2 .component_example .translate .text[lang='my'], .fs2 .component_example .translate .text[lang='km'], .fs2
.component_example .translate .link[lang='my'], .fs2
.component_example .translate .link[lang='km'] {
	font-size: 15px;
}

.fs3 .component_example .translate .text[lang='my'], .fs3 .component_example .translate .text[lang='km'], .fs3
.component_example .translate .link[lang='my'], .fs3
.component_example .translate .link[lang='km'] {
	font-size: 16px;
}

.fs4 .component_example .translate .text[lang='my'], .fs4 .component_example .translate .text[lang='km'], .fs4
.component_example .translate .link[lang='my'], .fs4
.component_example .translate .link[lang='km'] {
	font-size: 17px;
}

.fs2 .component_example .translate .text, .fs2
.component_example .translate .link {
	line-height: 21px;
}

.fs3 .component_example .translate .text, .fs3
.component_example .translate .link {
	line-height: 22px;
}

.component_example .translate .text[lang^='ja'], .component_example .translate .text[lang^='zh'],
.component_example .translate .link[lang^='ja'],
.component_example .translate .link[lang^='zh'] {
	line-height: 22px;
}

.fs2 .component_example .translate .text[lang^='ja'], .fs2 .component_example .translate .text[lang^='zh'], .fs2
.component_example .translate .link[lang^='ja'], .fs2
.component_example .translate .link[lang^='zh'] {
	line-height: 23px;
}

.fs3 .component_example .translate .text[lang^='ja'], .fs3 .component_example .translate .text[lang^='zh'], .fs3
.component_example .translate .link[lang^='ja'], .fs3
.component_example .translate .link[lang^='zh'] {
	line-height: 24px;
}

.component_example .translate .text[lang='ar'], .component_example .translate .text[lang='fa'],
.component_example .translate .link[lang='ar'],
.component_example .translate .link[lang='fa'] {
	line-height: 26px;
}

.fs2 .component_example .translate .text[lang='ar'], .fs2 .component_example .translate .text[lang='fa'], .fs2
.component_example .translate .link[lang='ar'], .fs2
.component_example .translate .link[lang='fa'] {
	line-height: 27px;
}

.fs3 .component_example .translate .text[lang='ar'], .fs3 .component_example .translate .text[lang='fa'], .fs3
.component_example .translate .link[lang='ar'], .fs3
.component_example .translate .link[lang='fa'] {
	line-height: 28px;
}

.component_example .translate .text[lang='my'], .component_example .translate .text[lang='km'],
.component_example .translate .link[lang='my'],
.component_example .translate .link[lang='km'] {
	line-height: 24px;
}

.fs2 .component_example .translate .text[lang='my'], .fs2 .component_example .translate .text[lang='km'], .fs2
.component_example .translate .link[lang='my'], .fs2
.component_example .translate .link[lang='km'] {
	line-height: 25px;
}

.fs3 .component_example .translate .text[lang='my'], .fs3 .component_example .translate .text[lang='km'], .fs3
.component_example .translate .link[lang='my'], .fs3
.component_example .translate .link[lang='km'] {
	line-height: 26px;
}

.component_example .translate.is-audible .text,
.component_example .translate.is-audible .link {
	font-size: 17px;
	line-height: 25px;
}

.fs2 .component_example .translate.is-audible .text, .fs2
.component_example .translate.is-audible .link {
	font-size: 18px;
}

.fs3 .component_example .translate.is-audible .text, .fs3
.component_example .translate.is-audible .link {
	font-size: 19px;
}

.fs4 .component_example .translate.is-audible .text, .fs4
.component_example .translate.is-audible .link {
	font-size: 20px;
}

.component_example .translate.is-audible .text[lang='ko'],
.component_example .translate.is-audible .link[lang='ko'] {
	font-size: 15px;
}

.fs2 .component_example .translate.is-audible .text[lang='ko'], .fs2
.component_example .translate.is-audible .link[lang='ko'] {
	font-size: 16px;
}

.fs3 .component_example .translate.is-audible .text[lang='ko'], .fs3
.component_example .translate.is-audible .link[lang='ko'] {
	font-size: 17px;
}

.fs4 .component_example .translate.is-audible .text[lang='ko'], .fs4
.component_example .translate.is-audible .link[lang='ko'] {
	font-size: 18px;
}

.component_example .translate.is-audible .text[lang^='ja'], .component_example .translate.is-audible .text[lang^='zh'],
.component_example .translate.is-audible .link[lang^='ja'],
.component_example .translate.is-audible .link[lang^='zh'] {
	font-size: 18px;
}

.fs2 .component_example .translate.is-audible .text[lang^='ja'], .fs2 .component_example .translate.is-audible .text[lang^='zh'], .fs2
.component_example .translate.is-audible .link[lang^='ja'], .fs2
.component_example .translate.is-audible .link[lang^='zh'] {
	font-size: 19px;
}

.fs3 .component_example .translate.is-audible .text[lang^='ja'], .fs3 .component_example .translate.is-audible .text[lang^='zh'], .fs3
.component_example .translate.is-audible .link[lang^='ja'], .fs3
.component_example .translate.is-audible .link[lang^='zh'] {
	font-size: 20px;
}

.fs4 .component_example .translate.is-audible .text[lang^='ja'], .fs4 .component_example .translate.is-audible .text[lang^='zh'], .fs4
.component_example .translate.is-audible .link[lang^='ja'], .fs4
.component_example .translate.is-audible .link[lang^='zh'] {
	font-size: 21px;
}

.component_example .translate.is-audible .text[lang='ar'], .component_example .translate.is-audible .text[lang='fa'],
.component_example .translate.is-audible .link[lang='ar'],
.component_example .translate.is-audible .link[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_example .translate.is-audible .text[lang='ar'], .fs2 .component_example .translate.is-audible .text[lang='fa'], .fs2
.component_example .translate.is-audible .link[lang='ar'], .fs2
.component_example .translate.is-audible .link[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_example .translate.is-audible .text[lang='ar'], .fs3 .component_example .translate.is-audible .text[lang='fa'], .fs3
.component_example .translate.is-audible .link[lang='ar'], .fs3
.component_example .translate.is-audible .link[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_example .translate.is-audible .text[lang='ar'], .fs4 .component_example .translate.is-audible .text[lang='fa'], .fs4
.component_example .translate.is-audible .link[lang='ar'], .fs4
.component_example .translate.is-audible .link[lang='fa'] {
	font-size: 18px;
}

.component_example .translate.is-audible .text[lang='my'], .component_example .translate.is-audible .text[lang='km'],
.component_example .translate.is-audible .link[lang='my'],
.component_example .translate.is-audible .link[lang='km'] {
	font-size: 14px;
}

.fs2 .component_example .translate.is-audible .text[lang='my'], .fs2 .component_example .translate.is-audible .text[lang='km'], .fs2
.component_example .translate.is-audible .link[lang='my'], .fs2
.component_example .translate.is-audible .link[lang='km'] {
	font-size: 15px;
}

.fs3 .component_example .translate.is-audible .text[lang='my'], .fs3 .component_example .translate.is-audible .text[lang='km'], .fs3
.component_example .translate.is-audible .link[lang='my'], .fs3
.component_example .translate.is-audible .link[lang='km'] {
	font-size: 16px;
}

.fs4 .component_example .translate.is-audible .text[lang='my'], .fs4 .component_example .translate.is-audible .text[lang='km'], .fs4
.component_example .translate.is-audible .link[lang='my'], .fs4
.component_example .translate.is-audible .link[lang='km'] {
	font-size: 17px;
}

.fs2 .component_example .translate.is-audible .text, .fs2
.component_example .translate.is-audible .link {
	line-height: 26px;
}

.fs3 .component_example .translate.is-audible .text, .fs3
.component_example .translate.is-audible .link {
	line-height: 27px;
}

.component_example .translate.is-audible .text[lang='ko'],
.component_example .translate.is-audible .link[lang='ko'] {
	line-height: 23px;
}

.fs2 .component_example .translate.is-audible .text[lang='ko'], .fs2
.component_example .translate.is-audible .link[lang='ko'] {
	line-height: 24px;
}

.fs3 .component_example .translate.is-audible .text[lang='ko'], .fs3
.component_example .translate.is-audible .link[lang='ko'] {
	line-height: 25px;
}

.component_example .translate.is-audible .text[lang^='ja'], .component_example .translate.is-audible .text[lang^='zh'],
.component_example .translate.is-audible .link[lang^='ja'],
.component_example .translate.is-audible .link[lang^='zh'] {
	line-height: 24px;
}

.fs2 .component_example .translate.is-audible .text[lang^='ja'], .fs2 .component_example .translate.is-audible .text[lang^='zh'], .fs2
.component_example .translate.is-audible .link[lang^='ja'], .fs2
.component_example .translate.is-audible .link[lang^='zh'] {
	line-height: 25px;
}

.fs3 .component_example .translate.is-audible .text[lang^='ja'], .fs3 .component_example .translate.is-audible .text[lang^='zh'], .fs3
.component_example .translate.is-audible .link[lang^='ja'], .fs3
.component_example .translate.is-audible .link[lang^='zh'] {
	line-height: 26px;
}

.component_example .translate.is-audible .text[lang='ar'], .component_example .translate.is-audible .text[lang='fa'],
.component_example .translate.is-audible .link[lang='ar'],
.component_example .translate.is-audible .link[lang='fa'] {
	line-height: 29px;
}

.fs2 .component_example .translate.is-audible .text[lang='ar'], .fs2 .component_example .translate.is-audible .text[lang='fa'], .fs2
.component_example .translate.is-audible .link[lang='ar'], .fs2
.component_example .translate.is-audible .link[lang='fa'] {
	line-height: 30px;
}

.fs3 .component_example .translate.is-audible .text[lang='ar'], .fs3 .component_example .translate.is-audible .text[lang='fa'], .fs3
.component_example .translate.is-audible .link[lang='ar'], .fs3
.component_example .translate.is-audible .link[lang='fa'] {
	line-height: 31px;
}

.component_example .translate.is-audible .text[lang='my'], .component_example .translate.is-audible .text[lang='km'],
.component_example .translate.is-audible .link[lang='my'],
.component_example .translate.is-audible .link[lang='km'] {
	line-height: 30px;
}

.fs2 .component_example .translate.is-audible .text[lang='my'], .fs2 .component_example .translate.is-audible .text[lang='km'], .fs2
.component_example .translate.is-audible .link[lang='my'], .fs2
.component_example .translate.is-audible .link[lang='km'] {
	line-height: 31px;
}

.fs3 .component_example .translate.is-audible .text[lang='my'], .fs3 .component_example .translate.is-audible .text[lang='km'], .fs3
.component_example .translate.is-audible .link[lang='my'], .fs3
.component_example .translate.is-audible .link[lang='km'] {
	line-height: 32px;
}

.component_example .translate .highlight {
	background: #E3F4FF;
	font-weight: normal;
}

.component_example .translate .entry .word {
	color: #3562c6;
}

.component_example .translate .entry .word[lang^='ja'], .component_example .translate .entry .word[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_example .translate .entry .word[lang^='ja'], .fs2 .component_example .translate .entry .word[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_example .translate .entry .word[lang^='ja'], .fs3 .component_example .translate .entry .word[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_example .translate .entry .word[lang^='ja'], .fs4 .component_example .translate .entry .word[lang^='zh'] {
	font-size: 18px;
}

.component_example .translate .mark {
	color: #999;
}

.component_example .origin.is-audible {
	margin: -2px 0;
}

.component_example .translate.is-audible {
	margin-top: -3px;
}

.component_example .translate.is-audible + .source {
	margin-top: 1px;
}

.component_example .link_entry {
	display: inline-block;
	margin-left: 2px;
	color: #1b47b9;
}

.component_example .link_entry .arrow {
	vertical-align: middle;
	font-size: 17px;
	font-family: Arial, sans-serif;
}

html[data-user-agent*='Trident'] .component_example .link_entry .arrow {
	vertical-align: top;
}

.component_example .link_entry .word {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
	vertical-align: middle;
}

.fs2 .component_example .link_entry .word {
	font-size: 15px;
}

.fs3 .component_example .link_entry .word {
	font-size: 16px;
}

.fs4 .component_example .link_entry .word {
	font-size: 17px;
}

.component_example .link_entry .word[lang^='ja'], .component_example .link_entry .word[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_example .link_entry .word[lang^='ja'], .fs2 .component_example .link_entry .word[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_example .link_entry .word[lang^='ja'], .fs3 .component_example .link_entry .word[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_example .link_entry .word[lang^='ja'], .fs4 .component_example .link_entry .word[lang^='zh'] {
	font-size: 19px;
}

.component_example .link_entry .word[lang='ar'], .component_example .link_entry .word[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_example .link_entry .word[lang='ar'], .fs2 .component_example .link_entry .word[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_example .link_entry .word[lang='ar'], .fs3 .component_example .link_entry .word[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_example .link_entry .word[lang='ar'], .fs4 .component_example .link_entry .word[lang='fa'] {
	font-size: 19px;
}

.component_example .link_entry .word[lang='my'], .component_example .link_entry .word[lang='km'] {
	font-size: 14px;
}

.fs2 .component_example .link_entry .word[lang='my'], .fs2 .component_example .link_entry .word[lang='km'] {
	font-size: 15px;
}

.fs3 .component_example .link_entry .word[lang='my'], .fs3 .component_example .link_entry .word[lang='km'] {
	font-size: 16px;
}

.fs4 .component_example .link_entry .word[lang='my'], .fs4 .component_example .link_entry .word[lang='km'] {
	font-size: 17px;
}

.fs2 .component_example .link_entry .word {
	line-height: 21px;
}

.fs3 .component_example .link_entry .word {
	line-height: 22px;
}

.component_example .link_entry .word[lang^='ja'], .component_example .link_entry .word[lang^='zh'] {
	line-height: 22px;
}

.fs2 .component_example .link_entry .word[lang^='ja'], .fs2 .component_example .link_entry .word[lang^='zh'] {
	line-height: 23px;
}

.fs3 .component_example .link_entry .word[lang^='ja'], .fs3 .component_example .link_entry .word[lang^='zh'] {
	line-height: 24px;
}

.component_example .link_entry .word[lang='ar'], .component_example .link_entry .word[lang='fa'] {
	line-height: 26px;
}

.fs2 .component_example .link_entry .word[lang='ar'], .fs2 .component_example .link_entry .word[lang='fa'] {
	line-height: 27px;
}

.fs3 .component_example .link_entry .word[lang='ar'], .fs3 .component_example .link_entry .word[lang='fa'] {
	line-height: 28px;
}

.component_example .link_entry .word[lang='my'], .component_example .link_entry .word[lang='km'] {
	line-height: 24px;
}

.fs2 .component_example .link_entry .word[lang='my'], .fs2 .component_example .link_entry .word[lang='km'] {
	line-height: 25px;
}

.fs3 .component_example .link_entry .word[lang='my'], .fs3 .component_example .link_entry .word[lang='km'] {
	line-height: 26px;
}

.component_example .link_entry strong {
	font-weight: normal;
}

.component_example .link_entry sup {
	line-height: normal;
	font-size: 10px;
}

.component_example .pingying {
	margin: 2px 0 3px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.fs2 .component_example .pingying {
	font-size: 15px;
}

.fs3 .component_example .pingying {
	font-size: 16px;
}

.fs4 .component_example .pingying {
	font-size: 17px;
}

.fs2 .component_example .pingying {
	line-height: 21px;
}

.fs3 .component_example .pingying {
	line-height: 22px;
}

.component_example .source {
	display: inline-block;
	margin-top: 4px;
	font-size: 12px;
	color: #999;
}

.fs2 .component_example .source {
	font-size: 13px;
}

.fs3 .component_example .source {
	font-size: 14px;
}

.fs4 .component_example .source {
	font-size: 15px;
}

.component_example .source .link {
	color: #999;
}

.component_example .pronunciation {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #888;
}

.component_example .qna_meta {
	margin-top: 5px;
	font-size: 12px;
}

.fs2 .component_example .qna_meta {
	font-size: 13px;
}

.fs3 .component_example .qna_meta {
	font-size: 14px;
}

.fs4 .component_example .qna_meta {
	font-size: 15px;
}

.component_example .qna_meta .item {
	display: inline-block;
	color: #999;
}

.component_example .qna_meta .item.category {
	color: #7a96b9;
}

.component_example .qna_meta .item:before {
	display: inline-block;
	width: 1px;
	height: 11px;
	margin: 1px 8px 0 4px;
	background: #d8d8d8;
	vertical-align: top;
	content: '';
}

.component_example .qna_meta .item:first-child:before {
	display: none;
}

.component_example .channel_info {
	position: relative;
	height: 23px;
	margin-top: 6px;
	padding-left: 30px;
	font-size: 13px;
	line-height: 23px;
}

.fs2 .component_example .channel_info {
	font-size: 14px;
}

.fs3 .component_example .channel_info {
	font-size: 15px;
}

.fs4 .component_example .channel_info {
	font-size: 16px;
}

.fs2 .component_example .channel_info {
	line-height: 24px;
}

.fs3 .component_example .channel_info {
	line-height: 25px;
}

.component_example .channel_info .thumb {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 23px;
}

.component_example .channel_info .thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_example .channel_info .thumb img {
	overflow: hidden;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_example .channel_info .subject {
	overflow: hidden;
	color: #999;
	text-overflow: ellipsis;
	line-height: 23px;
	white-space: nowrap;
	font-size: 13px;
}

.component_example .channel_info .btn_view {
	float: right;
	margin: -1px 0 0 10px;
	height: 23px;
	padding: 0 7px;
	border: 1px solid #e6e6e6;
	font-size: 13px;
	line-height: 23px;
	color: #666;
}

.fs2 .component_example .channel_info .btn_view {
	font-size: 14px;
}

.fs3 .component_example .channel_info .btn_view {
	font-size: 15px;
}

.fs4 .component_example .channel_info .btn_view {
	font-size: 16px;
}

.fs2 .component_example .channel_info .btn_view {
	line-height: 24px;
}

.fs3 .component_example .channel_info .btn_view {
	line-height: 25px;
}

.component_example .channel_info .btn_view:hover {
	color: #03c75a;
}

.component_example .mean_list {
	margin-top: 3px;
}

.component_example .mean_list.multi .mean_item .mean {
	-webkit-line-clamp: 1;
}

.component_example .mean_item {
	margin-top: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.fs2 .component_example .mean_item {
	font-size: 15px;
}

.fs3 .component_example .mean_item {
	font-size: 16px;
}

.fs4 .component_example .mean_item {
	font-size: 17px;
}

.fs2 .component_example .mean_item {
	line-height: 21px;
}

.fs3 .component_example .mean_item {
	line-height: 22px;
}

.component_example .mean_item > * {
	font-size: 14px;
	line-height: 20px;
}

.fs2 .component_example .mean_item > * {
	font-size: 15px;
}

.fs3 .component_example .mean_item > * {
	font-size: 16px;
}

.fs4 .component_example .mean_item > * {
	font-size: 17px;
}

.fs2 .component_example .mean_item > * {
	line-height: 21px;
}

.fs3 .component_example .mean_item > * {
	line-height: 22px;
}

.component_example .mean_item:first-child {
	margin-top: 0;
}

.component_example .mean_item .num {
	float: left;
	margin-right: 3px;
}

.component_example .mean_item .word_class {
	margin-right: 5px;
	font-size: 15px;
	color: #7a96b9;
}

.fs2 .component_example .mean_item .word_class {
	font-size: 16px;
}

.fs3 .component_example .mean_item .word_class {
	font-size: 17px;
}

.fs4 .component_example .mean_item .word_class {
	font-size: 18px;
}

.component_example .mean_item .mean {
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.component_example .mean_item .mark {
	font-size: 15px;
	color: #888;
}

.fs2 .component_example .mean_item .mark {
	font-size: 16px;
}

.fs3 .component_example .mean_item .mark {
	font-size: 17px;
}

.fs4 .component_example .mean_item .mark {
	font-size: 18px;
}

.component_example .mean_item:last-child .example,
.component_example .mean_item:last-child .reference {
	margin-bottom: 0;
}

.component_example .spelling .tit {
	float: left;
	margin-right: 6px;
	color: #666;
}

.component_example .spelling .data {
	overflow: hidden;
}

.component_example .example {
	margin-top: 2px;
	margin-left: 20px;
	color: #888;
}

.component_example .example:last-child {
	margin-bottom: 14px;
}

.component_example .example + .reference {
	margin-left: 20px;
}

.component_example .example + .reference:last-child {
	margin-bottom: 12px;
}

.section_vlive .component_example .origin,
.section_vlive .component_example .translate {
	color: #333;
}

.section_vlive .component_example .translate {
	margin-top: 0;
	min-height: initial;
}

.section_vlive .component_example .translate .text {
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}

.fs2 .section_vlive .component_example .translate .text {
	font-size: 15px;
}

.fs3 .section_vlive .component_example .translate .text {
	font-size: 16px;
}

.fs4 .section_vlive .component_example .translate .text {
	font-size: 17px;
}

.fs2 .section_vlive .component_example .translate .text {
	line-height: 21px;
}

.fs3 .section_vlive .component_example .translate .text {
	line-height: 22px;
}

.section_vlive .component_example .translate + .translate {
	margin-top: 3px;
	color: #212121;
}

.section_vlive .component_example .translate + .translate .text {
	font-size: 17px;
	line-height: 25px;
}

.fs2 .section_vlive .component_example .translate + .translate .text {
	font-size: 18px;
}

.fs3 .section_vlive .component_example .translate + .translate .text {
	font-size: 19px;
}

.fs4 .section_vlive .component_example .translate + .translate .text {
	font-size: 20px;
}

.section_vlive .component_example .translate + .translate .text[lang='ko'] {
	font-size: 15px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang='ko'] {
	font-size: 16px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang='ko'] {
	font-size: 17px;
}

.fs4 .section_vlive .component_example .translate + .translate .text[lang='ko'] {
	font-size: 18px;
}

.section_vlive .component_example .translate + .translate .text[lang^='ja'], .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	font-size: 19px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang^='ja'], .fs2 .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	font-size: 20px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang^='ja'], .fs3 .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	font-size: 21px;
}

.fs4 .section_vlive .component_example .translate + .translate .text[lang^='ja'], .fs4 .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	font-size: 22px;
}

.section_vlive .component_example .translate + .translate .text[lang='ar'], .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	font-size: 15px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang='ar'], .fs2 .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	font-size: 16px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang='ar'], .fs3 .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	font-size: 17px;
}

.fs4 .section_vlive .component_example .translate + .translate .text[lang='ar'], .fs4 .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	font-size: 18px;
}

.section_vlive .component_example .translate + .translate .text[lang='my'], .section_vlive .component_example .translate + .translate .text[lang='km'] {
	font-size: 14px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang='my'], .fs2 .section_vlive .component_example .translate + .translate .text[lang='km'] {
	font-size: 15px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang='my'], .fs3 .section_vlive .component_example .translate + .translate .text[lang='km'] {
	font-size: 16px;
}

.fs4 .section_vlive .component_example .translate + .translate .text[lang='my'], .fs4 .section_vlive .component_example .translate + .translate .text[lang='km'] {
	font-size: 17px;
}

.fs2 .section_vlive .component_example .translate + .translate .text {
	line-height: 26px;
}

.fs3 .section_vlive .component_example .translate + .translate .text {
	line-height: 27px;
}

.section_vlive .component_example .translate + .translate .text[lang='ko'] {
	line-height: 23px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang='ko'] {
	line-height: 24px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang='ko'] {
	line-height: 25px;
}

.section_vlive .component_example .translate + .translate .text[lang^='ja'], .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	line-height: 26px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang^='ja'], .fs2 .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	line-height: 27px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang^='ja'], .fs3 .section_vlive .component_example .translate + .translate .text[lang^='zh'] {
	line-height: 28px;
}

.section_vlive .component_example .translate + .translate .text[lang='ar'], .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	line-height: 29px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang='ar'], .fs2 .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	line-height: 30px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang='ar'], .fs3 .section_vlive .component_example .translate + .translate .text[lang='fa'] {
	line-height: 31px;
}

.section_vlive .component_example .translate + .translate .text[lang='my'], .section_vlive .component_example .translate + .translate .text[lang='km'] {
	line-height: 30px;
}

.fs2 .section_vlive .component_example .translate + .translate .text[lang='my'], .fs2 .section_vlive .component_example .translate + .translate .text[lang='km'] {
	line-height: 31px;
}

.fs3 .section_vlive .component_example .translate + .translate .text[lang='my'], .fs3 .section_vlive .component_example .translate + .translate .text[lang='km'] {
	line-height: 32px;
}

.section_translate .component_example .origin .text {
	color: #000;
}

.component_example .user_profile {
	margin-top: 1px;
}

.component_example .user_profile .profile_box {
	position: relative;
	display: inline-block;
}

.component_example .user_profile .profile_box span.name {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	color: #999;
}

.component_example .user_profile .user_info {
	display: inline-block;
	vertical-align: middle;
}

.component_example .user_profile .id {
	display: inline-block;
	font-size: 12px;
	color: #25407d;
	vertical-align: middle;
}

.component_example .user_profile span .id {
	color: #999;
}

.component_example .user_profile .badge {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.component_example .user_profile .badge img {
	width: 100%;
	height: 100%;
}

.component_example .user_profile .vote {
	float: right;
	overflow: hidden;
	min-width: 100px;
	white-space: nowrap;
	text-align: right;
}

.component_example .user_profile .vote .btn_vote {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	color: #999;
}

.component_example .user_profile .vote .btn_vote span {
	background-position: -149px -447px;
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: top;
	margin: 6px 5px 0 0;
}

.component_example .user_profile .vote .btn_vote.dislike span {
	background-position: -101px -447px;
}

.component_example .btn_usertranslation {
	display: inline-block;
	padding: 4px 0;
	color: #888;
	vertical-align: middle;
}

.component_example .btn_usertranslation:before {
	display: inline-block;
	margin-right: 1px;
	vertical-align: -2px;
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	content: '';
}

.component_example .btn_usertranslation:after {
	content: '';
	width: 1px;
	height: 12px;
	display: inline-block;
	vertical-align: -2px;
	margin: 0 3px;
	background-color: #ccc;
}

.component_example .tooltip_usertranslation {
	position: absolute;
	top: 25px;
	width: 275px;
	z-index: 1;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 12px 27px 11px 15px;
	border: 1px solid #c4c1a2;
	background: #fffef1;
	z-index: 10;
}

.component_example .tooltip_usertranslation:before {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.component_example .tooltip_usertranslation:after {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.component_example .tooltip_usertranslation .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.component_example .tooltip_usertranslation .btn_close:before {
	position: absolute;
	top: 8px;
	right: 8px;
	background-position: -266px -496px;
	width: 12px;
	height: 12px;
	content: '';
}

.component_example .tooltip_usertranslation .desc {
	font-size: 13px;
	line-height: 18px;
	color: #070707;
}

.component_example .tooltip_usertranslation:before {
	left: 35px;
}

.component_example .tooltip_usertranslation:after {
	left: 35px;
}

.setting_area {
	float: right;
	z-index: 10000;
}

.setting_area .btn_setting.is-active ~ .option_wrap {
	visibility: visible;
}

.setting_area .option_wrap {
	visibility: hidden;
	position: absolute;
	top: 30px;
	right: 0;
	width: 324px;
	height: 561px;
	padding: 25px 20px 78px;
	border: 1px solid #000;
	background-color: #fff;
	z-index: 10;
}

.setting_area .option_wrap .option_area {
	height: auto;
}

.setting_area .option_wrap .option_area:after {
	content: none;
}

.setting_area .option_wrap .btn_save {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 44px;
	width: 100%;
	background-color: #f6f7f9;
	font-size: 14px;
	color: #333;
	border-top: 1px solid #ececec;
}

.setting_area .option_wrap .header_setting {
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

.setting_area .option_wrap .header_setting .btn_close {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 8px;
	right: 8px;
	cursor: pointer;
}

.setting_area .option_wrap .header_setting .btn_close:before {
	background-position: -314px -208px;
	width: 18px;
	height: 18px;
	display: block;
	margin: 0 auto;
	content: '';
}

.setting_area .option_wrap .listen_setting_wrap .desc {
	margin-top: 12px;
	text-align: center;
	color: #666;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
}

.setting_area .option_wrap .listen_setting_wrap .option_area {
	margin-top: 20px;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .cate {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.4px;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .item_wrap {
	margin-top: 4px;
	padding: 0 16px;
	border: 1px solid #e5e5e5;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item {
	position: relative;
	text-align: center;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item + .option_item {
	border-top: 1px solid #edf0f2;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .vocie_item {
	position: relative;
	display: block;
	padding: 14px 0 11px 28px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	letter-spacing: -0.4px;
	font-weight: normal;
	outline: none;
	border: 0;
	cursor: pointer;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .vocie_item:before {
	background-position: -140px -381px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 16px;
	left: 0;
	content: '';
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .vocie_item.is-active:before {
	background-position: -118px -381px;
	width: 18px;
	height: 18px;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .vocie_item .name {
	font-size: 18px;
	letter-spacing: 0;
	padding-right: 6px;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .type {
	display: inline-block;
	margin-top: 20px;
	padding: 0 10px;
	line-height: 32px;
	border: 1px solid rgba(151, 151, 151, 0.2);
	font-size: 12px;
	color: #424242;
	letter-spacing: -0.37px;
	text-align: center;
	-webkit-border-radius: 17px;
	        border-radius: 17px;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .set_speed {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	right: 3px;
	bottom: 40px;
	left: 3px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.setting_area .option_wrap .listen_setting_wrap .option_area .option_item .set_speed .speed {
	display: inline-block;
	width: 30px;
	font-size: 12px;
	letter-spacing: -0.3px;
	color: #424242;
	font-weight: bold;
}

.setting_area .option_wrap .option_item .slider-container {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 58px;
	padding: 20px 17px;
}

.setting_area .option_wrap .option_item .rs-container {
	position: relative;
}

.setting_area .option_wrap .option_item .rs-scale span:first-child:before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .slider[value="3"] ~ .rs-container .rs-scale span:nth-child(2):before,
.setting_area .option_wrap .option_item .slider.value3 ~ .rs-container .rs-scale span:nth-child(2):before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .slider[value="4"] ~ .rs-container .rs-scale span:nth-child(2):before,
.setting_area .option_wrap .option_item .slider.value4 ~ .rs-container .rs-scale span:nth-child(2):before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .slider[value="4"] ~ .rs-container .rs-scale span:nth-child(3):before,
.setting_area .option_wrap .option_item .slider.value4 ~ .rs-container .rs-scale span:nth-child(3):before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .slider[value="5"] ~ .rs-container .rs-scale span:nth-child(2):before,
.setting_area .option_wrap .option_item .slider.value5 ~ .rs-container .rs-scale span:nth-child(2):before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .slider[value="5"] ~ .rs-container .rs-scale span:nth-child(3):before,
.setting_area .option_wrap .option_item .slider.value5 ~ .rs-container .rs-scale span:nth-child(3):before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .slider[value="5"] ~ .rs-container .rs-scale span:nth-child(4):before,
.setting_area .option_wrap .option_item .slider.value5 ~ .rs-container .rs-scale span:nth-child(4):before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .rs-container .rs-bg,
.setting_area .option_wrap .option_item .rs-container .rs-selected {
	height: 5px;
	left: 0;
	position: absolute;
	top: 5px;
	width: 100%;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

.setting_area .option_wrap .option_item .rs-container .rs-bg {
	background-color: #bdc0c6;
}

.setting_area .option_wrap .option_item .rs-container .rs-selected {
	background-color: #00c73c;
	width: 0;
}

.setting_area .option_wrap .option_item .rs-container .rs-pointer {
	position: absolute;
	width: 45px;
	height: 45px;
	top: -15px;
	cursor: pointer;
}

.setting_area .option_wrap .option_item .rs-container .rs-pointer:before {
	background-position: -282px -126px;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 5;
	content: '';
}

.setting_area .option_wrap .option_item .rs-container.sliding .rs-selected,
.setting_area .option_wrap .option_item .rs-container.sliding .rs-pointer {
	-webkit-transition: none;
	transition: none;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale {
	position: absolute;
	top: -13px;
	right: -2px;
	left: 0;
	cursor: pointer;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale span {
	float: left;
	position: relative;
	height: 45px;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale span:last-child {
	display: none;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale span:nth-child(4):after {
	background-color: #bdc0c6;
	content: "";
	right: -2px;
	position: absolute;
	top: 15px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale span:first-child:before {
	background-color: #00c73c;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale span::before {
	background-color: #bdc0c6;
	content: "";
	left: -2px;
	position: absolute;
	top: 15px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.setting_area .option_wrap .option_item .rs-container .rs-scale span ins {
	color: #333;
	display: inline-block;
	font-size: 12px;
	margin-top: 20px;
	text-decoration: none;
}

.setting_area .option_wrap .option_item .rs-container.disabled .rs-scale span ins {
	color: #999;
}

.setting_area .btn_setting {
	display: inline-block;
	height: 27px;
	margin-left: 5px;
	padding: 0 7px;
	border: 1px solid #eaeaea;
	color: #666;
	vertical-align: top;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
}

.setting_area .tooltip {
	position: absolute;
	top: 33px;
	right: 0;
	min-width: 300px;
	z-index: 2;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 12px 27px 11px 15px;
	border: 1px solid #e2dab0;
	background: #fff8cf;
	display: none;
	font-weight: normal;
}

.setting_area .tooltip:before {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.setting_area .tooltip:after {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.setting_area .tooltip .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.setting_area .tooltip .btn_close:before {
	position: absolute;
	top: 8px;
	right: 8px;
	background-position: -266px -496px;
	width: 12px;
	height: 12px;
	content: '';
}

.setting_area .tooltip .desc {
	font-size: 13px;
	line-height: 18px;
	color: #070707;
}

.setting_area .tooltip .title,
.setting_area .tooltip .desc {
	font-size: 13px;
	line-height: 22px;
	color: #070707;
}

.setting_area .tooltip .desc {
	white-space: nowrap;
}

.setting_area .tooltip .title {
	font-weight: bold;
}

.setting_area .tooltip:before {
	background-position: -431px -447px;
	width: 8px;
	height: 5px;
	position: absolute;
	top: -5px;
	right: 36px;
	left: auto;
	border: 0;
}

.setting_area .tooltip:after {
	content: none;
}

.hieroglyph_source {
	color: #999;
	text-align: right;
	font-size: 12px;
	line-height: normal;
	padding-bottom: 24px;
}

.fs2 .hieroglyph_source {
	font-size: 13px;
}

.fs3 .hieroglyph_source {
	font-size: 14px;
}

.fs4 .hieroglyph_source {
	font-size: 15px;
}

.component_information {
	padding: 13px 0 30px;
}

.component_information .tray {
	padding-top: 17px;
}

.component_information .tray_inner {
	overflow: hidden;
	margin-right: -15px;
	padding-bottom: 30px;
}

.component_information .tray_inner .item {
	float: left;
	position: relative;
	width: 144px;
	height: 144px;
	margin-left: 32px;
}

.component_information .tray_inner .item .link {
	height: 144px;
}

.component_information .tray_inner .item:nth-child(4n + 1) {
	margin-left: 0;
}

.component_information .tray_inner .item .thumb {
	overflow: hidden;
	position: relative;
	width: 144px;
	height: 144px;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	        background-size: cover;
	font-size: 1px;
	text-indent: -100px;
}

.component_information .tray_inner .item .thumb:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #000;
	opacity: 0.05;
	content: '';
}

.component_information .tray_inner .item .source {
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
	color: #999;
	font-weight: normal;
}

.component_information .navigation {
	position: absolute;
	top: 25px;
	right: 0;
}

.component_information .navigation .status {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	line-height: 25px;
	color: #959595;
}

.component_information .navigation .btn_area {
	float: left;
}

.component_information .navigation .btn_area .btn_prev,
.component_information .navigation .btn_area .btn_next {
	float: left;
	width: 27px;
	height: 25px;
	border: 1px solid #eaeaea;
	line-height: normal;
	vertical-align: top;
}

.component_information .navigation .btn_area .btn_prev .ico,
.component_information .navigation .btn_area .btn_next .ico {
	display: block;
	overflow: hidden;
	margin-left: 10px;
	font-size: 1px;
	text-indent: -100px;
}

.component_information .navigation .btn_area .btn_prev .ico {
	background-position: -468px -181px;
	width: 8px;
	height: 13px;
}

.component_information .navigation .btn_area .btn_prev:disabled .ico {
	background-position: -468px -164px;
}

.component_information .navigation .btn_area .btn_prev:disabled:hover .ico {
	background-position: -468px -164px;
}

.component_information .navigation .btn_area .btn_prev:hover .ico {
	background-position: -468px -353px;
}

.component_information .navigation .btn_area .btn_next {
	margin-left: -1px;
}

.component_information .navigation .btn_area .btn_next .ico {
	background-position: -468px -215px;
	width: 8px;
	height: 13px;
}

.component_information .navigation .btn_area .btn_next:disabled .ico {
	background-position: -468px -198px;
}

.component_information .navigation .btn_area .btn_next:disabled:hover .ico {
	background-position: -468px -198px;
}

.component_information .navigation .btn_area .btn_next:hover .ico {
	background-position: -468px -336px;
}

.component_information .info_cate {
	padding: 20px 0 0;
}

.component_information .info_cate .text {
	display: inline-block;
	color: #1b47b9;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	cursor: initial;
}

.fs2 .component_information .info_cate .text {
	font-size: 15px;
}

.fs3 .component_information .info_cate .text {
	font-size: 16px;
}

.fs4 .component_information .info_cate .text {
	font-size: 17px;
}

.fs2 .component_information .info_cate .text {
	line-height: 21px;
}

.fs3 .component_information .info_cate .text {
	line-height: 22px;
}

.component_information .info_cate .text ~ .text:before {
	background-position: -482px -98px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin: 5px 7px 0px 4px;
	vertical-align: top;
	content: '';
}

.component_information .info_cate + .info_group .period_wrap .se_title {
	padding-top: 0;
}

.component_information .info_desc,
.component_information .hanja_desc {
	height: 38px;
	padding-left: 15px;
	margin: 0 -15px;
	line-height: 38px;
	background-color: #f8f8f8;
}

.component_information .info_desc .tit,
.component_information .hanja_desc .tit {
	display: inline-block;
	margin-top: 2px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 38px;
}

.fs2 .component_information .info_desc .tit, .fs2
.component_information .hanja_desc .tit {
	font-size: 16px;
}

.fs3 .component_information .info_desc .tit, .fs3
.component_information .hanja_desc .tit {
	font-size: 17px;
}

.fs4 .component_information .info_desc .tit, .fs4
.component_information .hanja_desc .tit {
	font-size: 18px;
}

.component_information .info_desc + .info_group,
.component_information .hanja_desc + .info_group {
	margin-bottom: 0;
}

.component_information .info_desc .info,
.component_information .hanja_desc .info {
	padding-left: 8px;
	color: #999;
	letter-spacing: -0.2px;
	font-size: 14px;
}

.fs2 .component_information .info_desc .info, .fs2
.component_information .hanja_desc .info {
	font-size: 15px;
}

.fs3 .component_information .info_desc .info, .fs3
.component_information .hanja_desc .info {
	font-size: 16px;
}

.fs4 .component_information .info_desc .info, .fs4
.component_information .hanja_desc .info {
	font-size: 17px;
}

.component_information .info_desc .info:before,
.component_information .hanja_desc .info:before {
	display: inline-block;
	margin-right: 4px;
	vertical-align: -2px;
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	content: '';
}

.component_information .info_group {
	position: relative;
	padding: 0 15px 27px;
}

.component_information .info_group .se_wrap {
	margin-top: 12px;
	font-size: 15px;
	line-height: 22px;
}

.fs2 .component_information .info_group .se_wrap {
	font-size: 16px;
}

.fs3 .component_information .info_group .se_wrap {
	font-size: 17px;
}

.fs4 .component_information .info_group .se_wrap {
	font-size: 18px;
}

.fs2 .component_information .info_group .se_wrap {
	line-height: 23px;
}

.fs3 .component_information .info_group .se_wrap {
	line-height: 24px;
}

.component_information .info_group .se_title {
	padding: 20px 0 0 0;
	font-size: 14px;
	line-height: 19px;
}

.fs2 .component_information .info_group .se_title {
	font-size: 15px;
}

.fs3 .component_information .info_group .se_title {
	font-size: 16px;
}

.fs4 .component_information .info_group .se_title {
	font-size: 17px;
}

.fs2 .component_information .info_group .se_title {
	line-height: 20px;
}

.fs3 .component_information .info_group .se_title {
	line-height: 21px;
}

.component_information .info_group .period_wrap .info_cate + .se_title {
	padding-top: 12px;
}

.component_information .info_group > .cate {
	padding: 28px 0 0 0;
	font-size: 15px;
	font-weight: bold;
}

.fs2 .component_information .info_group > .cate {
	font-size: 16px;
}

.fs3 .component_information .info_group > .cate {
	font-size: 17px;
}

.fs4 .component_information .info_group > .cate {
	font-size: 18px;
}

.component_information .info_group .hanja_info_wrap .mean {
	margin-top: 5px;
}

.component_information .info_group .hanja_info_wrap .highlight {
	background: #e3f4ff;
	font-weight: inherit;
}

.component_information .info_group .addition_info {
	margin-top: 2px;
}

.component_information .info_group .addition_info .addition_item {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	color: #666;
}

.fs2 .component_information .info_group .addition_info .addition_item {
	font-size: 14px;
}

.fs3 .component_information .info_group .addition_info .addition_item {
	font-size: 15px;
}

.fs4 .component_information .info_group .addition_info .addition_item {
	font-size: 16px;
}

.fs2 .component_information .info_group .addition_info .addition_item {
	line-height: 23px;
}

.fs3 .component_information .info_group .addition_info .addition_item {
	line-height: 24px;
}

.component_information .info_group .addition_info .addition_item .addtion_cate {
	color: #666;
}

.component_information .info_group .addition_info .addition_item .desc {
	padding-left: 6px;
	color: #444;
}

.component_information .info_group .addition_info .addition_item span[lang^='zh'] {
	display: inline-block;
	font-size: 15px;
	width: 22px;
	text-align: center;
}

.fs2 .component_information .info_group .addition_info .addition_item span[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_information .info_group .addition_info .addition_item span[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_information .info_group .addition_info .addition_item span[lang^='zh'] {
	font-size: 18px;
}

.component_information .info_group .addition_info .addition_item ~ .addition_item:before {
	display: inline-block;
	width: 1px;
	height: 11px;
	margin: 6px 8px 0 8px;
	vertical-align: top;
	background-color: #d8dce2;
	content: '';
}

.component_information .info_group .hanja_wrap {
	position: relative;
	margin-top: 17px;
	line-height: 24px;
}

.component_information .info_group .hanja_wrap + .mean {
	padding-bottom: 0;
}

.component_information .info_group .hanja_wrap.has-saving-function {
	padding-right: 31px;
}

.component_information .info_group .hanja_wrap .hanja_word {
	font-size: 21px;
	float: left;
	margin-right: 6px;
	color: #1b47b9;
}

.fs2 .component_information .info_group .hanja_wrap .hanja_word {
	font-size: 22px;
}

.fs3 .component_information .info_group .hanja_wrap .hanja_word {
	font-size: 23px;
}

.fs4 .component_information .info_group .hanja_wrap .hanja_word {
	font-size: 24px;
}

.component_information .info_group .hanja_wrap .hanja_mean {
	font-size: 15px;
	letter-spacing: -0.3px;
}

.fs2 .component_information .info_group .hanja_wrap .hanja_mean {
	font-size: 16px;
}

.fs3 .component_information .info_group .hanja_wrap .hanja_mean {
	font-size: 17px;
}

.fs4 .component_information .info_group .hanja_wrap .hanja_mean {
	font-size: 18px;
}

.component_information .info_group .hanja_wrap:after::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_information .info_group .hanja_wrap .unit_add_wordbook {
	background-position: -198px -190px;
	width: 18px;
	height: 18px;
	display: inline-block;
	position: static;
	margin: 4px 0 0 8px;
	vertical-align: top;
}

.component_information .info_group .hanja_wrap .unit_add_wordbook:hover, .component_information .info_group .hanja_wrap .unit_add_wordbook.is-active {
	background-position: -316px -381px;
}

.component_information .info_group .hanja_wrap .unit_add_wordbook.is-saved {
	background-position: -292px -208px;
}

.component_information .info_group .hanja_wrap + .mean {
	margin-top: 9px;
}

.component_information .info_group + .info_group {
	border-top: 1px solid #f0f0f0;
}

.component_information .info_group:last-child {
	margin-bottom: -30px;
}

.component_information .info {
	padding: 12px 15px 0;
	font-size: 14px;
	line-height: 24px;
}

.fs2 .component_information .info {
	font-size: 15px;
}

.fs3 .component_information .info {
	font-size: 16px;
}

.fs4 .component_information .info {
	font-size: 17px;
}

.component_information .word_title {
	position: relative;
	line-height: 19px;
	padding: 23px 0 5px;
	font-size: 14px;
}

.fs2 .component_information .word_title {
	font-size: 15px;
}

.fs3 .component_information .word_title {
	font-size: 16px;
}

.fs4 .component_information .word_title {
	font-size: 17px;
}

.component_information .word_title ~ .source {
	padding-bottom: 24px;
}

.component_information .direct {
	color: #25407d;
}

.component_information .source {
	margin-top: 7px;
	color: #999;
	text-align: left;
	font-size: 12px;
	line-height: normal;
}

.fs2 .component_information .source {
	font-size: 13px;
}

.fs3 .component_information .source {
	font-size: 14px;
}

.fs4 .component_information .source {
	font-size: 15px;
}

.component_information .source .date {
	position: relative;
	display: inline-block;
}

.component_information .source .date:before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 3px 7px 0 4px;
	vertical-align: top;
	background-color: #d8d8d8;
	content: '';
}

.component_information .source:empty {
	display: none;
}

.component_information .period {
	margin: 15px 0 0;
	padding: 10px 15px 11px;
	background: #fafafa;
	font-size: 14px;
	color: #444;
}

.fs2 .component_information .period {
	font-size: 15px;
}

.fs3 .component_information .period {
	font-size: 16px;
}

.fs4 .component_information .period {
	font-size: 17px;
}

.component_information .period[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .period[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .period[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .period[lang='ko'] {
	font-size: 16px;
}

.component_information .mean {
	margin-top: 15px;
	font-size: 14px;
	line-height: 22px;
}

.fs2 .component_information .mean {
	font-size: 15px;
}

.fs3 .component_information .mean {
	font-size: 16px;
}

.fs4 .component_information .mean {
	font-size: 17px;
}

.component_information .mean[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .mean[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .mean[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .mean[lang='ko'] {
	font-size: 16px;
}

.fs2 .component_information .mean {
	line-height: 23px;
}

.fs3 .component_information .mean {
	line-height: 24px;
}

.component_information .row_wrap {
	margin: 15px 0 0 15px;
}

.component_information .row_wrap .row {
	margin-top: 18px;
}

.component_information .row_wrap .row:first-child {
	margin-top: 0;
}

.component_information .row_wrap + .info_theme {
	margin-top: 37px;
	padding-top: 30px;
	border-top: 1px solid #f0f0f0;
}

.component_information .info_group .word_title {
	padding-left: 0;
}

.component_information .info_group .period {
	margin: 15px -15px 0;
}

.component_information .info_group .row_wrap {
	margin: 15px 0 0 0;
}

.component_information .tit {
	font-size: 13px;
	line-height: 19px;
	color: #6881a1;
	font-weight: bold;
}

.fs2 .component_information .tit {
	font-size: 14px;
}

.fs3 .component_information .tit {
	font-size: 15px;
}

.fs4 .component_information .tit {
	font-size: 16px;
}

.fs2 .component_information .tit {
	line-height: 20px;
}

.fs3 .component_information .tit {
	line-height: 21px;
}

.component_information .cont {
	margin-top: 4px;
	color: #000;
}

.component_information .cont + .cont {
	margin-top: 18px;
}

.component_information .cont > p {
	font-size: 14px;
	line-height: 28px;
}

.fs2 .component_information .cont > p {
	font-size: 15px;
}

.fs3 .component_information .cont > p {
	font-size: 16px;
}

.fs4 .component_information .cont > p {
	font-size: 17px;
}

.component_information .cont > p[lang='ko'] {
	font-size: 14px;
}

.fs2 .component_information .cont > p[lang='ko'] {
	font-size: 15px;
}

.fs3 .component_information .cont > p[lang='ko'] {
	font-size: 16px;
}

.fs4 .component_information .cont > p[lang='ko'] {
	font-size: 17px;
}

.component_information .cont > p[lang^='ja'], .component_information .cont > p[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_information .cont > p[lang^='ja'], .fs2 .component_information .cont > p[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_information .cont > p[lang^='ja'], .fs3 .component_information .cont > p[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_information .cont > p[lang^='ja'], .fs4 .component_information .cont > p[lang^='zh'] {
	font-size: 18px;
}

.component_information .cont > p[lang='ar'], .component_information .cont > p[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_information .cont > p[lang='ar'], .fs2 .component_information .cont > p[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_information .cont > p[lang='ar'], .fs3 .component_information .cont > p[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_information .cont > p[lang='ar'], .fs4 .component_information .cont > p[lang='fa'] {
	font-size: 19px;
}

.component_information .cont > p[lang='my'], .component_information .cont > p[lang='km'] {
	font-size: 14px;
}

.fs2 .component_information .cont > p[lang='my'], .fs2 .component_information .cont > p[lang='km'] {
	font-size: 15px;
}

.fs3 .component_information .cont > p[lang='my'], .fs3 .component_information .cont > p[lang='km'] {
	font-size: 16px;
}

.fs4 .component_information .cont > p[lang='my'], .fs4 .component_information .cont > p[lang='km'] {
	font-size: 17px;
}

.fs2 .component_information .cont > p {
	line-height: 29px;
}

.fs3 .component_information .cont > p {
	line-height: 30px;
}

.component_information .cont > p[lang='ko'] {
	line-height: 24px;
}

.fs2 .component_information .cont > p[lang='ko'] {
	line-height: 25px;
}

.fs3 .component_information .cont > p[lang='ko'] {
	line-height: 26px;
}

.component_information .cont > p[lang^='ja'], .component_information .cont > p[lang^='zh'] {
	line-height: 28px;
}

.fs2 .component_information .cont > p[lang^='ja'], .fs2 .component_information .cont > p[lang^='zh'] {
	line-height: 29px;
}

.fs3 .component_information .cont > p[lang^='ja'], .fs3 .component_information .cont > p[lang^='zh'] {
	line-height: 30px;
}

.component_information .cont > p[lang='ar'], .component_information .cont > p[lang='fa'] {
	line-height: 30px;
}

.fs2 .component_information .cont > p[lang='ar'], .fs2 .component_information .cont > p[lang='fa'] {
	line-height: 31px;
}

.fs3 .component_information .cont > p[lang='ar'], .fs3 .component_information .cont > p[lang='fa'] {
	line-height: 32px;
}

.component_information .cont > p[lang='my'], .component_information .cont > p[lang='km'] {
	line-height: 35px;
}

.fs2 .component_information .cont > p[lang='my'], .fs2 .component_information .cont > p[lang='km'] {
	line-height: 36px;
}

.fs3 .component_information .cont > p[lang='my'], .fs3 .component_information .cont > p[lang='km'] {
	line-height: 37px;
}

.component_information .cont .source {
	margin-top: 7px;
	text-align: left;
	font-size: 12px;
	line-height: normal;
	color: #999;
}

.component_information .cont .column {
	display: inline-block;
	line-height: 22px;
	font-size: 15px;
	line-height: 26px;
}

.fs2 .component_information .cont .column {
	font-size: 16px;
}

.fs3 .component_information .cont .column {
	font-size: 17px;
}

.fs4 .component_information .cont .column {
	font-size: 18px;
}

.fs2 .component_information .cont .column {
	line-height: 27px;
}

.fs3 .component_information .cont .column {
	line-height: 28px;
}

.component_information .cont .column + .column {
	padding-left: 9px;
}

.component_information .cont .column .link_entry {
	color: #25407d;
}

.component_information .cont .column .pronunciation {
	font-size: 14px;
	color: #777;
}

.fs2 .component_information .cont .column .pronunciation {
	font-size: 15px;
}

.fs3 .component_information .cont .column .pronunciation {
	font-size: 16px;
}

.fs4 .component_information .cont .column .pronunciation {
	font-size: 17px;
}

.component_information .example {
	margin: 0;
}

.component_information .example .example_item {
	line-height: 26px;
}

.component_information .example .example_item .text {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
}

.fs2 .component_information .example .example_item .text {
	font-size: 15px;
}

.fs3 .component_information .example .example_item .text {
	font-size: 16px;
}

.fs4 .component_information .example .example_item .text {
	font-size: 17px;
}

.component_information .example .example_item .text[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .example .example_item .text[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .example .example_item .text[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .example .example_item .text[lang='ko'] {
	font-size: 16px;
}

.component_information .example .example_item .text[lang^='ja'], .component_information .example .example_item .text[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_information .example .example_item .text[lang^='ja'], .fs2 .component_information .example .example_item .text[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_information .example .example_item .text[lang^='ja'], .fs3 .component_information .example .example_item .text[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_information .example .example_item .text[lang^='ja'], .fs4 .component_information .example .example_item .text[lang^='zh'] {
	font-size: 19px;
}

.component_information .example .example_item .text[lang='ar'], .component_information .example .example_item .text[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_information .example .example_item .text[lang='ar'], .fs2 .component_information .example .example_item .text[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_information .example .example_item .text[lang='ar'], .fs3 .component_information .example .example_item .text[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_information .example .example_item .text[lang='ar'], .fs4 .component_information .example .example_item .text[lang='fa'] {
	font-size: 19px;
}

.component_information .example .example_item .text[lang='my'], .component_information .example .example_item .text[lang='km'] {
	font-size: 14px;
}

.fs2 .component_information .example .example_item .text[lang='my'], .fs2 .component_information .example .example_item .text[lang='km'] {
	font-size: 15px;
}

.fs3 .component_information .example .example_item .text[lang='my'], .fs3 .component_information .example .example_item .text[lang='km'] {
	font-size: 16px;
}

.fs4 .component_information .example .example_item .text[lang='my'], .fs4 .component_information .example .example_item .text[lang='km'] {
	font-size: 17px;
}

.fs2 .component_information .example .example_item .text {
	line-height: 21px;
}

.fs3 .component_information .example .example_item .text {
	line-height: 22px;
}

.component_information .example .example_item .text[lang='ko'] {
	line-height: 20px;
}

.fs2 .component_information .example .example_item .text[lang='ko'] {
	line-height: 21px;
}

.fs3 .component_information .example .example_item .text[lang='ko'] {
	line-height: 22px;
}

.component_information .example .example_item .text[lang^='ja'], .component_information .example .example_item .text[lang^='zh'] {
	line-height: 22px;
}

.fs2 .component_information .example .example_item .text[lang^='ja'], .fs2 .component_information .example .example_item .text[lang^='zh'] {
	line-height: 23px;
}

.fs3 .component_information .example .example_item .text[lang^='ja'], .fs3 .component_information .example .example_item .text[lang^='zh'] {
	line-height: 24px;
}

.component_information .example .example_item .text[lang='ar'], .component_information .example .example_item .text[lang='fa'] {
	line-height: 26px;
}

.fs2 .component_information .example .example_item .text[lang='ar'], .fs2 .component_information .example .example_item .text[lang='fa'] {
	line-height: 27px;
}

.fs3 .component_information .example .example_item .text[lang='ar'], .fs3 .component_information .example .example_item .text[lang='fa'] {
	line-height: 28px;
}

.component_information .example .example_item .text[lang='my'], .component_information .example .example_item .text[lang='km'] {
	line-height: 24px;
}

.fs2 .component_information .example .example_item .text[lang='my'], .fs2 .component_information .example .example_item .text[lang='km'] {
	line-height: 25px;
}

.fs3 .component_information .example .example_item .text[lang='my'], .fs3 .component_information .example .example_item .text[lang='km'] {
	line-height: 26px;
}

.component_information .example:before {
	top: 5px;
	left: 2px;
	bottom: 8px;
	min-height: 11px;
}

.component_information .example_translate {
	margin-top: 4px;
}

.component_information .example_tit {
	margin-top: 7px;
	font-size: 14px;
	line-height: 22px;
}

.fs2 .component_information .example_tit {
	font-size: 15px;
}

.fs3 .component_information .example_tit {
	font-size: 16px;
}

.fs4 .component_information .example_tit {
	font-size: 17px;
}

.component_information .example_tit[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .example_tit[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .example_tit[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .example_tit[lang='ko'] {
	font-size: 16px;
}

.fs2 .component_information .example_tit {
	line-height: 23px;
}

.fs3 .component_information .example_tit {
	line-height: 24px;
}

.component_information .example_tit:first-child {
	margin-top: 0;
}

.component_information .stroke {
	overflow: hidden;
	margin-top: -6px;
}

.component_information .stroke .num {
	width: 77px;
	padding-top: 7px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.fs2 .component_information .stroke .num {
	font-size: 15px;
}

.fs3 .component_information .stroke .num {
	font-size: 16px;
}

.fs4 .component_information .stroke .num {
	font-size: 17px;
}

.component_information .stroke .num[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .stroke .num[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .stroke .num[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .stroke .num[lang='ko'] {
	font-size: 16px;
}

.fs2 .component_information .stroke .num {
	line-height: 21px;
}

.fs3 .component_information .stroke .num {
	line-height: 22px;
}

.component_information .stroke .num .btn_play {
	background-position: -397px -289px;
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-left: 4px;
	vertical-align: top;
}

.component_information .stroke .num .btn_play:hover {
	background-position: -397px -264px;
}

.component_information .stroke .view {
	margin-top: -4px;
}

.component_information .stroke .view .inner {
	margin-left: -9px;
}

.component_information .stroke .view .play_area {
	float: left;
	position: relative;
	width: 46px;
	height: 46px;
	margin-top: 10px;
	text-align: center;
	font-size: 0;
}

.component_information .stroke .view .play_area:after {
	display: inline-block;
	height: 46px;
	content: '';
	vertical-align: middle;
}

.component_information .stroke .view .play_area:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 46px;
	-webkit-border-radius: 13px;
	        border-radius: 13px;
	background-color: rgba(0, 0, 0, 0.7);
	content: '';
}

.component_information .stroke .view .play_area .btn_play {
	background-position: -208px -345px;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -12px;
	vertical-align: top;
}

.component_information .stroke .view .item {
	float: left;
	margin: 10px 0 0 9px;
	width: 46px;
	height: 46px;
	text-align: center;
}

.component_information .stroke .view .item:first-child {
	margin-left: 10px;
}

.component_information .stroke .view .item:before {
	display: inline-block;
	height: 46px;
	vertical-align: middle;
	content: '';
}

.component_information .stroke .view img {
	width: 35px;
	display: inline-block;
	vertical-align: middle;
	height: auto;
}

.component_information .link {
	display: block;
	height: 52px;
	line-height: 52px;
	font-size: 13px;
	font-weight: bold;
	color: #6881a1;
}

.fs2 .component_information .link {
	font-size: 14px;
}

.fs3 .component_information .link {
	font-size: 15px;
}

.fs4 .component_information .link {
	font-size: 16px;
}

.component_information .link .ico {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin: -1px 0 0 4px;
	vertical-align: middle;
}

.component_information .addition {
	overflow: hidden;
	margin-top: 3px;
	line-height: 22px;
}

.fs2 .component_information .addition {
	line-height: 23px;
}

.fs3 .component_information .addition {
	line-height: 24px;
}

.component_information .addition ~ .source {
	margin-top: 7px;
}

.component_information .addition .addition_tit {
	float: left;
	margin: 8px 6px 0 0;
	min-width: 60px;
	font-size: 14px;
	color: #666;
}

.fs2 .component_information .addition .addition_tit {
	font-size: 15px;
}

.fs3 .component_information .addition .addition_tit {
	font-size: 16px;
}

.fs4 .component_information .addition .addition_tit {
	font-size: 17px;
}

.component_information .addition .addition_tit[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .addition .addition_tit[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .addition .addition_tit[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .addition .addition_tit[lang='ko'] {
	font-size: 16px;
}

.component_information .addition .addition_tit[lang^='ja'], .component_information .addition .addition_tit[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_information .addition .addition_tit[lang^='ja'], .fs2 .component_information .addition .addition_tit[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_information .addition .addition_tit[lang^='ja'], .fs3 .component_information .addition .addition_tit[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_information .addition .addition_tit[lang^='ja'], .fs4 .component_information .addition .addition_tit[lang^='zh'] {
	font-size: 19px;
}

.component_information .addition .addition_tit[lang='ar'], .component_information .addition .addition_tit[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_information .addition .addition_tit[lang='ar'], .fs2 .component_information .addition .addition_tit[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_information .addition .addition_tit[lang='ar'], .fs3 .component_information .addition .addition_tit[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_information .addition .addition_tit[lang='ar'], .fs4 .component_information .addition .addition_tit[lang='fa'] {
	font-size: 19px;
}

.component_information .addition .addition_tit[lang='my'], .component_information .addition .addition_tit[lang='km'] {
	font-size: 14px;
}

.fs2 .component_information .addition .addition_tit[lang='my'], .fs2 .component_information .addition .addition_tit[lang='km'] {
	font-size: 15px;
}

.fs3 .component_information .addition .addition_tit[lang='my'], .fs3 .component_information .addition .addition_tit[lang='km'] {
	font-size: 16px;
}

.fs4 .component_information .addition .addition_tit[lang='my'], .fs4 .component_information .addition .addition_tit[lang='km'] {
	font-size: 17px;
}

.component_information .addition .addition_cont {
	overflow: hidden;
	margin-top: 8px;
}

.component_information .addition .addition_cont .word {
	display: inline-block;
	margin-right: 1px;
	padding: 0 7px;
	background: #f1f2f3;
	font-size: 14px;
	color: #444;
	vertical-align: top;
}

.fs2 .component_information .addition .addition_cont .word {
	font-size: 15px;
}

.fs3 .component_information .addition .addition_cont .word {
	font-size: 16px;
}

.fs4 .component_information .addition .addition_cont .word {
	font-size: 17px;
}

.component_information .addition .addition_cont .word[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .addition .addition_cont .word[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .addition .addition_cont .word[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .addition .addition_cont .word[lang='ko'] {
	font-size: 16px;
}

.component_information .addition .addition_cont .word[lang^='ja'], .component_information .addition .addition_cont .word[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_information .addition .addition_cont .word[lang^='ja'], .fs2 .component_information .addition .addition_cont .word[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_information .addition .addition_cont .word[lang^='ja'], .fs3 .component_information .addition .addition_cont .word[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_information .addition .addition_cont .word[lang^='ja'], .fs4 .component_information .addition .addition_cont .word[lang^='zh'] {
	font-size: 19px;
}

.component_information .addition .addition_cont .word[lang='ar'], .component_information .addition .addition_cont .word[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_information .addition .addition_cont .word[lang='ar'], .fs2 .component_information .addition .addition_cont .word[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_information .addition .addition_cont .word[lang='ar'], .fs3 .component_information .addition .addition_cont .word[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_information .addition .addition_cont .word[lang='ar'], .fs4 .component_information .addition .addition_cont .word[lang='fa'] {
	font-size: 19px;
}

.component_information .addition .addition_cont .word[lang='my'], .component_information .addition .addition_cont .word[lang='km'] {
	font-size: 14px;
}

.fs2 .component_information .addition .addition_cont .word[lang='my'], .fs2 .component_information .addition .addition_cont .word[lang='km'] {
	font-size: 15px;
}

.fs3 .component_information .addition .addition_cont .word[lang='my'], .fs3 .component_information .addition .addition_cont .word[lang='km'] {
	font-size: 16px;
}

.fs4 .component_information .addition .addition_cont .word[lang='my'], .fs4 .component_information .addition .addition_cont .word[lang='km'] {
	font-size: 17px;
}

.component_information .addition .addition_cont a.word {
	color: #25407d;
}

.component_information .spelling_title {
	color: #000;
}

.component_information .spelling_title .txt,
.component_information .spelling_title .tit {
	font-size: 14px;
	line-height: 22px;
}

.fs2 .component_information .spelling_title .txt, .fs2
.component_information .spelling_title .tit {
	font-size: 15px;
}

.fs3 .component_information .spelling_title .txt, .fs3
.component_information .spelling_title .tit {
	font-size: 16px;
}

.fs4 .component_information .spelling_title .txt, .fs4
.component_information .spelling_title .tit {
	font-size: 17px;
}

.component_information .spelling_title .txt[lang='ko'],
.component_information .spelling_title .tit[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_information .spelling_title .txt[lang='ko'], .fs2
.component_information .spelling_title .tit[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_information .spelling_title .txt[lang='ko'], .fs3
.component_information .spelling_title .tit[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_information .spelling_title .txt[lang='ko'], .fs4
.component_information .spelling_title .tit[lang='ko'] {
	font-size: 16px;
}

.fs2 .component_information .spelling_title .txt, .fs2
.component_information .spelling_title .tit {
	line-height: 23px;
}

.fs3 .component_information .spelling_title .txt, .fs3
.component_information .spelling_title .tit {
	line-height: 24px;
}

.component_information .spelling_title .txt {
	margin-left: 6px;
}

.component_information .spelling_title .txt:first-child {
	margin-left: 0;
}

.component_information .spelling .spelling_item {
	margin-top: 5px;
}

.component_information .spelling .tit {
	float: left;
	min-width: 75px;
	margin-right: 5px;
	color: #666;
}

.component_information .spelling .txt {
	overflow: hidden;
	display: block;
	color: #666;
}

.component_information .cate_info,
.component_information .hieroglyphics_info {
	display: inline-block;
	position: relative;
}

.component_information .cate_info .btn_alert,
.component_information .hieroglyphics_info .btn_alert {
	position: relative;
	margin: 3px 0 0 -1px;
	vertical-align: top;
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	content: '';
}

.component_information .cate_info .btn_alert:before,
.component_information .hieroglyphics_info .btn_alert:before {
	content: none;
}

.component_information .cate_info .btn_alert[aria-expanded='true'] ~ .tooltip,
.component_information .hieroglyphics_info .btn_alert[aria-expanded='true'] ~ .tooltip {
	display: block;
}

.component_information .cate_info .btn_alert[aria-expanded='true']:before,
.component_information .hieroglyphics_info .btn_alert[aria-expanded='true']:before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin: 0;
	margin-left: -6px;
	width: auto;
	height: auto;
	background: none;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	z-index: 100;
	content: '';
}

.component_information .cate_info .btn_alert[aria-expanded='true']:after,
.component_information .hieroglyphics_info .btn_alert[aria-expanded='true']:after {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	z-index: 100;
	content: '';
}

.component_information .cate_info .tooltip,
.component_information .hieroglyphics_info .tooltip {
	display: none;
	position: absolute;
	border: 1px solid #c4c1a2;
	background: #fffef1;
	top: 22px;
	left: -30px;
	width: 380px;
	margin-top: 2px;
	margin-right: 16px;
	z-index: 10;
}

.component_information .cate_info .tooltip .tooltip_inner,
.component_information .hieroglyphics_info .tooltip .tooltip_inner {
	padding: 17px 35px 14px 15px;
}

.component_information .cate_info .tooltip .tooltip_inner .link,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .link {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	color: #25407d;
	margin-top: 3px;
}

.fs2 .component_information .cate_info .tooltip .tooltip_inner .link, .fs2
.component_information .hieroglyphics_info .tooltip .tooltip_inner .link {
	font-size: 14px;
}

.fs3 .component_information .cate_info .tooltip .tooltip_inner .link, .fs3
.component_information .hieroglyphics_info .tooltip .tooltip_inner .link {
	font-size: 15px;
}

.fs4 .component_information .cate_info .tooltip .tooltip_inner .link, .fs4
.component_information .hieroglyphics_info .tooltip .tooltip_inner .link {
	font-size: 16px;
}

.component_information .cate_info .tooltip .tooltip_inner .link:after,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .link:after {
	background-position: -515px -212px;
	width: 5px;
	height: 10px;
	display: inline-block;
	margin: 6px 0 0 6px;
	vertical-align: top;
	content: '';
}

.component_information .cate_info .tooltip .tooltip_inner .desc,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .desc {
	white-space: initial;
	color: #070707;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
}

.fs2 .component_information .cate_info .tooltip .tooltip_inner .desc, .fs2
.component_information .hieroglyphics_info .tooltip .tooltip_inner .desc {
	font-size: 14px;
}

.fs3 .component_information .cate_info .tooltip .tooltip_inner .desc, .fs3
.component_information .hieroglyphics_info .tooltip .tooltip_inner .desc {
	font-size: 15px;
}

.fs4 .component_information .cate_info .tooltip .tooltip_inner .desc, .fs4
.component_information .hieroglyphics_info .tooltip .tooltip_inner .desc {
	font-size: 16px;
}

.component_information .cate_info .tooltip .tooltip_inner .btn_close,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .btn_close {
	position: absolute;
	top: 11px;
	right: 11px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: transparent;
}

.component_information .cate_info .tooltip .tooltip_inner .btn_close:before,
.component_information .hieroglyphics_info .tooltip .tooltip_inner .btn_close:before {
	position: absolute;
	top: 4px;
	right: 4px;
	background-position: -213px -447px;
	width: 12px;
	height: 12px;
	content: '';
}

.component_information .cate_info .tooltip:before,
.component_information .hieroglyphics_info .tooltip:before {
	content: none;
}

.component_information .hieroglyph_area {
	margin-top: 12px;
	padding-bottom: 24px;
}

.component_information .hieroglyph_area::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_information .hieroglyph_wrap {
	float: left;
	width: 336px;
	margin: 2px 15px 0 0;
}

.component_information .hieroglyph_wrap .hanja_img_wrap {
	padding: 20px 0;
	text-align: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #e7e7e7;
}

.component_information .hieroglyph_wrap .hanja_img_wrap img {
	vertical-align: top;
}

.component_information .hieroglyph_wrap .img_source {
	position: relative;
	padding-left: 18px;
	margin-top: 10px;
	color: #999;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
}

.fs2 .component_information .hieroglyph_wrap .img_source {
	font-size: 13px;
}

.fs3 .component_information .hieroglyph_wrap .img_source {
	font-size: 14px;
}

.fs4 .component_information .hieroglyph_wrap .img_source {
	font-size: 15px;
}

.component_information .hieroglyph_wrap .img_source:before {
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 2px;
	left: 0;
	content: '';
}

.component_information .hieroglyph_wrap .hanja_info .info_list {
	overflow: hidden;
	margin-top: 8px;
}

.component_information .hieroglyph_wrap .hanja_info .info_item {
	overflow: hidden;
	float: left;
	width: 76px;
	height: 98px;
	margin-left: 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	text-align: center;
	border: solid 1px #e7e7e7;
	vertical-align: top;
}

.component_information .hieroglyph_wrap .hanja_info .info_item .desc {
	line-height: 31px;
	font-size: 14px;
	background-color: #f7f7f7;
	color: #444;
}

.component_information .hieroglyph_wrap .hanja_info .info_item:first-child {
	margin-left: 0;
}

.component_information .hieroglyph_wrap .hanja_info .info_item .hanja_img {
	padding: 16px 0 13px;
}

.component_information .hieroglyph_wrap .hanja_info .info_item .hanja_img img {
	width: 38px;
	height: 38px;
	vertical-align: top;
}

.component_information .desc_wrap {
	overflow: hidden;
}

.component_information .desc_wrap .mean {
	margin: 0;
	line-height: 24px;
}

.component_information .desc_wrap .source {
	line-height: 20px;
}

.component_information .period_wrap:last-child .hanja_info_wrap {
	padding-bottom: 0;
}

.component_information .period_wrap .hanja_info_wrap {
	padding-bottom: 17px;
}

.component_information .period_wrap .cate {
	padding: 23px 0 5px;
	font-size: 15px;
	font-weight: bold;
}

.fs2 .component_information .period_wrap .cate {
	font-size: 16px;
}

.fs3 .component_information .period_wrap .cate {
	font-size: 17px;
}

.fs4 .component_information .period_wrap .cate {
	font-size: 18px;
}

.component_information .period_wrap .mean {
	margin-top: 3px;
	line-height: 21px;
	font-size: 14px;
}

.fs2 .component_information .period_wrap .mean {
	font-size: 15px;
}

.fs3 .component_information .period_wrap .mean {
	font-size: 16px;
}

.fs4 .component_information .period_wrap .mean {
	font-size: 17px;
}

.component_information .period_wrap .more_link {
	display: inline-block;
	margin-top: 16px;
	vertical-align: top;
	text-align: right;
	font-size: 12px;
	color: #1b47b9;
	text-decoration: underline;
}

.fs2 .component_information .period_wrap .more_link {
	font-size: 13px;
}

.fs3 .component_information .period_wrap .more_link {
	font-size: 14px;
}

.fs4 .component_information .period_wrap .more_link {
	font-size: 15px;
}

.component_information .period_wrap .more_link:after {
	background-position: -482px -168px;
	width: 5px;
	height: 10px;
	content: '';
	display: inline-block;
	margin: 2px 0 0 4px;
	vertical-align: top;
}

.component_information .period_group {
	margin: 0 -15px;
	padding: 5px 15px 0;
	border-top: 1px solid #f0f0f0;
}

.component_information .period_group .period_wrap {
	border-top: 0;
	padding-bottom: 0;
}

.component_information .period_group .period_wrap .source {
	padding-bottom: 0;
}

.component_information .period_group .period_wrap .source {
	margin-top: 19px;
}

.component_information .period_group .period_wrap .cate {
	position: relative;
	padding: 20px 0 0 0;
	font-weight: bold;
	line-height: 19px;
	font-size: 13px;
	color: #6881a1;
}

.fs2 .component_information .period_group .period_wrap .cate {
	font-size: 14px;
}

.fs3 .component_information .period_group .period_wrap .cate {
	font-size: 15px;
}

.fs4 .component_information .period_group .period_wrap .cate {
	font-size: 16px;
}

.component_information .reference_wrap {
	display: table;
	margin-top: 8px;
	width: 100%;
	border: 1px solid #e7e7e7;
	table-layout: fixed;
}

.component_information .reference_wrap .reference_cate {
	display: table-cell;
	font-size: 13px;
	width: 85px;
	vertical-align: middle;
	text-align: center;
	background-color: #fafafa;
}

.fs2 .component_information .reference_wrap .reference_cate {
	font-size: 14px;
}

.fs3 .component_information .reference_wrap .reference_cate {
	font-size: 15px;
}

.fs4 .component_information .reference_wrap .reference_cate {
	font-size: 16px;
}

.component_information .reference_wrap .reference_mean {
	display: table-cell;
	width: 100%;
	font-size: 14px;
	line-height: 21px;
}

.fs2 .component_information .reference_wrap .reference_mean {
	font-size: 15px;
}

.fs3 .component_information .reference_wrap .reference_mean {
	font-size: 16px;
}

.fs4 .component_information .reference_wrap .reference_mean {
	font-size: 17px;
}

.component_information .reference_wrap .reference_mean .desc {
	padding: 18px 19px;
	color: #444;
	border-left: 1px solid #e9e9e9;
}

.component_information .reference_wrap .reference_mean .desc ~ .desc {
	border-top: 1px solid #e9e9e9;
}

.info_group + .info_group .period_wrap:first-child > .info_cate,
.info_group + .info_group .period_wrap:first-child > .se_title:first-child {
	padding-top: 0;
}

.section_relation + .origin_source.my_origin_source {
	border-top: 1px solid #f0f0f0;
}

.component_thesaurus {
	overflow: hidden;
	padding: 15px 0 20px;
}

.component_thesaurus .thesaurus_inner {
	position: relative;
	width: 529px;
	margin: 0 auto;
}

.component_thesaurus .desc {
	position: absolute;
	top: 6px;
	right: 0;
}

.component_thesaurus .desc .ico {
	float: left;
	overflow: hidden;
	height: 18px;
	padding: 0 5px;
	-webkit-border-radius: 9px;
	        border-radius: 9px;
	color: #fff;
	line-height: 18px;
	font-size: 11px;
}

.component_thesaurus .desc .synonym {
	margin-right: 3px;
	background: #6cb0f6;
}

.component_thesaurus .desc .antonym {
	background: #f6866c;
}

.component_thesaurus .map {
	height: 299px;
}

.component_thesaurus .map .loading {
	background-position: 0px 0px;
	width: 358px;
	height: 78px;
	position: absolute;
	z-index: 100;
	top: 114px;
	left: 50%;
	width: 358px;
	height: 78px;
	margin-left: -179px;
}

.component_thesaurus .map .loading.v1 {
	background-position: 0px -82px;
	width: 278px;
	margin-left: -139px;
}

.component_thesaurus .map .loading .txt {
	height: 60px;
	padding-top: 6px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	font-family: '나눔고딕', 'Nanum Gothic';
}

.component_thesaurus .map .loading .ico {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 5px 4px 0 0;
	background: url(../img/loading.gif) no-repeat;
	vertical-align: top;
}

.component_thesaurus .map .key_word {
	position: absolute;
	top: 95px;
	left: 210px;
}

.component_thesaurus .map .key_word .text {
	display: table-cell;
	width: 110px;
	height: 110px;
	-webkit-border-radius: 55px;
	        border-radius: 55px;
	background: #eaeaea;
	color: #787878;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	word-break: break-all;
}

.component_thesaurus .map .slides {
	overflow: hidden;
	position: relative;
	height: 299px;
}

.component_thesaurus .map .slides_container {
	position: relative;
}

.component_thesaurus .map .slides_content {
	position: absolute;
	width: 529px;
	height: 299px;
}

.component_thesaurus .map .slides_content em {
	position: absolute;
	height: 20px;
}

.component_thesaurus .map .slides_content em:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: 6px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #6cb0f6;
	vertical-align: top;
	line-height: normal;
}

.component_thesaurus .map .slides_content em .word {
	display: inline-block;
	height: 20px;
	color: #767676;
	line-height: 20px;
	vertical-align: top;
	font-size: 14px;
	white-space: nowrap;
}

.component_thesaurus .map .slides_content em .blank {
	position: relative;
	float: left;
	overflow: hidden;
	width: 18px;
	height: 18px;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: transparent;
	text-indent: -100px;
	font-size: 1px;
	white-space: nowrap;
}

.component_thesaurus .map .slides_content em .blank:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	background-position: -468px -246px;
	width: 10px;
	height: 10px;
}

.component_thesaurus .map .slides_content em .blank:hover {
	background: #ececec;
}

.component_thesaurus .map .page button {
	overflow: hidden;
	position: absolute;
	z-index: 100;
	top: 113px;
	width: 28px;
	height: 73px;
	font-size: 1px;
	text-indent: -200px;
}

.component_thesaurus .map .page .btn_prev {
	left: 0;
	background-position: -96px -268px;
	width: 28px;
	height: 73px;
}

.component_thesaurus .map .page .btn_prev:disabled {
	background-position: -32px -268px;
	cursor: default;
}

.component_thesaurus .map .page .btn_next {
	right: 0;
	background-position: 0px -268px;
	width: 28px;
	height: 73px;
}

.component_thesaurus .map .page .btn_next:disabled {
	background-position: -64px -268px;
	cursor: default;
}

.component_thesaurus .map .synonym .word {
	margin: 0 5px 0 3px;
}

.component_thesaurus .map .synonym .word:hover {
	color: #6cb0f6;
	text-decoration: none;
}

.component_thesaurus .map .synonym.type1 .num1 {
	top: 84px;
	right: 321px;
}

.component_thesaurus .map .synonym.type2 .num1 {
	top: 68px;
	right: 283px;
}

.component_thesaurus .map .synonym.type2 .num2 {
	top: 123px;
	right: 340px;
}

.component_thesaurus .map .synonym.type3 .num1 {
	top: 38px;
	right: 200px;
}

.component_thesaurus .map .synonym.type3 .num2 {
	top: 104px;
	right: 334px;
}

.component_thesaurus .map .synonym.type3 .num3 {
	top: 194px;
	right: 319px;
}

.component_thesaurus .map .synonym.type4 .num1 {
	top: 67px;
	right: 165px;
}

.component_thesaurus .map .synonym.type4 .num2 {
	top: 40px;
	right: 298px;
}

.component_thesaurus .map .synonym.type4 .num3 {
	top: 127px;
	right: 351px;
}

.component_thesaurus .map .synonym.type4 .num4 {
	top: 210px;
	right: 330px;
}

.component_thesaurus .map .synonym.type5 .num1 {
	top: 68px;
	right: 65px;
}

.component_thesaurus .map .synonym.type5 .num2 {
	top: 30px;
	right: 203px;
}

.component_thesaurus .map .synonym.type5 .num3 {
	top: 78px;
	right: 331px;
}

.component_thesaurus .map .synonym.type5 .num4 {
	top: 173px;
	right: 348px;
}

.component_thesaurus .map .synonym.type5 .num5 {
	top: 261px;
	right: 326px;
}

.component_thesaurus .map .synonym.type6 .num1 {
	top: 96px;
	right: 55px;
}

.component_thesaurus .map .synonym.type6 .num2 {
	top: 57px;
	right: 133px;
}

.component_thesaurus .map .synonym.type6 .num3 {
	top: 37px;
	right: 275px;
}

.component_thesaurus .map .synonym.type6 .num4 {
	top: 111px;
	right: 330px;
}

.component_thesaurus .map .synonym.type6 .num5 {
	top: 185px;
	right: 361px;
}

.component_thesaurus .map .synonym.type6 .num6 {
	top: 259px;
	right: 315px;
}

.component_thesaurus .map .synonym.type7 .num1 {
	top: 83px;
	right: 53px;
}

.component_thesaurus .map .synonym.type7 .num2 {
	top: 55px;
	right: 169px;
}

.component_thesaurus .map .synonym.type7 .num3 {
	top: 22px;
	right: 258px;
}

.component_thesaurus .map .synonym.type7 .num4 {
	top: 74px;
	right: 328px;
}

.component_thesaurus .map .synonym.type7 .num5 {
	top: 137px;
	right: 356px;
}

.component_thesaurus .map .synonym.type7 .num6 {
	top: 202px;
	right: 326px;
}

.component_thesaurus .map .synonym.type7 .num7 {
	top: 265px;
	right: 351px;
}

.component_thesaurus .map .synonym.type8 .num1 {
	top: 90px;
	right: 77px;
}

.component_thesaurus .map .synonym.type8 .num2 {
	top: 17px;
	right: 142px;
}

.component_thesaurus .map .synonym.type8 .num3 {
	top: 59px;
	right: 197px;
}

.component_thesaurus .map .synonym.type8 .num4 {
	top: 27px;
	right: 311px;
}

.component_thesaurus .map .synonym.type8 .num5 {
	top: 98px;
	right: 332px;
}

.component_thesaurus .map .synonym.type8 .num6 {
	top: 156px;
	right: 353px;
}

.component_thesaurus .map .synonym.type8 .num7 {
	top: 216px;
	right: 317px;
}

.component_thesaurus .map .synonym.type8 .num8 {
	top: 268px;
	right: 338px;
}

.component_thesaurus .map .synonym.type9 .num1 {
	top: 82px;
	right: 53px;
}

.component_thesaurus .map .synonym.type9 .num2 {
	top: 29px;
	right: 110px;
}

.component_thesaurus .map .synonym.type9 .num3 {
	top: 60px;
	right: 192px;
}

.component_thesaurus .map .synonym.type9 .num4 {
	top: 19px;
	right: 298px;
}

.component_thesaurus .map .synonym.type9 .num5 {
	top: 78px;
	right: 320px;
}

.component_thesaurus .map .synonym.type9 .num6 {
	top: 128px;
	right: 352px;
}

.component_thesaurus .map .synonym.type9 .num7 {
	top: 174px;
	right: 365px;
}

.component_thesaurus .map .synonym.type9 .num8 {
	top: 217px;
	right: 331px;
}

.component_thesaurus .map .synonym.type9 .num9 {
	top: 266px;
	right: 311px;
}

.component_thesaurus .map .synonym.type10 .num1 {
	top: 82px;
	right: 61px;
}

.component_thesaurus .map .synonym.type10 .num2 {
	top: 40px;
	right: 119px;
}

.component_thesaurus .map .synonym.type10 .num3 {
	top: 67px;
	right: 176px;
}

.component_thesaurus .map .synonym.type10 .num4 {
	top: 8px;
	right: 226px;
}

.component_thesaurus .map .synonym.type10 .num5 {
	top: 47px;
	right: 319px;
}

.component_thesaurus .map .synonym.type10 .num6 {
	top: 90px;
	right: 354px;
}

.component_thesaurus .map .synonym.type10 .num7 {
	top: 135px;
	right: 331px;
}

.component_thesaurus .map .synonym.type10 .num8 {
	top: 184px;
	right: 351px;
}

.component_thesaurus .map .synonym.type10 .num9 {
	top: 234px;
	right: 302px;
}

.component_thesaurus .map .synonym.type10 .num10 {
	top: 273px;
	right: 346px;
}

.component_thesaurus .map .synonym.type12 .num1 {
	top: 84px;
	right: 62px;
}

.component_thesaurus .map .synonym.type12 .num2 {
	top: 37px;
	right: 118px;
}

.component_thesaurus .map .synonym.type12 .num3 {
	top: 65px;
	right: 172px;
}

.component_thesaurus .map .synonym.type12 .num4 {
	top: 28px;
	right: 251px;
}

.component_thesaurus .map .synonym.type12 .num5 {
	top: 68px;
	right: 305px;
}

.component_thesaurus .map .synonym.type12 .num6 {
	top: 43px;
	right: 406px;
}

.component_thesaurus .map .synonym.type12 .num7 {
	top: 112px;
	right: 372px;
}

.component_thesaurus .map .synonym.type12 .num8 {
	top: 146px;
	right: 352px;
}

.component_thesaurus .map .synonym.type12 .num9 {
	top: 191px;
	right: 371px;
}

.component_thesaurus .map .synonym.type12 .num10 {
	top: 218px;
	right: 323px;
}

.component_thesaurus .map .synonym.type12 .num11 {
	top: 260px;
	right: 394px;
}

.component_thesaurus .map .synonym.type12 .num12 {
	top: 266px;
	right: 303px;
}

.component_thesaurus .map .antonym em:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: 6px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #f6866c;
	vertical-align: top;
	line-height: normal;
}

.component_thesaurus .map .antonym em:after {
	content: '';
	display: none;
}

.component_thesaurus .map .antonym em .word {
	margin: 0 3px 0 5px;
}

.component_thesaurus .map .antonym em .word:hover {
	color: #f6866c;
	text-decoration: none;
}

.component_thesaurus .map .antonym em .blank {
	float: none;
	display: inline-block;
}

.component_thesaurus .map .antonym.type1 .num1 {
	top: 196px;
	left: 323px;
}

.component_thesaurus .map .antonym.type2 .num1 {
	top: 160px;
	left: 346px;
}

.component_thesaurus .map .antonym.type2 .num2 {
	top: 223px;
	left: 290px;
}

.component_thesaurus .map .antonym.type3 .num1 {
	top: 152px;
	left: 367px;
}

.component_thesaurus .map .antonym.type3 .num2 {
	top: 201px;
	left: 338px;
}

.component_thesaurus .map .antonym.type3 .num3 {
	top: 248px;
	left: 268px;
}

.component_thesaurus .source {
	display: block;
	margin-top: 17px;
	text-align: center;
	color: #999;
	font-size: 12px;
}

.component_thesaurus .source:after {
	background-position: -482px -84px;
	width: 5px;
	height: 10px;
	content: '';
	display: inline-block;
	margin: 2px 0 0 4px;
	vertical-align: top;
}

.component_keyword {
	padding: 20px 0 30px 15px;
}

.section.section_homonym .component_keyword .row > .origin .link,
.section.section_homonym .component_keyword .row > .origin .text {
	font-size: 22px;
	font-weight: bold;
}

.fs2 .section.section_homonym .component_keyword .row > .origin .link, .fs2
.section.section_homonym .component_keyword .row > .origin .text {
	font-size: 23px;
}

.fs3 .section.section_homonym .component_keyword .row > .origin .link, .fs3
.section.section_homonym .component_keyword .row > .origin .text {
	font-size: 24px;
}

.fs4 .section.section_homonym .component_keyword .row > .origin .link, .fs4
.section.section_homonym .component_keyword .row > .origin .text {
	font-size: 25px;
}

.section.section_enendict .component_keyword .pronounce_area {
	padding: 4px 0 6px;
}

.section.section_enendict .component_keyword .pronounce_area .type {
	color: #666;
}

.component_keyword .link img.t_aw {
	height: 21px;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.fs2 .component_keyword .link img.t_aw {
	height: 22px;
}

.fs3 .component_keyword .link img.t_aw {
	height: 23px;
}

.component_keyword .no_data {
	padding: 48px 0;
	text-align: center;
	color: #444;
	font-size: 14px;
}

.fs2 .component_keyword .no_data {
	font-size: 15px;
}

.fs3 .component_keyword .no_data {
	font-size: 16px;
}

.fs4 .component_keyword .no_data {
	font-size: 17px;
}

.component_keyword .row {
	position: relative;
	margin-top: 16px;
	padding-top: 16px;
}

.component_keyword .row::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_keyword .row.card1 {
	padding-top: 20px;
}

.component_keyword .row.card1 .desc {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
}

.fs2 .component_keyword .row.card1 .desc {
	font-size: 19px;
}

.fs3 .component_keyword .row.card1 .desc {
	font-size: 20px;
}

.fs4 .component_keyword .row.card1 .desc {
	font-size: 21px;
}

.fs2 .component_keyword .row.card1 .desc {
	line-height: 26px;
}

.fs3 .component_keyword .row.card1 .desc {
	line-height: 27px;
}

.is-darkmode .component_keyword .row.card1 .desc {
	color: rgba(255, 255, 255, 0.8);
}

.component_keyword .row .information_desc {
	margin-top: 7px;
	max-height: 48px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	line-height: 24px;
}

.fs2 .component_keyword .row .information_desc {
	font-size: 15px;
}

.fs3 .component_keyword .row .information_desc {
	font-size: 16px;
}

.fs4 .component_keyword .row .information_desc {
	font-size: 17px;
}

.component_keyword .row .information_desc img {
	vertical-align: middle;
	max-height: 25px;
}

.component_keyword .row .origin .mean {
	display: inline-block;
	margin-top: 3px;
	font-size: 14px;
	line-height: 21px;
	vertical-align: top;
}

.fs2 .component_keyword .row .origin .mean {
	font-size: 15px;
}

.fs3 .component_keyword .row .origin .mean {
	font-size: 16px;
}

.fs4 .component_keyword .row .origin .mean {
	font-size: 17px;
}

.component_keyword .row .origin .origin_link {
	display: inline-block;
	margin: 3px 6px 0 0;
	color: #1b47b9;
	font-size: 14px;
	line-height: 21px;
	vertical-align: top;
	text-decoration: underline;
}

.fs2 .component_keyword .row .origin .origin_link {
	font-size: 15px;
}

.fs3 .component_keyword .row .origin .origin_link {
	font-size: 16px;
}

.fs4 .component_keyword .row .origin .origin_link {
	font-size: 17px;
}

.component_keyword .row .origin .origin_link:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 5px 8px 0 4px;
	vertical-align: top;
	background-color: #e5e5e5;
	content: '';
}

.component_keyword .row .origin .information_link {
	font-size: 18px;
	line-height: 24px;
	color: #1b47b9;
}

.fs2 .component_keyword .row .origin .information_link {
	font-size: 19px;
}

.fs3 .component_keyword .row .origin .information_link {
	font-size: 20px;
}

.fs4 .component_keyword .row .origin .information_link {
	font-size: 21px;
}

.fs2 .component_keyword .row .origin .information_link {
	line-height: 25px;
}

.fs3 .component_keyword .row .origin .information_link {
	line-height: 26px;
}

.component_keyword .row .origin .information_link .unit_add_wordbook {
	margin-top: 4px;
}

.component_keyword .row .origin .information_cate {
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #888;
}

.fs2 .component_keyword .row .origin .information_cate {
	font-size: 14px;
}

.fs3 .component_keyword .row .origin .information_cate {
	font-size: 15px;
}

.fs4 .component_keyword .row .origin .information_cate {
	font-size: 16px;
}

.fs2 .component_keyword .row .origin .information_cate {
	line-height: 17px;
}

.fs3 .component_keyword .row .origin .information_cate {
	line-height: 18px;
}

.component_keyword .row .origin .information_desc {
	margin-top: 7px;
	font-size: 14px;
	line-height: 21px;
}

.fs2 .component_keyword .row .origin .information_desc {
	font-size: 15px;
}

.fs3 .component_keyword .row .origin .information_desc {
	font-size: 16px;
}

.fs4 .component_keyword .row .origin .information_desc {
	font-size: 17px;
}

.fs2 .component_keyword .row .origin .information_desc {
	line-height: 22px;
}

.fs3 .component_keyword .row .origin .information_desc {
	line-height: 23px;
}

.component_keyword .row .addtion_desc {
	margin-top: 10px;
	padding: 10px 17px;
	color: #666;
	font-size: 13px;
	line-height: 21px;
	background-color: #f9f9f9;
}

.fs2 .component_keyword .row .addtion_desc {
	font-size: 14px;
}

.fs3 .component_keyword .row .addtion_desc {
	font-size: 15px;
}

.fs4 .component_keyword .row .addtion_desc {
	font-size: 16px;
}

.fs2 .component_keyword .row .addtion_desc {
	line-height: 22px;
}

.fs3 .component_keyword .row .addtion_desc {
	line-height: 23px;
}

.component_keyword .row .acronyms_word {
	position: relative;
	display: block;
	line-height: 24px;
}

.component_keyword .row .acronyms_word .acronyms_link {
	display: inline-block;
	font-size: 21px;
	color: #1b47b9;
	vertical-align: top;
}

.fs2 .component_keyword .row .acronyms_word .acronyms_link {
	font-size: 22px;
}

.fs3 .component_keyword .row .acronyms_word .acronyms_link {
	font-size: 23px;
}

.fs4 .component_keyword .row .acronyms_word .acronyms_link {
	font-size: 24px;
}

.component_keyword .row .acronyms_word .mean {
	display: inline-block;
	font-size: 14px;
	padding-left: 6px;
}

.component_keyword .row .acronyms_word .unit_add_wordbook {
	margin-top: 2px;
	margin-left: 6px;
	vertical-align: top;
}

.component_keyword .row .hanja_info {
	position: relative;
	margin-top: 8px;
	margin-left: -16px;
}

.component_keyword .row .hanja_info:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 16px;
	background-color: #fff;
	content: '';
}

.component_keyword .row .hanja_info.word .info_item {
	display: block;
}

.component_keyword .row .hanja_info.word .info_item .cate {
	min-width: 45px;
}

.component_keyword .row .hanja_info.word .info_item .link {
	color: #1b47b9;
}

.component_keyword .row .hanja_info.word .info_item .link .hanja,
.component_keyword .row .hanja_info.word .info_item .word .hanja {
	font-size: 15px;
}

.fs2 .component_keyword .row .hanja_info.word .info_item .link .hanja, .fs2
.component_keyword .row .hanja_info.word .info_item .word .hanja {
	font-size: 16px;
}

.fs3 .component_keyword .row .hanja_info.word .info_item .link .hanja, .fs3
.component_keyword .row .hanja_info.word .info_item .word .hanja {
	font-size: 17px;
}

.fs4 .component_keyword .row .hanja_info.word .info_item .link .hanja, .fs4
.component_keyword .row .hanja_info.word .info_item .word .hanja {
	font-size: 18px;
}

.component_keyword .row .hanja_info .info_item {
	display: inline-block;
	line-height: 24px;
}

.component_keyword .row .hanja_info .info_item:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 9px 6px 0;
	vertical-align: top;
	background-color: #e5e5e5;
	content: '';
}

.component_keyword .row .hanja_info .info_item .inner {
	display: inline-block;
}

.component_keyword .row .hanja_info .info_item .inner .cate,
.component_keyword .row .hanja_info .info_item .inner .desc {
	display: inline-block;
}

.component_keyword .row .hanja_info .info_item .inner .cate {
	font-size: 13px;
	color: #777;
}

.fs2 .component_keyword .row .hanja_info .info_item .inner .cate {
	font-size: 14px;
}

.fs3 .component_keyword .row .hanja_info .info_item .inner .cate {
	font-size: 15px;
}

.fs4 .component_keyword .row .hanja_info .info_item .inner .cate {
	font-size: 16px;
}

.component_keyword .row .hanja_info .info_item .inner .desc {
	font-size: 13px;
	padding-left: 6px;
	margin-top: 2px;
}

.fs2 .component_keyword .row .hanja_info .info_item .inner .desc {
	font-size: 14px;
}

.fs3 .component_keyword .row .hanja_info .info_item .inner .desc {
	font-size: 15px;
}

.fs4 .component_keyword .row .hanja_info .info_item .inner .desc {
	font-size: 16px;
}

.component_keyword .row .hanja_info .info_item .inner .desc span[lang^='zh'] {
	font-size: 15px;
	width: 22px;
	margin-left: -2px;
	display: inline-block;
	text-align: center;
}

.fs2 .component_keyword .row .hanja_info .info_item .inner .desc span[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_keyword .row .hanja_info .info_item .inner .desc span[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_keyword .row .hanja_info .info_item .inner .desc span[lang^='zh'] {
	font-size: 18px;
}

.component_keyword .row .hanja_info .info_item .inner .desc .player {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 4px 8px 3px 7px;
	font-size: 12px;
	line-height: 15px;
	border: solid 1px #eaeaea;
	color: #697994;
	cursor: pointer;
}

.fs2 .component_keyword .row .hanja_info .info_item .inner .desc .player {
	font-size: 13px;
}

.fs3 .component_keyword .row .hanja_info .info_item .inner .desc .player {
	font-size: 14px;
}

.fs4 .component_keyword .row .hanja_info .info_item .inner .desc .player {
	font-size: 15px;
}

.component_keyword .row .hanja_info .info_item .inner .desc .player:before {
	background-position: -468px -422px;
	width: 8px;
	height: 10px;
	display: inline-block;
	margin: 3px 3px 0 0;
	vertical-align: top;
	content: '';
}

.component_keyword .row .hanja_info .info_item .inner .desc .player.start .ly_hanja_stroke {
	display: block;
}

.component_keyword .row .hanja_info .info_item .inner .desc .player.start::before {
	background-position: -350px -97px;
	width: 8px;
	height: 8px;
	margin: 3px 5px 0 2px;
}

.component_keyword .row .hanja_info .info_item .inner .desc .player .ly_hanja_stroke {
	display: none;
	position: absolute;
	top: 29px;
	left: -1px;
	width: 320px;
	height: 320px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #e8eaee;
	background-color: #fff;
	z-index: 10000;
}

.component_keyword .row .hanja_info .info_item .inner .desc .player .ly_hanja_stroke .btn_close {
	background-position: -206px -381px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 13px;
	right: 12px;
	background-color: #fff;
}

.component_keyword .row .hanja_info .info_item .inner .desc .player .ly_hanja_stroke .view_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 300px;
	height: 300px;
	border: 0;
}

.component_keyword .row .hanja_word {
	position: relative;
	display: block;
	line-height: 40px;
}

.component_keyword .row .hanja_word .hanja_link {
	display: inline-block;
	font-size: 36px;
	color: #1b47b9;
	vertical-align: top;
}

.fs2 .component_keyword .row .hanja_word .hanja_link {
	font-size: 37px;
}

.fs3 .component_keyword .row .hanja_word .hanja_link {
	font-size: 38px;
}

.fs4 .component_keyword .row .hanja_word .hanja_link {
	font-size: 39px;
}

.component_keyword .row .hanja_word .mean {
	display: inline-block;
	font-size: 14px;
	padding-left: 6px;
	margin-top: 0;
	vertical-align: initial;
}

.fs2 .component_keyword .row .hanja_word .mean {
	font-size: 15px;
}

.fs3 .component_keyword .row .hanja_word .mean {
	font-size: 16px;
}

.fs4 .component_keyword .row .hanja_word .mean {
	font-size: 17px;
}

.component_keyword .row .hanja_word .unit_add_wordbook {
	margin-top: 13px;
	vertical-align: top;
}

.component_keyword .row .hanja_word ~ .unit_grade,
.component_keyword .row .hanja_word ~ .unit_tooltip {
	margin-top: 5px;
}

#wrap:not(.main) .component_keyword .row {
	border-top: 1px solid #f0f0f0;
}

#wrap:not(.main) .component_keyword .row:first-child, #wrap:not(.main) .component_keyword .row:nth-child(1) {
	padding-top: 0;
	border-top: 0;
}

.component_keyword .row:first-child {
	margin-top: 0;
}

.component_keyword .row > .origin .link,
.component_keyword .row > .origin .text {
	font-size: 19px;
	line-height: 25px;
}

.fs2 .component_keyword .row > .origin .link, .fs2
.component_keyword .row > .origin .text {
	font-size: 20px;
}

.fs3 .component_keyword .row > .origin .link, .fs3
.component_keyword .row > .origin .text {
	font-size: 21px;
}

.fs4 .component_keyword .row > .origin .link, .fs4
.component_keyword .row > .origin .text {
	font-size: 22px;
}

.component_keyword .row > .origin .link[lang='ko'],
.component_keyword .row > .origin .text[lang='ko'] {
	font-size: 18px;
}

.fs2 .component_keyword .row > .origin .link[lang='ko'], .fs2
.component_keyword .row > .origin .text[lang='ko'] {
	font-size: 19px;
}

.fs3 .component_keyword .row > .origin .link[lang='ko'], .fs3
.component_keyword .row > .origin .text[lang='ko'] {
	font-size: 20px;
}

.fs4 .component_keyword .row > .origin .link[lang='ko'], .fs4
.component_keyword .row > .origin .text[lang='ko'] {
	font-size: 21px;
}

.component_keyword .row > .origin .link[lang^='ja'], .component_keyword .row > .origin .link[lang^='zh'],
.component_keyword .row > .origin .text[lang^='ja'],
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 24px;
}

.fs2 .component_keyword .row > .origin .link[lang^='ja'], .fs2 .component_keyword .row > .origin .link[lang^='zh'], .fs2
.component_keyword .row > .origin .text[lang^='ja'], .fs2
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 25px;
}

.fs3 .component_keyword .row > .origin .link[lang^='ja'], .fs3 .component_keyword .row > .origin .link[lang^='zh'], .fs3
.component_keyword .row > .origin .text[lang^='ja'], .fs3
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 26px;
}

.fs4 .component_keyword .row > .origin .link[lang^='ja'], .fs4 .component_keyword .row > .origin .link[lang^='zh'], .fs4
.component_keyword .row > .origin .text[lang^='ja'], .fs4
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 27px;
}

.component_keyword .row > .origin .link[lang='ar'], .component_keyword .row > .origin .link[lang='fa'],
.component_keyword .row > .origin .text[lang='ar'],
.component_keyword .row > .origin .text[lang='fa'] {
	font-size: 21px;
}

.fs2 .component_keyword .row > .origin .link[lang='ar'], .fs2 .component_keyword .row > .origin .link[lang='fa'], .fs2
.component_keyword .row > .origin .text[lang='ar'], .fs2
.component_keyword .row > .origin .text[lang='fa'] {
	font-size: 22px;
}

.fs3 .component_keyword .row > .origin .link[lang='ar'], .fs3 .component_keyword .row > .origin .link[lang='fa'], .fs3
.component_keyword .row > .origin .text[lang='ar'], .fs3
.component_keyword .row > .origin .text[lang='fa'] {
	font-size: 23px;
}

.fs4 .component_keyword .row > .origin .link[lang='ar'], .fs4 .component_keyword .row > .origin .link[lang='fa'], .fs4
.component_keyword .row > .origin .text[lang='ar'], .fs4
.component_keyword .row > .origin .text[lang='fa'] {
	font-size: 24px;
}

.component_keyword .row > .origin .link[lang='my'], .component_keyword .row > .origin .link[lang='km'],
.component_keyword .row > .origin .text[lang='my'],
.component_keyword .row > .origin .text[lang='km'] {
	font-size: 17px;
}

.fs2 .component_keyword .row > .origin .link[lang='my'], .fs2 .component_keyword .row > .origin .link[lang='km'], .fs2
.component_keyword .row > .origin .text[lang='my'], .fs2
.component_keyword .row > .origin .text[lang='km'] {
	font-size: 18px;
}

.fs3 .component_keyword .row > .origin .link[lang='my'], .fs3 .component_keyword .row > .origin .link[lang='km'], .fs3
.component_keyword .row > .origin .text[lang='my'], .fs3
.component_keyword .row > .origin .text[lang='km'] {
	font-size: 19px;
}

.fs4 .component_keyword .row > .origin .link[lang='my'], .fs4 .component_keyword .row > .origin .link[lang='km'], .fs4
.component_keyword .row > .origin .text[lang='my'], .fs4
.component_keyword .row > .origin .text[lang='km'] {
	font-size: 20px;
}

.fs2 .component_keyword .row > .origin .link, .fs2
.component_keyword .row > .origin .text {
	line-height: 26px;
}

.fs3 .component_keyword .row > .origin .link, .fs3
.component_keyword .row > .origin .text {
	line-height: 27px;
}

.component_keyword .row > .origin .link[lang='ko'],
.component_keyword .row > .origin .text[lang='ko'] {
	line-height: 24px;
}

.fs2 .component_keyword .row > .origin .link[lang='ko'], .fs2
.component_keyword .row > .origin .text[lang='ko'] {
	line-height: 25px;
}

.fs3 .component_keyword .row > .origin .link[lang='ko'], .fs3
.component_keyword .row > .origin .text[lang='ko'] {
	line-height: 26px;
}

.component_keyword .row > .origin .link[lang^='ja'], .component_keyword .row > .origin .link[lang^='zh'],
.component_keyword .row > .origin .text[lang^='ja'],
.component_keyword .row > .origin .text[lang^='zh'] {
	line-height: 28px;
}

.fs2 .component_keyword .row > .origin .link[lang^='ja'], .fs2 .component_keyword .row > .origin .link[lang^='zh'], .fs2
.component_keyword .row > .origin .text[lang^='ja'], .fs2
.component_keyword .row > .origin .text[lang^='zh'] {
	line-height: 29px;
}

.fs3 .component_keyword .row > .origin .link[lang^='ja'], .fs3 .component_keyword .row > .origin .link[lang^='zh'], .fs3
.component_keyword .row > .origin .text[lang^='ja'], .fs3
.component_keyword .row > .origin .text[lang^='zh'] {
	line-height: 30px;
}

.component_keyword .row > .origin .link[lang='ar'], .component_keyword .row > .origin .link[lang='fa'],
.component_keyword .row > .origin .text[lang='ar'],
.component_keyword .row > .origin .text[lang='fa'] {
	line-height: 34px;
}

.fs2 .component_keyword .row > .origin .link[lang='ar'], .fs2 .component_keyword .row > .origin .link[lang='fa'], .fs2
.component_keyword .row > .origin .text[lang='ar'], .fs2
.component_keyword .row > .origin .text[lang='fa'] {
	line-height: 35px;
}

.fs3 .component_keyword .row > .origin .link[lang='ar'], .fs3 .component_keyword .row > .origin .link[lang='fa'], .fs3
.component_keyword .row > .origin .text[lang='ar'], .fs3
.component_keyword .row > .origin .text[lang='fa'] {
	line-height: 36px;
}

.component_keyword .row > .origin .link[lang='my'], .component_keyword .row > .origin .link[lang='km'],
.component_keyword .row > .origin .text[lang='my'],
.component_keyword .row > .origin .text[lang='km'] {
	line-height: 33px;
}

.fs2 .component_keyword .row > .origin .link[lang='my'], .fs2 .component_keyword .row > .origin .link[lang='km'], .fs2
.component_keyword .row > .origin .text[lang='my'], .fs2
.component_keyword .row > .origin .text[lang='km'] {
	line-height: 34px;
}

.fs3 .component_keyword .row > .origin .link[lang='my'], .fs3 .component_keyword .row > .origin .link[lang='km'], .fs3
.component_keyword .row > .origin .text[lang='my'], .fs3
.component_keyword .row > .origin .text[lang='km'] {
	line-height: 35px;
}

.section_chinalab_search .component_keyword .row > .origin .link, .section_chinalab_search
.component_keyword .row > .origin .text {
	font-weight: 600;
}

.section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 18px;
}

.fs2 .section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .fs2 .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .fs2 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .fs2 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 19px;
}

.fs3 .section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .fs3 .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .fs3 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .fs3 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 20px;
}

.fs4 .section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .fs4 .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .fs4 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .fs4 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	font-size: 21px;
}

.section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	line-height: 25px;
}

.fs2 .section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .fs2 .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .fs2 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .fs2 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	line-height: 26px;
}

.fs3 .section_chinalab_search .component_keyword .row > .origin .link[lang^='ja'], .fs3 .section_chinalab_search .component_keyword .row > .origin .link[lang^='zh'], .fs3 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='ja'], .fs3 .section_chinalab_search
.component_keyword .row > .origin .text[lang^='zh'] {
	line-height: 27px;
}

.component_keyword .row > .origin .dot {
	display: inline-block;
	margin: 0 4px;
}

.component_keyword .row .letter.is-selected {
	background-color: #cdff74;
}

.component_keyword .category {
	padding-bottom: 3px;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	color: #6881a1;
}

.fs2 .component_keyword .category {
	font-size: 14px;
}

.fs3 .component_keyword .category {
	font-size: 15px;
}

.fs4 .component_keyword .category {
	font-size: 16px;
}

.fs2 .component_keyword .category {
	line-height: 20px;
}

.fs3 .component_keyword .category {
	line-height: 21px;
}

.component_keyword .mark {
	margin-right: 2px;
	vertical-align: middle;
	color: #666;
}

.component_keyword .word_class {
	display: inline-block;
	margin-right: 2px;
	color: #6881a1;
	vertical-align: middle;
}

.component_keyword .row > .origin .link,
.component_keyword .row > .origin .text {
	margin-right: 4px;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-all;
}

.component_keyword .row > .origin .num {
	margin-left: -3px;
	line-height: normal;
	font-size: 11px;
}

.fs2 .component_keyword .row > .origin .num {
	font-size: 12px;
}

.fs3 .component_keyword .row > .origin .num {
	font-size: 13px;
}

.fs4 .component_keyword .row > .origin .num {
	font-size: 14px;
}

.component_keyword .row > .origin .link {
	color: #1b47b9;
}

.component_keyword .row > .origin strong {
	font-weight: normal;
}

.component_keyword .row > .origin .pronunciation {
	display: inline-block;
	margin-right: 1px;
	color: #666;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 14px;
	line-height: 20px;
}

.fs2 .component_keyword .row > .origin .pronunciation {
	font-size: 15px;
}

.fs3 .component_keyword .row > .origin .pronunciation {
	font-size: 16px;
}

.fs4 .component_keyword .row > .origin .pronunciation {
	font-size: 17px;
}

.fs2 .component_keyword .row > .origin .pronunciation {
	line-height: 21px;
}

.fs3 .component_keyword .row > .origin .pronunciation {
	line-height: 22px;
}

.component_keyword .row > .origin .pronunciation sup {
	vertical-align: super;
}

.component_keyword .row > .origin .mark {
	display: inline-block;
	font-size: 14px;
}

.fs2 .component_keyword .row > .origin .mark {
	font-size: 15px;
}

.fs3 .component_keyword .row > .origin .mark {
	font-size: 16px;
}

.fs4 .component_keyword .row > .origin .mark {
	font-size: 17px;
}

.component_keyword .row > .origin .mark[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_keyword .row > .origin .mark[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_keyword .row > .origin .mark[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_keyword .row > .origin .mark[lang='ko'] {
	font-size: 16px;
}

.component_keyword .row > .origin .mark[lang^='ja'], .component_keyword .row > .origin .mark[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_keyword .row > .origin .mark[lang^='ja'], .fs2 .component_keyword .row > .origin .mark[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_keyword .row > .origin .mark[lang^='ja'], .fs3 .component_keyword .row > .origin .mark[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_keyword .row > .origin .mark[lang^='ja'], .fs4 .component_keyword .row > .origin .mark[lang^='zh'] {
	font-size: 19px;
}

.component_keyword .row > .origin .word_conjugation {
	display: inline-block;
	color: #999;
	vertical-align: middle;
	font-size: 13px;
}

.fs2 .component_keyword .row > .origin .word_conjugation {
	font-size: 14px;
}

.fs3 .component_keyword .row > .origin .word_conjugation {
	font-size: 15px;
}

.fs4 .component_keyword .row > .origin .word_conjugation {
	font-size: 16px;
}

.component_keyword .row > .origin .word_conjugation[lang^='ja'], .component_keyword .row > .origin .word_conjugation[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_keyword .row > .origin .word_conjugation[lang^='ja'], .fs2 .component_keyword .row > .origin .word_conjugation[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_keyword .row > .origin .word_conjugation[lang^='ja'], .fs3 .component_keyword .row > .origin .word_conjugation[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_keyword .row > .origin .word_conjugation[lang^='ja'], .fs4 .component_keyword .row > .origin .word_conjugation[lang^='zh'] {
	font-size: 19px;
}

.component_keyword .row > .origin .word_conjugation .btn_conjugation {
	display: inline-block;
	height: 16px;
	padding: 0 4px;
	border: 1px solid #c7c7c7;
	color: #6c6c6c;
	font-size: 12px;
	line-height: 16px;
}

.fs2 .component_keyword .row > .origin .word_conjugation .btn_conjugation {
	font-size: 13px;
}

.fs3 .component_keyword .row > .origin .word_conjugation .btn_conjugation {
	font-size: 14px;
}

.fs4 .component_keyword .row > .origin .word_conjugation .btn_conjugation {
	font-size: 15px;
}

.fs2 .component_keyword .row > .origin .word_conjugation .btn_conjugation {
	line-height: 17px;
}

.fs3 .component_keyword .row > .origin .word_conjugation .btn_conjugation {
	line-height: 18px;
}

.component_keyword .row > .origin .word_conjugation .btn_conjugation:after {
	background-position: -482px -220px;
	width: 5px;
	height: 7px;
	display: inline-block;
	margin: 4px 0 0 4px;
	vertical-align: top;
	content: '';
}

.component_keyword .row > .origin .entry {
	display: inline-block;
	margin-left: 2px;
	color: #666;
	vertical-align: middle;
	font-size: 14px;
}

.fs2 .component_keyword .row > .origin .entry {
	font-size: 15px;
}

.fs3 .component_keyword .row > .origin .entry {
	font-size: 16px;
}

.fs4 .component_keyword .row > .origin .entry {
	font-size: 17px;
}

.component_keyword .row > .origin .entry[lang='ko'] {
	font-size: 12px;
}

.fs2 .component_keyword .row > .origin .entry[lang='ko'] {
	font-size: 13px;
}

.fs3 .component_keyword .row > .origin .entry[lang='ko'] {
	font-size: 14px;
}

.fs4 .component_keyword .row > .origin .entry[lang='ko'] {
	font-size: 15px;
}

.component_keyword .row > .origin .entry .word {
	margin-right: 0;
	color: #3562c6;
	font-size: 14px;
}

.fs2 .component_keyword .row > .origin .entry .word {
	font-size: 15px;
}

.fs3 .component_keyword .row > .origin .entry .word {
	font-size: 16px;
}

.fs4 .component_keyword .row > .origin .entry .word {
	font-size: 17px;
}

.component_keyword .row > .origin .entry .word[lang='ko'] {
	font-size: 12px;
}

.fs2 .component_keyword .row > .origin .entry .word[lang='ko'] {
	font-size: 13px;
}

.fs3 .component_keyword .row > .origin .entry .word[lang='ko'] {
	font-size: 14px;
}

.fs4 .component_keyword .row > .origin .entry .word[lang='ko'] {
	font-size: 15px;
}

.component_keyword .row > .origin .entry sup {
	margin-left: 1px;
	vertical-align: 4px;
}

.component_keyword .row > .word_class {
	margin: 5px 0 2px;
	font-size: 14px;
}

.fs2 .component_keyword .row > .word_class {
	font-size: 15px;
}

.fs3 .component_keyword .row > .word_class {
	font-size: 16px;
}

.fs4 .component_keyword .row > .word_class {
	font-size: 17px;
}

.component_keyword .row .mean_list + .word_class {
	margin-top: 10px;
}

.component_keyword .detail {
	display: inline-block;
	font-size: 13px;
}

.fs2 .component_keyword .detail {
	font-size: 14px;
}

.fs3 .component_keyword .detail {
	font-size: 15px;
}

.fs4 .component_keyword .detail {
	font-size: 16px;
}

.component_keyword .detail[lang^='ja'], .component_keyword .detail[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_keyword .detail[lang^='ja'], .fs2 .component_keyword .detail[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_keyword .detail[lang^='ja'], .fs3 .component_keyword .detail[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_keyword .detail[lang^='ja'], .fs4 .component_keyword .detail[lang^='zh'] {
	font-size: 18px;
}

.component_keyword .detail[lang='ar'], .component_keyword .detail[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_keyword .detail[lang='ar'], .fs2 .component_keyword .detail[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_keyword .detail[lang='ar'], .fs3 .component_keyword .detail[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_keyword .detail[lang='ar'], .fs4 .component_keyword .detail[lang='fa'] {
	font-size: 18px;
}

.component_keyword .detail .conjugation,
.component_keyword .detail .hanja_sound {
	color: #666;
	display: inline-block;
	vertical-align: middle;
}

.component_keyword .detail .conjugation strong {
	font-weight: bold;
}

.component_keyword .detail .link_more {
	display: inline-block;
	padding: 0 3px;
	vertical-align: middle;
	color: #888;
}

.component_keyword .detail .link_more .ico_arrow_right {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	margin-left: 3px;
	vertical-align: -1px;
}

.component_keyword .mean_list {
	margin-top: 2px;
	color: #333;
}

.section_chinalab_search .component_keyword .mean_list {
	margin-top: 6px;
}

.component_keyword .mean_list.multi .mean_item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.component_keyword .mean_list.multi .mean_item .mean {
	display: inline-block;
	white-space: nowrap;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.component_keyword .mean_list.type-summary .mean {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.component_keyword .mean_list.type-user .mean_item {
	display: block;
}

.component_keyword .mean_list a {
	color: #1b47b9;
}

.component_keyword .mean_list .mean_item {
	display: table;
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
}

.fs2 .component_keyword .mean_list .mean_item {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item[lang='ko'] {
	font-size: 14px;
}

.fs2 .component_keyword .mean_list .mean_item[lang='ko'] {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item[lang='ko'] {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item[lang='ko'] {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item[lang^='ja'], .component_keyword .mean_list .mean_item[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_keyword .mean_list .mean_item[lang^='ja'], .fs2 .component_keyword .mean_list .mean_item[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_keyword .mean_list .mean_item[lang^='ja'], .fs3 .component_keyword .mean_list .mean_item[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_keyword .mean_list .mean_item[lang^='ja'], .fs4 .component_keyword .mean_list .mean_item[lang^='zh'] {
	font-size: 19px;
}

.component_keyword .mean_list .mean_item[lang='ar'], .component_keyword .mean_list .mean_item[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_keyword .mean_list .mean_item[lang='ar'], .fs2 .component_keyword .mean_list .mean_item[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_keyword .mean_list .mean_item[lang='ar'], .fs3 .component_keyword .mean_list .mean_item[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_keyword .mean_list .mean_item[lang='ar'], .fs4 .component_keyword .mean_list .mean_item[lang='fa'] {
	font-size: 19px;
}

.fs2 .component_keyword .mean_list .mean_item {
	line-height: 21px;
}

.fs3 .component_keyword .mean_list .mean_item {
	line-height: 22px;
}

.component_keyword .mean_list .mean_item[lang^='ja'], .component_keyword .mean_list .mean_item[lang^='zh'] {
	line-height: 22px;
}

.fs2 .component_keyword .mean_list .mean_item[lang^='ja'], .fs2 .component_keyword .mean_list .mean_item[lang^='zh'] {
	line-height: 23px;
}

.fs3 .component_keyword .mean_list .mean_item[lang^='ja'], .fs3 .component_keyword .mean_list .mean_item[lang^='zh'] {
	line-height: 24px;
}

.component_keyword .mean_list .mean_item[lang='ar'], .component_keyword .mean_list .mean_item[lang='fa'] {
	line-height: 26px;
}

.fs2 .component_keyword .mean_list .mean_item[lang='ar'], .fs2 .component_keyword .mean_list .mean_item[lang='fa'] {
	line-height: 27px;
}

.fs3 .component_keyword .mean_list .mean_item[lang='ar'], .fs3 .component_keyword .mean_list .mean_item[lang='fa'] {
	line-height: 28px;
}

.component_keyword .mean_list .mean_item[lang='my'], .component_keyword .mean_list .mean_item[lang='km'] {
	line-height: 24px;
}

.fs2 .component_keyword .mean_list .mean_item[lang='my'], .fs2 .component_keyword .mean_list .mean_item[lang='km'] {
	line-height: 25px;
}

.fs3 .component_keyword .mean_list .mean_item[lang='my'], .fs3 .component_keyword .mean_list .mean_item[lang='km'] {
	line-height: 26px;
}

.section_chinalab_search .component_keyword .mean_list .mean_item {
	color: #444;
}

.is-darkmode .section_chinalab_search .component_keyword .mean_list .mean_item {
	color: rgba(255, 255, 255, 0.8);
}

.component_keyword .mean_list .mean_item:lang(my) .user_info {
	letter-spacing: 0;
}

.component_keyword .mean_list .mean_item:first-child {
	margin-top: 0;
}

.component_keyword .mean_list .mean_item .num {
	display: table-cell;
	padding-right: 4px;
	font-size: 14px;
	vertical-align: top;
}

.fs2 .component_keyword .mean_list .mean_item .num {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .num {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .num {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item[lang^='ja'] .num {
	vertical-align: baseline;
}

.component_keyword .mean_list .mean_item .mean {
	overflow-wrap: break-word;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section_opendictpro .component_keyword .mean_list .mean_item .mean {
	display: block;
}

.component_keyword .mean_list .mean_item .mean .direct {
	color: inherit;
}

.component_keyword .mean_list .mean_item .mean .word_class {
	font-size: 14px;
	letter-spacing: 0;
}

.fs2 .component_keyword .mean_list .mean_item .mean .word_class {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .word_class {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .word_class {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .word_class,
.component_keyword .mean_list .mean_item .mean .mark {
	vertical-align: 1px;
	font-size: 14px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .word_class, .fs2
.component_keyword .mean_list .mean_item .mean .mark {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .word_class, .fs3
.component_keyword .mean_list .mean_item .mean .mark {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .word_class, .fs4
.component_keyword .mean_list .mean_item .mean .mark {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .mark {
	color: #888;
	letter-spacing: 0;
}

.component_keyword .mean_list .mean_item .mean .topic {
	margin-right: 2px;
	color: #999;
}

.component_keyword .mean_list .mean_item .mean .link {
	font-size: 14px;
	letter-spacing: 0;
	color: #1b47b9;
}

.fs2 .component_keyword .mean_list .mean_item .mean .link {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .link {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .link {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .link[lang='ko'] {
	font-size: 14px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .link[lang='ko'] {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .link[lang='ko'] {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .link[lang='ko'] {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .link[lang^='ja'], .component_keyword .mean_list .mean_item .mean .link[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .link[lang^='ja'], .fs2 .component_keyword .mean_list .mean_item .mean .link[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .link[lang^='ja'], .fs3 .component_keyword .mean_list .mean_item .mean .link[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .link[lang^='ja'], .fs4 .component_keyword .mean_list .mean_item .mean .link[lang^='zh'] {
	font-size: 19px;
}

.component_keyword .mean_list .mean_item .mean .link[lang='ar'], .component_keyword .mean_list .mean_item .mean .link[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .link[lang='ar'], .fs2 .component_keyword .mean_list .mean_item .mean .link[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .link[lang='ar'], .fs3 .component_keyword .mean_list .mean_item .mean .link[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .link[lang='ar'], .fs4 .component_keyword .mean_list .mean_item .mean .link[lang='fa'] {
	font-size: 19px;
}

.component_keyword .mean_list .mean_item .mean .related_word {
	font-size: 14px;
	letter-spacing: 0;
}

.fs2 .component_keyword .mean_list .mean_item .mean .related_word {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .related_word {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .related_word {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .related_word[lang='ko'] {
	font-size: 14px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .related_word[lang='ko'] {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .related_word[lang='ko'] {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .related_word[lang='ko'] {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .related_word[lang^='ja'], .component_keyword .mean_list .mean_item .mean .related_word[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .related_word[lang^='ja'], .fs2 .component_keyword .mean_list .mean_item .mean .related_word[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .related_word[lang^='ja'], .fs3 .component_keyword .mean_list .mean_item .mean .related_word[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .related_word[lang^='ja'], .fs4 .component_keyword .mean_list .mean_item .mean .related_word[lang^='zh'] {
	font-size: 19px;
}

.component_keyword .mean_list .mean_item .mean .related_word[lang='ar'], .component_keyword .mean_list .mean_item .mean .related_word[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .related_word[lang='ar'], .fs2 .component_keyword .mean_list .mean_item .mean .related_word[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .related_word[lang='ar'], .fs3 .component_keyword .mean_list .mean_item .mean .related_word[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .related_word[lang='ar'], .fs4 .component_keyword .mean_list .mean_item .mean .related_word[lang='fa'] {
	font-size: 19px;
}

.component_keyword .mean_list .mean_item .mean .pinyin {
	font-size: 14px;
	color: #666;
}

.fs2 .component_keyword .mean_list .mean_item .mean .pinyin {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .pinyin {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .pinyin {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .mean .pinyin[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_keyword .mean_list .mean_item .mean .pinyin[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_keyword .mean_list .mean_item .mean .pinyin[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_keyword .mean_list .mean_item .mean .pinyin[lang='ko'] {
	font-size: 16px;
}

.component_keyword .mean_list .mean_item .mean .sign {
	font-family: Arial, NanumGothic, Dotum, sans-serif;
}

.component_keyword .mean_list .mean_item .mean .summary {
	width: 35px;
	padding: 3px 7px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	border: solid 1px #edf0f2;
	background-color: #f6f8fa;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: -0.4px;
	color: #888;
}

.component_keyword .mean_list .mean_item .user_info {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #999;
}

.fs2 .component_keyword .mean_list .mean_item .user_info {
	font-size: 13px;
}

.fs3 .component_keyword .mean_list .mean_item .user_info {
	font-size: 14px;
}

.fs4 .component_keyword .mean_list .mean_item .user_info {
	font-size: 15px;
}

.component_keyword .mean_list .mean_item .user_info .arrow {
	font-size: 14px;
	color: #666;
}

.fs2 .component_keyword .mean_list .mean_item .user_info .arrow {
	font-size: 15px;
}

.fs3 .component_keyword .mean_list .mean_item .user_info .arrow {
	font-size: 16px;
}

.fs4 .component_keyword .mean_list .mean_item .user_info .arrow {
	font-size: 17px;
}

.component_keyword .mean_list .mean_item .user_info .arrow[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_keyword .mean_list .mean_item .user_info .arrow[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_keyword .mean_list .mean_item .user_info .arrow[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_keyword .mean_list .mean_item .user_info .arrow[lang='ko'] {
	font-size: 16px;
}

.component_keyword .mean_list .mean_item .user_info a.name {
	color: #25407d;
}

.component_keyword .mean_list .mean_item .user_info .bar {
	margin: 0 4px;
	color: #e5e5e5;
}

.component_keyword .mean_list .mean_item .word_class + .mean_list {
	margin-top: 4px;
}

.component_keyword .mean_list > .mean_item .example:only-child {
	margin-left: 2px;
}

.component_keyword .mean_list .spelling .tit {
	color: #999;
	float: left;
	margin-right: 6px;
}

.component_keyword .mean_list .spelling .txt {
	display: block;
	overflow: hidden;
	color: #666;
}

.component_keyword .mean_list .user_added {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.component_keyword .mean_list .user_added .tit {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	max-width: 165px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}

.component_keyword .mean_list .user_added .cont {
	margin-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.component_keyword .mean_list + .origin {
	margin-top: 10px;
}

.component_keyword .pron_area {
	margin-top: 10px;
	padding: 10px 15px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #f3f6f7;
}

.is-darkmode .component_keyword .pron_area {
	background-color: #2c2d30;
}

.component_keyword .pron_area .pron_list {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.component_keyword .addition_info,
.component_keyword .tail_info {
	font-size: 13px;
	line-height: 19px;
}

.fs2 .component_keyword .addition_info, .fs2
.component_keyword .tail_info {
	font-size: 14px;
}

.fs3 .component_keyword .addition_info, .fs3
.component_keyword .tail_info {
	font-size: 15px;
}

.fs4 .component_keyword .addition_info, .fs4
.component_keyword .tail_info {
	font-size: 16px;
}

.component_keyword .addition_info[lang^='ja'], .component_keyword .addition_info[lang^='zh'],
.component_keyword .tail_info[lang^='ja'],
.component_keyword .tail_info[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_keyword .addition_info[lang^='ja'], .fs2 .component_keyword .addition_info[lang^='zh'], .fs2
.component_keyword .tail_info[lang^='ja'], .fs2
.component_keyword .tail_info[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_keyword .addition_info[lang^='ja'], .fs3 .component_keyword .addition_info[lang^='zh'], .fs3
.component_keyword .tail_info[lang^='ja'], .fs3
.component_keyword .tail_info[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_keyword .addition_info[lang^='ja'], .fs4 .component_keyword .addition_info[lang^='zh'], .fs4
.component_keyword .tail_info[lang^='ja'], .fs4
.component_keyword .tail_info[lang^='zh'] {
	font-size: 18px;
}

.component_keyword .addition_info[lang='ar'], .component_keyword .addition_info[lang='fa'],
.component_keyword .tail_info[lang='ar'],
.component_keyword .tail_info[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_keyword .addition_info[lang='ar'], .fs2 .component_keyword .addition_info[lang='fa'], .fs2
.component_keyword .tail_info[lang='ar'], .fs2
.component_keyword .tail_info[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_keyword .addition_info[lang='ar'], .fs3 .component_keyword .addition_info[lang='fa'], .fs3
.component_keyword .tail_info[lang='ar'], .fs3
.component_keyword .tail_info[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_keyword .addition_info[lang='ar'], .fs4 .component_keyword .addition_info[lang='fa'], .fs4
.component_keyword .tail_info[lang='ar'], .fs4
.component_keyword .tail_info[lang='fa'] {
	font-size: 18px;
}

.fs2 .component_keyword .addition_info, .fs2
.component_keyword .tail_info {
	line-height: 20px;
}

.fs3 .component_keyword .addition_info, .fs3
.component_keyword .tail_info {
	line-height: 21px;
}

.component_keyword .addition_info[lang^='ja'], .component_keyword .addition_info[lang^='zh'],
.component_keyword .tail_info[lang^='ja'],
.component_keyword .tail_info[lang^='zh'] {
	line-height: 21px;
}

.fs2 .component_keyword .addition_info[lang^='ja'], .fs2 .component_keyword .addition_info[lang^='zh'], .fs2
.component_keyword .tail_info[lang^='ja'], .fs2
.component_keyword .tail_info[lang^='zh'] {
	line-height: 22px;
}

.fs3 .component_keyword .addition_info[lang^='ja'], .fs3 .component_keyword .addition_info[lang^='zh'], .fs3
.component_keyword .tail_info[lang^='ja'], .fs3
.component_keyword .tail_info[lang^='zh'] {
	line-height: 23px;
}

.component_keyword .addition_info[lang='ar'], .component_keyword .addition_info[lang='fa'],
.component_keyword .tail_info[lang='ar'],
.component_keyword .tail_info[lang='fa'] {
	line-height: 25px;
}

.fs2 .component_keyword .addition_info[lang='ar'], .fs2 .component_keyword .addition_info[lang='fa'], .fs2
.component_keyword .tail_info[lang='ar'], .fs2
.component_keyword .tail_info[lang='fa'] {
	line-height: 26px;
}

.fs3 .component_keyword .addition_info[lang='ar'], .fs3 .component_keyword .addition_info[lang='fa'], .fs3
.component_keyword .tail_info[lang='ar'], .fs3
.component_keyword .tail_info[lang='fa'] {
	line-height: 27px;
}

.component_keyword .addition_info[lang='my'], .component_keyword .addition_info[lang='km'],
.component_keyword .tail_info[lang='my'],
.component_keyword .tail_info[lang='km'] {
	line-height: 23px;
}

.fs2 .component_keyword .addition_info[lang='my'], .fs2 .component_keyword .addition_info[lang='km'], .fs2
.component_keyword .tail_info[lang='my'], .fs2
.component_keyword .tail_info[lang='km'] {
	line-height: 24px;
}

.fs3 .component_keyword .addition_info[lang='my'], .fs3 .component_keyword .addition_info[lang='km'], .fs3
.component_keyword .tail_info[lang='my'], .fs3
.component_keyword .tail_info[lang='km'] {
	line-height: 25px;
}

.component_keyword .addition_info {
	margin-top: 3px;
}

.component_keyword .addition_info.relation_hanja {
	overflow: hidden;
	margin-left: -16px;
}

.component_keyword .addition_info.relation_hanja + .relation_hanja {
	margin-top: 0;
}

.component_keyword .addition_info.relation_hanja.multi .item:before {
	content: none;
}

.component_keyword .addition_info.relation_hanja.multi .item:first-child {
	width: 100%;
}

.component_keyword .addition_info.relation_hanja .item {
	display: inline-block;
	position: relative;
	margin-left: 16px;
	vertical-align: top;
}

.component_keyword .addition_info.relation_hanja .item:before {
	position: absolute;
	top: 3px;
	left: -10px;
	width: 1px;
	height: 12px;
	background-color: #e5e5e5;
	content: '';
}

.component_keyword .addition_info + .mean_list {
	margin-top: 4px;
}

.component_keyword .addition_info .item {
	margin-top: 4px;
}

.component_keyword .addition_info .tit {
	float: left;
	padding-right: 7px;
	color: #666;
	font-size: 13px;
}

.fs2 .component_keyword .addition_info .tit {
	font-size: 14px;
}

.fs3 .component_keyword .addition_info .tit {
	font-size: 15px;
}

.fs4 .component_keyword .addition_info .tit {
	font-size: 16px;
}

.component_keyword .addition_info .cont {
	overflow: hidden;
	color: #444;
}

.component_keyword .addition_info .cont .word {
	position: relative;
	font-size: 13px;
}

.fs2 .component_keyword .addition_info .cont .word {
	font-size: 14px;
}

.fs3 .component_keyword .addition_info .cont .word {
	font-size: 15px;
}

.fs4 .component_keyword .addition_info .cont .word {
	font-size: 16px;
}

.component_keyword .addition_info .cont .word[lang^='ja'], .component_keyword .addition_info .cont .word[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_keyword .addition_info .cont .word[lang^='ja'], .fs2 .component_keyword .addition_info .cont .word[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_keyword .addition_info .cont .word[lang^='ja'], .fs3 .component_keyword .addition_info .cont .word[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_keyword .addition_info .cont .word[lang^='ja'], .fs4 .component_keyword .addition_info .cont .word[lang^='zh'] {
	font-size: 18px;
}

.component_keyword .addition_info .cont .word[lang='ar'], .component_keyword .addition_info .cont .word[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_keyword .addition_info .cont .word[lang='ar'], .fs2 .component_keyword .addition_info .cont .word[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_keyword .addition_info .cont .word[lang='ar'], .fs3 .component_keyword .addition_info .cont .word[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_keyword .addition_info .cont .word[lang='ar'], .fs4 .component_keyword .addition_info .cont .word[lang='fa'] {
	font-size: 18px;
}

.component_keyword .addition_info .cont .word + .word[lang='ja']:before {
	margin-right: 3px;
	content: '·';
}

.component_keyword .addition_info .cont a.word:hover:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 10px;
	height: 1px;
	background-color: #000;
	content: '';
}

.component_keyword .addition_info .cont a.word:first-child:hover:after {
	left: 0;
}

.component_keyword .addition_info .cont .hanja {
	margin-right: 3px;
	font-size: 16px;
	font-weight: normal;
}

.fs2 .component_keyword .addition_info .cont .hanja {
	font-size: 17px;
}

.fs3 .component_keyword .addition_info .cont .hanja {
	font-size: 18px;
}

.fs4 .component_keyword .addition_info .cont .hanja {
	font-size: 19px;
}

.component_keyword .addition_info .cont .sound {
	font-weight: bold;
}

.component_keyword .synonym_info {
	overflow: hidden;
	margin-top: 3px;
	line-height: 22px;
}

.fs2 .component_keyword .synonym_info {
	line-height: 23px;
}

.fs3 .component_keyword .synonym_info {
	line-height: 24px;
}

.component_keyword .synonym_info + .synonym_info {
	margin-top: 0;
}

.component_keyword .synonym_info .tit {
	float: left;
	padding: 4px 0;
	margin-right: 9px;
	font-size: 13px;
	color: #666;
}

.fs2 .component_keyword .synonym_info .tit {
	font-size: 14px;
}

.fs3 .component_keyword .synonym_info .tit {
	font-size: 15px;
}

.fs4 .component_keyword .synonym_info .tit {
	font-size: 16px;
}

.component_keyword .synonym_info .cont {
	overflow: hidden;
	padding: 4px 0;
	font-size: 13px;
	color: #25407d;
}

.fs2 .component_keyword .synonym_info .cont {
	font-size: 14px;
}

.fs3 .component_keyword .synonym_info .cont {
	font-size: 15px;
}

.fs4 .component_keyword .synonym_info .cont {
	font-size: 16px;
}

.component_keyword .synonym_info .cont sup {
	margin: 1px 0 0 2px;
	font-size: 11px;
}

.fs2 .component_keyword .synonym_info .cont sup {
	font-size: 12px;
}

.fs3 .component_keyword .synonym_info .cont sup {
	font-size: 13px;
}

.fs4 .component_keyword .synonym_info .cont sup {
	font-size: 14px;
}

.component_keyword .synonym_info .cont .item {
	overflow: hidden;
	display: inline-block;
	margin-right: 2px;
	padding: 1px 5px 2px;
	height: 20px;
	background: #f1f2f3;
	font-size: 13px;
	line-height: 21px;
	vertical-align: top;
}

.fs2 .component_keyword .synonym_info .cont .item {
	font-size: 14px;
}

.fs3 .component_keyword .synonym_info .cont .item {
	font-size: 15px;
}

.fs4 .component_keyword .synonym_info .cont .item {
	font-size: 16px;
}

.component_keyword .synonym_info .cont .item[lang^='ja'], .component_keyword .synonym_info .cont .item[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_keyword .synonym_info .cont .item[lang^='ja'], .fs2 .component_keyword .synonym_info .cont .item[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_keyword .synonym_info .cont .item[lang^='ja'], .fs3 .component_keyword .synonym_info .cont .item[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_keyword .synonym_info .cont .item[lang^='ja'], .fs4 .component_keyword .synonym_info .cont .item[lang^='zh'] {
	font-size: 18px;
}

.component_keyword .synonym_info .cont .item[lang='ar'], .component_keyword .synonym_info .cont .item[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_keyword .synonym_info .cont .item[lang='ar'], .fs2 .component_keyword .synonym_info .cont .item[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_keyword .synonym_info .cont .item[lang='ar'], .fs3 .component_keyword .synonym_info .cont .item[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_keyword .synonym_info .cont .item[lang='ar'], .fs4 .component_keyword .synonym_info .cont .item[lang='fa'] {
	font-size: 18px;
}

.fs2 .component_keyword .synonym_info .cont .item {
	line-height: 22px;
}

.fs3 .component_keyword .synonym_info .cont .item {
	line-height: 23px;
}

.component_keyword .synonym_info .cont .item[lang^='ja'], .component_keyword .synonym_info .cont .item[lang^='zh'] {
	line-height: 21px;
}

.fs2 .component_keyword .synonym_info .cont .item[lang^='ja'], .fs2 .component_keyword .synonym_info .cont .item[lang^='zh'] {
	line-height: 22px;
}

.fs3 .component_keyword .synonym_info .cont .item[lang^='ja'], .fs3 .component_keyword .synonym_info .cont .item[lang^='zh'] {
	line-height: 23px;
}

.component_keyword .synonym_info .cont .item[lang='ar'], .component_keyword .synonym_info .cont .item[lang='fa'] {
	line-height: 25px;
}

.fs2 .component_keyword .synonym_info .cont .item[lang='ar'], .fs2 .component_keyword .synonym_info .cont .item[lang='fa'] {
	line-height: 26px;
}

.fs3 .component_keyword .synonym_info .cont .item[lang='ar'], .fs3 .component_keyword .synonym_info .cont .item[lang='fa'] {
	line-height: 27px;
}

.component_keyword .synonym_info .cont .item[lang='my'], .component_keyword .synonym_info .cont .item[lang='km'] {
	line-height: 23px;
}

.fs2 .component_keyword .synonym_info .cont .item[lang='my'], .fs2 .component_keyword .synonym_info .cont .item[lang='km'] {
	line-height: 24px;
}

.fs3 .component_keyword .synonym_info .cont .item[lang='my'], .fs3 .component_keyword .synonym_info .cont .item[lang='km'] {
	line-height: 25px;
}

.component_keyword .synonym_info .cont .item[href] {
	color: #25407d;
}

.component_keyword .synonym_info .cont sup {
	vertical-align: top;
	line-height: normal;
}

.component_keyword .thumb {
	overflow: hidden;
	margin-top: 7px;
}

.component_keyword .thumb .view {
	float: left;
	width: 118px;
	margin-right: 20px;
}

.component_keyword .thumb .view.img {
	width: 120px;
}

.component_keyword .thumb .view a {
	display: block;
	position: relative;
}

.component_keyword .thumb .view a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #000;
	opacity: 0.1;
}

.component_keyword .thumb .view .thumb_img {
	width: 118px;
	height: 80px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}

.component_keyword .thumb .desc {
	display: table-cell;
	height: 80px;
	font-size: 13px;
	line-height: 19px;
	color: #666;
	vertical-align: middle;
}

.fs2 .component_keyword .thumb .desc {
	font-size: 14px;
}

.fs3 .component_keyword .thumb .desc {
	font-size: 15px;
}

.fs4 .component_keyword .thumb .desc {
	font-size: 16px;
}

.component_keyword .thumb .desc[lang^='ja'], .component_keyword .thumb .desc[lang^='zh'] {
	font-size: 15px;
}

.fs2 .component_keyword .thumb .desc[lang^='ja'], .fs2 .component_keyword .thumb .desc[lang^='zh'] {
	font-size: 16px;
}

.fs3 .component_keyword .thumb .desc[lang^='ja'], .fs3 .component_keyword .thumb .desc[lang^='zh'] {
	font-size: 17px;
}

.fs4 .component_keyword .thumb .desc[lang^='ja'], .fs4 .component_keyword .thumb .desc[lang^='zh'] {
	font-size: 18px;
}

.component_keyword .thumb .desc[lang='ar'], .component_keyword .thumb .desc[lang='fa'] {
	font-size: 15px;
}

.fs2 .component_keyword .thumb .desc[lang='ar'], .fs2 .component_keyword .thumb .desc[lang='fa'] {
	font-size: 16px;
}

.fs3 .component_keyword .thumb .desc[lang='ar'], .fs3 .component_keyword .thumb .desc[lang='fa'] {
	font-size: 17px;
}

.fs4 .component_keyword .thumb .desc[lang='ar'], .fs4 .component_keyword .thumb .desc[lang='fa'] {
	font-size: 18px;
}

.component_keyword .thumb .desc[lang='my'], .component_keyword .thumb .desc[lang='km'] {
	font-size: 13px;
}

.fs2 .component_keyword .thumb .desc[lang='my'], .fs2 .component_keyword .thumb .desc[lang='km'] {
	font-size: 14px;
}

.fs3 .component_keyword .thumb .desc[lang='my'], .fs3 .component_keyword .thumb .desc[lang='km'] {
	font-size: 15px;
}

.fs4 .component_keyword .thumb .desc[lang='my'], .fs4 .component_keyword .thumb .desc[lang='km'] {
	font-size: 16px;
}

.fs2 .component_keyword .thumb .desc {
	line-height: 20px;
}

.fs3 .component_keyword .thumb .desc {
	line-height: 21px;
}

.component_keyword .thumb .desc[lang^='ja'], .component_keyword .thumb .desc[lang^='zh'] {
	line-height: 21px;
}

.fs2 .component_keyword .thumb .desc[lang^='ja'], .fs2 .component_keyword .thumb .desc[lang^='zh'] {
	line-height: 22px;
}

.fs3 .component_keyword .thumb .desc[lang^='ja'], .fs3 .component_keyword .thumb .desc[lang^='zh'] {
	line-height: 23px;
}

.component_keyword .thumb .desc[lang='ar'], .component_keyword .thumb .desc[lang='fa'] {
	line-height: 25px;
}

.fs2 .component_keyword .thumb .desc[lang='ar'], .fs2 .component_keyword .thumb .desc[lang='fa'] {
	line-height: 26px;
}

.fs3 .component_keyword .thumb .desc[lang='ar'], .fs3 .component_keyword .thumb .desc[lang='fa'] {
	line-height: 27px;
}

.component_keyword .thumb .desc[lang='my'], .component_keyword .thumb .desc[lang='km'] {
	line-height: 23px;
}

.fs2 .component_keyword .thumb .desc[lang='my'], .fs2 .component_keyword .thumb .desc[lang='km'] {
	line-height: 24px;
}

.fs3 .component_keyword .thumb .desc[lang='my'], .fs3 .component_keyword .thumb .desc[lang='km'] {
	line-height: 25px;
}

.component_keyword .thumb_wrap {
	position: relative;
}

.component_keyword .thumb_wrap .thumb {
	position: relative;
	margin: 12px 0 0 0;
	padding: 0;
	white-space: nowrap;
}

.component_keyword .thumb_wrap .view {
	position: relative;
	margin-right: 8px;
}

.component_keyword .thumb_wrap .view img {
	vertical-align: top;
}

.component_keyword .thumb_wrap .view .num {
	position: absolute;
	right: 4px;
	bottom: 4px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	-webkit-border-radius: 11px;
	        border-radius: 11px;
	background-color: rgba(0, 0, 0, 0.6);
	pointer-events: none;
}

.component_keyword .thumb_wrap .view.video:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -34px -72px;
	width: 30px;
	height: 30px;
	content: '';
	pointer-events: none;
}

.component_keyword .thumb_wrap .view.audio {
	width: 80px;
	height: 80px;
	border: solid 1px rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_keyword .thumb_wrap .view.audio:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: -150px -24px;
	width: 21px;
	height: 22px;
	margin: auto;
	content: '';
	z-index: 1;
	pointer-events: none;
}

.component_keyword .thumb_wrap .view.audio a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 68px;
	height: 68px;
	margin: auto;
}

.component_keyword .thumb_wrap .view.audio a:before {
	content: none;
}

.component_keyword .thumb_wrap .view.audio .audio-thumb {
	width: 68px;
	height: 68px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_keyword .synonym {
	margin: 20px 0 0 -15px;
	padding: 20px 20px 0;
	border-top: 1px solid #dfdfdf;
}

.component_keyword .synonym .item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 30px;
	color: #666;
}

.fs2 .component_keyword .synonym .item {
	font-size: 14px;
}

.fs3 .component_keyword .synonym .item {
	font-size: 15px;
}

.fs4 .component_keyword .synonym .item {
	font-size: 16px;
}

.fs2 .component_keyword .synonym .item {
	line-height: 31px;
}

.fs3 .component_keyword .synonym .item {
	line-height: 32px;
}

.component_keyword .synonym .item .word {
	font-size: 17px;
	color: #00c;
}

.fs2 .component_keyword .synonym .item .word {
	font-size: 18px;
}

.fs3 .component_keyword .synonym .item .word {
	font-size: 19px;
}

.fs4 .component_keyword .synonym .item .word {
	font-size: 20px;
}

.component_keyword .source_opendict {
	font-size: 12px;
	line-height: 16px;
	margin-top: 8px;
	display: block;
	color: #999;
}

.fs2 .component_keyword .source_opendict {
	font-size: 13px;
}

.fs3 .component_keyword .source_opendict {
	font-size: 14px;
}

.fs4 .component_keyword .source_opendict {
	font-size: 15px;
}

.fs2 .component_keyword .source_opendict {
	line-height: 17px;
}

.fs3 .component_keyword .source_opendict {
	line-height: 18px;
}

.component_keyword .source_opendict .link {
	display: inline-block;
	color: #1b47b9;
	vertical-align: top;
}

.component_keyword .source_opendict .bar {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 3px 2px 0;
	background: #ddd;
	vertical-align: top;
}

.component_keyword .source_opendict .thumb {
	display: inline-block;
	padding: 0;
	margin: 0px;
	vertical-align: top;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	overflow: hidden;
}

.component_keyword .source_opendict .thumb img {
	vertical-align: top;
}

.component_keyword .source {
	font-size: 13px;
	font-weight: 500;
	margin-top: 8px;
	display: inline-block;
	color: #999;
}

.fs2 .component_keyword .source {
	font-size: 14px;
}

.fs3 .component_keyword .source {
	font-size: 15px;
}

.fs4 .component_keyword .source {
	font-size: 16px;
}

.component_keyword .source .link {
	color: #999;
	text-decoration: none;
}

.component_keyword .source .bar {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 2px 7px 0;
	background: #ddd;
	vertical-align: top;
}

.component_keyword .source[target='_blank'] .icon_blank_page {
	display: inline-block;
}

.component_keyword .source .badge {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_keyword .source .badge.best {
	background-image: -webkit-linear-gradient(307deg, #a4d1ff 16%, #165da9 85%);
	background-image: linear-gradient(143deg, #a4d1ff 16%, #165da9 85%);
}

.component_keyword .source .badge.pro {
	background-image: -webkit-linear-gradient(307deg, #c09bfa 16%, #512db7 85%);
	background-image: linear-gradient(143deg, #c09bfa 16%, #512db7 85%);
}

.component_keyword .source .badge.master {
	background-image: -webkit-linear-gradient(307deg, #ffde71 16%, #e85619 85%);
	background-image: linear-gradient(143deg, #ffde71 16%, #e85619 85%);
}

.component_keyword .source .badge .badge-img {
	overflow: hidden;
	width: 14px;
	height: 14px;
	margin: 1px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_keyword .source .badge .badge-img:after {
	display: block;
	content: '';
}

.component_keyword .source .badge .badge-img.best01-01:after {
	background-position: -149px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best01-02:after {
	background-position: -178px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best01-03:after {
	background-position: -149px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best02-01:after {
	background-position: -149px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best02-02:after {
	background-position: -4px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best02-03:after {
	background-position: -32px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best03-01:after {
	background-position: -60px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best03-02:after {
	background-position: -88px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best03-03:after {
	background-position: -116px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best04-01:after {
	background-position: -144px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best04-02:after {
	background-position: -178px -4px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best04-03:after {
	background-position: -178px -32px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best05-01:after {
	background-position: -178px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best05-02:after {
	background-position: -178px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best05-03:after {
	background-position: -178px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best06-01:after {
	background-position: -4px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best06-02:after {
	background-position: -32px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best06-03:after {
	background-position: -60px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best07-01:after {
	background-position: -88px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best07-02:after {
	background-position: -116px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best07-03:after {
	background-position: -144px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best08-01:after {
	background-position: -172px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best08-02:after {
	background-position: -206px -4px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best08-03:after {
	background-position: -206px -32px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best09-01:after {
	background-position: -206px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best09-02:after {
	background-position: -206px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.best09-03:after {
	background-position: -206px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro01-01:after {
	background-position: -206px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro01-02:after {
	background-position: -206px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro01-03:after {
	background-position: -4px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro02-01:after {
	background-position: -32px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro02-02:after {
	background-position: -60px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro02-03:after {
	background-position: -88px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro03-01:after {
	background-position: -116px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro03-02:after {
	background-position: -144px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro03-03:after {
	background-position: -172px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro04-01:after {
	background-position: -200px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro04-02:after {
	background-position: -234px -4px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro04-03:after {
	background-position: -234px -32px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro05-01:after {
	background-position: -234px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro05-02:after {
	background-position: -234px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro05-03:after {
	background-position: -234px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro06-01:after {
	background-position: -234px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro06-02:after {
	background-position: -234px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro06-03:after {
	background-position: -234px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro07-01:after {
	background-position: -4px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro07-02:after {
	background-position: -32px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro07-03:after {
	background-position: -60px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro08-01:after {
	background-position: -88px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro08-02:after {
	background-position: -116px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro08-03:after {
	background-position: -144px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro09-01:after {
	background-position: -172px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro09-02:after {
	background-position: -200px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.pro09-03:after {
	background-position: -228px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master01-01:after {
	background-position: -33px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master01-02:after {
	background-position: -4px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master01-03:after {
	background-position: -33px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master02-01:after {
	background-position: -62px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master02-02:after {
	background-position: -62px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master02-03:after {
	background-position: -4px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master03-01:after {
	background-position: -33px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master03-02:after {
	background-position: -62px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master03-03:after {
	background-position: -91px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master04-01:after {
	background-position: -91px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master04-02:after {
	background-position: -91px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master04-03:after {
	background-position: -4px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master05-01:after {
	background-position: -4px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master05-02:after {
	background-position: -33px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master05-03:after {
	background-position: -62px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master06-01:after {
	background-position: -91px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master06-02:after {
	background-position: -120px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master06-03:after {
	background-position: -120px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master07-01:after {
	background-position: -120px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master07-02:after {
	background-position: -120px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master07-03:after {
	background-position: -4px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master08-01:after {
	background-position: -33px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master08-02:after {
	background-position: -62px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master08-03:after {
	background-position: -91px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master09-01:after {
	background-position: -120px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master09-02:after {
	background-position: -149px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .source .badge .badge-img.master09-03:after {
	background-position: -149px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .icon_blank_page {
	display: none;
	background-position: 0px -447px;
	width: 13px;
	height: 13px;
	vertical-align: top;
	margin-top: 1px;
}

.component_keyword .thumb + .source {
	margin-top: 10px;
}

.component_keyword .highlight {
	background: #e3f4ff;
	font-weight: normal;
}

.component_keyword .example {
	margin-top: 2px;
	margin-left: 4px;
}

.component_keyword .example:last-child {
	margin-bottom: 14px;
}

.component_keyword .example + .reference {
	margin-left: 20px;
}

.component_keyword .example .source {
	margin-top: 0;
}

.component_keyword .reference {
	margin-top: 17px;
	padding: 17px 21px;
	border: 1px solid #e7e7e7;
	background: #f9f9f9;
}

.component_keyword .reference:last-child {
	margin-bottom: 21px;
}

.component_keyword .reference.reference_horizon .important {
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

.fs2 .component_keyword .reference.reference_horizon .important {
	font-size: 14px;
}

.fs3 .component_keyword .reference.reference_horizon .important {
	font-size: 15px;
}

.fs4 .component_keyword .reference.reference_horizon .important {
	font-size: 16px;
}

.fs2 .component_keyword .reference.reference_horizon .important {
	line-height: 20px;
}

.fs3 .component_keyword .reference.reference_horizon .important {
	line-height: 21px;
}

.component_keyword .reference.reference_horizon .tit {
	float: left;
	margin-right: 14px;
	line-height: 21px;
}

.fs2 .component_keyword .reference.reference_horizon .tit {
	line-height: 22px;
}

.fs3 .component_keyword .reference.reference_horizon .tit {
	line-height: 23px;
}

.component_keyword .reference.reference_horizon .cont {
	overflow: hidden;
	margin-top: 0;
}

.component_keyword .reference.reference_horizon .item {
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	white-space: nowrap;
}

.component_keyword .reference.reference_horizon .part_speech {
	display: inline-block;
	min-height: 19px;
	margin-right: -1px;
	padding: 0 5px;
	border: 1px solid #e0e0e0;
	background: #fff;
	font-size: 12px;
	line-height: 19px;
	color: #999;
}

.fs2 .component_keyword .reference.reference_horizon .part_speech {
	font-size: 13px;
}

.fs3 .component_keyword .reference.reference_horizon .part_speech {
	font-size: 14px;
}

.fs4 .component_keyword .reference.reference_horizon .part_speech {
	font-size: 15px;
}

.fs2 .component_keyword .reference.reference_horizon .part_speech {
	line-height: 20px;
}

.fs3 .component_keyword .reference.reference_horizon .part_speech {
	line-height: 21px;
}

.component_keyword .reference .cell {
	overflow: hidden;
	margin-top: 5px;
}

.component_keyword .reference .cell:first-child {
	margin-top: 0;
}

.component_keyword .reference .tit {
	display: block;
	font-size: 13px;
	line-height: 19px;
	color: #6881a1;
}

.fs2 .component_keyword .reference .tit {
	font-size: 14px;
}

.fs3 .component_keyword .reference .tit {
	font-size: 15px;
}

.fs4 .component_keyword .reference .tit {
	font-size: 16px;
}

.fs2 .component_keyword .reference .tit {
	line-height: 20px;
}

.fs3 .component_keyword .reference .tit {
	line-height: 21px;
}

.component_keyword .reference .cont {
	margin-top: 8px;
	font-size: 13px;
	line-height: 21px;
	color: #666;
}

.fs2 .component_keyword .reference .cont {
	font-size: 14px;
}

.fs3 .component_keyword .reference .cont {
	font-size: 15px;
}

.fs4 .component_keyword .reference .cont {
	font-size: 16px;
}

.fs2 .component_keyword .reference .cont {
	line-height: 22px;
}

.fs3 .component_keyword .reference .cont {
	line-height: 23px;
}

.component_keyword .reference + .component_relation,
.component_keyword .reference + .reference {
	margin-top: 10px;
}

.component_keyword .item:last-child .reference,
.component_keyword .item:last-child .example {
	margin-bottom: 0;
}

.component_keyword .listen_list {
	display: inline;
	vertical-align: -2px;
	color: #666;
}

.component_keyword .listen_item {
	display: inline-block;
	color: #999;
}

.component_keyword .listen_item .link {
	color: #999;
	text-decoration: none;
}

.component_keyword .listen_item .bar {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 2px 7px 0;
	background: #ddd;
	vertical-align: top;
}

.component_keyword .listen_item[target='_blank'] .icon_blank_page {
	display: inline-block;
}

.component_keyword .listen_item .badge {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_keyword .listen_item .badge.best {
	background-image: -webkit-linear-gradient(307deg, #a4d1ff 16%, #165da9 85%);
	background-image: linear-gradient(143deg, #a4d1ff 16%, #165da9 85%);
}

.component_keyword .listen_item .badge.pro {
	background-image: -webkit-linear-gradient(307deg, #c09bfa 16%, #512db7 85%);
	background-image: linear-gradient(143deg, #c09bfa 16%, #512db7 85%);
}

.component_keyword .listen_item .badge.master {
	background-image: -webkit-linear-gradient(307deg, #ffde71 16%, #e85619 85%);
	background-image: linear-gradient(143deg, #ffde71 16%, #e85619 85%);
}

.component_keyword .listen_item .badge .badge-img {
	overflow: hidden;
	width: 14px;
	height: 14px;
	margin: 1px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.component_keyword .listen_item .badge .badge-img:after {
	display: block;
	content: '';
}

.component_keyword .listen_item .badge .badge-img.best01-01:after {
	background-position: -149px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best01-02:after {
	background-position: -178px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best01-03:after {
	background-position: -149px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best02-01:after {
	background-position: -149px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best02-02:after {
	background-position: -4px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best02-03:after {
	background-position: -32px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best03-01:after {
	background-position: -60px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best03-02:after {
	background-position: -88px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best03-03:after {
	background-position: -116px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best04-01:after {
	background-position: -144px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best04-02:after {
	background-position: -178px -4px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best04-03:after {
	background-position: -178px -32px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best05-01:after {
	background-position: -178px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best05-02:after {
	background-position: -178px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best05-03:after {
	background-position: -178px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best06-01:after {
	background-position: -4px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best06-02:after {
	background-position: -32px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best06-03:after {
	background-position: -60px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best07-01:after {
	background-position: -88px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best07-02:after {
	background-position: -116px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best07-03:after {
	background-position: -144px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best08-01:after {
	background-position: -172px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best08-02:after {
	background-position: -206px -4px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.best08-03:after {
	background-position: -206px -32px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro01-01:after {
	background-position: -206px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro01-02:after {
	background-position: -206px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro01-03:after {
	background-position: -4px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro02-01:after {
	background-position: -32px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro02-02:after {
	background-position: -60px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro02-03:after {
	background-position: -88px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro03-01:after {
	background-position: -116px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro03-02:after {
	background-position: -144px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro03-03:after {
	background-position: -172px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro04-01:after {
	background-position: -200px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro04-02:after {
	background-position: -234px -4px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro04-03:after {
	background-position: -234px -32px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro05-01:after {
	background-position: -234px -60px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro05-02:after {
	background-position: -234px -88px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro05-03:after {
	background-position: -234px -116px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro06-01:after {
	background-position: -234px -144px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro06-02:after {
	background-position: -234px -172px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro06-03:after {
	background-position: -234px -200px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro07-01:after {
	background-position: -4px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro07-02:after {
	background-position: -32px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro07-03:after {
	background-position: -60px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro08-01:after {
	background-position: -88px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro08-02:after {
	background-position: -116px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.pro08-03:after {
	background-position: -144px -228px;
	width: 20px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master01-01:after {
	background-position: -33px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master01-02:after {
	background-position: -4px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master01-03:after {
	background-position: -33px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master02-01:after {
	background-position: -62px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master02-02:after {
	background-position: -62px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master02-03:after {
	background-position: -4px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master03-01:after {
	background-position: -33px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master03-02:after {
	background-position: -62px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master03-03:after {
	background-position: -91px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master04-01:after {
	background-position: -91px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master04-02:after {
	background-position: -91px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master04-03:after {
	background-position: -4px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master05-01:after {
	background-position: -4px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master05-02:after {
	background-position: -33px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master05-03:after {
	background-position: -62px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master06-01:after {
	background-position: -91px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master06-02:after {
	background-position: -120px -4px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master06-03:after {
	background-position: -120px -32px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master07-01:after {
	background-position: -120px -60px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master07-02:after {
	background-position: -120px -88px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master07-03:after {
	background-position: -4px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master08-01:after {
	background-position: -33px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master08-02:after {
	background-position: -62px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .listen_item .badge .badge-img.master08-03:after {
	background-position: -91px -116px;
	width: 21px;
	height: 20px;
}

.component_keyword .icon_blank_page {
	display: none;
	background-position: 0px -447px;
	width: 13px;
	height: 13px;
	vertical-align: top;
	margin-top: 1px;
}

.component_keyword .thumb + .source {
	margin-top: 10px;
}

.component_keyword .highlight {
	background: #e3f4ff;
	font-weight: normal;
}

.component_keyword .example {
	margin-top: 2px;
	margin-left: 4px;
}

.component_keyword .example:last-child {
	margin-bottom: 14px;
}

.component_keyword .example + .reference {
	margin-left: 20px;
}

.component_keyword .example .source {
	margin-top: 0;
}

.component_keyword .reference {
	margin-top: 17px;
	padding: 17px 21px;
	border: 1px solid #e7e7e7;
	background: #f9f9f9;
}

.component_keyword .reference:last-child {
	margin-bottom: 21px;
}

.component_keyword .reference.reference_horizon .important {
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

.fs2 .component_keyword .reference.reference_horizon .important {
	font-size: 14px;
}

.fs3 .component_keyword .reference.reference_horizon .important {
	font-size: 15px;
}

.fs4 .component_keyword .reference.reference_horizon .important {
	font-size: 16px;
}

.fs2 .component_keyword .reference.reference_horizon .important {
	line-height: 20px;
}

.fs3 .component_keyword .reference.reference_horizon .important {
	line-height: 21px;
}

.component_keyword .reference.reference_horizon .tit {
	float: left;
	margin-right: 14px;
	line-height: 21px;
}

.fs2 .component_keyword .reference.reference_horizon .tit {
	line-height: 22px;
}

.fs3 .component_keyword .reference.reference_horizon .tit {
	line-height: 23px;
}

.component_keyword .reference.reference_horizon .cont {
	overflow: hidden;
	margin-top: 0;
}

.component_keyword .reference.reference_horizon .item {
	display: inline-block;
	margin-top: 0;
	margin-right: 2px;
	white-space: nowrap;
}

.component_keyword .reference.reference_horizon .part_speech {
	display: inline-block;
	min-height: 19px;
	margin-right: -1px;
	padding: 0 5px;
	border: 1px solid #e0e0e0;
	background: #fff;
	font-size: 12px;
	line-height: 19px;
	color: #999;
}

.fs2 .component_keyword .reference.reference_horizon .part_speech {
	font-size: 13px;
}

.fs3 .component_keyword .reference.reference_horizon .part_speech {
	font-size: 14px;
}

.fs4 .component_keyword .reference.reference_horizon .part_speech {
	font-size: 15px;
}

.fs2 .component_keyword .reference.reference_horizon .part_speech {
	line-height: 20px;
}

.fs3 .component_keyword .reference.reference_horizon .part_speech {
	line-height: 21px;
}

.component_keyword .reference .cell {
	overflow: hidden;
	margin-top: 5px;
}

.component_keyword .reference .cell:first-child {
	margin-top: 0;
}

.component_keyword .reference .tit {
	display: block;
	font-size: 13px;
	line-height: 19px;
	color: #6881a1;
}

.fs2 .component_keyword .reference .tit {
	font-size: 14px;
}

.fs3 .component_keyword .reference .tit {
	font-size: 15px;
}

.fs4 .component_keyword .reference .tit {
	font-size: 16px;
}

.fs2 .component_keyword .reference .tit {
	line-height: 20px;
}

.fs3 .component_keyword .reference .tit {
	line-height: 21px;
}

.component_keyword .reference .cont {
	margin-top: 8px;
	font-size: 13px;
	line-height: 21px;
	color: #666;
}

.fs2 .component_keyword .reference .cont {
	font-size: 14px;
}

.fs3 .component_keyword .reference .cont {
	font-size: 15px;
}

.fs4 .component_keyword .reference .cont {
	font-size: 16px;
}

.fs2 .component_keyword .reference .cont {
	line-height: 22px;
}

.fs3 .component_keyword .reference .cont {
	line-height: 23px;
}

.component_keyword .reference + .component_relation,
.component_keyword .reference + .reference {
	margin-top: 10px;
}

.component_keyword .item:last-child .reference,
.component_keyword .item:last-child .example {
	margin-bottom: 0;
}

.component_keyword .listen_list {
	display: inline;
	vertical-align: -2px;
	color: #666;
}

.component_keyword .listen_item {
	display: inline-block;
	margin: -2px 0 0 2px;
	font-size: 13px;
}

.fs2 .component_keyword .listen_item {
	font-size: 14px;
}

.fs3 .component_keyword .listen_item {
	font-size: 15px;
}

.fs4 .component_keyword .listen_item {
	font-size: 16px;
}

.component_keyword .listen_item:first-child {
	margin-left: 0;
}

.component_keyword .listen_item .unit_listen {
	margin-top: -2px;
}

.component_keyword .listen_pronunce_mark {
	font-size: 14px;
}

.fs2 .component_keyword .listen_pronunce_mark {
	font-size: 15px;
}

.fs3 .component_keyword .listen_pronunce_mark {
	font-size: 16px;
}

.fs4 .component_keyword .listen_pronunce_mark {
	font-size: 17px;
}

.component_keyword .listen_pronunce_mark sup {
	vertical-align: super;
}

.component_keyword .unit_oxford {
	margin-left: -3px;
	vertical-align: -5px;
}

.component_keyword .btn_search_trend {
	float: right;
	margin: -2px 0 -6px;
	text-align: right;
}

.component_keyword .entry_point {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	height: 44px;
	padding: 10px 12px;
	background-color: rgba(238, 242, 248, 0.8);
	border: 1px solid rgba(221, 227, 236, 0.3);
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.is-darkmode .component_keyword .entry_point {
	background-color: rgba(90, 88, 157, 0.3);
	border: rgba(226, 221, 236, 0.3);
}

.component_keyword .entry_point:before {
	display: inline-block;
	margin-right: 3px;
	background-position: -181px -384px;
	width: 24px;
	height: 24px;
	vertical-align: top;
	content: '';
}

.is-darkmode .component_keyword .entry_point:before {
	background-position: -105px -278px;
	width: 24px;
	height: 24px;
}

.component_keyword .entry_point:after {
	display: inline-block;
	margin-left: 3px;
	background-position: -515px -200px;
	width: 6px;
	height: 10px;
	vertical-align: top;
	content: '';
}

.is-darkmode .component_keyword .entry_point:after {
	background-position: -325px -143px;
	width: 6px;
	height: 10px;
}

.component_keyword .entry_point .entry_text {
	font-size: 14px;
	line-height: 22px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Apple SD Gothic Neo', NanumGothic, sans-serif;
	font-weight: 700;
	letter-spacing: -0.3px;
	color: #6a20c8;
}

.fs2 .component_keyword .entry_point .entry_text {
	font-size: 15px;
}

.fs3 .component_keyword .entry_point .entry_text {
	font-size: 16px;
}

.fs4 .component_keyword .entry_point .entry_text {
	font-size: 17px;
}

.fs2 .component_keyword .entry_point .entry_text {
	line-height: 23px;
}

.fs3 .component_keyword .entry_point .entry_text {
	line-height: 24px;
}

.is-darkmode .component_keyword .entry_point .entry_text {
	color: #d7cfff;
}

.component_keyword .entry_section {
	position: relative;
	margin-top: 16px;
}

.component_keyword .entry_tooltip {
	position: absolute;
	bottom: 41px;
	left: 12px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	background-color: #7a64f6;
	z-index: 10000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.component_keyword .entry_tooltip.is-disappear {
	display: none;
}

.component_keyword .entry_tooltip:after {
	position: absolute;
	left: 14px;
	bottom: -6px;
	background-position: -399px -295px;
	width: 14px;
	height: 6px;
	content: '';
}

.component_keyword .entry_tooltip .entry_link {
	display: block;
	padding: 10px 14px 11px;
}

.component_keyword .entry_tooltip .tooltip_title {
	display: block;
	padding-right: 22px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: -0.2px;
	color: #fff;
}

.fs2 .component_keyword .entry_tooltip .tooltip_title {
	font-size: 15px;
}

.fs3 .component_keyword .entry_tooltip .tooltip_title {
	font-size: 16px;
}

.fs4 .component_keyword .entry_tooltip .tooltip_title {
	font-size: 17px;
}

.fs2 .component_keyword .entry_tooltip .tooltip_title {
	line-height: 19px;
}

.fs3 .component_keyword .entry_tooltip .tooltip_title {
	line-height: 20px;
}

.component_keyword .entry_tooltip .tooltip_title[lang='en'] {
	padding-right: 40px;
}

.component_keyword .entry_tooltip .tooltip_description {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	margin-top: 10px;
	letter-spacing: -0.2px;
	color: #fff;
	opacity: 0.8;
}

.fs2 .component_keyword .entry_tooltip .tooltip_description {
	font-size: 15px;
}

.fs3 .component_keyword .entry_tooltip .tooltip_description {
	font-size: 16px;
}

.fs4 .component_keyword .entry_tooltip .tooltip_description {
	font-size: 17px;
}

.fs2 .component_keyword .entry_tooltip .tooltip_description {
	line-height: 17px;
}

.fs3 .component_keyword .entry_tooltip .tooltip_description {
	line-height: 18px;
}

.component_keyword .entry_tooltip .tooltip_guide {
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Apple SD Gothic Neo', NanumGothic, sans-serif;
	font-weight: 500;
	letter-spacing: -0.2px;
	color: #ffec45;
}

.fs2 .component_keyword .entry_tooltip .tooltip_guide {
	font-size: 15px;
}

.fs3 .component_keyword .entry_tooltip .tooltip_guide {
	font-size: 16px;
}

.fs4 .component_keyword .entry_tooltip .tooltip_guide {
	font-size: 17px;
}

.fs2 .component_keyword .entry_tooltip .tooltip_guide {
	line-height: 17px;
}

.fs3 .component_keyword .entry_tooltip .tooltip_guide {
	line-height: 18px;
}

.component_keyword .entry_tooltip .tooltip_guide:after {
	display: inline-block;
	margin: 5px 0 0 4px;
	background-position: -215px -479px;
	width: 5px;
	height: 8px;
	vertical-align: top;
	content: '';
}

.component_keyword .tooltip_close {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 30;
	padding: 10px;
	line-height: 1px;
}

.component_keyword .tooltip_close:before {
	display: inline-block;
	background-position: -210px -496px;
	width: 12px;
	height: 12px;
	content: '';
}

#wrap:not(.main) .section_keyword.important_words .select_wrap + .row {
	padding-top: 0;
	border-top: 0;
}

.section_keyword.important_words:has(.select_wrap) {
	padding-top: 0;
}

.section_keyword.important_words .component_keyword {
	padding: 20px 0 24px 15px;
}

.section_keyword.important_words .component_keyword .select_level_important_words {
	margin-left: -15px;
	height: 40px;
	-webkit-border-radius: 70px;
	        border-radius: 70px;
	border: 1px solid #e3e3e3;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.is-darkmode .section_keyword.important_words .component_keyword .select_level_important_words {
	border-color: #464646;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-left: 4px;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item:nth-of-type(1) {
	margin-left: 3px;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item:nth-of-type(3) {
	margin-right: 3px;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	padding: 8px 20px;
	-webkit-border-radius: 30px;
	        border-radius: 30px;
	color: #8f8f8f;
	letter-spacing: -0.2px;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.fs2 .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level {
	font-size: 16px;
}

.fs3 .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level {
	font-size: 17px;
}

.fs4 .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level {
	font-size: 18px;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level::before {
	content: '';
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	margin-right: 4px;
	background-position: -195px -479px;
	width: 10px;
	height: 8px;
	-webkit-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
}

.is-darkmode .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level::before {
	background-position: -357px -242px;
	width: 10px;
	height: 8px;
}

.is-darkmode .section_keyword.important_words .component_keyword .select_level_important_words .level_item .label_level {
	color: rgba(255, 255, 255, 0.8);
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-active .label_level {
	color: #fff;
	font-weight: 700;
	background-color: #03a94d;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-active .label_level:before {
	background-position: -183px -479px;
	width: 11px;
	height: 8px;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-disabled {
	cursor: not-allowed;
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-disabled .label_level {
	color: #c5c5c5;
}

.is-darkmode .section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-disabled .label_level {
	color: rgba(255, 255, 255, 0.3);
}

.section_keyword.important_words .component_keyword .select_level_important_words .level_item.is-disabled .label_level:before {
	display: none;
}

.section_keyword.important_words .component_keyword .row {
	border-top: 0;
}

.section_keyword.important_words .component_keyword .row .origin:has(.add_wordbook_wrapper) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.section_keyword.important_words .component_keyword .row .origin .add_wordbook_wrapper {
	margin-left: auto;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
}

.section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.4px;
	color: #888;
}

.fs2 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	font-size: 13px;
}

.fs3 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	font-size: 14px;
}

.fs4 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	font-size: 15px;
}

.fs2 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	line-height: 19px;
}

.fs3 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	line-height: 20px;
}

.is-darkmode .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook {
	color: #999;
}

.section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.4px;
	color: #666;
}

.fs2 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	font-size: 13px;
}

.fs3 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	font-size: 14px;
}

.fs4 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	font-size: 15px;
}

.fs2 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	line-height: 19px;
}

.fs3 .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	line-height: 20px;
}

.is-darkmode .section_keyword.important_words .component_keyword .row .origin .total_add_wordbook .text {
	color: #d9d9d9;
}

.section_keyword.important_words .component_keyword .row .mean_list {
	margin-top: 16px;
}

.section_keyword.important_words .component_keyword .row .mean_list .mean {
	font-size: 15px;
	line-height: 23px;
}

.fs2 .section_keyword.important_words .component_keyword .row .mean_list .mean {
	font-size: 16px;
}

.fs3 .section_keyword.important_words .component_keyword .row .mean_list .mean {
	font-size: 17px;
}

.fs4 .section_keyword.important_words .component_keyword .row .mean_list .mean {
	font-size: 18px;
}

.fs2 .section_keyword.important_words .component_keyword .row .mean_list .mean {
	line-height: 24px;
}

.fs3 .section_keyword.important_words .component_keyword .row .mean_list .mean {
	line-height: 25px;
}

.section_keyword.important_words .component_keyword .row .mean_list .example {
	margin-top: 8px;
}

.section_keyword.important_words .component_keyword .row .mean_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	margin-top: 22px;
	color: #8f8f8f;
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
}

.fs2 .section_keyword.important_words .component_keyword .row .mean_info {
	font-size: 14px;
}

.fs3 .section_keyword.important_words .component_keyword .row .mean_info {
	font-size: 15px;
}

.fs4 .section_keyword.important_words .component_keyword .row .mean_info {
	font-size: 16px;
}

.fs2 .section_keyword.important_words .component_keyword .row .mean_info {
	line-height: 17px;
}

.fs3 .section_keyword.important_words .component_keyword .row .mean_info {
	line-height: 18px;
}

.section_keyword.important_words .component_keyword .row .mean_info .mean_total_level {
	display: inline-block;
	text-decoration: underline;
}

.section_keyword.important_words .component_keyword .row .mean_info .source {
	margin-top: 0;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words {
	margin-top: 16px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	font-size: 15px;
	line-height: 18px;
	color: #6881a1;
	margin-right: 4px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	font-size: 16px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	font-size: 17px;
}

.fs4 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	font-size: 18px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	line-height: 19px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	line-height: 20px;
}

.is-darkmode .section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech {
	color: #abc3e3;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	font-size: 15px;
	line-height: 18px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	font-size: 16px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	font-size: 17px;
}

.fs4 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	font-size: 18px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	line-height: 19px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	line-height: 20px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .part_speech_desc,
.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_addition {
	color: #888;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .part_area {
	font-size: 15px;
	line-height: 18px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_area {
	font-size: 16px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_area {
	font-size: 17px;
}

.fs4 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_area {
	font-size: 18px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_area {
	line-height: 19px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .part_area {
	line-height: 20px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_list {
	margin-top: 10px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_list + .mean_info {
	margin-top: 36px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item {
	margin-top: 15px;
	padding-left: 21px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item:first-child {
	margin-top: 0;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	font-size: 11px;
	line-height: 13px;
	color: #000;
	background-color: #f6f8fa;
	padding: 2px 6px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	font-size: 12px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	font-size: 13px;
}

.fs4 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	font-size: 14px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	line-height: 14px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	line-height: 15px;
}

.is-darkmode .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .label_grade {
	color: #fff;
	background-color: #2c2d30;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .mean_desc {
	display: table;
	margin-left: -21px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .mean_desc .num {
	display: table-cell;
	min-width: 17px;
	padding-right: 5px;
	line-height: 23px;
}

.fs2 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .mean_desc .num {
	line-height: 24px;
}

.fs3 .section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .mean_desc .num {
	line-height: 25px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .mean_desc .cont {
	display: table-cell;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .mean_desc .part_speech_desc {
	color: #999;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_item .example {
	margin: 8px 0 0;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_total_level {
	margin-right: 8px;
}

.section_keyword.important_words .component_keyword .mean_tray.important_words .mean_total_level:last-child {
	margin-right: 0;
}

.section_keyword.important_words .pinyin_generator {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
}

.section_keyword.important_words .pinyin_generator .label_add_auto:after {
	display: inline-block;
	background-position: -40px 0px;
	width: 38px;
	height: 34px;
	vertical-align: middle;
	content: '';
}

.section_keyword.important_words .pinyin_generator .label_add_auto.is-active {
	color: #333;
}

.is-darkmode .section_keyword.important_words .pinyin_generator .label_add_auto.is-active {
	color: #d9d9d9;
}

.section_keyword.important_words .pinyin_generator .label_add_auto.is-active:after {
	background-position: 0px 0px;
}

.section_keyword.important_words .pinyin_generator .label_add_auto.is-disabled {
	color: #dadada;
}

.section_keyword.important_words .pinyin_generator .label_add_auto.is-disabled:after {
	background-position: -40px 0px;
}

.fs2 .section_keyword.important_words .pinyin_generator {
	font-size: 14px;
}

.fs3 .section_keyword.important_words .pinyin_generator {
	font-size: 15px;
}

.fs4 .section_keyword.important_words .pinyin_generator {
	font-size: 16px;
}

.fs2 .section_keyword.important_words .pinyin_generator {
	line-height: 17px;
}

.fs3 .section_keyword.important_words .pinyin_generator {
	line-height: 18px;
}

.section_keyword.important_words .pinyin_generator .checkbox_add_auto {
	position: absolute;
}

.section_keyword.important_words .pinyin_generator .label_add_auto {
	margin-top: 2px;
}

.section_keyword.important_words .pinyin_generator .label_add_auto:after {
	vertical-align: top;
}

.section_keyword.important_words .pinyin_generator + .btn_toggle,
.section_keyword.important_words .pinyin_generator + .link {
	margin-left: 7px;
}

.section_title + .section_keyword.important_words .pinyin_generator {
	position: absolute;
	top: 15px;
	right: 16px;
}

.section_keyword.important_words .pinyin_generator .label_add_auto {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	position: relative;
	height: 20px;
	margin-left: 0;
	padding-right: 39px;
	line-height: 20px;
}

.section_keyword.important_words .pinyin_generator .label_add_auto:after {
	position: absolute;
	right: 0;
}

.section_keyword.important_words .btn_pronunce .pinyin_generator .label_add_auto::after {
	top: 0;
}

.section_keyword.important_words .btn_area .pinyin_generator .label_add_auto::after {
	top: -7px;
}

.section_keyword:has(.component_keyword .usage_form) {
	padding-top: 0;
	border-color: #f0f0f0;
}

.is-darkmode .section_keyword:has(.component_keyword .usage_form) {
	border-color: #333435;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: end;
	    -ms-flex-align: end;
	        align-items: end;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 20px 0 15px 20px;
}

.is-darkmode .section_keyword:has(.component_keyword .usage_form) .component_keyword {
	border-color: #333435;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .usage_form {
	width: 100%;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 10px;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .item:last-child {
	padding-bottom: 0;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	font-size: 13px;
	line-height: 28px;
	color: #666;
	margin-right: 10px;
	min-width: 90px;
	display: inline-block;
}

.fs2 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	font-size: 14px;
}

.fs3 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	font-size: 15px;
}

.fs4 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	font-size: 16px;
}

.fs2 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	line-height: 29px;
}

.fs3 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	line-height: 30px;
}

.is-darkmode .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .type {
	color: #d9d9d9;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form {
	font-size: 15px;
	line-height: 22px;
	word-wrap: break-word;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	gap: 4px;
}

.fs2 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form {
	font-size: 16px;
}

.fs3 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form {
	font-size: 17px;
}

.fs4 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form {
	font-size: 18px;
}

.fs2 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form {
	line-height: 23px;
}

.fs3 .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form {
	line-height: 24px;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form .form_item {
	padding: 3px 8px;
	color: #444;
	background-color: #f1f2f3;
}

.is-darkmode .section_keyword:has(.component_keyword .usage_form) .component_keyword .item .form .form_item {
	color: #fff;
	background-color: #2c2d30;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	color: #8f8f8f;
	text-decoration: underline;
	font-size: 13px;
	line-height: 17px;
}

.fs2 .section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	font-size: 14px;
}

.fs3 .section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	font-size: 15px;
}

.fs4 .section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	font-size: 16px;
}

.fs2 .section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	line-height: 18px;
}

.fs3 .section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	line-height: 19px;
}

.is-darkmode .section_keyword:has(.component_keyword .usage_form) .component_keyword .view_more .btn {
	color: #999;
}

.btn_more_result {
	position: absolute;
	top: 24px;
	right: -13px;
	padding: 13px;
	font-size: 13px;
	color: #666;
	letter-spacing: -0.19px;
}

.btn_more_result:after {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	content: '';
	display: inline-block;
	margin: 2px 0 0 4px;
	vertical-align: top;
}

.related_word_wrap {
	overflow: hidden;
}

.section_learn_picture .component_keyword .thumb .view {
	margin-right: 10px;
}

.fs2 .component_keyword .row .hanja_word .unit_add_wordbook {
	margin-top: 10px;
}

.fs3 .component_keyword .row .hanja_word .unit_add_wordbook {
	margin-top: 9px;
}

.tab_thesaurus {
	margin: 10px 0 3px;
	border-bottom: 1px solid #f0f0f0;
}

.tab_thesaurus .tab_item {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 13px 15px;
	font-size: 13px;
	text-align: center;
}

.tab_thesaurus .tab_item[aria-selected='true']:after {
	position: absolute;
	bottom: -1px;
	left: 15px;
	right: 15px;
	height: 2px;
	background-color: #03c75a;
	content: '';
}

.section_title .dictionary_name {
	margin-left: 3px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #999;
}

.component_thesaurus_result .row_group {
	padding: 0 0 26px;
	border-top: 1px solid #eee;
}

.component_thesaurus_result .row_group:first-child {
	margin-top: 0;
	border-top: 0;
}

.component_thesaurus_result .row_heading {
	padding: 25px 15px 0;
}

.component_thesaurus_result .row_heading .word_class {
	font-size: 17px;
	font-weight: normal;
	color: #6881a1;
}

.fs2 .component_thesaurus_result .row_heading .word_class {
	font-size: 18px;
}

.fs3 .component_thesaurus_result .row_heading .word_class {
	font-size: 19px;
}

.fs4 .component_thesaurus_result .row_heading .word_class {
	font-size: 20px;
}

.component_thesaurus_result .row_heading .word_class + .row {
	margin-top: 0;
}

.component_thesaurus_result .row_heading .word_mean {
	margin-top: 5px;
	font-size: 17px;
}

.fs2 .component_thesaurus_result .row_heading .word_mean {
	font-size: 18px;
}

.fs3 .component_thesaurus_result .row_heading .word_mean {
	font-size: 19px;
}

.fs4 .component_thesaurus_result .row_heading .word_mean {
	font-size: 20px;
}

.component_thesaurus_result .row {
	padding: 17px 15px 0;
}

.component_thesaurus_result .row:first-child {
	margin-top: 0;
}

.component_thesaurus_result .mean {
	font-size: 15px;
	line-height: 21px;
	color: #333;
}

.fs2 .component_thesaurus_result .mean {
	font-size: 16px;
}

.fs3 .component_thesaurus_result .mean {
	font-size: 17px;
}

.fs4 .component_thesaurus_result .mean {
	font-size: 18px;
}

.fs2 .component_thesaurus_result .mean {
	line-height: 22px;
}

.fs3 .component_thesaurus_result .mean {
	line-height: 23px;
}

.component_thesaurus_result .mean .marker {
	font-size: 13px;
	line-height: 17px;
	color: #999;
}

.fs2 .component_thesaurus_result .mean .marker {
	font-size: 14px;
}

.fs3 .component_thesaurus_result .mean .marker {
	font-size: 15px;
}

.fs4 .component_thesaurus_result .mean .marker {
	font-size: 16px;
}

.fs2 .component_thesaurus_result .mean .marker {
	line-height: 18px;
}

.fs3 .component_thesaurus_result .mean .marker {
	line-height: 19px;
}

.component_thesaurus_result .synonym_info {
	margin: 3px 0 0 -6px;
}

.component_thesaurus_result .synonym_info .tit {
	padding: 6px;
	font-size: 14px;
	color: #666;
}

.fs2 .component_thesaurus_result .synonym_info .tit {
	font-size: 15px;
}

.fs3 .component_thesaurus_result .synonym_info .tit {
	font-size: 16px;
}

.fs4 .component_thesaurus_result .synonym_info .tit {
	font-size: 17px;
}

.component_thesaurus_result .synonym_info .item {
	display: inline-block;
	padding: 4px 6px;
	font-size: 15px;
	color: #666;
}

.fs2 .component_thesaurus_result .synonym_info .item {
	font-size: 16px;
}

.fs3 .component_thesaurus_result .synonym_info .item {
	font-size: 17px;
}

.fs4 .component_thesaurus_result .synonym_info .item {
	font-size: 18px;
}

.component_thesaurus_result .synonym_info a.item {
	color: #1b47b9;
}

.component_thesaurus_result .synonym_info + .synonym_info {
	margin-top: 0;
}

.component_thesaurus_result .synonym_info .item_area {
	display: inline;
}

.component_thesaurus_result .pragmatic_marker {
	margin: 3px 0 0 -6px;
	margin-top: 0;
}

.component_thesaurus_result .pragmatic_marker .tit {
	padding: 6px;
	font-size: 14px;
	color: #666;
}

.fs2 .component_thesaurus_result .pragmatic_marker .tit {
	font-size: 15px;
}

.fs3 .component_thesaurus_result .pragmatic_marker .tit {
	font-size: 16px;
}

.fs4 .component_thesaurus_result .pragmatic_marker .tit {
	font-size: 17px;
}

.component_thesaurus_result .pragmatic_marker .item {
	display: inline-block;
	padding: 4px 6px;
	font-size: 15px;
	color: #666;
}

.fs2 .component_thesaurus_result .pragmatic_marker .item {
	font-size: 16px;
}

.fs3 .component_thesaurus_result .pragmatic_marker .item {
	font-size: 17px;
}

.fs4 .component_thesaurus_result .pragmatic_marker .item {
	font-size: 18px;
}

.component_thesaurus_result .pragmatic_marker a.item {
	color: #1b47b9;
}

.component_thesaurus_result .pragmatic_marker + .synonym_info {
	margin-top: 0;
}

.component_thesaurus_result .pragmatic_marker .tit {
	font-size: 12px;
	line-height: 17px;
}

.fs2 .component_thesaurus_result .pragmatic_marker .tit {
	font-size: 13px;
}

.fs3 .component_thesaurus_result .pragmatic_marker .tit {
	font-size: 14px;
}

.fs4 .component_thesaurus_result .pragmatic_marker .tit {
	font-size: 15px;
}

.fs2 .component_thesaurus_result .pragmatic_marker .tit {
	line-height: 18px;
}

.fs3 .component_thesaurus_result .pragmatic_marker .tit {
	line-height: 19px;
}

.component_thesaurus_result .reference_info {
	margin: 3px 0 0 -6px;
}

.component_thesaurus_result .reference_info .tit {
	padding: 6px;
	font-size: 14px;
	color: #666;
}

.fs2 .component_thesaurus_result .reference_info .tit {
	font-size: 15px;
}

.fs3 .component_thesaurus_result .reference_info .tit {
	font-size: 16px;
}

.fs4 .component_thesaurus_result .reference_info .tit {
	font-size: 17px;
}

.component_thesaurus_result .reference_info .item {
	display: inline-block;
	padding: 4px 6px;
	font-size: 15px;
	color: #666;
}

.fs2 .component_thesaurus_result .reference_info .item {
	font-size: 16px;
}

.fs3 .component_thesaurus_result .reference_info .item {
	font-size: 17px;
}

.fs4 .component_thesaurus_result .reference_info .item {
	font-size: 18px;
}

.component_thesaurus_result .reference_info a.item {
	color: #1b47b9;
}

.component_thesaurus_result .reference_info + .synonym_info {
	margin-top: 0;
}

.component_thesaurus_result .reference_info .item {
	display: inline;
	color: #444;
}

.component_thesaurus_result .source {
	font-size: 12px;
	line-height: 20px;
	color: #999;
}

.fs2 .component_thesaurus_result .source {
	font-size: 13px;
}

.fs3 .component_thesaurus_result .source {
	font-size: 14px;
}

.fs4 .component_thesaurus_result .source {
	font-size: 15px;
}

.fs2 .component_thesaurus_result .source {
	line-height: 21px;
}

.fs3 .component_thesaurus_result .source {
	line-height: 22px;
}

.component_thesaurus_result.all .mean {
	font-size: 17px;
}

.fs2 .component_thesaurus_result.all .mean {
	font-size: 18px;
}

.fs3 .component_thesaurus_result.all .mean {
	font-size: 19px;
}

.fs4 .component_thesaurus_result.all .mean {
	font-size: 20px;
}

.component_thesaurus_result.all .synonym_info .item {
	font-size: 15px;
}

.fs2 .component_thesaurus_result.all .synonym_info .item {
	font-size: 16px;
}

.fs3 .component_thesaurus_result.all .synonym_info .item {
	font-size: 17px;
}

.fs4 .component_thesaurus_result.all .synonym_info .item {
	font-size: 18px;
}

.component_thesaurus_result.oxford .synonym_info .tit, .component_thesaurus_result.collins .synonym_info .tit {
	padding-top: 4px;
}

.component_thesaurus_result.collins .mean {
	margin-top: 3px;
	font-size: 15px;
}

.fs2 .component_thesaurus_result.collins .mean {
	font-size: 16px;
}

.fs3 .component_thesaurus_result.collins .mean {
	font-size: 17px;
}

.fs4 .component_thesaurus_result.collins .mean {
	font-size: 18px;
}

.component_thesaurus_result.collins .synonym_info .tit {
	padding-top: 7px;
}

.component_thesaurus_result.collins .item {
	font-size: 17px;
}

.fs2 .component_thesaurus_result.collins .item {
	font-size: 18px;
}

.fs3 .component_thesaurus_result.collins .item {
	font-size: 19px;
}

.fs4 .component_thesaurus_result.collins .item {
	font-size: 20px;
}

.component_thesaurus_result.oxford .pragmatic_marker .tit {
	color: #999;
}

.component_thesaurus_result.oxford .synonym_info .tit {
	display: block;
	padding-bottom: 0;
}

.component_thesaurus_result.oxford .mean {
	margin-bottom: 4px;
	font-size: 17px;
}

.fs2 .component_thesaurus_result.oxford .mean {
	font-size: 18px;
}

.fs3 .component_thesaurus_result.oxford .mean {
	font-size: 19px;
}

.fs4 .component_thesaurus_result.oxford .mean {
	font-size: 20px;
}

.component_thesaurus_result.oxford .word_mean {
	margin: 18px -15px 0;
	padding: 10px 15px 11px;
	background: #fafafa;
	font-size: 14px;
	color: #444;
}

.fs2 .component_thesaurus_result.oxford .word_mean {
	font-size: 15px;
}

.fs3 .component_thesaurus_result.oxford .word_mean {
	font-size: 16px;
}

.fs4 .component_thesaurus_result.oxford .word_mean {
	font-size: 17px;
}

.component_thesaurus_result.oxford .row + .row_heading {
	margin-top: 30px;
	padding-top: 0;
}

.section_more_area {
	border-top: 1px solid #f0f0f0;
	background-color: #fafafa;
	text-align: right;
}

.section_more_area .section_more {
	display: inline-block;
	border-top: 0;
}

.section_openpro {
	margin-bottom: 38px;
}

.section_openpro .section_title {
	margin-bottom: 12px;
}

.component_openpro .openpro_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.component_openpro .openpro_item {
	display: inline-block;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: 1px solid #e5e5e5;
}

.is-darkmode .component_openpro .openpro_item {
	border: 1px solid #464646;
	background-color: #27282a;
}

.component_openpro .openpro_item .link {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 18px;
	width: 218px;
	height: 191px;
	color: #000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.component_openpro .openpro_item .link .desc .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 12px 0 16px;
	color: #242424;
}

.is-darkmode .component_openpro .openpro_item .link .desc .title {
	color: #d9d9d9;
}

.component_openpro .openpro_item .link .desc .title .best_badge {
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	color: #0060d3;
	padding: 3px 7px;
	-webkit-border-radius: 11px;
	        border-radius: 11px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #e0ebff;
}

.component_openpro .openpro_item .link .desc .title .badge_img {
	display: inline-block;
	height: 20px;
	width: 20px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: top;
}

.component_openpro .openpro_item .link .desc .title .badge_img:after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 20px 20px;
	        background-size: 20px 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best01_01:after {
	background-position: -149px -60px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best01_02:after {
	background-position: -178px -116px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best01_03:after {
	background-position: -149px -88px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best02_01:after {
	background-position: -149px -116px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best02_02:after {
	background-position: -4px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best02_03:after {
	background-position: -32px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best03_01:after {
	background-position: -60px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best03_02:after {
	background-position: -88px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best03_03:after {
	background-position: -116px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best04_01:after {
	background-position: -144px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best04_02:after {
	background-position: -178px -4px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best04_03:after {
	background-position: -178px -32px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best05_01:after {
	background-position: -178px -60px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best05_02:after {
	background-position: -178px -88px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best05_03:after {
	background-position: -178px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best06_01:after {
	background-position: -4px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best06_02:after {
	background-position: -32px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best06_03:after {
	background-position: -60px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best07_01:after {
	background-position: -88px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best07_02:after {
	background-position: -116px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best07_03:after {
	background-position: -144px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best08_01:after {
	background-position: -172px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best08_02:after {
	background-position: -206px -4px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best08_03:after {
	background-position: -206px -32px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best09_01:after {
	background-position: -206px -60px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best09_02:after {
	background-position: -206px -88px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.best09_03:after {
	background-position: -206px -116px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master01_01:after {
	background-position: -33px -88px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master01_02:after {
	background-position: -4px -32px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master01_03:after {
	background-position: -33px -32px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master02_01:after {
	background-position: -62px -4px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master02_02:after {
	background-position: -62px -32px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master02_03:after {
	background-position: -4px -60px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master03_01:after {
	background-position: -33px -60px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master03_02:after {
	background-position: -62px -60px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master03_03:after {
	background-position: -91px -4px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master04_01:after {
	background-position: -91px -32px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master04_02:after {
	background-position: -91px -60px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master04_03:after {
	background-position: -4px -88px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master05_01:after {
	background-position: -4px -4px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master05_02:after {
	background-position: -33px -4px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master05_03:after {
	background-position: -62px -88px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master06_01:after {
	background-position: -91px -88px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master06_02:after {
	background-position: -120px -4px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master06_03:after {
	background-position: -120px -32px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master07_01:after {
	background-position: -120px -60px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master07_02:after {
	background-position: -120px -88px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master07_03:after {
	background-position: -4px -116px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master08_01:after {
	background-position: -33px -116px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master08_02:after {
	background-position: -62px -116px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master08_03:after {
	background-position: -91px -116px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master09_01:after {
	background-position: -120px -116px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master09_02:after {
	background-position: -149px -4px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.master09_03:after {
	background-position: -149px -32px;
	width: 21px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro01_01:after {
	background-position: -206px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro01_02:after {
	background-position: -206px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro01_03:after {
	background-position: -4px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro02_01:after {
	background-position: -32px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro02_02:after {
	background-position: -60px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro02_03:after {
	background-position: -88px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro03_01:after {
	background-position: -116px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro03_02:after {
	background-position: -144px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro03_03:after {
	background-position: -172px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro04_01:after {
	background-position: -200px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro04_02:after {
	background-position: -234px -4px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro04_03:after {
	background-position: -234px -32px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro05_01:after {
	background-position: -234px -60px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro05_02:after {
	background-position: -234px -88px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro05_03:after {
	background-position: -234px -116px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro06_01:after {
	background-position: -234px -144px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro06_02:after {
	background-position: -234px -172px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro06_03:after {
	background-position: -234px -200px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro07_01:after {
	background-position: -4px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro07_02:after {
	background-position: -32px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro07_03:after {
	background-position: -60px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro08_01:after {
	background-position: -88px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro08_02:after {
	background-position: -116px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro08_03:after {
	background-position: -144px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro09_01:after {
	background-position: -172px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro09_02:after {
	background-position: -200px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .badge_img.pro09_03:after {
	background-position: -228px -228px;
	width: 20px;
	height: 20px;
}

.component_openpro .openpro_item .link .desc .title .dict_name {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	letter-spacing: -0.3px;
}

.component_openpro .openpro_item .link .desc .entry_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	letter-spacing: -0.3px;
	margin-bottom: 6px;
}

.is-darkmode .component_openpro .openpro_item .link .desc .entry_name {
	color: #fff;
}

.component_openpro .openpro_item .link .desc .mean {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	font-size: 14px;
	line-height: 17px;
}

.is-darkmode .component_openpro .openpro_item .link .desc .mean {
	color: #fff;
}

.component_openpro .openpro_item .link .info_area {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	opacity: 0.5;
}

.component_openpro .openpro_item .link .info_area .actions {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.component_openpro .openpro_item .link .info_area .like,
.component_openpro .openpro_item .link .info_area .view {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	z-index: 1;
	opacity: 0.8;
	font-weight: 300;
	color: #0b0000;
}

.is-darkmode .component_openpro .openpro_item .link .info_area .like, .is-darkmode
.component_openpro .openpro_item .link .info_area .view {
	color: #999;
}

.component_openpro .openpro_item .link .info_area .like:before,
.component_openpro .openpro_item .link .info_area .view:before {
	display: inline-block;
	margin-right: 4px;
	content: "";
	opacity: 0.7;
}

.component_openpro .openpro_item .link .info_area .like:before {
	background-position: -114px -145px;
	width: 12px;
	height: 11px;
}

.is-darkmode .component_openpro .openpro_item .link .info_area .like:before {
	background-position: -94px -145px;
	width: 12px;
	height: 11px;
}

.component_openpro .openpro_item .link .info_area .view {
	margin-left: 7px;
}

.component_openpro .openpro_item .link .info_area .view:before {
	background-position: -76px -97px;
	width: 16px;
	height: 10px;
}

.is-darkmode .component_openpro .openpro_item .link .info_area .view:before {
	background-position: -163px -28px;
	width: 15px;
	height: 10px;
}

.component_openpro .openpro_item .link .info_area .author {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	color: #666;
	max-width: 93px;
}

.is-darkmode .component_openpro .openpro_item .link .info_area .author {
	color: #999;
}

.component_opendict {
	padding: 16px 0 30px 15px;
	color: #444;
}

.component_opendict [class^="open_word"] {
	font-size: 15px;
	line-height: 23px;
}

.fs2 .component_opendict [class^="open_word"] {
	font-size: 16px;
}

.fs3 .component_opendict [class^="open_word"] {
	font-size: 17px;
}

.fs4 .component_opendict [class^="open_word"] {
	font-size: 18px;
}

.fs2 .component_opendict [class^="open_word"] {
	line-height: 24px;
}

.fs3 .component_opendict [class^="open_word"] {
	line-height: 25px;
}

.component_opendict .open_mean {
	color: #1b47b9;
}

.component_opendict .user_profile {
	overflow: hidden;
	margin-top: 18px;
}

.component_opendict .user_profile .thumb {
	float: left;
	overflow: hidden;
	margin-right: 6px;
}

.component_opendict .user_profile .thumb img {
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	vertical-align: top;
}

.component_opendict .user_profile .info {
	display: table-cell;
	overflow: hidden;
	width: 100%;
	height: 32px;
	vertical-align: middle;
}

.component_opendict .user_profile .info li {
	display: inline-block;
	color: #999;
	font-size: 12px;
}

.component_opendict .user_profile .info li:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 1px 8px 0;
	background: #e4e4e4;
	vertical-align: top;
}

.component_opendict .user_profile .info li:first-child:before {
	display: none;
}

.component_opendict .user_profile .info li.belong {
	display: block;
	margin-top: 3px;
}

.component_opendict .user_profile .info li.belong:before {
	display: none;
}

.component_opendict .user_profile .info li a {
	color: #25407d;
}

.component_opendict .user_profile .vote {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

.component_opendict .user_profile .vote a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	color: #999;
}

.component_opendict .user_profile .vote a span {
	background-position: -149px -447px;
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: top;
	margin: 6px 5px 0 0;
}

.component_opendict .user_profile .vote a.dislike span {
	background-position: -101px -447px;
}

.article_opendict .component_opendict {
	padding: 0;
}

.article_opendict .component_opendict .user_profile {
	margin-top: 14px;
}

.component_opendict .btn_more {
	display: inline-block;
	position: relative;
	padding: 6px 8px 6px 0;
	font-size: 13px;
	color: #666;
}

.fs2 .component_opendict .btn_more {
	font-size: 14px;
}

.fs3 .component_opendict .btn_more {
	font-size: 15px;
}

.fs4 .component_opendict .btn_more {
	font-size: 16px;
}

.component_opendict .btn_more:after {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 0;
}

.component_relation {
	padding: 8px 0 20px 15px;
}

.component_relation .row {
	overflow: hidden;
	padding: 3px 15px 0px 0;
}

.component_relation .row:first-child {
	padding-top: 0;
}

.component_relation .tit {
	float: left;
	padding: 13px 10px 0 0;
	color: #666;
	font-size: 13px;
	line-height: 19px;
	vertical-align: top;
	white-space: nowrap;
}

.component_relation .cont {
	overflow: hidden;
}

.component_relation .cont .item {
	display: inline-block;
	margin-right: 2px;
	margin: 9px 4px 0 0;
	padding: 0 7px;
	background: #f1f2f3;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0;
	color: #444;
}

.fs2 .component_relation .cont .item {
	font-size: 15px;
}

.fs3 .component_relation .cont .item {
	font-size: 16px;
}

.fs4 .component_relation .cont .item {
	font-size: 17px;
}

.component_relation .cont .item[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_relation .cont .item[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_relation .cont .item[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_relation .cont .item[lang='ko'] {
	font-size: 16px;
}

.component_relation .cont .item[lang^='ja'], .component_relation .cont .item[lang^='zh'] {
	font-size: 16px;
}

.fs2 .component_relation .cont .item[lang^='ja'], .fs2 .component_relation .cont .item[lang^='zh'] {
	font-size: 17px;
}

.fs3 .component_relation .cont .item[lang^='ja'], .fs3 .component_relation .cont .item[lang^='zh'] {
	font-size: 18px;
}

.fs4 .component_relation .cont .item[lang^='ja'], .fs4 .component_relation .cont .item[lang^='zh'] {
	font-size: 19px;
}

.component_relation .cont .item[lang='ar'], .component_relation .cont .item[lang='fa'] {
	font-size: 16px;
}

.fs2 .component_relation .cont .item[lang='ar'], .fs2 .component_relation .cont .item[lang='fa'] {
	font-size: 17px;
}

.fs3 .component_relation .cont .item[lang='ar'], .fs3 .component_relation .cont .item[lang='fa'] {
	font-size: 18px;
}

.fs4 .component_relation .cont .item[lang='ar'], .fs4 .component_relation .cont .item[lang='fa'] {
	font-size: 19px;
}

.component_relation .cont .item[lang='my'], .component_relation .cont .item[lang='km'] {
	font-size: 13px;
}

.fs2 .component_relation .cont .item[lang='my'], .fs2 .component_relation .cont .item[lang='km'] {
	font-size: 14px;
}

.fs3 .component_relation .cont .item[lang='my'], .fs3 .component_relation .cont .item[lang='km'] {
	font-size: 15px;
}

.fs4 .component_relation .cont .item[lang='my'], .fs4 .component_relation .cont .item[lang='km'] {
	font-size: 16px;
}

.fs2 .component_relation .cont .item {
	line-height: 29px;
}

.fs3 .component_relation .cont .item {
	line-height: 30px;
}

.component_relation .cont .item:last-child:after {
	content: '';
}

.component_relation .cont .item sup,
.component_relation .cont .item sub {
	line-height: normal;
	vertical-align: super;
	font-size: 11px;
}

.component_relation .cont .item .direct {
	color: #25407d;
}

.component_relation .cont a.item,
.component_relation .cont .item a {
	color: #25407d;
}

.component_relation .cont a.item span,
.component_relation .cont .item a span {
	color: #444;
	font-size: 14px;
}

.fs2 .component_relation .cont a.item span, .fs2
.component_relation .cont .item a span {
	font-size: 15px;
}

.fs3 .component_relation .cont a.item span, .fs3
.component_relation .cont .item a span {
	font-size: 16px;
}

.fs4 .component_relation .cont a.item span, .fs4
.component_relation .cont .item a span {
	font-size: 17px;
}

.component_relation .cont .btn_more_item {
	display: inline-block;
	margin-bottom: -10px;
	padding: 10px;
}

.component_relation .cont_long {
	position: relative;
	overflow: hidden;
	max-height: 79px;
}

.component_relation .cont_long .btn_more {
	position: absolute;
	right: -2px;
	bottom: 3px;
	padding: 8px 7px;
	background-color: #fff;
	font-size: 13px;
	color: #3f63bf;
}

.component_relation .cont_long .btn_more:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -webkit-calc(100% - 7px);
	right: calc(100% - 7px);
	padding: 0 3px;
	background-color: #fff;
	line-height: 21px;
	color: #000;
	content: '...';
}

.component_relation .cont_long .btn_more:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -webkit-calc(100% + 8px);
	right: calc(100% + 8px);
	width: 20px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
	content: '';
}

.component_relation .cont_long.is-expanded {
	max-height: none;
}

.component_relation .cont_long.is-expanded .btn_more {
	display: none;
}

.fs3 .component_relation .cont_long .btn_more {
	bottom: 1px;
}

.section_relation .component_relation .word_class {
	margin-top: 16px;
	color: #6881a1;
	font-size: 15px;
}

.fs2 .section_relation .component_relation .word_class {
	font-size: 16px;
}

.fs3 .section_relation .component_relation .word_class {
	font-size: 17px;
}

.fs4 .section_relation .component_relation .word_class {
	font-size: 18px;
}

.section_relation .component_relation .row + .row .word_class {
	margin-top: 21px;
	padding-top: 24px;
	border-top: 1px solid #f0f0f0;
}

.section_relation .component_relation .row .inner {
	margin-top: 7px;
}

.section_relation .component_relation .row .inner a.item,
.section_relation .component_relation .row .inner .item a {
	color: #1b47b9;
}

.component_sentence {
	overflow: hidden;
	margin: 5px 0 12px 15px;
}

.component_sentence .sentence_list {
	display: inline-block;
}

.component_sentence .word {
	font-size: 20px;
	line-height: 24px;
	color: #1b47b9;
}

.fs2 .component_sentence .word {
	font-size: 21px;
}

.fs3 .component_sentence .word {
	font-size: 22px;
}

.fs4 .component_sentence .word {
	font-size: 23px;
}

.fs2 .component_sentence .word {
	line-height: 25px;
}

.fs3 .component_sentence .word {
	line-height: 26px;
}

.component_sentence .pronunciation {
	padding: 5px 5px 10px 0;
	font-size: 13px;
	line-height: 15px;
	color: #666;
}

.fs2 .component_sentence .pronunciation {
	font-size: 14px;
}

.fs3 .component_sentence .pronunciation {
	font-size: 15px;
}

.fs4 .component_sentence .pronunciation {
	font-size: 16px;
}

.fs2 .component_sentence .pronunciation {
	line-height: 16px;
}

.fs3 .component_sentence .pronunciation {
	line-height: 17px;
}

.component_sentence table .word {
	min-width: 22px;
	padding-right: 10px;
	white-space: nowrap;
}

.component_sentence table .pronunciation {
	padding: 5px 5px 10px 0;
}

.component_sentence .btn_more {
	display: inline-block;
	position: relative;
	padding: 6px 8px 6px 0;
	font-size: 13px;
	color: #666;
	vertical-align: top;
	margin: 27px 0 3px 0;
}

.fs2 .component_sentence .btn_more {
	font-size: 14px;
}

.fs3 .component_sentence .btn_more {
	font-size: 15px;
}

.fs4 .component_sentence .btn_more {
	font-size: 16px;
}

.component_sentence .btn_more:after {
	background-position: -482px -112px;
	width: 5px;
	height: 10px;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 0;
}

.component_translate {
	padding: 24px 0 46px 15px;
}

.component_translate .origin {
	font-size: 14px;
}

.fs2 .component_translate .origin {
	font-size: 15px;
}

.fs3 .component_translate .origin {
	font-size: 16px;
}

.fs4 .component_translate .origin {
	font-size: 17px;
}

.component_translate .origin[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_translate .origin[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_translate .origin[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_translate .origin[lang='ko'] {
	font-size: 16px;
}

.component_translate .origin[lang^='ja'], .component_translate .origin[lang^='zh'] {
	font-size: 19px;
}

.fs2 .component_translate .origin[lang^='ja'], .fs2 .component_translate .origin[lang^='zh'] {
	font-size: 20px;
}

.fs3 .component_translate .origin[lang^='ja'], .fs3 .component_translate .origin[lang^='zh'] {
	font-size: 21px;
}

.fs4 .component_translate .origin[lang^='ja'], .fs4 .component_translate .origin[lang^='zh'] {
	font-size: 22px;
}

.component_translate .origin[lang='ko'] {
	line-height: 20px;
}

.fs2 .component_translate .origin[lang='ko'] {
	line-height: 21px;
}

.fs3 .component_translate .origin[lang='ko'] {
	line-height: 22px;
}

.component_translate .origin[lang^='ja'], .component_translate .origin[lang^='zh'] {
	line-height: 26px;
}

.fs2 .component_translate .origin[lang^='ja'], .fs2 .component_translate .origin[lang^='zh'] {
	line-height: 27px;
}

.fs3 .component_translate .origin[lang^='ja'], .fs3 .component_translate .origin[lang^='zh'] {
	line-height: 28px;
}

.component_translate .origin[lang^='zh'] {
	color: #000;
}

.component_translate .origin[lang='ko'] {
	color: #666;
}

.component_translate .translate {
	font-size: 14px;
}

.fs2 .component_translate .translate {
	font-size: 15px;
}

.fs3 .component_translate .translate {
	font-size: 16px;
}

.fs4 .component_translate .translate {
	font-size: 17px;
}

.component_translate .translate[lang='ko'] {
	font-size: 13px;
}

.fs2 .component_translate .translate[lang='ko'] {
	font-size: 14px;
}

.fs3 .component_translate .translate[lang='ko'] {
	font-size: 15px;
}

.fs4 .component_translate .translate[lang='ko'] {
	font-size: 16px;
}

.component_translate .translate[lang^='ja'], .component_translate .translate[lang^='zh'] {
	font-size: 19px;
}

.fs2 .component_translate .translate[lang^='ja'], .fs2 .component_translate .translate[lang^='zh'] {
	font-size: 20px;
}

.fs3 .component_translate .translate[lang^='ja'], .fs3 .component_translate .translate[lang^='zh'] {
	font-size: 21px;
}

.fs4 .component_translate .translate[lang^='ja'], .fs4 .component_translate .translate[lang^='zh'] {
	font-size: 22px;
}

.component_translate .translate[lang='ko'] {
	line-height: 20px;
}

.fs2 .component_translate .translate[lang='ko'] {
	line-height: 21px;
}

.fs3 .component_translate .translate[lang='ko'] {
	line-height: 22px;
}

.component_translate .translate[lang^='ja'], .component_translate .translate[lang^='zh'] {
	line-height: 26px;
}

.fs2 .component_translate .translate[lang^='ja'], .fs2 .component_translate .translate[lang^='zh'] {
	line-height: 27px;
}

.fs3 .component_translate .translate[lang^='ja'], .fs3 .component_translate .translate[lang^='zh'] {
	line-height: 28px;
}

.component_translate .translate[lang^='zh'] {
	margin-top: 5px;
	color: #000;
}

.component_translate .translate[lang='ko'] {
	margin-top: 6px;
	color: #666;
}

.component_hanja_info {
	border-top: 1px solid #cacccc;
	padding-bottom: 25px;
}

.component_hanja_info .player {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 4px 8px 3px 7px;
	font-size: 12px;
	line-height: 15px;
	border: solid 1px #eaeaea;
	color: #697994;
	cursor: pointer;
}

.fs2 .component_hanja_info .player {
	font-size: 13px;
}

.fs3 .component_hanja_info .player {
	font-size: 14px;
}

.fs4 .component_hanja_info .player {
	font-size: 15px;
}

.component_hanja_info .player:before {
	background-position: -468px -422px;
	width: 8px;
	height: 10px;
	display: inline-block;
	margin: 3px 3px 0 0;
	vertical-align: top;
	content: '';
}

.component_hanja_info .player.start .ly_hanja_stroke {
	display: block;
}

.component_hanja_info .player.start::before {
	background-position: -350px -97px;
	width: 8px;
	height: 8px;
	margin: 3px 5px 0 2px;
}

.component_hanja_info .player .ly_hanja_stroke {
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	width: 320px;
	height: 320px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #e8eaee;
	background-color: #fff;
	z-index: 10;
}

.component_hanja_info .player .ly_hanja_stroke .btn_close {
	background-position: -206px -381px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 13px;
	right: 12px;
	background-color: #fff;
}

.component_hanja_info .player .ly_hanja_stroke .view_inner {
	width: 320px;
	height: 320px;
	border: 0;
}

@media (max-width: 374px) {
	.component_hanja_info .player .ly_hanja_stroke {
		top: 38px;
		left: 0;
	}
}

.component_hanja_info:first-child {
	border-top: 0;
}

.component_hanja_info .title {
	padding: 28px 15px 0;
	line-height: 19px;
}

.component_hanja_info .title .title_text {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
}

.fs2 .component_hanja_info .title .title_text {
	font-size: 16px;
}

.fs3 .component_hanja_info .title .title_text {
	font-size: 17px;
}

.fs4 .component_hanja_info .title .title_text {
	font-size: 18px;
}

.component_hanja_info .title .count {
	font-size: 12px;
	color: #666;
}

.fs2 .component_hanja_info .title .count {
	font-size: 13px;
}

.fs3 .component_hanja_info .title .count {
	font-size: 14px;
}

.fs4 .component_hanja_info .title .count {
	font-size: 15px;
}

.component_hanja_info .stroke_wrap .stroke_list {
	overflow: hidden;
	margin: -3px 0 7px -3px;
}

.component_hanja_info .stroke_wrap .stroke_item {
	float: left;
}

.component_hanja_info .stroke_wrap .stroke_item .img_area {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: top;
	margin: 20px 0 0 16px;
}

.component_hanja_info .stroke_wrap .stroke_item .img_area img {
	width: 60px;
	height: 60px;
}

.component_hanja_info .font_hanja {
	margin-top: 17px;
	padding: 0 0 0 15px;
}

.component_hanja_info .font_hanja .font_list {
	overflow: hidden;
}

.component_hanja_info .font_hanja .font_item {
	float: left;
	width: 162px;
	height: 124px;
	margin-left: 8px;
}

.component_hanja_info .font_hanja .font_item:first-child {
	margin-left: 0;
}

.component_hanja_info .font_hanja .inner {
	overflow: hidden;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	text-align: center;
	border: solid 1px #e7e7e7;
}

.component_hanja_info .font_hanja .inner .hanja {
	padding: 16px 0 16px;
}

.component_hanja_info .font_hanja .inner .hanja img {
	vertical-align: top;
}

.component_hanja_info .font_hanja .inner .mean {
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	background-color: #f7f7f7;
	color: #444;
}

.fs2 .component_hanja_info .font_hanja .inner .mean {
	font-size: 14px;
}

.fs3 .component_hanja_info .font_hanja .inner .mean {
	font-size: 15px;
}

.fs4 .component_hanja_info .font_hanja .inner .mean {
	font-size: 16px;
}

.component_hanja_info .font_hanja .info {
	position: relative;
	margin-top: 13px;
	padding-left: 18px;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	letter-spacing: -0.3px;
}

.fs2 .component_hanja_info .font_hanja .info {
	font-size: 13px;
}

.fs3 .component_hanja_info .font_hanja .info {
	font-size: 14px;
}

.fs4 .component_hanja_info .font_hanja .info {
	font-size: 15px;
}

.fs2 .component_hanja_info .font_hanja .info {
	line-height: 21px;
}

.fs3 .component_hanja_info .font_hanja .info {
	line-height: 22px;
}

.component_hanja_info .font_hanja .info:before {
	background-position: -295px -188px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 2px;
	left: 0;
	content: '';
}

.component_hanja_info .font_hanja .info .link {
	display: inline-block;
	font-weight: 600;
}

.component_hanja_info .font_hanja .info .link:after {
	display: inline-block;
	margin: 5px 0 0 4px;
	vertical-align: top;
	background-position: -482px -126px;
	width: 5px;
	height: 10px;
	content: '';
}

.component_hanja_info .same_hanja {
	padding-left: 5px;
}

.component_hanja_info .same_hanja .hanja_list {
	margin-left: -8px;
	padding: 3px 0 8px;
}

.component_hanja_info .same_hanja .hanja_list:after {
	display: block;
	clear: both;
	content: '';
}

.component_hanja_info .same_hanja .hanja_item {
	float: left;
	margin: 8px 0 0 8px;
}

.component_hanja_info .same_hanja .word_wrap {
	width: 76px;
	height: 98px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	text-align: center;
	border: solid 1px #edf0f2;
}

.component_hanja_info .same_hanja .word_wrap .hanja_word {
	height: 66px;
	line-height: 66px;
	font-size: 36px;
	color: #333;
}

.component_hanja_info .same_hanja .word_wrap .word {
	display: inline-block;
	vertical-align: top;
}

.component_hanja_info .same_hanja .word_wrap .word.ie {
	vertical-align: sub;
}

.component_hanja_info .same_hanja .word_wrap .desc {
	line-height: 32px;
	height: 32px;
	font-size: 13px;
	letter-spacing: -0.19px;
	background-color: #f7f7f7;
	color: #444;
}

.fs2 .component_hanja_info .same_hanja .word_wrap .desc {
	font-size: 14px;
}

.fs3 .component_hanja_info .same_hanja .word_wrap .desc {
	font-size: 15px;
}

.fs4 .component_hanja_info .same_hanja .word_wrap .desc {
	font-size: 16px;
}

.listen_global_list {
	margin: 6px 0 0 -4px;
}

.listen_global_list::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.listen_global_list .listen_global_item {
	float: left;
	margin: 6px 4px 0 0;
	padding: 0 8px 0 3px;
	height: 30px;
	-webkit-border-radius: 16px;
	        border-radius: 16px;
	border: 1px solid rgba(216, 220, 226, 0.6);
	line-height: 30px;
	font-size: 14px;
	color: #203873;
	font-weight: bold;
	background-color: #fff;
	cursor: pointer;
}

.fs2 .listen_global_list .listen_global_item {
	font-size: 15px;
}

.fs3 .listen_global_list .listen_global_item {
	font-size: 16px;
}

.fs4 .listen_global_list .listen_global_item {
	font-size: 17px;
}

.listen_global_list .listen_global_item:before {
	display: inline-block;
	vertical-align: top;
	margin: 3px 4px 4px 0;
	width: 24px;
	height: 24px;
	content: '';
}

.listen_global_list .listen_global_item.is-active {
	color: #fff;
	background-color: #0a1e57;
	border-color: #0a1e57;
}

.listen_global_list .listen_global_item.user:before {
	content: none;
}

.listen_global_list .listen_global_item.user .num {
	overflow: hidden;
	padding-left: 4px;
	color: #666;
	font-weight: 500;
}

.listen_global_list .listen_global_item.user.is-active .num {
	color: #fff;
}

.listen_global_list .listen_global_item.user.is-active .user_profile {
	border-color: #0a1e57;
}

.listen_global_list .listen_global_item .user_profile {
	float: left;
	overflow: hidden;
	position: relative;
	width: 24px;
	height: 24px;
	margin: 1px 0 0 -1px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid #fff;
}

.listen_global_list .listen_global_item .user_profile img {
	vertical-align: top;
}

.listen_global_list .listen_global_item .user_profile:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.04);
	content: '';
}

.listen_global_list .listen_global_item .user_profile + .user_profile {
	margin-left: -11px;
}

.listen_global_list .listen_global_item .user_profile:nth-child(1) {
	z-index: 5;
}

.listen_global_list .listen_global_item .user_profile:nth-child(2) {
	z-index: 4;
}

.listen_global_list .listen_global_item .user_profile:nth-child(3) {
	z-index: 3;
}

.listen_global_list .listen_global_item .user_profile:nth-child(4) {
	z-index: 2;
}

.listen_global_list .listen_global_item .user_profile:nth-child(5) {
	z-index: 1;
}

.listen_global_list .listen_global_item.all:before {
	background-position: -155px -212px;
	width: 18px;
	height: 18px;
	margin: 6px 4px 0 4px;
}

.listen_global_list .listen_global_item.all.is-active:before {
	background-position: -20px -131px;
	width: 18px;
	height: 18px;
}

.listen_global_list .listen_global_item.speak {
	min-width: 32px;
}

.listen_global_list .listen_global_item.speak:before {
	background-position: -172px -188px;
	width: 22px;
	height: 16px;
	margin: 7px 4px 8px 4px;
}

.listen_global_list .listen_global_item.speak.is-active:before {
	background-position: -198px -188px;
	width: 22px;
	height: 16px;
}

.pron_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 4px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.pron_list .btn_pron {
	height: 30px;
	padding: 7px;
	border: 1px solid;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	line-height: 100%;
}

.pron_list .btn_pron.all {
	font-size: 14px;
	font-weight: 700;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px;
}

.pron_list .btn_pron.all:before {
	content: '';
	display: inline-block;
	background-position: -155px -212px;
	width: 18px;
	height: 18px;
}

.pron_list .btn_pron.all.is-playing:before, .pron_list .btn_pron.all[aria-pressed='true']:before {
	background-position: -20px -131px;
	width: 18px;
	height: 18px;
}

.is-darkmode .pron_list .btn_pron.all:before {
	background-position: -20px -131px;
	width: 18px;
	height: 18px;
}

.pron_list .btn_pron.all,
.pron_list .btn_pron.putonghwa {
	color: #203873;
	border-color: rgba(216, 220, 226, 0.6);
	background-color: #fff;
}

.pron_list .btn_pron.all.is-playing, .pron_list .btn_pron.all[aria-pressed='true'],
.pron_list .btn_pron.putonghwa.is-playing,
.pron_list .btn_pron.putonghwa[aria-pressed='true'] {
	color: #fff;
	background-color: #0d2054;
	border-color: #0d2054;
}

.is-darkmode .pron_list .btn_pron.all, .is-darkmode
.pron_list .btn_pron.putonghwa {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.3);
	background-color: rgba(255, 255, 255, 0.06);
}

.is-darkmode .pron_list .btn_pron.all.is-playing, .is-darkmode .pron_list .btn_pron.all[aria-pressed='true'], .is-darkmode
.pron_list .btn_pron.putonghwa.is-playing, .is-darkmode
.pron_list .btn_pron.putonghwa[aria-pressed='true'] {
	background-color: #0c8ce9;
	border-color: #0c8ce9;
}

.pron_list .btn_pron.guangdong {
	color: #f23b66;
	border-color: rgba(242, 59, 102, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 59, 102, 0.06)), to(rgba(242, 59, 102, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(242, 59, 102, 0.06) 0%, rgba(242, 59, 102, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(242, 59, 102, 0.06) 0%, rgba(242, 59, 102, 0.06) 100%), #fff;
}

.pron_list .btn_pron.guangdong.is-playing, .pron_list .btn_pron.guangdong[aria-pressed='true'] {
	color: #fff;
	background-color: #f23b66;
}

.is-darkmode .pron_list .btn_pron.guangdong {
	background: none;
	background-color: rgba(242, 59, 102, 0.06);
}

.is-darkmode .pron_list .btn_pron.guangdong.is-playing, .is-darkmode .pron_list .btn_pron.guangdong[aria-pressed='true'] {
	background-color: #f23b66;
}

.pron_list .btn_pron.dongbei {
	color: #3880ff;
	border-color: rgba(56, 128, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(56, 128, 255, 0.06)), to(rgba(56, 128, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(56, 128, 255, 0.06) 0%, rgba(56, 128, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(56, 128, 255, 0.06) 0%, rgba(56, 128, 255, 0.06) 100%), #fff;
}

.pron_list .btn_pron.dongbei.is-playing, .pron_list .btn_pron.dongbei[aria-pressed='true'] {
	color: #fff;
	background-color: #3880ff;
}

.is-darkmode .pron_list .btn_pron.dongbei {
	background: none;
	background-color: rgba(56, 128, 255, 0.06);
}

.is-darkmode .pron_list .btn_pron.dongbei.is-playing, .is-darkmode .pron_list .btn_pron.dongbei[aria-pressed='true'] {
	background-color: #3880ff;
}

.pron_list .btn_pron.minnan {
	color: #b234ff;
	border-color: rgba(178, 52, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(178, 52, 255, 0.06)), to(rgba(178, 52, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(178, 52, 255, 0.06) 0%, rgba(178, 52, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(178, 52, 255, 0.06) 0%, rgba(178, 52, 255, 0.06) 100%), #fff;
}

.pron_list .btn_pron.minnan.is-playing, .pron_list .btn_pron.minnan[aria-pressed='true'] {
	color: #fff;
	background-color: #b234ff;
}

.is-darkmode .pron_list .btn_pron.minnan {
	background: none;
	background-color: rgba(178, 52, 255, 0.06);
}

.is-darkmode .pron_list .btn_pron.minnan.is-playing, .is-darkmode .pron_list .btn_pron.minnan[aria-pressed='true'] {
	background-color: #b234ff;
}

.pron_list .btn_pron.shanghai {
	color: #009a74;
	border-color: rgba(0, 154, 116, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 154, 116, 0.06)), to(rgba(0, 154, 116, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 154, 116, 0.06) 0%, rgba(0, 154, 116, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(0, 154, 116, 0.06) 0%, rgba(0, 154, 116, 0.06) 100%), #fff;
}

.pron_list .btn_pron.shanghai.is-playing, .pron_list .btn_pron.shanghai[aria-pressed='true'] {
	color: #fff;
	background-color: #009a74;
}

.is-darkmode .pron_list .btn_pron.shanghai {
	background: none;
	background-color: rgba(0, 154, 116, 0.06);
}

.is-darkmode .pron_list .btn_pron.shanghai.is-playing, .is-darkmode .pron_list .btn_pron.shanghai[aria-pressed='true'] {
	background-color: #009a74;
}

.pron_list .btn_pron.sichuan {
	color: #df6200;
	border-color: rgba(223, 98, 0, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(223, 98, 0, 0.06)), to(rgba(223, 98, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(223, 98, 0, 0.06) 0%, rgba(223, 98, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(223, 98, 0, 0.06) 0%, rgba(223, 98, 0, 0.06) 100%), #fff;
}

.pron_list .btn_pron.sichuan.is-playing, .pron_list .btn_pron.sichuan[aria-pressed='true'] {
	color: #fff;
	background-color: #df6200;
}

.is-darkmode .pron_list .btn_pron.sichuan {
	background: none;
	background-color: rgba(223, 98, 0, 0.06);
}

.is-darkmode .pron_list .btn_pron.sichuan.is-playing, .is-darkmode .pron_list .btn_pron.sichuan[aria-pressed='true'] {
	background-color: #df6200;
}

.pron_list .btn_pron.anhui {
	color: #e010f2;
	border-color: rgba(224, 16, 242, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 16, 242, 0.06)), to(rgba(224, 16, 242, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(224, 16, 242, 0.06) 0%, rgba(224, 16, 242, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(224, 16, 242, 0.06) 0%, rgba(224, 16, 242, 0.06) 100%), #fff;
}

.pron_list .btn_pron.anhui.is-playing, .pron_list .btn_pron.anhui[aria-pressed='true'] {
	color: #fff;
	background-color: #e010f2;
}

.is-darkmode .pron_list .btn_pron.anhui {
	background: none;
	background-color: rgba(224, 16, 242, 0.06);
}

.is-darkmode .pron_list .btn_pron.anhui.is-playing, .is-darkmode .pron_list .btn_pron.anhui[aria-pressed='true'] {
	background-color: #e010f2;
}

.pron_list .btn_pron.weihai {
	color: #0094c2;
	border-color: rgba(0, 148, 194, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 148, 194, 0.06)), to(rgba(0, 148, 194, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 148, 194, 0.06) 0%, rgba(0, 148, 194, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(0, 148, 194, 0.06) 0%, rgba(0, 148, 194, 0.06) 100%), #fff;
}

.pron_list .btn_pron.weihai.is-playing, .pron_list .btn_pron.weihai[aria-pressed='true'] {
	color: #fff;
	background-color: #0094c2;
}

.is-darkmode .pron_list .btn_pron.weihai {
	background: none;
	background-color: rgba(0, 148, 194, 0.06);
}

.is-darkmode .pron_list .btn_pron.weihai.is-playing, .is-darkmode .pron_list .btn_pron.weihai[aria-pressed='true'] {
	background-color: #0094c2;
}

.pron_list .btn_pron.past {
	color: #0da000;
	border-color: rgba(13, 160, 0, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(13, 160, 0, 0.06)), to(rgba(13, 160, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(13, 160, 0, 0.06) 0%, rgba(13, 160, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(13, 160, 0, 0.06) 0%, rgba(13, 160, 0, 0.06) 100%), #fff;
}

.pron_list .btn_pron.past.is-playing, .pron_list .btn_pron.past[aria-pressed='true'] {
	color: #fff;
	background-color: #0da000;
}

.is-darkmode .pron_list .btn_pron.past {
	background: none;
	background-color: rgba(13, 160, 0, 0.06);
}

.is-darkmode .pron_list .btn_pron.past.is-playing, .is-darkmode .pron_list .btn_pron.past[aria-pressed='true'] {
	background-color: #0da000;
}

.pron_list .btn_pron.henan {
	color: #75f;
	border-color: rgba(119, 85, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(119, 85, 255, 0.06)), to(rgba(119, 85, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(119, 85, 255, 0.06) 0%, rgba(119, 85, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(119, 85, 255, 0.06) 0%, rgba(119, 85, 255, 0.06) 100%), #fff;
}

.pron_list .btn_pron.henan.is-playing, .pron_list .btn_pron.henan[aria-pressed='true'] {
	color: #fff;
	background-color: #75f;
}

.is-darkmode .pron_list .btn_pron.henan {
	background: none;
	background-color: rgba(119, 85, 255, 0.06);
}

.is-darkmode .pron_list .btn_pron.henan.is-playing, .is-darkmode .pron_list .btn_pron.henan[aria-pressed='true'] {
	background-color: #75f;
}

.pron_list .btn_pron.hunan {
	color: #ba7b00;
	border-color: rgba(186, 123, 0, 0.4);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(186, 123, 0, 0.06)), to(rgba(186, 123, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(186, 123, 0, 0.06) 0%, rgba(186, 123, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(186, 123, 0, 0.06) 0%, rgba(186, 123, 0, 0.06) 100%), #fff;
}

.pron_list .btn_pron.hunan.is-playing, .pron_list .btn_pron.hunan[aria-pressed='true'] {
	color: #fff;
	background-color: #ba7b00;
}

.is-darkmode .pron_list .btn_pron.hunan {
	background: none;
	background-color: rgba(186, 123, 0, 0.06);
}

.is-darkmode .pron_list .btn_pron.hunan.is-playing, .is-darkmode .pron_list .btn_pron.hunan[aria-pressed='true'] {
	background-color: #ba7b00;
}

.dialect_list .dialect_item .region {
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	padding: 3px 5px;
	border: 1px solid;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.dialect_list .dialect_item .origin .text {
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
}

.dialect_list .dialect_item.putonghwa .region,
.dialect_list .dialect_item.putonghwa .origin .text {
	color: #0a1e57;
}

.dialect_list .dialect_item.putonghwa .region {
	border-color: rgba(216, 220, 226, 0.6);
}

.is-darkmode .dialect_list .dialect_item.putonghwa .origin .text {
	color: rgba(255, 255, 255, 0.8);
}

.is-darkmode .dialect_list .dialect_item.putonghwa .region {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.3);
	background-color: rgba(255, 255, 255, 0.06);
}

.dialect_list .dialect_item.guangdong .region,
.dialect_list .dialect_item.guangdong .origin .text {
	color: #f23b66;
}

.dialect_list .dialect_item.guangdong .region {
	border-color: rgba(242, 59, 102, 0.3);
	background-color: rgba(242, 59, 102, 0.06);
}

.dialect_list .dialect_item.dongbei .region,
.dialect_list .dialect_item.dongbei .origin .text {
	color: #3880ff;
}

.dialect_list .dialect_item.dongbei .region {
	border-color: rgba(56, 128, 255, 0.3);
	background-color: rgba(56, 128, 255, 0.06);
}

.dialect_list .dialect_item.minnan .region,
.dialect_list .dialect_item.minnan .origin .text {
	color: #b234ff;
}

.dialect_list .dialect_item.minnan .region {
	border-color: rgba(178, 52, 255, 0.3);
	background-color: rgba(178, 52, 255, 0.06);
}

.dialect_list .dialect_item.shanghai .region,
.dialect_list .dialect_item.shanghai .origin .text {
	color: #009a74;
}

.dialect_list .dialect_item.shanghai .region {
	border-color: rgba(0, 154, 116, 0.3);
	background-color: rgba(0, 154, 116, 0.06);
}

.dialect_list .dialect_item.sichuan .region,
.dialect_list .dialect_item.sichuan .origin .text {
	color: #df6200;
}

.dialect_list .dialect_item.sichuan .region {
	border-color: rgba(223, 98, 0, 0.3);
	background-color: rgba(223, 98, 0, 0.06);
}

.dialect_list .dialect_item.anhui .region,
.dialect_list .dialect_item.anhui .origin .text {
	color: #e010f2;
}

.dialect_list .dialect_item.anhui .region {
	border-color: rgba(224, 16, 242, 0.3);
	background-color: rgba(224, 16, 242, 0.06);
}

.dialect_list .dialect_item.weihai .region,
.dialect_list .dialect_item.weihai .origin .text {
	color: #0094c2;
}

.dialect_list .dialect_item.weihai .region {
	border-color: rgba(0, 148, 194, 0.3);
	background-color: rgba(0, 148, 194, 0.06);
}

.dialect_list .dialect_item.past .region,
.dialect_list .dialect_item.past .origin .text {
	color: #0da000;
}

.dialect_list .dialect_item.past .region {
	border-color: rgba(13, 160, 0, 0.4);
	background-color: rgba(13, 160, 0, 0.06);
}

.dialect_list .dialect_item.henan .region,
.dialect_list .dialect_item.henan .origin .text {
	color: #75f;
}

.dialect_list .dialect_item.henan .region {
	border-color: rgba(119, 85, 255, 0.3);
	background-color: rgba(119, 85, 255, 0.06);
}

.dialect_list .dialect_item.hunan .region,
.dialect_list .dialect_item.hunan .origin .text {
	color: #ba7b00;
}

.dialect_list .dialect_item.hunan .region {
	border-color: rgba(186, 123, 0, 0.4);
	background-color: rgba(186, 123, 0, 0.06);
}

.dialect_list .dialect_item:not(:first-child) {
	margin-top: 10px;
}

.entry_level_guide {
	padding: 22px 0;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
}

.is-darkmode .entry_level_guide {
	border-color: #333435;
	background-color: #1e1f21;
}

.entry_level_guide .guide_title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 15px 10px;
}

.entry_level_guide .guide_title .guide_title_content {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.entry_level_guide .guide_title .guide_title_content .guide_title_text {
	font-size: 15px;
	line-height: 20px;
	font-weight: 800;
	color: #444;
}

.fs2 .entry_level_guide .guide_title .guide_title_content .guide_title_text {
	font-size: 16px;
}

.fs3 .entry_level_guide .guide_title .guide_title_content .guide_title_text {
	font-size: 17px;
}

.fs4 .entry_level_guide .guide_title .guide_title_content .guide_title_text {
	font-size: 18px;
}

.fs2 .entry_level_guide .guide_title .guide_title_content .guide_title_text {
	line-height: 21px;
}

.fs3 .entry_level_guide .guide_title .guide_title_content .guide_title_text {
	line-height: 22px;
}

.is-darkmode .entry_level_guide .guide_title .guide_title_content .guide_title_text {
	color: #fff;
}

.entry_level_guide .guide_title .guide_title_content .guide_title_badge {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 2px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	background-color: #d80708;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	font-size: 10px;
	line-height: 13px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.fs2 .entry_level_guide .guide_title .guide_title_content .guide_title_badge {
	font-size: 11px;
}

.fs3 .entry_level_guide .guide_title .guide_title_content .guide_title_badge {
	font-size: 12px;
}

.fs4 .entry_level_guide .guide_title .guide_title_content .guide_title_badge {
	font-size: 13px;
}

.fs2 .entry_level_guide .guide_title .guide_title_content .guide_title_badge {
	line-height: 14px;
}

.fs3 .entry_level_guide .guide_title .guide_title_content .guide_title_badge {
	line-height: 15px;
}

.entry_level_guide .guide_title .guide_title_content .arrow_btn_left {
	background-position: -130px -164px;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_left {
	background-position: -261px -278px;
	width: 24px;
	height: 24px;
}

.entry_level_guide .guide_title .guide_title_content .arrow_btn_left.is-disabled {
	background-position: -26px -164px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_left.is-disabled {
	background-position: -79px -278px;
	width: 24px;
	height: 24px;
}

.entry_level_guide .guide_title .guide_title_content .arrow_btn_right {
	background-position: -78px -164px;
	width: 24px;
	height: 24px;
	-webkit-transform: translateX(-3px);
	    -ms-transform: translateX(-3px);
	        transform: translateX(-3px);
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_right {
	background-position: -53px -278px;
	width: 24px;
	height: 24px;
}

.entry_level_guide .guide_title .guide_title_content .arrow_btn_right.is-disabled {
	background-position: -118px -122px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .entry_level_guide .guide_title .guide_title_content .arrow_btn_right.is-disabled {
	background-position: -235px -278px;
	width: 24px;
	height: 24px;
}

.entry_level_guide .guide_title .guide_actions {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	gap: 10px;
}

.entry_level_guide .guide_title .guide_actions .guide_action_btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 3px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.3px;
	font-weight: 500;
	color: #666;
	min-width: 73px;
	padding: 6px 11px;
	border: 1px solid #e0dfe0;
	cursor: pointer;
}

.fs2 .entry_level_guide .guide_title .guide_actions .guide_action_btn {
	font-size: 13px;
}

.fs3 .entry_level_guide .guide_title .guide_actions .guide_action_btn {
	font-size: 14px;
}

.fs4 .entry_level_guide .guide_title .guide_actions .guide_action_btn {
	font-size: 15px;
}

.fs2 .entry_level_guide .guide_title .guide_actions .guide_action_btn {
	line-height: 15px;
}

.fs3 .entry_level_guide .guide_title .guide_actions .guide_action_btn {
	line-height: 16px;
}

.entry_level_guide .guide_title .guide_actions .guide_action_btn::after {
	content: '';
	display: inline-block;
	background-position: -85px -167px;
	width: 8px;
	height: 5px;
}

.is-darkmode .entry_level_guide .guide_title .guide_actions .guide_action_btn {
	color: #d9d9d9;
	border-color: #464646;
}

.entry_level_guide .guide_title .guide_actions .guide_action_btn.previous_version::after {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.entry_level_guide .guide_title .guide_actions .guide_action_btn.fold::after {
	-webkit-transform: translateX(-1px);
	    -ms-transform: translateX(-1px);
	        transform: translateX(-1px);
}

.entry_level_guide .guide_card {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 13px;
	padding: 0 15px;
	overflow-x: hidden;
}

.entry_level_guide .guide_card::-webkit-scrollbar {
	display: none;
}

.entry_level_guide .guide_card .guide_card_item {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 178px;
	padding: 20px 14px 20px 20px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	cursor: pointer;
}

.entry_level_guide .guide_card .guide_card_item .card_link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}

.entry_level_guide .guide_card .guide_card_item .card_text {
	display: inline-block;
}

.entry_level_guide .guide_card .guide_card_item .card_img {
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 40px;
	height: 40px;
}

.entry_level_guide .guide_card .guide_card_item .card_desc {
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
	color: #666;
	margin-bottom: 2px;
}

.fs2 .entry_level_guide .guide_card .guide_card_item .card_desc {
	font-size: 14px;
}

.fs3 .entry_level_guide .guide_card .guide_card_item .card_desc {
	font-size: 15px;
}

.fs4 .entry_level_guide .guide_card .guide_card_item .card_desc {
	font-size: 16px;
}

.fs2 .entry_level_guide .guide_card .guide_card_item .card_desc {
	line-height: 17px;
}

.fs3 .entry_level_guide .guide_card .guide_card_item .card_desc {
	line-height: 18px;
}

.is-darkmode .entry_level_guide .guide_card .guide_card_item .card_desc {
	color: #e1e1e1;
}

.entry_level_guide .guide_card .guide_card_item .card_heading {
	font-size: 14px;
	line-height: 17px;
	font-weight: 600;
	color: #222;
}

.fs2 .entry_level_guide .guide_card .guide_card_item .card_heading {
	font-size: 15px;
}

.fs3 .entry_level_guide .guide_card .guide_card_item .card_heading {
	font-size: 16px;
}

.fs4 .entry_level_guide .guide_card .guide_card_item .card_heading {
	font-size: 17px;
}

.fs2 .entry_level_guide .guide_card .guide_card_item .card_heading {
	line-height: 18px;
}

.fs3 .entry_level_guide .guide_card .guide_card_item .card_heading {
	line-height: 19px;
}

.is-darkmode .entry_level_guide .guide_card .guide_card_item .card_heading {
	color: #fff;
}

.entry_level_guide .guide_tip {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	padding: 16px 20px 0;
}

.entry_level_guide .guide_tip .guide_tip_badge {
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	width: 28px;
	height: 19px;
	background-color: #ff5b5b;
	-webkit-border-radius: 9px;
	        border-radius: 9px;
	font-size: 13px;
	line-height: 19px;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

.fs2 .entry_level_guide .guide_tip .guide_tip_badge {
	font-size: 14px;
}

.fs3 .entry_level_guide .guide_tip .guide_tip_badge {
	font-size: 15px;
}

.fs4 .entry_level_guide .guide_tip .guide_tip_badge {
	font-size: 16px;
}

.fs2 .entry_level_guide .guide_tip .guide_tip_badge {
	line-height: 20px;
}

.fs3 .entry_level_guide .guide_tip .guide_tip_badge {
	line-height: 21px;
}

.entry_level_guide .guide_tip .guide_tip_desc {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #222;
}

.fs2 .entry_level_guide .guide_tip .guide_tip_desc {
	font-size: 15px;
}

.fs3 .entry_level_guide .guide_tip .guide_tip_desc {
	font-size: 16px;
}

.fs4 .entry_level_guide .guide_tip .guide_tip_desc {
	font-size: 17px;
}

.fs2 .entry_level_guide .guide_tip .guide_tip_desc {
	line-height: 23px;
}

.fs3 .entry_level_guide .guide_tip .guide_tip_desc {
	line-height: 24px;
}

.is-darkmode .entry_level_guide .guide_tip .guide_tip_desc {
	color: rgba(255, 255, 255, 0.7);
}

.entry_level_guide .guide_tip .guide_tip_desc .guide_tip_link {
	color: #4a74c7;
	text-decoration: underline;
}

.is-darkmode .entry_level_guide .guide_tip .guide_tip_desc .guide_tip_link {
	color: #aac2ff;
}

.entry_level_guide_collapsed {
	border-top: 1px solid #f0f0f0;
}

.is-darkmode .entry_level_guide_collapsed {
	border-color: #333435;
}

.entry_level_guide_collapsed .collapse_card {
	padding: 12px 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.entry_level_guide_collapsed .collapse_card .info {
	font-size: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
}

.fs2 .entry_level_guide_collapsed .collapse_card .info {
	font-size: 16px;
}

.fs3 .entry_level_guide_collapsed .collapse_card .info {
	font-size: 17px;
}

.fs4 .entry_level_guide_collapsed .collapse_card .info {
	font-size: 18px;
}

.entry_level_guide_collapsed .collapse_card .info .img {
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.entry_level_guide_collapsed .collapse_card .info .heading {
	font-weight: 600;
	color: #222;
	letter-spacing: -0.5px;
}

.is-darkmode .entry_level_guide_collapsed .collapse_card .info .heading {
	color: #fff;
}

.entry_level_guide_collapsed .collapse_card .info .desc {
	color: #888;
	letter-spacing: -0.5px;
}

.is-darkmode .entry_level_guide_collapsed .collapse_card .info .desc {
	color: #e1e1e1;
}

.entry_level_guide_collapsed .collapse_card .action_btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	height: 28px;
	padding: 6px 11px;
	border: 1px solid #e0dfe0;
	font-size: 13px;
	font-weight: 500;
	color: #666;
}

.fs2 .entry_level_guide_collapsed .collapse_card .action_btn {
	font-size: 14px;
}

.fs3 .entry_level_guide_collapsed .collapse_card .action_btn {
	font-size: 15px;
}

.fs4 .entry_level_guide_collapsed .collapse_card .action_btn {
	font-size: 16px;
}

.entry_level_guide_collapsed .collapse_card .action_btn:after {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	content: '';
	background-position: -187px -18px;
	width: 8px;
	height: 5px;
}

.is-darkmode .entry_level_guide_collapsed .collapse_card .action_btn {
	color: #e1e1e1;
	border-color: rgba(216, 220, 226, 0.6);
}

.is-darkmode .entry_level_guide_collapsed .collapse_card .action_btn:after {
	background-position: -187px -4px;
	width: 8px;
	height: 6px;
}

.entry_level_guide_collapsed .collapse_card .action_btn.previous_version_btn:after {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.entry_level_guide .guide_card_item.levels,
.entry_level_guide_collapsed .collapse_card.levels {
	background-color: #fffaf0;
}

.is-darkmode .entry_level_guide .guide_card_item.levels, .is-darkmode
.entry_level_guide_collapsed .collapse_card.levels {
	background-color: #a9721b;
}

.entry_level_guide .guide_card_item.levels .img,
.entry_level_guide .guide_card_item.levels .card_img,
.entry_level_guide_collapsed .collapse_card.levels .img,
.entry_level_guide_collapsed .collapse_card.levels .card_img {
	background-position: -115px -342px;
	width: 40px;
	height: 40px;
}

.is-darkmode .entry_level_guide .guide_card_item.levels .img, .is-darkmode
.entry_level_guide .guide_card_item.levels .card_img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.levels .img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.levels .card_img {
	background-position: -241px -106px;
	width: 40px;
	height: 40px;
}

.entry_level_guide .guide_card_item.confusing_words,
.entry_level_guide_collapsed .collapse_card.confusing_words {
	background-color: #ecfffd;
}

.is-darkmode .entry_level_guide .guide_card_item.confusing_words, .is-darkmode
.entry_level_guide_collapsed .collapse_card.confusing_words {
	background-color: #4a88a4;
}

.entry_level_guide .guide_card_item.confusing_words .img,
.entry_level_guide .guide_card_item.confusing_words .card_img,
.entry_level_guide_collapsed .collapse_card.confusing_words .img,
.entry_level_guide_collapsed .collapse_card.confusing_words .card_img {
	background-position: -157px -342px;
	width: 40px;
	height: 40px;
}

.is-darkmode .entry_level_guide .guide_card_item.confusing_words .img, .is-darkmode
.entry_level_guide .guide_card_item.confusing_words .card_img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.confusing_words .img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.confusing_words .card_img {
	background-position: -199px -64px;
	width: 40px;
	height: 40px;
}

.entry_level_guide .guide_card_item.quiz,
.entry_level_guide_collapsed .collapse_card.quiz {
	background-color: #fcf9ff;
}

.is-darkmode .entry_level_guide .guide_card_item.quiz, .is-darkmode
.entry_level_guide_collapsed .collapse_card.quiz {
	background-color: #8d4b7d;
}

.entry_level_guide .guide_card_item.quiz .img,
.entry_level_guide .guide_card_item.quiz .card_img,
.entry_level_guide_collapsed .collapse_card.quiz .img,
.entry_level_guide_collapsed .collapse_card.quiz .card_img {
	background-position: -241px -342px;
	width: 40px;
	height: 40px;
}

.is-darkmode .entry_level_guide .guide_card_item.quiz .img, .is-darkmode
.entry_level_guide .guide_card_item.quiz .card_img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.quiz .img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.quiz .card_img {
	background-position: -199px -106px;
	width: 40px;
	height: 40px;
}

.entry_level_guide .guide_card_item.pronunciation,
.entry_level_guide_collapsed .collapse_card.pronunciation {
	background-color: #f9fffa;
}

.is-darkmode .entry_level_guide .guide_card_item.pronunciation, .is-darkmode
.entry_level_guide_collapsed .collapse_card.pronunciation {
	background-color: #10683e;
}

.entry_level_guide .guide_card_item.pronunciation .img,
.entry_level_guide .guide_card_item.pronunciation .card_img,
.entry_level_guide_collapsed .collapse_card.pronunciation .img,
.entry_level_guide_collapsed .collapse_card.pronunciation .card_img {
	background-position: -441px -253px;
	width: 40px;
	height: 40px;
}

.is-darkmode .entry_level_guide .guide_card_item.pronunciation .img, .is-darkmode
.entry_level_guide .guide_card_item.pronunciation .card_img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.pronunciation .img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.pronunciation .card_img {
	background-position: -199px -22px;
	width: 40px;
	height: 40px;
}

.entry_level_guide .guide_card_item.notification,
.entry_level_guide_collapsed .collapse_card.notification {
	background-color: #fff9fb;
}

.is-darkmode .entry_level_guide .guide_card_item.notification, .is-darkmode
.entry_level_guide_collapsed .collapse_card.notification {
	background-color: #ae562c;
}

.entry_level_guide .guide_card_item.notification .img,
.entry_level_guide .guide_card_item.notification .card_img,
.entry_level_guide_collapsed .collapse_card.notification .img,
.entry_level_guide_collapsed .collapse_card.notification .card_img {
	background-position: -399px -253px;
	width: 40px;
	height: 40px;
}

.is-darkmode .entry_level_guide .guide_card_item.notification .img, .is-darkmode
.entry_level_guide .guide_card_item.notification .card_img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.notification .img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.notification .card_img {
	background-position: -241px -64px;
	width: 40px;
	height: 40px;
}

.entry_level_guide .guide_card_item.progress,
.entry_level_guide_collapsed .collapse_card.progress {
	background-color: #f9faff;
}

.is-darkmode .entry_level_guide .guide_card_item.progress, .is-darkmode
.entry_level_guide_collapsed .collapse_card.progress {
	background-color: #366295;
}

.entry_level_guide .guide_card_item.progress .img,
.entry_level_guide .guide_card_item.progress .card_img,
.entry_level_guide_collapsed .collapse_card.progress .img,
.entry_level_guide_collapsed .collapse_card.progress .card_img {
	background-position: -231px -210px;
	width: 40px;
	height: 40px;
}

.is-darkmode .entry_level_guide .guide_card_item.progress .img, .is-darkmode
.entry_level_guide .guide_card_item.progress .card_img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.progress .img, .is-darkmode
.entry_level_guide_collapsed .collapse_card.progress .card_img {
	background-position: -241px -22px;
	width: 40px;
	height: 40px;
}

.section_mean .component_mean.important_words,
.section_mean .component_mean.idiom_revision {
	padding-bottom: 0;
}

.section_mean .select_level_important_words {
	margin: 10px 0 10px -15px;
	height: 40px;
	-webkit-border-radius: 70px;
	        border-radius: 70px;
	border: 1px solid #e3e3e3;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.is-darkmode .section_mean .select_level_important_words {
	border-color: rgba(216, 220, 226, 0.1);
}

.section_mean .select_level_important_words .level_item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-left: 4px;
}

.section_mean .select_level_important_words .level_item:nth-of-type(1) {
	margin-left: 3px;
}

.section_mean .select_level_important_words .level_item:nth-of-type(3) {
	margin-right: 3px;
}

.section_mean .select_level_important_words .level_item .label_level {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	padding: 8px 20px;
	-webkit-border-radius: 30px;
	        border-radius: 30px;
	color: #8f8f8f;
	letter-spacing: -0.2px;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.fs2 .section_mean .select_level_important_words .level_item .label_level {
	font-size: 16px;
}

.fs3 .section_mean .select_level_important_words .level_item .label_level {
	font-size: 17px;
}

.fs4 .section_mean .select_level_important_words .level_item .label_level {
	font-size: 18px;
}

.section_mean .select_level_important_words .level_item .label_level::before {
	content: '';
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	margin-right: 4px;
	background-position: -195px -479px;
	width: 10px;
	height: 8px;
	-webkit-transition: background-color 150ms ease-in-out;
	transition: background-color 150ms ease-in-out;
}

.is-darkmode .section_mean .select_level_important_words .level_item .label_level::before {
	background-position: -357px -242px;
	width: 10px;
	height: 8px;
}

.is-darkmode .section_mean .select_level_important_words .level_item .label_level {
	color: rgba(255, 255, 255, 0.8);
}

.section_mean .select_level_important_words .level_item.is-active .label_level {
	color: #fff;
	font-weight: 700;
	background-color: #03a94d;
}

.section_mean .select_level_important_words .level_item.is-active .label_level:before {
	background-position: -183px -479px;
	width: 11px;
	height: 8px;
}

.section_mean .select_level_important_words .level_item.is-disabled {
	cursor: not-allowed;
}

.section_mean .select_level_important_words .level_item.is-disabled .label_level {
	color: #c5c5c5;
}

.is-darkmode .section_mean .select_level_important_words .level_item.is-disabled .label_level {
	color: rgba(255, 255, 255, 0.3);
}

.section_mean .select_level_important_words .level_item.is-disabled .label_level:before {
	display: none;
}

.section_mean .mean_tray.important_words .mean_list {
	margin-top: 10px;
}

.section_mean .mean_tray.important_words .mean_list .mean_list {
	margin-top: 10px;
}

.section_mean .mean_tray.important_words .mean_list.my_mean_list {
	margin-top: 10px;
	padding-bottom: 38px;
	border-bottom: 1px solid #cacccc;
}

.is-darkmode .section_mean .mean_tray.important_words .mean_list.my_mean_list {
	border-color: #333435;
}

.section_mean .mean_tray.important_words .mean_list.my_mean_list:has(+ .mean_info) {
	border-bottom: 0;
	padding-bottom: 0;
}

.section_mean .mean_tray.important_words .mean_item.my_mean_item {
	padding-left: 0;
}

.section_mean .mean_tray.important_words .mean_item.my_mean_item .my_mean_item {
	padding-left: 21px;
}

.section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	font-size: 11px;
	line-height: 13px;
	letter-spacing: -0.4px;
	font-weight: 500;
	color: #000;
	background-color: #f6f8fa;
	padding: 2px 6px;
	-webkit-border-radius: 0;
	        border-radius: 0;
	display: inline-block;
	width: -webkit-fit-content;
	width: fit-content;
	border: none;
}

.fs2 .section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	font-size: 12px;
}

.fs3 .section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	font-size: 13px;
}

.fs4 .section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	font-size: 14px;
}

.fs2 .section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	line-height: 14px;
}

.fs3 .section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	line-height: 15px;
}

.is-darkmode .section_mean .mean_tray.important_words .mean_item.my_mean_item .mean_desc .label_grade {
	color: rgba(255, 255, 255, 0.8);
	background-color: #282c30;
}

.section_mean .mean_tray.important_words .part_area {
	margin: 24px 0 0;
}

.section_mean .mean_tray.important_words .part_area .part_speech {
	color: #6881a1;
}

.is-darkmode .section_mean .mean_tray.important_words .part_area .part_speech {
	color: #abc3e3;
}

.section_mean .mean_tray.important_words .mean_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	margin-top: 36px;
	padding-bottom: 24px;
	font-size: 13px;
	line-height: 16px;
	color: #8f8f8f;
	font-weight: 500;
}

.fs2 .section_mean .mean_tray.important_words .mean_info {
	font-size: 14px;
}

.fs3 .section_mean .mean_tray.important_words .mean_info {
	font-size: 15px;
}

.fs4 .section_mean .mean_tray.important_words .mean_info {
	font-size: 16px;
}

.fs2 .section_mean .mean_tray.important_words .mean_info {
	line-height: 17px;
}

.fs3 .section_mean .mean_tray.important_words .mean_info {
	line-height: 18px;
}

.section_mean .mean_tray.important_words .mean_info .mean_total {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 8px;
}

.section_mean .mean_tray.important_words .mean_info .mean_total .mean_total_level {
	text-decoration: underline;
}

.section_mean .mean_tray.important_words .mean_info .mean_total + .source {
	display: inline-block;
}

.is-darkmode .section_mean .mean_tray.important_words .mean_info .mean_total + .source {
	color: #8f8f8f;
}

.section_mean .mean_tray.important_words .image_expansion {
	padding: 24px 0 38px;
	border-top: 1px solid #f0f0f0;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion {
	border-color: #333435;
}

.section_mean .mean_tray.important_words .image_expansion .component_image {
	padding-top: 0;
	-webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	        transform: translateY(-10px);
}

.section_mean .mean_tray.important_words .image_expansion .component_image .tray {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow-x: hidden;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .tray_inner {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-bottom: 0;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .tray_inner .item {
	margin-left: 27px;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .tray_inner .item:nth-child(4n + 1) {
	margin-left: 0;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .pagination {
	margin-top: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left {
	background-position: -130px -164px;
	width: 24px;
	height: 24px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left {
	background-position: -261px -278px;
	width: 24px;
	height: 24px;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left.is-disabled {
	background-position: -26px -164px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_left.is-disabled {
	background-position: -79px -278px;
	width: 24px;
	height: 24px;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right {
	background-position: -78px -164px;
	width: 24px;
	height: 24px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right {
	background-position: -53px -278px;
	width: 24px;
	height: 24px;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right.is-disabled {
	background-position: -118px -122px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .arrow_btn_right.is-disabled {
	background-position: -235px -278px;
	width: 24px;
	height: 24px;
}

.section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-weight: 500;
}

.fs2 .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	font-size: 13px;
}

.fs3 .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	font-size: 14px;
}

.fs4 .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	font-size: 15px;
}

.fs2 .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	line-height: 17px;
}

.fs3 .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	line-height: 18px;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .component_image .pagination .pagination_count {
	color: #999;
}

.section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}

.fs2 .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	font-size: 15px;
}

.fs3 .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	font-size: 16px;
}

.fs4 .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	font-size: 17px;
}

.fs2 .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	line-height: 21px;
}

.fs3 .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	line-height: 22px;
}

.section_mean .mean_tray.important_words .image_expansion .kokodict_meaning .domain {
	color: #888;
}

.section_mean .mean_tray.important_words .image_expansion .kokodict_meaning .more_btn {
	display: none;
	color: #888;
	text-decoration: underline;
	cursor: pointer;
}

.section_mean .mean_tray.important_words .image_expansion .kokodict_meaning.is-overflow {
	position: relative;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section_mean .mean_tray.important_words .image_expansion .kokodict_meaning.is-overflow:before {
	content: '';
	float: right;
	width: 40px;
	height: 40px;
	-webkit-shape-outside: inset(-webkit-calc(100% - 18px) 0 0 0);
	        shape-outside: inset(calc(100% - 18px) 0 0 0);
}

.section_mean .mean_tray.important_words .image_expansion .kokodict_meaning.is-overflow .more_btn {
	position: absolute;
	bottom: 3px;
	right: 0;
	display: inline-block;
	padding-left: 6px;
	color: #888;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: underline;
	text-decoration-thickness: from-font;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning {
	color: #fff;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .kokodict_meaning .domain {
	color: #999;
}

.section_mean .mean_tray.important_words .image_expansion .reference_link {
	font-size: 13px;
	line-height: 16px;
	color: #8f8f8f;
	font-weight: 500;
	text-decoration: underline;
	margin-top: 20px;
}

.fs2 .section_mean .mean_tray.important_words .image_expansion .reference_link {
	font-size: 14px;
}

.fs3 .section_mean .mean_tray.important_words .image_expansion .reference_link {
	font-size: 15px;
}

.fs4 .section_mean .mean_tray.important_words .image_expansion .reference_link {
	font-size: 16px;
}

.fs2 .section_mean .mean_tray.important_words .image_expansion .reference_link {
	line-height: 17px;
}

.fs3 .section_mean .mean_tray.important_words .image_expansion .reference_link {
	line-height: 18px;
}

.is-darkmode .section_mean .mean_tray.important_words .image_expansion .reference_link {
	color: #999;
}

.section_mean .mean_tray.important_words .image_expansion .reference_link .link {
	margin-right: 8px;
}

.section_mean .mean_tray.important_words .image_expansion .reference_link .link:last-child {
	margin-right: 0;
}

.section_example .section_title .number {
	font-size: 12px;
	line-height: 19px;
	font-weight: 400;
	color: #666;
	margin-left: 4px;
}

.fs2 .section_example .section_title .number {
	font-size: 13px;
}

.fs3 .section_example .section_title .number {
	font-size: 14px;
}

.fs4 .section_example .section_title .number {
	font-size: 15px;
}

.fs2 .section_example .section_title .number {
	line-height: 20px;
}

.fs3 .section_example .section_title .number {
	line-height: 21px;
}

.is-darkmode .section_example .section_title .number {
	color: #999;
}

.section_example .component_example {
	padding: 20px 0 30px 15px;
}

.section_example .component_example + .btn_expand {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 4px;
	width: 100%;
	padding: 12px 0 12px;
	color: #666;
	font-size: 12px;
	line-height: 14px;
}

.fs2 .section_example .component_example + .btn_expand {
	font-size: 13px;
}

.fs3 .section_example .component_example + .btn_expand {
	font-size: 14px;
}

.fs4 .section_example .component_example + .btn_expand {
	font-size: 15px;
}

.fs2 .section_example .component_example + .btn_expand {
	line-height: 15px;
}

.fs3 .section_example .component_example + .btn_expand {
	line-height: 16px;
}

.section_example .component_example + .btn_expand::after {
	display: inline-block;
	background-position: -187px -18px;
	width: 8px;
	height: 5px;
	content: '';
}

.section_example .component_example + .btn_expand.is-opened::after {
	background-position: -85px -167px;
	width: 8px;
	height: 5px;
}

.section_example.idiom_revision {
	padding: 0;
}

.section_example.idiom_revision .row:first-child {
	padding-top: 20px;
}

.section_example.idiom_revision .row > .origin .text,
.section_example.idiom_revision .row > .origin .link {
	font-weight: 400;
}

.section_example.idiom_revision .row > .origin .unit_listen {
	margin: 2px 0 4px 5px;
}

.section_example.idiom_revision .row .translate {
	margin-top: 1px;
}

.section_example.idiom_revision .row .translate .text,
.section_example.idiom_revision .row .translate .link {
	color: #666;
	font-weight: 400;
	letter-spacing: -0.4px;
}

.is-darkmode .section_example.idiom_revision .row .translate .text, .is-darkmode
.section_example.idiom_revision .row .translate .link {
	color: #d9d9d9;
}

.section_example.idiom_revision .row .source {
	margin-top: 8px;
}

.is-darkmode .section_example.idiom_revision .highlight {
	background-color: unset;
	color: #3288ff;
}

.section_keyword.important_words:has(.select_wrap) .section_title {
	margin-top: 30px;
}

.section_example.idiom_revision .row .translate .text,
.section_example.idiom_revision .row .translate .link {
	line-height: 24px;
	color: #000;
}

.is-darkmode .section_example.idiom_revision .row .translate .text, .is-darkmode
.section_example.idiom_revision .row .translate .link {
	color: #d9d9d9;
}

.section_keyword.important_words .words_idioms .image_expansion {
	padding: 24px 0 38px;
	border-top: 1px solid #f0f0f0;
	margin-top: 24px;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion {
	border-color: #333435;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image {
	padding-top: 0;
	-webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	        transform: translateY(-10px);
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .tray {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow-x: hidden;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .tray_inner {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-bottom: 0;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .tray_inner .item {
	margin-left: 27px;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .tray_inner .item:nth-child(4n + 1) {
	margin-left: 0;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .pagination {
	margin-top: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left {
	background-position: -130px -164px;
	width: 24px;
	height: 24px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left {
	background-position: -261px -278px;
	width: 24px;
	height: 24px;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left.is-disabled {
	background-position: -26px -164px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_left.is-disabled {
	background-position: -79px -278px;
	width: 24px;
	height: 24px;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right {
	background-position: -78px -164px;
	width: 24px;
	height: 24px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right {
	background-position: -53px -278px;
	width: 24px;
	height: 24px;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right.is-disabled {
	background-position: -118px -122px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .arrow_btn_right.is-disabled {
	background-position: -235px -278px;
	width: 24px;
	height: 24px;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-weight: 500;
}

.fs2 .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	font-size: 13px;
}

.fs3 .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	font-size: 14px;
}

.fs4 .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	font-size: 15px;
}

.fs2 .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	line-height: 17px;
}

.fs3 .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	line-height: 18px;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .component_image .pagination .pagination_count {
	color: #999;
}

.section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}

.fs2 .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	font-size: 15px;
}

.fs3 .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	font-size: 16px;
}

.fs4 .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	font-size: 17px;
}

.fs2 .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	line-height: 21px;
}

.fs3 .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	line-height: 22px;
}

.section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning .domain {
	color: #888;
}

.section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning .more_btn {
	display: none;
	color: #888;
	text-decoration: underline;
	cursor: pointer;
}

.section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning.is-overflow {
	position: relative;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning.is-overflow:before {
	content: '';
	float: right;
	width: 40px;
	height: 40px;
	-webkit-shape-outside: inset(-webkit-calc(100% - 18px) 0 0 0);
	        shape-outside: inset(calc(100% - 18px) 0 0 0);
}

.section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning.is-overflow .more_btn {
	position: absolute;
	bottom: 3px;
	right: 0;
	display: inline-block;
	padding-left: 6px;
	color: #888;
	font-weight: 500;
	white-space: nowrap;
	text-decoration: underline;
	text-decoration-thickness: from-font;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning {
	color: #fff;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .kokodict_meaning .domain {
	color: #999;
}

.section_keyword.important_words .words_idioms .image_expansion .reference_link {
	font-size: 13px;
	line-height: 16px;
	color: #8f8f8f;
	font-weight: 500;
	text-decoration: underline;
	margin-top: 20px;
}

.fs2 .section_keyword.important_words .words_idioms .image_expansion .reference_link {
	font-size: 14px;
}

.fs3 .section_keyword.important_words .words_idioms .image_expansion .reference_link {
	font-size: 15px;
}

.fs4 .section_keyword.important_words .words_idioms .image_expansion .reference_link {
	font-size: 16px;
}

.fs2 .section_keyword.important_words .words_idioms .image_expansion .reference_link {
	line-height: 17px;
}

.fs3 .section_keyword.important_words .words_idioms .image_expansion .reference_link {
	line-height: 18px;
}

.is-darkmode .section_keyword.important_words .words_idioms .image_expansion .reference_link {
	color: #999;
}

.section_keyword.important_words .words_idioms .image_expansion .reference_link .link {
	margin-right: 8px;
}

.section_keyword.important_words .words_idioms .image_expansion .reference_link .link:last-child {
	margin-right: 0;
}

.section_keyword.important_words .words_idioms .image_expansion .component_image {
	padding-left: 0;
}

.section_keyword.important_words .component_keyword:has(.image_expansion) {
	padding-bottom: 0;
}

.section_quiz .quiz_content {
	position: relative;
	padding: 20px 16px;
	margin: 20px 15px 38px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.is-darkmode .section_quiz .quiz_content {
	border: 0;
	background-color: #2c2d30;
}

.section_quiz .quiz_content .hover_wrap {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.1);
}

.is-darkmode .section_quiz .quiz_content .hover_wrap {
	background-color: rgba(255, 255, 255, 0.1);
}

.section_quiz .quiz_content:hover .hover_wrap {
	opacity: 1;
	pointer-events: auto;
}

.section_quiz .quiz_content:hover .hover_btn {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
	padding: 12px 35px;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	background-color: #183685;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 6px;
}

.fs2 .section_quiz .quiz_content:hover .hover_btn {
	font-size: 17px;
}

.fs3 .section_quiz .quiz_content:hover .hover_btn {
	font-size: 18px;
}

.fs4 .section_quiz .quiz_content:hover .hover_btn {
	font-size: 19px;
}

.fs2 .section_quiz .quiz_content:hover .hover_btn {
	line-height: 25px;
}

.fs3 .section_quiz .quiz_content:hover .hover_btn {
	line-height: 26px;
}

.is-darkmode .section_quiz .quiz_content:hover .hover_btn {
	background-color: #3288ff;
}

.section_quiz .quiz_content:hover .hover_btn::after {
	content: '';
	display: inline-block;
	background-position: -523px -163px;
	width: 12px;
	height: 18px;
}

.section_quiz .quiz_timer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 20px;
}

.section_quiz .quiz_timer .quiz_timer_icon {
	display: inline-block;
	width: 32px;
	height: 32px;
}

.section_quiz .quiz_timer .quiz_timer_text {
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: #3d94ff;
	margin-left: 8px;
}

.fs2 .section_quiz .quiz_timer .quiz_timer_text {
	font-size: 16px;
}

.fs3 .section_quiz .quiz_timer .quiz_timer_text {
	font-size: 17px;
}

.fs4 .section_quiz .quiz_timer .quiz_timer_text {
	font-size: 18px;
}

.fs2 .section_quiz .quiz_timer .quiz_timer_text {
	line-height: 19px;
}

.fs3 .section_quiz .quiz_timer .quiz_timer_text {
	line-height: 20px;
}

.section_quiz .quiz_timer .visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.section_quiz .quiz_question {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 20px;
}

.section_quiz .quiz_question .quiz_question_text {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	text-align: center;
}

.fs2 .section_quiz .quiz_question .quiz_question_text {
	font-size: 17px;
}

.fs3 .section_quiz .quiz_question .quiz_question_text {
	font-size: 18px;
}

.fs4 .section_quiz .quiz_question .quiz_question_text {
	font-size: 19px;
}

.fs2 .section_quiz .quiz_question .quiz_question_text {
	line-height: 25px;
}

.fs3 .section_quiz .quiz_question .quiz_question_text {
	line-height: 26px;
}

.is-darkmode .section_quiz .quiz_question .quiz_question_text {
	color: rgba(255, 255, 255, 0.8);
}

.section_quiz .quiz_question .quiz_question_icon {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	background-position: -311px -384px;
	width: 24px;
	height: 24px;
}

.is-darkmode .section_quiz .quiz_question .quiz_question_icon {
	background-position: -173px -173px;
	width: 25px;
	height: 24px;
}

.section_quiz .quiz_choices {
	list-style: none;
	padding: 0;
	margin: 0;
}

.section_quiz .quiz_choice {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #f6f8fa;
	-webkit-border-radius: 9px;
	        border-radius: 9px;
	padding: 15px 16px;
	margin-bottom: 8px;
	cursor: pointer;
	border: none;
	outline: none;
	white-space: nowrap;
}

.is-darkmode .section_quiz .quiz_choice {
	background: #3b3c3f;
}

.section_quiz .quiz_choice::before {
	content: '';
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	margin-right: 16px;
	background-position: -523px -376px;
	width: 16px;
	height: 12px;
}

.is-darkmode .section_quiz .quiz_choice::before {
	background-position: -350px -370px;
	width: 16px;
	height: 12px;
}

.section_quiz .quiz_choice .quiz_choice_text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
}

.fs2 .section_quiz .quiz_choice .quiz_choice_text {
	font-size: 16px;
}

.fs3 .section_quiz .quiz_choice .quiz_choice_text {
	font-size: 17px;
}

.fs4 .section_quiz .quiz_choice .quiz_choice_text {
	font-size: 18px;
}

.fs2 .section_quiz .quiz_choice .quiz_choice_text {
	line-height: 19px;
}

.fs3 .section_quiz .quiz_choice .quiz_choice_text {
	line-height: 20px;
}

.is-darkmode .section_quiz .quiz_choice .quiz_choice_text {
	color: rgba(255, 255, 255, 0.8);
}

.section_quiz .quiz_choice:last-child {
	margin-bottom: 0;
}

.section_challenge_new_words {
	color: #000;
}

.section_challenge_new_words .section_title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 15px;
}

.section_challenge_new_words .section_title .refresh_btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 4px;
	color: #666;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.4px;
	font-weight: 500;
}

.fs2 .section_challenge_new_words .section_title .refresh_btn {
	font-size: 13px;
}

.fs3 .section_challenge_new_words .section_title .refresh_btn {
	font-size: 14px;
}

.fs4 .section_challenge_new_words .section_title .refresh_btn {
	font-size: 15px;
}

.fs2 .section_challenge_new_words .section_title .refresh_btn {
	line-height: 19px;
}

.fs3 .section_challenge_new_words .section_title .refresh_btn {
	line-height: 20px;
}

.is-darkmode .section_challenge_new_words .section_title .refresh_btn {
	color: #d9d9d9;
}

.section_challenge_new_words .section_title .refresh_btn::before {
	content: '';
	display: inline-block;
	background-position: -365px -457px;
	width: 18px;
	height: 18px;
}

.is-darkmode .section_challenge_new_words .section_title .refresh_btn::before {
	background-position: -103px -327px;
	width: 18px;
	height: 18px;
}

.section_challenge_new_words .component_challenge_new_words {
	margin: 15px 15px 38px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.is-darkmode .section_challenge_new_words .component_challenge_new_words {
	border: 0;
	background-color: #2c2d30;
}

.section_challenge_new_words .component_challenge_new_words .word_item {
	border-top: 1px solid #edf0f2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding: 24px 16px;
}

.section_challenge_new_words .component_challenge_new_words .word_item:first-child {
	border-top: none;
}

.is-darkmode .section_challenge_new_words .component_challenge_new_words .word_item {
	border-color: #1e1f21;
}

.section_challenge_new_words .component_challenge_new_words .word_item .word_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	margin-right: 8px;
}

.fs2 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	font-size: 21px;
}

.fs3 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	font-size: 22px;
}

.fs4 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	font-size: 23px;
}

.fs2 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	line-height: 25px;
}

.fs3 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	line-height: 26px;
}

.is-darkmode .section_challenge_new_words .component_challenge_new_words .word_item .word_info .word {
	color: #fff;
}

.section_challenge_new_words .component_challenge_new_words .word_item .word_info .label {
	font-size: 13px;
	letter-spacing: -0.3px;
	font-weight: 500;
	color: #000;
	background-color: #f6f8fa;
	padding: 2px 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.fs2 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .label {
	font-size: 14px;
}

.fs3 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .label {
	font-size: 15px;
}

.fs4 .section_challenge_new_words .component_challenge_new_words .word_item .word_info .label {
	font-size: 16px;
}

.is-darkmode .section_challenge_new_words .component_challenge_new_words .word_item .word_info .label {
	color: #d9d9d9;
	background-color: #3b3c3f;
}

.section_challenge_new_words .component_challenge_new_words .word_item .view_number {
	font-size: 15px;
	font-weight: 600;
	color: #666;
	margin: 3px 0 3px auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.fs2 .section_challenge_new_words .component_challenge_new_words .word_item .view_number {
	font-size: 16px;
}

.fs3 .section_challenge_new_words .component_challenge_new_words .word_item .view_number {
	font-size: 17px;
}

.fs4 .section_challenge_new_words .component_challenge_new_words .word_item .view_number {
	font-size: 18px;
}

.is-darkmode .section_challenge_new_words .component_challenge_new_words .word_item .view_number {
	color: #d9d9d9;
}

.section_challenge_new_words .component_challenge_new_words .word_item .view_number::before {
	content: '';
	display: inline-block;
	margin-right: 4px;
	background-position: -523px -37px;
	width: 16px;
	height: 16px;
}

.section_challenge_new_words .component_challenge_new_words .word_item .view_number::after {
	content: '';
	display: inline-block;
	margin-left: 4px;
	background-position: -177px -243px;
	width: 8px;
	height: 12px;
}

.is-darkmode .section_challenge_new_words .component_challenge_new_words .word_item .view_number::after {
	background-position: -357px -45px;
	width: 8px;
	height: 12px;
}

.ai_learning.component_tab {
	height: -webkit-fit-content;
	height: fit-content;
}

.is-darkmode .ai_learning.component_tab {
	border-color: #464646;
}

.ai_learning.component_tab .tab_wrapper {
	padding: 0 9px;
}

.ai_learning.component_tab .tab_wrapper .tab {
	height: 38px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.ai_learning.component_tab .tab_wrapper .item {
	display: block;
	position: relative;
	margin: 0 7px;
	padding: 4px 8px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
}

.ai_learning.component_tab .tab_wrapper .item[aria-selected=true] {
	color: #fff;
	font-weight: 400;
	line-height: 16px;
	background-color: #03a94d;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
}

.ai_learning.component_tab .navigation .btn_expand {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.ai_learning.component_tab .navigation .btn_expand .ico {
	padding: 16px 15px;
	display: inline-block;
}

.ai_learning.component_tab .navigation .btn_expand .ico::after {
	content: '';
	display: inline-block;
	background-position: -252px -405px;
	width: 18px;
	height: 10px;
}

.ai_learning.component_tab .navigation .btn_setting_cp {
	height: 100%;
}

.ai_learning.component_tab .navigation .btn_setting_cp .ico {
	background-position: -447px -42px;
	width: 17px;
	height: 17px;
}

.ai_learning.component_tab.is-fold .tab_wrapper {
	overflow: hidden;
}

.ai_learning.component_tab.is-fold .tab_wrapper .tab_wrapper_inner {
	height: 46px;
}

.ai_learning.component_tab.is-fold .tab_wrapper .tab {
	height: 46px;
}

.ai_learning.component_tab.is-fold .navigation .btn_expand .ico::after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.section_ai_learning .tab_scroll .tab .item {
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
}

.fs2 .section_ai_learning .tab_scroll .tab .item {
	font-size: 17px;
}

.fs3 .section_ai_learning .tab_scroll .tab .item {
	font-size: 18px;
}

.fs4 .section_ai_learning .tab_scroll .tab .item {
	font-size: 19px;
}

.fs2 .section_ai_learning .tab_scroll .tab .item {
	line-height: 20px;
}

.fs3 .section_ai_learning .tab_scroll .tab .item {
	line-height: 21px;
}

.section_ai_learning .section_title {
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: -0.2px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #edf0f2;
}

.fs2 .section_ai_learning .section_title {
	font-size: 16px;
}

.fs3 .section_ai_learning .section_title {
	font-size: 17px;
}

.fs4 .section_ai_learning .section_title {
	font-size: 18px;
}

.fs2 .section_ai_learning .section_title {
	line-height: 19px;
}

.fs3 .section_ai_learning .section_title {
	line-height: 20px;
}

.is-darkmode .section_ai_learning .section_title {
	border-color: #2c2d30;
}

.section_ai_learning .section_title .title {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.section_ai_learning .section_title .title_desc {
	font-size: 14px;
	line-height: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 300;
	color: #666;
	margin: 0 auto 0 6px;
}

.fs2 .section_ai_learning .section_title .title_desc {
	font-size: 15px;
}

.fs3 .section_ai_learning .section_title .title_desc {
	font-size: 16px;
}

.fs4 .section_ai_learning .section_title .title_desc {
	font-size: 17px;
}

.fs2 .section_ai_learning .section_title .title_desc {
	line-height: 18px;
}

.fs3 .section_ai_learning .section_title .title_desc {
	line-height: 19px;
}

.is-darkmode .section_ai_learning .section_title .title_desc {
	color: #8e8e8e;
}

.section_ai_learning .section_title .btn_title_desc {
	position: relative;
	content: "";
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 6px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	cursor: pointer;
	background-position: -52px -97px;
	width: 16px;
	height: 16px;
}

.is-darkmode .section_ai_learning .section_title .btn_title_desc {
	background-position: -390px -52px;
	width: 14px;
	height: 14px;
}

.section_ai_learning .section_title .tooltip {
	left: -26px;
	top: 25px;
	width: 247px;
}

.section_ai_learning .section_title .tooltip::before {
	content: '';
	display: inline-block;
	left: 24px;
	position: absolute;
	top: -9px;
	background-position: -450px -288px;
	width: 18px;
	height: 10px;
}

.is-darkmode .section_ai_learning .section_title .tooltip::before {
	background-position: -19px -389px;
	width: 18px;
	height: 10px;
}

.section_ai_learning .section_title .tooltip .tooltip_inner {
	padding: 12px 23px 12px 14px;
}

.section_ai_learning .section_title .tooltip .desc {
	font-size: 12px;
	letter-spacing: -0.4px;
	font-weight: 400;
	text-align: left;
	color: #070707;
}

.fs2 .section_ai_learning .section_title .tooltip .desc {
	font-size: 13px;
}

.fs3 .section_ai_learning .section_title .tooltip .desc {
	font-size: 14px;
}

.fs4 .section_ai_learning .section_title .tooltip .desc {
	font-size: 15px;
}

.section_ai_learning .section_title .tooltip .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 8px 8px 5px;
}

.section_ai_learning .section_title .tooltip .btn_close::after {
	content: '';
	display: inline-block;
	background-position: -252px -496px;
	width: 12px;
	height: 12px;
}

.section_ai_learning .main_title {
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.2px;
	font-weight: 700;
	padding: 23px 15px;
	border-bottom: 1px solid #edf0f2;
}

.section_ai_learning .main_title .source_wrap {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}

.section_ai_learning .main_title .source_wrap .tooltip {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	top: 23px;
	left: -webkit-calc(50% - 155px);
	left: calc(50% - 155px);
	width: 310px;
	text-align: left;
	background-color: #fff;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 120, 255, 0.25);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
	        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
	z-index: 100;
}

.is-darkmode .section_ai_learning .main_title .source_wrap .tooltip {
	border-color: #464646;
	background-color: #27282a;
}

.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner {
	padding: 12px 14px;
}

.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.3px;
	font-weight: 700;
	color: #000;
}

.fs2 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 15px;
}

.fs3 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 16px;
}

.fs4 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 17px;
}

.fs2 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	line-height: 18px;
}

.fs3 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	line-height: 19px;
}

.is-darkmode .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_title {
	color: #fff;
}

.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_desc,
.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.4px;
}

.fs2 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs2
.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 14px;
}

.fs3 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs3
.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 15px;
}

.fs4 .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs4
.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 16px;
}

.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_desc {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 5px 0;
	color: #000;
}

.is-darkmode .section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_desc {
	color: #fff;
}

.section_ai_learning .main_title .source_wrap .tooltip .tooltip_inner .tooltip_source {
	color: #8f8f8f;
}

.section_ai_learning .main_title .source_wrap:hover > .tooltip {
	display: block;
	opacity: 1;
}

.section_ai_learning .main_title .source_number_wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	cursor: pointer;
}

.section_ai_learning .main_title .source_number_wrap .source_number {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	width: 16px;
	height: 16px;
	text-align: center;
	background-color: #f6f8fa;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: -0.4px;
	font-weight: 400;
	color: #444;
}

.fs2 .section_ai_learning .main_title .source_number_wrap .source_number {
	font-size: 10px;
}

.fs3 .section_ai_learning .main_title .source_number_wrap .source_number {
	font-size: 11px;
}

.fs4 .section_ai_learning .main_title .source_number_wrap .source_number {
	font-size: 12px;
}

.fs2 .section_ai_learning .main_title .source_number_wrap .source_number {
	line-height: 12px;
}

.fs3 .section_ai_learning .main_title .source_number_wrap .source_number {
	line-height: 13px;
}

.is-darkmode .section_ai_learning .main_title .source_number_wrap .source_number {
	background-color: #282c30;
	color: rgba(255, 255, 255, 0.7);
}

.fs2 .section_ai_learning .main_title {
	font-size: 17px;
}

.fs3 .section_ai_learning .main_title {
	font-size: 18px;
}

.fs4 .section_ai_learning .main_title {
	font-size: 19px;
}

.fs2 .section_ai_learning .main_title {
	line-height: 20px;
}

.fs3 .section_ai_learning .main_title {
	line-height: 21px;
}

.is-darkmode .section_ai_learning .main_title {
	color: #fff;
	border-color: #2c2d30;
}

.section_ai_learning .ai_learning_content {
	color: #000;
}

.is-darkmode .section_ai_learning .ai_learning_content {
	color: #fff;
}

.section_ai_learning .ai_learning_content .content {
	padding: 23px 15px 27px;
	border-bottom: 1px solid #edf0f2;
}

.is-darkmode .section_ai_learning .ai_learning_content .content {
	border-color: #2c2d30;
}

.section_ai_learning .ai_learning_content .content:has(+ .section_more) {
	border-bottom: none;
}

.section_ai_learning .ai_learning_content .subtitle {
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.2px;
	font-weight: 700;
	margin-bottom: 20px;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	top: 23px;
	left: -webkit-calc(50% - 155px);
	left: calc(50% - 155px);
	width: 310px;
	text-align: left;
	background-color: #fff;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 120, 255, 0.25);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
	        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
	z-index: 100;
}

.is-darkmode .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip {
	border-color: #464646;
	background-color: #27282a;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner {
	padding: 12px 14px;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.3px;
	font-weight: 700;
	color: #000;
}

.fs2 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 15px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 16px;
}

.fs4 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 17px;
}

.fs2 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	line-height: 18px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	line-height: 19px;
}

.is-darkmode .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_title {
	color: #fff;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_desc,
.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.4px;
}

.fs2 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs2
.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 14px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs3
.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 15px;
}

.fs4 .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs4
.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 16px;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_desc {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 5px 0;
	color: #000;
}

.is-darkmode .section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_desc {
	color: #fff;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap .tooltip .tooltip_inner .tooltip_source {
	color: #8f8f8f;
}

.section_ai_learning .ai_learning_content .subtitle .source_wrap:hover > .tooltip {
	display: block;
	opacity: 1;
}

.section_ai_learning .ai_learning_content .subtitle .source_number_wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	cursor: pointer;
}

.section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	width: 16px;
	height: 16px;
	text-align: center;
	background-color: #f6f8fa;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: -0.4px;
	font-weight: 400;
	color: #444;
}

.fs2 .section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	font-size: 10px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	font-size: 11px;
}

.fs4 .section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	font-size: 12px;
}

.fs2 .section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	line-height: 12px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	line-height: 13px;
}

.is-darkmode .section_ai_learning .ai_learning_content .subtitle .source_number_wrap .source_number {
	background-color: #282c30;
	color: rgba(255, 255, 255, 0.7);
}

.fs2 .section_ai_learning .ai_learning_content .subtitle {
	font-size: 15px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle {
	font-size: 16px;
}

.fs4 .section_ai_learning .ai_learning_content .subtitle {
	font-size: 17px;
}

.fs2 .section_ai_learning .ai_learning_content .subtitle {
	line-height: 20px;
}

.fs3 .section_ai_learning .ai_learning_content .subtitle {
	line-height: 21px;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	top: 23px;
	left: -webkit-calc(50% - 155px);
	left: calc(50% - 155px);
	width: 310px;
	text-align: left;
	background-color: #fff;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 120, 255, 0.25);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
	        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
	z-index: 100;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip {
	border-color: #464646;
	background-color: #27282a;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner {
	padding: 12px 14px;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.3px;
	font-weight: 700;
	color: #000;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 15px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 16px;
}

.fs4 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	font-size: 17px;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	line-height: 18px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	line-height: 19px;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_title {
	color: #fff;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_desc,
.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.4px;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs2
.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 14px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs3
.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 15px;
}

.fs4 .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_desc, .fs4
.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_source {
	font-size: 16px;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_desc {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 5px 0;
	color: #000;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_desc {
	color: #fff;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap .tooltip .tooltip_inner .tooltip_source {
	color: #8f8f8f;
}

.section_ai_learning .ai_learning_content .sentences .source_wrap:hover > .tooltip {
	display: block;
	opacity: 1;
}

.section_ai_learning .ai_learning_content .sentences .source_number_wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform: translateY(-2px);
	    -ms-transform: translateY(-2px);
	        transform: translateY(-2px);
	cursor: pointer;
}

.section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	width: 16px;
	height: 16px;
	text-align: center;
	background-color: #f6f8fa;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: -0.4px;
	font-weight: 400;
	color: #444;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	font-size: 10px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	font-size: 11px;
}

.fs4 .section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	font-size: 12px;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	line-height: 12px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	line-height: 13px;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .source_number_wrap .source_number {
	background-color: #282c30;
	color: rgba(255, 255, 255, 0.7);
}

.section_ai_learning .ai_learning_content .sentences .sentence {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.4px;
	font-weight: 400;
	margin-bottom: 18px;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .sentence {
	font-size: 15px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .sentence {
	font-size: 16px;
}

.fs4 .section_ai_learning .ai_learning_content .sentences .sentence {
	font-size: 17px;
}

.fs2 .section_ai_learning .ai_learning_content .sentences .sentence {
	line-height: 23px;
}

.fs3 .section_ai_learning .ai_learning_content .sentences .sentence {
	line-height: 24px;
}

.section_ai_learning .ai_learning_content .sentences .sentence:last-child {
	margin-bottom: 0;
}

.section_ai_learning .ai_learning_content .sentences .sentence::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #000;
	margin-right: 6px;
	vertical-align: middle;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .sentence::before {
	background-color: #fff;
}

.section_ai_learning .ai_learning_content .sentences .sentences {
	margin-left: 9px;
}

.section_ai_learning .ai_learning_content .sentences .sentences .sentence {
	color: #666;
	margin-bottom: 4px;
}

.section_ai_learning .ai_learning_content .sentences .sentences .sentence:last-child {
	margin-bottom: 0;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .sentences .sentence {
	color: #d9d9d9;
}

.section_ai_learning .ai_learning_content .sentences .sentences .sentence::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-right: 2px;
	border: 1px solid #666;
	background-color: unset;
	vertical-align: middle;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .sentences .sentence::before {
	border-color: #d9d9d9;
}

.section_ai_learning .ai_learning_content .sentences .sentences .sentences {
	margin-left: 8px;
}

.section_ai_learning .ai_learning_content .sentences .sentences .sentences .sentence::before {
	width: 5px;
	height: 1px;
	background-color: #666;
	border: 0;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .sentences .sentences .sentence::before {
	background-color: #d9d9d9;
}

.section_ai_learning .ai_learning_content .sentences .btn_listen {
	width: 22px;
	height: 22px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transform: translateY(4px);
	    -ms-transform: translateY(4px);
	        transform: translateY(4px);
	margin: 0 4px 0 1px;
}

.section_ai_learning .ai_learning_content .sentences .btn_listen::after {
	content: "";
	display: inline-block;
	background-position: -330px -134px;
	width: 18px;
	height: 18px;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .btn_listen::after {
	background-position: -40px -348px;
	width: 18px;
	height: 18px;
}

.section_ai_learning .ai_learning_content .sentences .btn_listen[aria-pressed="true"]:after {
	background-position: -330px -160px;
	width: 18px;
	height: 18px;
}

.is-darkmode .section_ai_learning .ai_learning_content .sentences .btn_listen[aria-pressed="true"]:after {
	background-position: -343px -327px;
	width: 18px;
	height: 18px;
}

.section_ai_learning .ai_learning_content .content_desc {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: -0.4px;
	font-weight: 400;
	margin-top: 22px;
}

.fs2 .section_ai_learning .ai_learning_content .content_desc {
	font-size: 13px;
}

.fs3 .section_ai_learning .ai_learning_content .content_desc {
	font-size: 14px;
}

.fs4 .section_ai_learning .ai_learning_content .content_desc {
	font-size: 15px;
}

.fs2 .section_ai_learning .ai_learning_content .content_desc {
	line-height: 23px;
}

.fs3 .section_ai_learning .ai_learning_content .content_desc {
	line-height: 24px;
}

.section_ai_learning .ai_learning_content .source_list_wrapper {
	text-align: center;
	margin-bottom: 30px;
}

.section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left {
	background-position: -130px -164px;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left {
	background-position: -261px -278px;
	width: 24px;
	height: 24px;
}

.section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left.is-disabled {
	background-position: -26px -164px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_left.is-disabled {
	background-position: -79px -278px;
	width: 24px;
	height: 24px;
}

.section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right {
	background-position: -78px -164px;
	width: 24px;
	height: 24px;
	-webkit-transform: translateX(-3px);
	    -ms-transform: translateX(-3px);
	        transform: translateX(-3px);
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right {
	background-position: -53px -278px;
	width: 24px;
	height: 24px;
}

.section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right.is-disabled {
	background-position: -118px -122px;
	width: 24px;
	height: 24px;
	cursor: not-allowed;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list_wrapper .arrow_btn_right.is-disabled {
	background-position: -235px -278px;
	width: 24px;
	height: 24px;
}

.section_ai_learning .ai_learning_content .source_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	padding: 12px 15px 20px;
}

.section_ai_learning .ai_learning_content .source_list .source_item {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 6px;
	padding: 16px;
	width: 182px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background-color: #f6f8fa;
	cursor: pointer;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list .source_item {
	background-color: #282c30;
}

.section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	font-size: 15px;
	line-height: 21px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	max-height: 42px;
	letter-spacing: -0.3px;
	color: #444;
}

.fs2 .section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	font-size: 16px;
}

.fs3 .section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	font-size: 17px;
}

.fs4 .section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	font-size: 18px;
}

.fs2 .section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	line-height: 22px;
}

.fs3 .section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	line-height: 23px;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list .source_item .source_title {
	color: rgba(255, 255, 255, 0.7);
}

.section_ai_learning .ai_learning_content .source_list .source_item .source_desc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.section_ai_learning .ai_learning_content .source_list .source_item .source_desc img {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	background-color: #e1e7f3;
	font-size: 9px;
	line-height: 11px;
	letter-spacing: -0.4px;
	font-weight: 400;
	color: #444;
}

.fs2 .section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	font-size: 10px;
}

.fs3 .section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	font-size: 11px;
}

.fs4 .section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	font-size: 12px;
}

.fs2 .section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	line-height: 12px;
}

.fs3 .section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	line-height: 13px;
}

.is-darkmode .section_ai_learning .ai_learning_content .source_list .source_item .source_number {
	background-color: #1e2125;
	color: rgba(255, 255, 255, 0.7);
}

.section_ai_learning .ai_learning_content .source_list .source_item .source_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: -0.3px;
	font-weight: 400;
	color: #8f8f8f;
	margin-left: 2px;
}

.fs2 .section_ai_learning .ai_learning_content .source_list .source_item .source_name {
	font-size: 14px;
}

.fs3 .section_ai_learning .ai_learning_content .source_list .source_item .source_name {
	font-size: 15px;
}

.fs4 .section_ai_learning .ai_learning_content .source_list .source_item .source_name {
	font-size: 16px;
}

.fs2 .section_ai_learning .ai_learning_content .source_list .source_item .source_name {
	line-height: 20px;
}

.fs3 .section_ai_learning .ai_learning_content .source_list .source_item .source_name {
	line-height: 21px;
}

.section_ai_learning .main_title:has(.source_wrap:hover) > .desc,
.section_ai_learning .subtitle:has(.source_wrap:hover) > .desc,
.section_ai_learning .sentence:has(> .source_wrap:hover) > .desc {
	background-color: #e3f4ff;
}

.is-darkmode .section_ai_learning .main_title:has(.source_wrap:hover) > .desc, .is-darkmode
.section_ai_learning .subtitle:has(.source_wrap:hover) > .desc, .is-darkmode
.section_ai_learning .sentence:has(> .source_wrap:hover) > .desc {
	background-color: #002446;
}

.section_ai_learning .main_title:has(.source_wrap:hover) .source_wrap:hover .source_number,
.section_ai_learning .subtitle:has(.source_wrap:hover) .source_wrap:hover .source_number,
.section_ai_learning .sentence:has(> .source_wrap:hover) .source_wrap:hover .source_number {
	background-color: #e3f4ff;
}

.is-darkmode .section_ai_learning .main_title:has(.source_wrap:hover) .source_wrap:hover .source_number, .is-darkmode
.section_ai_learning .subtitle:has(.source_wrap:hover) .source_wrap:hover .source_number, .is-darkmode
.section_ai_learning .sentence:has(> .source_wrap:hover) .source_wrap:hover .source_number {
	background-color: #002446;
}

.section_ai_learning .section_ai_learning_content .section_more {
	background-color: transparent;
	border-color: #f2f4f6;
	padding-right: 0;
	text-align: center;
	padding: 5px 0;
}

.is-darkmode .section_ai_learning .section_ai_learning_content .section_more {
	background-color: transparent;
}

.section_ai_learning .section_ai_learning_content .section_more::after {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.section_repetition {
	/* Input styles */
	/* Label styles (toggle background) */
	/* Toggle knob styles */
	/* Active state styles */
	/* "On" and "Off" text visibility */
}

.section_repetition .section_title {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.is-darkmode .section_repetition .section_title {
	color: rgba(255, 255, 255, 0.8);
}

.section_repetition .toggle-switch {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 24px;
}

.section_repetition .toggle-switch .toggle-input {
	display: none;
	/* Hide the checkbox */
}

.section_repetition .toggle-switch .toggle-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #888;
	-webkit-border-radius: 99px;
	        border-radius: 99px;
	cursor: pointer;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-left: 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.2px;
}

.fs2 .section_repetition .toggle-switch .toggle-label {
	font-size: 16px;
}

.fs3 .section_repetition .toggle-switch .toggle-label {
	font-size: 17px;
}

.fs4 .section_repetition .toggle-switch .toggle-label {
	font-size: 18px;
}

.is-darkmode .section_repetition .toggle-switch .toggle-label {
	background-color: rgba(81, 104, 138, 0.7);
}

.section_repetition .toggle-switch .toggle-label::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 99px;
	        border-radius: 99px;
	top: 4px;
	left: 4px;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.section_repetition .toggle-switch .toggle-input:checked + .toggle-label {
	background-color: #3ea7e3;
}

.section_repetition .toggle-switch .toggle-input:checked + .toggle-label::before {
	-webkit-transform: translateX(30px);
	    -ms-transform: translateX(30px);
	        transform: translateX(30px);
	/* Adjust for the increased width */
}

.section_repetition .toggle-switch .toggle-label .toggle-text {
	display: none;
}

.section_repetition .toggle-switch .toggle-label .toggle-text.off {
	margin-left: 15px;
}

.section_repetition .toggle-switch .toggle-input:not(:checked) + .toggle-label .toggle-text.off {
	display: inline;
}

.section_repetition .toggle-switch .toggle-input:checked + .toggle-label .toggle-text.on {
	display: inline;
}

.section_repetition .component_repetition {
	padding: 24px 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 10px;
}

.section_repetition .component_repetition .content {
	line-height: 18px;
	letter-spacing: -0.2px;
	font-weight: 500;
}

.fs2 .section_repetition .component_repetition .content {
	line-height: 19px;
}

.fs3 .section_repetition .component_repetition .content {
	line-height: 20px;
}

.section_repetition .component_repetition .content .info {
	font-size: 15px;
}

.fs2 .section_repetition .component_repetition .content .info {
	font-size: 16px;
}

.fs3 .section_repetition .component_repetition .content .info {
	font-size: 17px;
}

.fs4 .section_repetition .component_repetition .content .info {
	font-size: 18px;
}

.section_repetition .component_repetition .content .info .title {
	color: #3d94ff;
	font-weight: 700;
}

.is-darkmode .section_repetition .component_repetition .content .info .title {
	color: #87cdf4;
}

.section_repetition .component_repetition .content .info .desc {
	color: #111;
}

.is-darkmode .section_repetition .component_repetition .content .info .desc {
	color: #fff;
}

.section_repetition .component_repetition .content .btn_edit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 6px 9px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: -0.2px;
	color: #666;
	border: 1px solid #f5f5f5;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	margin-top: 10px;
}

.fs2 .section_repetition .component_repetition .content .btn_edit {
	font-size: 15px;
}

.fs3 .section_repetition .component_repetition .content .btn_edit {
	font-size: 16px;
}

.fs4 .section_repetition .component_repetition .content .btn_edit {
	font-size: 17px;
}

.fs2 .section_repetition .component_repetition .content .btn_edit {
	line-height: 19px;
}

.fs3 .section_repetition .component_repetition .content .btn_edit {
	line-height: 20px;
}

.is-darkmode .section_repetition .component_repetition .content .btn_edit {
	color: #aaa;
	border-color: rgba(217, 217, 217, 0.6);
}

.section_repetition .component_repetition .content .btn_edit .time {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.section_repetition .component_repetition .content .btn_edit .range {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	margin-left: 2px;
}

@media (max-width: 334px) {
	.section_repetition .component_repetition .content .btn_edit .range {
		display: none;
	}
}

.section_repetition .component_repetition .content .btn_edit::after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	background-position: -523px -55px;
	width: 16px;
	height: 16px;
}

.is-darkmode .section_repetition .component_repetition .content .btn_edit::after {
	background-position: -372px -286px;
	width: 16px;
	height: 16px;
}

.section_repetition .component_repetition::after {
	content: "";
	display: inline-block;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
}

.is-darkmode .section_repetition .component_repetition::after {
	opacity: 0.8;
}

.section_repetition .component_repetition.repetition_1::after {
	background-position: -349px -253px;
	width: 48px;
	height: 48px;
}

.section_repetition .component_repetition.repetition_2::after {
	background-position: -199px -253px;
	width: 48px;
	height: 48px;
}

.section_repetition .component_repetition.repetition_3::after {
	background-position: -249px -253px;
	width: 48px;
	height: 48px;
}

.section_repetition .component_repetition.repetition_4::after {
	background-position: -299px -253px;
	width: 48px;
	height: 48px;
}

.section_learning_status {
	background: #fff;
}

.is-darkmode .section_learning_status {
	background: #1e1f21;
}

.section_learning_status.collapsed_view {
	padding: 12px 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #f0f0f0;
}

.is-darkmode .section_learning_status.collapsed_view {
	border-color: #333435;
}

.section_learning_status.collapsed_view .collapsed_info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.section_learning_status.collapsed_view .collapsed_info .greeting {
	font-size: 15px;
	line-height: 21px;
	font-weight: 700;
	color: #000;
}

.fs2 .section_learning_status.collapsed_view .collapsed_info .greeting {
	font-size: 16px;
}

.fs3 .section_learning_status.collapsed_view .collapsed_info .greeting {
	font-size: 17px;
}

.fs4 .section_learning_status.collapsed_view .collapsed_info .greeting {
	font-size: 18px;
}

.fs2 .section_learning_status.collapsed_view .collapsed_info .greeting {
	line-height: 22px;
}

.fs3 .section_learning_status.collapsed_view .collapsed_info .greeting {
	line-height: 23px;
}

.section_learning_status.collapsed_view .collapsed_info .status {
	font-size: 15px;
	line-height: 21px;
	font-weight: 500;
	color: #666;
}

.fs2 .section_learning_status.collapsed_view .collapsed_info .status {
	font-size: 16px;
}

.fs3 .section_learning_status.collapsed_view .collapsed_info .status {
	font-size: 17px;
}

.fs4 .section_learning_status.collapsed_view .collapsed_info .status {
	font-size: 18px;
}

.fs2 .section_learning_status.collapsed_view .collapsed_info .status {
	line-height: 22px;
}

.fs3 .section_learning_status.collapsed_view .collapsed_info .status {
	line-height: 23px;
}

.section_learning_status.collapsed_view .collapsed_info .status .level {
	color: #338bdc;
}

.is-darkmode .section_learning_status.collapsed_view .collapsed_info .status .level {
	color: #aac2ff;
}

.section_learning_status.collapsed_view .expand_btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	height: 28px;
	padding: 6px 11px;
	border: 1px solid #e0dfe0;
	font-size: 13px;
	font-weight: 500;
	color: #666;
}

.fs2 .section_learning_status.collapsed_view .expand_btn {
	font-size: 14px;
}

.fs3 .section_learning_status.collapsed_view .expand_btn {
	font-size: 15px;
}

.fs4 .section_learning_status.collapsed_view .expand_btn {
	font-size: 16px;
}

.section_learning_status.collapsed_view .expand_btn:after {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	content: '';
	background-position: -187px -18px;
	width: 8px;
	height: 5px;
}

.is-darkmode .section_learning_status.collapsed_view .expand_btn {
	color: #e1e1e1;
	border-color: rgba(216, 220, 226, 0.6);
}

.is-darkmode .section_learning_status.collapsed_view .expand_btn:after {
	background-position: -187px -4px;
	width: 8px;
	height: 6px;
}

.is-darkmode .section_learning_status.collapsed_view .expand_btn {
	color: #d9d9d9;
	border-color: #464646;
}

.section_learning_status.collapsed_view.type_badge {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_7 {
	background-position: -870px -204px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_6 {
	background-position: -870px -436px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_5 {
	background-position: -714px -756px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_4 {
	background-position: -870px -552px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_3 {
	background-position: -870px -494px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_2 {
	background-position: -870px -320px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.beginner_1 {
	background-position: -870px -726px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_7 {
	background-position: -870px -262px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_6 {
	background-position: -870px -668px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_5 {
	background-position: -870px -378px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_4 {
	background-position: -520px -496px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_3 {
	background-position: -756px -756px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_2 {
	background-position: -870px -610px;
	width: 40px;
	height: 40px;
}

.section_learning_status.collapsed_view.type_badge .badge_image.inter_1 {
	background-position: -756px -624px;
	width: 40px;
	height: 40px;
}

.is-darkmode .section_learning_status.collapsed_view.type_badge .greeting,
.is-darkmode .section_learning_status.collapsed_view.type_badge .status {
	color: rgba(255, 255, 255, 0.8);
}

.section_learning_status.collapsed_view.type_progress {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 12px;
}

.section_learning_status.collapsed_view.type_progress .progress_circle {
	width: 40px;
	height: 40px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.section_learning_status.collapsed_view.type_progress .progress_circle .progress_svg {
	width: 40px;
	height: 40px;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.section_learning_status.collapsed_view.type_progress .progress_circle .progress_bg {
	stroke: rgba(71, 189, 254, 0.1);
}

.is-darkmode .section_learning_status.collapsed_view.type_progress .progress_circle .progress_bg {
	stroke: rgba(71, 189, 254, 0.25);
}

.section_learning_status.collapsed_view.type_progress .progress_circle .progress_fg {
	stroke: #47bdfe;
	-webkit-transition: stroke-dashoffset 0.4s;
	transition: stroke-dashoffset 0.4s;
}

.section_learning_status.collapsed_view.type_progress .progress_circle .progress_percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: -0.5px;
	color: #3d94ff;
	pointer-events: none;
}

.fs2 .section_learning_status.collapsed_view.type_progress .progress_circle .progress_percentage {
	font-size: 12px;
}

.fs3 .section_learning_status.collapsed_view.type_progress .progress_circle .progress_percentage {
	font-size: 13px;
}

.fs4 .section_learning_status.collapsed_view.type_progress .progress_circle .progress_percentage {
	font-size: 14px;
}

.is-darkmode .section_learning_status.collapsed_view.type_progress .progress_circle .progress_percentage {
	color: #47bdfe;
}

.section_learning_status.collapsed_view.type_progress .collapsed_info .status {
	font-size: 14px;
	color: #666;
}

.fs2 .section_learning_status.collapsed_view.type_progress .collapsed_info .status {
	font-size: 15px;
}

.fs3 .section_learning_status.collapsed_view.type_progress .collapsed_info .status {
	font-size: 16px;
}

.fs4 .section_learning_status.collapsed_view.type_progress .collapsed_info .status {
	font-size: 17px;
}

.is-darkmode .section_learning_status.collapsed_view.type_progress .collapsed_info .status {
	color: rgba(255, 255, 255, 0.8);
}

.is-darkmode .section_learning_status.collapsed_view.type_progress .greeting {
	color: #fff;
}

.section_learning_status.expanded_view {
	border-top: 1px solid #f0f0f0;
	padding: 30px 20px;
}

.is-darkmode .section_learning_status.expanded_view {
	border-color: #333435;
}

.section_learning_status.expanded_view:has(.saved_badge_content) {
	width: 450px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

.is-darkmode .section_learning_status.expanded_view:has(.saved_badge_content) {
	background-color: #363a41;
}

.section_learning_status.expanded_view .section_title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 10px;
}

.section_learning_status.expanded_view .section_title .title {
	font-size: 15px;
	line-height: 20px;
	font-weight: 800;
}

.fs2 .section_learning_status.expanded_view .section_title .title {
	font-size: 16px;
}

.fs3 .section_learning_status.expanded_view .section_title .title {
	font-size: 17px;
}

.fs4 .section_learning_status.expanded_view .section_title .title {
	font-size: 18px;
}

.fs2 .section_learning_status.expanded_view .section_title .title {
	line-height: 21px;
}

.fs3 .section_learning_status.expanded_view .section_title .title {
	line-height: 22px;
}

.is-darkmode .section_learning_status.expanded_view .section_title .title {
	color: #fff;
}

.section_learning_status.expanded_view .collapse_btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	height: 28px;
	padding: 6px 11px;
	border: 1px solid #e0dfe0;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	min-width: 73px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.fs2 .section_learning_status.expanded_view .collapse_btn {
	font-size: 14px;
}

.fs3 .section_learning_status.expanded_view .collapse_btn {
	font-size: 15px;
}

.fs4 .section_learning_status.expanded_view .collapse_btn {
	font-size: 16px;
}

.section_learning_status.expanded_view .collapse_btn:after {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	content: '';
	background-position: -187px -18px;
	width: 8px;
	height: 5px;
}

.is-darkmode .section_learning_status.expanded_view .collapse_btn {
	color: #e1e1e1;
	border-color: rgba(216, 220, 226, 0.6);
}

.is-darkmode .section_learning_status.expanded_view .collapse_btn:after {
	background-position: -187px -4px;
	width: 8px;
	height: 6px;
}

.section_learning_status.expanded_view .collapse_btn::after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.is-darkmode .section_learning_status.expanded_view .collapse_btn {
	border-color: #464646;
}

.section_learning_status.expanded_view .learning_status {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #f6f8f9;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.is-darkmode .section_learning_status.expanded_view .learning_status {
	background-color: #2c2d30;
}

.section_learning_status.expanded_view .badge_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 20px;
}

.section_learning_status.expanded_view .badge_area::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 60px;
	background-color: #d9d9d9;
}

.is-darkmode .section_learning_status.expanded_view .badge_area::after {
	background-color: #464646;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_7 {
	background-position: -204px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_6 {
	background-position: -698px -114px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_5 {
	background-position: -698px -522px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_4 {
	background-position: -698px -216px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_3 {
	background-position: -408px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_2 {
	background-position: -812px 0px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.beginner_1 {
	background-position: -698px -318px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_7 {
	background-position: -812px -102px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_6 {
	background-position: -612px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_5 {
	background-position: -510px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_4 {
	background-position: -306px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_3 {
	background-position: -102px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_2 {
	background-position: 0px -698px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.inter_1 {
	background-position: -698px -420px;
	width: 100px;
	height: 100px;
}

.section_learning_status.expanded_view .badge_area .badge_image.is-challenging {
	position: relative;
}

.section_learning_status.expanded_view .badge_area .badge_image.is-challenging .fire_motion {
	position: absolute;
	width: 22px;
	height: 22px;
	bottom: 9px;
	right: 8px;
	z-index: 2;
}

.section_learning_status.expanded_view .badge_area .badge_info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.section_learning_status.expanded_view .badge_area .badge_info .level_title {
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	color: #222;
	margin-bottom: 4px;
}

.fs2 .section_learning_status.expanded_view .badge_area .badge_info .level_title {
	font-size: 16px;
}

.fs3 .section_learning_status.expanded_view .badge_area .badge_info .level_title {
	font-size: 17px;
}

.fs4 .section_learning_status.expanded_view .badge_area .badge_info .level_title {
	font-size: 18px;
}

.fs2 .section_learning_status.expanded_view .badge_area .badge_info .level_title {
	line-height: 19px;
}

.fs3 .section_learning_status.expanded_view .badge_area .badge_info .level_title {
	line-height: 20px;
}

.is-darkmode .section_learning_status.expanded_view .badge_area .badge_info .level_title {
	color: #fff;
}

.section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	color: #888;
	margin-bottom: 8px;
}

.fs2 .section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	font-size: 14px;
}

.fs3 .section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	font-size: 15px;
}

.fs4 .section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	font-size: 16px;
}

.fs2 .section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	line-height: 17px;
}

.fs3 .section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	line-height: 18px;
}

.is-darkmode .section_learning_status.expanded_view .badge_area .badge_info .progress_info {
	color: #999;
}

.section_learning_status.expanded_view .badge_area .badge_info .progress_bar {
	position: relative;
	width: 200px;
	height: 10px;
	background-color: #fff;
	border: 1px solid rgba(216, 220, 226, 0.4);
	-webkit-border-radius: 21px;
	        border-radius: 21px;
}

.is-darkmode .section_learning_status.expanded_view .badge_area .badge_info .progress_bar {
	background-color: #484848;
	border-color: #5b5b5b;
}

.section_learning_status.expanded_view .badge_area .badge_info .progress_bar .progress_fill {
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	height: 10px;
	-webkit-border-radius: 21px;
	        border-radius: 21px;
	background-color: #47bdfe;
	border: 1px solid #47bdfe;
}

.section_learning_status.expanded_view .rank {
	font-size: 15px;
	line-height: 17px;
	font-weight: 500;
	margin-left: 20px;
}

.fs2 .section_learning_status.expanded_view .rank {
	font-size: 16px;
}

.fs3 .section_learning_status.expanded_view .rank {
	font-size: 17px;
}

.fs4 .section_learning_status.expanded_view .rank {
	font-size: 18px;
}

.fs2 .section_learning_status.expanded_view .rank {
	line-height: 18px;
}

.fs3 .section_learning_status.expanded_view .rank {
	line-height: 19px;
}

.section_learning_status.expanded_view .rank .current_rank {
	margin-bottom: 10px;
}

.section_learning_status.expanded_view .rank .level {
	font-weight: 400;
	color: #000;
}

.section_learning_status.expanded_view .rank .detail,
.section_learning_status.expanded_view .rank .total {
	color: #888;
}

.section_learning_status.expanded_view .rank .num {
	font-size: 18px;
	line-height: 21px;
	color: #000;
}

.fs2 .section_learning_status.expanded_view .rank .num {
	font-size: 19px;
}

.fs3 .section_learning_status.expanded_view .rank .num {
	font-size: 20px;
}

.fs4 .section_learning_status.expanded_view .rank .num {
	font-size: 21px;
}

.fs2 .section_learning_status.expanded_view .rank .num {
	line-height: 22px;
}

.fs3 .section_learning_status.expanded_view .rank .num {
	line-height: 23px;
}

.is-darkmode .section_learning_status.expanded_view .rank .level,
.is-darkmode .section_learning_status.expanded_view .rank .num {
	color: #fff;
}

.is-darkmode .section_learning_status.expanded_view .rank .detail,
.is-darkmode .section_learning_status.expanded_view .rank .total {
	color: #999;
}

.section_learning_status.expanded_view .popup_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 15000;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.section_learning_status.expanded_view .popup_overlay.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.section_learning_status.expanded_view .saved_badge_content .level,
.section_learning_status.expanded_view .popup_content .level {
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.3px;
	color: #000;
	background-color: #f6f8fa;
	padding: 2px 8px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	margin: 16px 0 4px 16px;
	display: inline-block;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .level, .fs2
.section_learning_status.expanded_view .popup_content .level {
	font-size: 14px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .level, .fs3
.section_learning_status.expanded_view .popup_content .level {
	font-size: 15px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .level, .fs4
.section_learning_status.expanded_view .popup_content .level {
	font-size: 16px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .level, .fs2
.section_learning_status.expanded_view .popup_content .level {
	line-height: 17px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .level, .fs3
.section_learning_status.expanded_view .popup_content .level {
	line-height: 18px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .level, .is-darkmode
.section_learning_status.expanded_view .popup_content .level {
	color: rgba(255, 255, 255, 0.8);
	background-color: #282c30;
}

.section_learning_status.expanded_view .saved_badge_content .name,
.section_learning_status.expanded_view .saved_badge_content .desc,
.section_learning_status.expanded_view .popup_content .name,
.section_learning_status.expanded_view .popup_content .desc {
	color: #222;
	text-align: center;
}

.section_learning_status.expanded_view .saved_badge_content .name,
.section_learning_status.expanded_view .popup_content .name {
	margin-bottom: 4px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .name, .is-darkmode
.section_learning_status.expanded_view .popup_content .name {
	color: #fff;
}

.section_learning_status.expanded_view .saved_badge_content .desc,
.section_learning_status.expanded_view .popup_content .desc {
	margin-bottom: 40px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .desc, .is-darkmode
.section_learning_status.expanded_view .popup_content .desc {
	color: rgba(255, 255, 255, 0.8);
}

.section_learning_status.expanded_view .saved_badge_content .badge_info,
.section_learning_status.expanded_view .popup_content .badge_info {
	text-align: center;
	margin-top: 16px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .level,
.section_learning_status.expanded_view .popup_content .badge_info .level {
	position: absolute;
	left: 16px;
	top: 16px;
	margin: 0;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .date,
.section_learning_status.expanded_view .popup_content .badge_info .date {
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	color: #888;
	margin-top: 8px;
	min-height: 16px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .date, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .date {
	font-size: 14px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .date, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .date {
	font-size: 15px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .badge_info .date, .fs4
.section_learning_status.expanded_view .popup_content .badge_info .date {
	font-size: 16px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .date, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .date {
	line-height: 17px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .date, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .date {
	line-height: 18px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .badge_info .date, .is-darkmode
.section_learning_status.expanded_view .popup_content .badge_info .date {
	color: rgba(255, 255, 255, 0.5);
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .name,
.section_learning_status.expanded_view .popup_content .badge_info .name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 4px 0 0;
	font-size: 17px;
	line-height: 20px;
	font-weight: 800;
	letter-spacing: -0.6px;
	color: #222;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .name, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .name {
	font-size: 18px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .name, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .name {
	font-size: 19px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .badge_info .name, .fs4
.section_learning_status.expanded_view .popup_content .badge_info .name {
	font-size: 20px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .name, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .name {
	line-height: 21px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .name, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .name {
	line-height: 22px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .badge_info .name, .is-darkmode
.section_learning_status.expanded_view .popup_content .badge_info .name {
	color: #fff;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .name .download_btn,
.section_learning_status.expanded_view .popup_content .badge_info .name .download_btn {
	display: inline-block;
	margin-left: 4px;
	background-position: -504px -384px;
	width: 16px;
	height: 20px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .desc,
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.6px;
	color: #222;
	margin: 4px 0 0;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .desc, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	font-size: 18px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .desc, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	font-size: 19px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .badge_info .desc, .fs4
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	font-size: 20px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .desc, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	line-height: 21px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .desc, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	line-height: 22px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .badge_info .desc, .is-darkmode
.section_learning_status.expanded_view .popup_content .badge_info .desc {
	color: rgba(255, 255, 255, 0.8);
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .progress_wrap,
.section_learning_status.expanded_view .popup_content .badge_info .progress_wrap {
	font-size: 15px;
	line-height: 18px;
	margin: 32px 20px;
	text-align: left;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .progress_wrap, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .progress_wrap {
	font-size: 16px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .progress_wrap, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .progress_wrap {
	font-size: 17px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .badge_info .progress_wrap, .fs4
.section_learning_status.expanded_view .popup_content .badge_info .progress_wrap {
	font-size: 18px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_info .progress_wrap, .fs2
.section_learning_status.expanded_view .popup_content .badge_info .progress_wrap {
	line-height: 19px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_info .progress_wrap, .fs3
.section_learning_status.expanded_view .popup_content .badge_info .progress_wrap {
	line-height: 20px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .progress_label,
.section_learning_status.expanded_view .popup_content .badge_info .progress_label {
	display: inline-block;
	margin-bottom: 8px;
	color: #333;
	font-weight: 400;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .badge_info .progress_label, .is-darkmode
.section_learning_status.expanded_view .popup_content .badge_info .progress_label {
	color: rgba(255, 255, 255, 0.8);
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .progressbar,
.section_learning_status.expanded_view .popup_content .badge_info .progressbar {
	position: relative;
	margin-bottom: 16px;
	height: 10px;
	width: 100%;
	background: #f8f8f8;
	-webkit-border-radius: 21px;
	        border-radius: 21px;
	border: 1px solid #eaebeb;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .progressbar:last-child,
.section_learning_status.expanded_view .popup_content .badge_info .progressbar:last-child {
	margin-bottom: 0;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .badge_info .progressbar, .is-darkmode
.section_learning_status.expanded_view .popup_content .badge_info .progressbar {
	border-color: rgba(64, 64, 64, 0.6);
	background-color: #282c30;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .progressbar_fill,
.section_learning_status.expanded_view .popup_content .badge_info .progressbar_fill {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	width: 0;
	-webkit-border-radius: 21px;
	        border-radius: 21px;
	background: #47bdfe;
	border: 1px solid #47bdfe;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category,
.section_learning_status.expanded_view .popup_content .badge_category {
	font-size: 15px;
	line-height: 18px;
	color: #333;
	padding: 16px 20px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_category, .fs2
.section_learning_status.expanded_view .popup_content .badge_category {
	font-size: 16px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_category, .fs3
.section_learning_status.expanded_view .popup_content .badge_category {
	font-size: 17px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .badge_category, .fs4
.section_learning_status.expanded_view .popup_content .badge_category {
	font-size: 18px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .badge_category, .fs2
.section_learning_status.expanded_view .popup_content .badge_category {
	line-height: 19px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .badge_category, .fs3
.section_learning_status.expanded_view .popup_content .badge_category {
	line-height: 20px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .badge_category, .is-darkmode
.section_learning_status.expanded_view .popup_content .badge_category {
	color: rgba(255, 255, 255, 0.8);
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .no_completed_badge,
.section_learning_status.expanded_view .popup_content .badge_category .no_completed_badge {
	margin-top: 6px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badges_list,
.section_learning_status.expanded_view .popup_content .badge_category .badges_list {
	margin: 8px 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 4px;
	-webkit-column-gap: 22px;
	        column-gap: 22px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge,
.section_learning_status.expanded_view .popup_content .badge_category .badge {
	-webkit-flex-shrink: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	cursor: pointer;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_7,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_7 {
	background-position: -812px -436px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_6,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_6 {
	background-position: -812px -262px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_5,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_5 {
	background-position: -812px -204px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_4,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_4 {
	background-position: -812px -668px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_3,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_3 {
	background-position: -812px -378px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_2,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_2 {
	background-position: -812px -610px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.beginner_1,
.section_learning_status.expanded_view .popup_content .badge_category .badge.beginner_1 {
	background-position: 0px -800px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_7,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_7 {
	background-position: -714px -698px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_6,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_6 {
	background-position: -812px -726px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_5,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_5 {
	background-position: -812px -552px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_4,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_4 {
	background-position: -812px -320px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_3,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_3 {
	background-position: -520px -438px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_2,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_2 {
	background-position: -812px -494px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badge.inter_1,
.section_learning_status.expanded_view .popup_content .badge_category .badge.inter_1 {
	background-position: -698px -624px;
	width: 56px;
	height: 56px;
}

.section_learning_status.expanded_view .popup_content {
	position: relative;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background: #fff;
	width: 414px;
	margin: 45px 15px 0;
}

.is-darkmode .section_learning_status.expanded_view .popup_content {
	background-color: #363a41;
}

.section_learning_status.expanded_view .popup_content .close_btn {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.3px;
	font-weight: 600;
	color: #444;
	text-align: center;
	display: block;
	width: 100%;
	padding: 16px 0;
	background-color: #f9fafb;
	border-top: 1px solid #ecf0f2;
	-webkit-border-bottom-left-radius: 6px;
	        border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	        border-bottom-right-radius: 6px;
}

.fs2 .section_learning_status.expanded_view .popup_content .close_btn {
	font-size: 15px;
}

.fs3 .section_learning_status.expanded_view .popup_content .close_btn {
	font-size: 16px;
}

.fs4 .section_learning_status.expanded_view .popup_content .close_btn {
	font-size: 17px;
}

.fs2 .section_learning_status.expanded_view .popup_content .close_btn {
	line-height: 18px;
}

.fs3 .section_learning_status.expanded_view .popup_content .close_btn {
	line-height: 19px;
}

.is-darkmode .section_learning_status.expanded_view .popup_content .close_btn {
	color: #fff;
	background-color: #272d33;
	border-color: rgba(255, 255, 255, 0.1);
}

.section_learning_status.expanded_view .popup_content .motion_badge {
	position: relative;
	display: inline-block;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .popup_content .motion_badge.obtained::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 8px;
	left: -webkit-calc(50% - 48px);
	left: calc(50% - 48px);
	width: 96px;
	height: 96px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #ffc55a;
}

.section_learning_status.expanded_view .popup_content .motion_badge.beginner_7.obtained::before {
	top: 4px;
	left: -webkit-calc(50% - 54px);
	left: calc(50% - 54px);
	width: 106px;
	height: 106px;
}

.section_learning_status.expanded_view .popup_content .motion_badge .fire_motion {
	position: absolute;
	width: 28px;
	height: 28px;
	right: 8px;
	bottom: 8px;
	z-index: 2;
}

.section_learning_status.expanded_view .popup_content .badge_category {
	padding-bottom: 16px;
	-webkit-box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
	        box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
}

.section_learning_status.expanded_view .popup_content .badge_category .no_completed_badge {
	margin: 23px 0 29px;
}

.section_learning_status.expanded_view .saved_badge_content {
	width: 450px;
	margin: 0 auto;
}

.section_learning_status.expanded_view .saved_badge_content .level {
	margin-bottom: 0;
}

.section_learning_status.expanded_view .saved_badge_content .image_name {
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -0.6px;
	font-weight: 800;
	color: #222;
	text-align: center;
	padding: 10px 16px 0;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .image_name {
	font-size: 23px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .image_name {
	font-size: 24px;
}

.fs4 .section_learning_status.expanded_view .saved_badge_content .image_name {
	font-size: 25px;
}

.fs2 .section_learning_status.expanded_view .saved_badge_content .image_name {
	line-height: 27px;
}

.fs3 .section_learning_status.expanded_view .saved_badge_content .image_name {
	line-height: 28px;
}

.is-darkmode .section_learning_status.expanded_view .saved_badge_content .image_name {
	color: #fff;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info {
	position: relative;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info.obtained::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 8px;
	left: -webkit-calc(50% - 48px);
	left: calc(50% - 48px);
	width: 96px;
	height: 96px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #ffc55a;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info.beginner_7.obtained::before {
	top: 8px;
	left: -webkit-calc(50% - 48px);
	left: calc(50% - 48px);
	width: 96px;
	height: 96px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge {
	position: relative;
	display: inline-block;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_7 {
	background-position: -570px -584px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_6 {
	background-position: -456px -584px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_5 {
	background-position: -584px -456px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_4 {
	background-position: -406px -438px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_3 {
	background-position: -584px -342px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_2 {
	background-position: -584px -228px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.beginner_1 {
	background-position: -228px -584px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_7 {
	background-position: -584px 0px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_6 {
	background-position: -342px -584px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_5 {
	background-position: -114px -584px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_4 {
	background-position: -698px 0px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_3 {
	background-position: -584px -114px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_2 {
	background-position: 0px -584px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge.inter_1 {
	background-position: -292px -438px;
	width: 112px;
	height: 112px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .badge .fire_motion {
	position: absolute;
	width: 22px;
	height: 22px;
	right: 9px;
	bottom: 8px;
	z-index: 2;
}

.section_learning_status.expanded_view .saved_badge_content .badge_info .progressbar {
	margin-bottom: 24px;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category {
	margin-top: -24px;
	padding-bottom: 0;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badges_list {
	display: grid;
	grid-template: auto/repeat(5, 1fr);
	gap: initial;
	margin: 6px 0 0 0;
}

.section_learning_status.expanded_view .saved_badge_content .badge_category .badges_list .badge {
	margin: 0 auto;
}

.section_learning_status.expanded_view .congrats_popup_content {
	padding-top: 32px;
}

.section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	font-size: 24px;
	line-height: 29px;
	font-weight: 800;
	letter-spacing: -0.6px;
	margin: 0 auto 8px;
	color: #222;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	font-size: 25px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	font-size: 26px;
}

.fs4 .section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	font-size: 27px;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	line-height: 30px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	line-height: 31px;
}

.is-darkmode .section_learning_status.expanded_view .congrats_popup_content .congrats_title {
	color: #fff;
}

.section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.6px;
	color: #222;
	font-weight: 500;
	margin-bottom: 24px;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	font-size: 18px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	font-size: 19px;
}

.fs4 .section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	font-size: 20px;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	line-height: 23px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	line-height: 24px;
}

.is-darkmode .section_learning_status.expanded_view .congrats_popup_content .congrats_desc {
	color: rgba(255, 255, 255, 0.8);
}

.section_learning_status.expanded_view .congrats_popup_content .motion_badge {
	position: relative;
	margin: 0 auto 8px;
	width: 145px;
	height: 144px;
}

.section_learning_status.expanded_view .congrats_popup_content .motion_badge .motion_fireworks {
	position: absolute;
	top: -104px;
	left: -97px;
	width: 339px;
	height: 333px;
}

.section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.6px;
	color: #666;
	font-weight: 400;
	margin-bottom: 24px;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	font-size: 17px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	font-size: 18px;
}

.fs4 .section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	font-size: 19px;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	line-height: 20px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	line-height: 21px;
}

.is-darkmode .section_learning_status.expanded_view .congrats_popup_content .congrats_date {
	color: rgba(255, 255, 255, 0.5);
}

.section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.6px;
	position: relative;
	z-index: 1;
	width: -webkit-fit-content;
	width: fit-content;
	margin-left: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 8px;
	padding: 0 16px 16px 0;
	width: 100%;
	color: #888;
	font-weight: 400;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	font-size: 15px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	font-size: 16px;
}

.fs4 .section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	font-size: 17px;
}

.fs2 .section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	line-height: 18px;
}

.fs3 .section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	line-height: 19px;
}

.section_learning_status.expanded_view .congrats_popup_content .congrats_download::after {
	content: '';
	display: inline-block;
	background-position: -523px 0px;
	width: 16px;
	height: 17px;
}

.is-darkmode .section_learning_status.expanded_view .congrats_popup_content .congrats_download {
	color: rgba(255, 255, 255, 0.5);
}

.section_important_words_my_status {
	background-color: #fff;
}

.is-darkmode .section_important_words_my_status {
	background-color: #363a41;
}

.section_important_words_my_status.saved_congrats {
	width: 450px;
	margin: 0 auto;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

.section_important_words_my_status.saved_congrats .badge::before {
	content: '';
	position: absolute;
	top: -8px;
	left: -89px;
	width: 322px;
	height: 155px;
	background-position: 0px 0px;
	width: 322px;
	height: 155px;
}

.section_important_words_my_status .congrats_popup_content {
	width: 450px;
	margin: 0 auto;
	padding-top: 32px;
	text-align: center;
}

.section_important_words_my_status .congrats_popup_content .congrats_title {
	font-size: 24px;
	line-height: 29px;
	letter-spacing: -0.6px;
	font-weight: 800;
	margin: 0 auto 8px;
	color: #222;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_title {
	font-size: 25px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_title {
	font-size: 26px;
}

.fs4 .section_important_words_my_status .congrats_popup_content .congrats_title {
	font-size: 27px;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_title {
	line-height: 30px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_title {
	line-height: 31px;
}

.is-darkmode .section_important_words_my_status .congrats_popup_content .congrats_title {
	color: #fff;
}

.section_important_words_my_status .congrats_popup_content .congrats_desc {
	font-size: 17px;
	line-height: 22px;
	letter-spacing: -0.6px;
	color: #222;
	font-weight: 500;
	margin-bottom: 24px;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_desc {
	font-size: 18px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_desc {
	font-size: 19px;
}

.fs4 .section_important_words_my_status .congrats_popup_content .congrats_desc {
	font-size: 20px;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_desc {
	line-height: 23px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_desc {
	line-height: 24px;
}

.is-darkmode .section_important_words_my_status .congrats_popup_content .congrats_desc {
	color: rgba(255, 255, 255, 0.8);
}

.section_important_words_my_status .congrats_popup_content .motion_badge {
	position: relative;
	margin: 0 auto 8px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .motion_badge .motion_fireworks {
	position: absolute;
	top: -105px;
	left: -98px;
	width: 339px;
	height: 333px;
}

.section_important_words_my_status .congrats_popup_content .badge {
	position: relative;
	display: inline-block;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_7 {
	background-position: -146px -438px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_6 {
	background-position: -146px 0px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_5 {
	background-position: 0px -438px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_4 {
	background-position: -438px 0px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_3 {
	background-position: 0px 0px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_2 {
	background-position: -292px 0px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.beginner_1 {
	background-position: 0px -146px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_7 {
	background-position: -146px -292px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_6 {
	background-position: -146px -146px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_5 {
	background-position: -292px -146px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_4 {
	background-position: 0px -292px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_3 {
	background-position: -292px -292px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_2 {
	background-position: -438px -146px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .badge.inter_1 {
	background-position: -438px -292px;
	width: 144px;
	height: 144px;
}

.section_important_words_my_status .congrats_popup_content .congrats_date {
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.6px;
	color: #666;
	font-weight: 400;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_date {
	font-size: 17px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_date {
	font-size: 18px;
}

.fs4 .section_important_words_my_status .congrats_popup_content .congrats_date {
	font-size: 19px;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_date {
	line-height: 20px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_date {
	line-height: 21px;
}

.is-darkmode .section_important_words_my_status .congrats_popup_content .congrats_date {
	color: rgba(255, 255, 255, 0.5);
}

.section_important_words_my_status .congrats_popup_content .congrats_username {
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.6px;
	color: #333;
	margin: 6px auto 40px;
	display: inline-block;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_username {
	font-size: 17px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_username {
	font-size: 18px;
}

.fs4 .section_important_words_my_status .congrats_popup_content .congrats_username {
	font-size: 19px;
}

.fs2 .section_important_words_my_status .congrats_popup_content .congrats_username {
	line-height: 20px;
}

.fs3 .section_important_words_my_status .congrats_popup_content .congrats_username {
	line-height: 21px;
}

.is-darkmode .section_important_words_my_status .congrats_popup_content .congrats_username {
	color: rgba(255, 255, 255, 0.8);
}

.section_summary .section_title {
	border-bottom: 0;
	padding-bottom: 0;
}

.section_summary .component_summary {
	padding: 20px 10px 16px;
}

.section_summary .component_thesaurus_enen {
	min-width: 327px;
	width: -webkit-fit-content;
	width: fit-content;
	margin: 0 auto;
	padding: 0 0 10px;
}

.section_summary .component_thesaurus_enen .scale_area {
	margin-top: 0;
}

.section_summary .source {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #999;
}

.fs2 .section_summary .source {
	font-size: 13px;
}

.fs3 .section_summary .source {
	font-size: 14px;
}

.fs4 .section_summary .source {
	font-size: 15px;
}

.fs2 .section_summary .source {
	line-height: 17px;
}

.fs3 .section_summary .source {
	line-height: 18px;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.section.section_homonym .component_keyword, .section.section_homonym
.component_example {
	padding-top: 0;
}

.section.section_homonym .component_keyword .pronounce_area, .section.section_homonym
.component_example .pronounce_area {
	padding-top: 4px;
	margin: 0px 0 0 -15px;
}

.section.section_homonym .component_keyword .pronounce_area .pronounce_item, .section.section_homonym
.component_example .pronounce_area .pronounce_item {
	margin: 6px 0 0 15px;
}

.section.section_homonym .component_keyword .mean_list, .section.section_homonym
.component_example .mean_list {
	padding-top: 8px;
}

.section.section_homonym .component_keyword .mean_list .mean_item .mean, .section.section_homonym
.component_example .mean_list .mean_item .mean {
	max-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.component_keyword .section.section_enendict .pronounce_area,
.component_example .section.section_enendict .pronounce_area {
	padding-top: 4px;
	margin: 0px 0 0 -15px;
}

.component_keyword .section.section_enendict .pronounce_area .pronounce_item,
.component_example .section.section_enendict .pronounce_area .pronounce_item {
	margin: 6px 0 0 15px;
}

.component_keyword .pronounce_area,
.component_example .pronounce_area {
	overflow: hidden;
	padding: 0px 10px 0 0;
	margin: 0px 0 0 -12px;
	line-height: 20px;
	font-size: 13px;
	color: #222;
}

.fs2 .component_keyword .pronounce_area, .fs2
.component_example .pronounce_area {
	font-size: 14px;
}

.fs3 .component_keyword .pronounce_area, .fs3
.component_example .pronounce_area {
	font-size: 15px;
}

.fs4 .component_keyword .pronounce_area, .fs4
.component_example .pronounce_area {
	font-size: 16px;
}

.section_chinalab_search .component_keyword .pronounce_area, .section_chinalab_search
.component_example .pronounce_area {
	margin: 4px 0 0;
}

.section_chinalab_search .component_keyword .pronounce_area .pronounce, .section_chinalab_search
.component_example .pronounce_area .pronounce {
	color: #666;
	font-size: 14px;
	line-height: 20px;
}

.fs2 .section_chinalab_search .component_keyword .pronounce_area .pronounce, .fs2 .section_chinalab_search
.component_example .pronounce_area .pronounce {
	font-size: 15px;
}

.fs3 .section_chinalab_search .component_keyword .pronounce_area .pronounce, .fs3 .section_chinalab_search
.component_example .pronounce_area .pronounce {
	font-size: 16px;
}

.fs4 .section_chinalab_search .component_keyword .pronounce_area .pronounce, .fs4 .section_chinalab_search
.component_example .pronounce_area .pronounce {
	font-size: 17px;
}

.fs2 .section_chinalab_search .component_keyword .pronounce_area .pronounce, .fs2 .section_chinalab_search
.component_example .pronounce_area .pronounce {
	line-height: 21px;
}

.fs3 .section_chinalab_search .component_keyword .pronounce_area .pronounce, .fs3 .section_chinalab_search
.component_example .pronounce_area .pronounce {
	line-height: 22px;
}

.is-darkmode .section_chinalab_search .component_keyword .pronounce_area .pronounce, .is-darkmode .section_chinalab_search
.component_example .pronounce_area .pronounce {
	color: rgba(255, 255, 255, 0.6);
}

.component_keyword .pronounce_area .pronounce_item,
.component_example .pronounce_area .pronounce_item {
	float: left;
	margin: 4px 0 0 12px;
}

.component_keyword .pronounce_area .type,
.component_example .pronounce_area .type {
	color: #888;
	margin-right: 0;
}

.component_keyword .pronounce_area .pronounce,
.component_example .pronounce_area .pronounce {
	margin-right: 0;
}

.component_keyword .pronounce_area + .listen_global_list,
.component_example .pronounce_area + .listen_global_list {
	padding-top: 10px;
}

.component_keyword .listen_global_area,
.component_example .listen_global_area {
	margin: 8px 0 0;
	padding: 10px 15px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(243, 246, 247, 0.7);
}

.component_keyword .listen_global_area + .user_profile,
.component_example .listen_global_area + .user_profile {
	margin-top: 10px;
}

.component_keyword .listen_global_area + .source,
.component_example .listen_global_area + .source {
	margin-top: 8px;
}

.component_keyword .listen_global_list,
.component_example .listen_global_list {
	margin-top: 0;
	margin-left: 0;
}

.component_keyword .listen_global_list .listen_global_item,
.component_example .listen_global_list .listen_global_item {
	margin-top: 0;
	padding-right: 3px;
}

.component_keyword .listen_global_list .listen_global_item:before,
.component_example .listen_global_list .listen_global_item:before {
	margin-right: 0;
}

.component_keyword .listen_global_list .listen_global_item.all,
.component_keyword .listen_global_list .listen_global_item .num,
.component_example .listen_global_list .listen_global_item.all,
.component_example .listen_global_list .listen_global_item .num {
	padding-right: 10px;
}

.component_keyword .listen_global_list .listen_global_item.speak,
.component_example .listen_global_list .listen_global_item.speak {
	min-width: auto;
	margin-right: 1px;
	margin-left: 1px;
	padding-left: 1px;
}

.component_keyword .listen_global_list .listen_global_item.all:before,
.component_example .listen_global_list .listen_global_item.all:before {
	margin-right: 4px;
}

.component_keyword .play_area,
.component_example .play_area {
	margin-top: 8px;
	padding: 12px 15px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(243, 246, 247, 0.7);
}

.component_keyword .play_area .pronunciation,
.component_example .play_area .pronunciation {
	margin-bottom: 10px;
	line-height: 23px;
	font-size: 13px;
	color: #888;
	letter-spacing: -0.3px;
	font-weight: 500;
}

.fs2 .component_keyword .play_area .pronunciation, .fs2
.component_example .play_area .pronunciation {
	line-height: 24px;
}

.fs3 .component_keyword .play_area .pronunciation, .fs3
.component_example .play_area .pronunciation {
	line-height: 25px;
}

.fs2 .component_keyword .play_area .pronunciation, .fs2
.component_example .play_area .pronunciation {
	font-size: 14px;
}

.fs3 .component_keyword .play_area .pronunciation, .fs3
.component_example .play_area .pronunciation {
	font-size: 15px;
}

.fs4 .component_keyword .play_area .pronunciation, .fs4
.component_example .play_area .pronunciation {
	font-size: 16px;
}

.component_keyword .play_area .listen_area .btn_listen,
.component_example .play_area .listen_area .btn_listen {
	line-height: 22px;
	font-size: 14px;
	color: #203873;
	letter-spacing: -0.32px;
	font-weight: bold;
}

.fs2 .component_keyword .play_area .listen_area .btn_listen, .fs2
.component_example .play_area .listen_area .btn_listen {
	line-height: 23px;
}

.fs3 .component_keyword .play_area .listen_area .btn_listen, .fs3
.component_example .play_area .listen_area .btn_listen {
	line-height: 24px;
}

.fs2 .component_keyword .play_area .listen_area .btn_listen, .fs2
.component_example .play_area .listen_area .btn_listen {
	font-size: 15px;
}

.fs3 .component_keyword .play_area .listen_area .btn_listen, .fs3
.component_example .play_area .listen_area .btn_listen {
	font-size: 16px;
}

.fs4 .component_keyword .play_area .listen_area .btn_listen, .fs4
.component_example .play_area .listen_area .btn_listen {
	font-size: 17px;
}

.component_keyword .play_area .listen_area .btn_listen:before,
.component_example .play_area .listen_area .btn_listen:before {
	background-position: -330px -30px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: -2px 4px 0 0;
	vertical-align: middle;
	content: '';
}

.component_keyword .play_area .listen_area .btn_listen .num,
.component_example .play_area .listen_area .btn_listen .num {
	line-height: 18px;
	font-size: 13px;
	color: #203873;
	letter-spacing: 0;
	font-weight: 500;
}

.fs2 .component_keyword .play_area .listen_area .btn_listen .num, .fs2
.component_example .play_area .listen_area .btn_listen .num {
	line-height: 19px;
}

.fs3 .component_keyword .play_area .listen_area .btn_listen .num, .fs3
.component_example .play_area .listen_area .btn_listen .num {
	line-height: 20px;
}

.fs2 .component_keyword .play_area .listen_area .btn_listen .num, .fs2
.component_example .play_area .listen_area .btn_listen .num {
	font-size: 14px;
}

.fs3 .component_keyword .play_area .listen_area .btn_listen .num, .fs3
.component_example .play_area .listen_area .btn_listen .num {
	font-size: 15px;
}

.fs4 .component_keyword .play_area .listen_area .btn_listen .num, .fs4
.component_example .play_area .listen_area .btn_listen .num {
	font-size: 16px;
}

.component_keyword .play_area .listen_area .btn_type,
.component_example .play_area .listen_area .btn_type {
	padding: 0 4px;
	line-height: 22px;
	font-size: 13px;
	margin-right: 2px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.3px;
}

.fs2 .component_keyword .play_area .listen_area .btn_type, .fs2
.component_example .play_area .listen_area .btn_type {
	line-height: 23px;
}

.fs3 .component_keyword .play_area .listen_area .btn_type, .fs3
.component_example .play_area .listen_area .btn_type {
	line-height: 24px;
}

.fs2 .component_keyword .play_area .listen_area .btn_type, .fs2
.component_example .play_area .listen_area .btn_type {
	font-size: 14px;
}

.fs3 .component_keyword .play_area .listen_area .btn_type, .fs3
.component_example .play_area .listen_area .btn_type {
	font-size: 15px;
}

.fs4 .component_keyword .play_area .listen_area .btn_type, .fs4
.component_example .play_area .listen_area .btn_type {
	font-size: 16px;
}

.component_keyword .play_area .listen_area .btn_type .num,
.component_example .play_area .listen_area .btn_type .num {
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 0;
}

.component_keyword .play_area .listen_area .btn_type.expert,
.component_example .play_area .listen_area .btn_type.expert {
	background-color: #203873;
}

.component_keyword .play_area .listen_area .btn_type.global,
.component_example .play_area .listen_area .btn_type.global {
	background-color: #eb4dc8;
}

.component_keyword .play_area .listen_area .btn_type.gender,
.component_example .play_area .listen_area .btn_type.gender {
	background-color: #feb12b;
}

.component_keyword .play_area .listen_area .btn_type.south_korea,
.component_example .play_area .listen_area .btn_type.south_korea {
	background-color: #7a64f6;
}

.component_keyword .play_area .listen_area .btn_type.north_korea,
.component_example .play_area .listen_area .btn_type.north_korea {
	background-color: #1dc3a5;
}

.component_keyword a.info,
.component_keyword p.info,
.component_keyword p.warning,
.component_example a.info,
.component_example p.info,
.component_example p.warning,
.component_mean a.info,
.component_mean p.info,
.component_mean p.warning {
	position: relative;
	margin-top: 15px;
	padding: 0 0 2px 17px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.27px;
}

.fs2 .component_keyword a.info, .fs2
.component_keyword p.info, .fs2
.component_keyword p.warning, .fs2
.component_example a.info, .fs2
.component_example p.info, .fs2
.component_example p.warning, .fs2
.component_mean a.info, .fs2
.component_mean p.info, .fs2
.component_mean p.warning {
	font-size: 13px;
}

.fs3 .component_keyword a.info, .fs3
.component_keyword p.info, .fs3
.component_keyword p.warning, .fs3
.component_example a.info, .fs3
.component_example p.info, .fs3
.component_example p.warning, .fs3
.component_mean a.info, .fs3
.component_mean p.info, .fs3
.component_mean p.warning {
	font-size: 14px;
}

.fs4 .component_keyword a.info, .fs4
.component_keyword p.info, .fs4
.component_keyword p.warning, .fs4
.component_example a.info, .fs4
.component_example p.info, .fs4
.component_example p.warning, .fs4
.component_mean a.info, .fs4
.component_mean p.info, .fs4
.component_mean p.warning {
	font-size: 15px;
}

.fs2 .component_keyword a.info, .fs2
.component_keyword p.info, .fs2
.component_keyword p.warning, .fs2
.component_example a.info, .fs2
.component_example p.info, .fs2
.component_example p.warning, .fs2
.component_mean a.info, .fs2
.component_mean p.info, .fs2
.component_mean p.warning {
	line-height: 19px;
}

.fs3 .component_keyword a.info, .fs3
.component_keyword p.info, .fs3
.component_keyword p.warning, .fs3
.component_example a.info, .fs3
.component_example p.info, .fs3
.component_example p.warning, .fs3
.component_mean a.info, .fs3
.component_mean p.info, .fs3
.component_mean p.warning {
	line-height: 20px;
}

.component_keyword a.info:before,
.component_keyword p.info:before,
.component_keyword p.warning:before,
.component_example a.info:before,
.component_example p.info:before,
.component_example p.warning:before,
.component_mean a.info:before,
.component_mean p.info:before,
.component_mean p.warning:before {
	position: absolute;
	top: 4px;
	left: 0;
	content: '';
}

.component_keyword a.info,
.component_example a.info,
.component_mean a.info {
	display: block;
}

.component_keyword a.info,
.component_keyword p.info,
.component_example a.info,
.component_example p.info,
.component_mean a.info,
.component_mean p.info {
	color: #3ea7e3;
}

.component_keyword a.info:before,
.component_keyword p.info:before,
.component_example a.info:before,
.component_example p.info:before,
.component_mean a.info:before,
.component_mean p.info:before {
	background-position: -168px -496px;
	width: 12px;
	height: 12px;
	top: 3px;
}

.component_keyword a.info + .warning,
.component_keyword p.info + .warning,
.component_example a.info + .warning,
.component_example p.info + .warning,
.component_mean a.info + .warning,
.component_mean p.info + .warning {
	margin-top: 3px;
}

.component_keyword p.warning,
.component_example p.warning,
.component_mean p.warning {
	color: #ea5743;
}

.component_keyword p.warning:before,
.component_example p.warning:before,
.component_mean p.warning:before {
	background-position: -182px -496px;
	width: 12px;
	height: 12px;
}

.component_mean p.warning {
	float: left;
	margin-top: 7px;
}

.component_mean a.info,
.component_mean p.info {
	margin-top: 7px;
	padding-bottom: 12px;
}

.section .component_keyword .play_area,
.section .component_example .play_area,
.section .component_entry .play_area {
	margin-top: 8px;
	padding: 0 10px 12px 12px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(243, 246, 247, 0.7);
	font-size: 13px;
}

.section .component_keyword .play_area .pronunciation,
.section .component_example .play_area .pronunciation,
.section .component_entry .play_area .pronunciation {
	padding-top: 12px;
	margin-bottom: -2px;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: -0.3px;
	color: #888;
}

.fs2 .section .component_keyword .play_area .pronunciation, .fs2
.section .component_example .play_area .pronunciation, .fs2
.section .component_entry .play_area .pronunciation {
	font-size: 14px;
}

.fs3 .section .component_keyword .play_area .pronunciation, .fs3
.section .component_example .play_area .pronunciation, .fs3
.section .component_entry .play_area .pronunciation {
	font-size: 15px;
}

.fs4 .section .component_keyword .play_area .pronunciation, .fs4
.section .component_example .play_area .pronunciation, .fs4
.section .component_entry .play_area .pronunciation {
	font-size: 16px;
}

.fs2 .section .component_keyword .play_area .pronunciation, .fs2
.section .component_example .play_area .pronunciation, .fs2
.section .component_entry .play_area .pronunciation {
	line-height: 24px;
}

.fs3 .section .component_keyword .play_area .pronunciation, .fs3
.section .component_example .play_area .pronunciation, .fs3
.section .component_entry .play_area .pronunciation {
	line-height: 25px;
}

.section .component_keyword .play_area .pronunciation + .listen_area,
.section .component_example .play_area .pronunciation + .listen_area,
.section .component_entry .play_area .pronunciation + .listen_area {
	margin-top: -7px;
}

.section .component_keyword .play_area .listen_area,
.section .component_example .play_area .listen_area,
.section .component_entry .play_area .listen_area {
	padding-top: 2px;
}

.section .component_keyword .play_area .listen_area button,
.section .component_example .play_area .listen_area button,
.section .component_entry .play_area .listen_area button {
	margin-right: 2px;
	font-size: 13px;
	line-height: 21px;
	vertical-align: top;
}

.fs2 .section .component_keyword .play_area .listen_area button, .fs2
.section .component_example .play_area .listen_area button, .fs2
.section .component_entry .play_area .listen_area button {
	font-size: 14px;
}

.fs3 .section .component_keyword .play_area .listen_area button, .fs3
.section .component_example .play_area .listen_area button, .fs3
.section .component_entry .play_area .listen_area button {
	font-size: 15px;
}

.fs4 .section .component_keyword .play_area .listen_area button, .fs4
.section .component_example .play_area .listen_area button, .fs4
.section .component_entry .play_area .listen_area button {
	font-size: 16px;
}

.fs2 .section .component_keyword .play_area .listen_area button, .fs2
.section .component_example .play_area .listen_area button, .fs2
.section .component_entry .play_area .listen_area button {
	line-height: 22px;
}

.fs3 .section .component_keyword .play_area .listen_area button, .fs3
.section .component_example .play_area .listen_area button, .fs3
.section .component_entry .play_area .listen_area button {
	line-height: 23px;
}

.section .component_keyword .play_area .listen_area .btn_listen,
.section .component_example .play_area .listen_area .btn_listen,
.section .component_entry .play_area .listen_area .btn_listen {
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.32px;
	color: #203873;
}

.fs2 .section .component_keyword .play_area .listen_area .btn_listen, .fs2
.section .component_example .play_area .listen_area .btn_listen, .fs2
.section .component_entry .play_area .listen_area .btn_listen {
	font-size: 15px;
}

.fs3 .section .component_keyword .play_area .listen_area .btn_listen, .fs3
.section .component_example .play_area .listen_area .btn_listen, .fs3
.section .component_entry .play_area .listen_area .btn_listen {
	font-size: 16px;
}

.fs4 .section .component_keyword .play_area .listen_area .btn_listen, .fs4
.section .component_example .play_area .listen_area .btn_listen, .fs4
.section .component_entry .play_area .listen_area .btn_listen {
	font-size: 17px;
}

.fs2 .section .component_keyword .play_area .listen_area .btn_listen, .fs2
.section .component_example .play_area .listen_area .btn_listen, .fs2
.section .component_entry .play_area .listen_area .btn_listen {
	line-height: 23px;
}

.fs3 .section .component_keyword .play_area .listen_area .btn_listen, .fs3
.section .component_example .play_area .listen_area .btn_listen, .fs3
.section .component_entry .play_area .listen_area .btn_listen {
	line-height: 24px;
}

.section .component_keyword .play_area .listen_area .btn_listen::before,
.section .component_example .play_area .listen_area .btn_listen::before,
.section .component_entry .play_area .listen_area .btn_listen::before {
	background-position: -155px -212px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 2px 3px 0 0;
	vertical-align: top;
	content: '';
}

.section .component_keyword .play_area .listen_area .btn_listen + button,
.section .component_example .play_area .listen_area .btn_listen + button,
.section .component_entry .play_area .listen_area .btn_listen + button {
	position: relative;
	margin-left: 14px;
}

.section .component_keyword .play_area .listen_area .btn_listen + button:after,
.section .component_example .play_area .listen_area .btn_listen + button:after,
.section .component_entry .play_area .listen_area .btn_listen + button:after {
	position: absolute;
	left: -12px;
	top: 4px;
	width: 1px;
	height: 14px;
	background-color: #d8d8d8;
	vertical-align: top;
	content: '';
}

.section .component_keyword .play_area .listen_area .btn_listen .num,
.section .component_example .play_area .listen_area .btn_listen .num,
.section .component_entry .play_area .listen_area .btn_listen .num {
	color: #203873;
	font-weight: 500;
	opacity: 0.6;
}

.section .component_keyword .play_area .listen_area .btn_type,
.section .component_example .play_area .listen_area .btn_type,
.section .component_entry .play_area .listen_area .btn_type {
	margin-top: 10px;
	padding: 0 4px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	border: 1px solid;
	background-color: #a6afc7;
	font-weight: 600;
	letter-spacing: -0.3px;
}

.section .component_keyword .play_area .listen_area .btn_type .num,
.section .component_example .play_area .listen_area .btn_type .num,
.section .component_entry .play_area .listen_area .btn_type .num {
	color: #203873;
	font-weight: 400;
	opacity: 0.6;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type .num, .is-darkmode
.section .component_example .play_area .listen_area .btn_type .num, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type .num {
	color: #fff;
}

.section .component_keyword .play_area .listen_area .btn_type.south_korea,
.section .component_example .play_area .listen_area .btn_type.south_korea,
.section .component_entry .play_area .listen_area .btn_type.south_korea {
	background-color: #7a64f6;
}

.section .component_keyword .play_area .listen_area .btn_type.north_korea,
.section .component_example .play_area .listen_area .btn_type.north_korea,
.section .component_entry .play_area .listen_area .btn_type.north_korea {
	background-color: #1dc3a5;
}

.section .component_keyword .play_area .listen_area .btn_type.global,
.section .component_example .play_area .listen_area .btn_type.global,
.section .component_entry .play_area .listen_area .btn_type.global {
	background-color: #eb4dc8;
}

.section .component_keyword .play_area .listen_area .btn_type.gender,
.section .component_example .play_area .listen_area .btn_type.gender,
.section .component_entry .play_area .listen_area .btn_type.gender {
	background-color: #feb12b;
}

.section .component_keyword .play_area .listen_area .btn_type.expert,
.section .component_example .play_area .listen_area .btn_type.expert,
.section .component_entry .play_area .listen_area .btn_type.expert {
	color: #203873;
	border-color: rgba(216, 220, 226, 0.6);
	background-color: #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.expert, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.expert, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.expert {
	background-color: rgba(255, 255, 255, 0.06);
	color: #fff;
	border-color: rgba(216, 220, 226, 0.3);
}

.section .component_keyword .play_area .listen_area .btn_type.guangdong,
.section .component_example .play_area .listen_area .btn_type.guangdong,
.section .component_entry .play_area .listen_area .btn_type.guangdong {
	color: #f23b66;
	border-color: rgba(242, 59, 102, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 59, 102, 0.06)), to(rgba(242, 59, 102, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(242, 59, 102, 0.06) 0%, rgba(242, 59, 102, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(242, 59, 102, 0.06) 0%, rgba(242, 59, 102, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.guangdong, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.guangdong, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.guangdong {
	background: rgba(242, 59, 102, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.dongbei,
.section .component_example .play_area .listen_area .btn_type.dongbei,
.section .component_entry .play_area .listen_area .btn_type.dongbei {
	color: #3880ff;
	border-color: rgba(56, 128, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(56, 128, 255, 0.06)), to(rgba(56, 128, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(56, 128, 255, 0.06) 0%, rgba(56, 128, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(56, 128, 255, 0.06) 0%, rgba(56, 128, 255, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.dongbei, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.dongbei, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.dongbei {
	background: rgba(56, 128, 255, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.minnan,
.section .component_example .play_area .listen_area .btn_type.minnan,
.section .component_entry .play_area .listen_area .btn_type.minnan {
	color: #b234ff;
	border-color: rgba(178, 52, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(178, 52, 255, 0.06)), to(rgba(178, 52, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(178, 52, 255, 0.06) 0%, rgba(178, 52, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(178, 52, 255, 0.06) 0%, rgba(178, 52, 255, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.minnan, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.minnan, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.minnan {
	background: rgba(178, 52, 255, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.shanghai,
.section .component_example .play_area .listen_area .btn_type.shanghai,
.section .component_entry .play_area .listen_area .btn_type.shanghai {
	color: #009a74;
	border-color: rgba(0, 154, 116, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 154, 116, 0.06)), to(rgba(0, 154, 116, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 154, 116, 0.06) 0%, rgba(0, 154, 116, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(0, 154, 116, 0.06) 0%, rgba(0, 154, 116, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.shanghai, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.shanghai, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.shanghai {
	background: rgba(0, 154, 116, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.sichuan,
.section .component_example .play_area .listen_area .btn_type.sichuan,
.section .component_entry .play_area .listen_area .btn_type.sichuan {
	color: #df6200;
	border-color: rgba(223, 98, 0, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(223, 98, 0, 0.06)), to(rgba(223, 98, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(223, 98, 0, 0.06) 0%, rgba(223, 98, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(223, 98, 0, 0.06) 0%, rgba(223, 98, 0, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.sichuan, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.sichuan, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.sichuan {
	background: rgba(223, 98, 0, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.anhui,
.section .component_example .play_area .listen_area .btn_type.anhui,
.section .component_entry .play_area .listen_area .btn_type.anhui {
	color: #e010f2;
	border-color: rgba(224, 16, 242, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 16, 242, 0.06)), to(rgba(224, 16, 242, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(224, 16, 242, 0.06) 0%, rgba(224, 16, 242, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(224, 16, 242, 0.06) 0%, rgba(224, 16, 242, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.anhui, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.anhui, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.anhui {
	background: rgba(224, 16, 242, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.weihai,
.section .component_example .play_area .listen_area .btn_type.weihai,
.section .component_entry .play_area .listen_area .btn_type.weihai {
	color: #0094c2;
	border-color: rgba(0, 148, 194, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 148, 194, 0.06)), to(rgba(0, 148, 194, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 148, 194, 0.06) 0%, rgba(0, 148, 194, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(0, 148, 194, 0.06) 0%, rgba(0, 148, 194, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.weihai, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.weihai, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.weihai {
	background: rgba(0, 148, 194, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.past,
.section .component_example .play_area .listen_area .btn_type.past,
.section .component_entry .play_area .listen_area .btn_type.past {
	color: #0da000;
	border-color: rgba(13, 160, 0, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(13, 160, 0, 0.06)), to(rgba(13, 160, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(13, 160, 0, 0.06) 0%, rgba(13, 160, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(13, 160, 0, 0.06) 0%, rgba(13, 160, 0, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.past, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.past, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.past {
	background: rgba(13, 160, 0, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.henan,
.section .component_example .play_area .listen_area .btn_type.henan,
.section .component_entry .play_area .listen_area .btn_type.henan {
	color: #75f;
	border-color: rgba(119, 85, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(119, 85, 255, 0.06)), to(rgba(119, 85, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(119, 85, 255, 0.06) 0%, rgba(119, 85, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(119, 85, 255, 0.06) 0%, rgba(119, 85, 255, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.henan, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.henan, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.henan {
	background: rgba(119, 85, 255, 0.06);
}

.section .component_keyword .play_area .listen_area .btn_type.hunan,
.section .component_example .play_area .listen_area .btn_type.hunan,
.section .component_entry .play_area .listen_area .btn_type.hunan {
	color: #ba7b00;
	border-color: rgba(186, 123, 0, 0.4);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(186, 123, 0, 0.06)), to(rgba(186, 123, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(186, 123, 0, 0.06) 0%, rgba(186, 123, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(186, 123, 0, 0.06) 0%, rgba(186, 123, 0, 0.06) 100%), #fff;
}

.is-darkmode .section .component_keyword .play_area .listen_area .btn_type.hunan, .is-darkmode
.section .component_example .play_area .listen_area .btn_type.hunan, .is-darkmode
.section .component_entry .play_area .listen_area .btn_type.hunan {
	background: rgba(186, 123, 0, 0.06);
}

.section .component_keyword .play_area .listen_area.is-tooltip,
.section .component_example .play_area .listen_area.is-tooltip,
.section .component_entry .play_area .listen_area.is-tooltip {
	position: relative;
}

.section .component_keyword .play_area .listen_area.is-tooltip button:nth-child(3),
.section .component_example .play_area .listen_area.is-tooltip button:nth-child(3),
.section .component_entry .play_area .listen_area.is-tooltip button:nth-child(3) {
	position: relative;
	z-index: 1000;
}

.section .component_keyword .play_area .listen_area.is-tooltip button:nth-child(3):before,
.section .component_example .play_area .listen_area.is-tooltip button:nth-child(3):before,
.section .component_entry .play_area .listen_area.is-tooltip button:nth-child(3):before {
	position: absolute;
	bottom: -9px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-right: 6px solid transparent;
	border-bottom: 6px solid #c4c1a2;
	border-left: 6px solid transparent;
	content: '';
}

.section .component_keyword .play_area .listen_area.is-tooltip button:nth-child(3):after,
.section .component_example .play_area .listen_area.is-tooltip button:nth-child(3):after,
.section .component_entry .play_area .listen_area.is-tooltip button:nth-child(3):after {
	position: absolute;
	bottom: -9px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fffef1;
	border-left: 5px solid transparent;
	content: '';
}

.section .component_keyword .play_area .listen_area.is-tooltip .tooltip,
.section .component_example .play_area .listen_area.is-tooltip .tooltip,
.section .component_entry .play_area .listen_area.is-tooltip .tooltip {
	display: block;
	position: absolute;
	bottom: -67px;
	left: 26px;
	padding: 11px 13px;
	border: 1px solid #c4c1a2;
	background-color: #fffef1;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	color: #070707;
	z-index: 100;
}

.section .component_keyword .play_area .listen_area.is-tooltip .tooltip:before,
.section .component_example .play_area .listen_area.is-tooltip .tooltip:before,
.section .component_entry .play_area .listen_area.is-tooltip .tooltip:before {
	content: none;
}

.section .component_keyword .play_area .listen_area.is-tooltip .tooltip .btn_close,
.section .component_example .play_area .listen_area.is-tooltip .tooltip .btn_close,
.section .component_entry .play_area .listen_area.is-tooltip .tooltip .btn_close {
	background-position: -213px -447px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 8px;
	right: 8px;
}

.section .component_keyword .play_area .listen_area .btn_record,
.section .component_example .play_area .listen_area .btn_record,
.section .component_entry .play_area .listen_area .btn_record {
	color: #203873;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
}

.fs2 .section .component_keyword .play_area .listen_area .btn_record, .fs2
.section .component_example .play_area .listen_area .btn_record, .fs2
.section .component_entry .play_area .listen_area .btn_record {
	font-size: 15px;
}

.fs3 .section .component_keyword .play_area .listen_area .btn_record, .fs3
.section .component_example .play_area .listen_area .btn_record, .fs3
.section .component_entry .play_area .listen_area .btn_record {
	font-size: 16px;
}

.fs4 .section .component_keyword .play_area .listen_area .btn_record, .fs4
.section .component_example .play_area .listen_area .btn_record, .fs4
.section .component_entry .play_area .listen_area .btn_record {
	font-size: 17px;
}

.section .component_keyword .play_area .listen_area .btn_record:before,
.section .component_example .play_area .listen_area .btn_record:before,
.section .component_entry .play_area .listen_area .btn_record:before {
	background-position: -195px -212px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 1px 4px 0 0;
	vertical-align: top;
	content: '';
}

.section .component_keyword .play_area .listen_area .btn_speak,
.section .component_example .play_area .listen_area .btn_speak,
.section .component_entry .play_area .listen_area .btn_speak {
	position: relative;
	padding-left: 16px;
	color: #203873;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
}

.fs2 .section .component_keyword .play_area .listen_area .btn_speak, .fs2
.section .component_example .play_area .listen_area .btn_speak, .fs2
.section .component_entry .play_area .listen_area .btn_speak {
	font-size: 15px;
}

.fs3 .section .component_keyword .play_area .listen_area .btn_speak, .fs3
.section .component_example .play_area .listen_area .btn_speak, .fs3
.section .component_entry .play_area .listen_area .btn_speak {
	font-size: 16px;
}

.fs4 .section .component_keyword .play_area .listen_area .btn_speak, .fs4
.section .component_example .play_area .listen_area .btn_speak, .fs4
.section .component_entry .play_area .listen_area .btn_speak {
	font-size: 17px;
}

.section .component_keyword .play_area .listen_area .btn_speak:after,
.section .component_example .play_area .listen_area .btn_speak:after,
.section .component_entry .play_area .listen_area .btn_speak:after {
	position: absolute;
	top: 3px;
	left: 6px;
	width: 1px;
	height: 14px;
	vertical-align: top;
	background-color: #d8d8d8;
	content: '';
}

.section .component_keyword .play_area .listen_area .btn_speak:before,
.section .component_example .play_area .listen_area .btn_speak:before,
.section .component_entry .play_area .listen_area .btn_speak:before {
	background-position: -154px -190px;
	width: 22px;
	height: 18px;
	display: inline-block;
	margin: 2px 3px 0 0;
	vertical-align: top;
	content: '';
}

.section .component_keyword .listen_global_area .play_area,
.section .component_example .listen_global_area .play_area {
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.section .component_keyword .listen_global_area .play_area .listen_area,
.section .component_example .listen_global_area .play_area .listen_area {
	padding-top: 0;
}

.section .component_keyword .listen_global_area .play_area .pronunciation,
.section .component_example .listen_global_area .play_area .pronunciation {
	padding: 0;
	margin-bottom: 12px;
}

.section .component_keyword .listen_global_area .pronounce_area + .play_area,
.section .component_example .listen_global_area .pronounce_area + .play_area {
	margin-top: 6px;
}

.component_entry .component_example .play_area .listen_area .btn_type,
.component_keyword .play_area .listen_area .btn_type {
	border: 1px solid;
	font-weight: 600;
}

.component_entry .component_example .play_area .listen_area .btn_type .num,
.component_keyword .play_area .listen_area .btn_type .num {
	color: #203873;
	font-weight: 400;
	opacity: 0.6;
}

.component_entry .component_example .play_area .listen_area .btn_type.south_korea,
.component_keyword .play_area .listen_area .btn_type.south_korea {
	background-color: #7a64f6;
}

.component_entry .component_example .play_area .listen_area .btn_type.north_korea,
.component_keyword .play_area .listen_area .btn_type.north_korea {
	background-color: #1dc3a5;
}

.component_entry .component_example .play_area .listen_area .btn_type.global,
.component_keyword .play_area .listen_area .btn_type.global {
	background-color: #eb4dc8;
}

.component_entry .component_example .play_area .listen_area .btn_type.gender,
.component_keyword .play_area .listen_area .btn_type.gender {
	background-color: #feb12b;
}

.component_entry .component_example .play_area .listen_area .btn_type.expert,
.component_keyword .play_area .listen_area .btn_type.expert {
	color: #203873;
	border-color: rgba(216, 220, 226, 0.6);
	background-color: #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.guangdong,
.component_keyword .play_area .listen_area .btn_type.guangdong {
	color: #f23b66;
	border-color: rgba(242, 59, 102, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 59, 102, 0.06)), to(rgba(242, 59, 102, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(242, 59, 102, 0.06) 0%, rgba(242, 59, 102, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(242, 59, 102, 0.06) 0%, rgba(242, 59, 102, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.dongbei,
.component_keyword .play_area .listen_area .btn_type.dongbei {
	color: #3880ff;
	border-color: rgba(56, 128, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(56, 128, 255, 0.06)), to(rgba(56, 128, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(56, 128, 255, 0.06) 0%, rgba(56, 128, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(56, 128, 255, 0.06) 0%, rgba(56, 128, 255, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.minnan,
.component_keyword .play_area .listen_area .btn_type.minnan {
	color: #b234ff;
	border-color: rgba(178, 52, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(178, 52, 255, 0.06)), to(rgba(178, 52, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(178, 52, 255, 0.06) 0%, rgba(178, 52, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(178, 52, 255, 0.06) 0%, rgba(178, 52, 255, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.shanghai,
.component_keyword .play_area .listen_area .btn_type.shanghai {
	color: #009a74;
	border-color: rgba(0, 154, 116, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 154, 116, 0.06)), to(rgba(0, 154, 116, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 154, 116, 0.06) 0%, rgba(0, 154, 116, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(0, 154, 116, 0.06) 0%, rgba(0, 154, 116, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.sichuan,
.component_keyword .play_area .listen_area .btn_type.sichuan {
	color: #df6200;
	border-color: rgba(223, 98, 0, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(223, 98, 0, 0.06)), to(rgba(223, 98, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(223, 98, 0, 0.06) 0%, rgba(223, 98, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(223, 98, 0, 0.06) 0%, rgba(223, 98, 0, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.anhui,
.component_keyword .play_area .listen_area .btn_type.anhui {
	color: #e010f2;
	border-color: rgba(224, 16, 242, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(224, 16, 242, 0.06)), to(rgba(224, 16, 242, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(224, 16, 242, 0.06) 0%, rgba(224, 16, 242, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(224, 16, 242, 0.06) 0%, rgba(224, 16, 242, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.weihai,
.component_keyword .play_area .listen_area .btn_type.weihai {
	color: #0094c2;
	border-color: rgba(0, 148, 194, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 148, 194, 0.06)), to(rgba(0, 148, 194, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(0, 148, 194, 0.06) 0%, rgba(0, 148, 194, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(0, 148, 194, 0.06) 0%, rgba(0, 148, 194, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.past,
.component_keyword .play_area .listen_area .btn_type.past {
	color: #0da000;
	border-color: rgba(13, 160, 0, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(13, 160, 0, 0.06)), to(rgba(13, 160, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(13, 160, 0, 0.06) 0%, rgba(13, 160, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(13, 160, 0, 0.06) 0%, rgba(13, 160, 0, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.henan,
.component_keyword .play_area .listen_area .btn_type.henan {
	color: #75f;
	border-color: rgba(119, 85, 255, 0.3);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(119, 85, 255, 0.06)), to(rgba(119, 85, 255, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(119, 85, 255, 0.06) 0%, rgba(119, 85, 255, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(119, 85, 255, 0.06) 0%, rgba(119, 85, 255, 0.06) 100%), #fff;
}

.component_entry .component_example .play_area .listen_area .btn_type.hunan,
.component_keyword .play_area .listen_area .btn_type.hunan {
	color: #ba7b00;
	border-color: rgba(186, 123, 0, 0.4);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(186, 123, 0, 0.06)), to(rgba(186, 123, 0, 0.06))), #fff;
	background: -webkit-linear-gradient(bottom, rgba(186, 123, 0, 0.06) 0%, rgba(186, 123, 0, 0.06) 100%), #fff;
	background: linear-gradient(0deg, rgba(186, 123, 0, 0.06) 0%, rgba(186, 123, 0, 0.06) 100%), #fff;
}

.hanja_option_area {
	margin: 23px 0 0  15px;
	padding-top: 21px;
	border-top: 1px solid #f0f0f0;
}

.hanja_option_area .hanja_option_list::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.hanja_option_area .hanja_option_list .hanja_option_item {
	float: left;
	line-height: 17px;
	font-size: 13px;
	letter-spacing: -0.5px;
}

.hanja_option_area .hanja_option_list .hanja_option_item .link {
	cursor: pointer;
}

.hanja_option_area .hanja_option_list .hanja_option_item:first-child:before {
	content: none;
}

.hanja_option_area .hanja_option_list .hanja_option_item:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 3px 3px 0 7px;
	vertical-align: top;
	background-color: #dddddd;
	content: '';
}

.hanja_option_area .hanja_option_list .hanja_option_item.is-active {
	color: #03c75a;
	font-weight: bold;
}

.component_filter.address .result {
	height: 18px;
	border: 0;
}

.component_filter.address .result .text {
	line-height: 18px;
	margin-top: 22px;
}

.component_filter .hanja_filter_wrap {
	border: solid 1px #e7e7e7;
	background-color: #fafafa;
	padding: 2px 0 15px 5px;
}

.component_filter .hanja_filter_wrap .pagination {
	display: none;
}

.component_filter .hanja_filter_wrap.piture_hanja .subject_item {
	margin-right: 13px;
	min-width: initial;
}

.component_filter .hanja_filter_wrap.piture_hanja .subject_item .text {
	width: auto;
}

.component_filter .address_wrap {
	border: solid 1px #e7e7e7;
}

.component_filter .address_wrap .address_tab {
	padding: 12px 20px;
	background-color: #fafafa;
}

.component_filter .address_wrap .address_tab::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_filter .address_wrap .option_address {
	float: left;
}

.component_filter .address_wrap .option_address .option_item {
	float: left;
	margin-right: 20px;
	height: 31px;
	line-height: 31px;
}

.component_filter .address_wrap .option_address .option_item.is-active .text:after {
	position: absolute;
	top: 9px;
	left: 4px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #03c75a;
	content: '';
}

.component_filter .address_wrap .option_address .text {
	position: relative;
	display: block;
	height: 31px;
	padding-left: 23px;
	color: #444;
	line-height: 31px;
	font-size: 13px;
	cursor: pointer;
}

.fs2 .component_filter .address_wrap .option_address .text {
	font-size: 14px;
}

.fs3 .component_filter .address_wrap .option_address .text {
	font-size: 15px;
}

.fs4 .component_filter .address_wrap .option_address .text {
	font-size: 16px;
}

.component_filter .address_wrap .option_address .text:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 16px;
	height: 16px;
	border: solid 1px #dfdfdf;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.component_filter .address_wrap .select_address {
	float: right;
}

.component_filter .address_wrap .select_address .select_item {
	position: relative;
	float: left;
	padding: 0 20px 0 15px;
	margin-left: 8px;
	width: 87px;
	height: 29px;
	line-height: 29px;
	border: solid 1px #d5d5d7;
	color: #999;
	background-color: #fff;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.component_filter .address_wrap .select_address .select_item[aria-selected="true"] {
	color: #333;
}

.component_filter .address_wrap .select_address .select_item:before {
	position: absolute;
	top: 13px;
	right: 10px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #bebebe;
	content: '';
}

.component_filter .address_wrap .address_list::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_filter .address_wrap .address_list.sejong .address_item {
	width: 100%;
}

.component_filter .address_wrap .address_list .address_item {
	position: relative;
	display: table;
	float: left;
	width: 33.3%;
	height: 46px;
	line-height: 17px;
	text-align: center;
	border: 1px solid #f0f0f0;
	border-width: 1px 0 0 1px;
	margin: -1px 0 0 -1px;
	font-size: 14px;
	cursor: pointer;
	color: #333;
	vertical-align: middle;
}

.fs2 .component_filter .address_wrap .address_list .address_item {
	font-size: 15px;
}

.fs3 .component_filter .address_wrap .address_list .address_item {
	font-size: 16px;
}

.fs4 .component_filter .address_wrap .address_list .address_item {
	font-size: 17px;
}

.component_filter .address_wrap .address_list .address_item .text {
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
}

.component_filter .address_wrap .address_list .address_item.is-selected, .component_filter .address_wrap .address_list .address_item[aria-selected='true'] {
	color: #03c75a;
	font-weight: bold;
}

.component_filter .subject_list {
	overflow: hidden;
}

.component_filter .subject_item {
	float: left;
	min-width: 57px;
	margin: 15px 0 0 5px;
}

.component_filter .subject_item.is-active .text:after {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #03c75a;
	content: '';
}

.section_chinalab_search .component_filter .subject_item {
	min-width: auto;
	margin-left: 12px;
}

.section_chinalab_search .component_filter .subject_item:first-child {
	margin-left: 5px;
}

.component_filter .subject_item .text {
	position: relative;
	display: block;
	width: 46px;
	height: 18px;
	padding-left: 23px;
	color: #444;
	line-height: 18px;
	font-size: 13px;
	cursor: pointer;
}

.fs2 .component_filter .subject_item .text {
	font-size: 14px;
}

.fs3 .component_filter .subject_item .text {
	font-size: 15px;
}

.fs4 .component_filter .subject_item .text {
	font-size: 16px;
}

.component_filter .subject_item .text:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border: solid 1px #dfdfdf;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.section_chinalab_search .component_filter .subject_item .text {
	width: auto;
}

.component_filter .tab_wrap {
	position: relative;
	border: solid 1px #e7e7e7;
}

.component_filter .tab_wrap.is-open .word_area {
	display: block;
}

.component_filter .tab_wrap.is-open .btn_area .btn_more:before {
	background-position: -382px -405px;
	width: 12px;
	height: 7px;
}

.component_filter .tab_wrap .btn_area {
	position: absolute;
	cursor: pointer;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border: solid 1px #e5e5e5;
	background-color: #fff;
	width: 48px;
}

.component_filter .tab_wrap .btn_area .btn_more {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.component_filter .tab_wrap .btn_area .btn_more:before {
	background-position: -339px -447px;
	width: 12px;
	height: 8px;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	outline: none;
}

.component_filter .tab_wrap .tab_area {
	padding-right: 48px;
	background-color: #fafafa;
}

.component_filter .tab_wrap .tab_area .tab_list {
	padding: 12px 6px;
}

.component_filter .tab_wrap .tab_area .tab_list::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_filter .tab_wrap .tab_area .tab_item {
	position: relative;
	float: left;
	min-width: 16px;
	padding: 0 11px;
	color: #444;
	line-height: 25px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}

.fs2 .component_filter .tab_wrap .tab_area .tab_item {
	font-size: 16px;
}

.fs3 .component_filter .tab_wrap .tab_area .tab_item {
	font-size: 17px;
}

.fs4 .component_filter .tab_wrap .tab_area .tab_item {
	font-size: 18px;
}

.component_filter .tab_wrap .tab_area .tab_item.is-selected {
	color: #03c75a;
	font-weight: bold;
}

.component_filter .tab_wrap .tab_area .tab_item:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	content: ' ';
}

.component_filter .tab_wrap .tab_area .tab_item:first-child:before {
	content: none;
}

.component_filter .word_area {
	display: none;
	padding-right: 48px;
}

.component_filter .word_list {
	padding: 2px 8px 17px 20px;
}

.component_filter .word_list::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.component_filter .word_list .word_item {
	float: left;
	width: 74px;
	margin-top: 15px;
	line-height: 18px;
}

.component_filter .word_list .word_item.is-active .text {
	color: #03c75a;
	font-weight: bold;
}

.component_filter .word_list .word_item.is-active .text:after {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #03c75a;
	content: '';
}

.component_filter .word_list .word_item .text {
	position: relative;
	display: block;
	padding-left: 23px;
	font-size: 13px;
	color: #444;
}

.fs2 .component_filter .word_list .word_item .text {
	font-size: 14px;
}

.fs3 .component_filter .word_list .word_item .text {
	font-size: 15px;
}

.fs4 .component_filter .word_list .word_item .text {
	font-size: 16px;
}

.component_filter .word_list .word_item .text:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border: solid 1px #e0e0e0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.component_keyword .btn_copy {
	width: 72px;
	height: 24px;
	margin: 10px 0;
	line-height: 24px;
	border: solid 1px #eaeaea;
	font-size: 12px;
	color: #697994;
}

.fs2 .component_keyword .btn_copy {
	font-size: 13px;
}

.fs3 .component_keyword .btn_copy {
	font-size: 14px;
}

.fs4 .component_keyword .btn_copy {
	font-size: 15px;
}

.component_keyword .btn_copy:before {
	background-position: -468px -232px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 4px;
	content: '';
}

.component_keyword .hanja_list {
	overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
	margin-top: -16px;
}

.component_keyword .hanja_list + .paginate {
	border-top: 0;
}

.component_keyword .hanja_item {
	float: left;
	width: 168px;
	margin-bottom: -1px;
	height: 75px;
	border-bottom: 1px solid #f0f0f0;
}

.component_keyword .inner {
	display: table;
	table-layout: fixed;
	height: 100%;
}

.component_keyword .name_word {
	display: table-cell;
	width: 30px;
	padding-right: 10px;
	line-height: 44px;
	font-weight: 500;
	color: #1b47b9;
	font-size: 28px;
	vertical-align: middle;
}

.fs2 .component_keyword .name_word {
	font-size: 29px;
}

.fs3 .component_keyword .name_word {
	font-size: 30px;
}

.fs4 .component_keyword .name_word {
	font-size: 31px;
}

.component_keyword .name_word .link {
	display: block;
	cursor: pointer;
}

.component_keyword .name_mean {
	display: table-cell;
	width: 112px;
	vertical-align: middle;
	overflow: hidden;
}

.component_keyword .name_mean .mean {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.7px;
}

.fs2 .component_keyword .name_mean .mean {
	font-size: 15px;
}

.fs3 .component_keyword .name_mean .mean {
	font-size: 16px;
}

.fs4 .component_keyword .name_mean .mean {
	font-size: 17px;
}

.component_keyword .name_mean .origin_hanja {
	line-height: 16px;
	margin-bottom: 1px;
	color: #777;
	font-size: 13px;
}

.fs2 .component_keyword .name_mean .origin_hanja {
	font-size: 14px;
}

.fs3 .component_keyword .name_mean .origin_hanja {
	font-size: 15px;
}

.fs4 .component_keyword .name_mean .origin_hanja {
	font-size: 16px;
}

.component_keyword .row .nation_hanja_list {
	margin: 9px 0 4px;
	border: 1px solid #e7e7e7;
}

.component_keyword .row .nation_hanja_item {
	overflow: hidden;
	height: 53px;
	line-height: 53px;
}

.component_keyword .row .nation_hanja_item + .nation_hanja_item {
	border-top: 1px solid #e7e7e7;
}

.component_keyword .row .nation_hanja_item .cate {
	width: 85px;
	float: left;
	text-align: center;
	background-color: #fafafa;
}

.component_keyword .row .nation_hanja_item .word {
	overflow: hidden;
	padding-left: 20px;
}

.component_keyword .row .nation_hanja_item .word .hanja_link {
	display: inline-block;
	font-size: 24px;
	color: #1b47b9;
}

.fs2 .component_keyword .row .nation_hanja_item .word .hanja_link {
	font-size: 25px;
}

.fs3 .component_keyword .row .nation_hanja_item .word .hanja_link {
	font-size: 26px;
}

.fs4 .component_keyword .row .nation_hanja_item .word .hanja_link {
	font-size: 27px;
}

.component_keyword .row .nation_hanja_item .word .mean {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	padding-left: 4px;
}

.fs2 .component_keyword .row .nation_hanja_item .word .mean {
	font-size: 15px;
}

.fs3 .component_keyword .row .nation_hanja_item .word .mean {
	font-size: 16px;
}

.fs4 .component_keyword .row .nation_hanja_item .word .mean {
	font-size: 17px;
}

.component_keyword .row .origin .hanja_link {
	display: inline-block;
	margin-top: 2px;
	line-height: 40px;
	font-size: 36px;
	color: #1b47b9;
	font-weight: 500;
}

.fs2 .component_keyword .row .origin .hanja_link {
	line-height: 41px;
}

.fs3 .component_keyword .row .origin .hanja_link {
	line-height: 42px;
}

.fs2 .component_keyword .row .origin .hanja_link {
	font-size: 37px;
}

.fs3 .component_keyword .row .origin .hanja_link {
	font-size: 38px;
}

.fs4 .component_keyword .row .origin .hanja_link {
	font-size: 39px;
}

.component_keyword .row .origin .hanja_link .num {
	vertical-align: top;
}

.component_keyword .row .origin .hanja_link + .mean {
	line-height: 33px;
	margin: 2px 0 0 6px;
}

.component_keyword .row .relation_list {
	overflow: hidden;
	margin: 8px 0 4px;
	padding: 0 14px 15px 8px;
	background-color: #f9f9f9;
}

.component_keyword .row .relation_list.same_mean .relation_item {
	width: 20%;
}

.component_keyword .row .relation_list.same_mean .relation_item .relation_inner .mean {
	width: 88px;
}

.component_keyword .row .relation_item {
	float: left;
	width: 25%;
}

.component_keyword .row .relation_item .relation_inner {
	margin: 15px 0 0 12px;
	line-height: 24px;
}

.component_keyword .row .relation_item .relation_inner .link {
	float: left;
	margin-right: 8px;
	color: #1b47b9;
	font-size: 21px;
}

.fs2 .component_keyword .row .relation_item .relation_inner .link {
	font-size: 22px;
}

.fs3 .component_keyword .row .relation_item .relation_inner .link {
	font-size: 23px;
}

.fs4 .component_keyword .row .relation_item .relation_inner .link {
	font-size: 24px;
}

.component_keyword .row .relation_item .relation_inner .mean {
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.5px;
	font-size: 14px;
}

.fs2 .component_keyword .row .relation_item .relation_inner .mean {
	font-size: 15px;
}

.fs3 .component_keyword .row .relation_item .relation_inner .mean {
	font-size: 16px;
}

.fs4 .component_keyword .row .relation_item .relation_inner .mean {
	font-size: 17px;
}

.component_keyword .row .relation_item .relation_inner .type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 88px;
	font-size: 13px;
	color: #666;
}

.fs2 .component_keyword .row .relation_item .relation_inner .type {
	font-size: 14px;
}

.fs3 .component_keyword .row .relation_item .relation_inner .type {
	font-size: 15px;
}

.fs4 .component_keyword .row .relation_item .relation_inner .type {
	font-size: 16px;
}

.component_paginate {
	display: none;
}

.section_cjk_hanja .origin {
	margin-top: 3px;
}

.study_area {
	margin-top: 16px;
	font-size: 16px;
	line-height: 22px;
}

.fs2 .study_area {
	font-size: 17px;
}

.fs3 .study_area {
	font-size: 18px;
}

.fs4 .study_area {
	font-size: 19px;
}

.fs2 .study_area {
	line-height: 23px;
}

.fs3 .study_area {
	line-height: 24px;
}

.study_area + .study_area {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #ecf0f2;
}

.is-darkmode .study_area + .study_area {
	border-color: rgba(236, 240, 242, 0.1);
}

.is-darkmode .study_area {
	color: #d9d9d9;
}

.study_area .example:before {
	content: none;
}

.study_area .cate {
	display: block;
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 28px;
}

.fs2 .study_area .cate {
	font-size: 25px;
}

.fs3 .study_area .cate {
	font-size: 26px;
}

.fs4 .study_area .cate {
	font-size: 27px;
}

.fs2 .study_area .cate {
	line-height: 29px;
}

.fs3 .study_area .cate {
	line-height: 30px;
}

.is-darkmode .study_area .cate {
	color: #d9d9d9;
}

.study_area .cate ~ h1,
.study_area .cate ~ h2 {
	margin-top: 8px;
}

.study_area .source {
	margin-top: 16px;
	font-size: 13px;
	line-height: 15px;
	color: #8f8f8f;
}

.fs2 .study_area .source {
	font-size: 14px;
}

.fs3 .study_area .source {
	font-size: 15px;
}

.fs4 .study_area .source {
	font-size: 16px;
}

.fs2 .study_area .source {
	line-height: 16px;
}

.fs3 .study_area .source {
	line-height: 17px;
}

.study_area h1 {
	font-size: 24px;
	line-height: 26px;
}

.fs2 .study_area h1 {
	font-size: 25px;
}

.fs3 .study_area h1 {
	font-size: 26px;
}

.fs4 .study_area h1 {
	font-size: 27px;
}

.fs2 .study_area h1 {
	line-height: 27px;
}

.fs3 .study_area h1 {
	line-height: 28px;
}

.study_area h1 + p {
	margin-top: 20px;
}

.is-darkmode .study_area h1 {
	color: #fff;
}

.study_area h1.h1 {
	font-size: 18px;
	display: inline-block;
	padding: 2px 15px;
	font-weight: 600;
	background-color: #0a1e57;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	color: #fff;
	vertical-align: top;
}

.fs2 .study_area h1.h1 {
	font-size: 19px;
}

.fs3 .study_area h1.h1 {
	font-size: 20px;
}

.fs4 .study_area h1.h1 {
	font-size: 21px;
}

.study_area h1.h1 + .color-blue {
	margin-top: 20px;
}

.study_area h1.h1 + h2 {
	margin-top: 20px;
}

.study_area h1 + h2 {
	margin-top: 24px;
}

.study_area h2 {
	font-size: 20px;
	line-height: 28px;
}

.fs2 .study_area h2 {
	font-size: 21px;
}

.fs3 .study_area h2 {
	font-size: 22px;
}

.fs4 .study_area h2 {
	font-size: 23px;
}

.fs2 .study_area h2 {
	line-height: 29px;
}

.fs3 .study_area h2 {
	line-height: 30px;
}

.study_area h2 + p {
	margin-top: 8px;
}

.is-darkmode .study_area h2 {
	color: #fff;
}

.is-darkmode .study_area h2.color-blue {
	color: #aac2ff;
}

.is-darkmode .study_area h2.h2 {
	color: #d9d9d9;
}

.study_area h3 {
	font-size: 20px;
	line-height: 22px;
	margin-top: 32px;
	font-weight: 600;
}

.fs2 .study_area h3 {
	font-size: 21px;
}

.fs3 .study_area h3 {
	font-size: 22px;
}

.fs4 .study_area h3 {
	font-size: 23px;
}

.fs2 .study_area h3 {
	line-height: 23px;
}

.fs3 .study_area h3 {
	line-height: 24px;
}

.is-darkmode .study_area h3 {
	color: #fff;
}

.study_area h3 + .bullet {
	margin-top: 16px;
}

.is-darkmode .study_area h3 + p {
	background-color: #3d363f;
}

.study_area .strike {
	text-decoration: line-through;
}

.study_area .sub_title {
	display: block;
	margin-top: 8px;
	color: #000;
}

.study_area .sub_title + .example-group {
	margin-top: 8px;
}

.is-darkmode .study_area .sub_title {
	color: rgba(255, 255, 255, 0.8);
}

.study_area .text {
	display: block;
	margin-top: 8px;
	color: #000;
}

.is-darkmode .study_area .text {
	color: rgba(255, 255, 255, 0.8);
}

.study_area .example-group + .sub_title {
	margin-top: 16px;
}

.study_area i {
	font-style: italic;
}

.study_area ul,
.study_area p {
	margin-top: 12px;
}

.study_area p + p {
	margin-top: 24px;
}

.is-darkmode .study_area p, .is-darkmode .study_area p.ref {
	color: #d9d9d9;
}

.study_area p.ref {
	color: #666;
}

.study_area p.ref + .color-blue {
	margin-top: 40px;
}

.study_area ul + p {
	margin-top: 24px;
}

.study_area ul + h2 {
	margin-top: 24px;
}

.is-darkmode .study_area ul.examples {
	color: #d9d9d9;
}

.study_area ul.examples + .examples:before {
	top: 0;
}

.study_area ul.examples {
	position: relative;
	padding-left: 15px;
	color: #666;
}

.study_area ul.examples li {
	margin: 8px 0;
}

.study_area ul.examples:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background-color: #eee;
	content: '';
}

.is-darkmode .study_area ul.examples:before {
	background-color: #464646;
}

.is-darkmode .study_area ul.examples {
	color: #d9d9d9;
}

.study_area table {
	font-size: 16px;
	line-height: 22px;
	position: relative;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	margin-top: 16px;
	padding: 0 13px;
	background-color: #fdf1ee;
	border-collapse: collapse;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #333;
	font-weight: 600;
}

.fs2 .study_area table {
	font-size: 17px;
}

.fs3 .study_area table {
	font-size: 18px;
}

.fs4 .study_area table {
	font-size: 19px;
}

.fs2 .study_area table {
	line-height: 23px;
}

.fs3 .study_area table {
	line-height: 24px;
}

.is-darkmode .study_area table {
	background-color: #3d363f;
}

.study_area table:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0.03);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	content: '';
}

.study_area table + p {
	margin-top: 24px;
}

.study_area table th {
	padding: 5px 24px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.03);
}

.is-darkmode .study_area table th {
	color: rgba(255, 255, 255, 0.9);
	background-color: #3d2f41;
}

.study_area table td {
	position: relative;
	padding: 5px 24px;
	max-width: 150px;
}

.is-darkmode .study_area table td {
	font-size: 14px;
	color: rgba(217, 217, 217, 0.9);
}

.fs2 .is-darkmode .study_area table td {
	font-size: 15px;
}

.fs3 .is-darkmode .study_area table td {
	font-size: 16px;
}

.fs4 .is-darkmode .study_area table td {
	font-size: 17px;
}

.study_area table td:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.15);
	content: '';
}

.is-darkmode .study_area table td:after {
	background-color: rgba(236, 240, 242, 0.1);
}

.study_area table td:first-child:after {
	left: 13px;
}

.study_area table td:last-child:after {
	right: 13px;
}

.study_area table tr:last-child td:after {
	content: none;
}

.study_area hr {
	display: block;
	border: 1px solid #ecf0f2;
	border-width: 1px 0 0 0;
	margin: 24px 0 0;
}

.is-darkmode .study_area hr {
	border-color: #333435;
}

.study_area .color-blue {
	color: #4a74c7;
}

.is-darkmode .study_area .color-blue {
	color: #3288ff;
}

.study_area .color-red {
	color: #ff5650;
	-webkit-text-decoration-color: #ff5650;
	        text-decoration-color: #ff5650;
	font-weight: 700;
}

.is-darkmode .study_area .color-red {
	color: #ff9595;
	-webkit-text-decoration-color: #ff9595;
	        text-decoration-color: #ff9595;
}

.is-darkmode .study_area .example-group .example, .is-darkmode
.study_area .example-group .strike {
	color: #d9d9d9;
}

.study_area .example-group .strike .color-red {
	-webkit-text-decoration-line: line-through;
	        text-decoration-line: line-through;
}

.study_area .phon {
	display: inline-block;
	margin-top: 4px;
}

.study_area .examples .example {
	position: relative;
	padding-left: 15px;
	margin-top: 8px;
	color: #666;
}

.is-darkmode .study_area .examples .example {
	color: #d9d9d9;
}

.study_area .examples .example:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	border-left: 0;
	background-color: #eee;
	content: '';
}

.is-darkmode .study_area .examples .example:before {
	background-color: #464646;
}

.study_area .examples .example .x,
.study_area .examples .example .tx {
	font-size: 15px;
	line-height: 20px;
	display: block;
}

.fs2 .study_area .examples .example .x, .fs2
.study_area .examples .example .tx {
	font-size: 16px;
}

.fs3 .study_area .examples .example .x, .fs3
.study_area .examples .example .tx {
	font-size: 17px;
}

.fs4 .study_area .examples .example .x, .fs4
.study_area .examples .example .tx {
	font-size: 18px;
}

.fs2 .study_area .examples .example .x, .fs2
.study_area .examples .example .tx {
	line-height: 21px;
}

.fs3 .study_area .examples .example .x, .fs3
.study_area .examples .example .tx {
	line-height: 22px;
}

.study_area .examples .example .x {
	font-style: italic;
}

.is-darkmode .study_area .examples .example .x {
	color: #d9d9d9;
}

.study_area .examples .example .tx {
	margin-top: 2px;
	vertical-align: top;
}

.is-darkmode .study_area .examples .example .tx {
	color: #999;
}

.study_area .example-group,
.study_area .example,
.study_area .transexample {
	display: block;
}

.study_area .example-group {
	position: relative;
	padding-left: 15px;
	color: #666;
}

.study_area .example-group:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background-color: #eee;
	content: '';
}

.is-darkmode .study_area .example-group:before {
	background-color: #464646;
}

.study_area .example-group + .example-group:before {
	top: -8px;
}

.is-darkmode .study_area .example-group + p {
	color: rgba(255, 255, 255, 0.7);
}

.is-darkmode .study_area .example-group {
	color: rgba(255, 255, 255, 0.7);
}

.study_area .example-group .example,
.study_area .example-group .transexample {
	display: block;
	font-size: 16px;
	line-height: 22px;
}

.fs2 .study_area .example-group .example, .fs2
.study_area .example-group .transexample {
	font-size: 17px;
}

.fs3 .study_area .example-group .example, .fs3
.study_area .example-group .transexample {
	font-size: 18px;
}

.fs4 .study_area .example-group .example, .fs4
.study_area .example-group .transexample {
	font-size: 19px;
}

.fs2 .study_area .example-group .example, .fs2
.study_area .example-group .transexample {
	line-height: 23px;
}

.fs3 .study_area .example-group .example, .fs3
.study_area .example-group .transexample {
	line-height: 24px;
}

.study_area .example-group .example {
	margin-top: 8px;
	font-weight: 500;
}

.study_area .example-group .example + .transexample {
	margin-top: 4px;
}

.study_area .example-group .strike {
	display: block;
	margin-top: 8px;
}

.study_area .example {
	color: #666;
}

.is-darkmode .study_area .example {
	color: #d9d9d9;
}

.study_area .transexample {
	color: #666;
}

.is-darkmode .study_area .transexample {
	color: #999;
}

.study_area .bullet.dot {
	font-size: 15px;
	line-height: 20px;
	margin-top: 16px;
	color: #333;
}

.fs2 .study_area .bullet.dot {
	font-size: 16px;
}

.fs3 .study_area .bullet.dot {
	font-size: 17px;
}

.fs4 .study_area .bullet.dot {
	font-size: 18px;
}

.fs2 .study_area .bullet.dot {
	line-height: 21px;
}

.fs3 .study_area .bullet.dot {
	line-height: 22px;
}

.study_area .bullet.dot b {
	font-size: 16px;
	color: #000;
}

.fs2 .study_area .bullet.dot b {
	font-size: 17px;
}

.fs3 .study_area .bullet.dot b {
	font-size: 18px;
}

.fs4 .study_area .bullet.dot b {
	font-size: 19px;
}

.is-darkmode .study_area .bullet.dot b {
	color: #fff;
}

.study_area .bullet.dot li {
	position: relative;
	padding-left: 10px;
}

.study_area .bullet.dot li:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #000;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.is-darkmode .study_area .bullet.dot li:before {
	background-color: #d9d9d9;
}

.is-darkmode .study_area .bullet.dot li {
	color: #d9d9d9;
}

.study_area .bullet.dot li + li {
	margin-top: 6px;
}

.is-darkmode .study_area .bullet.dot li i {
	color: #999;
}

.study_area .bullet {
	margin-top: 16px;
}

.study_area .bullet li + li {
	margin-top: 16px;
}

.study_area .bullet li i[pos] {
	font-weight: 700;
	color: #4a74c7;
}

.is-darkmode .study_area .bullet li i[pos] {
	color: #abc3e3;
}

.study_area .bullet li .ref {
	color: #888;
}

.is-darkmode .study_area .bullet li .ref, .is-darkmode
.study_area .bullet li .ref b {
	color: #999;
}

.study_area .bullet li > .example,
.study_area .bullet li > .transexample {
	font-size: 15px;
	line-height: 20px;
	position: relative;
	padding-left: 16px;
	display: block;
}

.fs2 .study_area .bullet li > .example, .fs2
.study_area .bullet li > .transexample {
	font-size: 16px;
}

.fs3 .study_area .bullet li > .example, .fs3
.study_area .bullet li > .transexample {
	font-size: 17px;
}

.fs4 .study_area .bullet li > .example, .fs4
.study_area .bullet li > .transexample {
	font-size: 18px;
}

.fs2 .study_area .bullet li > .example, .fs2
.study_area .bullet li > .transexample {
	line-height: 21px;
}

.fs3 .study_area .bullet li > .example, .fs3
.study_area .bullet li > .transexample {
	line-height: 22px;
}

.study_area .bullet li > .example:after,
.study_area .bullet li > .transexample:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background-color: #eee;
	content: '';
}

.is-darkmode .study_area .bullet li > .example:after, .is-darkmode
.study_area .bullet li > .transexample:after {
	background-color: #464646;
}

.study_area .pron {
	color: #888;
}

.is-darkmode .study_area .pron {
	color: #999;
}

.study_area .xh {
	font-weight: 600;
}

.study_area .box_area {
	font-size: 14px;
	line-height: 22px;
	margin: 16px 0;
	padding: 16px;
	background-color: #fdf1ee;
	border: 1px solid rgba(0, 0, 0, 0.03);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

.fs2 .study_area .box_area {
	font-size: 15px;
}

.fs3 .study_area .box_area {
	font-size: 16px;
}

.fs4 .study_area .box_area {
	font-size: 17px;
}

.fs2 .study_area .box_area {
	line-height: 23px;
}

.fs3 .study_area .box_area {
	line-height: 24px;
}

.is-darkmode .study_area .box_area {
	color: #d9d9d9;
	background-color: #3d363f;
}

.study_area .box_area h3,
.study_area .box_area p {
	margin: 0;
	color: #444;
}

.is-darkmode .study_area .box_area h3, .is-darkmode
.study_area .box_area p {
	color: #d9d9d9;
}

.study_area .box_area h3 {
	font-size: 14px;
}

.fs2 .study_area .box_area h3 {
	font-size: 15px;
}

.fs3 .study_area .box_area h3 {
	font-size: 16px;
}

.fs4 .study_area .box_area h3 {
	font-size: 17px;
}

.study_area .box_area .example-group {
	font-size: 14px;
}

.fs2 .study_area .box_area .example-group {
	font-size: 15px;
}

.fs3 .study_area .box_area .example-group {
	font-size: 16px;
}

.fs4 .study_area .box_area .example-group {
	font-size: 17px;
}

.study_area .box_area .example-group .example,
.study_area .box_area .example-group .transexample {
	font-size: 14px;
}

.fs2 .study_area .box_area .example-group .example, .fs2
.study_area .box_area .example-group .transexample {
	font-size: 15px;
}

.fs3 .study_area .box_area .example-group .example, .fs3
.study_area .box_area .example-group .transexample {
	font-size: 16px;
}

.fs4 .study_area .box_area .example-group .example, .fs4
.study_area .box_area .example-group .transexample {
	font-size: 17px;
}

.study_area .deflist {
	margin-top: 24px;
}

.study_area .deflist li + li {
	margin-top: 24px;
}