.npd {padding:0 !important;}

.right-nav {background:#197739; width:100%; display:block; color:#fff;}
.right-nav > a {color:#fff;}
.right-li a {color:#fff !important;}


.intu_produc{background:url('/theme/barit/img/intu_produc.png');width:100%; min-height:200px; display:block; background-size:cover; background-position:center;}
.project-img {padding:80px; color:#fff; }
.project-img h4 {color:#fff;font-size:35px;}

.project-img h3 {font-size:38px; line-height:50px;}





.sub-navli {display:none; width:200px; background:#fff; padding:10px;}
.sub-navli li {margin:5px 0; padding:4px 5px; border-left:3px solid#fff; }
.sub-navli li:hover {border-left:3px solid#197739; background:#3c5f48; color:#fff;}
.sub-navli li:hover a {color:#fff;}


.add-sb:hover > .sub-navli  {display:block; position:absolute; z-index:7888;}


.sub_top_bn {background:#000; height:190px; text-align:center; color:#fff; padding:30px 0;}
.sp-ott {background:#fff;  color:#000; font-weight:bold; border-radius:2px; padding:12px 27px; margin-top:30px; }

.footabout {width:100%; color:#eee; font-size:14px; padding:50px 0; display:inline-block; text-align:left; position:relative; *zoom:1;}
.footabout:after  {clear:both; display:block; content:'';}
.footabout ul {padding:0; margin:0; *zoom:1;}
.footabout ul:after {clear:both; display:block; content:'';}
.footabout li {float:left; display:inline;}
.foot-logo {max-width:20px; margin-right:10px; margin-top:40px;}
.footabout h2 {font-size:30px; font-weight:bold;}
.footabout h3 {font-size:20px; font-weight:bold; margin-top:10px;}
.footabout h5 {font-size:24px; font-weight:bold;}
.footabout span {color:red;}

.footlocal {width:100%; font-size:14px; padding:60px 0px; display:inline-block; text-align:left; position:relative; *zoom:1;}
.footlocal:after  {clear:both; display:block; content:'';}
.footlocal h3 {color:#eee; font-size:16px; font-weight:bold;}
.footlocal h2 {font-size:30px; font-weight:bold; color:#eee;}
.footlocal h3 {font-size:20px; font-weight:bold; margin-top:10px;  color:#eee;}
.footlocal h5 {font-size:24px; font-weight:bold;  color:#eee;}



.footlocal p {color:#eee;}
.footlocal span {color:red; font-size:13px;}




.footcate {width:100%; padding:60px 0px; display:inline-block; text-align:left; position:relative; *zoom:1;}
.footcate:after  {clear:both; display:block; content:'';}
.footcate h3 {color:#eee; font-size:13px; font-weight:bold;}
.footcate p {color:red; font-size:13px; margin-bottom:5px;}
.footcate a {color:#eee;}
.footcate li {float:left; padding-right:20px; display:inline-block;}





/*서브레이아웃 작업*/





/*탑 배경*/

.aboutbg {background:url('/theme/barit/img/sub/ceo-top.png'); background-size:cover; background-position:top;}


.local {font-weight:bold;}
.local a {color:#fff;}

/*회사소개*/



.sub_body {padding:30px 0 80px;}
.sub-intro {margin-bottom:50px;}
.sub-intro img {width:100%; display:block; max-width:100%;}
.int-text { font-size:22px; font-weight:bold;}
.ceo-style {padding-bottom:50px; position:relative; width:100%; display:block; font-size:16px; *zoom:1;}
.ceo-style:after {clear:both; display:block; content:"";}
.ceo-style h3 {font-size:35x; font-weight:bold; margin-top:0px; padding-bottom:30px; border-bottom:1px solid #d9d9d9;}

.cont-box {background:#383838;  padding:30px 15px; color:#fff; min-height:150px; width:100%; display:table; vertical-align:middle; font-weight:bold;}
.cont-box2 {background:#65ba62; padding:30px 15px;  color:#fff; font-weight:bold;  min-height:150px; ; width:100%; display:table; vertical-align:middle;}





/*오시는길*/

.local-title {text-align:center;}
.local-title h2 { text-align:center; font-size:30px; font-weight:bold;}
.local-link {margin:40px;}
.local-link a {color:#65ba62}
.local-photo {margin-bottom:50px; display:inline-block; padding-bottom:20px;}
.local-photo img {width:100%; display:block; max-width:100%; }
.local-photo h4 > strong {font-size:30px; margin-bottom:15px;}
.local-photo p {font-size:18px;}






			.paytable {display:table; width:100%; font-size:1.2em; border:1px solid #d8d8d8; padding:0; margin:0; text-align:center;}
			.paytable th {font-weight:bold; background:#eee; text-align:center; height:45px; color:#f60;  border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; }
			.paytable td {font-weight:normal; height:40px; border-left:1px solid #eee; border-bottom:1px solid #d8d8d8; padding:10px 0;}
			.paytable td:first-child {color:#f60; font-weight:bold;border-left:none; }
			.paytable .tdfirst-child {color:#f60; font-weight:bold; border-left:none;}
		

			.paytable2 {display:table; font-size:1.2em; width:100%; border:1px solid #d8d8d8; padding:0; margin:0; text-align:center;}
			.paytable2 th {font-weight:bold;  background:#54b36f; text-align:center; height:45px; color:#fff;  border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; }
			.paytable2 td {font-weight:normal; height:40px; border-left:1px solid #eee; border-bottom:1px solid #d8d8d8; padding:10px 0;}
			.paytable2 td:first-child {color:#f60; font-weight:bold;border-left:none; }
			.paytable2 .tdfirst-child {color:#f60; font-weight:bold; border-left:none;}
		

			.paytable_info {padding:10px 0; font-size:1.2em; margin-bottom:30px;}

			
			.timetable {display:table;  width:100%; border:1px solid #d8d8d8; padding:0; margin-top:50px; text-align:center;}
			.timetable th {font-weight:bold; background:#eee; text-align:center; height:45px; color:#325cb3;  border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; }
			.timetable td {font-weight:normal; height:40px; border-left:1px solid #eee; border-bottom:1px solid #d8d8d8;}
			.timetable td:first-child {color:#f60; font-weight:bold;border-left:none; }
			.timetable .tdfirst-child {color:#f60; font-weight:bold; border-left:none;}

			.foot_container {width:1260px; padding:70px 0;  margin:0 auto; position:relative; display:block; min-height:350px;}

			.foot_container .foot_left {float:left; text-align:left:; width:380px; padding-right:50px;  position:relative;}
			.foot_container .sub_text {color:#fff; font-weight:bold; font-size:15px; }
			.foot_title {color:#f60;padding-top:5px;font-weight:bold; font-size:30px;}
			.foot_container .foot_title span {color:#fff; font-weight:bold; font-size:18px;}
			.tel_number {font-size:32px;  letter-spacing:-1px;  font-weight:bold; color:#fff;}
			.tel_number span {font-size:14px;  letter-spacing:-1px;  font-weight:bold; color:#fff;}
			.foot_container .address {font-size:13px;  letter-spacing:-1px;  font-weight:bold; color:#fff;}

			 .small {font-size:13px;  letter-spacing:-1px;  font-weight:bold; color:#fff; border-top:1px solid #2e3747; padding-top:25px;}
			 .small2 {font-size:11px;  letter-spacing:-1px;  font-weight:normal; color:#eee;}


			.foot_container .foot_center {float:left; width:400px; position:relative;}

			.foot_center .category_foot{color:#fff; display:inline; padding-right:40px; float:left; } 
			.foot_center .category_foot a {color:#fff; font-weight:bold;} 
			.foot_center .category_foot a:hover {color:#fff; text-decoration:none;} 
			.foot_center .category_foot dd {padding:3px 0; text-align:center;  margin:0;} 

			.foot_container .foot_right {float:left; width:350px; position:relative; padding-left:50px;}
					
						

























				  /** 2016-09-08  추가된 CSS 업체 수정 요청사항 정보 . **/
				.g_board{border-bottom:1px solid #d8d8d8}
				.bg_white {background:#fff;}

				.content_title {font-weight:bold;}
				.content_title2 {font-weight:bold; font-size:1.5em;}

				.leadersguide {margin:30px 0 80px;}
				.leadersguide h4 {font-weight:bold;}
				.leadersguide p {line-height:20px;}

				.t_bold {font-weight:700;}


				@media (max-width:768px) {
				.sub_body .about_title h4 {
					font-size: 50px;
					font-weight: normal;
					letter-spacing: 13px;
					text-align: center;
					padding: 0;
					margin: 0;
					line-height: 70px;
				}
.project-img {padding:50px 20px ;}


				ul.tabs2 li {
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    height: 35px;
    line-height:35px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    width: 33.33%;
	padding:0 5px !important;
}

ul.tabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    height: 80px;
    line-height: 80px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    width: 50%;
}



.tab_head h2 {
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}

.sub_heaer-title h2 {font-size:26px;}
	h3 {font-size:20px !important;}



			.paytable2 {display:table; font-size:1.2em; width:100%; border:1px solid #d8d8d8; padding:0; margin:0; text-align:center;}
			.paytable2 th {font-weight:bold; width:25%;   font-size:12px;background:#54b36f; text-align:center; height:45px; color:#fff;  border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; }
			.paytable2 td {font-weight:normal; height:40px;  font-size:11px;border-left:1px solid #eee; border-bottom:1px solid #d8d8d8; padding:10px 0;}
			.paytable2 td:first-child {color:#f60; font-weight:bold;border-left:none; }
			.paytable2 .tdfirst-child {color:#f60; font-weight:bold; border-left:none;}
		


			.paytable {display:table; width:100%; font-size:1.2em; border:1px solid #d8d8d8; padding:0; margin:0; text-align:center;}
			.paytable th {font-weight:bold;  font-size:12px; background:#eee; text-align:center; height:45px; color:#f60;  border-bottom:1px solid #d8d8d8; border-left:1px solid #eee; }
			.paytable td {font-weight:normal; height:40px;  font-size:11px; border-left:1px solid #eee; border-bottom:1px solid #d8d8d8; padding:10px 0;}
			.paytable td:first-child {color:#f60; font-weight:bold;border-left:none; }
			.paytable .tdfirst-child {color:#f60; font-weight:bold; border-left:none;}

}







.basictab_gallery{
width:100%;
margin:20px 0 0;
display:block;
}

.basictab_gallery ul{
margin: 0px;
padding: 0;
margin-left: 0;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
height:35px;
border: 1px #ccc;
border-style: solid solid solid;
text-align:center;
}

.basictab_gallery li{
float:left;
margin: 0;
width:50%;
height:35px;
z-index: 1;
}

.basictab_gallery li a{
display: block;
text-decoration: none;
padding: 0px;
line-height:32px;
border-bottom: none;
font-size:13px;
color: #666666;
border-right:1px solid #ccc;
}

.basictab_gallery li.last a {border-right:0px solid #ccc; height:34px; line-height:30px;}

.basictab_gallery li a:hover, .basictab_gallery li a.current{
color: black;
z-index: 3;
line-height:32px;
font-weight:bold;
color: #000;
border-bottom:1px solid #3366cc;
}

.basictab_gallery li a:active{
color: #000;
font-weight:bold;
}

.tabcontainer_gallery{
clear: left;
z-index: 2;
width:100%;
display:block;
height:350px;
margin:0;
padding:20px 10px 10px 10px;
text-align:center;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
position:relative;
overflow:hidden;
}

.tabcontent_gallery{
display:none;
}







/* main code*/
.banner{
	position: absolute;
	width: 150px;
	height: 200px;
	bottom: 680px;
}
#banner_l{
	left: 5px;
}
#banner_r{
	right: 5px;
	margin-top:100px;
}

.zindex{
	z-index: 9999;
}

.banner a{
	display: block;
	width: 100%;
	border:0;

}

.callcenter {	width:0px; height:0px; text-indent: -9999px}
.callcenter2 {	width:0px; height:0px; text-indent: -9999px}


.main-title {}
.tell-num {background:rgba(0,0,0,0.8);  font-size:20px !important; color:#fff !important; padding:20px 20px !important;  margin-bottom:15px; border-top:3px solid green}
.t-info {margin-top:50px;}
.t-info2 {font-size:60px; font-weight:700; color:#f60; }

@media (max-width:768px){


ul.tabs li {
float:none;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 0px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    width: 50%;
	margin:0 auto;
}




.banner{display:none}
#banner_l{display:none;}
.sub_top_bn {margin-top:80px;}



.callcenter2 {width:60px;height:60px; 	text-indent:1px; border-radius:50%; padding:8px 15px; background: #fee505;  position:fixed; bottom:90px; left:20px; z-index:9959; text-align:center;}
.callcenter2 a {color:#fff; font-weight:bold; font-size:12px;}
.callcenter2 a:hover {color:#fff;}







.callcenter {width:60px;height:60px; 	text-indent:1px; border-radius:50%; padding:8px 15px; background: rgb(52, 131, 52);  position:fixed; bottom:20px; left:20px; z-index:9959; text-align:center;}
.callcenter a {color:#fff; font-weight:bold; font-size:12px;}
.callcenter a:hover {color:#fff;}


.footabout {width:100%; color:#eee; font-size:12px; padding:50px 0; display:inline-block; text-align:left; position:relative; *zoom:1;}
.footabout:after  {clear:both; display:block; content:'';}
.footabout ul {padding:0; margin:0; *zoom:1;}
.footabout ul:after {clear:both; display:block; content:'';}
.footabout li {float:left; display:inline;}
.foot-logo {max-width:20px; margin-right:10px; margin-top:40px;}
.footabout h2 {font-size:16px; font-weight:bold;}
.footabout h3 {font-size:16px; font-weight:bold; margin-top:10px;}
.footabout h5 {font-size:18px; font-weight:bold;}
.footabout span {color:red;}

.footlocal {width:100%; font-size:12px; padding:60px 0px 20px; display:inline-block; text-align:left; position:relative; *zoom:1;}
.footlocal:after  {clear:both; display:block; content:'';}
.footlocal h3 {color:#eee; font-size:16px; font-weight:bold;}
.footlocal h2 {font-size:16px; font-weight:bold; color:#eee;}
.footlocal h3 {font-size:16px !important; font-weight:bold; margin-top:10px;  color:#eee;}
.footlocal h5 {font-size:18px; font-weight:bold;  color:#eee;}



.footlocal p {color:#eee;}
.footlocal span {color:red; font-size:13px;}




.footcate {width:100%; padding:20px 0px; display:inline-block; text-align:left; position:relative; *zoom:1;}
.footcate:after  {clear:both; display:block; content:'';}
.footcate h3 {color:#eee; font-size:10px !important; font-weight:bold; margin:0 0 10px; letter-spacing:-1px;}
.footcate p {color:red; font-size:9px; margin-bottom:5px; letter-spacing:-1px;}
.footcate a {color:#eee;}
.footcate li {float:left; padding-right:20px; min-height:190px; display:inline-block;}


.main-title {}
.main-title > h2 {color:#7ebe32}
.tell-num {background:rgba(0,0,0,0.8);  font-size:20px !important; color:#fff !important; padding:20px 20px !important;  margin-bottom:15px; border-top:3px solid green}
.t-info {margin-top:20px;}
.t-info2 {font-size:30px !important; font-weight:700; color:#f60; }





}