@charset "utf-8";

/* ------------ 공통 ----------------------------------------------------------------------------- */




#intro1 {width:90%; max-width:1710px; margin: 0 auto; display:flex; align-items: center; justify-content:space-between;}
#intro1 #imgWrap.img1 {width:35%}
#intro1 #imgWrap.img1 img {width:100%; max-width:600px}
#intro1 #imgWrap.img2 {width:16%}
#intro1 #imgWrap.img2 img {width:100%; max-width:287px}
#intro1 #contWrap {padding: 0 5%}
#intro1 p{font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 20px;}
#intro1 span{font-size: 2.2rem; color: #a38853; font-weight: 700; font-family: 'Nanum Myeongjo', serif; margin-top: 10px; display: inline-block;}

@media all and (max-width:1024px){
    #intro1 { flex-wrap:wrap;  justify-content:center; gap:50px}
	#intro1 #imgWrap.img2 {order:2; width:20%}
	#intro1 #contWrap {width:100%; order:3; text-align:center}
}
@media all and (max-width:600px){
    #intro1 p br{display: none;}
}





#intro2 ul {display:flex; flex-wrap:wrap; gap:21px; justify-content:center;}
#intro2 ul li {width:385px; padding:15px; border:1px solid rgba(185,124,94,0.15); box-sizing:border-box}
#intro2 ul li img {width:100%}
#intro2 ul li .logo {padding:7% 0 5%; text-align:center}
#intro2 ul li .logo img {width:70%; max-width: 200px}
#intro2 ul li .logo p {font-size:1.8rem; line-height:1.4em }
#intro2 ul li .logo p span { font-size:2.0rem; color:#222; font-weight:500}
@media all and (max-width:1599px){
	#intro2 ul li {width:32% }
}
@media all and (max-width:1120px){
	#intro2 ul li {width:48% }
}
@media all and (max-width:720px){
	#intro2 ul li .logo p br {display:none}
}
@media all and (max-width:640px){
	#intro2 ul { gap:10px; }
	#intro2 ul li { padding:5px;}
}
@media all and (max-width:480px){
	#intro2 ul li .logo p {font-size:1.5rem;}
	#intro2 ul li .logo p span { font-size:1.6rem; }
}








#mMap {margin-top:7%; position:relative}
#mMap .root_daum_roughmap .wrap_controllers  {display:none}
#mMap .root_daum_roughmap .wrap_map { height:630px !important}
#mMap .root_daum_roughmap .map > div {left:-20% !important}

#intro3 {background:#FFF; width:650px;  position:absolute; right:10%; top:-10%; z-index:3; box-shadow:5px 5px 20px rgba(119,103,95,0.1) }
#intro3 img { width:100% }
#intro3 #contWrap {padding:8%}
#intro3 #contWrap h3 { margin-bottom:0.8em; font-size:2.8rem; color:#b97c5e; font-weight:700 }
#intro3 #contWrap .info {display:flex; gap:20px; color:#222}
#intro3 #contWrap .info li {font-size:1.8rem; font-weight:500}
#intro3 #contWrap .info li.add {font-size:2.0rem}
#intro3 #contWrap .info li i {font-size:1.8rem; padding-right:5px}

#intro3 #contWrap .cont {display:flex; }
#intro3 #contWrap .cont.parking {margin: 2em 0 1em;  padding-top:2em; border-top:1px solid #f1e6e2}
#intro3 #contWrap .cont  h4 {width:120px; font-size:2.0rem; color:#b97c5e; font-weight:600 }
#intro3 #contWrap .cont .t1,
#intro3 #contWrap .cont .busWrap {width:calc(100% - 120px); }
#intro3 #contWrap .cont .t1 br {display:none}
#intro3 #contWrap .cont .busWrap dl {display:flex; margin-bottom:8px }
#intro3 #contWrap .cont .busWrap dl dt {width:110px; color:#222 }
#intro3 #contWrap .cont .busWrap dl dd {width:calc(100% - 110px); }
#intro3 #contWrap .cont .busWrap dl dd span {display:inline-block; padding-right:10px}

