/*------------------------------------
	대표자 인사말
------------------------------------*/
.greeting-con .greeting-img{
	background:url('../images/gretting-bg.jpg') no-repeat 100% 0 /auto 35vw;
}
.greeting-con .greeting-img .logo-text{
	height:35vw;
}
.greeting-con .greeting-img .logo-text p{
	text-transform:uppercase;
	color:#fff;
	background:#a00025;
	display:inline-block;
	padding:2rem;
	font-size:0.7rem;
	letter-spacing:0.1rem;
	font-weight:700;
}
.greeting-con .greeting-img .text-area{
	margin-top:2rem;
}
.greeting-con .greeting-img .text-area .title-text01{
	font-size:1.1rem;
	color:#222;
}
.greeting-con .text-area p{
	line-height:1.7;
	margin-bottom:1.5rem;
	color:#444;
	word-break:keep-all;
}
.greeting-con .text-area p.text-sign{
	text-align:right;
	color:#111;
}
.greeting-con .text-area p.text-sign img{
	width:8rem;
}
@media (min-width: 992px) {
	.greeting-con .greeting-img{
		background-size:cover;
		padding:50px 0;
		margin-bottom:4rem;
		position:relative;
	}
	.greeting-con .greeting-img .logo-text{
		height:auto;
	}
	.greeting-con .text-area p{
		font-size:1.1rem;
		line-height:1.8;
		margin-bottom:2rem;
	}
	.greeting-con .greeting-img .logo-text{
		position:absolute;;
		left:35%;
		top:6rem;
	}
	.greeting-con .greeting-img .logo-text p{
		padding:0.7rem 3rem;
		font-size:0.9rem;
	}
	.greeting-con .greeting-img .text-area{
		background:#fff;
		width:50%;
		padding:140px 2rem 30px 0;
		margin-top:0;
	}	
	.greeting-con .greeting-img .text-area .title-text01{
		font-size:1.85rem;
		letter-spacing:-0.1rem;
		margin-bottom:1.5rem;
	}
	.greeting-con .greeting-img .text-area .title-text02{
		font-size:1.3rem;
		letter-spacing:-0.07rem;
		line-height:160%;
		color:#222;
	}
}


