/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css?v=1';
@import 'brand.css';
@import 'business.css?v=2';




.case_wrap{}
.case_wrap::before{
	background:url(../_img/sub/case_bg_line.png) repeat-x center center;
	opacity:.5;
}
.case_wrap .box{
	display:block;
	border:1px solid #ddd;
	border-radius:2rem;
	background:#fff;
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding:3rem 4rem;
	height:28rem;
	color:#222;
}

.case_wrap .box .tit{
	font-size:3rem;
	font-weight:600;
	margin-bottom:1rem;
}
.case_wrap .box .desc{
	font-size:1.8rem;
	color:#666;
}
.case_wrap .box:hover{
	background:#d71921;
	color:#fff;
	border:1px solid #d71921;
	box-shadow: 5px 5px 10px rgba(0,0,0,.15);
}
.case_wrap .box:hover .desc{
	color:#fff;
}


@media(max-width:991.98px){
	.case_wrap .box{
		padding:2rem 3rem;
		height:22rem;
	}
	.case_wrap .box .tit{
		font-size:2.6rem;
	}
}
@media(max-width:767.98px){
	.case_wrap .box{
		text-align:center;
		height:15rem;
	}
	.case_wrap .box .tit{
		font-size:2.4rem;
	}
}

/*지속가능경영*/
.management_wrap{}
.management_wrap .rows{
	display:flex;
}
.management_wrap .rows > div:nth-child(1){
	width:45.4rem;
	flex-shrink: 0;
}
.management_wrap .rows > div:nth-child(1) p{
	border:1px solid #ddd;
	box-shadow: 5px 5px 15px rgba(0,0,0,.1);
}
.management_wrap .rows > div:nth-child(1) img{
	width:100%;
}
.management_wrap .rows > div:nth-child(2){
	width:100%;
	padding-left:10rem;
}
.management_wrap .rows > div h4{
	font-weight:600;
	border-bottom:1px solid #ddd;
	padding-bottom:2rem;
	margin-bottom:2.5rem;
}
.management_wrap .rows .go_site a{
	display:inline-block;
	border:2px solid #6d57a2;
	border-radius:6rem;
	overflow:hidden;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
@media(max-width:1199.98px){
	.management_wrap .rows > div:nth-child(2){
		padding-left:6rem;
	}
}
@media(max-width:991.98px){
	.management_wrap .rows > div:nth-child(1){
		width:45%;
		flex-shrink: 0;
	}
	.management_wrap .rows > div:nth-child(2) img{
		max-width:26rem;
	}
}
@media(max-width:767.98px){
	.management_wrap .rows{
		flex-direction: column;
		text-align:center;
	}
	.management_wrap .rows > div{
		width:100% !important;;
		padding:0;
	}
	.management_wrap .rows > div:nth-child(1){
		margin-bottom:2rem;
	}
	.management_wrap .rows > div:nth-child(2){
		padding-left:0;
	}
}