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

.main-visual .main-visual-btn {
    margin-top: 6vh;
}

.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  *********************************/


/*******************************************  visual CSS  *******************************************/

.main-visual {
  position:relative;
  padding:30vh 0 50vh;
  text-align:center;
  background:url(../img/main/main-visual-bg.jpg) no-repeat fixed center ;
  background-size:cover;
}
.main-visual .h3-title {
  margin-top:8px;
  color:#fff;
}
.main-visual .h3-title > br {
  display:none
}
.main-visual .main-visual-btn {
  margin-top:6vh;
}
.main-visual .main-visual-btn a + a {
  margin-left:20px;
}
.main-visual .main-visual-btn .visual-btn-free-demo {
  display:inline-block;
  width:260px;
  padding:15px 20px;
  background:#338dcc;
  color:#fff;
  font-size:20px;  
  text-align:left;
  border:1px solid #338dcc;
  text-align:center;
  font-weight:bold;
}
.main-visual .main-visual-btn .visual-btn-free-demo:hover {
  color:#338dcc;
  background:#fff;
}
.main-visual .main-visual-btn .visual-btn-free-demo:hover:after {
  color:#338dcc;
}

/




/* common 보편작업 */


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



/* Visual sub*/
#visual{ height:331px!important; 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.vs9{background:url(../img/bg_sub08.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 #container #gbasic{border:1px solid red;}


#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: #338dcc}

/* 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: 18px}
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(../img/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;width:277px; height:800px; text-indent:-9999px; float:left;}
.corpHistory .y1990{background:url(../img/company/con22.html) left top no-repeat; text-indent:-9999px; width:277px; height:100px; float:left;}
.corpHistory .y1980{background:url(../img/company/con23.html) left top no-repeat; text-indent:-9999px; width:277px; height:100px; float:left;}
.corpHistory ul{float:left; margin-left:-15px; background:url(../img/company/con2.html) 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(../img/company/con2_peaker.html) 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(../img/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:960px){
	
	.corpHistory .year{ background-position:21.6% top;}
	.corpHistory .y2000{background:url(../img/history_m.jpg) left top no-repeat;}
	.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{width:22.3%}
	.corpHistory ul{width:77%}
	.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{background-size:contain;}
	.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;}
	
}









/*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(../img/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:15px; background:url(../img/flogo.html) 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: 10px 0 18px 0 !important;
  border-top:10px solid #338dcc;
}
.navbar-header{
	padding-top:10px;
}
.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;
}

@media screen and (max-width:990px){
	.navbar {
	  background-color: #fff !important;
	  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: 10px 0 18px 0 !important;
	  border-top:10px solid #338dcc;
	}
	.navbar-header > a > img{
		margin-top:10px;
		width:150px;
	}

}




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

#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: #337ab7; 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; }







/******************   사업영역 url(../img/state_bg.jpg) no-repeat center center  ******************/

#buss{width:100%; text-align:center; padding:460px 0 90px 0; background-color:#eaeaea; background-size:100%;}
#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(../img/bs_l1.jpg) no-repeat top center;}
#buss .conWrap .two a{background:url(../img/bs_l2.jpg) no-repeat top center;}
#buss .conWrap .three a{background:url(../img/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(../img/bs_m1.jpg) no-repeat top center;}
	#buss .conWrap .two a{background:url(../img/bs_m2.jpg) no-repeat top center;}
	#buss .conWrap .three a{background:url(../img/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:150px 0 50px 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(../img/bs_s1.jpg) no-repeat top center; background-size:cover;}
	#buss .conWrap .two a{background:url(../img/bs_s2.jpg) no-repeat top center; background-size:cover;}
	#buss .conWrap .three a{background:url(../img/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}
		
}


/******************   장부마스터   ******************/

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

