ul,li{list-style: none} a{color: #000; text-decoration: none;} 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;	font-size: 100%; font-size:12px; vertical-align: baseline;} body {line-height: 1; overflow-x: hidden;} a img {border: 0px currentColor; border-image: none;}html {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}body {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; background:#555555;}div {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}a {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}img {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%;}a img {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%;}dl {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}dt {	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}dd {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}ol {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}ul {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}li {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; list-style: none;}img{vertical-align:top;}a:link {text-decoration: none;-webkit-tap-highlight-color : transparent; outline:none;}  .btn, .accordion, .tel_box_btn {cursor:pointer}
body {
  font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

#container {width:100%; max-width:640px; margin: 0 auto; background-color:#fff; overflow: hidden;}
@media (min-width: 300px) {#container {width:100%; max-width:450px; margin: 0 auto; background-color:#fff; overflow: hidden;}}

.poppopbg {position:fixed; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9);z-index:9998;}
.poppop {position:absolute;width:200px;top:50%;left:50%; margin-left:-100px;margin-top:-25px; z-index:9999;}
.poppop img{height: 51px; width:200px;}

*,*::before,*::after { box-sizing: border-box;}

/*캘린더*/
.cal {
	width : 70px;
	height: 70px;
	position:fixed; top: 1%; right: 1%; z-index:1000; 
	border:#000 solid 0px;
	text-align:center;
	line-height:0px;
	/* background: rgba(0,0,0,0.8); */
	background: url(http://denod1397.cdn3.cafe24.com/spix/1226cjs/ddaybg.png) center;	
}
.cal .wed { height:32px; display:inline-block; line-height:0px;padding:0px;margin:0px;}
.cal .dd {height:38px; display:inline-block;line-height:0px;padding:0px;margin:0px;}
.cal .ddd {height:38px; display:inline-block;line-height:0px;padding:0px;margin:0px;}
.cal .day {height:38px;display:inline-block;line-height:0px;padding:0px;margin:0px;}
.cal .dday {height:38px;display:inline-block;line-height:0px;padding:0px;margin:0px;}

.cal2 {
  display: flex;             /* flex 활성화 */
  justify-content: center;   /* 가로 중앙 */
  align-items: center;       /* 세로 중앙 */
  min-height: 60px;         /* 최소 높이 확보 */
  
  width: 100%;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(to right,
    #7b1139 0%,
    #972a53 50%,
    #7b1139 100%
  );
  line-height: 1.5;
  letter-spacing: -0.2px;
}


/* 컨택50% */
.contact50 {
	text-align:center;
	display:inline-block;
	height:auto;
	border-bottom:0px #b8b8b7 solid;
	margin-bottom:10px;
}
.contact50 ul {

}
.contact50 ul li {
	float:left;
	width:50%;
	display:inline-block;
}

/* 컨택50% */
.contact502 {
	text-align:center;
	display:inline-block;
	height:auto;
	border-bottom:0px #b8b8b7 solid;
	margin-bottom:0px;
}
.contact502 ul {

}
.contact502 ul li {
	float:left;
	width:25%;
	margin: 0 auto 15px;
	display:inline-block;
}
.contact5021 {
	text-align:center;
	display:inline-block;
	height:auto;
	border-bottom:0px #b8b8b7 solid;
	margin-bottom:0px;
}
.contact5021 ul {

}
.contact5021 ul li {
	float:left;
	width:25%;
	margin: 5px auto 15px;
	display:inline-block;
}

.share {
	height:auto;width:100%;
	border-bottom:0px #b8b8b7  solid;
	background-color:#fff7fa;
	padding-top:40px;
}
.share > ul {
	text-align:center;
	padding: 0 0 25px 0;
	clear: both;
}

.share > ul:first-of-type {margin-top:20px;}

.share > ul li {
	clear: both;
	width:15%;
	height:auto;
	line-height: 0;
	padding:0px;
	margin: 0 8px;
	display:inline-block;
}

 /* Popup */
.modal {
	padding: 10px 10px !important;
	z-index:9998;
}

.modal-dialog {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.modal-popup {
	position: relative;
	padding: 0;
	text-align: center;
	box-shadow: none;
	border-radius: 2px;
}

.modal-popup a.close-link {
	position: absolute;
	width:25px;height:25px;
	top: 10px;
	right: 10px;z-index:9999;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9980;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}