@charset "utf-8";


#sTitle {margin-bottom:60px}
#sTitle .eng {font-size:2.0rem; margin-bottom:2em; font-family: "Marcellus", serif;  font-weight:400; opacity:.7 }
#sTitle dl dt { font-size:5.0rem; color:#222; font-weight:800; line-height:1.4em}
#sTitle dl dd {padding-top:0.7em; font-size:2.0rem; line-height:1.6em; color:#afada7}

#sTitle br.br680 {display:none}
#sTitle br.br480 {display:none}

#sTitle dl.flex-dl {display:flex; align-items: end;}
#sTitle dl.flex-dl dd {padding-left:2em; }

@media all and (max-width:1560px) {
	#sTitle .eng {font-size:1.8rem;}
	#sTitle dl dt { font-size:4.5rem;}
}
@media all and (max-width:1499px) {
	#sTitle dl dt { font-size:4.5rem;}
}
@media all and (max-width:1024px) {	
	#sTitle {margin-bottom:40px}
	#sTitle .eng {text-align:center}
	#sTitle dl {text-align:center}
	#sTitle dl dt { font-size:4.0rem;}
}
@media all and (max-width:680px) {
	#sTitle br.br680 {display:block}
}
@media all and (max-width:480px) {
	#sTitle {margin-bottom:8vw}
	#sTitle .eng {font-size:1.5rem}
	#sTitle dl dt { font-size:3.4rem;}
	#sTitle dl dd { font-size:1.6rem;} 
	#sTitle br.br480 {display:block}
}





#intro1 {display:flex; justify-content:center; gap:50px}
#intro1 #in-box {padding:3em; width:420px; height:540px; border-top-left-radius:210px;  border-top-right-radius:210px;
					display:flex; align-items: flex-end; }
#intro1 #in-box li { width:100%;color:#FFF; font-weight:800}
#intro1 #in-box li dl {padding-right:2em; padding-bottom:1em; width:fit-content; border-bottom:1px solid rgba(255,255,255,0.1)}
#intro1 #in-box li dl dd {font-size:2.4rem; }
#intro1 #in-box li dl dt {font-size:3.2rem; }
#intro1 #in-box li .t1 {font-size:5.0rem;text-align:right}
#intro1 #in-box li .t1 .num {font-size:18.0rem; font-family: "Kaushan Script"; font-weight:normal; line-height:0; color:#cdb888}

#intro1 #in-box.bg1 {background:url('/images/sub/intro1-1-bg1.png') no-repeat center center / cover;}
#intro1 #in-box.bg2 {background:url('/images/sub/intro1-1-bg2.png') no-repeat center center / cover; transform:translateY(15%)}
#intro1 #in-box.bg3 {background:url('/images/sub/intro1-1-bg3.png') no-repeat center center / cover;}

@media all and (max-width:1560px) {
	#intro1 {gap:30px}
}
@media all and (max-width:1280px) {
	#intro1 #in-box {padding:1.5em; width:calc((100% - 30px *2)/3); height:38vw;}
	#intro1 #in-box li .t1 .num {font-size:15.0rem}
}
@media all and (max-width:1024px) {
	#intro1 {gap:10px}
	#intro1 #in-box {padding:1em; width:calc((100% - 10px *2)/3); height:38vw;}
	#intro1 #in-box li .t1 .num {font-size:13.0rem}
}
@media all and (max-width:680px) {
	#intro1 {flex-wrap:wrap}
	#intro1 #in-box {padding:1em; width:calc((100% - 30px *1)/2); height:53vw;}
	#intro1 #in-box.bg3 {position:relative}
	#intro1 #in-box li dl dd {font-size:2.2rem; }
	#intro1 #in-box li dl dt {font-size:3.0rem; }
	#intro1 #in-box li .t1 {font-size:4.0rem}
	#intro1 #in-box li .t1 .num {font-size:10.0rem}
}
@media all and (max-width:480px) {
	#intro1 #in-box li dl {padding-right:0;}
	#intro1 #in-box li dl dd {font-size:2.0rem; }
	#intro1 #in-box li dl dt {font-size:2.6rem; }
	#intro1 #in-box li .t1 {font-size:3.0rem}
}





#intro1-2 {margin-top:13%; background:url('/images/sub/intro1-2-bg.png') no-repeat left center;
			background-attachment: fixed;}
#intro1-2 .inner {display:flex; flex-wrap:wrap; }
#intro1-2 #sTitle {width:430px; position:sticky; top:0; max-height:350px; }
#intro1-2 #contWrap {width:calc(100% - 430px); }

@media all and (max-width:1560px) {
	#intro1-2 #sTitle {width:340px}
	#intro1-2 #contWrap {width:calc(100% - 340px); }
}
@media all and (max-width:1024px) {
	#intro1-2 {position:relative; background-size:cover; background-position:right top; background-attachment: unset;}
	#intro1-2:before {content:''; width:100%; height:100%; background:rgba(255,255,255,0.3);
						position:absolute; left:0; top:0}
	#intro1-2 .inner {flex-wrap:wrap}
	#intro1-2 #sTitle {width:100%; position:relative;}
	#intro1-2 #contWrap {width:100%}
}


.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 0 3em 50px; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem; margin-bottom:0.5em; color:#a59266  ; font-weight:800;  font-family:'Oswald'}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-60px; width:20px; height:20px; border-radius:100%; 
					background:#a59266; border:6px solid #e9e3d7;}
