@charset "UTF-8";

@keyframes ripple{
	0%{
		opacity:0.5;
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	100%{
		opacity:0;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}

/* common */
.tmpl_sub {display:block; background:url('/Main/Images/saemaul/sub/tmpl_subx.png') no-repeat; text-indent:-9999rem;}
.ir_sub:before {content:''; position:absolute; background:url('/Main/Images/saemaul/sub/tmpl_subx.png') no-repeat;}
/*.slick-list {margin-bottom:-8px !important;}*/

h2, h3 {margin-bottom:3.5rem; font-size:3.3rem; font-weight:700; line-height:1.4}
section.wrap {margin-top:4.5rem;}
section.wrap:after {content:''; display:block; clear:both;}
@media all and (max-width:1440px){
	section.wrap {margin-top:2rem}
}

#footer > div.wrap {/*padding:7rem 0 3rem 0;*/ /*border-top:1px solid #e3e3e3;*/}
/*
@media all and (max-width:1023px) {
	#footer > div.wrap {padding:5.2rem 0 0 0;}
}
*/

.obj {position:fixed; z-index:-1;}
.obj.obj01 {top:0; right:0; width:275px; height:231px; background:url('/Main/Images/saemaul/sub/obj01.png') no-repeat;}
.obj.obj02 {bottom:160px; left:0; width:145px; height:348px; background:url('/Main/Images/saemaul/sub/obj02.png') no-repeat;}
.obj.obj03 {bottom:-250px; right:0; width:308px; height:551px; background:url('/Main/Images/saemaul/sub/obj03.png') no-repeat;}
@media all and (max-width:1440px){
	.obj.obj02 {display:none;}
}
@media all and (max-width:599px){
	.obj.obj01 {width:175px; height:147px; background-size:contain;}
	.obj.obj03 {width:208px; height:372px; background-size:contain;}
}

/* snb */
#snb {float:left; width:220px;}
#snb.fixed {position:fixed;}
#snb h2 {margin-top:4.5rem;}
#snb .snb a {display:block; position:relative; padding-left:1.7rem; padding-right:1.7rem;}
#snb .snb a[target="_blank"]:before {display:none;}
#snb .snb a[target="_blank"] span {display:block; padding-right:2rem; background:url('/Main/Images/saemaul/common/blank_b.png') no-repeat right 47%;}
#snb .snb .depth03 a[target="_blank"] span {display:inline;}
#snb .snb > li > a {padding-top:1.3rem; padding-bottom:1.3rem; border-bottom:1px solid #e3e3e3;}
#snb .snb > li:first-of-type > a {border-top:2px solid #117533}
#snb .snb > li > a:before {content:''; position:absolute; top:50%; right:2rem; width:0.6rem; height:0.6rem; border-bottom:2px solid #d3d3d3; border-right:2px solid #d3d3d3; transform:translateY(-50%) rotate(-45deg);}
#snb .snb > li.on .depth03 {display:block;}
#snb .snb > li.on:first-of-type > a {border-top:0;}
#snb .snb > li.on > a {padding-left:5rem; color:#fff !important; font-weight:700; }
#snb .snb > li.on > a:before {right:inherit; left:2.5rem; border:0; background:#fff; border-radius:50%; }
#snb .snb > li.on > a:after {content:''; position:absolute; top:0; left:0; width:120%; height:100%; background:#117533; z-index:-1; box-shadow:5px 10px 10px rgba(0,0,0,0.15);}
#snb .snb > li:hover > a {color:#117533; font-weight:700;}
#snb .snb > li:hover > a:before {border-color:#117533;}
#snb .depth03 {display:none; padding:1.1rem 0; border-bottom:1px solid #117533;}
#snb .depth03 > li > a {padding-left:2.7rem; margin:0.7rem 0; font-size:1.6rem; color:#2b2b2b;}
#snb .depth03 > li.on > a,
#snb .depth03 > li:hover > a {font-weight:600; text-decoration:underline;}
@media all and (max-width:1440px){
	#snb {float:left; width:180px;}
}
@media all and (max-width:1023px){
	#snb {display:none;}
}

/* article */
.article {float:right; width:calc(100% - 330px);}
.article .loca {margin-bottom:1rem; margin-right:0.2rem; text-align:right;}
.article .loca ul {overflow:hidden; display:inline-block;}
.article .loca ul li {position:relative; float:left; padding:0 1.7rem; font-weight:500;}
.article .loca ul li:after {content:''; position:absolute; top:50%; right:-0.1rem; width:0.4rem; height:0.4rem; border-bottom:2px solid #b7b7b7; border-right:2px solid #b7b7b7; transform:translateY(-50%) rotate(-45deg);}
/*
.article .loca ul li:first-child {padding-left:0.3rem;}
.article .loca ul li:last-child {padding-right:0; font-weight:700;}
*/
.article .loca ul li:first-child {display:none;}
.article .loca ul li:last-child {padding-right:0;}
.article .loca ul li:last-child:after {display:none;}
.article .title {display:flex; justify-content:space-between;}
.article .util {position:relative; margin-top:0.4rem;}
.article .util a {display:block; width:44px; height:44px; border-radius:15px;}
.article .util > a {position:relative; float:left; margin-left:0.7rem; background-color:#efefef;}
.article .util > a.print {background-position:0 0;}
.article .util > a.sns {background-position:-44px 0;}
.article .util .open {display:none; position:absolute; top:4.5rem; right:0; z-index:100;}
.article .util .open a {margin:0.7rem 0 0 0;}
.article .util .open a.facebook {background-color:#455E99; border-color:#455E99; background-position:-132px 0;}
.article .util .open a.twitter {background-color:#000; border-color:#000; background-position:-176px 0;}
@media all and (max-width:1440px){
	.article {width:calc(100% - 270px);}
}
@media all and (max-width:1023px){
	.article {float:none; width:100%;}
	.article .loca {margin-bottom:0; text-align:left;}
	.article .loca ul li {padding:0 0.2rem; word-break:break-all;}
	.article .util {display:none;}
}

/* content */
#content {margin-bottom:10rem; margin-left:0.2rem;}

/* slide */
.basic_slide {padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.basic_slide img {border-radius:0.6rem;}
.basic_slide .slick-arrow {background:rgba(0,0,0,0.8); z-index:100;}
.basic_slide .slick-arrow.slick-prev {left:1rem; border-radius:0 0.6rem 0.6rem 0;}
.basic_slide .slick-arrow.slick-next {right:1rem; border-radius:0.6rem 0 0 0.6rem;}
.basic_slide .slick-prev:before,
.basic_slide .slick-next:before {width:0.8rem; height:0.8rem; border-color:#fff;}
.basic_slide .slick-prev:before {margin-left:0.1rem;}
.basic_slide .slick-next:before {margin-left:-0.1rem;}

/* heading */
h4 {margin:6rem 0 1.5rem; padding:1.5rem 0 0 0; background:url('/Main/Images/saemaul/sub/i_h4.png') no-repeat left top; font-size:2.5rem; font-weight:700; /*color:#696109;*/ line-height:1.5;}
h4 ~ p {margin-left:0.2rem}
h5 {margin:3rem 0 1.5rem 0.2rem; font-size:2.2rem; color:#117533; font-weight:600; line-height:1.5;}
h5 ~ p {margin-left:0.5rem;}
#content > h4:first-child {margin-top:1rem;}

/* button */
.btn_wrap {margin:2rem 0; text-align:center;}
.btn {display:inline-block; height:auto !important; padding:0.8rem 2rem 0.8rem 1.5rem; background:#696109; color:#fff; font-weight:600; border:1px solid #696109; border-radius:0.6rem; font-size:1.6rem; transition:all 0.3s; letter-spacing:0; line-height:inherit;}
.btn span {display:inline-block; position:relative; padding-left:3.3rem;}
.btn span:before {content:''; position:absolute; top:50%; left:0; width:22px; height:22px; margin-top:-12px; background:url('/Main/Images/saemaul/sub/i_btn.png') no-repeat;}
.btn.down span.down:before {background-position:0 0;}
.btn.down span.blank:before {background-position:0 0;}
.btn.down span.view:before {background-position:0 0;}
.btn:hover, .btn.black:hover {background:#fff; color:#117533; border-color:#117533;}
.btn:hover span:before {background-position-y:-22px;}
.btn.black {background:#333;}
/* 예약,인증관련 */
.btn.reser {padding:0.8rem 2rem; border:2px solid #117533;}
.btn.reser.list {background:#fff; color:#117533;}
.btn.reser.write {background:#117533;}
.btn.reser.confirm {margin:0.1rem; padding:0.3rem 1.5rem; background:#117533; color:#fff; border-color:#117533; font-size:1.5rem; border-radius:0;}
.btn.reser.cancel {margin:0.1rem; padding:0.3rem 1.5rem; background:rgb(199, 56, 64); border-color:rgb(199, 56, 64); font-size:1.5rem; border-radius:0;}
span.btn.reser.cancel {background:#fff; color:rgb(199, 56, 64); border-color:rgb(199, 56, 64);}
a.btn.reser:hover {background:#117533 !important; color:#fff !important;}
a.btn.reser.cancel:hover {background:rgb(199,56,64) !important; color:#fff !important;}
.btn.cursor {cursor: pointer;}

/* list */
ul.none {margin-left:0;}
ul.none li {padding-left:0;}
ul.none li:before {display:none}
.cont_depth01 {margin:1rem 0 1.5rem 0.8rem;}
.cont_depth01 > li {position:relative; padding:1rem 0 0 1.7rem}
.cont_depth01 > li:before {content:''; position:absolute; top:1.8rem; left:0; width:0; height:0; border-left:0.5rem solid #696109; border-top:0.5rem solid transparent;
border-bottom:0.5rem solid transparent; border-radius:2px;}
.cont_depth02 {margin:0.5rem 0 1rem 0.5rem;}
.cont_depth02 > li {position:relative; padding:0.5rem 0 0 1.7rem}
.cont_depth02 > li:before {content:''; position:absolute; top:1.6rem; left:0; width:6px; height:2px; background:#117533; border-radius:40px;}
.cont_depth03 {margin:0.5rem 0 1rem 0.5rem;}
.cont_depth03 > li {position:relative; padding:0.5rem 0 0 1.5rem; font-size:1.6rem;}
.cont_depth03 > li:before {content:''; position:absolute; top:1.5rem; left:0; width:4px; height:4px; background:#c7c7c7; border-radius:50%;}

/* table */
.scroll_txt {display:none;}
.tbl_area {overflow-x:auto; margin:2rem 0; clear:both; width:100%; border-top:2px solid #117533;}
.tbl_type1 {margin-left:-0.1rem; width:100%;}
.tbl_type1 thead th,
.tbl_type1 tbody th,
.tbl_type1 tbody td {background:#fff; padding:0.5rem; font-size:1.6rem; text-align:center; letter-spacing:-0.2rem;}
.tbl_type1 thead th,
.tbl_type1 tbody th {/*background:#fbfbfb;*/ color:#117533;}
.tbl_type1 thead th {border-left:1px solid #e3e3e3; border-bottom:1px solid #117533;}
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td {border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; word-break:break-all;}
.tbl_type1 thead tr th:first-child,
.tbl_type1 tbody tr th:first-child {border-left:0;}
@media all and (max-width:599px) {
	.scroll_txt {display:block; margin:2.5rem 0; text-align:right; font-size:1.3rem;}
	.scroll_txt span {padding:0 0 0 3.2rem; background:url('/Main/Images/saemaul/sub/i_scroll.gif') no-repeat left center;}
	.scroll_txt {text-align:center;}
	.tbl_type1 {min-width:599px;}
}

/* img */
/*img {display:block; margin:0 auto; width:auto; max-width:100%;}*/
.photo2, .photo3, .photo4 {margin-bottom:3rem;}
.photo2:after, .photo3:after, .photo4:after {content:''; clear:both; display:block;}
.photo2.imgW100 img, .photo3.imgW100 img, .photo4.imgW100 img {width:100%;}
.photo2 img, .photo3 img, .photo4 img {border-radius:0.6rem;}
.photo2 li,
.photo2 figure {position:relative; float:left; width:48%; text-align:center; margin:0 0 0 4%; padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.photo2 li:nth-child(2n+1),
.photo2 figure:nth-of-type(2n+1) {margin-left:0;}
.photo3 li,
.photo3 figure {position:relative; float:left; width:30.66%; text-align:center; margin:0 0 0 4%; padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.photo3 li:nth-child(3n+1),
.photo3 figure:nth-of-type(3n+1) {margin-left:0;}
.photo4 li,
.photo4 figure {position:relative; float:left; width:22%; text-align:center; margin:0 0 0 4%; padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.photo4 li:nth-child(4n+1),
.photo4 figure:nth-of-type(4n+1) {margin-left:0;}
.photo_box {position:relative; margin:2rem 0; padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.img_caption li,
.img_caption figure {position:relative;}
.img_caption li > span,
.img_caption figcaption {position:absolute; bottom:2rem; right:2rem; background:rgba(0,0,0,0.8); margin-left:1rem; padding:0.7rem 1.5rem; border-radius:0.5rem; color:#fff; font-size:1.5rem;}
@media all and (max-width:1240px){
	.photo2, .photo3, .photo4 {margin-bottom:0;}
	.photo3 li,
	.photo3 figure {width:48%; margin:0 0 4% 4%;}
	.photo3 li:nth-child(3n+1),
	.photo3 figure:nth-of-type(3n+1) {margin-left:4%;}
	.photo3 li:nth-child(2n+1),
	.photo3 figure:nth-of-type(2n+1) {margin-left:0;}
	.photo4 li,
	.photo4 figure {width:48%; margin:0 0 4% 4%;}
	.photo4 li:nth-child(4n+1),
	.photo4 figure:nth-of-type(4n+1) {margin-left:4%;}
	.photo4 li:nth-child(2n+1),
	.photo4 figure:nth-of-type(2n+1) {margin-left:0;}
}
@media all and (max-width:599px){
  .photo2 li,
  .photo2 figure {float:none; width:100%; margin:2rem 0 !important;}
  .photo3 li,
  .photo3 figure {float:none; width:100%; margin:2rem 0 !important;}
  .photo4 li,
  .photo4 figure {float:none; width:100%; margin:2rem 0 !important;}
  .img_caption li > span,
  .img_caption figcaption {font-size:1.3rem;}
}

/* box */
.box {position:relative; background:#ddd; padding:2px; margin-bottom:2rem;}
.box:before {content:''; position:absolute; top:0; left:0; width:100%; height:3rem; background:#117533;}
.box > div {position:relative; padding:3rem 4rem; background:#fff; z-index:1;}
.bod_topheader .box {padding:2px; margin:0 0 2rem 0; border:0; background:#ddd;}
.box > div dl {display:flex; justify-content:space-between;}
.box > div dl dt {width:20rem; padding:1.5rem 0 0 0; background:url('/Main/Images/saemaul/sub/i_h4.png') no-repeat left top; font-size:2.5rem; font-weight:700; /*color:#696109;*/ line-height:1.5;}
.box > div dl dd {width:calc(100% - 20rem);}
.box > div dl dd > ul {margin:0; margin-top:0.8rem;}
.box2 {border:3px solid #f8f8f8; padding:3rem 4rem;}
@media all and (max-width:1240px) {
	.box > div dl {display:block;}
	.box > div dl dt {width:100%;}
	.box > div dl dd {width:100%;}
	.box > div dl dd > ul {margin-top:0; margin-left:0.5rem;}
}
@media all and (max-width:599px) {
	.box > div {padding:2.5rem;}
	.box2 {padding:2.5rem;}
}

/* 관람안내 */
.info > ul {display:flex; flex-flow:row wrap;}
.info > ul > li {position:relative; margin:0 0 2rem 5%; padding:3rem 3rem 3rem 9.5rem; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:15px;}
.info > ul > li:nth-child(1) {flex-grow:1; margin-left:0;}
.info > ul > li:nth-child(2) {flex-grow:2;}
.info > ul > li:nth-child(3) {flex--grow:1;}
.info > ul > li:before {content:''; position:absolute; top:2.5rem; left:2.5rem; width:46px; height:46px; background:url('/Main/Images/saemaul/sub/info01.png') no-repeat;}
.info > ul > li.info01:before {background-position:-92px -58px;}
.info > ul > li.info02:before {background-position:-46px -58px;}
.info > ul > li.info03:before {background-position:0 -58px;}
.info > ul > li > p {font-size:2.1rem; font-weight:600;}
.info > ul > li > ul {margin-bottom:0;}
.info > ul > li > ul > li > b {display:block; margin-right:0.7rem; }
@media all and (max-width:1440px) {
	.info > ul > li {width:calc(100% - 50% - 2rem); margin-left:2rem;}
	.info > ul > li:nth-child(2) {flex-grow:1;}
	.info > ul > li:nth-child(3) {width:100%; margin-left:0;}
}
@media all and (max-width:768px) {
	.info > ul > li {margin-left:0; width:100%;}
}

/* 전시관 안내
.floor_sum ul {display:flex; flex-flow:row wrap; justify-content:space-between;}
.floor_sum ul li {width:30%; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:3rem; border-radius:1.5rem; background:#fff;}
.floor_sum ul li span {display:inline-block; position:relative; padding-bottom:1rem; margin-bottom:2.5rem; font-weight:700; font-size:2.5rem; color:#117533;}
.floor_sum ul li span:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#117533;}
.floor_plan {display:flex; flex-flow:row wrap; justify-content:space-between; margin-top:6rem;}
.floor_plan .img {width:45rem;}
.floor_plan .text {width:calc(100% - 53rem)}
.floor_plan .text h5:first-of-type {margin-top:0;}
.floor_plan h5 {display:flex; align-items:center;}
.floor_plan h5 span {display:inline-block; width:3rem; height:3rem; background:#117533; color:#fff; line-height:3rem; text-align:center; font-size:1.5rem; border-radius:50%;}
.floor_plan h5 em {display:inline-block; margin-left:1rem; margin-top:0.1rem;}
@media all and (max-width:1440px){
	.floor_plan .img {width:35rem;}
	.floor_plan .text {width:calc(100% - 40rem)}
}
@media all and (max-width:768px){
	.floor_sum ul li {width:100%; margin-bottom:2rem; padding:3rem;}
	.floor_sum ul li:last-child {margin-bottom:0;}
	.floor_plan {margin-top:0;}
	.floor_plan .img {width:100%;}
	.floor_plan .text {width:100%; margin-top:4rem;}
}
*/
.floor_sum {position:relative;}
.floor_sum > ul > li > a {display:block; position:absolute; top:6rem; width:30%; min-height:21.6rem; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:3rem; border:3px solid #fff; border-radius:1.5rem; background:#fff;}
.floor_sum > ul > li:fist-child > a {left:0;}
.floor_sum > ul > li:nth-child(2) > a {left:50%; transform:translateX(-50%);}
.floor_sum > ul > li:last-child > a {right:0;}
.floor_sum > ul > li > a span {display:inline-block; position:relative; padding-bottom:1rem; margin-bottom:2.5rem; font-weight:700; font-size:2.5rem; color:#117533;}
.floor_sum > ul > li > a span:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#117533;}
.floor_sum > ul > li > a p {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; height:4.8em; line-height:1.6; word-wrap:break-word; text-overflow:ellipsis;}
.floor_sum > ul > li.on > a,
.floor_sum > ul > li:hover > a {border:3px solid #117533;}
.floor_sum > ul > li.on .floor_ctn {display:block;}
.floor_ctn {display:none; margin-top:30rem; background:#f8f8f8; padding:5rem; border-radius:1.5rem;}
.floor_plan {display:flex; flex-flow:row wrap; justify-content:space-between;}
.floor_plan .img {width:45rem;}
.floor_plan .text {width:calc(100% - 53rem)}
.floor_plan .type {display:flex; align-items:center; margin:3rem 0 1.5rem 0.2rem; font-size:2.1rem; color:#5d2d12; font-weight:600; line-height:1.5;}
.floor_plan .type:first-of-type {margin-top:0;}
.floor_plan .type span {display:inline-block; width:2.5rem; height:2.5rem; background:#5d2d12; color:#fff; line-height:2.5rem; text-align:center; font-size:1.3rem; border-radius:50%;}
.floor_plan .type em {display:inline-block; margin-left:1rem; margin-top:0.1rem;}
@media all and (max-width:1440px){
	.floor_ctn {padding:5rem 3rem;}
	.floor_plan .img {width:35rem;}
	.floor_plan .text {width:calc(100% - 40rem)}
}
@media all and (max-width:768px){
	.floor_sum > ul > li > a {display:flex; width:100%; min-height:auto; padding:2.5rem 2.5rem 1.3rem;}
	.floor_sum > ul > li:nth-child(2) > a {left:0; top:19rem; transform:translateX(0);}
	.floor_sum > ul > li:last-child > a {right:0; top:32rem;}
	.floor_sum > ul > li > a span {margin-top:-0.5rem; margin-right:3rem;}
	.floor_sum > ul > li > a p {-webkit-line-clamp:2; height:3.2em;}
	.floor_ctn {margin-top:43rem; padding:4rem 2.5rem;}
	.floor_plan .img {width:100%;}
	.floor_plan .text {width:100%; margin-top:4rem;}
}

/* 전시관 지도 */
.map_body {margin-bottom:2rem;}
.map_content {position:relative; z-index:1;}
.map_content .point a {display:block; position:absolute; width:4rem; height:4rem;}
.map_content .point.dots00 a {top:14%; left:16%;}
.map_content .point.dots01 a {top:32%; left:34%;}
.map_content .point.dots02 a {top:22.5%; left:45.5%;}
.map_content .point.dots03 a {top:28%; right:28%;}
.map_content .point.dots04 a {top:20%; right:13%;}
.map_content .point.dots05 a {top:41%; right:37.5%;}
.map_content .point.dots06 a {top:50%; right:45.5%;}
.map_content .point.dots07 a {bottom:9%; left:26%;}
.map_content .point .number {display:block; background:#fff; border:3px solid #117533; width:4rem; height:4rem; border-radius:50%; text-align:center; font-weight:700; font-size:1.5rem; line-height:3.4rem; z-index:1;}
.map_content .point .number:before {content:''; background-color:#117533; display:block; position:absolute; width:4rem; height:4rem; top:0; left:0; border-radius:50%; opacity:0; animation:ripple 1.5s infinite;}
.map_content .point .name {display:none; width:15rem; position:absolute; top:0; left:50%; margin-left:-7.5rem; background:#117533; padding:0.7rem; box-shadow:5px 5px 10px rgba(0,0,0,0.3); border-radius:10px; text-align:center; color:#fff; font-weight:500;}
.guide ol {display:flex; flex-flow:row wrap; list-style:none; }
.guide ol li {width:20%; margin:0.5rem 0; line-height:4rem;}
.guide ol li span {display:inline-block; background:#fff; border:3px solid #117533; width:4rem; height:4rem; margin-right:1rem; border-radius:50%; text-align:center; font-weight:700; font-size:1.5rem; line-height:3.4rem;}
.guide ol li:hover span {background:#117533; color:#fff;}
@media all and (max-width:1440px) {
	.guide ol li {width:25%}
}
@media all and (max-width:1240px) {
	.guide ol li {width:33.333%}
}
@media all and (max-width:1023px) {
	.map_content img {width:100%;}
}
@media all and (max-width:768px) {
	.map_body {overflow-x:auto;}
	.map_content {width:768px;}
	.guide ol {display:block; margin:0 -0.5rem;}
	.guide ol li {width:auto; display:inline-block; margin:0.5rem 2rem 0.5rem 0.5rem;}
}

/* 전시실 슬라이드 */
.floor_slide {margin-top:4rem; padding:1rem; border:1px solid #ececec; border-radius:0.6rem;}
.floor_slide img {border-radius:0.6rem;}
.floor_nav {overflow:hidden; padding:0; margin:2rem 0 0 -0.5rem;}
.floor_nav li a {display:block; overflow:hidden; position:relative; margin:0 0.5rem; cursor:pointer; border-radius:0.6rem;}
.floor_nav li a:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.54); transition:1s;}
.floor_nav .slick-current a:after {background:transparent;}
.floor_nav li a img {width:100%; height:10.8rem; border-radius:0.6rem;}
.floor_nav.arrow {padding:0 5rem; margin:2rem -0.5rem 0 -0.5rem;;}
.floor_nav .slick-track {margin-left:0 !important;}
.floor_nav .slick-arrow {width:3.2rem; height:100%; background:rgba(0,0,0,0.8); top:0; margin-top:0;}
.floor_nav .slick-arrow.slick-prev {left:0.5rem; border-radius:0.6rem 0 0 0.6rem;}
.floor_nav .slick-arrow.slick-next {right:0.5rem; border-radius:0 0.6rem 0.6rem 0;}
.floor_nav .slick-prev:before,
.floor_nav .slick-next:before {width:0.8rem; height:0.8rem; border-color:#fff;}
.floor_nav .slick-prev:before {margin-left:0.3rem;}
.floor_nav .slick-next:before {margin-left:-0.3rem;}
.floor_detail {display:flex; flex-flow:row wrap; justify-content:space-between; margin:4rem 0;}
.floor_detail:last-of-type {margin-bottom:0;}
.floor_detail h5 {margin-top:0;}
.floor_detail .left {width:200px;}
.floor_detail .right {width:calc(100% - 220px);}
.floor_detail .right ul {margin-top:-0.5rem; margin-left:0.3rem;}
@media all and (max-width:1240px){
	.floor_nav li a img {height:8rem;}
}
@media all and (max-width:768px) {
	.floor_detail h5 {margin-top:0;}
	.floor_detail .left {width:100%;}
	.floor_detail .right {width:100%;}
	.floor_detail .right > * {margin-top:0; margin-left:0.5rem;}
	.floor_detail .right ul {margin-top:0; margin-left:0.8rem;}
}
@media all and (max-width:599px) {
	.floor_slide img {height:250px; object-fit: cover; width:100%}
	.floor_nav li a img {height:5rem;}
}

/* 편의시설 안내 */
.faci > ul > li {overflow:hidden; margin-bottom:6rem;}
.faci > ul > li .img {float:left; width:45rem;}
.faci > ul > li .text {float:right; width:calc(100% - 50rem)}
.faci > ul > li .text h4 {margin-top:0.2rem;}
@media all and (max-width:1440px){
	.faci > ul > li .img {width:35rem;}
	.faci > ul > li .text {width:calc(100% - 38rem)}
}
@media all and (max-width:768px){
	.faci > ul > li .img {width:30rem;}
	.faci > ul > li .text {width:calc(100% - 33rem)}
}
@media all and (max-width:599px){
	.faci > ul > li {width:100%;}
	.faci > ul > li .img {float:none; width:100%;}
	.faci > ul > li .text {float:none; width:100%; margin-top:4rem;}
}

/* 찾아오시는 길 */
.road .border1,
.road .border2,
.road .border3,
.road .border4,
.road .wrap_controllers {display:none;}
.road_detail {display:flex; flex-flow:row wrap; margin-top:4rem;}
.road_detail > div p {margin-bottom:2rem; font-size:2.5rem; font-weight:700;}
.road_detail > div.left {width:calc(100% - 580px);}
.road_detail > div.left span {display:inline-block; margin-left:1.5rem; color:#ababab; font-size:1.3rem; text-transform:capitalize;; font-weight:400; letter-spacing:0.4px;}
.road_detail > div.left ul {display:flex; flex-flow:row wrap; margin-left:0.2rem;}
.road_detail > div.left li {position:relative; margin-right:2rem; margin-bottom:1rem; padding-left:2.5rem; }
.road_detail > div.left li:before {content:''; position:absolute; top:0.4rem; left:0; width:14px; height:18px; background:url('/Main/Images/saemaul/sub/road01.png') no-repeat;}
.road_detail > div.left li.icon01:before {background-position:-112px 0;}
.road_detail > div.left li.icon02:before {background-position:-126px 0;}
.road_detail > div.left b {display:inline-block; margin-right:0.7rem}
.road_detail > div.right {display:flex; flex-flow:row wrap; justify-content:space-between;}
.road_detail > div.right p {position:relative; padding-left:9rem; margin-right:2rem; color:#696109;}
.road_detail > div.right p:before {content:''; position:absolute; top:-1rem; left:0; width:64px; height:64px; background:#f4f4f4 url('/Main/Images/saemaul/sub/road01.png') no-repeat 0 0; border-radius:40px;}
.road_detail > div.right li b {display:block;}
.road_detail > div.right li b.green {color:#065c24;}
.road_detail > div.right li span {display:inline-block; margin:0.5rem 0 1rem;}
@media all and (max-width:1440px) {
	.road_detail > div.left {width:calc(100% - 440px);}
	.road_detail > div.right {display:block; margin-left:4rem;}
	.road_detail > div.right p {position:relative; padding-left:7rem; margin-right:0;}
	.road_detail > div.right p:before {top:50%; width:48px; height:48px; background-position:-64px 0; transform:translateY(-50%);}
	.road_detail > div.right li b {display:inline-block;}
	.road_detail > div.right li span {display:block;}
}
@media all and (max-width:1240px) {
	.road_detail > div.left {width:100%;}
	.road_detail > div.right {margin-left:0; margin-top:5rem;}
	.road_detail > div.right p {font-size:2.2rem;}
	.road_detail > div.right li span {display:inline-block; margin:0;}
}
@media all and (max-width:599px) {
	.road_detail > div.left span {display:block; margin-left:0.3rem;}
}

/* 놀이터이용안내 */
.ipg {overflow:hidden;}
.ipg h4:first-of-type {margin-top:0;}
.ipg .photo_box {float:right; width:53%; margin-left:4rem;}
.ipg .photo_control {position:absolute; bottom:2rem; right:2rem; z-index:10; display:flex; flex-wrap:wrap; padding:0.5rem 1rem; background:rgba(255,255,255,0.4); border-radius:2rem;}
.ipg .photo_control > a {display:block; width:2.6rem; height:2.6rem; text-indent:-9999rem; background: url('/Main/Images/saemaul/common/btn_control.png') no-repeat 0 0; /*margin-left:0.5rem;*/}
/*.ipg .photo_control > a:first-child {margin-left:0;}*/
.ipg .photo_control > a.prev {background-position:0 0;}
.ipg .photo_control > a.next {background-position:-5.2rem 0;}
.ipg .photo_control > a.pause {background-position:-2.6rem 0;}
.ipg .photo_control > a.play {background-position:100% 0; display:none;}
.ipg .photo_slide {font-size:0; overflow: hidden;}
.ipg .photo_item img {width:100%;}
@media all and (max-width:768px){
    .ipg h4:first-of-type {margin-top:6rem;}
    .ipg .photo_box {float:none; width:100%; margin-left:0;}
}

/* 소개 */
.intro .img {position:relative; padding:4.4rem 0 0 0; border-radius:1.5rem;}
.intro .img:before {content:''; position:absolute; top:0; left:0; width:100%; height:341px; border-radius:1.5rem; background:url('/Main/Images/saemaul/sub/intro01.jpg') no-repeat center top; background-size:cover; z-index:-1;}
.intro .img .top {width:36.69%; margin:15rem 0 0 0; padding:4rem; background:#117533; box-shadow:-3px 3px 10px rgba(0,0,0,0.2); border-radius:1.5rem; font-family:'SBAggro';}
.intro .img .top .big {margin-bottom:1.5rem; font-size:3rem; font-weight:600; color:#fff9b9; }
.intro .img .top .small {margin-left:0.1rem; font-size:2rem; color:#fff; color:#fff; font-weight:400;}
.intro .text {display:flex; flex-flow:row wrap; justify-content:space-between; margin-top:6rem;}
/*
.intro .text .left {width:55%; padding-right:5%; border-right:1px dashed #e3e3e3;}
.intro .text .left p {margin-bottom:1.5rem;}
.intro .text .right {width:calc(100% - 60%);}
.intro .text .right h4 {margin:0;}
*/
.intro .text .left {width:100%;}
.intro .text .left h4 {margin-top:0;}
.intro .text .right {width:100%;}
.intro .text .right .cont_depth01 {margin-top:5rem; }
/*
.intro .text .right .cont_depth01 li {position:relative; padding-left:14rem;}
.intro .text .right .cont_depth01 li span {position:absolute; left:1.7rem; font-weight:600;}
.intro .text .right .cont_depth01 li span.ls2 {letter-spacing:62px;}
.intro .text .right .cont_depth01 li span.ls4 {letter-spacing:11px;}
*/
@media all and (max-width:1240px) {
	.intro .img .top {width:50%;}
	.intro .text {margin-top:4rem;}
	.intro .text .left h4 {margin-top:2rem;}
}
@media all and (max-width:768px) {
	.intro .img {padding:5rem 1.5rem 0;}
	.intro .img .top {width:100%; }
}
@media all and (max-width:599px) {
	.intro .img:before {background-position:70% bottom; height:300px;}
	.intro .img .top {width:100%;}
}

/* 연혁 */
.stroy {position:relative;}
.stroy:before {content:''; position:absolute; top:1.8rem; left:1.2rem; width:2px; height:100%; background:#efefef;}
.stroy dl {overflow:hidden; padding-bottom:4rem; }
.stroy dl dt {position:relative; padding:1.1rem 0 0 9rem; color:#117533; font-size:2.2rem; font-weight:600;}
.stroy dl dt:before {content:''; position:absolute; left:0.2rem; top:1.8rem; width:1.5rem; height:1.5rem; background:#fff; border:3px solid #117533; border-radius:50%;}
.stroy dl dt:after {content:''; position:absolute; top:2.8rem; left:2.2rem; width:5rem; height:2px; background:#efefef; z-index:-1;}
.stroy dl dd.list {position:relative; padding-left:8.8rem;}
.stroy dl dd > ul > li {position:relative; padding-left:13rem;}
.stroy dl dd > ul > li span {position:absolute; left:1.7rem; font-weight:600;}
@media all and (max-width:599px) {
	.stroy dl {overflow:hidden; padding-bottom:4rem;}
	.stroy dl dt {padding-left:4rem;}
	.stroy dl dt:after {display:none;}
	.stroy dl dd.list {padding-left:3.7rem;}
}

/* 예약관련  */
/* 달력 공통스타일 수정주의 */
.monthTab {border:3px solid #ddd; margin-bottom:2rem; background:#fff;}
.monthTab ul {display:table; table-layout:fixed; overflow:hidden; width:100%; border:1px solid #ccc; border-left:0; border-right:0;}
.monthTab ul li {display:table-cell; border-left:1px solid #ccc; background:#f2f2f2;}
.monthTab ul li:first-child {border-left:0;}
.monthTab ul li a {display:block; padding:0.7rem 0; background: #f2f2f2; color:#555; text-align:center; font-size:1.5rem;}
.monthTab ul li:hover a,
.monthTab ul li.on a {border-bottom:2px solid #006ed2; background:#fff; color:#006ed2; font-weight:600;}
.monthTab div {position:relative; padding:1.5rem 1rem;}
.monthTab div p {text-align:center; font-size:3rem; font-weight:600;}
.monthTab div a {position:absolute; color:#555; padding:0 0 0 2.5rem; left:2rem; top:50%; transform:translateY(-50%);}
.monthTab div a:before {content:''; position:absolute; top:50%; left:0; width:0.7rem; height:0.7rem; border-bottom:2px solid #2b2b2b; border-right:2px solid #2b2b2b; transform:translateY(-50%) rotate(135deg);}
.monthTab div a.next {padding:0 2.5rem 0 0; left:inherit; right:2rem;}
.monthTab div a.next:before {right:0; left:inherit; transform:translateY(-50%) rotate(-45deg);}
@media all and (max-width:1023px){
	.monthTab ul {display:flex; table-layout:auto; flex-flow:row wrap;}
	.monthTab ul li {display:block; width:16.666%; border-bottom:1px solid #ccc;}
	.monthTab ul li:nth-child(6n+1) {border-left:0;}
	.monthTab div p {font-size:2.1rem;}
	.monthTab div a {font-size:1.5rem;}
}
@media all and (max-width:599px){
  .monthTab ul li a {font-size:1.3rem;}
}
/* 놀이터달력 */
.reserList {position:relative;}
.reserList .monthTab ul li:hover a,
.reserList .monthTab ul li.on a {border-bottom:2px solid #37752e; color:#37752e;}
.reserList .cal {position:relative; width:100%; border:1px solid #ccc; background:#fff;}
.reserList .cal > p {font-size:2.5rem; text-align:center; line-height:1.5; margin:1.5rem;}
.reserList .cal > p span {display:block; font-size:1.2rem; color:#999; letter-spacing:0;}
.reserList .cal table {width:100%; table-layout:fixed; text-align:center; font-size:1.4rem;}
.reserList .cal table th {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:1rem 0; width:14.28%; background:#eee;}
.reserList .cal table td {position:relative; height:10rem; padding:3.5rem 1rem 1rem; text-align:left; vertical-align:top; border-left:1px dashed #ccc; border-top:1px dashed #ccc; }
.reserList .cal table tr:first-child td {border-top:0;}
.reserList .cal table tr td:first-child {border-left:0;}
.reserList .cal table td > span {position:absolute; left:1rem; top:1rem;}
.reserList .cal table td {line-height:22px; min-height:44px; overflow:hidden;}
.reserList .cal table td a {position:relative; display:block; color:#555; text-align:center; background:#eee; margin:0.5rem 0; padding:0.2rem 0.7rem; line-height:1.4}
.reserList .cal table td a span {display:block; font-weight:700;}
.reserList .cal table td a:hover {background:#37752e; color:#fff; }
@media all and (max-width:599px){
  .reserList .cal {overflow-x:scroll;}
  .reserList .cal table {width:900px;}
}
/* 대관달력 */
.calendar {position:relative;}
.calendar .cal {position:relative; float:left; width:40%; border:1px solid #ccc; padding:2rem 3rem;}
.calendar .cal:after {content:''; position:absolute; left:0; top:9rem; width:100%; height:4rem; background:#006ed2; z-index:-1;}
.calendar .cal > p {font-size:2.5rem; text-align:center; line-height:1.5; margin-bottom:1.5rem;}
.calendar .cal > p span {display:block; font-size:1.2rem; color:#999; letter-spacing:0;}
.calendar .cal table {width:100%; table-layout:fixed; text-align:center; border-spacing:4px; border-collapse:inherit;}
.calendar .cal table th {color:#fff; padding:0.7rem 0 1.5rem; width:14.28%;}
.calendar .cal table td {position:relative; padding:0.4rem; font-size:1.3rem; background:#f5f5f5; height:5rem;}
.calendar .cal table .dayApplyYn {position:absolute; right:0; bottom:0; background:#41915c; color:#fff; font-size:13px;  line-height:16px; width:16px;}
.calendar .cal table .on {background:#ee4c57; color:#fff;}
.calendar .cal table .on a {color:#fff;}
.calendar .cal table .off {background:#c0c0c0; color:#fff;}
.calendar .cal table .off a {color:#fff;}
.cal table td span.date a {display:block; padding:0; margin:0; background:none; cursor:pointer;}
.cal table td span.date a:hover {background:none; color:inherit;}
.cal table td div.list {position:relative; display:block; color:#555; text-align:center; background:#eee; margin:0.5rem 0; padding:0.2rem 0.7rem; line-height:1.4}
.calendar .type1 {overflow:hidden;}
.calendar .type1 .detail {position:relative; float:right; width:55%;}
.calendar .type1 .detail h4 {display:inline-block; margin:0 0 1rem !important; background:none; font-size:1.8rem !important; border:1px solid #999; line-height:1.4; padding:0.8rem 2rem; text-align:center; border-radius:20px;}
.calendar .type1 .detail dl {border-bottom:1px solid #ddd; padding:1.5rem;}
/*
.calendar .type1 .detail dl dt span {color:#fff; padding:2px 7px; margin-right:5px; border-radius:3px;  }
.calendar .type1 .detail dl dt span.fest { background:#008921;}
.calendar .type1 .detail dl dt span.hang { background:#d34500;}
.calendar .type1 .detail dl dt span.gong {background:#006ed2;}
.calendar .type1 .detail dl dt span.jun {background:#8e2ad4;}
.calendar .type1 .detail dl dt span.state {background:#006ed2;}
.calendar .type1 .detail dl dt span.black {color:#333 !important; padding:0}
*/
.calendar .type1 .detail dl dd {color:#666; margin-top:0.5rem;}
.calendar .type1 .detail .btn_excel {position:absolute; right:0; top:0.5rem;}
.btn_excel {color:#117533; font-weight:600; padding-left:2.5rem; font-size:1.7rem; background:url('/Main/Images/saemaul/sub/ico_excel.png') no-repeat left center;}
.noEvent {background:#f8f8f8; text-align:center; padding:5rem 0;}
.reservation_all {overflow:hidden;}
.reservation_all > h4 {float:left;}
.reservation_all > h4 span {padding-left:1rem;}
.reservation_all > div {float:right; margin-top:7.5rem;}
@media all and (max-width:1240px){
  .calendar .cal {width:48%;}
  .calendar .type1 .detail {width:48%;}
}
@media all and (max-width:768px){
  .calendar .cal {width:100%; padding:2rem;}
  .calendar .cal:after {height:3.5rem; top:8.4rem;}
  .calendar .cal > p {font-size:2rem;}
  .calendar .cal table th {padding:0.5rem 0 1.2rem;}
  .calendar .cal table td span {padding:0.3rem 0;}
  .calendar .type1 .detail {width:100%;}
  .calendar .type1 .detail h4 {margin:3rem auto 1rem !important;}
  .calendar .type1 .detail .btn_excel {top:3.5rem;}
  .reservation_all > h4 {float:none;}
  .reservation_all > div {float:none; margin-top:0; padding:1.5rem; text-align:center; background:#eef0f3;}
}
/* 신청 */
.reserWrite {position:relative;}
.reserWrite legend {margin:6rem 0 1.5rem; padding:1.5rem 0 0 0; background:url('//Main/Images/saemaul/sub/i_h4.png') no-repeat left top; font-size:2.5rem; font-weight:700; line-height:1.5;}
.reserWrite .agree {margin-bottom:3rem;}
.reserWrite .agree .text {background:#f5f5f5; padding:2.5rem; max-height:300px; overflow-y:scroll;}
.reserWrite .agree .check {background:#555; color:#fff; padding:0.8rem 2.5rem;}
.reserWrite .agree .check label {margin-left:0.5rem;}
.reserWrite .align {position:relative;}
.reserWrite .align .info {position:absolute; right:0; top:2.1rem;}
.reserWrite dl:first-of-type {position:relative;}
.reserWrite dl:first-of-type:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#117533;}
.reserWrite dl {display:table; table-layout:fixed; width:100%; min-height:70px; padding:1.5rem; border-bottom:1px solid #ddd; background:#fff;}
.reserWrite dl:last-of-type {margin-bottom:4rem;}
.reserWrite dl dt {display:table-cell; vertical-align:middle; width:20%; padding-right:20px; font-weight:600;}
.reserWrite dl dd {display:table-cell; vertical-align:middle; width:80%;}
.reserWrite dl dd input[type="text"],
.reserWrite dl dd input[type="file"],
.reserWrite dl dd input[type="password"],
.reserWrite dl dd select {height:4.4rem; margin:0.3rem 0.3rem 0.3rem 0; min-width:20rem;}
.reserWrite .birth {overflow:hidden;}
.reserWrite .birth > * {float:left;}
.reserWrite .birth input[type="text"] {width:calc(31.47% - 25px);}
.reserWrite .birth span {display:block; padding:0 2rem 0 0.5rem; line-height:4.8rem;}
.reserWrite .birth span:last-of-type {padding-right:0;}
.reserWrite .birth:first-of-type {margin-top:1rem;}
@media all and (max-width:1240px){
	.reserWrite dl dd input[type="text"],
	.reserWrite dl dd input[type="file"],
	.reserWrite dl dd input[type="password"],
	.reserWrite dl dd select {width:100%;}
	.reserWrite .birth input[type="text"] {width:calc(40% - 25px);}
	.reserWrite .birth input[type="text"]:first-of-type {width:calc(100% - 23px);}
	.reserWrite .birth span:first-of-type {padding:0 0 0 0.4rem;}
}
@media all and (max-width:768px){
	.reserWrite dl dd #apply_adult,
	.reserWrite dl dd #apply_child {width:calc(100% - 23px) !important;}
	.reserWrite dl dd #apply_adult + span:first-of-type {display:inline-block; margin-top:0.5rem;}
}
@media all and (max-width:599px){
	.reserWrite dl {display:block; table-layout:auto; min-height:100%;}
	.reserWrite dl dt {display:block; width:100%; padding-right:0; font-size:1.9rem;}
	.reserWrite dl dd {display:block; width:100%; margin:1rem 0 0 0.2rem;}
}
/* 본인인증 */
.confirm {text-align:center;}
.confirm > div {padding:5rem;}
.confirm dl {display:block !important; background:url('/Main/Images/saemaul/sub/i_confirm.png') no-repeat 49% 0;}
.confirm dl dt {width:100% !important; background:none !important; padding:14rem 0 0 0 !important;}
.confirm dl dd {width:100% !important; margin:1.5rem 0 3rem;}
@media all and (max-width:599px) {
	.confirm > div {padding:4rem 2.5rem;}
	.confirm dl {background-size:60px;}
	.confirm dl dt {padding:13rem 0 0 0 !important;}
}

/* 게시판 */
.bod_topheader > div {margin-bottom:4rem; border:3px solid #f8f8f8; padding:3rem 4rem; background:#fff;}
.bbsSrch2 legend {position:absolute; left:-9999px;}
.bbsSrch2 input[type="button"] {padding-top:0.2rem !important; padding-bottom:0 !important;}
.bbsSrch {padding:20px !important;}
.bbsSrch legend {position:absolute; left:-9999px;}
.bbsSrch label {font-weight:500; margin-right:10px;}
.bbsSrch fieldset * {font-family:'pretendard' !important; font-size:1.6rem !important;}
.bbsSrch input[type="text"], .bbsSrch select, .bbsSrch .button, .button {vertical-align:middle !important; margin:2px;}
.bbsSrch input[type=checkbox], input[type=radio] {width:13px; height:13px; margin:0 5px; vertical-align:middle;}
.bbsSrch select {background:#fff url('/Main/Images/new/ko/board/select_bg.gif') no-repeat 83% 50% !important; line-height:inherit !important;}
.bbsSrch .calendar_btn {margin-right:-20px; vertical-align:middle;}
.bbsSrch input[type="submit"], .bbsSrch button, .button {border:1px solid #eef0f3;}
.bbsWrite * {font-family:'pretendard' !important; font-size:1.6rem !important;}
.bbsWrite .form_group dl dd {width:calc(100% - 20%);}
.bbsWrite input[type="text"],
.bbsWrite input[type="password"],
.bbsWrite input[type="file"] {height:40px !important; width:100% !important; margin:2px 0; line-height:40px; padding:0 10px}
.bbsWrite #file0 {margin-top:10px;}
.bbsWrite textarea {padding:10px; margin-bottom:10px;}
.bbsWrite input[type="password"] {margin-bottom:10px;}
.bbsWrite .attfile dd:first-of-type {margin-top:0px;}
.bbsWrite .attfile dd {margin-top:-12px;}
.bbsView * {font-family:'pretendard' !important; font-size:1.6rem !important;}
.bbsView .form_group dl dd {width:calc(100% - 160px); background:#fff;}
.bbsView .form_group dl.content dd {width:100% !important;}
@media all and (max-width:768px) {
  .bbsWrite input[type="text"],
  .bbsWrite input[type="password"],
  .bbsWrite input[type="file"],
  .bbsWrite textarea {width:100% !important;}
  .bbsWrite .form_group dl dd {width:calc(100% - 130px); padding:10px;}
  .bbsView .form_group.col02 {padding:10px 0;}
  .bbsView .form_group.col02 li {clear:both; padding:0;}
}
@media all and (max-width:599px) {
  .bod_topheader > div {padding:2.5rem;}
  .bbsHead {overflow:hidden;}
  .bbsHead select {width:70px; float:left;}
  .bbsHead .bbsSrch2 input.word {float:right; width:calc(100% - 75px); margin-bottom:0.5rem;}
  .bbsSrch2 input[type="button"] {clear:both; display:block; width:100%; margin:0;}
}
@media all and (max-width:420px) {
  .bbsView .form_group dl dd {width:calc(100% - 100px);}
}
.login_wrap2 {border:3px solid #f8f8f8; padding:3rem 4rem; background:#fff; text-align:center;}
.login_wrap2 .bold {font-size:2.5rem; margin-bottom:2rem; font-weight:700;}
.login_wrap2 .bold img {display:none;}
.login_wrap2 .bod_login {margin-bottom:2rem;}
.login_wrap2 .bod_login label {margin-bottom:1rem; font-weight:500;}
.login_wrap2 .bod_login input[type="password"] {width:25rem !important; height:4rem !important;}
.login_wrap2 .bod_login_btn a {display:inline-block; height:auto !important; padding:0.8rem 2rem; background:#117533; color:#fff; font-weight:600; border:1px solid #117533; border-radius:0.6rem; font-size:1.6rem; transition:all 0.3s; letter-spacing:0; line-height:inherit;}
.login_wrap2 .login_desc2 {margin-top:3rem;}


/*추가작업*/
.facility_list > ul {display:flex; flex-wrap:wrap;}
.facility_list > ul > li {width: calc((100% - 2rem) / 2); margin:2rem 0 0 2rem; padding:3rem; border:1px solid #ddd; border-radius:1rem;}
.facility_list > ul > li:nth-child(2n+1) {margin-left:0;}
.facility_list > ul > li:nth-child(-n+2) {margin-top:0;}

.facility_list .info {display:table; table-layout:fixed;}
.facility_list .info p {display:table-cell; width:24rem; height:16rem; vertical-align:middle;}
.facility_list .info p img {width:100%; height:100%; border-radius:1rem;}
.facility_list .info dl {display:table-cell; width:calc(100% - 24rem); padding:0 0 0 2rem; vertical-align:middle;}
.facility_list .info dt {font-weight:700; font-size:2.1rem;}
.facility_list .info .sm_txt {margin-bottom:1.5rem; color:#117533; letter-spacing:-0.1rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.facility_list .info span {display:inline-block; width:10rem; color:#6e6e6e;}
.facility_list dd li {color:#000;}

.facility_btn {display:flex; justify-content:space-between; margin-top:1.5rem;}
.facility_btn a {width:30%; text-align:center; padding:1rem 0.5rem; color:#fff; font-weight:600; border-radius:0.5rem; cursor:pointer; }
.facility_btn a:nth-child(1) {background:#117533;}
.facility_btn a:nth-child(2) {background:#0a5ccc;}
.facility_btn a:nth-child(3) {background:#172674;}
	
.facility_detail {display:flex; justify-content:space-between; overflow:hidden;}
.facility_detail .floor_wrap {width:47%;}
.facility_detail .floor_slide {margin-top:0;}
.facility_detail .info {width:50%;}
.facility_detail .info dt {font-weight:700; font-size:3rem;}
.facility_detail .info .sm_txt {margin-bottom:1.5rem; color:#117533; letter-spacing:-0.1rem;}
.facility_detail .info li > span {display:inline-block; width:10rem; color:#6e6e6e;}
.facility_detail .info .checkResult {margin-top:1rem; color:#117533; font-weight:700;}
.facility_detail .info .time_txt {position:relative; margin-top:1rem; padding-left:1.5rem; font-weight:700; color:#117533;}
.facility_detail .info .time_txt::before {content:''; position:absolute; top:0.8rem; left:0; width:0; height:0; border-left:0.5rem solid #117533; border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; border-radius:2px;}


.facility_tab {margin:5rem 0 2.5rem 0;}
.facility_tab ul {display:flex; justify-content:space-between;}
.facility_tab li {width:32%; text-align:center; color:#fff; font-weight:600;}
.facility_tab li a {display:block; padding:1rem 0.5rem; border-radius:0.5rem; background:#d9d9d9;}
.facility_tab li.on a {background:#117533; color:#fff;}

.sub_tab_cont {display:none;}
.sub_tab_cont.on {display:block;}

.facility_detail .calendar {margin-top:2rem;}
.facility_detail .calendar .cal {width:100%; padding:1rem; background:#fff;}
.facility_detail .calendar .cal .month {position:relative; margin-bottom:0.5rem; text-align:center;}
.facility_detail .calendar .cal .month a {position:absolute; top:50%; transform:translateY(-50%); padding-left:1.5rem; font-size:1.5rem;}
.facility_detail .calendar .cal .month a:before {content:''; position:absolute; top:50%; left:0; width:0.7rem; height:0.7rem; border-bottom:2px solid #2b2b2b; border-right:2px solid #2b2b2b; transform:translateY(-50%) rotate(135deg);}
.facility_detail .calendar .cal .month a.prev {left:0; cursor:pointer;}
.facility_detail .calendar .cal .month a.next {right:0; padding:0 1.5rem 0 0; cursor:pointer;}
.facility_detail .calendar .cal .month a.next:before {right:0; left:inherit; transform:translateY(-50%) rotate(-45deg);}
.facility_detail .calendar .cal .month p {font-size:2rem; font-weight:600;}
.facility_detail .calendar .cal table th {padding:0.5rem; background:#006ed2; font-size:1.3rem;}
.facility_detail .calendar .cal table td {height:2.6rem; padding:0 0.3rem;}

.detail_time {/*display:flex; justify-content:space-between;*/ margin-top:2.5rem;}
.detail_time input {width:10rem; margin:0 0.5rem; padding:0 0.5rem !important; text-align:center; line-height:3.4rem;}
.detail_time input::first-child {margin-left:0 !important;}
.detail_time select {line-height:3.4rem; padding:0 3.5rem 0 1.3rem !important;}
.detail_time .btn_time {display:inline-block; margin:0.5rem; padding:0 1.5rem; text-align:center; color:#fff; line-height:3.6rem; background:#117533; border-radius:0.5rem;}

.btn_count {display:inline-block; position:relative; border:1px solid #ddd; padding:0 2rem; border-radius:6px;}
.btn_count input {width:6.5rem; line-height:3.5rem; padding:0 0.5rem !important; text-align:center; border:none;}
.btn_count button {display:inline-block; position:absolute; top:50%; background-color:#e9e9e9 !important; transform:translateY(-50%); font-size:0; padding:0;}
.btn_count button .txt {display:inline-block; width:3rem; height:3.5rem; margin:0; background-position:center center; background-size:9px auto; background-repeat:no-repeat; font-size:0;}
.btn_count button.btn_minus {left:0; background:url('/Main/Images/saemaul/sub/count_minus.png') center no-repeat;}
.btn_count button.btn_plus {right:0; background:url('/Main/Images/saemaul/sub/count_plus.png') center no-repeat;}
.btn_count .num {display:inline-block; min-width:30px; line-height:30px; color: #191919; text-align:center;}

.facility_total {margin-top:5rem; padding:1.5rem 3rem; text-align:right; color:#fff; background:#117533; border-radius:1rem;}
.facility_total strong {font-weight:600; color:#fde73d;}

.btn.pay.payment {background:#117533;}
.btn.pay.cancel {background:#343642;}

.reserWrite dl.half dd {width:30%;}
.reserWrite dl dd em {margin-right:3rem;}
.reserWrite #fileUpload input[type="button"] {color:#fff !important; }
.reserWrite #fileUpload input[type="button"]:hover { background:#cdcdcd; }


.tbl_area.facility .tbl_type1 tbody td em {display:none;}

@media screen and (max-width:1300px) {
	.facility_list .info p {width:20rem; height:14rem;}
	.facility_list .info dl {width:calc(100% - 20rem);}
}
@media screen and (max-width:1200px) {
	.facility_list > ul > li {padding:2rem;}
	.facility_list .info p {width:15rem; height:11rem;}
	.facility_list .info dl {width:calc(100% - 15rem);}
	.facility_list .info .sm_txt {margin-bottom:0.5rem;}
	.facility_list .info span {width:7rem;}
	.facility_btn a {padding:0.5rem;}
}
@media screen and (max-width:768px) {
	.facility_list > ul {display:block;}
	.facility_list > ul > li {width:100%; margin-left:0;}
	.facility_list > ul > li:nth-child(2) {margin-top:2rem;}
	.facility_list .info p {width:20rem; height:14rem;}
	.facility_list .info dl {width:calc(100% - 20rem);}
	.facility_detail {display:block;}
	.facility_detail .floor_wrap {width:100%;}
	.facility_detail .info {width:100%;}
	.tbl_area.facility .tbl_type1 {min-width:auto;}
	.tbl_area.facility .tbl_type1 colgroup {display:none !important;}
	.tbl_area.facility .tbl_type1 thead {display:none;}
	.tbl_area.facility .tbl_type1 tbody th, .tbl_area.facility .tbl_type1 tbody td {display:block; text-align:left;}
	.tbl_area.facility .tbl_type1 tbody th {padding:0.7rem 1rem; background:#f7f7f7;}
	.tbl_area.facility .tbl_type1 tbody td {padding:0.7rem 1rem; border:none;}
	.tbl_area.facility .tbl_type1 tbody td em {display:inline-block; padding-right:0.5rem; font-weight:600;}
	.tbl_area.facility .tbl_type1 tbody td:last-of-type {border-bottom:1px solid #e3e3e3;}
	.tbl_area.facility .tbl_type1 tbody .num {display:none;}
}
@media screen and (max-width:599px) {
	.facility_list .info p {width:15rem; height:11rem;}
	.facility_list .info dl {width:calc(100% - 15rem);}
}

.facility_reserve {margin-top:50px;}
.facility_reserve .top {position:relative; margin-bottom:2.5rem;}
.facility_reserve .top > *, .facility_reserve .top .select_area > * {display:inline-block;}
.facility_reserve .top .month {font-weight:700; font-size:2.7rem; vertical-align:middle;}
.facility_reserve .top .select_box {display:inline-block; padding:0 1.5rem;}
.facility_reserve .top .select_box .txt {padding-left:0.5rem; font-weight:700; font-size:2.5rem; vertical-align:middle;}
.facility_reserve .top .period_box {position:absolute; right:0; top:5px;}
.facility_reserve .top .period_box ul {display:block; overflow:hidden;}
.facility_reserve .top .period_box li {float:left; margin-left:1.5rem;}
.facility_reserve .top .period_box li:first-child {margin-left:0;}
.facility_reserve .top .period_box li > div {display:inline-block;}

.facility_reserve .tbl_area { overflow-y:scroll; height:60rem; padding-bottom:0.1rem; border-bottom:1px solid #e3e3e3;}
.facility_reserve .tbl_type1 {min-width:100rem;}
.facility_reserve .tbl_type1 thead {position:sticky; left:0; top:0; z-index:2;}
.facility_reserve .tbl_type1 tbody th {width:10rem;}
.facility_reserve .tbl_type1 tbody td { position:relative; width:17rem; text-align:left;}
.facility_reserve .time_box {margin:0.5rem 0; font-size:1.5rem; letter-spacing:-0.1rem;}
.facility_reserve .time_box em {margin-right:0.3rem; padding:0.3rem 0.7rem; color:#fff; text-align:center; border-radius:0.7rem;}
.facility_reserve .booking_list {/*display:flex; align-items:center;*/ position:relative; padding:0 0 0.5rem 0.8rem; border-top:1px dashed #e3e3e3;}
.facility_reserve .booking_list:first-child {border:none;}
.facility_reserve .booking_list::before {content:''; position:absolute; left:0; top:7px; display:block; width:5px; height:5px; background:#117533; border-radius:50%; flex-shrink:0; margin-right:0.5rem;}
.facility_reserve .booking_list em {display:block;}
.facility_reserve .booking_closed,
.facility_reserve .monday_closed,
.facility_reserve .closed{ display:block; text-align:center; }
.facility_reserve .booking_closed span,
.facility_reserve .monday_closed span,
.facility_reserve .closed span{position:relative; z-index:1;}
.facility_reserve .booking_closed::after,
.facility_reserve .monday_closed::after,
.facility_reserve .closed::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.facility_reserve .closed { color:#666; }
.facility_reserve .closed::after {background:#efefef; }
.facility_reserve .booking_closed { color:#b22832; font-weight:600; }
.facility_reserve .booking_closed::after {background:#ffeff0; }
.facility_reserve .monday_closed { color:black; font-weight:600; }
.facility_reserve .monday_closed::after {background:#e5e1fc; }
.bg_green {background:#177438;}
.bg_orange {background:#ee4c57;}
.bg_purple {background:#7258d6;}

/*캘린더예약사항*/
#popup_Auth {display:none; position:fixed; top:0%; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
#popup_Auth > div {position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 auto; max-width:90rem; min-width:50rem; background:#fff; border-radius:1.5rem;}
#popup_Auth .cont {position:relative;}
#popup_Auth .cont > div {display:flex; justify-content:space-between; padding:3rem; max-height:58rem; overflow-y:auto;}
#popup_Auth .cont .title {padding:1.5rem 2rem; color:#fff; font-weight:600; font-size:2rem; background:#117533; border-radius:1.5rem 1.5rem 0 0;}
#popup_Auth .cont .tbl_area {overflow:hidden; height:auto; border-bottom:none;}
#popup_Auth .close {display:block;position:absolute; top:1rem; right:1rem; width:4rem; height:4rem; background:url('/Main/Images/saemaul/common/closeIcon.png') no-repeat center; text-indent:-9999rem;}
@media all and (max-width:1200px){
	#popup_Auth > div {max-width:85%; min-width:auto;}
}
@media all and (max-width:768px){
	#popup_Auth .cont > div {display:block;}
}

#prtarea {padding:0 1.5rem;}