@media all and (max-width:1599px){
	#intro3 {right:3%; width:610px; }
	#intro3 #contWrap .cont  h4 {width:100px; }
	#intro3 #contWrap .cont .t1,
	#intro3 #contWrap .cont .busWrap {width:calc(100% - 100px); }
}
@media all and (max-width:1399px){
	#mMap .root_daum_roughmap .wrap_map { height:600px !important}
	#intro3 {right:5%; width:490px; }
	#intro3 #contWrap h3 { font-size:2.4rem; }
	#intro3 #contWrap .info {flex-wrap:wrap; gap:10px }
	#intro3 #contWrap .info li {width:100%}
	#intro3 #contWrap .cont {flex-wrap:wrap; }
	#intro3 #contWrap .cont.parking {margin: 1.5em 0 1.5em;  padding-top:1.5em; }
	#intro3 #contWrap .cont  h4 {width:100%; margin-bottom:0.5em}
	#intro3 #contWrap .cont .t1,
	#intro3 #contWrap .cont .busWrap {width:100%; }
}
@media all and (max-width:1150px){
	#mMap .root_daum_roughmap .map > div {left:0 !important}
	#mMap .root_daum_roughmap .wrap_map { height:450px !important}
	
	#mMap {margin-top:0; }
	#intro3 {margin:-60px auto 0;  position:inherit; box-shadow:unset; right:0}
	#intro3 #contWrap {padding:8% 0}
}
@media all and (max-width:580px){
	#mMap .root_daum_roughmap .wrap_map { height:380px !important}
	#intro3 {margin:-5% auto 0; width:90%;  }
}
@media all and (max-width:480px){
	#intro3 #contWrap .cont .busWrap dl { flex-wrap:wrap; border-bottom:1px dotted #f1e6e2; margin-bottom:0.5em; padding-bottom:0.5em}
	#intro3 #contWrap .cont .busWrap dl dt { margin-bottom:0.3em; width:100%; }
	#intro3 #contWrap .cont .busWrap dl dd { width:100%; }
}




#program1 {padding:6% 0; position:relative}
#program1:before {content:''; width:55%; height:100%; background:#fbf8f5; position:absolute; right:0; top:0}
#program1.ver2:before {display:none}
#program1.ver3:before {width:40%;  right:unset; left:0}

#program1 .in-Box {display:flex; align-items: center; }

#program1 .contWrap { width:calc(100% - 880px); padding-left:10%}
#program1 .contWrap .eng { font-size:2.0rem; color:#b97c5e; opacity:.5; font-family: 'Cormorant', serif; font-weight:700; text-align:right; text-decoration:underline 1px}
#program1 .contWrap h3 {margin:2em 0 1em; font-size:3.6rem; color:#222;  font-family: 'Nanum Myeongjo', serif; font-weight:700; transform: rotate(-0.03deg);}
#program1 .contWrap dl {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #e3d9ce}
#program1 .contWrap dl:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0; }
#program1 .contWrap dl dt { margin-bottom:0.3em; font-size:2.4rem; color:#b97c5e  ;  font-family: 'Nanum Myeongjo', serif; font-weight:700; transform: rotate(-0.03deg)}
#program1 .contWrap dl dd { line-height:1.6em}

#program1 .imgWrap {width:880px}
#program1 .imgWrap img {width:100%; max-width:880px}

#program1.ver2 {background:url('/images/main/mabout-bg.png') no-repeat 40% center; }
#program1.ver2 .imgWrap {width:700px}
#program1.ver2 .imgWrap img {width:100%; max-width:700px}
#program1.ver2 .contWrap {width:50%; text-align:right; padding-right:10%}


@media all and (max-width:1599px){
	#program1 .contWrap { padding-left:5%; width:40%}
	#program1.ver2 .contWrap {padding-right:5%}

	#program1 .imgWrap {width:60%}
	#program1.ver2 .imgWrap {width:50%}
}
@media all and (max-width:1280px){
	#program1 {padding:5% 0;}
	#program1.ver2 {padding:12% 0; background-size:40% auto;}
}
@media all and (max-width:976px){
	#program1 {padding:10% 0;}
	#program1 .in-Box { flex-wrap:wrap; } 
	#program1 .imgWrap {width:100%}
	#program1 .contWrap {width:100%;  padding:5% 5% 0 5%; }
	#program1 .contWrap h3 {margin:1em 0 0.7em;} 

	#program1.ver2 {background-position:-10% 70%}
	#program1.ver2 .imgWrap {width:100%; text-align:center; order:1}
	#program1.ver2 .contWrap {width:100%; padding:5% 5% 0 5%; order:2}

	#program1.ver3:before {width:45%}
	#program1.ver3 dl {display:flex}
	#program1.ver3 dl dd {padding-left:1em;}
}
@media all and (max-width:580px){
	#program1 {padding:15% 0;}
	#program1.ver3 dl {display:block}
	#program1.ver3 dl dd {padding-left:0;}
}







