@charset "UTF-8";
/* common */
#subContents{position:relative; width:100%; margin:0 auto; padding:0 0 31px; background:transparent; background:#FEFBF7;font-family:'Cardo', serif;font-size:16px; box-sizing:border-box;}
#subContents:after{content:''; display:block; clear:both;}
#subContents .subW{clear:both; width:100%;}
#subContents .subW .conTitle{}
#subContents .subW .conTitle h2{text-align:center;margin:10px 0;font-family:'Gamja Flower', serif;font-size:1.15em;color:#000;line-height:100%;font-weight:bold}
#subContents .subW .conTitle h2 span{display:block;font-size:0.8em;font-weight:normal}
#subContents .subW .con{clear:both; display:inline-block; position:relative; width:100%; line-height:1.6; margin:0 auto 40px; padding:0; color:#050708; z-index:1;}
#subContents .subW .con:last-child{margin:0 auto; padding:0;}
#subContents .subW .con.pageti{margin:40px auto;}
#subContents .subW .con .imgW{width:100%; max-width:1180px;}
#subContents .subW .con .imgW img{width:100%;}
#subContents .subW .con a.link,
#subContents .subW .con button.link{display:inline-block;}
#subContents .subW .con p{word-break:keep-all;}
#subContents .subW .con p.ti{margin:0 auto 28px; font-size:1.063em; font-weight:500;}

#subContents .subW .con .tab{}
#subContents .subW .con .tab ul{display:flex; flex-wrap:wrap; justify-content:center;}
.con .ment{}




/*
#subContents .subW .con .tab ul li{}
#subContents .subW .con .tab ul li a{display:inline-block; margin:.5px; padding:12px 20px; border:1px solid #050708;}
#subContents .subW .con .tab ul li a:focus, #subContents .subW .con .tab ul li a:hover{background:#ffc9c0;}
#subContents .subW .con .tab ul li a.active{background:#050708; color:#fff;}
#subContents .subW .con .tab ul li a{display:inline-block;background:#FFF; margin:.5px; padding:3px; border:1px solid #050708;}
#subContents .subW .con .tab ul li a:focus, #subContents .subW .con .tab ul li a:hover{background:#ffc9c0;}
#subContents .subW .con .tab ul li a.active{background:#050708; color:#fff;}
*/

#subContents .subW .con .tab ul li{margin:0px 5px}
#subContents .subW .con .tab ul li img{padding:2px}
#subContents .subW .con .tab ul li a{display:inline-block; margin:.5px; padding:12px 20px; border:1px solid #A2A2A2;}
#subContents .subW .con .tab ul li a:focus, #subContents .subW .con .tab ul li a:hover{background:#ffc9c0;}
#subContents .subW .con .tab ul li a.active{background:#050708; color:#fff;}
#subContents .subW .con .tab ul li a{display:inline-block;background:#FFF; margin:.5px; padding:1px; border:0px solid #A2A2A2;}
#subContents .subW .con .tab ul li a:focus, #subContents .subW .con .tab ul li a:hover{background:#ffc9c0;}
#subContents .subW .con .tab ul li a.active{background:#ffc9c0; color:#fff;}