/*------------------------------------
	회사소개 > 한눈에 보는 HM
------------------------------------*/
.hm-con .title-text{
	color:#222;
	font-size:0.9rem;
	text-align:center;
	margin-top:-1rem;
	margin-bottom:2rem;
}
.hm-con .hm-group{
	padding:4rem 0 0;
}
.hm-con .hm-group.hm-con-01{
	background: url('../images/hm-m-bg01.jpg') no-repeat 50% / cover;
}
.hm-con .hm-group.hm-con-02{
	background: url('../images/hm-m-bg02.jpg') no-repeat 50% / cover;
}
.hm-con .hm-group.hm-con-03{
	background: url('../images/hm-m-bg03.jpg') no-repeat 50% / cover;
}
.hm-con .hm-group.hm-con-04{
	background: url('../images/hm-m-bg04.jpg') no-repeat 50% / cover;
}
.hm-con .hm-group h3{
	font-size:1.5em;
	margin-bottom:2.5rem;
	font-weight:500;
}
.hm-con .hm-group:nth-child(odd) h3{
	color:#111;
}
.hm-con .hm-group:nth-child(even) h3{
	color:#fff;
}
.hm-con .hm-group h3::after{
	content:'';
	display:block;
	position:absolute;
	left:15px;
	top:auto;
	width:2.6rem;
	height:3px;
	margin-top:0.4rem;
	background:#a00025;
}
.hm-con .hm-group.hm-con-01 h3{
	margin-bottom:-1.5rem;
}
.hm-con .hm-group ul li.color-01{
	background-color:#5d4e4e;
	color:#fff;
}
.hm-con .hm-group ul li.color-02{
	background-color:#c05f5f;
	color:#fff;
}
.hm-con .hm-group ul li.color-03{
	background-color:#eedfd3;
	color:#333;
}
.hm-con .hm-group ul li.color-04{
	background-color:rgba(40, 40, 40, 0.9);
	color:#fff;
}
.hm-con .hm-group ul li.color-05{
	background-color:rgba(160, 0, 37, 0.9);
	color:#fff;
}
.hm-con .hm-group ul li{
	padding:0;
	text-align:center;
}
.hm-con .hm-group ul li::after{
	content:'';
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-top:65%;
}
.hm-con .hm-group ul.height-02 li::after{
	padding-top:25%;
}
.hm-con .hm-group ul li div{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:1rem;
	word-break:keep-all;
}
.hm-con .hm-group ul li span{
	position:absolute;
	left:0.5rem;
	top:0.3rem;
	font-family: 'Raleway', sans-serif;
	font-size:1.2rem;
	color:rgba(255, 255, 255, 0.5);
}
.hm-con .hm-group ul li.color-03 span{
	color:rgba(0, 0, 0, 0.5);
}
.hm-con .hm-group ul li span::after{
	content:'';
	display:inline-block;
	width:1.5rem;
	height:0.05rem;
	margin:0 0 -0.05rem -0.7rem;
	background-color:rgba(255, 255, 255, 0.4);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hm-con .hm-group ul li.color-03 span::after{
	background-color:rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
	.hm-con .title-text{
		font-size:1.5em;
		margin-bottom:4rem;
	}
	.hm-con .hm-group{
		padding:10rem 0 0;
	}
	.hm-con .hm-group.hm-con-01{
		background: url('../images/hm-bg01.jpg') no-repeat 50% / cover;
	}
	.hm-con .hm-group.hm-con-02{
		background: url('../images/hm-bg02.jpg') no-repeat 50% / cover;
	}
	.hm-con .hm-group.hm-con-03{
		background: url('../images/hm-bg03.jpg') no-repeat 50% / cover;
	}
	.hm-con .hm-group.hm-con-04{
		background: url('../images/hm-bg04.jpg') no-repeat 50% / cover;
	}
	.hm-con .hm-group h3{
		font-size:2.8em;
		position:absolute;
		left:15px;
		top:0;
		margin-bottom:0;
	}
	.hm-con .hm-group.hm-con-02 h3,
	.hm-con .hm-group.hm-con-04 h3{
		left:auto;
		right:15px;
	}
	.hm-con .hm-group h3::after{
		left:0;
		width:5rem;
		margin-top:0.6rem;
	}
	.hm-con .hm-group ul li{
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
		font-size:1.1rem;
	}
	.hm-con .hm-group ul li div{
		padding:0 1.5rem;
	}
	.hm-con .hm-group.hm-con-04 ul li:nth-child(2),
	.hm-con .hm-group.hm-con-04 ul li:nth-child(5){
		-ms-flex: 0 0 40% !important;
		flex: 0 0 40% !important;
		max-width: 40% !important;
	}
	.hm-con .hm-group ul li::after{
		padding-top:100%;
	}
	.hm-con .hm-group.hm-con-04 ul li::after{
		padding-top:50%;
	}
	.hm-con .hm-group ul li span{
		left:1.2rem;
		top:0.7rem;
		font-size:1.8rem;
	}
}
@media (min-width: 1200px) {
	.hm-con .hm-group ul li{
		font-size:1.4rem;
	}
}
/*------------------------------------
	부서안내
------------------------------------*/
.sub-con-num274 h2.sub-content-tit::after,
.sub-con-num309 h2.sub-content-tit::after{
	
}
.department-com-logo p{
	display:inline-block;
	width:10rem;
	height:10rem;
	padding:1rem;
	background:rgba(255, 255, 255, 0.9);
	border-radius:50%;
	box-shadow:12px 12px 25px 0 rgba(0, 0, 0, 0.1);
}
.department-con{
	margin-top:-8rem;
}
.department-con ul{
	position:relative;
}
.department-con ul li h4{
	background:#1e80ad;
	border-radius:3px;
	padding:1rem 0.5rem;
	color:#fff;
	font-weight:700;
	box-shadow:7px 7px 15px 0 rgba(0, 0, 0, 0.15);
	position:relative;
	z-index:100;
	font-size:1.05rem;
}
.department-con ul li p{
	border-radius:3px;
	border:1px solid #c9c9c9;
	padding:3.5rem 1rem 2rem;
	box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.15);
	margin-top:-2.2rem;
	font-size:0.85rem;
	color:#444;
}
.department-com-logo::after{
	content:'';
	display:block;
	margin:0 auto;
	width:5px;
	height:45px;
	background-color:#ddd;
}
.department-con ul::before{
	content:'';
	position:absolute;
	left:25%;
	top:0;
	display:block;
	margin:0 auto;
	width:50%;
	height:6px;
	background-color:#ddd;
}
.department-con ul li::before{
	content:'';
	display:block;
	margin:0 auto;
	width:5px;
	height:45px;
	background-color:#ddd;
}
@media (min-width: 992px) {
	.department-com-logo p{
		display:inline-block;
		width:auto;
		height:auto;
		padding:2rem;
		background:rgba(255, 255, 255, 0.9);
		border-radius:50%;
		box-shadow:12px 12px 25px 0 rgba(0, 0, 0, 0.1);
	}
	.department-con ul li{
		padding:0 7%;
	}
	.department-con ul li h4{
		padding:1.5rem;
		margin:0 10%;
		font-size:1.5rem;
	}
	.department-con ul li p{
		padding:4.5rem 2rem 2rem;
		margin-top:-2.2rem;
		font-size:1.1rem;
		line-height:200%;
	}
	.department-com-logo::after,
	.department-con ul li::before{
		height:80px;
	}
}


