@charset "utf-8";
html {
  scroll-behavior: smooth;
}
/* User Custom CSS */
#kso-nav .login-menu {margin: 0;margin-right: 1rem;}
#kso-nav .login-menu li button,
#kso-nav .login-menu li a {
	padding: 0;
    line-height: 110px;
    font-size: 14px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#kso-header #kso-nav.sticked .login-menu li button,
#kso-header #kso-nav.sticked .login-menu li a {line-height: 56px;}

/* 슬라이드 */
#kso-promotion .caption-title,#kso-promotion .caption-cont {color:#fff} /* 캡션 폰트 컬러*/
#kso-promotion .caption-title:after {background-color:#fff} /* 타이틀 아래 라인 컬러 */
.btn-camera {color:#fff;border-color:#fff} /* 버튼 컬러 */
.btn-camera:hover {background-color:#fff} /* 버튼 마우스 오버 시 컬러 */

/* 각 섹션 상하 공간 */
#kso-teaser {padding-top:30px;padding-bottom:30px} /* teaser */
#kso-parallax {padding-top:100px;padding-bottom:100px} /* parallax */
#kso-info {padding-top:60px;padding-bottom:20px} /* info */
#kso-post {padding-top:60px;padding-bottom:0px} /* post */
#kso-notice {padding-top:60px;padding-bottom:60px} /* notice */

#kso-carousel {padding-top:30px;padding-bottom:30px} /* client */
#kso-sitemap {padding-top:50px;padding-bottom:40px;background-color: #ebebeb;} /* sitemap */
#kso-footer {padding-top:40px;padding-bottom:20px} /* footer */
#kso-copyright {padding-top:15px;padding-bottom:5px} /* copyright */


/* 패럴랙스 
#kso-parallax,
#kso-parallax h2,
#kso-parallax h3 {color: #fff;}*/

.title-line-o,
.title-line-o:before{background-color: #ddd}/* 타이틀 아래 라인 컬러 */

/* 서브 */
.sub-head-title h1 {font-size:32px;color: #fff;} /* 서브 탑 제목 폰트 사이즈 */
.sub-head-title {font-size:16px} /* 제목 아래 폰트 사이즈 */

/* 푸터 컬러 셋 */
#kso-footer.light {background-color:#e5e5e5} /* 배경컬러 */
#kso-footer.light h5 {color:#333} /* 제목 컬러 */
#kso-footer.light a {color:#666} /* a 태그 컬러 */
#kso-footer.light .deco-line {border-color:#ccc} /* 제목 아래 라인 컬러 */

#kso-footer.dark {color:#7B8899;background-color:#2E343E} /* 배경컬러 */
#kso-footer.dark,
#kso-footer.dark a {color:#7B8899} /* 폰트 컬러 */
#kso-footer.dark h5 {color:#C3CFD8} /* 제목 컬러 */
#kso-footer.dark .deco-line {border-color:#3E4A5A} /* 제목 아래 라인 컬러 */

#kso-copyright.light {color:#777;background-color:#fff} /* 카피라이트 라이트 */
#kso-copyright.dark {color:#7B8899;background-color:#39414D} /* 카피라이트 다크 */

#owl-biz .item {position: relative;}

#myVideo {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    object-position: 20% center;
}

.mt-4 {margin-top: 2rem;}
.mb-3 {margin-bottom: 1.5rem;}
.mb-4 {margin-bottom: 2rem;}

.text-gray {color: #888;}
@media(min-width: 320px) {
    .img_mid{
        padding-bottom: 20px;
    }
}
@media (min-width: 768px) {  
	.navbar-collapse.collapse {display: table !important;margin: 0 auto !important;}
    .img_mid{
        padding-bottom: 20px;
    }
}

@media (min-width: 1200px) {  
	#kso-nav .login-menu {margin-right: 4rem;}
	#kso-promotion {min-height:600px}  /* 프로모션 영역 최소 사이즈(슬라이드 사용 시 에니메이션 동작을 위한 최소 사이즈 값) */
}
/* 추가할 CSS는 여기에 */
#kso-header .logo-default,
#kso-header .sticked .logo-sticky {
    display: block;
}
#kso-header .sticked .logo-default,
#kso-header .logo-sticky {
    display: none;
}
.promo-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100vh;
    z-index: 11;
}
.promo-caption h1,
.promo-caption p {
    color: #fff;
}   
.promo-caption h1 {
    margin: 2rem 0;
    font-size: 41px;
} 
.promo-caption p {
    font-size: 20px;
}    

.mm-listview > li a {
    color: #fff;
}

.name_img{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.name_img > .name_img_wrap{
    display: flex;
}
.hidden_txt{
    color: transparent;
    font-size: 0;
}
.img_mid{
    text-align: center;
}


#kso-article .box-article p {
    min-height: 90px;
}
@media (max-width: 576px) { 
    #kso-article .box-article p {
        min-height: 180px;
    }
}