/**
* Template Name: Ninestars - v2.0.0
* Template URL: https://bootstrapmade.com/ninestars-free-bootstrap-3-theme-for-creative/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/* 반응형에서 일어나는 일은 전부 여기로 모아서 정리 */

/*******************
 Leon's @media Query Set
*******************/
/* A: 기본형 */
@media ( max-width: 1600px ) {
/* A`: 1600px 미만 */
	.container-fluid {
		max-width: 1150px;
		padding-left: 0;
		padding-right: 0;
	}
}

@media ( min-width: 1366px ) {
/* A`: 1366px 이상 */
	#mainSlideCarousel img {
		height: 730px; /* 626px; 351px;*/
		object-fit: cover;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
}

@media ( max-width: 1365px ) {
/* A`: 1366px 미만 */
}

@media ( max-width: 1199px ) {
/* B: 1200px 미만 */
	.normal_page_contents {
		width: 75%;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	#mainSlideCarousel .carousel-inner .carousel-item .a-point,
	#mainSlideCarousel .carousel-inner .carousel-item .b-point,
	#mainSlideCarousel .carousel-inner .carousel-item .c-point {
/* 		display: none; */
	}
	.container-fluid {
		max-width: 960px;
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-nav-toggle {
	
	}
	.panel .panel-body {
    	max-width: 100%; 
	}
	
}

@media ( max-width: 991px ) {
/* C: 992px 미만 */
	.normal_page_side {
		display: none;
	}
	.home_bc {
		display: none;
	}
	.tab_panel_header, 
	.Btn_1stHeader, 
	.Btn_2ndHeader, 
	.page_header_title_m {
		display: block !important;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.normal_page_contents {
		width: 100%;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	
	/*for service page*/
	.page_header {
		display: none;
	}
	.stab_tops {
		display: block !important;
	}
	.stab_title_tag_box {
		display: none !important;
	}
	.container-fluid {
		max-width: 730px;
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-nav-toggle {
	
	}
	/*for products page*/
	.panel-heading {
		display: none;
	}
	.panel-heading-mov {
		display:block !important;
	}
	.notion-pc {
		display: none;
	}
}

@media ( max-width: 767px ) {
/* D: 768px 미만 */
	.course_image {
		
	}
	.notion-pc {
		display:block;
	}
	#mainSlideCarousel>.carousel-inner>.carousel-item>img {
		height: 530px; /*351px;*/
		object-fit: cover;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	#mainSlideCarousel .carousel-inner .carousel-item .caption-box .a-point, 
	#mainSlideCarousel .carousel-inner .carousel-item .caption-box .b-point, 
	#mainSlideCarousel .carousel-inner .carousel-item .caption-box .c-point {
		display: none !important;
		
	}
	#mainSlideCarousel .carousel-inner .carousel-item .caption-box .m-point {
		display: block !important;
	}
	
	.course_image img {
		height: 334px;
		object-fit: cover;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.rental_image {
		width: 100%;
		height: 320px;
		margin-bottom: 6px;
		overflow:hidden; 
	}
	.rental_image > img {
		position: absolute;
		width: 100%;
	
	}
	.service_botton_text { /*** 안먹음 */
/* 		font-size:12px; */
/* 		margin-top:10px; */
	}
	.container-fluid {
		max-width: 550px;
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-nav-toggle {
	
	}
	.stab_panel{
	
	}
	.stab_panel_image {
		display: block !important;
		margin-right:0px;
		margin-bottom:20px;
		width: 100%; /* 540px; */
		
	}
	.stab_panel_image img {
		width:540px;
		display: block; 
		margin: 0px auto;
	}
	.archive-table-m-user {
		display: none;
	}
	.archive-table-m-date {
		display: none;
	}
	.popup-wrap2 .popup{
		height:100%;
	}
}

@media ( max-width: 575px ) {
/* D: 576px 미만 */
	.normal_page_contents {
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	.tab_panel_title, .tab_panel_text p {
		text-align: center;
		margin: 0 27px 0 27px;
	}
	.container-fluid {
		
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobile-nav-toggle {
		position: fixed; 
	    right: 5px; 
   		top: 62px;
	}
	.stab_panel {
		text-align: center;
	}
	.stab_panel_image {
		text-align: center;
		display:flex;justify-content:center;
	}
	.stab_panel_image img {
		width:580px !important;
		display: block; 
		margin: 0;
		
	}
}

@media ( max-width: 486px ) {
/* D: 486px 미만 */
	.service_botton {
		margin: 0 15px;
		display: flex;
    	align-items: center;
/* 		width: 22vw; */
/* 		height: 5.5vw; */
	}
	.service_botton:first-child {
		margin: 0 15px 0 30px;
	}
	.service_botton:last-child {
		margin: 0 30px 0 15px;
	}
	.service_botton_text {
		margin: auto;
		font-size:3.8vw;
	}
}

@media ( max-width: 386px ) {
/* D: 387px 미만 */
	.popup-wrap2 .body-content{              /* 몸통 내부 컨텐츠 영역 */
	    padding: 7vw;             /* 좌우에 내용이 붙으면 보기 안좋기 때문에 간격 띄움 */
	}
	.popup-wrap2 .body-titlebox{ 
		font-size: 5vw;
	}
	.popup-wrap2 .body-contentbox{   
		font-size: 4vw;
	}
	.popup-wrap2 .popup-head{
		font-size: 8vw;
	}
	.popup-wrap2 .pop-btn{ 
		font-size: 4vw;
	}
}