	@font-face {font-family: 'SpoqaHanSansNeo';font-weight: normal;font-style: normal;src: url('/font/SpoqaHanSansNeo-Regular.woff') format('woff');}
	@font-face {font-family: 'SpoqaHanSansNeo';font-weight: bold;font-style: normal;src: url('/font/SpoqaHanSansNeo-Bold.woff') format('woff');}
/*
	@font-face {font-family: 'pretendard';font-weight: normal;font-style: normal;src: url('/font/Pretendard-Medium.woff') format('woff');}
	@font-face {font-family: 'pretendard';font-weight: bold;font-style: normal;src:url('/font/Pretendard-Bold.woff') format('woff');}
*/

.satisfy-regular {  font-family: "Satisfy", cursive;  font-weight: 400;  font-style: normal;}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track{background-color: #666;border-radius:2px;width:10px;}
::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #aaa;}
::-webkit-scrollbar-thumb:hover {background: #ddd;}

	:root{--main-color:#AC937A;--main-white:#FAF7ED;--main-black:#262626;--main-line: #DDC7B0;--main-textwhite:#967661;--main-textbeige:#faf7ed;--main-title:#bba791;}
	body{background:var(--main-color);color:var(--main-white);heightL100vh;font-family:SpoqaHanSansNeo;line-height:1.6}
	nav{border-bottom:1px solid #Ddc7B0;background:rgba(172,147,122,0.8);position:fixed !important;top:0;width:100%;z-index:10;backdrop-filter: blur(15px);height:60px;}
	.nav-link{color:var(--main-white) !important;}
	.navbar-light .navbar-toggler{border:0;color:#fff;}
	nav>div{max-width:1200px;}
	.navbar-brand>img{width:200px;}
	.navbanner--clone { position: fixed;  z-index:1;  top:0;left:0;width:100%;background:rgba(0,0,0,0); -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); transform: translateY(-100%);
		-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
	}
	.navbanner--clone header .gnb li a{color:#000}
	.navbanner--stick {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);ansform: translateY(0%);}
	.nav-item{padding-left:14px;}
	.nav-link.active{font-weight:bold}
	#content{padding:0 20px;min-height:calc(100vh - 270px);}

	#subMenu{width:100%;display:flex;margin-top:67px;}
	#subMenu div{width:50%;border:1px solid var(--main-line);padding:10px;text-align:center;font-size:1.3rem;}
	#subMenu div.active{background:var(--main-white);color:var(--main-textwhite);}

#subm{display:flex;flex-flow:row;;margin-top:5px;}
#subm a{text-decoration:none;width:100%;}
#subm div{width:50%;text-align:center;font-size:1.3rem;line-height:3rem;height:3rem;background:var(--main-white);color:var(--main-color);cursor:pointer;}
#subm div.on{background:var(--main-textwhite);color:var(--main-white);}
.container-fluid{padding-right:0;padding-left:0;}
.container-fluid>div:first-child{padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;}

.svgwrap{width:100%;aspect-ratio:1.7}
.frame-border {stroke: var(--main-line);stroke-width: 0.5;}
section{max-width:1200px;margin:0 auto;}
section.caro{max-width:100%;}
#mainIntro{  width: 100%;  aspect-ratio:2;}
.clip{width: 100%;  height: 100%;  background-color: var(--main-white);  clip-path: url(#mask1);color:var(--main-black)}
.exp1{width:100%;color:var(--main-color);padding:15% 0}
.exp1.intro{background:url('/img/Circle_text1.png') ;background-size: 100% 100%;}
/*
.exp1.intro{background:url('/img/asset2.svg#svgView(preserveAspectRatio(none))') ;background-size: 100% 100%;}
*/
#topCard{display:flex;flex-flow:row wrap;width:100%;justify-content:space-between;}
#topCard>div{width:50%;padding:20px;margin-bottom:20px;}
#topCard>div:last-child{width:100%;}
#topCard>div>div:nth-child(1){text-align:center;font-size:1.5rem;border-bottom:2px solid var(--main-line);}
#topCard>div>div{padding:20px 5px;}
.exp1.babyroom{background:url('/img/asset3.svg#svgView(preserveAspectRatio(none))') no-repeat;background-size: 100% 100%;}
.exp1.vip{background:url('/img/asset3.svg#svgView(preserveAspectRatio(none))') no-repeat;background-size: 100% 100%;}
.exp1>div{width:70%;display:flex;flex-flow:column;align-items:center;justify-content:center;margin:0 auto;}
.exp1>div>div:nth-child(1){font-size:2rem;font-weight:bold;margin-bottom:3vw;}
.exp1>div>div:nth-child(2){font-size:1.4rem;}
.containers{padding:70px 0;border-top:1px solid var(--main-line);word-break:keep-all;}
.containers.round>div:nth-child(3)>div:nth-child(2){width:90%;margin:0 auto;text-align:center;}
.containers.round2{padding:50px 0 20px 0;border-top:0px;}
.containers.round3{padding:0 0 20px 0;border-top:0px;}
.containers.round4{border-top:0px;}
#topSpace{height:50px;}
#viproom>div{width:100%;padding:2vw 0;display:flex;flex-flow:row wrap;}
#viproom>div>div{width:50%;display:flex;}
#viproom>div>div:nth-child(2){padding:0 3.5vw;display:flex;flex-flow:column;}
#viproom>div>div:nth-child(2)>div:nth-child(1){font-weight:bold;font-size:1.4rem;margin-bottom:20px;}
#viproom img{border:1px solid var(--main-line);border-radius:3vw;width:100%;;}
strike{color:#f00}
.btnArea{display:flex;justify-content:space-between}
.divTbl1{width:100%;display:flex;flex-flow:column;border-radius:20px;background:var(--main-white);padding:5px 20px;margin-bottom:50px;}
.divTbl1>div{display:flex;flex-flow:row wrap;font-size:1rem;padding:3px 0;justify-content:center;color:var(--main-textwhite);}
.divTbl1>div:not(:last-child){border-bottom:3px solid var(--main-line);}
.divTbl1>div>div:nth-child(1){width:30%;font-weight:bold;}
.divTbl1>div>div:nth-child(2){width:70%;}
.divTbl1>div>div{padding:5px 20px;text-align:left;}

.divTbl2{width:100%;display:flex;flex-flow:column;border-radius:20px;background:var(--main-white);padding:5px 20px;}
.divTbl2>div{display:flex;flex-flow:row wrap;font-size:1rem;padding:3px 0;justify-content:center;color:var(--main-textwhite);}
.divTbl2>div:not(:last-child){border-bottom:3px solid var(--main-line);}
.divTbl2>div>div:nth-child(1){width:25%;font-weight:bold;}
.divTbl2>div>div:nth-child(2){width:30%;}
.divTbl2>div>div:nth-child(3){width:45%;}
.divTbl2>div>div{padding:5px 20px;text-align:left;}
.divTbl2>div:last-child{padding:5px 15px;}

.divTbl3{width:100%;display:flex;flex-flow:column;border-radius:20px;background:var(--main-white);padding:5px 20px;}
.divTbl3>div{display:flex;flex-flow:row wrap;font-size:1rem;padding:3px 0;justify-content:center;color:var(--main-textwhite);}
.divTbl3>div:not(:last-child){border-bottom:3px solid var(--main-line);}
.divTbl3>div>div:not(:first-child){width:18%;}
.divTbl3>div>div:first-child{flex:1 1 0;text-align:center;}
.divTbl3>div>div:nth-child(n+1){flex:1 1 0;text-align:center;}


.divTbl2>div>div{padding:5px 20px;text-align:left;}
.divTbl2>div:last-child{padding:5px 15px;}

.divTbl>div>div:nth-child(2)>div:nth-child(1){font-weight:bold;font-size:1.4rem;margin-bottom:20px;}
.bigTitle{margin:20px 0 50px 0;font-weight:bold;font-size:2.5rem;text-align:center;}
.title{margin:20px 0 50px 0;font-weight:bold;font-size:1.8rem;text-align:center;}
.title.lt{text-align:left;}
.smallTitle{margin:30px 0;font-weight:bold;font-size:1.6rem;text-align:center;}
.tblTitle{margin-bottom:30px;font-weight:bold;font-size:1.4rem;}
#footer{background:var(--main-white);width:100%;max-width:100%;color:var(--main-textwhite);height:220px;}
.ck-editor{color:#212529;}
#footer>div{max-width:1200px;margin:0 auto;text-align:center;padding:30px;}
/*********************comm********************/
.btn-beige {
    color: var(--main-black);
    background-color: var(--main-textbeige);
    border-color: var(--main-textbeige);
}
a{color:var(--main-textwhite)}
a:hover{color:var(--main-textwhite)}
.material-symbols-outlined{margin:-4px 0 0 0; vertical-align:middle;}
.mobile{display:none}

#bbsList1{width:100%;display:flex;flex-flow:column;padding:0;}
#bbsList1>div{display:flex;flex-flow:row wrap;border-bottom:1px solid #ddd;font-size:1rem;padding:3px 0;justify-content:center;background:var(--main-white);color:var(--main-textwhite);}
#bbsList1>div:nth-child(1),#bbsview1>div:nth-child(1){background:var(--main-title);color:var(--main-textbeigh);border-top-left-radius:20px;border-top-right-radius:20px;}
#bbsList1>div>div{padding:5px;text-align:center;}
#bbsList1>div>div:nth-child(1){width:80px;text-align:center;order:1;}
#bbsList1>div>div:nth-child(2){display:flex;order:2;flex:1 1 0;text-align:left;}
#bbsList1>div>div:nth-child(2)>div:nth-child(1){flex:1 0 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width:100%;text-overflow:ellipsis;overflow:hidden;}
#bbsList1>div>div:nth-child(3){width:150px;order:3;}
#bbsList1>div>div:nth-child(4){width:150px;order:4;letter-spacing:-1px;}
#bbsList1>div>div:nth-child(5){width:90px;order:5}

#bbsView1{margin:50px 0;}
#bbsView1 img{max-width:100%;margin:10px;}
#bbsView1>div:nth-child(1){display:flex;flex-flow:row wrap;}

#bbsView1>div{padding:20px 20px;}
#bbsView1>div:nth-child(1){width:100%}
#bbsView1>div:nth-child(2){background:var(--main-textbeige);border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:var(--main-color);}
#bbsView1>div:nth-child(1)>div:nth-child(1){flex-grow:1;font-weight:bold;font-size:1.3rem;}
#bbsView1>div:nth-child(1)>div:nth-child(2){display:flex;justify-content:space-between;font-size:1.1rem;}
#bbsView1>div:nth-child(1)>div:nth-child(2) span{margin-left:10px;}
#bbsView1>div:nth-child(3){width:100%;}
.pages{background:var(--main-textbeige);border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;justify-content:center;padding:10px;}
.pagination{}
.page-link{border:0;background-color:transparent !important;color:var(--main-textwhite);}
.page-item.active .page-link {    z-index: 3;  color:var(--main-textwhite);font-weight:bold;  background-color: #0d6efd;    border-color: #0d6efd;font-size:1.1rem;}

.profile{display:flex;flex-flow:row}
.profile>div{padding:3vw;width:50%;}
.profile>div:nth-child(2)>div{font-size:1.2rem;}
.profile>div:nth-child(2)>div:first-child{font-size:1.6rem;font-weight:bold;margin-bottom:2rem;}
.profile img{border:1px solid var(--main-line);border-radius:3vw;width:100%;;}
@media all and (max-width:1450px){
}@media all and (max-width:1100px){
.exp1{}
.exp1>div>div:nth-child(1){font-size:1.8rem;margin-bottom:4vw;}
.exp1>div>div:nth-child(2){font-size:1.1rem;}
}@media all and (max-width:910px){
	.mobile{display:inline-block;}
	.exp1>div>div:nth-child(1){font-size:1.7rem;}
	.exp1>div>div:nth-child(2){font-size:1.2rem;}

	#bbsList1>div:nth-child(2){border-top-left-radius:20px;border-top-right-radius:10px;}
	#bbsList1>div:first-child{display:none;}
	#bbsList1>div>div{padding:10px 15px;}
	#bbsList1>div>div:nth-child(1){display:none;}
	#bbsList1>div>div:nth-child(2){order:1;text-align:left;flex:auto;width:calc(100% - 90px); }
	#bbsList1>div>div:nth-child(3){order:3;text-align:left;width:50%}
	#bbsList1>div>div:nth-child(4){order:4;text-align:right;width:50%}
	#bbsList1>div>div:nth-child(5){order:2;font-size:1rem;text-align:right;}
	.pages{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
	.profile{flex-flow:column;}
	.profile>div{width:100%;}
}@media all and (max-width:768px){
	.container-fluid>div:first-child{width:100%;}
	#navbarnav{background:rgba(16,16,16,0.7);width:100vw;}
	.divTbl1>div{flex-flow:column;}
	.divTbl1>div>div{width:100% !important;}
	.divTbl1>div>div:first-child{font-size:1.1rem;}

	.divTbl2>div{flex-flow:column;}
	.divTbl2>div>div{width:100% !important;}
	.divTbl2>div>div:first-child{font-size:1.1rem;}

	.exp1{padding:17% 0;}
	.exp1>div>div:nth-child(1){font-size:1.2rem;}
	.exp1>div>div:nth-child(2){font-size:0.9rem;}
	#viproom>div>div{width:100%;}
	#viproom>div>div:nth-child(2)>div:nth-child(1){margin-top:3vw;}
	.containers{padding:70px 0;}
	#topCard{flex-flow:column;}
	#topCard>div{width:100%;}
	#topCard>div:nth-child(2){order:3;}
	#topCard>div:nth-child(3){order:2;}
}@media all and (max-width:560px){
	.containers{padding:60px 0;}
}@media all and (max-width:500px){

}@media all and (max-width:400px){
}
@media (min-width: 768px) {.navbar-expand-md .navbar-collapse {justify-content:flex-end}}

/*.flip1 {-webkit-animation: flip1 1s linear both;animation: flip1 1s linear both;}*/

@keyframes flip1 {
/*  0% {
    -webkit-transform: scale(1) rotateX(0);transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(0.5) translateY(50%);transform: scale(0.5) translateY(50%);
  }
  100% {
    -webkit-transform: scale(0.3) translateX(70%) translateY(60%); transform: scale(0.3) translateX(70%) translateY(60%);
  }
*/
}
.flip1{
    animation: rotate_image 10s linear infinite;
    transform-origin: 50% 50%;
}
 
@keyframes rotate_image{
	100% {
    		transform: rotate(360deg);
	}
}

.flip2 {
	-webkit-animation: flip2 1s linear both;animation: flip2 1s linear both;
}

@keyframes flip2 {
  0% {
    -webkit-transform: scale(0.3) translateX(70%) translateY(60%);
            transform: scale(0.3) translateX(70%) translateY(60%);
  }
  50% {
    -webkit-transform: scale(0.5) translateY(20%);
            transform: scale(0.5) translateY(20%);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0);
            transform: scale(1) rotateX(0);
  }
}

.c1{ transform:translate3d(50%,40%,-300px);z-index:1;}
.c2{ transform:translate3d(5%,-5%,0px);z-index:2;}
.frameC1{animation:1s round2 linear forwards;}
.frameC2{animation:1s round1 linear forwards;}

@keyframes round2 {
	0%{
		transform:translate3d(50%,40%,-300px)
	}
	70%{
		transform:translate3d(10%,-5%,0px);z-index:2
	}
	100%{
		transform:translate3d(5%,-5%,0px);z-index:2

	}
}
@keyframes round1 {
	0%{
		transform:translate3d(5%,-5%,0px)
	}
	60%{
		transform:translate3d(-5%,-10%,-300px);z-index:1;opacity:0.5
	}
	100%{
		transform:translate3d(50%,40%,-300px);z-index:1
	}
}