@charset "UTF-8";
.search-box{width:594px; margin:0 auto 0;transform:translateX(-3px)}
.search-box input{width:533px;height:45px;border:solid 4px #e3e3e3;border-right:none;float:left;font-size:15px;padding-left:10px; box-sizing:border-box;}
.search-box button{width:57px;height:45px;background-color:#ccc;color:#fff;font-size:15px;font-weight:500}
.search-related{margin:13px 0 40px}
.search-related__title{font-size:12px;font-weight:500;text-align:center}
.search-related__tags{margin:10px auto;text-align:center}
.search-related__tags li{display:inline-block;border-radius:20px;border:solid 1px #707070;margin:0 5px}
.search-related__tags li a{height:25px;font-size:14px;line-height:23px;color:#707070;padding:0 17px}
.top-box{border-bottom:1px solid #000;padding:0;position:relative;}
.top-box>div{display:inline-block;position:relative}
.top-box .search-result{height:33px;font-size:14px;line-height:25px;font-weight:500;color:#a7a7a7}
.top-box .search-result h3{font-size:14px;line-height:25px;font-weight:500;color:#a7a7a7}
.top-box .search-result__count{color:#000}

.terms{width:1180px; margin:70px auto 10px;}
.term-nav__title{
	height: 35px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 30px;
	color: #151515;
	border-bottom: 2px solid var(--color-point-1);}
.term-nav li {
	font-size: 16px;
	font-weight:500;
	color: #a7a7a7;
	line-height: 2.65rem;
	border-bottom: 1px solid #a7a7a7;
	position: relative;
}

.term-nav .type-of-term{
	display:block;
}
.term-nav .type-of-term:hover{
	background-color:var(--color-point-2);
}
.term-nav .type-of-term i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -44%);
	font-size: 1.4rem;
}
.term-nav .type-of-term div{padding-left:1.6rem;position:relative;}
.term-nav .type-of-term.active {
	color: var(--color-point-1);
	padding-left: 1.6rem;
	/* -webkit-animation-name : moveRight; */
	/* animation-name: moveRight; */
	/* -webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-name: moveRight; */
}

/* @-webkit-keyframes moveRight{from{margin-left:0}to{margin-left:20px}}@keyframes moveRight{from{margin-left:0}to{margin-left:20px}} */
.terms .posts{width:calc(100% - 202px)}
.terms .align-top{margin-bottom:18px}
.terms .align-top ::-webkit-input-placeholder{color:#a7a7a7}
.terms .align-top ::-moz-placeholder{color:#a7a7a7}
.terms .align-top :-ms-input-placeholder{color:#a7a7a7}
.terms .align-top ::-ms-input-placeholder{color:#a7a7a7}
.terms .align-top ::placeholder{color:#a7a7a7}
.term-board{width:100%}
.term-board th {
	font-weight: 400;
}
.term-board td {
	font-weight: 300;
}
.term-board td, .term-board th {
	line-height: 2.65rem;
}
.term-board td>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:265px;padding-right:20px}
.term-board td>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.term-board__another-title>span{width:210px;padding-right:20px}
.term-board__period>span{width:205px;padding-right:20px}
.term-board__date>span{width:90px;padding-right:5px}
.term-board td:first-child{
	position: relative;
	padding-left: 1.8rem;
}
.term-board i {
	font-size: 1.3rem;
	color: var(--color-grey-2);
	position: absolute;
	left: 0.1rem;
	top: 50%;
	transform: translate(0, -50%);
}
.term-board__row:hover{
	background-color:var(--color-point-2);
}

.posts__array{float:right}
.posts__array>div{float:left;margin-left:12px}
.posts__array .select{width:120px;height:33px;background:#fff;color:#707070;font-size:12px;font-weight:500;line-height:28px}
.posts__array-view .select{width:130px}
.posts__array-number .select{width:120px}
.posts__array .select-styled{padding:0 10px;overflow:hidden}
.posts__array .select-styled:after{content:"";width:0;height:0;border:5px solid transparent;border-color:#707070 transparent transparent transparent;position:absolute;top:12px;right:12px}
.posts__array .select-styled.active:after,.posts__array .select-styled:active:after{top:6px;border-color:transparent transparent #707070 transparent}
.posts__array .select-options li{margin:0;padding:3px 0;text-indent:10px;font-size:12px;font-weight:500;line-height:2}
.posts__array .select-options li:last-child{margin-bottom:3px}
.posts__array-view .select-options li::before,.posts__array-view .select-styled::before{content:'';display:inline-block;position:relative;width:14px;height:13px;margin-right:7px;top:2px}
.posts__array-view.text-first .select-styled::before{background:url(/images/icons/icon-title-text.svg)}
.posts__array-view.text-first .select-options li:first-child::before{background:url(/images/icons/icon-title-text.svg)}
.posts__array-view.text-first .select-options li:last-child::before{background:url(/images/icons/icon-title-img.svg)}
.posts__array-view.text-first .select-options li:first-child:hover::before{background:url(/images/icons/icon-title-text-color.svg)}
.posts__array-view.text-first .select-options li:last-child:hover::before{background:url(/images/icons/icon-title-img-color.svg)}
.posts__array-view.thumb-first .select-styled::before{background:url(/images/icons/icon-title-img.svg)}
.posts__array-view.thumb-first .select-options li:first-child::before{background:url(/images/icons/icon-title-text.svg)}
.posts__array-view .select-options li:last-child::before{background:url(/images/icons/icon-title-img.svg)}
.posts__array-view .select-options li:first-child:hover::before{background:url(/images/icons/icon-title-text-color.svg)}
.posts__array-view .select-options li:last-child:hover::before{background:url(/images/icons/icon-title-img-color.svg)}

.nav-base{width:155px;margin-right:20px;display:inline-block; vertical-align:top;margin-top:25px;flex:1 1 0}
.nav-base ul{list-style:none;}
.posts{width:calc(100% - 202px);display:inline-block;}
.posts .pagination{text-align:center;margin-top:48px}
.post li{border-bottom:solid 1px #d6d6d6;padding:10px 0 14px;position:relative}
.post p{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-top:12px}
.post__wrapper{width:685px}
.post__info{margin-top:6px}
.post__tags{margin-top:12px}
.post__tags .btn-tag{margin-right:5px}
.post__thumbnail{display:block;width:107px;height:77px;position:absolute;top:16px;right:0;border:1px solid #e3e3e3;background-size:cover;background-position:center center}
.post li.no-thumbnail .post__wrapper{width:100%}
.post li.no-thumbnail .post__thumbnail{display:none}
.posts-with-thumbnaile{margin-right:-12px;margin-bottom:50px; display:inline-block;}
.posts-with-thumbnaile__post{width:258px;display:inline-block;float:left;margin-right:12px;border-bottom:none!important}
.posts-with-thumbnaile__post__thumbnail{width:258px;height:185px;border:1px solid #e3e3e3;background-repeat:no-repeat;background-size:cover;background-position:center center}
.posts-with-thumbnaile__post.no-thumbnail .posts-with-thumbnaile__post__thumbnail{background-image:url(/images/no-img.jpg)}
.posts-with-thumbnaile__post h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:14px 0 2px 0}
.posts-with-thumbnaile__post .text-date{font-size:12px;font-weight:500;margin-top:5px}

.select-hidden{display:none;visibility:hidden;padding-right:10px}
.select{cursor:pointer;display:inline-block;position:relative;font-size:16px;width:100px;height:20px;background:#fff}
.select-styled{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 10px}
.select-styled:after{content:"";width:0;height:0;border:7px solid transparent;border-color:#707070 transparent transparent transparent;position:absolute;top:12px;right:10px;color:#707070}
.select-styled.active:after,.select-styled:active:after{top:6px;border-color:transparent transparent #707070 transparent}
.select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:100;padding:0;list-style:none;background-color:#fff;border:1px solid #000}
.select-options li{margin:0;padding:3px 0;text-indent:10px;font-size:12px;font-weight:500;line-height:2}
.select-options li:hover{color:#4a28c7}
.select-options li[rel=hide]{display:none}
.select-options li:last-child{margin-bottom:3px}