/* main css */



/* 메인슬라이더 */
.mainvisual {
	padding: 0 !important;
}

.bx-wrapper {
	margin-bottom: 0;
	border:none;
	box-shadow:none
}

.visual-slider [class*='slide-'] {
	height: 100vh;
	/* padding: 200px 0; */
	position:relative;
	z-index: 5;
	/* margin-top: -60px */
}

.visual-slider [class*='slide-']::before {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content:'';
	z-index: -1;
	background-color:rgba(0,0,0,0.7); 
}


.visual-slider .slide-01 {
	background-image:url('../img/company01.jpg');
}

.visual-slider .slide-02 {
	background-image:url('../img/company02.jpg')
}

.bx-controls {
	position:relative;
	z-index: 60;
}

.mainvisual .bx-wrapper .bx-pager {
	position:absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
	right: 0;
	padding-top: 0;
	
}

.mainvisual .bx-pager.bx-default-pager a {
	transition:all 0.3s;
	background-color:#222;
	width: 30px;
	height: 3px;
	border-radius:0;
	margin: 8px
}

.mainvisual .bx-wrapper .bx-pager.bx-default-pager a.active,
.mainvisual .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainvisual .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background-color:#fff;
	
}

.mainvisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 50px;
}

/* 텍스트상자 */
.mainvisual .text-box {
	
	padding: 30px;
	/* background:rgba(0,0,0,0.7); */
	color:#d5d5d5
}

.mainvisual .text-box .title {
	font-size:40px;
	margin-bottom: 60px;
}

.mainvisual .text-box .subtitle {
	font-size:30px;
	margin-bottom: 10px;

}

.mainvisual .text-box .content {
	font-size:14px;
	color:#efefef
}

.mainvisual .text-box a {
	font-size:20px;
	padding: 10px;
	border:2px solid #fff;
	color:#fff
}

.mainvisual .text-box a:hover {
	background-color:#fff;
	color:#333
}

/* 컨텐츠 */


[class*='section-'] .content-title .title {
	font-size:40px;
	margin-bottom: 5px;
}

[class*='section-'] .content-title .subtitle {
	font-size:18px;
	margin-bottom: 60px;
}


/* 01 */

/* 02 */
.section-02 {
	position:relative;
	background-image:url('../img/background.jpg');
	background-attachment: fixed;
	padding-top: 60px;
}

.section-02::before {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content:'';
	z-index: 1;
	background-color:rgba(255,255,255,0.5);
}


.section-02 .kind {
	position:relative;
	z-index: 5;
	width: 25%;
	padding: 0 10px;
	float:left;
}

.section-02 .kind .inner {
	transition:all 300ms;
	display:block;
	background-color:#fff;
	box-shadow:1px 5px 5px #444
}



.section-02 .kind .image-box {
	overflow:hidden;
	height: 200px;
}

.section-02 .kind .image-box img {
	width: auto;
	!height: 200px;
	transition:all 300ms;
}

.section-02 .kind .inner:hover {
	box-shadow:1px 10px 10px #444
}

.section-02 .kind .inner:hover .image-box img {
	transform:scale(1.1);
	
}

.section-02 .kind .text-box {
	padding: 20px
}

.section-02 .kind .text-box h6 {
	font-size:22px;
	margin-bottom: 10px
}

/* section-03 */
.section-03 .image-box,
.section-03 .text-box {
	width: 50%;
	overflow:hidden;
	height: 400px;
}

.section-03 .image-box img {
	
}

.section-03 .text-box {
	padding: 30px;
	font-size:25px;
}


/* section-04 */
.section-04 {
	position:relative;
	padding: 60px 0;
	background-image:url('../img/company09.jpg');
	background-attachment: fixed;
	background-position:center center;
}

.section-04::before {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content:'';
	z-index: 1;
	background-color:rgba(0,0,0,0.5);
}

.section-04 {
	
}

.section-04 .kind {
	position:relative;
	z-index: 5;
	color:#fff;
	float:left;
	width: 33.3333%;
	font-size:25px;
	text-align:center;
	
}

.section-04 .kind i {
	display:inline-block;
	margin-bottom: 20px;
	font-size:45px;
}


/* section-05 */

.section-05 {
	background-color:#efefef;
}

.section-05 .kind {
	box-shadow:5px 5px 5px #999;
	background-color:#fff;
	padding: 40px;
	width: 30%;
	float:left;
	text-align:center;
}

.section-05 .kind.middle {
	margin: 0 5%;
}

.section-05 .kind i {
	display:inline-block;
	margin-bottom: 20px;
	font-size:70px;
}

.section-05 .kind h6 {
	font-size:25px
}


/* media queries  O▽O/ */
@media(max-width:) {
	
	
}


@media(max-width:991px) {
	
	
}

@media(max-width:575px) {


}