.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
/*.sub a {
  color: #555;
}
*/
.w10 { width:10% !important;  }
.w15 { width:15% !important ;  }
.w20 { width:20% !important ;  }
.w25 { width:25% !important ;  }
.w30 { width:30% !important ;  }
.w35 { width:35% !important ;  }
.w40 { width:40% !important ;  }
.w45 { width:45% !important ;  }
.w50 { width:50% !important ;  }
.w55 { width:55% !important ;  }
.w60 { width:60% !important ;  }
.w65 { width:65% !important ;  }
.w70 { width:70% !important ;  }
.w75 { width:75% !important ;  }
.w80 { width:80% !important ;  }
.w85 { width:85% !important ;  }
.w90 { width:90% !important ;  }
.w95 { width:95% !important ;  }
.w100 { width:100% !important ;  }

.text-color { color:#3E5EAD !important; }
.text-red { color:#CA5E5C !important; }
.page-item.active .page-link  { background:#3E5EAD; border:1px solid #3E5EAD  }


@media (min-width: 992px) {

	
	.sub {position:relative;  font-size:16px;    }
	.sub .sub-bg {position:absolute; top:-92px; left:0px; width:100%; height:335px; background-repeat: no-repeat; background-position: center center; background-size:cover;  z-index:-1;   }
	.sub .row.block {display:block; }

	.sub-top { height:243px; position:relative;  }
	.sub-top h3 {text-align:center; font-size:48px; color:#fff; font-weight:bold;    padding-top: 70px;}
	.sub-top .sub-menu { position:absolute; bottom:0px; left:0px; width:100%; text-align:center;  }
	.sub-top .sub-menu ul  {font-size:0px;   }
	.sub-top .sub-menu ul li {display:inline-block;   }
	.sub-top .sub-menu ul li a {display:inline-block; font-size:18px; color:#333333; min-width:164px; height:49px; border:1px solid #DBDBDB; margin-left:-1px; background:#fff; padding-top:10px; padding-left:5px; padding-right:5px;    }
	.sub-top .sub-menu ul li a.active { background:#3E5EAD; color:#fff;  }

	.sub-contents { position:relative; padding:30px 0 ;   }
	.sub-contents h1 { position:relative;  text-align:center;font-size:40px; color:#333;  padding-bottom:25px; padding-top:66px;  font-weight:bold;  margin-bottom:50px;  }
	.sub-contents h1:after { content:''; display:inline-block; width:35px; height:2px; background:#3E5EAD; position:absolute; bottom:0px; left:50%; margin-left:-17.5px; }
	.sub-contents .breadcrumb {  position:absolute; top:30px; right:0px;   background: none;	padding:0px; 	font-size:16px;     }  
	.sub-contents .breadcrumb * { vertical-align:middle;  }
	.sub-contents .breadcrumb .home img { width:18px; display:inline-block; margin-top:-1px;   } 
	.sub-contents .breadcrumb > li + li:before {   float:left;  content: ">";    color:#666;   padding:0 10px; padding-top:7px;  font-size:14px;  font-family:cursive; }
	.sub-contents .breadcrumb li a { color:#666; }
	.sub-contents .breadcrumb li a strong{ color:#3E5EAD; }

	.sub-tab-menu {text-align:center; margin-bottom:30px; margin-left:-3.5px; margin-right:-3.5px;    }
	.sub-tab-menu:after {clear:both; content:''; display:table;   }
	.sub-tab-menu li { float:left; width:14.2%;  padding:0 3.5px 10px;  }
	.sub-tab-menu li a { display:block;padding-top:9px;   font-size:16px; color:#fff; height:42px;background:#999999 ; border-radius:5px 5px 0 0 ;   }
	.sub-tab-menu li a.active { background:#3E5EAD; }



	.sub-contents h3 { font-size:20px; margin-bottom:20px;  }


	.sub-contents ul.bul li { padding-left:15px;  margin-bottom:10px;  font-size:18px; position:relative; }
	.sub-contents ul.bul li:before  {content:''; display:inline-block; width:4px; height:4px; border-radius:100%;  background:#666; position:absolute; top:11px; left:0px;  }
	.sub-contents ul.bul li ul {  margin-top:8px; margin-bottom:13px;  }
	.sub-contents ul.bul li ul li { padding-left:15px; margin-bottom:3px; font-size:16px;   }
	.sub-contents ul.bul ul  li:before  {content:''; display:inline-block;  position:absolute; top:11px; left:0px; background:666; width:5px; height:2px;  border-radius:0px; }

	.sub-contents .contents-table { border-top:2px solid #3E5EAD;  width:100%;   }
	.sub-contents .contents-table table { border-collapse:collapse; width:100%;border-left:1px solid #dfdfdf;  font-size:16px; }
	.sub-contents .contents-table table thead th { font-weight:bold; background:#f2f2f2; color:#444; text-align:center; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }
	.sub-contents .contents-table table tbody th { color:#444; background:#f2f2f2;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }
	.sub-contents .contents-table.form-table table tbody th {   font-weight:bold; background:#f2f2f2; color:#444;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }
	.sub-contents .contents-table table tbody td { color:#444;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }




/*게시글 상단 검색*/
	.notice-top-search {  text-align:center;    font-size:0px;  margin-bottom:40px; }
	.notice-top-search * { vertical-align:top;  }
	.notice-top-search select { width:133px; height:43px; margin-right:2px; border-radius:5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:18px; }
	.notice-top-search input { width:475px; height:43px; border-radius:5px 0 0 5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:18px; padding:0 5px;  }
	.notice-top-search input[type="text"]::placeholder {font-size:18px; color:#666666; }
	.notice-top-search button { width:43px;height:43px; background:#3E5EAD; border:0px;border-radius:0 5px 5px 0;  }
	.notice-top-search button img {width:20px;  }

/*예약 리스트*/
	.reserv-list { border-top:1px solid #ddd; padding:35px 0 ; margin:0 -14px;   }
	.reserv-list:after { clear:both; display:table; content:'';  }
	.reserv-list .list {float:left; width:25%; padding:0 14px 30px; }
	.reserv-list .list a {background:#F2F2F2;  border-radius:11px; padding:15px; height:355px;  display:block; width:100%;  position:relative;  line-height:1.2;   }
	.reserv-list .list a:hover {background:#DAEFFA; text-decoration:none; }
	.reserv-list .list .img  {width:100%; height:132px; margin-bottom:10px; }
	.reserv-list .list .img  img {width:100%; height:132px }
	.reserv-list .list .statu-label   {text-align:center; margin-bottom:10px; }
	.reserv-list .list .statu-label  span  {display:inline-block; font-weight:normal;  color:#fff; font-size:14px; height:26px; border-radius:13px;padding-left:10px; padding-right:10px; padding-top:3px;  }
	span.label-blue, span.primary  { background:#3E5EAD;  }
	span.label-gray, span.danger  { background:#666666;  }
	span.label-red, span.warning  { background:#CC5C5C;  }
	span.label-green, span.success  { background:#2C9F88;  }
	span.label-yellow  { background:#FFD565;   color:#725814; }
	.reserv-list .list .name { font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;   }
	.reserv-list .list .address { font-size:14px; color:#666;   }
	.reserv-list .list .time {border-top:1px solid #ddd; padding-top:15px;  position:absolute; bottom:15px; left:15px; width:calc(100% - 30px);  }
	.reserv-list .list .time dt {float:left;width:51px; height:51px; background:#FFD565;color:#725814; margin-right:8px; border-radius:100%; padding:5px; text-align:center;  }
	.reserv-list .list .time dd {float:left;width:calc(100% - 59px) ; font-size:14px; color:#333; padding-top:3px; line-height:1.5;    text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }


/*예약 뷰*/
	.reserv-view {  }
	.reserv-view .reserv-view-top { margin-bottom:50px;  background:#F3F3F3; border-radius:11px; padding:35px 30px;height:576px;    }
	.reserv-view .reserv-view-top:after  { clear:both; display:table; content:''; }
	.reserv-view .reserv-view-top .left { float:left; width:50%; padding-right:25px; }
	.reserv-view .reserv-view-top .left  h3 { font-size:30px; color:#333; font-weight:bold;  margin-bottom:30px; }
	.reserv-view .reserv-view-top .left  .statu-label   { display:inline-block;  margin-left:5px;   }
	.reserv-view .reserv-view-top .left  .statu-label  span { display:inline-block;  font-weight:normal;  color:#fff; font-size:14px; height:26px; border-radius:13px;padding-left:10px; padding-right:10px; padding-top:4px;  }
	.reserv-view .reserv-view-top .left .gallery-map {position:relative;   width:100%;  height:388px;}
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab {  }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab:after { clear:both; display:table; content:'';    }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab li  { float:left; margin-right:5px; }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab li  a { display:block; width:107px; height:40px; font-size:18px;  background:#999999; text-align:center; color:#fff; padding-top:8px; border-radius:5px 5px 0 0 ;  }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab li  a.active { background:#333;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery { position:absolute; top:40px; left:0px;  width:100%;  height:388px; z-index:20; }
	.reserv-view .reserv-view-top .left .gallery-map .gallery img {  max-width:100%;    }
	.reserv-view .reserv-view-top .left .gallery-map .gallery .big { width:100%; height:289px; margin-bottom:4px;    }
	.reserv-view .reserv-view-top .left .gallery-map .gallery .big img { width:100%; height:289px;    }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul {margin:0 -2px;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul:after {  clear:both; display:table; content:'';  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul li { float:left;  width:33.333%; padding:0 2px;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul li img { display:block;width:100%; height:93px;   }
	.reserv-view .reserv-view-top .left .gallery-map .map { position:absolute; top:40px; left:0px;z-index:10;    width:100%; height:388px; background:#eee; overflow:hidden;   }
	.reserv-view .reserv-view-top .right { float:left; width:50%; padding-left:25px; position:relative; padding-top:70px; height:506px;  }
	.reserv-view .reserv-view-top .right .tel  {position:absolute; top:0px; right:0px;  font-size:14px; padding-bottom:20px; }
	.reserv-view .reserv-view-top .right .tel dt {float:left;width:51px; height:51px; background:#666666; color:#fff; margin-right:8px; border-radius:100%; padding:7px; text-align:center;   line-height:1.3;  }
	.reserv-view .reserv-view-top .right .tel dd {float:left;width:calc(100% - 59px) ; color:#333; padding-top:3px;  }
	.reserv-view .reserv-view-top .right .tel dd strong  {font-size:18px; color:#333;  display:block;   font-weight:bold;   }
	.reserv-view .reserv-view-top .right .ex   {clear:both;    }
	.reserv-view .reserv-view-top .right .ex:after   {clear:both; display:table; content:''; }
	.reserv-view .reserv-view-top .right .ex dl {border-bottom:1px solid #DBDBDB; padding:15px 0 ;  }
	.reserv-view .reserv-view-top .right .ex dl:after { clear:both; display:table; content:''; }
	.reserv-view .reserv-view-top .right .ex dl dt  {float:left; width:100px; padding-left:10px; position:relative; font-size:18px; color:#3E5EAD; font-weight:bold; }
	.reserv-view .reserv-view-top .right .ex dl dt:before  {position:absolute; top:7px; left:0px; width:3px; height:12px; background:#3E5EAD; content:''; display:inline-block; }
	.reserv-view .reserv-view-top .right .ex dl dd {float:left; width:calc(100% - 100px); font-size:18px; color:#333; line-height:1.5;  }
	.reserv-view .reserv-view-top .right #seq {  position:absolute; bottom:30px; left:25px; width: calc(100% - 260px);  }
	.reserv-view .reserv-view-top .right .reserv-btn { position:absolute; bottom:0px; right:0px;  }
	.reserv-view .reserv-view-top .right .reserv-btn a {margin-left:5px;  width:103px; height:92px; display:inline-block; color:#fff; border:2px solid #fff;font-size:16px; border-radius:5px; padding-top:57px; text-align:center; background-repeat:no-repeat;   }
	.reserv-view .reserv-view-top .right .reserv-btn a.btn1  {background-image:url(../images/sub/reservation_btn.svg); background-size:32px 24px; background-position:center 24px; background-color:#3E5EAD;  }
	.reserv-view .reserv-view-top .right .reserv-btn a.btn2  {background-image:url(../images/sub/list_btn.svg); background-size:35px 32px; background-position:center 16px; background-color:#333;  }

	.reserv-view .reserv-view-contents { font-size:18px;  color:#333;  }
	.reserv-view .reserv-view-contents h3 {border-bottom:1px;  margin-bottom:40px; border-bottom:1px solid #DBDBDB;   }
	.reserv-view .reserv-view-contents h3 span {display:inline-block; padding-bottom:15px;padding-left:100px; padding-right:100px; color:#3E5EAD; font-weight:bold; font-size:20px; border-bottom:3px solid #3E5EAD;  }
	.reserv-view .reserv-view-contents h4  {font-size:24px; font-weight:bold; color:#333;  margin-bottom:15px;  }
	.reserv-view .reserv-view-contents p  {  line-height:1.6;  }

/*예약 달력*/
	.reserv-schedule {  }
	.reserv-schedule .top-text {   margin-bottom:30px;  }
	.reserv-schedule .top-text:after{ clear:both; display:table; content:'';    }
	.reserv-schedule .top-text h3 {font-size:20px; font-weight:normal; color:#333; padding-left:30px; position:relative; float:left;  margin-right:15px;  }
	.reserv-schedule .top-text h3:before {width:27px; height:27px; position:absolute; top:0px; left:0px; border-radius:100%; content:''; display:inline-block; background:url(../images/sub/reservation_btn.svg) no-repeat center center; background-size:60% auto; background-color:#333;  }
	.reserv-schedule .top-text select { margin-top:-9px; min-width:250px; float:left; height:43px; background:#F2F2F2; border:1px solid #DBDBDB; border-radius:5px;  margin-right:15px; }
	.reserv-schedule .top-text p {float:left; font-size:16px; color:#333; padding-top:3px;  }
	.reserv-schedule .top-text p strong {font-weight:bold; color:#3E5EAD; }

	.reserv-schedule .calendar-wrap { position:relative;  }
	.reserv-schedule .calendar-wrap .month-select { text-align:center; margin-bottom:30px;  }
	.reserv-schedule .calendar-wrap .month-select a {display:inline-block; vertical-align:bottom;  border-radius:100%;  width:26px; height:26px; background-color:#666; background-size:7px auto; background-repeat:no-repeat; background-position:center center; text-indent:-9999px;   }
	.reserv-schedule .calendar-wrap .month-select a.prev {background-image:url(../images/sub/cal-left.svg) ; }
	.reserv-schedule .calendar-wrap .month-select a.next {background-image:url(../images/sub/cal-right.svg) ; }
	.reserv-schedule .calendar-wrap .month-select  .ym { font-size:20px; color:#333;  margin:0 20px;  display:inline-block; line-height:1;  }
	.reserv-schedule .calendar-wrap .month-select  .ym strong { font-size:32px;font-weight:bold;   }
	.reserv-schedule .calendar-wrap  .label-info { position:absolute; top:10px; right:0px;    }
	.reserv-schedule .calendar-wrap  .label-info span { display:inline-block;  font-weight:normal;  width:78px; height:29px; border-radius:5px; margin-left:2px; color:#fff; font-size:16px; text-align:center;  line-height:29px;      }
	.reserv-schedule .calendar-wrap .calendar { display:block; width:100%; border-top:1px solid #DBDBDB; }
	.reserv-schedule .calendar-wrap .calendar table {width:100%; border-collapse:collapse;  border-left:1px solid #DBDBDB;  }
	.reserv-schedule .calendar-wrap .calendar table {width:100%; border-collapse:collapse; }
	.reserv-schedule .calendar-wrap .calendar table thead th {width:14.285%; text-align:center; background:#efefef; font-size:18px; font-weight:normal; padding:10px;border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
	.reserv-schedule .calendar-wrap .calendar table thead th:first-child,
	.reserv-schedule .calendar-wrap .calendar table tbody td:first-child b {color:#CB5D5C; }
	.reserv-schedule .calendar-wrap .calendar table thead th:nth-of-type(7) ,
	.reserv-schedule .calendar-wrap .calendar table tbody td:nth-of-type(7) b {color:#3E5EAD; }
	.reserv-schedule .calendar-wrap .calendar table tbody td {width:14.285%; position:relative;  text-align:center;font-size:18px; font-weight:normal; padding:10px; padding-top:40px;  border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
	.reserv-schedule .calendar-wrap .calendar table tbody td:hover {background:#cdffff; }
	.reserv-schedule .calendar-wrap .calendar table tbody td strong {font-size:14px; position:absolute; top:10px; left:10px; }
	.reserv-schedule .calendar-wrap .calendar table tbody td span  {display:inline-block; margin:1px 0 ; width:100%; border-radius:5px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:14px; }
	.reserv-schedule .calendar-wrap .calendar table tbody td span.label-green  {cursor:pointer; }

	.reserv-schedule .calendar-wrap .reserv-modal-wrap { display:none;  position:fixed; top:0px; left:0px; width:100%; height:100%;  overflow-y:auto;  background: rgba(0,0,0,0.8);  z-index:200; padding-top:100px;   }
	.reserv-schedule .calendar-wrap .reserv-modal {  position:relative;  width:570px; margin:0 auto;  background:#fff; border-radius:5px; padding:35px;  z-index:200;   }
	.reserv-schedule .calendar-wrap .reserv-modal  h3 {padding-left:30px; font-size:18px; min-height:25px; margin-bottom:15px; color:#333; font-weight:normal; background-repeat:no-repeat; background-position:left top; padding-top:0px; background-size:20px auto;   }
	.reserv-schedule .calendar-wrap .reserv-modal .top { border:2px solid #3E5EAD; padding:15px 25px 0; border-radius:5px;  margin-bottom:10px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .top h3 { background-image:url(../images/sub/cal_ico.svg) ; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li { margin-bottom:15px;   }
	.reserv-schedule .calendar-wrap .reserv-modal .top li:after {clear:both; display:table; content:''; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li strong   {float:left; width:100px; padding-left:10px; position:relative; font-size:18px; color:#3E5EAD; font-weight:bold; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li strong:before  {position:absolute; top:7px; left:0px; width:3px; height:12px; background:#3E5EAD; content:''; display:inline-block; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li span  {float:left; width:calc(100% - 100px); font-size:18px; color:#333; line-height:1.5;  }
	.reserv-schedule .calendar-wrap .reserv-modal .top li span.title  {font-weight:bold;  font-size:24px; line-height:1;  }

	
	.reserv-schedule .calendar-wrap .reserv-modal .section { border-bottom:1px solid #dbdbdb; padding:15px ;  font-size:18px; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 h3 {  background-image:url(../images/sub/person_ico.svg) ;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01:after { clear:both; display:table; content:'';  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p { float:left; width:50%;   margin-bottom:10px;   padding-right:5px; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p.full { width:100%; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span.title { float:left; width:46px; height:46px;line-height:46px; text-align:center;  font-size:14px; border:1px solid #dbdbdb; border-radius:100%; display:inline-block; margin-right:5px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span.text-wrap {float:left; width:calc(100% - 51px);  line-height:46px; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span input {border:0px; max-width:100%;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span select { max-width:100%;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p .input {  border:1px solid #dbdbdb;    border-radius:5px;  height:46px; padding:0 5px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p .text-wrap { height:46px; padding:0 5px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p label {margin-bottom:0px; margin-right:5px; }




	.reserv-schedule .calendar-wrap .reserv-modal .section02 {  max-height:220px; overflow-y:auto; }
	.reserv-schedule .calendar-wrap .reserv-modal .section02 h3 {  background-image:url(../images/sub/danger_ico.svg) ; }
	.reserv-schedule .calendar-wrap .reserv-modal .check  {margin-top:20px; margin-bottom:20px; }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn * { vertical-align:middle;  }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  {text-align:center;  width:100%; }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  a,
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  button {display:inline-block; width:149px; margin:0 15px; border:0px;   height:46px; line-height:44px;  color:#fff; border-radius:5px;  padding-left:15px; background-size:auto 16px; background-position:20px 16px; background-repeat:no-repeat;  }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  a.btn1,
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  button.btn1 {background-color:#3E5EAD; background-image:url(../images/sub/payment_ico.svg); }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  a.btn2,
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  button.btn2 {background-color:#666666; background-image:url(../images/sub/cancel_ico.svg); }



	/*예약현황*/
	.name-check {  font-size:18px; color:#333; position:relative;  margin-bottom:45px; }
	.name-check img { display:inline-block; margin-right:5px; margin-top:-3px; width:27px;height:29px;    }
	.name-check strong { font-weight:bold; font-size:24px;  }
	
	.info-board { margin-bottom:55px;   }
	.info-board:after { clear:both; display:table; content:'';  }
	.info-board li { float:left; width:25%; border-left:1px solid #dfdfdf; padding:12px 15px;height:95px;  }
	.info-board li:first-child { border-left:0px;  }
	.info-board.board2 li {  width:50%;  }
	.info-board.board3 li {  width:33.333%;  }
	.info-board.board5 li {  width:20%;  }
	.info-board li .img { float:left; width:70px; height:70px; border-radius:100%; margin-right:20px; background-size:50%; background-position:center center; background-repeat:no-repeat;  }
	.info-board li .text-wrap { float:left; width:calc(100% - 90px); font-size:18px; color:#333;  }
	.info-board li .text-wrap strong{ font-weight:bold; font-size:30px; }
	.info-board li.list01 .img { background-image:url(../images/sub/res_01.png); background-color:#666666;  }
	.info-board li.list02 .img { background-image:url(../images/sub/res_02.png); background-color:#3E5EAD;  }
	.info-board li.list03 .img { background-image:url(../images/sub/res_03.png); background-color:#CA5E5C;  }
	.info-board li.list04 .img { background-image:url(../images/sub/res_04.png); background-color:#BB7C0E;  }
	.info-board li.list05 .img { background-image:url(../images/sub/inq_01.png); background-color:#666;  }
	.info-board li.list06 .img { background-image:url(../images/sub/inq_02.png); background-color:#3E5EAD;  }
	.info-board li.list07 .img { background-image:url(../images/sub/inq_03.png); background-color:#CA5E5C;  }

	/*게시판 상단 조회창*/
	.reserv-lookup { width:100%; background:#F2F2F2; border-radius:5px; padding: 27px 100px; margin-bottom:45px;  }
	.reserv-lookup select {height:43px; width:133px;  margin:0  5px; border:0px; background:#fff; border-radius:5px;padding:0 4px;  }
	.reserv-lookup input  {height:43px; width:133px; margin:0  5px; border:0px; background:#fff; border-radius:5px; padding:0 4px;  }
	.reserv-lookup label {font-size:18px; color:#333; font-weight:normal; margin:0  5px;  }
	.reserv-lookup button { width:75px; height:43px; border:0px; background:#333; color:#fff; font-size:18px;  border-radius:5px; }


	.sub-contents .reserv-check h3 {font-size:24px; color:#333; font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:2px solid #dfdfdf; }
	.reserv-check .reserv-list-wrap {  margin:-12px -17.5px 30px ;   } 
	.reserv-check .reserv-list-wrap:after { clear:both; display:table; content:'';  }
	.reserv-check .reserv-list-wrap .list {float:left; width:50%; padding:12px 17.5px;   }
	.reserv-check .reserv-list-wrap .list .in  { display:block; border:1px solid #dfdfdf; border-radius:5px; padding:20px;  height:232px; width:100%; }
	.reserv-check .reserv-list-wrap .list .in .top { border-bottom: 1px dashed #DBDBDB; padding-bottom:18px;  }
	.reserv-check .reserv-list-wrap .list .in .top:after {clear:both; display:table; content:''; }
	.reserv-check .reserv-list-wrap .list .in .top .label-info {float:left; width:115px; height:55px; text-align:center; border-radius:5px; color:#fff; padding-top:15px;  margin-right:25px; }
	.reserv-check .reserv-list-wrap .list .in .top .text-wrap {float:left; width:calc(100% - 140px);  }
	.reserv-check .reserv-list-wrap .list .in .top .text-wrap .text1 {color:#666; font-size:16px;margin-bottom:5px;  }
	.reserv-check .reserv-list-wrap .list .in .top .text-wrap .text2 {color:#333; font-size:18px; }
	.reserv-check .reserv-list-wrap .list .in .bottom {}
	.reserv-check .reserv-list-wrap .list .in .bottom  ul {padding:8px; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li {padding:5px 0; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li:after {clear:both; display:table; content:''; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li span {color:#666; font-size:16px; width:130px; float:left; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li strong {color:#333; font-size:18px; font-weight:normal; float:left; width:calc(100% - 130px); }


	/*나의 문의내역*/
	.q-info { margin-bottom:15px;   font-size:16px; color:#333; }
	.q-info .q-label { display:inline-block; width:105px; height:36px; background:#333; color:#fff; border-radius:5px; text-align:center; padding-top:6px;  }
	.q-info .q-label img{ width:18px;  margin-right:2px; display:inline-block; margin-top:-2px; }
	.q-info a { color:#3E5EAD; text-decoration:underline; font-weight:bold;  }


	/*문의내역 게시판 리스트*/
	.board-list { width:100%; border-top:2px solid #dfdfdf; margin-bottom:30px;    }
	.board-list table {width:100%;  border-collapse:collapse; }
	.board-list table thead {}
	.board-list table thead th { text-align:center; background:#F2F2F2; border-bottom:1px solid #dfdfdf; font-size:18px; color:#333; padding:12px;    }
	.board-list table tbody td {text-align:center; padding:12px;   font-size:18px; color:#666; border-bottom:1px solid #dfdfdf; }
	.board-list table tbody td.text-left {text-align:left; }
	.board-list table tbody td a  {  color:#333;}
	.board-list table tbody td .board-list-label {display:inline-block; width:77px; height:28px; color:#fff; border-radius:5px; font-size:16px; margin-right:5px; text-align:center;  padding-top:2px; }
	.board-list table tbody td .reply-count {font-weight:bold; color:#CA5E5C; font-weight:bold; }


/*로그인*/
.login-wrap { width:380px; position:relative;  margin:0 auto; border:1px solid #dbdbdb; background:#F2F2F2; border-radius:5px; padding:25px 45px;  margin-bottom:100px; }
.login-wrap .title {font-size:18px; font-weight:bold; color:#222; margin-bottom:10px; }
.login-wrap .input-wrap {}
.login-wrap .input-wrap label {  }
.login-wrap .input-wrap input  { width:100%;   border:1px solid #dbdbdb; border-radius:5px; background:#fff;height:42px;  padding:0 5px; font-size: 18px; color:#666; margin-bottom:3px; }
.login-wrap .input-wrap input::placeholder  {  font-size: 18px; color:#666; }
.login-wrap .login-btn   { margin-bottom:15px;  }
.login-wrap .login-btn button  { width:100%; height:42px;  background:#3E5EAD; border:1px solid #3E5EAD ; color:#fff;  font-size:20px;border-radius:5px;  }
.login-wrap .link  {}
.login-wrap .link:after  { clear:both; display:table; content:'';  }
.login-wrap .link li  { float:left; width:50%; text-align:center; position:relative;  }
.login-wrap .link li:before  {content:''; display:inline-block; position:absolute; top:5px; left:0px; width:1px; height:15px; background:#dbdbdb; }
.login-wrap .link li:first-child:before  {display:none; }
.login-wrap .link li a  {font-size:16px; color:#333;  }


	/*회원가입*/
	.join-step {  margin-bottom:85px; }
	.join-step:after {clear:both; display:table; content:'';   }
	.join-step li {float:left; width:25%; padding:0 35px; position:relative; }
	.join-step li:before {position:absolute; top:25px; left:0px; content:''; display:inline-block; width:11.65px; height:20.7px; background:url(../images/main/mo_menu_go.svg) no-repeat center center; background-size:11.65px 20.7px;  }
	.join-step li:first-child:before {display:none; }
	.join-step li .step { float:left; width:70px; height:70px; border-radius:100%; text-align:center; background:#666; color:#fff; font-size:22px; font-weight:bold;  padding-top:8px; }
	.join-step li .step span{display:block; font-size:16px; font-weight:normal; }
	.join-step li .text { font-size:28px; color:#666; padding-top:15px; padding-left:15px; float:left; width:calc(100% - 70px);  font-weight:bold; }
	.join-step li.active .step {background:#3E5EAD; }
	.join-step li.active .text {color:#3E5EAD; }

	.agree-box { max-height:300px; overflow-y:auto;  }
	.agree-box h3 {  font-size:20px; color:#333; font-weight:bold;margin-bottom:15px;  }
	.agree-box p {  margin-bottom:15px; }

	.sub-contents h2 { font-weight:bold; font-size:24px; color:#333; margin-bottom:20px; margin-top:40px;  }
	.sub-contents h2:first-child {margin-top:0px; }
	.sub-contents .text-box {border:1px solid #dfdfdf; background:#F2F2F2; border-radius:5px; padding:15px 20px; margin-bottom:20px; }
	.sub-contents .contents-btn {}
	.sub-contents .contents-btn a, 
	.sub-contents .contents-btn button {min-width:150px; height:46px; padding:0 5px;  text-align:center; color:#fff; border-radius:5px; margin:0 2px; display:inline-block; line-height:46px;  font-size: 20px; font-weight:bold; background:#3E5EAD;  border:0; }
	.sub-contents .contents-btn a.btn-sm { min-width:auto; padding:5px 10px; font-size:16px; height: initial; line-height:1.2;   }
	.sub-contents .contents-btn a.btn2, 
	.sub-contents .contents-btn button.btn2 {background:#666; }


	/*실명확인*/
	.join-step-border-box  {width:805px; margin:0 auto; padding:45px; border:1px solid #dfdfdf; border-radius:5px; margin-bottom:51px;  margin-top:40px;   }
	.join-step-border-box:after   { clear:both; display:table; content:'';  } 
	.join-step-border-box.join-step2 .img { float:left;  width:283px; height:283px; border-radius:100%;  background:#F2F2F2; text-align:center; padding-top:48px;  margin-right:45px;  }
	.join-step-border-box.join-step2 .img img { width:120px;  }
	.join-step-border-box.join-step2 .text-wrap {float:left; width:calc(100% - 328px);   }
	.join-step-border-box .text-wrap h3 {font-size:30px; font-weight:bold; color:#333; margin-bottom:20px; }
	.join-step-border-box .text-wrap p {font-size:18px;color:#333; margin-bottom:20px; }
	.join-step-border-box .text-wrap ul li  {font-size:16px;color:#666; margin-bottom:5px; padding-left:10px; position:relative;  }
	.join-step-border-box .text-wrap ul li:before  {content:''; display:inline-block; width:4px; height:4px; border-radius:100%;  background:#666; position:absolute; top:11px; left:0px;  }

	/*회원가입폼*/
	.join-form {  }
	.join-form .input-box {  border:1px solid #dbdbdb;   margin-bottom:40px;   }
	.join-form .input-box dl { border-bottom:1px solid #dbdbdb;   display:flex; }
	.join-form .input-box dl:after {  clear:both; display:table; content:'';   }
	.join-form .input-box dl dt { width:20%;  background:#f2f2f2;padding:20px ;  padding-top:28px;   }
	.join-form .input-box dl dd {  width:100%;  padding:20px ;}
	.join-form .input-box dl dd input { margin-bottom:5px; }
	.join-form .input-box dl dd .form-text {display: block;    width: 100%;  margin-bottom:5px;   height: calc(1.5em + 0.75rem + 2px);    padding: 0.375rem 0.75rem;    font-size: 1rem;    font-weight: 400;    line-height: 1.5;    color: #495057;    background-color: #fff;    background-clip: padding-box;  border: 1px solid #ced4da;   border-radius: 0.25rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
	.join-form .input-box dl dd.address { }
	.join-form .input-box dl dd.address #raddr {float:left;  width:74%;margin-right:1%;  margin-bottom:10px;   }
	.join-form .input-box dl dd.address p button {float:left;  width:25%;   }

	/*회원가입완료*/
	.join-step-border-box.join-step3 .img { float:left;  width:209px; margin-right:61px;  margin-left:50px;  }
	.join-step-border-box.join-step3 .img img { width:209px;  }
	.join-step-border-box.join-step3 .text-wrap {float:left; width:calc(100% - 320px);   }
	.join-step-border-box.join-step3 .text-wrap .contents-btn a { min-width:119px;    }



	/*아이디 비번 찾기*/
	.find-id {width:380px; margin:0 auto; padding:20px;  border:1px solid #dbdbdb; border-radius:5px;  }
	.find-id .title { font-size:18px; color:#333;  font-weight:bold; border-bottom:1px solid #dbdbdb; padding-bottom:5px;   }
	.find-id .text-wrap {padding-top:20px; }
	.find-id .text-wrap .text   { font-size:18px; color:#333; margin-bottom:20px;  }
	.find-id .text-wrap .text  strong {font-weight:bold; }
	.find-id .text-wrap .text  strong.id {color:#CC3333; }
	.find-id .text-wrap  .login-btn   { margin-bottom:30px;  }
	.find-id .text-wrap  .login-btn  a { width:100%; text-align:center;  color:#fff; font-size:20px; display:inline-block;  height:42px; border-radius:5px; line-height:42px;  background:#3E5EAD; }
	.find-id .text-wrap  .login-btn  button {border:0px;  width:100%; text-align:center;  color:#fff; font-size:20px; display:inline-block;  height:42px; border-radius:5px; background:#3E5EAD; }
	.find-id .text-wrap  ul.find-id-ul {}
	.find-id .text-wrap  ul.find-id-ul:after { clear:both; display:table; content:'';  }
	.find-id .text-wrap  ul.find-id-ul li {float:left; width:50%; text-align:center; position:relative; border-left:1px solid #dbdbdb;  }
	.find-id .text-wrap  ul.find-id-ul li:first-child  {border-left:0px; }
	.find-id .text-wrap  ul.find-id-ul li a { font-size:16px; color:#333;  }
	
	.find-id .input-wrap input {  margin-bottom:20px; width:100%; height: 42px; border-radius:5px; border:1px solid #dbdbdb; background:#fff; padding:0 5px;  } 
	.find-id .input-wrap input::placeholder {  color:#333; font-size:18px; color:#333;} 
	.find-id .text-wrap .pwd-ul  {  } 
	.find-id .text-wrap .pwd-ul  li  { margin-bottom:10px; color:#333; font-size:16px; padding-left:10px; position:relative;    } 
	.find-id .text-wrap .pwd-ul  li:before  { content:''; display:inline-block; width:5px; height:5px; background:#333; border-radius:100%; position:absolute; top:10px; left:0px;   }


	/*수영장 예약페이지*/
	.list-box { margin-bottom:20px;  border:1px solid #dbdbdb; background:#f2f2f2; border-radius:5px; height:115px; padding:21px;  display:flex;  align-items: center; }
	.list-box:after { clear:both; display:table; content:''; }
	.list-box .list.listLong {  width:40%;  }
	.list-box .list { width:25%;  border-left:1px dashed #dbdbdb; text-align:center;     display: flex;  justify-content: center;  flex-direction: column;       height: 100%;}
	.list-box .list:first-child {border-left:0px; }
	.list-box .list .title { font-size:20px; color:#333; margin-bottom:2px; }
	.list-box .list .text { font-size:20px; color:#333;  }
	.list-box .list .text strong { font-size:24px; font-weight:bold;  }
	.list-box .list .text strong.count { font-size:30px;   }
	.list-box .btn-wrap {  }
	.list-box .btn-wrap a {display:inline-block; width:139px; margin:0 25px; border:0px;   height:46px; line-height:44px;  color:#fff; border-radius:5px;  padding-left:15px; background-size:auto 16px; background-position:20px 16px; background-repeat:no-repeat; background-color:#3E5EAD; background-image:url(../images/sub/payment_ico.svg);  }
	.swimming-info { font-size:18px; color:#666;  margin-bottom:30px;  }
	.swimming-info span {text-decoration:underline; color:#3E5EAD;  }
	.swimming-reserv-wrap { margin:0 -15px;  }
	.swimming-reserv-wrap:after {  clear:both; display:table; content:'';   }
	.swimming-reserv-wrap .swimming-reserv { float:left; width:50%; padding:0 15px; border-left:1px solid #dbdbdb;   }
	.swimming-reserv-wrap .swimming-reserv:first-child {border-left:0px; }
	.swimming-reserv-wrap .swimming-reserv .top {padding:0 20px 30px;   }
	.swimming-reserv-wrap .swimming-reserv .top:after {content:''; display:table; clear:both;  }
	.swimming-reserv-wrap .swimming-reserv .top .icon {float:left; width:72px; margin-right:15px;  height:72px; border-radius:100%; background-color:#3E5EAD; background-repeat:no-repeat; background-position:center center; background-size:24px 48px; }
	.swimming-reserv-wrap .swimming-reserv.man .top .icon {background-image:url(../images/sub/man_icon.svg); }
	.swimming-reserv-wrap .swimming-reserv.woman .top .icon {background-image:url(../images/sub/woman_icon.svg); background-color:#CB5D5C;  }
	.swimming-reserv-wrap .swimming-reserv .top .text-wrap {float:left; padding-top:10px; width:120px;  font-size:16px; color:#666;   }
	.swimming-reserv-wrap .swimming-reserv .top .text-wrap strong{ font-weight:bold;display:block; font-size:20px; color:#333;   }
	.swimming-reserv-wrap .swimming-reserv .top .label-wrap { float:left; width:calc(100% - 207px);  padding-top:33px;  }
	.swimming-reserv-wrap .swimming-reserv .top .label-wrap span {display:inline-block; width:78px; height:29px; text-align:center; border-radius:5px; background:#999; color:#fff; font-size:16px; line-height:29px; margin-right:5px;  }
	.swimming-reserv-wrap .swimming-reserv .top .label-wrap span.available  {background:#649D3A; }
	.swimming-reserv-wrap .swimming-reserv .bottom-list { margin:0 -1px;   }
	.swimming-reserv-wrap .swimming-reserv .bottom-list:after {clear:both; display:table; content:''; }
	.swimming-reserv-wrap .swimming-reserv .bottom-list span {display:block; width:calc(10% - 2px); float:left; text-align:center; margin:1px;  height:39px; border-radius:5px; background:#999999; color:#fff; font-size:16px; line-height:39px;   }
	.swimming-reserv-wrap .swimming-reserv .bottom-list span.possible {background:#649D3A; cursor:pointer; }


	/*로그인유도 알림*/
	.login-alime { width:415px; margin:100px auto ; border:1px solid #dbdbdb; border-radius:5px; padding:50px 40px;  text-align:center;   }
	.login-alime .img { margin-bottom:15px;  }
	.login-alime .img img {width:101px; }
	.login-alime .text { font-size:18px; color:#333; margin-bottom:25px;  }
	.login-alime .text strong { font-size:22px; font-weight:bold;  color:#3E5EAD;  }
	.login-alime .login-btn { margin-bottom:25px;   }
	.login-alime .login-btn a { display:inline-block; width:100%; height: 52px; border-radius:5px; background:#3E5EAD; color:#fff; padding-top:10px; font-size:20px; font-weight:bold; }
	.login-alime .login-link  {  }
	.login-alime .login-link:after  { clear:both; display:table; content:'';    }
	.login-alime .login-link a { width:50%; float:left; position:relative; display:block;    font-size:18px; color:#333;   }
	.login-alime .login-link a:before { position:absolute; top:6px; left:0px; width:1px; height:16px; background:#dbdbdb; content:''; display:inline-block; }
	.login-alime .login-link a:first-child:before { display:none; }


		/*팀동호회 목록*/
	.team-list { margin:0 -7px 30px;  }
	.team-list:after { clear:both; display:table; content:'';   }
	.team-list .list { float:left; width:33.333%; padding:7px;  }
	.team-list .list a { display:block; border:1px solid #DBDBDB; padding:5px; border-radius:10px;  height:138px;   }
	.team-list .list a:after {  clear:both; display:table; content:'';   }
	.team-list .list a .img  { float:left;  position:relative; width:128px; height:128px;  }
	.team-list .list a .img img {width:100%;height:100%;  }
	.team-list .list a .text-wrap {float:left; width:calc(100% - 128px); padding-left:10px;padding-top:10px;  }
	.team-list .list a .text-wrap li { padding:5px 0 ;  color:#555; }
	.team-list .list a .text-wrap li strong { font-weight:normal; color:#222;  }
	.team-list .list a .text-wrap li strong.title { font-weight:bold; color:#222;  font-size:20px; letter-spacing:-2px;  }

	/*휴관일 팝업*/
	.close-day-pop { position:fixed;top:0px; left:0px; width:100%; height:100%; z-index:1000;   background: rgba(0,0,0,0.8); }
	.close-day-pop .in {position:absolute; top:50%; margin-top:-220px; left:50%; margin-left:-190px; width:380px; background:#fff; border-radius:5px; padding:50px 20px; text-align:center;  }
	.close-day-pop .in .img { padding-bottom:20px;  }
	.close-day-pop .in .img img { width:138px; }
	.close-day-pop .in .text-wrap { border-top:1px solid #dbdbdb; padding-top:20px; }
	.close-day-pop .in .text-wrap p.text { line-height:1.6; font-size:18px; margin-bottom:30px;  letter-spacing:-1.5px; }
	.close-day-pop .in .text-wrap p.text strong{font-weight:bold; color:#B24747; font-size:24px; }
	.close-day-pop .in .text-wrap .close-day-btn a {display:inline-block; width:150px; height:46px; background:#3E5EAD; border-radius:5px; color:#fff; font-size:20px; line-height:46px; }



/*이용안내*/
.step-list { border:1px solid #DBDBDB; border-radius:5px; padding:40px ;display:flex;  justify-content: center; }
.step-list li  { margin:0 30px;  float:left;  width:116px; text-align:center; color:#333; position:relative;  }
.step-list li:before {position:absolute; top:55px; left:-35px; content:''; display:inline-block; width:11.65px; height:20.7px; background:url(../images/main/mo_menu_go.svg) no-repeat center center; background-size:11.65px 20.7px;  }
.step-list li:first-child:before {display:none; }
.step-list li span.img  {display:block; width:116px; height:116px; border-radius:100%; margin-bottom:10px;line-height:116px;   }
.step-list li span.img img {width:65px; }
.step-list li:nth-of-type(1) span.img {background:#3E5EAD; }
.step-list li:nth-of-type(2) span.img {background:#2E61A7; }
.step-list li:nth-of-type(3) span.img {background:#194D93; }
.step-list li:nth-of-type(4) span.img {background:#0D5984; }
.step-list li:nth-of-type(5) span.img {background:#0D7284; }
.step-list li:nth-of-type(6) span.img {background:#0D844E; }



	/*회원정보*/
	.line-table { width:100%; border-top:1px solid #666;  }
	.line-table table {border-collapse:collapse;  width:100%;  }
	.line-table table * {vertical-align:middle; }
	.line-table table th { padding:10px; width:15%;  color:#3E5EAD;  border-bottom:1px solid #dbdbdb;  }
	.line-table table td { padding:10px;   border-bottom:1px solid #dbdbdb; line-height:1.6;  }
	.line-table table td .input-text {height:40px; padding:0 5px; border:1px solid #DBDBDB; background:#F2F2F2; color:#333; border-radius:5px; margin:2px 5px;  }
	.line-table table td input[type="checkbox"]  {width:16px; height:16px; margin:0 5px;  }
	.line-table table td input[type="checkbox"]:first-child  {margin-left:0px; }
	.line-table table td label { font-weight:bold; color:#222;  margin:0px;  }
	.line-table table td .contents-btn a, .line-table table td .contents-btn button { min-width: initial;  height:40px; padding:0 15px;font-size:16px; margin:2px 5px ;  color:#fff; font-weight:normal;  border:0px; line-height:40px;padding-top:0px;   }
	.line-table table td .contents-btn a.btn2, .line-table table td .contents-btn button.btn2  {  background:#666;  }
	.line-table table td .contents-btn a.btn3, .line-table table td .contents-btn button.btn3  {  background:#222;  }




}

@media (min-width: 992px) and (max-width: 1199px) {

	.sub-tab-menu li { width:25%; } 


	.sub-top .sub-menu ul li a { min-width:150px; }
	.reserv-list .list { width:33.3333%; }
	.reserv-lookup {  padding: 27px 20px; }


	/*팀동호회 목록*/
	.team-list .list { width:50%;  }

/*이용안내*/
	.step-list li  { margin:0 20px; }
	.step-list li:before { left:-25px; }
}



@media (max-width: 991px) {

.mw10 { width:10%  !important;  }
.mw15 { width:15%  !important;  }
.mw20 { width:20%  !important;  }
.mw25 { width:25% !important ;  }
.mw30 { width:30% !important ;  }
.mw35 { width:35%  !important;  }
.mw40 { width:40%  !important;  }
.mw45 { width:45%  !important;  }
.mw50 { width:50%  !important;  }
.mw55 { width:55%  !important;  }
.mw60 { width:60% !important ;  }
.mw65 { width:65% !important ;  }
.mw70 { width:70% !important ;  }
.mw75 { width:75%  !important;  }
.mw80 { width:80%  !important;  }
.mw85 { width:85%  !important;  }
.mw90 { width:90%  !important;  }
.mw95 { width:95% !important ;  }
.mw100 { width:100%  !important;  }

	.sub {position:relative;  }
	.sub .sub-bg {position:absolute; top:0px; left:0px; width:100%; height:133px; background-repeat: no-repeat; background-position: center center; background-size:cover;  z-index:-1;   }
	.sub .row.block {display:block; }

	.sub-top {  position:relative;  }
	.sub-top h3 {text-align:center; font-size:26px; color:#fff; font-weight:bold;  height:133px;  padding-top:49px;  }
	.sub-top .sub-menu {padding:20px 15px;  text-align:center;  }
	.sub-top .sub-menu ul  {font-size:0px;   }
	.sub-top .sub-menu ul li {display:inline-block;   width:33.333%; }
	.sub-top .sub-menu ul li a {display:inline-block;  color:#333333; width:100%;  font-size:16px;  height:39px; border:1px solid #DBDBDB; margin-left:-1px; margin-top:-1px;   background:#fff; padding-top:6px; padding-left:5px; padding-right:5px;    }
	.sub-top .sub-menu ul li a.active { background:#3E5EAD; color:#fff;  }

	.sub-contents { position:relative; padding:30px 15px ;   }
	.sub-contents h1 { position:relative;  text-align:center;font-size:30px; color:#333;  padding-bottom:25px; padding-top:60px;  font-weight:bold;  margin-bottom:40px;  }
	.sub-contents h1:after { content:''; display:inline-block; width:35px; height:2px; background:#3E5EAD; position:absolute; bottom:0px; left:50%; margin-left:-17.5px; }
	.sub-contents .breadcrumb {  position:absolute; top:30px; right:15px;   background: none;	padding:0px; 	font-size:14px;     }  
	.sub-contents .breadcrumb * { vertical-align:middle;  }
	.sub-contents .breadcrumb .home img { width:18px; display:inline-block; margin-top:-1px;   } 
	.sub-contents .breadcrumb > li + li:before { float:left;    content: ">";    color:#666;   padding:0 5px;padding-top:5px;   font-size:12px;  font-family:cursive; }
	.sub-contents .breadcrumb li a { color:#666; }
	.sub-contents .breadcrumb li a strong{ color:#3E5EAD; }


		.sub-tab-menu {text-align:center; margin-bottom:30px;  margin:0 -2.5px;  }
	.sub-tab-menu:after {clear:both; content:''; display:table;   }
	.sub-tab-menu li { float:left; width:50%;  padding:0 2.5px 5px;  }
	.sub-tab-menu li a { display:block;padding-top:8px;   font-size:14px; color:#fff; height:37px;background:#999999 ; border-radius:5px 5px 0 0 ;   }
	.sub-tab-menu li a.active { background:#3E5EAD; }


	
	.sub-contents h3 { font-size:18px; margin-bottom:15px;  }


	.sub-contents ul.bul li { padding-left:15px;  margin-bottom:10px;  font-size:16px; position:relative; }
	.sub-contents ul.bul li:before  {content:''; display:inline-block; width:4px; height:4px; border-radius:100%;  background:#666; position:absolute; top:11px; left:0px;  }
	.sub-contents ul.bul li ul {  margin-top:8px; margin-bottom:13px;  }
	.sub-contents ul.bul li ul li { padding-left:15px; margin-bottom:3px; font-size:14px;   }
	.sub-contents ul.bul ul  li:before  {content:''; display:inline-block;  position:absolute; top:11px; left:0px; background:666; width:5px; height:2px;  border-radius:0px; }

	.sub-contents .contents-table { border-top:2px solid #3E5EAD;  width:100%; overflow-x:auto;  }
	.sub-contents .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #dfdfdf;  font-size:16px; }
	.sub-contents .contents-table table thead th { font-weight:bold; background:#f2f2f2; color:#444; text-align:center; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }
	.sub-contents .contents-table table tbody th { color:#444; background:#f2f2f2;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }
	.sub-contents .contents-table.form-table table tbody th {   font-weight:bold; background:#f2f2f2; color:#444;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }
	.sub-contents .contents-table table tbody td { color:#444;  border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:15px;  }




/*게시글 상단 검색*/
	.notice-top-search {  text-align:center;    font-size:0px;  margin-bottom:35px; }
	.notice-top-search * { vertical-align:top;  }
	.notice-top-search select { width:93px; height:33px; margin-right:2px; border-radius:5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:14px; }
	.notice-top-search input { width:calc(100% - 128px); height:33px; border-radius:5px 0 0 5px; background:#F2F2F2; border:1px solid #dbdbdb;  font-size:14px; padding:0 5px;  }
	.notice-top-search input[type="text"]::placeholder {font-size:14px; color:#666666; }
	.notice-top-search button { width:33px;height:33px; background:#3E5EAD; border:0px;border-radius:0 5px 5px 0;  }
	.notice-top-search button img {width:15px;  }

/*예약 리스트*/
	.reserv-list { border-top:1px solid #ddd; padding:10px 0 ;    }
	.reserv-list:after { clear:both; display:table; content:'';  }
	.reserv-list .list {  padding:10px 0 ;  }
	.reserv-list .list a {background:#F2F2F2;  border-radius:11px; padding:15px; height:355px;  display:block; width:100%;  position:relative;   }
	.reserv-list .list a:hover {background:#DAEFFA; text-decoration:none; }
	.reserv-list .list .img  {width:100%; height:166px; margin-bottom:10px; }
	.reserv-list .list .img  img {width:100%; height:166px }
	.reserv-list .list .statu-label   { position:absolute; top:25px; left:25px;  }
	.reserv-list .list .statu-label  span  {display:inline-block; color:#fff; font-size:14px; height:26px; border-radius:13px;padding-left:10px; padding-right:10px; padding-top:3px;  }
	span.label-blue, span.primary  { background:#3E5EAD;  }
	span.label-gray, span.danger  { background:#666666;  }
	span.label-red, span.warning  { background:#CC5C5C;  }
	span.label-green, span.success  { background:#2C9F88;  }
	span.label-yellow  { background:#FFD565;   color:#725814; }
	.reserv-list .list .name { font-size:20px; color:#333; font-weight:bold; margin-bottom:10px;   }
	.reserv-list .list .address { font-size:14px; color:#666;   }
	.reserv-list .list .time {border-top:1px solid #ddd; padding-top:15px;  position:absolute; bottom:15px; left:15px; width:calc(100% - 30px);  }
	.reserv-list .list .time dt {float:left;width:51px; height:51px; background:#FFD565;color:#725814; margin-right:8px; border-radius:100%; padding:5px; text-align:center;  }
	.reserv-list .list .time dd {float:left;width:calc(100% - 59px) ; font-size:14px; color:#333; padding-top:3px; line-height:1.5;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }

	
/*예약 뷰*/
	.reserv-view {  }
	.reserv-view .reserv-view-top { margin-bottom:25px;  background:#F3F3F3; padding:25px 15px; margin-left:-15px; margin-right:-15px;  }
	.reserv-view .reserv-view-top:after  { clear:both; display:table; content:''; }
	.reserv-view .reserv-view-top .left { margin-bottom:30px;  }
	.reserv-view .reserv-view-top .left  h3 { font-size:24px; color:#333; font-weight:bold;  margin-bottom:30px; }
	.reserv-view .reserv-view-top .left  .statu-label   { display:block;    }
	.reserv-view .reserv-view-top .left  .statu-label  span { display:inline-block;  font-weight:normal;  color:#fff; font-size:14px; height:26px; border-radius:13px;padding-left:10px; padding-right:10px; padding-top:4px;  }
	.reserv-view .reserv-view-top .left .gallery-map { position:relative; width:100%; height:350px; margin-bottom:30px; }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab {  }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab:after { clear:both; display:table; content:'';    }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab li  { float:left; margin-right:5px; }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab li  a { display:block; width:97px; height:30px; font-size:16px;  background:#999999; text-align:center; color:#fff; padding-top:4px; border-radius:5px 5px 0 0 ;  }
	.reserv-view .reserv-view-top .left .gallery-map .gm-tab li  a.active { background:#333;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery {  position:absolute; top:30px; left:0px;z-index:20;  width:100%;   height:320px;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery img {  max-width:100%;    }
	.reserv-view .reserv-view-top .left .gallery-map .gallery .big { width:100%; height:241px; margin-bottom:4px;    }
	.reserv-view .reserv-view-top .left .gallery-map .gallery .big img { width:100%; height:241px;    }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul {margin:0 -2px;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul:after {  clear:both; display:table; content:'';  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul li { float:left;  width:33.333%; padding:0 2px;  }
	.reserv-view .reserv-view-top .left .gallery-map .gallery ul li img { display:block;width:100%; height:75px;   }
	.reserv-view .reserv-view-top .left .gallery-map .map { position:absolute; top:30px; left:0px; z-index:10; width:100%; height:320px; background:#eee;   overflow:hidden;   }
	.reserv-view .reserv-view-top .right {position:relative;  }
	.reserv-view .reserv-view-top .right .tel  { font-size:14px; padding-bottom:30px; }
	.reserv-view .reserv-view-top .right .tel dt {float:left;width:51px; height:51px; background:#666666; color:#fff; margin-right:8px; border-radius:100%; padding:7px; text-align:center;   line-height:1.3;  }
	.reserv-view .reserv-view-top .right .tel dd {float:left;width:calc(100% - 59px) ; color:#333; padding-top:3px;  }
	.reserv-view .reserv-view-top .right .tel dd strong  {font-size:18px; color:#333;  display:block;   font-weight:bold;   }
	.reserv-view .reserv-view-top .right .ex   {clear:both;  margin-bottom:30px;   }
	.reserv-view .reserv-view-top .right .ex:after   {clear:both; display:table; content:''; }
	.reserv-view .reserv-view-top .right .ex dl {border-bottom:1px solid #DBDBDB; padding:18px 0 ;  }
	.reserv-view .reserv-view-top .right .ex dl:after { clear:both; display:table; content:''; }
	.reserv-view .reserv-view-top .right .ex dl dt  {padding-left:10px; position:relative; font-size:16px; color:#3E5EAD; font-weight:bold;  margin-bottom:7px;}
	.reserv-view .reserv-view-top .right .ex dl dt:before  {position:absolute; top:7px; left:0px; width:3px; height:12px; background:#3E5EAD; content:''; display:inline-block; }
	.reserv-view .reserv-view-top .right .ex dl dd { font-size:16px; color:#333; line-height:1.5;  }
	.reserv-view .reserv-view-top .right #seq {  margin-bottom:30px;   }
	.reserv-view .reserv-view-top .right .reserv-btn { text-align:center;  }
	.reserv-view .reserv-view-top .right .reserv-btn a {margin-left:5px;  width:103px; height:92px; display:inline-block; color:#fff; border:2px solid #fff;font-size:16px; border-radius:5px; padding-top:57px; text-align:center; background-repeat:no-repeat;   }
	.reserv-view .reserv-view-top .right .reserv-btn a.btn1  {background-image:url(../images/sub/reservation_btn.svg); background-size:32px 24px; background-position:center 24px; background-color:#3E5EAD;  }
	.reserv-view .reserv-view-top .right .reserv-btn a.btn2  {background-image:url(../images/sub/list_btn.svg); background-size:35px 32px; background-position:center 16px; background-color:#333;  }

	.reserv-view .reserv-view-contents { font-size:16px;  color:#333;  }
	.reserv-view .reserv-view-contents h3 {border-bottom:1px;  margin-bottom:35px; border-bottom:1px solid #DBDBDB;   }
	.reserv-view .reserv-view-contents h3 span {display:inline-block; padding-bottom:15px;padding-left:20px; padding-right:20px; color:#3E5EAD; font-weight:bold; font-size:20px; border-bottom:3px solid #3E5EAD;  }
	.reserv-view .reserv-view-contents h4  {font-size:20px; font-weight:bold; color:#333;  margin-bottom:15px;  }
	.reserv-view .reserv-view-contents p  {  line-height:1.6;  }

/*예약 달력*/
	.reserv-schedule {  }
	.reserv-schedule .top-text {   margin-bottom:30px;  }
	.reserv-schedule .top-text:after{ clear:both; display:table; content:'';    }
	.reserv-schedule .top-text h3 {font-size:18px; font-weight:normal; color:#333; padding-left:25px; position:relative; margin-bottom:10px;   }
	.reserv-schedule .top-text h3:before {width:21px; height:21px; position:absolute; top:0px; left:0px; border-radius:100%; content:''; display:inline-block; background:url(../images/sub/reservation_btn.svg) no-repeat center center; background-size:60% auto; background-color:#333;  }
	.reserv-schedule .top-text select {  width:100%;  height:35px; background:#F2F2F2; border:1px solid #DBDBDB; border-radius:5px;  margin-bottom:10px; }
	.reserv-schedule .top-text p {float:left; font-size:14px; letter-spacing:-1px; color:#333; padding-top:3px;  }
	.reserv-schedule .top-text p strong {font-weight:bold; color:#3E5EAD; }

	.reserv-schedule .calendar-wrap { position:relative;  }
	.reserv-schedule .calendar-wrap .month-select { text-align:center; margin-bottom:30px;  }
	.reserv-schedule .calendar-wrap .month-select a {display:inline-block; vertical-align:bottom;  border-radius:100%;  width:26px; height:26px; background-color:#666; background-size:7px auto; background-repeat:no-repeat; background-position:center center; text-indent:-9999px;   }
	.reserv-schedule .calendar-wrap .month-select a.prev {background-image:url(../images/sub/cal-left.svg) ; }
	.reserv-schedule .calendar-wrap .month-select a.next {background-image:url(../images/sub/cal-right.svg) ; }
	.reserv-schedule .calendar-wrap .month-select  .ym { font-size:18px; color:#333;  margin:0 20px;  display:inline-block; line-height:1;  }
	.reserv-schedule .calendar-wrap .month-select  .ym strong { font-size:28px;font-weight:bold;   }
	.reserv-schedule .calendar-wrap  .label-info {  margin-bottom:30px;text-align:center;   }
	.reserv-schedule .calendar-wrap  .label-info span { display:inline-block;  font-weight:normal;  width:72px; height:26px; border-radius:5px; margin-left:2px; color:#fff; font-size:16px; text-align:center;  line-height:26px;      }
	.reserv-schedule .calendar-wrap .swiper-calendar  {margin-bottom:20px;  overflow:hidden; position:relative; }
	.reserv-schedule .calendar-wrap .swiper-calendar .swiper-slide {text-align:center;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  }
	.reserv-schedule .calendar-wrap .swiper-calendar .swiper-slide .sun {color:#CB5D5C; }
	.reserv-schedule .calendar-wrap .swiper-calendar .swiper-slide .sat {color:#3E5EAD;}
	.reserv-schedule .calendar-wrap .swiper-calendar .swiper-slide span { display:block; border-bottom:1px solid #dbdbdb; padding:10px; }
	.reserv-schedule .calendar-wrap .swiper-calendar .swiper-slide a  { display:inline-block; border-radius:100%;  line-height:28px; width:28px;height:28px;margin:5px 0 ;   }
	.reserv-schedule .calendar-wrap .swiper-calendar .swiper-slide a.active  { background:#333; color:#fff; }
	/*.swiper-button-prev, .swiper-button-next { display:none;  }*/
	.reserv-schedule .calendar-wrap .swiper-calendar .s-btn {position:absolute;z-index:100; top:50%; margin-top:-17.5px;  display:inline-block; width:35px; height:35px; background:rgba(0,0,0,0.3); text-align:center; line-height:31px; border-radius:100%;   }
	.reserv-schedule .calendar-wrap .swiper-calendar .s-btn img { width:10px;   }
	.reserv-schedule .calendar-wrap .swiper-calendar  .s-slide-prev { left:0px; }
	.reserv-schedule .calendar-wrap .swiper-calendar  .s-slide-next { right:0px;   }

	.reserv-schedule .calendar-wrap .m-calendar .m-day-schedule { padding-bottom:20px; border-bottom:1px solid #dbdbdb;  }
	.reserv-schedule .calendar-wrap .m-calendar .m-day-schedule .day {text-align:center; font-size:18px; color:#333;  margin-bottom:15px;  }
	.reserv-schedule .calendar-wrap .m-calendar .m-day-schedule .time { margin:0 -4px; }
	.reserv-schedule .calendar-wrap .m-calendar .m-day-schedule .time:after { clear:both; display:table; content:'';  }
	.reserv-schedule .calendar-wrap .m-calendar .m-day-schedule .time span { float:left; width:calc(50% - 8px); margin: 4px; height: 32px; line-height:32px;  display:inline-block; border-radius:5px; text-align:center; color:#fff; font-size:14px;   }
	.reserv-schedule .calendar-wrap .m-calendar .m-day-schedule .time span.label-green  {cursor:pointer; }

	.reserv-schedule .calendar-wrap .reserv-modal-wrap { display:none;  position:fixed; top:0px; left:0px; width:100%; height:100%; overflow-y:auto;   background: rgba(0,0,0,0.8);  z-index:200; padding-top:100px; padding-left:15px; padding-right:15px;   }
	.reserv-schedule .calendar-wrap .reserv-modal { position:relative; width:100%;  background:#fff; border-radius:5px; padding:12px; padding-bottom:20px;   font-size:16px;  z-index:200;   }
	.reserv-schedule .calendar-wrap .reserv-modal  h3 {padding-left:20px; font-size:16px; min-height:20px; margin-bottom:10px; color:#333; font-weight:normal; background-repeat:no-repeat; background-position:left top; padding-top:0px; background-size:18px auto;   }
	.reserv-schedule .calendar-wrap .reserv-modal .top { border:2px solid #3E5EAD; padding:12px 12px 0; border-radius:5px;  margin-bottom:5px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .top h3 { background-image:url(../images/sub/cal_ico.svg) ; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li { margin-bottom:10px;   }
	.reserv-schedule .calendar-wrap .reserv-modal .top li:after {clear:both; display:table; content:''; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li strong   {float:left; width:90px; padding-left:10px; position:relative;color:#3E5EAD; font-weight:bold; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li strong:before  {position:absolute; top:7px; left:0px; width:3px; height:9px; background:#3E5EAD; content:''; display:inline-block; }
	.reserv-schedule .calendar-wrap .reserv-modal .top li span  {float:left; width:calc(100% - 90px); color:#333; line-height:1.5;  }
	.reserv-schedule .calendar-wrap .reserv-modal .top li span.title  {font-weight:bold;  font-size:22px; line-height:1;  }

		.reserv-schedule .calendar-wrap .reserv-modal .section { border-bottom:1px solid #dbdbdb; padding:10px ;  font-size:14px; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 h3 {  background-image:url(../images/sub/person_ico.svg) ;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01:after { clear:both; display:table; content:'';  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p { float:left; width:50%;   margin-bottom:10px;   padding-right:10px; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p.full { width:100%; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span.title { float:left; width:42px; height:42px;line-height:42px; text-align:center;  font-size:14px; border:1px solid #dbdbdb; border-radius:100%; display:inline-block; margin-right:5px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span.text-wrap {float:left; width:calc(100% - 51px);  line-height:42px; }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span input {border:0px; max-width:100%;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p span select { max-width:100%;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p .input {  border:1px solid #dbdbdb;    border-radius:5px;  height:42px; padding:0 5px;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p .text-wrap.m-full  {width:100%;  }
	.reserv-schedule .calendar-wrap .reserv-modal .section01 p label {margin-bottom:0px; margin-right:5px; }



	.reserv-schedule .calendar-wrap .reserv-modal .section02  {  max-height:160px; overflow-y:auto;  margin-bottom:30px;   }
	.reserv-schedule .calendar-wrap .reserv-modal .section02 h3 {  background-image:url(../images/sub/danger_ico.svg) ;  }
	.reserv-schedule .calendar-wrap .reserv-modal .check  {margin-top:20px; margin-bottom:20px; }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  {text-align:center;  }
		.reserv-schedule .calendar-wrap .reserv-modal .s-btn * { vertical-align:middle;  }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  a,
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn button{display:inline-block; border:0px; width:139px; margin:0 3px;  height:46px; line-height:44px;  color:#fff; border-radius:5px;  padding-left:15px; background-size:auto 16px; background-position:20px 16px; background-repeat:no-repeat;  }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  a.btn1 ,
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  button.btn1 {background-color:#3E5EAD; background-image:url(../images/sub/payment_ico.svg); }
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  a.btn2,
	.reserv-schedule .calendar-wrap .reserv-modal .s-btn  button.btn2 {background-color:#666666; background-image:url(../images/sub/cancel_ico.svg); }


		/*예약현황*/
	.name-check {  font-size:16px; color:#333; position:relative;  margin-bottom:15px; }
	.name-check img { display:inline-block; margin-right:5px; margin-top:-3px; width:27px;height:29px;   }
	.name-check strong { font-weight:bold; font-size:20px;   }
	
	.info-board { margin-bottom:15px;   }
	.info-board:after { clear:both; display:table; content:'';  }
	.info-board li { float:left; width:50%;  padding:15px 0;  }
	.info-board li:first-child { border-left:0px;  }

	.info-board li .img { float:left; width:48px; height:48px; border-radius:100%; margin-right:17px; background-size:50%; background-position:center center; background-repeat:no-repeat;  }
	.info-board li .text-wrap { float:left; width:calc(100% - 65px); font-size:14px; color:#333;  }
	.info-board li .text-wrap strong{ font-weight:bold; font-size:20px; }
	.info-board li.list01 .img { background-image:url(../images/sub/res_01.png); background-color:#666666;  }
	.info-board li.list02 .img { background-image:url(../images/sub/res_02.png); background-color:#3E5EAD;  }
	.info-board li.list03 .img { background-image:url(../images/sub/res_03.png); background-color:#CA5E5C;  }
	.info-board li.list04 .img { background-image:url(../images/sub/res_04.png); background-color:#BB7C0E;  }
	.info-board li.list05 .img { background-image:url(../images/sub/inq_01.png); background-color:#666;  }
	.info-board li.list06 .img { background-image:url(../images/sub/inq_02.png); background-color:#3E5EAD;  }
	.info-board li.list07 .img { background-image:url(../images/sub/inq_03.png); background-color:#CA5E5C;  }

	/*게시판 상단 조회창*/
	.reserv-lookup { width:100%; background:#F2F2F2; border-radius:5px; padding: 15px 13px; margin-bottom:25px;  }
	.reserv-lookup form { display:block !important; width:100%;  font-size:0px;  }
	.reserv-lookup form .part { display:block; width:100%; margin-bottom:15px;  }
	.reserv-lookup form .part:after {clear:both; display:table; content:''; }
	.reserv-lookup select {height:32px;   width:calc(100% - 72px);   border:0px; background:#fff; border-radius:5px;padding:0 4px; font-size:14px;  }
	.reserv-lookup input  {height:32px;  width:calc(100% - 72px);  border:0px; background:#fff; border-radius:5px; padding:0 4px;  font-size:14px; }
	.reserv-lookup form .part3  {  font-size:14px;  }
	.reserv-lookup form .part3 input { width:calc(50% - 44px); float:none;  }
	.reserv-lookup label {font-size:16px;color:#333; display:inline-block;  font-weight:normal; width: 72px; }
	.reserv-lookup button { width:100%; height:34px; border:0px; background:#333; color:#fff; font-size:18px;  border-radius:5px; }


	.sub-contents .reserv-check h3 {font-size:22px; color:#333; font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:2px solid #dfdfdf; }
	.reserv-check .reserv-list-wrap {  margin:-12px 0 30px ;   } 
	.reserv-check .reserv-list-wrap:after { clear:both; display:table; content:'';  }
	.reserv-check .reserv-list-wrap .list { padding:12px 0;   }
	.reserv-check .reserv-list-wrap .list .in  {display:block; border:1px solid #dfdfdf; border-radius:5px; padding:15px;  width:100%;margin-bottom:20px;  }
	.reserv-check .reserv-list-wrap .list .in .top { border-bottom: 1px dashed #DBDBDB; padding-bottom:18px;  }
	.reserv-check .reserv-list-wrap .list .in .top:after {clear:both; display:table; content:''; }
	.reserv-check .reserv-list-wrap .list .in .top .label-info {float:left; width:100px; height:50px; text-align:center; border-radius:5px; color:#fff; padding-top:17px;  margin-right:10px; }
	.reserv-check .reserv-list-wrap .list .in .top .text-wrap {float:left; width:calc(100% - 110px);  }
	.reserv-check .reserv-list-wrap .list .in .top .text-wrap .text1 {color:#666; font-size:14px;margin-bottom:5px;  }
	.reserv-check .reserv-list-wrap .list .in .top .text-wrap .text2 {color:#333; font-size:16px; letter-spacing:-1.5px;  }
	.reserv-check .reserv-list-wrap .list .in .bottom {}
	.reserv-check .reserv-list-wrap .list .in .bottom  ul {padding:8px; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li {padding:8px 0; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li:after {clear:both; display:table; content:''; }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li span {color:#666; font-size:14px;display:block; margin-bottom:5px;  }
	.reserv-check .reserv-list-wrap .list .in .bottom  ul li strong {color:#333; font-size:16px; font-weight:normal; display:block; }



	/*나의 문의내역*/
	.q-info { margin-bottom:15px;   font-size:16px; color:#333; }
	.q-info .q-label { display:inline-block; margin-bottom:5px;  width:105px; height:36px; background:#333; color:#fff; border-radius:5px; text-align:center; padding-top:6px;  }
	.q-info .q-label img{ width:18px;  margin-right:2px; display:inline-block; margin-top:-1px; }
	.q-info a { color:#3E5EAD; text-decoration:underline; font-weight:bold;  }


	/*문의내역 게시판 리스트*/
	.board-list { width:100%; border-top:2px solid #dfdfdf; margin-bottom:30px;    }
	.board-list table {width:100%;  border-collapse:collapse; }
	.board-list table colgroup { display:none;  }
	.board-list table thead { display:none; }
	.board-list table tbody  {display:block;   }
	.board-list table tbody:after { content:''; display:table; clear:both;  }
	.board-list table tbody tr {display:block; border-bottom:1px solid #dfdfdf; position:relative;float:left; padding:12px 0 ;  font-size:16px;  }
	.board-list table tbody td {display:block; float:left;margin-bottom:10px;  }
	.board-list table tbody td a  {   width:100%; color:#333;  font-size:18px; }
	.board-list table tbody td .board-list-label {position:absolute; top:12px; right:0px; display:inline-block; width:71px; height:25px; color:#fff; border-radius:5px; font-size:14px; margin-right:5px; text-align:center;  padding-top:2px; }
	.board-list table tbody td .reply-count {font-weight:bold; color:#CA5E5C; font-weight:bold; }


/*로그인*/
.login-wrap { width:380px; max-width:100%; position:relative;  margin:0 auto; border:1px solid #dbdbdb; background:#F2F2F2; border-radius:5px; padding:25px;  margin-bottom:100px; }
.login-wrap .title {font-size:18px; font-weight:bold; color:#222; margin-bottom:10px; }
.login-wrap .input-wrap {}
.login-wrap .input-wrap label {  }
.login-wrap .input-wrap input  { width:100%;   border:1px solid #dbdbdb; border-radius:5px; background:#fff;height:42px;  padding:0 5px; font-size: 16px; color:#666; margin-bottom:3px; }
.login-wrap .input-wrap input::placeholder  {  font-size: 16px; color:#666; }
.login-wrap .login-btn   { margin-bottom:15px;  }
.login-wrap .login-btn button  { width:100%; height:42px;  background:#3E5EAD; border:1px solid #3E5EAD ; color:#fff;  font-size:18px;border-radius:5px;  }
.login-wrap .link  {}
.login-wrap .link:after  { clear:both; display:table; content:'';  }
.login-wrap .link li  { float:left; width:50%; text-align:center; position:relative;  }
.login-wrap .link li:before  {content:''; display:inline-block; position:absolute; top:5px; left:0px; width:1px; height:15px; background:#dbdbdb; }
.login-wrap .link li:first-child:before  {display:none; }
.login-wrap .link li a  {font-size:16px; color:#333;  }



	/*회원가입*/
	.join-step {  margin-bottom:55px; }
	.join-step:after {clear:both; display:table; content:'';   }
	.join-step li {float:left; width:25%; padding:0 10px; position:relative; text-align:center; }
	.join-step li:before {position:absolute; top:20px; left:-3px; content:''; display:inline-block; width:7.85px; height:14.05px; background:url(../images/main/mo_menu_go.svg) no-repeat center center; background-size:7.85px 14.05px;  }
	.join-step li:first-child:before {display:none; }
	.join-step li .step { width:28px; height:28px; border-radius:100%; text-align:center; background:#666; color:#fff; font-size:14px; font-weight:bold;  padding-top:5px; display:block; margin: 0 auto 5px; }
	.join-step li .step span{display:none;  }
	.join-step li .text { font-size:16px; color:#666;   font-weight:bold; }
	.join-step li.active .step {background:#3E5EAD; }
	.join-step li.active .text {color:#3E5EAD; }

	.agree-box { max-height:300px; overflow-y:auto;  }
	.agree-box h3 {  font-size:18px; color:#333; font-weight:bold;margin-bottom:15px;  }
	.agree-box p {  margin-bottom:15px; }

	.sub-contents h2 { font-weight:bold; font-size:22px; color:#333; margin-bottom:15px; margin-top:30px;  }
	.sub-contents h2:first-child {margin-top:0px; }
	.sub-contents .text-box {border:1px solid #dfdfdf; background:#F2F2F2; border-radius:5px; padding:10px 15px; margin-bottom:15px; }
	.sub-contents .contents-btn {}
	.sub-contents .contents-btn * { vertical-align:middle;  }
	.sub-contents .contents-btn a, 
	.sub-contents .contents-btn button {min-width:120px; height:43px; text-align:center; line-height:43px; color:#fff; border-radius:5px; margin:0 2px; display:inline-block; font-size: 18px; font-weight:bold; background:#3E5EAD; border:0px; }
	.sub-contents .contents-btn a.btn2, 
	.sub-contents .contents-btn button.btn2 {background:#666; }


		/*실명확인*/
	.join-step-border-box  {width:100%; margin:0 auto; padding:30px 15px; border:1px solid #dfdfdf; border-radius:5px; margin-bottom:34px;  margin-top:30px;   }
	.join-step-border-box:after   { clear:both; display:table; content:'';  } 
	.join-step-border-box.join-step2 .img { margin:0 auto;   width:193px; height:193px; border-radius:100%;  background:#F2F2F2; text-align:center; padding-top:33px;  margin-bottom:30px;  }
	.join-step-border-box.join-step2 .img img { width:82px;  }
	.join-step-border-box .text-wrap { }
	.join-step-border-box .text-wrap h3 {font-size:24px; font-weight:bold; color:#333; margin-bottom:15px; text-align:center;  }
	.join-step-border-box .text-wrap p {font-size:16px;color:#333; margin-bottom:20px; }
	.join-step-border-box .text-wrap ul li  {font-size:16px;color:#666; margin-bottom:5px; padding-left:10px; position:relative;  }
	.join-step-border-box .text-wrap ul li:before  {content:''; display:inline-block; width:4px; height:4px; border-radius:100%;  background:#666; position:absolute; top:11px; left:0px;  }

		/*회원가입폼*/
	.join-form {  }
	.join-form .input-box {  border:1px solid #dbdbdb;   margin-bottom:30px;   }
	.join-form .input-box dl { border-bottom:1px solid #dbdbdb;    }
	.join-form .input-box dl:after {  clear:both; display:table; content:'';   }
	.join-form .input-box dl dt {   background:#f2f2f2;padding:15px ;text-align:center;  }
	.join-form .input-box dl dt label {margin-bottom:0px; }
	.join-form .input-box dl dd {   padding:15px ;}
	.join-form .input-box dl dd label {margin-bottom:0px; display:inline; }
	.join-form .input-box dl dd input { margin-bottom:5px; }
	.join-form .input-box dl dd .form-text {display: block;    width: 100%;  margin-bottom:5px;   height: calc(1.5em + 0.75rem + 2px);    padding: 0.375rem 0.75rem;    font-size: 1rem;    font-weight: 400;    line-height: 1.5;    color: #495057;    background-color: #fff;    background-clip: padding-box;  border: 1px solid #ced4da;   border-radius: 0.25rem;    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
	.join-form .input-box dl dd.address { }
	.join-form .input-box dl dd.address #raddr {float:left;  width:64%;margin-right:1%;  margin-bottom:10px;   }
	.join-form .input-box dl dd.address p button {float:left;  width:35%;   }



	/*회원가입완료*/
	.join-step-border-box.join-step3 .img {margin:0 auto 30px;  width:146px;   }
	.join-step-border-box.join-step3 .img img { width:146px;  }
	.join-step-border-box.join-step3 .text-wrap { text-align:center;  }
	.join-step-border-box.join-step3 .text-wrap .contents-btn { margin-bottom:0px;    }
	.join-step-border-box.join-step3 .text-wrap .contents-btn a { min-width:116px;    }

/*아이디 찾기*/
	.find-id {width:380px; max-width:100%; margin:0 auto; padding:20px;  border:1px solid #dbdbdb; border-radius:5px;  }
	.find-id .title { font-size:18px; color:#333;  font-weight:bold; border-bottom:1px solid #dbdbdb; padding-bottom:5px;   }
	.find-id .text-wrap {padding-top:20px; }
	.find-id .text-wrap .text   { font-size:18px; color:#333; margin-bottom:20px;  }
	.find-id .text-wrap .text  strong {font-weight:bold; }
	.find-id .text-wrap .text  strong.id {color:#CC3333; }
	.find-id .text-wrap  .login-btn   { margin-bottom:30px;  }
	.find-id .text-wrap  .login-btn  a { width:100%; text-align:center;  color:#fff; font-size:20px; display:inline-block;  height:42px; border-radius:5px; line-height:42px;  background:#3E5EAD; }
	.find-id .text-wrap  .login-btn  button { width:100%; text-align:center;border:0px;   color:#fff; font-size:20px; display:inline-block;  height:42px; border-radius:5px;  background:#3E5EAD; }
	.find-id .text-wrap  ul.find-id-ul {}
	.find-id .text-wrap  ul:after { clear:both; display:table; content:'';  }
	.find-id .text-wrap  ul.find-id-ul li {float:left; width:50%; text-align:center; position:relative; border-left:1px solid #dbdbdb;  }
	.find-id .text-wrap  ul.find-id-ul li:first-child  {border-left:0px; }
	.find-id .text-wrap  ul.find-id-ul li a { font-size:16px; color:#333;  }

	.find-id .input-wrap input {  margin-bottom:20px; width:100%; height: 42px; border-radius:5px; border:1px solid #dbdbdb; background:#fff; padding:0 5px;  } 
	.find-id .input-wrap input::placeholder {  color:#333; font-size:18px; color:#333;} 
	.find-id .text-wrap .pwd-ul  {  } 
	.find-id .text-wrap .pwd-ul  li  { margin-bottom:10px; color:#333; font-size:16px; padding-left:10px; position:relative;    } 
	.find-id .text-wrap .pwd-ul  li:before  { content:''; display:inline-block; width:5px; height:5px; background:#333; border-radius:100%; position:absolute; top:10px; left:0px;   }


			/*수영장 예약페이지*/
	.list-box { margin-bottom:20px;  border:1px solid #dbdbdb; background:#f2f2f2; border-radius:5px; padding:15px 0 ; }
	.list-box:after { clear:both; display:table; content:''; }
	.list-box .list.listLong {  width:100%;  }
	.list-box .list {float:left;  width:50%;  border-left:1px dashed #dbdbdb; text-align:center;  margin:10px 0 ; height:62px;   }
	.list-box .list:first-child,.list-box .list:nth-of-type(2),.list-box .list:nth-of-type(4) {border-left:0px; }
	.list-box .list .title { font-size:16px; color:#333; margin-bottom:2px; }
	.list-box .list .text { font-size:16px; color:#333;  }
	.list-box .list .text strong { font-size:20px; font-weight:bold;  }
	.list-box .list .text strong.count { font-size:24px;   }
	.list-box .list.listLong .title { font-size:20px;  }
	.list-box .list.listLong .text { font-size:20px;  } 
	.list-box .list.listLong .text strong { font-size:24px;  } 
	.list-box .btn-wrap {  }
	.list-box .btn-wrap a {display:inline-block; width:130px; margin:10px auto 0;  border:0px;   height:46px; line-height:44px;  color:#fff; border-radius:5px;  padding-left:15px; background-size:auto 16px; background-position:20px 16px; background-repeat:no-repeat; background-color:#3E5EAD; background-image:url(../images/sub/payment_ico.svg);  }
	.swimming-info { font-size:18px; color:#666;  margin-bottom:30px;  }
	.swimming-info span {text-decoration:underline; color:#3E5EAD;  }
	.swimming-reserv-wrap {  }
	.swimming-reserv-wrap:after {  clear:both; display:table; content:'';   }
	.swimming-reserv-wrap .swimming-reserv {  padding: 20px 0;  border-top:1px solid #dbdbdb;  }
	.swimming-reserv-wrap .swimming-reserv:first-child {  padding-top:0px; border-top:0px; }
	.swimming-reserv-wrap .swimming-reserv .top {padding:0 0 30px;   }
	.swimming-reserv-wrap .swimming-reserv .top:after {content:''; display:table; clear:both;  }
	.swimming-reserv-wrap .swimming-reserv .top .icon {float:left; width:53px; margin-right:10px;  height:53px; border-radius:100%; background-color:#3E5EAD; background-repeat:no-repeat; background-position:center center; background-size:24px 48px; }
	.swimming-reserv-wrap .swimming-reserv.man .top .icon {background-image:url(../images/sub/man_icon.svg); }
	.swimming-reserv-wrap .swimming-reserv.woman .top .icon {background-image:url(../images/sub/woman_icon.svg); background-color:#CB5D5C;  }
	.swimming-reserv-wrap .swimming-reserv .top .text-wrap {float:left; padding-top:5px; width:100px;  font-size:16px; color:#666;   }
	.swimming-reserv-wrap .swimming-reserv .top .text-wrap strong{ font-weight:bold;display:block; font-size:20px; color:#333;   }
	.swimming-reserv-wrap .swimming-reserv .top .label-wrap { float:left; width:calc(100% - 163px);  padding-top:33px;  }
	.swimming-reserv-wrap .swimming-reserv .top .label-wrap span {display:inline-block; width:72px; height:26px; text-align:center; border-radius:5px; background:#999; color:#fff; font-size:14px; line-height:26px; margin-right:2px;  }
	.swimming-reserv-wrap .swimming-reserv .top .label-wrap span.available  {background:#649D3A; }
	.swimming-reserv-wrap .swimming-reserv .bottom-list { margin:0 -1px;   }
	.swimming-reserv-wrap .swimming-reserv .bottom-list:after {clear:both; display:table; content:''; }
	.swimming-reserv-wrap .swimming-reserv .bottom-list span {display:block; width:calc(10% - 2px); float:left; text-align:center; margin:1px;  height:30px; border-radius:5px; background:#999999; color:#fff; font-size:12px; line-height:30px;   }
	.swimming-reserv-wrap .swimming-reserv .bottom-list span.possible {background:#649D3A; cursor:pointer; }


			/*로그인유도 알림*/
	.login-alime { width:415px; max-width:100%;  margin:30px auto ; border:1px solid #dbdbdb; border-radius:5px; padding:50px 40px;  text-align:center;   }
	.login-alime .img { margin-bottom:15px;  }
	.login-alime .img img {width:101px; }
	.login-alime .text { font-size:18px; color:#333; margin-bottom:25px;  }
	.login-alime .text strong { font-size:22px; font-weight:bold;  color:#3E5EAD;  }
	.login-alime .login-btn { margin-bottom:25px;   }
	.login-alime .login-btn a { display:inline-block; width:100%; height: 52px; border-radius:5px; background:#3E5EAD; color:#fff; padding-top:10px; font-size:20px; font-weight:bold; }
	.login-alime .login-link  {  }
	.login-alime .login-link:after  { clear:both; display:table; content:'';    }
	.login-alime .login-link a { width:50%; float:left; position:relative; display:block; font-size:18px;  color:#333;   }
	.login-alime .login-link a:before { position:absolute; top:6px; left:0px; width:1px; height:16px; background:#dbdbdb; content:''; display:inline-block; }
	.login-alime .login-link a:first-child:before { display:none; }



	/*팀동호회 목록*/
	.team-list { margin:0 0 30px;  }

	.team-list .list { width:100%; padding:7px 0 ;  }
	.team-list .list a { display:block; border:1px solid #DBDBDB; padding:5px; border-radius:10px;  height:110px;   }
	.team-list .list a:after {  clear:both; display:table; content:'';   }
	.team-list .list a .img  { float:left;  position:relative; width:100px; height:100px;  }
	.team-list .list a .img img {width:100%;height:100%;  }
	.team-list .list a .text-wrap {float:left; width:calc(100% - 100px); padding-left:10px;padding-top:7px;  }
	.team-list .list a .text-wrap li { padding:3px 0 ;  color:#555; }
	.team-list .list a .text-wrap li strong { font-weight:normal; color:#222;  }
	.team-list .list a .text-wrap li strong.title { font-weight:bold; color:#222;  font-size:18px; letter-spacing:-2px;  }


	/*휴관일 팝업*/
	.close-day-pop { position:fixed;top:0px; left:0px;overflow-y:auto;  width:100%; height:100%; z-index:1000;   background: rgba(0,0,0,0.8); }
	.close-day-pop .in {position:absolute; top:120px;  left:15px;  width:calc(100% - 30px); background:#fff; border-radius:5px; padding:50px 20px; text-align:center;  }
	.close-day-pop .in .img { padding-bottom:20px;  }
	.close-day-pop .in .img img { width:138px; }
	.close-day-pop .in .text-wrap { border-top:1px solid #dbdbdb; padding-top:20px; }
	.close-day-pop .in .text-wrap p.text { line-height:1.6; font-size:16px; margin-bottom:30px;  letter-spacing:-1.5px; }
	.close-day-pop .in .text-wrap p.text strong{font-weight:bold; color:#B24747; font-size:20px; }
	.close-day-pop .in .text-wrap .close-day-btn a {display:inline-block; width:140px; height:40px; background:#3E5EAD; border-radius:5px; color:#fff; font-size:18px; line-height:40px; }



/*이용안내*/
.step-list { text-align:center;  }
.step-list * { vertical-align:top;  }
.step-list:after { clear:both; display:table; content:'';  }
.step-list li  {float:left; width:33.333%; padding:10px;    display:inline-block;  text-align:center; color:#333; position:relative;  }
.step-list li:before {position:absolute; top:40px; left:-5px; content:''; display:inline-block; width:8.65px; height:17.7px; background:url(../images/main/mo_menu_go.svg) no-repeat center center; background-size:8.65px 17.7px;  }
.step-list li:first-child:before {display:none; }
.step-list li span.img  {display:block; margin:0 auto 5px;  width:76px; height:76px; border-radius:100%;padding-top:20px;    }
.step-list li span.img img {width:35px; }
.step-list li:nth-of-type(1) span.img {background:#3E5EAD; }
.step-list li:nth-of-type(2) span.img {background:#2E61A7; }
.step-list li:nth-of-type(3) span.img {background:#194D93; }
.step-list li:nth-of-type(4) span.img {background:#0D5984; }
.step-list li:nth-of-type(5) span.img {background:#0D7284; }
.step-list li:nth-of-type(6) span.img {background:#0D844E; }
.step-list li:nth-of-type(4) { clear:both;  }

	/*회원정보*/
	.line-table { width:100%; border-top:1px solid #666;  }
	.line-table table {border-collapse:collapse;  width:100%;  }
	.line-table table * {vertical-align:middle; }
	.line-table table tr { display:flex; flex-wrap: wrap}
	.line-table table th {  width:25%; padding:10px; color:#3E5EAD;  border-bottom:1px solid #dbdbdb;  }
	.line-table table td {  width:75%;padding:10px;   border-bottom:1px solid #dbdbdb; line-height:1.6;  }
	.line-table table td .input-text {height:34px; padding:0 5px; border:1px solid #DBDBDB; background:#F2F2F2; color:#333; border-radius:5px; margin:2px 5px;  }
	.line-table table td input[type="checkbox"]  {width:16px; height:16px; margin:0 5px;  }
	.line-table table td input[type="checkbox"]:first-child  {margin-left:0px; }
	.line-table table td label { font-weight:bold; color:#222;  margin:0px;  }
	.line-table table td .contents-btn a, .line-table table td .contents-btn button { min-width: initial;  height:34px; padding:0 15px;font-size:14px; margin:2px 5px ;  color:#fff; font-weight:normal;  border:0px; line-height:34px;padding-top:0px;   }
	.line-table table td .contents-btn a.btn2, .line-table table td .contents-btn button.btn2  {  background:#666;  }
	.line-table table td .contents-btn a.btn3, .line-table table td .contents-btn button.btn3  {  background:#222;  }




}


@media (max-width: 600px) {
	
}