@charset "utf-8";

/*나눔명조*/
/*
 * Nanum Myeongjo (Korean) http://www.google.com/fonts/earlyaccess
   544,523  col-sm-6   모바일 지원 768px >1px
 */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
 

.ctt_admin { position:absolute; right:0;}

#ctt_con {padding:0; width:100%;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.nowblank1{margin-bottom:0}
.nowblank2{padding-top:25px}



/*조직도 */

	.organ {margin:1%}
	.organ .ceo{padding:15px;width:150px;height:150px;line-height:119px;background:url('/img/tbg_1.png');color:rgb(255,255,255);margin:0px auto 20px; border-radius:50% !important;}
	.organ .gubun {position: relative; overflow:hidden}
	.organ .gubun:before { content: ""; position: absolute; border-left: 1px solid #999; margin-left: 49.9%; height:93.1% }
	.organ ul { display: -ms-flexbox!important; display: flex !important;  padding: 0;  margin:0px;  list-style: none;position: relative;}
	.organ ul.justify-content-between { -ms-flex-pack: justify !important;  justify-content: space-between !important; }
	.organ ul.justify-content-center { -ms-flex-pack: center !important;  justify-content: center !important; }
	.organ ul.justify-content-center li {width:30%}
	.organ ul.justify-content-center li span {border-radius:35px}
	.organ ul li > span { display: block; border-radius:5px; text-align: center; font-size: 15px; box-shadow: 2px 1px 6px -2px rgba(0, 0, 0, .3); -webkit-transition: all linear .1s; -moz-transition: all linear .1s;  transition: all linear .1s;  padding: 5px;}
	.organ ul li > span > span { -webkit-line-clamp: 3; line-clamp: 3; line-height: 15px; max-height: 45px;  margin-bottom: 8px; display:block }

	/*.organ ul li span:hover {background-color:#f2dede;}        :not(:last-child)*/
	.organ ul li span strong{  font-size: 23px; display:block }

	.organ .htit1{color: #fff;  padding: 10px 0;  width: 55%;  margin: auto; position:relative; height:50px}
	.organ .htit1 strong{  font-size: 23px; display:block; position:absolute; z-index:2; width:100% }

	.organ ul.column-2 li {width:45%}
	.organ .gubun ul.column-2 li:before { content: ""; display: block; position: absolute; /* 우측용 width: 20%; left: 50%;*/  /* 좌우용*/ width: 40%; left: 30%; height: 10px;  border-top: 1px solid #999; top: 49.9%; z-index: -1;  }
	.organ ul.column-2.left-line li:before {  width: 20% }
	.organ ul.column-2.right-line li:before {  width: 20%; margin-left: 20% }


	.organ ul.column-2s li {width:30%}
	.organ ul.column-2s li:before { content: ""; display: block; position: absolute; /* 우측용 width: 20%; left: 50%;*/  /* 좌우용*/ width: 40%; left: 30%; height: 10px;  border-top: 1px solid #999; top: 49.9%; z-index: -1;  }
	.organ ul.column-2s.left-line li:before {  width: 20% }
	.organ ul.column-2s.right-line li:before {  width: 20%; margin-left: 20% }

	.biz2 {   padding-top: 30px;}
	.biz2s_first:before,	 .biz2s_last:before{}
	 .biz2s_first:before,	 .biz2s_last:before{ content: ""; position: absolute;top: -30px; left: 49.7%; width: 10px; height: 30px; border-left: 1px solid #999; }
	.organ .biz {position: relative;  padding-top:30px}
 

	.organ .biz:before { content: ""; position: absolute; top: 0; left:22.5%; width: 55%; border-top: 1px solid #999;}   
	.organ .biz ul.column-2 > li { position: relative; width: 45%}
	.organ .biz ul.column-2 li:before { content: ""; position: absolute;top: -10px; left: 49.7%; width: 10px; height: 10px; border-left: 1px solid #999; }
	.organ .biz ul.column-2 > li:before {top: -30px; height: 30px;  }


	.organ ul.biz-member li:before {    border-left: 0 !important;}
	.organ .biz ul > li > ul{margin:10px 0}
	.organ .biz ul > li > ul > li { width:100%}
	.organ .biz ul li > span { border-radius:4px; padding: 7px 0; text-align:left}
	.organ .biz ul li span strong{  font-size: 18px;  text-align:center;    padding-bottom: 5px; }
	.organ .biz ul.biz-content ~ ul li strong{ font-size: 15px;line-height: 1.2;}
	.bg-green{ background:#5EbF5E; color:#fff}
	.bg-paper{background: url('/img/tbg_5.png'); color:#fff}
	.bg-warning{ border:2px solid #5ebf8e !important; background:#f5f5f5 !important}
	.organ .biz ul.biz-member li {width:100%;background: #eee; padding:5px 0;}
	.organ .biz ul.biz-member li > table{ width: 100%;}
	.organ .biz ul.biz-member li > table td{padding:5px 2px; line-height:180%; color:#333; width:100%; text-align:center}
	/*.organ .biz ul.biz-member li > table td:first-child{text-align:right; padding-right:5px;}
	.organ .biz ul.biz-member li > table td:last-child{text-align:left; padding-left:5px}*/
	@media screen and (max-width:767px){
		.organ ul.justify-content-center li {width:50%}
		.organ ul.column-2:before {margin-left: 45%;width: 10%  }
		.organ ul.column-2.left-line:before {  width: 5%;}
		.organ ul.column-2.right-line:before {  width: 5%}
		.organ ul li > span{ font-size:12px; letter-spacing:-1px}
		.organ ul li span strong {  font-size: 17px;}
		.organ .biz ul li span strong{font-size:13px}
		.organ .biz ul li > span{padding:7px 0;}
		.organ .biz ul.biz-member li > table td:first-child {    width: 60%; padding-right: 3px;}
		.organ .htit1 strong{  font-size: 17px; }
		.organ .htit1{padding: 12px 0;} 
		.biz-member img {width:100%; max-width:128px}
	}
	@media screen and (min-width:767px){
		.organ .biz ul.biz-content li > span{padding-left:30px}
	}
	@media screen and (max-width:480px){
		.organ .htit1 strong{  font-size: 14px;  }
		.organ .htit1{padding: 15px 0;}
	}
	/* 시공능력평가 */
	.th1 , .th2 , .th3  {font-size:1.05em}
	.th1{border-top:2px solid #427d94; border-bottom:1px solid #ccc;  border-right:1px solid #eee; margin-bottom:5px; width:100%}
.th1 td{border-bottom:1px solid #eee; padding-left:5px; line-height:180%; height:32px; }
.th1 .titlev{border-left:1px dashed #eee; border-right:1px dashed #eee; font-weight:bold; background:#f7f3f7; width:18%;}
.th1 .datav {width:32%}
.th2{border-right:1px solid #ddd; border-top:1px solid #ccc; border-bottom:1px solid #427d94; width:100% }
.th2 td{border-top:1px solid #ddd; padding-left:5px; line-height:27px;  min-height:25px; background:url('/img/line_bg.jpg');}
.th2 .datav {width:30%;}
.th2 .titlev{border-left:1px solid #ddd; border-right:1px solid #ddd;    width:20%;}
.th2 th, .th3 th{background:#fafafa; text-align:center; height:50px; }
 .th2 td p,  .th3 td p{margin:0;}
 .th3 {width:100%}
.th3{border-right:1px solid #ddd; border-top:1px solid #ccc; border-bottom:1px solid #427d94;  }
.th3 td{border-top:1px solid #ddd; padding-left:5px; line-height:27px;  min-height:25px; background:url('/img/line_bg.jpg'); }

.th3 .titlev{border-left:1px solid #ddd; border-right:1px solid #ddd;  }
#capa1,  capa2{ display:none}

				 
				.ctt_about4	 .uldisc li::marker {    color: steelblue;}
				.trustdiv{min-height:450px; position: relative;   overflow: hidden;   height: auto;   max-width: 1000px;   margin: auto;}
				.trustdiv::after {                content: "";                display: block;                clear: both;            }
				.trustimg1{width:250px; margin:30px auto  ; display:block}
				.trustdiv b{font-weight:800; font-size:1.5em}
				.trustdiv #td1{position:absolute; left:0px; top:0px;}
				.trustdiv #td2{position:absolute; right:0px; top:0px;}
				.trustdiv #td3{position:absolute; left:0px; top:120px;}
				.trustdiv #td4{position:absolute; right:0px; top:120px;}
				.trustdiv #td5{position:absolute; left:0px; top:240px;}
				.trustdiv #td6{position:absolute; right:0px; top:240px;}
				 .trustdata { font-family: 'GongGothicLight'; border: 3px solid #ddd;  width: 320px;  text-align: center;  display: table;}
				 .trustdata span{display: table-cell;     height: 70px;   vertical-align: middle; background: aliceblue;}
				@media (max-width: 800px){
					.trustdiv #td1,.trustdiv #td2,.trustdiv #td3,.trustdiv #td4,.trustdiv #td5 ,.trustdiv #td6 {position:unset;   margin-bottom:20px;border: 3px solid #ddd;    width: 100%;  }
	 
					.trustdiv .title-small3{ font-size:20px !important}
					.trustdiv .title-xsmall5{ font-size:14px !important}

				}