/*------------------------------------
	오시는길 
------------------------------------*/
.map{
	border:1px solid rgba(0, 0, 0, 0.15);
}
.map::before{
	content: "";
	display: block;
	padding-top: 80%;
}
.map-info ul li{
	padding-bottom:1.2rem; 
	padding-top:1rem;
	border-top:1px solid #e5e5e5;
}
.map-info ul li .fas{
	margin:0 0.35rem 0 0;	
}

@media (min-width: 992px) {
	.map-info{
		padding:0 0 5rem;
	}
	.map-info ul li{
		padding-top:0; 
		padding-bottom:0;
		border:none;
	}
	.map-info ul li .fas{
		display:block;
		font-size:2.5rem;
		background-color:#f0f0f0;
		border-radius:50%;
		width:110px;
		height:110px;
		line-height:110px;
		margin:0 auto 2rem;
	}
}


/*------------------------------------
	회사소개 >  비전
------------------------------------*/
.vision-wrap  .bg-area{
	max-height:470px;
	height:55vw;
}
.vision-con01 .bg-area{
	background: url('../images/vision-img01.png') no-repeat 100% 50% / cover;
}
.vision-con02 .bg-area{
	background: url('../images/vision-img02.png') no-repeat 0 50% / cover;
}
@media (min-width: 992px) {
	.vision-con01 .bg-area{
		height:470px;
		z-index:10;
	}
	.vision-wrap .text-area{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
	.vision-wrap .text-area{
		background:#f5f5f5;
	}
	.vision-wrap .text-area p{
		font-size:1.1rem;
		line-height:180%;
	}
	.vision-wrap .text-area h4{
		font-size:2.8rem;
		color:#222;
		margin-bottom:2.5rem;
	}
	.vision-wrap .text-area .txt-01{
		font-size:1.4rem;
		color:#222;
		line-height:150%;
		letter-spacing:-0.07rem;
	}
	.vision-con01 .text-area .text-bg{
		padding-left:5rem;
	}
	.vision-con02 .text-area .text-bg{
		padding-right:5rem;
	}
}


/*------------------------------------
	회사소개 >  동반성장
------------------------------------*/
.grow-con01 > li{
	position:relative;
	background: url('../images/grow-bg.gif') repeat ;
	margin-bottom:3rem;
	margin-left:1rem;
}
.grow-con01 li h4{
	color:#fff;
	background-color:#a00025;
	text-align:center;
	position:absolute;
	box-shadow:5px 5px 5px 0 rgba(0, 0, 0, 0.15);
	font-size:1.2rem;
	width:5.5rem;
	height:5.5rem;
	line-height:5.5rem;
	left:-1rem;
	top:-1rem;
}
.grow-con01 li:nth-child(2) h4{
	background-color:#c05f5f;
}
.grow-con01 li:nth-child(3) h4{
	background-color:#5d4e4e;
}
.grow-con01 .list-con{
	padding:1.5rem 1.5rem 1.5rem 6rem;
	color:#222;
}
.grow-con02 dl{
	margin-left:-0.25rem;
	margin-right:-0.25rem;
}
.grow-con02 dl dt,
.grow-con02 dl dd{
	padding:0 0.25rem;
}
.grow-con02 dl dt div,
.grow-con02 dl dd div{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 68%;
}
.grow-con02 dl dt div{
	background:#a00025;
}
.grow-con02 dl dt div span{
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	color:#fff;
	font-weight:500;
	font-size:1.2rem;
}
.grow-con02 dl dt div span::after{
	content:'';
	position:absolute;
	top:2rem;
	right:-1.5rem;
	width:90%;
	height:2px;
	background-color:#fff;
}
.grow-con02 dl dd div{
	background: url('../images/grow-img01.jpg') no-repeat 50% / cover;
}
.grow-con02 dl dd div.grow-img02{
	background-image: url('../images/grow-img02.jpg');
}
.grow-con02 dl dd div.grow-img03{
	background-image: url('../images/grow-img03.jpg');
}
.grow-con02 dl dd div.grow-img04{
	background-image: url('../images/grow-img04.jpg');
}
.grow-con02 dl dd div.grow-img05{
	background-image: url('../images/grow-img05.jpg');
}
.grow-con02 dl dd span{
	position:absolute;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, .7);
	color:#fff;
	font-size:1.05rem;
	padding:0.5rem 1.5rem;
}

