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

}

@media (min-width: 1025px){	
	.carousel{margin-top: 4%;}
	.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 0 0 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:1440px; flex-wrap: nowrap; align-items: flex-start;}


@media(min-width: 992px){
		.fixed-top:hover .menu-bg{
		height:40px;
		border-bottom: 1px solid #dfdfdf;
		box-shadow: 0 40px 40px -14px  rgba(0,0,0,2);
	}
	.navbar-nav li{
		position: relative;
	   width: 14%;
	
	}
	.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;
} 
.navbar-nav li:nth-child(7) .dropdown-menu{border-right:1px solid #e1e1e1;}

@media(min-width: 960px){.navbar-expand-lg .navbar-nav .dropdown-menu{height:232px; }}

/*   로고  및 메뉴*/
.navbar .navbar-brand{width:120px; padding: 8px 0 0 8px; }
@media(min-width: 960px)and (max-width: 1440px){


.navbar-nav li > a{ font-size:12px; }
}

/* 네비게이션 수정 */
.fixed-top{
	position: fixed;
	width: 100%;
	height: 60px;
    background: #fff;
	align-items: flex-start;
	transition: height 0.1s;
	border-bottom: 1px solid #dfdfdf;
}
@media(min-width: 960px){
.fixed-top{height:70px; }
.fixed-top:hover{
	height: 310px;
 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);
}

/* 상단 bg랑 메뉴 리스트 전체 노출 */
.fixed-top:hover .dropdown-menu{display: block;	}
}


.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: 13px;
	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: 4px 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:#a79335;  }
.location_container{height:10px; }
#location{height:1px; }

@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{
	font-size:1px; 
	color:#a79335;;
}
#location span{ 
	display: inline-block;
    position: relative;
    color:#a79335;
	font-size: 1px; }




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

.subMenu{border-left:1px solid #ddd;}
.subMenu:last-child{border-right:1px solid #ddd;}

.sub-menu{
	width:100%;
	margin:0 auto;}
.subMenu{    }
.sub-menu a {
	display:inline-block; 
	width:100%; 
	padding:16px 0;
	font-size:13px; 
    font-weight: 400;
    color: var(--dark);
	}

.sub-menu a.active {
	 font-weight:600;
	 background-color:#a79335;
	 color:#fff; 
	 font-weight:600; 
}

.subMenu{display:inline-block; width:100%;  text-align:center;  }

.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: 768px){
.sub-menu{border-bottom:0;}

}

/**********************************************
***************  메인페이지   ***********************
***********************************************/
.main-banner{padding-top:50px; }

.main-1_container{padding:80px 0; background-color:#e7d7f1; }
.main-1 {display:flex;  width:96vw;  max-width:1440px; margin:0 auto ;  }
.main-1 > div{
	 position: relative;
	display:flex; 
	flex-direction: column;
	align-items: center;
	justify-content:center;
	justify-content:space-around;
	width:30vw; 
	height:30vw;
	margin:1vw;
	border-radius:8px;
	font-weight:600; 
	brightness(50%); 
	}

.main-1 > div:nth-child(1){background-image:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)),url('/skin/content/images/bg-facial_mole.jpg'); background-size: 800%;  background-position: -180px 0; background-repeat: no-repeat;	}
.main-1 > div:nth-child(2){background-image:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)),url('/skin/content/images/bg-AcneClinic.jpg'); background-size: 800%;  background-position: -240px  0; background-repeat: no-repeat;	}
.main-1 > div:nth-child(3){background-image:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url('/skin/content/images/Disease_atopy.jpg'); background-size:240%;  background-position: -80px  0; background-repeat: no-repeat;	}
.main-1 > div:nth-child(4){background-image:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url('/skin/content/images/bg-ABNOM.jpg'); background-size: 480%;  background-position: -80px 0; background-repeat: no-repeat;	}
.main-1 > div:nth-child(5){background-image:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url('/skin/content/images/BotoxFiller.jpg'); background-size: 280%;  background-position: -180px 0; background-repeat: no-repeat;	}
.main-1 > div:nth-child(6){background-image:linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)),url('/skin/content/images/bg-skincare.jpg'); background-size: 480%;  background-position: -20px 0; background-repeat: no-repeat;	}

