/* 

Theme Name : K-Theme Starter child Laboratory
Template: ktheme_starter 
Theme URI : https://k-thememarket.com/
Description : 케이테마의 드론 테마입니다. 
Author : touchxe
Author URI: https://k-thememarket.com
Version: 1.0.0
Tags: 연구소,기업,모던, 간단한

*/

/* 공용요소 스타일 추가 */
	
	.shadow{
		box-shadow: .4rem .4rem 1rem rgba(0,0,0,.10)!important;
	}

	.bg-dot-img{
		position: relative;
	}
	.bg-dot-img h1,
	.bg-dot-img h2,
	.bg-dot-img h3,
	.bg-dot-img h4,
	.bg-dot-img h5,
	.bg-dot-img h6{
		position: relative;
		z-index: 10;
		display: inline-block;
	}
.bg-dot-img:after{
	content: "";
	position: absolute;
	width: 200px;
	height: 200px;
	left: -120px;
	top: -100px;
	background-image: url("images/bg_round_dot_black.png");
	background-image: url("https://k-thememarket.com/fabric/wp-content/uploads/sites/9/2022/03/bg_round_dot_black.png");
	background-repeat: no-repeat;
	background-size: cover;
	
	}
	
	
	
.round-adbox-list li.dark-purple .round-box-item {
	background: #2F2149;
}

.round-adbox-list li.gray .round-box-item {
	background: #fafafa;
}

.round-adbox-list li.dark-emerald .round-box-item {
	background: #488FB1;
}
	
	

.bg-dot-white:after{
	background-image: url("images/bg_round_dot_white.png");
	background-image: url("https://k-thememarket.com/fabric/wp-content/uploads/sites/9/2022/03/bg_round_dot_white.png");
	}
	
.bg-dot-gray:after{
	background-image: url("images/bg_round_dot_gray.png");
	background-image: url("https://k-thememarket.com/fabric/wp-content/uploads/sites/9/2022/03/bg_round_dot_gray.png");
	}
.bg-dot-black:after{
	background-image: url("images/bg_round_dot_black.png");
	background-image: url("https://k-thememarket.com/fabric/wp-content/uploads/sites/9/2022/03/bg_round_dot_black.png");
	}
.bg-dot-blue:after{
	background-image: url("images/bg_round_dot_blue.png");
	background-image: url("https://k-thememarket.com/fabric/wp-content/uploads/sites/9/2022/03/bg_round_dot_blue.png");
	}
.bg-dot-pulple:after{
	background-image: url("images/bg_round_dot_pulple.png");
	background-image: url("https://k-thememarket.com/fabric/wp-content/uploads/sites/9/2022/03/bg_round_dot_pulple.png");
	}
.bg-dot-start:after{
	}
.bg-dot-end:after{
	left: auto;
	right: -120px;
	}
	
	
.icon-box-type4{
	position: relative;
	
	}
	
.icon-box-type4 h1{
	font-size: 3rem;
	font-weight: normal;
	}
	
.icon-box-type4 >a{
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	
	min-height: 360px;
    display: flex;
    flex-direction: column;
	justify-content: center;
	transition: all 0.5s;
	background-color:rgba(0,0,0,0.3);
	}
.icon-box-type4 >a.on,	
.icon-box-type4 >a:hover{
	background-color:rgba(80,64,119,0.9);
	color: #fff;
	}


.icon-box-type4 >a p{
	visibility: hidden;
	height: 0;
  	opacity: 0;
	line-height: 1.5;
	transition: visibility 0s, opacity 0.5s linear;
}

.icon-box-type4 >a:hover p{
	visibility: visible;
  	opacity: 1;
	height: auto;
}
	
	
	.icon-box-type5{
		
}
	
	.icon-box-type5 i{
		font-size: 4rem;
		
	}
	
	.icon-box-type5 h2{
		margin-top: 0.5rem;
		font-size: 1.5rem;
		
	}
	
	.icon-box-type5 a{
		
		min-height: 310px;
		min-width: 310px;
		border: 1px solid rgba(255,255,255,0.5);
		border-radius: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		transition: all 0.5s;
	}
	.icon-box-type5 a.on,
	.icon-box-type5 a:hover{
		
		background-color: rgba(83,62,133,0.8);;
		border: none;
	}
	



