@charset "utf-8";

/*서브 비주얼 */
.sub_visual{width:100%;height:300px; position:relative;margin-top:-10px;}

.sub_visual .svisual01{background:url("/img/sub/subVisual01.jpg") no-repeat center top;}
.sub_visual .svisual02{background:url("/img/sub/subVisual02.jpg") no-repeat center top;}
.sub_visual .svisual03{background:url("/img/sub/subVisual03.jpg") no-repeat center top;}
.sub_visual .svisual04{background:url("/img/sub/subVisual04.jpg") no-repeat center top;}
.sub_visual .svisual05{background:url("/img/sub/subVisual05.jpg") no-repeat center top;}
.sub_visual .svisual06{background:url("/img/sub/subVisual06.jpg") no-repeat center top;}
.sub_visual .svisual07{background:url("/img/sub/subVisual07.jpg") no-repeat center top;}

.sub_visual .slogan{height:300px; padding-top:10px; text-align:center;}
.sub_visual .slogan .t1{margin-top:150px; font-size:18px; color:#fff; filter:alpha(opacity=0);opacity:0; letter-spacing:-0.025em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);}
.sub_visual .slogan .t2{font-size:22px; color:#fff; line-height:18px; filter:alpha(opacity=0);opacity:0; padding-top:10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);}

/*텍스트 애니메이션*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; } 

@-webkit-keyframes fadeInUpShort { 
  0% { opacity: 0;-webkit-transform: translateY(20px);} 
  100% {opacity: 1;-webkit-transform: translateY(0);} 
} 

@keyframes fadeInUpShort { 
  0% { opacity: 0;transform: translateY(20px);} 
  100% { opacity: 1; transform: translateY(0);} 
} 

.fadeInUpShort{opacity: 0; -webkit-transform: translateY(20px);transform: translateY(20px);}
.fadeInUpShort.go { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; }

@media all and (max-width:768px){
	/*서브 비주얼 */
	.sub_visual .slogan .t1,
	.sub_visual .slogan .t2{display:none}
}

/* 박스 */
.SubBax {width:100%;}
.SubBax h2{color:#444; font-size:18px; line-height:20px; font-weight:600; letter-spacing:-0.01em; font-family:notokrM;}
.SubBax p{color:#444;font-size:14px; line-height:16px; letter-spacing:-0.01em;}
.SubBax span{font-size:13.5px; color:444; line-height:25px; letter-spacing:-0.01em;}

/* 1-1 제품소개 */
.products01 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.products01 .p_title { background:url("/img/sub/tit_icon1.png") 0 5px no-repeat; font-size:24px; font-weight:bold; line-height:28px; color:#000; padding-left:30px; margin-bottom:10px;}
.products01 .p_title span {float:right; width:70%; text-align:right; font-size:14px; padding-right:20px; color:#666;}
.products01 .span1 {font-size:15px; line-height:24px; color:#666;}
.products01 .box_title {width:100%; height:40px; line-height:40px; overflow:hidden; background:#00b0f0; padding-left:20px; margin-bottom:10px; }
.products01 .box_title h2{font-size:20px; color:#fff; }
.products01 .box_title h2 span {float:right; width:50%; text-align:right; padding-right:20px;}

.products01 .img_box01{width:100%; overflow:hidden; margin-bottom:20px; text-align:center; margin-top:20px;}
.products01 .img_box01 .img_left{float:left; width:48%;  margin-bottom:20px;}
.products01 .img_box01 .img_right{float:right; width:48%; margin-bottom:20px;}

.products01 .txt_list{width:100%; overflow:hidden; margin-bottom:20px;}
.products01 .txt_list ul{width:100%; padding:0 !important;}
.products01 .txt_list ul li{background:url("/img/sub/txt_icon1.png") 0 10px no-repeat; font-size:15px; color:#666; padding-left:15px; line-height:24px; margin-bottom:5px;}
.products01 .txt_list ul li:last-child {margin-bottom:0;}

.products01 .img_txt{width:100%; overflow:hidden; margin-top:20px;}
.products01 .img_txt .left_img{float:left; width:40%; }
.products01 .img_txt .right_cnt{float:right; width:55%;}

.products01 .img_box02{width:100%; overflow:hidden; margin-top:20px;}
.products01 .img_box02 ul{margin:0 0 30px -3%; padding:0 !important;}
.products01 .img_box02 ul li{float:left; width: calc(33.333% - 3%); margin:0 0 30px 3%; position: relative; overflow:hidden;}

.products01 .txt_box{width:100%; overflow:hidden; position:relative; margin-top:20px;}
.products01 .span2 {font-size:15px; color:#000;}
.products01 .txt_box ul{ overflow:hidden; padding:0 !important; margin-top:10px;}
.products01 .txt_box ul li {overflow:hidden; position:relative; line-height:26px; padding-left:10px; font-size:15px; color:#666;}
.products01 .txt_box ul li:before { content:"-"; width:12px; height:20px; line-height:20px; display:block; position:absolute; left:0; top:0; z-index:1;}

.products01 .table_box{width:100%; overflow:hidden;}
.products01 .table_box .title_p{background:url("/img/sub/tit_icon2.png") 0 6px no-repeat; font-size:16px; color:#333; padding-left:17px; margin-bottom:15px;}
.products01 .table_box .left{float:left; width:48%;}
.products01 .table_box .right{float:right; width:48%;}
.products01 .table_scroll_box {width:100%; overflow:hidden;}


/* 1-1 제품소개 */
.products01a {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.products01a .p_title { background:url("/img/sub/tit_icon1.png") 0 5px no-repeat; font-size:24px; line-height:28px; color:#000; padding-left:30px; margin-bottom:10px;}
.products01a .p_title span {float:right; width:50%; text-align:right; font-size:14px; padding-right:20px; color:#666;}
.products01a .span1 {font-size:15px; line-height:24px; color:#666;}
.products01a .box_title {width:100%; height:40px; line-height:40px; overflow:hidden; background:#00b0f0; padding-left:20px; margin-bottom:10px; }
.products01a .box_title h2{font-size:20px; color:#fff; }
.products01a .box_title h2 span {float:right; width:50%; text-align:right; padding-right:20px;}

.products01a .img_box01{width:100%; overflow:hidden; margin-bottom:20px; text-align:center; margin-top:20px;}
.products01a .img_box01 .img_left{float:left; width:48%;  margin-bottom:20px;}
.products01a .img_box01 .img_right{float:right; width:48%; margin-bottom:20px;}


.products01a .img_box01a{width:100%; overflow:hidden; margin-bottom:20px; text-align:left; margin-top:20px;}
.products01a .img_box01a .img_left{float:left; width:65%;  margin-bottom:20px;}
.products01a .img_box01a .img_right{float:right; width:30%; margin-bottom:20px;}

.products01a .txt_list{width:100%; overflow:hidden; margin-bottom:20px;}
.products01a .txt_list ul{width:100%; padding:0 !important;}
.products01a .txt_list ul li{background:url("/img/sub/txt_icon1.png") 0 10px no-repeat; font-size:15px; color:#666; padding-left:15px; line-height:24px; margin-bottom:5px;}
.products01a .txt_list ul li:last-child {margin-bottom:0;}

.products01a .img_txt{width:100%; overflow:hidden; margin-top:20px;}
.products01a .img_txt .left_img{float:left; width:50%; }
.products01a .img_txt .right_cnt{float:right; width:45%;}

.products01a .img_box02{width:100%; overflow:hidden; margin-top:20px;}
.products01a .img_box02 ul{margin:0 0 30px -3%; padding:0 !important;}
.products01a .img_box02 ul li{float:left; width: calc(33.333% - 3%); margin:0 0 30px 3%; position: relative; overflow:hidden;}

.products01a .txt_box{width:100%; overflow:hidden; position:relative; margin-top:20px;}
.products01a .span2 {font-size:15px; color:#000;}
.products01a .txt_box ul{ overflow:hidden; padding:0 !important; margin-top:10px;}
.products01a .txt_box ul li {overflow:hidden; position:relative; line-height:26px; padding-left:10px; font-size:15px; color:#666;}
.products01a .txt_box ul li:before { content:"-"; width:12px; height:20px; line-height:20px; display:block; position:absolute; left:0; top:0; z-index:1;}

.products01a .table_box{width:100%; overflow:hidden;}
.products01a .table_box .title_p{background:url("/img/sub/tit_icon2.png") 0 6px no-repeat; font-size:16px; color:#333; padding-left:17px; margin-bottom:15px;}
.products01a .table_box .left{float:left; width:48%;}
.products01a .table_box .right{float:right; width:48%;}
.products01a .table_scroll_box {width:100%; overflow:hidden;}

table.pro01 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; letter-spacing:-0.03em; text-align:center; font-size:14px; }
table.pro01 thead th{background-color:#ddd; padding:5px 10px;border-top:2px solid #ccc;border-bottom:1px solid #ccc; font-size:15px; border-left:1px solid #ccc; color:#333; vertical-align:middle;}
table.pro01 thead th:last-child {border-right:1px solid #ddd;}
table.pro01 tbody td:last-child {border-right:1px solid #ddd;}
table.pro01 tbody td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; line-height:24px; }
table.pro01 .td_text_left {text-align:left;}
table.pro01 .td_bg1 {color:#000; font-size:15px;}
.pro01_td_bg1 {color:#000; font-size:15px;}

table.pro02 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; letter-spacing:-0.03em; text-align:left; font-size:14px; }
table.pro02 thead th{background-color:#ddd; padding:5px 10px;border-top:2px solid #ccc;border-bottom:1px solid #ccc; font-size:15px; border-left:1px solid #ccc; color:#333; vertical-align:middle;}
table.pro02 thead th:last-child {border-right:1px solid #ddd;}
table.pro02 tbody td:last-child {border-right:1px solid #ddd;}
table.pro02 tbody td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; line-height:24px; }
table.pro02 .td_bg2 {color:#ccc;}

table.pro03 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; letter-spacing:-0.03em; font-size:14px; }
table.pro03 thead th{background-color:#ddd; padding:5px 10px;border-top:2px solid #ccc;border-bottom:1px solid #ccc; font-size:15px; border-left:1px solid #ccc; color:#333; vertical-align:middle;}
table.pro03 thead th:last-child {border-right:1px solid #ddd;}
table.pro03 tbody td:last-child {border-right:1px solid #ddd;}
table.pro03 tbody td {padding:5px 10px; border:#ddd 1px solid; border-top:none; border-right:none; line-height:24px; }
.pro03_td_bg2 {text-align:center; background-color:#f3f3f3; color:#666;}

@media only screen and (max-width: 767px){
   /* 1-1 제품소개 */
   .products01 .p_title { font-size:18px; line-height:24px;}
   .products01 .span1 {font-size:14px;}
   .products01 .box_title h2{font-size:16px;}
   .products01 .txt_list ul li{font-size:14px;}
   .products01 .img_txt .left_img img{width:100%;}

   .products01 .img_box01 .img_left{float:none; width:100%;}
   .products01 .img_box01 .img_right{float:none; width:100%;}
   .products01 .img_box01 img{width:100%;}

   .products01 .table_box .left{float:none; width:100%;}
   .products01 .table_box .right{float:none; width:100%; margin-top:20px;}
   .products01 .table_scroll_box{overflow-x:scroll; padding-bottom:15px; }
   .products01 .pro02 { min-width:900px; }
   .products01 .table_box .title_p{font-size:15px;}
   table.pro01 thead th{font-size:14px;}
   table.pro02 tbody td {padding:5px;}
   .products01 .table_box .title_p{font-size:15px;}
   table.pro02 thead th{font-size:14px; padding:5px;}
   table.pro02 tbody td {padding:5px;}
   table.pro03 thead th{font-size:14px; padding:5px;}
   table.pro03 tbody td {padding:5px;}
   .products01 .txt_box ul li {line-height:24px; font-size:14px;}
}

@media only screen and (max-width: 650px){
   .products01 .img_txt .left_img{float:none; width:100%;}
   .products01 .img_txt .right_cnt{float:none; width:100%; margin-top:30px;}
   .products01 .img_box02 ul li{width: calc(100% - 3%); text-align:center;}
}


@media only screen and (max-width: 767px){
   /* 1-1 제품소개 */
   .products01a .p_title { font-size:18px; line-height:24px;}
   .products01a .span1 {font-size:14px;}
   .products01a .box_title h2{font-size:16px;}
   .products01a .txt_list ul li{font-size:14px;}
   .products01a .img_txt .left_img img{width:100%;}

   .products01a .img_box01 .img_left{float:none; width:100%;}
   .products01a .img_box01 .img_right{float:none; width:100%;}
   .products01a .img_box01 img{width:100%;}

   .products01a .table_box .left{float:none; width:100%;}
   .products01a .table_box .right{float:none; width:100%; margin-top:20px;}
   .products01a .table_scroll_box{overflow-x:scroll; padding-bottom:15px; }
   .products01a .pro02 { min-width:900px; }
   .products01a .table_box .title_p{font-size:15px;}
   table.pro01 thead th{font-size:14px;}
   table.pro02 tbody td {padding:5px;}
   .products01a .table_box .title_p{font-size:15px;}
   table.pro02 thead th{font-size:14px; padding:5px;}
   table.pro02 tbody td {padding:5px;}
   table.pro03 thead th{font-size:14px; padding:5px;}
   table.pro03 tbody td {padding:5px;}
   .products01a .txt_box ul li {line-height:24px; font-size:14px;}
}

@media only screen and (max-width: 650px){
   .products01a .img_txt .left_img{float:none; width:100%;}
   .products01a .img_txt .right_cnt{float:none; width:100%; margin-top:30px;}
   .products01a .img_box02 ul li{width: calc(100% - 3%); text-align:center;}
}



/* 1-1 인사말 */
.greeting {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.greeting .left {width:40%; float:left;  padding-right:30px;}
.greeting .left img {width:100%;  box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.greeting .right{width:60%; float:left;}
.greeting .right .txt {width:100%; overflow:hidden; position:relative;}
.greeting .right .txt h2 { font-size:20px; color:#000; margin-bottom:10px;}
.greeting .right .txt .tt { font-size:20px; color:#000; margin-bottom:30px;}
.greeting .right .txt .txt_box {color:#666; font-size:16px; line-height:28px; }
.greeting .right .txt .txt_box .font_b{color:#000; font-family:notokrB;}
.greeting .right .txt .txt_box .font_bg{background:#ef622a; color:#fff; font-family:notokrB; padding:0 5px; margin-right:5px;}
.greeting .right .txt .ceo {text-align:right; font-size:16px; color:#333; margin-top:20px;}
.greeting .right .txt .ceo span{font-size:33px; color:#000; font-family: 'DoKdo'; padding-left:10px;}

@media only screen and (max-width: 768px){
    /* 1-1 인사말 */
	.greeting .left {width:100%; float:none; padding-right:0;}
	.greeting .right {width:100%; float:none; margin-top:30px;}
    .greeting .right .txt h2 { font-size:16px; margin-bottom:8px;}
	.greeting .right .txt .tt { font-size:16px;}
    .greeting .right .txt .txt_box {font-size:14px;}
	.greeting .right .txt .ceo{font-size:14px;}
    .greeting .right .txt .ceo span{font-size:25px;}
}

/* 1-1 인사말 */
.greeting2 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.greeting2 .left {width:50%; float:left;  padding-right:30px;}
.greeting2 .left img {width:100%;  box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.greeting2 .right{width:50%; float:left;}
.greeting2 .right .txt {width:100%; overflow:hidden; position:relative;}
.greeting2 .right .txt h2 { font-size:20px; color:#000; margin-bottom:10px;}
.greeting2 .right .txt .tt { font-size:20px; color:#000; margin-bottom:30px;}
.greeting2 .right .txt .txt_box {color:#666; font-size:16px; line-height:28px; }
.greeting2 .right .txt .txt_box .font_b{color:#000; font-family:notokrB;}
.greeting2 .right .txt .txt_box .font_bg{background:#ef622a; color:#fff; font-family:notokrB; padding:0 5px; margin-right:5px;}
.greeting2 .right .txt .ceo {text-align:right; font-size:16px; color:#333; margin-top:20px;}
.greeting2 .right .txt .ceo span{font-size:33px; color:#000; font-family: 'DoKdo'; padding-left:10px;}

@media only screen and (max-width: 768px){
    /* 1-1 인사말 */
	.greeting2 .left {width:100%; float:none; padding-right:0;}
	.greeting2 .right {width:100%; float:none; margin-top:30px;}
    .greeting2 .right .txt h2 { font-size:16px; margin-bottom:8px;}
	.greeting2 .right .txt .tt { font-size:16px;}
    .greeting2 .right .txt .txt_box {font-size:14px;}
	.greeting2 .right .txt .ceo{font-size:14px;}
    .greeting2 .right .txt .ceo span{font-size:25px;}
}



/* 1회사소개-2개요 */
.info { background:#f5f5f5; position:relative; padding:50px; margin-bottom:50px;}
.info h3 { font-size:22px; color:#2369a6; line-height:30px; margin:0 0 20px 0;}
.info h3:before { content:""; width:1px; height:99px; background:#6ba5d4; display:block; position:absolute; top:-76px; left:54px;}
.info p{ background:url("/img/sub/txt_icon1.png")no-repeat 0 8px; font-size:14px; color:#666; padding-left:13px; clear:both; line-height:100%; margin-bottom:5px;}
.info p span{font-size:16px; color:#333;}
.info .img { position:absolute; right:30px ; bottom:-73px;}
.info .img img { width:100%; max-width:410px;  }

@media screen and ( max-width:1100px){
/* 1회사소개-2개요 */
	.info { padding:39px 29px; margin:0 0 80px 0; }
	.info h3:before { display:none;}
	.info h3 { font-size:20px; margin:0 0 44px 0; line-height:1.4;}
	.info .img { position:relative; bottom:-39px; margin:40px 0 0 0; text-align:right; right:-29px;}
}	

@media screen and ( max-width:650px){	
/* 1회사소개-2개요 */
	.info { padding:39px 29px; margin:0;}
	.info h3 { font-size:18px; margin:0 0 22px 0; }
	.info p {font-size:13px;}
	.info p span{font-size:14px; color:#333;}
	.info .img { position:relative; bottom:0; margin:20px 0 0 0; text-align:right; right:0;}
}



@media screen and (max-width: 1151px) {
/* 회사소개-조직도 */
.organ {padding:30px 30px 70px 30px;}
.organ .img_pc{width:100%;}
}

@media screen and (min-width:601px) {
/* 회사소개-조직도 */
.organ .img_mobile {display:none;}
}

@media screen and (max-width: 600px) {
/* 1회사소개-4조직도 */
.organ {padding:10px}
.organ {background:none}
.organ .img_pc {display:none}
.organ .img_mobile {width:100%;}
}

/* 1회사소개-5오시는 길 */
.map_wrap{width:100%; overflow:hidden; position:relative;}
.map_wrap .tit_line{width:100%; display: block; margin:0 0 15px 0;}
.map_wrap .tit_line h2 {background-color:#fff;display: inline; padding:0 10px 0 0; color:#444; font-size:20px; letter-spacing:-0.03em;}
.map_wrap .left_map{float:left; width:49%; height:350px; margin-right:20px;}
.map_wrap .left_map > *{ width:100% !important}

.map_wrap .right_img{float:right; width:49%; height:350px;}
.map_wrap .right_img img{width:100%}

.map_info_wrap .map_info{background-color: #f7f7f7; border-bottom: 1px solid  #ddd; padding:30px 0; }
.map_info_wrap .map_info ul:after{content: "";display: block;clear: both;	}
.map_info_wrap .map_info ul li{width: 33.33%; float: left; text-align: center; position: relative; padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.map_info_wrap .map_info ul li:after{content: ""; position: absolute; left: 0;width: 1px; height: 100%; background-color: #ddd;}
.map_info_wrap .map_info ul li:first-child:after{display: none; }
.map_info_wrap .map_info ul li dl{display: inline-block; height:75px; text-align: left; padding-left: 90px; background-repeat: no-repeat; background-position: left top;  	}
.map_info_wrap .map_info ul li:nth-child(1) dl{background-image: url("/img/sub/map_icon1.png");}
.map_info_wrap .map_info ul li:nth-child(2) dl{background-image: url("/img/sub/map_icon2.png");}
.map_info_wrap .map_info ul li:nth-child(3) dl{background-image: url("/img/sub/map_icon3.png");}
.map_info_wrap .map_info ul li dl dt{color: #333; font-size: 20px; margin-bottom:10px; }
.map_info_wrap .map_info ul li dl dd{font-size: 18px; color: #666; padding-top:5px;}
.map_info_wrap .map_info ul li dl dd p:first-child{margin-top: 0; }
.map_info_wrap .map_info ul li dl dd p{font-size: 14px;}

@media (max-width:1100px){
	/* 1회사소개-5오시는 길 */
   .map_wrap .left_map{width:100%; margin:0 0 40px 0;}
   .map_wrap .right_img{width:100%; height:auto;}
   
   .map_info_wrap .map_info{padding: 30px 0; }
   .map_info_wrap .map_info ul li dl{padding-left: 0; padding-top: 130px; background-position: center top; text-align: center; width: 100%; -webkit-background-size: 100px;background-size: 100px;}
   .map_info_wrap .map_info ul li:after{top: 0;}
}

@media (max-width:700px){
/* 1회사소개-5오시는 길 */
	.map_info_wrap .map_info ul li dl{-webkit-background-size: 80px;background-size: 80px; padding-top: 100px; }
	.map_info_wrap .map_info ul li dl dt{font-size: 17px; margin-bottom: 5px;}
	.map_info_wrap .map_info ul li dl dd{font-size: 15px;  padding-top:0;}
	.map_info_wrap .map_info ul li dl dd p{font-size: 13px; }
    .map_info_wrap .map_info ul li{float: none; width: 100%; margin-top: 20px; }
	.map_info_wrap .map_info ul li:first-child{margin-top: 0;}
	.map_info_wrap .map_info ul li:after{display: none;}
	.map_info_wrap .map_info ul li dl{height: auto; min-height: 80px; background-position: left top; padding-top: 10px; padding-left: 100px; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	}
	.map_info_wrap .map_info ul li dl dd p br{display: none; }
}
/* 2도시가스- 1주요사업 내용 */
.city_gas01_box {width:100%; letter-spacing:-0.03em;}
.city_gas01_box .img1 {width:100%;  overflow: hidden; position: relative; margin-bottom:50px;}
.city_gas01_box .img1 img{width:100%;}
.city_gas01_box .city_gas01 {width:100%; overflow: hidden; position: relative;}
.city_gas01_box .city_gas01 .img2 { float: left; position: absolute; top:0; left:0; z-index:5; }
.city_gas01_box .city_gas01 article { float: right; width:70%; background-color: #f5f5f5; height: 460px; margin:20px 0 0 0; color: #333; position: relative;  box-sizing:border-box; z-index:1; }
.city_gas01_box .city_gas01 article span {width:100%; padding-left:300px; font-size:20px; color:#000;  display:inline-block; background:#fff; padding-bottom:20px; }
.city_gas01_box .city_gas01 article ul{padding:40px 30px 30px 300px;}
.city_gas01_box .city_gas01 article ul li{ font-size:15px; color:#333; line-height:20px; background:url("/img/sub/txt_icon2.png") no-repeat left 1px;  padding-left:30px;  margin-bottom:15px;}

@media screen and ( max-width:1100px){
   /* 2도시가스- 1주요사업 내용 */
   .city_gas01_box .city_gas01 article ul{padding:40px 30px 30px 330px;}
   .city_gas01_box .city_gas01 article span {padding-left:330px;}
}	

@media screen and ( max-width:960px){
   /* 2도시가스- 1주요사업 내용 */
	.city_gas01_box .city_gas01 {box-sizing:border-box; padding:0 15px; }
	.city_gas01_box .city_gas01 .img2 { width:50%; }
	.city_gas01_box .city_gas01 article { width:70%; height: auto;}
	.city_gas01_box .city_gas01 article ul{padding:40px 30px 30px 200px;}
	.city_gas01_box .city_gas01 article span {padding-left:300px; font-size:16px;}
	.city_gas01_box .city_gas01 article ul li{ font-size:14px;}
}	

@media screen and ( max-width:767px){
   /* 도시가스- 1주요사업 내용 */
    .city_gas01_box .img1 {margin-bottom:30px;}
	.city_gas01_box .city_gas01 { padding:0; }
	.city_gas01_box .city_gas01 .img2 { float: none; width:100%; display: block; overflow: hidden; position: relative;}
	.city_gas01_box .city_gas01 article { width:100%; height: auto; }
	.city_gas01_box .city_gas01 article span {padding-left:30px; font-size:16px;}
	.city_gas01_box .city_gas01 article ul{padding:30px 30px 20px 30px;}
	.city_gas01_box .city_gas01 article ul li{ font-size:14px; margin-bottom:10px;}
}

/* 2도시가스- 2주요 실적 */
.city_gas01_box2 {width:100%; letter-spacing:-0.03em;}
.city_gas01_box2 .img1 {width:100%;  overflow: hidden; position: relative; margin-bottom:50px;}
.city_gas01_box2 .img1 img{width:100%;}
.city_gas01_box2 .city_gas01 {width:100%; overflow: hidden; position: relative;}
.city_gas01_box2 .city_gas01 .img2 { float: left; position: absolute; top:0; left:0; z-index:5; }
.city_gas01_box2 .city_gas01 article { float: right; width:70%; background:url("/img/sub/city_gas02_img3.png") no-repeat #f5f5f5 right 30px bottom 15px; height: 530px; margin:20px 0 0 0; color: #333; position: relative;  box-sizing:border-box; z-index:1; }
.city_gas01_box2 .city_gas01 article span {width:100%; padding-left:300px; font-size:20px; color:#000;  display:inline-block; background:#fff; padding-bottom:20px; }
.city_gas01_box2 .city_gas01 article ul{padding:40px 30px 30px 300px;}
.city_gas01_box2 .city_gas01 article ul li{ font-size:15px; color:#333; line-height:20px; background:url("/img/sub/txt_icon2.png") no-repeat left 1px;  padding-left:30px;  margin-bottom:15px;}

@media screen and ( max-width:1100px){
   /* 2도시가스- 2주요 실적 */
   .city_gas01_box2 .city_gas01 article {background:none; background-color:#f5f5f5;}
   .city_gas01_box2 .city_gas01 article ul{padding:40px 30px 30px 330px;}
   .city_gas01_box2 .city_gas01 article span {padding-left:330px;}
}	

@media screen and ( max-width:960px){
   /* 2도시가스- 2주요 실적 */
	.city_gas01_box2 .city_gas01 {box-sizing:border-box; padding:0 15px; }
	.city_gas01_box2 .city_gas01 .img2 { width:50%; }
	.city_gas01_box2 .city_gas01 article { width:70%; height: auto;}
	.city_gas01_box2 .city_gas01 article ul{padding:40px 30px 30px 200px;}
	.city_gas01_box2 .city_gas01 article span {font-size:16px;}
	.city_gas01_box2 .city_gas01 article ul li{ font-size:14px;}
}	

@media screen and ( max-width:767px){
   /* 2도시가스- 2주요 실적 */
    .city_gas01_box2 .img1 {margin-bottom:0;}
	.city_gas01_box2 .city_gas01 { padding:0; }
	.city_gas01_box2 .city_gas01 .img2 { float: none; width:100%; display: block; overflow: hidden; position: relative;}
	.city_gas01_box2 .city_gas01 article { width:100%; height: auto; }
	.city_gas01_box2 .city_gas01 article ul{padding:30px 30px 20px 30px;}
}

/* 2도시가스- 3배관공사 */
.city_gas01_box3 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.city_gas01_box3 p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px;}
.city_gas01_box3 ul{margin-left: -20px;}
.city_gas01_box3 ul li {float: left; width: calc(25% - 20px); margin: 0 0 20px 20px; padding:10px; border:1px solid #ddd; /* box-shadow:2px 2px 6px 0px rgba(0,0,0,0.2);*/}
.city_gas01_box3 ul li:nth-child(9), 
.city_gas01_box3 ul li:nth-child(10),
.city_gas01_box3 ul li:nth-child(11),
.city_gas01_box3 ul li:nth-child(12){margin-bottom:0;}
.city_gas01_box3 ul li img{width:100%;}

@media screen and ( max-width:960px){
   /* 2도시가스- 3배관공사 */
   .city_gas01_box3 ul li{width: calc(50% - 20px);}
   .city_gas01_box3 ul li:nth-child(11), 
.city_gas01_box3 ul li:nth-child(12){margin-bottom: 0;}
}	

@media screen and ( max-width:600px){
  /* 2도시가스- 3배관공사 */
  .city_gas01_box3 ul li{float: none; width: calc(100% - 20px);}
  .city_gas01_box3 p{font-size:16px;}
  .city_gas01_box3 ul li:last-child{margin-bottom: 0;}
}

/* 2도시가스- 3예스코도시가스 4서부고객센타 운영 */
.city_gas04 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.city_gas04 p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.city_gas04 .city_gas04_top {width:100%;}
.city_gas04 .city_gas04_top ul{margin-left: -20px;}
.city_gas04 .city_gas04_top ul li {float: left; width: calc(50% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.city_gas04 .city_gas04_top ul li img{width:100%;}

.city_gas04 .city_gas04_bottom {width:100%; margin-bottom:-20px;}
.city_gas04 .city_gas04_bottom ul{margin-left: -20px;}
.city_gas04 .city_gas04_bottom ul li {float: left; width: calc(25% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.city_gas04 .city_gas04_bottom ul li img{width:100%;}

@media screen and ( max-width:960px){
   /* 2도시가스- 3예스코도시가스 4서부고객센타 운영 */
   .city_gas04 .city_gas04_bottom ul li{width: calc(50% - 20px);}
}	

@media screen and ( max-width:600px){
  /* 2도시가스- 3예스코도시가스 4서부고객센타 운영 */
  .city_gas04 p{font-size:16px;}
  .city_gas04 .city_gas04_top ul li{float: none; width: calc(100% - 20px);}
  .city_gas04 .city_gas04_bottom  ul li{float: none; width: calc(100% - 20px);}
  .city_gas04 .city_gas04_bottom ul li:last-child{margin-bottom: 0;}
 }

/* 3가스시설 종합관리 - 1주요사업내용 */
.gas_care01 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.gas_care01 p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.gas_care01 .txt_box1 {width:100%; margin-bottom:30px;}
.gas_care01 .list { width:100%; overflow:hidden; position:relative; clear:both;}
.gas_care01 .list li{ font-size:16px; color:#666; line-height:22px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:10px; margin-bottom:5px;}
.gas_care01 .list li:last-child{margin-bottom:0;}
.gas_care01 .list li span{color:#0774bf; font-size:16px;}

.gas_care01 .left { float: left;width:35%; border:1px solid #ddd; padding:20px; text-align:center; margin-bottom:50px;}
.gas_care01 .right { float: left; width:65%; padding:0 0 0 50px; background:url("/img/sub/gas_care01_img2.jpg") no-repeat right 0 bottom 15px; margin-bottom:50px;}
.gas_care01 .list2 { width:100%; overflow:hidden; position:relative;}
.gas_care01 .list2 li{ font-size:16px; color:#333; line-height:30px; background:url("/img/sub/txt_icon4.png") no-repeat left 6px; padding-left:25px; margin-bottom:15px;}
.gas_care01 .list2 li:last-child{margin-bottom:0;}

.gas_care01 .cnt_box {width:100%; margin-top:30px; clear: both;}
.gas_care01 .cnt_left {float: left;width:48%;}
.gas_care01 .cnt_right {float: left; width:48%; margin-left:4%;}
.gas_care01 .cnt_right img{border:1px dotted #a0a0a0; border-radius:5px;}

@media screen and ( max-width:1100px){
   /* 3가스시설 종합관리 - 1주요사업내용 */
  .gas_care01 .left img { width:100%;}
  .gas_care01 .right {background:none;}
  .gas_care01 .list2 li{ font-size:14px; color:#333; line-height:22px;}
  .gas_care01 .img_box img{width:100%;}
}	

@media screen and ( max-width:767px){
   /* 3가스시설 종합관리 - 1주요사업내용 */
   .gas_care01 .left {float: none; width:100%; padding:10px;}
   .gas_care01 .right {float: none; width:100%; padding:0;}
   .gas_care01 .cnt_left {float: none; width:100%; margin-bottom:30px;}
   .gas_care01 .cnt_right {float:none; width:100%; margin-left:0;}
 }	

@media screen and ( max-width:600px){
  /* 3가스시설 종합관리 - 1주요사업내용 */
  .gas_care01 p{font-size:16px;}
  .gas_care01 .list li{ font-size:13px;}
  .gas_care01 .list li span{font-size:13px;}
  .gas_care01 .list2 li{ font-size:13px; color:#333; line-height:30px; background:url("/img/sub/txt_icon4.png") no-repeat left 5px; margin-bottom:5px;}
}

/* 3가스시설 종합관리 - 2정압기(조정기) 분해점검 */
.gas_care02 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.gas_care02 p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.gas_care02 .left{float:left; width:53%; margin-bottom:30px;}
.gas_care02 .right{float:left; width:45%; margin-left:2%; border:1px solid #ddd; margin-bottom:30px;}
.gas_care02 .right img{width:100%;}

.gas_care02 .table_box {width:100%;}
table.gas_table01 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.gas_table01 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #225a8a;border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:15px; font-weight:500; color:#333; vertical-align:middle;}
table.gas_table01 thead th:first-of-type{border-top:5px solid #3381c5;}
table.gas_table01 thead th:nth-child(3){border-top:5px solid #0b2f68;}
table.gas_table01 thead th:last-child{border-right:1px solid #ddd;}
table.gas_table01 tbody td:last-child {border-right:1px solid #ddd;}
table.gas_table01 tbody td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:14px;}
table.gas_table01 .bg{background-color:#f7f7f7; color:#333;}
table.gas_table01 tbody td ul {margin:0;}
table.gas_table01 tbody td ul li {font-size:14px; color:#666; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:12px; margin:7px 0;}

.gas_care02 .img_box {width:100%; margin-bottom:-20px; clear: both;}
.gas_care02 .img_box ul{margin-left: -20px;}
.gas_care02 .img_box ul li {float: left; width: calc(25% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care02 .img_box ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6), .gas_care02 .img_box ul li:nth-child(7), .gas_care02 .img_box ul li:nth-child(8) {margin-bottom:0;}
.gas_care02 .img_box ul li img{width:100%;}

@media screen and (max-width:960px){
	/* 3가스시설 종합관리 - 2정압기(조정기) 분해점검 */
	/*.table_box {overflow-x:scroll; padding-bottom:15px;}
    .info_table .gas_table01{ min-width:680px; }*/
	
	.gas_care02 .left{float:none; width:100%;}
    .gas_care02 .right{float:none; width:100%; margin-left:0;}
}

@media screen and (max-width:767px){
	/* 3가스시설 종합관리 - 2정압기(조정기) 분해점검 */
	.gas_care02 .img_box ul li {width: calc(50% - 20px);}
	.gas_care02 .img_box ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}
}

@media screen and (max-width:600px){
	/* 3가스시설 종합관리 - 2정압기(조정기) 분해점검 */
	.gas_care02 p{font-size:16px;}
	table.gas_table01 thead th{font-size:14px;}
	table.gas_table01 tbody td {padding:7px 10px;font-size:13px;}
}

/* 3가스시설 종합관리 - 3시설정비 안전점검 */
.gas_care03 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.gas_care03 p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.gas_care03 .left{float:left; width:53%; margin-bottom:30px;}
.gas_care03 .right{float:left; width:45%; margin-left:2%; border:1px solid #ddd; margin-bottom:30px;}
.gas_care03 .right img{width:100%;}

.gas_care03 .table_box {width:100%;}
table.gas_table02 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.gas_table02 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #225a8a;border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:15px; font-weight:500; color:#333; vertical-align:middle;}
table.gas_table02 thead th:first-of-type{border-top:5px solid #3381c5;}
table.gas_table02 thead th:nth-child(3){border-top:5px solid #0b2f68;}
table.gas_table02 thead th:last-child{border-right:1px solid #ddd;}
table.gas_table02 tbody td:last-child {border-right:1px solid #ddd;}
table.gas_table02 tbody td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:14px;}
table.gas_table02 .bg{background-color:#f7f7f7; color:#333;}
table.gas_table02 tbody td ul {margin:0;}
table.gas_table02 tbody td ul li {font-size:14px; color:#666; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:12px; margin:7px 0;}

.gas_care03 .img_box1 {width:100%; clear: both;}
.gas_care03 .img_box1 ul{margin-left: -20px;}
.gas_care03 .img_box1 ul li {float: left; width: calc(33.333% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03 .img_box1 ul li img{width:100%;}
.gas_care03 .img_box1 li .tt{width:100%; height:75px; line-height:75px; font-size:16px; color:#333; text-align:left; background:#f7f7f7; border-top:1px solid #ddd;}

.gas_care03 .img_box2 {width:100%; clear: both;}
.gas_care03 .img_box2 ul{margin-left: -20px;}
.gas_care03 .img_box2 ul li {float: left; width: calc(20% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03 .img_box2 ul li:nth-child(6), 
.gas_care03 .img_box2 ul li:nth-child(7), 
.gas_care03 .img_box2 ul li:nth-child(8), 
.gas_care03 .img_box2 ul li:nth-child(9), 
.gas_care03 .img_box2 ul li:nth-child(10) {margin: 0 0 30px 20px;}
.gas_care03 .img_box2 ul li img{width:100%;}
.gas_care03 .img_box2 li .tt{width:100%; height:35px; line-height:35px; font-size:16px; color:#333; text-align:center; background:#f7f7f7; border-top:1px solid #ddd;} 

.gas_care03 .img_box3 {width:100%; margin-bottom:-20px; clear: both;}
.gas_care03 .img_box3 ul{margin-left: -20px;}
.gas_care03 .img_box3 ul li {float: left; width: calc(33.333% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03 .img_box3 ul li:nth-child(10), .gas_care03 .img_box3 ul li:nth-child(11), .gas_care03 .img_box3 ul li:nth-child(12) {margin-bottom: 0;}

.gas_care03 .img_box3 ul li img{width:100%;}

@media screen and (max-width:960px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03 .left{float:none; width:100%;}
    .gas_care03 .right{float:none; width:100%; margin-left:0;}
}

@media screen and (max-width:767px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03 .img_box1 ul li {width: calc(100% - 20px);}
	.gas_care03 .img_box2 ul li {width: calc(50% - 20px);}
	.gas_care03 .img_box2 ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}
	.gas_care03 .img_box3 ul li {width: calc(50% - 20px);}
	.gas_care03 .img_box3 ul li:nth-child(9), .gas_care03 .img_box3 ul li:nth-child(10){margin-bottom: 20px;}
}

@media screen and (max-width:600px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03 p{font-size:16px;}
    .gas_care03 .img_box1 ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}

	.gas_care03 .img_box2 ul li {width: calc(100% - 20px);}
	.gas_care03 .img_box2 ul li:nth-child(9), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}
	.gas_care03 .img_box2 li .tt{font-size:14px;} 

	table.gas_table02 thead th{font-size:14px;}
	table.gas_table02 tbody td {padding:7px 10px;font-size:13px;}
}



/* 3가스시설 종합관리 - 3시설정비 안전점검 */
.gas_care03a {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.gas_care03a p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.gas_care03a .left{float:left; width:53%; margin-bottom:30px;}
.gas_care03a .right{float:left; width:45%; margin-left:2%; border:1px solid #ddd; margin-bottom:30px;}
.gas_care03a .right img{width:100%;}

.gas_care03a .table_box {width:100%;}
table.gas_table02 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.gas_table02 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #225a8a;border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:15px; font-weight:500; color:#333; vertical-align:middle;}
table.gas_table02 thead th:first-of-type{border-top:5px solid #3381c5;}
table.gas_table02 thead th:nth-child(3){border-top:5px solid #0b2f68;}
table.gas_table02 thead th:last-child{border-right:1px solid #ddd;}
table.gas_table02 tbody td:last-child {border-right:1px solid #ddd;}
table.gas_table02 tbody td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:14px;}
table.gas_table02 .bg{background-color:#f7f7f7; color:#333;}
table.gas_table02 tbody td ul {margin:0;}
table.gas_table02 tbody td ul li {font-size:14px; color:#666; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:12px; margin:7px 0;}

.gas_care03a .img_box1a {width:100%; clear: both;}
.gas_care03a .img_box1a ul{margin-left: -20px;}
.gas_care03a .img_box1a ul li {float: left; width: calc(25% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03a .img_box1a ul li img{width:100%;}
.gas_care03a .img_box1a li .tt{width:100%; height:75px; line-height:75px; font-size:16px; color:#333; text-align:left; background:#f7f7f7; border-top:1px solid #ddd;}

.gas_care03a .img_box2 {width:100%; clear: both;}
.gas_care03a .img_box2 ul{margin-left: -20px;}
.gas_care03a .img_box2 ul li {float: left; width: calc(20% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03a .img_box2 ul li:nth-child(6), 
.gas_care03a .img_box2 ul li:nth-child(7), 
.gas_care03a .img_box2 ul li:nth-child(8), 
.gas_care03a .img_box2 ul li:nth-child(9), 
.gas_care03a .img_box2 ul li:nth-child(10) {margin: 0 0 30px 20px;}
.gas_care03a .img_box2 ul li img{width:100%;}
.gas_care03a .img_box2 li .tt{width:100%; height:35px; line-height:35px; font-size:16px; color:#333; text-align:center; background:#f7f7f7; border-top:1px solid #ddd;} 

.gas_care03a .img_box3 {width:100%; margin-bottom:-20px; clear: both;}
.gas_care03a .img_box3 ul{margin-left: -20px;}
.gas_care03a .img_box3 ul li {float: left; width: calc(33.333% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03a .img_box3 ul li:nth-child(10), .gas_care03 .img_box3 ul li:nth-child(11), .gas_care03 .img_box3 ul li:nth-child(12) {margin-bottom: 0;}

.gas_care03a .img_box3 ul li img{width:100%;}

@media screen and (max-width:960px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03a .left{float:none; width:100%;}
    .gas_care03a .right{float:none; width:100%; margin-left:0;}
}

@media screen and (max-width:767px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03a .img_box1 ul li {width: calc(100% - 20px);}
	.gas_care03a .img_box2 ul li {width: calc(50% - 20px);}
	.gas_care03a .img_box2 ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}
	.gas_care03a .img_box3 ul li {width: calc(50% - 20px);}
	.gas_care03a .img_box3 ul li:nth-child(9), .gas_care03 .img_box3 ul li:nth-child(10){margin-bottom: 20px;}
}

@media screen and (max-width:600px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03a p{font-size:16px;}
    .gas_care03a .img_box1 ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}

	.gas_care03a .img_box2 ul li {width: calc(100% - 20px);}
	.gas_care03a .img_box2 ul li:nth-child(9), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}
	.gas_care03a .img_box2 li .tt{font-size:14px;} 

	table.gas_table02 thead th{font-size:14px;}
	table.gas_table02 tbody td {padding:7px 10px;font-size:13px;}
}



/* 3가스시설 종합관리 - 3시설정비 안전점검 */
.gas_care03b {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.gas_care03b p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.gas_care03b .left{float:left; width:53%; margin-bottom:30px;}
.gas_care03b .right{float:left; width:45%; margin-left:2%; border:1px solid #ddd; margin-bottom:30px;}
.gas_care03b .right img{width:100%;}

.gas_care03b .table_box {width:100%;}
table.gas_table02 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.gas_table02 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #225a8a;border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:15px; font-weight:500; color:#333; vertical-align:middle;}
table.gas_table02 thead th:first-of-type{border-top:5px solid #3381c5;}
table.gas_table02 thead th:nth-child(3){border-top:5px solid #0b2f68;}
table.gas_table02 thead th:last-child{border-right:1px solid #ddd;}
table.gas_table02 tbody td:last-child {border-right:1px solid #ddd;}
table.gas_table02 tbody td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:14px;}
table.gas_table02 .bg{background-color:#f7f7f7; color:#333;}
table.gas_table02 tbody td ul {margin:0;}
table.gas_table02 tbody td ul li {font-size:14px; color:#666; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:12px; margin:7px 0;}

.gas_care03b .img_box1a {width:100%; overflow:hidden;}
.gas_care03b .img_box1a ul{margin-left: -20px; padding:0 !important;}
.gas_care03b .img_box1a ul li {float: left; width: calc(25% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03b .img_box1a ul li img{width:100%;}
.gas_care03b .img_box1a li .tt{width:100%; height:35px; line-height:35px; font-size:16px; color:#333; text-align:left; background:#f7f7f7; border-top:1px solid #ddd;}

.gas_care03b .img_box2 {width:100%; clear: both;}
.gas_care03b .img_box2 ul{margin-left: -20px;}
.gas_care03b .img_box2 ul li {float: left; width: calc(20% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03b .img_box2 ul li:nth-child(6), 
.gas_care03b .img_box2 ul li:nth-child(7), 
.gas_care03b .img_box2 ul li:nth-child(8), 
.gas_care03b .img_box2 ul li:nth-child(9), 
.gas_care03b .img_box2 ul li:nth-child(10) {margin: 0 0 30px 20px;}
.gas_care03b .img_box2 ul li img{width:100%;}
.gas_care03b .img_box2 li .tt{width:100%; height:35px; line-height:35px; font-size:16px; color:#333; text-align:center; background:#f7f7f7; border-top:1px solid #ddd;} 

.gas_care03b .img_box3 {width:100%; margin-bottom:-20px; clear: both;}
.gas_care03b .img_box3 ul{margin-left: -20px;}
.gas_care03b .img_box3 ul li {float: left; width: calc(33.333% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.gas_care03b .img_box3 ul li:nth-child(10), .gas_care03 .img_box3 ul li:nth-child(11), .gas_care03 .img_box3 ul li:nth-child(12) {margin-bottom: 0;}

.gas_care03a .img_box3 ul li img{width:100%;}

@media screen and (max-width:960px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03b .left{float:none; width:100%;}
    .gas_care03b .right{float:none; width:100%; margin-left:0;}
	.gas_care03b .img_box1a ul li {width: calc(33.333% - 20px);}
}

@media screen and (max-width:767px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03b .img_box1 ul li {width: calc(100% - 20px);}
	.gas_care03b .img_box2 ul li {width: calc(50% - 20px);}
	.gas_care03b .img_box2 ul li:nth-child(5), .gas_care02 .img_box ul li:nth-child(6) {margin-bottom:20px;}
	.gas_care03b .img_box3 ul li {width: calc(50% - 20px);}
	.gas_care03b .img_box3 ul li:nth-child(9), .gas_care03 .img_box3 ul li:nth-child(10){margin-bottom: 20px;}
}

@media screen and (max-width:600px){
	/* 3가스시설 종합관리 - 3시설정비 안전점검 */
	.gas_care03b p{font-size:16px;}
    

	.gas_care03b .img_box2 ul li {width: calc(100% - 20px);}
	.gas_care03b .img_box2 li .tt{font-size:14px;} 

	table.gas_table02 thead th{font-size:14px;}
	table.gas_table02 tbody td {padding:7px 10px;font-size:13px;}
	.gas_care03b .img_box1a ul li {width: calc(50% - 20px); font-size:14px;}
	.gas_care03b .img_box1a li .tt{font-size:14px;}
}














/* 3가스시설 종합관리 - 4시설보수 및 배관공사 */
.gas_care04 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.gas_care04 p{font-size:20px; color:#000; background:url("/img/sub/txt_icon3.png") no-repeat left 0;  padding:0 0 25px 27px; clear: both;}
.gas_care04 .left{float:left; width:49%; margin-bottom:30px;}
.gas_care04 .right{float:left; width:49%; margin-left:2%; margin-bottom:30px;}

.gas_care04 .table_box {width:100%;}
table.gas_table03 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.gas_table03 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #225a8a;border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:15px; font-weight:500; color:#333; vertical-align:middle;}
table.gas_table03 thead th:first-of-type{border-top:5px solid #3381c5;}
table.gas_table03 thead th:nth-child(3){border-top:5px solid #0b2f68;}
table.gas_table03 thead th:last-child{border-right:1px solid #ddd;}
table.gas_table03 tbody td:last-child {border-right:1px solid #ddd;}
table.gas_table03 tbody td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:14px;}
table.gas_table03 .bg{background-color:#f7f7f7; color:#333;}
table.gas_table03 tbody td ul {margin:0;}
table.gas_table03 tbody td ul li {font-size:14px; color:#666; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:12px; margin:7px 0;}

.gas_care04 .img_box1 {width:100%; clear: both;}
.gas_care04 .img_box1 ul{margin-left: -25px;}
.gas_care04 .img_box1 ul li {float: left; width: calc(50% - 25px); margin: 0 0 0 25px;}
.gas_care04 .img_box1 ul li img{width:100%;}

@media screen and (max-width:960px){
    /* 3가스시설 종합관리 - 4시설보수 및 배관공사 */
	.gas_care04 .left{float:none; width:100%;}
    .gas_care04 .right{float:none; width:100%; margin-left:0;}
}

@media screen and (max-width:600px){
	/* 3가스시설 종합관리 - 4시설보수 및 배관공사 */
	.gas_care04 .img_box1 ul li {width: calc(100% - 25px);}
	.gas_care04 .img_box1 ul li:first-child {margin: 0 0 20px 25px;}
	.gas_care04 p{font-size:16px;}
    
	table.gas_table03 thead th{font-size:14px;}
	table.gas_table03 tbody td {padding:7px 10px;font-size:13px;}
}

/* 3가스시설 종합관리 - 5 주요실적 */
.gas_care05 {width:100%; letter-spacing:-0.03em;}
.gas_care05 .img1 {width:100%;  overflow: hidden; position: relative; margin-bottom:50px;}
.gas_care05 .img1 img{width:100%;}

.gas_care05 .left{float:left; width:49%; margin-bottom:40px;}
.gas_care05 .right{float:left; width:49%; margin-left:2%; margin-bottom:40px; border:1px solid #ddd;}
.gas_care05 .right img{ width:100%;}

.gas_care05 .table_box {width:100%;}
table.gas_table04 {width:100%; color:#666; border-collapse:separate; border-spacing:0; border:none; font-size:14px;}
table.gas_table04 thead th{background-color:#f7f7f7; padding:15px 15px; border-top:5px solid #225a8a;border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:15px; font-weight:500; color:#333; vertical-align:middle;}
table.gas_table04 thead th:first-of-type{border-top:5px solid #3381c5;}
table.gas_table04 thead th:nth-child(3){border-top:5px solid #0b2f68;}
table.gas_table04 thead th:last-child{border-right:1px solid #ddd;}
table.gas_table04 tbody td:last-child {border-right:1px solid #ddd;}
table.gas_table04 tbody td {padding:10px 15px; border:#ddd 1px solid; border-top:none; border-right:none; font-size:14px;}
table.gas_table04 .bg{background-color:#f7f7f7; color:#333;}
table.gas_table04 tbody td ul {margin:0;}
table.gas_table04 tbody td ul li {font-size:14px; color:#666; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:12px; margin:7px 0;}

@media screen and ( max-width:1100px){
   /* 3가스시설 종합관리 - 5 주요실적 */
   .gas_care05 .cnt_box article {background:none; background-color:#f5f5f5;}
   .gas_care05 .cnt_box article ul{padding:40px 30px 30px 330px;}
   .gas_care05 .cnt_box article span {padding-left:330px;}
}	

@media screen and ( max-width:960px){
    /* 3가스시설 종합관리 - 5 주요실적 */
    .gas_care05 .left{float:none; width:100%; margin-bottom:30px;}
    .gas_care05 .right{float:none; width:100%; margin-left:0;}
	
	.gas_care05 .table_box {overflow-x:scroll; padding-bottom:15px;}
    .gas_care05 .gas_table04 { min-width:680px; }
}	

@media screen and ( max-width:767px){
  /* 3가스시설 종합관리 - 5 주요실적 */
    .gas_care05 .img1 {margin-bottom:30px;}
	
	table.gas_table04 thead th{font-size:14px;}
	table.gas_table04 tbody td {padding:7px 10px;font-size:13px;}
}

/* 4 주택건설- 1주요 사업내용 */
.house01 {width: 100%; letter-spacing:-0.03em;} 
.house01 .img { background:url("/img/sub/house01_img1.jpg") no-repeat; height:400px; background-size:cover; }
.house01 .img img { width:100%; }
.house01 .txtBox { background:#fff; max-width:960px; box-sizing:border-box; margin:-120px auto 0 auto; padding:50px 70px 0 70px; position:relative; z-index:10;}
.house01 .txtBox dl { color:#1257a7; }
.house01 .txtBox dl dt { font-size:22px;}
.house01 .txtBox dl:after { content:""; display:block; width:1px; height:30px; background:#1257a7; margin:25px 0 15px 55px;}
.house01 .txtBox .txt {margin-bottom:30px;}
.house01 .txtBox .txt span { font-size:15px; color:#333; line-height:30px; margin:0 0 30px 0; word-break:keep-all;}
.house01 .txtBox .txt p{text-align:right; margin-top:15px; font-size:14px; color:#333; margin:10px 0 25px 0;}
.house01 .txtBox .txt p span{font-size:16px; color:#000;}

@media screen and (max-width:768px) {
/* 4 주택건설- 1주요 사업내용 */
	.house01 .img { height:246px;}
	.house01 .txtBox { width:100%; margin:20px 0 0 0;}
	.house01 .txtBox dl dd { font-size:22px;}
}
	
@media screen and (max-width:640px) and (min-width: 320px) {
/* 4 주택건설- 1주요 사업내용 */
	.house01 .txtBox {  padding:0;}
	.house01 .txtBox dl:after {    margin: 20px 0 17px 56px;}
	.house01 .txtBox dl dt { font-size:16px;}
	.house01 .txtBox .txt {margin-bottom:0;}
	.house01 .txtBox .txt span { font-size:13px; line-height:22px;}
    .house01 .txtBox .txt p{font-size:13px;}
    .house01 .txtBox .txt p span{font-size:14px;}
}

/* 4 주택건설- 2주요 사업 실적 */
.house02_menu { width:100%; height:50px; letter-spacing:-0.03em;} 
.house02_menu ul { border-bottom:1px solid #3381c5; height:40px;}
.house02_menu ul li {float:left; width:19.68%; border:1px solid #e1e1e1; box-sizing:border-box; margin:0 0.4% 0 0;  height:38px;}
.house02_menu ul li:last-child{ margin-right:0; }
.house02_menu ul li a { font-size:16px; color:#555; display:block; line-height:38px; text-align:center;  background:#f7f7f7; }
.house02_menu ul li:hover { font-size:20px; color:#2e5eaa; background:#fff;}
.house02_menu ul li.on { border:1px solid #3381c5; border-bottom-color:#fff; height:40px;}
.house02_menu ul li.on a { font-size:20px; color:#2e5eaa; background:#fff;}

@media screen and (max-width:900px){
    /* 4 주택건설- 2주요 사업 실적 */
	.house02_menu ul { border-bottom:0; height:40px;}
	.house02_menu ul li {width:49.65%; margin:0 0.6% 10px 0; height:30px;}
	.house02_menu ul li:nth-child(2), .house02_menu ul li:nth-child(4) { margin-right:0; }
	.house02_menu ul li a { font-size:14px; line-height:30px;}
	.house02_menu ul li.on { height:30px;}
	.house02_menu ul li.on a { font-size:15px;}
}

/* 4 주택건설- 2주요 사업 실적 */
.house02 {width:100%; overflow:hidden; letter-spacing:-0.03em;}
.house02 p{font-size:18px; color:#000; background:url("/img/sub/txt_icon5.png") no-repeat left 0;  padding:0 0 20px 30px; clear: both; margin-top:40px;}
.house02 .img_box1 {width:100%; overflow:hidden; border:1px solid #ddd; padding:20px; margin-bottom:50px;}
.house02 .img_box1 img{width:100%;}

.house02 .img_box2 {width:100%; clear: both;}
.house02 .img_box2 ul{margin: 0 0 -20px -20px;}
.house02 .img_box2 ul li {float: left; width: calc(33.333% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.house02 .img_box2 ul li img{width:100%;}

.house02 .img_box3 {width:100%; clear: both;}
.house02 .img_box3 ul{margin: 0 0 -20px -20px;}
.house02 .img_box3 ul li {float: left; width: calc(50% - 20px); margin: 0 0 20px 20px; border:1px solid #ddd;}
.house02 .img_box3 ul li img{width:100%;}

@media screen and (max-width:767px){
	/* 4 주택건설- 2주요 사업 실적 */
	.house02 .img_box2 ul li {width: calc(50% - 20px);}
	.house02 p{font-size:16px;}
}

@media screen and (max-width:600px){
	/* 4 주택건설- 2주요 사업 실적 */
	.house02 p{font-size:15px;}
	.house02 .img_box1 {padding:10px}
  }


/* 5 건물종합관리- 1주요 사업내용 */
.building01 {width:100%; letter-spacing:-0.03em;}
.building01 .img1 {width:100%;  overflow: hidden; position: relative; margin-bottom:50px;}
.building01 .img1 img{width:100%;}
.building01 .build {width:100%; overflow: hidden; position: relative;}
.building01 .build .img2 { float: left; position: absolute; top:0; left:0; z-index:5; }
.building01 .build article { float: right; width:70%; background-color: #f5f5f5; height: 490px; margin:20px 0 0 0; color: #333; position: relative;  box-sizing:border-box; z-index:1; }
.building01 .build article span {width:100%; padding-left:280px; font-size:20px; color:#000;  display:inline-block; background:#fff; padding-bottom:20px; }
.building01 .build article span img{padding-right:7px;}
.building01 .build article ul{padding:40px 30px 30px 280px;}
.build article ul .s_tit{font-size:16px; color:#333; background:url("/img/sub/txt_icon6.png") no-repeat left 1px;  padding-left:15px; margin-bottom:10px;}
.building01 .build article ul li{ font-size:15px; color:#333; line-height:20px; background:url("/img/sub/txt_icon1.png") no-repeat left 7px;  padding-left:10px;  margin-bottom:10px;}

.building01 .txtBox { max-width:100%; box-sizing:border-box; margin:30px auto 0 auto; position:relative;}
.building01 .txtBox .l_tit{font-size:20px; color:#000; background:url("/img/sub/txt_icon5.png") no-repeat left 0;  padding:0 0 20px 25px; clear: both; margin-top:30px;}
.building01 .txtBox .s_tit{font-size:16px; color:#333; background:url("/img/sub/txt_icon6.png") no-repeat left 1px;  padding-left:15px; clear: both; margin:25px 0 10px 0;}
.building01 .txtBox .txt {}
.building01 .txtBox .txt ul { width:100%; overflow:hidden; position:relative;}
.building01 .txtBox .txt ul li{ font-size:14px; color:#666; line-height:22px; background:url("/img/sub/txt_icon1.png") no-repeat left 8px; padding-left:10px; margin-bottom:5px;}
.building01 .txtBox .txt ul li:last-child{margin-bottom:0;}
.building01 .txtBox .txt ul li span{color:#0774bf; font-size:16px;}

.building01 .box_txt { overflow: hidden; margin-bottom:15px;}
.building01 .box_txt li { float: left; margin-left: 20px; width: calc(20% - 20px);  height:70px; border:2px solid #0871b1; position: relative; text-align:center;}
.building01 .box_txt li:nth-child(1), 
.building01 .box_txt li:nth-child(5) {width: calc(17% - 20px);}
.building01 .box_txt li:nth-child(2){width: calc(26% - 20px);}
.building01 .box_txt li:first-child { margin-left: 0; }
.building01 .box_txt li:before { content: ""; display: block; width: 8px; height: 40px; background: #fff; position: absolute; top: 50%; right: -8px; margin-top:-19.5px; z-index:2; }
.building01 .box_txt li:after { content: ""; display: block; position: absolute; top: 50%; right: -23px; margin-top:-8px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 15px solid #0871b1; border-bottom: 8px solid transparent; z-index:5; }
.building01 .box_txt li:last-child:before,
.building01 .box_txt li:last-child:after { display: none; }
.building01 .box_txt li >div{display: table; width: 100%; height: 100%; padding:0 5%; position: relative; }
.building01 .box_txt li >div:after{ content: ""; display: block; width: 8px; height: 40px; background: #fff; position: absolute;top: 50%;left: -8px;margin-top: -19.5px;z-index: 2;}
.building01 .box_txt li:first-child >div:after{display: none; }
.building01 .box_txt dl { display: table-cell; vertical-align: middle; }
.building01 .box_txt dt { color: #333; font-size:16px; line-height: 100%; padding-top:5px;}
.building01 .box_txt dd { line-height: 130%; font-size:18px;}

.building01 .box_txt2 { overflow: hidden; margin-bottom:15px;}
.building01 .box_txt2 li { float: left; margin-left: 20px; width: calc(30% - 20px);  height:70px; border:2px solid #0871b1; position: relative; text-align:center;}
.building01 .box_txt2 li:nth-child(1) {width: calc(70% - 20px);}
.building01 .box_txt2 li:nth-child(2) {background: #fff;}
.building01 .box_txt2 li:first-child { margin-left: 0; }
.building01 .box_txt2 li:before { content: ""; display: block; width: 8px; height: 40px; background: #fff; position: absolute; top: 50%; right: -8px; margin-top:-19.5px; z-index:2; }
.building01 .box_txt2 li:after { content: ""; display: block; position: absolute; top: 50%; right: -23px; margin-top:-8px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 15px solid #0871b1; border-bottom: 8px solid transparent; z-index:5; }
.building01 .box_txt2 li:last-child:before,
.building01 .box_txt2 li:last-child:after { display: none; }
.building01 .box_txt2 li >div{display: table; width: 100%; height: 100%; padding:0 5%; position: relative; }
.building01 .box_txt2 li >div:after{ content: ""; display: block; width: 8px; height: 40px; background: #fff; position: absolute;top: 50%;left: -8px;margin-top: -19.5px;z-index: 2;}
.building01 .box_txt2 li:first-child >div:after{display: none; }
.building01 .box_txt2 dl { display: table-cell; vertical-align: middle; }
.building01 .box_txt2 dt { color: #333; font-size:16px; line-height: 100%; }
.building01 .box_txt2 dt span{ color: #0871b1; font-size:18px; line-height: 100%; }

@media screen and (max-width:1200px) {
     /* 5 건물종합관리- 1주요 사업내용 */
	.building01 .box_txt { margin-top: 20px; }
	.building01 .box_txt li { margin-left: 1%; width: 19.1%; }

	.building01 .box_txt li:before { width: 3px; height: 45px; margin-top:-22.5px; right: -3px;  z-index:2; }
	.building01 .box_txt li:after { top: 50%; right: -14px; margin-top:-8px; border-top-width: 6px; border-left-width: 8px; border-bottom-width: 6px; }
	.building01 .box_txt dt { font-size:14px; }
	.building01 .box_txt dd { font-size:16px; }

	.building01 .box_txt2 li:before { width: 3px; height: 45px; margin-top:-22.5px; right: -3px;  z-index:2; }
	.building01 .box_txt2 li:after { top: 50%; right: -14px; margin-top:-8px; border-top-width: 6px; border-left-width: 8px; border-bottom-width: 6px; }
	.building01 .box_txt2 dt { font-size:14px; }
	.building01 .box_txt2 dd { font-size:16px; }
}


@media screen and ( max-width:1100px){
  /* 5 건물종합관리- 1주요 사업내용 */
   .building01 .build article ul{padding:40px 30px 30px 330px;}
   .building01 .build article span {padding-left:330px;}
}	

@media screen and ( max-width:960px){
  /* 5 건물종합관리- 1주요 사업내용 */
	.building01 .build {box-sizing:border-box; padding:0 15px; }
	.building01 .build .img2 { width:50%; }
	.building01 .build article { width:70%; height: auto;}
	.building01 .build article ul{padding:40px 30px 30px 200px;}
	.building01 .build article span {padding-left:300px; font-size:16px;}
	.building01 .build article ul li{ font-size:14px;}
}	

@media screen and ( max-width:767px){
  /* 5 건물종합관리- 1주요 사업내용 */
    .building01 .img1 {margin-bottom:30px;}
	.building01 .build { padding:0; }
	.building01 .build .img2 { float: none; width:100%; display: block; overflow: hidden; position: relative;}
	.building01 .build article { width:100%; height: auto; }
	.building01 .build article span {padding-left:30px; font-size:16px;}
	.building01 .build article ul{padding:30px 30px 20px 30px;}
	.building01 .build article ul li{ font-size:14px; margin-bottom:10px;}

	.building01 .txtBox { width:100%; margin:20px 0 0 0;}
}

@media screen and (max-width:640px) {
   /* 5 건물종합관리- 1주요 사업내용 */
	.building01 .txtBox {  padding:0;}
	.building01 .txtBox .txt {margin-bottom:0;}
	.building01 .txtBox .txt span { font-size:13px; line-height:22px;}
    .building01 .txtBox .l_tit{font-size:16px;}
    .build article ul .s_tit{font-size:14px;}
	.building01 .txtBox .txt ul li{ font-size:13px;}
	.building01 .build article ul li{ font-size:13px}

	.building01 .box_txt li { margin:0 0 15px; width: 100%; padding:0 5%; }
	.building01 .box_txt li:nth-child(1), 
	.building01 .box_txt li:nth-child(5) {margin:0 0 15px; width: 100%; padding:0 5%;}
    .building01 .box_txt li:nth-child(2){margin:0 0 15px; width: 100%; padding:0 5%;}
	.building01 .box_txt li:before { width: 45px; height: 3px; margin:0; top: inherit; bottom:-3px; left:50%; margin-left:-22.5px;  }
	.building01 .box_txt li:after { top: inherit; right: 50%; bottom:-17px; margin:0 -5px 0 0; border-bottom: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #0871b1; }
	.building01 .box_txt li >div:after{width: 45px; height: 3px; margin:0; top: inherit; top:-3px; left:50%; margin-left:-22.5px; }

	.building01 .box_txt2 li { margin:0 0 15px; width: 100%; padding:0 5%; }
	.building01 .box_txt2 li:nth-child(1) {margin:0 0 15px; width: 100%; padding:0 5%;}
	.building01 .box_txt2 li:before { width: 45px; height: 3px; margin:0; top: inherit; bottom:-3px; left:50%; margin-left:-22.5px;  }
	.building01 .box_txt2 li:after { top: inherit; right: 50%; bottom:-17px; margin:0 -5px 0 0; border-bottom: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #0871b1; }
	.building01 .box_txt2 li >div:after{width: 45px; height: 3px; margin:0; top: inherit; top:-3px; left:50%; margin-left:-22.5px; }
	.building01 .box_txt2 {margin-bottom:0;}
}


/* 5 주택건설- 2 통합관리 개념도 */
.building02 {width: 100%; letter-spacing:-0.03em;} 
.building02 img { width:100%; }
.building02 .img { width:100%; }
.building02 .img2 { width:100%; margin-top:33px;}
.building02 .tit{font-size:20px; color:#000; background:url("/img/sub/txt_icon5.png") no-repeat left 0;  padding:0 0 20px 30px; clear: both; margin-top:30px;}

.building02 .box2{width: 100%; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.building02 .left{float:left; width:49%;}
.building02 .right{float:left; width:49%; margin-left:2%;}
.building02 .txtNum {}
.building02 .txtNum ol{overflow:hidden; list-style-type:decimal;}
.building02 .txtNum ol li{margin-left:30px; padding:0; list-style:decimal; color:#666; line-height:30px; letter-spacing:-0.02em; font-size:16px;}

@media screen and (max-width:767px) {
    /* 5 주택건설- 2 통합관리 개념도 */
	.building02 .left{float:none; width:100%;  margin-bottom:40px;}
    .building02 .right{float:none; width:100%; margin-left:0;}
}

@media screen and (max-width:640px) {
	/* 5 주택건설- 2 통합관리 개념도 */
	.building02 .tit{font-size:16px;}
	.building02 .txtNum ol li{line-height:25px; font-size:14px;}
}

/* 5 주택건설- 3건축물 통합관리 서비스 운영계획*/
.building03 {width: 100%; letter-spacing:-0.03em;}
.building03 .tit{font-size:20px; color:#000; background:url("/img/sub/txt_icon5.png") no-repeat left 0;  padding-left:30px; margin-bottom:25px;clear: both;}

.building03 .list{width:100%; text-align:center; letter-spacing:-0.03em;}
.building03 .list ul {width:100%; display: inline-block; margin-left:-10px;}
.building03 .list ul li {float:left; width:33.333%; width: calc(33.333% - 10px); height:550px; margin:0 0 30px 10px; border: 1px solid  #e1e1e1; position: relative; }
.building03 .list ul li span.tit{position:absolute; left: 50%; margin-left: -75px; margin-top: 80px; display: block; width:150px; height:150px;  background:#084787; filter:alpha(opacity=70); opacity:0.7; 
     border-radius: 50%; padding-top:30px;}
.building03 .list ul li span.tit p{color: #fff; font-size: 17px; text-align:center; line-height:22px;  margin-left: -30px;} 
.building03 .list ul li span.tit img{display:block; text-align:center; padding:10px 0 0 20px;}
.building03 .list ul li .img img{width:100%;  }
.building03 .list ul li .cnt {padding: 20px 15px 30px 15px; position: relative;}
.building03 .list ul li .cnt dl {}
.building03 .list ul li .cnt dl dt{font-size:20px; color: #000; padding-bottom: 10px; position: relative; margin-bottom: 15px; letter-spacing:-0.03em;}
.building03 .list ul li .cnt dl dt:after {position: absolute; left: 50%; bottom: 0; margin-left: -20px; width: 40px; height: 1px; background-color: #084787; content: "";}
.building03 .list ul li .cnt dl dd{text-align:left; font-size: 14px; font-weight: 300; color: #666;}

.building03 .list .txtNum {}
.building03 .list .txtNum ol{overflow:hidden; list-style-type:decimal;}
.building03 .list .txtNum ol li{width:100%; position: relative; border:0; margin:0 0 0 20px; padding:0; list-style:decimal; color:#666; line-height:25px; letter-spacing:-0.02em; font-size:14px; height:auto;}

@media screen and (max-width:1100px){
   /* 5 주택건설- 3건축물 통합관리 서비스 운영계획*/
	.building03 .list{margin-top: 50px;}
	.building03 .list ul li{width:50%;	width: calc(50% - 10px); height:280px;}
	.building03 .list ul li span.num{width: 40px;height: 40px; line-height: 42px; margin-left: -20px; margin-top: -20px; font-size:15px; }
	}

@media screen and (max-width:650px) {
    /* 5 주택건설- 3건축물 통합관리 서비스 운영계획*/
	
	.building03 .list ul li .cnt dl dt{font-size:16px;}
	.building03 .list ul li .cnt dl dd{font-size: 13px;}

	.building03 .list{margin-top: 30px;}
	.building03 .list ul li {float:none; width:100%; width: calc(100% - 10px);}
	
	.building03 .list ul li .cnt{padding: 20px 10px 40px 10px;}
	.building03 .list ul li .cnt dl dt{font-size: 15px;}
	.building03 .list ul li .cnt dl dd{font-size: 13px;}
}

/* 5 주택건설- 4건물통합관리 서비스*/
.building04 {width: 100%; letter-spacing:-0.03em;}
.building04 .tit{font-size:20px; color:#000; background:url("/img/sub/txt_icon5.png") no-repeat left 0;  padding-left:30px; margin-bottom:25px;clear: both;}
.building04 img{width: 100%;}

/* 5 주택건설- 5원격시스템 개념도(한눈에 서비스)*/
.building05 {width: 100%; letter-spacing:-0.03em;}
.building05 .tit{font-size:20px; color:#000; background:url("/img/sub/txt_icon5.png") no-repeat left 0;  padding-left:30px; margin-bottom:25px;clear: both;}
.building05 img{width: 100%;}

/* 5 건물종합관리- 7주요 사업내용 */
.building07 {width:100%; letter-spacing:-0.03em;}
.building07 .img1 {width:100%;  overflow: hidden; position: relative; margin-bottom:50px;}
.building07 .img1 img{width:100%;}
.building07 .build {width:100%; overflow: hidden; position: relative;}
.building07 .build .img2 { float: left; position: absolute; top:0; left:0; z-index:5; }
.building07 .build article { float: right; width:70%; background-color: #f5f5f5; height: 580px; margin:20px 0 0 0; color: #333; position: relative;  box-sizing:border-box; z-index:1; }
.building07 .build article span {width:100%; padding-left:280px; font-size:20px; color:#000;  display:inline-block; background:#fff; padding-bottom:20px; }
.building07 .build article span img{padding-right:7px;}
.building07 .build article ul{padding:40px 30px 30px 280px;}
.building07 .build article ul li{ font-size:15px; color:#333; line-height:20px; background:url("/img/sub/txt_icon6.png") no-repeat left 3px;  padding-left:18px;  margin-bottom:10px;}

@media screen and ( max-width:1100px){
   /* 5 건물종합관리- 7주요 사업내용 */
   .building07 .build article ul{padding:40px 30px 30px 330px;}
   .building07 .build article span {padding-left:330px;}
}	

@media screen and ( max-width:960px){
   /* 5 건물종합관리- 7주요 사업내용 */
	.building07 .build {box-sizing:border-box; padding:0 15px; }
	.building07 .build .img2 { width:50%; }
	.building07 .build article { width:70%; height: auto;}
	.building07 .build article ul{padding:40px 30px 30px 200px;}
	.building07 .build article span {padding-left:300px; font-size:16px;}
	.building07 .build article ul li{ font-size:14px;}
}	

@media screen and ( max-width:767px){
   /* 5 건물종합관리- 7주요 사업내용 */
    .building07 .img1 {margin-bottom:30px;}
	.building07 .build { padding:0; }
	.building07 .build .img2 { float: none; width:100%; display: block; overflow: hidden; position: relative;}
	.building07 .build article { width:100%; height: auto; }
	.building07 .build article span {padding-left:30px; font-size:16px;}
	.building07 .build article ul{padding:30px 30px 20px 30px;}
	.building07 .build article ul li{ font-size:14px; margin-bottom:10px;}
}


/*----------서브 메뉴----------*/
.sb_mu {width:100%; margin-left:0.1%; }
.sb_mu a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.sb_mu ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu li {text-align:center; float:left; width:50%; text-align:center;}
.sb_mu a {display:block;position:relative;margin-left:0px; padding:15px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff; font-size:15px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.sb_mu .on {z-index:2; border-top:2px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; color:#fff;font-weight:bold; background:#333;}

@media only screen and (max-width:768px){
.sb_mu ul {width:100%;}
.sb_mu ul {overflow:hidden; margin-bottom:25px; }
.sb_mu a {padding:10px 5px; border:1px solid #d7d7d7;font-size:13px;}
.sb_mu a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border:1px solid #d7d7d7;}
.sb_mu .on {border:1px solid #333;}
}




/*----------서브 메뉴----------*/
.sb_mu2 {width:100%;  margin-left:0.1%;}
.sb_mu2 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.sb_mu2 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu2 li {text-align:center; float:left; width:33.3%; text-align:center;}
.sb_mu2 a {display:block;position:relative;margin-left:0px; padding:15px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff; font-size:15px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.sb_mu2 .on {z-index:2; border-top:2px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; color:#fff;font-weight:bold; background:#333;}


@media only screen and (max-width:768px){
.sb_mu2 ul {width:100%;}
.sb_mu2 ul {overflow:hidden; margin-bottom:25px; }
.sb_mu2 a {padding:10px 5px; border:1px solid #d7d7d7;font-size:13px;}
.sb_mu2 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border:1px solid #d7d7d7;}
.sb_mu2 .on {border:1px solid #333;}
}

/*----------서브 메뉴----------*/
.sb_mu3 {width:100%;  margin-left:0.1%;}
.sb_mu3 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.sb_mu3 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu3 li {text-align:center; float:left; width:25%; text-align:center;}
.sb_mu3 a {display:block;position:relative;margin-left:0px; padding:15px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff; font-size:15px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.sb_mu3 .on {z-index:2; border-top:2px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; color:#fff;font-weight:bold; background:#333;}


@media only screen and (max-width:768px){
.sb_mu3 ul {width:100%;}
.sb_mu3 ul {overflow:hidden; margin-bottom:25px; }
.sb_mu3 a {padding:10px 5px; border:1px solid #d7d7d7;font-size:13px;}
.sb_mu3 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border:1px solid #d7d7d7;}
.sb_mu3 .on {border:1px solid #333;}
}



/*----------서브 메뉴----------*/
.sb_mu4 {width:100%; margin-left:0.1%; }
.sb_mu4 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-weight:bold;                                                           background:#f7f7f7;}
.sb_mu4 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:40px; }
.sb_mu4 li {text-align:center; float:left; width:20%; text-align:center;}
.sb_mu4 a {display:block;position:relative;margin-left:0px; padding:15px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff; font-size:15px; color:#666;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.sb_mu4 .on {z-index:2; border-top:2px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; color:#fff;font-weight:bold; background:#333;}

@media only screen and (max-width:768px){
.sb_mu4 ul {width:100%;}
.sb_mu4 ul {overflow:hidden; margin-bottom:25px; }
.sb_mu4 a {padding:10px 5px; border:1px solid #d7d7d7;font-size:13px;}
.sb_mu4 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#000; border:1px solid #d7d7d7;}
.sb_mu4 .on {border:1px solid #333;}
}

/*----------서브 메뉴----------*/
.sb_mu6 {width:100%; margin-left:0%; }
.sb_mu6 ul {margin:0 auto; width:100%; overflow:hidden; margin-bottom:0px; }
.sb_mu6 li {text-align:center; float:left; width:100%; text-align:center;}
.sb_mu6 a {display:block;position:relative;margin-left:-40px;padding:8px 0; border-top:1px solid #00b0f0; border-left:1px solid #00b0f0; border-right:1px solid #00b0f0; border-bottom:1px solid #00b0f0; background:#fff; font-size:15px; color:#fff;text-align:center;letter-spacing:-0.03em; line-height:1.2em;cursor:pointer}
.sb_mu6 .on {z-index:2; border-top:2px solid #00b0f0; border-left:1px solid #00b0f0; border-right:1px solid #00b0f0; border-bottom:1px solid #00b0f0; color:#fff;font-weight:bold; background:#00b0f0;}

@media only screen and (max-width:768px){
.sb_mu6 ul {width:100%;}
.sb_mu6 ul {overflow:hidden; margin-bottom:25px; }
.sb_mu6 a {padding:10px 5px; border:1px solid #00b0f0;font-size:13px;}
.sb_mu6 a:focus, .pg_menu1 a:hover, .pg_menu1 a:active {color:#fff; border:1px solid #00b0f0;}
.sb_mu6 .on {border:1px solid #333;}
}






/* 회원약관 */
.font_m {font-size:14px; color:#666;}
.font_b {font-size:16px; color:#000;}

/* 페이지 준비중 */
.page_perpare {text-align:center;}

@media (max-width:768px){
.page_perpare img {width:100%; padding:0 0 10px 0}
}