.his_wrap li .c .stit {font-size:2.2rem; color:#222; padding-bottom:2em; font-weight:600}
.his_wrap li .c {display:flex; flex-wrap:wrap}

.his_wrap li .c dd{width:100%; vertical-align:top;  margin-bottom:20px; line-height: 1.5em; font-size:1.8rem }

.his_wrap li:nth-of-type(2n) .c { flex-direction: row-reverse;}
.his_wrap li:nth-of-type(2n) {float:left; text-align:right;  padding:0 50px 3em 0;}
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-60px;}


@media all and (max-width:767px) {
	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%; padding:0 0 3em 20px;}
	.his_wrap li .t { font-size: 4.0rem; }
	.his_wrap li .t:before { top:0.35em;   left:-30px; }
	.his_wrap li .c dt{ width:50px; }
	.his_wrap li .c dd{width:calc(100% - 50px); }


	.his_wrap li:nth-of-type(2n) .c { flex-direction: unset;}
	.his_wrap li:nth-of-type(2n){float:right; text-align:left; padding:0 0 3em 20px;}
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}
@media all and (max-width:568px) {
	.history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
}




#SearchWrap {padding:50px 0; background:#f7f5f1; } 
#SearchWrap .inner {position:relative}
#SearchWrap .inner:before {content:'Search Wedding Halls'; font-size:10.0rem; font-family:'Kaushan Script';
									position:absolute; right:0; top:0; color:#f1eee5; opacity:.8}
#SearchWrap .title {padding-bottom:30px; position:relative}
#SearchWrap h3 {font-size:4.0rem;  font-family: 'OneStoreMobileGothicBody'; color:#111}
#SearchWrap .t1 {margin-top:0.5em; font-size:1.6rem; opacity:.5}
#SearchWrap .contWrap {font-size:1.8rem; display:flex; flex-wrap:wrap; position:relative;
								border-top:1px solid #ebeae7;  border-right:1px solid #ebeae7}
#SearchWrap .contWrap ul {width:100%; display:flex;}
#SearchWrap .contWrap ul.w5 {width:50%}
#SearchWrap .contWrap ul li {padding:13px 20px;}
#SearchWrap .contWrap .tit {font-size:1.8rem; width:164px; background:#7f7a6e; color:#FFF;  border-bottom:1px solid #716e66;
								display:flex;align-items: center; }
#SearchWrap .contWrap .cont {width:calc(100% - 164px); background:#FFF; border-bottom:1px solid #ebeae7}
#SearchWrap .contWrap .cont p {display:flex;  align-items: center}

#SearchWrap .contWrap .wCheck {display:flex; align-items: center; gap:2px 0}
#SearchWrap .contWrap .wCheck input {width:18px; height:18px; padding:0}
#SearchWrap .contWrap .wCheck span {padding:0 2em 0 0.5em;}

#SearchWrap input { border:0; outline: none; font-size: 1.8rem; background:#FFF; color:#111; 
					padding: 0 1em; box-sizing: border-box; font-family: 'SUIT', sans-serif;}
#SearchWrap #keyword {width:100%; padding:5px;  font-size:1.8rem; }
#SearchWrap input::placeholder { color:#777; opacity:.6 }

.bg_select {  width: 100%; padding: 10px;  border: 1px solid #ddd;   border-radius: 6px;  background-color: #fff;  
				font-size: 1.8rem; color:#666 }

#SearchWrap .searchBtn {margin-top:20px; text-align:center}
#SearchWrap .searchBtn input {width:170px;; line-height:60px; font-size:2.0rem; background: #37332b ; color:#FFF;
							 cursor: pointer; box-sizing: border-box; font-weight:600;  border-radius:5px; transition: all 0.3s;}
#SearchWrap .searchBtn input:hover {background: #a59266 }

@media all and (max-width:1280px) {
	#SearchWrap .inner:before { font-size:6vw; top:1.3vw}
	#SearchWrap .contWrap .wCheck span {padding:0 1.5em 0 0.5em;}
}
@media all and (max-width:1010px) {
	#SearchWrap .contWrap ul {flex-wrap:wrap}
	#SearchWrap .contWrap .tit { width:100%}
	#SearchWrap .contWrap .cont {width:100%; }
	#SearchWrap .contWrap ul.w5 {width:100%}
	#SearchWrap .contWrap .wCheck {flex-wrap:wrap}
	#SearchWrap .contWrap .wCheck span {padding:0 1em 0 5px;}
}
@media all and (max-width:768px) {
	#SearchWrap .inner:before { display:none }
}
@media all and (max-width:480px) {
	#SearchWrap .title {padding-bottom:15px;}
	#SearchWrap h3 {font-size:2.8rem; }
	#SearchWrap .contWrap .wCheck span {padding:0 3vw 0 1vw;}
	#SearchWrap .contWrap ul li {padding:3vw 4vw;}
	#SearchWrap .searchBtn input {width:28vw;; line-height:12vw;}
}




#wdHall { }



#galleryWrap {  display: flex;  justify-content: center;  align-items: flex-start;  gap: 20px;  max-width: 100%; 
					margin: 0 auto;  position: relative;}
/* 메인 이미지 */
#mainImage {  width:1100px;  height: 660px;  object-fit: cover;  border-radius: 10px; }
.thumbWrap { width:calc(100% - 1100px);}

.thumbArea {  position: relative; width:100%;  height: 660px; /* 한 화면에서 썸네일 10개 (2x5) */
					overflow: hidden;  border-radius: 10px;}
