/* security_issues */
/*
.owl-carousel figure img {
    height: 100%;
    width: auto;
}
*/

#youtube {
    position: relative;
    wieght: 100%;
    height: 0;
    max-width: 1000px;
    padding-bottom: 60.25%;
}

#youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 559px;
}

.modal-content {
    width: 100%;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}

.nanum {
    font-family: 'NanumSquare', sans-serif !important;
}


/********************** above: style css ***********************/

body {
    font-family: 'NanumSquare', sans-serif !important;
}


/* Start of main @@@@@@@@@@@@@@@@@@@@@@@@@@ */

.main.security_issues {
    padding-top: 19.34vh;
    padding-bottom: 14.19vh;
}

.main.security_issues .title {}

.main.security_issues .title h3 {
    margin: 0;
    line-height: 1 !important;
    font-size: 1.125rem;
    font-weight: 400;
}

.main.security_issues .title .partitionline {
    margin: 1.06vh auto;
    border-top: 1px solid #ffffff;
    width: 4rem;
}

.main.security_issues .title h1 {
    font-weight: 700;
    line-height: 1 !important;
    font-size: 3.375rem;
    text-shadow: 2px 2px 6px #606060;

}

.main.security_issues .title h1:nth-of-type(1) {
    margin-top: 0;
    margin-bottom: 0;
}

.main.security_issues .title h1:nth-of-type(2) {
    margin-top: 2.66vh;
    margin-bottom: 3.73vh;
}

.main.security_issues .main-icons {}

.main.security_issues .main-icon {
    margin-right: 1.4vw;
}

/* End of main @@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Start of video @@@@@@@@@@@@@@@@@@@@@@@@@@ */

.video {
    padding-top: 13.34vh;
    padding-bottom: 13.34vh;
}

.video .title {
    margin: 0;
    font-weight: 600;
    line-height: 1 !important;
}

.video .partitionline {
    margin-right: auto;
    margin-left: auto;
    margin-top: 2.66vh;
    margin-bottom: 5.33vh;
    border-top: 0.1rem solid #0dc9e5;
    width: 6.2rem;
}

.video .ms-videogallery-template {
    padding-bottom: 19.13vh;
}

.video .visit-btn {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin-bottom: 0;
    font-size: 0.9rem;
}



/*calendar*/
.Calendar {
    background-color: #fafafa;
    padding-top: 13.34vh;
}


.Calendar .title {
    margin: 0;
    font-weight: 600;
    line-height: 1 !important;
}

.Calendar .partitionline {
    margin-right: auto;
    margin-left: auto;
    margin-top: 2.66vh;
    margin-bottom: 5.33vh;
    border-top: 0.1rem solid #0dc9e5;
    width: 6.2rem;
}

.Calendar .Carousel {
    margin-bottom: 5.33vh;
}

/*
.Calendar .Carousel .item img {
    width: 100% !important;
}
*/
.Calendar .calendar-btn {
    color: white;
    background-color: #404040;
    border-radius: 0.3rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin-top: 3.73vh;
    margin-bottom: 13.34vh;
    font-size: 1.2rem;
}

/*blog*/

.blog .title {
    text-align: center;
    color: #333333;

}

.blog .title div {
    display: inline-block;
    padding-bottom: 0.2rem;
    border-bottom: 0.07rem solid #0dc9e5;
}

.blog .title {
    margin: 0;
    font-weight: 600;
    line-height: 1 !important;
}


/*-----------------modified--------------*/
.owl-carousel {
    height: 100% !important;
    overflow: hidden;
}

.owl-carousel .owl-item img {
    display: block;
    height: 100%;
    min-width: 100%;
}

.owl-carousel .owl-stage-outer {
  height: 100%!important;
}

.owl-stage-outer * {
     height:100%;
}

.owl-carousel .owl-item figure{
	box-sizing: content-box !important;
}

.owl-carousel .owl-item figure{
	background-color: #02ADC6;

}

.owl-carousel .owl-item img:hover{
	transform: scaleX(.96) scaleY(.94);
	transition-duration: 0.4s;

}
@media(max-width: 512px){
    .title h1{
        font-size: 2.2rem !important;
    }
    .main.security_issues .title h1:nth-of-type(2) {
        margin-top: 2vh !important;
        margin-bottom: 3.73vh !important;
    }
    .video {
        padding-top: 10.34vh !important;
        padding-bottom: 10.34vh !important;
    }
    .Calendar{
        padding-top: 10.34vh !important;
    }
    .Calendar .calendar-btn{
        margin-bottom: 10.34vh !important;
    }
    .Calendar .Carousel{
        margin-bottom: 0 !important;
    }
}

@media(max-width: 575px){

}

@media(min-width: 578px){
	.customNavigation .next,
	.customNavigation .prev {
	    position: absolute;
	    top: 55%;
	    transform: translateY(-50%);
	}


	.customNavigation .next {
	    right: -4.2rem;
	}

	.customNavigation .prev {
	    left: -4rem;
	}

}

@media (max-width:768px) and (min-width: 575px){
	.Calendar .Carousel .item figure {

	}

}

@media (min-width:768px){
	.Calendar .Carousel .item figure {

	}


}

@media (min-width: 970px){
	.Calendar .Carousel .item figure {

	}

}

@media (min-width: 1270px){
	.Calendar .Carousel .item figure {

	}
}

@media (min-width: 1470px){

}