#ylang1 {padding:7% 5%; background:url('/images/sub/ylang1-bg.png')no-repeat center center; text-align:center; background-size:cover  }
.ylang2 {background:url('/images/sub/ylang1-bg2.jpg')no-repeat center center !important;}
#ylang1 .contWrap {color:#FFF}
#ylang1 .contWrap .t1 {font-size:1.7rem;}
#ylang1 .contWrap h3 {margin:1em 0 0.2em; font-size:5.0rem; color:#f1ec95;  font-family: 'Nanum Myeongjo', serif; font-weight:700; transform: rotate(-0.03deg);}
#ylang1 .contWrap .eng { letter-spacing:0.5em;  font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);}
#ylang1 .contWrap .t2 {margin-top:2em; font-size:2.0rem; line-height:1.6em}

@media all and (max-width:976px){
    #ylang1 {padding:10% 5%; }
}
@media all and (max-width:480px){
    #ylang1 .contWrap h3 {font-size: 4.0rem;}
    #ylang1 .contWrap .t2 {font-size:1.6rem;}
}


#ylang1-2 {text-align:center}
#ylang1-2 h3 {font-size:4.0rem; color:#193524;  font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);}
#ylang1-2 dl dt {margin:2em 0 1.3em; font-size:2.2rem; color:#a38853; font-weight:700; font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);}
#ylang1-2 dl dd { font-size:1.7rem; line-height:1.8em; }




#ylang1-3 {height:660px; display:flex;}
#ylang1-3 > div {width:50%}
#ylang1-3 #imgWrap {height:100%; background:url('/images/sub/ylang1-img1.png') no-repeat center center; background-size:cover}
#ylang1-3 #contWrap {height:100%; padding:0 5%; text-align:center;  background:#193524; }
#ylang1-3 #contWrap  {display:flex; justify-content:center; align-items: center;}
#ylang1-3 #contWrap dl dt {margin:2em 0 1em; font-size:2.4rem; line-height:1.6em;  color:#f5d89d; font-weight:700; font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);}
#ylang1-3 #contWrap dl dd {font-size:1.8rem; color:#FFF; line-height:1.6em; font-weight:300}

@media all and (max-width:1350px){
	#ylang1-3 {height:600px; }
	#ylang1-3 #contWrap img {width:160px}
	#ylang1-3 #contWrap dl dt br {display:none}
	#ylang1-3 #contWrap dl dd br {display:none}
}
@media all and (max-width:976px){
	#ylang1-3 {height:auto; flex-wrap:wrap;}
	#ylang1-3 > div {width:100%}
	#ylang1-3 #imgWrap {height:50vw}
	#ylang1-3 #contWrap img {width:130px}
	#ylang1-3 #contWrap {padding:8% 5%}
	#ylang1-3 #contWrap dl dt br {display:block}
}
@media all and (max-width:530px){
	#ylang1-3 #contWrap {padding:13% 5%}
	#ylang1-3 #contWrap dl dt br {display:none}
}





#ylang1-4 {display:flex; justify-content:center; }
#ylang1-4 .contWrap:nth-child(2) { padding:0 5%; margin:0 5%; border-left:1px dotted #dbdfdc; border-right:1px dotted #dbdfdc }
#ylang1-4 .contWrap {text-align:center;}
#ylang1-4 .contWrap h3 {font-size:2.4rem; font-weight:600; color:#222}
#ylang1-4 .contWrap .t1 {margin:0.7em 0 2em; }
#ylang1-4 .contWrap dl {display:flex; text-align:left; font-size:1.8rem; margin-bottom:10px; color:#222}
#ylang1-4 .contWrap > div  {margin:0 auto; width:fit-content; }
#ylang1-4 .contWrap .time dl dt {width:60px}
#ylang1-4 .contWrap .time dl dd {width:calc(100% - 60px); font-weight:400}
#ylang1-4 .contWrap .reser dl dt {width:90px; font-weight:400}
#ylang1-4 .contWrap .reser dl dd {width:calc(100% - 90px); font-weight:400}
#ylang1-4 .contWrap .reser dl dd.tel {color:#22673d; font-size:2.0rem; font-weight:600}
#ylang1-4 .contWrap .sBtn {display:inline-block; background:#193524; padding:1em 2em; border-radius:50px; color:#FFF}
#ylang1-4 .contWrap .sBtn:hover {background:#a38853}

