/*
	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 'odometer-theme-default.css';
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

/**** 서브비주얼 ****/
#subVisual .visual_bg {
	position:relative;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f5f5f5;
	animation:svisual 0.5s ease-out;
	animation-delay:0.5s;
	animation-fill-mode:both;
}
@keyframes svisual {
	0% {background-position:left 50% bottom -8rem;}
	100% {background-position:left 50% bottom 0;}
}
#subVisual .visual_text {
	animation:svisual_text 0.5s ease-out;
	animation-delay:1s;
	animation-fill-mode:both;
}
@keyframes svisual_text {
	0% {top:40%; opacity:0;}
	100% {top:50%; opacity:1;}
}
#subVisual .sub0101 {background-image:url('../_img/sub/sub0101_visual.jpg');}
#subVisual .sub0102 {background-image:url('../_img/sub/sub0102_visual.jpg');}
#subVisual .sub0103 {background-image:url('../_img/sub/sub0103_visual.jpg');}
#subVisual .sub0104 {background-image:url('../_img/sub/sub0104_visual.jpg');}
#subVisual .sub0105 {background-image:url('../_img/sub/sub0105_visual.jpg');}
#subVisual .sub0201 {background-image:url('../_img/sub/sub0201_visual.jpg');}
#subVisual .sub0202 {background-image:url('../_img/sub/sub0202_visual.jpg');}
#subVisual .sub0301 {background-image:url('../_img/sub/sub0301_visual.jpg');}
#subVisual .sub0302 {background-image:url('../_img/sub/sub0302_visual.jpg');}
#subVisual .sub0303 {background-image:url('../_img/sub/sub0303_visual.jpg');}
#subVisual .sub0304 {background-image:url('../_img/sub/sub0304_visual.jpg');}
#subVisual .sub0401 {background-image:url('../_img/sub/sub0401_visual.jpg');}
#subVisual .sub0402 {background-image:url('../_img/sub/sub0402_visual.jpg');}
#subVisual .sub0501,
#subVisual .sub0502{background-image:url('../_img/sub/sub0501_visual.jpg');}
#subVisual .sub0601,
#subVisual .sub0602{background-image:url('../_img/sub/sub0601_visual.jpg');}



/**** 서브공통영역 ****/
#sub_wrap {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding:13rem 0 16rem;
	overflow:hidden;
}
@media (max-width: 991.98px) {
	#sub_wrap {
		padding:4rem 0 6rem;
	}
}
#sub_wrap > .won {right:-50rem; top:-50rem;}
@media (max-width: 575.98px) {
	#sub_wrap > .won {right:-40rem; top:-40rem;}
}
.fc00c {color:#00cad4;}


/**** 회사소개 ****/
.about-wrap {
	position:relative;
	height:auto;
}
.about-wrap .sec01 > .row {
	margin-left:-25px;
	margin-right:-25px;
}
.about-wrap .sec01 > .row > div[class^='col'] {
	padding-left:25px;
	padding-right:25px;
}
.about-wrap .sec01 > .row > div[class^='col'] > .inner > p:nth-of-type(1) {
	text-align:right;
	line-height:1;
	height:5rem;
}
.about-wrap .sec01 > .row > div[class^='col'] > .inner > p:nth-of-type(1) > span.odometer {
	top:-0.8rem;
}
.about-wrap .sec01 > .row > div[class^='col'] > .inner > .line {
	width:100%;
	height:8px;
	background:#000;
}
.about-wrap .sec01 > .row > div[class^='col'] > .inner > p:nth-of-type(2) {
	display:flex;
	justify-content:space-between;
}
.about-wrap .sec01 > .row > div[class^='col'] > .inner > p:nth-of-type(2) > span:nth-of-type(2){
	color:#777;
}
@media (max-width: 991.98px) {
	.about-wrap .sec01 > .row > div[class^='col'] > .inner > p:nth-of-type(1) > span.odometer {
		top:-0.5rem;
	}
}


.about-wrap .sec02 {
	position:relative;
	box-sizing:border-box;
	padding:8rem 0 10rem;
	margin:0 auto;
	width:90%;
	height:100%;
	background:url("../_img/sub/sub0101_about_sec02_bg.jpg") no-repeat center center / cover;
}
@media (max-width: 991.98px) {
	.about-wrap .sec02 {
		width:100%;
		padding:6rem 0 8rem;
	}
}
.about-wrap .sec02 .tit > h3 {
	color:#fff;
}
.about-wrap .sec02 .container {
	text-align:center;
}
.about-wrap .sec02 .row {
	width:90%;
	margin:0 auto;
}
.about-wrap .sec02 .row > div[class^='col-'] {
	position:relative;
	height:auto;
	color:#fff;
	font-weight:300;
}
.about-wrap .sec02 .row > div[class^='col-']:after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:1px;
	height:100%;
	background:rgba(255,255,255,0.3);
}
.about-wrap .sec02 .row > div[class^='col-']:last-child:after {
	display:none;
}
.about-wrap .sec02 .row > div[class^='col-'] .img > img {
	height:7rem;
}
.about-wrap .sec02 .row > div[class^='col-'] .line {
	position:relative;
	width:2rem;
	height:1px;
	background:#fff;
	margin:2rem auto;
}
@media (max-width: 991.98px) {
	.about-wrap .sec02 .row {
		width:100%;
	}
	.about-wrap .sec02 .row > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
	}
	.about-wrap .sec02 .row > div[class^='col-']:after {
		display:none;
	}
}
.about-wrap .sec04 {
	position:relative;
	box-sizing:border-box;
	padding-bottom:8rem;
}
.about-wrap .sec04:before{
	content:"";
	position:absolute;
	width:100%;
	height:50%;
	background:#f9f9f9;
	bottom:0;
}
.about-wrap .sec04 .row {
	margin-left:-25px;
	margin-right:-25px;
}
.about-wrap .sec04 .row > div[class^='col-'] {
	padding-left:25px;
	padding-right:25px;
}
@media (max-width: 991.98px) {
	.about-wrap .sec04 {
		padding-bottom:4rem;
	}
	.about-wrap .sec04 .row > div[class^='col-'] .txt {
		text-align:center;
	}
}
.about-wrap > .won {
	left:-25%;
	bottom:0;
}

/**** ceo인사말 ****/
.ceo-wrap .sec02{
	width:94%;
	margin:0 auto;
	box-sizing:border-box;
	padding:10rem 0;
	background:url('../_img/sub/sub0101_ceo_sec02_bg.jpg') no-repeat center top / cover;
}
.ceo-wrap .sec02 .inner {
	position:relative;
	text-align:center;
	color:#fff;
}
@media (max-width: 991.98px) {
	.ceo-wrap .sec02{
		width:100%;
	}
}
@media (max-width: 575.98px) {
	.ceo-wrap .sec02{
		padding:8rem 0;
		background:url('../_img/sub/sub0101_ceo_sec02_m_bg.jpg') no-repeat center top / cover;
	}
}


