#mainslidearea{clear:both; height:auto; width:100%;}


/*---------------------- Home Head Start ------------------*/

.owl-carousel .owl-dot {
    background-color: transparent;
    border: 1px solid white;
    display: inline-block;
    padding: 5px;
    margin-right: 10px;
    border-radius: 100%;
}

@media only screen and (max-width: 768px) {
    .owl-carousel .owl-dot {
	    background-color: transparent;
	    border: 1px solid white;
	    display: inline-block;
	    padding: 5px 5px !important;
	    margin-right: 5px;
	}
}

.owl-carousel .owl-dot.active {
    background-color: #fff;/*
    border-color: #e1666a;*/
}
.owl-theme .owl-dots .owl-dot span {
    width: 0px;
    height: 0px;
    margin: 0px 0px;
}

.header_slide img.img-responsive {
    margin: 0px;
    margin-top: -50px;
}
.owl-theme .owl-dots {
    position: absolute;
    bottom: 120px;
    width: 100%;
}

/*---------------------- Home Head End ------------------*/

/*---------------------- Popup Section Start -------------*/



.slide1 {
    background: url('../slider1.jpg');  
}
.slide2 {
    background: url('../slider2.jpg');
}
.slide3 {
    background: url('../slider3.jpg');
}

.slide-bg {
	min-height: 70vh;
	background-size: cover;
    background-repeat: repeat;
    background-position: center center;
    position: relative;
}

.head-text {
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    padding-top: 120px;
   font-size:14px;
   font-family:'Roboto', 'Noto Sans KR', sans-serif !important;
}
.head-text p {font-weight:400; color:#fff; font-family:'Roboto', 'Noto Sans KR', sans-serif !important;} 
.head-text a {
	color: #fff;
	font-size: 15px;
    font-weight: inherit;
    letter-spacing: .4px;
	text-transform: uppercase;
	padding:8px 20px; 
	border:2px #fff solid;
    display:inline-block; 
	margin-top:20px;
	font-family:'Roboto', 'Noto Sans KR', sans-serif !important;
}

.head-text a:hover{background:#fff; color:#1d3467;}
.head-text h1 {
	font-weight:900;
	margin-bottom:10px;
	font-size:4.5em;
	color:#fff;
	font-family:'Roboto', 'Noto Sans KR', sans-serif !important;
    text-transform: uppercase;
}
@media only screen and (max-width: 500px) {
    .head-text h1 {
		font-weight: 700;
		font-size: 25px;
	}

	.slide-bg {	min-height: 60vh;   }

}



@media screen and (max-width: 600px){
.head-text{padding-top:80px !important;}
.owl-theme .owl-dots{bottom:50px !important;}
.mfp-arrow {
    top: 38%;
	}
}

.sidebar-content a {
	text-decoration: underline;
}

.img-box:hover img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}




/*---------------------- Popup Section End -------------*/