@charset "utf-8";

/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secBlog */
.secBlogMain {
	padding:77px 0 205px;
}
.secBlog .topTitBoxMain .txtMain{
	margin-top:-3px;
}
.secBlog .secTab{
	background:#F9F9F9;
	margin-top:65px;
}
.secBlog .secTab .tabInner{
	padding:25px 30px 30px; 
}
.secBlog .secTab .tabInner .tabList{
	float:right;
	font-size:0;
}
.secBlog .secTab .tabInner .tabBox{ font-size:0;}
.secBlog .secTab .tabInner .tabBox,
.secBlog .secTab .tabInner .txtTab,
.secBlog .secTab .tabInner .selectBox{
	display:inline-block;
	vertical-align:middle;
}
.secBlog .secTab .tabInner .txtTab{
	font-size:14px;
	line-height:1.2;
	margin-left:35px;
}
.secBlog .secTab .tabInner .selectBox select{
	height:44px;
	padding:10px;
	border:1px solid #C4C4C4;
	background:#fff;
	font-size:14px;
}
.secBlog .list{
	font-size: 0;
	padding:70px 0 30px;
}
.secBlog .list .box{
	display:inline-block;
	vertical-align:top;
	width: 22.657%;
	margin-right: 3.12%;
	margin-bottom:35px;
}
.secBlog .list .box:nth-child(4n){
	margin-right: 0;
}
.secBlog .list .box a{
	display: block;
	color: #000;
	text-decoration: none;
}
.secBlog .list .box .photoBox{
	position: relative;
}
.secBlog .list .box .photoBox .photo{
	width: 100%;
	height: 0;
	padding-top: 72.4%;
}
.secBlog .list .box .photoBox .iconNew{
	position:absolute;
	top:-10px;
	left:-10px;
}
.secBlog .list .box .subBox{
	padding:20px 0;
}
.secBlog .list .box .boxTxtMain{
	font-size:0;
}
.secBlog .list .box .boxTxtMain .txtDate,
.secBlog .list .box .boxTxtMain .txtCategory{
	display:inline-block;
	vertical-align:top;
	font-size:13px;
	line-height:1.2;
	position:relative;
	letter-spacing:1px;
}
.secBlog .list .box .boxTxtMain .txtDate{
	padding-right:13px;
}
.secBlog .list .box .boxTxtMain .txtCategory{
	padding-left:5px;
}
.secBlog .list .box .boxTxtMain .txtDate::after{
	content:" / ";
	position:absolute;
	top:0;
	right:0;
}
.secBlog .list .box .boxTit{
	font-size: 15px;
	line-height: 27px;
	letter-spacing: 1px;
	overflow: hidden;
	text-decoration:underline;
	overflow:hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height:54px;
	max-height:54px;
	margin-top:8px;
}
.secBlog .pageNumber {
	text-align:center;
	font-size:14px;
	line-height:1.2;
	letter-spacing:2px;
}
.secBlog .pager {
    overflow: hidden;
	margin-top:20px;
}
.secBlog .pager .listPager {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
.secBlog .pager .boxPager {
    margin: 1px 4px;
    position: relative;
    left: -50%;
    float: left;
}
.secBlog .pager .boxPager span,
.secBlog .pager .boxPager a {
    display: block;
    font-size: 12px;
    padding: 8px 12px;
}
.secBlog .pager .boxPager .subPager{ padding:8px 2px;}
.secBlog .pager .boxPager a {
    background: #F9F9F9;
	border:1px solid #E2E2E2;
    color: #000;
	text-decoration:underline;
}
.secBlog .pager .boxPager.active {
    background: #FFF;
	border:1px solid #E2E2E2;
	text-decoration:none;
}
.secBlog .pager .boxPager.first a,
.secBlog .pager .boxPager.end a{
	padding:9px 20px;
	text-decoration:none;
} 
.secBlog .pager .boxPager.first,
.secBlog .pager .boxPager.end{
    margin: 0 4px;
} 
@media only screen and (max-width:767px){
	.secBlogMain{
		padding:30px 4.831% 120px;
	}
	.secBlog .secTab{
		margin-top:30px;
		text-align:center;
	}
	.secBlog .secTab .tabInner{
		padding:25px 2%; 
	}
	.secBlog .secTab .tabInner .tabList{
		float:none;
	}
	.secBlog .secTab .tabInner .tabBox:first-child{
		margin-right:2%;
	}
	.secBlog .secTab .tabInner .txtTab{
		font-size:11px;
		margin-left:0px;
	}
	.secBlog .secTab .tabInner .selectBox select{
		height:50px;
		font-size:11px;
		padding:5px;
	}
	.secBlog .list{
		padding:40px 0 0px;
	}
	.secBlog .list .box,
	.secBlog .list .box:nth-child(4n){
		width: 49%;
		margin-right: 2%;
		margin-bottom:15px;
	}
	.secBlog .list .box:nth-child(2n){ margin-right:0;}
	.secBlog .list .box .boxTit{
		font-size: 13px;
		letter-spacing: 0px;
		height:40px;
		max-height:40px;
		line-height:1.5;
	}	
	.secBlog .list .box .photoBox .iconNew img{
		width:30px;
		height:auto;
	}
	.secBlog .pager .boxPager span,
	.secBlog .pager .boxPager a {
		padding: 8px 10px;
	}
	.secBlog .pager .boxPager.first a,
	.secBlog .pager .boxPager.end a{
		padding:8px;
	} 
	.secBlog .boxRend{
		width:100%;
		margin:40px auto 0;
	}
	.secBlog .boxRend .boxInner{
		padding:5%;
	}
	.secBlog .boxRend .fRendLogo,
	.secBlog .boxRend .rendTxt{
		display:block;
	}
	.secBlog .boxRend .rendTxt{
		font-size:14px;
		line-height:1.5;
		padding-left:0px;
		padding-top:20px;
	}
	.secBlog .list .box .boxTxtMain .txtDate{ 
		font-size:11px;
		padding-right:10px;
	}
	.secBlog .list .box .boxTxtMain .txtCategory{
		font-size:12px;
		padding-left:0;
		letter-spacing:0;
	}
}
@media only screen and (max-width:365px){
	.secBlog .secTab .tabInner .tabBox:first-child{ margin:0 0 10px;}
}






.secDetails .detailsTop{ padding:25px 0 0;}
.secDetails .detailsTop .txtDate{
	font-size:16px;
	line-height:1.2;
	letter-spacing:1px;
	padding-bottom:15px;
}
.secDetails .detailsTop .list{
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	padding:45px 0 40px;
	position:relative;
	letter-spacing:2px;
}
.secDetails .detailsTop .list .titMain{
	font-size:22px;
	line-height:1.7;
	text-align:center;
}
.secDetails .detailsTop .list .iconNew{
	position:absolute;
	width:44px;
	height:44px;
	top:-23px;
	left:0;
	right:0;
	margin:0 auto;
}
.secDetails .mainDetails{
	font-size:15px;
	line-height:1.9;
	letter-spacing:1px;
	padding:50px 0 150px;
}
.secDetails .mainDetails .boxTit{
	font-size:20px;
	padding:60px 0 15px;
}



/* btnPrev */
.secDetails .btnPrev{
	display: block;
    width: 300px;
    height: 65px;
    color: #000;
    font-size: 15px;
    padding-top: 24px;
    margin: 80px auto 0;
    cursor: pointer;
    border: 1px solid #000;
	text-align:center;
	position:relative;
}
.secDetails .btnPrev::before,
.secDetails .btnPrev::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.secDetails .btnPrev::before{
    left: 33px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width:767px){
	.secDetails .detailsTop .txtDate{
		font-size:13px;
		padding-bottom:30px;
	}
	.secDetails .detailsTop .list .titMain{
		font-size:16px;
	}
	.secDetails .mainDetails{
		font-size:13px;
		line-height:1.8;
		padding:30px 0 50px;
	}
	.secDetails .mainDetails .boxTit{
		font-size:15px;
		padding:10px 0;
	}
	.secDetails .btnPrev{
		margin:30px auto 0;
	}
}