.thumbnails {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 8px;  transition: transform 0.3s ease;}
.thumbnails img { width: 100%;  height: calc((660px - (8px * 4)) / 5); /* 5행 기준, 4개의 gap 빼고 나눈 값 */ 
					object-fit: cover;  border-radius: 5px;  cursor: pointer;  border: 2px solid transparent;  
					transition: border-color 0.15s ease;}
.thumbnails img.active { border-color: #1ea953; border-width:3px;}

/* 버튼 */
.navBtn { position: absolute; left: 50%; transform: translateX(-50%); width: 60px; height: 30px; 
			background: rgb(102, 165, 107); color: #fff; border: none; border-radius: 5px; cursor: pointer; z-index: 10; 
			font-size: 16px;  line-height: 30px;}
.navBtn:hover {  background: rgb(85, 168, 92);}
#prevBtn { top: -40px;}
#nextBtn {  bottom: -40px;}
.navBtn:disabled {  opacity: 0.3;  cursor: not-allowed;}

@media all and (max-width:1560px) {
	#mainImage {  width:70%;  height: 38vw;  }
	.thumbWrap { width:30%}
	.thumbArea {  height: 38vw; }
	.thumbnails img { height: calc((38vw - (8px * 4)) / 5);}
}

@media all and (max-width:1024px) {
	#galleryWrap {flex-wrap:wrap; gap: 50px 0}
	#mainImage {  width:100%;  height: auto;  }
	.thumbWrap { width:100%}
	.thumbArea {  height: 26vw; }
	.thumbnails { grid-template-columns: repeat(4, 1fr); /* 가로 4개 */ gap:5px  }
    .thumbnails img {    height: calc((26vw - (5px * 1)) / 2); /* 2행 기준 */  }  
}
@media all and (max-width:480px) {
	.thumbnails {  gap: 3px;} 
	 .thumbnails img {    height: calc((26vw - (3px * 1)) / 2); /* 2행 기준 */  }  
}


#wdHall .line {height:5px; margin:50px 0; background:url('/images/sub/line-bg.png') repeat-X center center;}


#wdHall #contWrap {display:flex; flex-wrap:a}
#wdHall #contWrap .infocont {width:calc(100% - 600px)}
#wdHall #contWrap .in-box {width:600px; padding-left:50px}

#wdHall .title {margin-top:80px; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
#wdHall .title .tit {font-size:1.8rem; color:#1ea953; font-weight:700}
#wdHall .title h3 {margin-top:0.3em; font-size:5.0rem; font-weight:800; color:#111}
#wdHall .title .t1 {margin-top:1em; font-size:1.8rem; line-height:1.6em; opacity:.7}
#wdHall .title .benefit{ background: #f7f7f7; padding: 2rem 9rem 4rem; border-radius: 1000px; z-index: 10;}
#wdHall .title .benefit img{width: 350px; margin-top: -10px;}
#wdHall .title .benefit h4{font-size: 3rem; margin-bottom: 10px;position: relative;}
#wdHall .title .benefit h4:after{position: absolute; width: 47%; top: 50%; transform: translatey(-50%); right: 0; content: ''; height: 1px; background: #a59266;}
#wdHall .title .benefit p{font-size: 2.3rem; color: #222; margin-top: 1.5rem; display: flex; align-items: center; gap: 0.5rem;}
/* #wdHall .title .benefit p:after{position: absolute; width: 105%; left: 50%; transform: translateX(-50%); background: #a59266; content: ''; height: 60%; top: 50%;z-index: -1;} */
#wdHall .title .benefit span.num{width: 30px;height: 30px; border-radius: 100px; background: #1ea953; color: #fff; display: flex; text-align: center; font-size: 1.6rem; font-weight: bold; font-family: 'ONE-Mobile-Title'; justify-content: center; align-items: center; margin-left: 0.5rem;}

#wdHall  .mapcont {margin-top:18px; position:relative}
#wdHall  .mapcont .mapLink {width:100%; /* position:absolute; left:0; bottom:20px; z-index:2; */ display:flex; ; justify-content:center;  gap:5px; }
#wdHall  .mapcont .mapLink a {padding:1.1em 0; border-radius:5px; width: 100%;}
#wdHall  .mapcont .mapLink a.bg1 {background:#f2da00 url('/images/sub/smap-icon1.png') no-repeat 17px center; color:#0079f7}
#wdHall  .mapcont .mapLink a.bg2 {background:#03c75a url('/images/sub/smap-icon2.png') no-repeat 17px center;  color:#FFF}
#wdHall  .mapcont .mapLink a p {padding:0 30px 0 50px; font-size:1.8rem; font-weight:700; }




#wdHall #contWrap h4 {margin-bottom:0.5em; font-size:2.8rem; font-weight:700; color:#111}
#wdHall #contWrap .cont {padding:30px; border-radius:5px; background:#f7f7f7}

#wdHall #contWrap #dotList {display:flex; flex-wrap:wrap; gap:5px 30px}
#wdHall #contWrap #dotList li {width:calc((100% - 30px *1)/2);
									display:flex; flex-wrap:wrap; font-size:1.8rem; }
#wdHall #contWrap #dotList li.w100 {width:100%}
#wdHall #contWrap #dotList li dt {padding-left:10px; position:relative; }
#wdHall #contWrap #dotList li dt:before {content:''; width:3px; height:3px; background:#046c5c; position:absolute; left:0; top:0.6em;
												border-radius:5px}
#wdHall #contWrap #dotList li dt,
#wdHall #contWrap #dotList li dd {margin:0.3em 0}
#wdHall #contWrap #dotList li dt {color:#333; width:100px; }
#wdHall #contWrap #dotList li dd {width:calc(100% - 100px)}

