/* 자료실 CSS */

/* 사이드메뉴 */
.voca-series-contents {height: 0; overflow: hidden; transition: all 0.5s; transform-origin: top; }
.voca-series-contents.on { height: 300px;}


.voca-series-contents > a > img {
	width: 24px;
	height: 24px;
	padding: 1px;
	opacity: 1;
	filter: alpha(Opacity=100);
	background-color: #DDDDDD;
	-webkit-border-radius: 24px;
	border-radius: 24px;
}

.voca-series-contents > a > footer {
	padding-top: 3px;
	padding-left: 5px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.voca-series-contents > a {
	width: 100%;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	padding: 2px 0 2px 4px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.voca-series-contents > a.current {
	font-weight: 600;
	color: #FF3366;
}

.voca-series-title {
	font-size: 16px;
	font-weight: 600;
	padding: 3px 3px;
	margin: 5px 0 0;
	cursor: pointer;
}



/* 메인페이지 */
#audio, #audi0, #audio1, #audio2, #bgmaudio, #audio_playlist0, #audio_playlist1, #audio_playlist2 {
	display: none;
}

.col-main h2 {
	font-size: 26px;
	margin: 0;
}

.voca-flist-column > ul > li {
	float: left;
	position: relative;
	min-height: 1px;
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	padding: 10px 0;
	border-top: 1px solid #DDDDDD;
}
.voca-flist-column > ul > li > dl > dt, .voca-flist-column > ul > li > dl > dd {
	float: left;
	position: relative;
	min-height: 1px;
	margin: 0;
	padding: 0 10px;
}

.voca-flist-column > ul > li > dl > dt {
	width: 14%;
}
.voca-flist-column > ul > li > dl > dd {
	width: 50%;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) {
	width: 36%;
	text-align: right;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul {
	display: flex;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li {
	position: relative;
	min-height: 1px;
	width: 50%;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 0;
	overflow: hidden;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li:first-child {
	margin-right: 0;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > a {
	display: inline-block;
	width: 65px;
	height: 65px;
	-webkit-border-radius: 65px;
	border-radius: 65px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 5px 0;
	margin: 1px 2px;
	background-color: #999999;
	color: #FFFFFF;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > a > i {
	display: block;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 37px;
	margin-left: -2px;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > a > span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > span {
	display: block;
	font-size: 11px;
	font-weight: 600;
	padding: 0 5px;
	color: #333333;
}
.voca-flist-column > ul > li > dl > dd > h6 {
	display: block;
	padding: 7px 0 0;
	margin: 0;
	font-weight: 600;
	font-size: 18px;
}
.voca-flist-column > ul > li > dl > dd > footer > a {
	color: #000000;
	text-decoration: underline;
	font-size: 16px;
}



ul.idic-word-column {
	float: left;
	position: relative;
	min-height: 1px;
	padding: 5px 5px;
	list-style: none;
	text-align: left;
	border: 3px solid #DDDDDD;
	width: 100%;
}
ul.idic-word-column:after, ul.idic-word-column:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
ul.idic-word-column:before {

	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #DDDDDD;
	border-width: 35px;
	margin-left: -35px;
}
ul.idic-word-column:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #FFFFFF;
	border-width: 30px;
	margin-left: -30px;
}

ul.idic-word-column > li {
	float: left;
	position: relative;
	min-height: 1px;
	width: 100%;
	height: auto;
	padding: 10px 0;
	border-bottom: 1px solid #DDDDDD;
}
ul.idic-word-column > li > dl > dt {
	float: left;
	position: relative;
	min-height: 1px;
	width: 12%;
	margin: 0;
	padding: 0 10px;
}
ul.idic-word-column > li > dl > dt {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
ul.idic-word-column > li > dl > dd {
	float: left;
	position: relative;
	min-height: 1px;
	width: 54%;
	margin: 0;
	padding: 0 10px;
}
ul.idic-word-column > li > dl > dd:nth-of-type(2) {
	width: 34%;
	text-align: right;
}

ul.idic-word-column > li > dl > dt > a > i {
	display: block;
	position: absolute;
	top: -100%;
	opacity: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	color: inherit;
}
.idic-word-column > li > dl > dt > a > div {
	font-size: 12px;
	background: #4F89E9;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	padding: 3px 0 2px;
}

.idic-sentence-list {
	display: inline-block;
	text-align: left;
	margin: 5px 0 0;
	padding: 0;
	background-color: #FFFFFF;
}
.idic-sentence-list > li {
	display: inline-block;
	width: 50px;
	margin: 0;
	padding: 2px;
	border: 2px solid #FFFFFF;
	vertical-align: top;
	text-align: center;
	width: 33.3333%;
}
ul.idic-word-column > li > dl > dd > h6 > a > i,
ul.idic-word-column > li > dl > dd > footer > a > i {
	color: #212121;
	margin-top: 4px;
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #212121;
	border-radius: 4px;
	vertical-align: -2px;
	padding: 3px;
}
ul.idic-word-column > li > dl > dd > h6 > a > i:hover,
ul.idic-word-column > li > dl > dd > footer > a > i:hover {
	color: #FFFFFF;
	border: 1px solid #FF3366;
	background: #FF3366;
}

/*//////////////////////품사 아이콘 Style////////////////////////////*/
/*ipart_noun 큰것 1*/
.ipart_noun{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left 0;}
.ipart_noun strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right 0px;}

/*ipart_verb 큰것 2*/
.ipart_verb{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -21px;}
.ipart_verb strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -21px;}

/*ipart_adj 큰것 3*/
.ipart_adj{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -42px;}
.ipart_adj strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -42px;}

/*ipart_adv 큰것 4*/
.ipart_adv{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -63px;}
.ipart_adv strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -63px;}

/*ipart_pron 큰것 5*/
.ipart_pron{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -84px;}
.ipart_pron strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -84px;}

/*ipart_prep 큰것 6*/
.ipart_prep{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -105px;}
.ipart_prep strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -105px;}

