@charset "utf-8";
@import url("../fonts/font.css");


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* 공통 */
.blue-color { color:#0d7ec7; }
.green-color { color:#5fa496; }

/**/
.content02 {}

.content0201 { padding: 0 0 100px; }
.content0201 .contentBg {
	background-image:url(/assets/common/img/content/content0201_1.png);
    background-repeat: no-repeat;
    background-position: 50% 40%;
	height: 300px;
    background-size: cover;
}
.content0201 .txtbox {
	position: relative;
	background: #fff url('/assets/common/img/content/content0201_2.png') no-repeat;
	background-position: 95% 90%;
	width: 100%; margin:-120px 0 0; padding:0 0 100px;
}
.content0201 .txtbox .cont { position: relative; padding:30px 50px; }
.content0201 .txtbox .cont.right-border:before { content: ''; position: absolute; right:0; top:0; bottom:0; width: 1px; height: 100%; border-right: solid 2px #ddd; }
.content0201 .txtbox .cont .tit { }
.content0201 .txtbox .cont .tit > span { display: block; font-size: 18px; color: #999; }
.content0201 .txtbox .cont .tit > strong { font-size: 24px; }
.content0201 .txtbox .cont .txt { margin: 20px 0 0; line-height: 1.5; font-size: 16px; color: #555; }

.content0202 { padding: 0 0 0; }
.content0202 .content { position: relative; background: #eef5f4; margin: 30px 0 0; padding:70px 0 50px; }
.content0202 .content .portfolio-list-history { }

.content0202 .history-btn { width: 100%; margin-top: -110px; text-align: center;}
.content0202 .history-btn > ul { display: inline-block; }
.content0202 .history-btn > ul > li { float: left; margin: 0 10px 10px; }

/* history */
.history { position: relative; max-width:800px;  margin: 10px auto;  }
.history:before { content: ''; position: absolute; background: #74BEAF; top:0; bottom:0; left: 4px; width: 1px;}
.history > ul { padding: 30px 0 30px 20px; }
.history > ul > li.first {
	position: absolute; top:0; left: 0;
	background: url(/assets/common/img/content/bg_year_top.png) no-repeat;
	width: 10px; height: 10px;
}
.history > ul > li.last {
	position: absolute; bottom:0; left: 0;
	background: url(/assets/common/img/content/bg_year_top.png) no-repeat;
	width: 10px; height: 10px; padding: 0;
}
.history > ul > li { padding: 15px 0 15px 150px; }
.history > ul > li > strong { position: absolute; left: 0; padding: 0 0 0 65px; font-size: 16px; color:#0d7ec7; }
.history > ul > li > strong:before {
	content: '';
	position: absolute; top:5px; left: 0;
	background: url(/assets/common/img/content/bg_year.png) no-repeat;
	width: 10px; height: 10px;
}
.history > ul > li > strong:after{ content: ''; position: absolute; top:10px; left: 10px;  width: 50px;height: 1px; background: #C6E2DC; }
.history > ul > li .cont { font-size: 16px; color:#555; }
.history .history-none {}

.content0203 { padding: 100px 0 140px; }
.content0203 .business-ul {  }
.content0203 .business-ul > li { float: left; width: 33.3%; padding: 0 10px; margin: 0 0 30px; text-align: center;}
.content0203 .business-ul > li > .imgbox {  }
.content0203 .business-ul > li > .imgbox img { max-width: 100%; height: auto; }
.content0203 .business-ul > li .cont { margin-top: 15px; padding: 0 25px; }
.content0203 .business-ul > li .cont strong { height:54px; display: block; margin: 10px 0 0; color: #333; font-size: 20px; }
.content0203 .business-ul > li .cont strong span { display: block;  }
.content0203 .business-ul > li .cont p { margin: 15px 0 0;  color: #666; font-size: 16px;  }
.content0203 .business-ul > li .cont > ul { margin: 15px 0 0;  }
.content0203 .business-ul > li .cont > ul > li { background: url('/assets/common/img/basic/ul_bg.png') no-repeat 0 13px; padding: 6px 0 6px 10px; text-align: left; }

.content0204 { background: #E5EFF6; padding: 100px 0; }
.content0204 .txt { text-align: center; font-size: 20px; }
.content0204 .logoBox {
	position: relative;
	background:#fff url(/assets/common/img/content/content0204_box_bg.png) repeat;
	width:100%;
	margin-top: 40px;
	padding: 15px;
	border: solid 3px #eee;

}
.content0204 .logoBox .logoType { position: relative; width: 100%; height: 220px; display: inline-block; }
.content0204 .logoBox .logoType > ul { position: absolute; width: 100%;  top: 0;bottom: 0; display: block; }
.content0204 .logoBox .logoType > ul > li { position: relative; width: 50%; float: left; text-align: center; height: 100%; vertical-align: middle; }
.content0204 .logoBox .logoType > ul > li:first-child:before{ content: ''; position: absolute; top:0px; bottom:0px; right: 0; width: 2px; border-right: solid 2px #ddd; }
.content0204 .logoBox .logoType > ul > li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.content0204 .logoBox .logoType > ul > li img.type1 { width:240px; height: auto; }
.content0204 .logoBox .logoType > ul > li img.type2 { width:160px; height: auto; }

.content0204 .logoBox .colorBox { position: relative; width: 100%; display: inline-block; margin: 20px 0 0; border-top: solid 2px #ddd;}
.content0204 .logoBox .colorBox > ul { margin: 30px 0 0; }
.content0204 .logoBox .colorBox > ul > li { position: relative; width: 25%; padding: 0 10px;float: left; text-align: center; }
.content0204 .logoBox .colorBox > ul > li .cont { display: inline-block; }
.content0204 .logoBox .colorBox > ul > li .cont .color { float: left; width: 60px; height: 60px; }
.content0204 .logoBox .colorBox > ul > li .cont .color01 { background: #4493c5; }
.content0204 .logoBox .colorBox > ul > li .cont .color02 { background: #387e82; }
.content0204 .logoBox .colorBox > ul > li .cont .color03 { background: #7fbeb1; }
.content0204 .logoBox .colorBox > ul > li .cont .color04 { background: #3c3c3b;}
.content0204 .logoBox .colorBox > ul > li .cont .txt { padding: 3px 0 3px 10px; float: left; text-align: left; font-size: 14px; color: #555;}


.content0204 .downBtn { width: 100%; margin: 20px 0 0; text-align: center;}
.content0204 .downBtn ul { display: inline-block; }
.content0204 .downBtn li { float: left; border: solid 1px #ccc;  overflow: hidden; }
.content0204 .downBtn li.left { border-radius: 30px 0 0 30px; border-right: 0; }
.content0204 .downBtn li.right { border-radius: 0 30px 30px 0; border-left:solid 1px #ddd;  }
.content0204 .downBtn li a { position: relative; width: 140px; display: inline-block; padding: 13px 30px; font-size: 15px; color: #444; }
.content0204 .downBtn li a:hover { background: #0d7ec7;color: #fff; }
.content0204 .downBtn li a span { width: 50px; display: inline-block; text-align: left;}
.content0204 .downBtn li a .icon { position: absolute; top:50%; height: 24px; margin-top: -12px; right: 30px; }


.content0205 {  padding: 100px 0 0; }
.content0205 .map { left:0; top:0!important; margin: 0; padding: 0; }
.content0205 .root_daum_roughmap { width: 100%; }
.content0205 .mapInfo { padding: 10px 15px; font-size: 15px; }
.content0205 .wrap_controllers { display: none;}

#map-canvas, #map_canvas { width : 750px; height: 450px; font-size:12px; }

/* 말풍선관련 css 시작 */
.map_Heading { line-height:30px; font-size:20px; font-weight:bold; color:#4493c5; }

.map_Content { margin-top: 10px; font-size:13px; color:#333; font-family: 'notokr-regular','맑은고딕',Malgun Gothic,'돋움',dotum,sans-serif; }

/* 말풍선 회사홈페이지 링크 css */
a:link.map_Content    { text-decoration: none; color: #333; }
a:active.map_Content  { text-decoration: none; color: #333; }
a:visited.map_Content { text-decoration: none; color: #333; }
a:hover.map_Content  { text-decoration: none; color: #A2002E; }
/* 말풍선관련 css 끝 */

@media print {
	html, body { height: auto; }
	#map_canvas { height: 450px; }
}

/* 포트폴리오 컨텐츠 템플릿 */
.close.close-btn { position: fixed; width: 60px; height: 60px; background: rgba(0,0,0,0.5);top:0; right: 0px;  opacity: 1; z-index: 1010; }
.close.close-btn:hover {background: rgba(0,0,0,1); }
.close.close-btn img { width: 40px; }
.modal-open { overflow: hidden; }
.project-dialog { width: 1200px; margin: 0 auto; }
.project { width: 100%; line-height: 1.5; }

.subTitle { position: relative; padding:50px; text-align: center; }
.project .stitle01 { position: relative; padding:50px; text-align: center; }
.project .stitle01 h4 {
	position: relative;
	display:inline-block;
	padding:0;
    margin:0;
	font-size: 32px; font-weight: bold;
}
.project .stitle01 h4:after { content:''; position: absolute; background: #5fa496; left:50%; bottom: -20px; width: 50px; height: 5px; margin-left: -25px;z-index: 10;;}
.project .stitle02 { font-size: 24px; color: #333; }
.project .stitle03 { position: relative; padding-bottom: 5px; font-size: 18px; color: #333; }
.project .stitle03:after { content: ''; position: absolute; left: 0; bottom: 0; width: 200px; height: 1px; border-bottom: solid 1px #777; }

/* 프로젝트 메인이미지 */
.project .fixImg {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	height: 500px;
    background-size: cover;
    text-align: center;
}
.project .fixImg .cont { position: absolute; width: 100%; top:50%; margin: -70px 0 0; height: 140px;}
.project .fixImg .cont .tit { position: relative; font-size: 42px; color: #fff; padding:0 0 30px; }
.project .fixImg .cont .tit:after { content: ''; background: #fff;  position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; }
.project .fixImg .cont .tit01:after { content: ''; background: #333;  position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; }
.project .fixImg .cont .txt { margin: 30px 0 0; font-size: 20px; color: #fff;  }

.project .fixImg .cont .tit01 { position: relative; font-size: 42px; color: #333; padding:0 0 30px; }
.project .fixImg .cont .txt01 { margin: 30px 0 0; font-size: 20px; color: #555;  }

/* 프로젝트 소개 */
.project .overview { position: relative; padding: 40px 0 0; }
.project .overview .stitle02 { position: absolute; left: 40px; top:55px; }
.project .overview .explan { min-height: 200px;  margin: 20px 360px 0 200px; font-size: 15px; }
.project .overview .infomation { position: absolute; width: 300px; top:40px; right: 40px; padding: 15px 0 15px 30px; border-left:solid 1px #ddd;   }
.project .overview .infomation ul {}
.project .overview .infomation li { position: relative; padding: 5px 0 5px 80px; font-size: 13px; }
.project .overview .infomation li span { position: absolute; left: 0; color: #333; font-weight: bold; }
.project .overview .infomation li a { color: #333; }
.project .overview .infomation .projectBtn { position: relative; padding: 15px 15px; text-align: left; }
.project .overview .infomation .projectBtn i { position: absolute; right:10px; top: 15px; }

/* 고객사 인터뷰 */
.project .interview { position: relative; padding:0  40px 40px; }
.project .interview .stitle02 { position: relative;  }
.project .interview ul { width: 100%;  display: inline-block; margin: 10px 0 0; }
.project .interview li {  width: 25%; height: 200px; float: left; padding:0 10px; }
.project .interview li .cont { position: relative; width: 100%; height: 200px;  border:solid 3px #AECCE0; text-align: center; }
.project .interview li .cont > div { position: relative; width: 100%; height: 120px; padding:0px 20px; font-size: 16px; text-align: center; }
.project .interview li .cont .icon {  display: block; margin: 20px 0;}
.project .interview li .cont .icon i {  font-size: 36px; color: #999; }

/* 웹사이트 정보 */
.project .projectInbox { position: relative; width: 100%; }
.project .projectInbox img { max-width: 100%; height: auto; }
.project .projectInbox.website { background: #FE5854; padding: 60px 0 40px; text-align: center; }
.project .maintxt { background: #eef5f4; padding: 40px 80px; }
.project .maintxt .tit { text-align: center; font-size: 24px; color: #333; }
.project .maintxt .txt { margin: 25px 0 0; font-size: 16px; color: #777; }

.project .projectInbox .cont { padding: 40px; }
.project .projectInbox .cont > .row > div { position: relative; }
.project .projectInbox .txtbox { padding:0 40px; }
.project .projectInbox .txtbox .txt { margin: 20px 0 40px; font-size: 16px; color: #777;}
.project .projectInbox .imgBox { display: inline-block; }
.project .projectInbox .imgBox.imgBox01 { position: absolute; left:120px; bottom:-80px; }
.project .projectInbox .imgBox img {  }
.project .projectInbox .imgBox p { margin: 5px 0 0; text-align: left; font-size: 16px; }
.project .projectInbox .imgBox { display: inline-block; }

.area-line { display: inline-block; width: 100%; padding:0 40px; }
.area-line span { background: #BEE0D9; width: 100%; display: inline-block; height: 2px; }


/* 포트폴리오 20190411 */
/* 프로젝트 메인이미지 */
.project2019 {background: #fff; }
.project2019 .fixImg {
    position: relative;
	background-image:url(/assets/common/img/portfolio/tomato_main_bg.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
	height: 500px;
    background-size: cover;
    text-align: center;
}
.project2019 .fixImg .cont { position: absolute; width:100%; top:50%; margin: -70px 0 0; }
.project2019 .fixImg .cont .tit { position: relative;  font-size: 42px; color: #fff; font-family: BM-JUA; padding:0 0 30px; }
.project2019 .fixImg .cont .tit01:after { content: ''; background: #333;  position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; }
.project2019 .fixImg .cont .txt { font-size: 22px; color: #fff;  }

.project2019 .fixImg .cont .tit01 { position: relative; font-size: 42px; color: #333; padding:0 0 30px; }
.project2019 .fixImg .cont .txt01 { margin: 30px 0 0; font-size: 20px; color: #555;  }

.project2019 .fixImg .white-box {
	background: rgba(255,255,255,0.6);
	width:100%; max-width: 1000px;
	position: absolute;
	top: 50%; left:50%;
	margin: -80px 0 0 -500px; border-radius: 10px; padding: 30px;
}
.project2019 .fixImg .white-box .tit { position: relative; font-size: 42px; color: #444; font-family: BM-JUA; padding:0 0 30px; }
.project2019 .fixImg .white-box .txt { font-size: 20px; color: #777;  }

/* 프로젝트 소개 */
.project2019 .overview { position: relative; padding: 40px 0 0; }
.project2019 .overview .explan { width: 68%; float: left; min-height: 200px;  margin: 20px 0 0 0; font-size: 18px; }
.project2019 .overview .infomation { background: #fafafa; width: 30%; float: right; padding: 20px; border-radius:10px;  border:solid 1px #eee;   }
.project2019 .overview .infomation ul {}
.project2019 .overview .infomation li { position: relative; padding: 5px 0 15px 0; font-size: 15px; }
.project2019 .overview .infomation li span { display: block; padding-bottom: 5px; color: #333; font-size: 16px; font-weight: bold; }
.project2019 .overview .infomation li a { color: #333; }
.project2019 .overview .infomation .projectBtn { position: relative; padding: 15px 15px; text-align: left; }
.project2019 .overview .infomation .projectBtn i { position: absolute; right:10px;  }

/**/
.project2019 .projectInbox { position: relative; width: 100%; }
.project2019 .projectInbox img { max-width: 100%; height: auto; }
.project2019 .projectInbox.website { background: #FE5854; padding: 60px 0 40px; text-align: center; }
.project2019 .maintxt { padding: 30px 0 0; text-align: center;}
.project2019 .maintxt .tit { margin: 30px 0 0; font-family: BM-JUA; line-height: 1.4; font-size: 40px; text-align: center; color: #3D7CE1; }
.project2019 .maintxt .sub-tit { margin-top: 15px; text-align: center; font-size: 24px; color: #333; }
.project2019 .maintxt .txt { position: relative; font-size: 18px; color: #777; line-height: 1.4; text-align: center; }
.project2019 .maintxt .line-bar {  display: inline-block; margin: 20px 0;  width: 50px; height: 2px; background: #333; }

.project2019 .projectInbox .cont { padding: 40px; }
.project2019 .projectInbox .cont > .row > div { position: relative; }
.project2019 .projectInbox .txtbox { padding:0 40px; }
.project2019 .projectInbox .txtbox .txt { margin: 20px 0 40px; font-size: 16px; color: #777;}
.project2019 .projectInbox .imgBox { display: inline-block; }
.project2019 .projectInbox .imgBox.imgBox01 { position: absolute; left:120px; bottom:-80px; }
.project2019 .projectInbox .imgBox img {  }
.project2019 .projectInbox .imgBox p { margin: 5px 0 0; text-align: left; font-size: 16px; }
.project2019 .projectInbox .imgBox { display: inline-block; }

.project-bg { background: #fff; padding: 50px 0 0; }
.project-bg-01 { background: #EDF8FF; }
.project-bg-01 .project-bg-top {
	background:url(/assets/common/img/portfolio/2019/ansan_nuguna_bg_top.jpg) no-repeat;
	background-size: cover;
	height: 170px;
	margin-bottom: 80px;
}
.project-bg-01 .project-bg-bottom {
	background:url(/assets/common/img/portfolio/2019/ansan_nuguna_bg_bottom.jpg) no-repeat;
	background-size: cover;
	height: 170px;
	margin-top: 40px;
}

.project-bg-02 { background: #FDF6EF; }
.project-bg-02 .project-bg-top {
	background:url(/assets/common/img/portfolio/2019/daejeonmaeul_bg_top.jpg) no-repeat;
	background-size: cover;
	height: 170px;
	margin-bottom: 80px;
}
.project-bg-02 .project-bg-bottom {
	background:url(/assets/common/img/portfolio/2019/daejeonmaeul_bg_bottom.jpg) no-repeat;
	background-size: cover;
	height: 170px;
}
.img-container { position: relative; max-width: 1400px; margin: 0 auto; padding: 0 10px; text-align: center; }
.img-container img { max-width: 100%; height: auto;  }
.img-container .shadow-img { box-shadow:3px 5px 8px #bbb;   }


/*comment*/
.project-comment { margin-top: 30px; }
.project-comment ul { width: 100%; display: inline-block; }
.project-comment ul > li:first-child { margin: 0 0 0 15px;  }
.project-comment ul > li { position: relative; background: #f1f1f1; width: 80%; padding: 15px; margin: 15px 0 0 15px;  border-radius: 5px; }
.project-comment ul > li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: -18px;
	border-top: 0px solid transparent;
	border-right: 18px solid #f1f1f1;
	border-bottom: 15px solid transparent;
}
.project-comment ul > li.active { background: #FFE403;  margin: 15px 15px 0 0;}
.project-comment ul > li.active:before {
	content: '';
	position: absolute;
	top: 10px;
	left: auto;
	right: -18px;
	border-top: 0px solid transparent;
	border-left: 18px solid #FFE403;
	border-right: 0;
	border-bottom: 15px solid transparent;
}
.project-comment ul > li.left { float: left; }
.project-comment ul > li.right { float: right; }


/* 모바일페이지 */
.mobile-webpage { width: 100%; display: inline-block; padding:0 0 100px; }
.mobile-webpage ul { position: relative; margin: 0 auto; max-width: 1400px; }
.mobile-webpage ul > li { float: left; width: 33.3%; padding: 0 20px; text-align: center; }
.mobile-webpage ul > li > img { max-width: 100%; height: auto; }

/**/
#subContainer .portfoliCont {  padding: 50px 0; }

@media(max-width:1179px){
    .content0201 .contentBg { height:300px; }

	.project-dialog { width: 100%; padding: 0; }
}
@media(max-width:991px){
    .content0201 .contentBg { height:180px; }
	.content0201 .txtbox .cont { position: relative; padding:20px; }
	.content0201 .txtbox .cont.right-border:before {
		content: ''; position: absolute; top: auto; bottom:0;
		width: 100%; height: 1px; padding:0 30px;
		border-bottom: dashed 2px #eee;
	}
	.content0201 .txtbox .cont .txt { margin: 20px 0 0; line-height: 1.5; font-size: 14px; color: #555; }
	.content0201 .txtbox .subTitle { padding: 30px 0; }

	.content0202 .history-btn > ul > li { float: left; width: 33.3%; text-align: center; margin: 0 0 10px; }
	.content0202 .history-btn > ul > li A { display: inline-block; }

	.content0203 .business-ul > li { width: 100%; }
	.content0203 .business-ul > li .cont strong { height:auto; }
	.content0203 .business-ul > li .cont strong span { display: inline;  }

	.content0204 .logoBox .colorBox > ul > li {  }
	.content0204 .logoBox .colorBox > ul > li .cont .color { display: inline-block; float: none; }
	.content0204 .logoBox .colorBox > ul > li .cont .txt { display: block; float: none; text-align: center; }

	.history { margin:  0 20px; }

	.project .overview { padding:30px 20px; }
	.project .overview .stitle02 { position: relative; left:0px; top:0px; }
	.project .overview .explan { min-height: auto;  margin:20px 0; font-size: 15px; }
	.project .overview .infomation { position: relative; width: 100%; top:0px; right:0px; padding:20px 0 0; border-left:0; border-top:solid 1px #ddd;   }

	.project .interview { position: relative; padding:0  20px 40px; }
	.project .interview li {  width: 50%; height: 200px; float: left; margin-bottom:20px; padding:10px; }

	/* 포트폴리오 20190411 */
	.project2019 .fixImg .white-box { width:100%; top: 50%; left:auto; margin: -100px 0 0 0; }
}
@media(max-width:767px){

	.history > ul > li { padding: 15px 0 15px 0px; }
	.history > ul > li > strong { position: relative; left: 0; padding: 2px 0 0 50px; font-size: 16px; color:#0d7ec7; }
	.history > ul > li > strong:before { position: absolute; top:5px; left: -20px;  }
	.history > ul > li > strong:after{ top:10px; left: -10px;}
	.history > ul > li .cont { margin:5px 0 0 50px; font-size: 16px; color:#555; }


	.content0204 .logoBox .logoType { position: relative; width: 100%; height: auto; display: inline-block; }
	.content0204 .logoBox .logoType > ul {position: relative; }
	.content0204 .logoBox .logoType > ul > li { width: 100%; height: 150px; }
	.content0204 .logoBox .logoType > ul > li:first-child:before{ border-right: 0; }
	.content0204 .logoBox .logoType > ul > li img.type1 { width:160px; height: auto; }
	.content0204 .logoBox .logoType > ul > li img.type2 { width:120px; height: auto; }

	.content0204 .logoBox .colorBox > ul > li { width: 50%; }
	.content0204 .logoBox .colorBox > ul > li .cont .color {  }
	.content0204 .logoBox .colorBox > ul > li .cont .txt { padding: 0; margin: 5px 0 10px; }


	.project .fixImg .cont { padding:0 20px 0; }
	.project .projectInbox.website { background: #FE5854; padding: 60px 20px 40px; text-align: center; }
	.project .maintxt { background: #eef5f4; padding: 40px 30px; }

	.project .interview li { width: 100%; height: auto; float: left; margin-bottom:0px; padding:10px; }
	.project .interview li .cont { position: relative; width: 100%; height: auto;  border:solid 3px #AECCE0;   display: inline-block;}
	.project .interview li .cont > div {
		position: relative;
		width: 100%;
		top: 0;
		margin: 0;
		height: auto;
		display: inline-block;
		padding:20px; font-size: 16px; text-align: center;
	}
	.project .projectInbox .cont { padding:20px; }
	.project .projectInbox .txtbox { padding:0 10px; }
	.project .projectInbox .imgBox.imgBox01 { position: relative; left:0; bottom:0; }

    /* 포트폴리오 20190411 */
	.project-bg-01 .project-bg-top { height: 100px; margin-bottom: 0px;}
	.project-bg-01 .project-bg-bottom { height: 100px; }

	.project-bg-02 .project-bg-top { height: 100px; }
	.project-bg-02 .project-bg-bottom { height: 100px; }

	.project2019 .overview .explan { width: 100%; float: left; min-height: 200px;  margin: 20px 0 0 0; font-size: 18px; }
	.project2019 .overview .infomation { width: 100%; margin: 20px 0 0 0; }

	.project2019 .maintxt .tit { text-align: center; font-size: 32px; color: #3D7CE1; }
	.project2019 .maintxt .sub-tit { margin-top: 15px; text-align: center; color: #333; }
	.project2019 .maintxt .txt {font-size: 18px; color: #777; line-height: 1.6; text-align: center; }
	.project2019 .maintxt .txt br { display: none; }

	/* 모바일페이지 */
	.mobile-webpage ul > li { width: 100%; margin-top: 20px!important; }
}