#wdHall #contWrap .telcont {margin-bottom:10px; }
#wdHall #contWrap .tel {font-size:3.2rem; color:#111;  font-family: 'GMarketSans'; font-weight:500; line-height:1.0em }
#wdHall #contWrap .tel i {font-size:2.0rem ; width:42px; line-height:42px; background:#FFF; color:#046c5c;
								border-radius:100%; text-align:center}
#wdHall #contWrap .time {margin-top:0.5em; font-size:1.8rem}
#wdHall #contWrap .telcont .t1 {border-top:1px dotted #e4e4e4; padding-top:1em; margin-top:1em; color:#9aa59a}

#wdHall #ssBtn {width:100%; max-width:500px; margin:30px auto 0}
#wdHall #ssBtn .btn {line-height:65px; border-radius:5px;  text-align:Center; display:inline-block; color:#FFF}
#wdHall #ssBtn .btn.bg1 {width:70%; font-size:2.4rem; background:#1ea953; font-family:'OneStoreMobileGothicBody'}
#wdHall #ssBtn .btn.bg2 {width:29%; font-size:2.0rem; background:#6f6b62}

#wdHall .root_daum_roughmap .wrap_controllers,
#wdHall .root_daum_roughmap .cont  { display:none }
#wdHall .root_daum_roughmap .wrap_map { height: 420px !important; }



@media all and (max-width:1560px) {
	#wdHall #contWrap .infocont {width:calc(100% - 470px)}
	#wdHall #contWrap .in-box {width:470px; padding-left:30px}
}
@media all and (max-width:1399px) {
	#wdHall #contWrap #dotList {gap:5px 20px}
	#wdHall #contWrap #dotList li {width:calc((100% - 20px *1)/2);}
    #wdHall .title .benefit{padding: 2rem 6rem;}
}
@media all and (max-width:1280px) {
	#wdHall #contWrap #dotList {gap:5px 0}
	#wdHall #contWrap #dotList li {width:100%;}
    #wdHall .title{gap: 2rem;}
    #wdHall .title .benefit{width: 100%; border-radius: 10px; padding: 2rem 4rem;}
    #wdHall .title .benefit h4:after{width: calc(100% - 26rem);}
    #wdHall .title .benefit img{width: 30rem;}
}
@media all and (max-width:1024px) {
    #wdHall #contWrap {flex-wrap:Wrap}
	#wdHall #contWrap .infocont {width:100%}
	#wdHall #contWrap .in-box {width:100%; padding-left:0; margin-top:50px}
}
@media all and (max-width:976px) { 
    #wdHall .title {margin-top:80px;  flex-direction: column;align-items:center; }
	#wdHall .title .name {text-align:center}
    #wdHall .title {gap: 3rem;}
}
@media all and (max-width:768px) {
    #wdHall #contWrap .title h3 { font-size:4.2rem;}
	#wdHall #contWrap .line { margin:30px 0; }
	#wdHall #contWrap h4 { font-size:2.6rem;}
	#wdHall #contWrap .cont {padding:20px;}
    #wdHall .title .benefit h4{font-size: 2.5rem;}
    #wdHall .title .benefit h4:after{width: calc(100% - 23rem);}
    #wdHall .title .benefit p{font-size: 2rem; flex-wrap: wrap;gap: 1rem;}
    #wdHall .title .benefit span.num{width: 2.5rem;height: 2.5rem;font-size: 1.4rem;}
    #wdHall .title .benefit span:nth-child(even){width: calc(100% - 4.5rem);}
}
@media all and (max-width:480px) {
    
    #wdHall #contWrap .title h3 { font-size:3.6rem;}
	#wdHall #contWrap h4 { font-size:2.4rem;}
	#wdHall #contWrap .cont {padding:5vw;}
	#wdHall #contWrap #dotList li dt {width:22vw; }
	#wdHall #contWrap #dotList li dd {width:calc(100% - 22vw)}
    
	#wdHall .root_daum_roughmap .wrap_map { height: 70vw !important; }
	#wdHall .mapcont .mapLink a {padding:1em 0;}
	#wdHall  .mapcont .mapLink a.bg1,
	#wdHall  .mapcont .mapLink a.bg2 {background-size:auto 50%}
	#wdHall .mapcont .mapLink a p {padding:0 6vw 0 10vw;  font-size:1.7rem;}
	
	#wdHall #contWrap .btn {line-height:14vw; }
	#wdHall #contWrap .btn.bg1 { font-size:2.2rem;}
	#wdHall #contWrap .btn.bg2 { font-size:1.8rem;}
    
    #wdHall .title .benefit{padding: 2rem;}
    #wdHall .title .benefit h4{font-size: 2.3rem;}
    #wdHall .title .benefit h4:after{width: calc(100% - 19rem);}
    #wdHall .title .benefit p{font-size: 1.8rem;}  
    #wdHall .title .benefit img{width: 25rem;}
}