@media (min-width: 992px) {
	.grow-con01 > li{
		position:relative;
		margin-bottom:4rem;
		margin-left:1.5rem;
	}
	.grow-con01 li h4{
		box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.2);
		font-size:1.9rem;
		width:10rem;
		height:10rem;
		line-height:10rem;
		left:-1.5rem;
		top:-1.5rem;
	}
	.grow-con01 .list-con{
		padding:2rem 2rem 2rem 11rem;
		min-height:160px;
	}
	.grow-con01 li:first-child .list-con{
		font-size:1.8rem;
	}
	.grow-con01 li:nth-child(2) .list-con{
		font-size:1.3rem;
	}
	.grow-con02 dl{
		margin-left:-1rem;
		margin-right:-1rem;
	}
	.grow-con02 dl dt,
	.grow-con02 dl dd{
		padding:0 1rem;
		margin-bottom:2rem;
	}
	.grow-con02 dl dt div span{
		top:4rem;
		right:3rem;
		font-size:1.9rem;
	}
	.grow-con02 dl dt div span::after{
		top:3rem;
		right:-3rem;
		width:96%;
		height:4px;
	}
	.grow-con02 dl dd span{
		font-size:1.5rem;
		padding:1rem 2.5rem;
	}
}



/*------------------------------------
	회사소개 > 연혁
------------------------------------*/
div.history-wrap .history-bg{
	position:relative;
	width:100%;
	height:35vw;
	background:url("../images/history_bg.jpg") no-repeat 80% 0/ cover;
	z-index:1;
}
div.history-wrap .business-area{
	background:#f5f5f5;
}
div.history-wrap h4{
	color:#222;
	font-size:1.5rem;
	font-weight:500;
	padding-bottom:1rem;
	margin-bottom:0;
	border-bottom:1px solid #e5e5e5;
}
div.history-wrap ul li{
	border-bottom:1px solid #e5e5e5;
	clear:both;
	overflow:hidden;
	padding:1.5rem 0 1rem;
}
div.history-wrap ul li span.text-year{
	position:relative;
	color:#a00025;
	display:inline-block;
	font-size:1.5rem;
	letter-spacing:-0.05em;
	overflow:hidden;
	font-weight:700;
	padding:0 0.1rem 0.2rem 1.5rem;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:1.5rem;
}
div.history-wrap ul li span.text-year::after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
	background:#a00025;
}
div.history-wrap ul li .text-con{
	line-height:140%;
}
div.history-wrap ul li .text-con dl{
	position:relative;
}
div.history-wrap ul li .text-con dl dt{
	position:absolute;
	left:0;
	top:0;
	color:#222;
}
div.history-wrap ul li .text-con dl dd{
	margin-left:10%;
	margin-bottom:0.3rem;
	font-size:0.9rem;
}

@media (min-width: 992px) {
	div.history-wrap .history-bg{
		width:100%;
		height:400px;
		background-position:50% 0;
	}
	div.history-wrap .gray-bg{
		position:absolute;
		top:0;
		left:50%;
		width:50%;
		height:100%;
		z-index:0;
		background:#f5f5f5;
	}
	div.history-wrap h4{
		font-size:2.3rem;
		padding-bottom:1.5rem;
		letter-spacing:-0.25rem;
	}
	div.history-wrap ul li span.text-year{
		font-size:1.7rem;
		padding:0 0.15rem 0.2rem 2.5rem;
	}
	div.history-wrap .business-area h4,
	div.history-wrap .business-area ul li {
		border-color:#ddd;
	}
}
@media (min-width: 1200px) {
	div.history-wrap ul li span.text-year{
		font-size:1.7rem;
		padding:0 0.1rem 0.2rem 2.5rem;
		float:left;
	}
	div.history-wrap ul li .text-con{
		line-height:140%;
		float:right;
		width:75%;
		margin-top:0.8rem;
	}
}


