@charset "utf-8";
/* 갤러리 스타일 -------------------------------------------------------------------------------------------------------- */
.xet-webzineWrp { 
	position:relative;
}
.xet-webzineWrp a {
	transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}
.xet-webzineWrp .item { 
	width: 49%;
	margin-bottom: 2%;
}
.xet-webzineWrp .gutter-sizer {
	width: 2%;
}
.xet-webzineWrp .itemBox {
	overflow:visible;
	position: relative;
	padding: 30px;
	border:1px solid #DCDCDC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.xet-webzineWrp .itemBox.on { 
	border-color: #49A2DF;
}
.xet-webzineWrp .thumbnailWrp { 
	float: right;
	width: 130px;
	position:relative;
	overflow:hidden; 
	margin:40px auto;
	padding:0;
}
.xet-webzineWrp .link { 
	position:relative;
	overflow:hidden; 
	margin:0;
	padding:0; 
	display:block; 
}

.xet-webzineWrp .thumbnail { 
	position:relative;
	overflow:hidden; 
	display:block; 
	margin: 0;
	padding:0 !important;
	text-align: center;
}
.xet-webzineWrp .thumbnail img { 
	vertical-align:top;
	width: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.xet-webzineWrp .cover-infoWrp {
	overflow: hidden;
	padding: 0;
	font-size: 12px;
	color: #777;
}
.cover-infoSummary > a{
	color: #777777;
}
.xet-webzineWrp .cover-infoWrp>p {
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
}
.xet-webzineWrp .cover-infoWrp>p:last-child {
	margin-bottom: 0;
}
.xet-webzineWrp .cover-infoSubject a { 
	display: inline-block;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #202020;
}
.xet-webzineWrp .cover-infoSummary { 
    display: inline-block;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	height:40px;
	/* text_77 */
	
	color: #777777;
	overflow:hidden;

	display: -webkit-inline-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	word-break: break-all;
}
.xet-webzineWrp .cover-infoCount .comment-icon {
	margin-right: 10px;
}
.xet-webzineWrp .cover-infoCount span {
	display: inline-block;
	margin-right: 10px;
}
.xet-webzineWrp .cover-infoCount a {
	color: #777;
}


@media (max-width: 767px) {
	.xet-webzineWrp .item { 
		width: 100%;
		margin-bottom: 15px;
	}
	.xet-webzineWrp .thumbnailWrp { 
		width: 40%;
	}
	.xet-webzineWrp .cover-infoWrp {
	}
}
@media (min-width: 992px) {
	.xet-webzineWrp a:hover { 
		color:#2980b9 !important; 
	}
}
.cTab {
	margin-bottom: 20px;
}
.cTab > li {
    /* float: left; */
	display: inline-block;
    margin-right: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #202020;
    padding:7px 16px;
}
.cTab > li.on{
    background:#4285f4;
    border-radius:50px;
}
.cTab > li.on > a{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
}
.cTab > li >a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #202020;
}
#xet-boardWrp > a > h1 {
    font-style: normal;
    font-weight: 700;	
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 35px;
}
#xet-boardWrp .float-right {
	margin-right: 15px;
}