@charset "utf-8";
@import url('layout.css');

/*	[작업 SIZE]

	PC :1080px(콘텐츠 사이즈 1060px + 스크롤 사이즈 20px) ~ @media screen and (min-width:1080px) {}
	PC2 :1000px ~ 1079px; @media screen and (max-width:1080px) {}
	tablet :700px ~ 999px; @media screen and (max-width:999px) {}
	mobile :320px ~ 699px; @media screen and (max-width:699px) {}, (@media screen and (max-width:320px) {}
*/

/* [s] btnBox */
.btnR {
	text-align:right;
	margin-top:px;
}
.btnL {
	text-align:left;
	margin-top:px;
}
.btnC {
	text-align:center;
	margin-top:px;
}
/*--[e] btnBox */

/* [s] btn */
.btn {
	display:inline-block;
	width:px;
	height:px;
	line-height:px;
	padding:0 px;
	color:#;
	background:#;
}
.btn.btnB {background-color:#;}
.btn.btnBl {background-color:#; border:1px solid #;}
/*--[e] btn */

/* [s] dotList */
.dotList01 li:first-child {margin-top:0}
.dotList01 li {
	padding-left:px;
	background:url('../images/content/bg_histroyBlt.png') no-repeat 0 3px;
	margin-top:px;
}
/*--[e] dotList */

/* [s] blt */
.blt01 {
	padding-left:20px;
	background:url('../images/content/bg_profileBlt.png') no-repeat 0 3px;
	font-family:'Nanum Square', sans-serif;
	color:#454545;
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
}
/*--[e] blt */

/* [s] tabType01 */
.tabType01 {
	text-align:center;
	border-bottom:1px solid #dadada;
}

.tabType01 li {float:left; position:relative;}
.tabType01 li a {
	display:inline-block;
	color:#424242;
	font-size:18px;
	padding:0 40px;
	line-height:74px;
}

.tabType01 li.on:after {
	position:absolute;
	bottom:-1px;
	left:0;
	display:block;
	width:100%;
	height:2px;
	background-color:#edae1e;
	content:'';
}
.tabType01 li.on a {color:#0087cf;}
.tabType01 > select {display:none}
@media screen and (max-width:1080px) {
	.tabType01 ul {width:auto !important}
	.tabType01 li {width:33.33%}
	.tabType01 li a {padding:0; line-height:50px}
}
@media screen and (max-width:699px) {
	.tabType01 {margin:-10px 0 0 -10px; border:none}
	.tabType01 li {width:33.33%; padding:10px 0 0 10px; box-sizing:border-box;}
	.tabType01 li:first-child + li + li + li, 
	.tabType01 li:first-child + li + li + li + li {width:50%}
	.tabType01 li:after {display:none !important}
	.tabType01 li a {
		display:block;
		width:100%;
		line-height:42px;
		background:#fff;
		text-align:center;
		border:1px solid #9f9f9f;
		color:#303030;
		font-size:16px;
	}
	.tabType01 li.on a {
		background:#c2ab75;
		border:1px solid #c2ab75;
		color:#fff;
	}
}
@media screen and (max-width:450px) {
	.tabType01 {margin:-7px 0 0 -7px}
	.tabType01 li {padding:7px 0 0 7px;}
	.tabType01 li:first-child, .tabType01 li:first-child + li + li {width:30%}
	.tabType01 li:first-child + li {width:40%}
	.tabType01 li a {
		line-height:35px;
		font-size:14px;
	}
	.tabType01.type2 li {width:33.3% !important}
}
/*--[e]tabList */

/* [s] table */
/* .tbType01 (프로필, 정보공유) */
.tbType01 {border:1px solid #dcdcdc; border-top:none;}
.tbType01 table {word-wrap: break-word}
.tbType01 th, .tbType01 td {
	border-top:1px solid #dcdcdc;
	padding:13px 37px;
	text-align:left;
}
.tbType01 th {
	background:#f6f6f6;
	padding:13px 40px;
	color:#484848;
	font-size:17px;
}

/* .tbType02 (작업분야) */
.tbType02 {border:1px solid #dcdcdc; border-top:none;}
.tbType02 table {word-wrap: break-word}
.tbType02 th, .tbType02 td {
	border-top:1px solid #dcdcdc;
	padding:87px 37px;
	text-align:left;
}
@media screen and (max-width:699px) {
	.tbType02 th, .tbType02 td {padding:20px 20px; font-size:14px;}
	}

.tbType02 th {
	background:#f6f6f6;
	padding:13px 40px;
	color:#484848;
	font-size:17px;
}
/* .tbType01.type2 (채용안내) */
.tbType01.type2 th {padding:67px 40px;}
.tbType01.type2 td {padding:45px 28px;}
@media screen and (max-width:699px) {
	.tbType01 th, .tbType01 td {padding:11px 10px; font-size:14px;}
	.tbType01 th {
		padding:10px 8px;
		font-size:14px;
	}
	.tbType01 td {color:#666}
	.tbType01.type2 th {padding:10px 8px; vertical-align:top}
	.tbType01.type2 td {padding:11px 10px;}
	.tbType01 .blt01 {
		padding:0;
		background:none;
		font-size:14px
	}
}
/*--[e] table */

/* [s] txtStyle */
.txS01 {margin-top:10px}
.txS02 {margin-top:35px; color:#858585}
.txtList > li:first-child {margin-top:0}
.txtList > li {
	padding-left:92px;
	text-indent:-92px;
	margin-top:5px;
}
.txtList > li > strong {
	display:block;
	float:left;
	width:92px;
	color:#484848;
}
.txtList2 > li:after {display:block; content:''; clear:both}
.txtList2 > li > strong {
	display:block;
	float:left;
	width:92px;
	color:#484848;
}
.txtList2 > li > strong span {
	font-weight:bold;
	color:#484848;
	display:block;
}
.txtList2 > li > ul {float:left;}
.txtList2 > li > ul > li:first-child {margin-top:0}
.txtList2 > li > ul > li {
	padding-left:14px;
	text-indent:-14px;
	margin-top:5px;
}
.tbTit {color:#2181ed; font-size:20px; padding-bottom:10px;}
@media screen and (max-width:699px) {
	.txS02 {margin-top:20ipx}
	.txtList > li {
		padding-left:0;
		text-indent:0;
		margin-top:22px;
	}
	.txtList > li > strong, .txtList2 > li > strong {float:none; width:100%;}
	.txtList2 > li > strong span {display:inline-block; font-size:12px; margin-left:5px}
	.txtList2 > li > ul {float:none;}
}
/*--[e] txtStyle */

/* [s] text-indent */
.ti_ li {
	text-indent:-px;
	padding-left:px;
}
.tiList_ li {
	text-indent:-px;
	padding-left:px;
}
/*--[e] text-indent */

/* [s] page */
.page {
    text-align:center;
    margin:45px 0 60px;
}
.page * {
    vertical-align:top;
    display:inline-block;
    box-sizing:border-box;
}
.page ul {margin:0 16px;}
.page li a:hover, .page li.on a {color:#ff6a4c;}
.page li a {
    padding:0 4px;
    margin:0 4px;
    height:25px;
    text-align:center;
    line-height:25px;
}
/*--[e] page */

/* 프로젝트 리스트(메인, 구축사례) */
.projectList .tabType01 ul {width:545px; margin:0 auto;}
.projectList .tabCont ul {padding-top:20px; margin-left:-20px;}
.projectList .tabCont li {
	float:left;
	width:25%;
	height:318px;
	padding:20px 0 0 20px;
	box-sizing:border-box;
}
.projectList .tabCont li a {
	display:block;
	position:relative;
	border:1px solid #d0d0d0;
	background-color:#fcfcfc;
	box-sizing:border-box;
}
.projectList .tabCont li a:hover{
	border:#c2ab75 solid 1px
}
.projectList .tabCont li.ing a:after{
	background:url('/images/project/icon_ing.png') no-repeat;
	width:48px;
	height:24px;
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
}
.projectList .tabCont li .imgDiv {
	/* 이미지 사이즈 유동적일 시 주석 풀기
	height:192px;*/
	overflow:hidden;
	border-bottom:1px solid #e1e1e1;
	box-sizing:border-box;
}
.projectList .tabCont li span {display:block}
.projectList .tabCont li .imgDiv img {width:100%;} /* 이미지 사이즈 유동적일 시 주석 달기 */
.projectList .tabCont li .tit {
	color:#3b3b3b;
	font-size:17px;
	font-weight:bold;
	padding:20px 20px 8px;
}
.projectList .tabCont li .txt {
	color:#9a9999;
	font-size:13px;
	padding:0px 0 4px 20px;
	margin-bottom:10px;
	display:block;
	line-height:18px;
	height:40px;
	overflow:hidden;
}
.projectList .tabCont li .txt * {line-height:18px}
.projectList .tabCont > ul:after{content:'';display:block;clear:both}
.projectList .moreBtn {
	text-align:center;
	margin-top:38px;
}
.projectList .moreBtn a {
	display:inline-block;
	width:96px;
	height:36px;
	line-height:36px;
	text-align:center;
	border-top:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #7b7b7b;
	border-bottom:1px solid #7b7b7b;
	background:#fff;
}
.projectList .moreBtn a span {
	background:url('../images/btn/more.png') no-repeat right center;
	padding-right:13px;
	color:#515151;
	font-size:17px;
}
.projectList .moreBtn.type2 a span {
	background:url('../images/btn/more2.png') no-repeat right center;
	padding-right:17px;
}

@media screen and (max-width:1080px) and (min-width:700px) {
	.projectList .tabCont li .tit {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
}

@media screen and (max-width:1080px) {
	.projectList .tabCont ul {padding-top:3%; margin-left:-2%}
	.projectList .tabCont li {
		width:25%;
		height:auto;
		padding:2% 0 0 2%;
	}
	/* 이미지 사이즈 유동적일 시 주석 풀기
	.projectList .tabCont li .imgDiv {height:170px; position:relative}
	.projectList .tabCont li .imgDiv img {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		width:100%;
	}*/
	.projectList .tabCont li .tit {padding:5% 4% 3%;}
	.projectList .tabCont li .txt {padding:0px 0 0 4%; margin-bottom:3.5%;}
	.projectList .moreBtn {margin-top:4%;}
	.projectList .moreBtn a {padding:0 6%;}
}

@media screen and (max-width:800px) {
	.projectList .tabCont li {width:33.33%;}
}

@media screen and (max-width:699px) {
	.projectList .tabCont ul {margin-top:-3px;}
	.projectList .tabCont li.ing:after {width:24px; height:12px;}
	.projectList .tabCont li {
		/*float:none;
		display:inline-block;*/
		width:49.5%;
		vertical-align:top;
		/*height:auto;
		padding:0;
		margin-top:20px;*/
	}
	.projectList .tabCont li:nth-child(even){float:right}
	.mBr {display:block;}
	.projectList .tabCont li .tit {
		font-size:15px;
		height:66px;
		overflow:hidden;
		padding: 8% 8% 0;
		line-height: 18px;
	}
	.projectList .tabCont li .txt {
		font-size:13px;
		height:52px;
		padding: 0 8%;
		line-height: 15px;
		margin-top: 10px;
	}
	.projectList .moreBtn {margin-top:4%;}
	.projectList .moreBtn a {padding:0 6%; display:block; width:100%; box-sizing:border-box}
}
@media screen and (max-width:625px) {
	.projectList .tabCont li .tit {height:38px;}
}
@media screen and (max-width:380px) {
	.projectList .tabCont li {width:50%;}
}
@media screen and (max-width: 340px) {
	.projectList .tabCont li .tit {
	    height: 35px;
	}
}
/*-- 프로젝트 리스트(메인, 구축사례) */

/* 조직도 */
.imgBox img + img {display:none}
.imgBox img {width:100%;}
@media screen and (max-width:699px) {
	.imgBox img:first-child {display:none}
	.imgBox img + img {display:block}
}

.flBox img + img {display:none}
@media screen and (max-width:699px) {
	.flBox img:first-child {display:none}
	.flBox img + img {display:block}
}
/*-- 조직도 */

/* 기업개요 */
.introBox > p.tit {
	color:#0087cf;
	font-size:30px;
	line-height:40px;
}
.introBox > p.tit strong {font-size:30px; color:#000; font-weight:normal}
.introBox > p.sub {
	color:#000;
	font-size:24px;
	line-height:34px;
	margin-bottom:14px;
}
.introBox > p.txt {line-height:22px; margin-top:10px}
.mainBusiness {
	background:#dfeef9;
	padding:30px 28px 48px;
	margin-top:50px;
}
.mainBusiness:after {display:block; content:''; clear:both}
.mainBusiness dt {
	line-height:70px;
	font-family:'Nanum Square', sans-serif;
	font-size:30px;
	color:#000;
	text-align:center;
}
.mainBusiness dt + dd {margin-left:-14px;}
.mainBusiness dd {
	float:left;
	width:25%;
	padding:0 0 0 14px;
	box-sizing:border-box;
}
.mainBusiness dd p {
	position:relative;
	background:url('../images/content/bg_mb.png') no-repeat right bottom #fff;
	color:#595959;
	text-align:center;
	padding:175px 22px 0;
	word-break:keep-all;
	height:75px;
	letter-spacing:-1px;
}
.mainBusiness dd p:before {
	content:'';
	position:absolute;
	top:154px;
	left:50%;
	display:block;
	width:201px;
	height:2px;
	margin-left:-100px;
	background:#e0e3e5;
}
.mainBusiness dd p:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:url('../images/content/img_mb01.png') no-repeat center 35px;
}
.mainBusiness dd.type2 p:after {background:url('../images/content/img_mb02.png') no-repeat center 35px;}
.mainBusiness dd.type3 p:after {background:url('../images/content/img_mb03.png') no-repeat center 35px;}
.mainBusiness dd.type4 p:after {background:url('../images/content/img_mb04.png') no-repeat center 35px;}
@media screen and (max-width:1080px) {
	.mainBusiness dd p:before {
		left:50%;
		width:80%;
		margin-left:-40%;
	}
}
@media screen and (max-width:999px) {
	.introBox > p.tit {font-size:24px; line-height:32px;}
	.introBox > p.tit strong {font-size:24px; line-height:32px;}
	.introBox > p.sub {
		font-size:20px;
		line-height:30px;
		margin:6px 0 7px;
	}
	.introBox > p.txt {margin-top:5px}
	.mainBusiness {
		padding:13px 11px 40px;
		margin-top:30px;
	}
	.mainBusiness dt {
		line-height:58px;
		font-size:28px;
	}
	.mainBusiness dt + dd, .mainBusiness dt + dd + dd + dd {margin-left:-10px;}
	.mainBusiness dt + dd, .mainBusiness dt + dd + dd {margin-top:-10px}
	.mainBusiness dd {width:50%; padding:10px 0 0 10px;}
	.mainBusiness dd p {
		background-size:100% auto;
		padding-top:60%;
		height:69px;
		line-height:16px;
	}
	.mainBusiness dd p:before {
		top:65%;
		height:1px;
	}
	.mainBusiness dd p:after {background-size:80% auto !important; background-position:center 15% !important}
}
@media screen and (max-width:699px) {
	.introBox > p.tit strong {display:block}
	.mainBusiness dd p {padding-top:68%; font-size:12px;}
	.mainBusiness dd p:before {top:55%;}
	.mainBusiness dd p br {display:none}
}
@media screen and (max-width:340px) {
	.mainBusiness dd {width:100%; padding:10px 0 0 0 !important; margin:0  !important}
}
/*-- 기업개요 */

/* 연혁 */
.historyList .tabCont {padding-top:50px}
.historyList .tabCont > div {text-align:center;}
.historyList .tabCont > div > p {
	margin:0 auto;
	display:inline-block;
	width:104px;
	height:104px;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	line-height:30px;
	background:#1172bd;
	border-radius:52px;
	text-align:center;
	padding:22px;
	box-sizing:border-box;
	word-break:keep-all;
}
.historyList .tabCont > div > ul {background:url('../images/content/bg_histroy.png') repeat-y center 0;}
.historyList .tabCont > div > ul > li {position:relative}
.historyList .tabCont > div > ul > li:after {display:block; content:'';	clear:both;}
.historyList .tabCont > div > ul > li:nth-child(odd) > div {
	float:right;
	text-align:left;
	padding-left:100px;
}
.historyList .tabCont > div > ul > li:nth-child(even) > div {
	float:left;
	text-align:right;
	padding-right:100px;
}
.historyList .tabCont > div > ul > li:nth-child(odd) > div:after {left:0; margin-left:-7px;}
.historyList .tabCont > div > ul > li:nth-child(even) > div:after {right:0; margin-right:-7px;}
.historyList .tabCont > div > ul > li > div:after {
	background:url('../images/content/bg_histroyBlt.png') no-repeat 0 0;
	display:inline-block;
	width:14px;
	height:13px;
	position:absolute;
	top:0;
	content:'';
}
.historyList .tabCont > div > ul > li > div {
	position:relative;
	width:50%;
	box-sizing:border-box;
	margin-top:20px
}

.historyList .tabCont > div > ul > li:nth-child(odd) > div .year:before {
	left:0;
	margin:6px 28px 0 -100px;
}
.historyList .tabCont > div > ul > li:nth-child(even) > div .year:after {
	right:0;
	margin:6px -100px 0 28px;
}
.historyList .tabCont > div > ul > li:nth-child(odd) > div .year:before,
.historyList .tabCont > div > ul > li:nth-child(even) > div .year:after {
	content:'';
	display:inline-block;
	width:72px;
	height:1px;
	top:0;
	background:#e1e1e1;
	vertical-align:top;
}
.historyList .tabCont > div > ul > li > div .year {
	color:#1172bd;
	font-size:22px;
	font-weight:bold;
	line-height:17px;
	margin-bottom:15px;
}
.historyList .tabCont > div > ul > li > div .tit {
	color:#000;
	font-size:17px
}
.historyList .tabCont > div > ul > li > div .txt > ul > li {
	float:left;
	position:relative;
	padding:0 6px;
}
.historyList .tabCont > div > ul > li:nth-child(even) > div .txt > ul > li {float:right;}
.historyList .tabCont > div > ul > li > div .txt > ul > li:first-child {padding-left:0}
.historyList .tabCont > div > ul > li > div .txt > ul > li:first-child:after {display:none}
.historyList .tabCont > div > ul > li > div .txt > ul > li:after {
	content:'';
	position:absolute;
	top:4px;
	left:0;
	display:inline-block;
	width:1px;
	height:14px;
	background:#d1d1d1;
}
@media screen and (max-width:699px) {
	.historyList .tabCont {padding-top:30px}
	.historyList .tabCont > div > p {
		width:111px;
		height:111px;
		font-size:20px;
		line-height:23px;
		border-radius:55.5px;
		padding:30px;
	}
	.historyList .tabCont > div > ul {background-position:left 0; margin-top:20px}
	.historyList .tabCont > div > ul > li > div:after {left:0 !important; margin:0 0 0 -7px !important;}
	.historyList .tabCont > div > ul > li:first-child > div {margin:0}
	.historyList .tabCont > div > ul > li > div {
		float:none !important;
		text-align:left !important;
		width:100%;
		padding:0 0 0 15px !important;
	}
	.historyList .tabCont > div > ul > li:nth-child(odd) > div .year:before,
	.historyList .tabCont > div > ul > li:nth-child(even) > div .year:after {display:none; margin:0;}
	.historyList .tabCont > div > ul > li > div .year {
		font-size:21px;
		line-height:16px;
		margin-bottom:10px;
	}
	.historyList .tabCont > div > ul > li > div .tit {font-size:16px}
	.historyList .tabCont > div > ul > li:nth-child(even) > div .txt > ul > li {float:left;}
}
/*-- 연혁 */

/* 인증 및 수상내역 */
.prizeList {margin:-10px 0 0 -50px;}
.prizeList > li {
	float:left;
	width:16.66%;
	padding:10px 0 0 50px;
	box-sizing:border-box;
	cursor:pointer;
}
.prizeList > li > div img {width:100%;}
.prizeList > li > p {
	margin-top:10px;
	line-height:16px !important;
	height:32px;
	font-family:'Nanum Gothic', sans-serif;
	color:#333;
	font-size:13px;
	word-break:keep-all;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:2;/* 라인수 */
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
}
.prizeList.type2 {margin:-28px 0 0 -50px;}
.prizeList.type2 > li {padding:28px 0 0 50px;}

@media screen and (max-width:999px) {
	.prizeList > li {width:20%}
}
@media screen and (max-width:730px) {
	.prizeList > li {width:25%}
}
@media screen and (max-width:699px) {
	.prizeList {margin:-17px 0 0 -15px !important;}
	.prizeList > li {width:33.33%; padding:17px 0 0 15px !important;}
}
/*-- 인증 및 수상내역 */

/* 사이트맵 */
.siteMap {margin:-37px 0 0 -35px;}
.siteMap > li {
	float:left;
	width:33.3%;
	margin-top:37px;
	padding:0 0 0 35px;
	height:266px;
	box-sizing:border-box;
}
.siteMap > li > a {
	display:block;
	border-top:2px solid #1b78c0;
	border-bottom:1px solid #acacac;
	line-height:60px;
	font-family:'Nanum Gothic', sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#000;
	text-align:center;
}
.siteMap > li > ul {padding:27px 14px 0;}
.siteMap > li > ul > li {
	padding-bottom:25px;
	line-height:20px;
}
.siteMap > li > ul > li a {color:#454545; font-size:16px}
.siteMap > li > ul > li a:hover {color:#1172bd; text-decoration:underline}

@media screen and (max-width:699px) {
	.siteMap {margin-left:0}
	.siteMap > li {float:none; width:100%; padding:0; height:auto;}
	.siteMap > li > a {line-height:50px; font-size:21px;}
	.siteMap > li > ul {padding:17px 8px 0;}
	.siteMap > li > ul > li {padding-bottom:20px;}
	.siteMap > li > ul > li a {font-size:15px}
}
/*-- 사이트맵 */

/* 찾아오시는 길 */
.mapDiv > div {width:100% !important;}
.trainList > li:first-child {border:none}
.trainList > li {
	border-top:1px dashed #cdcdcd;
	padding:25px 0 25px 127px;
	background:url('../images/content/icon_tr01.png') no-repeat 0 center;
}
.trainList > li + li {background:url('../images/content/icon_tr02.png') no-repeat 0 center;}
.trainList > li + li + li {background:url('../images/content/icon_tr03.png') no-repeat 0 center;}
.trainList > li .tit {
	color:#3b3b3b;
	font-size:20px;
}
.trainList > li .txt {
	margin-top:19px;
	color:#757575;
	word-break:break-word;
}
.trainList > li .txt strong {color:#3b3b3b; font-weight:normal}
@media screen and (max-width:999px) {
	.mapDiv > div {height:452px !important;}
	.mapDiv .wrap_map {height:419px !important;}
}
@media screen and (max-width:699px) {
	.mapDiv > div {height:225px !important}
	.mapDiv .wrap_map {height:192px !important}
	.trainList > li {
		padding:20px 0 20px 87px;
		background-size:77px 77px !important;
	}
	.trainList > li .tit {font-size:19px;}
	.trainList > li .txt {
		margin-top:8px;
		font-size:14px;
	}
	.trainList > li .txt strong {display:block}
	.trainList > li .txt strong > strong {display:none}
}
/*-- 찾아오시는 길 */

/* 사업소개 */
.busi01list {margin-top:45px}
.busi01list > li:first-child {margin-top:0;}
.busi01list > li:after {display:block; content:''; clear:both}
.busi01list > li {
	margin-top:30px;
	position:relative;
}
.busi01list > li > p {
	padding:125px 0 30px;
	border-radius:4px;
	width:220px;
	float:left;
	text-align:center;
	background:url('../images/content/img_busi1_01.png') no-repeat center 33px #f6f6f6;
	color:#454545;
	font-family: 'Nanum Square', sans-serif;
}
.busi01list > li.type2 > p {background:url('../images/content/img_busi1_02.png') no-repeat center 33px #f6f6f6;}
.busi01list > li.type3 > p {background:url('../images/content/img_busi1_03.png') no-repeat center 33px #f6f6f6;}
.busi01list > li.type4 > p {background:url('../images/content/img_busi1_04.png') no-repeat center 33px #f6f6f6;}
.busi01list > li > ul {
	position:absolute;
	top:0;
	left:0;
	padding-left:255px;
	box-sizing:border-box;
	margin-top:15px;
}
.busi01list > li > ul > li {
	background:url('../images/content/blt01.png') no-repeat 0 10px;
	padding-left:9px;
	line-height:26px;
}
.busi02list > li:first-child {margin-top:0;}
.busi02list > li:after {display:block; content:''; clear:both}
.busi02list > li {
	margin-top:30px;
	position:relative;
}
.busi02list > li > p {
	padding:140px 0 10px;
	border-radius:4px;
	width:220px;
	float:left;
	text-align:center;
	background:url('../images/content/img_busi2_01.png') no-repeat center 15px #f6f6f6;
	color:#454545;
	font-family:'Nanum Square', sans-serif;
}
.busi02list > li.type2 > p {background:url('../images/content/img_busi2_02.png') no-repeat center 15px #f6f6f6;}
.busi02list > li.type3 > p {background:url('../images/content/img_busi2_03.png') no-repeat center 15px #f6f6f6;}
.busi02list > li.type4 > p {background:url('../images/content/img_busi2_04.png') no-repeat center 15px #f6f6f6;}
.busi02list > li > ul {
	position:absolute;
	top:0;
	left:0;
	padding-left:255px;
	box-sizing:border-box;
	margin-top:35px;
}
.busi02list > li > ul > li {
	padding-left:85px;
	text-indent:-85px;
	line-height:26px;
}
.busi02list > li > ul > li > strong {
	float:left;
	display:block;
	width:85px;
	color:#484848;
}
@media screen and (max-width:699px) {
	.busi01list {margin-top:42px}
	.busi01list > li {margin-top:25px;}
	.busi01list > li > p {
		padding:34px 10px 34px 100px;
		width:100%;
		box-sizing:border-box;
		float:none;
		text-align:left;
		background-position:10px 15px !important;
		background-size:auto 66px !important;
	}
	.busi01list > li > ul {position:static; padding-left:0;}
	.busi01list > li > ul > li {font-size:14px}

	.busi02list > li {margin-top:25px;}
	.busi02list > li > p {
		padding:32px 0 32px 90px;
		width:100%;
		box-sizing:border-box;
		float:none;
		text-align:left;
		background-position:18px 12px !important;
		background-size:auto 63px !important;
	}
	.busi02list > li > ul {
		position:static;
		padding-left:0;
		margin-top:15px;
	}
}
/*-- 사업소개 */

/* 2019-08-07 제작분야 리뉴얼 */
.floatBox:after {display:block; clear:both; content:''}
.floatBox > div {width:100%; vertical-align:top}
.flBox {float:left}
.frBox {float:right;}
.floatBox.ncms2 {display:table}
.floatBox.ncms2 + .floatBox.ncms2 {margin-top:9px}
.floatBox.ncms2 > div {display:table-cell; float:none;}
.floatBox.ncms2 > .flBox {
	width:377px;
	height:205px;
	background:#f6f6f6;
	border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;
	vertical-align:middle;
	text-align:center;
}
.floatBox.ncms2 > .flBox p {margin-top:10px}
.floatBox.ncms2 > .frBox {width:730px;}

@media screen and (max-width:999px) {
	#contWrap.bg_ncms {background:none;}
	.floatBox.ncms {padding-top:0}

	.floatBox > div {float:none; width:100% !important;}
	.floatBox > div + div {margin-top:10px}

	.floatBox.ncms2 {display:block}
	.floatBox.ncms2 + .floatBox.ncms2 {margin-top:9px}
	.floatBox.ncms2 > div {display:block;}
	.floatBox.ncms2 > .flBox {
		background:#f6f6f6;
		border:none;
		vertical-align:middle;
		text-align:center;
	}
	.floatBox.ncms2 > .flBox img {width:330px}
	.floatBox.ncms2 > .flBox p {margin-top:0; display:inline-block}
}
@media screen and (max-width:699px) {
	#contWrap.bg_ncms {background:none;}
	.floatBox.ncms {padding-top:0}

	.floatBox > div {float:none; width:100% !important;}
	.floatBox > div + div {margin-top:10px}

	.floatBox.ncms2 {display:block}
	.floatBox.ncms2 + .floatBox.ncms2 {margin-top:9px}
	.floatBox.ncms2 > div {display:block;}
	.floatBox.ncms2 > .flBox {
		background:#f6f6f6;
		border:none;
		vertical-align:middle;
		text-align:center;
	}
	.floatBox.ncms2 > .flBox img {width:330px}
	.floatBox.ncms2 > .flBox p {margin-top:0; display:inline-block}
}
/*-- 2019-08-07 제작분야 리뉴얼 */