@media all and (max-width:1024px){
	#ylang1-4 .contWrap:nth-child(2) { padding:0 3%; margin:0 3%;}
}
@media all and (max-width:970px){
	#ylang1-4 { flex-wrap:wrap }
	#ylang1-4 .contWrap {width:45%; }
	#ylang1-4 .contWrap:nth-child(2) { padding:0 0; margin:0 0 ; border-right:0 }
	#ylang1-4 .contWrap:nth-child(3) {margin-top:5%} 
}
@media all and (max-width:767px){
	#ylang1-4 .contWrap {width:50%; }
}
@media all and (max-width:580px){
	#ylang1-4 .contWrap {width:100%; }
	#ylang1-4 .contWrap:nth-child(2) { padding:2em 0; margin:2em 0 ;  border:1px dotted #dbdfdc;  border-left:0; border-right:0 }
	#ylang1-4 .contWrap:nth-child(3) {margin-top:0} 
}







#ylang2 {height:500px; display:flex; }
#ylang2 > div {width:50%; height:100%;}

#ylang2 #imgWrap {background-size:cover; background-repeat:no-repeat}
#ylang2 #imgWrap.bg1 {background-image:url('/images/sub/ylang2-img1.png'); background-position:center center}
#ylang2 #imgWrap.bg2 {background-image:url('/images/sub/ylang2-img2.png'); background-position:center center}
#ylang2 #imgWrap.bg3 {background-image:url('/images/sub/ylang2-img3.png'); background-position:center center}
#ylang2 #imgWrap.bg4 {background-image:url('/images/sub/ylang2-img4.jpg'); background-position:center center}
#ylang2 #imgWrap.bg5 {background-image:url('/images/sub/ylang5-img1.jpg'); background-position:center center}
#ylang2 #imgWrap.bg6 {background-image:url('/images/sub/ylang2-img5.png'); background-position:center center}
#ylang2 #imgWrap.bg7 {background-image:url('/images/sub/ylang2-img6.png'); background-position:center center}
#ylang2 #imgWrap.bg8 {background-image:url('/images/sub/ylang2-img7.png'); background-position:center center}

#ylang2 #contWrap {display:flex; align-items: center;  } 
#ylang2 #contWrap {width:40%; max-width:640px; margin:0 auto}
#ylang2 #contWrap h3 {margin-bottom:0.7em; font-size:3.6rem; color:#b97c5e;  font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);}
#ylang2 #contWrap .t1 { font-size:1.7rem; line-height:1.8em;}
#ylang2 #contWrap h4 {margin:3em 0 1em; font-size:2.4rem; color:#222;  font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);}
#ylang2 #contWrap .cont {border-top:1px solid #b97c5e}
#ylang2 #contWrap .cont ul {display:flex; justify-content:space-between; align-items: center; font-size:1.8rem; border-bottom:1px dashed #e3d9ce; padding:1em 0;}
#ylang2 #contWrap .cont ul li br {display:none}
#ylang2 #contWrap .cont ul li.hour {margin-left: auto; padding-right:3em;  }
#ylang2 #contWrap .cont ul li.price {color:#b97c5e}

#ylang2.ver2 #imgWrap {order:2}
#ylang2.ver2 #contWrap {order:1}

@media all and (max-width:1399px){
	#ylang2 #contWrap .cont ul li.hour { padding-right:1.5em;  }
}
@media all and (max-width:1280px){
	#ylang2 #contWrap h4 {margin:2em 0 1em;}
}
@media all and (max-width:1080px){
	#ylang2 {height:auto; flex-wrap:wrap; }
	#ylang2 > div {width:100%; height:100%;}

	#ylang2 #imgWrap {height:45vw}
	#ylang2 #contWrap {margin-top:4em; width:90%; max-width:670px;}
	#ylang2 #contWrap .cont ul li.hour { padding-right:3em;  }

	#ylang2.ver2 #imgWrap {order:1}
	#ylang2.ver2 #contWrap {order:2}
}
@media all and (max-width:530px){
	#ylang2 #contWrap .cont ul li.hour { padding-right:2em; }
}
@media all and (max-width:480px){
	#ylang2 #contWrap .cont ul li br {display:block}
	#ylang2 #contWrap .cont ul li.hour { padding-right:1em; }
}




#ylangTitle {margin-bottom:5%; text-align:center}
#ylangTitle .t1 { margin-bottom:1em; font-size:2.0rem; color:#FFF; display:inline-block; padding:0.5em 2em; border-radius:60px; background:#b97c5e  }
#ylangTitle .t1.ver2 { background:#193524 }
#ylangTitle h3 { font-size:4.6rem; color:#222;  font-family: 'Nanum Myeongjo', serif; font-weight:700;  transform: rotate(-0.03deg);}

