#main_section{max-width:1200px; margin:0 auto;padding: 100px 0px 0px 0px;}
.mv{max-height:500px;}
@media only screen and (max-width:1023px) {
	.mv{max-height:500px;}
	.mv-pager { bottom:15px;}
}

.product_item_block{position: relative;}
.product_items_section ul li{min-width: 380px;}
.brickfolio .bf-item{width:265px; height:480px; border:none !important; border-radius: 5px; position: relative; text-align:center;}
.brickfolio .bf-item .img_div{width:100%; height:200px; background-repeat: no-repeat;  background-size: cover; overflow: hidden;}
.brickfolio .product_label { position: absolute; top: 10px; left: 10px; padding: 5px 10px; background-color: #a25100; color: #ffffff; text-transform: uppercase;}
/*.brickfolio .product_label:after { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; display: inline-block; border-top: 15px solid #ffc107; border-bottom: 15px solid #ffc107; border-right: 10px solid transparent;}	*/

.brickfolio .product_label_new { position: absolute; top: 50px; left: 10px; padding: 5px 10px; background-color: #8bc34a; color: #ffffff; text-transform: uppercase;}
/*.brickfolio .product_label_new:after { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; display: inline-block; border-top: 15px solid #ff3207; border-bottom: 15px solid #ff3207; border-right: 10px solid transparent;}*/

.brickfolio .bf-item h4 { font-size: 22px; color: #5d3222; text-transform: capitalize; font-weight: 600;padding: 20px;}
.brickfolio .bf-item h3.sub_txt { font-size: 16px; padding: 0 10px; color: #777; text-transform: capitalize; margin-bottom: 15px; word-break: keep-all; font-weight: normal;}
.brickfolio .bf-item h3.sub_txt_green {color: #8bc34a;}
.brickfolio .bf-item h3.sub_txt:last-child{font-weight: normal; font-size:15px;}
.brickfolio .bf-item a { font-size: 16px; min-width: 230px; height: 40px; line-height: 40px; color: #ffffff; background-color: #5d3222; border-radius: 5px; text-transform: capitalize; display: inline-block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.brickfolio .bf-item a { position: absolute; bottom:15px; left: 50%; transform: translateX(-50%); transition: none;}
.brickfolio .bf-item a:hover { background-color: #e22f26;}	
.brickfolio .bf-item a.tel_a{bottom:60px;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.brickfolio .bf-item img{width: 30px; float: left; margin-top: 4.5px; margin-left: 10px;}
.brickfolio .bf-item a font{float: left; margin-left: 20px;}
#phone_font2{display:none;}
.index_filter_img{width:80px;cursor: pointer;}	
.demo-options{text-align: center;}
@media only screen and (max-width:767px) {
	.brickfolio .product_label{top: 5px; left: 5px;}
	.brickfolio .product_label_new{top: 45px; left: 5px;}
	.brickfolio .bf-item h4{ margin-bottom: 0px; text-align:left;}
	.index_filter_img{margin-top:20px;}	
	.brickfolio .bf-item{width:100%; height:200px;}
	.brickfolio .bf-item .img_div {width:50%; border-radius: 5px; float:left;}
	.brickfolio .bf-item .text_div {width:50%; display: inline-block;float: right;}
	.brickfolio .bf-item h3.sub_txt:last-child{display:none;}
	.brickfolio .bf-item a {left:63%; height: 40px; line-height: 40px; min-width: 150px;}
	.brickfolio .bf-item a.tel_a{left:86%; bottom: 15px;}
	.brickfolio .bf-item h3.sub_txt_green {text-align:left; padding-left:20px;}
	#phone_font{display:none;}
	#phone_font2{display:block;}
}
@media only screen and (max-width:700px) {
	.brickfolio .bf-item a font{margin-left: 12px;}
	.brickfolio .bf-item a {min-width: 130px; margin-left: 12px;}
}

@media only screen and (max-width:580px) {
	.brickfolio .bf-item a font{margin-left: 20px;}
	.brickfolio .bf-item h4{padding:10px;}
	.brickfolio .bf-item h3.sub_txt_green {padding-left:10px;}
	.brickfolio .bf-item a.url_a{left:73%; bottom:48px;}
	.brickfolio .bf-item a.tel_a{left:73%; bottom:7px}
	.brickfolio .bf-item h3.sub_txt{margin-bottom: 0px; line-height: 22px;}
	.brickfolio .bf-item a {min-width: 150px; margin-left: 12px; height: 35px; line-height: 35px;}
	.brickfolio .bf-item img {width:25px;}
	.brickfolio .bf-item h4 {font-size:21px; margin-bottom: 0px;} /*-9*/
	.brickfolio .bf-item h3.sub_txt {font-size: 15px;}
}

@media only screen and (max-width:450px) {
	.brickfolio .bf-item a {height: 30px; line-height: 30px;}
	.brickfolio .bf-item img { margin-top: 2.5px; margin-left: 7px;}
	.brickfolio .bf-item a.url_a { bottom: 42px;}
}
@media only screen and (max-width:400px) {
	.index_filter_img {width: 70px;}
	.mv-slide-3 .mv-cont-outer .mv-cont-inner .text {width: 260px;}
}
/*
@media only screen and (max-width:580px) {
	.brickfolio .bf-item a font{margin-left: 20px;}
	.brickfolio .bf-item h4{padding:10px;}
	.brickfolio .bf-item h3.sub_txt_green {padding-left:10px;}
	.brickfolio .bf-item a.url_a{left:85%; bottom:12px;}
	.brickfolio .bf-item a.tel_a{left:61%; bottom:12px}
	.brickfolio .bf-item a img{display:none;}
	.brickfolio .bf-item h3.sub_txt{margin-bottom: 0px; line-height: 22px;}
	.brickfolio .bf-item a {min-width: 100px; margin-left: 12px;}
}
@media only screen and (max-width:460px) {
	.brickfolio .bf-item a {min-width: 85px; margin-left: 0px;}
	.brickfolio .bf-item a font { margin-left: 11px;}
	.brickfolio .bf-item a.tel_a{left:63%; bottom:12px}
}
@media only screen and (max-width:410px) {
	.brickfolio .bf-item a.url_a{left:87%; bottom:12px;}
	.brickfolio .bf-item a {height: 35px; line-height: 35px;}
}
@media only screen and (max-width:400px) {
	.brickfolio .bf-item a font { margin-left: 10px;}
	.brickfolio .bf-item a {min-width: 80px; }
}
*/


/*메인 비쥬얼 추가 CSS*/
.mv-slide-1 .imgbox{background-image: url(/img/mv_02_bg.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; background-position: left;}
.mv-slide-3 .imgbox{background-image: url(/img/main01.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; background-position: left;}
.mv-slide-2 .imgbox{background-image: url(/img/mv_03_bg.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; background-position: center;}
@media only screen and (max-width: 1023px){
.mv-slide-2 .imgbox{background-position: center !important;}
}
.mv-slide-3 .mv-cont-outer .mv-cont-inner .text {color:#f95555;}
.mv-slide-3 .mv-cont-outer .mv-cont-inner .slogan {color:#f95555;}
@media only screen and (max-width:767px) {
	.mv ul.mv-slide-img li .imgbox {background-position:center;}
	.mv-slide-1 .imgbox{background-image: url(/img/mv_m02_bg.jpg);}
	.mv-slide-3 .imgbox{background-image: url(/img/mv_m01_bg.jpg);}
	.mv-slide-3 .mv-cont-outer .mv-cont-inner .slogan {display:none;}
	.mv-slide-3 .mv-cont-outer .mv-cont-inner .text {margin-bottom: 0px; font-size: 17px; color:#FFF; max-width: 270px; margin-top: 40px; line-height: 25px; }
	.mv-slide-2 .imgbox{background-image: url(/img/mv_m03_bg.jpg);}
}

/*페이지 관련 스타일*/
.dataTables_paginate {padding-left: 0; border-radius: 4px; margin-left: 0%;}
.pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination>li { display: inline;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	z-index: 3; color: #fff; cursor: pointer; background-color: #757575; border-color: #757575; font-weight: 600;;
}
.pagination>li>a, .pagination>li>span {
	position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143;
	color: #757575; text-decoration: none; background-color: #fff; border: 1px solid #ddd;
}
#example2_paginate{position: absolute; bottom: 25px; width: 100%; padding-right: 60px;}
/*페이지 관련 스타일*/






/*로딩 CSS*/
#link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none; margin-top: 20px;}
#link:hover {color: #CCCCCC}
#link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
@keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
		0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
		100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
		0%  {opacity: 0}
		20% {opacity: 0}
		50% {opacity: 1}
		100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
		0%  {opacity: 0}
		20% {opacity: 0}
		50% {opacity: 1}
		100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
		0%  {opacity: 0}
		20% {opacity: 0}
		50% {opacity: 1}
		100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
		0%  {opacity: 0}
		20% {opacity: 0}
		50% {opacity: 1}
		100%{opacity: 0}
}
.loading-container,
.loading {
		height: 100px;
		position: relative;
		width: 100px;
		border-radius: 100%;
}
.loading-container {margin: 40px auto; position: absolute; z-index: 9999999; left: 40%;}
.loading {
		border: 2px solid transparent;
		border-color: transparent #fff transparent #FFF;
		-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
		-moz-transform-origin: 50% 50%;
		-o-animation: rotate-loading 1.5s linear 0s infinite normal;
		-o-transform-origin: 50% 50%;
		-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
		-webkit-transform-origin: 50% 50%;
		animation: rotate-loading 1.5s linear 0s infinite normal;
		transform-origin: 50% 50%;

}
.loading-container:hover .loading {
		border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}
#loading-text {
		-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
		-o-animation: loading-text-opacity 2s linear 0s infinite normal;
		-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
		animation: loading-text-opacity 2s linear 0s infinite normal;
		color: #ffffff;
		font-family: "Helvetica Neue, "Helvetica", ""arial";
		font-size: 10px;
		font-weight: bold;
		margin-top: 45px;
		opacity: 0;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		top: 0;
		width: 100px;
}
.loading-div{width: 100%; hegith: 100%; background: black; height: 100%; position: absolute; top: 0px; z-index: 999; opacity: 1; display:none;}