/**** ci ****/
.ci-wrap .sec01 > .top {
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:8rem 4rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ci-wrap .sec01 > .top > .img {
	margin:0 6rem;
}
.ci-wrap .sec01 > .btm {
	text-align:center;
}
.ci-wrap .sec01 > .btm > a {
	display:inline-block;
	font-size:1.6rem;
	line-height:1;
	width:20rem;
	height:4rem;
	box-sizing:border-box;
	padding:1rem 1.5rem;
	position:relative;
	border:1px solid #ddd;
	color:#000;
	margin:0 0.4rem;
	text-align:left;
}
.ci-wrap .sec01 > .btm > a > i {
	position:absolute;
	right:1.5rem;
	top:50%;
	transform:translateY(-50%);
}
@media (max-width: 991.98px) {
	.ci-wrap .sec01 > .top {
		padding:6rem 2rem;
	}
	.ci-wrap .sec01 > .top > .img {
		margin:0 4rem;
	}
	.ci-wrap .sec01 > .top > .img > img {
		width:100%;
	}
}
@media (max-width: 767.98px) {
	.ci-wrap .sec01 > .top > .img {
		margin:0 3rem;
		text-align:center;
	}
	.ci-wrap .sec01 > .top > .img > img {
		width:50%;
	}
	.ci-wrap .sec01 > .btm > a {
		width:calc(50% - 1rem);
	}
}
@media (max-width: 575.98px) { 
	.ci-wrap .sec01 > .top {
		padding:4rem 2rem;
	}
	.ci-wrap .sec01 > .top > .img {
		margin:0 2rem;
	}
	.ci-wrap .sec01 > .top > .img > img {
		width:60%;
	}
}
@media (max-width: 375px){
	.ci-wrap .sec01 > .top > .img > img {
		width:80%;
	}
}


.ci-wrap > section > .row {
	margin-left:0;
	margin-right:0;
}
.ci-wrap > section > .row > .fl {
	width:29rem;
}
.ci-wrap > section > .row > .fr {
	width:calc(100% - 29rem);
}
@media (max-width: 1199.98px) {
	.ci-wrap > section > .row > .fl {
		width:100%;
	}
	.ci-wrap > section > .row > .fr {
		width:100%;
	}
}
.ci-wrap > .sec02 > .row > .fr > .inner > .box {
	box-sizing:border-box;
	height:65rem;
	border:1px solid #ddd;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.ci-wrap > .sec02 > .row > .fr > .inner > .box > .row {
	margin-left:0;
	margin-right:0;
	align-items:center;
	justify-content:center;
	max-width:100%;
	flex:0 0 100%;
	-ms-flex:0 0 100%;
}
.ci-wrap > .sec02 > .row > .fr > .inner > .box > .row > p {
	margin-right:10rem;
}

@media (max-width: 991.98px){
	.ci-wrap > .sec02 > .row > .fr > .inner > .box {
		height:auto;
		display:block;
		padding:4rem;
	}
	.ci-wrap > .sec02 > .row > .fr > .inner > .box > .row {
		display:block;
		text-align:center;
	}
	.ci-wrap > .sec02 > .row > .fr > .inner > .box > .row > p {
		margin-right:0;
	}
}
@media (max-width: 575.98px) {
	.ci-wrap > .sec02 > .row > .fr > .inner > .box {
		padding:3rem 4rem;
	}
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > .name {
	box-sizing:border-box;
	padding:1.5rem 2rem;
	color:#fff;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > .name.sky {
	background:#00c1e0;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > .name.blue {
	background:#005dba;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > .name.green {
	background:#009462;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > .name.coolgray {
	background:#54565a;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > .name.gray {
	background:#d9d8d6;
	color:#000;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	font-size:1.6rem;
	line-height:1.8;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > dl > dt {
	max-width:30%;
	flex:0 0 30%;
	-ms-flex:0 0 30%;
}
.ci-wrap > .sec03 > .row > .fr .color-box > .row > div[class^='col-'] > .inner > dl > dd {
	max-width:70%;
	flex:0 0 70%;
	-ms-flex:0 0 70%;
}
.ci-wrap > .sec04 > .row > .fr > .inner > .box {
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:6rem 3rem;
}
.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner {
	display:flex;
	align-items:flex-start;
}
.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner > p {
	width:16rem;
	text-align:right;
	box-sizing:border-box;
	padding-right:2rem;
}
.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner > .img {
	width:calc(100% - 16rem);
}
@media (max-width: 991.98px){
	.ci-wrap > .sec04 > .row > .fr > .inner > .box {
		padding:4rem 2rem;
	}
	.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner > .img > img {
		max-width:100% !important;
	}
}
@media (max-width: 575.98px) {
	.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner {
		display:block;
	}
	.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner > p {
		width:100%;
		text-align:center;
		padding-right:0;
	}
	.ci-wrap > .sec04 > .row > .fr > .inner > .box > .row > div[class^='col-'] > .inner > .img {
		width:100%;
	}
}

/**** 연혁 ****/
.history-wrap .history-box {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
.history-wrap .history-box > .year {
	width:35%;
}
.history-wrap .history-box > .year > h4 {
	text-align:right;
}
.history-wrap .history-box > .month {
	width:65%;
	box-sizing:border-box;
	position:relative;
	padding-left:5.5rem;
	padding-bottom:8rem;
}
.history-wrap .history-box > .month:before {
	content:"";
	position:absolute;
	left:5.9rem;
	top:2rem;
	width:1px;
	height:100%;
	background:#ddd;
}
.history-wrap .history-box:nth-of-type(3) > .month:before {
	top:0;
}
.history-wrap .history-box > .month dl {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	position:relative;
	padding-bottom:1.5rem;
}
.history-wrap .history-box > .month dl > dt {
	width:8rem;
	position:relative;
	box-sizing:border-box;
	padding-left:2rem;
	line-height:1.8;
}
.history-wrap .history-box > .month dl > dt:before {
	content:"";
	position:absolute;
	left:0;
	top:1rem;
	width:0.9rem;
	height:0.9rem;
	border-radius:50%;
	background:#00cad4;
}
.history-wrap .history-box > .month dl > dd {
	width:calc(100% - 8rem);
	line-height:1.8;
}
@media (max-width: 1199.98px) {
	.history-wrap .history-box > .year {
		width:25%;
	}
	.history-wrap .history-box > .month {
		width:75%;
	}
}
@media (max-width: 767.98px) {
	.history-wrap .history-box > .year {
		width:10%;
	}
	.history-wrap .history-box > .month {
		width:90%;
	}
	.history-wrap .history-box > .year > h4 {
		text-align:left;
		margin-top:0.5rem;
	}
}
@media (max-width: 575.98px) {
	.history-wrap .history-box > .year {
		width:100%;
	}
	.history-wrap .history-box > .month {
		width:100%;
		padding-left:0;
		padding-bottom:0;
	}
	.history-wrap .history-box > .month:before {
		left:0.4rem;
		top:1rem;
		height:calc(100% - 1rem);
	}
	.history-wrap .history-box:nth-of-type(3) > .month:before {
		top:1rem;
	}
	.history-wrap .history-box > .month dl > dt {
		width:6rem;
		padding-left:2rem;
	}
	.history-wrap .history-box > .month dl > dd {
		width:calc(100% - 6rem);
	}
}

.history-wrap .sec02 {
	box-sizing:border-box;
	background:url('../_img/sub/sub0102_history_sec02_bg.jpg') no-repeat center center / cover;
	padding-bottom:8rem;
}
.history-wrap .sec02 .history-box > .year,
.history-wrap .sec02 .history-box > .month {
	padding-bottom:0;
	padding-top:8rem;
	color:#fff;
}
.history-wrap .sec02 .history-box > .month:before {
	top:0;
	background:rgba(255,255,255,0.3);
}
.history-wrap .sec02 .history-box:nth-of-type(2) > .month:before {
	height:90%;
}
@media (max-width: 575.98px) {
	.history-wrap .sec02 .history-box > .year,
	.history-wrap .sec02 .history-box > .month {
		padding-top:0;
	}
	.history-wrap .sec02 {
		padding-top:4rem;
		padding-bottom:4rem;
	}
	.history-wrap .sec02 .history-box > .month:before {
		top:1rem;
	}
	.history-wrap .sec02 .history-box:nth-of-type(2) > .month:before {
		height:82%;
	}
}



/**** 수상/인증 ****/
.award-list .row {
	margin-left:-30px;
	margin-right:-30px;
}
.award-list .row > div[class^='col-'] {
	padding-left:30px;
	padding-right:30px;
	margin-bottom:5rem;
}
.award-list .row > div[class^='col-'] .img > a {
	display:block;
	position:relative;
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:5px 3px 15px rgba(0,0,0,0.1);
	cursor:pointer;
}
.award-list .row > div[class^='col-'] .img > a > .icon {
	position:absolute;
	right:0;
	bottom:0;
	width:3.2rem;
	height:3.2rem;
	background:rgba(0,0,0,0.5);
	color:#fff;
	text-align:center;
	line-height:3.6rem;
}
@media (max-width: 991.98px) {
	.award-list .row {
		margin-left:-10px;
		margin-right:-10px;
	}
	.award-list .row > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
		margin-bottom:4rem;
	}
}

.award-big-wrap {
	position:relative;
	height:auto;
}
.award-big-wrap .btn {
	position:absolute;
	top:0;
	right:-2.7rem;
	width:2.7rem;
	height:2.7rem;
	padding:0;
	background:#00cad4;
	border:0;
	border-radius:0;
}
@media (max-width: 991.98px) {
	.modal {
		padding-right:0 !important;
	}
	.award-big-wrap .btn {
		position:relative;
		right:auto;
		width:100%;
		height:2.7rem;
		background:#00cad4;
	}
}


/**** 파트너 ****/
.partner-list {
	margin-left:-3.5rem;
	margin-right:-3.5rem;
}
.partner-list > div[class^='col-']{
	padding-left:3.5rem;
	padding-right:3.5rem;
}
.partner-list > div[class^='col-'] > .inner {
	border:1px solid #ddd;
	box-sizing:border-box;
	height:20rem;
	margin-bottom:8rem;
	background:#fff;
	box-shadow:5px 0 15px rgba(0,0,0,0.1);
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
@media (max-width: 991.98px) {
	.partner-list {
		margin-left:-10px;
		margin-right:-10px;
	}
	.partner-list > div[class^='col-']{
		padding-left:10px;
		padding-right:10px;
	}
	.partner-list > div[class^='col-'] > .inner {
		height:12rem;
		margin-bottom:2rem;
	}
	.partner-list > div[class^='col-'] > .inner > .logo {
		text-align:center;
	}
	.partner-list > div[class^='col-'] > .inner > .logo > img {
		max-width:50%;
	}
}



/**** 제품-에너지-개요 ****/
.energy-wrap .sec03 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
.energy-wrap .sec03 .row {
	margin-left:-4rem;
	margin-right:-4rem;
}
.energy-wrap .sec03 .row > div[class^='col-']{
	padding-left:4rem;
	padding-right:4rem;
}
.energy-wrap .sec03 .row > div[class^='col-'] > .inner > .img {
	box-sizing:border-box;
	border:1px solid #ddd;
}
.energy-wrap .sec03 .row > div[class^='col-'] > .inner > p:nth-of-type(1) > span {
	color:#00cad4;
}
@media (max-width: 991.98px) {
	.energy-wrap .sec03 {
		padding:4rem 0;
	}
}

.energy-wrap .sec04 {
	position:relative;
	height:auto;
}
.energy-wrap .sec04 .energy-swiper {
	overflow:unset;
}
.energy-wrap .sec04 .swiper-slide > .inner {
	box-sizing:border-box;
	padding:1.5rem;
	background:#fff;
	box-shadow:3px 10px 15px rgba(0,0,0,0.1);
	border-radius:1rem;
}
.energy-wrap .sec04 .swiper-slide > .inner > p > img {
	box-sizing:border-box;
	border:1px solid #ddd;
}
.energy-wrap .sec04 .energy-next,
.energy-wrap .sec04 .energy-prev {
	position:absolute;
	right:1.5rem;
	top:0;
	width:4rem;
	height:4rem;
	text-align:center;
	line-height:4rem;
	border:1px solid #ddd;
}
.energy-wrap .sec04 .energy-prev {
	right:6rem;
}
@media (max-width: 991.98px) {
	.energy-wrap .sec04 .swiper-slide > .inner {
		padding:1rem;
	}
}

/**** 제품-에너지-GFRMS ****/
/**** 비슷하거나, 같은 구도는 GREMS CSS 베이스로 사용중 ****/
.s-tit {
	background:#4c5564;
	color:#fff;
	box-sizing:border-box;
	padding:1.5rem 0;
}
.energy-GFRMS-wrap .sec02 .row > div[class^='col-'] > .inner {
	display:flex;
	background:#bbb;
	color:#fff;
	border-radius:1rem;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	height:12rem;
	padding:0 1.5rem;
}
.energy-GFRMS-wrap .sec02 .row > div[class^='col-'] > .inner > .icon {
	margin-right:3rem;
}
@media (max-width: 1199.98px) {
	.energy-GFRMS-wrap .sec02 .row > div[class^='col-'] > .inner {
		padding:0 1.5rem;
		height:10rem;
	}
	.energy-GFRMS-wrap .sec02 .row > div[class^='col-'] > .inner > .icon {
		margin-right:0;
	}
	.energy-GFRMS-wrap .sec02 .row > div[class^='col-'] > .inner > .icon > img {
		width:80% !important;
	}
}
@media (max-width: 991.98px) {
	.energy-GFRMS-wrap .sec02 .row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.energy-GFRMS-wrap .sec02 .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
}
.energy-GFRMS-wrap .sec03 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
.energy-GFRMS-wrap .sec03 .row {
	margin-left:-4rem;
	margin-right:-4rem;
}
.energy-GFRMS-wrap .sec03 .row > div[class^='col-'] {
	padding-left:4rem;
	padding-right:4rem;
}
.energy-GFRMS-wrap .sec03 .row > div[class^='col-'] > .inner > .img {
	box-sizing:border-box;
	border:1px solid #ddd;
	border-top:0;
}
@media (max-width: 991.98px) {
	.energy-GFRMS-wrap .sec03 {
		padding:4rem 0;
	}
}


/**** 제품-에너지-E2FMS ****/
.energy-E2FMS-wrap .sec03 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
.energy-E2FMS-wrap .sec03 .row {
	margin-left:-4rem;
	margin-right:-4rem;
}
.energy-E2FMS-wrap .sec03 .row > div[class^='col-'] {
	padding-left:4rem;
	padding-right:4rem;
}
.energy-E2FMS-wrap .sec03 .row > div[class^='col-'] > .inner > .img {
	box-sizing:border-box;
	border:1px solid #ddd;
	border-top:0;
}
@media (max-width: 991.98px) {
	.energy-E2FMS-wrap .sec03 {
		padding:4rem 0;
	}
}



/**** 제품-에너지-HFRMS ****/
@media (max-width: 991.98px) {
	.energy-HFRMS-wrap .sec02 .row > div[class^='col-']:nth-of-type(1) > .inner > .icon {
		margin-right:1.5rem;
	}
}



/**** 제품-에너지-HMIC ****/
.energy-HMIC-wrap .sec02 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
@media (max-width: 991.98px) {
	.energy-HMIC-wrap .sec02 {
		padding:4rem 0;
	}
}
.energy-HMIC-wrap .sec03 > .row {
	align-items:center;
	margin-left:-3rem;
	margin-right:-3rem
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] {
	padding-left:3rem;
	padding-right:3rem;
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row:nth-of-type(1) {
	margin-bottom:7rem;
	padding-bottom:7rem;
	border-bottom:1px solid #ddd;
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row {
	position:relative;
	height:auto;
	margin-right:0;
	margin-left:0;
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row:after {
	content:"";
	display:block;
	clear:both;
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row > div {
	float:left;
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row > .img {
	width:100%;
}
.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row > .txt {
	width:100%;
}
@media (max-width: 1199.98px) {
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner {
		display:flex;
		flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		align-items:flex-start;
	}
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row {
		width:50%;
		flex:0 0 50%;
		-ms-flex:0 0 50%;
	}
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row:nth-of-type(1) {
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:0;
	}
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row > div {
		text-align:center;
	}
}
@media (max-width: 767.98px) {
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row {
		max-width:100%;
		flex:0 0 100%;
		-ms-flex:0 0 100%;
	}
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row:nth-of-type(1) {
		margin-bottom:3rem;
		padding-bottom:3rem;
		border-bottom:1px solid #ddd;
	}
	.energy-HMIC-wrap .sec03 > .row > div[class^='col-'] > .inner > .row > .img > img {
		max-width:8rem !important;
	}
}


/**** 제품-교통/물류-개요 ****/
.tit2 {
	position:relative;
	height:auto;
	box-sizing:border-box;
	padding-left:2.5rem;
}
.tit2:before {
	content:"";
	position:absolute;
	width:1.5rem;
	height:2.1rem;
	left:0;
	top:2px;
	background:url('../_img/sub/dot.png') no-repeat center center / cover;
}
.traffic-wrap .sec01 > .row > div[class^='col-'] > .inner > .img {
	height:24.2rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
@media (max-width: 991.98px) {
	.traffic-wrap .sec01 > .row > div[class^='col-'] > .inner > .img {
		height:auto;
	}
	.traffic-wrap .sec01 > .row > div[class^='col-'] > .inner > .img > img {
		width:30% !important;
	}
	.traffic-wrap .sec01 > .row > div[class^='col-']:nth-of-type(3) > .inner > .img > img {
		width:25% !important;
	}
}

.traffic-wrap .sec02 .func > .row > div[class^='col-'] > .inner {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#8a97a8;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	height:11rem;
}
@media (max-width: 1199.98px) {
	.traffic-wrap .sec02 .func > .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.traffic-wrap .sec02 .func > .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
	.traffic-wrap .sec02 .func > .row > div[class^='col-'] > .inner {
		height:10rem;
	}
}
.traffic-wrap .sec02 .advan > .row > div[class^='col-'] > .inner > .top {
	box-sizing:border-box;
	padding:1.5rem 0;
	background:#4c5564;
	color:#fff;
}
.traffic-wrap .sec02 .advan > .row > div[class^='col-'] > .inner > .txt {
	box-sizing:border-box;
	min-height:9rem;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	border:1px solid #ddd;
	border-top:0;
	line-height:1.2;
	padding:0 1.5rem;
	letter-spacing:-1px;
}
.traffic-wrap .sec03 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
@media (max-width: 991.98px) {
	.traffic-wrap .sec03 {
		padding:4rem 0;
	}
}


/**** 제품-교통/물류-TISM ****/
.taffic-TISM-wrap .sec02 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
@media (max-width: 991.98px) {
	.taffic-TISM-wrap .sec02 {
		padding:4rem 0;
	}
}
.taffic-TISM-wrap .sec03 {
	background:none;
	padding:0;
}
@media (max-width: 991.98px) {
	.taffic-TISM-wrap .sec03 {
		padding:0;
	}
}

.taffic-TISM-wrap .sec03 .img-box > .row {
	margin-left:0;
	margin-right:0;
	align-items:center;
	justify-content:space-between;
}
.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(1){
	width:30%;
} 
.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(2){
	width:30%;
}
.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(3){
	width:40%;
}
.taffic-TISM-wrap .sec03 .img-box > .row > .img > img {
	width:100%;
}
.taffic-TISM-wrap .sec03 .img-box > p {
	text-align:right;
}
@media (max-width: 1199.98px) {
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(1){
		width:30%;
	} 
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(2){
		width:20%;
	}
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(3){
		width:45%;
	}
}
@media (max-width: 991.98px) {
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(1),
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(2),
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(3){
		width:100%;
	}
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(1) > img {
		width:60%;
	}
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(2) {
		text-align:left;
	}
	.taffic-TISM-wrap .sec03 .img-box > .row > .img:nth-of-type(2) > img {
		width:80%;
	}
	.taffic-TISM-wrap .sec03 .img-box > p {
		text-align:center;
	}
}

.taffic-TISM-wrap .sec03 .row {
	margin-left:-15px;
	margin-right:-15px;
}
.taffic-TISM-wrap .sec03 .row > div[class^='col-'] {
	padding-left:15px;
	padding-right:15px;
}
.taffic-TISM-wrap .sec03 .row > div[class^='col-'] > .inner{
	display:flex;
	background:#bbb;
	color:#fff;
	border-radius:1rem;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	height:12rem;
	padding:0 1.5rem;
}
.taffic-TISM-wrap .sec03 .row > div[class^='col-'] > .inner > .icon {
	margin-right:3rem;
}
@media (max-width: 1199.98px) {
	.taffic-TISM-wrap .sec03 .row > div[class^='col-'] > .inner{
		height:10rem;
	}
	.taffic-TISM-wrap .sec03 .row > div[class^='col-'] > .inner > .icon {
		margin-right:0;
	}
	.taffic-TISM-wrap .sec03 .row > div[class^='col-'] > .inner > .icon > img {
		width:80% !important;
	}
}


/**** 사업-컨설팅 ****/
.consult-wrap .sec02 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
@media (max-width: 991.98px) {
	.consult-wrap .sec02 {
		padding:4rem 0;
	}
}
.consult-wrap .sec02 > .container {
	position:relative;
	height:auto;
}
.consult-wrap .sec02 > .container > .txt {
	position:absolute;
	z-index:10;
}
.consult-wrap .sec02 > .container > .txt1 {
	left:15px;
	top:0;
}
.consult-wrap .sec02 > .container > .txt2 {
	right:15px;
	top:0;
	text-align:right;
}
.consult-wrap .sec02 > .container > .txt3 {
	left:15px;
	bottom:0;
}
.consult-wrap .sec02 > .container > .txt4 {
	right:15px;
	bottom:0;
	text-align:right;
}
.consult-wrap .sec02 > .container > .txt2 > .tit {
	color:#8a97a8;
}
.consult-wrap .sec02 > .container > .txt3 > .tit {
	color:#00cad4;
}
.consult-wrap .sec02 > .container > .txt4 > .tit {
	color:#005dbc;
}
@media (max-width: 991.98px) {
	.consult-wrap .sec02 > .container > .txt {
		position:relative;
		z-index:10;
		margin-top:2rem;
	}
	.consult-wrap .sec02 > .container > .txt1 {
		left:0;
	}
	.consult-wrap .sec02 > .container > .txt2 {
		right:0;
		text-align:left;
	}
	.consult-wrap .sec02 > .container > .txt3 {
		left:0;
	}
	.consult-wrap .sec02 > .container > .txt4 {
		right:0;
		text-align:left;
	}
}



/**** 시스템 - 서버&네트워크 ****/
.system-server-wrap > .sec02 .row {
	margin-left:-3rem;
	margin-right:-3rem;
}
.system-server-wrap > .sec02 .row > div[class^='col-'] {
	padding-left:3rem;
	padding-right:3rem;
}
.system-server-wrap > .sec02 .row > div[class^='col-'] > .inner > .txt > h4 {
	color:#005dbc;
}
@media (max-width: 991.98px) {
	.system-server-wrap > .sec02 .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	.system-server-wrap > .sec02 .row > div[class^='col-'] {
		padding-left:5px;
		padding-right:5px;
	}
}

.system-server-wrap .sec02 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
@media (max-width: 991.98px) {
	.system-server-wrap .sec02 {
		padding:4rem 0;
	}
}



/**** 시스템 - 영상관제&상황실 ****/
.system-movie-wrap .sec03 {
	box-sizing:border-box;
	padding:8rem 0;
	background:#f9f9f9;
}
@media (max-width: 991.98px) {
	.system-movie-wrap .sec03  {
		padding:4rem 0;
	}
}

.system-movie-wrap .sec03 .row {
	margin-left:-3.5rem;
	margin-right:-3.5rem;
}
.system-movie-wrap .sec03 .row > div[class^='col-'] {
	padding-left:3.5rem;
	padding-right:3.5rem;
}
.system-movie-wrap .sec03 .row > div[class^='col-'] > .inner > ul {
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
}
.system-movie-wrap .sec03 .row > div[class^='col-'] > .inner > ul > li {
	max-width:50%;
	flex:0 0 50%;
	-ms-flex:0 0 50%;
	font-size:1.8rem;
	font-weight:300;
	line-height:2;
	box-sizing:border-box;
	position:relative;
	padding-left:2.5rem;
}
.system-movie-wrap .sec03 .row > div[class^='col-'] > .inner > ul > li:before {
	content: "\e928";
	font-family:"xeicon";
	position:absolute;
	left:0;
	top:0;
	font-size:1.8rem;
	line-height:2;
	color:#d03b3f;
}

/**** 디자인 - ux/ui개발 ****/
.design-ux-wrap .sec02 {
	box-sizing:border-box;
	padding:12rem 0 14rem;
	background:#000 url("../_img/sub/sub0304_ux_sec02_bg.jpg") no-repeat center center / cover;
}
.design-ux-wrap .sec02 h3 {
	text-align:center;
	color:#fff;
}
.design-ux-wrap .sec02 .content {
	box-sizing:border-box;
	padding:0 4rem;
}
.design-ux-wrap .sec02 .content .row {
	margin-left:-4rem;
	margin-right:-4rem;
}
.design-ux-wrap .sec02 .content .row > div[class^='col-'] {
	padding-left:4rem;
	padding-right:4rem;
	text-align:center;
}
.design-ux-wrap .sec02 .content .row > div[class^='col-'] > .inner {
	color:#bbb;
	text-align:left;
	display:inline-block;
}
.design-ux-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4 {
	color:#fff;
	position:relative;
}
.design-ux-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4:before {
	position:absolute;
	left:-4rem;
	top:-6rem;
	font-size:10rem;
	font-weight:800;
	font-family:"Montserrat";
	-webkit-text-stroke:1px rgba(0,202,212,0.5);
	color:rgba(255,255,255,0);
	z-index:-1;
}
.design-ux-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(1) > .inner > h4:before {
	content:"W";
	left:-6rem;
}
.design-ux-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(2) > .inner > h4:before {
	content:"S";
}
.design-ux-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(3) > .inner > h4:before {
	content:"O";
}
.design-ux-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(4) > .inner > h4:before {
	content:"U";
}
.design-ux-wrap .sec02 .content .row > div[class^='col-'] > .inner > ul {
	list-style:none;
	padding-left:0;
}
@media (max-width: 1199.98px) {
	.design-ux-wrap .sec02 .content {
		padding:0 2rem;
	}
	.design-ux-wrap .sec02 .content .row {
		margin-left:-1rem;
		margin-right:-1rem;
	}
	.design-ux-wrap .sec02 .content .row > div[class^='col-'] {
		padding-left:1rem;
		padding-right:1rem;
	}
}
@media (max-width: 991.98px) {
	.design-ux-wrap .sec02 {
		padding:4rem 0;
	}
	.design-ux-wrap .sec02 .content .row > div[class^='col-'] > .inner {
		display:block;
	}
	.design-ux-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4:before {
		left:-3rem;
		top:-5rem;
		font-size:8rem;
	}
	.design-ux-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(1) > .inner > h4:before {
		left:-3rem;
	}
}

.design-ux-wrap .sec03 .portfolio-list {
	position:relative;
	height:auto;
}
.design-ux-wrap .sec03 .portfolio-list:before{
	content:"PORTFOLIO";
	position:absolute;
	width:100%;
	top:-11rem;
	text-align:center;
	font-size:15rem;
	font-family:"Montserrat";
	font-weight:700;
	line-height:1;
	color:#f5f5f5;
	z-index:-1;
}
@media (max-width: 991.98px) {
	.design-ux-wrap .sec03 .portfolio-list:before{
		top:-7rem;
		font-size:8rem;
	}
}
@media (max-width: 575.98px) {
	.design-ux-wrap .sec03 .portfolio-list:before{
		top:-4rem;
		font-size:5rem;
	}
}


.design-ux-wrap .sec03 .portfolio-list > .row {
	margin-left:-3rem;
	margin-right:-3rem;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] {
	padding-left:3rem;
	padding-right:3rem;
	margin-bottom:5rem;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a {
	display:block;
	position:relative;
	color:#fff;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,202,212,0);
	transition:all 0.3s ease-in-out;
	z-index:5;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:hover:before {
	background:rgba(0,202,212,.5);
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a > .logo {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	opacity:1;
	transition:all 0.3s ease-in-out;
	z-index:10;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:hover > .logo {
	transform:translate(-50%, -80%);
	opacity:0;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a > .hover-txt {
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-20%);
	opacity:0;
	transition:all 0.3s ease-in-out;
	z-index:10;
}
.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:hover > .hover-txt {
	opacity:1;
	transform:translateY(-50%);
}
@media (max-width: 1199.98px) {
	.design-ux-wrap .sec03 .portfolio-list > .row {
		margin-left:-1rem;
		margin-right:-1rem;
	}
	.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] {
		padding-left:1rem;
		padding-right:1rem;
		margin-bottom:2rem;
	}
}
@media (max-width: 991.98px) {
	.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:hover:before {
		display:none;
	}
	.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:hover > .logo {
		transform:translate(-50%, -50%);
		opacity:1;
	}
	.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a:hover > .hover-txt {
		display:none;
	}
}
@media (max-width: 767.98px) {
	.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a > .logo {
		width:50%;
	}
	.design-ux-wrap .sec03 .portfolio-list > .row > div[class^='col-'] > .inner > a > .logo > img {
		width:100%;
	}
}

.design-ux-wrap .sec04 {
	box-sizing:border-box;
}
.design-ux-wrap .sec04 .inquiry-wrap {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	color:#fff;
	box-sizing:border-box;
	padding:6rem;
	background:url("../_img/sub/sub0304_ux_sec04_bg.jpg") no-repeat center center / cover;
}
.design-ux-wrap .sec04 .inquiry-wrap a.btn-inquiry {
	color:#fff;
	display:inline-block;
	box-sizing:border-box;
	padding:1.4rem 5rem;
	border-radius:4rem;
	border:1px solid #fff;
}
.design-ux-wrap .sec04 .inquiry-wrap a.btn-inquiry:hover {
	background:#fff;
	color:#000;
}
@media (max-width: 767.98px) {
	.design-ux-wrap .sec04 .inquiry-wrap {
		display:block;
		text-align:center;
		padding:4rem 2rem;
	}
	.design-ux-wrap .sec04 .inquiry-wrap a.btn-inquiry {
		padding:1.2rem 5rem;
	}
}



/**** 디자인 - 홍보디자인 ****/
.design-promotion-wrap .sec02 {
	box-sizing:border-box;
	padding:12rem 0 14rem;
	background:#000 url("../_img/sub/sub0304_promotion_sec02_bg.jpg") no-repeat center center / cover;
}
.design-promotion-wrap .sec02 h3 {
	text-align:center;
	color:#fff;
}
.design-promotion-wrap .sec02 .content {
	box-sizing:border-box;
	padding:0 4rem;
}
.design-promotion-wrap .sec02 .content .row {
	margin-left:-4rem;
	margin-right:-4rem;
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-'] {
	padding-left:4rem;
	padding-right:4rem;
	text-align:center;
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner {
	color:#bbb;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner > p {
	color:#bbb;
	width:calc(100% - 17rem);
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4 {
	color:#fff;
	position:relative;
	width:17rem;
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4:before {
	position:absolute;
	left:-4rem;
	top:-6rem;
	font-size:10rem;
	font-weight:800;
	font-family:"Montserrat";
	-webkit-text-stroke:1px rgba(0,202,212,0.5);
	color:rgba(255,255,255,0);
	z-index:-1;
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(1) > .inner > h4:before {
	content:"B";
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(2) > .inner > h4:before {
	content:"B";
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(3) > .inner > h4:before {
	content:"N";
}
.design-promotion-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(4) > .inner > h4:before {
	content:"D";
}

@media (max-width: 1199.98px) {
	.design-promotion-wrap .sec02 .content {
		padding:0 2rem;
	}
	.design-promotion-wrap .sec02 .content .row {
		margin-left:-1rem;
		margin-right:-1rem;
	}
	.design-promotion-wrap .sec02 .content .row > div[class^='col-'] {
		padding-left:1rem;
		padding-right:1rem;
	}
}
@media (max-width: 991.98px) {
	.design-promotion-wrap .sec02 {
		padding:4rem 0;
	}
	.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner {
		display:block;
	}
	.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner > p {
		width:100%;
	}
	.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4 {
		width:100%;
	}
	.design-promotion-wrap .sec02 .content .row > div[class^='col-'] > .inner > h4:before {
		left:-3rem;
		top:-5rem;
		font-size:8rem;
	}
	.design-promotion-wrap .sec02 .content .row > div[class^='col-']:nth-of-type(1) > .inner > h4:before {
		left:-3rem;
	}
}

.design-promotion-wrap .sec04 {
	box-sizing:border-box;
}
.design-promotion-wrap .sec04 .inquiry-wrap {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	color:#fff;
	box-sizing:border-box;
	padding:6rem;
	background:url("../_img/sub/sub0304_promotion_pattern.jpg") repeat;
}
.design-promotion-wrap .sec04 .inquiry-wrap a.btn-inquiry {
	color:#fff;
	display:inline-block;
	box-sizing:border-box;
	padding:1.4rem 5rem;
	border-radius:4rem;
	border:1px solid #fff;
}
.design-promotion-wrap .sec04 .inquiry-wrap a.btn-inquiry:hover {
	background:#fff;
	color:#000;
}
@media (max-width: 767.98px) {
	.design-promotion-wrap .sec04 .inquiry-wrap {
		display:block;
		text-align:center;
		padding:4rem 2rem;
	}
	.design-promotion-wrap .sec04 .inquiry-wrap a.btn-inquiry {
		padding:1.2rem 5rem;
	}
}









/**** 고객 - 사업실적 ****/
.performance-wrap > dl {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
.performance-wrap > dl:first-child {
	border-top:1px solid #ddd;
}
.performance-wrap > dl > dt {
	box-sizing:border-box;
	position:relative;
	padding:3.5rem 0 4rem;
	cursor:pointer;
}
.performance-wrap > dl > dt:before {
	content: "\e941";
	font-family:"xeicon";
	position:absolute;
	right:3rem;
	top:50%;
	transform:translateY(-50%);
	font-size:2.4rem;
}
.performance-wrap > dl.on > dt:before {
	content: "\e944";
	color:#00cad4;
}
.performance-wrap > dl > dd {
	box-sizing:border-box;
	padding:7rem 9rem;
	background:#f5f5f5;
	display:none;
}
.performance-wrap > dl:first-child > dd {
	display:block;
}
.performance-wrap > dl > dd > dl > dt {
	position:relative;
	box-sizing:border-box;
	padding-left:1.8rem;
}
.performance-wrap > dl > dd > dl > dt:before {
	content:"";
	position:absolute;
	left:0;
	top:1rem;
	width:0.8rem;
	height:0.8rem;
	border-radius:50%;
	background:#00cad4;
}
.performance-wrap > dl > dd > dl > dd {
	color:#777;
	box-sizing:border-box;
	padding-left:1.8rem;
}
@media (max-width: 991.98px) {
	.performance-wrap > dl > dt {
		padding:2.5rem 0 3rem;
	}
	.performance-wrap > dl > dd {
		padding:3.5rem 2rem;
	}
}

/**** 고객 - 레퍼런스 ****/
.reference-wrap .row {
	box-sizing:border-box;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.reference-wrap .row > div[class^='col-'] {
	box-sizing:border-box;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
}
.reference-wrap .row > div[class^='col-'] > .inner {
	box-sizing:border-box;
	padding:2rem;
	text-align:center;
}
.reference-wrap .row > div[class^='col-'] > .inner > .logo > img {
	max-height:4rem;
}
@media (max-width: 767.98px) {
	.reference-wrap .row > div[class^='col-'] > .inner {
		padding:1.5rem;
	}
	.reference-wrap .row > div[class^='col-'] > .inner > .logo > img {
		max-height:3rem;
	}
}


/**** 인재채용 - 인재상&복지제도 ****/
.talent-wrap .sec02,
.talent-wrap .sec04{
	box-sizing:border-box;
	padding:14rem 0;
	background:url('../_img/sub/sub0501_talent_sec02_bg') no-repeat center center / cover;
}
@media (max-width: 991.98px) {
	.talent-wrap .sec02,
	.talent-wrap .sec04{
		padding:6rem 0;
	}
}
.talent-wrap .sec02 .row-box {
	width:90%;
	text-align:center;
	margin:0 auto;
}
.talent-wrap .sec02 .row-box .row {
	align-items:center;
	justify-content:space-between;
}
.talent-wrap .sec02 .row-box .row > div[class^='col-'] {
	color:#fff;
	position:relative;
	height:auto;
}
.talent-wrap .sec02 .row-box .row > div[class^='col-']:before{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:100%;
	background:rgba(255,255,255,0.2);
}
.talent-wrap .sec02 .row-box .row > div[class^='col-']:last-child:before {
	display:none;
}
.talent-wrap .sec02 .row-box .row > div[class^='col-'] > .inner {
	display:flex;
	flex-direction:column;
}
.talent-wrap .sec02 .row-box .row > div[class^='col-'] > .inner > .img {
	height:6.8rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.talent-wrap .sec02 .row-box .row > div[class^='col-'] > .inner > h4 {
	color:#00cad4;
}
@media (max-width: 1300px) {
	.talent-wrap .sec02 .row-box {
		width:100%;
	}
}
@media (max-width: 1199.98px) {
	.talent-wrap .sec02 .row-box .row > div[class^='col-']:nth-of-type(2):before {
		display:none;
	}
}
@media (max-width: 991.98px) {
	.talent-wrap .sec02 .row-box .row > div[class^='col-']{
		padding-bottom:4rem;
	}
	.talent-wrap .sec02 .row-box .row > div[class^='col-']:last-child{
		padding-bottom:0;
	}
	.talent-wrap .sec02 .row-box .row > div[class^='col-']:before{
		right:auto;
		left:10%;
		top:auto;
		bottom:0;
		transform:translateY(0);
		width:80%;
		height:1px;
	}
	.talent-wrap .sec02 .row-box .row > div[class^='col-']:nth-of-type(2):before {
		display:block;
	}
}

.talent-wrap .sec02.sec04 .row-box {
	width:80%;
}
.talent-wrap .sec02.sec04 .row-box .row > div[class^='col-'] > .inner > h4 {
	color:#fff;
}
@media (max-width: 1199.98px) {
	.talent-wrap .sec02.sec04 .row-box .row > div[class^='col-']:nth-of-type(2):before {
		display:block;
	}
}

.talent-wrap .sec05 .row-box {
	width:100%;
}
.talent-wrap .sec05 .row-box .row {
	align-items:center;
	justify-content:space-between;
}
.talent-wrap .sec05 .row-box .row > div[class^='col-'] {
	position:relative;
	height:auto;
}
.talent-wrap .sec05 .row-box .row > div[class^='col-']:before{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:100%;
	background:rgba(0,0,0,0.1);
}
.talent-wrap .sec05 .row-box .row > div[class^='col-']:last-child:before {
	display:none;
}
.talent-wrap .sec05 .row-box .row > div[class^='col-'] > .inner {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.talent-wrap .sec05 .row-box .row > div[class^='col-'] > .inner > .img {
	height:6.8rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
@media (max-width: 1199.98px) {
	.talent-wrap .sec05 .row-box .row > div[class^='col-']{
		padding-bottom:4rem;
	}
	.talent-wrap .sec05 .row-box .row > div[class^='col-']:last-child{
		padding-bottom:0;
	}
	.talent-wrap .sec05 .row-box .row > div[class^='col-']:before{
		right:auto;
		left:10%;
		top:auto;
		bottom:0;
		transform:translateY(0);
		width:80%;
		height:1px;
	}
	.talent-wrap .sec05 .row-box .row > div[class^='col-']:nth-of-type(2):before {
		display:block;
	}
}



/**** 인재채용 - 채용정보 ****/
.jobs-wrap #board_list_wrap #board_list {
	border-top:2px solid #000;
}
.jobs-wrap  #board_list_wrap #board_list table {
	width:100%;
	text-align:center;
	border-collapse:collapse;
}
.jobs-wrap #board_list_wrap #board_list tr {
	position:relative;
}
.jobs-wrap #board_list_wrap #board_list td {
	padding:3.5rem 0;
	border-bottom:1px solid #ddd;
	font-size:1.8rem;
	font-weight:400;
	color:#000;
	position:relative;
}
.jobs-wrap #board_list_wrap #board_list td.subject {
	text-align:left;
}
.jobs-wrap #board_list_wrap #board_list td.subject > div {
	display:table;
	width:100%;
	white-space:nowrap;
	position:relative;
	z-index:3;
}
.jobs-wrap #board_list_wrap #board_list td.subject > div > a {
	display:table-cell;
	overflow:hideen;
	text-overflow:ellipsis;
	color:#000;
	text-decoration:none;
}
.jobs-wrap #board_list_wrap #board_list td.subject > div > a > div.ellipsis {
	height:3rem;
}
.jobs-wrap #board_list_wrap #board_list td.subject .mobile_info,
.jobs-wrap #board_list_wrap #board_list td.subject .notice {
	display:none;
}
.jobs-wrap #board_list_wrap #board_list tbody tr:hover th,
.jobs-wrap #board_list_wrap #board_list tbody tr:hover td{
	background:#3c3c3c;
	color:#fff;
}
.jobs-wrap #board_list_wrap #board_list tbody tr:hover td.subject > div > a {
	color:#fff;
}
@media (max-width: 991.98px) {
	.jobs-wrap #board_list_wrap #board_list table colgroup, 
	.jobs-wrap #board_list_wrap #board_list table thead, 
	.jobs-wrap #board_list_wrap #board_list table td:not(.subject), 
	.jobs-wrap #board_list_wrap #board_list td.subject > div > a > div.ellipsis > i {
		display:none;
	}
	.jobs-wrap #board_list_wrap #board_list td.subject > div > a {
		padding:0 10px;
		font-size:1.8rem;
		display:block;
		width:100%;
	}
	.jobs-wrap #board_list_wrap #board_list td.subject .mobile_info {
		display:block;
		margin-top:5px;
		font-size:1.6rem;
		color:#666;
	}
	.jobs-wrap #board_list_wrap #board_list td.subject .mobile_info > p {
		display:inline-block;
		vertical-align:top;
		margin-right:10px;
	}
	.jobs-wrap #board_list_wrap #board_list td.subject .mobile_info > p.icon i {
		vertical-align:top;
		font-size:0;
		margin-left:5px;
	}
	.jobs-wrap #board_list_wrap #board_list td.subject .mobile_info > p.icon i:first-child {
		margin-left:0;
	}
	.jobs-wrap #board_list_wrap #board_list tbody tr:hover th,
	.jobs-wrap #board_list_wrap #board_list tbody tr:hover td,
	.jobs-wrap #board_list_wrap #board_list tbody tr:hover td.subject > div > a{
		background:#fff;
		color:#000;
	}
}


.jobs-wrap .sec02{
	box-sizing:border-box;
	padding:10rem 0;
	background:url('../_img/sub/sub0502_jobs_sec02_bg.jpg') no-repeat center center / cover;
}
@media (max-width: 991.98px) {
	.jobs-wrap .sec02{
		padding:5rem 0;
	}
}
.jobs-wrap .sec02 h3 {
	color:#fff;
}
.jobs-wrap .sec02 .row-box {
	width:100%;
	max-width:80rem;
	margin:0 auto;
}
.jobs-wrap .sec02 .row-box .row {
	align-items:center;
}
.jobs-wrap .sec02 .row-box .row > div[class^='col-'] {
	display:flex;
	justify-content:center;
}
.jobs-wrap .sec02 .row-box .row > div[class^='col-'] > .inner {
	width:16.8rem;
	height:16.8rem;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.jobs-wrap .sec02 .row-box .row > div[class^='col-']:nth-of-type(1) > .inner {
	background:url('../_img/sub/sub0502_jobs_sec02_step01.png') no-repeat center center / cover;
}
.jobs-wrap .sec02 .row-box .row > div[class^='col-']:nth-of-type(2) > .inner {
	background:url('../_img/sub/sub0502_jobs_sec02_step02.png') no-repeat center center / cover;
}
.jobs-wrap .sec02 .row-box .row > div[class^='col-']:nth-of-type(3) > .inner {
	background:url('../_img/sub/sub0502_jobs_sec02_step03.png') no-repeat center center / cover;
}
.jobs-wrap .sec02 .row-box .row > div[class^='col-']:nth-of-type(4) > .inner {
	background:url('../_img/sub/sub0502_jobs_sec02_step04.png') no-repeat center center / cover;
	color:#000;
}



.jobs-wrap .sec03 > ul {
	list-style:none;
	padding-left:0;
}
.jobs-wrap .sec03 > ul > li {
	box-sizing:border-box;
	padding:5.5rem 0;
	border-bottom:1px solid #ddd;
}
.jobs-wrap .sec03 > ul > li:last-child {
	border-bottom:0;
}
.jobs-wrap .sec03 .row-box {
	width:100%;
	max-width:80rem;
	margin:0 auto;
}
.jobs-wrap .sec03 .row-box > .row {
	align-items:center;
}
.jobs-wrap .sec03 .row-box > .row > div {
	text-align:center;
	width:6.4rem;
}
.jobs-wrap .sec03 .row-box > .row > p {
	margin-left:5rem;
}
@media (max-width: 991.98px) {
	.jobs-wrap .sec03 .row-box {
		max-width:100%;
	}
	.jobs-wrap .sec03 .row-box > .row {
		flex-direction:column;
		margin-left:0;
		margin-right:0;
	}
	.jobs-wrap .sec03 .row-box > .row > div {
		width:100%;
	}
	.jobs-wrap .sec03 .row-box > .row > p {
		margin-left:0;
		margin-top:1rem;
		text-align:center;
	}
}



/**** contect us - 문의 및 연락처 ****/
.contact-wrap .contact-list {
	box-sizing:border-box;
	border-top:1px solid #ddd;
}
.contact-wrap .contact-list > .row {
	align-items:center;
	box-sizing:border-box;
	padding:4rem 0;
	border-bottom:1px solid #ddd;
}
.contact-wrap .contact-list > .row > div {
	text-align:center;
}
.contact-wrap .contact-list > .row > div.name {
	width:30%;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.contact-wrap .contact-list > .row > div.number,
.contact-wrap .contact-list > .row > div.mail {
	width:20%;
}
.contact-wrap .contact-list > .row > div.btn {
	width:30%;
}
.contact-wrap .contact-list > .row > div.name > .icon {
	box-sizing:border-box;
	width:12rem;
	height:4rem;
	border-radius:4rem;
	border:2px solid #ccc;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:2rem;
}
.contact-wrap .contact-list > .row > div.name > p {
	margin-right:2rem;
	padding-right:2rem;
	border-right:1px solid #ddd;
	line-height:1;
}
.contact-wrap .contact-list > .row > div.name > p:last-child {
	border-right:0;
}
.contact-wrap .contact-list > .row > div.btn > a {
	display:inline-block;
	width:80%;
	background:#005dbc;
	color:#fff;
	box-sizing:border-box;
	padding:1rem 0;
}
@media (max-width: 1400px) {
	.contact-wrap .contact-list > .row > div.name {
		width:35%;
	}
	.contact-wrap .contact-list > .row > div.btn {
		width:25%;
	}
}
@media (max-width: 1199.98px) {
	.contact-wrap .contact-list > .row > div.name,
	.contact-wrap .contact-list > .row > div.number,
	.contact-wrap .contact-list > .row > div.mail,
	.contact-wrap .contact-list > .row > div.btn {
		width:100%;
	}
	.contact-wrap .contact-list > .row > div.name {
		justify-content:center;
	}
	.contact-wrap .contact-list > .row > div.name > .icon {
		width:12rem;
		height:4rem;
		margin-right:1.5rem;
	}
	.contact-wrap .contact-list > .row > div.name > p {
		margin-right:1.5rem;
		padding-right:1.5rem;
	}
}


/**** contect us - 오시는 길 ****/
.location-wrap .sec01 > .map {
	width:100%;
	height:47rem;
}
.location-wrap .sec01 > .map > iframe {
	width:100%;
	height:100%;
}
.location-wrap .sec01 > .info > .top {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
.location-wrap .sec01 > .info > .top > .btn {
	padding:0;
}
.location-wrap .sec01 > .info > .top > .btn > a {
	display:inline-block;
	text-align:center;
	width:20rem;
	height:4.8rem;
	line-height:4.6rem;
	box-sizing:border-box;
	border:1px solid #ddd;
	color:#000;
}
.location-wrap .sec01 > .info > .btm {
	list-style:none;
	padding-left:0;
	border-top:1px solid #ddd;
}
.location-wrap .sec01 > .info > .btm > li {
	display:inline-block;
	margin-right:6rem;
}
.location-wrap .sec01 > .info > .btm > li > span {
	display:inline-block;
	margin-right:1.5rem;
}

@media (max-width: 991.98px) {
	.location-wrap .sec01 > .map {
		height:32rem;
	}
	.location-wrap .sec01 > .info > .top {
		display:block;
	}
	.location-wrap .sec01 > .info > .top > .btn {
		width:100%;
	}
	.location-wrap .sec01 > .info > .top > .btn > a {
		display:block;
		width:100%;
		height:4.8rem;
		line-height:4.6rem;
	}
	.location-wrap .sec01 > .info > .btm > li {
		display:block;
		margin-right:0;
		margin-bottom:1rem;
	}
}


.location-wrap .sec02 .loca {
	align-items:flex-start;
}
.location-wrap .sec02 .loca > div[class^='col-']:nth-of-type(1) > .inner {
	display:flex;
	align-items:center;
}
.location-wrap .sec02 .loca > div[class^='col-']:nth-of-type(1) > .inner > .icon {
	margin-right:2rem;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top {
	display:flex;
	align-items:center;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top > .icon {
	width:2.8rem;
	height:2.8rem;
	text-align:center;
	line-height:2.8rem;
	border-radius:50%;
	margin-right:1rem;
	color:#fff;
	box-sizing:border-box;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top > .icon.green {
	background:#009461;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top > .icon.blue {
	background:#005dbc;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top > .icon.red {
	background:#bc0000;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top > .icon.train_1 {
	border:2px solid #2a4098;
	line-height:2.4rem;
	color:#2a4098;
}
.location-wrap .sec02 .loca > div[class^='col-'] > .inner > .top > .icon.train_2 {
	border:2px solid #009461;
	line-height:2.4rem;
	color:#009461;
}
@media (max-width: 1199.98px) {
	.location-wrap .sec02 .loca > div[class^='col-']:nth-of-type(1) > .inner {
		justify-content:center;
	}
}
.location-wrap .sec02 .loca:nth-of-type(2) {
	margin-top:5rem;
	padding-top:5rem;
	border-top:1px solid #ddd;
}