.uk-position-medium{margin:0;}
.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide]{transform:none;}
.uk-lightbox{background:rgba(0,0,0,.8);}
.uk-lightbox-toolbar{background:transparent;}
.uk-lightbox-button{background:transparent;}
.uk-lightbox-caption{padding:0 0 20px; color:#fff; font-size:1em; text-shadow:1px 1px 4px rgba(0,0,0,.4); z-index:0;}
.uk-lightbox-toolbar.uk-position-top.uk-text-right.uk-transition-slide-top.uk-transition-opaque{z-index:1;}
.uk-lightbox-items>*>:not(iframe){max-height:87vh;}

/* contents */
#subContents .subW.about{}
#subContents .subW.about ul.info{font-family: 'Hi Melody';font-weight:normal;color:#222;font-size:0.80em;}
#subContents .subW.about ul.info li{position:relative; margin:0 auto 12px; padding:0 0 0 18px; word-break:keep-all;text-align:center}
#subContents .subW.about ul.info li .addr {color:#000;font-weight:}

#subContents .inner{width:60%;font-family: 'Song Myung';font-weight:normal;color:#4F4F4F;text-align:center}

#subContents .subW.about ul.info li:last-child{margin:0 auto;}
#subContents .subW.about ul.info li {font-family: 'Sunflower', sans-serif;font-size:1.05em;line-height:180%}
#subContents .subW.about ul.info li .fa-camera-retro {font-size:1.6em}
#subContents .subW.about ul.info li br{display:none;}
#subContents .subW.about .con .ment p{text-align:left;margin:10px 0;font-family:'Gamja Flower', serif;font-size:1.15em;color:#4F4F4F;line-height:140%;}
#subContents .subW.about .con .ment p:nth-child(1){font-weight:bold;padding:10px 0px}
#subContents .subW.about .con .ment p:nth-child(2){font-size:1.05em}
#subContents .subW.about .con .ment .hart:before{content:''; display:inline-block;color:#F2B0A5;margin:0 5px}
#subContents .subW.about ul.info .title span {display:inline-block;}
#subContents .subW.about ul.info .material-symbols-outlined {vertical-align:middle;padding:3px;height:auto}
#subContents .subW.about ul.info .title .txt{padding:8px 1px;font-family: 'Song Myung', serif;font-size:1.2em;vertical-align:middle}
#subContents .subW.about .group {border:0px solid #DDD;width:80%;padding:20px;margin:5px 0}
#subContents .subW.about .group span {display:block;font-size:0.9em}



.material-symbols-outlined {
   display:inline-block;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

<style>
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
</style>


#subContents .subW.portfolio{border:1px solid #000 !important}
#subContents .subW.portfolio .con .galleryW{column-count:5; column-gap:8px; column-fill:initial;}
#subContents .subW.portfolio .con .galleryW .photo{display:inline-block; position:relative; width:100%; margin-bottom:8px; border-radius:1em; overflow:hidden; vertical-align:top;}
#subContents .subW.portfolio .con .galleryW .photo a{overflow:hidden;}
#subContents .subW.portfolio .con .galleryW .photo a figure img{width:100%; transition:.6s ease-in-out; transform-origin:center;}
#subContents .subW.portfolio .con .galleryW .photo a figure figcaption{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity:0; color:#fff; text-align:center; word-break:keep-all; transition:.3s ease-in-out;}
#subContents .subW.portfolio .con .galleryW .photo a figure figcaption span{position:absolute; line-height:1.4; top:50%; left:50%; transform:translate(-50%,-50%);}
#subContents .subW.portfolio .con .galleryW .photo a:focus img,
#subContents .subW.portfolio .con .galleryW .photo a:hover img{transform:scale(1.2);}
#subContents .subW.portfolio .con .galleryW .photo a:focus figure figcaption,
#subContents .subW.portfolio .con .galleryW .photo a:hover figure figcaption{opacity:1;}

#subContents .subW.portrait{}
#subContents .subW.portrait .con .galleryW{column-count:5; column-gap:8px; column-fill:initial;}
#subContents .subW.portrait .con .galleryW .photo{display:inline-block; position:relative; width:100%; margin-bottom:8px; border-radius:1em; overflow:hidden; vertical-align:top;}
#subContents .subW.portrait .con .galleryW .photo a{overflow:hidden;}
#subContents .subW.portrait .con .galleryW .photo a figure img{width:100%; transition:.6s ease-in-out; transform-origin:center;}
#subContents .subW.portrait .con .galleryW .photo a figure figcaption{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity:0; color:#fff; text-align:center; word-break:keep-all; transition:.3s ease-in-out;}
#subContents .subW.portrait .con .galleryW .photo a figure figcaption span{position:absolute; line-height:1.4; top:50%; left:50%; transform:translate(-50%,-50%);}
#subContents .subW.portrait .con .galleryW .photo a:focus img,
#subContents .subW.portrait .con .galleryW .photo a:hover img{transform:scale(1.2);}
#subContents .subW.portrait .con .galleryW .photo a:focus figure figcaption,
#subContents .subW.portrait .con .galleryW .photo a:hover figure figcaption{opacity:1;}

#subContents .subW.request{}
#subContents .subW.request p.ti{font-weight:400; text-align:center;}
#subContents .subW.request form{}
#subContents .subW.request form .inputW{margin:0 auto 28px;}
#subContents .subW.request form .inputW div{margin:0 auto 20px;}
#subContents .subW.request form .inputW div:last-child{margin:0 auto;}
#subContents .subW.request form .inputW div p.boardTitle{margin:0 auto 8px;}
#subContents .subW.request form .inputW div input,
#subContents .subW.request form .inputW div textarea{display:inline-block; width:100%; padding:16px 20px; background:#fff; border:1px solid #050708; font-size:.938em; -webkit-appearance:none;}
#subContents .subW.request form .inputW div textarea{min-height:150px; resize:vertical;}
#subContents .subW.request form .inputW div input::placeholder,
#subContents .subW.request form .inputW div textarea::placeholder{}
#subContents .subW.request form .submitW{text-align:right;}
#subContents .subW.request form .submitW .captchaW{display:inline-block; text-align:center;}
#subContents .subW.request form .submitW .captchaW div{display:inline-block;}
#subContents .subW.request form .submitW .captchaW input.captcha{display:inline-block; padding:16px 20px; background:#fff; border:1px solid #050708; font-size:.938em; -webkit-appearance:none;}
#subContents .subW.request form .submitW button.link{display:inline-block; padding:16px 20px; background:#050708; border:1px solid #050708; color:#fff; font-size:.938em; cursor:pointer;}
#subContents .subW.request form .submitW button.link:focus, #subContents .subW.request form .submitW button.link:hover{background:#ffc9c0; color:#050708;}
#subContents .subW.request form .submitW button.link span{}

#subContents .subW.price{font-family: 'Sunflower', sans-serif;font-size:1.05em;line-height:180%;}
#subContents .subW.price .con .inner{text-align:left;font-size:0.82em;/*font-family:'Quicksand'*/;border-top:1px solid #ddd;padding:10px}

#subContents .subW.price .con .inner:last-child {border-bottom:1px solid #ddd;}
#subContents .subW.price .con .inner li:first-child {font-weight:bold;cursor:pointer}
#subContents .subW.price .con .inner li {float:left;margin-right:20px;font-weight:normal}
#subContents .subW.price .con .inner .info {display:none}

#subContents .subW.price{}
#subContents .subW.about .con .inner{text-align:left;font-size:0.92em;/*font-family:'Quicksand'*/}

#subContents .location {background:#FEFBF7}
#subContents .location .map{float:left;border:0px solid #ddd;width:43%;font-size:0.90em;margin:0px 16px}
#subContents .location .map .mapFrame {width:100%;height:285px;overflow:hidden;}

#subContents .location .info{margin:20px 0;text-align:left;}
#subContents .location  .info strong{color:#2A2A2A;font-family: 'Cardo', serif;;letter-spacing:.185em;font-weight:600;}



#subContents .subW.instagram{}
#subContents .subW.instagram ul.sns{text-align:center;}
#subContents .subW.instagram ul.sns li{display:inline-block; width:50%; margin:0 auto 12px;}
#subContents .subW.instagram ul.sns li:last-child{margin:0 auto;}
#subContents .subW.instagram ul.sns li a.link{width:100%;}
#subContents .subW.instagram ul.sns li a.link.instagram{padding:20px 28px; border:1px solid #050708;}
#subContents .subW.instagram ul.sns li a.link.instagram:focus, #subContents .subW.instagram ul.sns li a.link.instagram:hover{background:#ffeeeb;}

/*#example_video_1 {width:850px;height:478px}*/
#example_video_1 {width:850px;height:478px}


@media all and (max-width:1279px){
	#subContents{clear:both; width:100%;}
	#subContents .inner{width:100%;}

	#subContents .subW.portfolio .con .galleryW{column-count:4;}

	#subContents .subW.portrait .con .galleryW{column-count:4;}
	#example_video_1 {width:725px;height:408px}
}

@media all and (max-width:1023px){
	#subContents{width:100%; max-width:915px; min-width:296px;}
	#subContents .inner{width:100%; padding:0 20px;}

	#subContents .subW.portfolio .con .galleryW{column-count:3;}

	#subContents .subW.portrait .con .galleryW{column-count:3;}

	#bo_v_con{overflow-x:auto;}
	#example_video_1 {width:544px;height:306px}
}

@media all and (max-width:768px){
	.uk-lightbox-items>*>:not(iframe){max-height:100vh;}

	#subContents{font-size:15px;}

	#subContents .subW.about ul.info li{margin:0 auto 8px;}
	#subContents .subW.about ul.info li br{display:inline;}

	#subContents .subW.portfolio .con .galleryW{column-count:2;}

	#subContents .subW.portfolio .con .galleryW{column-count:2;}

	#subContents .subW.instagram ul.sns li{width:72%;}
	#example_video_1 {width:414px;height:233px}
}

@media all and (max-width:480px){
	#subContents{font-size:14px;}
    #subContents .subW .con.pageti{margin:20px auto;}
	#subContents .subW.portfolio .con .galleryW{column-count:1;}

	#subContents .subW.portrait .con .galleryW{column-count:1;}

	#subContents .subW.request form .submitW button.link{width:100%; margin:1em auto 0;}

	#subContents .subW.instagram ul.sns li{width:100%;}
	#subContents .subW.instagram ul.sns li a.link.instagram{padding:20px; font-size:.938em;}

	#example_video_1 {width:307px;height:173px}
}

@media all and (max-width:319px){
	#subContents{min-width:280px;}
}