@import "tailwind.css";
@import "variable.css";


/*   전체영역 */
.page-name,
.fix-size{max-width:1200px;}

@media (min-width: 768px){
	/* .mainContents_container{padding-top:80px;} */
	.nav_container{width: 100%;}
}

@media (max-width: 767px){
	.mainContents_container{padding-top:0;}
	.nav_container{width: 96%;}
}

.mainContents_container{max-width:1200px; margin: 40px auto 0 auto;}

/* #container_title {position:absolute; z-index:100; width:100%;  top:380px;  text-align:center;font-size:28px;} */
#container_title {width:100%; text-align:center; font-size:28px; margin: 40px 0;}
.no-bg-title{margin: 80px 0;}

/*  서브페이지 2차메뉴 */
.nav_container{display: flex; text-align: center; margin: 0 auto; max-width: 1120px; padding: 0;}
.nav_container>p{display:none;}
.sub-menu{display: flex; justify-content: center; text-align:center; width: 100%;}
.sub-menu a{font-size:12px; color:#181818; margin:0 4px;}

@media (min-width: 480px){
	.sub-menu a {font-size:14px; }	
}

@media (min-width: 767px){
	.sub-menu a {font-size: 16px; padding:0 1em;}
}

@media (min-width: 1536px){
	.sub-menu a {font-size: 17px; padding:0 2em;}
}

.sub-menu li{
	/* display: flex;
	    align-items: center;
	    justify-content: center; */
	display: block;
	border: 1px solid #e6e9ed;
	margin-left: -1px;
	margin-top: -1px;
	background: #fff;
	float: left;
	width: 25%;
	max-width:160px; 
	text-align: left;
	-webkit-transition: all 0.30s ease-in-out;
	word-break: keep-all;
}
.sub-menu li a{text-decoration: none; text-align: center; display: block; color: #656565; margin: 0; position: relative; position: relative; padding: 10px 0; /* line-height: 40px; */}

@media (max-width: 639px){
	.sub-menu{display: block;}
	.sub-menu li {width: 25%;}
}
/**********************************************
*************** 회 사 소 개  ***********************
***********************************************/
.text-color-1{color:#643500;}
.text-color-2{color:#181818;}

.font-b{font-size:2em;}
.font-m{font-size:1.1em;}
.font-s{font-size:0.8em;}

.line-height-1{line-height:1.7;}

.introduce_section{margin-bottom:80px; }
.introduce_section img{border-radius:20px; }
.story{font-size:3em; }
.content-title{color:#181818; font-weight:700; font-size:2em; }
.introduce{ margin:0 20px 20px 20px; }

.promise-img{display:none;}

.promise-text{font-size:17px;  }
.promise-text p:nth-child(1) span:nth-child(1){display:block;}
.promise-text p:nth-child(1) span:nth-child(2){display:block;}
.promise-text p:nth-child(1) span:nth-child(3){display:block;}
.promise-text p:nth-child(1) span:nth-child(4){display:block;}

@media (min-width: 768px){
	.font-b{font-size:2.6em;}
	.font-m{font-size:1.2em;}
	.font-s{font-size:1.2em;}
	
	.story{font-size:5em; }

	.w-50p{width:50%;}
	.padding-r{padding-right:40px; }
	.padding-l{padding-left:40px; }

	.introduce_section{margin-bottom:120px; }
	.introduce{font-size:1.125em; }
	.introduce-flex{display:flex; margin-bottom:60px;  }

.promise-img{display:block; margin-bottom:40px; }
.promise-text{font-size:24px;  }
.promise-text p:nth-child(1) span:nth-child(1){display:inline;}
.promise-text p:nth-child(1) span:nth-child(2){display:inline;}
.promise-text p:nth-child(1) span:nth-child(3){display:block;}


}

/**********************************************
***************오시는 길   ***********************
***********************************************/
/*오시는 길 카카오 지도*/
.wrap_controllers,
.map div:nth-child(2) >div{display:none;}

.address_container{ display:flex; }
.address span{display:inline-block;margin:0 1em 4px 0;}

.map-address {border-left:1px solid #d4d4d4; padding: 26px 0; margin-left:2em;}
.map-address  div{ position:relative; margin-bottom:20px;   padding-left:16px;  }
.map-address  div:before{ 
	position:absolute; 
	content:'';
	width:6px;
	height:6px;
	top:4px ;
	left:-3px; 
	border-radius:3px;
	background-color:#9c9c9c;  
	}
.map-address  div span{ margin-right:8px;}

@media (min-width: 1536px){
	.map-address{width:50vw; margin:0 0 0 auto;}

}

.nav_container .sub-menu li a.active {
    text-align: center;
    border: 0;
    background: #653500;
    color: #fff;
}

/**********************************************
*************** 체험    ***********************
***********************************************/
.ex-illust{width:90%; margin:0 auto;}

.experience{box-sizing:border-box; width:46%; margin:2%; border:1px solid #ccc; border-radius:8px; }	

.experience:nth-child(1) h4{background-color:#12aac1; }
.experience:nth-child(2) h4{background-color:#5ab596; }
.experience:nth-child(3) h4{background-color:#ea9530; }
.experience:nth-child(4) h4{background-color:#a560bb; }

.ex-name{color:#fff; font-weight:600; padding:20px 0; border-radius:4px 4px 0 0; }

.ex{display:flex; flex-direction: column;flex-direction: column-reverse;}
.ex-t{margin:12px 0 ; font-size:14px;}
.ex-t span{display:block; }
.ex-t span:nth-child(1){margin-bottom:4px; }
.ex-photo{margin-bottom:8px; }

.ex-price{font-size:14px; font-weight:600; margin-bottom:1em; }
.ex-price span:before{content:'-'; margin-right:8px; }
.ex-price span{margin-bottom:4px; }

.ex-t,
.ex-price{padding:0 1em; }

@media (min-width: 768px){
.ex-illust{width:100%;}

.experience{width:23%; margin:1%; border:0; border-radius:0;}

.ex-t{ font-size:16px;}

.ex-price{padding-top:20px; height:80px; font-size:17px;  }

.ex-price-1{ background-color: rgba( 18, 170, 193, 0.3 ); color:#02626e;}
.ex-price-2{ background-color: rgba( 90, 181, 150, 0.3 );color:#1a7959; }
.ex-price-3{ background-color: rgba( 234, 149, 48, 0.3 ); color:#e17c00; }
.ex-price-4{ background-color: rgba( 165, 96, 187, 0.3 ); color:#8d3ba9; }

}