/*------------------------------------
	브랜드소개 > 사업장소개
------------------------------------*/
.location-area > li:first-child{
	background:#f5f5f5;
}
.location-area .company-info h4{
	font-size:1.4rem;
	color:#111;
	font-weight:500;
}
.location-area .company-info h4 span{
	color:#9f0025;
	position:relative;
}
.location-area .company-info h4 span::after{
	content:'';
	position:absolute;
	width:94%;
	height:2px;
	left:2px;
	bottom:0;
	background-color:#9f0025;
}
.location-area .company-info h5{
	font-size:1rem;
	color:#222;
	font-weight:600;
	margin-top:1rem;
}
.location-area .company-info p{
	font-size:0.9rem;
	color:#333;
	margin-top:1rem;
}
.location-area .company-info ul li{
	font-size:0.8rem;
	color:#444;
}
@media (min-width: 1200px) {
	
	.location-area .company-info{
		position:absolute;
		left:50%;
		top:0;
		width:50%;
	}
	.location-area .company-info{
		position:absolute;
		left:50%;
		top:0;
		width:50%;
		height:100%;
	}
	.location-area .company-info.company-02{
		left:0;
	}
	.location-area .company-info h4{
		font-size:3rem;
		letter-spacing:-0.2rem;
		color:#111;
		font-weight:500;
		margin-top:14%;
	}
	.location-area .company-info h4 span{
		color:#9f0025;
		position:relative;
	}
	.location-area .company-info h4 span::after{
		content:'';
		position:absolute;
		width:94%;
		height:3px;
		left:4px;
		bottom:0;
		background-color:#9f0025;
	}
	.location-area .company-info p{
		font-size:1.45rem;
		letter-spacing:-0.1rem;
		color:#333;
		margin-top:1.5rem;
	}
	.location-area .company-info ul li{
		font-size:1.1rem;
		color:#444;
		padding:0.2rem 0;
	}
	.location-area .company-info.company-01 ul{
		position:absolute;
		left:0;
		bottom:27%;
	}
	.location-area .company-info.company-02 ul{
		position:absolute;
		right:0;
		bottom:12%;
	}
}

/*------------------------------------
	브랜드소개 > 어차피혼자
------------------------------------*/
.brand01-head{
	background: url('../images/brand01-bg01.jpg') no-repeat 50% / cover;
}
.brand01-head p{
	padding:4rem 0 5.5rem;
	color:#fff;
	font-size:1.55rem;
	text-align:center;
	margin:0;
	letter-spacing:-0.09rem;
}
.brand01-head p span{
	display:inline-block;
	padding:0 0.4rem;
	font-size:1.8rem;
	font-weight:500;
	background: url('../images/brand01-text-bg.gif') no-repeat 0 1.3rem /100% auto;
}
.brand01-con{
	background: url('../images/brand01-bg02.jpg') no-repeat 50% / cover;
}
.brand01-con img{
	margin-top:-1.5rem;
}
@media (min-width: 992px) {
	.brand01-head p{
		padding:9rem 0 12rem;
		font-size:3.8rem;
		letter-spacing:-0.2rem;
		line-height:1.2;
	}
	.brand01-head p span{
		padding:0 0.8rem;
		font-size:4.3rem;
		background-position:0 2.5rem;
	}
	.brand01-con img{
		margin-top:-6%;
	}
}
@media (min-width: 1200px) {
	.brand01-head p{
		padding:13rem 0 16rem;
	}
}


/*------------------------------------
	브랜드소개 > 족만이
------------------------------------*/
.brand02-con, .brand02-con h3{
	text-indent:-100000;
	font-size:0;
}
.brand02-con > div{	
	height:55vw;
	background: url('../images/brand02-01.jpg') no-repeat 60% 50%/ cover;
}
.brand02-con > div.brand02-con02{
	background-image: url('../images/brand02-02.jpg');
}
.brand02-con > div.brand02-con03{
	background-image: url('../images/brand02-03.jpg');
}

@media (min-width: 1400px) {
	.brand02-con > div{
		height:770px;
		background-position:50%;
	}
}