@media screen and (max-width:960px){
	
	#jangbu{padding:55px 0 0px; height:700px; position:relative;}
	#jangbu h2{font-size:30px;}
	#jangbu .split{ width:20px; margin-top:15px;}
	#jangbu ul{width:320px; margin:100px auto 0;}
	#jangbu ul li{width:112px; position:absolute;}
	#jangbu ul .one{background-size:100%; left:50%; margin-left:-130px; top:170px;}
	#jangbu ul .two{background-size:100%; left:50%; margin-left:30px; top:170px;}
	#jangbu ul .three{background-size:100%; left:50%; margin-left:-130px; top:400px;}
	#jangbu ul .four{background-size:100%; left:50%; margin-left:30px; top:400px;}
	#jangbu .title{font-size:15px; margin-top:120px;}
	#jangbu 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;}	
	
}


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

#state{width:100%; background:url(../img/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(../img/main_icon1.png) no-repeat top center;}
#state ul .two{background:url(../img/main_icon2.png) no-repeat top center;}
#state ul .three{background:url(../img/main_icon3.png) no-repeat top center;}
#state ul .four{background:url(../img/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 #338dcc; line-height:28px; color:#fff; text-indent:20px; background:url(../img/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:#338dcc !important; width: 50px; height:50px; margin: 0 auto;  padding-top: 12px; margin-bottom: 20px; border-radius: 40px; border: 3px solid #338dcc !important; }
.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( "../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 #337ab7;
  border-radius: 0;
  color: #337ab7;
  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: #337ab7;
  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 #337ab7;
  border-radius: 0;
  color: #337ab7;
  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: #337ab7; 
 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: 500px; width: 1300px; margin: 80px auto 20px}
.organdiv.organimg{background:url(../img/img_organz.jpg) no-repeat center center;background-size:cover;}

@media screen and (max-width:960px){
	.organdiv{height: 1940px; width: 430px; margin:0 auto }
	.organdiv.organimg{background:url(../img/img_organz_mo.jpg) no-repeat top center; background-size:width:120px;}
	
}

/**********************************       ESS **********************************************/
.Essdiv{height: 330px; width: 1200px; margin: 80px auto 20px}
.Essdiv.Essimg{background:url(../img/ess01_03.jpg) no-repeat center center;background-size:cover;}

@media screen and (max-width:960px){
	.Essdiv{height: 2960px; width: 320px; margin:0 auto }
	.Essdiv.Essimg{background:url(../img/ess01_03_960.jpg) no-repeat top center; background-size:width:120px;}
	
}
/**********************************       사업영역/태양열설계시공           **********************************************/
.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:#338dcc !important; width: 50px; height:50px; margin: 0 auto;  padding-top: 12px; margin-bottom: 20px; border-radius: 40px; border: 3px solid #338dcc !important;  }
.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: 858px;margin: 0 auto !important;}
.giftList:after{display:block; clear:both; content:"";}

.giftList li{float:left; width:245px; margin-left:60px;}
.giftList li.one, .giftList li.four, .giftList li.seven, .giftList li.ten{margin-left:0;}
.glftList li.six{margin-left:60px !important;}
.giftList li dt{border:1px solid #dedede; height:345px; text-indent:-9999px;}
.giftList li.one dt{background:url(../img/img_liec2.jpg) center top no-repeat; background-size:cover;}
.giftList li.two dt{background:url(../img/img_liec1.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.jpg) center top no-repeat; background-size:cover;}
.giftList li.five dt{background:url(../img/img_liec5.jpg) center top no-repeat; background-size:cover;}
.giftList li.six dt{background:url(../img/img_liec6.jpg) center top no-repeat; background-size:cover;}
.giftList li.seven dt{background:url(../img/img_liec7.jpg) center top no-repeat; background-size:cover;}
.giftList li.eight dt{background:url(../img/img_liec8.jpg) center top no-repeat; background-size:cover;}
.giftList li.nine dt{background:url(../img/img_liec9.jpg) center top no-repeat; background-size:cover;}
.giftList li.ten dt{background:url(../img/img_liec10.jpg) center top no-repeat; background-size:cover;}
.giftList li.eleven dt{background:url(../img/img_liec11.jpg) center top no-repeat; background-size:cover;}
.giftList li.twelve dt{background:url(../img/img_liec12.jpg) center top no-repeat; background-size:cover;}



.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: 628px;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}
}




