@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&family=Noto+Sans+KR&display=swap');
body {
    color: #;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
}	
	
	html .page-header-color.page-header-quaternary {
	background: center -100px url(../img/slides/sub_02.jpg);
    background-color: #fff;
}

	html .page-header-color.page-header-quaternary.business {
	background: url(../img/slides/sub02.jpg);
    background-color: #101019;
}
	html .page-header-color.page-header-quaternary.portfolio {
	background: url(../img/slides/sub03.jpg);
    background-color: #101019;
}
	html .page-header-color.page-header-quaternary.bbs {
	background: url(../img/slides/sub04.jpg);
    background-color: #101019;

}


#header .header-nav-main.header-nav-main-square nav > ul > li > a {
    font-size:1.3em; font-weight:normal
}


.lead {
    font-size: 1.25rem;
    font-weight: 400;
}


.custom-page-header {
    padding: 220px 0 0 0;
}

.page-header-color {
    border-bottom: none; 
}

/* .custom-page-header.portfolio {
    padding: 220px 0 105px 0;
} */

#footer.light {
    padding-top: 20px;  /* padding-top: 60px; */
	margin-bottom: 120px;
}

.sub_navi ul {margin:0; padding:50px 0 0 0; }
.sub_navi ul li{list-style:none; float:left; padding:20px 0; border:1px solid #ccc; border-right:none; width:20%; margin:0; text-align:center; background:#eee;  }
.sub_navi ul li:last-child {border-right:1px solid #ccc;  }
.sub_navi ul a li{ color:#333 !important; display:inline-block; font-size:1.3em}
.sub_navi ul a li:hover, .sub_navi ul a li.active {background:#4dbb6d; color:#fff !important; font-weight:600; border:1px solid #333}

.table thead th, .table-bordered td {vertical-align: middle;}


section.timeline .timeline-date {  width: 300px;}
section.timeline .timeline-date h3 {font-size: 1.6em; font-family:tahoma; }


.thumb-info.custom-thumb-info-style-1 .thumb-info-caption {   height: 130px; }

@media (min-width: 1200px) {
	.container { max-width: 1280px;}
}
.team-item .team-infos { /*  min-height: 130px;  */}


section.timeline .timeline-date {
    width: 100%;
    font-size: 3em;
	height:150px;
	line-height:1.5em;
	text-align:center;
	border:none;
	font-weight:800;
	color:#efefef;
	letter-spacing:-0.04em;
}

section.timeline .timeline-date h1{
	color: rgba(44,44,44,0.1);
	line-height:1.5em;
}

@media (max-width: 985px) {
	section.timeline .timeline-date{ font-size: 1.2em;}
}

/* SR */

.sr .bs-box {display:flex; justify-content:center; flex-wrap:wrap; margin:0 0 50px; padding: 0;}
.sr .bs-box li{width:25%; margin-right:-1px; list-style:none;  position:relative}
.sr .bs-box li .img{width:100%; padding-bottom:130%; background-size:cover; background-position:center center;}
.sr .bs-box li .txt{width:100%; padding-bottom:130%; background-size:cover; background-position:center center;}
.sr .bs-box li .tit{  border-top:0; padding:20px; display:none;} 
.sr .bs-box li .tit p{font-size:16px; font-weight:500;}
.sr .bs-box li:nth-child(1) .img{background-image:url('../img/port/port_06.jpg');}
.sr .bs-box li:nth-child(2) .img{background-image:url('../img/business/img05.jpg');}
.sr .bs-box li:nth-child(3) .img{background-image:url('../img/business/img06.jpg');}
.sr .bs-box li:nth-child(4) .img{background-image:url('../img/port/port_19.jpg');} 

.sr .bs-box li .txt{width:100%; padding-bottom:130%; background-size:cover; background-position:center center; position:absolute; left:0; top:0; opacity:0; transition:all ease .3s;}
.sr .bs-box li .txt b{display:block; margin:0 0 10px; font-size:1.1em; width:100%;}
.sr .bs-box li .txt p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(77 187 109 / 85%); color:#fff; display:flex; align-items:Center; justify-content:center; padding:30px; flex-wrap:wrap;}
.sr .bs-box li:hover .txt{opacity:1;} 

.testimonial.testimonial-style-4.testimonial-no-borders h3{
    letter-spacing:-2px
}

.letter-p1 {letter-spacing:-1px}

/*======================================
43. Animate line
======================================*/
.animate_line{
	position:relative;
	z-index:0;
}
.animate_line:after,
.animate_line:before{
	content: "";
	height: 4px;
	width: 0px;  
	position: absolute; 
	transition: all 0.5s ease 0s; 
	-webkit-transition: all 0.5s ease 0s; 
	z-index: -1; 	
}
.animate_line:after { 
  left: 0; 
  bottom: 0; 
}
.animate_line:before { 
  right: 0; 
  top: 0; 
}
.animate_line:hover:after,
.animate_line:hover:before{ 
	width: 50%; 
	height:50%;
	background: #ffbc13; 
}
@media only screen and ( max-width:768px){
.animate_line:after { 
  bottom: -5px; 
}
.animate_line:before { 
  top: -5px; 
}
	
}

.top_tel {position:absolute; top:120px; z-index:999; left:0; margin-left: 80px;}
.top_tel.top_tel_center {left:50%; margin-left: -182px;}

.mobile_display {display:none}

/* 메인의 서브 메뉴 */
.mobile_menu .sub_navi ul a li {font-size:1.8em}

.mobile_menu .sub_navi ul li {   background: #fff; border: 1px solid #efefef;}
.mobile_menu .sub_navi ul a li { color: #167b34 !important}

.mobile_menu .sub_navi ul li:hover {   background: #4dbb6d; }
.mobile_menu .sub_navi ul a li:hover { color: #fff !important}

/* 반응형 */
@media (max-width: 768px) {
	.sub_navi ul li{padding:10px 0; width:50%; }
	.sub_navi ul a li {font-size: 14px;}
	.sub_navi ul li.mob100{width:100%; }
	.mobile_none {display:none}
	.mobile_display {display:block; }	
	.top_tel {position:absolute; top:100px; z-index:999; left: 50%; margin-left:-182px;}
}

@media (max-width: 364px) {
	.top_tel {width:100%;}
}

@media (max-width: 768px) {
	.sub_navi ul li{padding:10px 0; width:50%; }
	.sub_navi ul a li {font-size: 20px;}
	.sub_navi ul li.mob100{width:100%; }
	.mobile_none {display:none}
	.table td, .table th { padding: 5px; letter-spacing:-1px}  /* */
	.sr .bs-box li { width: 50%;}  
	.tbl_head01 thead th { padding: 0;} 
	.tbl_head01 td {height: auto;}
}



/* 하단 고정 전공조공 항시모집 */
.bottom_fixed {position: fixed;
    bottom: 0;
    z-index: 200;
    width: 100%;
    background: #4dbb6d url(../img/bottom_fixed2.jpg) no-repeat center center;
    height: 80px;
	}


/* 반응형 - 하단 고정 전공조공 항시모집 */
@media (max-width: 768px) {
.bottom_fixed {
    background: #191e32 url(../img/bottom_fixed_mobile3.jpg) no-repeat center center;
	background-size: cover;
	height: 90px;
	}
.top_tel { left: 50%; margin-left:-182px;}
.top_tel img {max-width:362px; width:100%}


html .page-header-color.page-header-quaternary {
    background-position: center -117px;
}


}