.main-1 > div a span{display:inline-block; padding:1px;  color:#fff;   }


@media(min-width:640px){
.main-1 { width:80vw;  max-width:1500px; margin:0 auto ;  }
.main-1 > div{
	display:flex;
	flex-direction: column;
	align-items: center;
	width:24vw; 
	height:20vw;
	background-color:#eee; 
	}
}

@media(min-width:1440px){
	.main-1 > div{
		width:14.5%; 
		height:180px;
		margin:10px; 
		border-radius:20%;
	
		}
.main-1 > div a span{padding:5em 0; width:180px; 	font-size:20px; text-align:center;  }
.main-1 > div a span::hover{ 	font-size:24px;  }
}

@media(min-width:1560px){
	.main-1 { width:90vw;   }
	.main-1 > div{
		width:212px;
		height:212px;
		border-radius:50%;
		text-align:center; 
		}
}
@media(min-width:1900px){
	.main-1 > div{
		width:230px;
		height:230px;
		}
.main-1 > div:nth-child(1){background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)),url('/skin/content/images/bg-facial_mole.jpg'); background-size: 400%;  background-position: -120px 0; 	}
.main-1 > div:nth-child(2){background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)),url('/skin/content/images/bg-AcneClinic.jpg'); background-size: 400%;  background-position: -140px  0; 	}
.main-1 > div:nth-child(3){background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url('/skin/content/images/Disease_atopy.jpg'); background-size:170%;  background-position: -80px  0;	}
.main-1 > div:nth-child(4){background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url('/skin/content/images/bg-ABNOM.jpg'); background-size: 480%;  background-position: -80px 0;	}
.main-1 > div:nth-child(5){background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)), url('/skin/content/images/BotoxFiller.jpg'); background-size: 270%;  background-position: -280px 0;	}
.main-1 > div:nth-child(6){background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)),url('/skin/content/images/bg-skincare.jpg'); background-size: 400%;  background-position: -10px 0; 	}
}

.main-2{ padding:8vw 0 8vw 0;  background-color:#eee;}
.main-2 h1{font-size:28px; text-align:center; margin-bottom:4px; }
.main-2 > p{text-align:center; font-size:12px; margin-bottom:20px;  }

.main-chucheon_container{ display:flex; max-width:1400px; margin:0 auto; flex-wrap: wrap;}

.main-chucheon_container div:nth-child(1){    }

.main-chucheon{width:48%; margin:1%;  background-color:#fff; }
.main-chucheon::hover{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  }
.main-chucheon img {height:160px; width:auto;  margin:12px 0; }
.main-chucheon_info{display:block;  padding:1em; font-size:14px; text-align:left;  }

	/* 메인 제품 사진 넣기 */
.main-chucheon_container div{ text-align:center;  padding:1em 0;  }

.main-chucheon  img{  transition: transform 0.5s ease;}
.main-chucheon :hover img{ transform: scale(1.2); transform: scale(1.3) translate(-10%, -10%);}

@media(min-width: 1560px){
.main-chucheon img {height:240px;  margin:12px 0; }

}


@media(min-width: 960px){
.main-2{ padding:4vw 0 4vw 0; margin-bottom:2em; background-color:#eee;}
.main-chucheon_container{flex-wrap: nowrap;}
}
.main-map{width:100%; max-width:1280px;  }



/*  main-3  */
.main-3{
	width:98%; 
	max-width:1960px;
	margin:0 auto;  }

.main-information h2{text-align:center; margin:0.8em 0; }
.main-information{width:96vw;   margin:0 auto; margin-bottom:20px; }
.main-information table{width:100%;  background-color:#2b4d6c ; }
.main-information table td{ color:#fff; font-size:17px; }
.main-information table tr{margin-bottom:20px; }

.main-information table tr:nth-child(1) td{padding-top:2em; }
.main-information table tr:last-child td{padding-bottom:2em; }


.main-information table .tltle{font-weight:600; padding-left:2em; padding-top:0; }

.main-map{width:100%; }

@media(min-width: 960px){	
	.main-3{
			display:flex; 
			flex-direction:row-reverse;
			justify-content:space-between;
			 }
	.main-information{width:44vw; max-width:600px;}
	
	.main-information table{ background-color:#fff; }
	.main-information table td{  color:#181818; }
}

@media(min-width: 1024px){	
	.main-information{width:50vw;  }
	.main-information-table{
		margin-left:1em;
		padding-left:1em;
		border:8px solid #eee; 
	 }
	.main-information table .tltle{padding-left:0; }
}
@media(min-width: 1280px){	
	.main-information-table{
		margin-left:2em;
		border:12px solid #eee; 
		background-image:url("/html/main-img/main-information-table.jpg");
	    background-repeat : no-repeat;
	    background-position: 24px 24px; }
    .main-information-table table{width:280px; margin-left:76px;  }
	.main-information table .tltle{padding-left:0; }
}
@media(min-width: 1560px){	
	.main-information-table{		
	    background-position: 60px 24px; }
    .main-information-table table{ margin-left:120px;  }

}

	

/*  footer    */
.address-container{font-size:12px;  }