@media all and (max-width:976px){
	#ylangTitle .t1 { font-size:1.8rem; }
	#ylangTitle h3 { font-size:4.0rem; }
}
@media all and (max-width:976px){
	#ylangTitle .t1 { font-size:1.8rem; }
	#ylangTitle h3 { font-size:3.6rem; }
}



#ylang3-1 {background:url('/images/sub/ylang3-1-bg.png') no-repeat center center; text-align:center; background-size:auto 100%}
#ylang3-1 img {width:90%; max-width:827px}

#ylang3 {text-align: center;}
#ylang3 img {width:90%; max-width:827px}



#ylang3-2 { margin-top:-2px; position:relative}
#ylang3-2:before {content:''; width:100%; height:115px; position:absolute; left:0; top:0; background:#f1efeb; z-index:-1}
#ylang3-2 #contWrap { display:flex; justify-content:center; gap:70px}
#ylang3-2 #contWrap .cont {text-align:center}
#ylang3-2 #contWrap .cont .circle {width:230px; height:230px; display:flex; justify-content:center; align-items: center; border-radius:100%; } 
#ylang3-2 #contWrap .cont .circle.bg1 {background:#c0a434}
#ylang3-2 #contWrap .cont .circle.bg2 {background:#b97c5e}
#ylang3-2 #contWrap .cont .circle.bg3 {background:#624739}
#ylang3-2 #contWrap .cont dl {color:#FFF}
#ylang3-2 #contWrap .cont dl dt {font-size:2.8rem;  font-family: 'Nanum Myeongjo', serif; font-weight:700;  transform: rotate(-0.03deg); }
#ylang3-2 #contWrap .cont dl dd { margin-top:1em; font-size:1.5rem; opacity:.5; text-transform:uppercase; font-family:'Montserrat';}
#ylang3-2 #contWrap .cont ul {margin-top:2em;}
#ylang3-2 #contWrap .cont ul li {font-size:1.8rem; margin-bottom:0.5em}

@media all and (max-width:976px){
	#ylang3-2:before {display:none;  }
	#ylang3-2 #contWrap { margin-top:5%; gap:0}
	#ylang3-2 #contWrap .cont {width:33%; }
	#ylang3-2 #contWrap .cont .circle {width:25vw; height:25vw; margin:0 auto}
}
@media all and (max-width:680px){
	#ylang3-2 #contWrap { flex-wrap:wrap}
	#ylang3-2 #contWrap .cont {width:100%; display:flex; align-items: center;justify-content:center; gap:30px }
	#ylang3-2 #contWrap .cont .circle {width:180px; height:180px; margin:unset}
	#ylang3-2 #contWrap .cont ul {text-align:left}

	#ylang3-2 #contWrap .cont:nth-child(2) .circle {order:2; margin:1em 0; }
	#ylang3-2 #contWrap .cont:nth-child(2) ul {order:1; text-align:right}
}
@media all and (max-width:480px){
	#ylang3-2 #contWrap .cont {gap:15px }
	#ylang3-2 #contWrap .cont dl dt {font-size:2.4rem; }
	#ylang3-2 #contWrap .cont .circle {width:32vw; height:32vw }
}






#ylang3-3 {height:650px; display:flex;}
#ylang3-3 > div {width:50%}
#ylang3-3 #imgWrap {height:100%; background:url('/images/sub/ylang3-3-bg.png') no-repeat center center; background-size:cover}
#ylang3-3 #contWrap {height:100%; padding:0 3%; text-align:center;  background:#193524; }
#ylang3-3 #contWrap  {display:flex; justify-content:center; align-items: center; color:#FFF}
#ylang3-3 #contWrap .eng {margin-bottom:0.8em; opacity:.3; letter-spacing:0.5em; text-transform:uppercase; font-weight:700; font-family:'Montserrat';}
#ylang3-3 #contWrap h3  { font-size:3.6rem; line-height:1.4em;  color:#f5d89d; font-weight:700; font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);} 
#ylang3-3 #contWrap img {padding:8%;}
#ylang3-3 #contWrap .t1 { font-size:1.8rem; line-height:1.6em; }
#ylang3-3 #contWrap .t1 br.br480 {display:none}
@media all and (max-width:976px){
	#ylang3-3 {height:auto; flex-wrap:wrap;}
	#ylang3-3 > div {width:100%}
	#ylang3-3 #imgWrap {height:40vw}
	#ylang3-3 #contWrap {padding:8% 3% } 
}
@media all and (max-width:480px){
	#ylang3-3 #contWrap {padding:15% 3% } 
	#ylang3-3 #contWrap .eng {font-size:1.2rem; margin-bottom:1.3em}
	#ylang3-3 #contWrap h3  { line-height:1.2em; }
	#ylang3-3 #contWrap img {width:230px}
	#ylang3-3 #contWrap .t1 br.br480 {display:block}
}