#wdhList {display:flex; flex-wrap:wrap; gap:40px 20px}
#wdhList .in-box {width:calc((100% - 20px *4)/5); border:1px solid #DDD}
#wdhList .in-box .img img {width:100%}
#wdhList .in-box .txt {padding:1em; text-align:center; }
#wdhList .in-box .txt h3 {font-size:2.2rem; font-weight:700; color:#222}
#wdhList .in-box .txt .add {font-size:1.7rem; padding-top:0.5em; margin-bottom:0.5em;}
#wdhList .in-box .txt dl {font-size: 1.6rem; display:flex;  justify-content:center; gap: 0.7em; color:#888}
#wdhList .in-box .txt dl + dl {margin-top:0.2em;}
#wdhList .in-box .txt dl dt {position: relative;}
#wdhList .in-box .txt dl dt::after {position: absolute; content: ':'; right: -0.5em; top: 0;}
#wdhList .in-box .ssbtn {border-top:1px solid #DDD; text-align:center; display:block; width:100%; height:auto; font-size:1.8rem; color:#111; font-weight:700;	padding:0.7em 0}
#wdhList .in-box .ssbtn:hover {color:#046c5c }


@media all and (max-width:1560px) {
    #wdhList {gap:30px 20px}
	#wdhList .in-box {width:calc((100% - 20px *3)/4); }
}
@media all and (max-width:1399px) {
    #wdhList .in-box .txt dl dt {width:110px;}
	#wdhList .in-box .txt dl dd {width:calc(100% - 110px); }
}
@media all and (max-width:1280px) {
    #wdhList .in-box {width:calc((100% - 20px *2)/3); }
}
@media all and (max-width:1024px) {
    #wdhList .in-box .txt dl dt {width:100px;}
	#wdhList .in-box .txt dl dd {width:calc(100% - 100px); }
}
@media all and (max-width:976px) {
    #wdhList .in-box .txt dl {flex-wrap:wrap; gap: 0.5rem;}
	#wdhList .in-box .txt dl dt {width:auto; padding: 0.3rem 1em; background: #a59266; color: #fff; border-radius: 100px;}
    #wdhList .in-box .txt dl dt::after {display: none;}
	#wdhList .in-box .txt dl dd {padding-left:0px; width:100%}
    #wdhList .in-box .txt dl + dl {margin-top:0.8em;}
    #wdhList .in-box .txt .add {margin-bottom:1em;}
}
@media all and (max-width:768px) {
	#wdhList .in-box {width:calc((100% - 20px *1)/2); }
}
@media all and (max-width:480px) {
		#wdhList {gap:10px 0}
	#wdhList .in-box {width:100%}
}




#service {background-size:50% auto; background-position:left top; background-repeat:no-repeat}
#service #cont {padding:80px 50px; min-height:450px; margin-left:auto; width:50%;  background:#f1ede5;
					display:flex; gap:10px; flex-wrap:wrap; align-content: center; }
#service #cont li {width:calc((100% - 10px *3)/4)}
#service #cont li p {padding:1em;  border-radius:50px; font-size:1.8rem; text-align:center; background:rgba(255,255,255,0.7);
						color:#756e5f }
#service #cont h3 {font-size:2.6rem; font-weight:700; color:#111; width:100%;}
#service.service1 {background-image:url('/images/sub/service1-bg.png')}
#service.service2 {background-image:url('/images/sub/service2-bg.png')}
#service.service3 {background-image:url('/images/sub/service3-bg.png');}
#service.service4 {background-image:url('/images/sub/service4-bg.png')}
#service.service5 {background-image:url('/images/sub/service5-bg.png')}
#service.service6 {background-image:url('/images/sub/service6-bg.png'); background-position:left bottom}
#service.service7 {background-image:url('/images/sub/service7-bg.png')}
#service.service8 {background-image:url('/images/sub/service8-bg.png'); background-position:left bottom}
#service.service9 {background-image:url('/images/sub/service9-bg.png')}
#service.service10 {background-image:url('/images/sub/service10-bg.png')}
#service.service11 {background-image:url('/images/sub/service11-bg.png')}
#service.service12 {background-image:url('/images/sub/service12-bg.png')}
#service.service13 {background-image:url('/images/sub/service13-bg.png')}

#service #cont.w3 li {width:calc((100% - 10px *2)/3)}

@media all and (max-width:1560px) {
	#service #cont { min-height:400px;}
	#service #cont li {width:calc((100% - 10px *2)/3)}

	#service #cont.w3 li {width:calc((100% - 10px *1)/2)}

	#service.service1,
	#service.service2 {background-size:auto 100%; }
}
@media all and (max-width:1280px) {
	#service #cont {padding:50px 30px;}
}
@media all and (max-width:1140px) {
	#service {padding-top:65vw; background-size:100% auto; }
	#service #cont {min-height:auto;padding:5vw; width:100%}
	#service #cont li {width:calc((100% - 10px *3)/4)}

	#service.service1,
	#service.service2 {background-size:100% auto; }

	#service.service6 { background-position:left top}
	#service.service8 { background-position:left center}
}
@media all and (max-width:768px) {
	#service #cont li {width:calc((100% - 10px *2)/3)}
}
@media all and (max-width:580px) {
	#service #cont { gap:5px;}
	#service #cont li {width:calc((100% - 5px *1)/2)}
	
	#service #cont.w3 li {width:100%}
}


#main5 { padding-bottom:6%; background:url('/images/main/main5-bg.png') no-repeat center center;background-size:cover; text-align:center;
    position:relative; z-index:0}