/*ipart_conj 큰것 7*/
.ipart_conj{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -126px;}
.ipart_conj strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -126px;}

/*ipart_interj 큰것 8*/
.ipart_interj{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -147px;}
.ipart_interj strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -147px;}

/*ipart_det 큰것 9*/
.ipart_det{display:inline-block;  height:21px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat left -168px;}
.ipart_det strong{display:block; height:21px; line-height:170%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_big.gif') no-repeat right -168px;}




/*ipart_noun 작은것 1*/
.ipart_noun_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left 0;}
.ipart_noun_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right 0px;}

/*ipart_verb 작은것 2*/
.ipart_verb_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -17px;}
.ipart_verb_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -17px;}

/*ipart_adj 작은것 3*/
.ipart_adj_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -34px;}
.ipart_adj_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -34px;}

/*ipart_adv 작은것 4*/
.ipart_adv_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -51px;}
.ipart_adv_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -51px;}

/*ipart_pron 작은것 5*/
.ipart_pron_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -68px;}
.ipart_pron_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -68px;}

/*ipart_prep 작은것 6*/
.ipart_prep_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -85px;}
.ipart_prep_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -85px;}

/*ipart_conj 작은것 7*/
.ipart_conj_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -102px;}
.ipart_conj_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -102px;}

/*ipart_interj 작은것 8*/
.ipart_interj_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -119px;}
.ipart_interj_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -119px;}

/*ipart_syn, ant 작은것 9*/
.ipart_syn_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -136px;}
.ipart_syn_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -136px;}

/*ipart_det 작은것 9*/
.ipart_det_s{display:inline-block;  height:17px; padding-left:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat left -153px;}
.ipart_det_s strong{display:block; height:17px; font-size:11px; font-weight:normal; line-height:140%; color:#fff; padding-right:5px; background:url('//ts.idictionary.co.kr/imgs/common/word_part_bg_small.gif') no-repeat right -153px;}


.col-main h2 {
	font-weight: 700;
}

.col-main h2>a {
	float: right;
	font-size: 14px;
	font-weight: 700;
	background: #4F89E9;
	padding: 5px 10px 3px;
	display: block;
	border-radius: 4px;
	margin-top: 5px;
	color: #fff;
} 

.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > a:hover,
.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > a.active {
	background-color: #4F89E9;
	text-decoration: none;
}
.idic-wcard-label {
	margin: 0;
	display: inline-block;
	background: #FF3366;
	color: #fff;
	padding: 2px 5px;
	font-size: 12px;
	border-radius: 4px;
	font-weight: 700;
}

@media (max-width: 769px) {
	.voca-flist-column > ul > li > dl > dt {
    width: 23%;
    max-width: 25%;
		min-width: 120px;
		padding: 0;
	}
	.voca-flist-column > ul > li > dl > dd:nth-of-type(2) {
		padding-top: 10px;
		width: 55%;
	}
	.voca-flist-column > ul > li > dl > dd:nth-of-type(2) > ul > li > a {
		width: 45px;
		height: 45px;
		padding-top: 4px;
	}
	ul.idic-word-column > li > dl > dt {
		width: 110px;
		padding: 0;
	}
	ul.idic-word-column > li > dl > dd {
    width: 56%;
    padding: 0 5px;
	}
	ul.idic-word-column > li > dl > dd:nth-of-type(2) {
    float: left;
    width: 120px;
    padding: 0 5px 0 0;
    text-align: right;
	}
	.col-main h2 {
		text-align: center;
	}
	.col-main h2 > a {
		font-size: 12px;
		float: none;
		display: inline-block;
	}
}