#sTitle { margin-bottom:3em; text-align:center}
#sTitle h3 { font-size:3.6rem; ;  color:#222; font-weight:700; font-family: 'Nanum Myeongjo', serif;  transform: rotate(-0.03deg);} 
#sTitle .t1 { margin-top:0.8em; font-size:1.8rem; line-height:1.6em }



#ylang3-4 { text-align:center}
#ylang3-4 #bdList {display:flex;  flex-wrap:wrap; justify-content:center; gap:20px}
#ylang3-4 #bdList li {/* border:8px solid #f0efe3; */ background:#193524; padding:1.3em 2.5em; border-radius:80px; position:relative}
#ylang3-4 #bdList li:before {content:''; width:30px; height:18px; background:url('/images/sub/ylang3-check.png') no-repeat left center; 
								position:absolute; left:2.0em; top:50%; transform:translateY(-50%)} 
#ylang3-4 #bdList li p {padding-left:20px; font-size:2.0rem; color:#FFF}

@media all and (max-width:767px){
	#ylang3-4 #bdList { gap:10px}
	#ylang3-4 #bdList li { padding:1em 2em;}
	#ylang3-4 #bdList li:before {  left:1.5em;}
}





#ylang3-5 #contWrap {display:flex; flex-wrap:wrap; justify-content:center; gap:28px}
#ylang3-5 #contWrap li {text-align:Center}
#ylang3-5 #contWrap li p {padding-top:40px; font-size:2.2rem; color:#193524; font-weight:500; position:relative }
#ylang3-5 #contWrap li p:before {content:''; width:1px; height:60px; background:#193524; position:absolute; left:50%; top:-30px}

@media all and (max-width:550px){
	#ylang3-5 #contWrap { gap:0}
	#ylang3-5 #contWrap li {width:48%; margin:1% 1% 1.5em 1%;}
	#ylang3-5 #contWrap li img {width:90%; max-width:210px}
	#ylang3-5 #contWrap li p {padding-top:30px;}
	#ylang3-5 #contWrap li p:before { height:40px;  top:-20px}
}






#ylang4 {display:flex; flex-wrap:wrap; position:relative}
#ylang4:before {content:''; width:320px; height:100%; background: url('/images/sub/ylang4-bg.png') no-repeat right top; position:absolute; left:15%; top:0;
background-size:auto 100%}
#ylang4 #titWrap,
#ylang4 #contWrap {margin-top:2em;}
#ylang4 #titWrap { width:40%}
#ylang4 #titWrap h3 {font-size:3.6rem; font-family:'Montserrat'; color:#193524; letter-spacing:-0.03em}
#ylang4 #contWrap { padding-left:5%; width:60%}
#ylang4 #contWrap  ul li {margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:1px dashed rgba(205,211,207,0.5); position:relative; counter-increment: number;}
#ylang4 #contWrap  ul li:before {content: counter(number, decimal-leading-zero); font-size:1.4rem;  width:40px; line-height:40px; font-family:'Montserrat'; color:#FFF; font-weight:600;  border-radius:100%; background-color:#193524;
										position:absolute; left:0; top:-0.2em; text-align:center}
#ylang4 #contWrap  ul li p {padding-left:50px; font-size:1.8rem; line-height:1.6em; }
#ylang4 .in-Box {width:100%; margin-top:5em; display:flex; flex-wrap:wrap}

@media all and (max-width:1399px){
	#ylang4:before { width:20%; left:190px; }
	#ylang4 #contWrap { padding-left:3%; }
}
@media all and (max-width:1280px){
	#ylang4 .in-Box { margin-top:3em;}
	#ylang4 #contWrap  ul li {margin-bottom:1.0em; padding-bottom:1.0em;}
}
@media all and (max-width:976px){
	#ylang4:before {left:unset; right:0; width:20%}
	#ylang4 #titWrap { width:75%}
	#ylang4 #contWrap { padding-left:0; width:75%}
	#ylang4 #contWrap  ul li:before { width:34px; line-height:34px; }
	#ylang4 #contWrap  ul li p {padding-left:44px}
	#ylang4 .in-Box { margin-top:0;}
}
@media all and (max-width:640px){
	#ylang4:before {display:none}
	#ylang4 #titWrap { width:100%; text-align:center}
	#ylang4 #contWrap { width:100%}
}