#main5 h4 { margin:0 0 0.8em; font-size:4.5rem; font-family: 'ONE-Mobile-Title'; font-weight:normal; color: #23b55b !important;}
#main5 h3 br.br1499 {display:none}
#main5 h3 br.br767 {display:none}
#main5 .t1 {margin-top:0.5em; font-size:3.0rem; color:#112f39; transform: rotate(-0.03deg);font-family: 'NEXON Lv1 Gothic';}
#main5 #contWrap {margin-top:50px; display:flex; flex-wrap:wrap;  justify-content:center}
#main5 #contWrap li {width:390px; padding:4em 0 3em; margin:30px; text-align:center; color:#FFF}
#main5 #contWrap li dl dt {font-size:11.0rem; font-family: 'EliceDigitalBaeum'; font-weight:bold }
#main5 #contWrap li dl dd {font-size:3.2rem; transform: rotate(-0.03deg); line-height:1.4em; position:relative;font-family: 'NEXON Lv1 Gothic'}
#main5 #contWrap li dl dd:before {content:''; width:181px; height:24px; background:url('/images/main/main5-line.png') no-repeat center bottom;
                                position:absolute; left:50%; bottom:-10px; transform:translateX(-40%); background-size:100% auto}
#main5 #contWrap li.ver1 {background:#1ea953}
#main5 #contWrap li.ver2 {background:#046c5c}
#main5 #contWrap li.ver3 {background:#112f39}

@media all and (max-width:1499px){
#main5 h3 br.br1499 {display:block}
#main5 #contWrap li {width:350px; margin:15px;  }
}
@media all and (max-width:1280px){
#main5 #contWrap li {width:30%; margin:1%;  }
}
@media all and (max-width:1024px){
#main5 h4 { font-size:3.8rem;}
#main5 .t1 { font-size:2.6rem;}
}
@media all and (max-width:976px){
#main5 #contWrap li dl dd:before {width:165px;}
}
@media all and (max-width:767px){
#main5 h3 br.br767 {display:block}
#main5 h3 {line-height:1.4em}
#main5 h3 .point2 {font-size:13.0rem; line-height:0.2em}
#main5 .t1 {margin-top:1em; }
#main5 #contWrap li { padding:3em 0 2em; }
#main5 #contWrap li dl dd {font-size:2.8rem;}
#main5 #contWrap li dl dd:before {width:140px;}
#main5 #contWrap li dl dt {font-size:10.0rem;}
}
@media all and (max-width:640px){
#main5 #contWrap li {width:45%;  }
}
@media all and (max-width:480px){
#main5 h4 { font-size:3.0rem;}
#main5 h3 {font-size:5.5rem}
#main5 h3 .point2 {font-size:13.0rem}
#main5 .t1 { font-size:2.2rem;}
#main5 #contWrap li { padding:2em 0 1em; }
#main5 #contWrap li dl dt {font-size:9.0rem;}
#main5 #contWrap li dl dd:before {width:70%;}
}


#mTitle {font-size:8.0rem; color:#112f39; font-weight:500; transform: rotate(-0.03deg); }
#mTitle .point {font-family: 'ONE-Mobile-Title'; font-weight:normal; position:relative; z-index:1; transform: rotate(0);}
#mTitle .point:before {content:''; width:102%; height:30px; background:#23b55b; position:absolute; left:0; bottom:0;z-index:-1}
#mTitle .point2 {font-size:15.0rem; font-family: "Smooch", cursive; line-height:0.9em; vertical-align: middle; color: #23b55b !important;}
#h3-st1 {  padding-top:0.3em; font-size:5.0rem;  color:#112f39; font-weight:500; transform: rotate(-0.03deg);}

@media all and (max-width:1280px){
	#mTitle {font-size:7.0rem; }
	#mTitle .point2 {font-size:14.0rem; }
}
@media all and (max-width:1024px){
	#mTitle {font-size:6.0rem; }
	#mTitle .point2 {font-size:13.0rem; }
}
@media all and (max-width:480px){
	#mTitle {font-size:5.2rem; }
	#mTitle .point:before { height:4vw;}
	#mTitle .point2 {font-size:11.0rem; }
}


#t-Logo {border-bottom:1px solid rgba(85,85,85,0.07); padding:3em 0 1em; width:90%; max-width:1600px; margin:0 auto 5em; display:flex; justify-content:space-between; align-items: end;}
#t-Logo p {  font-size:1.6rem; color:#112f39; opacity:.5; transform: rotate(-0.03deg); font-weight:500 }
#t-Logo img {width:50%; max-width:305px}

@media all and (max-width:1280px){
#t-Logo {margin-bottom:4em }
}
@media all and (max-width:976px){
#t-Logo {margin-bottom:3em }
}
@media all and (max-width:767px){
#t-Logo {margin:0 auto 2em; border-bottom:0 }
}
@media all and (max-width:580px){
#t-Logo {justify-content: flex-end !important }
#t-Logo p {display:none !important}
}








#memWrap {border:10px solid #fbf8f5; padding:3%;}
#memWrap h4 {padding-bottom:0.7em; font-size:2.2rem; color:#222; padding-top:5%;}
#memWrap p {font-size:1.8rem; line-height:1.6em; }
#memWrap p.t2 {margin-bottom:30px; background:#fbf8f5 ; padding:3%; font-size:1.8rem; line-height:1.8em; color:#222;}












#main5_new {text-align: center;}
#main5_new h4 { margin:0 0 0.8em; font-size:4.5rem; font-family: 'ONE-Mobile-Title'; font-weight:normal; color: #000 !important;}
#main5_new h3 {color: #000;}
#main5_new h3 br.br1499 {display:none}
#main5_new h3 br.br767 {display:none}
#main5_new .t1 {margin-top:0; font-size:3.0rem; color:#000; opacity: .5; transform: rotate(-0.03deg); font-weight: normal;}
#main5_new #contWrap {margin-top:60px; display:flex; flex-wrap:wrap;  justify-content:center}
#main5_new #contWrap li {width:390px; padding:4em 0 3em; margin:30px; text-align:center; color: #000; box-shadow:  0 0 50px rgba(0, 0, 0, 0.08);}
#main5_new #contWrap li dl dt {font-size:10.0rem; font-family: 'AliceDigitalLearning'; font-weight:bold }
#main5_new #contWrap li dl dd {font-size:3.0rem; transform: rotate(-0.03deg); line-height:1.4em; position:relative;}
#main5_new #contWrap li dl dd:before {content:''; width:181px; height:24px; background:url('/images/main/main5_new-line.png') no-repeat center bottom;
                                position:absolute; left:50%; bottom:-10px; transform:translateX(-40%); background-size:100% auto}