.icon-box-type6{
	position: relative;
	
	}
	
.icon-box-type6 h1{
	font-size: 3rem;
	font-weight: normal;
	}
	
.icon-box-type6 >a{
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	height: 100%;
    display: flex;
    flex-direction: column;
	justify-content: center;
	transition: all 0.5s;
	border: 1px solid rgba(255,255,255,0.5);
	}
.icon-box-type6 >a.on,	
.icon-box-type4 >a:hover{
	background-color:rgba(80,64,119,0.9);
	color: #fff;
	}

.icon-box-type6 .box-1{
	border-bottom-width: 0;
}
.icon-box-type6 .box-3{
	border-left-width: 0;
}

.icon-box-type6 >a p{
	line-height: 1.5;
	transition: visibility 0s, opacity 0.5s linear;
}

.icon-box-type6 >a:hover p{
	
	height: auto;
}
	
	
	/* 최신글 웹진형 스타일 1 시작*/
	.newest-webzine-type1{
		text-align: left;
	}
	
	.newest-webzine-type1 > a{
		display: block;
		border-radius: 0rem;
		overflow: hidden;
		transition: 0.3s;
	}
	
	.newest-webzine-type1 > a:hover{
		margin-top: -1rem;
	}
	
	.newest-webzine-type1 > a > img{
		width: 100%;
	}
	.newest-webzine-type1 > a  h3{
		font-size: 1.1rem;
	}
	.newest-webzine-type1 > a > .webzine-info{
		padding: 2rem;
	}
	
	/* 최신글 웹진형 스타일 1 마침*/
	
	
	/* 최신글 리스트형 스타일 2 시작 */
	.list-type-2{
	}
	
	.list-type-2 li{
		background-color: transparent;
		padding:0;
	}
	.list-group-flush>.list-group-item:last-child{
		border-bottom-width: 1px;
	}
	.list-type-2 li a{
		display: flex;
		padding:2rem 0;
		position: relative;
	}
	
	.list-type-2 .list-date{
	}
	
	.list-type-2 .list-date span{
		display: block;
		text-align: center;
	}
	
	.list-type-2 .list-date .list-day{
		font-size: 1.8rem;
		line-height: 2rem;
		
	}
	.list-type-2 .list-date .list-ym{
		font-size: 1rem;
		
	}
	
	.list-type-2 .list-title{
		font-size: 1.3rem;
		line-height: 4rem;
		margin-left: 5rem;
	}
	
	.list-type-2 .list-title i{
		position: absolute;
    right: 0;
    top: 2rem;
    font-size: 2rem;
    color: #acacac;
    font-weight: normal;
		
	}
	/* 최신글 리스트형 스타일 2 마침 */
	
	#googlemaps {
	  height: 100%;
	  width: 100%;
	  position:absolute;
	  top: 0;
	  left: 0;
	  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
	}

/* 기본세팅 */
body, button, input, select, textarea, #kboard-ktheme-list{
		font-family: 'Exo 2','Noto Sans KR','Open Sans',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo", sans-serif;
	}
.text-primary{
	color: #533E85 !important;
}
.bg-primary {
	background-color: #533E85 !important;
}
.bg-secondary {
	background-color: #924992 !important;
} 

/* 탭스타일 */
.nav-link{
	color: #533E85;
	background-color:white !important;
	border-radius: 0 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
		background-color: #533E85 !important;
}

.nav-pills .nav-link.active path, 
.nav-pills .show>.nav-link path{
	stroke:#fff;
}

/* 탭스타일 마침 */

#side-menu.menu>li>a{ background-color: rgb(28 61 106 / 90%);
}
#side-menu.menu>li>.sub-menu>li[class*="current"]>a{
	
	border-color: #6781a7;
}
#side-menu.menu>li>.sub-menu>li>a:hover{
	border-color: #6781a7;
}