/* Flexible iFrame 등, 지도 등을 폭에 맞게 자동 리사이징 */

.Flexible-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
} 
#aside{text-align:center;}


#infotab ul{list-style:none;}
#infotab ul li{float:left;list-style:none;margin:3px;}





  
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:not(.btn):hover,
.navbar-default .navbar-nav > .active > a:not(.btn):focus,
.navbar-default .navbar-nav > li > a:not(.btn):hover,
.navbar-default .navbar-nav > li > a:not(.btn):focus {
  
  border-radius: 3px;
  color: #666;
  opacity: 0.85;
  filter: alpha(opacity=85);
  
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-bottom-color: #333333;
  border-top-color: #333333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  
  color: #c5a47e;
}
.navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus {
  
}
.navbar-default .navbar-brand {
  color: #434547;
}
.navbar-default:not(.navbar-transparent) .btn-default:hover {
  color: #c5a47e;
  border-color: #c5a47e;
}
.navbar-default:not(.navbar-transparent) .btn-neutral, .navbar-default:not(.navbar-transparent) .btn-neutral:hover, .navbar-default:not(.navbar-transparent) .btn-neutral:active {
  color: #777777;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  
}

.dropdown-menu {
	
  visibility: hidden;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  display: block;
  z-index: 9000;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  -ms-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.open .dropdown-menu {

  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 4px;
  margin-top: -5px;
  color: #ff3300
}
.navbar-nav > li > .dropdown-menu:before {
  border-bottom: 11px solid rgba(0, 0, 0, 0.2);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  top: -11px;
}
.navbar-nav > li > .dropdown-menu:after {
  border-bottom: 11px solid #FFFFFF;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  top: -10px;
}
.navbar-nav.navbar-right > li > .dropdown-menu:before {
  left: auto;
  right: 12px;
}
.navbar-nav.navbar-right > li > .dropdown-menu:after {
  left: auto;
  right: 12px;
}
.dropdown-menu > li > a {
  padding: 10px 20px;
  margin: 0px 0px;
  color: #434547;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
  padding: 20px 20px;
  border-bottom: 1px solid #EEEEEE;
}
.dropdown-menu > li > a img {
  margin-top: -3px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #FFFFFF;
  color: #c5a47e;
  opacity: 1;
  text-decoration: none;
}
.dropdown-menu > li:last-child > a {
  border-bottom: 0;
}
.dropdown-menu > li > a:focus {
  outline: 0 !important;
}
.btn-group.select .dropdown-menu {
  min-width: 100%;
}
.dropdown-menu > li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dropdown-menu > li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select .dropdown-menu > li:first-child > a {
  border-radius: 0;
  border-bottom: 0 none;
}

.dropdown-menu.dropdown-info > li > a:hover, .dropdown-menu.dropdown-info > li > a:focus {
  color: #00abc0;
}
.dropdown-menu.dropdown-success > li > a:hover, .dropdown-menu.dropdown-success > li > a:focus {
  color: #7accb8;
}
.dropdown-menu.dropdown-danger > li > a:hover, .dropdown-menu.dropdown-danger > li > a:focus {
  color: #e78b90;
}
.dropdown-menu.dropdown-warning > li > a:hover, .dropdown-menu.dropdown-warning > li > a:focus {
  color: #f88f58;
}
.dropdown-menu.dropdown-black > li > a:hover, .dropdown-menu.dropdown-black > li > a:focus {
  color: #333333;
}

.dropdown-with-icons > li > a {
  padding-left: 0px;
  line-height: 28px;
}
.dropdown-with-icons i {
  text-align: center;
  line-height: 28px;
  float: left;
}
.dropdown-with-icons i[class^="pe-"] {
  font-size: 24px;
  width: 46px;
}
.dropdown-with-icons i[class^="fa"] {
  font-size: 14px;
  width: 38px;
}

.navbar-header {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  position: relative;
}

.navbar-burger .navbar-collapse {
  position: fixed;
  display: block;
  top: 0;
  height: 100vh !important;
  width: 300px;
  right: 0;
  z-index: 1032;
  visibility: visible;
  background-color: #999;
  overflow-y: visible;
  border-top: none;
  text-align: left;
  border-left: 1px solid #e3e3e3;
  padding-right: 0px;
  padding-left: 40px;
  max-height: none !important;
  -webkit-transform: translate3d(300px, 0, 0);
  -moz-transform: translate3d(300px, 0, 0);
  -o-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.navbar-burger .navbar-collapse > ul {
  position: relative;
  z-index: 3;
  overflow-y: auto;
  height: 100%;
}
.navbar-burger .navbar-collapse .nav > li {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  width: 100%;
}
.navbar-burger .navbar-collapse .nav > li:last-child {
  border-bottom: 0;
}
.navbar-burger .navbar-collapse .nav > li > a {
  margin: 0px 0px;
  color: #434547;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  padding: 24px 0;
}
.navbar-burger .navbar-collapse .nav > li > a:hover, .navbar-burger .navbar-collapse .nav > li > a.active {
  color: #c5a47e;
}
.navbar-burger .navbar-collapse .nav > li.social-links {
  text-align: center;
  margin-left: -40px;
}
.navbar-burger .navbar-collapse .nav > li.social-links > a {
  font-size: 18px;
  padding: 24px 15px;
}
.navbar-burger .navbar-collapse::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #FFFFFF;
  display: block;
  content: "";
  z-index: 1;
}
.navbar-burger .navbar-collapse.has-image::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(17, 17, 17, 0.8);
  display: block;
  content: "";
  z-index: 1;
}
.navbar-burger .navbar-collapse .active > a,
.navbar-burger .navbar-collapse .dropdown .dropdown-menu > li > a {
  color: #434547;
}
.navbar-burger .navbar-collapse .active > a:hover, .navbar-burger .navbar-collapse .active > a:focus,
.navbar-burger .navbar-collapse .dropdown .dropdown-menu > li > a:hover,
.navbar-burger .navbar-collapse .dropdown .dropdown-menu > li > a:focus {
  color: #c5a47e;
}
.navbar-burger .navbar-nav > li > .dropdown-menu:after, .navbar-burger .navbar-nav > li > .dropdown-menu:before {
  display: none;
}
.navbar-burger .dropdown-menu {
  float: none;
  width: auto;
  margin-top: 0;
  
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.navbar-burger .open .dropdown-menu {
  position: static;
}
.navbar-burger .navbar-toggle .icon-bar {
  display: block;
  position: relative;
  width: 24px;
  height: 2px;
  border-radius: 1px;
}
.navbar-burger.navbar-transparent .navbar-toggle .icon-bar {
  background: #fff;
}
.navbar-burger .navbar-header .navbar-toggle {
  margin-top: 12px;
  margin-bottom: 8px;
  width: 40px;
  height: 40px;
}
.navbar-burger .bar1,
.navbar-burger .bar2,
.navbar-burger .bar3 {
  outline: 1px solid transparent;
}
.navbar-burger .bar1 {
  top: 0px;
  -webkit-animation: topbar-back 500ms linear 0s;
  -moz-animation: topbar-back 500ms linear 0s;
  animation: topbar-back 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.navbar-burger .bar2 {
  opacity: 1;
}
.navbar-burger .bar3 {
  bottom: 0px;
  -webkit-animation: bottombar-back 500ms linear 0s;
  -moz-animation: bottombar-back 500ms linear 0s;
  animation: bottombar-back 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.navbar-burger .toggled .bar1 {
  top: 6px;
  -webkit-animation: topbar-x 500ms linear 0s;
  -moz-animation: topbar-x 500ms linear 0s;
  animation: topbar-x 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.navbar-burger .toggled .bar2 {
  opacity: 0;
}
.navbar-burger .toggled .bar3 {
  bottom: 6px;
  -webkit-animation: bottombar-x 500ms linear 0s;
  -moz-animation: bottombar-x 500ms linear 0s;
  animation: bottombar-x 500ms 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes topbar-x {
  0% {
    top: 0px;
    transform: rotate(0deg);
  }
  45% {
    top: 6px;
    transform: rotate(145deg);
  }
  75% {
    transform: rotate(130deg);
  }
  100% {
    transform: rotate(135deg);
  }
}
@-webkit-keyframes topbar-x {
  0% {
    top: 0px;
    -webkit-transform: rotate(0deg);
  }
  45% {
    top: 6px;
    -webkit-transform: rotate(145deg);
  }
  75% {
    -webkit-transform: rotate(130deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
  }
}
@-moz-keyframes topbar-x {
  0% {
    top: 0px;
    -moz-transform: rotate(0deg);
  }
  45% {
    top: 6px;
    -moz-transform: rotate(145deg);
  }
  75% {
    -moz-transform: rotate(130deg);
  }
  100% {
    -moz-transform: rotate(135deg);
  }
}
@keyframes topbar-back {
  0% {
    top: 6px;
    transform: rotate(135deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    top: 0px;
    transform: rotate(0);
  }
}
@-webkit-keyframes topbar-back {
  0% {
    top: 6px;
    -webkit-transform: rotate(135deg);
  }
  45% {
    -webkit-transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    top: 0px;
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes topbar-back {
  0% {
    top: 6px;
    -moz-transform: rotate(135deg);
  }
  45% {
    -moz-transform: rotate(-10deg);
  }
  75% {
    -moz-transform: rotate(5deg);
  }
  100% {
    top: 0px;
    -moz-transform: rotate(0);
  }
}
@keyframes bottombar-x {
  0% {
    bottom: 0px;
    transform: rotate(0deg);
  }
  45% {
    bottom: 6px;
    transform: rotate(-145deg);
  }
  75% {
    transform: rotate(-130deg);
  }
  100% {
    transform: rotate(-135deg);
  }
}
@-webkit-keyframes bottombar-x {
  0% {
    bottom: 0px;
    -webkit-transform: rotate(0deg);
  }
  45% {
    bottom: 6px;
    -webkit-transform: rotate(-145deg);
  }
  75% {
    -webkit-transform: rotate(-130deg);
  }
  100% {
    -webkit-transform: rotate(-135deg);
  }
}
@-moz-keyframes bottombar-x {
  0% {
    bottom: 0px;
    -moz-transform: rotate(0deg);
  }
  45% {
    bottom: 6px;
    -moz-transform: rotate(-145deg);
  }
  75% {
    -moz-transform: rotate(-130deg);
  }
  100% {
    -moz-transform: rotate(-135deg);
  }
}
@keyframes bottombar-back {
  0% {
    bottom: 6px;
    transform: rotate(-135deg);
  }
  45% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    bottom: 0px;
    transform: rotate(0);
  }
}
@-webkit-keyframes bottombar-back {
  0% {
    bottom: 6px;
    -webkit-transform: rotate(-135deg);
  }
  45% {
    -webkit-transform: rotate(10deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    bottom: 0px;
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes bottombar-back {
  0% {
    bottom: 6px;
    -moz-transform: rotate(-135deg);
  }
  45% {
    -moz-transform: rotate(10deg);
  }
  75% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    bottom: 0px;
    -moz-transform: rotate(0);
  }
}
.wrapper {
  -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  left: 0;
  background-color: white;
}
.wrapper.transition {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.nav-open .wrapper {
  -webkit-transform: translate3d(-150px, 0, 0);
  -moz-transform: translate3d(-150px, 0, 0);
  -o-transform: translate3d(-150px, 0, 0);
  -ms-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
}

.nav-open .navbar .navbar-header {
  -webkit-transform: translate3d(-200px, 0, 0);
  -moz-transform: translate3d(-200px, 0, 0);
  -o-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

@media (min-width: 768px) {
  .navbar-form {
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .navbar-search-form {
    display: none;
  }

  .section-pricing [class*="col-"]:not(:first-child):not(:last-child) > .card:not(.card-black) {
    border-radius: 0;
  }
  .section-pricing .card:not(.card-black) {
    box-shadow: none;
  }
  .section-pricing [class*="col-"]:first-child > .card:not(.card-black) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .section-pricing [class*="col-"]:last-child > .card:not(.card-black) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .footer:not(.footer-big) nav > ul li:first-child {
    margin-left: 0;
  }

  .nav-open .navbar-collapse {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

  .navbar-burger .container {
    padding: 0 15px;
  }
  .navbar-burger .navbar-header {
    width: 100%;
  }
  .navbar-burger .navbar-toggle {
    display: block;
    margin-right: 0;
  }

  body > .navbar-collapse .navbar-nav,
  body > .navbar-collapse .navbar-nav > li {
    float: none;
  }
  body > .navbar-collapse .navbar-nav > li {
    float: none;
  }
}
/*          Changes for small display      */
@media (max-width: 767px) {


  #bodyClick {
    right: 230px;
  }

  .navbar-collapse {
    position: fixed;
    display: block;
    top: 0;
    height: 100vh;
    width: 230px;
    right: 0;
    z-index: 1032;
    visibility: visible;
    
    overflow-y: visible;
    border-top: none;
    text-align: left;
    border-left: 1px solid #e3e3e3;
    padding-right: 15px;
    padding-left: 15px;
    max-height: none !important;
    -webkit-transform: translate3d(230px, 0, 0);
    -moz-transform: translate3d(230px, 0, 0);
    -o-transform: translate3d(230px, 0, 0);
    -ms-transform: translate3d(230px, 0, 0);
    transform: translate3d(230px, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .navbar-collapse ul {
    position: relative;
    z-index: 3;
    overflow-y: auto;
    height: 100%;
  }
  .navbar-collapse .nav > li {
    border-bottom: 1px solid #e5e5e5;
    padding-right: 15px;
  }
  .navbar-collapse .nav > li:last-child {
    border-bottom: 0;
  }
  .navbar-collapse .nav > li > a {
    margin: 0px 0px;
    color: #434547;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    padding: 24px 0;
  }
  .navbar-collapse .nav > li > a:hover, .navbar-collapse .nav > li > a.active {
    color: #c5a47e;
  }
  .navbar-collapse .nav > li.social-links {
    text-align: center;
    margin-left: -40px;
  }
  .navbar-collapse .nav > li.social-links > a {
    font-size: 18px;
    padding: 24px 15px;
  }
  .navbar-collapse::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #FFFFFF;
    display: block;
    content: "";
    z-index: 1;
  }
  .navbar-collapse.has-image::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(17, 17, 17, 0.8);
    display: block;
    content: "";
    z-index: 1;
  }

  .navbar .container {
    left: 0;
  }

  .nav-open .navbar-collapse {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

  .nav-open .wrapper {
    left: 0;
    -webkit-transform: translate3d(-115px, 0, 0);
    -moz-transform: translate3d(-115px, 0, 0);
    -o-transform: translate3d(-115px, 0, 0);
    -ms-transform: translate3d(-115px, 0, 0);
    transform: translate3d(-115px, 0, 0);
  }

  .navbar-nav {
    margin: 0;
  }
  .navbar-nav .dropdown .dropdown-menu > li > a {
    padding: 10px 15px 10px;
  }
  .navbar-nav .dropdown .dropdown-menu > li:first-child > a {
    padding-top: 0;
  }
  .navbar-nav .dropdown .dropdown-menu > li:last-child > a {
    padding-bottom: 20px;
  }

  [class*="navbar-"] .navbar-nav > li > a,
  [class*="navbar-"] .navbar-nav > li > a:hover,
  [class*="navbar-"] .navbar-nav > li > a:focus,
  [class*="navbar-"] .navbar-nav .navbar-nav .open .dropdown-menu > li > a:active {
    color: white;
  }
  [class*="navbar-"] .navbar-nav .active > a,
  [class*="navbar-"] .navbar-nav .dropdown .dropdown-menu > li > a {
    color: #434547;
  }
  [class*="navbar-"] .navbar-nav > li > a,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a {
    opacity: .7;
    background: transparent;
  }
  [class*="navbar-"] .navbar-nav > li > a:hover, [class*="navbar-"] .navbar-nav > li > a:focus,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover,
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus {
    opacity: 1;
  }
  [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu > li > a:active {
    opacity: 1;
  }
  [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret {
    border-bottom-color: #777;
    border-top-color: #777;
  }
  [class*="navbar-"] .navbar-nav .dropdown > a:active .caret {
    border-bottom-color: white;
    border-top-color: white;
  }

  .dropdown-menu {
    display: none;
  }

  .navbar-fixed-top {
    -webkit-backface-visibility: hidden;
  }

  .social-line .btn {
    margin: 0 0 10px 0;
  }

  .subscribe-line .form-control {
    margin: 0 0 10px 0;
  }

  .social-line.pull-right {
    float: none;
  }

  .footer nav.pull-left {
    float: none !important;
  }

  .footer:not(.footer-big) nav > ul li {
    float: none;
  }

  .social-area.pull-right {
    float: none !important;
  }

  .form-control + .form-control-feedback {
    margin-top: -8px;
  }

  .navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important;
  }

  .btn.dropdown-toggle {
    margin-bottom: 0;
  }

  .media-post .author {
    width: 20%;
    float: none !important;
    display: block;
    margin: 0 auto 10px;
  }

  .media-post .media-body {
    width: 100%;
  }

  .nav-open .navbar .navbar-header {
    -webkit-transform: translate3d(-280px, 0, 0);
    -moz-transform: translate3d(-280px, 0, 0);
    -o-transform: translate3d(-280px, 0, 0);
    -ms-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@media (max-width: 930px) {
  .section.section-our-team .title-description,
  .section.section-we-do .title-description {
    max-width: 550px;
    margin: 0 auto;
  }

  .section.section-we-do .text-description {
    max-width: 420px;
    margin: 0 auto;
  }
}

@media (max-width: 992px) {
  .section-faq .box {
    max-width: 480px;
    margin: 0 auto;
  }

  .section-faq .text-description {
    margin-bottom: 30px;
  }

  .section.section-we-are .description {
    max-width: 560px;
    text-align: center;
    margin: 0 auto;
  }

  .text-center {
    margin-top: 20px;
  }

  .section.section-info .info-pricing {
    max-width: 400px;
    margin: 50px auto;
  }

  .section.section-info {
    height: auto;
  }

  .section.section-info .info-pricing .text {
    text-align: -webkit-center;
  }

  .section.section-info .info-pricing .icon {
    text-align: center;
    float: none;
    margin-top: 0;
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .section-pricing .row [class^="col-"] {
    padding: 0;
  }
}

/***************** by haze ********************/

.movieGall{background:url('../../../dh/theme/darkhorse/img/bg_mov.html')right no-repeat #fff;  height: 532px;}
.movieTxt{text-align: left}

@media (max-width: 992px) {
	.movieGall{background: #fff; height: auto;}
	.movieTxt{text-align: center}
}