@charset "utf-8";

/*------------------------------------------------------------
**
** Default
**
--------------------------------------------------------------*/



/*------------------------------------------------------------
**
** header
**
--------------------------------------------------------------*/
.kso-header.off {/*background-color: #fff;*/}
.kso-header.sps:hover {/*background-color: #fff;*/}
.kso-header .site-logo {
	width: 250px;height: 60px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	transform: translate(0, 10px);
}

.navbar-sticky .navbar-brand,
.navbar-sticky .navbar-brand a {
	display: block;
	width: 245px;max-width: 245px;height: 60px;
	background-repeat: no-repeat;
}


.kso-header #gnb > li > a {
	font-size: 16px;font-weight: bold;
}
.kso-header #gnb>li>ul>li a {padding-left: 15px;}
.kso-header.on.sps--abv #gnb > li > a,
.kso-header #gnb > li > ul > li a {color: rgba(255,255,255,1);}
.kso-header.off #gnb > li > a,
.kso-header.on:hover #gnb > li > a {/*color: #333;*/}
#gnb li ul li.active>a,
#gnb li ul li a:hover {color: #fff;}

.nav-fixed {
	position: fixed;right: .5rem;top: 40%;
	z-index: 11;
}
.nav-fixed .nav-item {
	padding: 0;margin-bottom: 5px;
	width: 40px;height: 40px;
	line-height: 40px;text-align: center;
	color: #333;background-color: #eee;
	border-radius: 50%;
}
.nav-fixed .nav-item a.nav-link {padding: 0;}




/*------------------------------------------------------------
**
** Section top/bottom
**
--------------------------------------------------------------*/
.kso-section {padding-top: 40px;padding-bottom: 40px;}
.kso-contents {padding-top: 0;padding-bottom: 0;} /* Content */
.footer-content {padding-top: 40px;padding-bottom: 20px;}  /* Footer */

#kso-latest {padding-top: 40px;padding-bottom: 20px;}
#kso-parallax {padding-top: 80px;padding-bottom: 80px;min-height: 200px;} 
#kso-carousel {padding-top: 60px;padding-bottom: 20px;}


/*------------------------------------------------------------
**
** Section
**
--------------------------------------------------------------*/
.section-header {
	position: relative;
	margin-top: 0;margin-bottom: 40px;
}

/* slide */
.owl-slide .item-caption h1 {
	position: relative;
	padding-bottom: 1rem;
}
.owl-slide .item-caption h1:before {
	content: '';display: block;
	position: absolute;left: 50%;bottom: 0;
	width: 40px;height: 1px;
	transform: translate(-20px, 0);
	border-top: 1px solid #fff;
}
.owl-slide .item-caption h1, 
.owl-slide .item-caption .owl-p,
.owl-slide .item-caption .outline-light {color: #fff;}
.owl-slide .item-caption h1:before,
.owl-slide .item-caption .outline-light {border-color: #fff;}
.owl-slide .item-caption .outline-light:hover {border-color: transparent;}
#kso-carousel .owl-theme .owl-nav.disabled+.owl-dots {margin: 0;}
#kso-carousel .owl-theme .owl-dots .owl-dot span {margin: 3px 5px;}

/* quick menu */
.icon-linea {font-size: 45px;color: #444;}
.quick-icon {
	padding: 20px 0;
	text-align: center;
	background-color: #F2F2F2;
}
.quick-icon.fa-icon {line-height: 60px;}
.quick-icon h5 {font-size: 1rem;}

.news-block {
	padding: 2em;height: 100%;
	min-height: 250px;
	background-color: #F2F2F2;
}
.news-block h5 {
	margin-bottom: 20px;
	font-size: 18px;
}
.news-block a>i {
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.news-block a:hover>i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* #kso-latest img-block */
#kso-latest .img-block {position: relative;}
#kso-latest .img-block .caption {
	position: absolute;
	left: 1.5rem;top: 1.5rem;
}
#kso-latest .img-block .caption h5 {
	font-size: 17px;
	font-weight: bold;
}
#kso-latest .img-block .caption p {
	font-size: 14px;
	line-height: 1.4;
}
#kso-latest .img-block .caption h5 {color: #333;}
#kso-latest .img-block .caption p {color: #666;}
#kso-latest .img-block .caption.light h5,
#kso-latest .img-block .caption.light p {color: #fff;}

#carousel-img .owl-dots {
	margin-top: 0;
	transform: translate(0, -40px);
}