/*------------------------------------
	브랜드소개 > 약선할매
------------------------------------*/
.brand03-head{
	background: #190f0e;
	text-align:center;
	overflow:hidden;
}
.brand03-head img{
	max-width:124%;
	margin-left:-12%;
}
.brand03-con{
	padding:4rem 1rem;
	background: url('../images/brand03-bg02.jpg') no-repeat 50% / cover;
}
.brand03-con li{
	position:relative;
	padding-left:4.5rem;
}
.brand03-con li:nth-child(2){
	margin:2rem 0;
}
.brand03-con li .text-num{
	position:absolute;
	left:1rem;
	top:0;
	color:#fff;
	text-align:center;
	line-height:2.4rem;
	width:2.4rem;
	height:2.4rem;
	border-radius:50%;
	background-color:#a00025;
	font-size:1.1rem;
	font-weight:800;
}
.brand03-con li h4{
	color:#fff;
	font-size:1.1rem;
	font-weight:500;
	margin:0.5rem 0 1rem;
}
.brand03-con li p{
	font-size:0.9rem;
	color:rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
	.brand03-con li{
		padding-left:5.5rem;
	}
	.brand03-con li .text-num{
		line-height:3.4rem;
		width:3.4rem;
		height:3.4rem;
		font-size:1.6rem;
	}
	.brand03-con li h4{
		font-size:1.5rem;
		margin:0.9rem 0 1.5rem;
	}
	.brand03-con li p{
		word-break:keep-all;
		font-size:1.2rem;
		color:rgba(255, 255, 255, 0.6);
	}
}
@media (min-width: 1200px) {
	.brand03-head img{
		max-width:100%;
		margin-left:0;
		font-size:0.9rem;
	}
	.brand03-con{
		padding:11rem 0 12rem;
	}
	.brand03-con li:nth-child(2){
		margin:0;
	}
	.brand03-con li{
		margin:0;
		padding:0 15px;
	}
	.brand03-con li > div{
		height:100%;
		border:1px solid rgba(255, 255, 255, 0.15);
		background:rgba(255, 255, 255, 0.07);
		padding:3.5rem 2rem 2rem;
		text-align:center;
	}
	.brand03-con li h4::after{
		content:'';
		display:block;
		margin:1.2rem auto -0.5rem;
		width:1px;
		height:25px;
		background:rgba(255, 255, 255, 0.6);
	}
	.brand03-con li .text-num{
		top:-2rem;;
		left:calc(50% - 2rem);
		line-height:4rem;
		width:4rem;
		height:4rem;
		font-size:1.8rem;
	}
}


/*------------------------------------
	브랜드소개 > me24
------------------------------------*/
.brand04-wrap{
	background:#f5f5f5;
	padding-bottom:4rem;
}
.brand04-wrap .brand04-head{
	text-indent:-100000;
	font-size:0;
	height:90vw;
	max-height:798px;
	background: url('../images/brand04-bg.png') no-repeat 50%/ cover;
}
.brand04-con .con-title{
	text-align:center;
	font-size:1.05rem;
	color:#222;
	font-weight:500;
	margin-bottom:2rem;
}
.brand04-con .con-title::before{
	content:'';
	display:block;
	margin:0 auto 0.7rem;
	width:1px;
	height:40px;
	background:#f6d321;
}
.brand04-con ul{
	background:#fff;
	border:1px solid #e5e5e5;
	padding:1rem 0;
	margin-bottom:3rem;
}
.brand04-con ul li{
	margin:1rem 0;
}
.brand04-con ul li:nth-child(2){
	border:solid #eee;
	border-width:1px 0;
	padding-top:2rem ;
	padding-bottom:2rem ;
}
.brand04-con ul li img{
	max-width:5rem;
}
.brand04-con ul li span{
	display:block;
	font-size:1.2rem;
	font-weight:700;
}
.brand04-con ul li span.color-01{
	color:#f07385;
}
.brand04-con ul li span.color-02{
	color:#dcaa62;
}
.brand04-con ul li span.color-03{
	color:#a769bd;
}
@media (min-width: 992px) {
	.brand04-wrap{
		padding-bottom:10rem;
	}
	.brand04-wrap .brand04-head{
		height:798px;
	}
	.brand04-con .con-title{
		font-size:2rem;
		margin-bottom:4rem;
		letter-spacing:-0.15rem;
	}
	.brand04-con .con-title::before{
		margin:0 auto 2rem;
		height:90px;
	}
	.brand04-con ul{
		padding:0;
		margin-bottom:7rem;
	}
	.brand04-con ul li{
		margin:0;
		padding:2.5rem;
		font-size:1.15rem;
	}
	.brand04-con ul li:nth-child(2){
		border:solid #eee;
		border-width:0 1px;
		padding:2.5rem;
	}
	.brand04-con ul li img{
		max-width:8rem;
	}
	.brand04-con ul li span{
		font-size:1.7rem;
		margin:1.5rem 0 0.5rem;
	}
	.brand04-con .me-img img{
		box-shadow:0px 5px 15px 0 rgba(0, 0, 0, 0.15);
	}
	.brand04-con .me-img > div:last-child{
		margin-top:3rem;
	}
}


