/**********************************  custom  *********************************/
.m_noti p:last-child{color:#f2662b;font-weight: bold;}
.corpHistory .line{width: 76%;border-top: 1px solid #afafaf;margin-left: 8px;color:#ff0000;font-weight: bold;}
.corpHistory .line_m{border: 1px solid #333;padding: 10px;margin-top: -75px;margin-left: 150px;font-weight: bold;color:#ff0000;}

@media(max-width:1445px){
    .corpHistory .line_m {
    border: 1px solid #333;
    padding: 10px;
    margin-top: -97px;
    margin-left: 75px;
}

.corpHistory .line {
    width: 71%;
    border-top: 1px solid #afafaf;
    margin-left: 8px;
}
    
}

@media(max-width:1199px){
    .m_noti p:last-child{color:#f2662b;font-weight: bold;}
    .corpHistory .line,.corpHistory .line_m{display:none;}
    
}

@media(max-width:991px){
    .lt{letter-spacing: -1.3px;}
}

/**********************************  custom  *********************************/




p{font-size:18px; line-height: 26px; font-weight: lighter}
	
.en{text-align:center; padding-top:150px;font-size:72px;font-family: 'Roboto Condensed', sans-serif;letter-spacing:1px; font-weight: bold; color: rgba(255, 255, 255, 0.70)}
.en2{font-family: 'Roboto', sans-serif;letter-spacing:1px; font-weight: bold;}

/**********************************  vector icons  *********************************/

.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';
}



.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }
.material-icons.md-70 { font-size: 65px; }
.material-icons.md-80 { font-size: 80px; }


.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.orange600 { color: #a38c79; }



/** ex:<i class="material-icons md-60">fingerprint</i>
	<i class="material-icons md-light md-inactive">face</i>
	<i class="material-icons orange600">face</i>
	**/

/**********************************  e: vector icons  *********************************/







/* common 보편작업 */


@media(max-width:1200px){
	.hide_sm{display: none}
}



/* Visual sub*/
#visual{z-index:998;top:0;left:0;right:0;color:#fff;line-height:1;font-size:16px;}
#visual .visualArea{height:331px;margin:0 auto;overflow:hidden; }
#visual .visualArea.vs1{background:url(../img/bg_sub01.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs2{background:url(../img/bg_sub03.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs3{background:url(../img/bg_sub02.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs4{background:url(../img/bg_sub04.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs5{background:url(../img/bg_sub05.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs6{background:url(../img/bg_sub06.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs7{background:url(../img/img_vs7.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea.vs8{background:url(../img/img_vs8.jpg) no-repeat center center;background-size:cover;}
#visual .visualArea div{margin:0 auto;padding:0 60px; }

/*  #visual .visualArea div p{text-align: center; color: #fff; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.14); letter-spacing: 0; font-size: 3em; line-height: 70px;  font-weight:800;  background: rgba(249, 75, 13, 0.63); display: block; max-width: 250px; margin: 185px auto 0; padding: 0.01em 0.1em; box-sizing: border-box }  */
 
#visual .visualArea div p{text-align: center; color: #fff; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.44); letter-spacing: 0; font-size: 3.5em; line-height: 70px;  font-weight:bold;  display: block;  margin: 185px auto 0; padding: 0.01em 0.1em; box-sizing: border-box; letter-spacing: -1px } 




#visual .visualArea div span{display:block;padding:20px 0 0 50px;}
@media screen and (max-width:1200px){
		#visual .visualArea div p{text-align: center; color: #fff; /* text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.54); */ letter-spacing: 0; font-size: 2em;  }
	#visual .visualArea div{width:100%;padding:0;}
	#visual .visualArea div p{padding-left:0px;}
	#visual .visualArea div span{padding-left:26px;}
}

@media screen and (max-width:960px){
	#visual .visualArea div p{text-align: center; color: #fff; color: #fff; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.44); letter-spacing: 0; font-size: 2.8em; line-height: 70px;  font-weight:800;  display: block; margin: 185px auto 0; padding: 0.01em 0.1em; box-sizing: border-box }
   #navigation .naviWrap .naviList dl{position:relative;float:left;width:240px;}
#navigation .naviWrap .naviList .dep2{width:260px;}
}


@media screen and (max-width:760px){
	.naviWrap{display: none}
	
	#visual .visualArea div p{text-align: center; color: #fff; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.44); letter-spacing: 0; font-size: 2.6em; line-height: 70px;  font-weight:bold;   display: block;  margin: 185px auto 0; padding: 0.01em 0.1em; box-sizing: padding-box }
	
}





/********************** 게시판 페이징 ************************/
.pagination > li > a,
.pagination > li > span {
  border: 0;
  border-radius: 30px !important;
  transition: all .3s;
  padding: 0px 11px;
  margin: 0 3px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  background: transparent;
}


.pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover,
.pagination.pagination-info > .active > span,
.pagination.pagination-info > .active > span:focus,
.pagination.pagination-info > .active > span:hover {
  background-color: #f44336;
  border-color: #f44336;
  box-shadow: 0 4px 5px 0 rgba(3, 169, 244, 0.14), 0 1px 10px 0 rgba(3, 169, 244, 0.12), 0 2px 4px -1px rgba(3, 169, 244, 0.2);
}



        
        
        
        
        















/* 각종 간격 */




/* 컬러 */

.color1{color: #043465}
.color2{color: #0054a6}
.color3{color: #2b73b9}
.color4{color: #db3900}
.color5{color: #7c9ab6}
.color6{color: #666}



.brown1{color:#c78718}
.red1{color: #f55c23}

/* font by 201703 haze */
h1{font-size: 36px}
h2{font-size: 28px}
h3{font-size: 24px}
h4{font-size: 21px}
h5{font-size: 18px}
h6{font-size: 16px}
p{font-size: 14px}
small{font-size: 13px}
.title{font-size: 80px}
.b{font-weight: bold}


/* notice by 201703 haze  */
#notice{height: auto; background-color: #d9e6f2; padding:100px 0;}
.noticeOut{ margin-bottom: 250px; }
	.noticeOut1{width:537px; height:292px; background-color:#fff; display: inline-block}
	.noticeOut2{width:537px; height:292px; background-color:#fff; display: inline-block; float: right}

@media screen and (max-width:960px){
	.noticeOut1{width:537px; height:292px; background-color:#fff;  }
	.noticeOut2{width:537px; height:292px; background-color:#fff; margin: 0 auto }
	#info2{text-align: center	}
	
}




/******************   연혁   ******************/

corpHistory{margin-top:0px;}
.corpHistory .year{background:url(../images/history_line.gif) 262px top  no-repeat;}
.corpHistory .year:after{display:block; content:""; clear:both;}
.corpHistory .y2000{background:url(../img/history.jpg) left top no-repeat; text-indent:-9999px; width:277px; height:281px; float:left;}
.corpHistory .y1990{background:url(../images/company/con22.png) left top no-repeat; text-indent:-9999px; width:277px; height:100px; float:left;}
.corpHistory .y1980{background:url(../images/company/con23.png) left top no-repeat; text-indent:-9999px; width:277px; height:100px; float:left;}
.corpHistory ul{float:left; margin-left:-15px; background:url(../images/company/con2.png) left bottom no-repeat;}
.corpHistory ul li{display:table; margin-bottom:40px;}
.corpHistory ul li p{display:table-cell; vertical-align:top; padding-left:50px; font-size: 16px; line-height: 24px; color: #777;}
.corpHistory ul li .yBold{padding-left:68px; color:#0054a6; font-size:30px; font-family:"MuseoSans"; font-weight:500; background:url(../images/company/con2_peaker.png) left center no-repeat;}
.corpHistory ul li .y{padding-left:98px; color:#111; font-size:28px; padding-top: 8px!important; font-family:"MuseoSans"; font-weight:500; background:url(http://www.nicevan.co.kr/korean/images/company/con2_peaker.png) left 10px no-repeat; width: 165px}
.corpHistory ul li .textBold{line-height:28px; color:#0054a6; font-weight:700; font-size:20px;}

@media screen and (max-width:1000px){
	
	.corpHistory .year{ background-position:22.4% top;}
	.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{width:23%}
	.corpHistory ul{width:77%}
	.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{background-size:90%;}
	.corpHistory ul{margin-left:-5px;}
	.corpHistory ul li p{display:table-cell; vertical-align:top; padding-left:20px; font-size: 12px; line-height: 21px; color: #777;}

	.corpHistory ul li .yBold{font-size:18px;background-size:40%; padding-left:40px;}
	.corpHistory ul li .y{font-size:15px; background-size:40%; padding-left:40px; width: 25px}
	.corpHistory ul li .textBold{font-size:14px; line-height:20px;}
	
}

@media screen and (max-width:767px){
    .corpHistory .year{ background-position:22.4% top;}
}
@media screen and (max-width:755px){
    .corpHistory .year{ background-position:22.3% top;}
}
@media screen and (max-width:696px){
        .corpHistory .year{ background-position:22.1% top;}
}
@media screen and (max-width:547px){
       .corpHistory .year{ background-position:22% top;}
}
@media screen and (max-width:518px){
           .corpHistory .year{ background-position:21.7% top;}
}
@media screen and (max-width:500px){
           .corpHistory .year{ background-position:21.6% top; background: url(../images/history_line_m.gif) 21.6% no-repeat; background-size: contain;}
    .corpHistory ul li {letter-spacing: -2.1px;}
}

@media screen and (max-width:320px){
    .corpHistory .year{
        background: url(../images/history_line_m.gif) top no-repeat;
    background-size: contain;
    background-position: 21%;}
}








/*FOOTER by 201703 haze*/
/******************   FOOTER   ******************/

#footer{background:#2e2e2e; position:relative; padding: 5px 0 2% 0 ; font-family: 'notokr-light';}
#footer hr{border:none; border-bottom:1px solid #666; height:1px; border-collapse:collapse; margin:0;}
#footer .btnWrap{width:auto; margin:0 auto; }
#footer ul li{float:left; }
#footer ul li a{line-height:60px; color:#fff; font-size:16px; padding:0 14px; font-family: 'Nanum Square';}
#footer ul li.first a{padding-left:0; background:none;}

#footer .btnWrap:after{display:block; content:""; clear:both; font-family: 'Nanum Square';}
#footer .copy{width:auto; margin:0 auto; height:auto; padding-left:180px; background:url(../images/flogo.png) no-repeat left top; overflow:hidden;  margin-top: 30px}
#footer .copy .text:after{display:block; content:""; clear:both;}
#footer .copy .text{width:auto; margin-top:0px;}
#footer .copy .text .adress{font-size:16px; color:#7e7d7d; padding-right:10px; float:left;font-family: 'Nanum Square'; }

#footer .copy .text .tel{font-size:24px; color:#fff; float: right; font-weight: bold; letter-spacing: 0; font-family: 'roboto'}
#footer .copy .copyright{font-size:14px; color:#9f9f9f; font-family: 'roboto'; display: block; letter-spacing: 0; }




@media screen and (max-width:1200px){

#footer .btnWrap{width:auto; padding: 0} 
#footer .copy .text .adress{font-size:13px; padding-right:10px; float:left; line-height:23px;font-family: 'Nanum Square'; }

}

@media screen and (max-width:960px){
#footer{padding-top: 12px}

#footer .btnWrap{width:100%; margin:0 auto; text-align:center;}
#footer ul li{float:none; display:inline-block;}
#footer ul li a{line-height:30px; font-size:12px;padding:0 10px;}
#footer ul li a.bold{font-weight:800;}
#footer .copy{width:auto; margin:0 auto; height:auto; padding-left:70px; background:url(../img/flogo.png) no-repeat left top;  background-size:50px; overflow:hidden; margin-top: 20px}
#footer .copy .text{width:auto; }
#footer .copy .text .adress{font-size:10px; padding-right:10px; float:left; line-height:16px;}
#footer .copy .text .tel{font-size:10px; color:#dde2e8;  background:none; float:right; }
#footer .copy .copyright{font-size:10px; }
}

@media screen and (max-width:674px){
#footer{ padding-top: 15px}
#footer .btnWrap{width:100%; margin:0 auto; text-align:center; margin-bottom: 10px}

#footer .copy{ background:url(../images/flogo2.png) no-repeat left top; overflow:hidden; margin-top: 20px }

#footer .copy .text .tel{font-size:10px;   background:none; float:left; margin:0; padding:0}
}






/***************************** 상단네비 ******************************/

/*--20170314 by haze--*/

.navbar {
  background-color: #fff!important;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  padding: 22px 0 18px 0;
  border-top:10px solid #f2662b;
}
.navbar .navbar-brand {
  position: relative;
  height: 50px;
  line-height: 30px;
  color: inherit;
  padding: 10px 15px;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
  color: inherit;
  background-color: transparent;
}
.navbar .navbar-text {
  color: inherit;
  margin-top: 15px;
  margin-bottom: 15px;
}

/*--20160713폰트사이즈--*/
.navbar .navbar-nav > li > a {
 
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 3px;
}

/******************   서브타이틀 컬러 및 레이아웃   ******************/

#business1{}
#business1 h1{ font-size: 28px; line-height: 36px; color: #2b2b2b; font-family: 'Nanum Square';letter-spacing: -1px}
#business1 .txt{ font-size: 16px; line-height: 24px; color: #4d4d4d; }
#business1 h2{ font-size: 21px; line-height: 36px; color: #f55c23; font-family: 'Nanum Square';letter-spacing: -1px; font-weight: bold}
#business1 .stxt{ font-size: 16px; line-height: 28px; color: #777;  }
.txt{ font-size: 16px; line-height: 24px; color: #4d4d4d; }







/******************   사업영역   ******************/

#buss{width:100%;  text-align:center; padding:80px 0;}
#buss h2{color:#3a3a3a; font-size:42px; /* font-family:"MuseoSans"; */font-family: 'Nanum Square';}
#buss .split{display:inline-block; width:40px; height:1px; background:#888; margin-top:30px;}
#buss .conWrap{width:1180px; margin:60px auto 0;}
#buss .conWrap:after{display:block; content:""; clear:both;}
#buss .conWrap ul li{float:left; width:380px;height:456px;}
#buss .conWrap ul li a{display:block; width:100%; height:100%; overflow:hidden;}
#buss .conWrap .one a{background:url(../images/bs_l1.jpg) no-repeat top center;}
#buss .conWrap .two a{background:url(../images/bs_l2.jpg) no-repeat top center;}
#buss .conWrap .three a{background:url(../images/bs_l3.jpg) no-repeat top center;}
#buss .conWrap .one .title{font-size:24px; margin-top:265px; color:#333; font-family: 'Nanum Square';letter-spacing: -1px; display:block;}
#buss .conWrap .two .title{font-size:24px; margin-top:40px; color:#333;  font-family: 'Nanum Square'; letter-spacing: -1px;  display:block;}
#buss .conWrap .three .title{font-size:24px; margin-top:265px; color:#333;  font-family: 'Nanum Square'; letter-spacing: -1px; display:block;}

#buss .conWrap .one .text,#buss .conWrap .four .text{margin-top:15px; color:#828282; padding:0 40px; line-height:26px; font-size: 15px; display:block;}
#buss .conWrap .two .text,#buss .conWrap .three .text{margin-top:15px; color:#828282; padding:0 40px; line-height:26px; font-size: 15px; display:block;}

@media screen and (max-width:1200px){
	
	#buss .conWrap{width:900px; margin:60px auto 0;}
	#buss .conWrap ul li{float:left; width:300px;height:360px;}
	#buss .conWrap .one a{background:url(../images/bs_m1.jpg) no-repeat top center;}
	#buss .conWrap .two a{background:url(../images/bs_m2.jpg) no-repeat top center;}
	#buss .conWrap .three a{background:url(../images/bs_m3.jpg) no-repeat top center;}
	#buss .conWrap .one .title{margin-top:215px; font-size:18px;}
	#buss .conWrap .two .title{margin-top:35px; font-size:18px;}
	#buss .conWrap .three .title{margin-top:215px; font-size:18px;}
	#buss .conWrap .one .text,#buss .conWrap .four .text{margin-top:10px;padding:0 15px; line-height:18px; font-size:12px;}
	#buss .conWrap .two .text,#buss .conWrap .three .text{margin-top:10px;padding:0 15px; line-height:18px; font-size:12px;}
}

@media screen and (max-width:960px){
	
	#buss{padding:35px 0;}
	#buss h2{font-size:30px;}
	#buss .split{ width:20px; margin-top:15px;}
	#buss .conWrap{width:320px;margin:25px auto 0;}
	#buss .conWrap ul li{ clear:both; width:320px;height:171px; position:relative;}
	#buss .conWrap .one a{background:url(../images/bs_s1.jpg) no-repeat top center; background-size:cover;}
	#buss .conWrap .two a{background:url(../images/bs_s2.jpg) no-repeat top center; background-size:cover;}
	#buss .conWrap .three a{background:url(../images/bs_s3.jpg) no-repeat top center; background-size:cover;}
	#buss .conWrap .one .title{ width:160px; right:0; top:20px; margin-top:0; position:absolute; font-size:15px;}
	#buss .conWrap .two .title{width:160px; left:0; top:20px; margin-top:0; position:absolute; font-size:15px;}
	#buss .conWrap .three .title{width:160px; right:0; top:20px; margin-top:0; position:absolute; font-size:15px;}
	#buss .conWrap .four .title{width:160px; left:0; top:85px; margin-top:0; position:absolute; font-size:15px;}
	#buss .conWrap .one .text{margin-top:0px;padding:0 10px; width:185px; position:absolute;right:0; top:45px; font-size:12px;padding-left: 28px}
	#buss .conWrap .two .text{margin-top:0px; padding:0 10px;width:185px;position:absolute;left:0; top:45px; font-size:12px;padding-right: 34px}
	#buss .conWrap .three .text{margin-top:0px;padding:0 10px; width:185px; position:absolute;right:0; top:45px; font-size:12px; padding-left: 28px}
		
}


/******************   주요현황   ******************/

#state{width:100%; background:url(../images//state_bg.jpg) no-repeat center center; text-align:center; padding:60px 0 90px; background-size:cover;}
#state h2{color:#fff; font-size:42px; /* font-family:"MuseoSans"; */font-family: 'Nanum Square';}
#state .split{display:inline-block; width:40px; height:1px; background:#fff; margin-top:30px;}
#state ul{width:1180px; margin:80px auto 0;}
#state ul:after{display:block; content:""; clear:both;}
#state ul li{float:left; width:295px;position:relative;}
#state ul .one{background:url(../images/main_icon1.png) no-repeat top center;}
#state ul .two{background:url(../images/main_icon2.png) no-repeat top center;}
#state ul .three{background:url(../images/main_icon3.png) no-repeat top center;}
#state ul .four{background:url(../images/main_icon4.png) no-repeat top center;}
#state .title{font-size:21px; margin-top:115px; color:#e9eff4;font-family: 'Nanum Square';}
#state .text{font-size:13px;color:#acb1bc; line-height:16px;}
#state a{width:108px; height:28px; border:1px solid #eb842d; line-height:28px; color:#fff; text-indent:20px; background:url(../images/arrow_white.png) no-repeat 80px center; text-align:left; margin-top:45px; position:absolute; top:115px; left:93px;}


@media screen and (max-width:1200px){
	
	#state ul{width:900px;}
	#state ul li{float:left; width:225px;position:relative;}
	#state a{left:58px;}
	
}

@media screen and (max-width:960px){
	
	#state{padding:55px 0 0px; height:700px; position:relative;}
	#state h2{font-size:30px;}
	#state .split{ width:20px; margin-top:15px;}
	#state ul{width:320px; margin:100px auto 0;}
	#state ul li{width:112px; position:absolute;}
	#state ul .one{background-size:100%; left:50%; margin-left:-130px; top:170px;}
	#state ul .two{background-size:100%; left:50%; margin-left:30px; top:170px;}
	#state ul .three{background-size:100%; left:50%; margin-left:-130px; top:400px;}
	#state ul .four{background-size:100%; left:50%; margin-left:30px; top:400px;}
	#state .title{font-size:15px; margin-top:120px;}
	#state a{width:69px; height:22px; border:1px solid #5d6d88; line-height:22px; color:#fff; text-indent:10px; background:url(../images/arrow_white.png) no-repeat 55px center; text-align:left; position:absolute; top:100px; left:20px; font-size:12px;}	
	
}




/******************   사업영역 > 건축물종합관리 > 청소 및 소독방역 단계이미지   ******************/

.clean{margin:60px 0; display:table; width:100%;}
.clean li{width:33.3%; text-align:center; border-left:1px solid #b4c0cd; display:table-cell;}
.clean li:first-child{border:none;}
.clean .one .ico{background:url(../img/ico_clean1.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;}
.clean .two .ico{background:url(../img/ico_clean2.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;}
.clean .three .ico{background:url(../img/ico_clean3.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;}

.clean .one .eng{font-size:14px; color:#26a5ca; margin-top:10px;}
.clean .two .eng{font-size:14px; color:#1874a2; margin-top:10px;}
.clean .three .eng{font-size:14px; color:#044a90; margin-top:10px;}
.clean .text{font-size:14px; color:#454545; line-height:22px; margin-top:10px;}



@media screen and (max-width:1200px){
			

}

@media screen and (max-width:960px){
	
	.clean li{width:100%; border-left:none; border-top:1px solid #b4c0cd; display:block;;}
	.clean .text{margin-bottom:20px;}
	.clean .three .text{margin-bottom:0;}
	.clean .ico{margin-top:30px;}
	.clean .one .ico{margin-top:0;}
	
		
}




/**********************************  사업영역 > 건축물종합관리 > 청소 및 소독방역  절차순서 ********************************** */
.plat_process2{width:100%;overflow:hidden;margin:0 auto; left:140px; clear: both; margin-top: 20px}
.plat_process2 ul {}
.plat_process2 ul li{float:left;width:12.5%; height: auto; padding:0 0% 3% 0%;font-size:12px; padding-top: 20px; display: block; text-align: center }
.plat_process2 ul li.last{padding-right:0;}
.plat_process2 ul li span{display:block;text-align:center;font-size:18px;font-weight:bold;color:#d71b34; width: 50px; height:50px; margin: 0 auto;  padding-top: 12px; margin-bottom: 20px; border-radius: 40px; border: 3px solid #f85b0a  }
.plat_process2 ul li span:after{display: block; content: ''; }



@media screen and (max-width: 568px) {

.plat_process2{ margin-top:0 }
.plat_process2 ul {}
.plat_process2 ul li{float:left!important;width:100%; height:auto; font-size:13px;text-align: center; }
.plat_process2 ul li.last{}
.plat_process2 ul li span{display:block;text-align:center!important;font-size:16px;font-weight:bold;color:#d71b34;}
	
}







/******************************  depth icon  ****************************/

ul.im1 {
        list-style-image: url( "/theme/tams/img/icon_a.gif" );
        margin-left: 30px;
        font-size: 15px;
        font-weight: 100;
        color: #333;
      }
.im1>li{
	margin-bottom: 10px;
	line-height: 23px!important }  
	
.im1 li:first-child{margin-top: 10px}    
      
 ul.im2 {
        list-style-image: url( "../img/icon_b.gif" );
        margin-left: 20px;
        font-size: 14px;
        color: #777;
      }
      
  .im2 li{line-height: 30px;
	
}     
      
 ul.im3 {
        list-style-image: url( "../img/icon_c.gif" );
        margin-left: 20px;
        font-size: 14px;
       
        color: #777;
        font-weight: 100;
        
      }
 .im3 li{line-height: 24px!important}
 
 .im3 li:first-child{margin-top: 10px;}
 .im3 li:last-child{margin-bottom: 20px;}
 
 
 
 
 ul.decimal {list-style-type:none;
	 margin-left: 15px;
	 font-size: 18px;
	 color: #e88e00;
	 
 }
.decimal>li{line-height: 46px;
	margin-top: 20px
}

 ul.lower-alpha {list-style-type:lower-alpha;
	 margin-left: 15px;
	 font-size: 17px;
	 color: #333;
	 font-weight: bold;
	 
	 
 }
 .lower-alpha li{line-height: 30px;
	 
	 
 }




@media(max-width:960px)
{
ul.im1,ul.im2,ul.im3{margin-left:10px }
	
}

/********  sub navi 1depth **********/


.nav-pills > li + li {
  margin-left: 0;
}
.nav-pills > li > a {
  border: 2px solid #eb842d;
  border-radius: 0;
  color: #eb842d;
  font-weight: 600;
  margin-left: -1px;
  padding: 12px 20px;
  font-size: 16px
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #eb842d;
  background-image: 
   repeating-linear-gradient(-45deg,
      transparent, 
      transparent 5px, 
      rgba(0, 0, 0, 0.1) 5px, 
      rgba(0, 0, 0, 0.1) 10px);
      
  color: #FFFFFF;
}
.nav-pills > li:first-child > a {
  border-radius: 30px 0 0 30px;
  margin: 0;
}
.nav-pills > li:last-child > a {
  border-radius: 0 30px 30px 0;
}
 
 
 
@media(max-width:960px){
	.nav-pills > li > a {

  border-radius: 0;

  font-weight: 600;
  margin-left: -1px;
  padding: 12px 20px;
}
	
	.nav-pills > li:first-child > a {
  border-radius: 0;
  margin-bottom: 5px;
}
.nav-pills > li:last-child > a {
  border-radius: 0;
}
	
} 




/********  sub navi 2depth **********/


.nav-pills2 > li + li {
  margin-left: 0;
}
.nav-pills2 > li > a {
  border: 2px solid #eb842d;
  border-radius: 0;
  color: #eb842d;
  font-weight: 600;
  margin-left: -1px;
  padding: 5px 20px;
}
.nav-pills2 > li.active > a,
.nav-pills2 > li.active > a:hover,
.nav-pills2 > li.active > a:focus {
   background-color: #eb842d; 
 color: #FFFFFF;
}
.nav-pills2 > li:first-child > a {
  border-radius: 30px 0 0 30px;
  margin: 0;
}
.nav-pills2 > li:last-child > a {
  border-radius: 0 30px 30px 0;
}
 
 
 
@media(max-width:960px){
	.nav-pills2 > li > a {

  border-radius: 0;

  font-weight: 600;
  margin-left: -1px;
  padding: 5px 20px;
}
	
	.nav-pills2 > li:first-child > a {
  border-radius: 0;
  margin-bottom: 5px;
}
.nav-pills2 > li:last-child > a {
  border-radius: 0;
}
	
} 




/********  sub navi 3depth **********/


.nav-pills3 > li + li {
  margin-left: 0;
}
.nav-pills3 > li > a {
  border: 2px solid #a09992;
  border-radius: 0;
  color: #a09992;
  font-weight: 600;
  margin-left: -1px;
  padding: 5px 20px;
}
.nav-pills3 > li.active > a,
.nav-pills3 > li.active > a:hover,
.nav-pills3 > li.active > a:focus {
  background-color: #a09992;
  color: #FFFFFF;
}
.nav-pills3 > li:first-child > a {
  border-radius: 30px 0 0 30px;
  margin: 0;
}
.nav-pills3 > li:last-child > a {
  border-radius: 0 30px 30px 0;
}
 
 
 
@media(max-width:960px){
	.nav-pills3 > li > a {

  border-radius: 0;

  font-weight: 600;
  margin-left: -1px;
  padding: 5px 20px;
}
	
	.nav-pills3 > li:first-child > a {
  border-radius: 0;
  margin-bottom: 5px;
}
.nav-pills3 > li:last-child > a {
  border-radius: 0;
}
	
} 







/**********************************       회사소개/조직도           **********************************************/
.organdiv{height: 563px; width: 845px; margin:  80px auto 20px}
.organdiv.organimg{background:url(../img/img_organz.jpg) no-repeat center center;background-size:cover;}

@media(max-width:960px){
	.organdiv{height: 1199px; width: 320px; margin:  0 auto }
	.organdiv.organimg{background:url(../img/img_organz_mo.jpg) no-repeat top center;background-size:contain;}
	
}


/**********************************       사업영역/태양열설계시공           **********************************************/
.sundiv{height: 329px; width: 1042px; margin: 30px auto}
.sundiv.sunimg1{background:url(../img/img_sun1.jpg) no-repeat center center;background-size:cover;}

.sundiv2{height: 190px; width: 989px; margin: 60px auto}
.sundiv2.sunimg2{background:url(../img/img_sun2.jpg) no-repeat center center;background-size:cover; }

.sundiv3{height: 258px; width: 1023px; margin: 60px auto}
.sundiv3.sunimg3{background:url(../img/img_sun5.jpg) no-repeat center center;background-size:cover; }




/**********************************       사업영역/태양열발전시공           **********************************************/

.IMG1200{}
.IMG960{display: none}
.IMG320{display: none}
@media(max-width:960px){
	.IMG1200{display: none}
	.IMG960{display: inherit}
	.IMG320{}
}


/**********************************       설치전후요금 스크롤           **********************************************/
.table_inner.scroll {
position: relative;
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
 .table_inner.scroll table{width:1140px;}

.msg_touch_help {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	opacity: 0.5;
}



/**********************************  절차순서 ********************************** */
.plat_process{width:100%;overflow:hidden;margin:0 auto; left:140px; clear: both; margin-top: 20px}
.plat_process ul {padding:0%;}
.plat_process ul li{float:left;width:16.6%; height: auto; padding:0 2% 3% 1%;font-size:16px; padding-top: 20px; display: block; }
.plat_process ul li.last{padding-right:0;}
.plat_process ul li span{display:block;text-align:center;font-size:18px;font-weight:bold;color:#d71b34; width: 50px; height:50px; margin: 0 auto;  padding-top: 12px; margin-bottom: 20px; border-radius: 40px; border: 3px solid #f85b0a  }
.plat_process ul li span:after{display: block; content: ''; }



@media screen and (max-width: 568px) {

.plat_process{ margin-top:0 }
.plat_process ul {}
.plat_process ul li{float:left!important;width:50%; height:auto; font-size:14px;text-align: center; }
.plat_process ul li.last{padding-right:0;}
.plat_process ul li span{display:block;text-align:center!important;font-size:18px;font-weight:bold;color:#d71b34;}
	
}



/**********************************  복리후생 ********************************** */
.benefit_process{width:100%;overflow:hidden;margin:0 auto; left:140px; clear: both; margin-top: 20px}
.benefit_process ul {padding:0%;}
.benefit_process ul li{float:left;width:12.5%; height: auto; padding:0 2% 3% 1%;font-size:15px; padding-top: 20px; display: block;  text-align: center}
.benefit_process ul li.last{padding-right:0;}
.benefit_process ul li span{display:block;text-align:center;font-size:21px;font-weight:bold;color:#d71b34;padding-bottom:10px; border-bottom: 1px dotted #c7ccd1; width: auto; margin: 0 auto;   margin-bottom: 20px; }

@media screen and (max-width: 1200px) {
.benefit_process ul li{float:left;width:25%; height: auto; padding:0 2% 3% 1%;font-size:15px; padding-top: 20px; display: block;  text-align: center}
	
}


@media screen and (max-width: 960px) {

.benefit_process{ margin-top:0 }
.benefit_process ul {}
.benefit_process ul li{float:left!important;width:50%; height:auto; font-size:14px;text-align: center; }
.benefit_process ul li.last{padding-right:0;}
.benefit_process ul li span{display:block;text-align:center!important;font-size:18px;font-weight:bold;color:#d71b34;padding:0;}
	
}




/********************************* 인증서 *********************************/

.giftList{ display: block; width: 1200px;margin: 0 auto!important;}
.giftList:after{display:block; clear:both; content:"";}

.giftList li{float:left; width:255px; margin-left:60px; }
.giftList li.one,.giftList li.six{margin-left:0;}
.giftList li dt{border:1px solid #dedede; height:345px; text-indent:-9999px;}
.giftList li.one dt{background:url(../img/img_liec1.jpg) center top no-repeat; background-size:cover;}
.giftList li.two dt{background:url(../img/img_liec2.jpg) center top no-repeat; background-size:cover;}
.giftList li.three dt{background:url(../img/img_liec3.jpg) center top no-repeat; background-size:cover;}
.giftList li.four dt{background:url(../img/img_liec4.png) center top no-repeat; background-size:cover;}
.giftList li.five dt{background:url(../img/img_liec5.gif) center top no-repeat; background-size:100% 100%;}
.giftList li.five{margin-top:20px;margin-left:0px;}

.giftList li .title{line-height:50px; font-size:21px; font-weight:700; color: #333; text-align: center}
.giftList li .text{line-height:22px; padding:15px 0;}

@media screen and (max-width:1200px){
	.giftList{ display: block; width: 900px;margin: 0 auto!important; }
	 .giftList li{width:168px;}
	 .giftList li dt{height:237px;}
	
}

@media screen and (max-width:960px){
	.giftList li.one{margin-left:0px}
	.giftList{ width:211px; margin: 0 auto;}
	.giftList li{width:211px;float:none; margin-left:0px; margin-bottom: 20px}
	.giftList li dt{height:297px;}
	.giftList li .title{line-height:38px; font-size:13px;}
	.giftList li .text{line-height:18px; font-size:12px;}
}





/********************************* 비전&미션 *********************************/


.visiondiv{height: 775px; width: 936px; margin: 60px auto 10px; display: block}
.visiondiv.visionimg{background:url(../img/img_vision.jpg) no-repeat center center;background-size:cover; }

@media screen and (max-width:960px){
	.visiondiv{height: 1520px; width: 320px; margin: 20px auto -30px; display: block}
	.visiondiv.visionimg{background:url(../img/img_vision_640.jpg) no-repeat top center;background-size:contain; }
	
}



/*********************************  퀵 *********************************/
 ul.im4 {list-style-image: none;  }
 
 .im4 li{line-height: 24px!important; border-bottom: 1px solid #eaeaea}
 
 .im4 li:first-child{margin-top: 10px;}
 .im4 li:last-child{margin-bottom: 10px; border: 0}
 
#top_btn{position:fixed;top:84%;right:40px;display:block;width:50px;height:50px;border-radius:25px;background-color:#fff !important;border:1px solid #d7d7d7;text-indent:-9999px;background:url("../img/top_btn.gif") center center no-repeat; overflow:hidden;opacity:0.8;z-index: 999;}

#top_btn2{position:fixed;top:21%;right:10px;display:block;width:110px;height:auto;border-radius:15px;border:1px solid #d7d7d7; overflow:hidden;z-index: 999; color: #333!important; text-align: center; background-color: #fff}

#top_btn2 img{}


@media(max-width:960px){
	#top_btn2{display: none}
	#top_btn{right:10px;}
	
}


.tabout1{background-color:#f2f2f2; border-right:1px solid #ddd;  border-left:1px solid #ddd;  border-bottom:1px solid #ddd}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #333;
  cursor: default;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-bottom:1px solid #f2f2f2!important;
}

@media(max-width:960px){
	.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	
 border: 1px solid #ddd!important;	
  border-bottom:1px solid #ddd!important;	
  }
  .tabout1{border-top:1px solid #ddd!important}
}