: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:2rem; font-weight:600;}
			.display-4{font-size:1.2rem; 
				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;
		width: 20%;
	}
	.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;
	border-bottom: 1px solid #dfdfdf;
}
@media(min-width: 960px){
.fixed-top:hover{
	height: 278px;
 background-image:url('http://114.108.177.188/htdocs/sesim_village/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}


.page-title{text-align:center; margin-top:100px;  }

/**************************************
*************   서브 메뉴  ********************
***************************************/
.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 0 8px 0;
	font-size:17px; 
    font-weight: 400;
    color: var(--dark);
	}

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

.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 {  font-family: '';	font-size:17px; 	}
	.subMenu{margin:0 1em; }
	}


/*****************************************
**********  세심 테마체험 아이콘 ****************
********************************************/
.maeul-experience{background-color:#eee; padding:120px;  margin-bottom:80px; }
.exp-icon{width:200px; margin:0 2em; cursor: pointer;}
.exp-icon span{display:block; margin:1em 0; text-align:center;  }
.exp-icon img:nth-of-type(2){display: none;}
.exp-icon:hover img:nth-of-type(1){display: none;}
.exp-icon:hover img:nth-of-type(2){display: block;}