@charset "utf-8";
/**************************************************

	Global.css ( by 김유진 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 320px;height: 100%}
body{height: 100%;}

/* Table */
.__table1{ width: 100%; }
.__table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.__table1 thead th{background: #f7f7f7;}
.__table1 tbody th{background: #f7f7f7;}
.__table1 tbody td{  }

/* Tab */
.__tab1{  }
.__tab1 > li{display: inline-block;background: #f7f7f7;}
.__tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.__tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.__btnWrap{ margin-top: 40px; }
.__btnWrap > *{margin: 0 2px;}
.__btn{ display: inline-block; }
.__btn.type1{ background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.__btn.type2{ background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; }

/* Paging */
.__paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.__paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.__paging > a.first{}
.__paging > a.prev{}
.__paging > a.next{}
.__paging > a.last{}
.__paging > a.active{border-color: #ddd;background: #ddd;}
.__paging > a:hover{border-color: #ddd;background: #ddd;}

/* Etc */
#ajaxpopup {position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;display:none;font-size:0;text-align:center;box-sizing:border-box;padding:10px;}
#ajaxpopup:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
#ajaxpopup ._bg {cursor:pointer;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
#ajaxpopup .inner {
	vertical-align:middle;
	box-sizing:border-box;
	background:#fff;
	z-index:10;
	display:inline-block;
	overflow:hidden;
	position:relative;
	max-width:100%;
	width:1000px;
	text-align:left;
}
#ajaxpopup .title {padding:15px;position:relative;background:#333;text-align: center;}
#ajaxpopup .title h3 {font-size:18px;font-weight:normal;letter-spacing:-0.075em;color:#fff;}
#ajaxpopup .title .pop-close {display:block;position:absolute;right:20px;top:50%;color:#fff;background:none;border:none;font-size:20px;width:20px;height:20px;line-height: 20px;overflow: visible;margin-top:-15px;}
#ajaxpopup .desc-w {padding:20px;font-size:13px;letter-spacing:-0.05em;line-height:1.6em;max-height:60vh;overflow:auto;}


/**************************************************
	Layout
**************************************************/
#wrap {max-width: 800px;margin: 0 auto;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

hgroup {display: block;}
hgroup h2 {font-family: nm;font-size: 15px;font-weight: bold;text-align: center;line-height: 1.4em;font-style: italic;opacity: 0;transition: all 0.5s;transition-delay: 0s;position: relative;top: 50px;}
hgroup h3 {display: block;margin: 0 auto;width: 150px;font-family: mg;font-weight: 100;font-size: 12px;letter-spacing: 0.28em;height: 27px;line-height: 26px;text-align: center;position: relative;opacity: 0;transition: all 0.2s;transition-delay: 0.4s;position: relative;top: 50px;}
hgroup h3:after {display: block;content: '';width: 100%;height: 25px;transform: skew(-20deg);border: 1px solid #bebebe;position: absolute;top: 0;left: 0;}
hgroup .icon {display: block;margin: 22px 0 25px;opacity: 0;transition: all 0.5s;transition-delay: 0.1s;position: relative;top: 50px;}
.icon img {display: block;margin: 0 auto;}
.img img {display: block;width: 100%;}
.on hgroup h2{opacity: 1;top: 0;}
.on hgroup h3{opacity: 1;top: 0;}
.on hgroup .icon{opacity: 1;top: 0;}

#loading{line-height: 100px;text-align: center;font-size: 16px;font-family: auto;}

#day {padding: 41px 0;}
#day .wd {display: block;margin-bottom: 43px;opacity: 0;position: relative;top: 20px;transition: all 2s;transition-delay: 0.1s;}
#day .wd img {display: block;margin: 0 auto;height: 250px;}
#day .name {margin-bottom: 32px;position: relative;}
#day .name .icon{display: block;position: relative;opacity: 0;top: 10px;transition: all 0.5s;transition-delay: 0.5s;}
#day .name .icon img {height: 28px;}
#day .name .nm {position: absolute;top: 50%;margin-top: -9px;opacity: 0;top: 20px;}
#day .name .nm img {display: block;height: 17px;}
#day .name .nm.pcy {right: 50%;margin-right: 37px;transition: all 0.5s;transition-delay: 0.3s;}
#day .name .nm.kyj {left: 50%;margin-left: 35px;transition: all 0.5s;transition-delay: 0.7s;}

#day .wd.on{opacity: 1;top: 0;}
#day .name .icon.on{opacity: 1;top: -12px;}
#day .name .nm.pcy.on{opacity: 1;top: 0;}
#day .name .nm.kyj.on{opacity: 1;top: 0;}

#day .img{position: relative;height: 250px;}
#day .img .in{
	clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#day .img .in .bg{
	position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 700px;
  background-position: center 0;
  transform: translateZ(0);
  will-change: transform;
	background-image: url(/images/day-img01.jpg);
}

#greeting {padding: 35px 0;}
#greeting hgroup h2 {color: #a29b54;}
#greeting .icon img {height: 44px;}
#greeting p {margin: 40px 0;font-size: 14px;color: #838383;font-family: nm;font-weight: normal;letter-spacing: -0.02em;line-height: 2em;text-align: center;font-style: italic;}
#greeting ul {display: block;width: 70%;margin: 0 auto;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding: 10px 25px;}
#greeting ul li {padding: 10px 0;position: relative;z-index: 0;}
#greeting ul li:after {position: absolute;top: 50%;left: 0;z-index: -1;margin-top: -1px;display: block;content: '';width: 100%;height: 3px;background: url(../images/dotline.gif) repeat-x center center;-webkit-background-size: contain;background-size: contain;}
#greeting ul li:before {display: block;clear: both;content: '';}
#greeting ul li strong {margin: 0;background: #fff;color: #373737;font-family: nm;font-weight: bold;letter-spacing: -0.02em;line-height: 1.2em;}
#greeting ul li .lef {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;position: relative;padding-right: 10px;}
#greeting ul li .lef:after {display: block;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-left: 5px;font-size: 16px;color: #838383;font-family: nm;font-weight: bold;letter-spacing: -0.02em;line-height: 1.2em;}
#greeting ul li .rig {float: right;padding-left: 10px;line-height: 25px;}
#greeting ul li.pcy .lef:after {content: '의 아들';}
#greeting ul li.kyj .lef:after {content: '의 딸';}
#greeting strong {display: block;margin: 40px 0;font-size: 16px;color: #313131;font-family: nm;font-weight: bold;letter-spacing: -0.02em;line-height: 1.6em;text-align: center;font-style: italic;}

#gallery{position: relative;}
#gallery hgroup {margin-bottom: 50px;}
#gallery hgroup h2 {color: #d69eb7;}
#gallery .icon img {height: 40px;}
#gallery ul li img {display: block;width: 100%;}
#gallery .bx-pager{text-align: center;margin-top: 5px;}
#gallery .bx-pager-item{display: inline-block;margin: 0 3px;border-radius: 50%;overflow: hidden;}
#gallery .bx-pager-item a{display: block;width: 10px;height: 10px;background: #ddd;text-indent: -999em;}
#gallery .bx-pager-item a.active{background: #9b9f81;}

#location {padding: 0 0 35px 0;}
#location .icon img {height: 39px;}

#direction > strong{display: block;margin: 30px 0 0 0;font-size: 16px;color: #313131;font-family: nm;font-weight: bold;letter-spacing: -0.02em;line-height: 1.6em;text-align: center;font-style: italic;}
#direction a{color: #7f7f7f;font-size: 16px;display: block;text-align: center;font-style: italic;font-weight: bold;font-family: nm;line-height: 1.6em;}
#direction ul{width: 80%;margin: 0 auto;border-top: 1px solid #d6d6d6;margin-top: 30px;padding: 20px 0 30px 0;}
#direction ul li{margin-bottom: 15px;font-family: nm;color: #545454;line-height: 1.6em;}
#direction ul h5{font-size: 14px;color: #8a7373;font-family: nm;font-weight: bold;}
#direction ul strong{color: #000;font-weight: normal;}

#dday{margin-top: 0;background: #5b5858;line-height: 60px;text-align: center;font-family: nm;font-size: 18px;color: #fff;}
#dday strong{background: #373535;line-height: 40px;padding: 0 20px;margin: 0 10px;font-size: 20px;display: inline-block;vertical-align: middle;font-family: mg;}

#call{padding: 2%;}
#call li{position: relative;display: inline-block;width: 49.5%;margin-left: 1%;border: 1px solid #ddd;border-radius: 10px;text-align: center;line-height: 50px;font-size: 14px;color: #333;letter-spacing: -1px;box-sizing: border-box;margin-bottom: 1.5%;}
#call li:nth-child(2n+1){margin-left: 0;}
#call li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-decoration: none;}
#call li img{display: inline-block;vertical-align: middle;margin-top: -3px;}

#bank{margin: 0 8px;margin-bottom: 30px;border: 2px solid #ddd;padding: 10px;}
#bank li{position: relative;margin: 5px 0;padding-left: 100px;}
#bank li strong{font-size: 13px;letter-spacing: -1px;color: #000;margin-bottom: 5px;display: block;position: absolute;top: 0;left: 0;}
#bank li p{font-size: 13px;line-height: 16px;color: #666;}


#visit {padding: 35px 0;}
#visit hgroup h2 {color: #a29b54;}
#visit .icon img {height: 44px;}
#visit form{margin: 10px;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px;background: #f7f7f7;}
#visit form input[type=text]{width: 100%;border: 1px solid #ddd;line-height: 30px;text-indent: 10px;font-size: 13px;box-sizing: border-box;margin-bottom: 5px;}
#visit form textarea{width: 100%;border: 1px solid #ddd;font-size: 13px;padding: 10px;box-sizing: border-box;height: 60px;margin-bottom: 5px;}
#visit form .sbm{width: 100%;border: none;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background: #9b9f81;}
#visit ul{padding: 10px;}
#visit ul li{position: relative;padding: 10px;}
#visit ul li:before{content: '';display: block;width: 10px;height: 2px;background: #ddd;position: absolute;top: 0;left: 10px;}
#visit ul li span{display: block;}
#visit ul li .name{font-size: 13px;color: #000;margin-bottom: 5px;font-weight: bold;}
#visit ul li .date{font-size: 11px;color: #999;margin-bottom: 0;}
#visit ul li p{display: block;font-size: 14px;line-height: 20px;color: #666;}

#footer{margin-top: 100px;}
#footer img {height: 60px;}
#footer p{font-size: 12px;color: #999;text-align: center;padding: 15px 0;}





/*  */