#main5_new #contWrap li.ver1 {background:#fff}
#main5_new #contWrap li.ver2 {background:#fff}
#main5_new #contWrap li.ver3 {background:#fff}

@media all and (max-width:1499px){
#main5_new h3 br.br1499 {display:block}
#main5_new #contWrap li {width:350px; margin:15px;  }
}
@media all and (max-width:1280px){
#main5_new #contWrap li {width:30%; margin:1%;  }
}
@media all and (max-width:1024px){
#main5_new h4 { font-size:3.8rem;}
#main5_new .t1 { font-size:2.6rem;}
}
@media all and (max-width:976px){
#main5_new #contWrap li dl dd:before {width:165px;}
}
@media all and (max-width:767px){
#main5_new h3 br.br767 {display:block}
#main5_new h3 {line-height:1.4em}
#main5_new h3 .point2 {font-size:13.0rem; line-height:0.2em}
#main5_new .t1 {margin-top:1em; }
#main5_new #contWrap li { padding:3em 0 2em; }
#main5_new #contWrap li dl dd {font-size:2.8rem;}
#main5_new #contWrap li dl dd:before {width:140px;}
#main5_new #contWrap li dl dt {font-size:10.0rem;}
}
@media all and (max-width:640px){
#main5_new #contWrap li {width:45%;  }
}
@media all and (max-width:480px){
#main5_new h4 { font-size:3.0rem;}
#main5_new h3 {font-size:5.5rem}
#main5_new h3 .point2 {font-size:13.0rem}
#main5_new .t1 { font-size:2.2rem;}
#main5_new #contWrap li { padding:2em 0 1em; }
#main5_new #contWrap li dl dt {font-size:9.0rem;}
#main5_new #contWrap li dl dd:before {width:70%;}
}




#nintro1-2 {margin-top:10%; border-top: 1px solid rgba(0, 0, 0, 0.1);}
#nintro1-2 .inner {display:flex; flex-wrap:wrap; }
#nintro1-2 #sTitle {width:430px; position:sticky; top:0; max-height:350px; }
#nintro1-2 #contWrap {width:calc(100% - 430px); }

@media all and (max-width:1560px) {
	#nintro1-2 #sTitle {width:340px}
	#nintro1-2 #contWrap {width:calc(100% - 340px); }
}
@media all and (max-width:1024px) {
	#nintro1-2 {position:relative; background-size:cover; background-position:right top; background-attachment: unset;}
	#nintro1-2:before {content:''; width:100%; height:100%; background:rgba(255,255,255,0.3);
						position:absolute; left:0; top:0}
	#nintro1-2 .inner {flex-wrap:wrap}
	#nintro1-2 #sTitle {width:100%; position:relative;}
	#nintro1-2 #contWrap {width:100%}
}


.his_wrap2 {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap2:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap2 .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap2 .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap2 .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap2 .his_bt{padding-bottom:8em}

.his_wrap2 li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 0 3em 50px; box-sizing:Border-box;}
.his_wrap2 li+li{clear:both;}