.top-nav li.menu-item-has-children .sub-menu{
	top: 6rem;
	border-left: 0;
	box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.08)!important;

}

/* 드론 디자인 */

/*메인페이지 드론 탭의 이미지 상하단 줄 추가 */
#v-pills-tabContent {
	position: relative;
	
}
#v-pills-tabContent >.tab-pane{
	padding-top:4rem !important;
	padding-bottom:4rem !important;
}
#v-pills-tabContent >.tab-pane::before{
	content: "";
	position:absolute;
	display: block;
	width: 25%;
	height: 30%;
	border-top:2px solid #333;
	border-right: 2px solid #333;
	right: 0;
	top:0;
}

#v-pills-tabContent >.tab-pane::after{
	content: "";
	position:absolute;
	display: block;
	width: 15%;
	height: 15%;
	border-bottom:2px solid #333;
	border-left: 2px solid #333;
	left: 3rem;
	bottom:0;
}

.background[class*="-overlay"]::after{
	background-color: #382B5A !important;
}

#section5 .full-section-container{
	margin-bottom: 150px;
}

#section5 .banner-type-1{
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	
}
.fp-section{
	overflow: hidden;
}

/* 드론 디자인 마침 */


/* 패브릭 디자인 */

.search-wrap,
.megamenu.show {
	top: 135px ;
}
	
	.top-nav li.menu-item-has-children .sub-menu  .sub-menu{
		margin-top: -0.5rem;
	}
.navbar {
	padding: 0;
	}
.top-nav>li>a{
	line-height: 4rem;
	}

	.top-nav li .sub-menu a{
		padding-bottom: 0.6rem;
		padding-top: 0.6rem;
	}
	/* 네비게이션 흰색/검정색 색상구분 시작 */
	
#nav-wrapper{
	left: 0;
	right: 0;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	background: #fff;
	transition: all 0.5s;
	width: 100%;
	position:absolute;;
	
}
	
.nav-top-menu {
	overflow: hidden;
	margin-top: 1.0rem;
}

.nav-top-menu li {
	float: left;
	margin-left: 1rem;
	padding-left: 1rem;
	border-left: 1px solid #e1e1e1;
	line-height: 1rem
}
	
.top-nav>li>a {
	font-size: 1.2rem;
	}

.nav-top-menu li:first-child {
	border: none;
}
	
.nav-top-menu li a{
	color:#333;
	}
	
.nav-black #header-logo{
	display: flex;
	}
#header-logo{
	display: none;
	}
.nav-black #footer-logo{
	display: none;
	}
#footer-logo{
	display: flex;
	}
	
	
#top-search .search-white{
	display: none;
	}
#top-search .search-black{
	display: inline-block;
	}
.nav-black #top-search .search-white{
	display: inline-block;
	}
.nav-black #top-search .search-black{
	display: none;
	}
#mega-menu .mega-btn-white{
	display: none;
	}
#mega-menu .mega-btn-black{
	display: inline-block;
	}
.nav-black #mega-menu .mega-btn-white{
	display: inline-block;
	}
.nav-black #mega-menu .mega-btn-black{
	display: none;
	}


#nav-wrapper.nav-black {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background-color: transparent;
	}

.nav-black .top-nav>li>a {
	color: #fff;
	font-size: 1.2rem;
	transition: all 0.5s;
}



.nav-black .nav-top-menu {
	overflow: hidden;
	margin-top: 1.5rem;
}

.nav-black .nav-top-menu li {
	float: left;
	margin-left: 1rem;
	padding-left: 1rem;
	border-left: 1px solid rgba(255,255,255,0.1);
	line-height: 1rem
}

.nav-black .nav-top-menu li:first-child {
	border: none;
}
	
.nav-black .nav-top-menu li a{
	color:#fff;
	}


.nav-black .carousel-inner {
	overflow: visible;
}
	
/* 네비게이션 흰색/검정색 색상구분 시작 마침 */


/* Carousel 디자인 시작 */
#myCarousel {
	z-index: 10;
}
	