.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0;cursor: default; visibility: hidden; z-index: 999991; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible; opacity: 1; display: block;}
.popup {background-color: #fff;  left: 50%; opacity: 0; padding: 0; position: fixed; top: -100%;  z-index: 999999; -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%); transform: translate(-50%, -50%);  -webkit-transition: opacity .8s, top .8s; -moz-transition: opacity .8s, top .8s; -ms-transition: opacity .8s, top .8s;-o-transition: opacity .8s, top .8s; transition: opacity .8s, top .8s;}

.overlay:target+.popup { top: 50%; opacity: 1; visibility: visible;}
.popup .close {width: 110px; height: 110px; line-height: 110px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0;}
.popup .close:before { color: #fff; content: ''; font-size: 40px; font-family:'Linearicons-Free';  width:100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}
.popup { width: 800px; height: 90%;}

.popup .top{background: #77675f; padding: 25px; color: #fff; height: 110px;}
.popup .top h3{margin-bottom: 10px; font-size: 2.5rem; font-weight: 500;}

.popup .bottom{padding: 30px; height: calc(100% - 110px); overflow-y: scroll;}
.popup .bottom h4{font-size: 2rem; margin-bottom: 10px; color: #000;}
.popup .bottom h5{font-size: 1.7rem; margin-bottom: 5px; margin-left: 10px; color: #000;}
.popup .bottom h5 span{font-size: 1.2rem;display: inline-block;}
.popup .bottom p{font-size: 1.6rem; margin-bottom: 10px; position: relative; padding-left: 10px; margin-left: 20px;} 
.popup .bottom p::before{content: '-'; position: absolute; left: 0;}
.popup .bottom p.cau{text-decoration: underline; font-size: 1.4rem; margin-bottom: 30px;} 
.popup .bottom p.cau::before{content: '*'; }

@media all and (max-width:976px){
    .popup { width: 80%;}
}
@media all and (max-width:730px){
    .popup .top{padding-right: 60px;}
    .popup .close {width: 60px; height: 60px; line-height: 60px;}
    .popup .close:before { color: #fff; font-size: 30px;}
}
@media all and (max-width:500px){
    .popup .top h3{font-size: 2rem;}
    .popup .top p{font-size: 1.6rem;}
    .popup .bottom h4{font-size: 1.8rem;}
    .popup .bottom h5{font-size: 1.5rem; }
    .popup .bottom h5 span{font-size: 1rem;}
    .popup .bottom p{font-size: 1.4rem;} 
}

.overlay { background-color: transparent; display: none; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0;cursor: default; visibility: hidden; z-index: 999991; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible; opacity: 1; display: block;}
.popup2 {background-color: rgba(66, 66, 66, 0.959);  left: 50%; opacity: 0; padding: 0; position: fixed; top: -100%;  z-index: 999999; -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%); transform: translate(-50%, -50%);  -webkit-transition: opacity .8s, top .8s; -moz-transition: opacity .8s, top .8s; -ms-transition: opacity .8s, top .8s;-o-transition: opacity .8s, top .8s; transition: opacity .8s, top .8s;}

.overlay:target+.popup2 { top: 50%; opacity: 1; visibility: visible;}
.popup2 .close {width: 110px; height: 110px; line-height: 110px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0;}
.popup2 .close:before { color: #fff; content: ''; font-size: 40px; font-family:'Linearicons-Free';  width:100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;}

.popup2 { width: 100%; height: 100%;}
.popup2 .s-inner{display: flex; flex-wrap: wrap; align-items: center;height: 100%; color: #fff;}
.popup2 .l-box{width: 50%; }
.popup2 .l-box span{font-size: 1.4rem; letter-spacing: 10px;font-family: 'Cormorant', serif; margin-left: 5px; margin-bottom: 20px; font-weight: bold; display: inline-block;color:#f5d89d;}
.popup2 .l-box h2{font-size: 4.5rem; margin-bottom: 100px; position: relative;}
.popup2 .l-box h2::after{content: ''; width: 100px; height: 0.5px; background: #fff; position: absolute; bottom: -50px; left: 0;}
.popup2 .l-box h4{font-size: 2rem; margin-bottom: 5px;}
.popup2 .l-box p{font-size: 1.6rem; margin-bottom: 10px;}
.popup2 .r-box{width: 50%;}

.popup2 .r-box > dl { margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center;}
.popup2 .r-box dt{font-weight: normal; width: 160px;}
.popup2 .r-box dd{width: calc(100% - 160px);}
.popup2 .r-box input{padding-left: 10px;}
.popup2 .r-box #text{border: 0; border-bottom: 1px solid #aaa; padding: 7px 5px; width: 100%; background: transparent; color: #fff; font-size: 1.6rem;}
.popup2 .r-box #date{border: 0; border-bottom: 1px solid #aaa; padding: 7px 5px; width: 180px; background: transparent; color: #fff; font-size: 1.6rem;}
.popup2 .r-box input[type='date'] { border: 0; border-bottom: 1px solid #aaa; padding: 7px 5px; width: 180px; background: transparent; color: #fff; font-size: 1.6rem; position: relative;}
.popup2 .r-box  input[type='date']::-webkit-calendar-picker-indicator { position: absolute;  left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;cursor: pointer;}
.popup2 .r-box #exp{border: 0; border-bottom: 1px solid #aaa; padding: 10px 5px; width: 100%; font-size: 1.6rem;}
.popup2 .r-box .phone-num{display: inline-block; position: relative;}
.popup2 .r-box .phone-num span{margin: 5px;}
.popup2 .r-box #tel_text{border: 0; border-bottom: 1px solid #aaa; padding: 7px 5px; background: transparent; color: #fff; font-size: 1.6rem; width: 50px; text-align: center;}
.popup2 .r-box .py-list{display: flex; width: 30%;}
.popup2 .r-box .py-list input{margin: 2px 7px 0 5px;vertical-align: bottom;}
.popup2 .r-box .py-list .list{margin-right: 10px; font-size: 1.5rem; display: flex; align-items: center;}
.popup2 .r-box .agree{ margin-bottom: 20px; display: flex; align-items: center;}
.popup2 .r-box .agree input{cursor: pointer; margin-top: 2px;}
.popup2 .r-box .agree h4{font-size: 1.6rem; cursor: pointer;}
.popup2 .r-box .agree a{color: #ddd; margin-left: 20px;}
.popup2 .r-box .agree label{display: inline-block; padding-left: 10px; vertical-align: top;}
.popup2 .r-box .button{width: 100%; text-align: center; margin-top: 20px;}
.popup2 .r-box #but{ border: 0; width: 180px; height: 40px;font-size: 1.6rem; font-weight: bold; padding-left: 0; cursor: pointer; background: #b97c5e; color: #fff;}

@media all and (max-width:1080px){
    .popup2 .s-inner{align-content: center;}
    .popup2 .l-box{width: 100%; margin-bottom: 50px;}
    .popup2 .r-box{width: 100%;}
}
@media all and (max-width:976px){
    
}
@media all and (max-width:730px){
    .popup2 .close {width: 60px; height: 60px; line-height: 60px;}
    .popup2 .close:before { color: #fff; font-size: 30px;}
}
@media all and (max-width:500px){
    .popup2 .l-box h2{font-size: 3.5rem; margin-bottom: 30px;}
    .popup2 .l-box h2::after{display: none;}
    .popup2 .l-box h4{font-size: 1.8rem;}
    .popup2 .r-box dt{width: 120px;}
    .popup2 .r-box dd{width: calc(100% - 120px);}
    .popup2 .r-box .agree{justify-content: center; flex-wrap: wrap;}
    .popup2 .r-box .agree h5{width: 100%; text-align: center; margin-top: 5px;}
    .popup2 .r-box .agree a{margin-left: 0px;}
}
@media all and (max-width:380px){
    .popup2 .r-box dt{margin-bottom: 5px;}
    .popup2 .r-box dd{width: 100%;}
}


.layer2{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;font-family: 'Gilroy-Light','Pretendard';}
.layer2 .close_btn2{position:absolute; overflow: hidden; right:0; top:0;background:#434343;  border-radius:0 5px 0 5px; color: #fff;}
.layer2 .close_btn2 a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer2 .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:5px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.layer2 .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer2 .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:bold;}
.layer2 .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
.layer2 .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer2 .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer2 .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}



.interior_link{margin-bottom: 40px; display: inline-block; padding: 7px 13px; border-radius: 5px; background-color: #77675f; color: #fff; font-size: 2.0rem; font-weight: 500; border:5px solid #af9d78;}
.interior_link:hover{background-color: #434343; border-color: #aaa;}
@media all and (max-width:480px){
    .interior_link{font-size: 1.6rem; padding: 4px 8px; margin-bottom: 20px; border-width: 3px;}
}