@charset "UTF-8";
.entry-wrap .mean_item .example .btn_expand {
	background-image: url(../img/sp_m.png);
	-webkit-background-size: 342px 313px;
	        background-size: 342px 313px;
}

.dict-header .search-input .input-delete:after, .section-main .section_keyword .section_title .sort .btn_sort.selected:before, .section-main .section_keyword .view.video:after, .section-main .section_keyword .view.audio:after, .section-main .section_keyword .social .btn_reply .icon_reply, .section-main .section_keyword .info:before, .section-main .section_keyword .warning:before, .auto-complete__layer .btn-wrap .btn-autosave:before, .auto-complete__layer .btn-wrap .btn-autosave.on:before, .entry-wrap .btn_reply .icon_reply:after, .entry-wrap .tool-hit:before, .entry-wrap .spi_sns_share:after, .entry-wrap .btn_report:before, .entry-wrap .section_mean .info:before, .entry-wrap .section_mean .warning:before, .entry-info .info-title:before, .section_image .btn-more:after, .section-audio .audio-list .thumb-area:after, .section-audio .audio-list .audio .btn-play:after, .section-audio .btn-more:after, .section-video .btn-more:after, .section-otherword .word-link .desc .icon-more:after, .section-otherword .word-link .desc .icon-video:after, .section-otherword .word-link .social .btn_reply .icon_reply, .section-openpro .icon-more:after, .section-openpro .icon-video:after, .section-openpro .social .btn_reply .icon_reply, .pop-audio .audio .btn-play:after, .ly_open .btn_close:after, .ly_open .check_area .btn_check:before, .ly_open .check_area .btn_check.on:before, .event-layer .input-check:checked + .check-label:before, .event-layer .check-label:before, .event-layer .btn-close2:before, .header-dictmain .link-home:after,
.header-dictmain .logo-event:after, .header-dictmain .dictmain-link.type-best:after, .header-dictmain .dictmain-link.type-challenge:after, .header .logo-n:after, .header .layer-search .input-search:after, .header .layer-search .btn-wrap .btn-toggle:before, .header .layer-search .btn-wrap .btn-toggle.on:before, .header.pc .layer-search .input-area:before, .notice .notice-open:after, .inform .inform-header .btn-toggle:after {
	background-image: url(../img/sp_openpro_new_png.png);
	-webkit-background-size: 172px 168px;
	        background-size: 172px 168px;
}

.entry-wrap .entry_conjugation_list .unit_listen .btn_listen:after, .entry-wrap .entry_conjugation_list .unit_listen .btn_listen.stop:after, .entry-wrap .entry_conjugation_list .unit_listen .btn_listen.active.stop:after, .entry-wrap .entry_conjugation_list .unit_listen .tts.stop:after, .entry-wrap .entry_conjugation_list .unit_listen .tts.active.stop:after, .entry-wrap .mean_item .example.is-expanded .btn_expand {
	background-image: url(../img/sp_pc.png);
	-webkit-background-size: 488px 469px;
	        background-size: 488px 469px;
}

.section-openpro .badge .badge-img.best01-01:after, .section-openpro .badge .badge-img.best01-02:after, .section-openpro .badge .badge-img.best01-03:after, .section-openpro .badge .badge-img.best02-01:after, .section-openpro .badge .badge-img.best02-02:after, .section-openpro .badge .badge-img.best02-03:after, .section-openpro .badge .badge-img.best03-01:after, .section-openpro .badge .badge-img.best03-02:after, .section-openpro .badge .badge-img.best03-03:after, .section-openpro .badge .badge-img.best04-01:after, .section-openpro .badge .badge-img.best04-02:after, .section-openpro .badge .badge-img.best04-03:after, .section-openpro .badge .badge-img.best05-01:after, .section-openpro .badge .badge-img.best05-02:after, .section-openpro .badge .badge-img.best05-03:after, .section-openpro .badge .badge-img.best06-01:after, .section-openpro .badge .badge-img.best06-02:after, .section-openpro .badge .badge-img.best06-03:after, .section-openpro .badge .badge-img.best07-01:after, .section-openpro .badge .badge-img.best07-02:after, .section-openpro .badge .badge-img.best07-03:after, .section-openpro .badge .badge-img.best08-01:after, .section-openpro .badge .badge-img.best08-02:after, .section-openpro .badge .badge-img.best08-03:after, .section-openpro .badge .badge-img.best09-01:after, .section-openpro .badge .badge-img.best09-02:after, .section-openpro .badge .badge-img.best09-03:after, .section-openpro .badge .badge-img.pro01-01:after, .section-openpro .badge .badge-img.pro01-02:after, .section-openpro .badge .badge-img.pro01-03:after, .section-openpro .badge .badge-img.pro02-01:after, .section-openpro .badge .badge-img.pro02-02:after, .section-openpro .badge .badge-img.pro02-03:after, .section-openpro .badge .badge-img.pro03-01:after, .section-openpro .badge .badge-img.pro03-02:after, .section-openpro .badge .badge-img.pro03-03:after, .section-openpro .badge .badge-img.pro04-01:after, .section-openpro .badge .badge-img.pro04-02:after, .section-openpro .badge .badge-img.pro04-03:after, .section-openpro .badge .badge-img.pro05-01:after, .section-openpro .badge .badge-img.pro05-02:after, .section-openpro .badge .badge-img.pro05-03:after, .section-openpro .badge .badge-img.pro06-01:after, .section-openpro .badge .badge-img.pro06-02:after, .section-openpro .badge .badge-img.pro06-03:after, .section-openpro .badge .badge-img.pro07-01:after, .section-openpro .badge .badge-img.pro07-02:after, .section-openpro .badge .badge-img.pro07-03:after, .section-openpro .badge .badge-img.pro08-01:after, .section-openpro .badge .badge-img.pro08-02:after, .section-openpro .badge .badge-img.pro08-03:after, .section-openpro .badge .badge-img.pro09-01:after, .section-openpro .badge .badge-img.pro09-02:after, .section-openpro .badge .badge-img.pro09-03:after, .section-openpro .badge .badge-img.master01-01:after, .section-openpro .badge .badge-img.master01-02:after, .section-openpro .badge .badge-img.master01-03:after, .section-openpro .badge .badge-img.master02-01:after, .section-openpro .badge .badge-img.master02-02:after, .section-openpro .badge .badge-img.master02-03:after, .section-openpro .badge .badge-img.master03-01:after, .section-openpro .badge .badge-img.master03-02:after, .section-openpro .badge .badge-img.master03-03:after, .section-openpro .badge .badge-img.master04-01:after, .section-openpro .badge .badge-img.master04-02:after, .section-openpro .badge .badge-img.master04-03:after, .section-openpro .badge .badge-img.master05-01:after, .section-openpro .badge .badge-img.master05-02:after, .section-openpro .badge .badge-img.master05-03:after, .section-openpro .badge .badge-img.master06-01:after, .section-openpro .badge .badge-img.master06-02:after, .section-openpro .badge .badge-img.master06-03:after, .section-openpro .badge .badge-img.master07-01:after, .section-openpro .badge .badge-img.master07-02:after, .section-openpro .badge .badge-img.master07-03:after, .section-openpro .badge .badge-img.master08-01:after, .section-openpro .badge .badge-img.master08-02:after, .section-openpro .badge .badge-img.master08-03:after, .section-openpro .badge .badge-img.master09-01:after, .section-openpro .badge .badge-img.master09-02:after, .section-openpro .badge .badge-img.master09-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-main .section_keyword .social .tool-hit:before, .auto-complete__layer .auto-keyword:before, .recent-keyword__layer .word-list .word-item .word-item__link:before, .section-otherword .word-link .social .tool-hit:before, .section-openpro .social .tool-hit:before, .header .layer-search .search-close:after, .header .layer-search .item-link:before, .footer .filter-item.selected:before, .footer .info:after, .footer .info.is-open:after, .guide .guide-link:after {
	background-image: url(../img/sp_openpro_new.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_openpro_new.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_openpro_new.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_openpro_new.svg);
	-webkit-background-size: 116px 105px;
	        background-size: 116px 105px;
}

.dict-header .btn-search:after, .btn-top:after {
	background-image: url(../img/sp_openpro_new_v2.png);
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url(../img/sp_openpro_new_v2.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sp_openpro_new_v2.svg);
	background-image: linear-gradient(transparent, transparent), url(../img/sp_openpro_new_v2.svg);
	-webkit-background-size: 52px 27px;
	        background-size: 52px 27px;
}

.section-main .section_empty .btn_show_all_result:after, .section-main .section_keyword .section_more:after, .section_page .paginate .prev:after, .section_page .paginate .next:after, .recent-keyword__layer .word-list .word-item .word-item__delete:before, .section-audio .audio-list .audio .btn-pause:after, .pop_image .navigation .btn_prev:after, .pop_image .navigation .btn_prev:disabled:after, .pop_image .navigation .btn_next:after, .pop_image .navigation .btn_next:disabled:after, .pop-audio .audio-area .btn-prev:after, .pop-audio .audio-area .btn-prev:disabled:after, .pop-audio .audio-area .btn-next:after, .pop-audio .audio-area .btn-next:disabled:after, .pop-audio .audio .btn-pause:after, .preview .preview-info .btn-refresh:after, .ly_open .open_trial .item .text.point:after, .ly_open .open_trial .item .text:after, .ly_open .open_trial .img_dict.type-open:after, .ly_open .open_trial .img_dict.type-login:after, .ly_open .open_trial .img_dict.type-my:after, .event-layer .btn-close:after, .event-layer .link-area .link:after, .header .search-btn:after, .header .layer-search .input-delete:after, .header .layer-search .item-delete:after, .notice.opened .notice-open:after, .inform.on .inform-header .btn-toggle: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;
}

#container.container {
	display: block;
	width: 1148px;
	margin: 0 auto;
	padding: 72px 0 20px;
	border: none;
}

#container.container:after {
	display: block;
	clear: both;
	content: "";
}

#container.container .section-main {
	float: left;
	width: 828px;
	padding-right: 100px;
}

.dict-header {
	position: relative;
	margin-top: 48px;
	padding: 24px 24px 20px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.03);
	        box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.03);
}

.dict-header:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.15);
	content: "";
}

.dict-header:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(0, 104, 195, 0.1);
	content: "";
}

.dict-header .dict-title {
	position: relative;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #fff;
	z-index: 1;
}

.dict-header .search {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 12px;
	padding: 10px 20px;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	background-color: #fff;
	z-index: 11;
}

.dict-header .search-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-right: 12px;
}

.dict-header .search-input .input-text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	color: #333;
	border: 0;
}

.dict-header .search-input .input-delete {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 16px;
	height: 16px;
	margin: -6px -8px -6px 0;
	padding: 8px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.dict-header .search-input .input-delete:after {
	display: block;
	background-position: -84px -54px;
	width: 16px;
	height: 16px;
	content: "";
}

.dict-header .search-input:after {
	position: absolute;
	top: -2px;
	right: 0;
	width: 1px;
	height: 24px;
	background-color: #f1f4f8;
	content: "";
}

.dict-header .btn-search {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 16px;
	height: 16px;
	margin: -10px -12px -10px 8px;
	padding: 12px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.dict-header .btn-search:after {
	display: block;
	background-position: -32px -4px;
	width: 16px;
	height: 16px;
	content: "";
}

#content.search-wrap {
	display: block;
	width: auto;
	padding-right: 0;
	border: none;
}

.article {
	margin-top: 0;
	border-top: 0;
}

.unit_importance {
	vertical-align: bottom;
}

.section-main .section_empty {
	margin-top: 16px;
	padding: 48px 24px 56px;
	text-align: center;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #e4e5e9;
	background-color: #fff;
}

.section-main .section_empty .component_empty {
	padding: 0;
}

.section-main .section_empty .desc {
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	color: #333;
	opacity: 0.9;
}

.section-main .section_empty .desc .word {
	color: #f95057;
}

.section-main .section_empty .desc .text {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.29;
	color: #959595;
}

.section-main .section_empty .btn_show_all_result {
	display: inline-block;
	margin-top: 16px;
	padding: 10px 16px 9px;
	font-size: 12px;
	line-height: 1.33;
	text-align: center;
	color: #444;
	border: solid 1px #e3e3e3;
	background-color: #fff;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.section-main .section_empty .btn_show_all_result .point {
	color: #3f63bf;
}

.section-main .section_empty .btn_show_all_result:after {
	display: inline-block;
	margin-left: 4px;
	background-position: -241px -42px;
	width: 6px;
	height: 10px;
	content: "";
}

.section-main .section_keyword {
	margin-top: 16px;
	padding-top: 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	border: solid 1px #e4e5e9;
	background-color: #fff;
}

.section-main .section_keyword::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-main .section_keyword .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;
	padding: 0 24px;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -0.5px;
}

.section-main .section_keyword .section_title .count {
	margin: 0 0 0 4px;
	padding-top: 3px;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: -0.5px;
	color: #666;
	vertical-align: top;
}

.section-main .section_keyword .section_title .sort {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
}

.section-main .section_keyword .section_title .sort .btn_sort {
	position: relative;
	margin-left: 6px;
	padding-left: 9px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -1px;
	color: #666;
	vertical-align: top;
}

.section-main .section_keyword .section_title .sort .btn_sort:before {
	position: absolute;
	top: 7px;
	left: 0;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #ccc;
	content: "";
}

.section-main .section_keyword .section_title .sort .btn_sort.selected {
	padding-left: 16px;
	font-weight: bold;
	color: #03c75a;
}

.section-main .section_keyword .section_title .sort .btn_sort.selected:before {
	top: 4px;
	background-color: transparent;
	background-position: -66px -92px;
	width: 13px;
	height: 8px;
}

.section-main .section_keyword .component_keyword {
	padding: 0 24px;
}

.section-main .section_keyword .component_keyword .highlight {
	background-color: #e5f4ff;
}

.section-main .section_keyword .row {
	margin-top: 0;
	padding: 24px 0 20px;
}

.section-main .section_keyword .row .category {
	display: block;
	padding-bottom: 8px;
}