/*------------------------------------
	ICT개발 >  사업영역
------------------------------------*/
.ict01-wrap{
	margin-bottom:3rem;
}
.ict01-wrap .bg-area{
		
}
.ict01-wrap .bg-area div{
	height:0;
	padding-top:50%;
	background: url('../images/ict01-img01.jpg') no-repeat 50% 30% / cover;
}
.ict01-con02 .bg-area div{
	background-image: url('../images/ict01-img02.jpg');
}
.ict01-con03 .bg-area div{
	background-image: url('../images/ict01-img03.jpg');
}
.ict01-wrap .text-area h4{
	font-size:1.5rem;
	color:#222;
	margin:1.5rem 0 1rem;
}
.ict01-wrap .text-area h4 span{
	position:absolute;
	right:1.3rem;
	top:-5.7rem;
	font-family: 'Raleway', sans-serif;
	font-size:2.3rem;
	color:#a00025;
}
.ict01-wrap .text-area h4 span::after{
	content:'';
	display:block;
	width:3px;
	height:3rem;
	margin:0 auto;
	background-color:#a00025;
}
.ict01-wrap .text-area ul li {
	background: none;
	color:#444;
	padding: 0 0 0.5rem 0.9rem;
	position:relative;
}
.ict01-wrap .text-area ul li::before{
	background:#444;
	content:'';
	position:absolute;
	left:auto;
	top:0.65rem;
	width:4px;
	height:4px;
	border-radius:50%;
	margin-left:-0.7rem;
}
@media (min-width: 992px) {
	.ict01-wrap{
		max-width:100%;
		margin-bottom:0;
	}
	.ict01-wrap .bg-area{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:0;
		background:#f5f5f5;
	}
	.ict01-wrap .bg-area div{
		height:100%;
		padding-top:0;
	}
	.ict01-wrap .text-area{
		position:relative;
		z-index:10;
		padding-bottom:7rem;
		word-break:keep-all;
	}
	.ict01-wrap .text-area > div{
		padding:0 0 0 100px !important;
	}
	.ict01-wrap.ict01-con02 .text-area > div{
		padding:0 100px 0 0 !important;
	}
	.ict01-wrap .text-area h4{
		font-size:2.8rem;
		margin:7.5rem 0 3rem;
		letter-spacing:-0.13rem;
	}
	.ict01-wrap .text-area h4 span{
		left:-80px;
		top:4.5rem;
		font-size:3rem;
		width:150px;
	}
	.ict01-wrap .text-area h4 span::after{
		content:'';
		display:block;
		width:100%;
		height:5px;
		background-color:#a00025;
	}
	.ict01-wrap.ict01-con02 h4 span{
		left:auto;
		right:-80px;
	}
	.ict01-wrap .text-area ul li {
		font-size:1.25rem;
		padding: 0 0 0.5rem 0.9rem;
	}
	.ict01-wrap .text-area ul li::before{
		top:0.85rem;
	}
}
@media (min-width: 1200px) {
	.ict01-wrap .text-area{
		min-height:550px;
	}
}


