:root{
--nav-bg:#f3f4f6 ;

}

@media (min-width: 1025px){	
	.location-container{margin-top: 70px;}
}
@media (min-width: 769px) and (max-width: 1024px){
	.carousel{margin-top: 7%;}
	/* .location-container{margin-top: 76px;}*/
}
@media (min-width: 600px) and (max-width: 768px){
	.carousel{margin-top: 9%;}
	.location-container{margin-top: 9%;}
}
@media (min-width: 481px) and (max-width: 599px){
	.carousel{margin-top: 11%;}
	.location-container{margin-top: 11%;}
}
@media (min-width: 371px) and (max-width: 480px){
	.carousel{margin-top: 13%;}
	.location-container{margin-top: 20%;}
}
@media (max-width: 370px){
	.carousel{margin-top: 15%;}
	.location-container{margin-top: 23%;}
}
.login{display:none;}
.ml-auto,.mx-auto{padding-top:10px; padding-bottom:10px;}
		/* mobile */
			@media (min-width: 1px) and (max-width: 1089px) {
			.about-bg{				
				width:100%;
				-webkit-background-size:100% auto;
				-moz-background-size:100% auto;
				-o-background-size:100% auto;
				background-position:center;
				background-size: cover;
				background-repeat:no-repeat;
				color:#fff;
				height:100%;
				padding-top: 70px;
			}
			
			.lead{font-size:12px; font-weight:600;}
			.display-4{font-size:1.5rem; font-weight:400;}
			.btn,a.btn{
				line-height:20px!important;
				height:20px!important;
				padding:0 5px;
				text-align:center;
				font-weight:700;
				border:0;
				-webkit-transition:background-color .3s ease-out;
				-moz-transition:background-color .3s ease-out;
				-o-transition:background-color .3s ease-out;
				transition:background-color .3s ease-out;
			}
			.btn-outline-secondary{font-size:11px; padding:0 5px;}
		}
		/* desktop */
		@media (min-width: 1090px) {
			.lead{font-size: 1rem; font-weight:600;}
			.display-4{font-size:1.6rem; font-weight:600;}
		}
		/* 상단배경 수정 끝 */

		.sub-body{max-width: 1200px; padding: 0 10px; margin: 0 auto;}
		.sub-title-box{margin-top: 80px; text-align: center;}
		.sub-title{display: inline-block; font-size: 35px; font-weight: 600; text-align: center; position: relative; padding-top: 10px;}
		.sub-title::before{position: absolute; content: ''; background: #00A86B; width: 50px; height: 4px; top: 0; left: 34%;}
		.title-bar{border-bottom: 1px solid #dfdfdf; margin-top: 80px; padding-bottom: 10px; position: relative;}
		.title-box{position: absolute; background: #00A86B; top: -5px; width: 20px; height: 20px; z-index: -1;}
		.title-text{font-size: 24px; font-weight: 600; margin-left: 10px;}
		.sub-content{margin-top: 60px; width: 100%;}
	
	.carousel-item{}

/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:none;}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

/* desktop */
@media (min-width: 1090px) {

	.fixed-header {display:block;}
	
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#333333; }
	.fixed-top {

		right: 0;
		left: 0;
		z-index: 1030;
	}


}

.footer h2{margin:0 0 20px; 0}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

.navbar {padding:0;}

.navbar-nav li{
	position: inherit;
}

.menu-bg{
	width: 100%;
	height: 0;
    background: #fff;
	transition: height 0.3s;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	border-bottom: 1px solid #dfdfdf;
}

.navbar>.container{max-width:1300px;}

@media(min-width: 992px){
	.navbar>.container{
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	.fixed-top:hover .menu-bg{
		height:40px;
		border-bottom: 1px solid #dfdfdf;
		box-shadow: 0 40px 40px -14px  rgba(0,0,0,2);
	}
	/* 상단 bg랑 메뉴 리스트 전체 노출 */
	.fixed-top:hover .dropdown-menu{display: block;	}

	.navbar-nav li{
		position: relative;
		padding:0 40px;
		text-align:center; 
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		margin-top: 4px;
	}
}

@media(max-width: 991px){
	.navbar>.container{align-items: center;}
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
	position: static;
	transition: display 0.3s;
	background: none;
	
	border-left:1px solid #e1e1e1;
}      @media(min-width: 960px){.navbar-expand-lg .navbar-nav .dropdown-menu{height:200px; }}

/* 네비게이션 수정 */
.fixed-top{
	position: fixed;
	width: 100%;
	height: 76px;
    background: #fff;
	align-items: flex-start;
	transition: height 0.1s;
}
@media(min-width: 960px){
.fixed-top:hover{
	height: 250px;
 background-image:url('/theme/ety_wide_theme/img/nav-bg.jpg');
-webkit-box-shadow: -1px 13px 50px 19px rgba(87,87,87,0.38); 
box-shadow: -1px 13px 50px 19px rgba(87,87,87,0.38);}

}


.dropdown-menu {
    border-radius: 0px;
	position: absolute;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active{
	background-color:var(--nav-bg);
	color:#212529;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #181818;
	font-weight:700;
    text-decoration: none;
    background-color:var(--nav-bg);

	}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0 15px 8px 15px;
    margin-left:1.2em;
    clear: both;
    font-weight: 600;
    color: #181818;
	text-align:right;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    font-size: 14px;
	position: relative;
}
.dropdown-item::before{
	position: absolute;
	content:"\002D";
	font-size:17px;
	margin:0 1em 0 -1em;
	transition: width 0.3s;
}
@media(min-width: 960px){
	.dropdown-item {padding: 8px 0; margin-left:0;}
	.dropdown-item::before{
	    content:"";
  		position: absolute; 
		margin:0 ;
		width: 0;
		height: 1px;
		bottom:0px;
		left: 0px;
		background: #212529;	}
	}

.dropdown-item:hover::before {
	width: 100%;
}


.dropdown-item:active {
    color: #333;
    text-decoration: none;
    background-color: #fff;
	}



.color-gray{color:#666}
.color-red{color:#ff0000}



/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';font-size: 14px;}


#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}




/**************************************
*************   location  ********************
***************************************/
.location-container{background-color:#474b5c;}

@media(min-width: 1024px){.location-container{padding:8px 0 !important;}}

#location_container{max-width:1240px;}
@media(max-width: 479px){#location_container{display:none;}}


#location_container h1{
	margin-top:8px;
	font-size:16px; 
	font-weight:600;
	color:#fff;
}
#location span{ 
	display: inline-block;
    position: relative;
    line-height: 2.4em;
    color:var(--light); 
	font-size: 12px; }
#location span:after{ 
	content: ">";
	display:inline-block;
    width: 8px;
    height: 8px;
	margin-left:4px;
	}
#location span:last-child:after{ 
	content: "";
    width: 0;
    height: 0;
	}


/**************************************
*************   서브 메뉴  ********************
***************************************/
.nav_container{width:100%; }
.sub-menu ul { margin:0 auto;}

.sub-menu{
display:inline-block;  
	margin:20px auto 0 auto;
	padding:0 20px; 
}	
	text-align:center; 
	}
.subMenu{padding:0 4px; }
.subMenu a {
  	display:inline-block; 
	width:100%; 
	padding:0 12px 8px 12px;
	font-size:17px; 
    font-weight: 400;
    color: var(--dark);
	}

.subMenu  a:hover {
    transition: .3s;
		 border-bottom:3px solid #181818; 
}
.subMenu  a.active {
	 font-weight:600;
	 border-bottom:3px solid #181818; 
}

.nav_container{
	text-align:center;
	}
.nav{display:flex;justify-content: space-between;}
.nav li{list-style:none;}

.level-1{ 
	margin:0 1em 2rem 1em;
	display:inline-block;
	font-size:1.875rem; 
	color: #181818; 
	}
.level-1:after{
	content:"";
	display:block;
	width:100%;
	height:0;
	min-width:100px;
	margin:0.5rem 0 0 0;
	background-color:#d3d3d3;
}
@media (min-width:640px)  {
	.sub-menu a {  	padding:0 12px 0 12px; font-family: 'GangwonEduPowerExtraBoldA';	font-size:24px; color:#3176bc;	}
	.subMenu{margin:0 8px; }
	}


/* 메인 영상 및 물때시간표 */
.main-container{}
.main-schedule{max-width: 1200px; margin: 50px auto 0 auto; padding: 0 10px;}
.youtube iframe{width: 100%; height: 700px;}
.schedule-table table{margin:1%; }
.schedule-table table td{color:#181818;  }
.se_tbl{width: 48%; word-break: keep-all;}

.se_tbl thead{text-align: center; background: #a3947d;}
.se_tbl thead tr td{color: #fff; padding: 10px 0; font-size: 16px; font-weight: 600;}
.se_tbl tbody tr{border-top: 1px solid #dfdfdf; text-align: center;}
.se_tbl tbody tr:first-child{border-top: 0;}
.se_tbl tbody tr:last-child{border-bottom: 2px solid #a3947d;}
.se_tbl tbody td{border-right: 1px solid #dfdfdf; padding: 16px 0; font-size:12px; }
.se_tbl tbody td:nth-child(odd){background-color:#f5f5f5;  }
.se_tbl tbody td:last-child{border-right: 0;}
.se_date{color: #000; font-weight: 600;}
.btn_box{text-align: center; margin-top: 20px;}
.main_btn{border: 1px solid #888;  color: #888; font-size:13px; padding: 6px 20px; background: none; border-radius: 20px; cursor: pointer;}
.main_btn:hover{background: #a3947d; color: #fff; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

@media (min-width:768px){
	/* 유튜브 검은배경 안보이게 처리 */
	.youtube{position: relative; /* padding-bottom: 100%; */ overflow: hidden; display: inline;}
}

@media (max-width:767px){
	/* 유튜브 검은배경 안보이게 처리 */
	.youtube{position: relative; padding-bottom: 56.25%; height: 0; margin-top: 50px;}
	.youtube iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.main-container{display: flex; flex-direction: column-reverse;}
	.schedule-table{flex-direction: column;}
	.main-schedule,.se_tbl{width: 100%;}
	.se_tbl:last-child{margin-right: 0%; }
	.se_tbl tbody td{padding: 10px 0;}
	.container h2.cont-text{font-size: 24px;}
	.center-heading h2{font-size: 1.8rem;}
	.main-imgbox{margin-top: 14px;}
	.main-tbox{margin-top: 20px;}
}

@media (max-width:991px){
	.main-imgbox img{width: 100%;}
}

@media (max-width:979px){
	.se_tbl tbody td span{display: block;}
	
}

@media (min-width:960px){
	.se_tbl tbody td{ font-size:16px; font-weight:400;  }
}


/*    마을 체험관  */
.maeul-experience{
	padding:40px 0;
	margin-bottom:40px; 
	background-color:#f2f2f2; 
}
@media (min-width:1280px){
.maeul-experience{
	padding:80px 0;
	margin-bottom:80px; 
	}
}

.card-body p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}