.section-main .section_keyword .row .origin {
	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-main .section_keyword .row .origin .link {
	margin: 0;
	font-size: 18px;
	line-height: 22px;
	color: #1b47b9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-main .section_keyword .row .origin .link sup {
	font-size: 11px;
}

.section-main .section_keyword .row .origin .mark {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin: 0 0 0 8px;
	font-size: 16px;
	line-height: 20px;
	color: #666;
}

.section-main .section_keyword .row .origin .pronunciation {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
}

.section-main .section_keyword .row .origin .listen_list {
	margin-left: 8px;
}

.section-main .section_keyword .row .origin .unit_tooltip {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin: 0 0 0 4px;
}

.section-main .section_keyword .row .origin .unit_oxford {
	margin-left: 4px;
	height: 20px;
}

.section-main .section_keyword .row .origin .unit_grade {
	margin-left: 4px;
}

.section-main .section_keyword .row .origin .unit_importance {
	margin-left: 4px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.43px;
	color: #df5d4c;
}

.section-main .section_keyword .row + .row {
	border-top: 1px solid #f4f4f4;
}

.section-main .section_keyword .row:last-child {
	padding-bottom: 32px;
}

.section-main .section_keyword .mean_list {
	margin-top: 6px;
}

.section-main .section_keyword .mean_list + .mean_list {
	margin-top: 8px;
}

.section-main .section_keyword .mean_list .mean_item {
	position: relative;
	display: block;
	max-height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.section-main .section_keyword .mean_list .mean_item + .mean_item {
	margin-top: 6px;
}

.section-main .section_keyword .mean_list .num {
	float: left;
	width: 17px;
	padding-right: 0;
}

.section-main .section_keyword .mean_list .mean {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section-main .section_keyword .mean_list .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;
}

.section-main .section_keyword .mean_list .word_class {
	color: #6881a1;
}

.section-main .section_keyword .mean_list .tag {
	color: #888;
}

.section-main .section_keyword .thumb_wrap {
	position: relative;
}

.section-main .section_keyword .thumb_wrap .thumb {
	position: relative;
	margin: 12px 0 0 0;
	padding: 0;
	white-space: nowrap;
}

.section-main .section_keyword .view {
	position: relative;
	margin-right: 8px;
}

.section-main .section_keyword .view img {
	vertical-align: top;
}

.section-main .section_keyword .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;
}

.section-main .section_keyword .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;
}

.section-main .section_keyword .view.audio {
	width: 80px;
	height: 80px;
	border: solid 1px rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.section-main .section_keyword .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;
}

.section-main .section_keyword .view.audio a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 68px;
	height: 68px;
	margin: auto;
}

.section-main .section_keyword .view.audio a:before {
	content: none;
}

.section-main .section_keyword .view.audio .audio-thumb {
	width: 68px;
	height: 68px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.section-main .section_keyword .card-status {
	margin-top: 12px;
	font-size: 12px;
	line-height: 16px;
	color: #999;
}

.section-main .section_keyword .card-status::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-main .section_keyword .card-status .source {
	float: left;
	margin-top: 0;
}

.section-main .section_keyword .card-status .source + .user {
	position: relative;
	margin-left: 8px;
	padding-left: 9px;
}

.section-main .section_keyword .card-status .source + .user:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: #e9eff7;
	content: "";
}

.section-main .section_keyword .card-status .user {
	float: left;
}

.section-main .section_keyword .social {
	margin-top: 12px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple SD Gothic Neo", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666;
}