/* Parallax */
.kso-parallaxer{
	display:block;position: relative;
	width:100%;
	background-color:#222;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.parallax-caption {
	padding: 2em 2em;
	font-size: 15px;
	text-align: center;
	color: #666;
}
.parallax-caption.cover-light {background-color: rgba(255,255,255,0.8);}
.parallax-caption.cover-light,
.parallax-caption.cover-light h2,
.parallax-caption.cover-light a {color: #333;}
.parallax-caption.cover-light .btn-line {border-color: #333;}
.parallax-caption.cover-dark {background-color: rgba(0,0,0,0.8);}
.parallax-caption.cover-dark,
.parallax-caption.cover-dark h2,
.parallax-caption.cover-dark a {color: #fff;}
.parallax-caption.cover-dark .btn-line {border-color: #fff;}
.parallax-caption.cover-none {color: #fff;background-color: rgba(0,0,0,0);}
.parallax-caption.cover-none h2,
.parallax-caption.cover-none a {color: #fff;}
.parallax-caption.cover-none .btn-line {border-color: #fff;}
.parallax-caption .btn-line:hover {border-color: transparent;}

/* conact bnr */
#kso-contact-bnr .column-bnr {position: relative;}
#kso-contact-bnr .column-bnr>a {
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;
	background-color: rgba(0,0,0,0.01);
	transition: background 0.2s ease;
}
#kso-contact-bnr .column-bnr>a:hover {background-color: rgba(0,0,0,0.2);}
#kso-contact-bnr .column-bnr.align-items-center{
	min-height: 100px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #eee;
}

#kso-contact-bnr h3 {
	font-size: 24px;line-height: 100px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;padding: 0 2rem;
}
#kso-contact-bnr .column-bnr.bnr1,
#kso-contact-bnr .column-bnr.bnr2 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#kso-contact-bnr .column-bnr.bnr1 {background-image: url(../img/bnr_recruit.jpg);}
#kso-contact-bnr .column-bnr.bnr2 {background-image: url(../img/bnr_contact.jpg);}


/*------------------------------------------------------------
**
** Sub
**
--------------------------------------------------------------*/
.sub-header.parallaxer {
	background-color: #f2f2f2;
	background-position: center top;
	background-attachment: fixed;
}
.sub-header .sub-header-caption {
	font-size: 20px;text-align: center;
	font-weight: 100;
	color:#555;
}
.sub-header .sub-header-caption h2 {font-size: 36px;font-weight: 100;}
.sub-header .sub-header-caption>div {line-height: 1.2}
.sub-header.light .sub-header-caption,
.sub-header.light .sub-header-caption h2 {color: #fff;}

.submenu-horizontal .nav li.active a {
	color: #333;background-color: #fff;	
}
.submenu-horizontal .nav li.active a:hover {color: #333;}
.submenu-horizontal .nav li a {
	padding: 0;
	line-height: 50px;
	border-left: 1px solid rgba(255,255,255,0.2);
	border-radius: 0;
}
.submenu-horizontal .nav li:last-child a {border-right: 1px solid rgba(255,255,255,0.2);}
.submenu-horizontal .nav li a,
.submenu-horizontal .nav li a:hover {color: #fff;}

/* footer */
.section-footer .footer-content {background-color:#f2f2f2;} /* 푸터 배경 컬러 */
.section-footer .footer-logo {text-align: center;}
.section-footer .footer-menu a {
	position: relative;
	padding: 0 12px;
	font-size: 14px;
	color: #636363;    
}
.section-footer .footer-menu a:before {
	content: '';display: block;
	position: absolute;left: 0;top: 5px;
	width: 1px;height: 14px;
	background-color: #aaa;
}
.section-footer .footer-menu li:first-child a {padding-left: 0;}
.section-footer .footer-menu li:first-child a:before {display: none;}
.section-footer .footer-info {font-size: .9rem;}
.section-footer .footer-info .fa-ul {margin-left: 1.5em;}
.section-footer .footer-info .fa-ul>li {line-height: 26px;}
.section-footer .nav.nav-social .nav-link {padding: .5rem 0.5rem;}
.section-footer .kso-copyright {padding: 0 10px;font-size:13px;color:#888;}

.section-footer .family-site.btn-group>.btn {
	font-size: 14px;
	background: none;
	background-color: #fff;
	border-radius: 0;
}
.section-footer .family-site.btn-group>.btn:focus {box-shadow: none;}
.section-footer .family-site.btn-group>.dropdown-menu {
	padding: .8rem .8rem;
	font-size: 13px;
	border-radius: 0;
}
.section-footer .family-site.btn-group>.dropdown-menu a {
    line-height: 24px;
    display: block;
}


/*------------------------------------------------------------
**
** ETC
**
--------------------------------------------------------------*/
/* wg */
.kso_rwdTable td.title a.list-title,
.kso_rwdZine li p.titleArea a {font-size: 15px;}
.kso_rwdZine li p.text {font-size: 14px !important;}


/*------------------------------------------------------------
**
** mediaQuery
**
--------------------------------------------------------------*/
@media (min-width: 992px) {
	.edge-space .kso-header {padding-left: 60px;padding-right: 60px;}
	.parallax-caption {padding: 4em 3em;font-size: 16px;}
	.sub-header .sub-header-caption {
		-ms-transform: translateY(2rem);
		-webkit-transform: translateY(2rem);
		transform: translateY(2rem);
	}	
}
@media (max-width: 991px) {
	.kso-section,
	#kso-latest {padding-top: 20px;padding-bottom: 20px;}
	.section-header {
		margin-bottom: 30px;font-size: 1.5rem;
	}
	.sub-header .sub-header-caption h2 {font-size: 28px;}
	.sub-header .sub-header-caption>div {font-size: 17px;}
	.quick-icon .icon-linea {font-size: 35px;}
	.quick-icon h5 {font-size: 15px;}
	.br-none>br {display: none;}
}
@media (max-width: 480px) {
	.family-site {
		float: none !important;display: block;
		text-align: center;
	}
}