@charset "utf-8";

/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
 /* 메인 1차 메뉴 */
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	padding-left: 15px;padding-right: 15px;
	font-weight: bold;
	color: #333;
}

.sub_cent {text-align:center;}

/* LNB */
.sub_lnb {display:flex;width:90%;margin:auto;top:-32px;clear:both;background-attachment:scroll;position:relative;background-color:#000;z-index:3}
.sub_lnb_mobile {display:none;}
.lnb_box {text-align:center; width:100%;}
.lnb_box ul {list-style:none;width:100%;float:left;padding:0; margin:0}
.lnb_box li {display:inline-block;position:relative; box-sizing:border-box;}
.lnb_box li:before {content:""; width:1px; height:17px; background:rgba(255,255,255,0.8); position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.lnb_box li a {display:block;color:#fff;letter-spacing:-0.5px;line-height:64px;padding:0 50px;}
.lnb_box li:nth-child(1):before {display:none;}
.lnb_box li.on a {color:#fad420}
.navbar-nav-tel{position: relative;display:block;}
.navbar_tell {position: absolute;bottom:0;padding:5%;clear: both;display: block;z-index: 10;}
.navbar_cente {position:relative;width:100%;}
.navbar_cente > dl{padding:15px 0 0 48px;background:url(../img/m_tel.png) 0 12px no-repeat}
.navbar_cente > dl > dt{padding-top:1px;font-size:12px;line-height:1;}
.navbar_cente > dl > dd{padding-top:3px;font-size:16px;color:#333;line-height:1;}
.navbar_cente > h4{text-align: center;font-size:xx-large;line-height: 28px;}
.navbar_cente > span{display:block;color:#333;line-height:20px;width:90%;margin:15px auto;}

@media screen and (max-width:640px) {
	.sub_lnb {display:none}
	.sub_lnb_mobile { display:block; width:90%; height:62px; margin:auto; top:-32px;  clear:both; background-attachment:scroll; position:relative; background-color:#000; z-index:3}
	.sub_lnb_mobile .lnb_box_mobile{transition:all .3s ease;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content{width:100%;margin:0 auto;height:62px}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container {float:none;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul {list-style:none;width:100%;float:left;padding:0; margin:0}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li { position:relative; float:left; width: 50%; height:62px; border-left: 1px solid #666;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li:first-child { border: 0;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button {width: 100%; height:62px; border: 0; position:relative; text-align:left; padding-left:1px; background-color: transparent;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button {background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;  -moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li button span {padding-left: 19px;background-color: transparent; color:#fff; font-size:14px}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div { overflow: hidden; height: 0; position: relative;}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div ul{display:block;position:absolute;list-style:none;width:100%;left:0;border-top:1px solid #c7c7c7; padding:0}
	.sub_lnb_mobile .lnb_box_mobile .sub_lnb_content .sub_lnb_container > ul > li div ul li a{ border-bottom:1px solid #c7c7c7; background:#eee;height:46px;color:#000;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px;box-sizing:border-box}
}

.hs-slider.owl-carousel .owl-item.active .hs-text h2 {top: 0;opacity: 1;}
.hs-slider.owl-carousel .owl-item.active .hs-text p {top: 0;opacity: 1;}
.hs-slider.owl-carousel .owl-item.active .hs-text .primary-btn {top: 0;opacity: 1;}
.hs-slider.owl-carousel .owl-nav button {font-size: 24px;color: #ffffff;height: 40px;width:40px;line-height: 40px;text-align: center;background: rgba(0, 0, 0, 0.5);border-radius: 50%;position: absolute;left: 1%;top: 50%;-webkit-transform: translateY(-25px);-ms-transform: translateY(-25px);transform: translateY(-25px);}
.hs-slider.owl-carousel .owl-nav button.owl-next {left: auto;right: 1%;}
.hs-item {height: 660px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.hs-item .hs-text h2 {font-size: 50px;color: #ffffff;font-weight: 700;text-transform: uppercase;margin-bottom: 20px;position: relative;top: 100px;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;opacity: 0;}
.hs-item .hs-text p {color: #ffffff;line-height: 30px;margin-bottom: 32px;position: relative;top: 100px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;opacity: 0;}
.hs-item .hs-text p br{display:none;}
.hs-item .hs-text .primary-btn {position: relative;top: 100px;-webkit-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;opacity: 0;}

.primary-btn {display: inline-block;font-size: 16px;padding: 14px 30px;color: #ffffff;background: #7b8af9;text-transform: uppercase;font-weight: 700;}

/* 섹션별 상하여백 */
.kso-section {padding-top: 50px;padding-bottom: 50px;} /* 섹션 기본 상하여백 */
#section-about {padding-top: 80px;padding-bottom: 100px;} /* 섹션 어바웃 */
#section-parallax {padding-top: 100px;padding-bottom: 100px;} /* 섹션 패럴랙스 */
#section-service {padding-top: 80px;padding-bottom: 80px;} /* 섹션 서비스 */
#section-footer {padding-top: 80px;padding-bottom: 80px;} /* 섹션 푸터 */
.kso-contents {padding-top: 20px;padding-bottom: 10px;min-height: 500px;} /* 서브 콘텐츠 영역 상하 */
.banner_img{width:100%;margin:0 auto;text-align: center;}

/* 섹션 제목 */
.section-header {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 50px;
	text-align: center;
}
.section-header:before,
.section-header:after {
	content: '';display: block;
	position: absolute;left: 50%;bottom: 0;
	margin-left: -8px;
	width: 8px;height: 8px;
	background-color: #999;
	border-radius: 50%;
}
.section-header:after {
	margin-left: 4px;
}

/* 1) 섹션 티져 */
#section-icon .block h4 {
    font-size: 1.1rem;
    color: #fff;
}
#section-icon .block,
#section-icon .block i {color: #fff;}


/* 2) 섹션 어바웃 */
#section-about h4 {  } /*우측 컨텐츠 제목*/
#section-about div {line-height: 1.8;} /*우측 컨텐츠 내용*/


/* 3) 섹션 패럴랙스 */
#section-parallax:before {background-color: rgba(0,0,0,0.3);} /* 배경 커버 컬러 투명도 */
#section-parallax h3 {color: #fff;} /*제목*/
#section-parallax {font-size: 18px;color: #fff;} 
.text-center-img{display: block;}
.text-center-img-m{display: none;}


/* 4) 섹션 서비스 */
#section-service figcaption h4 {font-size: 15px;} /*제목*/
#section-service figcaption h4 a {color: #444;}
#section-service figcaption {font-size: 14px;} /*내용*/


/* 5) 섹션 하단 배경 및 폰트 */
#section-footer {font-size: 14px;line-height: 1.8;background-color: #f1f1f1;}
#section-footer h5 {font-size: 16px;}
.copy_info {width:100%;margin:0 auto;text-align: center;}

.section-footer-widget{display: flex;align-items: center;margin-bottom: 10px;}
.section-footer-widget-img{}
.footer-widget-txt{padding-left:18px;}
.footer-widget-txt h4{font-size:16px;font-weight: 700;}
.footer-widget-txt p{font-size:14px;}
.bottom_quick{display:none}

/* 서브 탑 배경 및 폰트 컬러 */
.sub-top {background-color: #333;}
.sub-top h4 {color: #fff;}
.business_info { width:100%; }
.business_info ul {padding:0;margin:0;}
.business_info:after { content:""; display:block; clear:both;}
.business_info li {float:left; overflow:hidden; position:relative; width:50%; height:350px; text-align:center; box-sizing:border-box; border-right:1px solid #fff;}
.business_info li .summary {position:absolute; width:100%; height:100%; cursor:pointer; z-index:10; transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.business_info li .summary:after{ content:""; display:block; clear:both;}
.business_info li .summary p.title {position:absolute; top:45%; width:100%;  color:#fff; font-size:1.5em; text-shadow: 0px 0px 2px #000; }
.business_info li .summary p.title:after { display: block; content: ""; width:7%; height:1px; margin:10px auto; background: #eee; }
.business_info li .summary span.txt { display:none;}
.business_info li .summary a { display:none; }
.business_info li:hover .summary,  .business_info li.on .summary { position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,.7); }
.business_info li:hover .summary p.title,  .business_info li.on .summary p.title { display:block; top:10%; left:5%; margin-left:0; text-align:left; text-shadow:none; }
.business_info li:hover .summary p.title:after,  .business_info li.on .summary p.title:after { display: block; content: ""; width:90%; height:1px; margin:10px 0; background: #eee; text-align:left; }
.business_info li:hover .summary span.txt,  .business_info li.on .summary span.txt { position:absolute; display:inline-block; left:5%; top:25%; width:100%; color:#fff; font-size:0.95em; text-align:left;  }
.business_info li:hover .summary a,  .business_info li.on .summary a{position:absolute; display:inline-block; left:5%; bottom:5%; width:40%; height:40px; line-height:40px; font-size:1em; color:#fff;  text-decoration:none; background:rgba(0,0,0,0);  border:1px solid #fff;  margin:20px auto; transition: 0.5s all ease;   }
.business_info li:hover .summary a:hover,  .business_info li.on .summary a:hover{color:#000; background:#fff; border:1px solid #fff;}



@media screen and (max-width:992px){
	.business_info li { width:50%; height:400px; border-top:1px solid #fff;}
	.business_info li:nth-child(2n){border-right:0px !important;}
	.business_info li:nth-child(3){border-top:1px solid #fff;}
	.business_info li:nth-child(4){border-top:1px solid #fff;}
}
@media (max-width: 991px) {
	.kso-section {padding-top: 30px;padding-bottom: 30px;}
}

@media screen and (max-width: 768px){
	#section-footer {padding: 30px 0;}
	.hs-item {height: 450px;}
	.hs-item .hs-text h2 {font-size: 24px;}
	.hs-item .hs-text p br{display:block;}
	.navbar-nav-tel {position: absolute;left:50%;}
	.bottom_quick{position: fixed;display:block; left:0;right:0;bottom:0;overflow:hidden;background-color: rgb(0 0 0 / 75%); z-index:98;}
	.bottom_quick_widget{overflow:hidden;margin: 0;padding: 0;width: 100%;list-style:none;}
	.bottom_quick_widget li { float:left;width: 100%;text-align: center;box-sizing: border-box;}
	.navbar-nav-tel{display:none;}
}

@media screen and (max-width: 480px) {		
	.navbar-nav-tel img {width:80%}
	.navbar-brand img {width:80%}
	.business_info li { width:100%;}
	.business_info li:hover .summary span.txt { top:30%;}
	.text-center-img{display: none;}
	.text-center-img-m{display: block;}

}