@charset "UTF-8";


/****************************************
	main-content
****************************************/
.main-content {
	/*background:#fbf9e6;*/
}

/****************************************
	main
****************************************/

section#archive-beforeafter-content {
	position:relative;
	width:100%;
}

section#archive-beforeafter-content .b-area {
	position:relative;
	width:33.3333%;
	padding:20px;
	overflow:hidden;
}

section#archive-beforeafter-content .b-area .b-img img {
	width:100%;
}

section#archive-beforeafter-content .b-area .b-title {
	position:relative;
	padding:5px 5px 5px 20px;
}

section#archive-beforeafter-content .b-area .b-link {
	text-align:right;
}

section#archive-beforeafter-content .b-area .b-link a {
	position:relative;
	display:inline-block;
	background:#009fb1;
	border:1px solid #009fb1;
	color:#fff;
	padding:5px 25px 5px 15px;
	border-radius:22px;
	transition:.4s;
}

section#archive-beforeafter-content .b-area .b-link a:hover {
	background:#fff;
	color:#000;
	text-decoration:none;
	transition:.4s;
}

section#archive-beforeafter-content .b-area .b-link a::after {
	content:"";
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
	width:11px;
	height:11px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
	transition:.4s;
}

section#archive-beforeafter-content .b-area .b-link a:hover::after {
	border-top:1px solid #000;
	border-right:1px solid #000;
	transition:.4s;
}







section#single-beforeafter-content {
	position:relative;
	width:100%;
}

section#single-beforeafter-content h2 {
	letter-spacing:0em;
	text-align:left;
	background:#009fb1;
	color:#fff;
	padding:5px 20px;
	margin-bottom:10px;
}

section#single-beforeafter-content .b-area {
	padding:10px;
}

section#single-beforeafter-content .b-area .b-date {
	padding:3px 3px 15px;
	text-align:right;
}


section#single-beforeafter-content .s-b-cat {
	padding:10px 0px 15px;
}

section#single-beforeafter-content .s-b-cat span {
	display:inline-block;
	font-size:18px;
	background:#faffcf;
	font-weight:600;
	padding:5px 10px;
}

section#single-beforeafter-content .s-b-detail {
	padding:10px 10px 20px;
}

section#single-beforeafter-content .s-b-img img {
	max-width:100%;
	height:auto;
}

section#single-beforeafter-content .s-b-comment {
	padding:10px 10px 20px;
}

@media screen and (max-width:768px){


	section#archive-beforeafter-content .b-area {
		width:50%;
	}
	
}

@media screen and (max-width:480px){

	section#archive-beforeafter-content .b-area {
		width:100%;
	}

	
	section#single-news-content h2 {
		font-size:16px;
	}

}


/****************************************
	pager
****************************************/

section#archive-beforeafter-content nav {
	position:relative;
	background:none;
	width:100%;
	margin:20px auto;
	padding:10px;
	width:100%;
	height:auto;
	z-index:1;
	transform:none;

}

section#archive-beforeafter-content .nav-links {
	text-align:center;
	margin:50px 0px 30px;
}

section#archive-beforeafter-content .nav-links a, .nav-links span {
	display:inline-block;
	position:relative;
	line-height:10px;
	padding:10px;
	margin:3px;
	background:#fff;
	box-shadow:2px 2px 0 rgba(0,0,0,.2);
	color:#333;
	width:100%;
	text-decoration:none;
	font-size:14px;
}

section#archive-beforeafter-content .nav-links li {
	display:inline-block;
	border-bottom:none;
	padding:0;
}

section#archive-beforeafter-content .nav-links span {
	background:#303030;
	color:#fff;
}