/*------------------------------------
	생산공정 
------------------------------------*/
.process-wrap h3{
	text-align:center;
	text-transform:uppercase;
	margin-bottom:2.5rem;
	color:#bbb;
	letter-spacing:-0.03rem;
}
.process-wrap ul li{
	position:relative;
	margin-bottom:3rem;
}
.process-wrap ul li::after{
	content:'';
	display:block;
	position:absolute;
	width:1.5rem;
	height:1.5rem;
	background:url('../images/process-arrow.png') no-repeat 0 0 /100%;
}
.process-wrap ul li:nth-child(1)::after,
.process-wrap ul li:nth-child(5)::after{
	right:-0.7rem;
	top:calc(50% - 0.75rem);
	background-position: 100% 50%;
}
.process-wrap ul li:nth-child(3)::after,
.process-wrap ul li:nth-child(7)::after{
	left:-0.7rem;
	top:calc(50% - 0.75rem);
	-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
}
.process-wrap ul li:nth-child(2)::after,
.process-wrap ul li:nth-child(6)::after,
.process-wrap ul li:nth-child(4)::after{
	bottom:-2.25rem;
	left:calc(50% - 0.75rem);
	-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
}
.process-wrap ul li:nth-child(8)::after{
	background:none;
}
.process-wrap ul li div{
	position:relative;
	width:94%;
	max-width:230px;
	background:#222;
	border-radius:0.8rem;
	box-shadow:5px 5px 15px 0 rgba(0, 0, 0, 0.15);
}
.process-wrap ul li div::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius:0.8rem;
	border:2px solid #222;
}
.process-wrap ul li div img{
	border-radius:1.1rem 1.1rem 0 0;
}
.process-wrap ul li div p{
	border-radius:0 0 1rem 1rem;
	margin:0;
	padding:0.6rem 0;
	color:#eee;
}
@media (min-width: 992px) {
	.process-wrap{
		padding:6rem 0 7rem;
		margin-bottom:-8rem;
		background:url('../images/process-bg.jpg') no-repeat 0 0 / cover;
	}
	.process-wrap h3{
		margin-bottom:4rem;
		color:#fff;
		font-size:2.5rem;
	}
	.process-wrap ul li{
		margin-bottom:4rem;
	}
	.process-wrap ul li::after{
		width:2rem;
		height:2rem;
	}
	.process-wrap ul li:nth-child(1)::after,
	.process-wrap ul li:nth-child(2)::after,
	.process-wrap ul li:nth-child(3)::after{
		right:-1rem;
		top:calc(50% - 1rem);
		left:auto;
		bottom:auto;
		background-position: 100% 50%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.process-wrap ul li:nth-child(5)::after,
	.process-wrap ul li:nth-child(6)::after,
	.process-wrap ul li:nth-child(7)::after{
		left:-1rem;
		top:calc(50% - 1rem);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.process-wrap ul li:nth-child(4)::after{
		bottom:-3rem;
		left:calc(50% - 1rem);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.process-wrap ul li div{
		box-shadow:5px 5px 15px 0 rgba(0, 0, 0, 0.3);
	}
	.process-wrap ul li div::after{
		border:3px solid #222;
	}
	.process-wrap ul li div p{
		font-size:1.15rem;
		padding:1rem 0;
	}
}


/*------------------------------------
	연구(실험실)
------------------------------------*/
.study-wrap h3{
	text-align:center;
	text-transform:uppercase;
	margin-bottom:2.5rem;
	color:#bbb;
	letter-spacing:-0.03rem;
}
.study-wrap ul li{
	margin-bottom:2rem;
}
.study-wrap ul li div{
	position:relative;
	max-width:254px;
	background:#222;
	border-radius:0.5rem;
	box-shadow:5px 5px 15px 0 rgba(0, 0, 0, 0.15);
}
.study-wrap ul li div::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius:0.5rem;
	border:2px solid #222;
}
.study-wrap ul li div img{
	border-radius:0.7rem 0.7rem 0 0;
}
.study-wrap ul li div p{
	border-radius:0 0 1rem 1rem;
	margin:0;
	padding:0.6rem 0;
	color:#eee;
}
@media (min-width: 992px) {
	.study-wrap{
		padding:6rem 0 0;
		margin-bottom:-8rem;
		background:url('../images/study-bg.jpg') no-repeat 0 0 / cover;
	}
	.study-wrap h3{
		margin-bottom:4rem;
		color:rgba(255, 255, 255, 0.9);
		font-size:2.5rem;
		position:relative;
	}
	.study-wrap h3::after{
		content:'';
		position:absolute;
		top:4.5rem;
		left:calc(50% - 4px);
		width:8px;
		height:70px;
		background:#ce000c;
	}
	.study-wrap ul{
		background:url('../images/study-bg02.png') repeat;
		padding:7rem 2rem 4rem;
	}
	.study-wrap ul li{
		margin-bottom:4rem;
	}
	.study-wrap ul li div::after{
		border:3px solid #222;
	}
	.study-wrap ul li div p{
		font-size:1.15rem;
		padding:1rem 0;
	}
}