.his_wrap2 li .t { position:relative; font-size:5.0rem; margin-bottom:0.5em; color:#000  ; font-weight:800;  font-family:'Oswald'}
.his_wrap2 li .t:before {content:""; position:absolute; top:0.45em; left:-60px; width:20px; height:20px; border-radius:100%; 
					background:#000; border:6px solid #e9e9e9;}
.his_wrap2 li .c .stit {font-size:2.2rem; color:#222; padding-bottom:2em; font-weight:600}
.his_wrap2 li .c {display:flex; flex-wrap:wrap}

.his_wrap2 li .c dd{width:100%; vertical-align:top;  margin-bottom:20px; line-height: 1.5em; font-size:1.8rem }

.his_wrap2 li:nth-of-type(2n) .c { flex-direction: row-reverse;}
.his_wrap2 li:nth-of-type(2n) {float:left; text-align:right;  padding:0 50px 3em 0;}
.his_wrap2 li:nth-of-type(2n) .t:before{left:unset; right:-60px;}


@media all and (max-width:767px) {
	.his_wrap2 .his_bx{ padding-left:10px;}
	.his_wrap2:before{ margin-left:0; left:10px;  }
	.his_wrap2 li{ width:100%; padding:0 0 3em 20px;}
	.his_wrap2 li .t { font-size: 4.0rem; }
	.his_wrap2 li .t:before { top:0.35em;   left:-30px; }
	.his_wrap2 li .c dt{ width:50px; }
	.his_wrap2 li .c dd{width:calc(100% - 50px); }


	.his_wrap2 li:nth-of-type(2n) .c { flex-direction: unset;}
	.his_wrap2 li:nth-of-type(2n){float:right; text-align:left; padding:0 0 3em 20px;}
	.his_wrap2 li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap2 li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}




#intro2{}
#intro2 ul{display: flex;justify-content: center;}
#intro2 ul li{margin:0 -20px; aspect-ratio: 1/1; width: 450px; height: auto; display: flex; justify-content: center; align-items: center; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; text-align: center;}
#intro2 ul li dl dd{padding-bottom:0.8em; opacity: .34; color: #000; font-size: 1.8rem;}
#intro2 ul li dl dt{font-size: 4.1rem; font-weight: 700; color: #000;}

@media all and (max-width:767px) {
    #intro2 ul{flex-wrap: wrap;}
    #intro2 ul li{margin: -20px 0; width: 320px;}
    #intro2 ul li dl dt{font-size: 3.8rem;}
}





#serviceNew {}
#serviceNew #cont {padding:50px 80px;  background:#f5f5f5;
					display:flex; gap:10px; flex-wrap:wrap; align-content: center; }
#serviceNew #cont li {width:calc((100% - 10px *3)/4)}
#serviceNew #cont li p {padding:1em;  border-radius:50px; font-size:1.8rem; text-align:center; background:rgba(255,255,255,0.7);
						color:#474747 }
#serviceNew #cont h3 {font-size:2.6rem; font-weight:700; color:#111; width:100%;}
#serviceNew #cont.w3 li {width:calc((100% - 10px *2)/3)}

@media all and (max-width:1560px) {
	#serviceNew #cont { min-height:400px;}
	#serviceNew #cont li {width:calc((100% - 10px *2)/3)}

	#serviceNew #cont.w3 li {width:calc((100% - 10px *1)/2)}
}
@media all and (max-width:1280px) {
	#serviceNew #cont {padding:50px 30px;}
}
@media all and (max-width:1140px) {
	#serviceNew #cont {min-height:auto;padding:5vw; width:100%}
	#serviceNew #cont li {width:calc((100% - 10px *3)/4)}

}
@media all and (max-width:768px) {
	#serviceNew #cont li {width:calc((100% - 10px *2)/3)}
}
@media all and (max-width:580px) {
	#serviceNew #cont { gap:5px;}
	#serviceNew #cont li {width:calc((100% - 5px *1)/2)}
	
	#serviceNew #cont.w3 li {width:100%}
}


/* Embedded Inquiry Form in Wedding Skin View */
#wdHall #contWrap .telcont .cont .inquiry-form-wrap {
    /* margin-top: 10px; */
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    padding: 6px 0;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl.align-start {
    align-items: flex-start;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl.align-start > dt {
    padding-top: 5px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl:first-of-type {
    /* border-top: 1px solid #ddd; */
    padding-top: 0;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl > dt {
    width: 100px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    background: none;
    text-align: left;
    display: block;
    border-bottom: none;
    padding: 0;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl > dd {
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 1.5rem;
    border-bottom: none;
    padding: 0;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="text"],
#wdHall #contWrap .telcont .cont .inquiry-form-wrap select {
    font-size: 1.5rem;
    color: #111;
    border: 1px solid #DDD;
    border-radius: 6px;
    padding: 5px 8px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s ease;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="text"]:focus,
#wdHall #contWrap .telcont .cont .inquiry-form-wrap select:focus {
    border-color: #1ea953;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="radio"],
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #DDD;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="radio"] {
    border-radius: 50%;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="checkbox"]:checked {
    background-color: #1ea953;
    border-color: #1ea953;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="radio"]:checked {
    background-color: #1ea953;
    border-color: #1ea953;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="checkbox"]:checked::after {
    content: '✓';
    color: #fff;
    font-size: 1.1rem;
    position: absolute;
    top: 0px;
    left: 3px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap textarea {
    font-size: 1.5rem;
    color: #111;
    border: 1px solid #DDD !important;
    border-radius: 6px;
    padding: 5px 8px;
    box-sizing: border-box;
    background-color: #fff !important;
    outline: none;
    width: 100%;
    height: 48px; /* Approx. 2 lines height */
    overflow: auto;
    font-family: inherit;
    transition: border-color 0.2s ease;
    resize: none;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap textarea:focus {
    border-color: #1ea953;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap .pop_agree {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 42px; /* 1-2 lines height */
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    border-radius: 6px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap .inquiry-btn-area {
    margin-top: 15px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap .btn_submit_embedded {
    background: #1ea953;
    color: #fff;
    border: 1px solid #1ea953;
    padding: 10px;
    border-radius: 6px;
    font-size: 1.7rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    font-weight: bold;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap .btn_submit_embedded:hover {
    background: #13873f;
    border-color: #13873f;
}

#wdHall #contWrap .telcont .cont .inquiry-form-wrap #view_name {
    width: 110px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap #view_phone1 {
    width: 75px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap #view_phone2,
#wdHall #contWrap .telcont .cont .inquiry-form-wrap #view_phone3 {
    width: 65px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap #view_cusEnter {
    width: 110px;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap #view_wr_10 {
    width: 100%;
}
#wdHall #contWrap .telcont .cont .inquiry-form-wrap label {
    font-size: 1.4rem;
}

@media all and (max-width: 580px) {
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl {
        flex-wrap: wrap;
        padding: 12px 0;
    }
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl > dt {
        width: 100%;
        margin-bottom: 5px;
        font-size: 1.7rem;
    }
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap > dl > dd {
        width: 100%;
        font-size: 1.7rem;
    }
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap input[type="text"],
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap select,
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap textarea {
        font-size: 1.6rem;
    }
    #wdHall #contWrap .telcont .cont .inquiry-form-wrap label {
        font-size: 1.6rem;
    }
}