.section-main .section_keyword .social::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-main .section_keyword .social .btn_reply {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.section-main .section_keyword .social .btn_reply .icon_reply {
	display: inline-block;
	background-position: -36px -152px;
	width: 16px;
	height: 16px;
	vertical-align: top;
}

.section-main .section_keyword .social .btn_reply .number {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	vertical-align: top;
}

.section-main .section_keyword .social .tool-hit {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.section-main .section_keyword .social .tool-hit:before {
	display: inline-block;
	background-position: -68px -32px;
	width: 18px;
	height: 18px;
	vertical-align: top;
	content: "";
}

.section-main .section_keyword .social .tool-hit .tool-num {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	vertical-align: top;
}

.section-main .section_keyword .info {
	position: relative;
	margin-top: 10px;
	padding: 0 0 4px 17px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.27px;
	color: #3ea7e3;
}

.section-main .section_keyword .info + .warning {
	margin-top: 6px;
}

.section-main .section_keyword .info:before {
	position: absolute;
	top: 3px;
	left: 0;
	background-position: -54px -152px;
	width: 12px;
	height: 12px;
	content: "";
}

.section-main .section_keyword .warning {
	float: none;
	position: relative;
	margin-top: 10px;
	padding: 0 0 4px 17px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.27px;
	color: #ea5743;
}

.section-main .section_keyword .warning:before {
	position: absolute;
	top: 3px;
	left: 0;
	background-position: -160px -131px;
	width: 12px;
	height: 12px;
	content: "";
}

.section-main .section_keyword .user_added {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.section-main .section_keyword .user_added .tit {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	color: #666;
}

.section-main .section_keyword .user_added .cont {
	margin-left: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-main .section_keyword .synonym_info {
	margin-top: 4px;
}

.section-main .section_keyword .synonym_info .tit {
	margin-right: 8px;
	padding: 6px 0 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: #999;
}

.section-main .section_keyword .synonym_info .cont .item {
	height: 23px;
	padding: 2px 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 19px;
	background-color: #f1f2f3;
}

.section-main .section_keyword .section_more {
	padding: 7px 24px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.5px;
	text-align: right;
	color: #666;
	-webkit-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	border-top: solid 1px #efefef;
	background-color: #f8f8f8;
}

.section-main .section_keyword .section_more:after {
	display: inline-block;
	margin: 4px 0 0 4px;
	background-position: -241px -24px;
	width: 6px;
	height: 10px;
	vertical-align: top;
	content: "";
}

.section_page {
	position: relative;
	margin-bottom: 50px;
}

.section_page .paginate {
	position: absolute;
	right: 0;
	bottom: -50px;
	left: 0;
	display: block;
	width: 420px;
	margin: 28px auto 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
}

.section_page .paginate strong {
	width: 24px;
	height: auto;
	padding: 4px 0;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: -1px;
	color: #1b3d76;
	border: 0;
}

.section_page .paginate .prev {
	width: auto;
	margin: 0 14px 0 0;
	padding: 4px 0;
	letter-spacing: -0.5px;
	color: #666;
}

.section_page .paginate .prev:after {
	margin: 3px 4px 0 0;
	background-position: -241px -76px;
	width: 6px;
	height: 8px;
	vertical-align: top;
	content: "";
}

.section_page .paginate a {
	width: 24px;
	height: auto;
	padding: 4px 0;
	line-height: 14px;
	letter-spacing: -1px;
	color: #999;
	border: 0;
}

.section_page .paginate .next {
	width: auto;
	margin: 0 0 0 14px;
	padding: 4px 0;
	letter-spacing: -0.5px;
	color: #666;
}

.section_page .paginate .next:after {
	margin: 3px 0 0 4px;
	background-position: -241px -60px;
	width: 6px;
	height: 8px;
	vertical-align: top;
	content: "";
}

.search-bar {
	position: relative;
}

.search-bar.layer-opened .search {
	-webkit-border-radius: 20px 20px 0 0;
	        border-radius: 20px 20px 0 0;
}

.auto-complete__layer {
	position: absolute;
	top: 40px;
	right: 0;
	left: 0;
	-webkit-border-radius: 0 0 20px 20px;
	        border-radius: 0 0 20px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
	        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
	background-color: #fff;
	z-index: 10;
}

.auto-complete__layer .word-list:first-child {
	padding: 12px 0 8px;
}

.auto-complete__layer .word-list + .word-list {
	position: relative;
	padding: 9px 0 12px;
}

.auto-complete__layer .word-list + .word-list:before {
	position: absolute;
	top: 0;
	right: 18px;
	left: 18px;
	height: 1px;
	background-color: #f1f4f8;
	content: "";
}

.auto-complete__layer .auto-keyword {
	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: 0 20px;
	padding: 8px 0;
	font-size: 15px;
	line-height: 20px;
	color: #333;
}

.auto-complete__layer .auto-keyword .word {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.auto-complete__layer .auto-keyword .match-word {
	font-weight: bold;
	color: #03c75a;
}

.auto-complete__layer .auto-keyword:before {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	display: block;
	margin-right: 6px;
	background-position: -36px -4px;
	width: 24px;
	height: 24px;
	content: "";
}

.auto-complete__layer .autosave-off {
	padding: 59px 20px 60px;
	font-size: 15px;
	line-height: 1.33;
	text-align: center;
	color: #666;
}

.auto-complete__layer .btn-wrap {
	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;
	font-size: 14px;
	color: #333;
	border-top: 1px solid #f1f4f8;
}

.auto-complete__layer .btn-wrap .btn-autosave {
	padding: 11px 20px 10px;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

.auto-complete__layer .btn-wrap .btn-autosave:before {
	display: inline-block;
	margin-right: 6px;
	background-position: -66px -72px;
	width: 32px;
	height: 18px;
	vertical-align: top;
	content: "";
}

.auto-complete__layer .btn-wrap .btn-autosave.on:before {
	background-position: -116px 0px;
	width: 32px;
	height: 18px;
}

.auto-complete__layer .btn-wrap .btn-close {
	padding: 11px 20px 10px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
}

.recent-keyword__layer {
	position: absolute;
	top: 40px;
	right: 0;
	left: 0;
	-webkit-border-radius: 0 0 20px 20px;
	        border-radius: 0 0 20px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
	        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
	background-color: #fff;
	z-index: 10;
}

.recent-keyword__layer .heading {
	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;
	padding: 16px 20px 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.29;
	color: #333;
}

.recent-keyword__layer .heading .tit {
	font-size: 14px;
}

.recent-keyword__layer .heading .btn-close {
	margin: -8px;
	padding: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
}

.recent-keyword__layer .word-list {
	padding-bottom: 8px;
}

.recent-keyword__layer .word-list .word-item {
	position: relative;
	font-size: 15px;
	line-height: 20px;
	color: #333;
}

.recent-keyword__layer .word-list .word-item .word-item__link {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 50px 0 20px;
	padding: 8px 0;
}

.recent-keyword__layer .word-list .word-item .word-item__link:before {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	display: block;
	margin-right: 6px;
	background-position: -36px -4px;
	width: 24px;
	height: 24px;
	content: "";
}

.recent-keyword__layer .word-list .word-item .word {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 2px;
}

.recent-keyword__layer .word-list .word-item .word.highlight {
	color: #2a7cde;
}

.recent-keyword__layer .word-list .word-item .word-item__delete {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 20px;
	height: 20px;
	margin: -8px;
	padding: 8px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.recent-keyword__layer .word-list .word-item .word-item__delete:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -62px -226px;
	width: 10px;
	height: 10px;
	content: "";
}

.recent-keyword__layer .word-list.is-empty {
	padding: 25px 0 80px;
	font-size: 15px;
	line-height: 1.33;
	text-align: center;
	color: #666;
}

.recent-keyword__layer .btn-wrap {
	text-align: right;
	border-top: 1px solid #f1f4f8;
	-webkit-border-radius: 0 0 20px 20px;
	        border-radius: 0 0 20px 20px;
}

.recent-keyword__layer .btn-wrap .btn-delete-all {
	padding: 11px 20px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}

#content.entry-wrap {
	display: block;
	width: auto;
	padding: 0;
	border: solid 1px #e4e5e9;
}

.entry-wrap {
	margin-top: 16px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: #fff;
}

.entry-wrap.is-shown-furigana .entry_conjugation_list.is-long {
	max-height: 126px;
}

.entry-wrap.is-shown-furigana .entry_conjugation_list.is-expanded {
	max-height: none;
}

.entry-wrap .entry_infos {
	position: relative;
}

.entry-wrap .entry_infos:before {
	position: absolute;
	top: 0;
	right: -24px;
	left: -24px;
	height: 1px;
	background-color: #ecf0f2;
	content: "";
}

.entry-wrap .entry_infos .entry_default:first-child {
	padding-top: 25px;
}

.entry-wrap .entry_infos .entry_default + .entry_conjugation_list {
	margin-top: 0;
	padding-top: 7px;
	max-height: 103px;
}

.entry-wrap .entry_infos .entry_default + .entry_conjugation {
	margin-top: 5px;
}

.entry-wrap .section_entry {
	padding: 25px 24px;
	border: 0;
}

.entry-wrap .tag {
	padding: 3px 6px;
	font-size: 10px;
	color: #999;
	border: solid 1px #e0e0e0;
	background-color: #fff;
}

.entry-wrap .component_entry {
	padding: 0;
}

.entry-wrap .entry_pronounce {
	margin-top: 0;
	padding-top: 16px;
}

.entry-wrap .entry_pronounce:before {
	position: absolute;
	top: 0;
	right: -24px;
	left: -24px;
	height: 1px;
	background-color: #ecf0f2;
	content: "";
}

.entry-wrap .speed_controller {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.entry-wrap .entry_title {
	margin-top: 9px;
	padding: 0;
}

.entry-wrap .entry_title .word {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.4px;
}

.entry-wrap .entry_title .word[lang="ko"] {
	font-family: -apple-system, BlinkMacSystemFont, "Microsoft Yahei", simsun, "Apple SD Gothic Neo", NanumGothic, Dotum, "새굴림", sans-serif, FZSongS_Extended, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul";
}

.entry-wrap .entry_title .word.single_word {
	float: left;
}

.entry-wrap .entry_title .word.single_word ~ .cont {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

.entry-wrap .entry_title .word.single_word ~ .cont .hanja_characters {
	margin-top: 0;
	color: #777;
}

.entry-wrap .entry_title .word.single_word ~ .cont .mean {
	font-weight: 600;
}

.entry-wrap .entry_title .word sup {
	margin-left: 4px;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: -0.4px;
}

.entry-wrap .link_source {
	font-size: 16px;
	color: #0068ca;
}

.entry-wrap .arrow {
	margin-right: 4px;
	font-size: 20px;
	color: #666;
}

.entry-wrap .tool-area {
	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;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 18px;
	padding-bottom: 15px;
	font-size: 0;
}

.entry-wrap :not(.tool-area) + .entry_pronounce {
	margin-top: 15px;
}

.entry-wrap .btn_reply {
	margin-left: 12px;
	font-size: 0;
	vertical-align: top;
}

.entry-wrap .btn_reply .icon_reply {
	display: inline-block;
	margin-right: 2px;
	vertical-align: top;
}

.entry-wrap .btn_reply .icon_reply:after {
	display: block;
	background-position: -150px -92px;
	width: 20px;
	height: 20px;
	content: "";
}

.entry-wrap .btn_reply .number {
	font-size: 16px;
	line-height: 20px;
	color: #7f8d9d;
	vertical-align: top;
}

.entry-wrap .tool-hit {
	display: inline-block;
	margin-left: 12px;
	vertical-align: top;
}

.entry-wrap .tool-hit:before {
	display: inline-block;
	margin-right: 2px;
	background-position: -150px 0px;
	width: 22px;
	height: 22px;
	vertical-align: top;
	content: "";
}

.entry-wrap .tool-hit .tool-num {
	font-size: 16px;
	line-height: 20px;
	color: #7f8d9d;
	vertical-align: top;
}

.entry-wrap .spi_sns_share {
	display: inline-block;
	margin-left: 4px;
	padding: 5px 5px 2px;
	-webkit-border-radius: 18px;
	        border-radius: 18px;
	border: solid 1px rgba(216, 220, 226, 0.6);
	background-color: rgba(255, 255, 255, 0.5);
}

.entry-wrap .spi_sns_share:after {
	display: inline-block;
	background-position: -120px -131px;
	width: 18px;
	height: 18px;
	content: "";
}

.entry-wrap .btn_report {
	display: inline-block;
	padding: 5px 5px 2px;
	-webkit-border-radius: 18px;
	        border-radius: 18px;
	border: solid 1px rgba(216, 220, 226, 0.6);
	background-color: rgba(255, 255, 255, 0.5);
}

.entry-wrap .btn_report:before {
	display: inline-block;
	background-position: -140px -131px;
	width: 18px;
	height: 18px;
	content: "";
}

.entry-wrap .entry_conjugation_list .unit_listen {
	border: 1px solid #e6e6e6;
}

.entry-wrap .entry_conjugation_list .unit_listen .btn_listen {
	width: 33px;
}

.entry-wrap .entry_conjugation_list .unit_listen .btn_listen:after {
	background-position: -301px -427px;
	width: 14px;
	height: 12px;
	top: 3px;
	margin-left: -7px;
}

.entry-wrap .entry_conjugation_list .unit_listen .btn_listen.active:after {
	background-position: -229px -427px;
}

.entry-wrap .entry_conjugation_list .unit_listen .btn_listen.stop:after {
	background-position: 0px -447px;
	width: 13px;
	height: 12px;
}

.entry-wrap .entry_conjugation_list .unit_listen .btn_listen.active.stop:after {
	background-position: 0px -447px;
	width: 13px;
	height: 12px;
}

.entry-wrap .entry_conjugation_list .unit_listen .tts:after {
	background-position: -193px -427px;
	margin-left: -7px;
}

.entry-wrap .entry_conjugation_list .unit_listen .tts.active:after {
	background-position: -265px -427px;
}

.entry-wrap .entry_conjugation_list .unit_listen .tts.stop:after {
	background-position: 0px -447px;
	width: 13px;
	height: 12px;
}

.entry-wrap .entry_conjugation_list .unit_listen .tts.active.stop:after {
	background-position: 0px -447px;
	width: 13px;
	height: 12px;
}

.entry-wrap .entry_default {
	margin-top: 9px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	line-height: 20px;
}

.entry-wrap .entry_default.is-long .cont > .word {
	overflow: hidden;
	display: block;
	max-height: 40px;
}

.entry-wrap .entry_default.is-long.is-expanded .word {
	max-height: none;
}

.entry-wrap .entry_default.is-long.is-expanded .btn_more {
	position: static;
	line-height: normal;
}

.entry-wrap .entry_default.is-long.is-expanded .btn_more:before,
.entry-wrap .entry_default.is-long.is-expanded .btn_more:after {
	display: none;
}

.entry-wrap .entry_default.is-long.is-expanded .word {
	max-height: none;
}

.entry-wrap .entry_default.is-long .btn_more {
	display: inline-block;
}

.entry-wrap .entry_default .btn_more {
	bottom: 0;
	line-height: 20px;
}

.entry-wrap .entry_default .btn_more:before {
	line-height: 13px;
}

.entry-wrap .entry_default .tit {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	position: relative;
	min-width: 68px;
	max-width: 170px;
	width: auto;
	height: auto;
	padding: 0 10px 0 0;
	line-height: 20px;
	letter-spacing: -0.21px;
	vertical-align: top;
	word-break: break-all;
	color: #777;
}

.entry-wrap .entry_default .cont {
	overflow: visible;
	color: #000;
}

.entry-wrap .entry_default .cont > .word {
	display: inline;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	word-break: break-all;
	vertical-align: top;
}

.entry-wrap .entry_default .tray {
	display: inline-block;
	margin-left: -15px;
	vertical-align: top;
}

.entry-wrap .entry_default .item {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
}

.entry-wrap .entry_default .item.cate {
	color: #25407d;
}

.entry-wrap .entry_default .item.cate:not(:first-child) {
	padding-left: 0;
}

.entry-wrap .entry_default .item .type {
	line-height: 20px;
	color: #777;
	vertical-align: top;
}

.entry-wrap .entry_default .item .word,
.entry-wrap .entry_default .item .cont {
	display: inline;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	word-break: break-all;
	vertical-align: top;
}

.entry-wrap .entry_default .item .word.link,
.entry-wrap .entry_default .item .cont.link {
	color: #25407d;
}

.entry-wrap .entry_default .item .word.link sup,
.entry-wrap .entry_default .item .cont.link sup {
	font-size: 11px;
	line-height: 13px;
}

.entry-wrap .entry_conjugation_list {
	margin-top: 25px;
	padding-top: 16px;
	border-top: 0;
}

.entry-wrap .entry_conjugation_list .tit {
	height: auto;
	display: block;
	width: auto;
	line-height: 20px;
}

.entry-wrap .entry_conjugation_list .cont {
	overflow: hidden;
	display: block;
	min-height: 30px;
	margin-top: 3px;
	line-height: 20px;
}

.entry-wrap .entry_conjugation_list .word {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.54;
}

.entry-wrap .section_mean {
	position: relative;
	padding: 25px 24px 32px;
	border-top: 1px solid #f1f4f6;
}

.entry-wrap .section_mean .info {
	position: relative;
	margin-top: 10px;
	padding: 0 0 12px 17px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.27px;
	color: #3ea7e3;
}

.entry-wrap .section_mean .info:before {
	position: absolute;
	top: 3px;
	left: 0;
	background-position: -54px -152px;
	width: 12px;
	height: 12px;
	content: "";
}

.entry-wrap .section_mean .warning {
	float: none;
	position: relative;
	padding: 0 0 20px 17px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.27px;
	color: #ea5743;
}

.entry-wrap .section_mean .warning:before {
	position: absolute;
	top: 3px;
	left: 0;
	background-position: -160px -131px;
	width: 12px;
	height: 12px;
	content: "";
}

.entry-wrap .section_mean .part_area {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.33;
}

.entry-wrap .section_mean .part_area .part_speech {
	margin-right: 3px;
	color: #6881a1;
}

.entry-wrap .section_mean .part_area .part_speech_desc {
	color: #888;
}

.entry-wrap .mean_list {
	margin-top: 19px;
}

.entry-wrap .mean_list + .part_area {
	margin-top: 19px;
}

.entry-wrap .mean_item {
	position: relative;
	padding-left: 24px;
}

.entry-wrap .mean_item + .mean_item {
	margin-top: 24px;
}

.entry-wrap .mean_item .num {
	position: absolute;
	top: 1px;
	left: 0;
	font-size: 15px;
	line-height: 20px;
}

.entry-wrap .mean_item .cont {
	font-size: 15px;
	line-height: 20px;
}

.entry-wrap .mean_item .part {
	margin-right: 4px;
	color: #6881a1;
}

.entry-wrap .mean_item .mean_addition {
	margin-right: 4px;
	font-size: 15px;
	line-height: 1.47;
	color: #888;
}

.entry-wrap .mean_item .part_speech {
	font-size: 15px;
	line-height: 1.33;
	color: #6881a1;
}

.entry-wrap .mean_item .unit_tooltip {
	vertical-align: 0;
}

.entry-wrap .mean_item .explanation {
	font-size: 15px;
	line-height: 20px;
}

.entry-wrap .mean_item .example {
	position: relative;
	min-height: 16px;
	margin-top: 9px;
	padding-left: 16px;
}

.entry-wrap .mean_item .example:before {
	position: absolute;
	top: 3px;
	left: 0;
	bottom: 0;
	width: 3px;
	background-color: #eeeeee;
	content: "";
}

.entry-wrap .mean_item .example .btn_expand {
	position: absolute;
	bottom: 0;
	left: -20px;
	background-position: -309px -222px;
	width: 16px;
	height: 16px;
}

.entry-wrap .mean_item .example.is-expanded .example_item:not(:first-child) {
	display: block;
}

.entry-wrap .mean_item .example.is-expanded .btn_expand {
	background-position: -447px -244px;
	width: 16px;
	height: 16px;
}

.entry-wrap .mean_item .example.is-closed .example_item:not(:first-child) {
	display: none;
}

.entry-wrap .mean_item .example_item {
	letter-spacing: -0.2px;
	color: #666;
}

.entry-wrap .mean_item .example_item + .example_item {
	margin-top: 12px;
}

.entry-wrap .mean_item .example_item .origin {
	font-size: 14px;
	line-height: 1.57;
}

.entry-wrap .mean_item .example_item .translate {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.54;
}

.entry-wrap .mean_item .example_item .source {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.54;
	color: #999;
}

.entry-wrap .mean_item .reference {
	margin-top: 12px;
	padding: 12px 13px;
}

.entry-wrap .mean_item .reference .tit {
	font-size: 12px;
	line-height: 21px;
}

.entry-wrap .mean_item .reference .cont {
	font-size: 13px;
	line-height: 21px;
}

.entry-wrap .mean_item .reference_horizon .tit {
	margin: 0 8px 0 0;
}

.entry-wrap .mean_item .component_relation {
	margin-top: 10px;
	padding: 0;
	border: 1px solid #e7e7e7;
}

.entry-wrap .mean_item .component_relation .row {
	padding: 1px 15px 10px;
	border-top: 1px solid #e7e7e7;
}

.entry-wrap .mean_item .component_relation .row:first-child {
	border: 0;
}

.entry-wrap .mean_item .depth2 {
	margin-top: 20px;
}

.entry-wrap .mean_item .depth2 .item {
	position: relative;
	padding-left: 16px;
}

.entry-wrap .mean_item .depth2 .item + .item {
	margin-top: 20px;
}

.entry-wrap .mean_item .depth2 .item .num {
	top: 0;
}

.entry-wrap .mean_item .depth2 .cont {
	margin-top: 0;
	font-size: 15px;
	line-height: 1.33;
}

.entry-wrap .mean_item .depth2 .cont .part {
	margin-right: 4px;
	color: #6881a1;
}

.entry-wrap .mean_item .depth2 .user-list .cont {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	color: #222;
}

.entry-wrap .mean_item .depth3 {
	margin-top: 20px;
}

.entry-wrap .mean_item .depth3 .cont {
	margin-top: 0;
}

.entry-wrap .mean_item .depth3 .item {
	position: relative;
	padding-left: 16px;
}

.entry-wrap .mean_item .depth3 .example_item .tit {
	font-size: 15px;
	line-height: 1.33;
	color: #666;
}

.entry-wrap .mean_item .depth3 .example_item .cont {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.43;
	color: #666;
}

.entry-wrap .section_relation {
	padding: 20px 24px;
	border-top: 1px solid #f2f4f6;
}

.entry-wrap .section_relation .section_title {
	padding-left: 0;
}

.entry-wrap .section_relation .component_relation {
	margin-top: 12px;
	padding: 0;
}

.entry-wrap .section_relation .component_relation .tit {
	padding: 10px 20px 0 0;
}

.entry-wrap .section_relation .component_relation .cont .item {
	margin-top: 6px;
	padding: 0 6px;
	font-size: 14px;
	line-height: 25px;
}

.entry-wrap .section_relation .component_relation .cont_long {
	max-height: 65px;
}

.entry-wrap .section_relation .component_relation .cont_long .btn_more {
	bottom: -2px;
}

.entry-wrap .section_relation .component_relation .cont_long .btn_more:before {
	line-height: 24px;
	white-space: nowrap;
}

.entry-info {
	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;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 12px 24px;
	-webkit-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #ecf0f2;
	background-color: #fcfcfc;
}

.entry-info .info-title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.53;
	letter-spacing: -0.2px;
	color: #0a1e57;
}

.entry-info .info-title:before {
	display: inline-block;
	margin: 3px 6px 0 0;
	background-position: -66px -54px;
	width: 16px;
	height: 16px;
	content: "";
	vertical-align: top;
}

.entry-info .btn-edit {
	padding: 8px 12px 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: -0.47px;
	color: #0a1e57;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #e4e4e4;
	background-color: #fff;
}

.entry-info .btn-edit.type-history, .entry-info .btn-edit.type-del {
	margin-left: 4px;
	color: #666;
}

.section-study {
	padding: 20px 24px;
	border-top: 1px solid #f2f4f6;
}

.section-study .section-title {
	padding-left: 0;
	font-size: 15px;
	font-weight: bold;
}

.section-study .title-sub {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.71;
}

.section-study .component-study {
	margin-top: 24px;
}

.section-study .user {
	margin-top: 24px;
}

.section-study .user::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-study .user .tit {
	float: left;
	padding-right: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #777;
}

.section-study .user .cont {
	overflow: hidden;
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #070707;
}

.section-encyclopedia {
	padding: 20px 24px;
	border-top: 1px solid #f2f4f6;
}

.section-encyclopedia .summary::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-encyclopedia .summary .tit {
	float: left;
	margin: 1px 6px 0 0;
	padding: 3px 7px;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: -0.4px;
	color: #888;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	border: solid 1px #edf0f2;
	background-color: #f6f8fa;
}

.section-encyclopedia .summary .cont {
	overflow: hidden;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: #222;
}

.section-encyclopedia .component-encyclopedia {
	margin-top: 24px;
}

.section-encyclopedia .user {
	margin-top: 24px;
}

.section-encyclopedia .user::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-encyclopedia .user .tit {
	float: left;
	padding-right: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #777;
}

.section-encyclopedia .user .cont {
	overflow: hidden;
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #070707;
}

.section_image {
	margin-top: 0;
	padding: 20px 18px;
	border-top: 1px solid #f1f4f6;
}

.section_image .section_title {
	padding: 0;
	font-size: 15px;
	font-weight: bold;
}

.section_image .section_title .num {
	margin-left: 4px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.71;
	letter-spacing: -0.18px;
	color: #7f8d9d;
}

.section_image .component_image {
	padding: 12px 0 0;
}

.section_image .component_image .tray_inner {
	padding: 0;
}

.section_image .component_image .item {
	display: block;
	width: 100%;
	margin-left: 0;
	text-align: center;
}

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

.section_image .component_image .item .item_inner {
	width: 100%;
}

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

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

.section_image .component_image .item .thumb_info + .source {
	margin-top: 4px;
}

.section_image .component_image .item .source {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.3px;
	color: #8f8f8f;
}

.section_image .component_image .item .source + .source {
	margin-top: 4px;
}

.section_image .btn-area {
	margin-top: 20px;
	text-align: center;
}

.section_image .btn-more {
	width: 200px;
	padding: 12px 0;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.18px;
	color: #333;
	border: solid 1px rgba(0, 0, 0, 0.12);
}

.section_image .btn-more:after {
	display: inline-block;
	margin: 2px 0 0 4px;
	background-position: -102px -54px;
	width: 12px;
	height: 12px;
	content: "";
}

.section_image .btn-more .page {
	margin-left: 4px;
	color: #999;
}

.section-audio {
	position: relative;
	padding: 20px 24px 12px;
	border-top: 1px solid #f1f4f6;
}

.section-audio .section-title {
	font-size: 15px;
	font-weight: bold;
}

.section-audio .section-title .num {
	margin-left: 4px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.71;
	letter-spacing: -0.18px;
	color: #7f8d9d;
}

.section-audio .component-audio {
	margin-top: 8px;
}

.section-audio .audio-list {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.section-audio .audio-list .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-list .thumb-area {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	position: relative;
	width: 80px;
	height: 80px;
	padding: 5px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #e8e8e8;
}

.section-audio .audio-list .thumb-area:before {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #000;
	opacity: 0.2;
	content: "";
}

.section-audio .audio-list .thumb-area:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -150px -24px;
	width: 21px;
	height: 22px;
	content: "";
}

.section-audio .audio-list .audio {
	position: relative;
	width: 80px;
	height: 80px;
}

.section-audio .audio-list .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-list .audio .progress-ring {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.section-audio .audio-list .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-list .audio .btn-play {
	display: block;
	width: 100%;
	height: 100%;
}

.section-audio .audio-list .audio .btn-play:after {
	display: block;
	margin: 0 auto;
	background-position: -150px -24px;
	width: 21px;
	height: 22px;
	content: "";
}

.section-audio .audio-list .audio .btn-pause {
	display: block;
	width: 100%;
	height: 100%;
}

.section-audio .audio-list .audio .btn-pause:after {
	display: block;
	margin: 0 auto;
	background-position: -106px -164px;
	width: 20px;
	height: 20px;
	content: "";
}

.section-audio .audio-list .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;
	width: 232px;
	margin-left: 15px;
}

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

.section-audio .audio-list .info + .source {
	margin-top: 4px;
}

.section-audio .audio-list .source {
	font-size: 13px;
	line-height: 1.38;
	letter-spacing: -0.3px;
	color: #8f8f8f;
}

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

.section-audio .btn-area {
	margin-top: 20px;
	text-align: center;
}

.section-audio .btn-more {
	width: 200px;
	padding: 12px 0;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.18px;
	color: #333;
	border: solid 1px rgba(0, 0, 0, 0.12);
}

.section-audio .btn-more:after {
	display: inline-block;
	margin: 2px 0 0 4px;
	background-position: -102px -54px;
	width: 12px;
	height: 12px;
	content: "";
}

.section-audio .btn-more .page {
	margin-left: 4px;
	color: #999;
}

.section-video {
	position: relative;
	padding: 20px 24px;
	border-top: 1px solid #f1f4f6;
}

.section-video .section-title {
	font-size: 15px;
	font-weight: bold;
}

.section-video .section-title .num {
	margin-left: 4px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.71;
	letter-spacing: -0.18px;
	color: #7f8d9d;
}

.section-video .component-video {
	margin-top: 8px;
}

.section-video .video-list {
	margin-top: 12px;
}

.section-video .video-list .item {
	text-align: center;
}

.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 {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
}

.section-video .video-list .cont {
	overflow: hidden;
	margin-top: 8px;
}

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

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

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

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

.section-video .btn-area {
	margin-top: 20px;
	text-align: center;
}

.section-video .btn-more {
	width: 200px;
	padding: 12px 0;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.18px;
	color: #333;
	border: solid 1px rgba(0, 0, 0, 0.12);
}

.section-video .btn-more:after {
	display: inline-block;
	margin: 2px 0 0 4px;
	background-position: -102px -54px;
	width: 12px;
	height: 12px;
	content: "";
}

.section-video .btn-more .page {
	margin-left: 4px;
	color: #999;
}

.section.section_reference, .section.section_learning, .section.section_historical {
	padding-top: 0;
	border-top: 1px solid #f1f4f6;
}

.section.section_reference .section_title, .section.section_learning .section_title, .section.section_historical .section_title {
	padding: 20px 24px 0;
	font-size: 15px;
	font-weight: bold;
}

.section.section_reference .component_information, .section.section_learning .component_information, .section.section_historical .component_information {
	padding: 0;
}

.section.section_reference .component_information .row, .section.section_learning .component_information .row, .section.section_historical .component_information .row {
	padding: 0;
	border-top: 0;
}

.section.section_reference .info, .section.section_learning .info, .section.section_historical .info {
	margin-top: 8px;
	padding: 0 24px 20px;
	font-size: 14px;
	line-height: 22px;
}

.section.section_reference .info + .row_wrap, .section.section_learning .info + .row_wrap, .section.section_historical .info + .row_wrap {
	border-top: 1px solid #f1f4f6;
}

.section.section_reference .row_wrap, .section.section_learning .row_wrap, .section.section_historical .row_wrap {
	margin: 0;
	padding: 20px 24px;
}

.section.section_reference .row_wrap:first-child, .section.section_learning .row_wrap:first-child, .section.section_historical .row_wrap:first-child {
	margin-top: 8px;
	padding-top: 0;
}

.section.section_reference .row_wrap + .row_wrap, .section.section_learning .row_wrap + .row_wrap, .section.section_historical .row_wrap + .row_wrap {
	border-top: 1px solid #f1f4f6;
}

.section.section_reference .row_wrap .tit, .section.section_learning .row_wrap .tit, .section.section_historical .row_wrap .tit {
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
}

.section.section_reference .row_wrap .cont, .section.section_learning .row_wrap .cont, .section.section_historical .row_wrap .cont {
	margin-top: 8px;
	font-size: 14px;
	line-height: 22px;
}

.section.section_reference .row_wrap .cont > p, .section.section_learning .row_wrap .cont > p, .section.section_historical .row_wrap .cont > p {
	font-size: 14px;
	line-height: 22px;
}

.section-ref {
	border-top: 1px solid #f2f4f6;
}

.section-ref .ref {
	padding: 20px 24px;
}

.section-ref .ref + .ref {
	border-top: 1px solid #f2f4f6;
}

.section-ref .tit {
	font-size: 15px;
	font-weight: bold;
}

.section-ref .cont {
	margin-top: 8px;
	font-size: 14px;
	line-height: 22px;
}

.section-editor {
	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;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 14px 24px;
	border-top: 1px solid #f2f4f6;
}

.section-editor .editor {
	overflow: hidden;
	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-right: 8px;
}

.section-editor .editor .thumb {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	overflow: hidden;
	position: relative;
	width: 26px;
	height: 26px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	        background-size: cover;
	text-indent: -100px;
	vertical-align: top;
}

.section-editor .editor .thumb:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: solid 1px rgba(0, 0, 0, 0.05);
	content: "";
}

.section-editor .editor .name {
	margin: 3px 0 0 4px;
	font-size: 14px;
	line-height: 1.43;
	color: #666;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-editor .datetime {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	font-size: 13px;
	line-height: 1.54;
	color: #a7b3c1;
}

.section-otherword {
	margin-top: 20px;
}

.section-otherword .heading {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.47;
	letter-spacing: -0.5px;
}

.section-otherword .word-list {
	margin: -2px 0 0 -16px;
	font-size: 0;
}

.section-otherword .word-link {
	display: inline-block;
	width: 232px;
	margin: 12px 0 0 16px;
	padding: 24px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	        box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #e8ebee;
	background-color: #fff;
	vertical-align: top;
}

.section-otherword .word-link .word {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-otherword .word-link .desc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 44px;
	margin-top: 12px;
}

.section-otherword .word-link .desc .text {
	height: 44px;
	margin-right: auto;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	white-space: normal;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section-otherword .word-link .desc .part {
	margin-right: 2px;
	color: #6881a1;
}

.section-otherword .word-link .desc .img-area {
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 64px;
	height: 44px;
	margin-left: 12px;
}

.section-otherword .word-link .desc .icon-more {
	position: absolute;
	top: 6px;
	right: 6px;
}

.section-otherword .word-link .desc .icon-more:after {
	display: block;
	background-position: 0px -152px;
	width: 16px;
	height: 16px;
	content: "";
}

.section-otherword .word-link .desc .icon-video {
	position: absolute;
	bottom: 6px;
	left: 6px;
}

.section-otherword .word-link .desc .icon-video:after {
	display: block;
	background-position: -18px -152px;
	width: 16px;
	height: 16px;
	content: "";
}

.section-otherword .word-link .social {
	margin-top: 12px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple SD Gothic Neo", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666;
}

.section-otherword .word-link .social::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-otherword .word-link .social .btn_reply {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.section-otherword .word-link .social .btn_reply .icon_reply {
	display: inline-block;
	margin-top: 1px;
	background-position: -36px -152px;
	width: 16px;
	height: 16px;
	vertical-align: top;
}

.section-otherword .word-link .social .btn_reply .number {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	vertical-align: top;
}

.section-otherword .word-link .social .tool-hit {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.section-otherword .word-link .social .tool-hit:before {
	display: inline-block;
	background-position: -68px -32px;
	width: 18px;
	height: 18px;
	vertical-align: top;
	content: "";
}

.section-otherword .word-link .social .tool-hit .tool-num {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	vertical-align: top;
}

.section-openpro {
	margin-top: 20px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #e4e5e9;
	background-color: #fff;
}

.section-openpro .openpro-title {
	padding: 20px 22px 16px;
	font-size: 17px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: -0.3px;
	color: #222;
}

.section-openpro .openpro-title .point {
	color: #1b47b9;
}

.section-openpro .item {
	border-top: 1px solid #f2f4f6;
}

.section-openpro .link {
	display: block;
	padding: 20px 22px;
}

.section-openpro .link-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.section-openpro .text-area {
	overflow: hidden;
	padding-right: 12px;
}

.section-openpro .img-area {
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 118px;
	height: 80px;
	margin-left: auto;
}

.section-openpro .icon-more {
	position: absolute;
	top: 6px;
	right: 6px;
}

.section-openpro .icon-more:after {
	display: block;
	background-position: 0px -152px;
	width: 16px;
	height: 16px;
	content: "";
}

.section-openpro .icon-video {
	position: absolute;
	bottom: 6px;
	left: 6px;
}

.section-openpro .icon-video:after {
	display: block;
	background-position: -18px -152px;
	width: 16px;
	height: 16px;
	content: "";
}

.section-openpro .word {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	color: #1b47b9;
}

.section-openpro .num {
	font-weight: 600;
	color: #1b47b9;
}

.section-openpro .desc {
	margin-top: 9px;
	font-size: 14px;
	line-height: 22px;
}

.section-openpro .desc .part {
	margin-right: 2px;
	color: #6881a1;
}

.section-openpro .desc .cate {
	margin-right: 2px;
	color: #888;
}

.section-openpro .source {
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}

.section-openpro .badge {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.section-openpro .badge.best {
	background-image: -webkit-linear-gradient(307deg, #a4d1ff 16%, #165da9 85%);
	background-image: linear-gradient(143deg, #a4d1ff 16%, #165da9 85%);
}

.section-openpro .badge.pro {
	background-image: -webkit-linear-gradient(307deg, #c09bfa 16%, #512db7 85%);
	background-image: linear-gradient(143deg, #c09bfa 16%, #512db7 85%);
}

.section-openpro .badge.master {
	background-image: -webkit-linear-gradient(307deg, #ffde71 16%, #e85619 85%);
	background-image: linear-gradient(143deg, #ffde71 16%, #e85619 85%);
}

.section-openpro .badge .badge-img {
	overflow: hidden;
	width: 14px;
	height: 14px;
	margin: 1px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.section-openpro .badge .badge-img:after {
	display: block;
	content: "";
}

.section-openpro .badge .badge-img.best01-01:after {
	background-position: -149px -60px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best01-02:after {
	background-position: -178px -116px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best01-03:after {
	background-position: -149px -88px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best02-01:after {
	background-position: -149px -116px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best02-02:after {
	background-position: -4px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best02-03:after {
	background-position: -32px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best03-01:after {
	background-position: -60px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best03-02:after {
	background-position: -88px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best03-03:after {
	background-position: -116px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best04-01:after {
	background-position: -144px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best04-02:after {
	background-position: -178px -4px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best04-03:after {
	background-position: -178px -32px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best05-01:after {
	background-position: -178px -60px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best05-02:after {
	background-position: -178px -88px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best05-03:after {
	background-position: -178px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best06-01:after {
	background-position: -4px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best06-02:after {
	background-position: -32px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best06-03:after {
	background-position: -60px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best07-01:after {
	background-position: -88px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best07-02:after {
	background-position: -116px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best07-03:after {
	background-position: -144px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best08-01:after {
	background-position: -172px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best08-02:after {
	background-position: -206px -4px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best08-03:after {
	background-position: -206px -32px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best09-01:after {
	background-position: -206px -60px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best09-02:after {
	background-position: -206px -88px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.best09-03:after {
	background-position: -206px -116px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro01-01:after {
	background-position: -206px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro01-02:after {
	background-position: -206px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro01-03:after {
	background-position: -4px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro02-01:after {
	background-position: -32px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro02-02:after {
	background-position: -60px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro02-03:after {
	background-position: -88px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro03-01:after {
	background-position: -116px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro03-02:after {
	background-position: -144px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro03-03:after {
	background-position: -172px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro04-01:after {
	background-position: -200px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro04-02:after {
	background-position: -234px -4px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro04-03:after {
	background-position: -234px -32px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro05-01:after {
	background-position: -234px -60px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro05-02:after {
	background-position: -234px -88px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro05-03:after {
	background-position: -234px -116px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro06-01:after {
	background-position: -234px -144px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro06-02:after {
	background-position: -234px -172px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro06-03:after {
	background-position: -234px -200px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro07-01:after {
	background-position: -4px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro07-02:after {
	background-position: -32px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro07-03:after {
	background-position: -60px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro08-01:after {
	background-position: -88px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro08-02:after {
	background-position: -116px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro08-03:after {
	background-position: -144px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro09-01:after {
	background-position: -172px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro09-02:after {
	background-position: -200px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.pro09-03:after {
	background-position: -228px -228px;
	width: 20px;
	height: 20px;
}

.section-openpro .badge .badge-img.master01-01:after {
	background-position: -33px -88px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master01-02:after {
	background-position: -4px -32px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master01-03:after {
	background-position: -33px -32px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master02-01:after {
	background-position: -62px -4px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master02-02:after {
	background-position: -62px -32px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master02-03:after {
	background-position: -4px -60px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master03-01:after {
	background-position: -33px -60px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master03-02:after {
	background-position: -62px -60px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master03-03:after {
	background-position: -91px -4px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master04-01:after {
	background-position: -91px -32px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master04-02:after {
	background-position: -91px -60px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master04-03:after {
	background-position: -4px -88px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master05-01:after {
	background-position: -4px -4px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master05-02:after {
	background-position: -33px -4px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master05-03:after {
	background-position: -62px -88px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master06-01:after {
	background-position: -91px -88px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master06-02:after {
	background-position: -120px -4px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master06-03:after {
	background-position: -120px -32px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master07-01:after {
	background-position: -120px -60px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master07-02:after {
	background-position: -120px -88px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master07-03:after {
	background-position: -4px -116px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master08-01:after {
	background-position: -33px -116px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master08-02:after {
	background-position: -62px -116px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master08-03:after {
	background-position: -91px -116px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master09-01:after {
	background-position: -120px -116px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master09-02:after {
	background-position: -149px -4px;
	width: 21px;
	height: 20px;
}

.section-openpro .badge .badge-img.master09-03:after {
	background-position: -149px -32px;
	width: 21px;
	height: 20px;
}

.section-openpro .social {
	margin-top: 12px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple SD Gothic Neo", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666;
}

.section-openpro .social::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.section-openpro .social .btn_reply {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.section-openpro .social .btn_reply .icon_reply {
	display: inline-block;
	margin-top: 1px;
	background-position: -36px -152px;
	width: 16px;
	height: 16px;
	vertical-align: top;
}

.section-openpro .social .btn_reply .number {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	vertical-align: top;
}

.section-openpro .social .tool-hit {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.section-openpro .social .tool-hit:before {
	display: inline-block;
	background-position: -68px -32px;
	width: 18px;
	height: 18px;
	vertical-align: top;
	content: "";
}

.section-openpro .social .tool-hit .tool-num {
	font-size: 13px;
	line-height: 16px;
	color: #666;
	vertical-align: top;
}

.section-comment {
	margin-top: 20px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #e4e5e9;
}

.pop_image {
	min-height: 100vh;
	word-break: break-word;
	background-color: #fff;
}

.pop_image .tray {
	position: relative;
	width: 660px;
	height: 100%;
	margin: 0 auto;
}

.pop_image .tray_inner {
	position: relative;
	height: 100%;
}

.pop_image .item {
	width: 100%;
	height: 100%;
}

.pop_image .img-area {
	position: relative;
	width: 540px;
	height: 600px;
	margin: 0 auto;
	z-index: 1;
}

.pop_image .img-area .thumb {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.pop_image .text-area {
	position: relative;
	max-width: 540px;
	margin: 0 auto;
	padding: 24px 0;
	text-align: center;
	z-index: 1;
}

.pop_image .text-area .tit {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #222;
}

.pop_image .text-area .desc {
	padding-top: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.32px;
	color: #8f8f8f;
}

.pop_image .text-area .desc + .desc {
	padding-top: 4px;
}

.pop_image .navigation {
	overflow: hidden;
}

.pop_image .navigation .btn_prev {
	position: absolute;
	top: 300px;
	left: 0;
}

.pop_image .navigation .btn_prev:after {
	display: block;
	background-position: -208px -4px;
	width: 25px;
	height: 44px;
	content: "";
}

.pop_image .navigation .btn_prev:disabled:after {
	background-position: -106px -84px;
	width: 25px;
	height: 44px;
}

.pop_image .navigation .btn_next {
	position: absolute;
	top: 300px;
	right: 0;
}

.pop_image .navigation .btn_next:after {
	display: block;
	background-position: -172px -84px;
	width: 25px;
	height: 44px;
	content: "";
}

.pop_image .navigation .btn_next:disabled:after {
	background-position: -139px -84px;
	width: 25px;
	height: 44px;
}

.pop-video {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 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;
	word-break: break-word;
	background: #fff;
}

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

.pop-video .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pop-video .video > * {
	width: 100%;
	height: 100%;
}

.pop-video .text-area {
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	position: relative;
	padding: 20px 18px 0;
	text-align: center;
}

.pop-video .text-area .text {
	overflow-y: auto;
	height: 100%;
	padding-bottom: 20px;
}

.pop-video .text-area .tit {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	color: #222;
}

.pop-video .text-area .desc {
	padding-top: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.32px;
	color: #8f8f8f;
}

.pop-video .text-area .desc + .desc {
	padding-top: 4px;
}

.pop-audio {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px 18px 0;
	word-break: break-word;
	background: #fff;
}

.pop-audio .audio-area {
	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;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.pop-audio .audio-area .btn-prev {
	margin-right: 24px;
	padding: 8px;
}

.pop-audio .audio-area .btn-prev:after {
	display: block;
	background-position: -4px -226px;
	width: 11px;
	height: 12px;
	content: "";
}

.pop-audio .audio-area .btn-prev:disabled:after {
	background-position: -23px -226px;
	width: 11px;
	height: 12px;
}

.pop-audio .audio-area .btn-next {
	margin-left: 24px;
	padding: 8px;
}

.pop-audio .audio-area .btn-next:after {
	display: block;
	background-position: -96px -202px;
	width: 11px;
	height: 12px;
	content: "";
}

.pop-audio .audio-area .btn-next:disabled:after {
	background-position: -115px -202px;
	width: 11px;
	height: 12px;
}

.pop-audio .audio {
	position: relative;
	width: 80px;
	height: 80px;
}

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

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

.pop-audio .audio .btn-play {
	width: 100%;
	height: 100%;
}

.pop-audio .audio .btn-play:after {
	display: block;
	margin: 0 auto;
	background-position: -150px -24px;
	width: 21px;
	height: 22px;
	content: "";
}

.pop-audio .audio .btn-pause {
	width: 100%;
	height: 100%;
}

.pop-audio .audio .btn-pause:after {
	display: block;
	margin: 0 auto;
	background-position: -106px -164px;
	width: 20px;
	height: 20px;
	content: "";
}

.pop-audio .text-area {
	position: relative;
	padding: 32px 0;
	text-align: center;
}

.pop-audio .text-area .tit {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #222;
}

.pop-audio .text-area .desc {
	padding-top: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.32px;
	color: #8f8f8f;
}

.pop-audio .text-area .desc + .desc {
	padding-top: 4px;
}

.preview {
	overflow: auto;
	width: 728px;
	margin: 0 auto;
}

.preview .entry-wrap {
	margin-top: 0;
	border: 0;
}

.preview .preview-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;
	padding: 14px 24px;
	border-bottom: 1px solid #ecf0f2;
	background-color: #fcfcfc;
}

.preview .preview-info .info-title {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.preview .preview-info .btn-refresh {
	width: 28px;
	height: 28px;
	margin-left: 8px;
}

.preview .preview-info .btn-refresh:after {
	display: block;
	background-position: -42px -164px;
	width: 28px;
	height: 28px;
	content: "";
}

.ly_open_popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", NanumGothic, Dotum, sans-serif;
	z-index: 100000000;
}

.ly_open_popup .dimmed {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

.ly_open_wrap {
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	text-align: center;
}

.ly_open_wrap:after {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	content: "";
}

.ly_open {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 734px;
	margin: 32px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background-color: #f4f6f8;
}

.ly_open .open_notice {
	padding: 52px 40px 0;
	text-align: center;
}

.ly_open .btn_close {
	position: absolute;
	top: 24px;
	right: 24px;
}

.ly_open .btn_close:after {
	display: block;
	background-position: -150px -70px;
	width: 20px;
	height: 20px;
	content: "";
}

.ly_open .notice {
	display: block;
	margin-top: 16px;
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	color: #1b3d76;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background-color: initial;
}

.ly_open .notice:after {
	content: none;
}

.ly_open .duration {
	position: relative;
	margin-top: 16px;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	color: #566577;
}

.ly_open .duration .text {
	position: relative;
	display: inline-block;
}

.ly_open .duration .text + .text {
	margin-left: 4px;
	padding-left: 8px;
}

.ly_open .duration .text + .text:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 14px;
	background-color: #cbd5e0;
	content: "";
}

.ly_open .view_more {
	display: inline-block;
	margin-top: 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: underline;
	color: #2a7cde;
}

.ly_open .open_trial {
	margin-top: 32px;
	padding-bottom: 48px;
}

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

.ly_open .open_trial .item {
	float: left;
	width: 320px;
	padding: 24px;
	text-align: center;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.ly_open .open_trial .item .text {
	display: block;
	margin-top: 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #556373;
}

.ly_open .open_trial .item .text.point {
	color: #0a2758;
}

.ly_open .open_trial .item .text.point:after {
	background-position: -241px -4px;
	width: 8px;
	height: 12px;
}

.ly_open .open_trial .item .text:after {
	display: inline-block;
	margin-left: 4px;
	background-position: -224px -144px;
	width: 8px;
	height: 12px;
	content: "";
}

.ly_open .open_trial .item + .item {
	margin-left: 14px;
}

.ly_open .open_trial .img_dict {
	width: 94px;
	height: 72px;
	margin: 0 auto;
}

.ly_open .open_trial .img_dict:after {
	display: block;
	content: "";
}

.ly_open .open_trial .img_dict.type-open:after {
	background-position: -4px -84px;
	width: 94px;
	height: 72px;
}

.ly_open .open_trial .img_dict.type-login:after {
	background-position: -4px -4px;
	width: 94px;
	height: 72px;
}

.ly_open .open_trial .img_dict.type-my:after {
	background-position: -106px -4px;
	width: 94px;
	height: 72px;
}

.ly_open .mydic {
	margin-top: 16px;
	padding-bottom: 32px;
	text-align: left;
}

.ly_open .mydic_title {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
}

.ly_open .mydic_title .point {
	color: #03c75a;
}

.ly_open .mydic_list {
	overflow-y: auto;
	max-height: 410px;
	margin-top: 4px;
	padding: 24px 32px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px #e8ebee;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.ly_open .mydic_list .item::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.ly_open .mydic_list .item + .item {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #ebf1f7;
}

.ly_open .mydic_list .img_area {
	float: left;
	position: relative;
	padding-right: 4px;
}

.ly_open .mydic_list .img_area:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 98px;
	height: 96px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background-color: #8a96aa;
	z-index: 1;
	content: "";
}

.ly_open .mydic_list .img_area:after {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100px;
	height: 92px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background-color: #bec8d5;
	z-index: 0;
	content: "";
}

.ly_open .mydic_list .tag {
	position: absolute;
	top: 8px;
	left: 10px;
	padding: 4px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	-webkit-border-radius: 11px;
	        border-radius: 11px;
	border: solid 1px rgba(0, 0, 0, 0.05);
	z-index: 5;
}

.ly_open .mydic_list .tag.type-best {
	color: #2271f5;
	background-color: #e0ebff;
}

.ly_open .mydic_list .tag.type-challenge {
	color: #1b3d76;
	background-color: #fff;
}

.ly_open .mydic_list .img {
	position: relative;
	display: inline-block;
	width: 96px;
	height: 96px;
	-webkit-border-radius: 2px 6px 6px 2px;
	        border-radius: 2px 6px 6px 2px;
	-webkit-background-size: cover;
	        background-size: cover;
	vertical-align: top;
	z-index: 2;
}

.ly_open .mydic_list .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	height: 96px;
	-webkit-border-radius: 2px 6px 6px 2px;
	        border-radius: 2px 6px 6px 2px;
	background: url("img/img-gradient.png") no-repeat;
	-webkit-background-size: 100% 100%;
	        background-size: 100%;
	z-index: 3;
}

.ly_open .mydic_list .info_area {
	float: left;
	width: 197px;
	margin-left: 16px;
}

.ly_open .mydic_list .info_area .tit {
	display: block;
	padding-top: 8px;
	font-size: 18px;
	line-height: 28px;
	color: #182233;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ly_open .mydic_list .author {
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
}

.ly_open .mydic_list .author::after {
	display: table;
	table-layout: fixed;
	clear: both;
	content: '';
}

.ly_open .mydic_list .author .tit {
	float: left;
	padding-top: 0;
	font-size: 13px;
	line-height: 16px;
	color: #a7b3c1;
}

.ly_open .mydic_list .author .cont {
	float: left;
	margin-left: 4px;
}

.ly_open .mydic_list .btn_area {
	float: left;
	margin: 25px 0 0 20px;
}

.ly_open .mydic_list .btn_area .btn_trial {
	display: inline-block;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: -0.6px;
	color: #1b3d76;
	-webkit-border-radius: 23px;
	        border-radius: 23px;
	border: solid 1px #e5ebf1;
	background-color: #fff;
	vertical-align: top;
}

.ly_open .mydic_list .btn_area .btn_move {
	display: inline-block;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: -0.6px;
	color: #fff;
	-webkit-border-radius: 23px;
	        border-radius: 23px;
	background-color: #1b3d76;
	vertical-align: top;
}

.ly_open .mydic_list .btn_area .btn_move.disabled {
	color: #b9c3ce;
	background-color: #e3e8ef;
	cursor: default;
}

.ly_open .alert {
	margin-top: 32px;
}

.ly_open .alert .tit {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: #7f8d9d;
}

.ly_open .alert .item {
	position: relative;
	margin-top: 4px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #a7b3c1;
}

.ly_open .alert .item:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 2px;
	margin: auto 0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #a7b3c1;
	content: "";
}

.ly_open .check_area {
	padding: 17px 40px 21px;
	text-align: left;
	-webkit-border-radius: 0 0 8px 8px;
	        border-radius: 0 0 8px 8px;
	background-color: #fff;
}

.ly_open .check_area .btn_check {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #7f8d9d;
}

.ly_open .check_area .btn_check:before {
	display: inline-block;
	margin: 3px 4px 0 0;
	background-position: 0px -131px;
	width: 18px;
	height: 19px;
	vertical-align: top;
	content: "";
}

.ly_open .check_area .btn_check.on {
	color: #1b3d76;
}

.ly_open .check_area .btn_check.on:before {
	background-position: -130px -105px;
	width: 18px;
	height: 19px;
}

.ly_open .check_area .btn_check + .btn_check {
	margin-left: 20px;
}

.event-layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
}

.event-layer .dimmed {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.event-layer .layer-wrap {
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding: 32px 10px;
	text-align: center;
}

.event-layer .layer-inner {
	position: relative;
	width: 520px;
	margin: auto;
	text-align: center;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
	background-color: #fff;
}

.event-layer .img-title {
	width: 520px;
	vertical-align: top;
}

.event-layer .btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
	margin: -10px;
	padding: 10px;
	z-index: 10;
}

.event-layer .btn-close:after {
	display: block;
	background-position: -78px -164px;
	width: 20px;
	height: 20px;
	content: "";
}

.event-layer .layer-cont {
	margin-top: 20px;
	padding: 0 20px;
}

.event-layer .img-cont {
	width: 100%;
	vertical-align: top;
}

.event-layer .btn-area {
	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-top: 15px;
}

.event-layer .btn-area button {
	width: 98px;
	padding: 9px 0 7px;
	font-family: AppleSDGothicNeo, NanumBarunGothic, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
	border: 1px solid #ebeff4;
	background: #f5f6f8;
}

.event-layer .btn-area button + button {
	margin-left: 20px;
}

.event-layer .btn-area button.btn-detail {
	border: 1px solid #e7eef7;
}

.event-layer .btn-area button.btn-challenge {
	color: #fff;
	background-color: #19316f;
}

.event-layer .link-area {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	margin-top: 8px;
}

.event-layer .link-area .link {
	margin: -8px;
	padding: 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	color: #0c2a71;
}

.event-layer .link-area .link:after {
	display: inline-block;
	margin-left: 4px;
	background-position: -208px -144px;
	width: 8px;
	height: 12px;
	vertical-align: -1px;
	content: "";
}

.event-layer .tool-area {
	position: relative;
	margin-top: 15px;
	-webkit-border-radius: 0 0 16px 16px;
	        border-radius: 0 0 16px 16px;
	background-color: #f5f6f8;
}

.event-layer .input-check {
	display: none;
}

.event-layer .input-check:checked + .check-label {
	color: #1b3d76;
}

.event-layer .input-check:checked + .check-label:before {
	background-position: -130px -105px;
	width: 18px;
	height: 19px;
}

.event-layer .check-area {
	padding: 11px 90px 11px 20px;
	white-space: nowrap;
	text-align: left;
}

.event-layer .check-label {
	display: inline-block;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #7f8d9d;
	cursor: pointer;
	vertical-align: top;
}

.event-layer .check-label:before {
	display: inline-block;
	margin-top: 1px;
	background-position: 0px -131px;
	width: 18px;
	height: 19px;
	vertical-align: top;
	content: "";
}

.event-layer .check-label.check2 {
	margin-left: 8px;
}

.event-layer .btn-close2 {
	position: absolute;
	top: 12px;
	right: 20px;
	margin: -10px;
	padding: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
}

.event-layer .btn-close2:before {
	display: inline-block;
	background-position: -80px -131px;
	width: 18px;
	height: 18px;
	vertical-align: top;
	content: "";
}

.event-layer .alert-layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 320px;
	height: 180px;
	margin: auto;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 10px 0px #00000026;
	        box-shadow: 5px 5px 10px 0px #00000026;
}

.event-layer .alert-layer .layer-cont {
	margin: 0;
	padding: 45px 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #777;
}

.event-layer .alert-layer .btn-confirm {
	display: block;
	width: 100%;
	padding: 15px 0 14px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #0c2a71;
	-webkit-border-radius: 0 0 6px 6px;
	        border-radius: 0 0 6px 6px;
	background-color: #f9fafb;
}

.entry_title .word[lang="zh"],
.entry_title--saying .word[lang="zh"] {
	font-family: "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Microsoft Yahei", simsun, Arial, NanumGothic, sans-serif, FZSongS_Extended, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul";
}

.component-study .se-viewer,
.component-encyclopedia .se-viewer {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Apple SD Gothic Neo", NanumGothic, Dotum, "새굴림", "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif;
}

.component-study .se-viewer .se-ff-system,
.component-encyclopedia .se-viewer .se-ff-system {
	font-family: "HelveticaNeue", "Helvetica Neue", helvetica, AppleSDGothicNeo, arial, "malgun gothic", "\B9D1\C740   \ACE0\B515", "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanumgothic,
.component-encyclopedia .se-viewer .se-ff-nanumgothic {
	font-family: se-nanumgothic, "\B098\B214\ACE0\B515", nanumgothic, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanummyeongjo,
.component-encyclopedia .se-viewer .se-ff-nanummyeongjo {
	font-family: se-nanummyeongjo, "\B098\B214\BA85\C870", nanummyeongjo, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", serif, simsun;
}

.component-study .se-viewer .se-ff-nanumbarungothic,
.component-encyclopedia .se-viewer .se-ff-nanumbarungothic {
	font-family: se-nanumbarungothic, "\B098\B214\BC14\B978\ACE0\B515", nanumbarungothic, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanumsquare,
.component-encyclopedia .se-viewer .se-ff-nanumsquare {
	font-family: se-nanumsquare, "\B098\B214\ACE0\B515", nanumgothic, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanummaruburi,
.component-encyclopedia .se-viewer .se-ff-nanummaruburi {
	font-family: se-nanummaruburi, "\B9C8\B8E8\BD80\B9AC", nanummaruburi, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanumdasisijaghae,
.component-encyclopedia .se-viewer .se-ff-nanumdasisijaghae {
	font-family: se-nanumdasisijaghae, "\B2E4\C2DC\C2DC\C791\D574", nanumdasisijaghae, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanumbareunhipi,
.component-encyclopedia .se-viewer .se-ff-nanumbareunhipi {
	font-family: se-nanumbareunhipi, "\BC14\B978\D788\D53C", nanumbareunhipi, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-ff-nanumuriddalsongeulssi,
.component-encyclopedia .se-viewer .se-ff-nanumuriddalsongeulssi {
	font-family: se-nanumuriddalsongeulssi, "\C6B0\B9AC\B538\C190\AE00\C528", nanumuriddalsongeulssi, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul", sans-serif, Meiryo;
}

.component-study .se-viewer .se-module-image-link,
.component-study .se-viewer .se-imageGroup-thumb,
.component-encyclopedia .se-viewer .se-module-image-link,
.component-encyclopedia .se-viewer .se-imageGroup-thumb {
	cursor: default;
}

.component-study .se-viewer .se-image-status-404,
.component-encyclopedia .se-viewer .se-image-status-404 {
	position: relative;
	padding-top: 56.25%;
}

.component-study .se-viewer .se-image-status-404:before,
.component-encyclopedia .se-viewer .se-image-status-404:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #e9e9e9;
}

.component-study .se-viewer .se-image-status-404-detail,
.component-encyclopedia .se-viewer .se-image-status-404-detail {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	font-size: 0;
}

.component-study .se-viewer .se-image-status-404-detail:before,
.component-encyclopedia .se-viewer .se-image-status-404-detail:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.component-study .se-viewer .se-image-status-404-text,
.component-encyclopedia .se-viewer .se-image-status-404-text {
	display: inline-block;
	padding: 0 20px;
	font-family: se-nanumsquare, "\B098\B214\ACE0\B515", nanumgothic, sans-serif, Meiryo;
	font-size: 16px;
	color: #ccc;
	text-align: center;
	vertical-align: middle;
}

@font-face {
	font-family: NanumSquareBold;
	font-weight: normal;
	src: url(../webfonts/NanumSquareB.woff2) format("woff2"), url(../webfonts/NanumSquareB.woff) format("woff");
}

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body, input, textarea, select, button, table {
	font-family: -apple-system, BlinkMacSystemFont, "Microsoft Yahei", simsun, Arial, "Apple SD Gothic Neo", NanumGothic, Dotum, "새굴림", sans-serif, FZSongS_Extended, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul";
}

a, button {
	cursor: pointer;
}

button {
	background-color: transparent;
}

html, body {
	min-height: 100%;
	height: 100%;
	background-color: #f4f6f8;
}

body {
	min-width: 360px;
}

.wrap {
	position: relative;
	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;
	min-height: 100%;
	word-break: break-word;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 246, 248, 0)), to(#f4f6f8));
	background-image: -webkit-linear-gradient(top, rgba(244, 246, 248, 0), #f4f6f8 100%);
	background-image: linear-gradient(to bottom, rgba(244, 246, 248, 0), #f4f6f8 100%);
	background-color: #f4f6f8;
}

.icon {
	vertical-align: top;
}

textarea {
	vertical-align: top;
}

input[type=text]::-ms-clear {
	display: none;
}

[lang^='ja']:not(html) {
	font-family: -apple-system, BlinkMacSystemFont, Arial,'Hiragino Sans', YuGothic, Meiryo,'MS Pgothic',"Apple SD Gothic Neo", NanumGothic, Dotum, "새굴림", sans-serif, FZSongS_Extended;
}

[lang^='zh']:not(html) {
	font-family: "Microsoft Yahei", simsun, Arial, "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, NanumGothic, Dotum, sans-serif, FZSongS_Extended, "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul";
}

.blind {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip: rect(0 0 0 0);
	-webkit-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

body.scroll-lock {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: fixed;
}

.btn-top {
	position: fixed;
	right: 40px;
	bottom: 106px;
	padding: 10px 10px 8px;
	border: solid 1px #d5d5d7;
	background-color: #fff;
	z-index: 10;
}

.btn-top:after {
	display: block;
	background-position: -4px -4px;
	width: 20px;
	height: 19px;
	content: "";
}

.header-dictmain {
	position: fixed;
	top: -52px;
	right: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 52px;
	padding: 14px 22px 14px 20px;
	background-color: #fff;
	z-index: 101;
}

.header-dictmain.on {
	top: 0;
}

.header-dictmain.on.reverse {
	top: -52px;
}

.header-dictmain .link-home + .dictmain-link,
.header-dictmain .logo-event + .dictmain-link {
	margin-left: auto;
}

.header-dictmain .link-home:after,
.header-dictmain .logo-event:after {
	display: block;
	background-position: -26px -105px;
	width: 24px;
	height: 24px;
	content: "";
}

.header-dictmain .logo-event {
	width: 48px;
	height: 52px;
	margin: -14px 0 0 16px;
}

.header-dictmain .logo-event:after {
	display: block;
	width: 49px;
	height: 52px;
	background-image: url("../img/openpro_event/gnb-event-logo-m.gif");
	-webkit-background-size: 49px 52px;
	        background-size: 49px 52px;
	background-position: center;
	background-repeat: no-repeat;
	content: "";
}

.header-dictmain .dictmain-link {
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	color: #333;
}

.header-dictmain .dictmain-link + .dictmain-link {
	margin-left: 16px;
}

.header-dictmain .dictmain-link.type-best:after {
	display: block;
	background-position: -116px -46px;
	width: 24px;
	height: 24px;
	content: "";
}

.header-dictmain .dictmain-link.type-challenge:after {
	display: block;
	background-position: 0px -105px;
	width: 24px;
	height: 24px;
	content: "";
}

.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	z-index: 101;
}

.header .header-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 18px 12px;
	height: 64px;
}

.header .logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.header .logo-link {
	padding-top: 8px;
}

.header .logo-link + .logo-link {
	margin-left: 8px;
}

.header .logo-n:after {
	display: block;
	background-position: 0px -72px;
	width: 32px;
	height: 31px;
	content: "";
}

.header .logo-open {
	font-family: NanumSquareBold, sans-serif;
	font-size: 21px;
	line-height: 24px;
}

.header .logo-event {
	width: 64px;
	height: 70px;
	margin-top: -12px;
	margin-left: 23px;
}

.header .logo-event:after {
	display: block;
	width: 64px;
	height: 70px;
	background-image: url("../img/openpro_event/gnb-event-logo.gif");
	-webkit-background-size: 64px 70px;
	        background-size: 64px 70px;
	background-repeat: no-repeat;
	content: "";
}

.header .btn-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;
	margin-left: auto;
}

.header .mkdic-btn {
	padding: 8px 11px;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: -0.5px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #e4e4e4;
	background-color: #fff;
}

.header .mkdic-btn.type-en .icon {
	display: none;
}

@media (max-width: 460px) {
	.header .mkdic-btn.type-en {
		margin-right: -8px;
		padding: 8px;
		border: none;
	}
	.header .mkdic-btn.type-en .text {
		display: none;
	}
	.header .mkdic-btn.type-en .icon {
		display: block;
	}
}

.header .search-btn {
	height: 24px;
	margin: 0 -10px 0 8px;
	padding: 10px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.header .search-btn:after {
	display: block;
	background-position: -208px -56px;
	width: 24px;
	height: 24px;
	content: "";
}

.header .layer-search {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 200;
}

.header .layer-search .search-inner {
	position: relative;
	min-width: 1184px;
	background-color: #fff;
}

.header .layer-search .search-bar {
	height: 68px;
	padding-right: 50px;
	border-bottom: none;
}

.header .layer-search .logo {
	display: none;
	padding: 14px 18px 0;
}

.header .layer-search .logo-link {
	padding-top: 12px;
}

.header .layer-search .logo-link + .logo-link {
	margin-left: 8px;
}

.header .layer-search .logo-open {
	font-family: NanumSquareBold, sans-serif;
	font-size: 21px;
	line-height: 24px;
}

.header .layer-search .form-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 68px;
}

.header .layer-search .input-search {
	margin: 14px 0 0 4px;
	padding: 8px;
	height: 24px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.header .layer-search .input-search:after {
	display: block;
	background-position: -104px -105px;
	width: 24px;
	height: 24px;
	content: "";
}

.header .layer-search .input-search__text {
	display: none;
}

.header .layer-search .search-close {
	position: absolute;
	top: 22px;
	right: 18px;
	margin: -8px;
	padding: 8px;
}

.header .layer-search .search-close:after {
	display: block;
	background-position: -4px -4px;
	width: 24px;
	height: 24px;
	content: "";
}

.header .layer-search .input-area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	margin: 12px 0 12px 18px;
	padding: 11px 40px 8px 20px;
	-webkit-border-radius: 22px;
	        border-radius: 22px;
	background-color: #f8f9fa;
}

.header .layer-search .input-area .icon-search {
	display: none;
}

.header .layer-search .input-text {
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 25px;
	color: #000;
	border: none;
	background-color: transparent;
	caret-color: #03c75a;
	outline: none;
}

.header .layer-search .input-text::-webkit-input-placeholder {
	color: #888;
}

.header .layer-search .input-text:-ms-input-placeholder {
	color: #888;
}

.header .layer-search .input-text::-ms-input-placeholder {
	color: #888;
}

.header .layer-search .input-text::placeholder {
	color: #888;
}

.header .layer-search .input-delete {
	position: absolute;
	top: 12px;
	right: 16px;
	height: 20px;
}

.header .layer-search .input-delete:after {
	display: block;
	background-position: -162px -136px;
	width: 20px;
	height: 20px;
	content: "";
}

.header .layer-search .search-recent {
	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;
	padding: 24px 18px 20px;
	font-size: 14px;
	line-height: 14px;
	color: #333;
}

.header .layer-search .delete-all {
	color: #999;
}

.header .layer-search .search-result {
	position: absolute;
	top: 68px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

.header .layer-search .result-non {
	padding: 80px 18px 0;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #999999;
}

.header .layer-search .result-list__item {
	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;
	height: 24px;
	padding: 0 21px 0 18px;
}

.header .layer-search .result-list__item + .result-list__item {
	margin-top: 16px;
}

.header .layer-search .item-link {
	overflow: hidden;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 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;
}

.header .layer-search .item-link:before {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	display: block;
	background-position: -36px -4px;
	width: 24px;
	height: 24px;
	content: "";
}

.header .layer-search .item-text {
	margin-left: 6px;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .layer-search .item-delete {
	width: 10px;
	height: 10px;
	margin-right: -7px;
	padding: 7px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.header .layer-search .item-delete:after {
	display: block;
	background-position: -80px -226px;
	width: 10px;
	height: 10px;
	content: "";
}

.header .layer-search .search-recommend {
	position: absolute;
	top: 68px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

.header .layer-search .search-recommend:after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	background-color: #dedee7;
	content: "";
}

.header .layer-search .recommend-wrap {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
}

.header .layer-search .recommend-list {
	margin: 0 18px;
	padding: 20px 0 16px;
}

.header .layer-search .recommend-list + .recommend-list {
	padding: 16px 0 20px;
	border-top: 1px solid #f1f4f8;
}

.header .layer-search .recommend-list__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;
	height: 24px;
	cursor: pointer;
}

.header .layer-search .recommend-list__item + .recommend-list__item {
	margin-top: 16px;
}

.header .layer-search .recommend-list__item .tag {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	padding: 5px 8px;
	-webkit-border-radius: 11px;
	        border-radius: 11px;
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
}

.header .layer-search .recommend-list__item .tag.type-best {
	color: #0060d3;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #e0ebff;
}

.header .layer-search .recommend-list__item .tag.type-challenge {
	color: #1b3d76;
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.header .layer-search .recommend-list__item .ellipsis {
	margin-left: 6px;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .layer-search .recommend-list__item .time {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin-left: 12px;
	font-size: 13px;
	line-height: 20px;
	color: #a7b3c1;
}

.header .layer-search .recommend-non {
	padding: 80px 18px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #666;
}

.header .layer-search .recommend-tool {
	border-top: 1px solid #f1f4f8;
}

.header .layer-search .btn-wrap {
	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;
	font-size: 14px;
	line-height: 18px;
}

.header .layer-search .btn-wrap .btn-toggle {
	padding: 13px 18px;
	color: #666;
}

.header .layer-search .btn-wrap .btn-toggle:before {
	display: inline-block;
	background-position: -66px -72px;
	width: 32px;
	height: 18px;
	vertical-align: top;
	content: "";
}

.header .layer-search .btn-wrap .btn-toggle.on {
	color: #333;
}

.header .layer-search .btn-wrap .btn-toggle.on:before {
	background-position: -116px 0px;
	width: 32px;
	height: 18px;
}

.header .layer-search .btn-wrap .btn-toggle .text {
	vertical-align: middle;
}

.header .layer-search .btn-wrap .btn-close {
	padding: 13px 18px;
	color: #999;
}

.header.pc {
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	border-bottom: 1px solid #dedee7;
}

.header.pc .header-inner {
	width: 1184px;
	height: 72px;
	margin: auto;
	padding: 14px 18px;
}

.header.pc .logo-link.logo-open {
	padding-top: 11px;
}

.header.pc .mkdic-btn {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
	margin-left: 24px;
	padding: 9px 24px 8px;
	font-size: 16px;
	line-height: 25px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	border: solid 1px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
}

.header.pc .search-btn {
	margin-left: 0;
}

.header.pc .btn-area {
	margin-left: 0;
}

.header.pc .layer-search {
	overflow-x: auto;
}

.header.pc .layer-search.result-opened, .header.pc .layer-search.recommend-opened {
	bottom: 0;
}

.header.pc .layer-search .dimmed {
	position: fixed;
	top: 72px;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.3;
	background-color: #000;
}

.header.pc .layer-search .search-bar {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1184px;
	height: 72px;
	margin: 0 auto;
	padding-right: 177px;
	z-index: 1;
}

.header.pc .layer-search .logo {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.header.pc .layer-search form {
	height: 72px;
	margin: 0 auto;
}

.header.pc .layer-search .form-inner {
	height: 72px;
}

.header.pc .layer-search .input-area {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	position: relative;
	width: 476px;
	margin-left: 0;
	padding: 14px 56px 12px 44px;
	-webkit-border-radius: 24px;
	        border-radius: 24px;
	border: solid 1px rgba(0, 0, 0, 0.08);
	background-color: #fff;
}

.header.pc .layer-search .input-area:before {
	position: absolute;
	top: 12px;
	left: 16px;
	background-position: -104px -105px;
	width: 24px;
	height: 24px;
	content: "";
}

.header.pc .layer-search .input-area:disabled {
	color: #ccc;
}

.header.pc .layer-search .input-text {
	line-height: 20px;
}

.header.pc .layer-search .input-text::-webkit-input-placeholder {
	color: #999;
}

.header.pc .layer-search .input-text:-ms-input-placeholder {
	color: #999;
}

.header.pc .layer-search .input-text::-ms-input-placeholder {
	color: #999;
}

.header.pc .layer-search .input-text::placeholder {
	color: #999;
}

.header.pc .layer-search .input-delete {
	right: 20px;
}

.header.pc .layer-search .search-close {
	top: 16px;
	right: 156px;
	height: 40px;
	margin: 0;
}

.header.pc .layer-search .input-search {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	height: 20px;
	margin-top: 19px;
}

.header.pc .layer-search .input-search:active {
	color: #000;
}

.header.pc .layer-search .input-search:after {
	content: none;
}

.header.pc .layer-search .input-search__text {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
}

.header.pc .layer-search .search-result {
	top: 72px;
	bottom: auto;
	min-width: 1184px;
	min-height: 200px;
}

.header.pc .layer-search .search-result:after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	background-color: #dedee7;
	content: "";
}

.header.pc .layer-search .result-wrap {
	margin-left: -36px;
}

.header.pc .layer-search .search-recent {
	width: 443px;
	margin: 0 auto;
	padding: 24px 0 18px;
}

.header.pc .layer-search .result-non {
	padding: 80px 0 0 40px;
}

.header.pc .layer-search .result-list {
	width: 443px;
	margin: 0 auto;
	padding-bottom: 24px;
}

.header.pc .layer-search .result-list__item {
	padding: 0;
}

.header.pc .layer-search .search-recommend {
	top: 72px;
	bottom: auto;
	min-width: 1184px;
	min-height: 200px;
}

.header.pc .layer-search .recommend-wrap {
	margin-left: -36px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.header.pc .layer-search .recommend-wrap .list-wrap {
	width: 443px;
	margin: 0 auto;
}

.header.pc .layer-search .recommend-list {
	margin: 0;
	padding: 24px 0 16px;
}

.header.pc .layer-search .recommend-list + .recommend-list {
	padding: 16px 0 24px;
}

.header.pc .layer-search .btn-wrap {
	width: 443px;
	margin: 0 auto;
}

.header.pc .layer-search .btn-wrap .btn-toggle {
	margin-left: -18px;
}

.nav {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 64px;
	border-bottom: 1px solid #e8ecf0;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	z-index: 100;
}

.nav .nav-inner {
	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;
	margin: 0 18px;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #333;
}

.nav .nav-link {
	position: relative;
	padding: 17px 6px 13px;
}

.nav .nav-link:nth-child(4) {
	font-size: 20px;
	padding: 17px 2px 13px;
}

.nav.first .nav-link:first-child {
	font-weight: bold;
	color: #000;
}

.nav.first .nav-link:first-child:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	-webkit-border-radius: 1.5px;
	        border-radius: 1.5px;
	background-color: #000;
	content: "";
}

.nav.second .nav-link:nth-child(2) {
	font-weight: bold;
	color: #000;
}

.nav.second .nav-link:nth-child(2):after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	-webkit-border-radius: 1.5px;
	        border-radius: 1.5px;
	background-color: #000;
	content: "";
}

.nav.third .nav-link:nth-child(3) {
	font-weight: bold;
	color: #000;
}

.nav.third .nav-link:nth-child(3):after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	-webkit-border-radius: 1.5px;
	        border-radius: 1.5px;
	background-color: #000;
	content: "";
}

.nav.fourth .nav-link:nth-child(4) {
	padding: 17px 1px 13px 1px;
	font-weight: bold;
	color: #000;
}

.nav.fourth .nav-link:nth-child(4):after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	-webkit-border-radius: 1.5px;
	        border-radius: 1.5px;
	background-color: #000;
	content: "";
}

.pc .nav {
	position: relative;
	width: 100%;
	max-width: 344px;
	margin: -14px auto 0;
	padding: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: 0;
}

.pc .nav .nav-inner {
	margin: 0;
}

.pc .nav .nav-link,
.pc .nav .nav-link:nth-child(4) {
	padding-top: 27px;
	padding-bottom: 23px;
}

.pc .nav.fourth .nav-link:nth-child(4) {
	padding-top: 27px;
	padding-bottom: 23px;
}

.footer {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin-top: auto;
	padding: 32px 0 48px;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: -0.46px;
	text-align: center;
	color: #8f9aac;
	background-color: #182233;
}

.footer .btn-login {
	display: inline-block;
	padding: 10px 15px 8px;
	font-size: 14px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.1);
}

.footer .link-area {
	margin-top: 24px;
}

.footer .link-area__inner + .link-area__inner {
	margin-top: 8px;
}

.footer .link {
	position: relative;
	display: inline-block;
	padding: 3px 10px;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -0.46px;
	white-space: nowrap;
}

.footer .link + .link,
.footer .link + .lang {
	margin-left: -4px;
}

.footer .link + .link:before,
.footer .link + .lang:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.12);
	content: "";
}

.footer .link + .lang-btn {
	margin-left: -4px;
}

.footer .link + .lang-btn:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.12);
	content: "";
}

.footer .link.link-point {
	font-weight: 800;
	color: #bac2cf;
}

.footer .link-login {
	display: none;
}

.footer .link-naver {
	display: block;
	margin-top: 28px;
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: -0.5px;
	color: #6a7281;
}

.footer .lang {
	position: relative;
	display: inline-block;
}

.footer .lang-btn {
	position: relative;
	padding: 3px 10px;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -0.46px;
	text-align: center;
	color: #8f9aac;
}

.footer .lang-btn:after {
	display: inline-block;
	margin-left: 4px;
	border-right: 4px solid transparent;
	border-top: 4px solid #ccc;
	border-left: 4px solid transparent;
	vertical-align: 2px;
	content: "";
}

.footer .lang-btn.on:after {
	border-top: 0;
	border-bottom: 4px solid #ccc;
	vertical-align: 3px;
}

.footer .lang-btn.on + .modal {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.footer .lang-list {
	display: none;
}

.footer .lang-selected {
	margin-left: 1px;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: -0.46px;
	color: #ccc;
}

.footer .filter-item {
	padding: 12px 0;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	cursor: pointer;
}

.footer .filter-item.selected {
	font-weight: bold;
	color: #03c75a;
}

.footer .filter-item.selected:before {
	display: inline-block;
	background-position: -96px -52px;
	width: 14px;
	height: 10px;
	content: "";
}

.footer .filter-item.selected .filter-item__text {
	margin-left: 5px;
}

.footer .filter-item__text {
	margin-left: 22px;
	font-size: 16px;
	vertical-align: top;
}

.footer .info {
	margin-top: 8px;
	padding: 4px;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.3px;
}

.footer .info:after {
	display: inline-block;
	margin: 4px 0 0 2px;
	background-position: -76px -64px;
	width: 11px;
	height: 7px;
	content: "";
	vertical-align: top;
}

.footer .info.is-open:after {
	display: inline-block;
	background-position: -96px -70px;
	width: 11px;
	height: 7px;
	content: "";
}

.footer .info.is-open + .info-corp {
	display: block;
}

.footer .info-corp {
	display: none;
	margin-top: 12px;
}

.footer .info-corp__desc {
	display: inline-block;
	padding: 12px 25px 10px;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.4px;
	color: #8f9aac;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background-color: rgba(54, 61, 76, 0.5);
	vertical-align: top;
}

.footer.pc {
	min-width: 1148px;
	height: 160px;
	padding: 54px 0 64px;
}

.footer.pc .btn-login {
	display: none;
}

.footer.pc .link-login {
	position: relative;
	margin-right: 6px;
	padding: 3px 10px;
	display: inline;
}

.footer.pc .link-login + .link {
	margin-left: 10px;
}

.footer.pc .link-login + .link:before {
	position: absolute;
	top: 8px;
	left: -10px;
	width: 1px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.12);
	content: '';
}

.footer.pc .link-area {
	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: 0;
}

.footer.pc .link-area__inner {
	position: relative;
	margin-right: 10px;
	white-space: nowrap;
}

.footer.pc .link-area__inner + .link-area__inner {
	margin-top: 0;
	margin-left: 10px;
}

.footer.pc .link-area__inner + .link-area__inner:before {
	position: absolute;
	top: 8px;
	left: -10px;
	width: 1px;
	height: 13px;
	background-color: rgba(255, 255, 255, 0.12);
	content: '';
}

.footer.pc .link + .link:before {
	top: 13px;
	width: 2px;
	height: 2px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background-color: #6a7281;
}

.footer.pc .lang-btn {
	position: relative;
	padding: 3px 10px;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -0.46px;
	text-align: center;
	color: #8f9aac;
}

.footer.pc .lang-btn:after {
	display: inline-block;
	margin-left: 4px;
	border-right: 4px solid transparent;
	border-top: 4px solid #ccc;
	border-left: 4px solid transparent;
	vertical-align: 2px;
	content: '';
}

.footer.pc .lang-btn.on:after {
	border-top: 0;
	border-bottom: 4px solid #ccc;
	vertical-align: 3px;
}

.footer.pc .lang-list {
	display: block;
	position: absolute;
	top: -32px;
	right: -74px;
	padding: 3px 12px;
	text-align: left;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	z-index: 1;
}

.footer.pc .filter-item {
	display: block;
	padding: 6px 0;
	font-size: 13px;
	line-height: 16px;
	color: #666;
}

.footer.pc .filter-item:before {
	content: none;
}

.footer.pc .filter-item.selected {
	font-weight: normal;
	color: #03c75a;
}

.footer.pc .filter-item.selected .filter-item__text {
	margin-left: 0;
}

.footer.pc .filter-item__text {
	margin-left: 0;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.5px;
}

.footer.pc .link-naver {
	margin-top: 16px;
}

.modal {
	z-index: 100;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 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-border-radius: 16px 16px 0 0;
	        border-radius: 16px 16px 0 0;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
	        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	-webkit-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	        transform: translateY(100%);
}

.modal-container {
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 18px 20px 12px;
}

.modal-container::-webkit-scrollbar {
	display: none;
}

.section-side {
	float: right;
	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;
	width: 320px;
}

.section-side .lang {
	position: relative;
	display: block;
	margin-top: 24px;
	text-align: right;
}

.section-side .lang-btn {
	font-size: 13px;
	line-height: 16px;
	color: #7f8d9d;
}

.section-side .lang-btn:after {
	display: inline-block;
	margin-left: 4px;
	border-right: 4px solid transparent;
	border-top: 4px solid #777;
	border-left: 4px solid transparent;
	vertical-align: 2px;
	content: "";
}

.section-side .lang-btn.on:after {
	border-top: 0;
	border-bottom: 4px solid #777;
	vertical-align: 3px;
}

.section-side .lang-btn.on + .lang-list {
	display: block;
}

.section-side .lang-selected {
	margin-left: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
}

.section-side .lang-list {
	display: none;
	position: absolute;
	top: 19px;
	right: -8px;
	padding: 3px 12px;
	text-align: left;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	z-index: 10;
}

.section-side .filter-item {
	display: block;
	padding: 6px 0;
	font-size: 13px;
	line-height: 16px;
	color: #333;
}

.section-side .filter-item.selected {
	color: #03c75a;
}

.section-side .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: 8px;
	padding: 19px 20px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: solid 1px rgba(0, 0, 0, 0.07);
	background-color: #fff;
}

.section-side .profile-link {
	overflow: hidden;
	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-side .img-area {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

.section-side .profile-img {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: top;
}

.section-side .profile-name {
	margin-right: 8px;
	margin-left: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #182233;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section-side .logout-btn {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	margin-left: auto;
	padding: 7px 12px 7px 13px;
	font-size: 13px;
	line-height: 16px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #fff;
}

.section-side .banner-area {
	margin-top: 8px;
}

.stat {
	margin-top: 8px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background-color: #1b3d76;
}

.stat .stat-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	max-width: 340px;
	margin: 0 auto;
	padding: 22px 0 28px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

.stat .compiled {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	word-break: keep-all;
}

.stat .stat-div {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	width: 2px;
	height: 44px;
	margin-top: 2px;
	background-color: rgba(255, 255, 255, 0.3);
}

.stat .writing {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	position: relative;
}

.stat .text-title {
	display: block;
	min-width: 62px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: -0.5px;
	opacity: 0.5;
}

.stat .text-num {
	font-size: 28px;
	font-weight: 900;
	line-height: 32px;
	letter-spacing: -0.5px;
}

.notice {
	position: relative;
	margin-top: 8px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	background-color: #dff3ff;
}

.notice:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	content: "";
}

.notice.opened {
	-webkit-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
}

.notice.opened:after {
	-webkit-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
}

.notice.opened .notice-open:after {
	background-position: -42px -226px;
	width: 12px;
	height: 12px;
}

.notice.opened .notice-list {
	display: block;
}

.notice .notice-header {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 50px 16px 20px;
	z-index: 1;
}

.notice .notice-title {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #2a7cde;
}

.notice .notice-title + .notice-link {
	margin-left: 5px;
}

.notice .notice-open {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 50px;
	height: 50px;
	padding: 19px;
}

.notice .notice-open:after {
	display: block;
	width: 12px;
	height: 12px;
	background-position: -68px -152px;
	width: 12px;
	height: 12px;
	content: "";
}

.notice .notice-list {
	overflow-y: auto;
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
	max-height: 204px;
	padding-bottom: 23px;
	-webkit-border-radius: 0 0 6px 6px;
	        border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.04);
	background-color: #dff3ff;
	z-index: 10;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-top: 0;
}

.notice .notice-list__item {
	position: relative;
	margin-top: 18px;
	padding: 0 19px;
	z-index: 1;
}

.notice .notice-link {
	display: block;
	font-size: 15px;
	line-height: 18px;
	color: #182233;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inform {
	position: relative;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	color: #182233;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	background-color: #fffef2;
}

.inform:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	content: "";
}

.inform.on {
	-webkit-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
}

.inform.on .inform-list {
	display: block;
}

.inform.on .inform-header .btn-toggle:after {
	background-position: -76px -202px;
	width: 12px;
	height: 12px;
}

.inform.on:after {
	-webkit-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
}

.inform .inform-header {
	position: relative;
	padding: 16px 40px 16px 20px;
}

.inform .inform-header .btn-toggle {
	position: absolute;
	top: 16px;
	right: 16px;
	height: 20px;
	padding: 4px;
	z-index: 1;
}

.inform .inform-header .btn-toggle:after {
	display: block;
	background-position: -102px -54px;
	width: 12px;
	height: 12px;
	content: "";
}

.inform .inform-link {
	position: relative;
	display: block;
	height: 18px;
	z-index: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inform .inform-title {
	font-weight: bold;
}

.inform .inform-link__point {
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 800;
	color: #ff5650;
}

.inform-list {
	overflow-y: auto;
	position: absolute;
	right: 0;
	left: 0;
	top: 49px;
	display: none;
	max-height: 280px;
	padding: 7px 0;
	-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.06);
	        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius: 0 0 6px 6px;
	        border-radius: 0 0 6px 6px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #e8eef4;
	background-color: #fffef2;
	z-index: 5;
}

.inform-list .inform-list__item {
	padding: 8px 20px;
	line-height: 20px;
}

.inform-list .readed {
	color: #b2b2b2;
}

.inform-list .readed .inform-link__point {
	color: #b2b2b2;
}

.inform-list .inform-list__link {
	display: block;
}

.inform-list .inform-desc {
	margin-top: 4px;
}

.mydict {
	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;
	min-height: 232px;
	margin-top: 8px;
	padding-top: 24px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
	border: solid 1px rgba(0, 0, 0, 0.07);
	background-color: #fff;
}

.mydict.login {
	min-height: 262px;
}

.mydict .mydict-tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 19px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	border: solid 1px #eceef3;
	background-color: #f7f8fa;
}

.mydict .tab-btn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 10px 10px 8px;
	font-size: 12px;
	line-height: 16px;
	color: #182233;
}

.mydict .tab-btn.is-active {
	font-weight: bold;
}

.mydict .tab-btn + .tab-btn {
	position: relative;
}

.mydict .tab-btn + .tab-btn:after {
	position: absolute;
	top: 12px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: #dae1ea;
	content: "";
}

.mydict .mydict-login,
.mydict .mydict-empty {
	margin: 40px 20px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
}

.mydict .mydict-inner {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	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;
}

.mydict .mydict-info {
	display: block;
	color: #182233;
}

.mydict .mydict-desc {
	display: block;
	margin-top: 8px;
	color: #a7b3c1;
}

.mydict .empty-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 23px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	border: solid 1px rgba(0, 0, 0, 0.12);
	background-color: #fff;
}

.mydict .login-btn {
	display: block;
	margin-top: 16px;
	padding: 18px 0 15px;
	font-size: 13px;
	font-weight: 800;
	line-height: 13px;
	color: #fff;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.05);
	background-color: #19cf60;
}

.mydict .mydict-list {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	margin: 24px;
}

.mydict .mydict-list + .more-btn {
	display: block;
}

.mydict .more-btn {
	margin-top: auto;
	width: 100%;
	padding: 14px 20px 18px;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	letter-spacing: -0.5px;
	color: #1b3d76;
	border-top: 1px solid #e9eff7;
}

.mydict .mydict-list__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;
}

.mydict .mydict-list__item .tag {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	padding: 4px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #1b3d76;
	-webkit-border-radius: 11px;
	        border-radius: 11px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.mydict .mydict-list__item .tag.type-best {
	color: #0060d3;
	border: solid 1px rgba(0, 0, 0, 0.05);
	background-color: #e0ebff;
}

.mydict .mydict-list__item .title {
	margin-left: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	color: #182233;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mydict .mydict-list__item + .mydict-list__item {
	margin-top: 16px;
}

.mydict .new-number {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	    -ms-flex: none;
	        flex: none;
	min-width: 14px;
	margin: 0 0 3px 4px;
	padding: 4px 4px 1px;
	font-size: 9px;
	font-weight: 900;
	line-height: 9px;
	color: #ffffff;
	-webkit-border-radius: 7px;
	        border-radius: 7px;
	background-color: #ff7070;
}

.banner {
	overflow: hidden;
	margin-top: 8px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background-color: #f1edfe;
}

.banner:first-child {
	margin-top: 0;
}

.banner .banner_common_openpro {
	position: relative;
}

.banner .banner_common_openpro:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.03);
	content: "";
}

.banner .banner_common_openpro .banner_inner {
	max-width: 320px;
	width: auto;
}

.guide {
	margin-top: 8px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	background-color: #e8eef4;
}

.guide .guide-link {
	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;
	padding: 19px 24px 18px;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.5px;
	color: #7f8d9d;
}

.guide .guide-link:after {
	display: block;
	background-position: -96px -28px;
	width: 16px;
	height: 16px;
	content: "";
}

.guide .guide-link + .guide-link {
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.toast {
	z-index: 1000;
	position: fixed;
	top: 88px;
	right: 15px;
	left: 15px;
	max-width: 345px;
	margin: 0 auto;
	padding: 16px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.85);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0.5s, opacity 0.5s;
	transition: visibility 0.5s, opacity 0.5s;
}

.toast.on {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}