.carousel-inner{
	height: 100%;
	
	}
	
.carousel-item{
	height: 100%;
	}
	
.carousel-caption {
	left: 2rem;
	top:auto;;
}
	
	.carousel-caption .carousel-title{
		font-size: 3.2rem;
		margin-bottom: 2rem !important;
	}
	
	.carousel-caption h2 i{
		color: #2CFFE7;
		font-size: 3rem;
		
	}
	
	/* 슬릭슬라이더 설정시작 */
	.slick-initialized .slick-slide{
		position: relative;
		overflow: hidden;
	}
	
	.slick-list{
		z-index: 1;
	}
	.slick-track,
	.slick-list,
	.slick-dotted.slick-.slick-track, .slick-list, .slick-dotted.slick-slider{
		height: 100%;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	.slick-dots{
		z-index: 10;
		bottom: 75px;
		
	}
	.slick-dots li.slick-active button:before{
		color: white;
		opacity: 0.9;
	}
	.slick-dots li button:before{
		color: white;
		font-size: 16px;
	}
	
	/*슬릭슬라이더 설정마침 */
	.slider-bg-round-1{
		position: absolute;
		width: 75%;
		height: 250px;
		left: 0;
		right: 30%;
		margin-right: 0;
		bottom: 0%;
		background-color: rgba(191,104,191,0.9);
		border-radius: 150px;
		-ms-transform: rotate(305deg);
		-webkit-transform: rotate(305deg);
		transform: rotate(305deg);
		
		
	}

.slider-bg-round-2{
		position: absolute;
    width: 100%;
    height: 350px;
    left: 28%;
    right: 0%;
    margin-right: 100px;
    bottom: 30%;
    background-color: rgba(83,62,133,0.9);
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);
		
}

.slider-bg-round-3{
		position: absolute;
		width: 50%;
		height: 200px;
		right: 85%;
		bottom: 30%;
		margin-right: 0;
		background-color: rgba(0,0,0,0.05);
		border-radius: 150px;
		-ms-transform: rotate(305deg);
		-webkit-transform: rotate(305deg);
		transform: rotate(305deg);
		
	}

.slider-bg-round-4{
		position: absolute;
    width: 100%;
    height: 350px;
    left: 28%;
    right: 0%;
    margin-right: 100px;
    bottom: 30%;
    background-color: #f1f1f1;
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);
		
}

.slider-bg-round-5{
		position: absolute;
    width: 35%;
    height: 250px;
    left: 25%;
    right: 30%;
    margin-right: 0;
    bottom: -12%;
    background-color: rgba(191,104,191,0.9);
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);

		
	}



.slider-bg-round-6{
		position: absolute;
    width: 35%;
    height: 250px;
    left: -15%;
    right: 30%;
    margin-right: 0;
    bottom: -150px;
    background-color:#6C53A8;
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);

		
}

.slider-bg-round-7{
	    position: absolute;
    width: 35%;
    height: 250px;
    left: 0%;
    right: 30%;
    margin-right: 0;
    bottom: -12%;
    background-color: #f1f1f1;
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);

		
	}

	
.slider-bg-round-8{
		position: absolute;
    width: 35%;
    height: 250px;
    left: 45%;
    right: 30%;
    margin-right: 0;
    bottom: -300px;
    background-color:#BF68BF;
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);

		
}

.slider-bg-round-9{
	    position: absolute;
    width: 35%;
    height: 250px;
    left: 60%;
    right: 30%;
    margin-right: 0;
    bottom: -230px;
    background-color: #f1f1f1;
    border-radius: 150px;
    -ms-transform: rotate(305deg);
    -webkit-transform: rotate(305deg);
    transform: rotate(305deg);

		
	}
	
	.slider-bg-white{
		position: absolute;
		width: 150%;
		height: 1200px;
		bottom: -1015px;
		background: #fff;
		z-index: 11;
		border-top-left-radius: 400%;
		border-top-right-radius: 400%;
		left: -25%;
		
	}

.icon-box {
	position: relative;
	z-index: 1;
}

