/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-09-18
| 파일설명 : 회사소개 - 회사개요 CSS
+----------------------------------------------------------------------+
| 작업자 : 우현진
+----------------------------------------------------------------------+
| 수정이력
| 
+----------------------------------------------------------------------+
*/


.OutlineMiddleBg{width: 100%; margin: 0 auto; background: url('/smciImages/front/intro/outLineMiddleBg.png') center center no-repeat; background-size: cover; padding: 73px 0 90px;}

.OurvaluesRoundContWrap{max-width:1160px;}
.OurvaluesRoundContWrap:after{content:''; display: block; clear: both;}
.OurvaluesRoundContWrap ul li{float: left; width: 243px;padding-right: 60px;background: url('/smciImages/front/intro/outLineMiddleBar.png') 242px 125px no-repeat;}
.OurvaluesRoundContWrap ul li:last-child{padding-right: 0; background: none;}
.roundTitle{width: 240px; height: 240px;  line-height: 10;border-radius:130px; border: 2px solid #a9abad; }

.roundSubtext{color: #D4D6D7;}
.keywordWrap{max-width: 1050px;padding-top:67px;}
.keywordWrap:after{content:''; display: block; clear: both;}
.keywordWrap ul li{float: left;background: url('/smciImages/front/intro/bgLine.png') center left no-repeat;width: 252px;}
.keywordWrap ul li:last-child{padding: 0 0 0 40px;}
.keywordWrap ul li:first-child{background: none; padding-left: 0;}

/* 모바일: OUR VALUES / OUR KEYWORD 중앙 정렬 보정 */
@media screen and (max-width: 768px) {
	.OutlineMiddleBg{padding-left: 20px; padding-right: 20px;}
	.OurvaluesRoundContWrap{display: flex; justify-content: center; padding-top: 40px;}
	.OurvaluesRoundContWrap ul{display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%;}
	.OurvaluesRoundContWrap ul li{float: none; width: 243px; padding-right: 0; padding-bottom: 40px; background: none; margin: 0 15px;}
	.OurvaluesRoundContWrap ul li:last-child{padding-bottom: 0;}
	/* OUR KEYWORD */
	.keywordWrap{padding-left: 20px; padding-right: 20px; padding-top: 40px;}
	.keywordWrap ul{display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%;}
	.keywordWrap ul li{float: none; width: 252px; padding: 0 15px 40px; background: none !important;}
	.keywordWrap ul li:last-child{padding: 0 15px 40px;}
	.keywordWrap .keywordInfo{text-align: center;}
}