.carousel-indicators [data-bs-target] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	border: none;
	border-radius: 15px;
}

.carousel-indicators .active {
	background: #D90429;
}

.carousel-caption {
	z-index: 10; 
	margin-top: 5rem;
}


@media (min-width: 40em) {
	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}
}
	
/* Carousel 디자인 마침 */
	
	
	/* 메인페이지 요소 시작 */
	
	.full-section-container{
		padding-top: 50px;
	}	
	
	
	.round-box-item .text-box i{
		font-size: 3.5rem;
	}
	
	.round-box-item .text-box h5{
		font-size: 1.3rem;
		padding-top: 1rem;
	}
	
	/* 메인페이지 요소 마침 */



.page-title-overlap {
	padding-top: 10rem !important;
}

@media (max-width: 767.98px) {
	/* 메인화면 */
	#nav-wrapper{
		position: absolute;
		border-bottom: 0 !important;
		background-color: white;
		padding-top:1rem;
		padding-bottom:1.5rem;
	}
	.navbar-toggler{
		margin-top: -5rem;
	}
	.nav-top-menu {
		margin-top: 0.7rem;
		margin-bottom: 0.7rem;
	}
	.navbar {
		top: 4rem;
		background-color: #fafafa !important;
	}
	.navbar-collapse {
		margin-top: 0;
	}
	.navbar {
		background-color: #e1e1e1;
	}
	.top-nav {
		border-bottom: 3px solid #333;
	}
	.top-nav>li {
		border-top: 1px solid #e1e1e1;
	}
	.top-nav>li>a{
		line-height: 2rem;
		font-size: 1rem;
	}
	
	.top-nav li.menu-item-has-children .sub-menu{
		top: 0;
	}
	.top-nav li.menu-item-has-children .sub-menu .sub-menu{
		margin-top: 0;
		box-shadow: none;
	}
	
	
	.slick-slide .carousel-caption .desc {
		word-break: break-word;
	}
	.slick-slide .carousel-caption {
		top: 9rem;
		right: 0rem;
		left: 0rem;
		text-align: center !important;
		position: relative;
		margin-top: 0;
	}
	
	.carousel-caption .carousel-title{
		font-size: 2.0rem;
		font-weight: normal !important;
	}
	
	.slider-bg-round-1{
		display: none;
	}
	
	.full-section-container{
		padding-left:2.5rem;
		padding-right:2.5rem;
		padding-top:5rem;
		padding-bottom:5rem;
	}
	.dotMenu{
		display: none;
	}
	
	.slick-dots{
		bottom: 50px;
	}
	/* 슬라이더 */
	
	/* 컴패니 */
	
	.round-adbox-list{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		overflow: hidden;
	}
	
	.round-adbox-list li{
		width: 75%;
		margin: 0 auto 15px;
		float: none;
	}
	
	.list-type-2 .list-title{
		line-height: 2rem;
		margin-left: 2rem;
		text-align: left;
	}
	
	.list-type-2 .list-title i{
		display: none;
	}
	
	.icon-box-type5 a{
		border:none;
		border-radius: 0;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		min-width: auto;
		min-height: auto;
	}
	
	.icon-box-type5 h2{
		font-size: 1.2rem;
		margin-bottom: 1.5rem;
	}
	
	.newest-webzine-type1 > a{
		border-radius: 1rem;
		
	}
	
	.newest-webzine-type1 > a > .webzine-info{
		padding:1.1rem;
	}
	
	.newest-webzine-type1 > a h3{
		font-size: 0.875rem;
		word-break: break-all;
	}
	
	.newest-webzine-type1 .list-date {
		font-size: 0.875rem;
	}
	
	.icon-box-type6 .box-1{
	}
	.icon-box-type6 .box-2{
		border-bottom-width:0;
	}
	.icon-box-type6 .box-3{
		border-left-width: 1px;
		margin-bottom: 4rem;
		
	}
	#section5 .full-section-container{
		margin-bottom: 250px;
	}
	div[class^="slider-bg"]{
		display: none;
	}
}